@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[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
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:'Roboto', sans-serif; font-size:1.4rem; line-height:1.628571; color:#273074; 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:'domyouji', sans-serif; height:auto; font-style:italic;}
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-family:'Roboto',sans-serif; font-size:2.0rem; margin-bottom:16px; font-weight:700;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#273074; text-decoration:none;}
a:hover, a:hover {color:#309FD7;}
small{font-size:1.2rem;}
section{padding: 52px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article.wide{grid-column-end:span 2;}


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

/*generals*/
input[type='submit'],
.button{display:block; width:fit-content; font-size:1.8rem; font-weight:600; color:#ffffff; padding: 13px 35px; border-radius:16px; background:#273074; font-size:1.8rem; text-align:center; border:unset;}
.button:hover{background:#309FD7; color:white; cursor: pointer;}
.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;}



.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:24px;}
.padding{padding:24px;}
.round-corner{border-radius:8px;}
.border{border:2px solid greenyellow;}
.box-shadow{-webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}


/*general image css*/
.image{width: 100%; aspect-ratio:4/3;}
.image img{width: 100%; height: 100%; object-fit:cover;}


/*colors*/
.bg-blue{background:#018AD0;}
.bg-darkblue{background:#273074;}
.bg-white{background:white;}
.bg-grey{background:#F5F5F5;}

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

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

.txt-white{color:white;}
.txt-purple{color:#7310a6;}


/*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;}

/*form*/
form input,
form textarea{font-family:'Roboto',sans-serif; font-size:1.8rem; font-style:italic; font-weight:500; color:#273074; background:white; border: 1px solid #273074; border-radius:18px; padding: 15px 30px; text-align:center; width:100%; align-items:unset;}
form .uploader{font-family:'Roboto',sans-serif; font-size:1.8rem; font-style:italic; font-weight:500; color:#273074; background:white; border: 1px solid #273074; border-radius:18px; padding: 15px 30px; text-align:center; width:100%; }
form textarea{height:200px; }
input[type="file"]::-webkit-file-upload-button{-webkit-appearance: none; float: right; margin: 0 0 0 10px; border: 1px solid #aaaaaa; border-radius: 4px; color:#9398BA;}
form textarea::placeholder,
form input::placeholder{color:#9398BA;}
form div{margin-bottom:12px;}
input[type='submit']{margin-right:0; margin-left:auto; cursor:pointer;}
input.red,
textarea.red{border:1px solid red;}

/*contact-popup*/
.contact-popup{background:rgba(1,138,208,0.6); width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:15000; display:none;}
.contact-popup.on{display:block;}
.contact-popup a{position:absolute; top:32px; right:32px; cursor:pointer; background:unset;}
.contact-popup input[type="submit"]{background:#309FD7;}
.contact-popup .wrapper{width:40%; max-height:80vh; overflow-y:scroll; margin:auto; margin-top:10vh; position: relative;}
.contact-popup .padding{padding:32px;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; height:32px; padding:unset;}
.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:281px; width: 100%; position:relative; overflow:visible; position:absolute; top:0; left:0; z-index:1;}
header .grid{grid-template-columns:269px auto;}
header.bg-blue{width: 100%; height:145px;}
header .bottombar{background:url(../images/header-waves.webp)no-repeat top left; background-size: contain; aspect-ratio:240 / 17; width: 100%; position:absolute; top:144px; left:0;}
header .grid .logo{width: 100%; aspect-ratio:269 / 115;  margin-top:30px;}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid nav ul{display:flex; justify-content:flex-end;  margin-top:auto;}
header .grid nav ul li{margin-right:100px; font-size:1.8rem; font-weight:600; line-height:145px;}
header .grid nav ul li a{color:white;}
header .grid nav ul li:hover a:not(header .grid nav ul li.cta a){color:#004e9b;}
header .grid nav ul li:hover .submenu li a{color:white !important;}
header .grid nav ul li .submenu.showsub li:hover a{color:#273074 !important;}
header .grid nav ul li:last-child{margin-right:unset !important;}
header .grid nav ul li.cta{height:fit-content; margin: auto 100px auto 0; line-height:unset;}
header .grid nav ul li.cta .button{background:#309FD7;}
header .grid nav ul li.cta .button:hover{background:#273074;}
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-decoration:none; line-height:32px;}
header .grid nav ul li .submenu.showsub{width:auto; height:auto; position:absolute; top:100px; z-index:1000; left:inherit; background-color:#018AD0; display:block; padding:11px 20px 11px 10px;}
header .grid nav ul .subs:after{content:''; display:inline-block;  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 #273074;}
header .grid nav ul li.language ol li a{text-transform:uppercase;}
header .grid .menu{display:none;}

/*Sections*/
section.slider{padding:unset;}
section.slider.spacer{height:300px;}
section.slider .background{width: 100%; height:945px;}
section.slider .background img{width: 100%; height: 100%; object-fit:cover;}
section.slider .grid{grid-template-columns:1fr 1fr;}
section.slider .slide{position: relative;}
section.slider .slide .title{position:absolute; bottom:calc(136px + 92px); left:0; height:90px; background:#A71323; border-top-right-radius:45px; border-bottom-right-radius:45px;  line-height:90px; color:white; padding-left:134px; padding-right:48px;}
section.slider .payoff article{font-size:3.0rem; font-style: italic; font-weight:500; padding:25px 0;}

section.overview .grid{column-gap:48px; row-gap:60px;}
section.overview .card{position: relative; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);}
.label{font-size:2.2rem; font-weight:700; color:white; border-radius: 16px 0 0 16px; position:absolute; top:24px; right:0; padding: 4px 20px;}
.label.sold,
.label.used{ background:#A71323;}
.label.new{background:#50AA41;}
.label.title{background:#018AD0;}
section.overview .card .image{aspect-ratio:381/394; width: 100%; position: relative;}
section.overview.shop .card .image{aspect-ratio:128 / 79;}
section.overview .card .image .overlay{width: 100%; height: 100%; background:#309FD7; opacity:0; position:absolute; top:0; left:0;}
section.overview .card:hover .image .overlay{opacity:0.59;}
section.overview .card .details{padding:24px;}
section.overview.shop .card .details{display:none;}
section.overview .card .details .title{font-size:2.0rem; height:12rem; font-weight:700;}
section.overview .button:not(.card .button){margin: 0 auto;}

article .button{margin-top:60px;}
article .buttons{display:flex; margin-top:32px;}
article .buttons .button{margin-top:unset; margin-right:24px; background:#ffffff; border:1px solid #273074; color:#273074;}
article .buttons .button:last-of-type{margin-right:unset;}
article .buttons .button:hover{background:#309FD7; color:white; border:1px solid #309FD7;}
section.content .image{width: 100%; aspect-ratio:195 / 146; margin-top:0; margin-bottom:auto;}
section.content .item{margin-bottom:24px;}

.tabs{display:block; width:100%; height:40px; position:absolute; margin-top:-39px; z-index:900;}
.tabs .toggl{width:auto; height:40px; display:inline-block; padding:4px 8px; line-height:40px; cursor:pointer; font-size:1.8rem; margin:0 16px; border-top-left-radius:8px; border-top-right-radius:8px; background:#F5F5F5; color:#273074; border:1px solid #273074}
.tabs .toggl:first-of-type{margin-left:0;}
.tabs .toggl.on{box-shadow: 0px 3px 0px 0px rgba(245,245,245,1); border-bottom:1px solid rgba(245,245,245,1);}


section.content.tab{border-top:1px solid #273074;}
section.content.tab .grid{gap: 32px;}
section.content.tab .image{aspect-ratio:385 / 268; width:100%;}
section.content .image.long{width: 100%; aspect-ratio:801/869; margin-top:0; margin-bottom:auto;}
section.content .item{position: relative; padding: 24px 0;}
section.content .item .background{position:absolute; top:0; left:-330px; width:calc(100vw + 660px); height:100%; margin:0 auto; z-index:-1;;}
section.content .item:nth-of-type(even) .background{background:#F5F5F5;}
section.content .item:nth-of-type(odd) .background{background:white;}

section.material article dl{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.material article dl dd{font-weight:600;}

.image.square{aspect-ratio:1/1;}

section.contact address{font-style: normal; margin-bottom:45px;}


.cat{margin-bottom:24px;}
.cat:hover{cursor:pointer;}
.cat.on .summary{color:#309FD7}
.cat.on .long-desc{display:block;}
.cat.on .summary,
.cat:hover .summary{color:#309FD7;}
.long-desc .type{margin-bottom:24px;}
.long-desc .type span{display:block; font-weight:600;}
.long-desc .title{font-weight:600;}

/*Footer*/
footer{overflow:visible; height:352px;}
footer .topbar{width: 100%; height:136px; background:url(../images/footer-waves.webp) no-repeat bottom left; background-size:contain; background-color: #F5F5F5;}
footer .background{height:100%; padding-top:32px;}
footer *{color:white;}
footer address{font-style: normal;}
footer .socials .logo{width:100%; aspect-ratio:269 / 115; margin: 0 auto; margin-bottom:24px;}
footer .socials .logo img{width: 100%; height: 100%; object-fit:contain;}
footer .socials .social-links{display:flex; justify-content:center;}
footer .socials .social-links a{margin-right:24px; font-size:2.4rem;}
footer .socials .social-links a:hover i{color:#309FD7;}
footer .socials .social-links a:last-of-type{margin-right:unset;}
footer .copyright a{margin-left:12px;}

/*tablet: 1220*/
@media only screen and (max-width:1220px) 
{
    h1{font-size:3.0rem;}
    
    header .grid{grid-template-columns:200px auto;}
    header .grid .logo{margin-top:unset; margin: auto 0;}
    header .grid nav ul li{margin-right:24px;}
    header .grid nav ul li.cta{margin: auto 24px auto 0;}
    header .bottombar{top:144px;}
    section.slider .background{height:700px;}
    section.slider .slide .title{bottom:calc(136px + 80px)}
    section.slider .payoff article{font-size:2.6rem;}

    section.overview .grid{gap:24px;}

    footer .topbar{margin-bottom:-2px;}

    .contact-popup .wrapper {width: 45%;}

}

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

    h1{font-size:2.6rem;}
    .block-3,
    .block-4,
    .block-9{grid-column-end:span 6;}
    .image.square.block-4{grid-column-end:span 4}
    
    header{overflow:visible;z-index:1000;}
    header .bottombar{top:120px; }
    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 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{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:120px; z-index:11000;  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;}
    header .grid nav ul li.cta{margin:unset;}
    header .grid nav ul li.cta .button{ float:right; padding:unset; background:unset; text-align:right;}

    section.slider .background{height: 450px;}
    section.slider .slide .title{line-height:48px; height:48px; padding-left:24px; bottom:calc(136px + 32px);}

    section.slider .payoff article{font-size:2.2rem; padding:12px 0;}

    .contact-popup .wrapper {width: 70%;}
    
    footer{height:unset;}
    footer .spacer{display:none;}
    footer .copyright{grid-column-end:span 12 !important; padding-bottom:12px;}
    footer .socials .logo{width:80%; margin: 0 auto; margin-bottom:24px;}
    footer address{margin-bottom:24px;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    h1{font-size:2.0rem; margin-bottom:24px;}
    h2{font-size:1.8rem; margin-bottom:12px;}
    h3{font-size:1.8rem; margin-bottom:12px;}
    h4{font-size:1.6rem; margin-bottom:8px;}

    .breadcrumbs{display:none;}

    section{padding:24px 0;}
    .body{font-size:1.4rem;}
    .button{font-size:1.6rem;}
    .padding{padding:12px;}

    
    .block-9,
    .block-6,
    .block-4,
    .block-3{grid-column-end:span 12;}
    
    input[type='submit'], .button{width: 100%;}
    
    div.tabs{position: relative; height:unset; margin-top:unset;}
    div.tabs .toggl{height:32px;  padding:0px 16px; line-height:32px; margin:0px;}
    
    header{height:152px;}
    header .grid{grid-template-columns:150px auto;}
    header .bottombar{top:119px;}

    section.slider .slide .title{bottom:calc(32px + 32px);}
    section.slider .payoff article{font-size:1.4rem;}
    section.slider.spacer{height:150px;}

    section.overview .card .details .button{width: 100%;}
    section.overview .button:not(.card .button){width: 100%;}

    article .button{width: 100%;}

    section.content.tab .grid{gap:12px;}

    .contact-popup .wrapper {width: 100%; margin-top:150px;}
    .contact-popup .padding{padding:12px;}
    .contact-popup a{top:6px; right:6px;}
    .contact-popup .button{padding:12px;}

    footer .topbar{height:32px;}
    footer .socials .logo{width:100%; margin-bottom:12px;}
    footer .socials .social-links a{font-size:2.0rem; margin-right:12px;}
    footer address{text-align:center;}
    footer address:not(footer address:last-of-type){margin-bottom:unset;}
    footer .socials .logo{width: 50%; margin: 0 auto;}

}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    
    
}