.dia-materialo-comparison__root{position:relative;margin-bottom:90px;overflow:hidden;max-height:90vh}.dia-materialo-comparison__picture{width:100%;height:auto;display:block;-webkit-transition:opacity .25s ease,-webkit-filter .25s ease;transition:opacity .25s ease,-webkit-filter .25s ease;transition:filter .25s ease,opacity .25s ease;transition:filter .25s ease,opacity .25s ease,-webkit-filter .25s ease}.dia-materialo-comparison__picture--fade{opacity:1;-webkit-filter:grayscale(100%) contrast(66%);filter:grayscale(100%) contrast(66%)}.dia-materialo-mask-slider{position:relative}.dia-materialo-mask-slider__layer{pointer-events:none}.dia-materialo-mask-slider__layer--0{position:relative;z-index:0}.dia-materialo-mask-slider__layer--1{position:absolute;z-index:1;top:0;left:0;width:50%;height:100%;overflow:hidden}.dia-materialo-mask-slider__layer--1 .dia-materialo-comparison__picture{height:100%;width:auto}.dia-materialo-mask-slider__drag-area{position:absolute;top:0;left:50%;height:100%;max-height:90vh;width:1px;z-index:2}.dia-materialo-mask-slider__drag-area:before{content:"";position:absolute;top:0;left:0;height:100%;background:#fff;width:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dia-materialo-mask-slider__drag-button{position:absolute;top:50%;color:#00415a;background-color:#fff;border:none;padding:20px 10px 15px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);white-space:nowrap;border-radius:0}.dia-materialo-mask-slider__drag-button:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.dia-materialo-mask-slider__drag-button:after,.dia-materialo-mask-slider__drag-button:before{content:"\e93a";display:inline-block;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:20px}.dia-materialo-mask-slider__drag-button:before{-webkit-transform:rotate(90deg) translateX(1px);transform:rotate(90deg) translateX(1px)}.dia-materialo-surface-selection{position:absolute;top:0;height:100%;max-height:90vh;width:0;z-index:3}.dia-materialo-surface-selection__toggle-button{position:absolute;color:#fff;background-color:rgba(0,65,90,.9);border:none;padding:.5rem;white-space:nowrap;border-radius:0;bottom:1rem;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;text-align:center;width:41px;height:41px}.dia-materialo-surface-selection__toggle-button:after{content:"\e92b";display:inline-block;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:20px;vertical-align:middle}.dia-materialo-surface-selection--left{left:0}.dia-materialo-surface-selection--left .dia-materialo-surface-selection__toggle-button{left:1rem}.dia-materialo-surface-selection--left .dia-materialo-surface-selection__menu{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dia-materialo-surface-selection--right{right:0}.dia-materialo-surface-selection--right .dia-materialo-surface-selection__toggle-button{right:1rem}.dia-materialo-surface-selection--right .dia-materialo-surface-selection__menu{-webkit-transform:translateX(0);transform:translateX(0)}.dia-materialo-surface-selection .dia-materialo-surface-selection__menu{opacity:0;will-change:transform,opacity;-webkit-transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1);transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1);transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .25s ease;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1)}.dia-materialo-surface-selection--open .dia-materialo-surface-selection__menu{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-timing-function:cubic-bezier(0,1.035,.4,.985);transition-timing-function:cubic-bezier(0,1.035,.4,.985)}.dia-materialo-surface-selection--open .dia-materialo-surface-selection__toggle-button{opacity:0}.dia-materialo-surface-selection--open.dia-materialo-surface-selection--right .dia-materialo-surface-selection__menu{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dia-materialo-surface-selection__menu{position:relative;background:rgba(0,65,90,.9);width:200px;height:100%;overflow:auto;z-index:10}.dia-materialo-surface-selection__menu ul{list-style-type:none;margin:1rem;padding:0}.dia-materialo-surface-selection__menu ul li{padding:0;margin:0 0 1rem}.dia-materialo-surface-selection__menu ul li:last-child{margin-bottom:0}.dia-materialo-surface-selection__menu-item{display:block;position:relative}.dia-materialo-surface-selection__menu-item figure{position:relative}.dia-materialo-surface-selection__menu-item figure img{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto}.dia-materialo-surface-selection__menu-item figure:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;-webkit-box-shadow:inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 3px #fff;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}@media screen and (min-width:412px){.dia-materialo-surface-selection--wide .dia-materialo-surface-selection__menu{width:330px}}.dia-materialo-surface-selection__menu-item--active figure:after{opacity:1}.dia-materialo-surface-selection__menu-item:after{display:inline-block;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-webkit-animation:diaMaterialoLoaderAnimation 1s linear forwards infinite;animation:diaMaterialoLoaderAnimation 1s linear forwards infinite;content:"\e8da";left:50%;top:50%;margin:-10px -10px 0;color:#fff;opacity:0;width:20px;height:20px;font-size:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;position:absolute;display:block}.dia-materialo-surface-selection__menu-item--loading:after{opacity:1}@-webkit-keyframes diaMaterialoLoaderAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes diaMaterialoLoaderAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dia-materialo-configurator__root{position:relative;min-height:80vh;overflow:hidden;min-height:calc(100vh - 160px)}@media (max-height:739px){.dia-materialo-configurator__root{min-height:540px}}.dia-materialo-configurator__root .dia-materialo-comparison__picture{position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom}.dia-materialo-container{position:absolute;width:100%;left:0;top:0;z-index:1}.dia-materialo-container .box.out>*{pointer-events:none;-webkit-transform:translateX(-3rem);transform:translateX(-3rem);opacity:0!important}.dia-materialo-container .box>*{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.header-image .box-inner .btn-toggle-materialo{margin-top:15px;display:block;width:100%;padding:10px;font-weight:300}.header-image .box-inner .btn-toggle-materialo,.header-image .box-inner .btn-toggle-materialo:hover{border-width:1px}@media (max-width:411px){.dia-materialo-container .header-image .box{top:-30px;left:0;position:absolute;padding-left:15px;padding-right:15px}.dia-materialo-container .header-image .box-inner h2,.dia-materialo-container .header-image .box-inner h3{display:none}}@media (min-width:412px){.header-image .box-inner h3.has-button{padding-right:40%}.header-image .box-inner .btn-toggle-materialo{display:inline-block;position:absolute;right:0;top:-11px;margin-top:0;width:auto}}.dia-materialo-configurator__menu{margin:0;padding:0;color:#fff;border-top:1px solid hsla(0,0%,100%,.6);border-bottom:1px solid hsla(0,0%,100%,.6);list-style-type:none;display:block;width:100%;padding:15px 0;line-height:1.42857}.dia-materialo-configurator__menu li{display:inline-block}.dia-materialo-configurator__menu li:not(:last-child){margin-right:15px}.dia-materialo-configurator__menu li a{color:#fff}.dia-materialo-configurator__menu li a span{margin-right:7px}.dia-materialo-configurator__menu li a:active,.dia-materialo-configurator__menu li a:focus,.dia-materialo-configurator__menu li a:hover{color:hsla(0,0%,100%,.8)}.dia-materialo-configurator__root .wrap-jumpAnchors a>span{margin-right:7px}.dia-materialo-configurator__root .dia-materialo-surface-selection:before{position:absolute;top:20px;left:-255px;content:"\e935";color:#fff;cursor:pointer;font-family:icomoon;font-size:30px;z-index:9999;-webkit-transform:translateX(3rem);transform:translateX(3rem);opacity:0;-webkit-transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1);transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1);transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .25s ease;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .25s ease,-webkit-transform .5s cubic-bezier(.19,1,.22,1)}.dia-materialo-configurator__root .dia-materialo-surface-selection--open:before{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(0,1.035,.4,.985);transition:opacity .25s ease,-webkit-transform .5s cubic-bezier(0,1.035,.4,.985);transition:transform .5s cubic-bezier(0,1.035,.4,.985),opacity .25s ease;transition:transform .5s cubic-bezier(0,1.035,.4,.985),opacity .25s ease,-webkit-transform .5s cubic-bezier(0,1.035,.4,.985);opacity:1}@media screen and (min-width:412px){.dia-materialo-configurator__root .dia-materialo-surface-selection--wide:before{left:-385px}}@media screen and (min-width:1250px){.dia-materialo-configurator__root .dia-materialo-surface-selection__menu{top:59px;height:calc(100% - 59px)}.dia-materialo-configurator__root .dia-materialo-surface-selection:before{top:79px}}.main .flyout{-webkit-transition:top .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:top .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:top .3s ease-in-out,transform .3s ease-in-out;transition:top .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.main .flyout.out{-webkit-transform:translateX(200px);transform:translateX(200px)}