/* Homepage desktop stylesheet */
.hero { position: relative; border: 1px solid #dbdbdb; background: #fff; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

    .hero .hero_banner { display: block; /*margin-bottom: 8px;*/ }

    .hero .hero-image-320 { display: none; }

    .hero .custom_packages { padding: 4px 12px; }

        .hero .custom_packages h3 { font-size: 20px; margin: 5px 0 10px; }

.carousel-indicators { left: auto; bottom: 15px; width: auto; right: 0%; }

    .carousel-indicators .active { background-color: #003d7a; }
    .carousel-indicators li { border-color: #003d7a; background-color: white; }



/* Homepage text over hero image */
.featured { color: #011C39; font-weight: 700; font-size: 70px; font-family: 'Bitter', serif; line-height: .9; letter-spacing: .9; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.5); }

    .featured img { display: block; position: relative; }

    .featured figcaption { display: block; position: absolute; right: 0; top: 84px; z-index: 2; width: 428px; }

        .featured figcaption > span { display: block; position: relative; float: left; margin: 0 0 24px; padding: 1px 0 6px; color: #011C39; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: .418em; text-transform: none; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-decoration: none; }

            .featured figcaption > span:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); }

            .featured figcaption > span:first-child { clear: both; float: none; width: auto; padding: 0; border: 0; font-size: 1em; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.5); }

                .featured figcaption > span:first-child:after { left: -3000em; top: -3000em; }

/* Hero custom packages */

.main_banner { display: block !important; }

.main_banner_mobile { display: none !important; }

#divCountdown { position: absolute; top: 50px; right: 50px; z-index: 1; font: bold 18px 'Open Sans'; width: 191px; text-align: right; line-height: .8em; }
    #divCountdown .digital { font: 50px 'digital'; color: maroon; }


/* Style sheet for container set at 960px wide  */

@media (max-width: 1199px) {

    .featured figcaption { width: 340px; top: 60px; }

        .featured figcaption > span:first-child { font-size: 0.7em; }
}

/* Style sheet for container set at 724px wide  */

@media (max-width: 991px) {

    .featured figcaption { width: 250px; top: 60px; }

        .featured figcaption > span:first-child { font-size: 0.5em; margin-bottom: 10px; }

        .featured figcaption > span:last-child { font-size: 0.3em; }

    #divCountdown { top: 20px; right: 50px; }

}

/* Style sheet for container below 767px wide */
@media (max-width: 767px) {

    .hero { border: none; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

        .hero .hero_banner { margin-bottom: 6px; min-width: 320px; }

        .hero .custom_packages { padding: 5px 10px; }

            .hero .custom_packages .thumbnail { margin-bottom: 10px; }

    .featured figcaption { width: 150px; top: 40px; right: 10px; }

        .featured figcaption > span:first-child { font-size: 0.35em; margin-bottom: 10px; }

        .featured figcaption > span:last-child { font-size: 0.3em; }
}

@media (max-width: 768px) {
    .carousel-indicators { left: 92%; bottom: 5px; }
    .main_banner { display: none !important; }

    .main_banner_mobile { display: block !important; }
}


@media (max-width: 415px) {
    .carousel-indicators { left: 90%; bottom: 5px; }


    #divCountdown { position: absolute; top: 10px; right: 30px; z-index: 1; font: bold 18px 'Open Sans'; width: 170px; text-align: right; line-height: .8em; }
        #divCountdown .digital { font: 35px 'digital'; color: maroon; }

}

.disclaimer {
    font-size: 10px;
    line-height: 150%;
    text-align: left;
    font-style: italic;
    text-decoration: none;
}