body{
     margin:0px;
     line-height:1.5;
     font-family: 'Glober-Book';
     font-size:18px;
     color:#000;
     min-width:320px;
 }
 h1{
     font-size:60px;
     font-weight:normal;
     color:#00A1E2;
     line-height:1;
     margin-top:0px;
     margin-bottom:45px;
 }

 h2{
     color:#00A1E2;
     font-size:40px;
     font-family: 'Glober-Book';
     font-weight:normal;
     margin-bottom:20px;
     margin-top:0px;
 }
 video{
     width:100%;
     height:auto;
     min-width: 100%;
    max-height: 100vh;
    object-fit:cover;
    display:block;
 }
 a{
    color:#00A1E2;
    font-size:18px;
    cursor:pointer;
    transition:color 0.4s ease-in-out;
    text-decoration:none;
}
b{
    font-weight:normal;
    font-family:'Glober-SemiBold'
}
iframe{
    width:100%!important;
}
ul,ol{  
    margin: 10px 0px;
}
ul{  
    padding-left: 21px;  
}
ol{  
    padding-left: 18px;  
}
ol li::marker{
    font-weight:bold;
}
li:not(:last-child){
    margin-bottom:10px;
}
a:hover{
    color:#000!important;
}
a.btn{
    display:inline-block;
    background-color:#003FE5;
    border-radius:30px;
    padding:10px 20px;
    width:50%;
    min-width:auto;
    color:#fff;
    font-size:13px;
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
    transition:opacity 0.4s ease-in-out;
}
a.btn:hover{
    color:#fff!important;
    opacity:0.8;
}
.location{
    background-color:#F3F3F3;
}
.location .container{
    padding: 80px 20px;
}
.location h1{
    font-size:35px;
    margin-bottom:30px;
}
.cols{
    display:flex;
    align-items:center;
    background-color:#fff;
}
.cols.fifty-fifty div{
    width:50%;
    box-sizing:border-box;
}
.cols.fifty-fifty div:last-child{
    padding:30px 20px;
}
.cols.fifty-fifty img{
    width:100%;
    display:block;
}
.ps-container > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
    display:block;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #000;
}
#overlay{
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:fixed;
    z-index:9;
}
.coming-soon{
    position:relative;
}
.coming-soon img{
    width:100%;
    height:auto;
    display:block;
}
.coming-soon .container{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    z-index:1;
    text-align:center;
}
.yellow-btn{
    
    font-family: 'Glober-Book';
    font-size:30px;
    line-height:1;
    border-radius:50px;
    text-align:center;
    background-color:#FFF635;
    display:inline-block;
    padding:15px 30px;
    padding-bottom:22px;
    -webkit-box-shadow: 10px 10px 15px 10px rgba(0,0,0,0.2); 
box-shadow: 10px 10px 15px 10px rgba(0,0,0,0.2);

}
.triggerElement{
    opacity:0;
    pointer-events:none;
    transition:opacity 0.4s ease-in-out;
}
.triggerElement.active{
    opacity:1;
    pointer-events:all;
}
.hideElement{
    display:none;
}
.hideElement.active{
    display:block;
}
 .container{
     max-width:1080px;
     margin:0 auto;
     padding:0 20px;
     box-sizing:border-box;
 }
 .center{
     text-align:center;
 }
 .banner{
     position:relative;
     /* height:75vh; */
     /* background-image:url('../img/bg_map_cyan.jpg'); */
     background-color:#00A1E2;
 }
 .banner img{
     width:100%;
 }
 .banner .logo{
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:25%;
   /* min-width:280px; */
 }

 .info .content{
    padding-bottom:58px;
    padding-top:82px;
 }
 
 .info h2{
    font-size:24px;
    margin-bottom:0px;
    color:#000;
    font-family: 'Glober-SemiBold';
 }
 .info h2 + p{
    margin-top:0px;
    font-size:24px;
 }

 
 .form{
    position:relative;
    background-image:url('../img/bg_map_mint.jpg');
    background-color:#7FF1AB;
    overflow:auto;
}
.form .overlay, #overlay-content{
    background-color:#fff;
    border-radius:20px;
    padding:75px 60px;
    padding-bottom:48px;
    margin:96px 0;
}
#overlay-content{
    padding:66px 111px;
    max-height:calc(100vh - 192px);
    box-sizing: border-box;
    overflow: hidden;
    position:relative;
}
#overlay-content .content{
    position:relative;
    overflow: hidden;
    padding-right:20px;
    max-height:calc(100vh - 325px);
}
#overlay-content .close{
    text-align:right;
    position:absolute;
    top:16px;
    right:20px;
}
#overlay-content .close a{
    color:#A2A2A2;
    font-size:30px;
    line-height:1;
}
.form p{
    font-size:18px;
    margin-bottom:40px;
}

.footer{
    background-color:#00A1E2;
    padding-top:99px;
    padding-bottom:218px;
}
.footer .container{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.footer .logo{
    width:33.33%;
}
.footer .menu ul{
    margin:0px;
    padding:0px;
}
.footer .menu ul li{
    display:inline-block;
    list-style-type:none;
}
.footer .menu ul li:not(:last-child){
    margin-right:20px;
}
.footer .menu ul li a{
    color:#fff;
    font-size:18px;
}
@media screen and (max-width: 950px){
    .yellow-btn{
        font-size:20px;
        padding-bottom:15px;
    }
    #overlay-content{
        margin:20px 0;
        padding:10px;
        padding-right:2px;
        max-height: calc(100vh - 100px);
        overflow:visible;
        margin-top:30px;
        padding-top:20px;
    } 
    #overlay-content .close {
        text-align: center;
        top: -20px;
        right: 50%;
        transform: translate(50%);
        background-color: #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        /* padding-top: 5px; */
        z-index: 9;
        display: block;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #overlay-content .content{        
        max-height: calc(100vh - 140px);
        padding-bottom:150px; 
        box-sizing:border-box;
    }
    h1{
        font-size:45px;
        margin-bottom: 20px;
    }
    .info h2,.info h2 + p{
        font-size:18px;
    }
    .form .overlay{
        padding:30px;
    } 
    .footer,.info .content{
        padding-top:50px;
        padding-bottom:50px;
    } 
    .footer .menu ul li a{
        font-size:16px;
    }
}
@media screen and (max-width: 680px){
    .form .overlay{
        padding:20px;
    }
        
    .cols{
        flex-wrap:wrap;
    }
    .cols.fifty-fifty div{
        width:100%;
    }
}
@media screen and (max-width: 580px){
    .location .container {
        padding: 50px 10px;
    }
    .form .overlay{
        padding:20px;
    } 
    .container{
        padding: 0 10px;
    }
    .footer .container{
        flex-wrap:wrap;
    }
    .footer .container > div{
       width:100%;
       text-align:center;
       margin-bottom: 20px;
    }
}