/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
@media (max-width: 740px) {
    .full-page-intro {
        height: 100%;
    }
}

/* Navbar animation */
.top-nav-collapse {
    background: rgba(255, 255, 255, 0.9);
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331!important;
    }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
    background-color: #1C2331!important;
}

html,
body,
header,
.view {
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 800px) {
    .navbar:not(.top-nav-collapse) {
        background: rgba(255, 255, 255, 0.9);
    }
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.testimonial-card .avatar {
    overflow: visible!important;
}

.navbar {
    background: rgba(255, 255, 255, 0.9) !important;
}

.card-up {
    background-color: #E1DE64;
}

.card.testimonial-card {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.31);
}

.jarallax {
    min-height: 500px!important;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}