@font-face{font-family: 'Raleway'; font-style: normal; font-weight: 900; src: local('Raleway Heavy'), local('Raleway-Heavy'), url(https://fonts.gstatic.com/s/raleway/v9/PKCRbVvRfd5n7BTjtGiFZPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');}
a:focus{outline: none;}
.topbar {background: #FFF; float: left; width: 100%; padding: 0; position: fixed; top: 0; z-index: 1000000; border-bottom: #444 1px solid; box-shadow: #000 0 0 5px; -moz-box-shadow: #000 0 0 5px; -webkit-box-shadow: #000 0 0 5px; left: 0;}
.topbar li{display: inline-block; padding-right: 5px;}
.topbar .button-lists{float: left; padding: 10px;}
.topbar li button.bar-button{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #FFF; line-height: 30px; padding-right: 10px;}
.topbar li button.bar-button i{border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; margin-right: 10px; padding: 0 10px; background: #333; line-height: 30px; color: #FFF;}
.topbar .save{background: #79D007;}
.topbar .warning{background: #EBC729;}
.topbar .danger{background: #D01F0B;}
.topbar .quit{background: #FF0000;}
.icon-bar{width: 100%; height: 1px; background: #FFF;}
.nav-btn{background: #0598BC url("../../images//themeeditor/general-nav.png") no-repeat scroll 0 2px; cursor: pointer; display: inline-block; height: 36px; float: right; margin: 7px 12px; text-indent: -9999em; width: 36px;}
.nav-btn:hover{background-color: #f60;}
.slidetoggle{background: #FFF; color: #333; position: fixed; top: 65px; height: 100% !important; right: 0; width: 25%; z-index: 9999999; box-shadow: 0 2px 2px #000; -moz-box-shadow: 0 2px 2px #000; -webkit-box-shadow: 0 2px 2px #000;}
.slidetoggle .slide-content{padding: 2% 2% 65px;}
.slidetoggle #slidetabs{height: 85%; overflow-y: scroll; position: absolute; width: 96%;}
.salecto_block{border: #f60 1px solid;cursor: move; /*margin-top: 10px;*/ margin-bottom: 10px; display: inline-block; width: 100%; position: relative; min-height: 21px; padding-top: 19px;}
.salecto_block .remove-block{cursor: pointer; display: inline;}
.salecto_block .remove-block:after{background: #F00; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f00d'; z-index: 1; padding: 4px 5px;}
.salecto_block_name{background: #f60; color: #fff; cursor: pointer; float: left; font-size: 10px; left: 0; margin: -19px 0 0; padding: 2px 5px; top: 0; z-index: 1; font-family: 'Open Sans';}
.salecto_block_name::after{background: #000 none repeat scroll 0 0; color: #fff; content: "\f107"; display: inline-block; float: right; font-family: "FontAwesome"; font-size: 13px; height: 20px; line-height: 20px; margin: -3px -5px -5px 5px; right: 0; text-align: center; top: 0; width: 22px; z-index: 1;}
.salecto_block .undo-block{cursor: pointer; display: inline;}
.salecto_block .undo-block:after{background: #48BE85; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f0e2';z-index: 1; padding: 4px 5px;}
.salecto_block .edit-block{cursor: pointer; display: inline; float: left;}
.salecto_block .edit-block:after{background: #48BE85; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f040';z-index: 1; padding: 4px 5px;}
.salecto_block .action-block{position: absolute; cursor: pointer; right: 0; top: 0;font-size: 10px; line-height: normal;}
.topbar .dropdown{float: left; padding: 10px; border-left: #555 1px solid; border-right: #555 1px solid;}
.topbar .dropdown select{width: 150px; height: 30px;}
.topbar .responsive-view{float: left; padding: 10px;}
.topbar .responsive-view li{padding: 0 5px;}
.topbar .responsive-view a{font-size: 18px; color: #666;}
.topbar .responsive-view a:hover, .topbar .responsive-view li.current a{color: #000;}
.salecto_block .salecto_block{margin: 30px 3% 0; width: 94%;}
.slide-content .ui-accordion h3{background: #CCC; font-family: 'Open Sans'; font-size: 13px; font-weight: 700; cursor: pointer; padding: 2px; margin: 0 0 3px; border: #CCC 1px solid; color: #333;}
.slide-content .ui-accordion h3.ui-state-active, .slide-content .ui-accordion h3.ui-state-hover{background: #0598BC; color: #FFF;}
.slide-content .ui-accordion h3 i{padding: 0 10px 0 4px;}
.slide-content .ui-accordion h3 i.addiconstatic{float: right; padding: 0 5px; font-size: 18px;}
.slide-content .ui-accordion-content{background: #FFF; font-size: 13px; padding: 5px; color: #666; margin: 0 0 3px; border: #0598BC 1px solid;}
.slide-content .ui-accordion-content .ui-sortable-handle{font-weight: 600; border: #CCC 1px solid; padding: 2px; margin-bottom: 1px; cursor: pointer; position: relative;}
.slide-content .ui-accordion-content [id^=static].ui-sortable-handle:hover:after{font-family: 'FontAwesome'; content: '\f040'; position: absolute; right: 3px; z-index: 1; top: 1px; font-size: 15px;}
.themeeditor{border: solid 1px #000 !important; border-style: dashed !important;margin-top: 2px; padding:2px;}
.highlight{border: #00CBFF 1px dashed !important; visibility: visible !important; min-height: 28px;}
.drag_holder{background: #333; cursor: move; height: 30px; margin: 0 0 5px; padding: 5px; font-weight: 700; text-transform: uppercase; color: #FFF;}
.topbar .dropdown select{padding: 3px; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 #333, 0 -1px #000 inset; -moz-box-shadow: 0 3px 0 #333, 0 -1px #000 inset; box-shadow: 0 3px 0 #333, 0 -1px #000 inset; background: #444; color: #FFF; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-weight: normal; text-transform: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){select{padding-right: 18px}}
.topbar .dropdown{position: relative}
.topbar .dropdown:after{content: '<>'; font: 11px "Consolas", monospace; color: #FFF; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 14px; top: 17px; padding: 0 0 2px; border-bottom: 1px solid #FFF; position: absolute; pointer-events: none;}
.topbar .dropdown:before{content: ''; right: 14px; top: 12px; width: 20px; height: 20px; background: #444; position: absolute; pointer-events: none; display: block;}
.topbar-logo{float: left; font-family: 'Raleway'; font-size: 28px; font-weight: 700; line-height: 48px; margin: 0 20px; text-indent: -9999em; background: url(../images/topbar-logo.png) no-repeat left 8px; width: 148px; background-size: 100%;}
.theme-attributes h4{background: #23282D url(images/tab-icon.png) no-repeat 3px center; padding: 2px 10px 2px 25px; color: #FFF; font-size: 1em; font-weight: bold; line-height: 18px; min-height: 0; font-family: 'Open Sans'; text-transform: none; font-weight: normal; margin: 0; cursor: pointer; margin-bottom: 2px; border: #CCC 1px solid; text-transform: uppercase; font-weight: 700;}
.theme-attributes h4:hover{background-color: #0073aa;}
.theme-attributes fieldset{border: #CCC 1px solid; padding: 5px; margin: -2px 0 2px; border-top: none; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.theme-attributes .item{clear: both;; display: table; width: 100%; padding: 5px 0;}
.theme-attributes .item label{float: left; font-size: 13px;}
.theme-attributes .item select{float: right; width: 52%; border: #CCC 1px solid; -moz-appearance: textfield; appearance: textfield; -webkit-appearance: textfield; font-size: 13px; font-weight: normal; text-transform: none; padding: 0; background: none;}
.theme-attributes .item .inline{float: right; width: 52%;}
.theme-attributes .item input{height: 24px; padding: 0 3px; border: #CCC 1px solid; float: right; width: 52%; font-size: 13px;}
.theme-attributes .item .inline input.range{width: 28px; height: 24px; padding: 0 3px; border: #CCC 1px solid; float: left; margin: 0 7px 0 0; font-size: 13px;}
.toggle-btn{float: left; font-size: 14px; padding: 10px 15px; border-right: 1px solid #555; border-left: 1px solid #555;}
.toggle-btn span{text-transform: uppercase; font-size: 14px; color: #FFF; font-weight: 700; padding: 5px 10px; cursor: pointer; display: table-cell;}
.toggle-btn label{float: left; font-size: 14px; padding: 0 15px 0 0;}
.toggle-btn span.disable{background: #48BE85;cursor: pointer; opacity: 0.3;}
.toggle-btn span.enable{background: #48BE85;}
#loading-mask{background: #000; font-size: 1.1em; font-weight: bold; opacity: 0.6; position: fixed; text-align: center; z-index: 2147483647; width: 100%; height: 100%; top: 0;}
#loading-mask .loader{height: 36px; left: 49%; overflow: hidden; position: fixed; text-align: center; top: 49%; width: 36px; z-index: 1000;}
#loading-mask .loader{background-color: #dadada; border-color: #68c39f; color: #d04646;}
#loading-mask .loader{background: none !important;}
.slidetoggle .ui-icon, .slidetoggle .ui-widget-content .ui-icon{display: none;}
#loading_mask_loader > img{width: 36px;}
.topbar .nodeaddress{background: #f0f0f0; padding: 7px; border-bottom: 1px solid #ccc; color: #000; float: left; font-size: 11px; width: 100%;}
.topbar .nodeaddress .spe{background: #fff; border-radius: 7px; color: #f00; display: inline-block; font-size: 9px; font-weight: bold; height: 14px; line-height: normal; text-align: center; width: 14px;}
.inline .rangeslider{float: right; margin: 7px 0; width: 55%;}
.theme-attributes .item .radioinput > input{float: left; height: auto; margin: 3px 6px 0 0; padding: 0; width: auto;}
.radioinput{display: table; float: left; margin: 0; width: 50%;}
.tmp_hover{outline: 1px dotted #2bfde0 !important;}
.tmp_selected{outline: 1px dotted #FF5314 !important;}
.selectornav li a{ padding: 7px; display: block;}
.selectornav li {border: #000 1px dotted; border-right: none;}
.selectornav li:last-child{border-right: #000 1px dotted;}
.selectornav ul{display: none;}
.selectornav li:hover{ background:#CDCDCD; color: #000;}
.selectornav li:hover a{color: #000;}
.selectornav li:hover a:hover{text-decoration:  none;}
.selectornav li:hover ul{display: block; position: absolute; z-index: 99999; border: #000 1px dotted; border-top: none;}
.selectornav li:hover ul li{width: 100%; display: block; border: none; padding: 7px; border-bottom: #000 1px dotted; background: #CDCDCD; color: #000;}
.selectornav li:hover ul li:last-child{border-bottom: none;}
.topbar .unsave{background: #D4FF99;}
/*************** UI TABS ***************/
.ui-tabs, .ui-accordion .ui-accordion-content{padding: 5px !important; background: none !important; margin-top: -3px; border-radius: 0 !important;}
.ui-tabs{border: none !important; margin: 0 !important; padding: 0 !important;}
.ui-tabs .ui-tabs-nav{border: none !important; padding: 0 !important; background: none !important;}
.ui-tabs .ui-tabs-nav li{background: none !important; border: none !important;}
.ui-tabs .ui-tabs-panel{padding: 1em 0 !important;}
.slide-content .ui-accordion h3{border: none !important; border-radius: 0 !important;}
.body-mobile-landscape{background: url("../../images/themeeditor/mobile-landscape.png") no-repeat scroll center 100px; min-height: 670px;}
.body-mobile-landscape .wrapper{height: 545px; margin-top: 215px !important; min-height: initial; overflow-y: scroll; width: 320px;}
.body-mobile-portrait{background: url("../../images/themeeditor/mobile-portrait.png") no-repeat scroll center 120px; overflow: hidden;}
.body-mobile-portrait .wrapper{height: 321px; margin-top: 170px !important; min-height: initial; overflow-y: scroll; width: 607px;}
.body-tablet-landscape{background: url("../../images/themeeditor/ipad-landscape.png") no-repeat scroll center 120px; min-height: 1300px;}
.body-tablet-landscape .wrapper{height: 996px; margin-top: 264px !important; min-height: initial; overflow-y: scroll; width: 761px;}
.body-tablet-portrait{background: url("../../images/themeeditor/ipad-portrait.png") no-repeat scroll center 120px; min-height: 770px;}
.body-tablet-portrait .wrapper{height: 742px; margin-top: 259px !important; min-height: initial; overflow-y: scroll; width: 1016px;}
.themeeditor-content{border: 1px dashed #000 !important; margin-top: 2px; padding: 2px;}
[data-position="child"]{border: 1px solid #f60 !important; cursor: move; display: inline-block; margin-bottom: 10px; margin-top: 10px; min-height: 21px; padding-top: 19px; position: relative; width: 100%;}
[data-position="child"] .content-remove-block{cursor: pointer; display: inline;}
[data-position="child"] .content-remove-block:after{background: #F00; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f00d';z-index: 1; padding: 4px 5px;}
[data-position="child"] .content-undo-block{cursor: pointer; display: inline;}
[data-position="child"] .content-undo-block:after{background: #48BE85; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f0e2';z-index: 1; padding: 4px 5px;}
[data-position="child"] .content-edit-block{cursor: pointer; display: inline; float: left;}
[data-position="child"] .content-edit-block:after{background: #48BE85; color: #FFF; font-family: 'FontAwesome'; font-size: 8px; content: '\f040';z-index: 1; padding: 4px 5px;}
[data-position="child"] .content-action-block{position: absolute; cursor: pointer; right: 0; top: 0;font-size: 10px; line-height: normal;}
/*.salecto_block_name:after{background:#000;color:#fff; font-family: 'FontAwesome';content:'\f107';font-size: 8px;position: absolute; right: 0; top: 0; z-index: 1; padding: 4px 5px;}*/
.salecto_content_block_name{ cursor: pointer; background: #f60; color: #FFF; font-size: 10px; position: absolute; left: 0; top: 0; z-index: 1; padding: 4px 5px; line-height: 15px; font-family: 'Open Sans';}
.salecto_content_block_name::after{background: #000 none repeat scroll 0 0; color: #fff; content: "\f107"; display: inline-block; float: right; font-family: "FontAwesome"; font-size: 13px; height: 24px; line-height: 24px; margin: -5px -5px -5px 5px; right: 0; text-align: center; top: 0; width: 22px; z-index: 1;}
.nametoggale{height: 24px; overflow: hidden;}
.nametoggale::after{content: "\f106";}
[data-is_removed="true"]{opacity: 0.2;}
.ui-sortable-handle { background: #fff; }
.mce-container.mce-panel{z-index: 999998999 !important;}
#mce-modal-block{z-index: 999998998 !important;}
#MB_window[id]{}
#MB_window{top: 5vh !important; z-index: 9999999; height: 85vh !important;}
.staticblock_content{height: 50vh; overflow-y: scroll; background: #EEE; border-top: #333 3px solid; margin: -6px -0.75em; padding: 15px;}
.staticblock_content .row{display: table; width: 100%; margin: 0 0 15px;}
.staticblock_content label{padding-right: 15px; padding-top: 1px; width: 185px; color: #303030; font-size: 14px; float: left;}
.staticblock_content .inputarea{float: left; width: 500px;position: relative;}
.staticblock_content .inputarea select{-moz-appearance: button; width: 100%; background: #F5F5F6; border: 1px solid #c0c0c0; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px;}
.staticblock_content .inputarea input[type=text], .staticblock_content .inputarea select{background-color: #FFF; border-color: #b9b9b9; color: #6e6e6e;}
.staticblock_content .inputarea select.multiselect{width: 280px;}
.staticblock_content .inputarea select optgroup{font-style: normal;}
.staticblock_content button.bar-button{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #FFF; line-height: 30px; padding-right: 10px;}
.staticblock_content button.bar-button i{border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; margin-right: 10px; padding: 0 10px; background: #333; line-height: 30px; color: #FFF;}
.staticblock_content .save{background: #79D007;}
.slide-content .ui-accordion h3 i{padding: 0 10px 0 4px;}
.slide-content .ui-accordion h3 i.addiconslider{float: right; padding: 0 5px; font-size: 18px;}

.sliderblock_content{height: 50vh; overflow-y: scroll; background: #EEE; border-top: #333 3px solid; margin: -6px -0.75em; padding: 15px;}
.sliderblock_content .row{display: table; width: 100%; margin: 0 0 15px;}
.sliderblock_content label{padding-right: 15px; padding-top: 1px; width: 185px; color: #303030; font-size: 14px; float: left;}
.sliderblock_content .inputarea{float: left; width: 500px;position: relative;}
.sliderblock_content .inputarea select{-moz-appearance: button; width: 100%; background: #F5F5F6; border: 1px solid #c0c0c0; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px;}
.sliderblock_content .inputarea input[type=text], .staticblock_content .inputarea select{background-color: #FFF; border-color: #b9b9b9; color: #6e6e6e;}
.sliderblock_content .inputarea select.multiselect{width: 280px;}
.sliderblock_content .inputarea select optgroup{font-style: normal;}
.sliderblock_content button.bar-button{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #FFF; line-height: 30px; padding-right: 10px;}
.sliderblock_content button.bar-button i{border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; margin-right: 10px; padding: 0 10px; background: #333; line-height: 30px; color: #FFF;}
.sliderblock_content .save{background: #79D007;}