.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden;}
.sp-container.sp-flat{position:relative;}
.sp-container,
.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.sp-top{position:relative;width:100%;display:inline-block;}
.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0;}
.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%;}
.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%;}
.sp-clear-enabled .sp-hue{top:33px;height:77.5%;}
.sp-fill{padding-top:80%;}
.sp-sat, .sp-val{position:absolute;top:0;left:0;right:0;bottom:0;}
.sp-alpha-enabled .sp-top{margin-bottom:18px;}
.sp-alpha-enabled .sp-alpha{display:block;}
.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8;}
.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px;}
.sp-alpha-inner{border:solid 1px #333;}
.sp-clear{display:none;}
.sp-clear.sp-clear-display{background-position:center;}
.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px;}
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;}
.sp-container.sp-input-disabled .sp-input-container{display:none;}
.sp-container.sp-buttons-disabled .sp-button-container{display:none;}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none;}
.sp-palette-only .sp-picker-container{display:none;}
.sp-palette-disabled .sp-palette-container{display:none;}
.sp-initial-disabled .sp-initial{display:none;}
.sp-sat{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');}
.sp-val{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');}
.sp-hue{background:-moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background:-webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);}
.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');}
.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');}
.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');}
.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');}
.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');}
.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');}
.sp-hidden{display:none !important;}
.sp-cf:before, .sp-cf:after{content:"";display:table;}
.sp-cf:after{clear:both;}
.sp-cf{*zoom:1;}
@media (max-device-width:480px){.sp-color{right:40%;}
.sp-hue{left:63%;}
.sp-fill{padding-top:60%;}
}
.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0;}
.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8;}
.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0;}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.sp-top{margin-bottom:3px;}
.sp-color, .sp-hue, .sp-clear{border:solid 1px #666;}
.sp-input-container{float:right;width:100px;margin-bottom:4px;}
.sp-initial-disabled .sp-input-container{width:100%;}
.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222;}
.sp-input:focus{border:1px solid orange;}
.sp-input.sp-validation-error{border:1px solid red;background:#fdd;}
.sp-picker-container , .sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px;}
.sp-picker-container{width:172px;border-left:solid 1px #fff;}
.sp-palette-container{border-right:solid 1px #ccc;}
.sp-palette-only .sp-palette-container{border:0;}
.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent;}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange;}
.sp-thumb-el{position:relative;}
.sp-initial{float:left;border:solid 1px #333;}
.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0;}
.sp-initial .sp-clear-display{background-position:center;}
.sp-palette-button-container,
.sp-button-container{float:right;}
.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle;}
.sp-replacer:hover, .sp-replacer.sp-active{border-color:#F0C49B;color:#111;}
.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver;}
.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px;}
.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0;}
.sp-palette{*width:220px;max-width:220px;}
.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0;}
.sp-container{padding-bottom:0;}
.sp-container button{background-color:#eeeeee;background-image:-webkit-linear-gradient(top, #eeeeee, #cccccc);background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-ms-linear-gradient(top, #eeeeee, #cccccc);background-image:-o-linear-gradient(top, #eeeeee, #cccccc);background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle;}
.sp-container button:hover{background-color:#dddddd;background-image:-webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image:-moz-linear-gradient(top, #dddddd, #bbbbbb);background-image:-ms-linear-gradient(top, #dddddd, #bbbbbb);background-image:-o-linear-gradient(top, #dddddd, #bbbbbb);background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd;}
.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-moz-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}
.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none;}
.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline;}
.sp-palette span:hover, .sp-palette span.sp-thumb-active{border-color:#000;}
.sp-preview, .sp-alpha, .sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0;}
.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat;}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);}
.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);}

/* Common styles */
.cbp-spmenu{position:fixed;}
.cbp-spmenu h3{color:#afdefa;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#0d77b6;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#258ecd;}
.cbp-spmenu a:active{background:#afdefa;color:#47a3da;}
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #258ecd;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
@media screen and (max-width:55.1875em){.cbp-spmenu-horizontal{font-size:75%;height:110px;}
.cbp-spmenu-top{top:-110px;}
.cbp-spmenu-bottom{bottom:-110px;}
}
@media screen and (max-height:26.375em){.cbp-spmenu-vertical{font-size:90%;width:190px;}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft{left:-190px;}
.cbp-spmenu-right{right:-190px;}
.cbp-spmenu-push-toright{left:190px;}
}
.container-fluid{padding:0;}
.modal-backdrop{z-index:9999;background-color:#b2eef2;}
.modal .modal-content{border-radius:4px;border:none;box-shadow:0 5px 15px rgba(0, 0, 0, 0.13);}
.modal .modal-content p{font-size:18px;}
.modal.clr p{display:none;}
.modal.clr p.first{display:block;}
.modal.blank p{display:none;}
.modal.blank p.second{display:block;}
.in-blk{display:inline-block;vertical-align:top;}
.modal{z-index:10000;}
.recent-colors{padding:3px 8px;position:absolute;left:0;bottom:26px;right:0;width:100%;height:48px;display:none;background:rgba(177, 238, 243, 0.45);}
.recent-colors span{margin-right:6px;float:left;width:10%;}
.recent-colors .iScrollVerticalScrollbar{right:10px !important;}
.recent-colors .set-clrs{position:absolute;width:89%;overflow:hidden;height:43px;}
.recent-colors .set-clrs .inner{width:97%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}
.recent-colors .clr{width:18px;height:18px;border:3px solid rgba(0, 0, 0, 0.1);margin-right:5px;border-radius:50%;display:inline-block;}
.recent-colors .clr.active{transform:scale(0.7, 0.7);transition:all 0.5s ease;border:2px solid rgba(0, 0, 0, 0.11);}
body{font-family:'Lato', sans-serif;position:relative;background:#90e6ed;}
body.home {overflow-y: hidden;}
.home .content { margin: 10px 8px; }
.home .content h3 { margin-bottom: 2%; font-weight: bold; color: #616161; }
.home .content p { margin-bottom: 1%; }
.home h4 { font-weight: bold; margin-top: 3%; color: #616161; }
.font{font-size:16px;}
.border{border-top:1px solid #000;border-bottom:1px solid #000;}
.outer-draw{background:rgba(255, 255, 255, 0.3);height:100%;position:relative;}
a{cursor:pointer;color:#0090ff;}
a:hover{color:#FF8833;}
svg{overflow:visible !important;}
#drawArea{height:100vh;}
.loading{position:absolute;top:52%;left:50%;z-index:5;background:#b2eef3;border-radius:4px;width:100px;transform:translate(-50%, -50%);}
.loading img{max-width:100%;}
.end-foot{position:absolute;bottom:2px;background:#b2eef3;width:99%;left:0;padding:1px 9px;}
.end-foot ul{margin:0;}
.end-foot ul li{text-align:center;}
.end-foot ul li img{max-height:25px;margin-left:10px;}
.foot p{margin:0;font-size:13px;text-align:center;}
.foot p a{font-weight:bold;}
.left-full-cont{width:77%;padding:0;}
.nodes-wrap{position:absolute;width:80%;top:0;left:8px;bottom:0;z-index:1;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;}
.iScrollVerticalScrollbar{right:-18px !important;width:12px !important;border-radius:10px;background:rgba(210, 252, 251, 0.47);border:1px solid rgba(244, 254, 254, 0.44) !important;}
.iScrollIndicator{border-radius:10px !important;background:#8dd4d6 !important;border:none !important;}
.draw-head{text-align:center;padding:0px 8px;z-index:6;width:14%;float:left;overflow:hidden;position:relative;height:100vh;}
.draw-head .img-holder{width:100%;padding:15px 0;text-align:center;position:relative;background:#F4FEFE;margin:4px 0 10px 0;-webkit-border-radius:4px;border:1px solid transparent;transition:0.5s all ease;}
.draw-head .img-holder:hover{background:#A5F7F9;border:1px solid #F4FEFE;}
.draw-head .img-holder.active span{color:#FF8733;}
.draw-head .img-holder img{max-width:100%;cursor:pointer;}
.draw-head .img-holder span{display:block;text-transform:capitalize;font-size:18px;cursor:pointer;font-weight:bold;color:#004252;}
.draw-head .img-holder .large-view{top:0;right:0;width:33px;height:32px;z-index:5;position:absolute;background:url('../../images/large-view.png');background-size:contain;background-repeat:no-repeat;}
.draw-head .dir-arrow{display:inline-block;vertical-align:top;padding:12px 14px;line-height:1.7;font-size:15px;}
.draw-head .dir-arrow a{display:block;}
.pop-view{position:absolute;z-index:10;background-color:rgba(177, 238, 243, 0.78);border:1px solid #e6e6e6;bottom:0;width:25%;display:none;}
.pop-view img{max-width:100%;}
.pop-view .close-icon{position:absolute;top:0;right:0;width:30px;height:43px;background:url(../../images/close.png);background-repeat:no-repeat;background-size:contain;cursor:pointer;}
.main-img{margin:0 auto;padding:30px 0;text-align:center;overflow:hidden;height:100vh;position:relative;}
.main-img svg{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.logo-cont{padding:2px 10px;text-align:center;background:rgba(244, 254, 254, 0.87);display:inline-block;top:0;position:absolute;vertical-align:middle;left:50%;transform:translateX(-50%);}
.logo-cont img{max-width:100%;max-height:60px;}
.right-full-cont{width:23%;height:100%;padding:10px;border-right:0;border-bottom:0;}
.right-full-cont .custom-color{margin:0 0 3% 0;font-size:16px;background:#F4FEFE;padding:0px 10px 10px 10px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.right-full-cont .custom-color .sp-replacer{margin-top:5px;display:block;width:148px;background:#fff;border:1px solid #e7e7e7;}
.right-full-cont .custom-color .sp-replacer:hover,
.right-full-cont .custom-color .sp-replacer.sp-active{border:1px solid #FF8733;}
.right-full-cont .custom-color .sp-replacer .sp-preview{width:116px;height:18px;border:none;}
.right-full-cont .custom-color .sp-replacer .sp-dd{line-height:18px;font-size:16px;margin-top:-2px;color:#c8c8c8;}
.sp-container{background-color:#F4FEFE;border:solid 1px #bde8e8;}
.sp-container button{background-color:#ff8733 !important;background-image:none !important;color:#fff;border:1px solid #ff8733 !important;font-weight:normal;padding:5px 13px;text-shadow:none;}
.sp-container button:hover{background-color:#f97d27 !important;}
.com-center img{max-width:100%;}
.colors-sec span{font-size:16px;}
.colors-sec a{font-size:12px;color:#333;}
.colors-sec .inner{margin-bottom:5px;}
.colors-sec .color-area{border:1px solid #bde8e8;background:rgba(255, 255, 255, 0.88);position:relative;overflow:hidden;height:calc(34vh);max-height:562px;}
.colors-sec .color-area .iScrollVerticalScrollbar{right:0 !important;}
.colors-sec ul{margin-left:0;margin-bottom:0;overflow-y:auto;padding:8px;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0) 10px, white 70%) bottom, radial-gradient(at top, rgba(0, 0, 0, 0.2), transparent 70%), radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 70%) bottom;background-repeat:no-repeat;background-size:100% 20px, 100% 20px, 100% 10px, 100% 10px;background-attachment:local, local, scroll, scroll;}
.colors-sec ul li{width:22px;height:22px;border:3px solid rgba(0, 0, 0, 0.1);margin-right:5px;border-radius:50%;}
.colors-sec ul li.active{transform:scale(1.5, 1.5);transition:all 0.5s ease;border:2px solid rgba(0, 0, 0, 0.11);}
.save{font-size:16px;padding:10px;float:right;padding:1px 0;text-align:center;}
.save a{display:block;padding:3px 20px;line-height:2;border-radius:4px;background:#ff8733;font-weight:bold;color:#fff;}
.save a:hover,
.save a:active,
.save a:focus{background:#f5924c;text-decoration:none;}
.center-cover{background:#F4FEFE;position:relative;float:left;width:86%;}
.center-cover .btn-default{border-radius:0;background:#fff;font-size:15px;border:none;z-index:1;margin:4px 0 0px 7px;}
.center-cover .btn-default:hover{background:#F4FEFE;}
.center-cover .btn-default:focus{outline:0;}
.center-cover .float-overlay{position:absolute;width:98%;height:50px;background:#b1eef3;left:8px;top:7px;border-radius:4px;z-index:1;padding:5px 12px;}
.center-cover .float-overlay .btn-default:first-child{margin-left:0;}
.btn{font-weight:700;letter-spacing:0.5px;color:#004252;padding:6px 12px;border-radius:4px;}
.btn-dark{background:#004252;color:#fff;}
.outer-draw .left-full-cont .active-panel{max-height:500px;transition:max-height 0.25s ease-in;}
.clrs-wrap{background:#F4FEFE;padding:10px 8px;border-radius:4px;}
.right-full-cont .custom-color .sp-replacer{width:100%;cursor:pointer;}
.right-full-cont .custom-color .sp-replacer .sp-preview{height:20px;width:89%;margin:0;}
.right-full-cont .custom-color .sp-replacer .sp-dd{float:right;width:13px;}
.icon{position:absolute;z-index:3;}
.icon:before{content:'';position:absolute;}
.icon:after{content:'';position:absolute;}
.icon i{position:absolute;}
.icon i:before{content:'';position:absolute;}
.icon i:after{content:'';position:absolute;}
.icon,
.icon:before,
.icon:after,
.icon i,
.icon i:before,
.icon i:after{transition:all 0.4s ease;}
.menu.icon:after{content:'';position:absolute;top:8px;left:0;width:17px;height:2px;background-color:currentColor;}
.menu.icon:before{content:'';position:absolute;top:-8px;left:0;width:17px;height:2px;background-color:currentColor;}
.menu.icon{top:20px;left:19px;color:#8c8c8c;position:absolute;margin-left:2px;margin-top:10px;width:22px;height:2px;background-color:currentColor;}
.close-ico.icon:after{content:'';position:absolute;top:10px;width:21px;height:1px;background-color:currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-ico.icon:before{content:'';position:absolute;top:10px;width:21px;height:1px;background-color:currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.section{padding:30px;background:#F4FEFE;border-radius:4px;}
.crumb{top:-3px;position:relative;border-top:1px solid #e4e3e3;text-align:center;}
.crumb .section{border-top-left-radius:0;border-top-right-radius:0;}
.breadcrumb{margin-bottom:8px;background-color:transparent;}
.map-sec iframe{width:100%;height:200px;}
.map-sec .info{padding:5px 25px 22px 25px;}
.map-sec .info p{margin:0;}
.map-sec .info .write{margin-top:10px;}
.zpad{padding:0 !important;}
.title{margin-top:7%;text-align:center;}
.title .section{padding:20px 30px;}
.title .section h3{font-size:30px;}
.content{margin-top:2%;font-size:16px;}
.content p,
.content ul li{line-height:1.8;}
.content p{margin-bottom:4%;}
.content strong{margin-bottom:10px;display:inline-block;}
.content .nm-text{margin-bottom:10px;}
.menu-sec{position:absolute;left:0;bottom:0;right:0;width:100%;height:28px;background:#b1eef3;padding:5px 7px;}
.menu-sec ul{margin:0;}
.menu-sec ul li{padding:0 8px;}
.menu-sec ul li a{color:#333;}
.menu-sec ul li a:hover{color:#424241;}
.close-ico.icon{color:#000;top:20px;left:19px;position:absolute;margin-top:0;margin-left:0;width:21px;height:21px;}
.logo-page{margin:20px 0;}
.page-static{padding-bottom:2%;}
.page-static .menu-sec{position:relative;background:#90e6ed;margin-top:2%;padding-left:0;padding-right:0;}
@media (max-width: 1300px) { .com-center { overflow: hidden; } }
@media (min-width:1200px){.container{width:560px;}
.float-cartoon{position:fixed;top:20%;width:32%;opacity:0.8;}
.float-cartoon.left{left:-24px;right:auto;}
.float-cartoon.right{right:-24px;left:auto;}
.float-cartoon img{max-width:100%;}
}
@media (max-width:992px){.draw-head{top:57px;width:170px;position:fixed;background:#90e6ed;margin-left:8px;}
.center-cover{width:100%;}
.left-full-cont{width:70%;}
.right-full-cont{width:30%;}
}
@media (min-width:993px){.cbp-spmenu-left{left:0;}
}
@media (max-width:992px){.right-full-cont .custom-color .sp-replacer .sp-preview{width:87%;}
.colors-sec span,
.right-full-cont .custom-color{font-size:13px;}
}
@media (min-width:992px) and (max-width:1160px){.center-cover .btn-default{font-size:13px;padding:6px 8px;}
}
@media (min-width:320px) and (max-width:992px){.center-cover .btn-default{display:none;}
}
@media (max-width:767px){.left-full-cont,
.right-full-cont,
.center-cover{width:100%;}
.recent-colors{bottom:0;}
.recent-colors span { width: 16%; }
.recent-colors .set-clrs { width: 80%; left: 19%; }
body.home{overflow-x:hidden;overflow-y:visible;}
.center-cover .float-overlay{width:96%;}
.end-foot{position:relative;width:100%;margin-top:5px;}
.menu-sec{position:relative;height:auto;}
.menu-sec ul,
.menu-sec div{float:none !important;margin-bottom:5px;}
.menu-sec ul li{display:block;text-align:center;padding:4px 0;}
.colors-sec .color-area{height:calc(44vh);z-index:5;}
.right-full-cont{height:auto;}
.colors-sec ul li{width:26px;height:26px;}
.pop-view{width:40%;}
.pop-view .close-icon{width:19px;height:27px;}
.right-full-cont .custom-color{margin-bottom:0;}
.main-img{padding:0;width:90%;height:91.2vh;}
.foot,
.center-cover .float-overlay{position:relative;}
.save a{background:#ebfcfc;padding:3px 9px;}
.save a:hover{background:#fff;}
.float-overlay{width:96%;}
}
@media (max-width:1170px){.iScrollVerticalScrollbar{right:-13px !important;}
}