.vgt-table.striped tbody tr:nth-of-type(odd){background-color:rgba(51,68,109,.03)}.vgt-right-align{text-align:right}.vgt-left-align{text-align:left}.vgt-center-align{text-align:center}.vgt-pull-left{float:left!important}.vgt-pull-right{float:right!important}.vgt-clearfix::after{display:block;content:"";clear:both}.vgt-responsive{width:100%;overflow-x:auto;position:relative}.vgt-text-disabled{color:#909399}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.vgt-wrap{position:relative}.vgt-fixed-header{position:absolute;z-index:10;overflow-x:auto}table.vgt-table{font-size:16px;border-collapse:collapse;background-color:#fff;width:100%;max-width:100%;table-layout:auto;border:1px solid #dcdfe6}table.vgt-table td{padding:.75em .75em .75em .75em;vertical-align:top;border-bottom:1px solid #dcdfe6;color:#606266}table.vgt-table tr.clickable{cursor:pointer}table.vgt-table tr.clickable:hover{background-color:#f1f5fd}.vgt-table th{padding:.75em 1.5em .75em .75em;vertical-align:middle;position:relative}.vgt-table th.sortable button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;position:absolute;top:0;left:0;width:100%;height:100%}.vgt-table th.sortable button:focus{outline:0}.vgt-table th.sortable button:after{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #606266}.vgt-table th.sortable button:before{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #606266}.vgt-table th.line-numbers,.vgt-table th.vgt-checkbox-col{padding:0 .75em 0 .75em;color:#606266;border-right:1px solid #dcdfe6;word-wrap:break-word;width:25px;text-align:center;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table th.filter-th{padding:.75em .75em .75em .75em}.vgt-table th.vgt-row-header{border-bottom:2px solid #dcdfe6;border-top:2px solid #dcdfe6;background-color:#fafafb}.vgt-table th.vgt-row-header .triangle{width:24px;height:24px;border-radius:15%;position:relative;margin:0 8px}.vgt-table th.vgt-row-header .triangle:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #606266;margin-left:-3px;transition:.3s ease transform}.vgt-table th.vgt-row-header .triangle.expand:after{transform:rotate(90deg)}.vgt-table thead th{color:#606266;vertical-align:bottom;border-bottom:1px solid #dcdfe6;padding-right:1.5em;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table thead th.vgt-checkbox-col{vertical-align:middle}.vgt-table thead th.sorting-asc button:after{border-bottom:5px solid #409eff}.vgt-table thead th.sorting-desc button:before{border-top:5px solid #409eff}.vgt-input,.vgt-select{width:100%;height:32px;line-height:1;display:block;font-size:14px;font-weight:400;padding:6px 12px;color:#606266;border-radius:4px;box-sizing:border-box;background-image:none;background-color:#fff;border:1px solid #dcdfe6;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.vgt-input::placeholder,.vgt-select::placeholder{color:#606266;opacity:.3}.vgt-input:focus,.vgt-select:focus{outline:0;border-color:#409eff}.vgt-loading{position:absolute;width:100%;z-index:10;margin-top:117px}.vgt-loading__content{background-color:#c0dfff;color:#409eff;padding:7px 30px;border-radius:3px}.vgt-inner-wrap.is-loading{opacity:.5;pointer-events:none}.vgt-table.bordered td,.vgt-table.bordered th{border:1px solid #dcdfe6}.vgt-table.bordered th.vgt-row-header{border-bottom:3px solid #dcdfe6}.vgt-wrap.rtl{direction:rtl}.vgt-wrap.rtl .vgt-table thead th,.vgt-wrap.rtl .vgt-table.condensed thead th{padding-left:1.5em;padding-right:.75em}.vgt-wrap.rtl .vgt-table th.sorting-asc:after,.vgt-wrap.rtl .vgt-table th.sorting:after{margin-right:5px;margin-left:0}.vgt-wrap.rtl .vgt-table th.sortable:after,.vgt-wrap.rtl .vgt-table th.sortable:before{right:inherit;left:6px}.vgt-table.condensed td,.vgt-table.condensed th.vgt-row-header{padding:.4em .4em .4em .4em}@media (max-width:576px){.vgt-compact *{box-sizing:border-box}.vgt-compact tbody,.vgt-compact td,.vgt-compact tr{display:block;width:100%}.vgt-compact thead{display:none}.vgt-compact tr{margin-bottom:15px}.vgt-compact td{text-align:right;position:relative}.vgt-compact td:before{content:attr(data-label);position:relative;float:left;left:0;width:40%;padding-left:10px;font-weight:700;text-align:left}.vgt-compact th.line-numbers{width:100%!important;display:block;padding:.3em 1em!important}}.vgt-global-search{padding:5px 0;display:flex;flex-wrap:nowrap;align-items:stretch;border:1px solid #dcdfe6;border-bottom:0;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-global-search form{display:flex}.vgt-global-search form label{margin-top:3px}.vgt-global-search__input{position:relative;padding-left:40px;flex-grow:1}.vgt-global-search__input .input__icon{position:absolute;left:0;max-width:32px}.vgt-global-search__input .input__icon .magnifying-glass{margin-top:3px;margin-left:8px;display:block;width:16px;height:16px;border:2px solid #494949;position:relative;border-radius:50%}.vgt-global-search__input .input__icon .magnifying-glass:before{content:"";display:block;position:absolute;right:-7px;bottom:-5px;background:#494949;width:8px;height:4px;border-radius:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.vgt-global-search__actions{margin-left:10px}.vgt-selection-info-row{background:#fdf9e8;padding:5px 16px;font-size:13px;border-top:1px solid #dcdfe6;border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;color:#d3aa3b;font-weight:700}.vgt-selection-info-row a{font-weight:700;display:inline-block;margin-left:10px}.vgt-wrap__actions-footer{border:1px solid #dcdfe6}.vgt-wrap__footer{color:#606266;font-size:1.1rem;padding:1em;border:1px solid #dcdfe6;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap__footer .footer__row-count__label,.vgt-wrap__footer .footer__row-count__select{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__row-count__label{font-size:1.1rem}.vgt-wrap__footer .footer__row-count__select{font-size:1.1rem;background-color:transparent;width:auto;padding:0;border:0;border-radius:0;height:auto;margin-left:8px;color:#606266;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px}.vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap__footer .footer__row-count__select:focus{outline:0;border-color:#409eff}.vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #606266;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap__footer .footer__navigation{font-size:1.1rem}.vgt-wrap__footer .footer__navigation>button:first-of-type{margin-right:16px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-btn,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;vertical-align:middle;color:#909399}.vgt-wrap__footer .footer__navigation__page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;text-decoration:none;color:#606266;font-weight:700;white-space:nowrap;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn:hover{cursor:pointer}.vgt-wrap__footer .footer__navigation__page-btn.disabled,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover{opacity:.5;cursor:not-allowed}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn span{display:inline-block;vertical-align:middle;font-size:1.1rem}.vgt-wrap__footer .footer__navigation__page-btn .chevron{width:24px;height:24px;border-radius:15%;position:relative;margin:0;display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn .chevron:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after{border-right:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after{border-left:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;margin:0 16px}.vgt-wrap__footer .footer__navigation__page-info span{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-info__current-entry{width:30px;text-align:center;vertical-align:middle;display:inline-block;margin:0 10px;font-weight:700}@media only screen and (max-width:750px){.vgt-wrap__footer .footer__navigation__info{display:none}.vgt-wrap__footer .footer__navigation__page-btn{margin-left:16px}}.vgt-table.nocturnal{border:1px solid #435169;background-color:#324057}.vgt-table.nocturnal tr.clickable:hover{background-color:#445168}.vgt-table.nocturnal td{border-bottom:1px solid #435169;color:#c7ced8}.vgt-table.nocturnal th.line-numbers,.vgt-table.nocturnal th.vgt-checkbox-col{color:#c7ced8;border-right:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th{color:#c7ced8;border-bottom:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th.sortable:before{border-top-color:#3e5170}.vgt-table.nocturnal thead th.sortable:after{border-bottom-color:#3e5170}.vgt-table.nocturnal thead th.sortable.sorting-asc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.nocturnal thead th.sortable.sorting-desc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.nocturnal.bordered td,.vgt-table.nocturnal.bordered th{border:1px solid #435169}.vgt-table.nocturnal .vgt-input,.vgt-table.nocturnal .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-table.nocturnal .vgt-input::placeholder,.vgt-table.nocturnal .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-wrap__footer{color:#c7ced8;border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count{position:relative}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label{color:#8290a7}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select{color:#c7ced8;background:#232d3f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:10px;border-radius:3px;text-align:center}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #c7ced8;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn{color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info{color:#8290a7}.vgt-wrap.nocturnal .vgt-global-search{border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-table.black-rhino{border:1px solid #435169;background-color:#dfe5ee}.vgt-table.black-rhino tr.clickable:hover{background-color:#fff}.vgt-table.black-rhino td{border-bottom:1px solid #bbc5d6;color:#49515e}.vgt-table.black-rhino th.line-numbers,.vgt-table.black-rhino th.vgt-checkbox-col{color:#dae2f0;border-right:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th{color:#dae2f0;text-shadow:1px 1px #3e5170;border-bottom:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th.sortable:before{border-top-color:#607498}.vgt-table.black-rhino thead th.sortable:after{border-bottom-color:#607498}.vgt-table.black-rhino thead th.sortable.sorting-asc{color:#fff}.vgt-table.black-rhino thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.black-rhino thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.black-rhino.bordered td{border:1px solid #bbc5d6}.vgt-table.black-rhino.bordered th{border:1px solid #435169}.vgt-table.black-rhino .vgt-input,.vgt-table.black-rhino .vgt-select{color:#dae2f0;background-color:#34445f;border:1px solid transparent}.vgt-table.black-rhino .vgt-input::placeholder,.vgt-table.black-rhino .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-wrap__footer{color:#dae2f0;border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select{color:#49515e;background:#34445f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px;border-radius:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #49515e;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn{color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info{color:#dae2f0}.vgt-wrap.black-rhino .vgt-global-search{border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select{color:#dae2f0;background-color:#44516c;border:1px solid transparent}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-inner-wrap{border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(50,50,93,.1),0 1px 2px 0 rgba(50,50,93,.06)}.vgt-table.polar-bear{border-spacing:0;border-collapse:separate;font-size:1rem;background-color:#fff;border:1px solid #e3e8ee;border-bottom:none;border-radius:.25rem}.vgt-table.polar-bear td{padding:1em .75em 1em .75em;border-bottom:1px solid #e4ebf3;color:#525f7f}.vgt-table.polar-bear td.vgt-right-align{text-align:right}.vgt-table.polar-bear th.line-numbers,.vgt-table.polar-bear th.vgt-checkbox-col{color:#394567;border-right:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th{color:#667b94;font-weight:600;border-bottom:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th.sorting-asc,.vgt-table.polar-bear thead th.sorting-desc{color:#5e72e4}.vgt-table.polar-bear thead th.sorting-desc:before{border-top:5px solid #7485e8}.vgt-table.polar-bear thead th.sorting-asc:after{border-bottom:5px solid #7485e8}.vgt-table.polar-bear thead th .vgt-input,.vgt-table.polar-bear thead th .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-table.polar-bear thead th .vgt-input:focus,.vgt-table.polar-bear thead th .vgt-select:focus{outline:0;border-color:#cae0fe}.vgt-table.polar-bear thead tr:first-child th:first-child{border-top-left-radius:.25rem}.vgt-table.polar-bear thead tr:first-child th:last-child{border-top-right-radius:.25rem}.vgt-table.polar-bear.bordered td{border:1px solid #e3e8ee;background:#fff}.vgt-table.polar-bear.bordered th{border:1px solid #e3e8ee}.vgt-wrap.polar-bear .vgt-wrap__footer{color:#394567;border:1px solid #e3e8ee;border-bottom:0;border-top:0;background:linear-gradient(#f7fafc,#f7fafc)}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select{text-align:center;color:#525f7f;background:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;padding-right:30px;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus{border-color:#5e72e4}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:15px;top:50%;margin-top:-3px;border-top:6px solid #525f7f;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn{color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info{color:#394567}.vgt-wrap.polar-bear .vgt-global-search{border:1px solid #e3e8ee;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;background:#f7fafc}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before{background:#dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder{color:#394567;opacity:.3}
.variant-filter, .product-details .certificates-wrapper--header {
font-family: "Roboto", sans-serif;
font-weight: 400; }
.accordion__properties-header, .accordion__toggler span {
font-family: "Roboto", sans-serif;
font-weight: 300; }
.product-menu > * a {
color: #1d1d1b;
display: block;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.9px; }
@media (max-width: 1349px) {
.product-menu > * a {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 1199px) {
.product-menu > * a {
font-size: 12px; } }
.product-menu > * a:hover, .product-menu > * a:link {
text-decoration: none; }
.accordion__properties-header, .accordion__toggler span {
font-size: 32px;
line-height: 38px;
text-transform: none;
margin-bottom: 24px; }
@media (max-width: 767px) {
.accordion__properties-header, .accordion__toggler span {
font-size: 28px;
line-height: 34px;
margin-bottom: 16px; } }
@media (max-width: 490px) {
.accordion__properties-header, .accordion__toggler span {
font-size: 1.625rem;
line-height: 30px; } }
.hidden {
display: none; }
.display-block {
display: block; }
.accordion__group {
display: flex;
flex-direction: column; }
.accordion__heading {
margin-bottom: 0px; }
.accordion__properties-header {
color: #1d1d1b;
margin-bottom: 12px; }
.accordion__properties-article {
margin-bottom: 5px; }
.accordion__toggler {
position: relative;
appearance: none;
width: 100%;
border: none;
border-top: 1px solid #dad0c1;
padding-top: 24px;
display: flex;
background: transparent;
text-align: left;
padding-left: 0; }
.accordion__toggler span {
color: #1d1d1b; }
.accordion__toggler:before, .accordion__toggler:after {
content: '';
background-color: #1d1d1b;
position: absolute;
top: 50%;
right: 14px; }
.accordion__toggler:before {
width: 11px;
height: 1px;
transform: translateY(-50%); }
.accordion__toggler:after {
display: unset;
width: 1px;
height: 11px;
transform: translate(-5px, -50%); }
.accordion__toggler[aria-expanded="true"]:after {
display: none;
transform: translate(-5px, -50%) rotate(45deg); }
.accordion__panel {
display: none;
padding-bottom: 16px; }
.accordion__panel .link-label {
margin-top: 24px; }
.product-details-info {
display: flex;
flex-direction: column; }
.product-details-info__variants {
order: 1; }
@media (min-width: 768px) {
.product-details-info__variants {
order: 2; } }
.product-details-info__article-number {
font-weight: 300;
font-size: 18px;
line-height: 21px;
color: #9d9b99;
margin-bottom: 40px;
order: 2; }
@media (min-width: 768px) {
.product-details-info__article-number {
order: 1; } }
.product-details-info__variant-text {
margin-top: 32px;
margin-bottom: 32px;
order: 3; }
.product-details-info__variant-text-onliner {
font-weight: 500; }
.product-details-info__cta {
padding: 20px 0px;
display: flex;
align-items: center;
border-top: 1px solid #dad0c1;
border-bottom: 1px solid #dad0c1; }
.product-details-info__cta a, .product-details-info__cta button {
margin-right: 24px; }
.product-details-info__anchorlink {
order: 4;
margin-bottom: 32px; }
.product-details-info__properties {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px; }
.product-details-info__properties p {
margin: 0px; }
.product-details-info__properties:last-child {
margin-bottom: 16px; }
.product-details-info__icon {
display: flex;
justify-content: space-around;
align-items: center; }
.product-details-info__icon svg {
margin-right: 24px; }
.product-details-info__icon p {
margin: 0px; }
.product-details-info__all-properties {
appearance: none;
border: none;
background: transparent;
position: relative;
padding: 0px;
margin-bottom: 24px; }
.product-details-info__all-properties span {
color: #1d1d1b;
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-decoration: underline; }
.product-details-info__all-properties:before, .product-details-info__all-properties:after {
content: '';
background-color: #1d1d1b;
position: absolute;
top: 40%;
right: -17px; }
.product-details-info__all-properties:before {
width: 8px;
height: 2px;
transform: translate(-5px, 41%) rotate(45deg); }
.product-details-info__all-properties:after {
width: 2px;
height: 8px;
transform: translate(-8px, 30%) rotate(45deg); }
.product-details-info__anchor-links {
display: flex;
flex-wrap: wrap;
padding-top: 16px; }
.product-details-info__anchor-links a {
color: #c8b9a3;
font-size: 0.875rem;
margin-right: 24px;
margin-bottom: 16px; }
@media (max-width: 767px) {
.product-details-info__article-number {
margin-bottom: 16px; }
.product-details-info__cta {
padding: 0px 0px;
flex-direction: column; }
.product-details-info__cta a, .product-details-info__cta button {
margin-right: 0px;
margin-bottom: 16px;
width: 100%;
justify-content: center; }
.product-details-info__cta a:first-of-type {
margin-top: 16px; } }
.kin-image-gallery {
padding-right: 16px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
row-gap: 16px; }
.kin-image-gallery__modal--hidden {
visibility: hidden; }
.kin-image-gallery__modal--visible {
visibility: visible; }
.kin-image-gallery__modal.product-gallery .kin-image-gallery__image-button:first-of-type {
margin-top: 48px; }
.kin-image-gallery__modal.product-gallery .kin-image-gallery__image-button.img-inspirational {
grid-column: span 2; }
.kin-image-gallery__modal.product-gallery .kin-image-gallery__image-button:nth-child(-n+10):nth-child(3n+1) {
grid-column: span 2; }
.kin-image-gallery__modal.product-gallery .kin-image-gallery__image-button.img-product:nth-child(odd) + .kin-image-gallery__image-button.img-inspirational.inspirational-odd {
grid-column: span 1; }
.kin-image-gallery__modal.product-gallery .kin-image-gallery__image-button.img-product.product-odd + .kin-image-gallery__image-button.img-inspirational.inspirational-even {
grid-column: span 1; }
.kin-image-gallery__button-reset {
appearance: none;
padding: 0px;
border: none;
background: transparent; }
.kin-image-gallery__image-container--desktop {
width: 100%;
display: flex;
flex-wrap: wrap;
grid-gap: 16px;
margin-bottom: 24px; }
.kin-image-gallery__image-container--desktop .kin-image-gallery__image-button {
flex: 1 0 calc(50% - 8px);
width: 100%;
max-width: calc(50% - 8px);
position: relative;
padding-bottom: calc(50% - 8px);
height: 0;
background: #ebebeb; }
.kin-image-gallery__image-container--desktop .kin-image-gallery__image-button.gallery-single {
flex: 1 0 100%;
max-width: 100%;
padding-bottom: 100%; }
.kin-image-gallery__image-container--desktop .kin-image-gallery__image-button.purpose-inspirational {
flex: 1 0 100%;
max-width: 100%;
height: auto;
padding-bottom: 0; }
.kin-image-gallery__image-container--desktop .kin-image-gallery__image-button.purpose-inspirational img {
position: relative;
width: 100%;
height: 100%; }
.kin-image-gallery__image-container--desktop .kin-image-gallery__image-button img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.kin-image-gallery__image-container--lightbox-overview {
position: fixed;
z-index: 111;
background: white;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
overflow: scroll;
padding: 24px 0px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__grid-wrapper {
width: 100%;
position: relative;
display: flex;
justify-content: center; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__return-button {
margin-left: 16px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid {
padding: 0 16px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid .kin-image-gallery__image-button {
margin-top: 16px; }
@media (min-width: 992px) {
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid {
display: grid;
grid-auto-rows: auto;
grid-template-columns: 1fr 1fr;
justify-items: center;
gap: 16px;
padding: 0;
max-width: 1080px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid .kin-image-gallery__image-button {
margin-top: 0;
grid-column: span 1;
width: fit-content; } }
.kin-image-gallery__image-button {
position: relative;
padding: 0px;
appearance: none;
border: none;
overflow: hidden; }
.kin-image-gallery__image {
object-fit: contain;
max-height: 1080px;
max-width: 1080px;
width: 100%;
background: #ebebeb; }
.kin-image-gallery__image-details-container {
width: 80vh;
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden; }
@media (min-width: 992px) {
.kin-image-gallery__image-details-container {
max-width: 800px;
height: 80vh; } }
.kin-image-gallery__filters {
margin-top: 50px;
padding: 24px 0;
max-width: 1080px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1199px) {
.kin-image-gallery__filters {
max-width: 750px; } }
@media (max-width: 991px) {
.kin-image-gallery__filters {
padding: 24px; } }
.kin-image-gallery__filters--tags {
min-height: 44px; }
.kin-image-gallery__filters--tabs {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 24px; }
.kin-image-gallery__filters--tabs .filter-menu {
width: 100%;
max-width: 300px;
border-top: none;
background-color: #ece7e0;
padding: 0 16px; }
.kin-image-gallery__filters--tabs .filter-menu .filter-menu__dropdown {
padding: 0 16px; }
.kin-image-gallery__panel {
position: fixed;
display: flex;
width: 100%;
z-index: 2;
justify-content: space-between;
align-items: center; }
.kin-image-gallery__panel .close-btn {
position: relative;
width: 21px;
height: 21px;
background: transparent;
padding: 0px;
margin-top: 8px;
border-color: transparent;
margin-right: 40px; }
.kin-image-gallery__panel .close-btn:before, .kin-image-gallery__panel .close-btn:after {
content: '';
background-color: #1d1d1b;
position: absolute;
left: -1px;
border-radius: 1px; }
.kin-image-gallery__panel .close-btn:before {
width: 20px;
height: 2px;
transform: translateY(-50%) rotate(45deg); }
.kin-image-gallery__panel .close-btn:after {
width: 2px;
height: 20px;
transform: translate(9px, -50%) rotate(45deg); }
.kin-image-gallery__panel--details {
position: relative;
justify-content: space-between;
align-items: center;
margin-bottom: 24px; }
.kin-image-gallery__panel--details .controls {
display: flex;
align-items: center; }
.kin-image-gallery__panel--details .close-btn {
margin-top: 0;
margin-left: 24px; }
.kin-image-gallery__panel--details .close-btn:before, .kin-image-gallery__panel--details .close-btn:after {
content: '';
background-color: #fff;
position: absolute;
left: -1px;
border-radius: 1px; }
.kin-image-gallery__return-button {
position: relative;
width: 31px;
height: 31px;
padding: 0px;
background: transparent;
appearance: none;
border: none;
background: transparent;
background-size: 16px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyOSAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zMjY4XzQ3MDUpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4zOTMgMC44NjcwODZDMjMuNDkxMiAtMC4xNzg0MSAyMS45MTI1IC0wLjI5NDg2OSAyMC44NjcgMC42MDY5NjZMNC43NDU3NiAxNC41MTNMMjAuODA0MiAyOS4zMzdDMjEuODE4NyAzMC4yNzM1IDIzLjQwMDQgMzAuMjEwMyAyNC4zMzY5IDI5LjE5NTdDMjUuMjczNSAyOC4xODEyIDI1LjIxMDIgMjYuNTk5NiAyNC4xOTU3IDI1LjY2M0wxMi4yNTQyIDE0LjYzOTVMMjQuMTMyOSA0LjM5MzA0QzI1LjE3ODQgMy40OTEyIDI1LjI5NDggMS45MTI1OCAyNC4zOTMgMC44NjcwODZaIiBmaWxsPSIjMkE1MjQxIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zMjY4XzQ3MDUiIHg9IjAuNzQ2MDk0IiB5PSItMy44MTQ3ZS0wNSIgd2lkdGg9IjI4LjI1MzkiIGhlaWdodD0iMzguMDAwMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzI2OF80NzA1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMyNjhfNDcwNSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K"); }
.kin-image-gallery__return-button--white {
filter: grayscale(5) brightness(5); }
.kin-image-gallery__lightbox-details {
position: fixed;
top: 0%;
left: 0%;
z-index: 111;
background: #1d1d1b;
width: 100vw;
height: 100vh;
padding: 0px 32px 0px 24px;
padding-top: 24px; }
.kin-image-gallery__lightbox-details--hidden {
visibility: hidden; }
.kin-image-gallery__lightbox-details--visible {
visibility: visible; }
.kin-image-gallery__lightbox-details .kin-image-gallery__image {
object-fit: contain; }
.kin-image-gallery__details-slider {
position: relative; }
.kin-image-gallery__details-slider figure {
height: 80vh;
width: auto; }
.kin-image-gallery__details-slider figure figcaption {
width: 100%;
color: #fff;
text-align: left;
max-width: 80vh;
margin: 0 auto; }
.kin-image-gallery__details-slider figure figcaption p {
margin-top: 8px; }
@media (max-width: 1199px) {
.kin-image-gallery__details-slider figure figcaption {
max-width: 800px; } }
@media (max-width: 767px) {
.kin-image-gallery__details-slider figure figcaption {
max-width: 320px; } }
.kin-image-gallery__details-slider .slick-slide {
width: 500px; }
.kin-image-gallery__details-slider .slick-arrow {
position: relative;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 60px;
height: 60px;
padding: 0px;
appearance: none;
background: transparent;
border: 1px solid #FFFFFF;
border-radius: 50%;
font-size: 0px;
background-size: 16px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyOSAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zMjY4XzQ3MDUpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4zOTMgMC44NjcwODZDMjMuNDkxMiAtMC4xNzg0MSAyMS45MTI1IC0wLjI5NDg2OSAyMC44NjcgMC42MDY5NjZMNC43NDU3NiAxNC41MTNMMjAuODA0MiAyOS4zMzdDMjEuODE4NyAzMC4yNzM1IDIzLjQwMDQgMzAuMjEwMyAyNC4zMzY5IDI5LjE5NTdDMjUuMjczNSAyOC4xODEyIDI1LjIxMDIgMjYuNTk5NiAyNC4xOTU3IDI1LjY2M0wxMi4yNTQyIDE0LjYzOTVMMjQuMTMyOSA0LjM5MzA0QzI1LjE3ODQgMy40OTEyIDI1LjI5NDggMS45MTI1OCAyNC4zOTMgMC44NjcwODZaIiBmaWxsPSIjMkE1MjQxIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zMjY4XzQ3MDUiIHg9IjAuNzQ2MDk0IiB5PSItMy44MTQ3ZS0wNSIgd2lkdGg9IjI4LjI1MzkiIGhlaWdodD0iMzguMDAwMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzI2OF80NzA1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMyNjhfNDcwNSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
filter: grayscale(5) brightness(5); }
.kin-image-gallery__details-slider .slick-prev {
margin-right: 5%; }
.kin-image-gallery__details-slider .slick-next {
margin-left: 5%;
transform: matrix(-1, 0, 0, 1, 0, 0); }
.kin-image-gallery__details-slider.slick-slider {
display: flex;
align-items: center; }
.kin-image-gallery__details-text {
position: relative;
color: #fff;
width: 50%; }
.kin-image-gallery__details-slide-number {
color: #fff; }
.kin-image-gallery__download-image {
cursor: pointer;
border: none;
outline: none;
background: none; }
.kin-image-gallery__download-image .icon--download-arrow-white {
display: block;
height: 24px;
width: 24px; }
.kin-image-gallery__download-image .icon--download-arrow {
display: block;
height: 24px;
width: 24px;
top: 0;
left: 0;
transform: translate(6%, 0%); }
.kin-image-gallery__download-image--overview {
visibility: hidden;
opacity: 0;
position: absolute;
float: right;
top: 8px;
right: 8px;
transition: 0.3s opacity ease-in-out;
background: #cecdcc; }
.kin-image-gallery__download-image--overview:before {
top: 0px;
left: 0px; }
.kin-image-gallery__image-button:hover .kin-image-gallery__download-image {
visibility: visible;
opacity: 1; }
@media (max-width: 1199px) {
.kin-image-gallery__image {
max-width: 800px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid {
max-width: 750px; } }
@media (max-width: 767px) {
.kin-image-gallery {
padding: 0px; }
.kin-image-gallery__slick-slider {
width: 100%; }
.kin-image-gallery__slick-slider + .button-secondary {
margin-top: 32px; }
.kin-image-gallery__dots {
display: flex;
justify-content: center; }
.kin-image-gallery__dots li {
margin-left: 24px; }
.kin-image-gallery__dots li.slick-active > button::before {
opacity: 1; }
.kin-image-gallery__dots > * button {
font-size: 0px;
appearance: none;
border: none;
background: transparent;
position: relative; }
.kin-image-gallery__dots > * button::before {
content: "";
position: absolute;
top: 8px;
left: -2px;
width: 20px;
height: 0px;
border: 2px solid #9d9b99;
-webkit-font-smoothing: antialiased;
opacity: 0.25; }
.kin-image-gallery__panel {
top: 0%;
padding: 16px 0px;
background: #fff;
left: 0px; }
.kin-image-gallery__panel--details {
background: #1d1d1b;
margin-bottom: 0px; }
.kin-image-gallery__image {
max-width: 320px;
max-height: 500px; }
.kin-image-gallery__image--details {
height: 50vh; }
.kin-image-gallery__image-details-container {
justify-content: center; }
.kin-image-gallery__image-details-container .kin-image-gallery__image {
max-width: 320px; }
.kin-image-gallery__image-container--lightbox-overview .kin-image-gallery__image-grid {
max-width: 320px; }
.kin-image-gallery__download-image--overview {
position: absolute;
visibility: visible;
opacity: 1; }
.kin-image-gallery__lightbox-details {
width: 100vw; }
.kin-image-gallery__details-slider {
position: relative;
margin-bottom: 24px; }
.kin-image-gallery__details-text {
position: relative;
color: #fff;
width: 100%; } }
.accordion__group {
display: flex;
flex-direction: column; }
.accordion__heading {
margin-bottom: 0px; }
.accordion__properties-header {
color: #1d1d1b;
margin-bottom: 12px; }
.accordion__properties-article {
margin-bottom: 5px; }
.accordion__toggler {
position: relative;
appearance: none;
width: 100%;
border: none;
border-top: 1px solid #dad0c1;
padding-top: 24px;
display: flex;
background: transparent;
text-align: left;
padding-left: 0; }
.accordion__toggler span {
color: #1d1d1b; }
.accordion__toggler:before, .accordion__toggler:after {
content: '';
background-color: #1d1d1b;
position: absolute;
top: 50%;
right: 14px; }
.accordion__toggler:before {
width: 11px;
height: 1px;
transform: translateY(-50%); }
.accordion__toggler:after {
display: unset;
width: 1px;
height: 11px;
transform: translate(-5px, -50%); }
.accordion__toggler[aria-expanded="true"]:after {
display: none;
transform: translate(-5px, -50%) rotate(45deg); }
.accordion__panel {
display: none;
padding-bottom: 16px; }
.accordion__panel .link-label {
margin-top: 24px; }
.certificates-list ul {
display: flex;
flex-wrap: wrap; }
.certificates-list ul li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
width: 100%; }
@media (min-width: 992px) {
.certificates-list ul li {
flex: 1 0 50%;
max-width: 50%; } }
.certificates-list ul li a {
display: flex;
align-items: center;
font-size: 1.125rem; }
.certificates-list ul li a .icon {
display: inline-block;
height: 26px;
width: 23px;
background-size: contain;
margin-right: 8px;
flex: 1 0 auto; }
.product-download {
display: flex;
justify-content: flex-start;
flex-flow: row wrap; }
.product-download .product-download__section {
width: 100%;
margin-bottom: 30px; }
@media (min-width: 1200px) {
.product-download .product-download__section {
flex: 1 0 50%;
max-width: 50%; } }
.product-download .product-download__section p {
font-size: 1.125rem;
font-weight: bold;
display: flex;
align-items: center;
margin-bottom: 16px; }
.product-download .product-download__section p .icon {
display: inline-block;
height: 26px;
width: 23px;
background-size: contain;
margin-right: 8px; }
.product-download .product-download__section ul li {
display: block;
padding: 8px 0; }
.product-download .product-download__section ul li a {
display: flex;
align-items: center;
font-size: 1.125rem; }
.product-download .product-download__section ul li a .icon {
display: inline-block;
height: 26px;
width: 23px;
background-size: contain;
margin-right: 8px; }
.variant-selector__img-container {
display: flex;
flex-wrap: wrap; }
.variant-selector__variant {
background-color: #fff;
margin-right: 24px;
appearance: none;
padding: 0px;
border: none;
width: 102px;
height: 102px;
margin-top: 16px; }
.variant-selector__variant img {
width: 100%;
height: 100%;
object-fit: contain; }
.variant-selector__variant--selected {
outline: 3px solid #2e483e; }
.variant-selector__variant--selected:focus {
outline: 6px double -webkit-focus-ring-color; }
.variant-selector__variant--selected:focus:not(:focus-visible) {
outline: 3px solid #2e483e; }
.variant-selector__variant--selected:focus-visible {
outline: 6px double black;
outline: 6px double Highlight;
outline: 6px double -webkit-focus-ring-color; }
.variant-selector__more-variants {
appearance: none;
padding: 0px;
border: none;
background: transparent; }
.variant-selector__more-variants span + span {
margin-left: 8px !important; }
.variant-selector__more-variants:focus-visible:before, .variant-selector__more-variants:focus-visible:after {
display: none; }
@media (max-width: 991px) {
.variant-selector__variant {
width: 91px;
height: 91px; }
.variant-selector__variant img {
width: 91px;
height: 91px; } }
@media (max-width: 767px) {
.variant-selector__variant {
margin-right: 16px;
width: 76px;
height: 76px; }
.variant-selector__variant img {
width: 76px;
height: 76px; } }
.product-materials .tags-list {
margin-top: 1.5rem; }
.product-materials .product-materials__container .product-materials__family {
margin-top: 16px;
padding-bottom: 16px; }
.product-materials .product-materials__container .product-materials__family h5 {
font-size: 1.375rem;
font-weight: normal;
margin-bottom: 16px; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row {
display: flex;
flex-wrap: wrap;
max-height: 147px;
overflow-y: hidden;
gap: 16px;
align-items: flex-start; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row.active {
max-height: 10000px;
transition: 1000ms; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row.active + button::after {
content: attr(data-show-less); }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row .product-materials__family--variant {
width: 112px;
padding: 0;
border: none;
background: none;
color: #1d1d1b; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row .product-materials__family--variant:active {
color: #1d1d1b; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row .product-materials__family--variant figure img {
height: 112px;
width: 112px; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row .product-materials__family--variant figure figcaption {
font-weight: bold; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row + button {
display: none;
background: none;
border: none;
margin: 16px 0 8px 0; }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row + button::after {
content: attr(data-show-more); }
.product-materials .product-materials__container .product-materials__family .product-materials__family--row.has-more + button {
display: block;
color: #1d1d1b; }
.product-properties {
padding-bottom: 16px; }
.product-properties ul {
width: 100%; }
.product-properties ul li .product-properties__row {
width: 100%;
display: flex;
font-size: 0.875rem;
padding: 8px;
padding-left: 0;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
flex: 1 0 auto;
border-bottom: 0.5px solid #dad0c1; }
.product-properties ul li + li {
margin-top: 16px; }
.product-properties.product-properties--minimal {
padding-top: 16px; }
.product-properties.product-properties--minimal li .product-properties__row .icon {
display: none !important; }
.product-properties.product-properties--minimal li .product-properties__row .product-properties__row--info {
border-bottom: none; }
.product-properties.product-properties--minimal li .product-properties__row strong {
max-width: 60%;
text-align: right; }
.product-properties button {
background: none;
border: none;
font-size: 1rem;
position: relative;
margin-top: 16px; }
.properties-lightbox__overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999; }
.properties-lightbox__hidden-text span {
opacity: 0; }
.properties-lightbox__wrapper {
background: #faf8f6;
padding: 64px;
position: absolute;
max-width: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.properties-lightbox__wrapper .properties-lightbox {
position: relative;
height: 100%;
max-height: 500px;
overflow-y: scroll; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap {
box-shadow: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-responsive {
overflow: hidden; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table {
background: none;
border: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th {
font-size: 0.75rem;
text-transform: none;
background-color: none;
background-repeat: no-repeat;
background-size: 75px 75px;
background-position: 50%;
border: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th:not(.icon) {
background-image: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th:first-of-type {
text-align: left; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button {
top: 3px; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button:focus {
outline: 3px solid -webkit-focus-ring-color; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button:focus:not(:focus-visible) {
outline: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button:focus-visible {
outline: 3px solid black;
outline: 3px solid Highlight;
outline: 3px solid -webkit-focus-ring-color; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button::after, .properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button::before {
display: none; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button:hover::after, .properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable button:hover::before {
display: block; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable.sorting-asc button::after, .properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable.sorting-asc button::before, .properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable.sorting-desc button::after, .properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table thead th.sortable.sorting-desc button::before {
display: block; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table tbody:before {
content: "@";
display: block;
line-height: 16px;
text-indent: -99999px; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table tbody tr {
border-top: 1px solid #cecdcc; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table tbody tr td {
background: none;
border: none;
text-align: center; }
.properties-lightbox__wrapper .properties-lightbox .vgt-inner-wrap .vgt-table tbody tr td:first-of-type {
text-align: left;
padding-left: 0; }
.properties-lightbox__mobile-header p {
display: none; }
.properties-lightbox__mobile-header .close-button {
position: absolute;
top: 16px;
right: 16px;
border: 0;
background: unset;
border: 1px solid #ccc;
border-radius: 50%;
width: 22px;
height: 22px;
padding: 0;
padding-left: 4px; }
.properties-lightbox__background {
display: none; }
@media (max-width: 767px) {
.properties-lightbox h3 {
position: fixed;
z-index: 2; }
.properties-lightbox__wrapper {
max-width: 100%;
height: 100%;
padding: 64px 16px 64px 16px; }
.properties-lightbox__mobile-wrapper {
display: inline-block;
margin-top: 64px; }
.properties-lightbox__fixed {
position: fixed;
background: #dad0c1;
z-index: 2; }
.properties-lightbox__fixed span,
.properties-lightbox__fixed button {
position: fixed;
background: #dad0c1;
z-index: 2; }
.properties-lightbox__fixed + .vgt-left-align {
padding-left: 150px; }
.properties-lightbox__first-property {
background-position: 100%; }
.properties-lightbox .vgt-inner-wrap .vgt-table .properties-lightbox__fixed {
position: fixed;
background: #dad0c1;
z-index: 2; }
.properties-lightbox .vgt-inner-wrap .vgt-table th.icon {
height: 30px; }
.properties-lightbox .vgt-inner-wrap .vgt-table thead th:nth-child(2) {
background-position: 92%; }
.properties-lightbox__background {
display: initial;
background: #dad0c1;
height: 100%;
width: 150px;
position: fixed;
z-index: 1;
left: 0%;
top: 0%; }
.properties-lightbox__mobile-header {
display: flex;
position: fixed;
top: 0%;
left: 0%;
z-index: 2;
background: white;
width: 100vw;
padding: 16px;
justify-content: space-between; }
.properties-lightbox__mobile-header p {
display: initial;
font-weight: 700; }
.properties-lightbox__mobile-header .close-button {
border: none; } }
.variant-lightbox__overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999; }
.variant-lightbox__wrapper {
background: #faf8f6;
position: absolute;
top: 0;
right: 0;
height: 100vh;
width: 100%;
max-width: 560px;
overflow-y: scroll; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--header {
position: sticky;
display: flex;
flex-direction: column;
align-items: flex-start;
top: 0;
left: 100%;
width: 100%;
height: auto;
padding: 0 24px;
background-color: #fff;
z-index: 99;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--header p {
font-size: 1rem;
font-weight: bold; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--header .close-button {
top: 50%;
right: 16px;
border: 0;
background: unset;
width: 22px;
height: 22px;
padding: 0;
padding-left: 4px; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--header-container {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 47px;
margin-bottom: 10px;
width: 100%; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container {
padding: 16px 24px;
background: transparent;
border: none;
width: 100%;
color: #1d1d1b; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container__content-container {
max-width: 800px; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container:not(.variant-container--selected) + .variant-container:not(.variant-container--selected) {
border-top: 2px solid #9d9b99; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container__header {
text-align: left;
padding-bottom: 8px; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container--selected {
border: 5px solid #316351; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container--selected:focus {
outline: 6px double -webkit-focus-ring-color; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container--selected:focus:not(:focus-visible) {
outline: none; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container--selected:focus-visible {
outline: 6px double black;
outline: 6px double Highlight;
outline: 6px double -webkit-focus-ring-color; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container h4 {
color: #316351; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container h5 {
font-size: 1rem;
color: #9d9b99;
font-weight: normal;
text-transform: none; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content {
display: flex;
flex-direction: column; }
@media (min-width: 491px) {
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content {
flex-direction: row; } }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__image {
flex: 1 0 auto;
max-width: 100%;
width: 100%;
display: block;
height: auto;
margin-bottom: 24px; }
@media (min-width: 491px) {
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__image {
max-width: 25%;
margin-bottom: 0; } }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__image--image {
position: relative;
overflow: hidden;
background-color: #fff;
padding: 100% 0 0 0;
width: 100%; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__image--image img {
display: block;
max-width: 100%;
max-height: 100%;
width: 100%;
object-fit: contain;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 16px; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information p {
text-align: left; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information--properties {
margin-top: 16px; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information--properties ul li {
display: flex;
justify-content: space-between; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information--properties ul li strong {
text-align: right;
max-width: 60%; }
.variant-lightbox__wrapper .variant-lightbox .variant-lightbox--content .variant-container .variant-container__content .variant-container__information--properties ul li + li {
margin-top: 8px; }
.materials-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999; }
.materials-modal__wrapper {
position: absolute;
background: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 40px;
border-radius: 20px;
width: 600px;
max-width: 100%;
min-height: 460px;
max-height: 100%;
overflow: auto; }
@media (max-width: 991px) {
.materials-modal__wrapper {
height: 100%;
padding: 40px 16px;
border-radius: 0; } }
.materials-modal__wrapper .close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 21px;
height: 21px;
background: transparent;
padding: 0px;
border-color: transparent; }
.materials-modal__wrapper .close-btn:before, .materials-modal__wrapper .close-btn:after {
content: '';
background-color: #1d1d1b;
position: absolute;
left: -1px;
border-radius: 1px; }
.materials-modal__wrapper .close-btn:before {
width: 20px;
height: 2px;
transform: translateY(-50%) rotate(45deg); }
.materials-modal__wrapper .close-btn:after {
width: 2px;
height: 20px;
transform: translate(9px, -50%) rotate(45deg); }
.materials-modal__wrapper .materials-modal {
height: 100%;
max-height: 90vh; }
.materials-modal__wrapper .materials-modal h1 {
font-size: 1.5rem;
font-weight: bold; }
.materials-modal__wrapper .materials-modal .materials-modal__description {
display: flex;
justify-content: space-between;
gap: 24px;
padding-bottom: 24px; }
.materials-modal__wrapper .materials-modal .materials-modal__description h2 {
font-size: 1.25rem;
margin-bottom: 0; }
.materials-modal__wrapper .materials-modal .materials-modal__description p {
font-size: 1rem; }
.materials-modal__wrapper .materials-modal .materials-modal__description img {
width: 150px;
height: 150px; }
@media (max-width: 991px) {
.materials-modal__wrapper .materials-modal .materials-modal__description {
flex-wrap: wrap; } }
.materials-modal__wrapper .materials-modal .materials-modal__image {
position: relative;
cursor: zoom-in; }
.materials-modal__wrapper .materials-modal .materials-modal__image--fabric {
width: 130px;
height: 130px;
background: #f7f8f9 no-repeat;
display: block;
position: absolute;
left: 68%;
top: 68%;
background-size: auto !important;
background-attachment: fixed !important;
border-radius: 50%;
transition: all .3s ease-out;
transform: translate(-50%, -50%);
z-index: 901;
cursor: zoom-in;
opacity: 0;
box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.4); }
.materials-modal__wrapper .materials-modal .materials-modal__image:hover .materials-modal__image--fabric {
opacity: 1; }
.materials-modal__wrapper .materials-modal .materials-modal__info {
display: flex;
padding: 8px; }
.materials-modal__wrapper .materials-modal .materials-modal__info:nth-of-type(even) {
background: #f7f8f9; }
.materials-modal__wrapper .materials-modal .materials-modal__info span {
flex: 1 0 50%;
max-width: 50%;
width: 50%;
text-align: left; }
.materials-modal__wrapper .materials-modal .link-label {
margin-top: 24px; }
.variant-filter {
order: 1;
border-top: 1px solid #dad0c1;
padding: 20px 0px 64px 0px; }
.variant-filter__filter-container {
display: flex;
gap: 16px;
font-size: 14px;
line-height: 18px; }
.variant-filter__header {
font-size: 20px;
line-height: 22px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 24px; }
.variant-filter__filter-label {
line-height: 18.2px;
font-weight: 700;
margin-bottom: 8px; }
.variant-filter__tags {
width: 176px; }
.variant-filter__tags-text {
margin: 0px 20px 0px 10px; }
.variant-filter .icon {
width: 30px;
height: 30px; }
.variant-filter .icon--rotated {
transform: rotate(180deg); }
.variant-filter ul {
position: absolute;
z-index: 10;
margin-top: 8px;
width: 250px;
background-color: #fff;
border-top: 1px;
border-right: 1px;
border-left: 1px;
border-radius: 4px;
border-color: #6e6b68;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }
.variant-filter li {
display: flex;
align-items: center;
height: 58px; }
.variant-filter li:hover {
background-color: #EDE8E0; }
.variant-filter__dropdown {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #6e6b68;
border-radius: 4px;
background-color: #fff;
padding: 0 12px 0 12px;
width: 176px;
height: 42px; }
.variant-filter__checkbox {
position: relative;
align-items: center; }
.variant-filter__input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
width: 24px;
height: 24px;
margin: 0;
margin-top: 4px;
padding: 0;
border: 0;
cursor: pointer; }
.variant-filter__input:checked + .variant-filter__checkbox-icon {
stroke: #9D9B99;
visibility: visible; }
.variant-filter__input-row {
display: flex;
align-items: center;
font-size: 14px;
line-height: 18px; }
.variant-filter__option-name {
padding-left: 25px; }
.variant-filter__checkbox-icon {
position: absolute;
width: 14px;
height: 14px;
top: 18px;
left: 18px;
z-index: 1;
visibility: hidden; }
.variant-filter__checkbox-background {
position: absolute;
top: 14px;
width: 24px;
height: 24px;
border-radius: 6px;
background: transparent;
border: 2px solid #6e6b68;
box-sizing: border-box;
left: 14px; }
.configurator {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
padding: 0; }
.configurator .popup {
position: relative;
width: 100%;
height: 100%;
background: white;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0; }
.configurator .popup iframe {
width: 100%;
height: 100%;
border: none; }
.configurator .popup .close-btn {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
background: transparent;
padding: 0;
border: none;
z-index: 1;
cursor: pointer; }
.configurator .popup .close-btn:before, .configurator .popup .close-btn:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 24px;
height: 2px;
background-color: black;
transform-origin: center; }
.configurator .popup .close-btn:before {
transform: rotate(45deg); }
.configurator .popup .close-btn:after {
transform: rotate(-45deg); }
@media (min-width: 768px) {
.configurator {
padding: 2rem; }
.configurator .popup {
max-width: 1720px;
max-height: 1000px;
width: calc(100% - 40px);
height: calc(100% - 40px);
border-radius: 8px;
overflow: hidden; }
.configurator .popup .close-btn {
top: 40px;
right: 24px;
width: 34px;
height: 34px; }
.configurator .popup .close-btn:before, .configurator .popup .close-btn:after {
width: 34px;
height: 2px; } }
.product-details {
display: flex;
flex-direction: column; }
.product-details .brand-logo {
position: absolute;
top: 0;
right: 8px; }
.product-details .certificates-wrapper {
border-top: 1px solid #dad0c1;
padding-top: 16px; }
.product-details .certificates-wrapper--header {
font-size: 1.125rem; }
.product-details .product-details__certificates {
display: flex;
flex-wrap: wrap;
row-gap: 16px;
gap: 16px;
align-items: center;
margin-top: 10px;
margin-bottom: 16px; }
.product-details .product-details__certificates--certificate {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
.product-details .product-details__certificates--certificate img {
height: 45px; }
.product-details .product-details__certificates--certificate.m_belfakta img {
height: 32px; }
.product-details .product-details__certificates--certificate span {
margin-top: 8px;
font-size: 0.75rem; }
.product-details .product-details__header {
border-top: 2px solid #9d9b99;
width: 100vw;
opacity: 0;
visibility: hidden;
background-color: #fff;
pointer-events: none;
height: 0px;
padding: 0px;
z-index: 10;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }
@media (max-width: calc(1350px + (16px * 2))) {
.product-details .product-details__header {
margin-left: -16px; } }
.product-details .product-details__header--button {
display: flex;
border: none;
align-items: center;
flex: 1 0 100%;
padding: 0px;
background-color: #fff;
color: #1d1d1b; }
.product-details .product-details__header img {
height: 48px; }
.product-details .product-details__header .product-details__header--image-container {
height: 0px; }
.product-details .product-details__header .product-details__header--info {
position: relative;
flex: 1 0 auto;
display: flex;
flex-direction: column;
padding-left: 16px;
height: 0px; }
.product-details .product-details__header .product-details__header--info h3 {
font-size: 0.875rem;
font-weight: bold;
margin: 0;
line-height: 1.2rem; }
.product-details .product-details__header .product-details__header--info p {
font-size: 0.75rem;
color: #9d9b99;
margin: 0;
line-height: 1rem; }
.product-details .product-details__header .product-details__header--info .icon {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%); }
@media (max-width: 767px) {
.product-details.product-details--sticky .product-details__header {
position: sticky;
top: 50px;
z-index: 10;
display: flex;
opacity: 1;
padding: 16px;
pointer-events: initial;
height: initial;
transition: 300ms;
visibility: visible; }
.product-details.product-details--sticky .product-details__header .product-details__header--info {
height: initial;
align-items: flex-start; }
.product-details.product-details--sticky .product-details__header .product-details__header--image-container {
height: initial; } }
.product-details__image-gallery--desktop {
display: inherit; }
.product-details__image-gallery--mobile {
order: 1;
display: none; }
.product-details__image-gallery--mobile .slick-slide {
width: 500px; }
.product-details--series-info {
position: relative;
margin-top: 24px; }
.product-details__row {
position: relative;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap; }
.product-details__column {
position: relative;
width: 60%;
padding: 0px 8px; }
.product-details__column--fixed {
position: -webkit-sticky;
position: sticky;
top: 50px;
align-self: flex-start;
width: 40%; }
.product-details__column {
position: relative;
width: 50%;
padding: 0px 8px; }
.product-details__column--fixed {
position: -webkit-sticky;
position: sticky;
top: 50px;
padding-top: 48px;
align-self: flex-start; }
.product-details__column--fixed::after {
content: "";
display: block;
background-repeat: no-repeat;
background-position: 100% 0;
background-size: contain;
position: absolute;
top: 16px;
right: 13px;
width: 60px;
height: 42px; }
@media (min-width: 768px) {
.product-details__column--fixed::after {
width: 120px; } }
.product-details .kcs-teaser {
padding: 0; }
.product-details .kcs-teaser .kcs-teaser__link, .product-details .kcs-teaser .kcs-teaser__image {
padding: 0; }
.product-details .family-section {
margin-top: 48px; }
.product-details .family-section__border {
border-top: 1px solid #dad0c1;
margin-top: 32px; }
.product-details .family-section h2 {
overflow-wrap: break-word; }
.product-details .family-section h2:lang(fi), .product-details .family-section h2:lang(pl) {
hyphens: auto; }
.product-details .family-section .family-section__preamble {
width: 100%; }
.product-details .family-section .family-section__preamble p {
max-width: 768px;
font-size: 1rem;
line-height: 1.5rem; }
.product-details .family-section .family-section__preamble + .family-section__image {
margin-top: 32px; }
.product-details .family-section .video-container {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 75%; }
.product-details .family-section .video-container:hover .controls {
opacity: 1; }
.product-details .family-section .video-container .responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; }
.product-details .family-section .video-container .controls {
transition: opacity 0.5s;
opacity: 0;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.5);
padding: 5px;
justify-content: flex-end; }
.product-details .family-section .video-container .controls button {
color: white;
background: transparent;
border: none;
margin-left: 10px;
cursor: pointer; }
.product-details .family-section .video-container .controls button:hover {
color: #e6e6e6; }
.product-details .family-section video {
width: 100%; }
.product-details .family-section .family-section__image {
width: 100%; }
.product-details .family-section .family-section__image img {
width: 100%;
margin-bottom: -5px; }
.product-details .family-section__intro {
background-color: #ece7e0;
padding: 50px; }
@media (max-width: 767px) {
.product-details .family-section__intro {
padding: 25px; } }
.product-details .family-section__intro .family-section__image img {
margin-bottom: 0; }
.product-details .product-feed {
padding-top: 40px; }
@media (max-width: 767px) {
.product-details__image-gallery--desktop {
display: none; }
.product-details__image-gallery--mobile {
display: inherit;
margin-top: 24px; }
.product-details--series-info {
position: relative;
width: 100%;
margin-left: 0px;
margin-top: 0px; }
.product-details--fixed {
position: relative;
left: inherit;
width: 100%;
max-width: initial; }
.product-details__row {
position: relative;
display: flex;
flex-direction: column; }
.product-details__column {
position: relative;
width: 100%;
padding: 0px; }
.product-details__column--fixed {
position: relative;
top: initial; } }
.product-menu {
border-top: solid 1px #d0d3d4;
margin: 30px 0;
padding: 0; }
.product-menu:before, .product-menu:after {
content: " ";
display: table; }
.product-menu:after {
clear: both; }
.product-menu > * {
white-space: nowrap;
border-bottom: solid 1px #d0d3d4;
float: left;
position: relative;
width: 50%;
height: 57px; }
.product-menu > *:after {
content: "";
height: 100%; }
.product-menu > * > *, .product-menu > *:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.product-menu > *:nth-child(odd) {
border-right: solid 1px #d0d3d4; }
.product-menu > * a {
position: relative;
color: #1d1d1b;
display: inline-block;
padding-left: 58px;
padding-right: 4px; }
.product-menu > * a .icon {
position: absolute;
left: 29px;
top: 50%;
transform: translate(-50%, -50%);
fill: #1d1d1b;
height: 22px; }
@media (max-width: 1349px) {
.product-menu > * {
height: 54px; }
.product-menu > * a {
padding-left: 56px; }
.product-menu > * a .icon {
left: 28px;
height: 19px; } }
@media (max-width: 1199px) {
.product-menu > * {
height: 50px; } }
@media (max-width: 991px) {
.product-menu > * {
float: none;
width: auto;
height: 43px; }
.product-menu > *:nth-child(odd) {
border-right: 0; } }
@media (max-width: 1349px) {
.product-menu {
margin: 20px 0; } }
@media (max-width: 991px) {
.product-menu {
margin: 30px 0; } }
@media (max-width: 767px) {
.product-menu {
margin-bottom: 0; } }