.color-palate{background:#fff none repeat scroll 0 0;-webkit-box-shadow:0 0 20px 1px rgba(0,0,0,.1);-ms-box-shadow:0 0 20px 1px rgba(0,0,0,.1);-o-box-shadow:0 0 20px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px 1px rgba(0,0,0,.1);box-shadow:0 0 20px 1px rgba(0,0,0,.1);height:100%;left:-285px;padding-bottom:30px;position:fixed;text-align:center;top:7%;transition:all .5s ease 0s;width:285px;z-index:99999}.color-palate-inner{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-transition:all}.color-palate-inner::-webkit-scrollbar{width:5px}.color-palate-inner::-webkit-scrollbar-track{background:#f1f1f1}.color-palate-inner::-webkit-scrollbar-thumb{background:#888}.color-palate-inner::-webkit-scrollbar-thumb:hover{background:#555}.color-palate-head{background:var(--main-color) none repeat scroll 0 0;margin-bottom:20px;padding:12px 0}.color-palate-head h6{color:#fff!important;font-weight:500}.color-palate-head h6,.secondary-head h6{color:#fff;font-size:14px;font-weight:600;margin:4px 0 0;text-transform:uppercase}.palate{background:var(--main-color) none repeat scroll 0 0;cursor:pointer;display:block;float:left;height:45px;margin:0 2.5% 12px;position:relative;width:20%}.colors-list .active:after{background:url(../images/icons/tick.png) 50% no-repeat!important;background-repeat:no-repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.various-color{overflow:hidden;padding:20px 0 15px}.colors-list{margin:0 20px}.secondary-head{background:#222 none repeat scroll 0 0;padding:14px 0}.secondary-color{padding:23px 0}.secondary-colors-list{margin:0 80px}.palate-foo{color:#777;font-size:13px;font-weight:400;line-height:1.8em;padding:0 30px}.palate-foo span{border-top:1px dotted #b2b2b2;display:block;margin-top:5px;padding-top:20px}.palate.default-color{background:#fd8900 none repeat scroll 0 0}.palate.blue-color{background:#0091f7 none repeat scroll 0 0}.palate.olive-color{background:#b4b269 none repeat scroll 0 0}.palate.brown-color{background:#ab8b40 none repeat scroll 0 0}.palate.purple-color{background:#bb54e1 none repeat scroll 0 0}.palate.green-color{background:#018f55 none repeat scroll 0 0}.palate.orange-color{background:#f7a73e none repeat scroll 0 0}.palate.yellow-color{background:#efb900 none repeat scroll 0 0}.color-trigger{background:var(--main-color) none repeat scroll 0 0;border-radius:0 50px 50px 0;cursor:pointer;height:55px;padding-right:5px;padding-top:9px;position:absolute;right:-55px;top:7%;width:55px}.color-trigger .fa{animation:fa-spin 2s linear infinite;-webkit-animation:fa-spin 2s linear infinite;-moz-animation:fa-spin 2s linear infinite;-ms-animation:fa-spin 2s linear infinite;-o-animation:fa-spin 2s linear infinite}.color-trigger:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.color-trigger i{color:#fff;font-family:Font Awesome\ 6 Free;font-size:18px;font-weight:800;line-height:40px}.color-palate.visible-palate{left:0}.color-palate h6{color:#000;font-size:var(--font-16);font-weight:500}.color-palate .box-version,.color-palate .rtl-version{padding-bottom:0;padding-top:10px}.color-palate .option-box{padding-bottom:5px;padding-top:10px}.color-palate .option-box>li{background-color:var(--main-color);color:#fff;cursor:pointer;display:inline-block;font-size:10px;margin:0 3px 9px;padding:8px 12px;position:relative;text-transform:uppercase;width:40%}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.color-palate .demos-carousel{padding:15px 20px 0;position:relative}.color-palate .demos-carousel .demos-title{color:var(--black-color);font-weight:700;margin-bottom:var(--margin-bottom-10);position:relative}.color-palate .demos-carousel .owl-dots{display:none}.color-palate .demos-carousel .owl-nav{left:0;margin-top:-15px;position:absolute;top:50%;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;width:100%;z-index:99999}.color-palate .demos-carousel .owl-prev{left:-15px}.color-palate .demos-carousel .owl-next,.color-palate .demos-carousel .owl-prev{background-color:var(--white-color);border-radius:50px;box-shadow:0 0 15px rgba(0,0,0,.1);color:var(--black-color);font-size:var(--font-14);height:34px;line-height:34px;position:absolute;text-align:center;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;width:34px}.color-palate .demos-carousel .owl-next{right:-15px}.color-palate .demos-carousel .owl-next:hover,.color-palate .demos-carousel .owl-prev:hover{background-color:var(--main-color);color:var(--white-color)}.color-palate .demos-carousel li{border:1px solid rgba(0,0,0,.1);position:relative}.color-palate .purchase-box{padding:10px 15px 0;position:relative}.color-palate .purchase-box .theme-btn{margin-top:15px;padding:12px 36px;position:relative}