.play{ cursor: pointer; }

/* Modals */
.modal{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: 3; }
    .modal-close{ z-index: 9999; position: absolute; top: 1%; right: 1%; cursor: pointer; max-width: 8%; }
        .modal-close img{ z-index: 9999; position: relative; width: 100%; }
    .modal-content{ position: absolute; top: 0; left: 0; z-index: 5; width: 80%; height: 80%; left: 10%; top: 7%; font-size: 1em; }
        .modal-video .modal-content{ position: absolute; top: 0; left: 0; z-index: 5; width: 80%; height: 80%; left: 10%; top: 10%; font-size: 1em; background: transparent; overflow: inherit; }
        @media all and (max-width: 780px){
            .modal-video .modal-content{ top: 20%; }
        }
        .isipad .modal-content{ overflow: inherit; }
        .modal-content video{ width: 100%; }
        .modal-content .copy{ width: 100%; position: relative; float: left; background: #fff; }
            .modal-content .copy img{ max-width: 60%; }
            .modal-content .copy img, .modal-content .copy h2, .modal-content .copy p{ display: inline-block; position: relative; float: left; margin: 0; clear: none; }
            .modal-content .copy h2{ max-width: 30%; padding: 5% 5% 1% 5%; font-size: 3em; line-height: 1em; font-family: "corporate_a_condensedregular";}
            .modal-content .copy p{ max-width: 30%; padding: 2% 5% 5% 5%; letter-spacing: 0em; font-family: "corporate_sregular"; font-size: 1em; text-shadow: 0 0 50px #fff; line-height: 1.3em;}
    .overlay{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.5; }
    @media screen and (orientation:portrait) {
        .modal-content{ background: #fff; }
        .modal-content .copy img{ max-width: 100%; }
        .modal-content .copy h2{ max-width: 90%; padding: 5% 5% 1% 5%; font-family: "corporate_a_condensedregular";}
        .modal-content .copy p{ max-width: 90%; padding: 0 5% 5% 5% !important; font-size: 1em !important; font-family: "corporate_sregular"; line-height: 1.3em }
    }





/* Mobile/Tablet */
@media all and (max-width: 780px){
    body{ background: #000; }

    .mobile-hidden{ display: none !important; }

    #header .nav{ display: none; }
    #header .nav-toggle{ display: block; position: absolute; right: 30px; top: 10px; }
    #header .nav{ float: none; margin: 60px auto 20px auto}
    #header .nav a{ display: block; }
    #header .separator{ display: none; }

    .nav a{ padding: 1% 0; }
    #right-nav{ display: none; }

    #footer{ position: relative; background: #000; width: 100%; padding: 0; }
        #footer .container{ max-width: 100%; }
        #footer .right{ float: left !important; width: 100%; text-align: center; }
            #footer .right .privacy, #footer .right .legal, #footer .right .social{ width: 100%; padding: 1.5% 0; border-bottom: 1px solid #363636; }
            #footer .right .social{ border-bottom: none; }
            #footer .right .social a{ width: 20%; padding: 2.5%; }
            #footer .right .social a img{ top: 0; }

    .carousel-content-text{ margin: 2% 10%; }

    .background, .background-video, .background-fallback{ display: none; }
    .mobile{ display: block; }
    img.mobile{ width: 100%; }

    .section-copy{ position: relative; color: #333; width: 90%; padding: 15% 5%; }
        .section-copy p{ text-shadow: none; }
        .section-copy.left, .section-copy.right{ position: relative; top: 0; left: 0; width: 90%; }
    .hotspots{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
        .hotspots div{ cursor: pointer; position: absolute; max-width: 10%; }
        .hotspots div img{ max-width: 100%; }
        .hotspots.left, .hotspots.right{ width: 100%; top: 0; left: 0; }
    #section1 .section-copy{ top: 5%; padding: 0; line-height: 1; }
    #section1 .section-copy h1{ padding: 0 5%; }
    #section1 .section-copy img{ width: 15%; }
    #section2-hotspot1:hover:after, #section3-hotspot1:hover:after, #section10-hotspot1:hover:after, #section4-hotspot1:hover:after, #section5-hotspot1:hover:after, #section5-hotspot2:hover:after, #section5-hotspot3:hover:after, #section5-hotspot4:hover:after{ content: ""; }
    #section2 .section-copy{ background: #000; color: #fff; }
    #section3 .section-copy{ background: #000; color: #fff; }
    #section4 .section-copy{ background: #000; color: #fff; }
    #section5 .section-copy{ background: none; position: absolute; top: 10%; text-align: center; width: 100%; margin: 0 auto; padding: 0; display: block; color: #fff; text-shadow: 0 0 50px #fff; }
        #section5-hotspot1{ top: 55%; left: 20%; }
        #section5-hotspot2{ top: 60%; left: 45%; }
        #section5-hotspot3{ top: 45%; left: 55%; }
        #section5-hotspot4{ top: 75%; left: 30%; }
        #section5-hotspot5{ top: 50%; left: 75%; }
	#section7 .section-copy{ background: #000; color: #fff; }
	#section9 .section-copy{ background: #000; color: #fff; }
	#section10 .section-copy{ background: #000; color: #fff; }
	#section11 .section-copy{ background: #000; color: #fff; }
	#section12 .section-copy{ background: #000; color: #fff; }
	#section13 .section-copy{ background: #000; color: #fff; }
	#section14 .section-copy{ background: #000; color: #fff; }

    #carousel-container{ width: 100%; left: 0; top: 30%; }
    .carousel-content-buttons{ display: block; float: none; width: 100%; }
        .carousel-content-buttons br{ display: none; }
        .blue-button{ float: left; width: 100%; padding: 12px 0; }
    .carousel-content-text p{ width: 100%; margin: 0 0 5% 0; }
    .owl-pagination{ top: -40%; width: 90%; padding: 5%; }
    .owl-theme .owl-controls .owl-page span{ }
    .owl-prev{ left: 3%; margin: 20% 0 !important; }
    .owl-next{ right: 3%; margin: 20% 0 !important; }
    .owl-pagination:before{ display: block; }

    .modal-content{ overflow-y: scroll; }
}




@media all and (max-width:1268px){
    #section1 h1{ font-size: 1.7em; }
    .modal-content .copy h2{ padding: 10% 5% 0.6em 5%; font-size: 2em;}
    .modal-content .copy p{ padding: 2% 5%; font-size: 1em; line-height: 1.4em }
    .blue-button{ font-size: 1.2em; }
	.hide {display: none !important; }
	.show {display: block !important; }
	#section5 h2{ font-size: 2em; color: #fff; }
	#section2-hotspot1:after{position: relative;}
	#section3-hotspot1:after{position: relative;}
	#section10-hotspot1:after{position: relative;}
	#section12-hotspot1:after{position: relative;}
	#section14-hotspot1:after{position: relative;}
	
}





@media all and (max-width:1440px){
    .hide {display: block !important; }
	.show {display: none !important; }
	#section5 h2{ font-size: 2em; color: #fff; }
	#section2-hotspot1:after{position: relative;}
	#section3-hotspot1:after{position: relative;}
	#section10-hotspot1:after{position: relative;}
	#section12-hotspot1:after{position: relative;}
	#section14-hotspot1:after{position: relative;}

}

@media all and (max-width:1268px){
    #section1 h1{ font-size: 1.7em; }
    .modal-content .copy h2{ padding: 10% 5% 0.6em 5%; font-size: 2em;}
    .modal-content .copy p{ padding: 2% 5%; font-size: 1em; line-height: 1.4em }
    .blue-button{ font-size: 1.2em; }
	.hide {display: none !important; }
	.show {display: block !important; }
	#section5 h2{ font-size: 2em; color: #fff; }
	#section2-hotspot1:after{position: relative;}
	#section3-hotspot1:after{position: relative;}
	#section10-hotspot1:after{position: relative;}
	#section12-hotspot1:after{position: relative;}
	#section14-hotspot1:after{position: relative;}
	
}
@media all and (max-width:1146px){
    .hide {display: block !important; }
	.show {display: none !important; }
	#section5 h2{ font-size: 2em; color: #fff; }
	#section2-hotspot1:after{position: absolute;}
	#section3-hotspot1:after{position: absolute;}
	#section10-hotspot1:after{position: absolute;}
	#section12-hotspot1:after{position: absolute;}
	#section14-hotspot1:after{position: absolute;}
}
@media all and (max-width:1000px){
    #section1 h1{ font-size: 1.3em; }
    .modal-content .copy h2{ padding: 10% 5% 0.6em 5%; font-size: 2em; }
    .modal-content .copy p{ padding: 2% 5%; font-size: 1em; line-height: 1.3em }
    .blue-button{ font-size: 1em; }
	.section-copy h2{ font-size: 3em; }
	.hide {display: block !important; }
	.show {display: none !important; }
	#section2-hotspot1:after{position: absolute;}
	#section3-hotspot1:after{position: absolute;}
	#section10-hotspot1:after{position: absolute;}
	#section12-hotspot1:after{position: absolute;}
	#section14-hotspot1:after{position: absolute;}


}
@media all and (max-width:850px){
    .modal-content .copy h2{ padding: 10% 5% 0.6em 5%; font-size: 2em; }
    .modal-content .copy p{ padding: 2% 5%; font-size: 1em; line-height: 1.3em }
	.blue-button{ font-size: 1em; }
	.hide {display: block !important; }
	.show {display: none !important; }
	#section2-hotspot1:after{position: absolute;}
	#section3-hotspot1:after{position: absolute;}
	#section10-hotspot1:after{position: absolute;}
	#section12-hotspot1:after{position: absolute;}
	#section14-hotspot1:after{position: absolute;}


}
@media all and (max-width:780px){
    #section1 h1{ font-size: 1.7em; }
    #section5 h2{ font-size: 2em; color: #fff; }
	.blue-button{ font-size: 1em; line-height: 1.3em }
	.hide {display: none !important; }
	.show {display: block !important; }
	#section2-hotspot1:after{position: relative;}
	#section3-hotspot1:after{position: relative;}
	#section10-hotspot1:after{position: relative;}
	#section12-hotspot1:after{position: relative;}
	#section14-hotspot1:after{position: relative;}
	

}
@media all and (max-width:480px){
    #section1 h1{ font-size: 1.3em; }
    .modal-content .copy h2{ padding: 10% 5% 0.6em 5%; font-size: 1.6em; }
    .modal-content .copy p{ padding: 2% 5%; font-size: 1em; line-height: 1.3em }
    #section5 h2{ font-size: 1.6em; color:#fff;}
	.blue-button{ font-size: 1em; }
	.hide {display: none !important; }
	.show {display: block !important; }
	#section2-hotspot1:after{position: relative;}
	#section3-hotspot1:after{position: relative;}
	#section10-hotspot1:after{position: relative;}
	#section12-hotspot1:after{position: relative;}
	#section14-hotspot1:after{position: relative;}

}



#section1 .section-copy{ position: absolute; top: 65%; text-align: center; width: 100%; margin: 0 auto; display: block; font-size: 3vw; color: #fff; }
        #section1 .section-copy img{ width: 8%; }

/* Mobile/Tablet */
@media all and (max-width: 780px){

    #section1 .section-copy img{ width: 15%; }
}