@charset "utf-8";

/*template*/
*{margin:0; padding:0; outline:none; font-display:swap; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; overflow-x:hidden; font-family:'Montserrat', sans-serif; overflow-y:scroll; font-size:1.6rem; line-height:1.628571; color:#323232; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; margin:0px 0px 15px 0px; font-family:'Montserrat', sans-serif;}
h1{font-size:3.0rem;}
h1.margin{margin-bottom:70px;}
h1 a.more{font-size:1.6rem; font-weight:bold; text-decoration:none !important;}
h2{font-size:2.4rem;}
h3{font-size:1.8rem;}
h4{font-size:1.6rem;}
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue{color:#1a6686;}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white{color:#ffffff;}
.center{text-align:center;}

p{margin:0px 0px 20px 0px;}
p.lightblue, p.lightblue *{color:#47cafd; font-weight:bold;}
a, a *{color:#009dd3; text-decoration:underline;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
button{-webkit-appearance:none;}
.smaller{width:80%; margin:0px auto;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left;}
.right{float:right;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/*buttons*/
.button{padding:5px 25px; text-align:center; font-weight:normal; text-decoration:none; border:1px solid #009dd3; color:#ffffff; background:#1a6686;}
.button span{color:#ffffff;}
.button.red{border: 1px solid rgb(243,102,100); background:rgb(243,102,100);}
.button.red:hover{color: rgb(243,102,100); background:#ffffff;}
.button.white{border:1px solid #ffffff; color:#1a6686; background:#ffffff;}
.button.white span{color:#1a6686;}
.button:hover{color:#009dd3; background:#ffffff;}  
.button:hover span{color:#009dd3;}
.whatsapp{padding:24px; display:block; text-decoration:none; border-radius:12px; background:#25d366; display:grid; grid-template-columns:auto 60px; column-gap:16px;}
.whatsapp h3,
.whatsapp h4{color:#ffffff; margin:0px; text-decoration:none;}
.whatsapp i{color:#ffffff; text-decoration:none; font-size:5.0rem; grid-row-end:span 2;}
span.arrow-left{font-size:2.0rem; font-weight:bold; display:unset !important; text-decoration:none;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:28px; padding-top:12px; grid-area:1/1/1/4; padding:0 35px; background:#d1f2fe;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li a{font-size:1.4rem; line-height:28px; color:#009dd3;}
.breadcrumbs a span{color:#009dd3 !important;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #d1f2fe;}
form.form-grid div.padding{padding:16px;}
form.form-grid div.nopadding{padding:0px;}
form.form-grid div.noborder{border-bottom:0px;}
form.form-grid div label{font-size:1.6rem; margin-right:24px;}
form.form-grid div span{display:block; height:32px; line-height:32px;}
form.form-grid div small{display:block; padding:4px 16px;}
form.form-grid div input[type="radio"]{margin-right:12px;}
form.form-grid div input[type="checkbox"]{margin-right:24px;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="file"],
form.form-grid div input[type="datetime-local"],
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; background:#e8f9ff; border:1px solid #2279a2; font-family:'Montserrat', sans-serif; color:#1a181b;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div input[type="file"]{height:42px; padding:8px;}
.grid.workwith form.form-grid div input,
.grid.workwith form.form-grid div select,
.grid.workwith form.form-grid div textarea{background:white}
form.form-grid div select option{color:#1a181b;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; font-family:'Montserrat', sans-serif; color:#1a181b; border:1px solid #2279a2; background:#e8f9ff;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="file"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="datetime-local"].red,
form.form-grid div textarea.red,
form.form-grid div select.red{border:1px solid #d90000;}
form.form-grid div label.red{color:#d90000;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="datetime-local"]:focus,
form.form-grid div select:focus{border:1px solid #47cafd;}
form.form-grid div textarea:focus{border:1px solid #47cafd;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#888888; background-color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#323232; background-color:#9dd300; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#323232;}

/*containers*/
.wrapper{width:100%; max-width:1920px; display:block; margin:0px auto;}

/*header*/
header{width:100%;}
    header.big{width:100%; height:calc(100vw * .55);}
    header .offerte{display:flex;justify-content:flex-end;text-align:right; padding:5px 35px; box-sizing:border-box; background:#009dd3;}
    header .offerte a{margin:0px 10px 0px 0px;color:#ffffff; text-decoration:none;}
    header .offerte a:hover{text-decoration:underline;}

    header .header-grid{display:grid; grid-gap:35px; grid-template-columns:auto 1fr; height:175px; margin-bottom:0px; padding:35px; box-sizing:border-box; position:relative; z-index:900;}
    header .header-grid .logo{width:fit-content;}
    header .header-grid .logo img{width:auto; height:105px;}
    header .header-grid nav{margin:auto 0px;}
    header .header-grid nav ul{display:flex; justify-content:flex-end; background:none; }
    header .header-grid nav ul li{height:auto; position:relative;}
    header .header-grid nav ul li:not(:first-of-type){padding-left:35px;}
    header .header-grid nav ul li:last-of-type{margin-top:5px;}
    header .header-grid nav ul li a{width:100%; height:auto; display:block; font-size:1.8rem; font-weight:bold; text-decoration:none; color:#1b6686;}
    header.big .header-grid nav ul li a{color:#ffffff;}
    header .header-grid nav ul li a:hover,
    header .header-grid nav ul li a.on{color:#47cafd;}
    header .header-grid nav .nav-icon{display:none;}
    
    header .slider{height:525px; margin-bottom:0px; display:block; position:relative;}
    header .slider.hire{height:800px;}
    header .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
    header .slider .slides .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px; position: absolute; top:0; left:50%; transform: translateX(-50%); height:inherit;}
    header .slider .slides .slide{width:100%; height:inherit; display:block; overflow:hidden; background-size:contain;}
    header .slider .slides .text{position:absolute; top:50%; right:0; transform:translateY(-50%); background:rgba(255,255,255,0.8); padding:34px; width:40vw;}
    header .slider .slides .text{font-weight:700;}
    header .slider .slides .text .buttons{text-align:center;}
    header .slider .slides .text .buttons .button:first-of-type{margin-right:24px;}

    
    header.big .video{height:inherit; margin-bottom:35px; display:block; position:absolute; z-index:500; top:0px;}
    header.big .video video{width:100%; position:relative; top:50%; transform:translateY(-50%); object-fit:cover;}
    
/*main*/
main.splash{margin-top:-15px;}

/*sections*/
section{margin-bottom:70px;}
    section.padding{padding:0px 35px; box-sizing:border-box;}
    section.nomargin{margin-bottom:0px;}
    section.margintop{margin-top:70px;}

    section.facts{margin-top:15px; padding:35px 0px; background:#1a6686;}
    section.facts .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px;}
    section.facts .grid{display:grid; grid-gap:35px; grid-template-columns:repeat(6, 1fr);}
    section.facts .grid.four{display:grid; grid-gap:35px; grid-template-columns:repeat(4, 1fr); margin-left:auto; margin-right:auto;}
    section.facts .grid .stat{display:grid; grid-template-columns:1fr;}
    section.facts .grid .stat *{text-align:center; color:#ffffff;}
    section.facts .grid .image{height:50px; width:80%; max-width:250px; margin:0px auto; margin-bottom:15px;}
    section.facts .grid .image img{width:100%; height:100%; object-fit:contain; object-position:center;}
    section.facts .grid strong{font-size:3.0rem; font-weight:normal;}
    section.facts .grid em{font-size:2.4rem; font-weight:normal; font-style:normal;}
    section.facts .grid span{font-weight:normal; line-height:25px; font-size:1.4rem;}
    section.facts.no-margin-bottom{margin-bottom:unset !important;}        
    section.facts.no-margin-top{margin-top:unset !important;}        

.three{display:grid; grid-gap:50px; grid-template-columns:1fr 1fr 1fr;}

    .pages .block{text-align:center; padding:15px; box-sizing:border-box; border-radius:8px; border:2px solid #d1f2fe;}
        .pages .block h2{padding-bottom:35px; box-sizing:border-box;}
        .pages .block p{min-height:215px; margin-bottom:35px;}
        .pages .block .button{border-radius:4px;}
    
    .carousel{height:600px;}
        .segments{display:none;}
        .fade{-webkit-animation-name:fade; -webkit-animation-duration:2.5s; animation-name:fade; animation-duration:2.5s;}
        @-webkit-keyframes fade{from {opacity:.4} to {opacity:1}}
        @keyframes fade{from {opacity:.4} to {opacity:1}}
        
    article.clear{grid-area:1/2/1/4; padding:50px 0px;}
        
    .news .title{display:grid; grid-template-columns:1fr auto;}  
       .news .news-bulletin h3{height:45px;} 
       .news .news-bulletin .image{margin-bottom:15px; display:block;} 
       .news .news-bulletin .image img{width:100%;} 
       .news .news-bulletin .more{float:right; text-decoration:none;}
       .news .news-bulletin .more:hover{text-decoration:underline;}
    
       
    .mark{height:100%;}
        .mark hr{width:5px; height:calc(100% - 60px); background:#d1f2fe; border:0px; margin:0px auto 15px auto;}
        .mark img{height:45px; width:45px; margin:auto;}
        
    .highlight{min-height:420px; width:100%; display:flex; color:#ffffff; background:#1a6686;}
        .highlight .content{margin:auto 0px; padding:0px 70px !important;}
        .highlight .content:before{content:'“'; font-size:20.0rem; color:rgba(255,255,255,0.4); font-family: 'Noto Sans JP', sans-serif; position:absolute; top:0px; left:10px;}
        .highlight .content:after{content:'”'; font-size:20.0rem; color:rgba(255,255,255,0.4); font-family: 'Noto Sans JP', sans-serif; position:absolute; bottom:0px; right:10px;}
        .highlight .content strong{font-size:3.4rem;}
        .highlight .content span{font-size:2.2rem; margin-bottom:35px; display:block;}
        
    .slider{height:420px;}

    dl.faq{}
    dl.faq dt{width:100%; display:block; padding:10px 0px; border-bottom:1px solid #d1f2fe; box-sizing:border-box; color:#1a6686; font-weight:bold; cursor:pointer;}
    dl.faq dt i{width:30px;}
    dl.faq dd{display:none; padding:10px 10px 10px 34px; font-size:16px; font-size:1.6rem; margin-bottom:15px; color:#009dd3;}
    
    .intro{background:#d1f2fe; padding:35px 35px 50px 35px !important; box-sizing:border-box;}
        .intro .content{grid-area:1/2/1/4;}
        .intro .content .more{background:#ffffff; border-radius:8px; padding:8px 12px; text-decoration:none;;}
        .intro .content .more:hover{color:#ffffff; background:#009dd3;}
        .intro .content .more:hover span{color:#ffffff;}
     
    .blocks .mark hr{margin:0px 20px 15px auto;}
        .blocks .mark img{margin:unset; margin-left:auto;}
        .blocks .items{grid-area:1/2/1/4; padding-top:70px; box-sizing:border-box;}    
        .blocks .items .block{display:grid; grid-gap:50px; grid-template-columns:1fr 1fr;}    
        .blocks .items .block:not(:last-child){margin-bottom:50px;}
        .blocks .items .block:nth-of-type(odd) .content{grid-area:1/1/1/1;}
        .blocks .items .block:nth-of-type(odd) .image{grid-area:1/2/1/2;}
        .blocks .items .block:nth-of-type(even) .content{grid-area:1/2/1/2;}
        .blocks .items .block:nth-of-type(even) .image{grid-area:1/1/1/1;}
        /*.blocks .items .block .content p{text-align:justify;}*/
        .blocks .items .block .content ul,
        .blocks .items .block .content ol{list-style:disc outside; margin:0px 0px 30px 20px;}
        .blocks .items .block .content .more{text-decoration:none; margin-right:12px;}
        .blocks .items .block .content .more:hover{text-decoration:underline;}
        .blocks .items .block .image img{width:100%;}
    
        .blocks .items .showcase{display:grid; grid-gap:35px; grid-template-columns:115px auto; margin-bottom:35px;}
        .blocks .items .showcase .image img{width:100%;}
        
    .questions .sales{grid-area:1/2/1/4;}    

        
.timeline{width:100%; max-width:1260px; position:relative; margin:0px auto;}
.timeline *{box-sizing:border-box;}
.timeline::after{content:''; position:absolute; width:6px; background-color:#d1f2fe; top:0; bottom:0; left:50%; margin-left:-3px;}
.timeline .container{position:relative; background-color:#ffffff; width:50%;}
.timeline .container::after{content:''; position:absolute; width:45px; height:45px; right:-22px;  background:url('../images/logo-icon.webp') no-repeat center /contain #ffffff; top:15px; z-index:1;}
.timeline .container.left{padding:10px 40px 10px 0px;}
.timeline .container.right{padding:10px 0px 10px 40px;}
.timeline .left{left:0; float:unset !important;}
.timeline .left::before{content:''; height:0; position:absolute; top:22px; width:0; z-index:1; right:30px; border:medium solid #f8f9f9; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #f8f9f9;}
.timeline .right{left:50%; float:unset !important;}
.timeline .right::before{content:''; height:0; position:absolute; top:22px; width:0; z-index:1; left:30px; border:medium solid #f8f9f9; border-width:10px 10px 10px 0; border-color:transparent #f8f9f9 transparent transparent;}
.timeline .right::after{left:-23px;}
.timeline .content{background-color:#f8f9f9; position:relative; border-radius:6px; overflow:hidden;}
.timeline .content .summary{padding:15px;}
.timeline .content .summary h2{font-size:2.2rem; line-height:41px; font-weight:bold; color:#1b6686;}
.timeline .content .summary p{font-size:16px; font-size:1.6rem;}
.timeline .left .content .summary h2{padding-right:100px;}
.timeline .right .content .summary h2{padding-left:100px;}
.timeline .content span{width:100px; height:70px; display:block; color:#47cafd; float:left; padding-left:15px; font-size:2.2rem; font-weight:bold; line-height:70px;}
.timeline .content img{width:100%;}

section.quote{margin-top:70px;}
section.quote .wrapper{max-width:1260px; margin: 0 auto; padding:0 24px;}
section.quote .wrapper article{text-align:center;}
section.quote .wrapper article p strong{font-weight:700; font-size:3.0rem;}
section.quote .wrapper article span:before{content:'-'; margin-right:4px;}

section.job-positions{background:rgba(209,242,254,1); padding:32px 0}
section.job-positions .wrapper{max-width:1260px; margin: 0 auto; padding:0 24px;}
section.job-positions .wrapper .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.job-positions .wrapper .grid h2{grid-column-end:span 3; text-align:center; font-size:3.0rem;}
section.job-positions .wrapper .grid .card{background:white; width: 100%; padding:24px;}
section.job-positions .wrapper .grid .card.wide{grid-column-end:span 3;  background:unset;}
section.job-positions .wrapper .grid .card .image{width: 100%; height:220px; margin-bottom:24px;}
section.job-positions .wrapper .grid .card .image img{width: 100%; height:100%; object-fit:cover;}
section.job-positions .wrapper .grid .card article .title{min-height:65px; text-align:center; font-weight:700; font-size:2.0rem; margin-bottom:24px;}
section.job-positions .wrapper .grid .card.wide article .title{text-align:left;}
section.job-positions .wrapper .grid .card .button{display:block; width: 100%;}
section.job-positions .wrapper .grid .card.wide .button{display:inline; width:unset;}

section.work .wrapper{max-width:1260px; margin:0 auto; padding: 0 24px;}
section.work .wrapper .intro-video{margin-bottom:64px;}
section.work .wrapper .video iframe{height:650px; width:100%;}

section.experience{position: relative;}
section.experience .background{width: 100%; height:450px;}
section.experience .background img{width: 100%; height: 100%; object-fit:cover;}
section.experience .wrapper{max-width:1260px; height:100%; margin: 0 auto; padding:0 24px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
section.experience .wrapper article{width: 40%; color:white; text-align:center; padding:48px 24px; float:right; margin: auto 0;}
section.experience .wrapper article p{font-weight:700;}
section.experience .wrapper article span:before{content:'-'; margin-right:4;}
section.experience .wrapper article .button{display:block; margin-top:24px;}

section.contact{padding:48px 0; background:rgba(209,242,254,1);}
section.contact .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px; }
section.contact .wrapper .grid{display:grid; grid-template-columns:1fr 2fr; gap:24px;}

section.competencies .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px;}
section.competencies .wrapper .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.competencies .wrapper .grid article ul{margin:unset;padding-left:26px;}
section.competencies .wrapper .grid article ul li{list-style:none; line-height:32px;}
section.competencies .wrapper .grid article ul li::before{content:'\2714'; margin-right:8px; color:rgba(85, 108, 178, 1); margin-left:-22px;}

section.process .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px;}
section.process .wrapper article ul{margin:unset; }
section.process .wrapper article ul li{line-height:32px;}
section.process .wrapper article ul li:before{content:'\2022'; font-size:3.0rem; color:rgba(85, 108, 178, 1);}
section.process .wrapper article .author:before{content:'-'; margin-right:4px;}
section.process .wrapper article p q,
section.process .wrapper article .author{text-align:center;}

section.story{padding: 48px 0; margin:unset !important;}
section.story .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px;}
section.story .wrapper .item-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.story:nth-of-type(even){background:rgba(209,242,254,1);}
section.story:nth-of-type(even) .wrapper .item-grid .image{grid-area:1/2/1/2;}
section.story .wrapper .item-grid .image{width: 100%; height:350px; margin: 0 auto auto auto;}
section.story .wrapper .item-grid .image img{width: 100%; height:100%; object-fit:cover;}
section.story .wrapper .item-grid article h2{margin-bottom:unset;}
section.story .wrapper .item-grid article span{display:block; font-weight:700; font-size:2.0rem; margin-bottom:24px;}
section.story .wrapper .item-grid article .button{width: 100%; margin-top:24px;}
        
/*footer*/    
footer{width:100%; padding:35px; box-sizing:border-box; background:#f1f1f1;}
    footer .footer-grid{display:grid; grid-template-columns:1fr 1fr 1fr 320px 100px; grid-gap:35px;}
    footer .footer-grid .logo{width:100%; grid-area:1/1/4/2}
    footer .footer-grid .logo img{height:150px;}
    
    footer .footer-grid ul li strong{display:block; color:#1a6686; margin-bottom:35px;}
    footer .footer-grid ul li:not(:last-child){margin-bottom:10px;}
    footer .footer-grid ul li a{text-decoration:none; color:#1a6686;}
    footer .footer-grid ul li a:hover{text-decoration:underline;}
    footer .footer-grid .nav li a{color:#1a6686;}
       
    footer .footer-grid .socials{}
    footer .footer-grid .socials .round{float:right; width:100%; margin-bottom:15px;}
    footer .footer-grid .socials .round:last-child{margin-bottom:0px;}
    footer .footer-grid .socials .round a:hover{background:#009dd3;}
    footer .footer-grid .socials .round a{width:40px; height:40px; display:flex; float:right; border-radius:100%; background:#1a6686; clip-path:polygon(50% 30%, 65% 0, 100% 0, 100% 100%, 0 100%, 0 0, 35% 0); text-decoration:none;}
    footer .footer-grid .socials .round .top{background:#009dd3; text-decoration:none;}
    footer .footer-grid .socials .round .top:hover{background:#1a6686;}
    footer .footer-grid .socials .round a i{margin:14px auto auto auto; font-size:2.0rem; text-decoration:none; display:block; color:#ffffff;}
    
    footer .footer-grid .references{width:100%; grid-area:2/2/3/6; font-size:1.4rem; float:left; padding-top:15px;}
    footer .footer-grid .references,
    footer .footer-grid .references *{color:#1a6686;}
    footer .footer-grid .copyright{width:100%; grid-area:3/2/4/6; font-size:1.2rem; float:left; padding-top:15px; font-weight:lighter; color:#323232; border-top:1px solid #d7d7d7;}
    footer .footer-grid .copyright br{display:none;}
    footer .footer-grid .copyright a{margin-left:15px; text-decoration:none; color:#323232;}
    footer .footer-grid .copyright a:hover{color:#1a6686;}
    
/*normal*/
@media only screen and (min-width:994px) and (max-width:1260px) 
{ 
    header .header-grid{height:130px;}
    header .header-grid .logo img{height:50px; margin:auto 0px;}
    header .header-grid nav ul li a{font-size:1.6rem;}
    header .slider{height:420px;}
    header .slider .slides .text{width:52vw;}
    
    section{margin-bottom:50px;}

    .facts .stat strong{font-size:2.6rem;}

    .pages .block h2{padding-bottom:15px;}
    .pages .block p{min-height:250px; margin-bottom:35px; font-size:1.4rem;}
    
    .carousel{height:500px;}
    
    .news .news-bulletin h3{height:65px;}
    
    .highlight{height:370px;}
    .highlight .content strong{font-size:3.0rem;}
    .highlight .content span{font-size:2.0rem;}
    
    .blocks .items{padding-top:50px;}

    section.work .wrapper .video iframe{height:450px;}
        
    footer .footer-grid{grid-template-columns:repeat(3,1fr); gap:50px;}
    footer .footer-grid .logo{grid-area:1/1/4/2;}
    footer .footer-grid .logo img{height:125px;}
    footer .footer-grid .certificates .grid{grid-template-columns:repeat(2,1fr);}
    footer .footer-grid .references{grid-area:3/2/3/4;}
    footer .footer-grid .copyright{grid-area:4/1/4/4;}
}

/*medium*/
@media only screen and (max-width:994px) 
{
    body{font-size:1.4rem;}
    h2{font-size:2.0rem;}

    form.form-grid{grid-template-columns:1fr;}

    header .offerte{padding:5px 15px;}
    header .header-grid{grid-gap:15px; height:80px; padding:15px;}
    header .header-grid .logo img{height:45px;} 
    header .header-grid nav ul li:not(:first-of-type){padding-left:20px;}
    header .header-grid nav ul li a{font-size:1.6rem;}
    header .slider{height:325px;}
    header .slider .slides .text{width:77vw;}
    
    section{margin-bottom:35px;}
       
    .facts{padding:15px; box-sizing:border-box;}
    .facts .stat strong{font-size:1.8rem;}
    
    .three{grid-gap:35px;}
    
    .pages .block{padding:15px;}
    .pages .block h2{padding:0px;}
    .pages .block p{min-height:unset; margin-bottom:35px;}
    
    .carousel{height:400px;}
    
    .news{grid-template-columns:1fr 1fr;}
    .news .title{grid-area:1/1/1/3;}
    .news .title .mark{display:none;}
    .news .news-bulletin h3{height:65px;}
    
    .highlight{height:300px;}
    .highlight .content strong{font-size:2.8rem;}
    .highlight .content span{font-size:1.8rem;}
    
    .intro{padding:35px !important;}
    
    .blocks .items{padding-top:35px;}
    .blocks .mark hr{margin:0px 20px 15px auto;}
    .blocks .items .block{grid-gap:35px;}
    .blocks .items .block:not(:last-child){margin-bottom:35px;}

    section.contact .wrapper .grid{display:block;}
    form.form-grid .wide{grid-column-end:unset;}
        
    footer{padding:35px;}
    footer .footer-grid{grid-template-columns:repeat(3,1fr); gap:35px;}
    footer .footer-grid .logo{grid-area:1/1/6/2;}
    footer .footer-grid .logo img{height:100px;}
    footer .footer-grid .certificates{grid-area:2/2/3/4;}
    footer .footer-grid .certificates .grid{grid-template-columns:repeat(5,1fr);}
    footer .footer-grid .certificates .grid a{width:75px;}
    footer .footer-grid .socials{grid-area:3/2/4/4; padding-top:unset;}
    footer .footer-grid .socials .round{width:unset; margin-right:15px; float:left;}
    footer .footer-grid .socials .round a{width:36px; height:36px;}
    footer .footer-grid .socials .round a i{margin:12px auto auto auto; font-size:1.8rem;}
    footer .footer-grid .references{grid-area:4/2/4/5; line-height:2.0;}
    footer .footer-grid .copyright{grid-area:5/1/5/5; line-height:2.0;}
    footer .footer-grid .copyright br:first-of-type{display:block;}
    footer .footer-grid .copyright a:first-of-type{margin-left:0px;}
}

/*small*/
@media only screen and (max-width:784px)
{
    h1{font-size:2.6rem;}
    h3{font-size:1.8rem;}
    .button{padding:3px 15px;}

    form.form-grid div.submit{grid-template-columns:1fr;}
    form.form-grid div.submit .button-right input[type=button], form.form-grid div.submit .button-right input[type=submit]{width:100%;}
    
    header{overflow:visible;}
    header .header-grid{height:80px; grid-template-columns:1fr 1fr; padding:15px; overflow:visible;}
    header .header-grid nav ul{width:100%; height:0px; display:block; position:absolute; top:-700px; left:0; z-index:300; text-align:center; background:#d1f2fe;}
    header .header-grid nav.open ul{height:auto; top:80px; transition:0.7s ease-in-out; padding:0px; z-index:1100; border-bottom:2px solid #1b6686; box-sizing:border-box; background:url(non-html/images/logo-icon-big-light.webp) no-repeat center bottom -50px / 75% #d1f2fe;}  
    header .header-grid nav ul li{padding:10px 0px !important; box-sizing:border-box;}
    header .header-grid nav ul li:not(:last-child){margin-right:unset;}
    header .header-grid nav ul li img{margin:0 auto;}
    header .header-grid nav ul li a,
    header.big .header-grid nav ul li a{color:#1b6686;}
    header .header-grid nav .nav-icon{display:block; text-align:right; font-size:2.2rem; color:#ffffff; text-decoration:none;}
    header .header-grid nav .nav-icon i{color:#1b6686; text-decoration:none;}
    header.big .header-grid nav .nav-icon i{color:#ffffff; text-decoration:none;}
    header .slider{height:200px;}

    header .slider .slides .wrapper{max-width:1260px; margin: 0 auto; padding: 0 24px; position: absolute; top:0; left:50%; transform: translateX(-50%); height:inherit;}
    header .slider .slides .text{position:absolute; top:50%; left:50%; right:unset; transform:translate(-50%, -50%); background:rgba(255,255,255,0.8); padding:34px; width:80vw;}
    header .slider .slides .text .buttons .button{display:block; width:100%;}
    header .slider .slides .text .buttons .button:first-of-type{margin-right:24px;}
    header .slider .slides .text .buttons{display:grid; grid-template-columns:1fr; gap:24px}


    .breadcrumbs{display:none;}

    main{padding:unset;}
    section{margin-bottom:15px;}
    section.padding{padding:0px 15px; box-sizing:border-box;}
    .smaller{width:100%;}
    section.facts .grid{grid-template-columns:repeat(3, 1fr);}
    section.facts .stat strong{font-size:1.6rem;}  
    
    .three{grid-gap:15px; grid-template-columns:1fr;}
    
    .carousel{height:300px;}
    
    .news .title{grid-area:unset;}
    .news .news-bulletin h3{height:unset;}
    
    .highlight{height:225px;}
    .highlight .content strong{font-size:2.6rem;}
    .highlight .content span{font-size:1.6rem; margin-bottom:25px;}
    
    .intro{padding:15px !important;}
    .intro .content{grid-area:unset;}
    
    .blocks .mark{display:none;}
    .blocks .items{grid-area:unset;}
    .blocks .items .block{grid-template-columns:1fr;}
    .blocks .items .block:nth-of-type(odd) .content,
    .blocks .items .block:nth-of-type(odd) .image,
    .blocks .items .block:nth-of-type(even) .content,
    .blocks .items .block:nth-of-type(even) .image{grid-area:unset;}
    
    article.clear{grid-area:1/1/1/4; padding:35px 0px;}
        
    .questions .sales{grid-area:unset;}
    
    .timeline::after{left:31px;}
    .timeline .container{width:100%; padding:10px 25px 10px 70px !important;}
    .timeline .container::before{left:60px; border:medium solid #f8f9f9; border-width:10px 10px 10px 0; border-color:transparent white transparent transparent;}
    .timeline .left::after, 
    .timeline .right::after{left:15px;}
    .timeline .right{left:0%;}

    section.quote .wrapper article p{font-size:2.2rem;}

    section.job-positions .wrapper .grid{grid-template-columns:1fr;}
    section.job-positions .wrapper .grid h2{grid-column-end:unset;}
    section.job-positions .wrapper .grid .card.wide{grid-column-end:unset;}

    section.work .wrapper .video iframe{height:250px;}

    section.experience .background{height:320px;}
    section.experience .wrapper article{width:100%; float:unset; padding:12px;}

    section.competencies .wrapper .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    
    section.story .wrapper .item-grid{display:grid; grid-template-columns:1fr;}
    section.story:nth-of-type(even) .wrapper .item-grid .image{grid-area:unset;}
    section.story .wrapper .item-grid article .button{ display:block; width:100%;}
    
    
    footer{padding:15px;}
    footer .footer-grid{grid-template-columns:repeat(2, auto); column-gap:15px; row-gap:35px;}
    footer .footer-grid .logo{grid-area:1/1/1/3;}
    footer .footer-grid .logo img{margin:0px auto;}
    footer .footer-grid .certificates{grid-area:3/1/3/3;}
    footer .footer-grid .socials{grid-area:4/1/4/3; display:grid; grid-template-columns:repeat(5, 1fr);}
    footer .footer-grid .socials .round{float:unset; width:unset; margin-bottom:unset; margin:auto;}
    footer .footer-grid .socials .round:last-of-type{margin-right:unset; margin:auto;}
    footer .footer-grid .socials .round a{float:unset;}
    footer .footer-grid .references{grid-area:5/1/5/3; line-height:2.0;}    
    footer .footer-grid .copyright{grid-area:6/1/6/3; margin-top:15px; text-align:center;}
    footer .footer-grid .copyright br{display:block;}
}

/*mini*/
@media only screen and (max-width:479px)
{
    h1{font-size:2.2rem;}
    h2{font-size:2.0rem;}
    h3{font-size:1.6rem;}
    
    header .header-grid{height:75px;}
    header .header-grid .logo img{height:40px;}
    header .header-grid nav.open ul{top:75px;}
    header .header-grid nav ul li a{font-size:1.4rem;}
    header .header-grid nav .nav-icon{font-size:2.0rem;}
    
    header .slider{height:150px;}
    header .slider .slides .text{padding:18px;}
    
    section{padding:0px;}     
    .whatsapp h4{display:none;}

    
    section.facts .grid{grid-gap:15px; grid-template-columns:1fr 1fr 1fr;}
    section.facts .stat strong{font-size:1.4rem;}
    section.facts .grid .image{height:24px; margin-bottom:4px;}
    section.facts .grid .stat{font-size:2.0rem;}
    section.facts .grid.four{grid-template-columns:1fr 1fr; gap:12px;}
    section.facts .grid em{font-size:2.0rem;}


    
    dl.faq dd{font-size:1.2rem;}
    
    .highlight .content{padding:0px 35px !important;}
    .highlight .content strong{font-size:2.0rem;}
    .highlight .content span{font-size:1.4rem;}
    
    .blocks .items{padding-top:15px;}
    .blocks .items .block{grid-gap:15px;}
    .blocks .items .block:not(:last-child){margin-bottom:15px;}
    
    section.story .wrapper .item-grid .image{height:200px;}
    section.story .wrapper .item-grid article span{font-size:1.2rem;}
    
    section.quote .wrapper article p strong{font-weight:700; font-size:2.0rem;}
    section.quote .wrapper article p{font-size:1.8rem;}

    section.job-positions .wrapper .grid .card{padding:12px;}


    section.experience .wrapper article{padding-top:24px;}
    
    footer .footer-grid{grid-template-columns:repeat(1, 1fr); row-gap:25px;}
    footer .footer-grid .logo{grid-area:unset;}
    footer .footer-grid .logo img{margin:auto;}
    footer .footer-grid ul{display:grid; grid-template-columns:1fr 1fr;}
    footer .footer-grid ul li:first-of-type{grid-area:1/1/1/3;}
    footer .footer-grid ul li strong{margin-bottom:15px;}
    footer .footer-grid .certificates{grid-area:unset;}
    footer .footer-grid .certificates .grid{grid-template-columns:repeat(3,1fr);}
    footer .footer-grid .socials{grid-area:unset;}
    footer .footer-grid .socials .round{width:unset; margin-bottom:unset;}
    footer .footer-grid .references{grid-area:unset; margin-top:unset; text-align:center;}
    footer .footer-grid .copyright{grid-area:unset; margin-top:unset; text-align:center;}
    footer .footer-grid .copyright br{display:block;}
    footer .footer-grid .copyright a{margin-left:unset; margin-right:15px; padding-top:5px; display:inline-block;}
    footer .footer-grid .copyright a:last-child{margin-right:0px;}
}