.color-palate .box-mode-bg li:hover,.color-trigger,.palate{cursor:pointer}.color-palate{background:#fff;position:fixed;right:-285px;text-align:center;top:0;transition:.5s;width:285px;height:100%;z-index:999;padding-bottom:20px}.color-palate ::-webkit-scrollbar{width:5px;background-color:#eee}.color-palate ::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);background:rgba(0,0,0,.1)}.color-palate-head,.palate.default-color{background:#1370b5}.color-palate .inner-palate{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-transition:none}.color-palate-head{padding:15px 0}.color-palate-head h5{color:#fff;font-size:14px;font-weight:600;margin:4px 0 0;text-transform:uppercase}.color-palate h6{position:relative;display:block;text-align:left;font-size:16px;line-height:24px;color:#222;font-weight:600;margin-bottom:10px}.palate{background:red;display:block;float:left;height:45px;margin:0 1% 4px;width:18%;position:relative}.colors-list .active::after{background:url(../images/icons/tick.png) center center no-repeat!important;content:'';position:absolute;top:0;left:0;width:100%;height:100%}.various-color{position:relative;background-color:#fff;overflow:hidden;padding:20px}.colors-list{margin:0}.secondary-head{background:#222;padding:14px 0}.secondary-color{padding:23px 0}.secondary-colors-list{margin:0 80px}.palate-foo{color:#777;font-size:13px;font-weight:400;padding:0 0 10px;line-height:1.6em}.palate.tealblue-color{background:#13bfb3}.palate.scarlet-color{background:#ef5b3f}.palate.kellygreen-color{background:#1f5c9e}.palate.dodgerblue-color{background:#105abf}.palate.red-color{background:#c90f40}.palate.selectiveyellow-color{background:#dab600}.palate.maroon-color{background:#70012c}.palate.brown-color{background:#562424}.palate.green-color{background:#018f55}.palate.duchessblue-color{background:#00154e}.palate.lightblue-color{background:#007caf}.palate.frenchgray-color{background:#353f4b}.palate.telemagenta-color{background:#ec008b}.palate.signalviolet-color{background:#65365a}.color-trigger{background:#fff;height:50px;left:-46px;position:absolute;top:10%;width:46px;color:#222;padding-top:6px;box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.color-palate .option-box li,.color-trigger:before{background-color:#fff;color:#222;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.color-trigger i{color:#222;font-size:18px;line-height:40px;animation:2s linear infinite fa-spin;-webkit-animation:2s linear infinite fa-spin;-moz-animation:2s linear infinite fa-spin;-ms-animation:fa-spin 2s linear infinite;-o-animation:2s linear infinite fa-spin}.color-trigger:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;font-size:18px;line-height:50px;content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900;z-index:1;opacity:0;visibility:hidden;transition:.3s}.color-palate.visible-palate{right: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)}.color-palate.visible-palate .color-trigger:before{opacity:1;visibility:visible}.color-palate .option-box{position:relative;padding:0 5px;margin-bottom:30px}.color-palate .option-box:after{display:table;content:"";clear:both}.color-palate .option-box li:first-child{margin-right:2%}.color-palate .option-box li{position:relative;float:left;min-width:48%;font-size:13px;line-height:20px;padding:5px 18px;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #f1f1f1;cursor:pointer;transition:.3s}.color-palate .option-box li:last-child{margin-right:0}.color-palate .option-box li.active,.color-palate .option-box li:hover{background-color:#222;color:#fff}.color-palate .purchase-btn{position:relative;display:block;color:#fff;font-size:16px;line-height:30px;padding:4px 10px;background-color:#1370b5;max-width:200px;margin:10px auto 5px;border-radius:5px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.color-palate .purchase-btn:hover{background-color:#222;box-shadow:0 0 15px rgba(0,0,0,.1)}.color-palate .lower-options{position:relative;padding:0 20px}.color-palate .box-mode-bg{position:relative;display:none;margin-bottom:20px}.color-palate .box-mode-bg li{position:relative;float:left;height:40px;margin:0 1% 3px;width:23%;border:1px solid #f1f1f1;background-repeat:no-repeat;background-position:center;background-size:cover}.color-palate .box-mode-bg li.active::after{background:url(../images/icons/tick-2.png) center center no-repeat!important;content:'';position:absolute;top:0;left:0;width:100%;height:100%}.demos-box{position:relative;background-color:#fff;overflow:hidden;padding:20px 10px 0}.demos-box h6{margin:0;padding-left:10px}.demos-list{position:relative}.demos-list li{position:relative;width:100%;padding:10px;overflow:hidden}.demos-list li:before{position:absolute;left:0;right:0;bottom:-45px;opacity:0;height:30px;margin:0 auto;background-color:#fff;content:attr(data-text) "";border-radius:20px;z-index:9;color:#000;max-width:125px;font-size:14px;line-height:30px;padding:0 10px;transition:.3s;box-shadow:0 0 10px rgba(0,0,0,.1)}.demos-list li:hover:before{bottom:5px;opacity:1}.demos-list li a{position:relative;display:block;border:5px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.demos-list .owl-nav{position:absolute;left:0;top:50%;width:100%;display:flex;justify-content:space-between;height:0;margin:-20px 0 0}.demos-list .owl-nav .owl-next,.demos-list .owl-nav .owl-prev{left:-10px;height:35px;width:35px;background-color:#fff;border-radius:50%;font-size:12px;line-height:35px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1)}.demos-list .owl-nav .owl-next{left:auto;right:-10px}