.config-container{display:inline-block;max-height:270px}.block{display:inline-block;padding-top:67.5px;padding-bottom:67.5px;padding-left:27px;padding-right:27px}.block .inner{height:135px;width:135px}.block:first-child{padding-left:67.5px}.block:last-child{padding-right:67.5px}@media only screen and (max-width: 1199px){.config-container{max-height:216px}.block{padding-top:54px;padding-bottom:54px;padding-left:21.6px;padding-right:21.6px}.block .inner{height:108px;width:108px}.block:first-child{padding-left:54px}.block:last-child{padding-right:54px}}@media only screen and (max-width: 991px){.config-container{max-height:162px}.block{padding-top:40.5px;padding-bottom:40.5px;padding-left:16.2px;padding-right:16.2px}.block .inner{height:81px;width:81px}.block:first-child{padding-left:40.5px}.block:last-child{padding-right:40.5px}}@media only screen and (max-width: 767px){.config-container{max-height:121.5px}.block{padding-top:30.375px;padding-bottom:30.375px;padding-left:12.15px;padding-right:12.15px}.block .inner{height:60.75px;width:60.75px}.block:first-child{padding-left:30.375px}.block:last-child{padding-right:30.375px}}@media only screen and (max-width: 575px){.config-container{max-height:121.5px}.block{padding-top:30.375px;padding-bottom:30.375px;padding-left:12.15px;padding-right:12.15px}.block .inner{height:60.75px;width:60.75px}.block:first-child{padding-left:30.375px}.block:last-child{padding-right:30.375px}}*,*:before,*:after{box-sizing:border-box;outline:none}.loader{position:absolute;display:grid;grid-template-columns:33% 33% 33%;grid-gap:2px;width:100px;height:100px;left:0;right:0;top:0;bottom:0;margin:auto}.loader>div{position:relative;width:100%;height:100%;background:#edd6cf;transform:scale(0);transform-origin:center center;animation:loader 2s infinite linear}.loader>div:nth-of-type(1),.loader>div:nth-of-type(5),.loader>div:nth-of-type(9){animation-delay:0.4s}.loader>div:nth-of-type(4),.loader>div:nth-of-type(8){animation-delay:0.2s}.loader>div:nth-of-type(2),.loader>div:nth-of-type(6){animation-delay:0.6s}.loader>div:nth-of-type(3){animation-delay:0.8s}@keyframes loader{0%{transform:scale(0)}40%{transform:scale(1)}80%{transform:scale(1)}100%{transform:scale(0)}}.block-controls{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex}.darkMode{background-color:#2f2f2f !important}.darkMode *{color:#FFFFFF !important}.darkMode .container,.darkMode #Configurator{background-color:#3e3e3e !important}.darkMode .Logo{filter:invert(100%)}.darkMode footer{background-color:#c18f80 !important}.darkMode .helpPopup .bg{background-color:#000000 !important;opacity:0.6 !important}.darkMode .helpPopup .inner{background-color:#3e3e3e !important}.darkMode .control-btn{background-color:#7b7b7b !important}.darkMode .item{border-color:#3e3e3e !important}.darkMode .item::after{background-color:rgba(0,0,0,0.38) !important;color:#ffffff !important}body *{-webkit-transition:background-color 300ms linear, color 0.6s linear;-moz-transition:background-color 300ms linear, color 0.6s linear;-o-transition:background-color 300ms linear, color 0.6s linear;-ms-transition:background-color 300ms linear, color 0.6s linear;transition:background-color 300ms linear, color 0.6s linear}#Configurator{text-align:center}#Configurator .config-title{text-align:left;margin-bottom:2em;color:#888}*{vertical-align:top;color:#2B2E34}h2{font-size:200%}.config-container{background-color:#ffffff;background-size:cover;-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.17);-moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.17);box-shadow:0px 4px 5px 0px rgba(0,0,0,0.17);vertical-align:middle}.block{overflow:visible;position:relative}.block .inner{background-size:cover;position:relative;cursor:pointer;transition:background .0s, opacity .3s}.block .inner .position-indicator{border-left:40px solid transparent;border-right:40px solid transparent;border-top:40px solid #ffffff;height:30px;width:30px;top:-75px;left:0;right:0;position:absolute;z-index:900;margin:auto}.block .inner[data-inhoud="1"]:before{transition:opacity .3s;content:'';background-image:url(img/icons/add.png);background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:50px;width:50px;z-index:95;opacity:0.5}.block:hover .inner:before{opacity:1}.helpPopup{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:999;text-align:left;display:flex;align-items:center;justify-content:center}.helpPopup .bg{background-color:#2B2E34;position:fixed;top:0;left:0;right:0;bottom:0;width:auto;height:auto;z-index:998;opacity:0.5}.helpPopup .inner{background-color:#ffffff;display:block;padding:30px;min-height:10vh;position:relative;z-index:999;min-width:40vw;min-height:30vw}.helpPopup .inner button{float:right}.toolbar{text-align:right}.block-controls{width:25%;margin:0 auto;margin-bottom:20px}.block-controls .reset-class{display:inline-block;width:50%;text-align:left}.block-controls .reset-class .control-btn{margin:0;margin-top:20px;margin-bottom:10px;padding:0 10%;height:35px;width:auto;text-align:center;font-size:12px;border:0;background-color:#E5E5E5}.block-controls .size-class{display:inline-block;width:50%;text-align:right}.control-btn{margin:0;margin-top:20px;margin-bottom:10px;padding:0;height:35px;width:35px;text-align:center;border:0;background-color:#E5E5E5}.control-btn:last-child{margin-left:15px}.head-line h1,.head-line h2{font-family:'Open Sans', sans-serif;margin:0;vertical-align:bottom}.head-line hr{margin:20px 0 50px}.head-line .title-box{text-align:left;width:50%;display:inline-block;height:50px}.head-line .title-box h1{font-size:2.813rem}.head-line .prijs-box{text-align:right;width:50%;display:inline-block;height:50px}.head-line .prijs-box h2{font-weight:500;font-size:2.25rem}.filterbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;margin-top:50px;text-align:left}.filterbox h3{margin:0;position:sticky;left:0;font-size:0.9rem;font-weight:500;font-family:'Open Sans', sans-serif;margin-bottom:4px}.filterbox h3 span{margin-left:1em;font-weight:100;font-size:0.8em;vertical-align:baseline}.filterbox .item{position:relative;margin:0px 3px;width:88px;height:88px;display:inline-flex;flex-direction:column;justify-content:center;vertical-align:top;background-color:#E5E5E5;background-size:cover;cursor:pointer;text-align:center;border:0.5px solid #E5E5E5}.filterbox .item:after{content:attr(data-naam);background-color:rgba(250,250,250,0.38);position:absolute;top:0;left:0;bottom:0;right:0;display:inline-flex;flex-direction:column;justify-content:center;height:100%;opacity:0;transition:.3s;z-index:99}.filterbox .item:hover:after{opacity:1}.filterbox .item:first-of-type{margin-left:0}.filterbox .functionAndStyle{width:50%;display:inline-block;vertical-align:top;padding-right:70px;border-right:1px solid #2B2E34}.filterbox .functionAndStyle h2{font-size:1.125rem;font-weight:500;font-family:'Open Sans', sans-serif}.filterbox .functionAndStyle .montuur-box .item{background-color:#E5E5E5;background-image:url(../img/styleAndFinish/elegant-gold.png);background-size:200%;background-position:center}.filterbox .functionAndStyle .inner-selector{background-color:#FFFFFF;overflow:hidden;position:relative}.filterbox .functionAndStyle .inner-selector .item{background-size:60%;background-position:center;background-repeat:no-repeat}.filterbox .colorAndPattern{width:50%;display:inline-block;vertical-align:top;margin-left:auto;padding-left:70px}.filterbox .colorAndPattern .item{margin-top:0}.filterbox .colorAndPattern h2{font-size:1.125rem;font-weight:500;font-family:'Open Sans', sans-serif;margin-bottom:10px}.filterbox .items-wrapper{width:100%;display:flex;overflow-x:auto;overflow-y:hidden;position:relative;padding-bottom:5px;margin-bottom:20px}.filterbox .items-wrapper .wrapper-item{flex-shrink:0;margin:0px 3px}.filterbox .items-wrapper .wrapper-item:first-of-type{margin-left:0}.filterbox .silder-after{background-color:rgba(255,255,255,0.38);min-width:44px;height:88px;position:sticky;bottom:0;right:0;background:url(../img/plate_attr/arrow_right.png);background-size:cover;background-position:center;display:none}.checked_item:before{content:'';background-image:url(img/icons/check.png);background-size:cover;position:absolute;font-size:175%;bottom:1px;right:1px;background-color:rgba(255,255,255,0.38);height:38px;width:38px;z-index:95}.elegant .item,.retro .item{background-color:#edd6cf}.inner-popup{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:auto;width:100%;top:10px;margin:auto;text-align:center;z-index:989;animation-name:fadeIn;animation-duration:.1s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.inner-popup .inside{background-color:#ffffff;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.27);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.27);box-shadow:0px 5px 10px 0px rgba(0,0,0,0.27)}.inner-popup .item{position:relative;z-index:980;margin:5px 4px;width:88px;height:88px;display:inline-flex;flex-direction:column;justify-content:center;vertical-align:top;background-color:#E5E5E5;background-size:cover;cursor:pointer;text-align:center;border:0.5px solid #E5E5E5}.inner-popup .item:after{content:attr(data-naam);background-color:rgba(250,250,250,0.38);position:absolute;top:0;left:0;bottom:0;right:0;display:inline-flex;flex-direction:column;justify-content:center;height:100%;opacity:0;transition:.3s;z-index:99}.inner-popup .item:hover:after{opacity:1}::-webkit-scrollbar{width:5px;height:7px;margin-top:5px;border-radius:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media only screen and (max-width: 1199px){.filterbox .item{width:70px;height:70px}.block .inner .position-indicator{top:-60px}.wrapper-item{display:inline-block;width:50%;margin-bottom:50px}}@media only screen and (max-width: 991px){.filterbox{display:block}.filterbox .functionAndStyle,.filterbox .colorAndPattern{width:100%;padding:0;border:0}.block .inner .position-indicator{top:-55px}}@media only screen and (max-width: 767px){.block-controls{width:38%}.inner-popup .item{width:68px;height:68px}.block .inner .position-indicator{top:-43px;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #ffffff}.head-line .title-box h1{font-size:2rem}.head-line .prijs-box h2{font-size:2rem}.filterbox .item{width:57.5px;height:57.5px}.filterbox .silder-after{background-color:rgba(255,255,255,0.38);min-width:44px;height:57.5px;position:sticky;bottom:0;right:0;background:url(../img/plate_attr/arrow_right.png);background-size:cover;background-position:center}.checked_item:before{font-size:140%;bottom:0px;right:0px;height:27px;width:27px}}@media only screen and (max-width: 575px){.helpPopup .inner{min-width:100vw;min-height:40vh}}