/* ======================================================================================================== */
/* ========================================== STANDARD HERO CAROUSEL(s) WITH BOTTOM CAPTIONS ========================================== */
/* ======================================================================================================== */
 
.carousel:not(.leela) .item img {width: 100%; height: auto;}
.standard-hero-carousel .carousel-control {z-index: 2;} .standard-hero-carousel p {margin-bottom: 0;}
.standard-hero-carousel .glyphicon {color: white;} .standard-hero-carousel h3, .standard-hero-carousel p {color: white;}
.standard-hero-carousel .carousel-caption {background-color: rgba(0,0,0,0.65); width: 100%; left: 0; right: 0; bottom: 0; padding: 10px 15px 10px 15px;}
.standard-hero-carousel h3 {margin: 0;}
.standard-hero-carousel .glyphicon-chevron-left, .standard-hero-carousel .glyphicon-chevron-right, .standard-hero-carousel .icon-prev, .standard-hero-carousel .icon-next {
    width: 30px; height: 30px; margin-top: -35px; font-size: 30px;}
@media (min-width: 768px){
    .standard-hero-carousel .carousel-caption {padding: 15px 40px 15px 40px;}
    .standard-hero-carousel .glyphicon-chevron-left, .standard-hero-carousel .glyphicon-chevron-right, .standard-hero-carousel .icon-prev, .standard-hero-carousel .icon-next {
    width: 40px; height: 40px; margin-top: -40px; font-size: 40px;}}
@media (min-width: 992px){
    .standard-hero-carousel .glyphicon-chevron-left, .standard-hero-carousel .glyphicon-chevron-right, .standard-hero-carousel .icon-prev, .standard-hero-carousel .icon-next {
    width: 50px; height: 50px; margin-top: -45px; font-size: 50px;}}
@media (min-width: 1200px){.standard-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 1199px){.standard-hero-carousel h3 {font-size: 30px;}.standard-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 991px){.standard-hero-carousel h3 {font-size: 24px;}.standard-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 767px){.standard-hero-carousel h3 {font-size: 20px;}.standard-hero-carousel .carousel-control {width: 10%;}}
@media (max-width: 599px){.standard-hero-carousel h3 {font-size: 17px;}.standard-hero-carousel .carousel-control {width: 8%;}}
@media (max-width: 399px){.standard-hero-carousel h3 {font-size: 15px;}.standard-hero-carousel .carousel-control {width: 6%;}}
 
/* ========== STANDARD DYNAMIC BG IMAGE CAROUSEL ADDITIONS ========== */
 
@media (min-width: 1px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 250px;}}
@media (min-width: 440px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 300px;}}
@media (min-width: 768px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 375px;}}
@media (min-width: 992px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 425px;}}
@media (min-width: 1200px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 475px;}}
@media (min-width: 1580px){.standard-dynamic-hero-carousel .item, .standard-dynamic-hero-carousel .dynamic-slide {width: 100%; height: 625px;}}
.standard-dynamic-hero-carousel .carousel-inner {overflow: visible;}
 
 
/* ======================================================================================================== */
/* ========================================== MEGA HERO CAROUSEL WITH LARGE CAPTIONS ========================================== */
/* ======================================================================================================== */
 
.mega-hero-carousel .carousel-control {z-index: 2;}.mega-hero-carousel h1 {margin-top: 0;}
.mega-hero-carousel .glyphicon {color: white;}.mega-hero-carousel h1, .mega-hero-carousel p {color: white;}
.mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 30px; height: 30px; margin-top: -15px; font-size: 30px;}
@media (min-width: 768px){
    .mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 40px; height: 40px; margin-top: -20px; font-size: 40px;}}
@media (min-width: 992px){
    .mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 50px; height: 50px; margin-top: -25px; font-size: 50px;}}
@media (min-width: 1200px){.mega-hero-carousel h1 {font-size: 60px;}.mega-hero-carousel p {font-size: 20px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 1199px){.mega-hero-carousel h1 {font-size: 55px;}.mega-hero-carousel p {font-size: 19px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 991px){.mega-hero-carousel h1 {font-size: 50px;}.mega-hero-carousel p {font-size: 18px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 767px){.mega-hero-carousel h1 {font-size: 45px;}.mega-hero-carousel .carousel-control {width: 10%;}}
@media (max-width: 599px){.mega-hero-carousel h1 {font-size: 40px;}.mega-hero-carousel .carousel-control {width: 8%;}}
@media (max-width: 399px){.mega-hero-carousel h1 {font-size: 30px;}.mega-hero-carousel .carousel-control {width: 6%;}}
@media (min-width: 1px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 310px;} .mega-hero-carousel .carousel-caption-container {height: 310px;}}
@media (min-width: 440px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 340px;} .mega-hero-carousel .carousel-caption-container {height: 340px;}}
@media (min-width: 768px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 440px;} .mega-hero-carousel .carousel-caption-container {height: 440px;}}
@media (min-width: 992px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 540px;} .mega-hero-carousel .carousel-caption-container {height: 540px;}}
@media (min-width: 1200px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 640px;} .mega-hero-carousel .carousel-caption-container {height: 640px;}}
@media (min-width: 1580px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 840px;} .mega-hero-carousel .carousel-caption-container {height: 840px;}}
.mega-hero-carousel .carousel-inner {overflow: visible;} .mega-hero-carousel .carousel-caption-container .carousel-caption-cell {display: table-cell; vertical-align: middle;}
.mega-hero-carousel .carousel-caption-container {width: 80%; left: 10%; text-align: center; position: absolute; display:table;}
 
 
/* ======================================================================================================== */
/* ========================================== REVOLVING TESTIMONIAL SLIDER ========================================== */
/* ======================================================================================================== */
 
.revolving-testimonial-slider .carousel-control.right, .revolving-testimonial-slider .carousel-control.left {background-image: none !important;}
@media (min-width: 1200px){.revolving-testimonial-slider .carousel-control {width: 12%;}}
@media (max-width: 1199px){.revolving-testimonial-slider .carousel-control {width: 12%;}}
@media (max-width: 991px){.revolving-testimonial-slider .carousel-control {width: 12%;}}
@media (max-width: 767px){.revolving-testimonial-slider .carousel-control {width: 10%;}}
@media (max-width: 599px){.revolving-testimonial-slider .carousel-control {width: 8%;}}
@media (max-width: 399px){.revolving-testimonial-slider .carousel-control {width: 6%;}}
.revolving-testimonial-text {margin-left: 12%; margin-right: 12%;}
.revolving-testimonial-slider .carousel-control {z-index: 2;} .revolving-testimonial-slider .glyphicon {color: white;}
@media (max-width: 767px){.revolving-testimonial-slider .carousel-control .icon-prev, .revolving-testimonial-slider .carousel-control .icon-next, .revolving-testimonial-slider .carousel-control .glyphicon-chevron-left, .revolving-testimonial-slider .carousel-control .glyphicon-chevron-right {top: 45%;}}
 
/* ======================================================================================================== */
/* ========================================== CAROUSEL FADE EFFECT ========================================== */
/* ======================================================================================================== */
 
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
 
 
/* ======================================================================================================== */
/* ========================================== STATIC HERO HEADING WITH GRAPHIC TO LEFT ========================================== */
/* ======================================================================================================== */
 
.hero-heading-with-graphic .hero-graphic-container {display: table;}
.hero-heading-with-graphic .hero-graphic-container-cell {display: table-cell; vertical-align: middle;}
@media (max-width: 992px){.hero-graphic-heading-left img {width: 45%; min-width: 260px;}}
@media (min-width: 992px){.hero-graphic-container {height: 240px;} .hero-graphic-heading-left img {width: 100%;}}
@media (min-width: 1200px){.hero-graphic-container {height: 260px;} .hero-graphic-heading-left img {width: 100%;}}
@media (min-width: 1580px){.hero-graphic-container {height: 300px;} .hero-graphic-heading-left img {width: 100%;}}
 
 
/* ======================================================================================================== */
/* ========================================== SIMPLE SPACER, HALF THE HEIGHT OF STANDARD PADDING/MARGINS ========================================== */
/* ======================================================================================================== */
 
@media (min-width: 1px){.simple-spacer {height: 10px;}} @media (min-width: 440px){.simple-spacer {height: 12.5px;}} @media (min-width: 768px){.simple-spacer {height: 15px;}}
@media (min-width: 992px){.simple-spacer {height: 17.5px;}} @media (min-width: 1200px){.simple-spacer {height: 20px;}} @media (min-width: 1580px){.simple-spacer {height: 22.5px;}}
 
 
/* ======================================================================================================== */
/* ========================================== MEGA HEADING H1 FONT SIZES ========================================== */
/* ======================================================================================================== */

@media (max-width: 359px) {h1.big {font-size: 28px;} h1.mega {font-size: 30px;}} 
@media (min-width: 360px) {h1.big {font-size: 28px;} h1.mega {font-size: 36px;}} @media (min-width: 440px) {h1.big {font-size: 35px;} h1.mega {font-size: 42px;}}
@media (min-width: 768px) {h1.big {font-size: 42px;} h1.mega {font-size: 50px;}} @media (min-width: 992px) {h1.big {font-size: 49px;} h1.mega {font-size: 60px;}}
@media (min-width: 1200px) {h1.big {font-size: 56px;} h1.mega {font-size: 70px;}} @media (min-width: 1580px) {h1.big {font-size: 64px;} h1.mega {font-size: 80px;}}
 
 
/* ======================================================================================================== */
/* ========================================== 2 COLUMN IMAGE WITH TEXT (NO FLOAT) ========================================== */
/* ======================================================================================================== */
 
@media (max-width: 439px) { .basic-right-column-image .col-xs-push-8 {left: 0;} .basic-right-column-image .col-xs-pull-4 {right: 0;}}