@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%; background:#f7f7f7; font-family:'Raleway', sans-serif; font-size:1.4rem; font-weight:400;  line-height:1.628571; color:#3b3b38; 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:'Raleway', sans-serif; height:auto; font-weight:500; color:#3b3b38;}
h1{font-size:5.0rem; margin-bottom:32px; font-weight:700; line-height:1em;}
h1.smaller{font-size:2.8rem;}
h2{font-size:2.8rem; margin-bottom:24px; line-height:1em;}
h3{font-size:2.0rem; margin-bottom:16px; line-height:1em;}
h4{font-size:1.6rem; margin-bottom:16px; line-height:1em;}
h5{font-size:1.4rem; margin-bottom:8px; line-height:1em;}
h1.txt-left{text-align:left !important;}
p{margin:0px 0px 24px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#444444; text-decoration:none;}
a:hover, a:hover {color:#3b3b38;}
article a{color:#bf9c6b; text-decoration:underline;}
article a:hover{color:#ddcaaf;}
small{font-size:1.2rem;}
section{padding: 48px 0;}
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:1776px; margin:0px auto; padding: 0 64px; position:relative;}

/*generals*/
.hide,
.collapse,
.button{display:block; width:fit-content; font-size:1.4rem; font-weight:700; color:#ffffff; padding:16px 20px; text-transform: uppercase; text-align:center; font-weight:700; min-width:200px;;}

.collapse:hover,
.button:hover{cursor:pointer; background:#3b3b38; color:white;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.outline{background:unset; border:4px solid white;}
.grow {transition: all .2s ease-in-out;}    
.grow:hover { transform: scale(1.1);}
.wrapper{padding:64px 88px 66px 88px;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:18px; margin:0 0 18px 0;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li a{font-size:1.4rem; line-height:18px; color:#3b3b38;}
.breadcrumbs a span{color:#3b3b38 !important; margin: 0 4px;}

/*colors*/
.bg-gold{background:#bf9c6b;}
.bg-white{background:#ffffff;}
.bg-lightgrey{background:#f7f7f7;}
.bg-darkgrey{background:#3b3b38;}

.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%;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:1fr; gap:0px;}
form.form-grid div{padding:2px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid div.label{color:#2a2620; font-weight:600;}
form.form-grid div.row{padding-bottom:16px;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div.row .uploader{background:#ffffff; height:72px; border:1px solid #eae9e9; padding:16px; text-align:center; line-height:40px; cursor:pointer;}
form.form-grid div.row .uploader:hover{border:1px solid #2a2620;}
form.form-grid div.row .file-list{padding:8px;}
form.form-grid div input[type="file"]{width:100%;}
form.form-grid div input[type="file"]::file-selector-button{font-size:1.4rem; font-weight:700; color:#ffffff; padding:8px 8px; border:unset;  text-align:center; font-weight:700; background:#bf9c6b; margin:0 16px;}
form.form-grid div input[type="file"]::File-selector-button:hover{background:#3b3b38; cursor:pointer;}
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="email"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:48px; line-height:48px; padding:16px; border-radius:0px; border:1px solid white; background:#ffffff; font-family:'Raleway', sans-serif; color:#3b3b38;}
form.form-grid div select{width:100%; height:unset; line-height:unset; font-size:1.6rem; padding:8px 16px; border-radius:8px; background:#ffffff; border:1px solid #eae9e9; font-family:'Raleway', sans-serif; color:#3b3b38;}
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="email"].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="email"]: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; background:#ffffff; font-family:'Raleway', sans-serif; color:#3b3b38; 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 input[type=button],
form.form-grid div.submit input[type=submit]{border:0px; font-family:'Raleway', sans-serif; color: #ffffff; background-color:#bf9c6b; font-size:1.6rem; padding:16px 20px; text-decoration:none; cursor:pointer;}
form.form-grid div.submit input[type=submit].grey{color:#f1f1f1; background-color:#444444;}
form.form-grid div.submit input[type=submit]:hover{background:#3b3b38;}

/*header*/
header{overflow:visible;}
header .topbar{display:grid; grid-template-columns:auto max-content; height:64px; color:white; font-size:2.0rem; font-weight:700; line-height:64px; position: relative;}
header .topbar .cta{width:auto; height:inherit; padding:0 24px; font-weight:500; font-size:1.8rem;}
header .topbar .cta a{color:white;}
header .topbar .cta:hover{background:white;}
header .topbar .cta:hover a{color:#bf9c6b;}
header .menubar{height:96px; position: relative; background:#f7f7f7;}
header .menubar .grid{display:grid; grid-template-columns:150px auto max-content; gap:24px;}
header .menubar .grid .logo{height: 70px; width: 150px; margin-top:12px;}
header .menubar .grid .logo img{height: 100%; width: 100%; object-fit:contain;}
header .menubar .grid nav ul{display:flex; justify-content:flex-end;}
header .menubar .grid nav ul li{margin-right:18px;}
header .menubar .grid nav ul li:last-of-type{margin-right:unset;}
header .menubar .grid nav ul li.language img{width: 24px; height: 24px; object-fit:contain; margin:36px 0;}
header .menubar .grid nav ul li a{font-size:1.6rem; font-weight:700; color:#3b3b38; line-height:96px;}
header .menubar .grid form{line-height:96px;}
header .menubar .grid form select:hover{cursor: pointer;}
header .menubar .grid form:before{content:'|'; margin: 0 8px; font-size:1.6rem; font-weight:700;}
header .menubar .grid select{border:unset; font-size:1.6rem; font-weight:700;border:none; background-image:none; background-color:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#3b3b38;}
header .menubar .grid .mobilelanguage,
header .menubar .grid .menu{display:none;}
header .menubar .grid .search-icon{width: 32px; height: 32px; text-align:center; margin:auto 0 ;}
header .menubar .grid .search-icon i{font-size:2.4rem; line-height:32px;}
header .menubar .grid .search-icon:hover{cursor:pointer;}
header .searchbar{width: 100%; height:48px; position:absolute; bottom:-48px; left:0; z-index:2000; background:white; visibility:hidden; opacity:0; transition: visibilty 0.3s ease-out, opacity 0.3s ease-out;}
header .searchbar.show{visibility:visible; opacity:1; transition: visibilty 0.3s ease-out, opacity 0.3s ease-out;}
header .searchbar .search-container{line-height:32px; width:50%; margin:auto; padding-top:8px; padding-bottom:8px;}
header .searchbar .search-container input{height:32px; border:unset; font-size:1.4rem; background:#f7f7f7;;  padding:8px 8px; width:90%;}
header .searchbar .search-container button{height:32px; border:none; background:#f7f7f7;; padding:0px 8px; width:10%;}
header.fixed{position:fixed; top:0; z-index:2000; }
header.fixed .topbar{display:none;}
header.fixed .menubar{background:rgba(255,255,255,0.8);}

/*Sections*/
section.slider{padding-top:unset;}
section.slider .slideshow .slide{position: relative;}
section.slider .background-slide{width:100%; aspect-ratio:960/437;}
section.slider .background-slide img{height: 100%; width: 100%; object-fit:cover;}
section.slider .container{position:absolute; bottom:64px; left:0; z-index:1; width:100%;}
section.slider .container article{background:rgba(255,255,255,0.9); padding:24px; width:33%; margin-right:auto;}
section.slider .container article.price{width:fit-content;}
section.slider .container article.price span{display:block; font-size:5.0rem; font-weight:700;}
section.slider .container article .title{font-size:3.5rem; margin-bottom:12px; font-weight:500;}
section.slider .slick-dots{bottom:16px;}
section.slider .slick-dots li button::before{font-size:4.0rem; color:#ffffff;}

/*Gallery*/
section.gallery .gallery-container{width: 100%; height:171px;}
section.gallery .gallery-container .image{aspect-ratio: 13/10; margin:0 24px;}
section.gallery .gallery-container .image img{width: 100%; height: 100%; object-fit:cover;}
section.gallery .slick-prev:before, 
section.gallery .slick-next:before{color:#3b3b38;}
section.gallery .slick-dots li button:before{font-size:26px;;}

/*Intro*/
section.intro .container article{text-align:center;}
section.intro .wrapper{padding:unset; margin: 0 auto; max-width:80%;}
section.intro .container article p{font-weight:700;}
section.half .grid{display:grid; grid-template-columns:2fr 1fr;}

/*Filter*/
section.filter{padding-bottom:24px;}
section.filter .grid{display:grid; grid-template-columns:repeat(6, 1fr); gap:0;}
section.filter .grid h1{grid-column-end:span 6; margin-bottom:64px; text-align:center;}
section.filter .grid .option{Width:100%; border:1px solid #3b3b38; padding:24px; font-size:1.6rem; font-weight:700; background:white;}
section.filter .grid .option:not(:nth-of-type(1)){border-left:unset;}
section.filter .grid .option label{font-weight:700; display:block; margin-bottom:32px}
section.filter .grid .option select{border:none; background-image:none; background-color:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width:100%; font-size:1.6rem; color: #3b3b38;}
section.filter .grid .option select:hover{cursor: pointer;}
section.filter .grid .search{display:grid; grid-template-columns:auto 48px; gap:24px; padding:24px;}
section.filter .grid .search:hover{background:#3b3b38; cursor:pointer;}
section.filter .grid .search:hover span{color:#bf9c6b;}
section.filter .grid .search span{display:block; margin: auto 0; font-weight:700; font-size:2.0rem;}
section.filter .grid .search img{height: 48px; width: 48px; object-fit:contain; margin: auto 0;}

/*Results*/
section.results{padding-top:24px;}
section.results .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:32px;}
section.results .grid h2{grid-column-end:span 4; text-align:center; margin-top:44px;}
section.results .grid .all{grid-column-end:span 4; margin: 0 auto; text-align:center;}
section.results .grid .all .button{display:inline-block; margin:0px 12px;}


.result{width: 100%; position: relative; background:white;}
.result .image{width: 100%; height:250px; display:block;}
.result .image img{width: 100%; height:100%; object-fit:cover;}
.result .image-overlay{background:#bf9c6b; padding:4px 8px; text-transform:uppercase; color:white; position:absolute; top:24px; right:0; font-weight:700;}
.result .result-overview{padding:12px;}
.result .result-overview .result-name{font-size:1.8rem; font-weight:700; margin-bottom:24px;}
.result .result-overview .result-options{display:grid; grid-template-columns:repeat(3, auto); gap:24px;}
.result .result-overview .result-options .result-option .option-title{font-size:1.2rem; margin-bottom:24px; font-weight:700;}
.result .result-overview .result-options .result-option .option-icon{display:grid; grid-template-columns:26px auto; gap:8px; margin-bottom:24px;}
.result .result-overview .result-options .result-option .option-icon img{height:26px; width:26px; object-fit:contain;}
.result .result-overview .result-options .result-option .option-icon span{font-size:1.4rem; font-weight:700;}
.result .result-overview .result-options .result-option.dimensions .option-icon span{grid-column-end:span 2;}
.result .result-overview .option-price{font-weight:700; font-size: 1.2rem}
.result .result-overview .option-price span{display:block; font-size: 2.4rem; color:#bf9c6b;}
.result .result-overview .button{margin-top:24px;}
.result .result-overview .button:hover{background: #3b3b3b; color:white;}
.result .result-icon{width: 32px; height: 32px;  position:absolute; bottom:12px; right:12px;}
.result .result-icon i{font-size:3.2rem;}
.result .result-icon:hover{cursor:pointer;}
.result .result-icon:hover i.fa-regular{color:#bf9c6b;}
.result .result-icon:hover i.fa-solid{color:#bf9c6b;}
.result .result-icon i.fa-regular{color:#555555;}
.result .result-icon i.fa-solid{color:#bf9c6b;}

/*Catalog*/
section.catalog{background:#f7f7f7;}
section.catalog .grid{display:grid; grid-template-columns:300px auto; gap:32px;}
section.catalog .grid .top{grid-column-end:span 2; display:flex; justify-content:flex-end;}
section.catalog .grid .top .search-container,
section.catalog .grid .top .sort-container{ background:white; border:1px solid #3b3b38; padding:8px 10px; min-width:200px;}
section.catalog .grid .top .sort-container{margin-left:12px}
section.catalog .grid .top input,
section.catalog .grid .top select{border:none; background-image:none; outline:none; background-color:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-sizing:border-box; -moz-box-sizing:none; -webkit-box-sizing:border-box;}
section.catalog .grid .top select{width: 100%;}
section.catalog .grid aside .collapse{background:#bf9c6b; width:100%; padding:unset; display:none;}
section.catalog .grid aside .collapse a{color:white; position: relative; display:block; padding:16px 20px;}
section.catalog .grid aside{grid-row-end:span 3; accent-color:#bf9c6b;}
section.catalog .grid aside form fieldset .title{font-weight:600; font-size:1.8rem;}
section.catalog .grid aside form fieldset{padding:24px; background:white; margin-bottom:24px;}
section.catalog .grid aside form fieldset .divider{width: 100%; height:2px; border-bottom:1px solid #3b3b38; margin: 4px 0;}
section.catalog .grid aside form fieldset input[type="text"]{border:unset; background:none; border:1px solid #3b3b38; padding: 8px 10px;}
section.catalog .grid aside form fieldset label{margin-left:12px;}
section.catalog .grid aside form .price{display:grid; grid-template-columns:30px auto; gap:24px;}
section.catalog .grid aside form .price .title{grid-column-end:span 2;}
section.catalog .grid aside form .hide{background:#bf9c6b; width:100%; padding:unset; display:none;}
section.catalog .grid aside form .hide a{color:white; display:block; padding:16px 20px;}
section.catalog .grid .results{display:grid; grid-template-columns:repeat(3, 1fr); gap:32px;}
section.catalog .grid .results .image{height:250px;}
section.catalog .grid .results .no-results{grid-column-end:span 3; background:#ffffff; padding:12px; font-weight:bold;}
section.catalog .grid .pages{grid-area:2/2/2/3; height:40px; margin-top:24px; display:flex; align-items:center; justify-content: center;}
section.catalog .grid .pages span{width:32px; height:40px; display:block; margin:0px 8px; background:#ddcaaf; color:#ffffff; line-height:40px; font-size:1.4rem; font-weight:bold; text-align:center; cursor:pointer;}
section.catalog .grid .pages span.active{background:#bf9c6b;}
section.catalog .grid .pages span:hover{background:#3b3b38;}

/*Facts*/
section.facts{padding-bottom:unset; padding-top:unset;}
section.facts .grid{display:grid; grid-template-columns:1fr 1fr 1fr;}
section.facts .grid.four{grid-template-columns:1fr 1fr 1fr 1fr;}
section.facts .grid .fact{padding:48px 116px; background:white; border:1px solid #3b3b38; text-align:center;}
section.facts .grid.four .fact{padding:48px 48px;}
section.facts .grid .fact:not(:nth-of-type(1)){border-left:unset;}
section.facts .grid .fact .icon{height: 48px; width: 48px; margin: 0 auto; margin-bottom:24px;}
section.facts .grid.four .fact .icon{height: 48px; width: 132px; margin: 0 auto; margin-bottom:24px;}
section.facts .grid .fact .icon img{width: 100%; height: 100%; object-fit:cover;}
section.facts .grid.four .fact .icon img{object-fit:contain;}
section.facts .grid .fact.years .icon span{width: 36px; height: 36px; font-size:3.0rem; color:#bf9c6b;}
section.facts .grid .fact span{font-weight:500; font-size:2.0rem;}
section.facts .grid.four .fact span{font-size:1.4rem; text-transform:uppercase;}

/*Image*/
section.image{padding-top:unset; padding-bottom:unset;}
section.image .background{height: 560px; width: 100%;}
section.image .background img{height: 100%; width: 100%; object-fit:cover;}
section.image.text .container{margin:0 auto; margin-bottom:96px; margin-top:161px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; height:327px; width: 100%;}
section.image.text .container article{background:rgba(255,255,255,0.9); padding:24px; width:33%; margin-right:auto;}
section.image.text.gold .container article{background:#bf9c6b; margin-right:unset; margin-left:auto; color:white;}
section.image.text .container article .button{margin-top:24px;}
section.image.text .container article .title{font-size:3.0rem; margin-bottom:12px; font-weight:500;}

section.content{background:white;}
/*Content switch*/
section.content.switch{background:#f7f7f7; padding-top:unset;}
section.content .grid{display:grid; grid-template-columns:1fr; gap:0;}
section.content .grid .item{display:grid; grid-template-columns:1fr 1fr; margin:48px 0; background:white;}
section.content .grid .item.double{margin:unset;}
section.content.square .grid .item article{padding:96px;}
section.content.square .grid .item article h2{font-weight:600;}
section.content .grid .item article{padding:64px;}
section.content .grid .item:nth-of-type(even) article{grid-area:1/2/1/2;}
section.content .grid .item:nth-of-type(even) .image{grid-area:1/1/1/1;}
section.content .grid .item.double article:last-of-type{background:#3b3b38; color:white; font-size:2.6rem;}
section.content .grid .item.double article:last-of-type a:not(article:last-of-type .button){color:#bf9c6b; text-decoration:underline;}
section.content .grid .item.double article:last-of-type .button:hover{background:#f7f7f7; color:#bf9c6b;}
section.content .grid .item .button{margin-top:24px; color:white; text-decoration:none;}
section.content .grid .item .image{height:100%; width:100%;}
section.content.square .grid .item .image{height: 656px;}
section.content .grid .item .image img{width: 100%; height: 100%; object-fit:cover;}
/*Content Tinyhouse*/
section.content.tiny .grid .item{grid-template-columns:250px auto auto; position: relative; background:unset;}
section.content.tiny .grid .item .image{aspect-ratio:1/1; height:500px; width:unset; position:absolute; left:0; top:50%; transform:translateY(-50%);}
section.content.tiny .grid .item article{grid-column-end:span 2; grid-column-start:2; background:white; padding-left:298px;}
section.content.switch.house.tiny .grid .item:nth-of-type(2) article{grid-column-end:span 2; grid-column-start:1; background:white; padding-right:64px; padding-left:64px;}
section.content.switch.house .grid .item{grid-template-columns:1fr 1fr 1fr;}
section.content.switch.house .grid .item .image{grid-area:1/1/1/1; height:100%; width:100%;}
section.content.switch.house .grid .item:nth-of-type(2) .image{grid-area:1/3/1/3; height:100%; aspect-ratio:1/1;}
section.content.switch.house .grid .item article{grid-column-end:span 2; padding:64px;}

/*Product*/
section.product .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:48px;}
section.product .grid .result{grid-column-end:span 2; padding:32px;}
section.product .grid .result ul{padding: 0; list-style-type:none; margin:unset;}
section.product .grid .result .result-options{width: 30%; margin-left:0; margin-right:auto; margin-top:0 !important;}
section.product .grid .result .result-overview div{margin-top:24px;}
section.product .grid .result .result-overview .title{font-size:3.0rem; font-weight:600;}
section.product .grid .result .result-list ul li{width:50%; float:left;}
section.product .grid .cta-container{background:white; padding:18px;}
section.product .grid .cta .image{aspect-ratio:175/102;}
section.product .grid .cta .image img{width: 100%; height: 100%; object-fit:cover;}
section.product .grid .cta .button{width: 100%;}
section.product .grid .cta .button:last-of-type{margin-top:18px;}

/*Banner*/
section.banner article .wrapper{padding:48px; margin: 0 auto;}
section.banner article{text-align:left;}
section.banner article p{color:white; font-size:2.6rem;}
section.banner article a{color:#bf9c6b; text-decoration:underline;}
section.banner article .button{margin: 0 auto; color:white; margin-top:24px; text-decoration:none;}

/*Offer*/
section.offer .grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
section.offer .grid .kavel .image{width: 100%; height:400px;}
section.offer .grid .kavel .image img{width: 100%; height:100%; object-fit:cover;}
section.offer .grid .kavel article{padding:48px; background:white;}
section.offer .grid .kavel article h2{font-weight:700; margin-bottom:24px;}
section.offer .grid .kavel article a{display:block; font-weight:700; color:#bf9c6b; text-decoration:underline; font-size:2.0rem; margin-bottom:24px;}

/*USP*/
section.usp .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:80px;}
section.usp .grid h2{grid-column-end:span 4; font-size:4.0rem; text-align:center; color:white; font-weight:700;}
section.usp .grid .card .card-image{height: 240px; width: 100%;}
section.usp .grid .card .card-image img{height:100%; width: 100%; object-fit:cover;}
section.usp .grid .card .card-title{background:white; font-size:2.0rem; text-align:center; font-weight:700; height:80px; line-height:80px;}
/*Partner*/
section.partner{background:white;}
section.partner .grid{display:grid; grid-template-columns:repeat(7, 1fr); gap:32px;}
section.partner .grid h2{grid-column-end:span 7; font-weight:500;}
section.partner .grid .brand:last-of-type{grid-column-start:7;}
section.partner .grid span{grid-column-end:span 7; font-weight:300; font-style:italic;}
/*References*/
section.references{background:#f7f7f7;}
section.references .container h2{ text-align:center; text-transform:uppercase; margin-bottom:32px;}
section.references .reference-container .review{margin: 0 24px;}
section.references .reference-container .review .review-author{font-size:2.0rem; font-weight:500; margin-bottom:12px;}
section.references .reference-container .review .review-score{display:flex; justify-content:flex-start; margin-bottom:24px;}
section.references .reference-container .review .review-score i.gold{color:#FBBC2A;}
section.references .reference-container .review .review-score i:not(:last-of-type){margin-right:8px;}
section.references .container .review-summary{text-align:center; margin-top:96px;}
section.references .container .buttons{margin-top:24px;}
section.references .container .buttons .button{margin: 0 auto;}

/*Newsletter*/
section.newsletter{text-align:center;}
section.newsletter article *{color:white;}
section.newsletter article p{margin-bottom:24px !important;}
section.newsletter form input[type=email]{background:unset; border:unset; border-bottom:1px solid white; font-size:1.2rem; color:white; text-align:center; font-weight:500; padding-bottom:12px; margin-bottom:24px;}
section.newsletter form input[type=email]::placeholder{color:white;}
section.newsletter form input[type=submit]{background:white; border:unset; color:#bf9c6b; margin: 0 auto;}
section.newsletter form input[type=submit]:hover{background:#3b3b38; color:white;}
/*Contact*/
section.contact{position:relative; padding:unset; height:525px; display:grid; grid-template-columns:auto 400px;}
section.contact .map{width:100%; height:520px;}
section.contact address{padding:32px; background:white; font-style:normal;}
section.contact address h2{font-size:1.8rem; margin-bottom:8px;}
section.contact address h3{font-size:1.6rem; margin-top:24px; margin-bottom:8px;}
section.contact address a{color:#bf9c6b;}
section.contact address a:hover{color:#3b3b38;}

/*forms general*/
section.forms .grid{display:grid; grid-template-columns:2fr 1fr; gap:64px;}
section.forms address{font-style:normal;}
section.forms address h5{margin-top:24px;}
section.forms address a{color:#bf9c6b;}
section.forms address a:hover{color:#3b3b38;}


/*Footer*/
footer *{color:white;}
footer .container{position: relative;}
footer a:hover i,
footer a:hover{color:#bf9c6b;}

footer .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:112px; grid-template-rows:150px 1fr;}
footer address{font-style:normal; grid-row-end:span 2;}
footer address h5{margin-top:24px;}
footer .social{grid-area:2/4/2/4;}
footer .social  a{margin-right:24px;}
footer .social  a:last-of-type{margin-right:unset;}
footer .social  a i{font-size:2.8rem;}
footer .whatsapp{height:96px; width:96px; position:fixed; right:18px; bottom:18px; background:#25d366; border-radius:50%; text-align:center;}
footer .whatsapp i{color:White; line-height:96px; font-size:6rem;}
footer .whatsapp:hover{cursor:pointer;}
footer .whatsapp:hover{background:#075E54;}
footer .whatsapp:hover i{ color:white;}
footer .grid .copyright{grid-column-end:span 4; display:flex; justify-content:center; z-index:5000; margin:9px 0; font-size:1.2rem;}
footer .grid .copyright div:first-of-type{margin-right:12px;}
footer .grid .copyright a{color:white;}
footer .grid .copyright a:hover,
footer .grid .copyright a:active,
footer .grid .copyright a.on{color:#bf9c6b;}
footer .grid .copyright br{display:none;}

/*Midrange desktop: 1220*/
@media only screen and (max-width:1348px) 
{
    section.catalog .grid .results{display:grid; grid-template-columns:repeat(2, 1fr); gap:32px;}
}

/*Midrange desktop: 1220*/
@media only screen and (max-width:1220px) 
{
    .container{padding:0 48px;}
    h1{font-size:4.0rem;}

    header{overflow:visible;}
    header .topbar{font-size:1.4rem; height:50px; line-height:50px;}
    header .topbar .cta{width:auto; line-height:50px; font-size:1.4rem;}
    header .menubar{height:80px; position: relative;}
    header .menubar .grid{grid-template-columns:134px auto 40px 24px;}
    header .menubar .grid form{line-height:80px;}
    header .menubar .grid .search-container{grid-area:1/2/1/2; line-height:80px}
    header .menubar .grid .logo{grid-row-end:unset; margin: auto 0;}
    header .menubar .grid .support{text-align:right; line-height:100px; font-weight:400; font-size:1.8rem;}
    header .menubar .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 .menubar .grid .mobilelanguage,
    header .menubar .grid .menu{display:unset; display:block; text-align:right;}
    header .menubar .grid .mobilelanguage img{width: 24px; height: 24px; object-fit: cover; margin: 28px 0; float:right;}
    header .menubar .grid .menu a i{font-size:3.0rem; color:#575656; line-height:80px;}    
    header .menubar .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:white; margin-left:unset;}
    header .menubar .grid nav ul li:before{background:none;}
    header .menubar .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 .menubar .grid nav ul li.language{display:none;}
    header .menubar .grid nav ul li form{line-height:48px;}
    header .menubar .grid nav ul li select,
    header .menubar .grid nav ul li:last-of-type:before{color:#3b3b38;}
    header .menubar .grid nav ul li select option{color:#3b3b38;}
    header .menubar .grid nav ul li a{color:#3b3b38; height:48px; line-height:48px; margin:unset; border-right:unset;}
    header .menubar .grid nav ul li a:active,
    header .menubar .grid nav ul li a:hover{color:#bf9c6b;}
    header .menubar .grid nav ul li a.on{color:#bf9c6b;}
    header .menubar .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:80px; 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 .container article{width:50%;}
    section.slider .container article .title{font-size:2.8rem;}

    section.filter .grid .option{padding:12px; font-size:1.6rem;}
    section.filter .grid .option label{margin-bottom:24px;}
    section.filter .grid .option select{font-size:1.4rem;}
    section.filter .grid .search{padding:12px;}
    section.filter .grid .search span{font-size:1.4rem;}
    section.filter .grid .search img{height:32px; width:32px;}

    section.results .grid{grid-template-columns:1fr 1fr;}
    section.results .grid h2{grid-column-end:span 2;}
    section.results .grid .all{grid-column-end:span 2;}

    section.catalog .grid{display:grid; grid-template-columns:250px auto; gap:32px;}
    section.catalog .grid aside{grid-row-end:span 3; accent-color:#bf9c6b;}
    section.catalog .grid aside form .price{display:grid; grid-template-columns:1fr; gap:unset;}
    section.catalog .grid aside form .price .title{grid-column-end:unset;}

    section.catalog .grid .results .no-results{grid-column-end:span 2; }

    section.image.text .container article{width:44%;}

    section.content.square .grid .item .image{height:559px;}
    section.content .grid .item.double article:last-of-type{font-size:2.6rem;}

    section.facts .grid .fact{padding:48px;}
    section.facts .grid.four .fact{padding:32px;}

    section.banner article .wrapper{max-width:80%;}

    section.usp .grid{column-gap:32px;}

    section.offer .grid .kavel .image{height:300px;}

    section.partner .grid{grid-template-columns:repeat(5, 1fr);}
    section.partner .grid h2{grid-column-end:span 5;}
    section.partner .grid .brand:last-of-type{grid-column-start:unset;}
    section.partner .grid span{grid-column-end:span 5;}

}


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

    h1,h2,h3,h4,h5{margin-bottom:12px;}
    section{padding:24px 0;}
    .button{padding:12px 10px;}



    section.slider .container{margin-top:152px; margin-bottom:32px;}
    section.slider .container article{width: 50%;}
    section.slider .container article.price span{font-size:3.0rem;}
    section.slider .container article .title{font-size:2.4rem;}

    section.filter .grid{grid-template-columns:repeat(3,1fr);}
    section.filter .grid h1{grid-column-end:span 3;}
    section.filter .grid .option:not(:nth-of-type(1)){border-left:1px solid #3b3b38;}

    section.results .grid .result .result-overview .result-options{gap:18px;}

    section.facts .grid .fact{padding:32px;}
    section.facts .grid.four .fact{padding:16px;}
    section.facts .grid .fact span{font-size:1.6rem;}
    section.facts .grid.four .fact span{font-size:1.4rem; text-transform: none;}

    section.image .background{height:380px;}
    section.image.text .background{height:430px;}
    section.image.text .container article .title{font-size:2.4rem;}
    section.image.text .container article{width:60%}
    section.image.text .container{height:319px; margin-top:61px; margin-bottom:50px;}

    section.content .wrapper{padding:32px 0;}

    section.content.tiny .grid .item{grid-template-columns:1fr;background:white;}
    section.content.tiny .grid .item .image{aspect-ratio:unset; height:350px; width:100%; position:relative; left:unset; top:unset; transform:unset; margin:auto;}
    section.content.tiny .grid .item article{grid-column-end:unset; grid-column-start:unset; background:unset; padding-left:unset; padding:32px;}

    section.content.switch.house .grid .item{grid-template-columns:1fr;}
    section.content.switch.house .grid .item article{grid-column-end:unset;}
    section.content.switch.house .grid .item:nth-of-type(2) .image{grid-area:unset;}

    section.gallery .gallery-container{width: 100%; height:fit-content;}

    section.product .grid{grid-template-columns:1fr;}
    section.product .grid .result{grid-column-end:unset;}
    section.product .grid .result .result-options{width:47%;}

    section.catalog .grid .results{display:grid; grid-template-columns:repeat(1, 1fr); gap:24;}
    section.catalog .grid .results .no-results{grid-column-end:unset;}
    section.catalog .grid .pages{grid-area:unset;}

    section.content .grid .item{grid-template-columns:1fr;}
    section.content .grid .item .image{height:672px;}
    section.content .grid .item:nth-of-type(even) .image{grid-area:unset;}
    section.content .grid .item:nth-of-type(even) article{grid-area:unset;}
    section.content.square .grid .item article{padding:48px;}

    section.banner article .wrapper{max-width:100%;}
    section.banner article p{font-size:2.6rem;}
    section.offer .grid .kavel article h2{font-size:2.4rem; height:6rem;}
    section.offer .grid .kavel article a{font-size:1.6rem; height:5rem;}

    section.offer .grid .kavel .image{height:183px;}
    section.offer .grid .kavel article{padding:32px;}

    section.usp .grid h2{font-size:3.2rem;}
    section.usp .grid{gap:24px;}

    section.usp .grid .card .card-title{height:50px; line-height:50px; font-size:1.4rem;}

    section.partner .grid{grid-template-columns:repeat(4, 1fr);}
    section.partner .grid h2{grid-column-end:span 4;}
    section.partner .grid span{grid-column-end:span 4;}


    section.contact{grid-template-columns:auto 320px;}
    section.contact address{padding:18px;}

    footer .wrapper{padding:32px 0;}
    footer .grid{gap:32px; grid-template-columns:1fr 1fr;}
    footer .social{grid-area: 4/span 2/4/span 2;}
    footer .grid .copyright{grid-column-end:span 2;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .container{padding:0 24px;}
    section{padding:24px 0;}
    h1{font-size:2.6rem;}
    h2{font-size:2.0rem;}

    .breadcrumbs{display:none;}

    .slick-prev{left:-10px !important;}
    .slick-next{right:-10px !important;}

    form.form-grid div input[type="file"]::file-selector-button{font-size:1.2rem; font-weight:700; color:#ffffff; padding:4px 4px; border:unset;  text-align:center; font-weight:700; background:#bf9c6b; margin:0 8px;}
    form.form-grid{gap:4px;}
    form.form-grid div{padding:4px 0;}

    header .topbar{height:88px; line-height:unset;}
    header .topbar .ticker{height:44px; line-height:44px; padding-right:unset;}
    header .topbar .cta{width:100%; height:44px; line-height:44px; font-size:1.4rem; top:44px;}
    header .menubar .grid{grid-template-columns:134px auto 24px 24px; gap:12px;}
    header .menubar .grid form:before{display:none;}
    header .menubar .grid select{font-size:1.6rem;}
    header .menubar .grid .logo{width: 134px;}
    header .menubar .grid .search-container{display:none;}

    section.slider .container{margin-top:77px; display:none;}
    section.slider .container article{width: 100%; padding:12px;}
    section.slider .container article .title{font-size:1.8rem;}
    section.slider .container article.price span{font-size:2.0rem;}
    section.slider .container article .button{width: 100%;}

    section.slider.high .slide{height:519px;}
    section.slider.high .container{margin-top:22px; margin-bottom:unset;}

    section.slider.below .slideshow .slide{height:unset;}
    section.slider.below .background-slide{position: relative; top:unset; left:unset;}
    section.slider.below .container{position: relative; top:unset; left:unset; margin:unset; height:unset;}
    section.slider.below .container article.price{width:100%; margin-top:24px;}
    
    section.product .grid .result{padding:18px;}
    section.product .grid .result .result-options{width:unset;}
    section.product .grid .result .result-overview .result-options .result-option.dimensions .option-icon span{font-size:1.2rem;}
    section.product .grid .result .result-overview .result-options{gap:12px;}
    section.product .grid .result .result-overview{padding:unset;}
    section.product .grid .result .result-overview .title{font-size:2.2rem;}

    section.filter .grid{grid-template-columns:1fr;}
    section.filter .grid h1{margin-bottom:32px; grid-column-end:unset;}
    section.filter .grid .option label{margin-bottom:12px;}

    section.results .grid{grid-template-columns:1fr;}
    section.results .grid h2{grid-column-end:span 1; margin-top:12px;}
    section.results .grid .all{grid-column-end:unset; margin-top:unset;}
    section.results .grid .all .button{margin:8px 12px;}

    section.facts .grid{grid-template-columns:1fr;}
    section.facts .grid.four{grid-template-columns:1fr;}
    section.facts .grid .fact:not(:nth-of-type(1)){border-left:1px solid #3b3b38;}

    section.image .background{height:250px;}
    section.image.text .background{height:400px;}

    section.image.text .container article .title{font-size:1.8rem;}
    section.image.text .container article{width:100%}
    section.image.text .container{height:319px; margin-top:32px; margin-bottom:auto;}

    section.content .wrapper{padding:unset;}
    section.content .grid .item{margin:24px 0;}
    section.content .grid .item article{padding:12px;}
    section.content .grid .item .image{width: 372px; height:372px;}
    section.content .grid .item .button{width: 100%;}
    section.content.square .grid .item article{padding:32px;}
    section.content .grid .item.double article:last-of-type{font-size:2.2rem;}

    section.content.switch.house .grid .item article{padding:24px;}
    section.content.switch.house.tiny .grid .item:nth-of-type(2) article{padding:24px;}

    section.content.tiny .grid .item .image{height:200px;}

    section.catalog .grid{grid-template-columns:1fr;}
    section.catalog .grid .top{grid-column-end:unset;}
    section.catalog .grid .top .search-container, section.catalog .grid .top .sort-container{min-width:100px;}
    section.catalog .grid aside{grid-row-start:1;}
    section.catalog .grid aside .collapse{display:block;}
    section.catalog .grid aside form{display:none;}
    section.catalog .grid aside form .hide{display:block;}

    section.usp{padding:48px 0;}
    section.usp .grid{grid-template-columns:1fr;}
    section.usp .grid h2{font-size:2.4rem; grid-column-end:unset;}

    section.banner article .wrapper{padding:48px;}
    section.banner article p{font-size:2.0rem;}
    section.offer .grid .kavel article a{height:unset;}

    section.offer .grid{grid-template-columns:1fr;}
    section.offer .grid .kavel article h2{height:unset; margin-bottom:12px;}

    section.partner .grid{grid-template-columns:repeat(3, 1fr); gap:12px;}
    section.partner .grid h2{grid-column-end:span 3;}
    section.partner .grid span{grid-column-end:span 3;}

    section.half .grid{display:grid; grid-template-columns:1fr;}
    section.forms .grid{display:grid; grid-template-columns:1fr;}
    section.forms .grid address{display:none;}

    section.contact{grid-template-columns:1fr; height:unset;}
    section.contact .map{height:300px;}
    section.contact address{display:none;}

    footer .grid{grid-template-columns:1fr;}
    footer .social{grid-area:unset;}
    footer .grid .copyright{display:block; text-align:left; grid-column-end:unset;}

    footer .whatsapp{height:65px; width:65px;}
    footer .whatsapp i{line-height:65px; font-size:3.5rem;}

}

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

    h2{font-size:1.8rem;}

    .wrapper{padding:unset;}

    header .topbar{height:44px; line-height:unset;}
    header .topbar .ticker{display:none;}
    header .topbar .cta{top:0px;}

    section.catalog .grid .top{display:block;}
    section.catalog .grid .top .sort-container{margin-left:unset; margin-top:24px;}

    section.content .grid .item .image{width: 100%; height:272px;}
    section.content.square .grid .item .image{height: 272px;}
    section.content .grid .item.double article:last-of-type{font-size:1.6rem;}

    section.offer .grid .kavel article h2{font-size:2.2rem;}
    section.offer .grid .kavel article a{font-size:1.4rem; height:4rem;}

    section.banner article .wrapper{padding:32px;}
    section.wide .wrapper{padding:unset;}

    
}