@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; 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:'IBM Plex Sans', sans-serif; font-size:1.8rem; line-height:23px; color:#444444; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:section;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'IBM Plex Sans', sans-serif; height:auto; font-weight:700;  margin-bottom:12px; line-height:1.6;}
h1{font-size:3.2rem; font-weight:900;}
h2{font-size:2.8rem;}
h3{font-size:2.4rem;}
h4{font-size:2.0rem;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#1d71b8; text-decoration:none;}
a:hover, a:hover {color:#496778;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
section:nth-of-type(2){padding-top:unset;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

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

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

/*generals*/
.button{display:block; width:fit-content; font-size:1.8rem; font-weight:700; color:#ffffff; padding:8px 16px; text-align:center; border-radius:2px;}
.button i{font-size:1.2rem; margin-right:12px;}
.button:hover{}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.cta{padding:10px 30px; font-size:1.8rem;}
.button.cta:hover{background:#155285; color:#fff695;}
.divider{height:3px; background:#155285; width:8%; margin:12px 0;}
.divider{height:3px; background:#155285; width:8%; margin:12px 0;}
.margin-top{margin-top:24px;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:28px; margin:0 0 24px 0;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li a{font-size:1.4rem; line-height:28px; color:#1D71B8;}
.breadcrumbs a span{color:#1d71B8 !important;}

/*colors*/
.txt-grey{color:#b9b9b9;}
.txt-red{color:#b81d24;}
.txt-black{color:#444444;}
.txt-lightgrey{color:#ececec;}
.txt-white{color:#ffffff;}
.txt-lightyellow{color:#fff695;}
.txt-blue{color:#155285;}
.txt-yellow{color:#ffed33;}
.txt-lightblue{color:#1d71b8;}
.bg-grey{background-color:#b9b9b9;}
.bg-red{background-color:#b81d24;}
.bg-black{background-color:#444444;}
.bg-lightgrey{background-color:#ececec;}
.bg-white{background-color:#ffffff;}
.bg-lightyellow{background-color:#fff695;}
.bg-blue{background-color:#155285;}
.ol-blue{border:2px solid #155285;}
.bg-yellow{background-color:#ffed33;}
.bg-lightblue{background-color:#1d71b8;}
.bg-blue-gradient{background: rgb(29,113,184); background: linear-gradient(90deg, rgba(21,82,133,1) 0%, rgba(29,113,184,1) 100%);}
.bg-yellow-gradient{background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 83%, rgba(255,237,51,1) 100%);}

/*forms*/
form.form-grid{display:grid; grid-template-columns:150px auto; gap:16px;}
form.form-grid.order{gap:0px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:8px;}
form.form-grid h3{margin-top:16px; margin-bottom:8px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid.order div{padding:0px;}
form.form-grid.order div.padding{padding:16px;}
form.form-grid div.hide{display:none;}
form.form-grid.order div,
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div:not(.input-wrapper-submit) span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" ],
form.form-grid div input[type="time" ],
form.form-grid div input[type="date" ]{color:#2a2620;}
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="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #707070; color:#2a2620; background:#ffffff; font-family:'IBM Plex Sans', sans-serif;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.6rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #707070; font-family:'IBM Plex Sans', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid .uploader{width:100%; height:60px; display:block; line-height:38px; border-radius:8px; text-align:center; margin-bottom:12px; border:1px solid #2a2620;}
form.form-grid .uploader label{color:#555555; font-size:1.4rem;}
form.form-grid .uploader label:hover{cursor:pointer;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
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="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #707070; font-family:'IBM Plex Sans',sans-serif;} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div textarea.red{border:1px solid #e2001a;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .left input[type=button],
form.form-grid div.submit .left input[type=submit]{border:0px; font-family:'IBM Plex Sans ', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.6rem; padding:10px 30px; border-radius:4px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .right input[type=button],
form.form-grid div.submit .right input[type=submit]{border:0px; font-family:'IBM Plex Sans', sans-serif; color:#ffffff; background-color:#b81d24; font-size:1.6rem; padding:10px 30px; border-radius:4px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}



/*header*/
header{height:108px; background:#1D71B8; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.23);}
header a,
header .grid .info div{color:white; font-size:1.6rem; font-weight:700; line-height:108px;}
header .grid .info a,
header nav ul li a{font-size:1.8rem;}
header a:hover{color:#BAD4EA;}
header .grid{display:grid; grid-template-columns:300px auto 234px; gap:24px;}
header .grid .logo{width: 300px; height: 88px; margin:10px 0;}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid .menu{display:none;}
header .grid .info{display:flex; justify-content:flex-start;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li{margin-right:24px;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid .info div i,
header .grid .info a i{margin-right:12px; font-size:1.2rem;}
header .grid .head-button{width: 100%; height:fit-content; margin:auto;}
header .grid .button{ padding:8px 16px; line-height:unset;}
header .grid .button:hover{background:#ffffff; color:#1D71B8;}

/*Sections*/
/*section slider*/
section.slider{padding-top:unset; position: relative;}
section.slider .background{width: 100%; height:600px; position:absolute; top:0; left:0; border-bottom:10px solid #155285;}
section.slider .background img{width: 100%; height:100%; object-fit:cover; opacity:0.3; z-index:-1;}
section.slider .logo{height: 171px; width: 694px; margin:150px auto 118px auto;}
section.slider .logo img{height: 100%; width: 100%; object-fit: contain;}
section.slider .service-menu{margin:0 auto; width:50%; display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);}
section.slider .service-menu .service{display:grid; grid-template-columns:48px auto; gap:12px; font-size:2.2rem; font-weight:700; line-height:45px; color:#1D71B8;}
section.slider .service-menu .service:hover{color:#155285;}
section.slider .service-menu .service img{height:45px; width:48px; object-fit:contain;}
section.slider .service-menu .button{width:100%; grid-column-end:span 2;}
section.slider .service-menu .button:hover{background:#155285; color:#fff695;}
/*Slider-redactional*/
section.slider.redactional .background{height:400px;}
section.slider.redactional article{margin: 150px auto 118px auto; text-align:center; min-height:125px;}
section.slider.redactional .button{margin: 0 auto; margin-top:24px;}

/*section intro*/
section.intro .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.intro .grid h1{grid-column-end:span 2;}
section.intro .grid .usp-list{}
section.intro .grid .usp-list .usp{display:grid; grid-template-columns:48px auto; gap:12px; margin-bottom:24px;}
section.intro .grid .usp-list .usp .counter{font-size:2.8rem; font-weight:700; text-align:center; line-height:48px; height:48px; width:48px; border:2px solid #444444; border-radius:2px; color:#b81d24; margin: auto 0;}
section.intro .grid .usp-list .usp .counter:after{counter-increment:section; content:counter(section);}
section.intro .grid .usp-list .usp{color:#444444;}
section.intro .grid .usp-list .usp .title{display:block; color:#155285; font-size:2.4rem; font-weight:700;}
section.intro .grid .image{width: 100%; height:268px;}
section.intro .grid .image img{width: 100%; height:100%; object-fit:cover;}
section.intro.wide .grid article{grid-column-end:span 2;}
section.intro.wide .grid .image{display:none;}

/*section content*/
section.content .grid{display:grid; grid-template-columns: 1fr 1fr; gap:24px;}
section.content .grid .image{width: 100%; height:281px;}
section.content:nth-of-type(even) .image{grid-area:1/1/1/1;}
section.content:nth-of-type(odd) .image{grid-area:1/2/1/2;}
section.content .grid .image img{width:100%; height:100%; object-fit:cover;}
section.content.wide .grid article{grid-column-end:span 2;}
section.content.wide .grid .image{display:none;}


/*section service-detail*/
section.service-detail .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; row-gap:0;}
section.service-detail .grid .divider,
section.service-detail .grid h2{grid-column-end:span 2;}
section.service-detail .service{background:#E5EDF4; padding:24px; border-top-right-radius:4px; border-left:12px solid #ffed33; text-align:center; position:relative; margin-bottom:48px;}

section.service-detail .service.wide{grid-column-end:span 2;}
section.service-detail .service .title{font-size:2.4rem; margin-bottom:12px; color:#1D71B8; font-weight:700;}
section.service-detail .service article{margin-bottom:32px;}
section.service-detail .service .button{position:absolute; bottom:0; right:0; transform:translateY(50%);}
section.service-detail .service .button:hover{background:#1D71B8; color:#ffed33;}
section.service-detail .service .image{aspect-ratio:291/155; width:100%; margin: auto; margin-bottom:24px;}
section.service-detail .service .image img{width: 100%; height: 100%; object-fit:cover;}

/*section about*/
section.about .watermark{width: 772px; height:446px; position:absolute; top:0; right:-270px; opacity:0.15;}
section.about .watermark img{width: 100%; height: 100%; object-fit:contain;}
section.about .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.about .grid .image{width:100%; height:310px;}
section.about .grid .image img{width:100%; height:100%; object-fit:cover; border-radius:4px;}
section.about .grid article h2{margin-bottom:unset;}
section.about .grid article .button{margin-top:24px;}
section.about .grid article .button:hover{color:#fff695; background:#1D71B8;}

/*section usp*/
section.usp .usp-list{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.usp .usp-list .usp{text-align:center;}
section.usp .usp-list .usp .counter{display:block; font-size:2.8rem; font-weight:700; text-align:center; line-height:48px; height:48px; width:48px; border:2px solid #444444; border-radius:2px; color:#b81d24; margin: auto; margin-bottom:24px;}
section.usp .usp-list .usp .counter:after{counter-increment:section; content:counter(section);}
section.usp .usp-list .usp .title{display:block; color:#155285; font-size:2.4rem; font-weight:700; margin-bottom:24px;}

/*section gallery*/
section.gallery .grid{display:grid; grid-template-columns:repeat(5, 1fr); position: relative;}
section.gallery .grid h2{grid-column-end:span 5; text-align:center; margin-bottom:24px;}
section.gallery .grid .image{width: 100%; height:100%;}
section.gallery .grid .image img{width: 100%; height: 100%; object-fit:cover;}
section.gallery .grid .image.big{grid-column-end:span 2; grid-row-end:span 2; height:100%;}
section.gallery .grid .button{position:absolute; right:24px; bottom:0;}
section.gallery .grid .button:hover{color:#fccc00; background:#1D71B8;}

/*section brochure*/
section.brochure:nth-of-type(even){background: rgb(29,113,184); background: linear-gradient(90deg, rgba(21,82,133,1) 0%, rgba(29,113,184,1) 100%);}
section.brochure:nth-of-type(odd){background: rgb(29,113,184); background: linear-gradient(90deg, rgba(29,113,184,1) 0%, rgba(21,82,133,1) 100%);}
section.brochure .grid article *{color:white;}
section.brochure .grid article .divider{background:white;}
section.brochure .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.brochure .grid article .form-grid{grid-template-columns:1fr; margin-top:24px;}
section.brochure .grid article .form-grid .wide{grid-column-end:unset;}
section.brochure .grid article .form-grid .label{color:#1D71B8;}
section.brochure .grid article form.form-grid div.submit .right input[type=button],
section.brochure .grid article form.form-grid div.submit .right input[type=submit]{border:0px; font-family:'IBM Plex Sans', sans-serif; color:white; background-color:#155285; font-size:1.6rem; padding:10px 30px; border-radius:4px; text-decoration:none; float:right; cursor:pointer;}
section.brochure .grid article form.form-grid div.submit  i,
section.brochure .grid article form.form-grid div.submit  i{line-height:40px;}
section.brochure .grid .image{width: 100%; height:281px; border-right:12px solid #ffed33; border-top-left-radius:4px; border-bottom-left-radius:4px; overflow:hidden;}
section.brochure .grid .image img{width: 100%; height:100%; object-fit:cover;}
section.brochure:nth-of-type(even) .image{grid-area:1/1/1/2;}
section.brochure:nth-of-type(even) .image{border-left:12px solid #ffed33; border-top-right-radius:4px; border-bottom-right-radius:4px; border-right:unset; border-top-left-radius:unset; border-bottom-left-radius:unset;}

/*section references*/
section.references .grid{display:grid; grid-template-columns:auto 303px; gap:24px;}
section.references .grid h2{grid-column-end:span 2;}
section.references .grid .review{background:white; padding:24px; display:grid; grid-template-columns:auto 245px; gap:24px;}
section.references .grid .review article .title{font-size:2.0rem; font-weight:700; color:#155285; margin-bottom:8px;}
section.references .grid .review .image{width: 100%; height:165px;}
section.references .grid .review .image img{width: 100%; height:100%; object-fit:cover;}
section.references .grid .review .button{margin-top:24px;}
section.references .grid .review .button:hover{color:#fff695; background:#155285;}
section.references .grid .read-more article{background:white; position: relative; border-right:6px solid #ffed33; padding:24px; margin-left:24px; margin-right:-24px; margin-top:-32px; z-index:1000;}
section.references .grid .read-more article .button{margin-top:24px;}
section.references .grid .read-more article .button:hover{border: 2px solid #1D71B8; color:#fccc00;}
section.references .grid .read-more .image{width:100%; height:171px;}
section.references .grid .read-more .image img{width:100%; height:100%; object-fit:cover;}
section.references .grid .read-more,
section.references .grid .facts{grid-column-start:2; grid-row-end:span 2; grid-row-start:2;}
section.references .grid .facts{font-size:2.0rem; font-weight:bold; color:white; border-right:6px solid #ffed33; margin-right:-12px;}
section.references .grid .facts h2{color:white;}
section.references .grid .facts .title{margin:37px 0; display:block; color:white; }
section.references .grid .facts .fact{display:grid; grid-template-columns:48px auto; gap:8px; margin-bottom:24px;}
section.references .grid .facts .fact img{height:45px; width:48px; object-fit:contain;}
section.references .grid .facts .fact .stat span{font-size:2.2rem; display:block; color:#ffed33; font-weight:700;}

/*section contact*/
section.contact .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}

/*section keurmerken*/
section.logo .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr;}
section.logo .grid .image{width: 100%; height:70px;}
section.logo .grid .image img{width: 100%; height:100%; object-fit:contain;}

/*section suppliers*/
section.suppliers .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.suppliers .grid .supplier-list{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.suppliers .grid .supplier-list .supplier{color:#155285; border:2px solid #155285; border-radius:2px; padding: 10px 30px; font-weight:700;}

/*section contact-info*/
section.contact-info .grid{display:grid; grid-template-columns:1fr 1fr;}
section.contact-info .grid article p{margin-bottom:24px !important;}
section.contact-info .grid article address a{display:block;}
section.contact-info .grid article .contact-info{display:grid; grid-template-columns:16px auto; grid-gap:8px; margin-bottom:12px; color:#1D71B8; font-style:normal;}
section.contact-info .grid article .contact-info i{font-size:1.8rem; margin:auto;}
section.contact-info .grid .maps{width: 100%; height:373px;}
section.contact-info .grid .maps iframe{width: 100%; height:100%;}

/*section contact-form*/
section.contact-form .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.contact-form .grid article h2,
section.contact-form .grid article p{color:white;}
section.contact-form .grid article .divider{background:white;}
section.contact-form .grid form{padding:24px;}
section.contact-form .grid form.form-grid div{color:#1D71B8;}
section.contact-form .grid form.form-grid div.label{color:#1D71B8;}

/*section faq*/
section.faq{background:#1D71B8;}
section.faq .grid{display:flex; flex-direction: column; gap:10px;}
section.faq .grid h2{grid-column-end:span 3; color:white;}
section.faq .answer{display:none;}
section.faq .question.active .answer{display:block;}
section.faq .question{background:white; padding:24px; color:#1D71B8;}
section.faq .question .title{font-weight:600; font-size:2.0rem;}
section.faq .question .answer{color:black; margin-top:24px;}
section.faq .title{cursor:pointer;}

/*section gallery*/
section.slideshow h2{margin-bottom:24px;}
section.slideshow .slider{margin: 0 10px;}
section.slideshow .slider img{width: 100%; height:100%; object-fit:contain;}

/*Footer*/
footer{padding-top: 32px; font-size:1.4rem;}
footer .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:24px;}
footer .grid h4{color:#155285;}
footer .grid .title{color:#155285; font-size:2.0rem; font-weight:700;}
footer address{font-style:normal;}
footer address .contact-info:hover,
footer a:hover{color:#b81d24;}
footer .socials i{font-size:2.4rem;}
footer .socials a{margin-right:12px;}
footer .socials a:last-of-type{margin-right:unset;}
footer .socials .logo{height: 70px; width:284px; margin: auto 0 0 auto; margin-top:24px;}
footer .socials .logo img{height: 100%; width:100%; object-fit:contain;}
footer address .contact-info{display:grid; grid-template-columns:16px auto; grid-gap:8px; color:#1D71B8; font-style:normal; margin: 8px 0;}
footer address .contact-info i{font-size:1.2rem; margin:auto;}
footer .footer-bar{height:32px; width: 100%; background:#BAD4EA; border-top:3px solid #155285; margin-top:24px;}
footer .copyright{display:grid; grid-template-columns:2fr 1fr; gap:12px; line-height:32px; font-size:1.2rem; color:#223c51;}
footer .copyright a{color:#223c51;}
footer .copyright div{display:flex;}
footer .copyright a{margin-left:12px;}
footer .copyright a:hover{color:#b81d24;}
footer .copyright div:nth-of-type(2){text-align:right; display:block;}


/*mobile s: 1220*/
@media only screen and (max-width:1220px)
{
    header .grid .logo{height:70px;}
    header .grid{gap:16px;}
    header .grid nav ul li{margin-right:8px;}
    
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    header{height:102px; background:#1D71B8; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.23); overflow:visible;}
    header nav ul li a{font-size:1.8rem;}
    header a{font-size:unset; line-height:unset;}
    header .grid{display:grid; grid-template-columns:auto  24px 181px; gap:24px;}
    header .grid .logo{margin: 16px 0;}
    header .grid .info{display:none;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -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:left;}
    header .grid .menu a i{font-size:3.0rem; color:#ffffff; line-height:102px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#1D71B8; 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 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:102px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header .grid .button{line-height:102px; padding:0 16px; margin: 0 0 0 auto;}

    section.slider .background{width: 100%; height:350px; position:absolute; top:0; left:0; border-bottom:10px solid #155285;}
    section.slider .logo{height: 140px; width: 694px; margin:70px auto 68px auto;}
    section.slider .service-menu{margin:0 auto; width:80%; display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);}
    section.slider .service-menu .service{display:grid; grid-template-columns:48px auto; gap:12px; font-size:2.0rem; font-weight:700; line-height:45px; color:#1D71B8;}
    section.slider .service-menu .service:hover{color:#155285;}
    section.slider.redactional .background{height:300px;}
    section.slider.redactional article{margin: 64px auto 80px auto;}


    section.intro .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    section.intro .grid h1{grid-column-end:unset;}
    section.intro .grid .usp-list{margin-top:unset; width:fit-content; margin:0 auto;}
    section.intro .grid .usp-list .usp{display:grid; grid-template-columns:48px auto; gap:12px;}
    section.intro .grid .usp-list .usp .counter{font-size:2.6rem; font-weight:700; text-align:center; line-height:48px; height:48px; width:48px; border:2px solid #444444; border-radius:2px; color:#b81d24; margin: auto 0;}
    section.intro .grid .usp-list .usp .title{font-size:2.2rem;}
    section.intro .grid .image{height:353px;}

    section.content .grid{grid-template-columns:1fr; gap:24px;}
    section.content:nth-of-type(even) .image{grid-area:unset;}
    section.content:nth-of-type(odd) .image{grid-area:unset;}
    section.content .grid .image img{object-fit:contain;}

    section.suppliers .grid{display:grid; grid-template-columns:1fr; gap:24px;}

    section.service-detail .grid{display:grid; grid-template-columns:1fr; gap:24px; row-gap:0;}
    section.service-detail .grid .divider,
    section.service-detail .grid h2{grid-column-end:unset;}
    section.service-detail .service{padding:12px; border-left:8px solid #ffed33; text-align:left; margin-bottom:40px;}
    section.service-detail .service.wide{border-left:unset; grid-column-end:unset;}
    section.service-detail .service .title{font-size:2.4rem;}
    section.service-detail .service article{margin-bottom:24px;}
    section.service-detail .service.wide .button{position: relative; bottom:unset; right:unset; transform:unset; border: 2px solid #155285; background:unset; color:#155285; border-radius:2px}

    section.about .watermark{width: 772px; height:446px; position:absolute; top:unset; bottom:0; right:-270px; opacity:0.15;}
    section.about .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    section.about .grid article h2{margin-bottom:unset;}
    
    section.usp .usp-list{grid-template-columns:1fr;}

    section.references .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    section.references .grid h2{grid-column-end:unset}
    section.references .grid .review{background:white; padding:24px; display:grid; grid-template-columns:auto 245px; gap:24px;}
    section.references .grid .review-box:nth-of-type(2){display:none;}
    section.references .grid .review article .title{font-size:2.0rem;}
    section.references .grid .read-more{grid-column-start:unset; grid-row-end:unset; grid-row-start:unset;}
    section.references .grid .facts{grid-column-start:unset; grid-row-end:unset; grid-row-start:unset; font-size:2.0rem; font-weight:bold; color:white; border-right:6px solid #ffed33; margin-right:-12px; display:grid; grid-template-columns:1fr 1fr;}
    section.references .grid .facts h2{color:white; grid-column-end:span 2;}
    section.references .grid .facts .title{margin:37px 0; display:block; color:white; grid-column-end:span 2;}

    section.contact .grid{grid-template-columns:1fr;}

    section.contact-info .grid{display:grid; grid-template-columns:1fr;}

    section.contact-info .grid .maps{width: 100%; height:210px;}

    section.contact-form .grid{display:grid; grid-template-columns:1fr; gap:24px;}

    section.brochure .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    section.brochure .grid .image{width: 100%; height:381px;}

    footer{padding-top: 32px; font-size:1.4rem;}
    footer .grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    footer .socials i{font-size:4.8rem;}
    footer .socials .logo{height: 70px; width:284px; margin:auto; margin-left:0; margin-top:24px;}
    footer .socials .logo img{height: 100%; width:100%; object-fit:contain;}
    footer address .contact-info{display:grid; grid-template-columns:16px auto; grid-gap:8px; color:#1D71B8; font-style:normal;}
    footer address .contact-info i{font-size:1.2rem; margin:auto;}
    footer .footer-bar{height:32px; width: 100%; background:#BAD4EA; border-top:3px solid #155285; margin-top:24px;}
    footer .copyright{gap:12px; line-height:32px; font-size:1.2rem; color:#155285;}
    footer .copyright div{display:flex;}
    footer .copyright a{margin-left:12px;}
    footer .copyright a:hover{color:#b81d24;}
    footer .copyright div:nth-of-type(2){text-align:right; display:block;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .button.cta{font-size:1.6rem; padding: 8px 16px;}
    section{padding:24px 0;}
    .breadcrumbs{display:none;}

    h1{font-size:2.8rem; font-weight:900;}
    h2{font-size:2.4rem;}
    h3{font-size:2.0rem;}
    h4{font-size:1.8rem;}
    body{font-size:1.6rem;}
    .container{padding: 0 12px;}

    header .grid{grid-template-columns:250px auto;}
    header .button{display:none;}
    header .grid .logo{width:250px;}
    header .grid .menu{text-align:right;}

    form.form-grid div{padding:unset;}
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset; padding-bottom:2px;}
    form.form-grid .submit-button{grid-template-columns:1fr; grid-column-end:unset;}
    form.form-grid div.row.label{font-weight:500;}
    form.form-grid div.submit{display:grid; grid-template-columns:1fr;}
    form.form-grid div.submit .left,
    form.form-grid div.submit .right{width:100%;}
    form.form-grid div.submit .right input[type="submit"],
    form.form-grid div.submit .right input[type="button"],
    form.form-grid div.submit .left input[type="button"],
    form.form-grid div.submit .left input[type="submit"]{width: 100%;}

    section.slider .background{height:150px;}
    section.slider .logo{width: 100%; height:84px; margin-top:24px; margin-bottom:10px;}
    section.slider .service-menu{width:100%; padding:12px; grid-template-columns:1fr; gap:12px;}
    section.slider .service-menu .service{grid-template-columns:24px auto; line-height:24px; font-size:1.6rem;}
    section.slider .service-menu .service img{width:24px; height:21px;}

    section.intro .grid .usp-list .usp .title{font-size:1.8rem;}

    section.service-detail .service .title{font-size:2.0rem;}
    section.service-detail .service .image{width: 100%;}

    section.about .grid .image{height:147px;}
    
    section.references .grid .review{grid-template-columns:1fr;}
    section.references .grid .review .image{display:none;}
    section.references .grid .facts{grid-template-columns:1fr;}
    section.references .grid .facts h2{grid-column-end:unset;}
    section.references .grid .facts .title{grid-column-end:unset;}

    section.gallery .grid{display:grid; grid-template-columns:repeat(2, 1fr); position: relative;}
    section.gallery .grid h2{grid-column-end:span 2; text-align:center; margin-bottom:24px;}
    section.gallery .grid .image{width: 100%; height:100%;}
    section.gallery .grid .image:nth-of-type(6),
    section.gallery .grid .image:nth-of-type(7){display:none;}


    section.brochure .grid .image{width: 100%; height:153px;}

    section.suppliers .grid .supplier-list{display:grid; grid-template-columns:1fr; gap:12px;}
    section.suppliers .grid .supplier-list .supplier{padding:8px 16px; font-size:1.6rem;}


    footer .grid{grid-template-columns:1fr;}
   footer .grid .footer-menu{display:none;}
   footer .socials .logo{width:100%;}
   footer .grid .title{font-size:1.8rem;}
   footer .footer-bar{height:fit-content;}
   footer .copyright{grid-template-columns:1fr; line-height:unset; gap:unset;}
   footer .copyright div{display:block; text-align:center !important;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    section.intro .grid .usp-list .usp .counter{margin:0 0 auto 0;} 
    
}