.conf{height:450px;overflow:hidden;position:relative;max-width:1110px;margin:0 auto!important}.conf .conf__overlay{content:"";position:absolute;background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%;z-index:5;display:none}.conf .conf__scene{-webkit-background-size:840px 840px!important;-moz-background-size:840px!important;-o-background-size:840px!important;background-size:840px!important;background-position:calc(50% + -2px) calc(50% + -2px)!important;background-color:#151515!important;background-repeat:no-repeat!important;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;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.conf .conf__scene-color{background-image:-webkit-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:-moz-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:-o-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:radial-gradient(at bottom right,#b11334 0,#720018 60%);position:absolute;right:20px;top:20px;color:#fff;padding:10px 20px;font-size:20px}.conf .conf__color{z-index:10;padding-left:10px!important;padding-right:10px!important;height:100%;background-image:-webkit-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:-moz-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:-o-radial-gradient(at bottom right,#b11334 0,#720018 60%);background-image:radial-gradient(at bottom right,#b11334 0,#720018 60%)}.conf .conf__color .row{height:100%;overflow:scroll;padding-top:10px;padding-bottom:10px}.conf .conf__color-toggler{content:"";width:45px;position:absolute;left:-45px;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;top:80px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:45px;background:#b11334}.conf .conf__color-toggler:hover{cursor:pointer}.conf .conf__color-heading{margin:5px;color:#fff;padding-bottom:5px;font-weight:400;border-bottom:1px solid #fff}.conf .conf__color-row{height:100%;overflow:visible}.conf .conf__color-col{padding:5px!important}.conf .conf__color-item{background-color:#dedede;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-transition:-webkit-transform 350ms;transition:-webkit-transform 350ms;-o-transition:-o-transform 350ms;-moz-transition:transform 350ms,-moz-transform 350ms;transition:transform 350ms;transition:transform 350ms,-webkit-transform 350ms,-moz-transform 350ms,-o-transform 350ms}.conf .conf__color-item:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);cursor:pointer}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.conf .rotating{-webkit-animation:rotating 8s linear infinite;-moz-animation:rotating 8s linear infinite;-o-animation:rotating 8s linear infinite;animation:rotating 8s linear infinite}@media (max-width:991px){.conf .conf__color{position:absolute!important;top:0;right:-225px;width:225px!important;-webkit-transition:right .5s ease-in-out;-o-transition:right .5s ease-in-out;-moz-transition:right .5s ease-in-out;transition:right .5s ease-in-out}.conf .conf__color.active,.conf .conf__scene-color{right:0}}@media (max-width:400px){.conf{height:400px}.conf .conf__scene{background-size:240%!important}}