#adminmenuback , #adminmenuwrap { display: none; }
#wpcontent { margin-left:0; }
#zn_pb_content_wrapper iframe , #zn_pb_content_wrapper { width: 100%;height: 100%; }

/* OBLIQUE BUTTON DISABLER */
.zn_disable_oblique { line-height: 30px; }
.zn_disable_oblique > span{ margin-right: 10px; }
.zn_disable_oblique > * { float: left; }



.zn_front_pb_wrap {position: fixed;bottom: 0;width: 100%;background: #fff;z-index: 1000;-webkit-backface-visibility: hidden; font-size: 14px; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}

html { }

.zn_pb_animate {
-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
   -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
     -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
      transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.zn_pb_header {z-index: 1;position: relative;}
.zn_fpb_buttons {line-height: 49px;}
.zn_fpb_buttons a {padding: 7px 15px;text-decoration: none;color: #000; font-weight: normal; margin: 9px 0;}
.zn_fpb_buttons.zn_left a:hover {text-decoration: none;color:#969595; }
.zn_fpb_buttons.zn_left a {color: #bababa;font-weight: bold; }
.zn_fpb_buttons.zn_left .zn-pb-active-tab,
.zn_fpb_buttons.zn_left .zn-pb-active-tab:hover {color:#3A3A3A;}
.zn_fpb_buttons.zn_right  a { float:left;}
.zn_fpb_buttons a {border-right: 1px solid #bababa;}
.zn_fpb_buttons a:last-child {border: none;}

.zn_pb_close_panel .dashicons {vertical-align: middle; }
.znpb-editor-hidden .zn_pb_close_panel .dashicons:before {content: "\f343";}

.zn_left {float: left;}
.zn_right {float: right;}

.zn_fpb_buttons a.zn_publish {
margin: 0;
padding: 0px 25px;
background: #3AC4C3;
color: #FFF;
overflow: hidden;
font-weight: bold;
display: block;
position:relative;
}

.znpb_custom_action > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.znpb_custom_action .zn_toggle2 label {
  margin-bottom: 0;
}

/* PB Search */
.zn_pb_search[type=search] {background:#fff;height: 29px;margin: 10px 20px;float: left;line-height: 20px;border: 1px solid #ddd;border-radius: 20px;padding: 0 15px;color:#A0A0A0;font-size: 14px;width: auto; box-shadow: none; outline: none; width:200px;}
.zn_pb_search[type=search]:hover {border-color:#ababab;}
.zn_pb_search[type=search]:focus { border-color: #D4D4D4; box-shadow: 0 0 13px rgba(0,0,0,0.2);}
.zn_pb_search[type=search]::-webkit-search-cancel-button{ position: relative; right: -5px; -webkit-appearance: searchfield-cancel-button; opacity: 1; cursor: pointer;}

#ZnnoMatches {display: none;}

.zn_pb_editor_right_action { float: left; }



/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
      transition-duration: 0.8s;

}

.isotope {
  -webkit-transition-property: height, width;
   -moz-transition-property: height, width;
    -ms-transition-property: height, width;
     -o-transition-property: height, width;
      transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
     -o-transition-property:      -o-transform, opacity;
      transition-property:         transform, opacity;

/*          -webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;*/
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
   -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
      transition-duration: 0s;
}


.zn_pb_element_container {width: 100px;text-align: center;margin: 10px;display: inline-block;cursor: move;min-height: 171px;}
.zn_pb_element {width: 100px;text-align: center;}

/* WHILE DRAGGING */
.zn_pb_element.ui-draggable-dragging {}
.zn_pb_element.ui-draggable-dragging .zn_pb_el_title ,.zn_pb_element.ui-draggable-dragging .zn_pb_el_category  {display: none;}


/* SIDEBAR AND ELEmENTS */

.zn_pb_el_icon { width: 100px;height: 100px; margin-bottom: 5px;}
.zn_pb_el_title {font-size: 12px;font-weight: bold; color:#000;}
.zn_pb_el_category {font-size: 10px;font-weight: bold; color:#646464;}

/* START SORTABLE STYLES */
.zn_pb_el_container {}
.zn_pb_spinner {float: left;background: url("../img/ajax-loader.gif") no-repeat center center;width: 100%;height: 39px;}
.zn_el_options_bar {padding:0 15px;background: #2c2e38;width: 100%;z-index: 1000;overflow: hidden; line-height: 24px; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.zn_el_options_bar > .zn_pb_icon {font-size: 11px;color: #fff;width: 22px;}
.zn_el_options_bar > span {font-size: 13px;float: left;color: #fff;line-height: 28px;}
.zn_el_options_bar > a , .zn_el_options_bar > a:hover {color: #fff;text-decoration: none;padding: 2px 5px;display: inline-block;float: right;}
/*.zn_pb_el_container {position: relative;}*/

/*.zn_pb_el_container:hover .zn_el_options_bar{
  height: auto;
}*/

/*.row.zn_sortable {display: block;overflow: hidden;}*/ /* HIDES THE ELEMENTS WHEN MOVING */

/*.zn-state-highlight:before {content :"Drop here.";width: 100%;padding: 20px;background: #ccc;}*/
/*.zn_pb_el_container.ui-sortable-helper * {opacity: 0;}*/


/* ELEMENT ACTIONS */
.zn_pb_el_container .zn_el_options_bar  .zn_pb_icon {cursor: pointer;text-align: center;line-height:20px;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.zn_el_options_bar > .zn_pb_icon:hover {background: #3ac4c3;}

body.zn_pb_loading:before { content:" "; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;display: block;background:#fff url("../img/ajax-loader.gif") no-repeat center center; }

.zn_upload_image_button {float: left;padding: 10px 20px;background: #1ABC9C;color: #fff; cursor: pointer;}


/* TODO MAKE BETTER STYLE */
.zn_content  {}
.zn_content {min-height: 30px;}

.zn_no_content {padding: 30px; border: 3px dotted #3ac4c3; color: #3ac4c3; text-align: center;font-weight: bold;margin: 20px 0; }



/* PB SIDEBAR */


.zn_pb_groups {margin: 0;padding: 0;}
.zn_pb_groups li {background: #31323b;margin-bottom: 1px; list-style: none; }
.zn_pb_groups li a {color: #fff;padding: 10px 15px;color:#8e8f9d;display:block;text-transform:uppercase;position:relative; text-decoration: none; }
.zn_pb_groups li a:focus {  outline: none; }
.zn_pb_groups li a:hover {text-decoration: none;background: #2c2e38;color: #C1C1C9;}
.zn_pb_groups li a.zn_pb_selected {background: #3ac4c3;color: #fff;}
/*.zn_pb_groups li a.zn_pb_selected:after {z-index:1000;left: 100%; border: solid transparent; content: " "; height: 50px; width: 0; position: absolute; border-left-color: #3ac4c3; border-width: 22px 15px; top: 0px; }*/
.zn_pb_circle {border-radius: 50%; width: 8px; height: 8px;background: #3a3b45;display: inline-block;margin-right: 10px;margin-bottom: 1px; }
.zn_pb_groups li a.zn_pb_selected .zn_pb_circle , .zn_pb_groups li a.zn_pb_selected:hover .zn_pb_circle{background: #36b6b5;}
.zn_pb_groups li a:hover .zn_pb_circle {background: #6A6B75;}



.zn_error {border:1px solid red !important;}

/* DRAGBAR */
.zn_pb_dragbar {width: 100%; height:4px; background: #000; cursor: row-resize; -webkit-transition: all .2s; transition: all .2s}
.zn_pb_dragbar:hover {height: 15px; opacity:.6;}


.zn_hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   width: 100%;
}


/* TABS */
.zn_pb_el_container > .zn_el_options_bar {background:#3AC4C3;position: absolute;top: 0;visibility:hidden;width: 300px; left: 50%; margin-left: -150px;transition: all 0.3s; opacity: 0;margin-top: -10px; border-radius:3px; }
.zn_element_znsection > .zn_el_options_bar {background:#73C2E0;position: absolute;top: 100%;width: 300px; left: 50%; margin-left: -150px; }
.zn_element_zncolumn > .zn_el_options_bar {top:50%;height: 156px;background:#2c2e38;width: 22px; position: absolute; left: -7px; padding: 0;margin-left: 0; z-index: 999; }
.zn_element_zncustomcontainer  > .zn_el_options_bar { background:#535353; left:50px; margin-left:0; margin-top: -20px;}
.zn_section_size.full_width .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container > .zn_element_zncolumn > .zn_el_options_bar { left:15px; }

/* Gutter Sizes - Large */
.zn_section_size.full_width .zn_columns_container.gutter-lg > .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container.gutter-lg > .zn_element_zncolumn > .zn_el_options_bar { left:40px; }
/* Gutter Sizes - Medium */
.zn_section_size.full_width .zn_columns_container.gutter-md > .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container.gutter-md > .zn_element_zncolumn > .zn_el_options_bar { left:25px; }
/* Gutter Sizes - Small */
.zn_section_size.full_width .zn_columns_container.gutter-sm > .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container.gutter-sm > .zn_element_zncolumn > .zn_el_options_bar { left:10px; }
/* Gutter Sizes - Extra small */
.zn_section_size.full_width .zn_columns_container.gutter-xs > .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container.gutter-xs > .zn_element_zncolumn > .zn_el_options_bar { left:5px; }
/* Gutter Sizes - zero gutter */
.zn_section_size.full_width .zn_columns_container.gutter-0 > .zn_element_zncolumn > .zn_el_options_bar,
.zn_pb_wrapper > .zn_element_zncustomcontainer > .zn_columns_container.gutter-0 > .zn_element_zncolumn > .zn_el_options_bar { left:0px; }


/* Bars inside Custom Container Element */
.zn_element_zncustomcontainer .zn_element_zncolumn > .zn_el_options_bar,
.zn_element_zncustomcontainer .zn_element_zncolumn > .zn_el_options_bar .znpb_sizes_container { background: #535353;}
.zn_element_zncustomcontainer .zn_element_zncolumn > .zn_el_options_bar { left: 15px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
.zn_section_size.full_width .zn_element_zncustomcontainer .zn_element_zncolumn > .zn_el_options_bar {left: 30px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

/* OPTIONS BAR ANIMATION */
.zn_pb_el_container:hover > .zn_el_options_bar {visibility:visible;opacity: 1;margin-top: -10px;}
.zn_pb_el_container:first-child:hover > .zn_el_options_bar {margin-top:0;}
.zn_element_zncolumn:hover > .zn_el_options_bar {margin-top:-75px;}
.zn_element_znsection:hover > .zn_el_options_bar {margin-top:-14px;}

.zn_element_zncolumn > .zn_el_options_bar .znpb-element-title {display: none; }


/* PB HOVERS */
.zn_pb_el_container .zn_content{outline: 1px dashed transparent; transition: outline-color 0.3s ;}
.zn_pb_el_container {position: relative;}

/* ELEMENTS COLOR */
.zn_pb_el_container:hover  , .zn_pb_el_container.zn_droppable .zn_content { outline: 1px dashed #3AC4C3;outline-offset:-1px; }
/* COLUMN COLOR */
.zn_element_zncolumn:hover , .zn_element_zncolumn.zn_droppable .zn_content {outline: 1px dashed #2c2e38;outline-offset:-1px;}
/* SECTION COLOR */
.zn_element_znsection:hover , .zn_element_znsection.zn_droppable .zn_content {outline: 1px dashed #73C2E0;outline-offset:-1px;}

/* HIDE OUTLINES ON OPTIONS EDIT */
.znpb-options-opened .zn_pb_el_container , .znpb-options-opened .zn_pb_el_container:hover {outline: none !important;}
.znpb-options-opened .zn_pb_el_container:hover .zn_el_options_bar {display: none !important;}


/* GROUP ADD MORE */
.zn_add_button {background: #31A8A7;}

/* NO CONTENT */
.zn_pb_no_content { text-align: center; cursor: pointer; background-color: #F5F5F5; padding: 20px; transition: all .3s ease-in-out !important; }
.zn_pb_no_content:before { transition: all .2s ease-in-out;  content:"\f132" !important; font-family: dashicons; color: #D8D8D8;text-align: center;  font-size: 18px; display: inline-block !important; vertical-align: text-top; border: 2px solid #D8D8D8; border-radius: 50%; width: 50px; height: 50px; line-height: 50px;}
.zn_pb_no_content:hover { background-color: #EFEFEF; }
.zn_pb_no_content:hover:before { color:#31A8A7; border: 2px solid #31A8A7; }


/* Effect 2: Move Up */
@-webkit-keyframes bounceIn {
  0% {
  opacity: 0;
  -webkit-transform: scale(0);
  }

  20% {
  opacity: 0;
  -webkit-transform: scale(0);
  }

  100% {
   opacity: 1;
  -webkit-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
  opacity: 0;
  transform: scale(0);
  }

  80% {
  opacity: 0;
  transform: scale(0);
  }

  100% {
  opacity: 1;
  transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.znpb-animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
/*  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
}

/* LOADING BAR */
.znpb-loading-bar {margin:40px 0; height: 5px; display: none;}
.znpb-loading-bar-inner {margin:40px auto; background: #5EE2E1;width: 300px;max-width:100%;}
.znpb-loading-bar-inner-loading {background: #31A8A7; width: 0%;height: 5px;-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.znpb-loading-in-progress .znpb-loading-bar {display: block;}
.znpb-options-form-active .znpb-loading-bar {display: block;}


/* ELEMENTS TWEAKS */
.zn_element_znseparator {padding: 2px 0;}

.zn-pb-notification {color:#fff;text-align: center;margin: 15px;padding: 25px;font-weight: bold;background: #FF4242;}
.zn-pb-notification h3 { color: #fff !important;}



.zn_sortable {min-height: 30px;}
/*.zn-state-highlight {max-height: 32px;clear: none;display: block;margin: 10px 0;width: 100%;height: 32px;}*/

.znpb-placeholder {clear:both;background: #3AC4C3;text-align: center;color: #fff;padding: 5px;z-index: 1000;font-size:13px;font-weight: bold;text-transform: uppercase;width: 100%;}

.zn-state-highlight {height: 0px;width: 100%;clear: both;position: relative;}
.zn-state-highlight:after { content:" ";position: absolute;width: 100%;border: 1px solid #000;height: 1px; top:-5px;}

/* HIDE STUFF ON HIDDEN */
.zn_dragg_enabled .zn_element_znsection:hover, .zn_dragg_enabled .zn_element_znsection.zn_droppable .zn_content , .zn_dragg_enabled .zn_element_zncolumn:hover, .zn_dragg_enabled .zn_element_zncolumn.zn_droppable .zn_content   { outline: none; }
.zn_dragg_enabled .zn_drop_allowed { outline: 1px dashed #3AC4C3; position: relative; }
.zn_dragg_enabled .znpb-no-content { display: none; }

.zn_columns_placeholder , .zn_element_placeholder , .zn_dragging_placeholder {height: 32px;}
.zn_dragging_placeholder { opacity: 0; }
.zn_columns_placeholder { float: left; margin: 15px;  }
.zn_element_placeholder { width: 100%; }
.znpb-placeholder , .znpb-helper-placeholder { line-height: 22px;background: #248181;text-align: center;color: #fff;padding: 5px;z-index: 1000;font-size:13px;font-weight: bold;text-transform: uppercase;width: 100%; }
.zn_original_placeholder {opacity: 0.5;}
.znpb-helper-placeholder { background: #3AC4C3; height: 32px;width: 250px; }

.zn_element_zncolumn > .zn_sortable_content { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}

/* COLUMNS SIZES */
.zn_pb_select_width:hover .znpb_sizes_container {display: block;}
.znpb_sizes_container {display:none;position: absolute;left: 22px;top: 0;background: #474852;color: #fff;width: 100px;}
.znpb_sizes_container > span {display: block;float: left;width: 50px;height: 26px;line-height: 26px;}
.znpb_sizes_container span:nth-child(odd) {border-right: 1px solid #fff;}
.znpb_sizes_container span.selected_width , .znpb_sizes_container span:hover {background: #3AC4C3;}
.zn_el_options_bar {overflow: visible;}



/* TEST SCROLL BARS */




/* NEW ICONS */
@font-face {
  font-family: 'zn-framework';
  src: url('../icons/zn-framework.eot?29068176');
  src: url('../icons/zn-framework.eot?29068176#iefix') format('embedded-opentype'),
     url('../icons/zn-framework.woff?29068176') format('woff'),
     url('../icons/zn-framework.ttf?29068176') format('truetype'),
     url('../icons/zn-framework.svg?29068176#zn-framework') format('svg');
  font-weight: normal;
  font-style: normal;
}

.zn_pb_icon:before {

  font-family: "zn-framework";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.zn_el_options_bar .zn_pb_icon:before{
  font-size: 12px;
  line-height: 24px;
  margin: 0;
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}


.znpb_icon-cancel:before { content: '\e804'; } /* '' */
.znpb_icon-docs:before { content: '\e800'; } /* '' */
.znpb_icon-cog-alt:before { content: '\e801'; } /* '' */
.znpb_icon-resize-full:before { content: '\e802'; } /* '' */
.znpb_icon-move:before { content: '\e803'; } /* '' */
.znpb_icon-save:before { content: '\e805'; } /* '' */

.znpb_form_close {padding: 10px; color: #FFF; background: #3AC4C3; text-align: center;}

/* TINYMCE EDITOR FULLSCREEN */
.mce-fullscreen #wpadminbar ,.mce-fullscreen .zn_front_pb_wrap { display: none; }


/* PREVENT THEMES FROM MESSIGN WITH OUR OPTIONS HTML */
.zn_option_container a ,  .zn_option_container a:hover , .zn_option_container a:visited {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* COLOR PICKER FIXES */
.zn_class_colorpicker , .zn_class_colorpicker * {
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}

.zn_class_colorpicker .wp-picker-container {line-height: 22px; }
.zn_class_colorpicker .wp-picker-container .button {color: #555; border-color: #CCC; background: #F7F7F7; -webkit-box-shadow: inset 0 1px 0 #FFF,0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 0 #FFF,0 1px 0 rgba(0, 0, 0, 0.08); vertical-align: top; display: inline-block; text-decoration: none; height: 24px; margin: 0; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 6px; line-height: 22px; padding: 0 8px 1px; font-size: 11px; }



/* PUBLISH BUTTON */
.zn_publish_loading {
  background: url("../img/ajax-loader.gif") no-repeat center center;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -13px;
  margin-top: -12px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.zn_publish_text {
  display: inline-block;
  line-height: 1;
}

.zn_publish_text , .zn_publish_loading {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.zn_publish.zn_active .zn_publish_text {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.zn_publish.zn_active .zn_publish_loading {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.zn_fpb_buttons a.zn_publish.zn_active {
  background:#E6E8EB;
}


.znpb-loading-in-progress:before {
  position: fixed;
  content: " ";
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

/* BOTTOM PAGEBUIDLER STYLES */


.zn_pb_tab_wrapper { height:236px; background: #e6e8eb; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.znpb-editor-hidden .zn_pb_tab_wrapper { height: 0 !important;  }
.zn_pb_tab_wrapper.zn_in_dragg { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
/** Sidebars **/
.zn_front_pb_wrap .zn_pb_sidebar {width: 230px;position: absolute;background: #2c2e38;color: #8e8f9d;overflow:auto;height: 100%;}
#zn_pb_templates .zn_pb_sidebar, #zn_pb_el_templates .zn_pb_sidebar {padding:40px 20px;text-align: center;color: #fff;}
#zn_pb_templates .zn_pb_sidebar h4, #zn_pb_el_templates .zn_pb_sidebar h4 {font-size: 16px;margin-bottom: 20px;color:#fff;}
#zn_pb_templates .zn_pb_sidebar input {border-radius:20px;border: 1px solid #4D4C4C;margin-bottom: 30px;padding: 5px 20px;color:#A0A0A0;width: 190px;background: #31323b;box-shadow: none;}
#zn_pb_templates .zn_pb_sidebar a.zn_pb_save_template {color:#fff;background: #3ac4c3;padding: 5px 10px;display: inline-block;}

/** TABS **/
.zn_pb_tab {position: relative;overflow: hidden;height: 100%;background: #e6e8eb;}

/** TAB CONTENT **/
.zn_pb_tab_content  {margin: 20px 0 20px 230px; background: #e6e8eb; overflow: auto; height: 100% !important; position: relative; padding: 0 15px; }
.zn_pb_tab_content_no_sidebar { margin-left: 0; }
/* TEMPLATE TAB */
#zn_pb_templates .zn_pb_templates_container .zn_pb_template_container {float: left;margin: 10px;width:100px; text-align: center;position: relative; }
.zn_pb_el_title {position: relative;}

/* TEMPLATE ACTIONS */
#zn_pb_templates .zn_pb_template_container .zn_pb_load_template ,#zn_pb_templates .zn_pb_template_container .zn_pb_delete_template {opacity: 0;position: absolute;}
#zn_pb_templates .zn_pb_template_container .zn_pb_load_template { top: 0;left: 0;width: 100px;height: 100px;padding: 27px 10px; background: rgba(36, 36, 36, 0.53); color: #fff;}
#zn_pb_templates .zn_pb_template_container .zn_pb_delete_template { bottom: 0;left: 0;background: red;color: #fff; width:100%; height:100%;text-align: center;}
#zn_pb_templates .zn_pb_template_container:hover .zn_pb_load_template , #zn_pb_templates .zn_pb_template_container:hover .zn_pb_delete_template {opacity: 1;}

/** HIDDEN PB EDITOR **/
.znpb-editor-hidden .zn_pb_header {border-top: 2px solid #5A5A5A; }

/** SCROLLBARS **/
.zn_pb_sidebar::-webkit-scrollbar-track, .zn_pb_tab_content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.zn_pb_sidebar::-webkit-scrollbar, .zn_pb_tab_content::-webkit-scrollbar {width: 6px; background-color: #F5F5F5; }
.zn_pb_sidebar::-webkit-scrollbar-thumb, .zn_pb_tab_content::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.5); }

/* PAGE CUSTOM CSS */
.zn_pb_custom_code .zn_pb_sidebar {padding: 25px;text-align: center;}
.zn_pb_custom_code .zn_pb_sidebar h4 {font-size: 16px; margin-bottom: 20px; color: #fff; }

/* Admin bar preview/edit button */
#wpadminbar .zn_preview_page_button > a,
#wpadminbar .ab-top-menu>.zn_preview_page_button:hover > a.ab-item,
#wpadminbar .ab-top-menu>.zn_preview_page_button > a.ab-item:active
{ background: #3ac4c3; color:#fff; }


/* ELEMENT OPTIONS UNIQUE SELECTOR BAR */
.zn_unique_selector_bar { background:#f5f5f5; padding: 4px 20px; color: #A9A9A9; border-top: 1px solid #dfdfdf; }

/* Because the header is positioned absolute, added this [temporary] hack for the first element in the PB */
/* Toggle header */
.toggle-header {width: 34px; height: 24px; line-height: 24px; text-align: center; background-color: #000; right: 3%; position: absolute; top: 0; display: block; z-index: 101; border-radius: 0 0 2px 2px; -webkit-transition:height .3s ease-in-out, line-height .3s ease-in-out; transition:height .3s ease-in-out, line-height .3s ease-in-out; }
.toggle-header:after {content:'HIDE HEADER';font-size: 10px;color: #fff;line-height: 1.2;width: 60px;display: block;margin-left: -13px;margin-top: 4px;transition: opacity .2s ease-in-out;opacity: 0;}
.toggle-header:hover {height:40px; line-height:40px; }
.toggle-header span { color: rgba(255, 255, 255, 0.7); }
.toggle-header:hover:after {opacity:1;}

.toggle-header + .site-header {-webkit-transition:-webkit-transform .3s ease-in-out; transition:transform .3s ease-in-out;}
.toggle-header.site-header--hide + .site-header {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
.toggle-header.site-header--hide span:before {content: "\e114"; }

/** ELEMENT SAVING **/
.zn_save_element_form { text-align: center; }

/* PB OPTIONS TRIGGER */
.zn_pb_options_trigger > span { vertical-align: middle; }


/* RTL */

.rtl .zn_pb_tab_content {
    margin: 20px 230px 20px 0;
}

.rtl .zn_fpb_buttons.zn_right {
    float: left;
}

.rtl .zn_fpb_buttons.zn_left {
    float: right;
}

.rtl .zn_pb_search[type=search] {
    float: right;
}

.rtl .zn_fpb_buttons.zn_left a {
    float: left;
    margin: 0;
    padding: 0 15px;
}

.rtl .zn-btn-ok {
    margin-left: 20px;
    margin-right: 0;
}

.rtl .zn-modal-title {
    float: right;
}

.rtl .zn-modal-close,
.rtl .zn-modal-resize {
    right: auto;
    left: 0;
}

.rtl .zn-modal-resize {
    left: 44px;
}

.rtl .zn-modal-resize span {
    border-right: 0;
    border-left: 1px solid #ccc;
    padding-right: 0;
    width: 44px;
}

body.rtl .zn_option_container h4 {
    text-align: right;
}

.rtl .zn_option_container .zn_option_desc,
.rtl .zn_option_container .zn_option_content {
    float: right;
    text-align: right;
}

.rtl .zn_slider > input {
    float: right;
}

.rtl .zn_option_content .ui-slider-horizontal {
    margin-right: 75px;
    margin-left: 0;
}

.rtl .zn_option_desc {
    padding-left: 10px;
    padding-right: 0;
}

.rtl .zn_group .zn_group_header .zn_group_actions {
    right: auto;
    left: 0;
}

.rtl .zn_group .zn_group_header h4 {
    float: right;
}

.rtl .zn_group .zn_group_header .zn_group_actions > a {
    float: right;
}

.rtl .zn_el_options_bar > span {
    float: right;
}

.rtl .zn_el_options_bar > a,
.rtl .zn_el_options_bar > a:hover {
    float: left;
}

.rtl .zn_pb_circle {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .zn_toggle2 input {
    left: auto;
    right: -9999px;
}
