@charset "utf-8";

/*
font-family: gill-sans-nova, sans-serif;
font-weight: 500
*/

:root {
    scroll-behavior: auto;
}

html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: gill-sans-nova, sans-serif; font-weight:500; font-size:15px;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

body, html {min-height:100%; width:100%; margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body {background:#000; font-family: gill-sans-nova, sans-serif; font-weight:500; position:relative; min-height:100vh;}
body, p, h1, h2, h3 {margin:0; padding:0;}

/* Landing Background Video */
#landing_bg-video {
  object-fit:cover;
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  /*min-height:744px;*/
}


#page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:1;
  background:transparent;
  /*min-height:744px;*/
}


#background_container {position:absolute; top:0; left:0; right:0; width:100%; height: 100%; z-index:1; background-color: #000; opacity: 0;

animation:background-response 12s 1;
    -webkit-animation:background-response 12s 1;
    animation-fill-mode: forwards;
    animation-delay:5s;
    -webkit-animation-delay:5s;
    -webkit-animation-fill-mode: forwards;
} 

@keyframes background-response{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes background-response{
    from {opacity :0;}
    to {opacity :1;}
}

#cover_container1 {position:absolute; top:0; left:0; right:0; width:100%; height: 100%; z-index:2; background:url("../images/cover_boys.png") center center no-repeat; background-size: contain; opacity:0;
animation:signup-response 4s 1;
    -webkit-animation:signup-response 4s 1;
    animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
    -webkit-animation-fill-mode: forwards;

}
#cover_container1 h1 {opacity:0;}

@keyframes signup-response{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes signup-response{
    from {opacity :0;}
    to {opacity :1;}
}

#cover_container2 {position:absolute; top:0; left:0; right:0; width:100%; height: 100%; z-index:2; background:url("../images/cover_credit_city.png") center center no-repeat; background-size: contain; opacity:0;
animation:signup-response2 3s 1;
    -webkit-animation:signup-response2 4s 1;
    animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:4s;
    -webkit-animation-fill-mode: forwards;
} 

@keyframes signup-response2{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes signup-response2{
    from {opacity :0;}
    to {opacity :1;}
}
#cover_container2 h2 {opacity:0;}

/*#cover_container3 {position:absolute; top:0; left:0; right:0; width:100%; height: 100%; z-index:2; background:url("../images/cover_city.png") top center no-repeat; background-size: contain; opacity:0;
animation:signup-response3  3s 1;
    -webkit-animation:signup-response 3s 1;
    animation-fill-mode: forwards;
    animation-delay:1s;
    -webkit-animation-delay:6s;
    -webkit-animation-fill-mode: forwards;

} 

@keyframes signup-response3{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes signup-response3{
    from {opacity :0;}
    to {opacity :1;}
}*/

#cover_container4 {position:absolute; top:0; left:0; right:0; width:100%; height: 100%; z-index:2; background:url("../images/cover_title.png") center center no-repeat; background-size: contain; opacity:0;
animation:signup-response4 6s 1;
    -webkit-animation:signup-response4 6s 1;
    animation-fill-mode: forwards;
    animation-delay:6s;
    -webkit-animation-delay:6s;
    -webkit-animation-fill-mode: forwards;
} 

@keyframes signup-response4{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes signup-response4{
    from {opacity :0;}
    to {opacity :1;}
}

#link_container {position:absolute; top:0; left:50%; transform:translate(-50%, 0); height:100%; z-index:9; opacity:0;
animation:link-response 4s 1;
    -webkit-animation:link-response 4s 1;
    animation-fill-mode: forwards;
    animation-delay:8s;
    -webkit-animation-delay:8s;
    -webkit-animation-fill-mode: forwards;
} 

@keyframes link-response{
    from {opacity :0;}
    to {opacity :1;}
}

@-webkit-keyframes link-response{
    from {opacity :0;}
    to {opacity :1;}
}


#link_container img {width:auto; height:100%; visibility:hidden;}

#link_container.tallscreen {top:50%; left:0; transform:translate(0, -50%); height:auto; width:100%}
#link_container.tallscreen img {width:100%; height:auto;}

#btn-moreinfo {display:block; position:absolute; top:16%; right:6%; width:19%; height:13%; background:url("../images/moreinfo.png") no-repeat center center; background-size:contain; overflow:hidden; text-indent:-9999px;}

.modal-backdrop {opacity:1 !important;
background: rgb(19,71,121) !important;
background: linear-gradient(to bottom, #134679 0%,#045595 30%,#1469b1 59%,#86cbf0 100%) !important;
}
.modal-dialog {max-width:900px; padding:0 20px;}
.modal-content {background-color:transparent; border:none; padding-top:25px;}
.btn-close {position:absolute; top:10px; right:10px; font-size:20px; color:#ffdc95; z-index:9999999; background:none; opacity:1}
.btn-close:hover {opacity:1; color:#ffdc95; }

#moreinfo_nav {margin-bottom:10px; text-align:center;}
#moreinfo_nav h2 {display:inline-block; margin:0 5px; font-weight:500;  padding:0; font-size:18px; color:#ffdc95; text-align:center;}
#moreinfo_nav a {display:inline-block; margin:0 5px; font-size:18px; color:#fff; text-decoration:underline; text-align:center;}
#moreinfo_text {}
#moreinfo_text p {color:#fff; font-size:16px; margin-bottom:10px;}
#moreinfo_text a {color:#fff; margin-bottom:10px; text-decoration:underline; }

.review_text h3 {color:#ffdc95; font-size:22px; margin-bottom:10px;}
.review_text p {color:#fff; font-size:16px; margin-bottom:10px;}


#tour_nav {margin-bottom:10px; text-align:center;}
#tour_nav h2 {display:inline-block; margin:0 5px; font-weight:500;  padding:0; font-size:18px; color:#ffdc95; text-align:center;}
#tour_nav a {display:inline-block; margin:0 5px; font-size:18px; color:#fff; text-decoration:underline; text-align:center;}
#tour_text {}
#tour_text h2 {color:#fff; font-size:20px; margin: 20px 0;}
#tour_text p {color:#fff; font-size:16px; margin-bottom:10px;}
#tour_text a {color:#fff; margin-bottom:10px; text-decoration:underline; }

#tour_columns {text-align:center;}
.tour_column {}

#inside_nav {margin-bottom:10px; text-align:center;}
#inside_nav h2 {display:inline-block; margin:0 5px; font-weight:500;  padding:0; font-size:18px; color:#ffdc95; text-align:center;}
#inside_nav a {display:inline-block; margin:0 5px; font-size:18px; color:#fff; text-decoration:underline; text-align:center;}

#preorder_nav {margin-bottom:10px; text-align:center;}
#preorder_nav h2 {display:inline-block; font-weight:500; margin:0 5px; padding:0; font-size:18px; color:#ffdc95; text-align:center;}
#preorder_nav a {display:inline-block; font-size:18px; color:#fff; text-decoration:underline; margin:0 5px;}
#preorder_text {padding: 25px 0 0 0;}
#preorder_text a {color:#fff; font-size:18px; margin-bottom:10px; text-decoration:underline; display:block; text-align:center;}

#inside .modal-dialog {background:#000; width:100%; max-width:100%; height:100vh; position:relative; margin:0; padding:0; }
#inside .modal-content {padding-top:0; height:100vh;}
#inside .modal-body {padding:0; height:100vh;}

#inside-slideshow {width:100vw; height:calc(100vh - 60px); margin-top:30px;}
#inside .inside-slide {width:100vw !important; height:calc(100vh - 80px);}
#inside .inside-slide img {width:100%; height:100%; object-fit: contain;}
#inside .slick-dots {bottom: -15px;}
#inside .slick-dots li {width:10px; height:10px; margin:0 4px;}
#inside .slick-dots li button {width:10px; height:10px; padding:0px;}
#inside .slick-dots li button:before {font-size:10px; line-height:10px; width:10px; height:10px;}
#inside .slick-dots li button:before {color:#505050; opacity:1;}
#inside .slick-dots li.slick-active button:before {color:#d4d4d3; opacity:1;}
#inside .slick-dots li:hover button:before {color:#d4d4d3; opacity:1;}

/* Media Queries */
@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 520px) {

}

@media only screen and (min-width: 600px) {



}

@media only screen and (min-width: 720px) {


}

@media only screen and (min-width: 960px) {

#tour_columns {text-align:center;}
.tour_column {display:inline-block; text-align:left; width:32%; vertical-align:top; padding:0 5px;}


#moreinfo_nav {margin-bottom:20px;}
#moreinfo_nav h2 {margin:0 10px; font-size:20px;}
#moreinfo_nav a {margin:0 10px; font-size:20px;}
#moreinfo_text p {font-size:18px; margin-bottom:20px;}

.review_text h3 {font-size:28px; margin-bottom:20px;}
.review_text p {font-size:18px; margin-bottom:20px;}

#tour_nav {margin-bottom:20px;}
#tour_nav h2 {margin:0 10px; font-size:20px;}
#tour_nav a {margin:0 10px; font-size:20px;}
#tour_text h2 {font-size:24px; margin-bottom:20px;}
#tour_text p {font-size:18px; margin-bottom:20px;}

#preorder_nav {margin-bottom:20px;}
#preorder_nav h2 {font-size:20px; margin:0 10px;}
#preorder_nav a {font-size:20px; margin:0 10px;}
#preorder_text a {font-size:18px; margin-bottom:20px;}

#inside_nav {margin-bottom:20px;}
#inside_nav h2 {margin:0 10px; font-size:20px;}
#inside_nav a {margin:0 10px; font-size:20px;}

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1044px) {

}

@media only screen and (min-width: 1080px) {
    
}

@media only screen and (min-width: 1200px) {

.modal-content {padding-top:75px;}

.btn-close {top:20px; right:20px; font-size:30px;}

#moreinfo_nav {margin-bottom:30px;}
#moreinfo_nav h2 {margin:0 15px; font-size:28px;}
#moreinfo_nav a {margin:0 15px; font-size:28px;}
#moreinfo_text p {font-size:24px; margin-bottom:30px;}

.review_text h3 {font-size:31px; margin-bottom:30px;}
.review_text p {font-size:21px; margin-bottom:30px;}

#tour_nav {margin-bottom:30px;}
#tour_nav h2 {margin:0 15px; font-size:28px;}
#tour_nav a {margin:0 15px; font-size:28px;}
#tour_text h2 {font-size:30px; margin-bottom:30px;}

#preorder_nav {margin-bottom:30px;}
#preorder_nav h2 {font-size:28px; margin:0 15px;}
#preorder_nav a {font-size:28px; margin:0 15px;}
#preorder_text a {font-size:24px; margin-bottom:30px;}

#inside_nav {margin-bottom:30px;}
#inside_nav h2 {font-size:28px; margin:0 15px;}
#inside_nav a {font-size:28px; margin:0 15px;}

}

@media only screen and (min-width: 1320px) {

}

@media only screen and (min-width: 1600px) {  


.modal-dialog {max-width:1400px;}

#moreinfo_nav {margin-bottom:40px;}
#moreinfo_nav h2 {margin:0 40px; font-size:46px;}
#moreinfo_nav a {margin:0 40px; font-size:46px;}
#moreinfo_text p { font-size:41px; margin-bottom:40px;}

.review_text h3 {font-size:48px; }
.review_text p { font-size:36px; margin-bottom:40px;}

#tour_nav {margin-bottom:40px;}
#tour_nav h2 {margin:0 40px; font-size:46px;}
#tour_nav a {margin:0 40px; font-size:46px;}
#tour_text h2 { font-size:46px; margin-bottom:40px;}
#tour_text p {font-size:22px; margin-bottom:30px;}

#preorder_nav {margin-bottom:40px;}
#preorder_nav h2 {font-size:46px; margin:0 40px;}
#preorder_nav a {font-size:46px; margin:0 40px;}
#preorder_text a { font-size:41px; margin-bottom:40px;}

#inside_nav {margin-bottom:40px;}
#inside_nav h2 {font-size:46px; margin:0 40px;}
#inside_nav a {font-size:46px; margin:0 40px;}

}

@media only screen and (min-width: 1720px) {  

}

@media only screen and (min-width: 2000px) { 
.btn-close {top:40px; right:40px; font-size:40px;}

}

@media only screen and (min-width: 2500px) {

}