.md-visualizer{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;z-index:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}
.md-visualizer.light-on-dark{background-color:#000}
.md-visualizer .md-flex-container-nopadding{padding:0;max-width:none;width:100%}
.md-visualizer .visualizer-wrapper{position:relative;height:51vw;max-height:660px;user-select:none;overflow:hidden}
.md-visualizer .visualizer-wrapper-configuration{position:absolute;left:0;z-index:30;width:100%;top:44%;transform:translateY(-50%)}
.md-visualizer .visualizer-wrapper-result-bg{width:100%;height:100%;position:relative}
.md-visualizer .visualizer-wrapper-bg{width:100%;height:100%}
.md-visualizer .visualizer-wrapper-result-car{position:absolute;width:100%;height:100%;top:0}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car{position:absolute;top:0;width:100vw;height:100%}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car .visualizer-view-layer{position:absolute;width:68%;max-width:900px;height:auto;right:0;top:50%;transform:translateY(-50%)}
.md-visualizer .visualizer-wrapper-swipe{position:absolute;top:0;right:0;width:65%;height:100%}
.md-visualizer .visualizer-wrapper-intro{position:absolute;bottom:80px;right:100px;z-index:100}
@media(max-width:1023px){.md-visualizer .visualizer-wrapper{height:60vw}
.md-visualizer .visualizer-wrapper .visualizer-wrapper-car .visualizer-view-layer{width:60%}
}
@media(max-width:666px) and (orientation:landscape){.md-visualizer .visualizer-wrapper{height:65vw}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car .visualizer-view-layer{width:60%}
}
@media(max-width:767px) and (orientation:portrait){.md-visualizer .visualizer-wrapper{height:auto;max-height:none}
.md-visualizer .visualizer-wrapper-result-bg{position:absolute}
.md-visualizer .visualizer-wrapper-result-bg .visualizer-result{height:100%}
.md-visualizer .visualizer-wrapper-result-car{position:relative;height:70vw}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car .visualizer-view-layer{width:100%;height:auto;max-width:none}
.md-visualizer .visualizer-wrapper-swipe{width:100%;height:70vw}
.md-visualizer .visualizer-wrapper-configuration{position:relative;top:0;transform:initial;padding-bottom:20px}
}
@media(max-width:1023px) and (orientation:landscape){.md-visualizer .visualizer-wrapper-configuration{top:11%;transform:translateY(0)}
}
@media(min-width:1280px){.md-visualizer .visualizer-wrapper-result-car{width:1280px}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car{width:1280px}
}
@media(min-width:1280px){.md-visualizer .md-flex-container-nopadding{padding:0;max-width:none;width:100%}
.md-visualizer .visualizer-wrapper-result-car{width:100%}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car{width:100vw}
}
@media(min-width:1440px){.md-visualizer .md-flex-container-nopadding{margin-left:auto;margin-right:auto;max-width:1440px}
.md-visualizer .visualizer-wrapper-result-car{width:1440px}
.md-visualizer .visualizer-wrapper-result-car .visualizer-wrapper-car{max-width:1440px !important}
}
.md-pdh-not-available .md-visualizer .btn-configurator{display:none}
.md-direction-rtl .md-visualizer .md-visualizer-heading{direction:rtl}
.md-visualizer .md-visualizer-footer{padding-top:30px;padding-bottom:30px;text-align:right}
.md-direction-rtl .md-visualizer .md-visualizer-footer{text-align:left}
.md-visualizer .md-visualizer-footer .md-button{margin-right:0}
@media(max-width:479px){.md-visualizer .md-visualizer-footer{width:100%}
}
@media(max-width:1023px){.md-visualizer .md-visualizer-footer{padding:20px}
}
.md-visualizer .accordion-item{color:#fff;width:100%}
.md-visualizer .accordion-item .accordion-item-header{font-family:'MINISansReg',Arial,sans-serif;font-size:18px;text-transform:uppercase;text-align:left;font-weight:normal;padding-top:17px;padding-bottom:17px;padding-left:30px;cursor:pointer;max-width:40%;margin:0;-webkit-appearance:none;border:0;background:transparent}
.localized-fonts-loaded .md-visualizer .accordion-item .accordion-item-header{font-family:'MINISansReg','MINISansRegLocalized',Arial,sans-serif}
.md-visualizer .accordion-item .accordion-item-header .btn-text,.md-visualizer .accordion-item .accordion-item-header .btn-icon{color:#fff;vertical-align:middle}
.md-visualizer .accordion-item .accordion-item-header .btn-icon{padding:0 10px;height:auto}
.md-visualizer .accordion-item .accordion-item-header:focus{outline:0}
.md-visualizer .accordion-item .accordion-item-content{position:relative;height:0;overflow:hidden;margin-top:-5px;transition:all .3s cubic-bezier(0.25,0.1,0.25,1)}
.md-visualizer .accordion-item .accordion-item-content:before{position:absolute;display:block;width:10px;height:10px;transform:rotate(45deg);content:' ';left:60px;top:20px;margin-left:-5px;background-color:#000;transition:all .5s cubic-bezier(0.25,0.1,0.25,1)}
.md-visualizer .accordion-item.is-active{margin-bottom:16px}
.md-visualizer .accordion-item.is-active .accordion-item-content{padding-top:10px;height:110px;overflow:hidden}
.md-visualizer .accordion-item.is-active .accordion-item-content:before{top:5px}
.md-direction-rtl .md-visualizer .accordion-item .accordion-item-header{width:30%;direction:rtl;text-align:right}
.md-direction-rtl .md-visualizer .accordion-item .accordion-item-content:before{left:25%}
@media(min-width:480px){.md-visualizer .accordion-item .accordion-item-header{padding-left:40px}
}
@media(min-width:768px){.md-visualizer .accordion-item .accordion-item-header{padding-left:50px}
}
@media(max-width:1023px){.md-visualizer .accordion-item .accordion-item-header{max-width:45%}
}
@media(max-width:767px) and (orientation:portrait){.md-visualizer .accordion-item .accordion-item-header{max-width:100%}
.md-visualizer .accordion-item .accordion-item-content:before{left:50%}
.md-direction-rtl .md-visualizer .accordion-item .accordion-item-header{width:100%}
.md-direction-rtl .md-visualizer .accordion-item .accordion-item-content:before{left:50%}
.md-direction-rtl .md-visualizer .accordion-item .wrapper-subitems{width:100%}
.md-direction-rtl .md-visualizer .accordion-item .wrapper-subitems:after{display:none}
.md-direction-rtl .md-visualizer .accordion-item .wrapper-subitems.is-sliding:after{display:none}
.md-direction-rtl .md-visualizer .accordion-item .wrapper-subitem-list{padding-right:0;text-align:center}
}
@media(max-width:666px) and (orientation:landscape){.md-visualizer .accordion-item .accordion-item-header{padding-top:8px;padding-bottom:8px}
.md-visualizer .accordion-item.is-active{margin-bottom:0}
.md-visualizer .accordion-item.is-active .accordion-item-content{height:90px}
.md-visualizer .accordion-item .accordion-item-content:before{left:25%}
}
.md-visualizer .accordion-subitems{position:relative;background-color:#000;overflow:hidden}
.md-visualizer .accordion-subitems .wrapper-subitems{width:33%;position:relative;overflow:hidden}
.md-visualizer .accordion-subitems .wrapper-subitems .subitem-label{display:none}
.md-visualizer .accordion-subitems .wrapper-subitems .wrapper-subitem-list{padding:25px 0}
.md-visualizer .accordion-subitems .wrapper-subitems:after{content:" ";width:60px;height:100%;position:absolute;display:block;right:0;top:0;background:linear-gradient(90deg,rgba(0,0,0,0),#000 50%)}
.md-visualizer .accordion-subitems .wrapper-subitems.is-sliding .wrapper-subitem-list{padding:25px 100px 25px 0}
.md-visualizer .accordion-subitems .wrapper-subitem-list{width:1000px;position:relative;height:100px;overflow:hidden;white-space:nowrap;margin:0 40px;text-align:left}
.md-visualizer .accordion-subitems .wrapper-subitem-list li{display:inline-block;position:relative;width:50px;height:50px;border-radius:50%;margin:0 15px;cursor:pointer;transform:translateY(50%);top:-50%}
.md-visualizer .accordion-subitems .wrapper-subitem-list li img{width:100%;height:auto}
.md-visualizer .accordion-subitems .wrapper-subitem-list li:after{content:" ";position:absolute;display:inline-block;left:50%;bottom:-11px;width:0;height:3px;margin:0 auto;background:#fff;transform:translateX(-50%);transition:all .3s cubic-bezier(0.25,0.1,0.25,1)}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-active:after,.md-visualizer .accordion-subitems .wrapper-subitem-list li:hover:after{width:20px}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-hexcolor{border:2px solid;background-color:transparent;transition:all .3s cubic-bezier(0.25,0.1,0.25,1);border-color:#fff}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-hexcolor:after{display:none;width:30px;height:30px;top:50%;transform:translateX(-50%) translateY(-50%);bottom:inherit;background-image:url('data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS40MSAxOC4xMiI+PHRpdGxlPmNoZWNrX2JsYWNrPC90aXRsZT48cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMjUuNDEgMS40MSA4LjcxIDE4LjEyIDAgOS40MSAxLjQxIDggOC43MSAxNS4yOSAyNCAwIDI1LjQxIDEuNDEiLz48L3N2Zz4=');background-repeat:no-repeat;background-size:30px 20px;background-color:transparent;left:50%;background-position:center center}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-hexcolor.is-active:after,.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-hexcolor.is-fallback:after{display:block}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-hexcolor.is-conflicting{width:0;height:0;opacity:0;margin:0;border:0;overflow:hidden}
.md-visualizer .accordion-subitems .wrapper-subitem-list li.is-dark:after{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjYgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5FYmVuZV8xPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldlYnNpdGVfU3RyYXRlZ3ktRGV2ZWxvcG1lbnQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhELVZpc3VhbGlzZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDEuMDAwMDAwLCAtNTI0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iV0hFRUxTIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuMDAwMDAwLCA0ODEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyOS4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ0aWNrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NC4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRWJlbmVfMSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMjUuNzA3MDMxMyAyLjAyMDE4MjI3IDkgMTguNzI3MjEzNSAwLjI5Mjk2ODczMyAxMC4wMjAxODIzIDEuNzA3MDMxMjcgOC42MDYxMTk3MyA5IDE1Ljg5OTA4ODUgMjQuMjkyOTY4NyAwLjYwNjExOTgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')}
.md-visualizer .accordion-subitems .arrow-left,.md-visualizer .accordion-subitems .arrow-right{position:absolute;top:0;-webkit-appearance:none;height:100%;background:0;border:0;padding:0;z-index:10}
.md-visualizer .accordion-subitems .arrow-left.is-hidden,.md-visualizer .accordion-subitems .arrow-right.is-hidden{display:none}
.md-visualizer .accordion-subitems .arrow-left:focus,.md-visualizer .accordion-subitems .arrow-right:focus{outline:0}
.md-visualizer .accordion-subitems .arrow-left .btn-icon,.md-visualizer .accordion-subitems .arrow-right .btn-icon{font-size:20px;line-height:1}
.md-visualizer .accordion-subitems .arrow-left{width:40px;left:0;background:linear-gradient(-90deg,rgba(0,0,0,0),#000 80%)}
.md-visualizer .accordion-subitems .arrow-right{right:0;width:40px}
.md-visualizer .accordion-subitems .arrow-left-alt,.md-visualizer .accordion-subitems .arrow-right-alt{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
@media(max-width:767px) and (orientation:portrait){.md-visualizer .accordion-subitems .wrapper-subitem-list{margin:0 auto;text-align:center}
.md-visualizer .accordion-subitems .wrapper-subitems{width:100%}
.md-visualizer .accordion-subitems .wrapper-subitems:after{background:transparent;display:none}
.md-visualizer .accordion-subitems .wrapper-subitems.is-sliding .wrapper-subitem-list{padding:25px 0}
.md-visualizer .accordion-subitems .arrow-left,.md-visualizer .accordion-subitems .arrow-right{display:none !important}
}
@media(max-width:666px) and (orientation:landscape){.md-visualizer .accordion-subitems li{width:40px;height:40px;margin:0 10px}
.md-visualizer .accordion-subitems .wrapper-subitems{width:50%}
.md-visualizer .accordion-subitems .wrapper-subitems.is-sliding .wrapper-subitem-list{padding:20px 100px 20px 0}
}
@media(min-width:667px) and (orientation:landscape){.md-visualizer .accordion-subitems .wrapper-subitems:after{width:50px}
}
@media(min-width:1024px) and (orientation:landscape){.md-visualizer .accordion-subitems .wrapper-subitems:after{width:50px}
}
.md-visualizer .visualizer-result{position:absolute;overflow:hidden;top:0;width:0;height:100%;transition:opacity .4s}
.md-visualizer .visualizer-result .visualizer-view-layer img{display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}
.md-visualizer .visualizer-result .visualizer-wrapper-car-preloader{display:none}
.md-visualizer .visualizer-result .visualizer-wrapper-car-preloader .md-icn-loading{font-size:25px;z-index:100;color:white;position:absolute;left:50%;top:50%}
.md-visualizer .visualizer-result.is-loading .visualizer-wrapper-car-preloader{display:block}
.md-visualizer .visualizer-result.is-active{width:100% !important}
.md-visualizer .visualizer-result.is-right{left:0}
.md-visualizer .visualizer-result.is-right .visualizer-wrapper-car{position:relative}
.md-visualizer .visualizer-result.is-left{right:0}
.md-visualizer .visualizer-result.is-left .visualizer-wrapper-car{position:absolute;right:0}
.md-visualizer .visualizer-result.is-fading-in{opacity:1}
.md-visualizer .visualizer-result.is-fading-out{opacity:0}
.md-visualizer .visualizer-wrapper-result-bg .visualizer-result{z-index:10}
.md-visualizer .visualizer-wrapper-result-bg .visualizer-result.is-moving{z-index:19}
.md-visualizer .visualizer-wrapper-result-bg .visualizer-result.is-active{z-index:15}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result{z-index:inherit}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result .visualizer-view-layer{z-index:50;min-height:100%}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result .visualizer-view-layer img{opacity:0}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-moving{z-index:inherit}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-moving .visualizer-view-layer{z-index:59;opacity:1}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-moving .visualizer-view-layer img{opacity:1 !important}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-active{z-index:inherit}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-active .visualizer-view-layer{z-index:55;opacity:1}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result.is-active .visualizer-view-layer img{opacity:1 !important}
.md-visualizer .visualizer-wrapper-result-car .visualizer-result img{width:100%;height:auto}
.md-visualizer .visualizer-wrapper-swipe{cursor:-webkit-grab;z-index:60}
.md-visualizer .visualizer-wrapper-swipe:active{cursor:-webkit-grabbing}
.md-visualizer .visualizer-wrapper-intro{color:#fff;transition:all .3s cubic-bezier(0.25,0.1,0.25,1);opacity:0}
@keyframes animation-arrow-left{0{left:0}
50%{left:-10px}
0{left:0}
}
@keyframes animation-arrow-right{0{left:0}
50%{left:10px}
0{left:0}
}
.md-visualizer .visualizer-wrapper-intro .md-icn-arrow-left,.md-visualizer .visualizer-wrapper-intro .md-icn-arrow-right{position:relative;left:0;top:50%;transform:translateY(50%);transition:all .3s cubic-bezier(0.25,0.1,0.25,1)}
.md-visualizer .visualizer-wrapper-intro .md-icn-arrow-left.is-animating{animation-name:animation-arrow-left;animation-duration:.8s}
.md-visualizer .visualizer-wrapper-intro .md-icn-arrow-right.is-animating{animation-name:animation-arrow-right;animation-duration:.8s}
.md-visualizer .visualizer-wrapper-intro .visualizer-wrapper-intro-text{max-width:180px;display:inline-block;top:50%;transform:translateY(50%);text-align:center;padding:0 30px}
.md-visualizer .visualizer-wrapper-intro.is-active{opacity:1}
@media(max-width:767px) and (orientation:portrait){.md-visualizer .visualizer-wrapper-intro{display:none}
}
.md-visualizer .visualizer-wrapper-pagination{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:100}
.md-visualizer .visualizer-wrapper-pagination .pagination-navigation{display:flex;flex-direction:row;align-items:center;height:20px}
.md-visualizer .visualizer-wrapper-pagination .pagination-item{width:13px;margin:0 3px;-webkit-appearance:none;background:transparent;border:0;cursor:pointer}
.md-visualizer .visualizer-wrapper-pagination .pagination-item:focus{outline:0}
.md-visualizer .visualizer-wrapper-pagination .pagination-item-prev,.md-visualizer .visualizer-wrapper-pagination .pagination-item-next{display:none;border:0;border-radius:0;color:#fff;width:auto;margin:0;padding:0}
.md-visualizer .visualizer-wrapper-pagination .pagination-item-prev .btn-icon,.md-visualizer .visualizer-wrapper-pagination .pagination-item-next .btn-icon{font-size:20px;line-height:1}
.md-visualizer .visualizer-wrapper-pagination .pagination-item-prev{margin-right:30px}
.md-visualizer .visualizer-wrapper-pagination .pagination-item-next{margin-left:30px}
.md-visualizer .visualizer-wrapper-pagination .pagination-item-circle{display:block;width:2px;height:2px;border:2px solid #fff;border-radius:50%;background:transparent;padding:0;transform:translateX(-50%);transition:width .6s,height .6s}
.md-visualizer .visualizer-wrapper-pagination .pagination-item.is-active .pagination-item-circle{width:13px;height:13px}
.md-visualizer .visualizer-wrapper-pagination .pagination-subline{display:block;width:100%;color:#fff;text-align:center;padding:5px 0}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination{direction:rtl}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination .pagination-item-next{margin-left:0;margin-right:30px}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination .pagination-item-prev{margin-right:0;margin-left:30px}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination .pagination-item{direction:ltr}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination .md-icn-angle-left:before{content:'\e91d';text-indent:0}
.md-direction-rtl .md-visualizer .visualizer-wrapper-pagination .md-icn-angle-right:before{content:'\e91a';text-indent:0}
@media(max-width:767px) and (orientation:portrait){.md-visualizer .visualizer-wrapper-pagination{position:relative;padding:20px 0}
.md-visualizer .visualizer-wrapper-pagination .pagination-navigation{justify-content:center}
.md-visualizer .visualizer-wrapper-pagination .pagination-subline{display:none}
}
@media(min-width:768px){.md-visualizer .visualizer-wrapper-pagination .pagination-item-prev,.md-visualizer .visualizer-wrapper-pagination .pagination-item-next{display:block}
}
.md-visualizer-pdh-not-available{display:none}
.md-pdh-not-available .md-visualizer-pdh-not-available{display:block !important}
.md-pdh-not-available .md-visualizer{display:none !important}