.custom_options_shadow{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10001;background-color:#000;opacity:0.5;display:none;}
.custom_options_shadow:before{content:' ';display:none;position:absolute;top:50%;left:50%;width:3em;height:3em;z-index:1;margin:-1.5em 0 0 -1.5em;background-color:#ffffff;}
.custom_options_shadow.loading:before{display:block;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;}
body.custom_options_opened .custom_options{left:0;}
.custom_options{position:fixed;z-index:10002;left:-260px;top:0;width:260px;height:100%;padding:20px 0 0 0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.admin-bar .custom_options{padding:32px 0 0 0;}
.custom_options .sc_scroll_bar{display:none;}
.custom_options #co_toggle{width:38px;height:38px;line-height:38px;text-align:center;position:absolute;top:140px;margin-top:0;right:-38px;font-size:20px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
body.custom_options_opened #co_toggle{opacity:0;}
.custom_options a{border-bottom:none;}
.custom_options .co_header{border-style:solid;border-width:1px 0;height:50px;line-height:50px;padding:0 20px;font-weight:400;}
.custom_options .co_header .co_reset{font-size:14px;margin-left:10px;vertical-align:top;display:none;font-weight:400;float:right;text-transform:none;}
.custom_options.co_show_reset .co_header .co_reset{display:inline-block;}
.custom_options .co_header .co_reset:before{font-size:14px;line-height:20px;margin-right:5px;vertical-align:middle;margin-top:-3px;}
.custom_options .co_section{border-bottom-style:solid;border-bottom-width:1px;padding:25px 20px 30px;position:relative;}
.custom_options .co_label{text-transform:uppercase;text-align:center;font-size:14px;margin:0 0 13px 0;}
.custom_options .co_image_check{position:relative;}
.custom_options .co_image_check a{display:inline-block;margin:3px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:120% auto;-moz-background-size:120% auto;-o-background-size:120% auto;background-size:120% auto;}
.custom_options .co_image_check a:after,
.custom_options .co_image_check a:before,
.custom_options .co_image_check .co_bg_preview{-webkit-transition:all 0.3s ease-out 0.2s;-moz-transition:all 0.3s ease-out 0.2s;-o-transition:all 0.3s ease-out 0.2s;transition:all 0.3s ease-out 0.2s;}
.custom_options .co_image_check a:before{content:'';display:block;margin:-6px auto 0 auto;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;z-index:3;opacity:0;}
.custom_options .co_image_check a.current:before{opacity:1;}
.custom_options .co_image_check a:after{content:' ';opacity:0;display:block;border:1px solid #ccc;padding:2px;margin:-3px 0 0 -3px;}
.custom_options .co_image_check a.active:after{opacity:1;}
.custom_options .co_image_check .co_bg_preview{display:block;position:absolute;left:0;right:0;opacity:0;border-width:1px;border-style:solid;z-index:2;height:0;pointer-events:none;}
.custom_options .co_image_check a.current .co_bg_preview{opacity:1;height:140px;}
.custom_options .co_image_check .co_scheme_wrapper{width:20px;height:20px;position:relative;}
.custom_options .co_image_check .co_pattern_wrapper{width:20px;height:20px;}
.custom_options .co_image_check .co_image_wrapper{width:63px;height:37px;}
.custom_options .co_image_check .co_pattern_wrapper .co_bg_preview{bottom:35px;}
.custom_options .co_image_check .co_image_wrapper .co_bg_preview{bottom:52px;}
.custom_options .co_image_check .co_scheme_wrapper:after{width:20px;height:20px;line-height:20px;font-size:0.75em;color:#fff;}
.custom_options .co_image_check .co_pattern_wrapper:after{width:20px;height:20px;line-height:20px;font-size:0.75em;color:#fff;}
.custom_options .co_image_check .co_image_wrapper:after{width:63px;height:37px;line-height:37px;font-size:0.875em;color:#fff;}
.custom_options .co_image_check#co_bg_images_list{text-align:center;}
.custom_options .co_image_check#co_bg_images_list .co_bg_preview{background-repeat:no-repeat;background-position:center center;-webkit-background-size:140% auto;-moz-background-size:140% auto;-o-background-size:140% auto;background-size:140% auto;}
.custom_options .co_image_check#co_scheme_list{text-align:center;}
.custom_options .co_image_check#co_scheme_list a{border:1px solid #c0c2c5;}
.custom_options .co_image_check#co_bg_pattern_list{text-align:center;}
.custom_options .co_image_check#co_bg_pattern_list a{border:1px solid #c0c2c5;}
.custom_options .co_image_check#co_bg_pattern_list .co_bg_preview{background-repeat:repeat;background-position:center center;}
.custom_options .co_switch_box{border-width:1px;border-style:solid;margin:0 auto;position:relative;}
.custom_options .co_switch_box:after{content:'';display:block;height:0;clear:both;}
.custom_options .co_switch_box a{display:block;font-size:13px;}
.custom_options .co_switch_box .switcher{position:absolute;height:28px;left:0;top:0;z-index:-1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.custom_options .co_switch_box.co_switch_horizontal{}
.custom_options .co_switch_box.co_switch_horizontal a{width:50%;float:left;height:28px;line-height:28px;text-align:center;}
.custom_options .co_switch_box.co_switch_horizontal .switcher{width:50%;}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3{}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3 a{width:33.3333%;}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3 .switcher{width:33.3333%;}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4{width:200px;}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4 a{width:25%;}
.custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4 .switcher{width:25%;}
.custom_options .co_switch_box.co_switch_vertical{width:100%;height:auto;}
.custom_options .co_switch_box.co_switch_vertical a{display:block;height:28px;line-height:28px;text-align:left;padding:0 10px 0 30px;overflow:hidden;}
.custom_options .co_switch_box.co_switch_vertical .switcher{width:100%;}
.custom_options .co_switch_box.co_switch_vertical .switcher:before{content:'\e84b';font-family:"fontello";display:block;height:28px;width:28px;text-align:center;font-size:10px;line-height:28px;}
.custom_options.co_dark,
.custom_options.co_dark a,
.custom_options.co_dark .co_label,
.custom_options.co_dark .co_header,
.custom_options.co_dark .co_header .co_ico{color:#a1a1a1;}
.custom_options.co_dark .co_header .co_reset:hover{color:#fff;}
.custom_options.co_dark .co_image_check#co_bg_pattern_list a,
.custom_options.co_dark .co_header,
.custom_options.co_dark .co_switch_box{border-color:#262628;}
.custom_options.co_dark .co_image_check .co_bg_preview{border-color:#373737}
.custom_options.co_dark .co_image_check a:before,
.custom_options.co_dark .co_image_check .co_bg_preview:after{border-color:#373737 transparent transparent transparent;}
.custom_options.co_dark .co_scheme_wrapper span:before,
.custom_options.co_dark .iColorPicker.current:before{border-color:transparent transparent #262628 transparent;}
.custom_options.co_dark .co_scheme_wrapper span,
.custom_options.co_dark .iColorPicker span,
.custom_options.co_dark .co_switch_box .switcher{background-color:#262628;}
.custom_options.co_dark .co_header .co_ico,
.custom_options.co_dark,
.custom_options.co_dark #co_toggle{background-color:#161616;}
.custom_options.co_dark .co_section{border-bottom-color:#262628}
.custom_options.co_dark .iColorPicker{background-image:url(images/colorpicker_dark.png);}
.custom_options.co_dark .sc_scroll.sc_scroll_vertical .sc_scroll_bar{background-color:#161616;}
.custom_options.co_dark .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag{background-color:#a1a1a1;}
.custom_options.co_light,
.custom_options.co_light a,
.custom_options.co_light .co_label,
.custom_options.co_light .co_header,
.custom_options.co_light .co_header .co_ico{color:#242424;}
.custom_options.co_light .co_header .co_reset:hover{color:#000;}
.custom_options.co_light .co_header{border-color:#ccd0d1;}
.custom_options.co_light .co_image_check#co_bg_pattern_list a,
.custom_options.co_light .co_switch_box{border-color:#ccd0d1;}
.custom_options.co_light .co_image_check .co_bg_preview{border-color:#ccd0d1;}
.custom_options.co_light .co_image_check a:before,
.custom_options.co_light .co_image_check .co_bg_preview:after{border-color:#ccd0d1 transparent transparent transparent;}
.custom_options.co_light .co_scheme_wrapper span:before,
.custom_options.co_light .iColorPicker.current:before{border-color:transparent transparent #ccd0d1 transparent;}
.custom_options.co_light .co_scheme_wrapper span,
.custom_options.co_light .iColorPicker span{color:#fff;}
.custom_options.co_light .co_scheme_wrapper span,
.custom_options.co_light .iColorPicker span,
.custom_options.co_light .co_switch_box .switcher{background-color:#ccd0d1;}
.custom_options.co_light .co_header .co_ico,
.custom_options.co_light,
.custom_options.co_light #co_toggle{background-color:#f5f6f7;}
.custom_options.co_light .co_section{border-bottom-color:#ccd0d1}
.custom_options.co_light .iColorPicker{background-image:url(images/colorpicker_light.png);}
.custom_options.co_light .sc_scroll.sc_scroll_vertical .sc_scroll_bar{background-color:#f4f7f9;}
.custom_options.co_light .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag{background-color:#161616;}
.custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_wrapper{padding:0;}
.custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_slide{float:none;}
.admin-bar .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar{padding:99px 0 0 0;}
.custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar{width:6px;padding:67px 0 0 0;}
.custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag{width:2px;margin:0 auto;}
.co_colorpic_list{text-align:center;}
.custom_options .iColorPicker{width:25px;height:25px;display:inline-block;margin:2px;background-repeat:no-repeat;background-position:center center;cursor:pointer;vertical-align:middle;position:relative;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
.custom_options .co_scheme_wrapper span,
.custom_options .iColorPicker span,
.custom_options .iColorPicker.current:before{-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}
.custom_options .co_scheme_wrapper span,
.custom_options .iColorPicker span{display:block;position:absolute;bottom:-28px;left:50%;font-size:12px;text-align:center;opacity:0;color:#a1a1a1;width:0;margin:0;height:20px;line-height:20px;}
.custom_options .iColorPicker span{overflow:hidden;}
.custom_options .co_scheme_wrapper:hover span,
.custom_options .iColorPicker.current span{opacity:1;margin:0 0 0 -50px;width:100px;}
.custom_options .co_scheme_wrapper span:before,
.custom_options .iColorPicker.current:before{content:' ';display:block;height:0;width:0;position:absolute;left:50%;bottom:-8px;border-style:solid;border-width:0 5px 6px 5px;margin:0 0 0 -3px;z-index:2;opacity:0;}
.custom_options .co_scheme_wrapper span:before{bottom:auto;top:-6px;}
.custom_options .co_scheme_wrapper:hover span:before,
.custom_options .iColorPicker.current:before{opacity:1;}
.iColorPickerTable .iColorPicker_moreColors{background-image:url(images/colorpicker_morecolors.png);background-repeat:no-repeat;display:inline-block;margin-left:0.5em;width:1em;height:1em;line-height:1em;vertical-align:middle;}
.iColorPickerTable{background-color:#ddd !important;padding:5px;color:#fff;z-index:999999;margin:5px 0 0 0;}
.iColorPickerTable .colorPickerTable td{border-color:#ddd !important;border-width:0 !important;-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out;}
.iColorPickerTable .colorPickerTable thead tr td{width:0.875em !important;height:0.875em !important;overflow:hidden;line-height:0;padding:0;cursor:pointer;}
.iColorPickerTable .colorPickerTable thead tr td:hover{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.5) inset;-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.5) inset;box-shadow:0 0 4px 0 rgba(0,0,0,0.5) inset;}
.iColorPickerTable .colorPickerTable tbody tr td{vertical-align:middle;text-align:center;height:3.125em;}