@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:'Open Sans', sans-serif; font-size:1.4rem; line-height:1.628571; color:#352d25; 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:'Oswald', sans-serif; height:auto;}
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; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a *{color:#ffffff; text-decoration:none; font-weight:bold;}
a:hover, a:hover *{color:#D9c3ad;}
p a:hover{color:white; text-decoration:underline;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

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

/*forms*/
form.form-grid{display:grid; grid-template-columns:120px auto; gap:16px; width:90%; margin:0px auto;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-bottom:0px; font-size:2.0rem;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div input[type="radio"].red + label,
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid.wide div span{display:inline; height:unset; line-height:unset; color:#af6f45; font-size:unset;}
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; font-family:'Open Sans', sans-serif; font-size:1.4rem; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Roboto', 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 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; font-family:'Open Sans', sans-serif; font-size:1.4rem; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
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 .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Open Sans', sans-serif; font-size:1.4rem; color:#555555; background-color:#eae9e9; 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:'Open Sans', sans-serif; font-size:1.4rem; color:#ffffff; background-color:#7a5450; 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:#444444;}

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

/*header*/
header{height:200px; position:absolute; top:0; z-index:2;}
header .logo-mobile{display:none;}
header nav ul{display:flex; justify-content:center;}
header nav ul li{height:50px; line-height:50px; background:rgba(53,45,37,0.4); font-size:1.6rem; font-weight:700; padding:0 8px; margin: auto 0; border-radius:4px;}
header nav ul li.logo{width:200px; height:200px; background:none; margin:auto 48px; padding:unset;}
header nav ul li.logo a img{width:100%; height:100%; object-fit:cover;}
header.alt .logo{width: 200px; height: 200px; margin:auto;}
header.alt .logo img{width: 100%; height: 100%; object-fit:contain;}
header .menu{display:none;}
header nav ul li a:hover,
header nav ul li a.on{color:#af6f45;}

/*generals*/
.bg-lightbrown{background-color:#a37e61;}
.bg-brown{background-color:#7a5450;}
.bg-darkbrown{background-color:#352d25;}
.bg-creme{background-color:#d9c3ad;}
.bg-lightcreme{background-color:#e7d5bb;}
.bg-darksand{background-color:#b97e4f;}
.bg-sand{background-color:#d2b286;}
.bg-limegreen{background-color:#4fb97e;}
.button.bg-limegreen:hover{background-color:#95d5b1; color:white !important;}
.bg-lightblue{background-color:#4fb9b3;}
.title-white{color:#ffffff;}
.title-lightcreme{color:#e7d5bb;}
.button{display:block; width:fit-content; font-size:1.4rem; font-weight:700; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px; text-decoration:none;}
.button:hover{background:#ffffff; cursor: pointer;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{background:#b97e4f; color:#ffffff;}
.button.outline{background:unset; border:4px solid white;}
.button.bg-darksand:hover{background-color:#352d25;}

/*steps*/
.progress{width:100%; height:88px; padding:24px 0 !important;}
.progress div{padding:unset !important;}
.steps{height:40px; position:relative;}
.steps .bg{width:100%; height:5px; display:block; position:absolute; top:15px; background:#352d25;}
.steps .steps-inner{position:relative; z-index:9;}
.steps .steps-inner .step{width:14%; height:40px; float:left;}
.steps .steps-inner .step.first{width:8%; margin:0px !important;}
.steps .steps-inner .step.last{width:8%; margin:0px !important;}
.steps .steps-inner .step.first .step-inner{float:left;}
.steps .steps-inner .step.last .step-inner{float:right;}
.steps .steps-inner .step .step-inner{width:40px; height:40px; display:block; margin:auto; overflow:hidden; color:#352d25; border-radius:40px; font-weight:bold; border:3px solid #352d25; background:#fff; text-align:center; line-height:32px;}
.steps .steps-inner .step .step-inner i{line-height:32px;}
.steps .steps-inner .step .step-inner.on{color:#ffffff; border-color:#352d25; background:#a37e61;}
.steps .steps-inner .step .step-inner.active{color:#7a5450; border:3px solid #7a5450; background:#d9c3ad;}
.steps.five .steps-inner .step{width:14%;}
.steps.five .steps-inner .step.first{width:8%;}
.steps.five .steps-inner .step.last{width:8%;}

/*coffee-drip*/
.drip{width:104px; height:81px; z-index:1;}
.drip.left{position:absolute; bottom:0; left:24px; transform:translateY(50%);background:url("../images/BAR-Section-KV-B.webp")no-repeat 0 0/100%;}
.drip.right{position:absolute; bottom:0; left:unset; right:24px; transform:translateY(50%);background:url("../images/BAR-Section-KV-B.webp")no-repeat 0 0/100%;}
.drip.brown{background:url("../images/BAR-Section-KV-B.webp")no-repeat 0 0/100%;}
.drip.white{background:url("../images/BAR-Section-KV-W.webp")no-repeat 0 0/100%;}
.drip.creme{background:url("../images/BAR-Section-KV-C.webp")no-repeat 0 0/100%;}

section{overflow:visible;}
/*sections*/
section.slider{padding:unset; position:relative; overflow:visible; z-index:1;}
section.slider .image{height:800px; width:100%;}
section.slider .gradient{width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background:rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);}
section.slider .image img{height:100%; width:100%; object-fit:cover;}
section.slider.small .image{height:500px; width:100%;}
section.slider .title{color:#ffffff; position: absolute; left:17%; top:50%; width:70%; transform:translateY(-50%);text-shadow: 2px 2px 4px #000000; }
section.slider .title .button{display:inline-block; margin: 0 4px; text-shadow:none;}
section.slider .title .button.bg-lightcreme{color:#7a5450 !important;}
section.slider .title .button.bg-darksand{color:white !important;}
section.slider .title h1{margin-bottom:16px;}
section.slider .title h1 span{display:block; font-family:'open sans',sans-serif; font-size:2.0rem; font-weight:normal;}
section.slider .overlay{width:100%; height:330px; position:absolute; bottom:-145px; left:0; background:url('../images/BAR-Overlay-01.webp') no-repeat top center;}

section.intro .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.intro .grid.personal{display:block;}
section.intro .grid.personal .item{display:block; position: relative;}
section.intro .grid.personal .item .signature{font-family:'Sacramento',cursive; font-size:4.5rem; text-align:right; margin-top:64px;}
section.intro .item{display:grid; grid-template-rows:1fr 1fr; row-gap:32px; margin-top:115px; color:#ffffff; margin-bottom:48px;}
section.intro .item article{padding:32px;}
section.intro .item .image{width:470px; height:330px; position:relative; transform:rotate(-5deg); margin:0 auto; overflow:visible;}
section.intro .item:nth-of-type(even) .image{grid-area:1/1/1/1; transform:rotate(5deg);}
section.intro .item .image img{width:100%; height:100%; object-fit:cover; border:8px solid white; }
section.intro .item .image .overlay{width:64px; height:64px; position:absolute; right:-15px; bottom:-15px; transform:rotate(13deg);}
section.intro .item:nth-of-type(odd) .image .overlay{width:64px; height:64px; position:absolute; left:-15px; bottom:-15px; transform:rotate(-13deg);}
section.intro .item .image .overlay img{width:100%; height:100%; object-fit:cover; border:unset;}
section.intro .item.horizontal{grid-template-rows:unset; grid-template-columns:1fr 1fr; grid-column-end:span 2;}
section.intro .item.horizontal .image{grid-area: 1/1/1/1;}
section.intro .item.horizontal article .button{margin: 24px 0;}
section.intro .impression{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:24px; grid-column-end: span 2; margin-bottom:48px;}
section.intro .impression .image{width:250px; height:150px; margin: 0 auto; position:relative;}
section.intro .impression .image:nth-of-type(1){transform:rotate(-3deg);}
section.intro .impression .image:nth-of-type(2n){transform:rotate(2deg);}
section.intro .impression .image:nth-of-type(3n){transform:rotate(3deg);}
section.intro .impression .image:nth-of-type(4n){transform:unset;}
section.intro .impression .image:nth-of-type(5n){transform:rotate(1deg);}
section.intro .impression .image:nth-of-type(6n){transform:rotate(-3deg);}
section.intro .impression .image:nth-of-type(7n){transform:rotate(2deg);}
section.intro .impression .image:nth-of-type(8n){transform:rotate(-2deg);}
section.intro .impression .image img{width:100%; height:100%; object-fit:cover; border: 8px solid white;}
section.intro .impression .image .overlay{width:64px; height:64px; position:absolute; right:-15px; bottom:-15px; transform:rotate(13deg);}
section.intro .impression .image .overlay img{width:100%; height:100%; object-fit:cover; border:unset;}
section.intro.error{padding-top:200px;}
section.intro.error article p .button{margin-top:24px;}
section.intro.error .item.horizontal .image{background:white;}
section.intro.error .item.horizontal .image img{border-color:#a37e61;}

section.modular-content{position:relative;}
section.modular-content .grid{display:grid; grid-template-columns:1fr; row-gap:48px;}
section.modular-content .grid .item{display:grid; grid-template-columns:1fr 1fr; margin: 32px 0;}
section.modular-content .grid .item:nth-of-type(even) .article{grid-column-start:2; grid-row-start:1;}
section.modular-content .grid .item:nth-of-type(even) .image{grid-column-start:1; grid-row-start:1;}

section.customer-logos .logos-wrapper{width:100%; height:auto;}
section.customer-logos .logos-wrapper .logo{margin:0px 8px; max-width:287px; height:100%;}
section.customer-logos .logos-wrapper .logo img{width:100%; max-width:224px; margin:0px auto;}

/*award section*/
section.award .grid{display:grid; grid-template-columns:1fr 96px 1fr; gap:24px;}
section.award .grid .award{width: 96px; height: 96px;}
section.award .grid .award img{width:100%; height:100%; object-fit:contain;}
section.award .grid .text{line-height:96px; text-align:center; font-family:'Oswald',sans-serif; font-size:2.0rem;}
section.award .grid .text{font-family:'Open Sans',sans-serif; font-size:1.4rem;}
section.award .grid .text:first-of-type{text-align:right;}
section.award .grid .text:last-of-type{text-align:left;}

section.modular-content .grid .item article{overflow:visible;}
section.modular-content .grid .item .image{width:100%; height:100%; margin-top:-16px;}
section.modular-content:nth-of-type(even) .grid .item .image{grid-area: 1/1/1/1;}
section.modular-content .grid .item .image img{width:100%; height:100%; object-fit:cover;}
section.modular-content .grid .item article{padding:32px; position:relative; margin-bottom:-16px; margin-top:16px;}
section.modular-content .grid .item article .overlay{width:64px; height: 64px; position:absolute; left:-24px; bottom:-24px;}
section.modular-content:nth-of-type(even) .grid .item article .overlay{width:64px; height: 64px; position:absolute; right:-24px; left:unset; bottom:-24px;}
section.modular-content .grid .item article .overlay img{width:100%; height:100%; object-fit:cover;}
section.modular-content .grid .item article .button{margin:32px 0; margin-right:0; margin-left:auto;}
section.modular-content .grid .item article.bg-creme .button{background:#7a5450;}
section.modular-content .grid .item article.bg-brown .button{background:#b97e4f;}
section.modular-content .grid .item article.bg-sand .button{background:#352d25;}

section.targetaudience{overflow:visible; margin-top:152px;}
section.targetaudience .overlay{width:100%; position:absolute; height:224px; top:-112px; background:url('../images/BAR-Overlay-02.webp')no-repeat top center;}
section.targetaudience .grid{display:grid; grid-template-columns:1fr; grid-gap:48px;}
section.targetaudience h2{color:#ffffff;}
section.targetaudience .grid .target{display:grid; grid-template-columns:350px 1fr 1fr;}
section.targetaudience .grid .target:nth-of-type(even){display:grid; grid-template-columns:1fr 1fr 350px;}
section.targetaudience .grid .target article{grid-column-end:span 2; padding:32px; background:url('../images/BAR-KB-B.svg')no-repeat right bottom / 12%;}
section.targetaudience .grid .target:nth-of-type(even) article{grid-column-end:span 2; padding:32px; background:url('../images/BAR-KB-B.svg')no-repeat left bottom / 12%;}
section.targetaudience .grid .target:last-of-type article h3{color:#ffffff;}
section.targetaudience .grid .target:last-of-type article{grid-column-end:span 2; padding:unset; background:none;}
section.targetaudience .grid .target .image{width:350px; height:350px; margin:-24px 0; transform:rotate(-5deg);}
section.targetaudience .grid .target:nth-of-type(even) .image{grid-area:1/3/1/3; margin:-24px 0; transform:rotate(5deg);}
section.targetaudience .grid .target .image img{width:100%; height:100%; object-fit:cover; border:8px solid white;}
section.targetaudience .grid .target .button{margin: 32px 0;}
section.targetaudience .grid .target .bg-image{width:230px; height:150px; opacity:0.4; margin: 0 auto;}
section.targetaudience .grid .target .bg-image img{width:100%; height:100%; object-fit:cover;}

section.content article a{color:#352d25; text-decoration:underline;}
section.content article a:hover{color:#a37e61;}

section.contact .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.contact .grid article{grid-column-end:span 2;}

section.media{position:relative; padding-top:0;}
section.media .slider{width:100%; height:420px;}
section.media .slider img{width:100%; height:100%; object-fit:cover;}
section.media .item-overlay{position:absolute; top:0; width:100%;}
section.media .item-overlay img{width:100%; height:100%; object-fit:cover;}

section.reference .wrapper{max-width:70%; margin: 0 auto; padding:24px;}
section.reference .wrapper article{color:white; text-align:center;}
section.reference .wrapper article p{}
section.reference .wrapper .rating{display:flex; justify-content:center; margin-bottom:24px;}
section.reference .wrapper .rating div{margin-right:24px;}
section.reference .wrapper .rating span i{color:#7a5450; margin: 0 4px;}
section.reference .wrapper .rating span.active i{color:white;}

section.details{overflow:visible;}
section.details .grid{display:grid; grid-template-columns:1fr 1fr; margin-top:128px; gap:32px;}
section.details .grid .impression{display:flex; grid-column-end:span 2; margin-bottom:48px;}
section.details .grid .impression .image{width:275px; height:175px; margin-right:48px; position:relative;}
section.details .grid .impression .image img{width:100%; height:100%; object-fit:cover; border: 8px solid white;}
section.details .grid .impression .image .overlay{width:64px; height:64px; position:absolute; right:-15px; bottom:-15px; transform:rotate(13deg);}
section.details .grid .impression .image .overlay img{width:100%; height:100%; object-fit:cover; border:unset;}
section.details .grid article{grid-column-end:span 2;}
section.details .grid .contact{background:url('../images/BAR-P-B.svg') no-repeat right bottom/ 30%; margin-top:32px;}
section.details .grid .contact article .button{margin-top:48px; display:inline-block;}
section.details .grid .contact article .button:first-of-type{margin-right:32px;}
section.details .grid .contact article .button i{margin-right:8px;}
section.details .grid .contact address{display:grid; grid-template-columns:1fr; font-style:normal;}
section.details .grid .contact address a{margin-bottom:8px;}
section.details .grid .contact address a,
section.details .grid .contact address a i{color:#352d25;}
section.details .grid .contact address a:hover{color:#7a5450;}
section.details .grid .contact address a i:hover{color:#7a5450;}
section.details .grid .contact address a:hover i{color:#7a5450;}
section.details .grid .contact address i{width:30px; font-size:2.0rem; text-align:center; margin-right:8px;}
section.details .grid .form{padding:32px; margin-bottom:-48px; z-index:1; grid-column-start:1; grid-row-start:1;}
section.details .grid .form.wide{grid-column-end:span 2; margin-bottom:100px;}
section.details .grid .form.wide h2,
section.details .grid .form.wide h3,
section.details .grid .form.wide p{margin-bottom:12px;}
section.details .grid .form.wide select,
section.details .grid .form.wide input{height:48px; line-height:48px;font-size:1.6rem;}
section.details .grid .form.wide textarea{font-size:1.6rem;}
section.details .grid .form.wide h2 div{display:inline;}
section.details .grid .form.wide input[type=radio]{height:unset; line-height:unset;}
section.details .grid .form.wide input[type=submit]{display:block; width:fit-content; font-size:1.4rem; font-weight:700; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px; text-decoration:none; height:unset;}
section.details .grid .form.wide .label{font-size:1.8rem; font-weight:500;}
section.details .grid .form.wide label{font-size:1.8rem; font-weight:500;}
section.details .grid .form.wide p{font-size:1.8rem;}
section.details .grid form .fstep{display:grid; grid-template-columns:320px 1fr; gap:24px;}


section.benefits .grid{display:block; margin-top:115px;}
section.benefits .grid h2{grid-column-end:span 2;}
section.benefits .grid ul{margin:unset; margin-top:12px; list-style-type:none;}
section.benefits .grid ul li{position:relative; margin-bottom:12px; padding-left:25px;}
section.benefits .grid ul li::before{content: "\2713"; position:absolute; left:0; top:0; color:2.4rem; color:#b97e4f; font-weight:600;}

section.sectors .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.sectors .grid .intro{grid-column-end:span 3;}
section.sectors .grid .card{padding:24px; position: relative; border-radius:4px;}
section.sectors .grid .card .image{width: 100%; aspect-ratio:4/3;}
section.sectors .grid .card .image img{width: 100%; height: 100%; object-fit:contain;}

section.faq{background:#a37e61;}
section.faq .grid h2{color:white;}
section.faq .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.faq .grid .cat .title{display:flex; justify-content:flex-start; font-size:1.8rem;}
section.faq .grid .cat .title h3{font-size:1.8rem; margin-bottom:unset;}
section.faq .grid .cat .title i{display:block; margin:auto 0; font-size:1.8rem; margin-right: 24px;}
.cat{padding:24px; background:white; border-radius:4px;}
.cat:hover{cursor:pointer;}
.cat.on .title{ margin-bottom:24px;}
.cat.on .summary{color:#a37e61;}
.cat.on .long-desc{display:block; }
.cat.on .summary,
.cat:hover .summary{color:#a37e61;}
.long-desc .type{margin-bottom:24px;}
.long-desc .type span{display:block; font-weight:600;}
.long-desc .title{font-weight:600;}


/*footer*/
footer{position:relative; overflow:visible; margin-top:152px; padding-top:32px; color:#ffffff;}
footer .overlay{width:100%; position:absolute; top:-152px; height:304px; background:url('../images/BAR-Overlay-03.webp')no-repeat top center;}
footer .grid{display:grid; grid-template-columns:repeat(4,1fr);}
footer .grid .logo{grid-area:1/4/1/4; width:200px; height:200px; margin: 0 0 0 auto; }
footer .grid .logo img{width:100%; height:100%; object-fit:cover; }
footer .grid address{font-style:normal;}
footer a{font-weight:normal;}
footer .grid address a{display:block;}
footer .grid address .sociallinks{margin-top:12px; display:flex;}
footer .grid address .sociallinks a{margin-right:12px;}
footer .grid address .sociallinks a i{font-size:2.5rem;}
footer .grid .copyright{grid-column-end:span 4; display:grid; grid-template-columns: 1fr 1fr; font-size:1.2rem;}
footer .grid .copyright div:last-of-type{grid-area: 1/2/1/2; text-align:right;}
footer .grid .copyright div:not(:last-of-type) a{margin-left:8px;}


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

    form.form-grid{grid-template-columns:1fr; gap:0px; width:100%;}
    form.form-grid .wide{grid-column-end:unset;}
    section.details .grid form .wide{grid-column-end:span 2 !important;}  

    header{overflow:visible; height:200px;}
    header .grid{display:grid; grid-template-columns:1fr 1fr 1fr;}
    header .grid .logo-mobile{display:block; height:200px; width:200px; grid-area:1/2/1/2; margin: 0 auto;}
    header .grid .logo-mobile img{height:100%; width:100%; object-fit:cover;}
    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:right; grid-area:1/3/1/3;}
    header .grid .menu a i{font-size:3.0rem; color:#ffffff; line-height:200px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#a37e61; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li{background:none;}
    header .grid nav ul .logo{display: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:#ffffff; height:48px; line-height:48px; margin:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:200px; 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;}
    

    section.slider .image{height:500px; width:100%;}
    section.slider .title{color:#ffffff; position: absolute; top:50%; left:7%; transform:translateY(-50%);text-shadow: 2px 2px 4px #000000;}
    section.slider .title h1 span{display:block; font-family:'open sans',sans-serif; font-size:1.8rem; font-weight:normal;}
    section.slider .overlay{width:100%; height:238px; position:absolute; bottom:-119px; left:0;}


section.award .grid{display:grid; grid-template-columns:96px 1fr; gap:24px; margin-left:auto; margin-right:auto; width:60%;}
section.award .grid .award{width: 96px; height: 96px; grid-row-end:span 2; grid-row-start:1; grid-column-start:1; margin: auto 0;}
section.award .grid .award img{width:100%; height:100%; object-fit:contain;}
section.award .grid .text{line-height:unset; text-align:center; font-family:'Oswald',sans-serif; font-size:1.8rem;}
section.award .grid .text:first-of-type{text-align:left;}
section.award .grid .text:last-of-type{text-align:left;}


    section.intro .grid{ grid-gap:24px;}
    section.intro .item{grid-template-rows:auto 1fr; row-gap:24px; margin-top:97px; margin-bottom:24px;}
    section.intro .item article{padding:unset;}
    section.intro .item .image{width:400px; height:300px;}
    section.intro .item:nth-of-type(even) .image{grid-area:2/1/2/1;}
    section.intro .impression .image{width:200px; height:100px;}
    
     section.intro .grid{display:grid; grid-template-columns:1fr; grid-gap:0px;}
    section.intro .item:nth-of-type(2){margin-top:unset;}
    section.intro .item.horizontal{grid-template-columns:1fr;}
    section.intro .impression{grid-template-columns:1fr; grid-gap:12px;}
    section.intro .impression .image{width:100%;}
    section.intro .impression .image a{width:200px; height:100px; display:block;}
    section.intro .impression .image:nth-of-type(odd) a{float:left;}
    section.intro .impression .image:nth-of-type(even) a{float:right;}
    section.intro .impression .image img{border:4px solid #ffffff;}

    section.modular-content .grid{row-gap:32px;}
    section.modular-content .grid .item{margin: 24px 0;}
    section.modular-content:nth-of-type(even) .grid .item{display:grid; grid-template-columns:300px 1fr; margin: 24px 0;}
    section.modular-content .grid .item .image{margin-top:-24px;}
    section.modular-content:nth-of-type(even) .grid .item .image{grid-area: 1/1/1/1;}
    section.modular-content .grid .item article{padding:12px; position:relative; margin-bottom:-24px; margin-top:24px;}
    section.modular-content .grid .item article .button{margin:24px 0;}
    section.modular-content .grid .item article .overlay{width:60px; height:60px; left:-24px; bottom:-24px;}
    section.modular-content:nth-of-type(even) .grid .item article .overlay{width:96px; height:96px; right:-24px; bottom:-24px;}

    section.targetaudience{margin-top:120px;}
    section.targetaudience .grid{display:grid; grid-template-columns:1fr; grid-gap:48px;}
    section.targetaudience .grid .target{display:grid; grid-template-columns:250px 1fr; grid-gap:31px;}
    section.targetaudience .grid .target:nth-of-type(even){display:grid; grid-template-columns:1fr 250px; grid-gap:31px;}
    section.targetaudience .grid .target article{grid-column-end:unset; padding:12px;}
    section.targetaudience .grid .target:nth-of-type(even) article{grid-column-end:unset; padding:12px; background-size:8%;}
    section.targetaudience .grid .target .image{width:250px; height:250px; margin:0px;}
    section.targetaudience .grid .target:nth-of-type(even) .image{margin:0; grid-area:1/2/1/2;}
    section.targetaudience .grid .target .button{margin: 24px 0;}
    section.targetaudience .grid .target .bg-image{display:none;}
    section.contact .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}
    section.contact .grid article{grid-column-end:unset;}

    section.media .slider{height:200px;}
    section.media .item-overlay{position:absolute; top:-1px;}

    section.details .grid .impression .image{height:120px;}
    section.details .grid .contact{background-position:right 50%;}

    section.sectors .grid{grid-template-columns:1fr;}
    section.sectors .grid .intro{grid-column-end:unset;}
    
    footer{margin-top:146px;}
    footer .grid{grid-template-columns: 1fr 1fr 1fr;}
    footer .grid .logo{grid-area:1/3/1/3;}
    footer .grid .copyright{grid-column-end: span 3;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
     h1{font-size:2.5rem; margin-bottom:16px;}
    h2{font-size:2.0rem; margin-bottom:16px;}
    h3{font-size:1.8rem; margin-bottom:16px;}
    h4{font-size:1.6rem; margin-bottom:8px;}
    
    header{overflow:visible; height:150px;}
    header .grid{display:grid; grid-template-columns:1fr 1fr 1fr;}
    header .grid .logo-mobile{display:block; height:120px; width:120px; grid-area:1/2/1/2; margin: 0 auto;}
    header.alt .grid .logo{height: 120px; width: 120px; margin:auto;}
    header .grid .menu a i{line-height:150px; text-shadow: 2px 2px 4px #000000;}
    header .grid nav.open{top:150px;}
    
    .progress .steps{display:none;}
    
    section.slider .image{height:500px; width:100%;}
    section.slider .title{color:#ffffff; position: absolute; top:50%; left:4%; transform:translateY(-50%);text-shadow: 2px 2px 4px #000000;}
    section.slider .title h1 span{display:block; font-family:'open sans',sans-serif; font-size:1.8rem; font-weight:normal;}
    section.slider .overlay{width:100%; height:238px; position:absolute; bottom:-119px; left:0;}

    section.intro .grid.personal .item .award{display:grid; grid-template-columns:1fr; position:relative; bottom:unset; left:unset; margin:auto; width:unset;}
    section.intro .grid.personal .item .award span{text-align:center; line-height:unset; margin-left:12px; font-family:'Oswald',sans-serif; font-size:1.6rem;}
    section.intro .grid.personal .item .award img{width:64px; height:64px; margin:auto;}
    

    section.intro .item .image{width:250px; height:150px;}
    section.intro .impression .image{width:200px; height:100px;}
    
    section.intro .grid{display:grid; grid-template-columns:1fr; grid-gap:0px;}
    section.intro .item:nth-of-type(2){margin-top:unset;}
    section.intro .item.horizontal{grid-template-columns:1fr;}
    section.intro .impression{grid-template-columns:1fr; grid-gap:12px; width:65%; margin:0 auto;}
    section.intro .impression .image{width:100%;}
    section.intro .impression .image a{width:200px; height:100px; display:block;}
    section.intro .impression .image:nth-of-type(odd) a{float:left;}
    section.intro .impression .image:nth-of-type(even) a{float:right;}
    section.intro .impression .image img{border:4px solid #ffffff;}

    section.award .grid{gap:12px; margin-left:unset; margin-right:unset; width:100%;}

    section.modular-content .grid{row-gap:32px;}
    section.modular-content .grid .item{grid-template-columns: 1fr; margin: 24px 0;}
    section.modular-content:nth-of-type(even) .grid .item{display:grid; grid-template-columns:1fr; margin:unset;}
    section.modular-content .grid .item .image{margin-top:unset;}
    section.modular-content:nth-of-type(even) .grid .item .image{grid-area: 1/1/1/1;}
    section.modular-content .grid .item article{padding:12px; position:relative; margin-bottom:unset; margin-top:unset;}
    section.modular-content .grid .item article .button{margin:24px 0;}
    section.modular-content .grid .item article .overlay{width:60px; height:60px; left:-24px; bottom:-24px;}
    section.modular-content:nth-of-type(even) .grid .item article .overlay{width:96px; height:96px; right:-24px; bottom:-24px;}

    section.targetaudience{margin-top:120px;}
    section.targetaudience .grid{display:grid; grid-template-columns:1fr; grid-gap:48px;}
    section.targetaudience .grid .target{display:grid; grid-template-columns:1fr; grid-gap:31px;}
    section.targetaudience .grid .target:nth-of-type(even){display:grid; grid-template-columns:1fr; grid-gap:31px;}
    section.targetaudience .grid .target article{grid-column-end:unset; padding:12px; background:unset;}
    section.targetaudience .grid .target:nth-of-type(even) article{grid-column-end:unset; padding:12px; background:unset;}
    section.targetaudience .grid .target:nth-of-type(even) .image{margin:0; grid-area:unset;}
    section.targetaudience .grid .target .button{margin: 24px 0;}
    section.targetaudience .grid .target .bg-image{display:none;}
    section.contact .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}
    section.contact .grid article{grid-column-end:unset;}

    section.media .slider{height:200px;}
    section.media .item-overlay{position:absolute; top:-1px;}

    section.details .grid .impression .image{height:120px;}
    section.details .grid .contact{background-position:right 50%;}
section.details .grid .form .form-grid.wide .fstep .submit.wide .button-left .button{width: 100%;}
section.details .grid .form .form-grid.wide .fstep .submit.wide .button-right .button{width: 100%;}
    
    section.details .grid{grid-template-columns:1fr; margin-top:8px;}
    section.details .grid .impression{grid-column-end:unset; margin-bottom:24px; display:grid; grid-template-columns:1fr;}
    section.details .grid .impression .image{display:none;}
    section.details .grid .impression .image:last-of-type{display:unset; width:80%; margin-right:unset; height:160px;}
    section.details .grid .contact{background-size:20%; background-position:right bottom; margin-bottom:24px;}
    section.details .grid .contact article .button{margin-top:16px;}
    section.details .grid article{grid-column-end:unset;}
    section.details .grid .form{padding:24px;}
    section.details .grid form .step{display:grid; grid-template-columns:1fr; gap:24px;}
    section.details .grid form .wide{grid-column-end:unset !important; grid-template-columns:1fr;}

  

    footer .grid{grid-template-columns:1fr 1fr; grid-gap:32px;}
    footer .grid .logo{grid-area:2/2/2/2; width:150px; height:150px; margin:auto; }
    footer .grid .logo img{width:100%; height:100%; object-fit:cover;}
    footer .grid address a{display:block; margin:8px 0;}
    footer .grid address{grid-column-end:span 2;}
    footer .grid address .sociallinks{margin-top:12px;}
    footer .grid address .sociallinks a{display:inline;}
    footer .grid address .sociallinks a i{font-size:2.0rem;}
    footer .grid .footermenu{grid-area:2/1/2/1;}
    footer .grid .footermenu ul li{margin:8px 0;}
    footer .grid .copyright{grid-column-end:span 2; display:block;}
    footer .grid .copyright div:last-of-type{text-align:left;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    section.slider .title .button{min-width:110px;}
    section.slider .title .button:last-of-type{margin-top:12px;}

    section.award{padding:24px 0;}
    section.award .grid{grid-template-columns:1fr; gap:12px;}
    section.award .grid .award{grid-row-end:unset; grid-row-start:1; grid-column-start:unset; margin:auto;}
    section.award .grid .text{text-align:center !important; font-size:1.6rem;}

    section.customer-logos .logos-wrapper .logo{max-width:120px;}
    
}