@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
:root{
    --primary:#00A98e;
    --secondary:#00263f;
    --light:#f7f8fa;
    --primary-font:"Quicksand",sans-serif;
    --text-color:#647589;
    --text-color-inverse:#fff;
    --headline-color:var(--secondary);
    --headline-color-inverse:#fff;
    --subtitle-color:var(--primary);
    --subtitle-color-inverse:#fff;
    --degrade:linear-gradient(90deg, rgba(19,42,63,1) 0%, rgba(255,255,255,0) 100%);
    --swiper-theme-color:#fff;
}
*{outline:0;}

html,body{height:100%;}

#preload{width:100%;height:100vh;background-color:var(--secondary);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;}
    #preload .content{width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
        #preload .content img{width:250px;}
        #preload .content .progress{width:100%;height:5px;background-color:var(--secondary);padding:1px;border-radius:5px;box-shadow:inset 0 5px rgba(0,0,0,0.5);}
            #preload .content .progress .progress-bar{display:block;width:0;height:100%;background-color:var(--primary);border-radius:5px;}

main section{width:100%;height:auto;padding:100px 0;}
    main section.light{background-color:#fff;}
    main section.light-contrast{background-color:var(--light);}
        main section.light .title,
        main section.light-contrast .title{color:var(--headline-color);}
        main section.light .subtitle,
        main section.light-contrast .subtitle{color:var(--subtitle-color);}
    main section.dark{background-color:var(--secondary);}
        main section.dark .title{color:var(--headline-color-inverse);}
        main section.dark .subtitle{color:var(--subtitle-color-inverse);}

h1,h2,h3,h4,h5,h6,p,span,a,button{font-family:var(--primary-font);}
p{font-weight:500;color:var(--text-color);}
ul li{font-family:var(--primary-font);margin:5px 0;color:var(--text-color);}

#topNav{background-color:var(--primary);padding:20px 0;}
    #topNav p{margin:0;}
        #topNav p a{margin-right:15px;color:#fff;font-weight:600;}
        #topNav p a:last-child{margin-right:0;}
        #topNav p a i{margin-right:5px;}
    #topNav .btn{border-radius:0;}

nav{box-shadow:none;background-color:var(--secondary);height:80px;line-height:1px;}
    nav ul{height:inherit;}
        nav ul li{height:inherit;}
            nav ul li a{font-weight:600;color:#fff;height:inherit;line-height:80px;font-size:14px;text-transform:uppercase;letter-spacing:2px;}
            nav ul li a:hover,
            nav ul li a:focus,
            nav ul li a:active{background-color:transparent;color:var(--primary);}
    nav .brand-logo{height:inherit;}
        nav .brand-logo img{width:277.5px;margin-top:10px;}
    nav .sidenav-trigger{height:80px;line-height:80px;}

.sidenav img{width:250px;}
    .sidenav li a:not(.btn){font-weight:600;}
    .sidenav li a.btn{width:calc(100% - 30px);}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="date"],input[type="time"],select,textarea{width:100%;height:60px;padding:10px 15px;border:2px solid var(--light);border-radius:5px;font-family:"Quicksand",sans-serif;font-weight:600;background-color:#fff;color:var(--text-color);transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
textarea{padding:15px;height:150px;resize:none;}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="date"]:focus,input[type="time"]:focus,select:focus,textarea:focus{border-color:var(--primary);}

form .input-field p{margin:0 0 5px 5px;font-weight:600;color:var(--secondary);}

.title{margin:0;font-weight:500;text-transform:uppercase;letter-spacing:2px;}
.subtitle{margin:0;font-weight:700;}

.btn{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;border-radius:35px;font-weight:600;letter-spacing:2px;}

.btn,
.btn:hover,
.btn:focus,
.btn:active{box-shadow:none;}

.btn.primary{background-color:var(--primary);color:#fff;}
.btn.primary:hover,
.btn.primary:focus,
.btn.primary:active{background-color:var(--secondary);}

.btn.primary.outline{background-color:var(--primary);border:2px solid var(--primary);color:#fff;}
.btn.primary.outline:hover,
.btn.primary.outline:focus,
.btn.primary.outline:active{background-color:transparent;}

.btn.secondary{background-color:var(--secondary);color:#fff;}
.btn.secondary:hover,
.btn.secondary:focus,
.btn.secondary:active{background-color:var(--primary);}

.transition-color{transition:color 0.3s ease-in;-webkit-transition:color 0.3s ease-in;-moz-transition:color 0.3s ease-in;-ms-transition:color 0.3s ease-in}
.transition-all{transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in}

.row{margin-bottom:0;}
.flex{display:flex;flex-wrap:wrap;}
.inner-valign-wrapper{width:100%;}
.bg{background-position:center;background-size:cover;background-repeat:no-repeat;}
.wrapper{width:100%;height:100%;}
    .wrapper.degrade{background:var(--degrade);}

.dot{display:inline-block;border-radius:50%;}
    .dot.primary{background-color:var(--primary);}
    h1 > .dot{margin-left:-15px;width:10px;height:10px;}
    h4 > .dot{margin-left:-10px;width:7px;height:7px;}

.separator{width:90px;height:6px;margin:20px 0;display:flex;}
    .separator > span{display:inline-block;height:inherit;border-radius:6px;}
    .separator > span:first-child{width:60px;margin-right:10px;background-color:var(--secondary);}
    .separator > span:last-child{width:20px;background-color:var(--primary);}
    .separator.inverse > span:first-child{background-color:#fff;}

.line{width:100%;height:2px;background-color:var(--light);margin:25px 0;}

.window .button{position:relative;}
    .window .button button{position:absolute;right:-50px;top:-50px;}

.jconfirm-content,
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{font-family:var(--primary-font),sans-serif;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{font-weight:600;}

footer{width:100%;height:auto;padding:100px 0 0 0;background:url(../img/footer-map.png) var(--secondary) center no-repeat;background-size:cover;}
    footer #copyright{margin-top:50px;padding:25px 0;background-color:#0d1b26;}
        footer #copyright p{margin:0;text-align:center;color:#fff;}
            footer #copyright p a{color:var(--primary);}
    footer h5{margin:0;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:3px;}
    footer ul{margin:0}
    footer .social{margin-bottom:25px;}
        footer ul li a{display:block;width:100%;padding:5px 0;font-weight:600;color:var(--text-color);}
        footer ul li a:hover,
        footer ul li a:focus,
        footer ul li a:active{color:var(--primary);}
        footer .social a{display:inline-block;margin-right:8px;width:50px;height:50px;line-height:50px;border-radius:50%;border:2px solid var(--primary);background-color:var(--primary);font-size:20px;color:#fff;text-align:center;}
        footer .social a:last-child{margin-right:0;}
        footer .social a:hover,
        footer .social a:focus,
        footer .social a:active{background-color:transparent;}
    footer .box{position:relative;padding:50px;margin-top:-200px;background-color:#fff;border-radius:20px;box-shadow:0 0 25px rgba(0,0,0,0.1);}
        footer .box .header i{font-size:40px;color:var(--primary);}
        footer .box .header p{margin:0;}
        footer .box .header h4{margin:0;font-weight:600;color:var(--secondary);}
        footer .box p a{display:block;padding:5px 0;font-size:16px;font-weight:600;color:inherit;}
        footer .row .col:nth-child(3) p{font-size:16px;font-weight:600;}
            footer .row .col:nth-child(3) p i{color:var(--primary);}

@media(max-width:992px){
    #topNav, #topNav .right-align{text-align:center;}
    #topNav p{margin-top:5px;}
    footer ul{margin-bottom:20px;}
    footer .box .header{text-align:center;}
        footer .box .header i{margin-bottom:10px;}
}

@media(max-width:600px){
    .window .button button{right:-25px;top:-25px;border-radius:0;}
    footer .box{margin-bottom:30px;}
    footer .row .col:nth-child(3){text-align:center;}
    footer .separator{margin-left:auto;margin-right:auto;}
}