@font-face {
	font-family: 'devices';
	src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R//UAAAC8AAAAYGNtYXDGmcb+AAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZuQdbtoAAAGQAAAB0GhlYWQKIsltAAADYAAAADZoaGVhB8IDyQAAA5gAAAAkaG10eBYAAVYAAAO8AAAAIGxvY2EBmgEUAAAD3AAAABJtYXhwAAwAKgAAA/AAAAAgbmFtZZlKCfsAAAQQAAABhnBvc3QAAwAAAAAFmAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADjMQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg4wzjIOMk4zH//f//AAAAAAAg4wzjIOMk4zH//f//AAH/4xz4HOUc4hzWAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACACoAAQPWA1UAAwAbAAABESERATIWFREUBiMhFTMVITUzNSEiJjURNDYzA4D9AAMAIjQzI/7WVP6sVP7WIjQzIwEBAgD+AAJUMiL+ACMzVlRUVjMjAgAiMgAAAAMAAABVBAADKwALAA8AJwAAJTI2NTQmIyIGFRQWAREhEREzFAYjISImNTMiJjURNDYzITIWFREUBgIAEhgYEhIYGP68AqyqMyP8rCI0qiIyMSMCrCIyMYEYEhIYGBISGAJU/iwB1P3WIzMzIzMjAdQiNDQi/iwjMwAAAAADANb/1QMqA4EAAwAHABcAACURIREFNSMVATIWFREUBiMhIiY1ETQ2MwLg/kABNqwBADRMSzX+rDRMSzWrAlb9qoAqKgNWTDT9VDVLSzUCrDRMAAADAFb/qwOAA6sAAwAPAB8AACURIREFMjY1NCYjIgYVFBYBMhYVERQGIyEiJjURNDYzAyr9gAFAGyUlGxslJQFHKz8+LP2qKz8+LIECqv1WrCUbGyUlGxslA9Y/K/zULD4+LAMsKz8AAAEAAAABAABE8/RZXw889QALBAAAAAAA04HCjQAAAADTgcKNAAD/qwQAA6sAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAAKgQAAAAEAADWBAAAVgAAAAAACgAUAB4ATACKALQA6AAAAAEAAAAIACgAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Core Button Style */
.wp-core-ui-button {display: inline-block; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; margin: 0; padding: 0 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; color: #555; border-color: #ccc; background: #f7f7f7; box-shadow: 0 1px 0 #ccc; vertical-align: top; box-sizing: border-box;}
.wp-core-ui-button:hover {background: #fafafa; border-color: #999; color: #23282d; }
.wp-core-ui-button:focus {border-color: #5b9dd9; -webkit-box-shadow: 0 0 3px rgba(0,115,170,.8); box-shadow: 0 0 3px rgba(0,115,170,.8); }
.wp-core-ui-button:active {background: #eee; border-color: #999; box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5); -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); }


.zn_option_container {padding: 10px 0; border-bottom: 1px solid #fafafa; }
.zn_option_container.zn_full textarea {width: 100%;}
.zn_option_container label { display: inline-block; margin: 0px; font-weight: 700; font-size:13px;}

.zn_gradient {background-color: #F1F1F1; border-bottom: 1px solid #CDCDCD !important; border-top: 1px solid #CDCDCD !important; border-left: 1px solid #CDCDCD !important; border-right: 1px solid #CDCDCD !important; }
.zn_gradient:hover {background-color: #eaeaea; }
.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

/* MISC */
.zn_live_label { font-size: 10px; line-height: 1; padding: 1px 8px; margin-left: 5px; background: #EF9A9A; color: #FFFFFF; border-radius: 2px; font-weight: 400; }
.zn_live_label--deprecated { background: #fd3838; color: #FFFFFF; text-transform: uppercase;}
.zn_option_container.zn_full textarea { max-width: 100%; }

/* START GROUP CSS */
.zn_group_container .zn_group_content {display: none; }
.zn_group_container  .zn_add_button {width: 100%; margin:10px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.zn_group {margin-bottom: -1px; }
.zn_group .zn_group_header  {height: 36px;position: relative; }
.zn_group .zn_group_header h4 {padding: 10px; line-height: 15px !important; color: #666; font-size: 12px !important; display: inline-block; float: left; margin: 0; }
.zn_group .zn_group_header .zn_group_actions {position: absolute;right: 0; }
.zn_group .zn_group_header .zn_group_actions a {border-left: 1px solid #CDCDCD; float: left; padding: 10px 10px 4px 10px; display: block; cursor: pointer; text-decoration: initial;line-height: 17px;color: #868383; }
.zn_group .zn_group_header .zn_group_actions-counter { float: left; height: 35px; line-height: 35px; font-size: 11px; margin-right: 10px; color: #c3c3c3;}
.zn_group .zn_group_header .zn_group_actions-counter:before { content:'#';}
.zn_margin20 {margin-bottom: 20px;}

/* MEDIA ELEMENT */
.zn-image-holder.attachment-preview , .zn-image-holder {float: right; position: relative; text-align: center; width: 68%; height: auto; padding: 20px; margin-left: 1%; border: 1px solid #DFDFDF;box-sizing: border-box;}
.zn-image-holder.attachment-preview:before { display: none !important; }

.zn_class_gallery > * {box-sizing: border-box;}

.zn-image-holder img {max-width: 100%;}
.zn_full .zn_image_properties select { float: right; margin-bottom: 5px !important; }
body .zn_full .zn_image_properties select { max-width: 190px !important; }
.zn_full .zn_image_properties label { margin-top: 9px !important; }
button.zn-remove-image {overflow:visible;cursor:pointer;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;box-shadow:none;padding:0;}
.zn-remove-image{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}

/* ICONS OPTIONS */
[data-zn_icon]:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; content: attr(data-zn_icon); speak: none; }
.zn_font_name { display: block; clear: both; color: #A3A3A3; padding: 10px 0;text-align: center;}
.zn_icon_op_container { height: 300px;overflow: auto;}

/* ICONS UPLOAD */
.zn_class_upload .uploads_container { clear: both;}
.zn_class_upload .zn_admin_button {margin-bottom: 10px;}
.zn_class_upload .znhg_icon_font_container {
	text-decoration: none;
	border: 1px solid #cdcdcd;
	margin-bottom: 10px;
	padding:5px 5px 5px 15px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
	color: #666;
	font-size: 13px;
	line-height: 36px;
	cursor: pointer;
	overflow: hidden;
	transition: opacity .3;
}

.znhg_icon_font-title {
	float: left;
}

.znhg_icon_font_container--loading {
	opacity: 0.5;
}

.zn_class_upload .zn_font_button {
	background: #f4f6f8;
	color: #929eac;
	text-align: center;
	border-radius: 2px;
	float: right;
	line-height: 35px;
	width: 35px;
	height:35px;
	display: block;
	border:1px solid #c5cdd6;
	transition: all .3s;
}
.zn_font_button:last-child {
	margin-right:-2px;
}

.zn_class_upload .zn_font_button .dashicons {
    font-size: 13px;
    line-height: 35px;
    width: auto;
	height: auto;
	vertical-align: middle;
}
.zn_class_upload .zn_font_button:hover {
	color:#0e0e0e;
	background: #fff;
}

/* Toggle buttons */
.zn_radio label { padding:7px 12px; color:#757575; background: #E4E4E4; display: inline-block; border:1px solid #ccc; border-right-width:0; cursor: pointer; font-size: 12px; }
.zn_radio label:hover { color:#444; background: #eee; }
.zn_radio .zn_radio_check:checked + label { background: #1abc9c; border-color:#17987E; color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14) inset; }
.zn_radio--yesno .zn_radio .zn_radio_check[value="no"]:checked + label,
.zn_radio--yesno .zn_radio .zn_radio_check[value="false"]:checked + label,
.zn_radio--yesno .zn_radio .zn_radio_check[value="0"]:checked + label { background: #d8d8d8; border-color: #c3c3c3; color: #9c9c9c; }
.zn_radio label:first-of-type {border-radius:3px 0 0 3px;  }
.zn_radio label:last-of-type {border-radius:0 3px 3px 0;  border-right-width:1px;}
.zn_radio > .zn_radio_check {display: none;}

/* Breakpoints type of radio buttons group */
.zn_breakpoints_classic .zn_radio { display: table; table-layout: fixed; width: 100%;}
.zn_breakpoints_classic .zn_radio .zn_radio_check + label {  height:30px; line-height: 30px;display: table-cell;text-align: center; padding: 5px 0; font-weight: 700; text-transform: uppercase; font-size: 10px;}
.zn_breakpoints_classic .zn_radio .zn_radio_check + label:before {font-size: 26px; vertical-align: middle;margin-right: 10px;display: inline-block;color: #A5A5A5; font-family: 'devices' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.zn_breakpoints_classic .zn_radio .zn_radio_check[value="lg"] + label:before {content: "\e30c";}
.zn_breakpoints_classic .zn_radio .zn_radio_check[value="md"] + label:before {content: "\e320";}
.zn_breakpoints_classic .zn_radio .zn_radio_check[value="sm"] + label:before {content: "\e331"; }
.zn_breakpoints_classic .zn_radio .zn_radio_check[value="xs"] + label:before {content: "\e324"; }
.zn_breakpoints_classic .zn_radio .zn_radio_check:checked + label:before {color: #fff;}

/* Minimal version */
.zn_breakpoints.zn--minimal .zn_option_content,
.zn_breakpoints_classic.zn--minimal .zn_option_content {max-width:240px;}
.zn_breakpoints.zn--minimal .zn_radio .zn_radio_check + label,
.zn_breakpoints_classic.zn--minimal .zn_radio .zn_radio_check + label {text-align: center;}
.zn_breakpoints.zn--minimal .zn_radio .zn_radio_check + label::before,
.zn_breakpoints_classic.zn--minimal .zn_radio .zn_radio_check + label::before {margin-right: 0;}

/* Breakpoints type of radio buttons group */
.zn_breakpoints {padding-bottom: 0;border-bottom: 0;}
.zn_breakpoints .zn_radio { display: block; width:100%; position:relative;}
.zn_breakpoints .zn_radio .zn_radio_check + label {float:left;width:25%;margin:0;height: 60px;line-height: 60px;display: table-cell;text-align: left;font-weight: 600;text-transform: uppercase;font-size: 11px;background:none;color:#ababab; border: 1px solid #e4e4e4; background-color: #ffffff; -webkit-transition: color .2s ease-out, background-color .2s ease-out; transition: color .2s ease-out, background-color .2s ease-out; 	box-sizing: border-box;
}
.zn_breakpoints .zn_radio .zn_radio_check[value="lg"] + label:before {content: "\e30c";}
.zn_breakpoints .zn_radio .zn_radio_check[value="md"] + label:before {content: "\e320";}
.zn_breakpoints .zn_radio .zn_radio_check[value="sm"] + label:before {content: "\e331"; }
.zn_breakpoints .zn_radio .zn_radio_check[value="xs"] + label:before {content: "\e324"; }
.zn_breakpoints .zn_radio .zn_radio_check:not(:last-of-type) + label {border-right:0;}
.zn_breakpoints .zn_radio .zn_radio_check:first-of-type + label {border-bottom-left-radius: 0; }
.zn_breakpoints .zn_radio .zn_radio_check:last-of-type + label { border-bottom-right-radius:0; }
.zn_breakpoints .zn_radio .zn_radio_check + label:before {font-size: 22px;vertical-align: middle;margin-right: 10px;display: inline-block;color: #A5A5A5;font-family: 'devices' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.zn_breakpoints .zn_radio .zn_radio_check + label:hover,
.zn_breakpoints .zn_radio .zn_radio_check + label:hover:before {color: #595959;}
.zn_breakpoints .zn_radio .zn_radio_check:checked + label {border: 1px solid #cacaca;border-bottom:0;box-shadow: 0 -4px 10px rgba(0,0,0,0.08);background-color: #FBFBFB;margin-right:-1px;z-index:1;position:relative;}
.zn_breakpoints .zn_radio .zn_radio_check:checked + label,
.zn_breakpoints .zn_radio .zn_radio_check:checked + label:before {color: #656565; }
/* With zn_full */
.zn_breakpoints.zn_full .zn_radio .zn_radio_check + label {padding: 0 25px;}
.zn_breakpoints.zn_full .zn_radio .zn_radio_check + label:before {margin-right: 20px;}
/* Smaller version */
.zn_breakpoints--small .zn_option_content {	margin-bottom: -30px; margin-top: 30px;}
.zn_breakpoints .zn_radio .zn_radio_check + label {	line-height: 50px; height: 50px; padding-top:0; padding-bottom: 0; }

/* CUSTOM LAYOUT */
.zn_container { max-width: 1200px; padding: 0 20px; }
.zn_row {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0 -20px; }
.zn_row:after {content: ""; display: table; clear: both; }
.zn_row:before {content: ""; display: table; }
.zn_span12 { width: 100%; }
.zn_span10 { width: 83.3332%; }
.zn_span9 { width: 75%; }
.zn_span8 { width: 66.6667%; }
.zn_span6 { width: 50%; }
.zn_span4 { width: 33.3333%; }
.zn_span3 { width: 25%; }
.zn_1_5 { width: 20%; }
.zn_span2 { width: 16.6667%; }
.zn_span1 { width: 8.3333% }

.zn_span1 , .zn_span2 , .zn_1_5 , .zn_span3 , .zn_span4 , .zn_span6 , .zn_span8 , .zn_span9 , .zn_span12 , .zn_span10{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 20px; }
.zn_nomargin{ padding: 0; }
.zn_hidden , html body div.zn_hidden {display: none;}

.zn_class_font .zn_span4 {min-height:75px}

/* Gutter resize reset (no-spacing) */
.zn_row.zn_row_gutter0 {margin-left:0; margin-right:0;}
.zn_row.zn_row_gutter0 [class*="zn_span"] {padding-left:0; padding-right:0;}
/* Gutter resize 5px */
.zn_row.zn_row_gutter5 {margin-left:-5px; margin-right:-5px;}
.zn_row.zn_row_gutter5 [class*="zn_span"] {padding-left:5px; padding-right:5px;}
/* Gutter resize 10px */
.zn_row.zn_row_gutter10 {margin-left:-10px; margin-right:-10px;}
.zn_row.zn_row_gutter10 [class*="zn_span"] {padding-left:10px; padding-right:10px;}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}


.zn_icon_edit:before { font-family: "dashicons";content: "\f108";font-size:20px;}
.zn_icon_trash:before { font-family: "dashicons";content: "\f158";font-size:20px;}
.zn_icon_order:before { font-family: "dashicons";content: "\f333";font-size:20px;}
.zn_icon_clone:before { font-family: "dashicons";content: "\f105";font-size:20px;}


/* CONFIRM MODAL */
.zn_modal_confirm p {margin-bottom: 30px;font-size: 15px;line-height:27px;color:#767676;}
.zn_modal_confirm.zn_modal_message p {margin-bottom: 0px;}
.zn_modal_confirm .btn {margin: 10px;display: block;}

/* PAGE BUILDER STUFF */
.zn_hidden , .zn_pb_buttons .button.zn_hidden {display: none;}
.zn_pb_buttons {margin-bottom: 10px;}
.zn_pb_buttons .button {margin-right: 10px;}
.zn_pb_buttons .spinner {float: left;background-image: url("../img/ajax-loader.gif");padding-right: 5px; display: none;}
.zn_pb_buttons .spinner.is-active { display: block; }

/* Visual editor */
.zn_class_visual_editor * {-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;}
.zn_class_visual_editor input {width: auto;}
/* .zn_pb_editor_enabled div.mce-panel {z-index:999999 !important;} */

/* Google fonts */
.zn_class_zn_google_fonts_setup .zn_group_container {margin-top: 20px;}
.zn_add_gfont{ margin-left:10px !important; }

/* Sidebar option */
.zn_class_sidebar label {margin-right: 10px; display: block; margin-bottom: 6px;}
.zn_class_sidebar select {margin-right: 20px;}


/* ICON OPTION */
.zn_icon_container span { color:#999; float: left; width: 42px; height:42px; font-size: 18px; line-height:42px; text-align:center; border:1px solid #eee; margin-top:-1px; margin-right:-1px; cursor: pointer; }
.zn_icon_container span:hover {-webkit-box-shadow: 0px 0px 9px 2px rgba(224, 224, 224, 0.75); -moz-box-shadow:    0px 0px 9px 2px rgba(224, 224, 224, 0.75); box-shadow:         0px 0px 9px 2px rgba(224, 224, 224, 0.75); }
.zn_icon_container span.zicon_active , .zn_icon_container span.zicon_active:hover {color: rgb(255, 255, 255); background: rgb(23, 163, 135); }
.zn_icon_container span.zicon_active:hover { background: #e74c3c; position: relative;}
.zn_icon_container span.zicon_active:hover:before { content:"\00D7"; vertical-align: top; line-height: 33px;}
/* Compact Icon List */
.zn_option_container.zn_icon_list:not(.zn_full) .zn_option_content {margin-top:-30px;}
.zn_class_icon_list .zn_icon_op_checkbox {display: none;}
.zn_icon_op_checkbox ~ .zn_icon_op_container {display: none; margin-top: 10px;}
.zn_option_container .zn_icon_op_label {display: inline-block; color: #217978; cursor: pointer; font-size: 14px; font-weight: 400;}
.zn_icon_op_label_icon {display: inline-block; font-size: 24px; margin: 0 15px 0 2px; vertical-align: middle; color: #616161; border: 1px solid #e8e8e8; padding: 14px;}
.zn_icon_op_label:hover {color: #000; }
.zn_icon_op_label:after {content: "\f347";display: inline-block;line-height: 1;font-family: dashicons;text-decoration: inherit;font-weight: 400;font-style: normal;text-align: center;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: 7px;font-size: 14px;vertical-align: middle;}
.zn_icon_op_checkbox:checked + .zn_icon_op_label:after {content: "\f343";}
.zn_icon_op_checkbox:checked ~ .zn_icon_op_container {display: block;}

/* icons list placeholder */
.znIconHolder {
    position: absolute;
	padding: 10px;
    width: 100px;
    height: 100px;
    z-index: 999999;
    font-size: 78px;
    text-align: center;
    line-height: 1;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 8px #bbbbbb;
	transform: translateY(-100%) translateX(-50%);
}
.znIconHolder span, .znIconHolder span:before {
	display: inline-block;
}

/* Upload More Button */
.zn-upload-more-btn {display: inline-block;margin: 20px auto;border: 1px solid #e8e8e8;padding: 7px 20px;}
.zn-upload-more-btn:hover {border: 1px solid #ccc;}
.zn-upload-more-btn .dashicons {display: inline-block;margin-right:5px;vertical-align: middle;}


/* JQUERY UI SLIDER */
.zn_slider {/* overflow: hidden; */}
.zn_slider .zn_input_text[type="number"] {float: left; padding-right:3px; height: 34px; max-width: 60px;}
.zn_slider > .ui-slider { margin-top:12px;margin-bottom: 12px;width: calc(100% - 85px);float: left;margin-left: 20px;margin-right: 0 !important;}

/* Smart Slider */
.znSmartSlider {}
.znSmartSlider-properties {margin-bottom: 10px; }
.znSmartSlider-opt-title {display: inline-block; margin-right: 5px; color: #C3C3C3;}
/* Custom Properties */
.znSmartSlider-properties .zn_input {display: none;}
.znSmartSlider-properties label {margin: 0 4px;font-weight: bold;}
.znSmartSlider-properties,
.znSmartSlider-properties label {font-size: 10px;  color: #888; text-transform: uppercase; line-height: 1.5; vertical-align: top;}
.znSmartSlider-properties label:hover {color: #444;}
.znSmartSlider-properties .zn_input:checked + label {color: #111; text-decoration: underline;}
/* Number fields */
.znSmartSlider .zn_input_text.znSmartSlider-input {padding-right:3px; height: 34px; max-width: 60px; margin: 0; border-radius: 2px 0 0 2px; width:60px; float:left;}
.znSmartSlider .zn_input_text.znSmartSlider-input + select {margin: 0;border-radius: 0 2px 2px 0;height:34px;border-left:0;background-color:#f5f5f5;max-width: 49px;padding-right: 18px;}
.znSmartSlider .znSmartSlider-mainUnits[readonly],
.znSmartSlider .znSmartSlider-units[readonly],
.znSmartSlider .zn_input_text.znSmartSlider-input[readonly] {color: #C1C1C1; pointer-events: none;}
/* Main Input */
.znSmartSlider-mainInputIcon {display: none; float:left; width:34px;height:34px;background-color:#f5f5f5;border: 1px solid #D9D9D9;border-radius:2px 0 0 2px; text-align: center; border-right: 0; box-sizing: border-box;}
.znSmartSlider .znSmartSlider-breakpointsBtnInput:checked ~ .znSmartSlider-mainInputIcon {display: block;} /* activated */
.znSmartSlider-mainInputIcon span:before {content: "\e30c";font-family: 'devices' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; opacity: .5; }
.znSmartSlider .znSmartSlider-mainUnits {width:60px; float:left; }
/* Main slider */
.znSmartSlider .znSmartSlider-mainSlider { width:calc(100% - 130px); float:left; margin-left:20px; margin-top:10px; }
.znSmartSlider .znSmartSlider-mainSlider.with-breakpoints {width:calc(100% - 220px); margin-left: 40px;}
.znSmartSlider .znSmartSlider-breakpointsBtnInput:checked ~ .znSmartSlider-mainSlider.with-breakpoints {margin-left: 20px;}
/* Breakpoint Button */
.znSmartSlider .znSmartSlider-breakpointsBtnInput {display: none;}
.znSmartSlider .znSmartSlider-breakpointsBtnLabel {float: right;display: block;width: 34px;height: 34px;border-radius:2px;background: #cdcdcd;color: #FFF;text-align: center; font-weight: normal;}
.znSmartSlider .znSmartSlider-breakpointsBtnLabel:after {font-size: 11px;}
.znSmartSlider .znSmartSlider-LabelIcon:before {content: "\e324";font-family: 'devices' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 34px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 18px;}
.znSmartSlider .znSmartSlider-breakpointsBtnInput:checked + label {background: #27B196;}
.znSmartSlider-breakpointsWrapper {display: none;}
.znSmartSlider .znSmartSlider-breakpointsBtnInput:checked ~ .znSmartSlider-breakpointsWrapper {display: block;}
/* Breakpoint fields */
.znSmartSlider-breakpointsField {float: left; margin-right: 30px; white-space:nowrap; margin-top:20px}
.znSmartSlider-breakpointsField--last {margin-right: 0;}
.znSmartSlider-breakpointsFieldIcon {float:left; width:34px;height:34px;background-color:#f5f5f5;border: 1px solid #D9D9D9;border-radius:2px 0 0 2px; text-align: center; border-right: 0; box-sizing: border-box;}
.znSmartSlider-breakpointsFieldIcon:after {font-size: 11px; font-weight: normal;}
.znSmartSlider-breakpointsFieldIcon span:before {font-family: 'devices' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; opacity: .5; }
.znSmartSlider-breakpointsFieldIcon--laptop:before {content: "\e320"; }
.znSmartSlider-breakpointsFieldIcon--tablet:before {content: "\e331"; }
.znSmartSlider-breakpointsFieldIcon--mobile:before {content: "\e324"; }
.znSmartSlider-breakpointsFieldIcon + .znSmartSlider-breakpointsInput {border-top-left-radius:0; border-bottom-left-radius:0;}
.znSmartSlider-breakpointsTitle {display:block; font-size: 10px;  color: #888; text-transform: uppercase; line-height: 1.5; margin-top:3px;}
.znSmartSlider-breakpointsField .zn_input_text:focus  {border-color: #D9D9D9;}
.znSmartSlider-breakpointsField .zn_input_text:focus ~ .znSmartSlider-breakpointsTitle {color:#333;}


.zn_option_container .zn_option_desc ,
.zn_option_container .zn_option_content  {float: left; width: 35%; position: relative; }
.zn_option_container .zn_option_content  {float: left; width: 65%; }
.zn_option_container.zn_full:not(.zn_not_full) > .zn_option_desc ,
.zn_option_container.zn_full:not(.zn_not_full) > .zn_option_content  {float: none; width: 100%; }
.zn_option_desc {font-size: 11px; line-height: 16px; color: #8D8D8D; padding-right: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0;}
.zn_option_desc code {font-size:11px;}

.zn-color-preview { display: inline-block; width: 50px; height: 12px; vertical-align: middle; margin-left: 15px; border-radius: 2px; border: 1px solid #fff;}
.iris-picker .iris-palette {box-shadow: inset 0 0 5px rgba(0,0,0,.4) !important;}

.wp-picker-container, .wp-picker-container:active {position: relative; z-index: 1; }

/* Dynamic image preview for list items */
.zn-dyn-image-preview {display: none; width: 140px; height: 100px; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; padding: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 5px; left:100px; z-index:1; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17); background-origin: content-box;}
.zn_group_header:hover .zn-dyn-image-preview {display:block;}


/* PAGE BUILDER BUTTONS ON EDIT PAGE */
.zn_pb_buttons {margin-bottom: 20px; }
.zn_pb_buttons .button {margin-right: 10px;}

/* Dependent field styling */
.zn_option_container[data-dependency]:not(.zn-top-separator):not(.zn-non-dependent) {border-left: 1px solid #ccc; padding: 10px 10px 10px 20px; background-color:#FBFBFB}
.zn_option_container[data-dependency]:not(.zn-non-dependent) > h4 {position:relative;}
.zn_option_container[data-dependency]:not(.zn-non-dependent) > h4:before {position:absolute; content:''; width:10px; height:1px; background:#ccc; top:50%; left:-20px;}

/* HIDE THE PB METABOX */
#zn_pb_options {display: none;}
label[for=zn_pb_options-hide] {display: none; }


/* STYLE FORMS INPUTS */
/* placeholder text, can't add on a single line */
.zn_input_text::-webkit-input-placeholder{color: #bababa; }
.zn_input_text:-moz-placeholder{color: #bababa; }
.zn_input_text::-moz-placeholder{color: #bababa; }
.zn_input_text:-ms-input-placeholder{color: #bababa; }
.zn_input_textarea::-webkit-input-placeholder{color: #bababa; }
.zn_input_textarea:-moz-placeholder{color: #bababa; }
.zn_input_textarea::-moz-placeholder{color: #bababa; }
.zn_input_textarea:-ms-input-placeholder {color: #bababa; }

.zn_option_container .zn_input_text,
.zn_option_container .zn_input_textarea,
.zn_option_container .zn_date_picker,
.zn_option_container .zn_time_picker {font-weight: normal;background-color: #fff; font-size: 13px; color: #585858; width: 100%; max-width: 250px; margin: 1px; background: #fff; border-radius: 0; border: 1px solid #ddd; font-size: 13px; border-radius: 2px;padding: 6px 10px;  -webkit-transition: all .2s ease-in-out;   -moz-transition: all .2s ease-in-out;   -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: none; box-shadow: none;}
.zn_input_textarea:active {-webkit-transition:none; transition:none;}
.zn_option_container .zn_input_text,
.zn_option_container .zn_input_select {width: 100%; max-width: 250px; height: 34px; font-size: 13px; margin:0;}
.zn_option_container .zn_date_picker,
.zn_option_container .zn_time_picker {max-width:180px; margin:0 20px;}

.zn_option_container .zn_input_select {padding: 0; padding-right: 25px; height: 34px; outline: none; border-radius: 4px; border: 1px solid #D9D9D9; -webkit-appearance: none;background-image: url(../img/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-color: #fff; box-shadow: inset 0 -2px 0 #F5F5F5; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px); padding-left: 10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.zn_option_container .zn_input_select[multiple] {height:auto;}

.zn_option_container .zn_input:hover,
.zn_option_container .zn_input:focus {border-color: #bbb;}
.zn_option_container .zn_input:focus { outline: none; box-shadow: 0 0 5px #DBDBDB; }
.zn_option_container .zn_input:invalid { outline: none; border:1px solid #f00; box-shadow: 0 0 5px #f00; }

.zn_option_container select::-webkit-scrollbar-thumb {border: 2px solid #ddd; background-color: #eee }

.zn_input[disabled="disabled"] {background: #eaeaea; color: #a2a2a2;}

/* Dragupdown field */
.zn_input.js-dragkeyfield {text-align: center; margin: 0;}
.zn_input.js-dragkeyfield:not([disabled="disabled"]):hover {cursor:ns-resize !important}
.zn_input.js-dragkeyfield:not([disabled="disabled"]):focus {cursor:text;}

/* Textarea in options */
.zn_option_container .zn_input_textarea {max-width: none;}

/* Zn Input sizing presets */
.zn_input_xxs .zn_input {width:55px !important; max-width: none !important;}
.zn_input_xs .zn_input {width:80px !important; max-width: none !important;}
.zn_input_sm .zn_input {width:40% !important; max-width: none !important;}
.zn_input_md .zn_input {width:60% !important; max-width: none !important;}
.zn_input_lg .zn_input {width:80% !important; max-width: none !important;}
.zn_input_xl .zn_input {width:98% !important; max-width: none !important;}

body .zn_section_options * {border-color: #ddd;}

.zn_option_container h4 {font-size: 1em; margin: 10px 0;font-weight: 600; line-height: 1.4em;color:#333;}
.zn_option_container[class*="zn-custom-title"] .zn_option_desc {margin-bottom: 0;}
.zn-custom-title-sm h4 { font-size: 14px; line-height: 1.2; margin: 10px 0 0;}
.zn-custom-title-md h4 { font-size: 16px; line-height: 1.2; margin: 10px 0 0;}
.zn-custom-title-large h4 { font-size: 22px; line-height: 1.3; margin: 10px 0 10px; font-weight: 600;}
.zn-custom-title-xl h4 { font-size: 28px; line-height: 1.2; margin: 10px 0 0;}

.zn-admin-helplink h4 {color:#676767;}

.zn-helplink {vertical-align:middle; color:#000; text-decoration: none;}
.zn-helplink span {vertical-align:middle; line-height: 20px;}
.zn-helplink:hover {color:#009688;}
.zn-helplink-ratehelp {margin-left: 10px;}

.zn-top-separator { border-top: 5px solid #80C6B8; padding-top: 10px; margin-top: 15px;}
.zn-top-separator.zn-sep-dark { border-top-color:#7F7F7F;}
.zn-gray-separator { border-top: 5px solid #F2F2F2; padding-top: 10px; margin-top: 15px;}
.zn-top-separator--thin { border-top: 1px solid #e8e8e8;}
.zn-toptabs-margin h4 {margin-top:50px !important;}

.zn_image_size {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.zn_image_size .separator {margin: 15px 20px 0; font-weight: 600;}

/* Link Field */
.zn_class_link-flexWrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.zn_class_link-flexWrapper .zn-form--sym,
.zn_class_link-flexWrapper .zn-form--url,
.zn_class_link-flexWrapper .zn-form--url-title,
.zn_class_link-flexWrapper .zn-form--url-target {margin:0; height: 36px; box-sizing: border-box;}
.zn_class_link-flexWrapper .zn-form--sym {width:40px; padding: 8px 12px; font-size: 14px; font-weight: 400;line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px 0 0 4px; vertical-align: middle; height:auto; cursor:pointer;}
.zn_class_link-flexWrapper .zn-form--sym:before{vertical-align: middle;}
.zn_class_link-flexWrapper .zn-form--url {border-radius: 0; border-left: 0; border-right: 0;}
.zn_class_link-flexWrapper .zn-form--url-target {border-radius: 0 4px 4px 0;}
.zn_class_link-flexWrapper .zn-form--url-title {margin:0 0 0 10px; height:36px; }
.zn_class_link-flexWrapper .zn-form--url-title:focus {height:100px; margin-bottom: -66px; z-index: 99;}

.zn_class_link-flexWrapper .zn-form--url:focus { width:200%}
.zn_class_link-flexWrapper .zn-form--url:focus ~ .zn-form--url-target,
.zn_class_link-flexWrapper .zn-form--url:focus ~ .zn-form--url-title { }

.zn_internal_button_trigger {margin-bottom: 10px; margin-top: -15px; }
.zn_media_link_button_trigger { margin: -15px 0 10px 10px; }
.zn_full .zn_internal_button_trigger,
h4 + .zn_class_link .zn_internal_button_trigger {margin-top: 0; }

/* Insert Link Popup in Frontend */
.zn_pb_editor_enabled #wp-link label {vertical-align: middle; display: inline-block; max-width: none; margin-bottom: 0; font-weight: normal; width: 100%;}
.zn_pb_editor_enabled #wp-link .howto {color: #666; font-style: italic; display: block; line-height: 1.5;}
.zn_pb_editor_enabled #wp-link input[type=text], .zn_pb_editor_enabled #wp-link input[type=radio], .zn_pb_editor_enabled #wp-link input[type=checkbox], .zn_pb_editor_enabled #wp-link input[type=number], .zn_pb_editor_enabled #wp-link input[type=search], .zn_pb_editor_enabled #wp-link select, .zn_pb_editor_enabled #wp-link textarea {border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #fff; color: #32373c; outline: 0; -webkit-transition: 50ms border-color ease-in-out; transition: 50ms border-color ease-in-out }
.zn_pb_editor_enabled #wp-link input[type=text]:focus, .zn_pb_editor_enabled #wp-link input[type=radio]:focus, .zn_pb_editor_enabled #wp-link input[type=checkbox]:focus, .zn_pb_editor_enabled #wp-link input[type=number]:focus, .zn_pb_editor_enabled #wp-link input[type=search]:focus, .zn_pb_editor_enabled #wp-link select:focus, .zn_pb_editor_enabled #wp-link textarea:focus  {border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30,140,190,.8) }

/* FRONTEND UI SLIDER */
.zn_option_content .ui-slider {position: relative; text-align: left;}
.zn_option_content .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.zn_option_content .ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.zn_option_content .ui-slider.ui-state-disabled .ui-slider-handle,
.zn_option_content .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit; } /* For IE8 - See #6727 */
.zn_option_content .ui-slider-horizontal {height: 7px;margin-top: 13px;margin-right: 2em;}
.zn_option_content .ui-slider-horizontal .ui-slider-handle {width: 16px;height: 16px;top: -4px !important;margin: 0;margin-left: -8px;box-shadow: 0 0 0 0 #f2f2f2 inset;border:none;background: #999;border-radius: 8px;padding: 0; background-image:none; -webkit-transition: background-color .2s ease-out, -webkit-transform .2s ease-out;transition: background-color .2s ease-out, -webkit-transform .2s ease-out;transition: background-color .2s ease-out, transform .2s ease-out;transition: background-color .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;}
.zn_option_content.zn_class_slider:hover .ui-slider-horizontal .ui-slider-handle,
.zn_option_content .ui-slider-horizontal:hover .ui-slider-handle,
.zn_option_content .ui-slider-horizontal .ui-slider-handle:active { background: #3ac4c3; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); }
.zn_option_content .ui-slider.ui-state-disabled .ui-slider-handle {background: #ccc; pointer-events: none;}
.zn_option_content .wp-slider .ui-slider-handle:before {display: none;}
.zn_option_content .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
.zn_option_content .ui-slider-horizontal .ui-slider-range-min {left: 0;}
.zn_option_content .ui-slider-horizontal .ui-slider-range-max {right: 0;}

/* colors */
.zn_option_content  .wp-slider.ui-slider {background: #ddd; border:none; border-radius: 1.5em; }

/* MODAL CONFIRM BUTTONS */
.zn-btn-confirm , .zn-btn-done, .zn-main-button {display: inline-block;color: #fff !important;padding: 10px;width: 250px;text-decoration: none;text-transform: uppercase;cursor: pointer;}
.zn-btn-confirm:hover , .zn-btn-done:hover, .zn-main-button:hover {color: #fff !important;text-decoration: none;}
.zn-btn-ok {background: #e65353;margin-right: 20px;}
.zn-btn-ok:hover {background: #e14848;}
.zn-btn-cancel {background: #bdc3c7;}
.zn-btn-cancel:hover {background: #b8bdc1;}
.zn-btn-green {background: #3AC4C3;}
.zn-btn-green:hover {background: #2C9A99;}


.zn-btn-done,.zn-main-button {background: #1abc9c;}
.zn-btn-done:hover,.zn-main-button:hover {background: #17B495;}

.zn_add_button_inactive + .zn_add_button { background: #C8C8C8; }
.zn_add_button_inactive + .zn_add_button:hover { background: #B2B2B2; }
.zn_add_button_inactive .zn_group .zn_group_header .zn_group_actions > a.zn_clone_button { color: #B2B2B2; }

.zn_modal .zn-btn-done {margin: 0 auto; display: block;margin-top: 20px;max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* TEXTAREA EDITOR */
.zn_tinymce {max-width: 100% !important;}

button.zn-remove-image {background: #009688;}

/* IMAGE UPLOAD BUTTON */
.zn_upload_image_button , .zn_admin_button  { float: left;padding: 10px 20px;background: #009688;color: #fff; cursor: pointer; border:0; text-decoration: none;-webkit-transition:all 0.3s;transition:all 0.3s;}
.zn_upload_image_button:hover , .zn_admin_button:hover,
.zn_upload_image_button:focus , .zn_admin_button:focus {background: #34A992;color:#fff;}

/* FOR WIDGETS PAGE */
#side-sortables .zn_upload_image_button {width: 100%;text-align: center;margin-bottom: 10px;box-sizing:border-box; -moz-box-sizing:border-box;}
#side-sortables .zn-image-holder {width: 100%;text-align: center;}

/* NEW IMAGE UPLOAD WINDOW */
.zn_media_upload_add {float: left;padding: 7px 17px;cursor: pointer; text-align: center;}
.zn_media_upload_add:hover {background: #34A992;color:#fff;}
.zn-media-preview-holder { width: 100%; min-height: 35px; float: left; margin-left: 0; margin-top: 10px; border: 2px dashed #ccc;}
.zn_full .zn-media-preview-holder {width: 100%; margin: 0;}
.zn_full .zn_media_upload_add {width: 100%;margin-bottom: 25px;}
.zn-media-preview-holder-empty { color:#ccc; text-align: center; padding: 20px; }
.zn-media-preview-holder .zn-media-gallery-preview-image img { width: 80px; height: 80px; display: block; float: left; margin: 5px; padding: 3px; border: 1px solid #ccc; background: #F4F4F4; }
.zn-media-gallery .media-sidebar  .gallery-settings {display: none;}
.zn-media-preview-holder video {width: 100%; height: auto;}
.zn_class_media_upload .zn_input.zn_input_text {margin: 0; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}

/* BOXMODEL FIELD */
.zn-boxmodel-field .zn_input {text-align: center; margin: 0;}
.zn-boxmodel-field .zn_input[disabled="disabled"] {	background: #eaeaea; color: #a2a2a2;}
.zn-boxmodel-field .zn_input:not([disabled="disabled"]):hover {cursor:ns-resize;}
.zn-boxmodel-field .zn_input:not([disabled="disabled"]):focus {cursor:text;}
.zn-boxmodel-field label {text-align: center; font-size: 11px; font-weight: 400;display: block; cursor: pointer;}
.zn-boxmodel-linked {display: none;}
.zn-boxmodel-linked + label {display: block;height: 36px;width: 36px;background: #A1A1A1;cursor: pointer;line-height: 36px;text-align: center;color: #fff;border-radius:3px;position: relative; font-weight: 400;}
.zn-boxmodel-linked + label .dashicons {line-height: 36px; font-size: 19px;}
.zn-boxmodel-linked + label:hover {background: #999;}
.zn-boxmodel-linked:checked + label { background: #299872; }
.zn-boxmodel-linked:checked + label .dashicons:before {content: "\f160";}


/* TOGGLE BUTTON TODO : SWITCH TO V2 */
.onoffswitch {position: relative; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox {display: none !important; }
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #DDDDDD; border-radius: 20px;margin-bottom: 0; }
.onoffswitch-inner {width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after {float: left; width: 50%; height: 25px; padding: 0; line-height: 25px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before {content: "ON"; padding-left: 10px; background-color: #3AC4C3; color: #FFFFFF; }
.onoffswitch-inner:after {content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #31323B; text-align: right; }
.onoffswitch-switch {width: 13px; margin: 7.5px;height: 13px; background: #FFFFFF; border: 2px solid #DDDDDD; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 56px; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; }

/* TOGGLE V2 */
.zn_toggle2 input { position:absolute; left:-9999px }
.slider-v3 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 5em;
	height: 2em;
	cursor: pointer;
	border-radius: 1.5em;
	transition: 350ms;
	background: #ddd;
}
.slider-v3::after {position: absolute; content:''; width: 1em; height: 1em; top: 0.5em; left: 0.5em; border-radius: 1.5em; -webkit-transition: width 200ms ease-out, height 300ms 50ms ease-in, top 300ms 50ms ease-in, left 250ms 50ms ease-in, box-shadow 300ms ease-in; transition: width 200ms ease-out, height 300ms 50ms ease-in, top 300ms 50ms ease-in, left 250ms 50ms ease-in, box-shadow 300ms ease-in; background: #3AC4C3; box-shadow: 0 0 0 1.5em #f2f2f2 inset; }
input:checked + .slider-v3::after {width: 2em; height: 2em; top: 0; left: 3em; box-shadow: 0 0 0 0 #f2f2f2 inset; }


/* DATE PICKER */
.ll-skin-nigran {
	font-size: 90%;
}

.ll-skin-nigran .ui-widget {
	font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	background: #1ABC9C;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: 0 1px 3px #252525;
}

.ll-skin-nigran .ui-datepicker {
	padding: 0;
}

.ll-skin-nigran .ui-datepicker-header {
	border: none;
	background: transparent;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
}

.ll-skin-nigran .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-title {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover,
.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-nigran .ui-datepicker .ui-datepicker-next,
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev {
	top: 1.7em;
	border:none;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-next span,
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev span {
	background-image: url(../img/ui-icons_ffffff_256x240.png);
	background-position: -32px -32px;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px -32px;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover span {
	background-position: -96px -48px;
}

.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover span {
	background-position: -32px -48px;
}

.ll-skin-nigran .ui-datepicker table {
	margin: 0;
}

.ll-skin-nigran .ui-datepicker th {
	color: #31323B;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	border: none;
}

.ll-skin-nigran .ui-datepicker td {
	border: none;
	padding: 0;
}

.ll-skin-nigran td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	margin: 0;
	font-weight: normal;
	color: #efefef;
	font-size: 12px;
}

.ll-skin-nigran td .ui-state-active,
.ll-skin-nigran td .ui-state-hover {
	background: #31323B;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/*! jQuery UI - v1.11.0 - 2014-07-03
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}


/* Component containers
----------------------------------*/

.ui-widget-header {
	color: #ffffff;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

/* TIMEPICKER */
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 999999;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1ABC9C; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/* DATE PICKER */
.zn_option_container .zn_class_date_picker .zn-input {width: 100px; margin: 0 20px 0 10px;}


.zn-modal,
.zn-modal h1,
.zn-modal h2,
.zn-modal h3,
.zn-modal h4,
.zn-modal h5,
.zn-modal h6,
.zn-modal select,
.zn-modal input,
.zn-modal label:not(.dashicons),
.znpbEditorWrapper input,
.zn_front_pb_wrap {
    font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	letter-spacing: 0;
	text-transform: inherit;
}

/** ZN MODAL CSS */
.zn-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(214, 214, 214, 1);
	z-index: 159998;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.zn-modal-backdrop.zn-modal-backdrop-visible {
	opacity: 0.8;
}

.zn-modal-transparent {
	background: transparent;
}

.zn-modal {
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	top: 0;
	left: 0;
	z-index: 100099;
	font-size: 14px;
    line-height:1.5;
}

/* Fixes modals on WP Customizer */
.wp-customizer .zn-modal-backdrop { z-index: 559998; }
.wp-customizer .zn-modal { z-index: 559999; }

.zn-modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.zn-modal.zn-modal-visible {
	opacity: 1;
}

.zn-modal-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	text-align: center;
}

.zn-modal-wrapper:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


.zn-modal-inner {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	box-shadow: rgba(0,0,0,0.5) 0 4px 30px;
	position: relative;
	background: #FFF;
	max-width: 870px;
	margin: 20px auto;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	height:auto !important;
}
.zn-modal-inner {color:#535353;}
.zn-modal-inner a {color:#217978;}
.zn-modal-inner a:hover {color:#000;}
.zn-modal-inner.minimized {overflow: hidden; height: 42px !important; }

.zn-modal.zn-modal-visible .zn-modal-inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Make modal transparent while dragging */
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging {box-shadow: none; background:none;}
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging .zn-modal-inner-header {background:#fff; box-shadow:rgba(0,0,0,0.5) 0 4px 30px;}
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging .zn-modal-inner-content,
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging .zn-modal-inner-footer {-webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out; opacity:1; -webkit-backface-visibility:hidden;}
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging .zn-modal-inner-content,
.zn-modal.zn-modal-visible .zn-modal-inner.ui-draggable-dragging .zn-modal-inner-footer {opacity:0;}

.zn-modal-inner-header {
	border-bottom: 1px solid #E8E8E8;
	overflow: hidden;
	cursor: move;
}
.zn-modal-title {
	float: left;
	margin-right: 45px;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 0;
	font-weight: 300;
	margin: 0;
}

.zn-modal-close,
.zn-modal-resize {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
	z-index: 1;
	color: #2C2C2C;
}
.zn-modal-close[data-tooltip],
.zn-modal-resize[data-tooltip] {position: absolute; }
.zn-modal-resize {right:44px; text-align: right;}
.zn-modal-resize span { vertical-align: middle; margin-top: -4px;border-right: 1px solid #ccc;padding-right: 15px;display: inline-block;width: 34px;}
.zn-modal-resize span:before {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); display: inline-block;}

.zn-modal-inner-content {
	/*max-height: 80%;*/
	min-height: 100px;
	overflow-y: auto;
	position: relative;
}

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


/* MODAL CONFIRM CSS */
.zn_modal_confirm {text-align: center;padding: 35px 30px;}
.zn_modal_confirm p {margin-bottom: 30px;font-size: 15px;line-height:27px;color:#767676;}
.zn_modal_confirm .btn {margin: 10px;display: block;}

/* MODAEL EDIT CSS */
.zn-modal-form { padding: 20px; max-height: 400px; overflow:auto; overflow-x:hidden;-webkit-transition: max-height .2s ease-in-out, min-height .2s ease-in-out;transition: max-height .2s ease-in-out, min-height .2s ease-in-out; min-height:0;}
.zn-modal-xl .zn-modal-form { max-height: 75vh; }
.zn-modal .zn-modal-inner-content > .zn-modal-form.zn-modal-group-form { display: block; }

.zn-options-tab-header { margin: -20px -20px 0 -20px;background: #f5f5f5; border-bottom: 1px solid #dfdfdf; padding: 15px 20px 0 20px; position: fixed; z-index: 11; width: 100%; top:62px}
.zn-options-tab-header > a { padding: 10px 15px 10px 15px; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.05); background-color: #E8E8E8; color: #2C2C2C;}
.zn-options-tab-header > a:hover, .zn-options-tab-header > a:active, .zn-options-tab-header > a:focus { text-decoration: none; }
.zn-options-tab-header > a.zn-tab-active { background: #fff; border: 1px solid #dfdfdf; border-bottom-color: transparent; padding-bottom: 11px; margin-bottom: -11px; font-weight: 600; margin-top: 0px; padding-top: 14px; border-radius: 3px 3px 0 0; color: #121212;}
.zn-options-tab-content { display: none; padding-top: 45px; }
.zn-options-tab-content.zn-tab-active { display: block; }

.znpb-element-form-header {border-bottom:1px solid #EAEAEA !important;border-top:1px solid #EAEAEA !important;width: 100%;}
.znpb-element-form-title {float: left;color: #bababa;font-weight: bold;text-transform: uppercase;padding: 7px 15px;margin: 9px 0;}

/* MODAL CONTENT TWEAKS */
.zn-modal-inner-header a { text-decoration: none; }
.zn-modal-open #wp-link-wrap { z-index: 9999999; }
.zn-modal-open #wp-link-backdrop { z-index: 9999998; }

.znpb_modal_options_footer {border-top: 2px solid #E8E8E8; background: #F5F5F5; text-align: right;}
.znpb_modal_options_footer .zn-btn-confirm {margin: 10px; width: auto; padding: 10px 30px;}

/* CUSTOM CSS OPTION */
textarea.zn_custom_css_textarea { height: 400px; }
.zn_option_container[data-optionid="custom_css"] { overflow: visible; }

/* Custom css option type */
.zn_code_input { width: 100%; height: 100%; min-height: 300px; }

/* These style only apply to the Theme's option page */
#zn_theme_admin {margin-top:20px; margin-right: 20px; }
#zn_theme_admin form {margin-bottom: 0; }
#zn_theme_admin .zn_sidebar {padding: 0; z-index: 2; }
#zn_theme_admin a,#zn_theme_admin a:focus {outline: none !important; box-shadow: none;}
/* START THE ADMIN PAGE MENU */
#zn_theme_admin .zn_sidebar ul {margin: 0; }
.admin-color-light #zn_theme_admin .zn_sidebar > ul > li {color: #333;}
#zn_theme_admin .zn_sidebar ul li {margin: 0; }
#zn_theme_admin .zn_sidebar ul.nav li {margin-bottom: 0; position: relative; }
#zn_theme_admin .zn_sidebar ul li a:hover {text-decoration: none; }
#zn_theme_admin .zn_sidebar ul li.wp-ui-highlight a:before {content: ""; display: block; position: absolute; right: -16px; border: 8px solid transparent;top:25%; }
#zn_theme_admin .zn_sidebar ul li a {padding: 7px 0 7px 15px; text-decoration: none; display: block; color: #fff; position: relative; }

/* START ADMIN PAGE LOGO */
#zn_theme_admin .zn_logo {padding:30px 20px; text-align: center; border-left: 2px solid #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#zn_theme_admin .zn_logo img {max-width: 100%; height: auto;}
#zn_theme_admin .zn_logo span {display: block}
/* START ADMIN PAGE CONTENT */
#zn_theme_admin .tab-pane {display: none; }
#zn_theme_admin .tab-pane.active {display: block; }
#zn_theme_admin .zn_page_content { background: #fff; }
/* START ADMIN PAGE HEADER AND FOOTER */
#zn_theme_admin .zn_action { margin: 0 -20px; padding: 0; }
#zn_theme_admin .zn_action.zn_header {border-bottom: 1px solid #fafafa; overflow: hidden; padding: 10px; }
#zn_theme_admin .zn_action .zn_save { float: right; }
#zn_theme_admin .zn-is-saving .zn_action .zn_save { background: #ccc; font-style: italic; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; pointer-events:none; }

/* MEGA MENU SPECIFIC */
.field-enable-mega-menu-headers , .field-enable-mega-menu, .field-enable-mega-menu-smart-area { display: none; }
.menu-item-depth-1 .field-enable-mega-menu-headers, .menu-item-depth-0 .field-enable-mega-menu { display: block; }

/* Widget positions */
.zn_mp span.option_title,.zn_mp ul.zn_number_list {
	float:left;
	margin:0px;
}
.zn_mp span.option_title {
	padding:3px;
}
.zn_mp ul.zn_number_list li {
	float:left;
	margin-left:10px;
	color:#ccc;
	cursor:pointer;
	padding:3px;
}
.zn_mp ul.zn_number_list li.active {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
.zn_mp .zn_positions,.zn_mp .zn_positions_display {
	width:235px;
}
.zn_mp .zn_position {
	float:left;
	background:#F5F5F5;
}
.zn_mp .zn_position span {
	border:1px solid #CCCCCC;
	color:#000;
	display:inline-block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:100%;
}
.zn_positions_display {
	margin-bottom:10px;
	padding:1px;
}
.zn_positions_display:after {
	clear:both;
	content:"";
	display:block;
}

/* GRIDS */
.zn-grid-12 {
	width:100%;
}
.zn-grid-6 {
	width:50%;
}
.zn-grid-5 {
	width:41.6%;
}
.zn-grid-4 {
	width:33.3%;
}
.zn-grid-3 {
	width:25%;
}
.zn-grid-2 {
	width:16.6%;
}
.zn-grid-1 {
	width:8.3%
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
	position: relative;
	cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	/*-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);*/
	-webkit-transform: translate3d(0, 0, 0);
	transform:     translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	/*-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
			transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);*/
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
	visibility: visible;
	opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
	z-index: 1000;
	padding: 8px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 12px;
	line-height: 1.3;
	-webkit-font-smoothing: subpixel-antialiase;
		text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: break-word;
	white-space: pre;
	pointer-events: none;
	border-radius: 3px;
}
.u-text-copied.tooltip:after,
.u-text-copied[data-tooltip]:after {
	content: 'Copied!';
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
	bottom: 100%;
	left: -9999px;
}
.tooltip-top-right:before {bottom: 100%; left:70%; }
.tooltip-top-right:after {bottom: 100%; left: 100%; }

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after { top: 100%; bottom: auto; }

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {margin-bottom: -12px; border-top-color: rgba(51,51,51,0.9); }

.tooltip-bottom:before {margin-top: -12px; margin-bottom:0; border-top-color: transparent; border-bottom-color: rgba(51,51,51,0.9); }

/* Horizontally align top/bottom tooltips */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
	-webkit-transform: translate(-50%,-12px);
	-ms-transform: translate(-50%,-12px);
		transform: translate(-50%,-12px);
	left:50%;
}
.tooltip-top-right:hover:before,
.tooltip-top-right:hover:after,
.tooltip-top-right:focus:before,
.tooltip-top-right:focus:after {-webkit-transform: translate(-100%, -12px);-ms-transform: translate(-100%, -12px);transform: translate(-100%, -12px);}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
	-webkit-transform: translate(-50%,12px);
	-ms-transform: translate(-50%,12px);
		transform: translate(-50%,12px);
}

/** Message option type **/
.zn_option_container .zn_class_zn_message { margin: 20px 0; width: 100%; float: none; }
.znhtml_message { padding: 20px; color: #31708f; background-color: #d9edf7; overflow: hidden; border: 1px solid #bce8f1; border-radius: 4px;}
.znhtml_message.znhtml_message_warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.znhtml_message h4 { font-size: 18px; }
.znhtml_message h4 span { vertical-align: middle; }
.znhtml_message p { font-size: 14px; }
.znhtml_message a { color: inherit; }

/** Import system */
.zn_blocked_btn {background: #D8D8D8;}
.zn_import_msg_container.is_importing { clear: both; margin-top: 15px; width:100%;border-radius:3px; height: 5px;border:1px solid #EAEAEA; position: relative }
.zn_import_msg_container.is_importing .zn_import_bar{ content: " "; background: #60DC60; width: 0; height: 100%; position: absolute; -webkit-transition: all 2s; transition: all 2s; }

.u-code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px;}

.stars-yellow .dashicons {color: #ccc; font-size: 13px; width: auto; }
.stars-yellow:hover .dashicons {color: #DCDC20; }

/* RTL */

.rtl #zn_theme_admin .zn_sidebar ul li a {
	padding: 5px 15px 5px 0;
}

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

.rtl .zn_radio label:first-of-type {
	border-radius: 0 3px 3px 0;
}

.rtl .zn_radio label:last-of-type {
	border-radius: 3px 0 0 3px;
}

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

.rtl .zn_option_content .ui-slider-horizontal {
	margin-right: 75px;
	margin-left: 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;
}

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

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

/** Radio image option */
.zn-radio-image-container {margin-left: -10px; margin-right: -10px; }
.zn-radio-image-box { float: left; width: 33%; height: auto; padding: 10px; margin-bottom: 10px; box-sizing: border-box;}
.ri-2 .zn-radio-image-box { width: 50%; }
.ri-3 .zn-radio-image-box { width: 33.3333%; }
.ri-4 .zn-radio-image-box { width: 25%; }
.ri-5 .zn-radio-image-box { width: 20%; }
.zn-radio-image-select { display: none; }
.zn-radio-image-box .zn-radio-button {font-weight: 400; font-style: italic; width: 100%; -webkit-transition: all .15s ease-out;transition:all .15s ease-out; display: block; box-sizing: border-box; margin-bottom: 5px; opacity: .6; position: relative; cursor: pointer;}
.zn-radio-image-box .zn-radio-button:not([data-dummy]):hover { opacity: 1;}
.zn-radio-image-desc {position: absolute; opacity:0; visibility:hidden;top:70%;padding: 10px 15px;color: #fff;background: rgba(48, 48, 48, 0.95);font-size: 11px;font-style: normal;line-height: 1.5;border-radius: 3px;-webkit-transition: all .15s ease-in-out;transition:all .15s ease-in-out;}
.zn-radio-image-box .zn-radio-button:hover .zn-radio-image-desc {top: 105%; opacity:1; visibility:visible}
.zn-radio-image-box img { max-width: 100%; height: auto; display: block;}
.zn-radio-img-title {display: block; text-align: center; color:#787878; }
.zn-radio-image-box .zn-radio-button.active,
.zn-radio-image-box .zn-radio-button.active:hover {opacity: 1;}
.zn-radio-image-box .zn-radio-button.active ~ .zn-radio-img-title {color:#000;}

.ri-hover-line .zn-radio-image-box .zn-radio-button {box-shadow:0 0 0 2px rgba(0,0,0,0.2); border-radius: 5px;}
.ri-hover-line .zn-radio-image-box .zn-radio-button:not([data-dummy]):hover { box-shadow:0 0 0 2px rgba(0,0,0,0.2), 0 0 20px rgba(0,0,0,0.2); opacity: 1;}
.ri-hover-line .zn-radio-image-box .zn-radio-button.active,
.ri-hover-line .zn-radio-image-box .zn-radio-button.active:hover {box-shadow: 0 0 20px rgba(0,0,0,0.2), 0 0 0 3px #1BE5D2; }

.ri-bg-hover .zn-radio-image-container {background: #F7F7F7; border-radius: 3px; }
.ri-bg-hover .zn-radio-image-box {text-align: center; padding: 0; margin-bottom: 0; opacity: .5;}
.ri-bg-hover .zn-radio-image-box:not([data-dummy]):hover,
.ri-bg-hover .zn-radio-image-box.active:not([data-dummy]) { background: #eee; opacity: 1; }
.ri-bg-hover .zn-radio-image-box img {display: inline-block; padding: 30px 0 10px;}
.ri-bg-hover .zn-radio-button {opacity: 1;}
.ri-bg-hover .zn-radio-img-title {margin-bottom: 20px; font-weight: bold;}

.zn-radio-image-box .zn-radio-button[data-dummy] {pointer-events:none; box-shadow: none;}

.ri-maxover .zn_class_radio_image { padding: 2px 10px; max-height: 410px; overflow: auto; overflow-x: hidden; width: 98% !important; background: #FAFAFA; border-radius: 4px; }

/** Smart Select option */
.zn-smartselect {max-width: 50%; position: relative; display: block !important;}
.zn-smartselect--sm .zn-smartselect {max-width: 30%;}
.zn-smartselect--md .zn-smartselect {max-width: 75%;}
.zn-smartselect--lg .zn-smartselect {max-width: 85%;}
.zn-smartselect--xl .zn-smartselect {max-width: 95%;}
.zn-smartselect-hoverImg { z-index: 10; top:50px; right: 110%; background: #fff; padding: 10px; border-radius: 4px; position: absolute; width: 240px; visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: opacity .2s ease-out,visibility .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out,visibility .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out,visibility .2s ease-out, transform .2s ease-out; transition: opacity .2s ease-out,visibility .2s ease-out, transform .2s ease-out,-webkit-transform .2s ease-out; box-shadow: 0 0 15px rgba(0,0,0,0.5); text-align: center;}
.zn-smartselect-dropdown:hover + .zn-smartselect-hoverImg { visibility: visible; opacity: 1; }
.zn-smartselect-selectlist { display: none; }
.zn-smartselect-label {cursor:pointer; padding: 0; padding-right: 25px; height: 40px; line-height: 40px; outline: none; border-radius: 4px; border: 1px solid #D9D9D9; background-image: url(../img/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-color: #fff; box-shadow: inset 0 -2px 0 #F5F5F5; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px); padding-left: 10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.zn-smartselect-dropdown {display: none !important; background-color: #FFF; border: 1px solid #B1B1B1; border-top-width:2px; border-radius:0 0 4px 4px; position: absolute; top: 100%; z-index: 9; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.14); width: 100%; box-sizing: border-box; max-height: 300px; overflow: hidden; overflow-y: auto;}
.zn-smartselect.is-opened .zn-smartselect-label {border-color: #B1B1B1;background-color: #FFF; border-bottom-color:transparent; border-radius: 4px 4px 0 0;}
.zn-smartselect.is-opened .zn-smartselect-dropdown {display:block !important;}
.zn-smartselect-item {padding:10px 15px; border-bottom:1px solid #ccc; cursor: pointer;}
.zn-smartselect-item:hover,
.zn-smartselect-item.is-active {background-color: #eee; }
.zn-smartselect-item-title {font-weight:700;}
.zn-smartselect-item-desc {font-size:11px; margin-top:5px; line-height: 1.4;}
.zn-smartselect-item-img {background:#fff;padding:10px;border-radius: 4px;position:absolute;top:-5px;right:105%;width: 240px;visibility:hidden;opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:opacity .2s ease-out,visibility .2s ease-out, -webkit-transform .2s ease-out;transition:opacity .2s ease-out,visibility .2s ease-out, -webkit-transform .2s ease-out;transition:opacity .2s ease-out,visibility .2s ease-out, transform .2s ease-out;transition:opacity .2s ease-out,visibility .2s ease-out, transform .2s ease-out,-webkit-transform .2s ease-out;box-shadow: 0 0 15px rgba(0,0,0,0.5); text-align: center;}
.zn-smartselect-item:hover .zn-smartselect-item-img {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}


/** Tabbed option */
.znopt_tabbed_group * {box-sizing: border-box;}
.znopt_tabbed_group { background: #fff;  }
.znopt_tabbed_menu_container { float: left; width: 25%; }
.znopt_tabbed_content { float: left; width: 75%; background: #fff; }
.znopt_tabbed_menu {margin: 0 }
.znopt_tabbed_menu li { margin: 0; }
.znopt_tabbed_menu li a { padding: 10px 20px; color: #fff; background: #32373c; display: block; width: 100%; margin: 0; text-decoration: none; }
.znopt_tabbed_menu li a:focus, .znopt_tabbed_menu li a:active { box-shadow: none; }
.znopt_tabbed_menu li.active a { background: #009688; }

.znopt_tabbed_content { padding: 25px 15px;  }
.znopt_tabbed_content .znopt_single_tab { display: none; }
.znopt_tabbed_content .znopt_single_tab.active { display: block; }

/** Layouts page css */
.post-type-zn_layout .zn_pb_buttons,
.post-type-zn_layout #titlediv .inside,
.post-type-zn_layout #minor-publishing,
.post-type-zn_layout #mymetabox_revslider_0  { display: none; }
#zn_layout_options { background: transparent; border: none}
#zn_layout_options .handlediv,
#zn_layout_options .hndle { display: none; }
#zn_layout_options .inside { padding: 0; margin-top: 0; }

/* Widget Option fields */
.zn_widget_options_container .zn_option_content {width: 100%; float:none;}
.zn_widget_options_container h3.zn-pb-widget-options { margin-bottom: 25px; font-size: 22px; line-height: 1.4;}
.zn-pb-widget-fields > p,
.zn-pb-widget-fields > div {margin-bottom: 30px;}
.zn-pb-widget-fields > p:before,
.zn-pb-widget-fields > p:after,
.zn-pb-widget-fields > div:before,
.zn-pb-widget-fields > div:after {content: " ";display: table; }
.zn-pb-widget-fields > p:after,
.zn-pb-widget-fields > div:after {clear: both; }
.zn-pb-widget-fields > p > label,
.zn-pb-widget-fields label { font-size: 1em; width: 35%; font-weight: 600; line-height: 1.4em; color: #333; float: left}
.zn-pb-widget-fields input[type=text],
.zn-pb-widget-fields input[type=number],
.zn-pb-widget-fields textarea,
.zn-pb-widget-fields input[type=text],
.zn-pb-widget-fields textarea,
.zn-pb-widget-fields textarea {font-weight: normal; background-color: #fff; font-size: 13px; color: #585858; width: 100%; max-width: 250px; margin: 1px; border: 1px solid #ddd; border-radius: 2px; padding: 6px 10px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: none; box-shadow: none;}
.zn-pb-widget-fields input[type=text]:focus,
.zn-pb-widget-fields textarea:focus,
.zn-pb-widget-fields input[type=text]:focus,
.zn-pb-widget-fields textarea:focus,
.zn-pb-widget-fields textarea:focus { outline: none; box-shadow: 0 0 5px #DBDBDB; }
.zn-pb-widget-fields input[type=text]:hover,
.zn-pb-widget-fields textarea:hover,
.zn-pb-widget-fields input[type=text]:hover,
.zn-pb-widget-fields textarea:hover,
.zn-pb-widget-fields textarea:hover { border-color: #bbb; }
.zn-pb-widget-fields > div > p > input,
.zn-pb-widget-fields > p > input[type=number] { width: 60px; }
.zn-pb-widget-fields > p > input[type=checkbox],
.zn-pb-widget-fields > div > p > input[type=checkbox] {float:left; margin-right: 10px; margin-top: 5px;}
.zn-pb-widget-fields select { padding: 0; padding-right: 25px; height: 34px; outline: none; border-radius: 4px; border: 1px solid #D9D9D9; -webkit-appearance: none; background-image: url(../img/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-color: #fff; box-shadow: inset 0 -2px 0 #F5F5F5; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px); padding-left: 10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; width: 100%; max-width: 250px; font-size: 13px; }
.zn-widgetOpt-labelDesc { font-weight: 400; font-size: 10px;}

/* Date format */
.zn_date_format_example { padding: 3px 5px; color: #fff; background: #5AC75A; margin: 0 5px; border-radius:3px;}

/* Import Export */
.exp_images_chb {margin-bottom: 20px;}
.exp_images_chb label {vertical-align: middle;}
.exp_images_chb input {margin-top:0;}

.zn_impexp_notice > div {margin-bottom: 20px;}

/* Loading Button */
.zn_admin_button.zn-button--loading {position: relative; padding-left: 50px; background: #868686; pointer-events: none;}
.zn_admin_button.zn-button--loading .dashicons {display: none;}
.zn_admin_button.zn-button--loading:before {content:''; display: block;width: 14px;height: 14px;border:2px solid #fff;border-left-color:transparent;border-right-color:transparent;border-radius: 50%;position: absolute;left: 17px;top: 10px;-webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating {
  from {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating {
  from {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert > p + p {margin-top: 5px; }
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
