@charset "utf-8";
html{font-size:60%}
body{color:#fff;font-size:1.312rem;line-height:1.6rem;font-family:azo-sans-web, sans-serif;font-weight:400}
.cg-bg{background-color:#0c7d62}
section{position:relative;overflow:hidden;outline:none}
ul{margin:1rem;padding:0}
h1{font-size:3rem;color:#fc0;font-family:azo-sans-web, sans-serif;font-weight:700}
h2{font-size:2.25rem;color:#fc0;font-family:azo-sans-web,sans-serif;font-weight:700}
h3{font-family:azo-sans-web, sans-serif;font-weight:700;font-size:1.75rem;color:#007cba}

/* Loader */
/* Center the loader */
#loader{position:absolute;left:50%;top:50%;z-index:1;width:150px;height:150px;margin:-75px 0 0 -75px;border:16px solid #f3f3f3;border-radius:50%;border-top: 16px solid #3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
@-webkit-keyframes spin {0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg)}}
@keyframes spin {0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}

/* Add animation to "page content" */
.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}
@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0} to {bottom:0px;opacity:1}}
@keyframes animatebottom {from{bottom:-100px;opacity:0} to{bottom:0;opacity:1}}

/* Header */
.logo,.logo-no-strap{width:9.125rem;transition:.5s}
.logo,.logo-no-strap,.mobile-nav-link,.nav-down{transition:.5s}
header{position:fixed;width:100%;top:0;left:0;right:0;z-index:10000}
.logo-no-strap{display:none}
.mobile-nav-close,.mobile-nav-link{width:4.125rem;height:4.125rem;line-height:4.125rem;font-size:2rem}
.nav-down{opacity:1}
.nav-up{background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75);color:#007cba}
.mobile-nav-close,.mobile-nav-link,.nav-up .mobile-nav-link{color:#007cba;background-color:#fc0;border-radius:50%;text-align:center}
.nav-up .logo{width:7.125rem;display:none}
.nav-up .logo-no-strap{width:9.125rem;display:block}
.nav-up .mobile-nav-link{width:3.125rem;height:3.125rem;line-height:3.125rem;font-size:1.5rem}
.mobile-nav-close:hover,.mobile-nav-link:hover{color:#fff}
.nav-outer,nav{position:fixed;top:0;width:100%}
.nav-outer{left:0;right:0;z-index:1000;transition:.6s}
.open-menu{height:50px;display:table;font-size:2rem;float:right;margin-left:45px}
.open-menu span{vertical-align:middle;display:table-cell}
.open-menu .fa-bars{font-size:40px;color:#c92a78}
.header-icons a{height:22px;display:inline-block}
body.menu-open{left:-320px;overflow-x:hidden;transition:.3s}
nav{display:block;bottom:0;right:-100%;z-index:2000;transition:.3s;overflow-y:scroll;background:#fff}
nav.active{right:0;-webkit-box-shadow:-5px 0 17px -4px rgba(0,0,0,.75);-moz-box-shadow:-5px 0 17px -4px rgba(0,0,0,.75);box-shadow:-5px 0 17px -4px rgba(0,0,0,.75)}
body.menu-open{left:-240px;overflow-x:hidden;transition:all .3s ease}
.nav-title{background-color:#fff;color:#232856;width:100%;display:flex;justify-content:center; /* align horizontal */align-items:center; /* align vertical */}
.nav-title p{font-size:24px;margin:0}
nav#primary-nav ul{display:block;width:100%;list-style:none;margin:0;padding:0;font-size:2rem}
nav#primary-nav ul li{border-bottom:0;margin:0;width:100%;display:block;text-align:center}
nav#primary-nav ul li a{display:block;padding:8px 15px;text-align:center;text-decoration:none;font-size:2rem;background:#fff;color:#007cba}
nav#primary-nav ul li a:hover{text-decoration:underline}
nav#primary-nav>div>ul>li>a{color:#fff}
nav#primary-nav .menu li.current-menu-item a{color:#c71767;display:inline-block;position:relative}
nav#primary-nav .menu li.current-menu-item a:after{content:'';position:absolute;bottom:0;left:0;height:4px;width:100%;border-radius:6px;background-color:#fab936}
nav#primary-nav ul li.menu-item-has-children{border-bottom:0;position:relative}
.current_page_item a{font-weight:600}
.sub-menu{border-bottom:2px solid #fff;display:block}
nav#primary-nav ul.sub-menu li:last-child{border-bottom:0}
nav#primary-nav ul.sub-menu li a{background-color:#ebebeb;color:#000;font-weight:300}
nav#primary-nav ul li span{display:none}
nav#primary-nav ul li.menu-item-has-children>span{font-family:FontAwesome;display:block;position:absolute;right:0;top:0;height:46px;width:46px;line-height:46px;font-size:26px;text-align:center;background-color:#e83644;color:#000;z-index:100}

/* Section 1 */
#section-1{
height:47rem;
padding-top:9rem;
background:rgb(0,57,97);
background:-moz-linear-gradient(90deg, rgba(0,57,97,1) 0%, rgba(1,120,189,1) 25%, rgba(1,120,189,1) 40%, rgba(0,23,48,1) 100%);
background:-webkit-linear-gradient(90deg, rgba(0,57,97,1) 0%, rgba(1,120,189,1) 25%, rgba(1,120,189,1) 40%, rgba(0,23,48,1) 100%);
background:linear-gradient(90deg, rgba(0,57,97,1) 0%, rgba(1,120,189,1) 25%, rgba(1,120,189,1) 40%, rgba(0,23,48,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003961",endColorstr="#001730",GradientType=1);
}
.col-6a{position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex: 0 0 66%;flex: 0 0 66%;max-width:66%}
.hills, .tourer,.thief,.thiefhand{position:absolute}
.tourer{left:43%;top:18rem;width:30.68rem}
.tourer object{height:auto;width:28rem}
.hills{bottom:-1px;left:50%;transform:translateX(-50%)}
.hills img{width:126rem;height:auto}
.thief{left:48%;top:2rem}
.thief object{width:39.43rem;height:auto}
.thiefhand{top:19rem;left:45%}
.thiefhand img{width:15.8rem}
.big-arrow{width:12%;height:12%;text-align:left;margin:0 auto}

/* Section 4 */
.tv1{background-color:#172b47;padding:8px;border-radius:12px}
.tv2{background-size:auto 100%;height:1rem}

/* Section 10 */
.notice{text-align:left;font-style:italic;background:url("../img/notice.svg") no-repeat left top;background-size:3.375rem;padding-left:4rem;min-height:56px}
small{font-size:65%}

/* YouTube embed */
.video{position:relative}
.video__iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.video__placeholder{width:100%}
.video__youtube{overflow:hidden;position:relative;object-fit:cover;background-color:black}
.video__button{background:none;border:0;cursor:pointer;height:100%;position:absolute;top:0;left:0;transition:transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);width:100%}
.video__button:before{width:100%;height:100%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url("../img/yt_button_light.png") no-repeat center center;background-size:10%}
.video__button:hover:before{background:url("../img/yt_button_dark.png") no-repeat center center;background-size:10%}
#player{height:58vh}

/* RESPONSIVE */
@media (min-width:1200px){
    #player{height:69vh}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    #player{height:58vh}
}
@media (min-width:992px){
    small{font-size:80%}
}
@media only screen and (min-width:768px) and (max-width:991px){
    #player{height:42vh}
}
@media(min-width:768px){
    html{font-size:100%}
    .col-md-7{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}
}
@media only screen and (max-width:767px){
    p{font-size:1.25em;line-height:1.25em}
    small{font-size:75%;line-height:0.8rem}
    #section-1{padding-top:8rem;height:43rem}
    .hills{bottom:-8rem}
    .tourer{left:48%;top:21rem;width:19rem}
    .thief{left:55%;top:11rem}
    .thief object{width:25rem}
    .pb-5{padding-bottom:1rem!important}
    .offset-1{margin-left:2%}
    .col-10{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}
    .col-10 .offset-1{margin-left:2%}
    .section-pad text-center #section-4{height:44.5rem}
    #player{height:27vh}
    .tv2{height:3rem}
}