@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none;}


header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'myriad-pro', sans-serif; font-size:1.8rem; font-style:italic; font-weight:600; line-height:1.628571; color:#0A4995; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'myriad-pro', sans-serif; height:auto; font-weight:900; font-style:normal;}
h1{font-size:3.5rem; margin-bottom:32px;}
h2{font-size:3.0rem; margin-bottom:32px;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:2.0rem;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#444444; text-decoration:none;}
a:hover, a:hover {color:#496778;}
small{font-size:1.2rem;}
section{padding: 64px 0; overflow:visible;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article.wide{grid-column-end:span 2;}

/*fonts*/
@font-face {
    font-family: 'ZoobieW01-Decaf';
    src: url('../fonts/ZoobieW01-Decaf.eot');
    src: url('../fonts/ZoobieW01-Decaf.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZoobieW01-Decaf.woff2') format('woff2'),
        url('../fonts/ZoobieW01-Decaf.woff') format('woff'),
        url('../fonts/ZoobieW01-Decaf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*floats*/
.left{float:left;}
.right{float:right;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1716px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.button{display:block; width:fit-content; font-size:2.0rem; font-style: italic; font-weight:600; color:#ffffff; padding:16px 30px; border-radius:18px; background:#0A4995; color:white;}
.button:hover{color:#0A4995; background:white;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.outline{background:unset; border:4px solid white;}
.button.bg-blue{color:white;}
.button.bg-white{color:#0A4995;}
.button.bg-green{background:#60c50d;}
.button.bg-green:hover{background:#78f015; color:#565656;}

.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:24px;}
.content .grid{row-gap:96px;}
.faq .grid{gap:24px;}
.padding{padding:24px;}
.round-corner{border-radius:8px;}
.border{border:2px solid greenyellow;}
.box-shadow{-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);}

/*general image css*/
.image{width: 100%; aspect-ratio:783/496;}
.image.partner{aspect-ratio:419/210; max-width:100%; max-width:419px;}
.image.square{aspect-ratio:366/329;}
.background img{width:100%; height:100%; object-fit:contain;}
.image img{width: 100%; height: 100%; object-fit:cover;}
.image.partner img{object-fit:contain;}

/*colors*/
.bg-blue{background:#0A4995;}
.bg-white{background:white !important;}

.button.bg-white:hover,
.button.bg-blue:hover{background:#8c14c9; color:white;}

.bg-blue.gradient{background: linear-gradient(90deg, rgba(115,16,166,1) 0%, rgba(140,20,201,1) 100%);}

.txt-white{color:white;}
.txt-blue{color:#0A4995;}

/*Grid controls*/
.block-3{grid-column-end:span 3;}
.block-4{grid-column-end:span 4;}
.block-6{grid-column-end:span 6;}
.block-9{grid-column-end:span 9;}
.block-12{grid-column-end:span 12;}
/*Grid push controls*/
.push-1{grid-column-start:4;}
.push-2{grid-column-start:7;}
.push-3{grid-column-start:10;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; height:32px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li,
.breadcrumbs li ,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#5C5C5C;}

/*header*/
header{height:106px; position:absolute; overflow:visible; top:0; left:0; z-index:1000; background:#0A4995}
header .grid{grid-template-columns:479px auto; gap:24px; position: relative;}
header .logo{width:479px; padding:36px 36px 25px 36px; background:white; border-radius: 0 0 36px 36px; aspect-ratio:479 / 317; position:absolute; top:0; left:0; z-index:10000;}
.logo img{width:100%; height:100%; object-fit:contain;}
header .grid nav{grid-column-start:2;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li{line-height:106px; margin-right:64px; font-size:2.0rem; font-weight:600;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid nav ul li a{color:white;}
header .grid nav ul li:hover a,
header .grid nav ul li a.on{color:#4997f4}
header .grid nav ul li.language{height:24px; margin:41px 0;}
header .grid nav ul li.language img{height: 24px; width: 24px; object-fit:contain;}
header .grid nav ul li .submenu{display:none; pointer-events:inherit;}
header .grid nav ul li .submenu li{width: 100%; height:32px; display:block; padding:4px 0 8px 0px; float:none; margin-right:unset; line-height:unset; }
header .grid nav ul li .submenu li a{display:block; position: relative; z-index:1000; font-size:1.6rem; text-align:left; height:inherit; text-transform:none !important; text-decoration:none; line-height:32px;}
header .grid nav ul li .submenu.showsub{width:auto; height:auto; position:absolute; top:64px; z-index:1000; left:inherit; background-color:#4997f4; display:block; padding:11px 20px 11px 10px;}
header .grid nav ul .subs{position: relative;}
header .grid nav ul .subs:after{content:''; position:absolute; right:-24px; top:50%; transform:translateX(-50%);  width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white;}
header .grid nav ul .subs:hover::after{border-top:6px solid #4997f4;}
header .grid .menu{display:none;}

/*Sections*/
section.slider{padding:unset; position: relative;}
section.slider .video{width: 100%;  aspect-ratio:16/8;}
section.slider .video video{width: 100%; height:100%; object-fit:cover;}
section.slider .background{width:100%; aspect-ratio:1920/600;}
section.slider.spacer .background{aspect-ratio:unset; height:211px;}
section.slider .background img{width: 100%; height: 100%; object-fit:cover;}
section.slider .container .image{width: 100%; height:fit-content;}
section.slider .container .image img{width: 100%; height:100%; object-fit:contain;}
section.slider .payoff{padding:32px 0; background:rgba(10,73,149,0.9); width: 100vw;}
section.slider .payoff h1{font-family: 'ZoobieW01-Decaf'; font-size:8.0rem; margin-bottom:unset;}
section.slider .payoff p{font-size:1.8rem; font-style: italic; font-weight:600;}
section.slider.big .payoff{position: absolute; bottom:0; left:0;}
section.slider.spacer .payoff{display:none;}

section.checker{padding:unset;}
section.checker .background{padding-top:70px; padding-bottom:60px;}
section.checker.alt h2{font-family: 'ZoobieW01-Decaf'; font-size:5.0rem; }
form .tracker{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
form .track{width:100%; height:60px; text-align:center; cursor:pointer; color:#85A4CA; font-family:'myriad-pro', sans-serif; font-weight:600; line-height:60px; font-size:2.3rem; padding:0px 30px; background:white; border-radius:18px; border:1px solid #707070;}
label.track{cursor:auto; margin-bottom:unset;}
form .track.checked{background:#0A4995; color:white;}
form h2{color:white; margin-bottom:75px;}
form label{margin-bottom:24px; font-size:2.0rem; text-align:center; display:block;}
form textarea,
form select,
form input{display:block; padding:16px 30px; font-family:'myriad-pro',sans-serif; background:white; border-radius:18px; margin-bottom:36px; width:100%; font-style:italic; font-weight:600; font-size:2.3rem; text-align:center; border:1px solid #707070;}
form textarea::placeholder,
form input::placeholder{color:#85A4CA;}
form select option{color:#0A4995;}
form input[type="button"],
form input[type="submit"]{margin-bottom:32px; width:unset; float:right; border:2px solid white; background:#0A4995; color:white;}
form input[type="button"]:hover,
form input[type="submit"]:hover{cursor:pointer; background:white; color:#0A4995; border: 2px solid #0A4995;}
form .track.red{color:red; border:1px solid red;}
form .track.red label{color:red;}
section.routeplanner form input.red,
form input.red,
form select.red,
form textarea.red{border:1px solid red;}
form.contact textarea,
form.contact select,
form.contact input{margin-bottom:unset;}
form.contact h2{color:#0A4995;}

form .searchfilter{margin:-37px 16px 36px 16px; padding:0px 16px; background:#ffffff; border:1px solid #707070; border-radius:0px 0px 18px 18px;}
form .searchfilter .results{padding:12px 0px;}
form .searchfilter .results .result{width:100%; height:32px; line-height:32px; padding:0px 8px; display:block; cursor:pointer;}
form .searchfilter .results .result:nth-of-type(even){background:#f2f2f2;}


section .button{margin:24px 0;}

section.content{padding:unset;}
section.content .block-12{padding:64px 0;}
section.content .block-12:nth-of-type(odd){background:#f2f2f2;}
section.content .block-12:nth-of-type(even){background:white;}
section.content .block-12:nth-of-type(odd) .image:not(section.content .block-12:first-of-type .image){grid-area:1/1/1/span 6}

section.why{background:#0A4995; position: relative; padding:unset;}
section.why .container{position: relative; padding-bottom:57px;}
section.why *{color:white;}
section.why .image{aspect-ratio:1186/855; width:855px; position:absolute; bottom:0; left:-24px;}
section.why article{margin-top:51px;}

section.routeplanner .grid{row-gap:64px;}
section.routeplanner .roadmap{display:grid; grid-template-columns:auto auto auto; width:70%; margin: 0 auto;}
section.routeplanner .roadmap .start,
section.routeplanner .roadmap .finish{display:flex;}
section.routeplanner .roadmap .start{justify-content:flex-start;}
section.routeplanner .roadmap .finish{justify-content:flex-end;}
section.routeplanner .roadmap .finish .image,
section.routeplanner .roadmap .start .image{width:69px; aspect-ratio:69/110; object-fit:contain; position: relative;}
section.routeplanner .roadmap .start .place{margin-left:24px;}
section.routeplanner .roadmap .finish .place{margin-right:24px;}
section.routeplanner .roadmap .place span{display:block; font-size:4.5rem; font-weight:900;}
section.routeplanner .roadmap .place{font-size:2.2rem; font-style:italic; font-weight:600;}
section.routeplanner .roadmap .boat{margin:0 auto; height:65px; aspect-ratio:167/65; margin-bottom:0; margin-top:auto;}
section.routeplanner .roadmap .start .image img,
section.routeplanner .roadmap .finish .image img,
section.routeplanner .roadmap .boat img{width: 100%; height: 100%; object-fit:contain;}
section.routeplanner .roadmap .divider{border-bottom: 5px dashed #0A4995; grid-column-end:span 3; padding-top:24px; width:calc(100% - 148px); margin:0 auto;}
section.routeplanner .roadmap .round{ width: 24px; height: 24px; background:#0A4995; position:absolute; bottom:-36px; border-radius:50%;}
section.routeplanner .roadmap .finish .round,
section.routeplanner .roadmap .start .round{left:50%; transform:translateX(-50%);}

section.contact article address{font-style:normal; padding:24px; background:#0A4995; color:white; border-radius:18px; margin-bottom:32px; width: 70%; margin-left:0; margin-right:auto;}
section.contact article address h3{margin-bottom:24px; border-bottom:1px solid white; padding-bottom:12px;}
section.contact article address h4{font-weight:900; font-size:2.0rem;}
section.contact article address a{color:white;}
section.contact article .comp-details{padding:24px;}
section.contact article .comp-details p{font-weight:900; font-style:normal; }

/*Footer*/
footer{padding:32px 0; background:#072A53;}
footer *{color:white; font-style: normal;}
footer .logo{aspect-ratio: 103/65; margin:auto;}
footer .social-links{display:flex; justify-content:flex-start; margin-top:24px;}
footer .social-links a{margin-right:12px;}
footer .social-links a:last-of-type{margin-right:unset;}
footer .social-links a i{font-size:4.8rem;}
footer a{display:block;}
footer a:hover{color:#0A4995;}


/*tablet: 1440*/
@media only screen and (max-width:1440px)  
{
    body{font-size:1.6rem;}

    header .grid{grid-template-columns:250px auto; gap:24px;}
    header .logo {width: 250px; position:relative; padding:24px 24px 12px 24px}
    header .grid nav ul li{margin-right:24px; font-size:1.8rem;}
    header .grid nav{height:106px;}

    #contact .block-3{grid-column-end:span 6;}

    section.slider .payoff h1{font-size:5.5rem;}
    section.slider .payoff p{font-size:1.6rem;}

    form h2{margin-bottom:48px;}
    form input{padding:6px 30px;}

    .grid{gap:24px;}

    section.why{margin-top:64px;;}
    section.why .image{left:-60%; transform:translateX(50%); bottom:27px;}


    section.routeplanner .roadmap .place span{font-size:3.2rem;}
    section.routeplanner .roadmap .finish .image, section.routeplanner .roadmap .start .image{width:50px;}


}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{

    h2{font-size:2.6rem;}
    h3{font-size:2.2rem;}
    h4{font-size:2.0rem}
    
    .block-4{grid-column-end:span 6;}

    #contact .block-6{grid-column-end:span 12;}

    header{overflow:visible;z-index:1000;}
    header .grid{gap:unset}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; z-index:1000; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:white; line-height:120px;}    
    header .grid nav{grid-column-start:unset;}
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#004e9b; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li.language{margin:auto 0; height:unset;}
    header .grid nav ul li.language a{min-height:48px; height:auto;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul .subs .language:not(nav ul li .submenu .language){display:none;}
    
    header .grid nav ul li .submenu .language img,
    header .grid nav ul li.language img{margin:unset; margin-right:0; margin-left:auto; }
    header .grid nav ul li:last-of-type{display:block; width:100%;}
    header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:unset; line-height:48px;}
    header .grid nav ul li a{color:white; height:48px; line-height:48px; margin:unset; border-right:unset;}
    header .grid nav ul li a:active,
    header .grid nav ul li a:hover{color:white;}
    header .grid nav ul li a.on{color:#fccc00;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:106px; z-index:9000;  position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    header .grid nav ul li .submenu,
    header .grid nav ul li .submenu.showsub{display:block; position:relative; top:unset; border-left:unset; left:unset; background-color:unset; padding:unset;}
    header .grid nav ul li .submenu li a{color:white; text-align:right;}
    header .grid nav ul .subs:after{display:none;}

    section.slider .payoff h1{font-size:3.5rem;}
    section.slider .payoff p{font-size:1.6rem;}

    form.contact .block-3{grid-column-end:span 12;}
    section.routeplanner .grid{row-gap:24px;}
    form label{margin-bottom:8px;}

    section.why .image {left:-69%; bottom:0px; width:739px;}
        section.why .container{padding-bottom:28px}
    
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{

    h1{margin-bottom:unset;}
    h2{font-size:2.0rem;}
    h3{font-size:1.8rem;}

    .block-3,
    .block-4,
    .block-6{grid-column-end:span 12;}
    .push-2{grid-column-start:unset;}

    section{padding:24px 0;}
    


    section.content .grid{gap:12px;}
    .button{font-size:1.6rem; width: 100%; padding: 8px 6px;}

    header .grid{grid-template-columns:150px auto;}
    header .logo{width: 150px; border-radius: 0 0 24px 24px;}
    
    section.slider{padding-top:106px;}
    section.slider.big .payoff{position:relative;}

    form.contact textarea,
    form.contact select,
    form input{font-size:2.0rem;}
    form input[type="submit"]{width:100%; float:unset;}

    section.content .block-12{padding:24px 0;}

    section.why{margin-top:unset; overflow:hidden;}
    section.why .image{bottom:-18%; left:unset; transform:translateX(-25%); right:-50%; width:80vw;}

    section.routeplanner .grid{row-gap:24px;}
    section.routeplanner .roadmap{gap:4px;}
    section.routeplanner .roadmap .finish .image, section.routeplanner .roadmap .start .image{width:24px;}
    section.routeplanner .roadmap .place{font-size:1.6rem;}
    section.routeplanner .roadmap .boat{height:24px;}
    section.routeplanner .roadmap .start .place{margin-left:8px;}
    section.routeplanner .roadmap .finish .place{margin-right:8px;}
    section.routeplanner .roadmap .place span{font-size:1.8rem;}
    section.routeplanner .roadmap .divider{width:calc(100% - 96px)}


    section.contact article address{width: 100%;}

    footer *{text-align:center;}
    footer .social-links{justify-content:center;}

    footer .logo{width: 50vw;}

}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    section.routeplanner .roadmap{width: 100%;}
    
}