.design-variation{padding:48px 0 0;position:relative}
.design-variation__headline{color:#333;font-family:BioRhyme;font-size:32px;font-style:normal;font-weight:400;letter-spacing:.02em;line-height:40px;font-size:36px;line-height:1.22;letter-spacing:2px;margin-bottom:14px}
@media(min-width:992px){.design-variation__headline{font-size:36px;margin-bottom:24px}
}
.design-variation__desc{margin-bottom:40px;font-size:18px;line-height:1.56;color:#333}
@media(min-width:576px){.design-variation__desc{font-size:24px;line-height:1.2;margin-bottom:55px}
}
.design-variation__outer{margin:0 0 60px}
.design-variation__outer{margin-bottom:40px}
@media(min-width:576px){.design-variation__outer{margin-bottom:0}
}
.design-variation__outer .slick-list{padding:0 17% 0 0 !important}
@media(min-width:576px){.design-variation__outer .slick-list{padding:0 25% 0 10px !important}
}
@media(min-width:1212px){.design-variation__outer .slick-list{padding:0 30% 0 -webkit-calc((100vw - 1224px)/ 2) !important;padding:0 30% 0 -moz-calc((100vw - 1224px)/ 2) !important;padding:0 30% 0 calc((100vw - 1224px)/ 2) !important}
}
@media(min-width:1441px){.design-variation__outer .slick-list{padding:0 30% 0 -webkit-calc((100vw - 1444px)/ 2) !important;padding:0 30% 0 -moz-calc((100vw - 1444px)/ 2) !important;padding:0 30% 0 calc((100vw - 1444px)/ 2) !important}
}
.design-variation__slider-navigation{display:none}
@media(min-width:576px){.design-variation__slider-navigation{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
}
.design-variation__slider-nav{background-color:#fdfeff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#26282b;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:64px !important;width:64px;z-index:2;-webkit-appearance:none;border:1px solid #26282b}
.design-variation__slider-nav.disabled{border-color:#9ea4aa;color:#9ea4aa;cursor:not-allowed}
.design-variation__slider-nav [class^=icon]{margin-top:1px}
.design-variation__slider-nav [class^=icon]::before{font-size:24px}
.design-variation__slider-nav.prev{margin-right:15px}
.design-variation__bottom{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;margin-top:16px;column-gap:20px}
.design-variation__cta{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.design-variation__cta:first-child{margin-right:15px}
.design-variation__cta-outer{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}
.design-variation__cta a{font-size:16px;line-height:19px;padding:12px 20px}
@media(min-width:576px){.design-variation__cta a{font-size:18px;line-height:27px;padding:16px 32px}
}
.design-variation__item{margin:0 10px;position:relative;padding-bottom:24px}
@media(min-width:576px){.design-variation__item{padding-bottom:0}
}
.design-variation__item--image{width:100%;position:relative;overflow:hidden}
.design-variation__item--image img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:0;-webkit-transition:opacity .8s;-o-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s}
.design-variation__item--image img.active{opacity:1}
.design-variation__item--image:after{content:' ';display:block;padding-top:75%;width:100%}
.design-variation__item--overlay{position:absolute;width:100%;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.design-variation__item--cta{padding:0 8px}
@media(min-width:576px){.design-variation__item--cta{padding:24px}
}
.design-variation__item--cta a{font-size:16px;line-height:19px;padding:12px 20px}
@media(min-width:576px) and (orientation:landscape){.design-variation__item--cta a{font-size:18px;line-height:27px;padding:16px 32px}
}
@media(min-width:768px) and (orientation:portrait){.design-variation__item--cta a{font-size:18px;line-height:27px;padding:16px 32px}
}
.design-variation__item--picker{position:relative;margin:0 8px}
@media(min-width:576px){.design-variation__item--picker{margin:24px}
}
.design-variation__item--picker .js-picker{width:48px;height:48px;background:#232426;color:#fdfeff;border:3px solid #fdfeff;font-size:0;-webkit-appearance:none;-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.05)) drop-shadow(2px 1px 3px rgba(0,0,0,.08));filter:drop-shadow(0 -1px 2px rgba(0,0,0,.05)) drop-shadow(2px 1px 3px rgba(0,0,0,.08));position:relative;z-index:1}
@media(min-width:576px){.design-variation__item--picker .js-picker{width:64px;height:64px;border-width:4px}
}
.design-variation__item--picker .js-picker:hover{background:#000}
.design-variation__item--picker .js-picker span{font-size:24px}
.design-variation__item--picker--options{overflow:hidden;position:absolute;top:50%;left:28px;max-width:0}
@media(min-width:576px){.design-variation__item--picker--options{z-index:0;width:auto;height:auto;pointer-events:auto;padding:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#e8ebed;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
}
.design-variation__item--picker--options.active{max-width:0}
@media(min-width:576px){.design-variation__item--picker--options.active{max-width:500px;padding:0 4px 0 44px;width:auto;height:auto}
}
.design-variation__item--picker--options--wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;white-space:nowrap}
.design-variation__item--picker--options--wrap button{-webkit-appearance:none;border:0;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;min-width:40px;width:40px;height:40px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;overflow:hidden;margin-right:4px;font-size:12px;line-height:1.2;padding:1px 7px;cursor:pointer;-webkit-transition:min-width .4s;-o-transition:min-width .4s;-moz-transition:min-width .4s;transition:min-width .4s;text-align:left}
.design-variation__item--picker--options--wrap button span{color:#fdfeff;opacity:0;-webkit-transition:opacity .8s;-o-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s;text-align:left}
.design-variation__item--picker--options--wrap button span.dark{color:#26282b}
.design-variation__item--picker--options--wrap button:hover{min-width:94px}
.design-variation__item--picker--options--wrap button:hover span{opacity:1}
@media(min-width:576px){.design-variation__item--picker--options--mobile{display:none}
}
.design-variation__item--picker--options--inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;height:56px}
.design-variation__tab-buttons{position:relative;width:100%;margin:0 0 32px;padding:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-bottom:1px solid #e8ebed;overflow-x:auto}
.design-variation__tab-buttons li{margin-right:2.7%}
.design-variation__tab-buttons li button{-webkit-appearance:none;cursor:pointer;border:0;background:0;font-size:16px;line-height:24px;white-space:nowrap;color:#26282b;padding:8px;border-bottom:4px solid rgba(38,40,43,0)}
@media(min-width:576px){.design-variation__tab-buttons li button{font-size:18px;line-height:28px}
}
.design-variation__tab-buttons li button.active{border-color:#26282b}
.design-variation__mobile-colorpicker{position:fixed;z-index:100;top:0;left:0;width:100%;height:100vh;pointer-events:none}
@media(min-width:576px){.design-variation__mobile-colorpicker{display:none}
}
.design-variation__mobile-colorpicker .design-variation__item--picker--options{position:relative;top:0;left:0;width:100%;height:100vh;max-width:600px;pointer-events:none;overflow:hidden}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--inner{position:absolute;display:block;height:auto;bottom:0;width:100%;-webkit-animation:slideDown .3s forwards;-moz-animation:slideDown .3s forwards;animation:slideDown .3s forwards}
.design-variation__mobile-colorpicker .design-variation__item--picker--options.active{max-width:600px;background:rgba(0,0,0,.5);pointer-events:auto}
.design-variation__mobile-colorpicker .design-variation__item--picker--options.active .design-variation__item--picker--options--inner{-webkit-animation:slideUp .4s forwards ease-in-out;-moz-animation:slideUp .4s forwards ease-in-out;animation:slideUp .4s forwards ease-in-out}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--mobile{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;background:#fff;width:100%;padding:23px}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--mobile h5{font-weight:700;font-size:16px;line-height:24px}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--mobile button.js-close{position:absolute;top:50%;left:16px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:24px;-webkit-appearance:none;border:0;background:0;padding:0;cursor:pointer}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--wrap{background:#f9f9f6;padding:16px 16px 75px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--wrap button{width:-webkit-calc(50% - 9px);width:-moz-calc(50% - 9px);width:calc(50% - 9px);margin:0 0 16px;height:59px;font-size:14px;line-height:20px}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--wrap button span{opacity:1 !important}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--wrap button span.dark span{color:#26282b}
.design-variation__mobile-colorpicker .design-variation__item--picker--options--wrap button .bold{font-size:18px;line-height:22px;font-weight:700}
.tabcontent{width:100%}
@-webkit-keyframes slideUp{0.01%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes slideUp{0.01%{-moz-transform:translateY(100%);transform:translateY(100%)}
100%{-moz-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideUp{0.01%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slideDown{0.01%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@-moz-keyframes slideDown{0.01%{-moz-transform:translateY(0);transform:translateY(0)}
100%{-moz-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes slideDown{0.01%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
}
.our-interiors-byroom__cta{text-align:center}
.our-interiors-byroom__cta a{font-size:16px;line-height:19px;padding:12px 20px}
@media(min-width:576px){.our-interiors-byroom__cta a{font-size:18px;line-height:27px;padding:16px 32px}
}
.design-variation{margin-bottom:40px}
@media(max-width:576px){.design-variation__outer{margin-bottom:0}
}
ul.design-variation__tab-buttons.cmp-tabs__tablist::-webkit-scrollbar{display:none}
ul.design-variation__tab-buttons.cmp-tabs__tablist{-ms-overflow-style:none;scrollbar-width:none}
@media(max-width:1212px){.design-variation{padding-top:70px}
}