/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);*/

select.mega_block_feature_auto_icon,
select.mega_block_feature_custom_icon {
	font-family: "FontAwesome", Arial !important;
	font-size: 16px;
}

select.mega_block_feature_auto_icon2,
select.mega_block_feature_custom_icon2 {
	font-family: "Ionicons", Arial !important;
	font-size: 16px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-panel textarea, .ui-panel input, .ui-panel select, .ui-panel ul, .ui-panel ol, .ui-panel li { margin: 0; padding: 0; border: 0; }

.ui-panel :focus { outline: 0; }

.mega :focus { outline: 0; }

/* =Reset
-------------------------------------------------------------- */

.mega input {
	margin: 0;
	padding: 0;
}

.mega dl { margin: 0; } /* temp? */

.mega ul { list-style: none; }

.mega a,
.mega a:link,
.mega a:visited,
.mega a:focus,
.mega a:active { text-decoration: none; outline: none; }

.mega a:focus { box-shadow: none; -webkit-box-shadow: none; }

.mega label {
	cursor: default;
}

/* =Helpers
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.center:not(.new) { clear: both; float: none !important; margin-left: auto !important; margin-right: auto !important; }

.cf:before,
.cf:after {
	display: table;
	content: '';
}

.cf:after { clear: both; }

/* First Left & Right cleaners */

.horizontal > li.left.first { margin-left: 0 !important; }
.horizontal > li.right.first { margin-right: 0 !important; }

/* =WP
-------------------------------------------------------------- */

.ltr #wpcontent { margin-left: 140px; }
.rtl #wpcontent { margin-right: 140px; }

.ltr.folded #wpcontent { margin-left: 16px; }
.rtl.folded #wpcontent { margin-right: 16px; }

@media only screen and (max-width: 900px)
{
	.ltr.auto-fold #wpcontent { margin-left: 16px; }
	.rtl.auto-fold #wpcontent { margin-right: 16px; }
}

#wpbody {
	padding-top: 92px;
}

#wpbody-content { padding-bottom: 135px; }

#wpfooter { margin-bottom: 39px; }

.update-nag { margin-top: 20px; }

html.wp-toolbar {
	background: #f3f3f3 url(images/bg.png) repeat left top;
	background: #e8ecef;
}

/* =
-------------------------------------------------------------- */

.mega {
	margin-bottom: 40px;
}

.mega-body {
	max-width: 1100px;
	margin-top: 30px; margin-bottom: 10px;
}

.ltr .mega-body { margin-left: 25px; }
.rtl .mega-body { margin-right: 25px; }

.mega-main {
	width: calc(100%);
	max-width: 800px;
	box-shadow: 0 2px 2px -2px #CCC;
}

.tabs-inner {
	width: calc(100% - 120px - 145px);
	max-width: 835px;
}

.mega-main1:not(.ui-tabs-panel):not(#tab-1) { display: none; }
#tab-2:not(.ui-tabs-panel) { display: none; }
#tab-2 > .mega-main { display: block !important; }

.mega-main, .tabs-inner {
	min-height: 315px;
	padding: 20px;
	padding-top: 25px;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 0 1px 1px 1px;
	border: 1px solid #ced4d8;
}

.block-settings { margin-top: -1px; }

.ltr .mega-main, .ltr .tabs-inner { float: left; }
.rtl .mega-main, .rtl .tabs-inner { float: right; }

.mega-footer {
	max-width: 980px;
	color: #777;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.ltr .mega-footer { margin-left: 20px; }
.rtl .mega-footer { margin-right: 20px; }

.ltr .mega-footer .ver { float: right; }
.rtl .mega-footer .ver { float: left; }

/* =Buttons
-------------------------------------------------------------- */

.mega-button {
	cursor: pointer;
	border-radius: 3px;
}

.mega-button.yellow {
	
}

.mega-button.yellow:hover {
	
}

.mega-button.blue {
	
}

.mega-button.upgrade {
	height: 30px;
	margin-top: 28px;
	padding: 0 11px;
	border: 1px solid #cc7e02;
	background-color: #ffa300;
	box-shadow: 0 20px 20px 0 #ffcd00 inset, 0 1px 1px 0 #ccc;
	color: #7c3803;
	text-shadow: 1px 1px #ffd05b;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
}

.ltr .mega-button.upgrade {	float: left; margin-left: 120px; }
.rtl .mega-button.upgrade {	float: right; margin-right: 350px; }

.mega-button.upgrade:hover {
	box-shadow: 0 20px 20px 0 #FDD636 inset, 0 1px 1px 0 #ccc;
}

.mega-button.save {
	position: fixed;
	top: -webkit-calc(55% - 20px);
	top: calc(55% - 20px);
	width: 120px; height: 40px;
	background-color: #3a96c5;
	border: 2px solid #d9dddc;
	box-shadow: 0 0 0 1px #257fb3 inset, 0 2px 0 0 #62b6e2 inset, 0 20px 20px 0 #45a3d6 inset;
	color: #FFF;
	font: bold 10px Arial;
	text-shadow: 2px 1px #2680b4;
}

.ltr .mega-button.save { border-left: 0; border-radius: 0 25px 25px 0; }
.rtl .mega-button.save { border-right: 0; border-radius: 25px 0 0 25px; }

.mega-button.validate {
	height: 32px;
	padding: 0 14px;
	border: 1px solid #b1bac3;
	background-color: #e8ecef;
	box-shadow: 0 20px 20px 0 #feffff inset, 0 1px 1px 0 #CCC;
	color: #21759b;
	text-shadow: 1px 1px #FFFFFF;
	font: bold 12px/32px Arial, Helvetica, sans-serif;
}

.hide-btns { display: none !important; }

@media only screen and (min-width: 1400px)
{
	.mega-button.save {
		top: -webkit-calc(40% - 20px);
		top: calc(40% - 20px);
	}
}

@media only screen and (min-width: 1600px)
{
	.mega-button.save {
		top: -webkit-calc(35% - 20px);
		top: calc(35% - 20px);
	}
}

/* =Header
-------------------------------------------------------------- */

.mega .header { /* .mega-head */
	width: 100%; height: 90px;
	position: fixed;
	top: 28px;
	z-index: 24;
	/*border-bottom: 1px solid #CCC;
	border-bottom: 3px solid #0a456a;*//*#0e98bc*/
	box-shadow: 0 -3px 0 0 #0a456a inset, 0 -10px 15px 0 #ebeef1 inset, 0 1px 3px 0 #CCC;
	background-color: #FFF;
	/*background: #FFF url(images/megal.png) no-repeat 25px 8px;*/

	background-size: 100% 100%, 9px 9px, 9px 9px;
	background-image: -webkit-linear-gradient(transparent 20%, #FFF 70%, #ebeff2 100%),
	-webkit-linear-gradient(135deg, transparent 4.5px, #f9f9f9 4.5px, #f9f9f9 5px, transparent 5px),
	-webkit-linear-gradient(45deg, transparent 4.5px, #f9f9f9 4.5px, #f9f9f9 5px, transparent 5px);
	background-repeat: repeat;

	overflow: hidden;
}

.mega .header:after {
	width: 430px; height: 3px;
	position: absolute;
	bottom: 0;
	content: '';
	display: block;
	background-color: #0a6a91;
	background-size: 100% 100%;
	background-image: -webkit-linear-gradient(0deg, transparent 0%, #0ea0c5 30%, #0fb9c8 50%, #0ea0c5 70%, transparent 100%);
	background-repeat: no-repeat;
	-webkit-animation-name: example1;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	animation-name: example1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes example
{
	0%		{ left: 100%; }
	100%	{ left: -430px; }
}

@keyframes example
{
	0%		{ left: 100%; }
	100%	{ left: -430px; }
}

.mega .logo1 {
	width: 92px; height: 28px;
	float: left;
	margin-top: 37px;
	margin-left: 35px;
	background: url(images/logo1.png) no-repeat left top;
	background-size: 75%;
}

/* =Top Nav
-------------------------------------------------------------- */

.ltr .ac ul {
	float: left;
	margin: 0;
	margin-left: 15px;
}

.rtl .ac ul {
	float: right;
	margin: 0;
	margin-right: 100px;
}

.ltr .ac ul li {
	float: left;
	margin-right: 30px;
	margin-top: 25px;
}

.rtl .ac ul li {
	float: right;
	margin-left: 25px;
}

.ac li a {
	font: bold 14px/40px Arial, Geneva, sans-serif;
	color: #a7abb1;
}

.ac li a:hover, .ac li.ui-tabs-active a {
	text-decoration: none;
	outline: 0;
	color: #74c3ef;
}

nav.main {
	
}

nav.primary {
	
}

.top-nav {
	
}

.top-nav li {
	
}

.top-nav li.active {
	
}

.top-nav li a {
	
}

.top-nav li a:hover {
	
}

.top-nav li.active a {
	
}

/* =Footer
-------------------------------------------------------------- */


/* =Elements
-------------------------------------------------------------- */

/* ON/OFF */

/* Checklist */

.mega .mega_block_form_field_wrapper > .mega_cl {
	width: 100%;
	background: #FFF;
	border: 1px solid #cbd2d8;
	margin-top: 5px;
	max-height: 150px;
	border-radius: 3px;
	overflow-y: scroll;
	box-shadow: 0 1px 1px 0 #E7E7E7;
}

.mega_cl .mega_cl li { padding-left: 40px; }
.mega_cl .mega_cl .mega_cl li { padding-left: 60px; }

.mega_cl li {
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px dashed #e6e6e6;
	background: -webkit-linear-gradient(#FDFDFD 50%, rgba(230, 230, 230, 0.42) 30px) left bottom / 100% 50% no-repeat;
}

.mega_cl li:last-child {
	border-bottom: 0;
}

.mega_cl li label { width: 100%; margin: 0 !important; word-break: break-all; }

.ltr .mega_cl li label { float: left; }
.ltr .mega_cl li input { float: right; }

.rtl .mega_cl li label { float: right; }
.rtl .mega_cl li input { float: left; }


/* Color */



/* =Block Header
-------------------------------------------------------------- */

/* Name */

/* Float */

/* Span */

/* Settings */

.block-controls-settings,
.block-controls-delete {
	display: inline-block;
	width: 20px;
	height: 26px;
	text-align: center;
	color: #FFF !important;
	box-sizing: border-box;
	font-family: FontAwesome;
	font-weight: normal;
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

.ltr .block-controls-settings, .ltr .block-controls-delete { float: right; }
.rtl .block-controls-settings, .rtl .block-controls-delete { float: left; }

.block-controls-settings {
	background-color: #F3C1C1;
	font-size: 9.5px;
}

.block-controls-settings:hover { background-color: #ED9D9D; }

.block-controls-settings:before { content: "\f108"; }

li.block.sourced > .block-head .block-controls-settings { background-color: #B2B2B2; }

/* Delete */

.block-controls-delete {
	background-color: #C7CFDA;
	font-size: 7.5px;
	cursor: pointer;
}

.block-controls-delete:hover { background-color: #AFBBC9; }

.block-controls-delete:before { content: "\f00d"; }

/* =Settings
-------------------------------------------------------------- */

.mega .mega_block_form_field_wrapper {
	
}

.mega .mega_block_form_field_wrapper .mega_block_form_field_wrapper {
	
}

/* =ON/OFF
-------------------------------------------------------------- */

.cb {
	width: 68px; height: 32px;
	cursor: pointer;
	background: url(images/onoffbg.png) no-repeat left top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ltr .cb { float: right; }
.rtl .cb { float: left; }

.checker {
	width: 32px; height: 32px;
	float: left;
	background: url(images/onofftick.png) no-repeat left top;
	-webkit-transition: margin .3s;
	transition: margin .3s;
}

.cb.checked .checker { margin-left: 36px; }

.package-0 .mega_block_form_field_wrapper.pro .cb { opacity: 0.5; }


input[readonly], textarea[readonly], select option[disabled] {
	background-color: #ECEFF1;/*#DFE4E7*/
	box-shadow: none !important;
}

.lock { display: none; }

.pro > .lock {
	width: 16px; height: 20px;
	margin: 5px 5px 0 0;
	float: right;
	display: block;
	/*background: url() left top no-repeat;*/
	transition: none;
}

.pro > .lock:hover { background-position: left bottom; }

/* =CSS
-------------------------------------------------------------- */

.mega .color .plate {
	width: 20px;
	cursor: pointer;
}

.mega .color .text {
	width: 80px;
}

.mega .css .color {
	display: inline-block;
}

/* transparent will have image , and use select-box */




/* Home */

#tab-1 > .mega-main { padding: 30px; }

#tab-1 h2 {
	margin: 0 0 10px 0;
	font: 700 50px Vag Rounded, Arial, Helvetica, sans-serif;
	color: #878787;
}

#tab-1 h2 a, #tab-1 h2 a:hover { color: #878787; }

#tab-1 .block.upgrade {
	color: #a9a9a9;
	font-size: 13px;
}

#tab-1 .block.upgrade .price { color: #000; font-weight: 700; }

#tab-1 ul { margin-top: 20px; }

#tab-1 ul li a {
	color: #a9a9a9;
}

#tab-1 ul li:before {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 11px;
	color: #52B1EA;
	margin-right: 9px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#tab-1 .cta { margin-top: 65px; margin-bottom: 50px; }

#tab-1 .cta_title {
	margin: 0;
	font: 400 22px Vag Rounded, Arial, Helvetica, sans-serif;
	color: #616161;
}

#tab-1 .cta_title strong { font-weight: 700; }

#tab-1 .cta span { color: #999999; }

#tab-1 .cta a {
	height: 40px;
	border-radius: 20px;
	padding: 0 40px;
	color: #FFF;
	text-shadow: -1px -1px 0 #2f8aab;
	background-color: #4399D8;
	display: table;
	margin-top: 3px;
	font: 900 14px/40px Lato, Arial;
}

#tab-1 .cta a:hover {
	background-color: #429cde;
}

.mega_block_form_field_wrapper:after,
.blk_s_wrap:after
{
	clear: both;
	content: '';
	display: table;
}


#tab-5 p {
	line-height: 20px;
	margin-bottom: 25px;	
}



/* option loop level */

.mega .mega_block_form_field_wrapper {
	box-sizing: border-box;
	margin-bottom: 15px;
}

.mega .mega_block_form_field_wrapper:last-child { margin-bottom: 0; }

.mega .sub-options {
	display: none;
	clear: both;
}

.mega .sub-options > .mega_block_form_field_wrapper:first-child { margin-top: 15px; }

.ltr .mega .mega_block_form_field_wrapper label { float: left; margin-bottom: 15px; font-size: 12px; }
.rtl .mega .mega_block_form_field_wrapper label { float: right; }

.mega_block_form_checklist-wrapper > label { float: none !important; }

.mega .mega_block_form_field_wrapper .wp-editor-wrap,
.mega .mega_block_form_field_wrapper .mega_block_form_text_area {
	margin-top: 12px;
}

.mega input[type="submit"] {}


.mega_form_select,
.mega_form_text,
.mega_form_ltext,
.mega_form_textarea,
.mega_form_password,
.mega .mega_block_form_number,

.mega select,
.mega textarea,
.mega input[type="text"],
.mega input[type="email"],
.mega input[type="password"] {
	min-height: 32px;
	padding: 0 10px;
	box-shadow: 0 3px 2px 0 #f1f1f1 inset;
	font-family: inherit;
	border: 1px solid #cbd2d8;
	border-top-color: #a5adb5;
	border-radius: 3px;
}

.ltr .mega_block_form_number { padding-right: 0; }
.rtl .mega_block_form_number { padding-left: 0; }

.mega select { padding: 0 0 0 5px; }

.mega select:focus,
.mega textarea:focus,
.mega input[type="text"]:focus,
.mega input[type="password"]:focus,
.mega input[type="email"]:focus,
.mega .mega_block_form_number:focus {
	border-color: #6184be;
	box-shadow: 0 0 0 2px #d9f0ff;
}

.ltr .mega .mega_block_form_field_wrapper select,
.ltr .mega .mega_block_form_field_wrapper input[type="text"],
.ltr .mega .mega_block_form_field_wrapper input[type="email"],
.ltr .mega_block_form_field_wrapper .mega_block_form_number {
	float: right; /* .mega-option - right, .css .mega-option: none*/
}

.rtl .mega .mega_block_form_field_wrapper select,
.rtl .mega .mega_block_form_field_wrapper input[type="text"],
.rtl .mega .mega_block_form_field_wrapper input[type="email"],
.rtl .mega_block_form_field_wrapper .mega_block_form_number {
	float: left;
}

.mega .mega_block_form_field_wrapper input.text { width: 120px; }
.mega_block_form_field_wrapper .mega_block_form_number { width: 68px; }
.mega_block_form_field_wrapper .mega_form_ltext { width: 300px; }

.mega textarea.widefat,
.mega .mega_block_form_field_wrapper textarea {
	width: 100%; height: 175px;
	padding: 10px;
	line-height: 18px;
}



















.mega-logs-wrapper-a {
	position: fixed;
	z-index: 22;
}

.mega-logs-wrapper-a.processing {
	width: 100%; height: 100%;
	background: rgba(109, 109, 109, 0.85);
	position: fixed;
	top: 0;
	z-index: 24;
}

#mega-logsv {
	width: calc(100% - 147px);
	height: 80px;
	margin: 0;
	color: #73808A;
	/*font: 11px/26px Arial, sans-serif;*/

	border-top: 1px solid #ADBBC5;
	text-shadow: 0 1px #FFF;
	position: static;
	bottom: 0;
	z-index: 22;
	overflow-y: scroll;
	box-sizing: border-box;
	box-shadow: 0 1px 0 0 #FFF inset, 0 10px 15px 0 #f1f1f1 inset;
	background-color: #E8ECEF;
}

#mega-logs, .logga {
	margin: 0;
}

#mega-logs li {
	height: 26px;
	margin: 0;
	line-height: 26px;
	font-size: 11px;
	transition: .3s background-color ease-in-out 2.1s, .3s height ease-in-out;
	overflow: hidden;
}

.ltr #mega-logs li { padding-left: 20px; }
.rtl #mega-logs li { padding-right: 20px; }

#mega-logs li:nth-child(odd) {
	background-color: #F8F8F8;
}

.date { display: inline-block; }

.ltr .date {
	margin-right: 10px;
	padding-right: 5px;
	border-right: 2px solid #3B9BDB;
}

.rtl .date {
	margin-left: 10px;
	padding-left: 5px;
	border-left: 2px solid #3B9BDB;
}

#mega-logs li.popAnimation {
	width: 100%;
	height: 0;
	font: bold 22px/80px Arial, sans-serif;
	position: fixed;
	bottom: 0;
	-webkit-animation: pop 1.8s ease-in-out;
}

.rtl #mega-logs li.popAnimation { margin-right: -12px; }

#mega-logs li.popAnimation.notice {
	background-color: #F7F7EA;
}

#mega-logs li.popAnimation.error, #mega-logs li.popAnimation.error2 {
	background-color: #F3E5E5;
}

@-webkit-keyframes pop
{
	16.6% { height: 80px; }
	83.3% { height: 80px; }
}










.mega .template-nav1 {
	margin-left: 10px; padding: 0 5px;
	width: 100%;
}

.ltr .mega .template-nav1 { float: left; }
.rtl .mega .template-nav1 { float: right; }

.mega .template-nav1 > li {
	background: none !important;
}

.mega .template-nav1 li {
	padding-top: 15px;
	background: -webkit-linear-gradient(90deg, #BBB 0, #BBB 100%) 50% 0 / 1px 15px no-repeat;
}

.ltr .mega .template-nav1 li { float: left; }
.rtl .mega .template-nav1 li { float: right; }

.mega .template-nav1 li:first-child {
	background-image: -webkit-linear-gradient(0deg, #FFF 0, #FFF 100%), -webkit-linear-gradient(90deg, #BBB 0, #BBB 100%);
	background-size: 50% 2px, 1px 15px;
	background-repeat: no-repeat;
}

.ltr .mega .template-nav1 li:first-child { background-position: left 0, 50% 0; }
.rtl .mega .template-nav1 li:first-child { background-position: right 0, 50% 0; }

.mega .template-nav1 li:last-child {
	background-image: -webkit-linear-gradient(0deg, #FFF 0, #FFF 100%), -webkit-linear-gradient(90deg, #BBB 0, #BBB 100%);
	background-size: 50% 2px, 1px 15px;
	background-repeat: no-repeat;
	margin: 0;
}

.ltr .mega .template-nav1 li:last-child { background-position: right 0, 50% 0; }
.rtl .mega .template-nav1 li:last-child { background-position: left 0, 50% 0; }

.mega .template-nav1 li a {
	margin-left: 5px;
	margin-right: 5px;
}

.mega .template-nav1 li a span {
	min-width: 74px; height: 32px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F4F5F5));
	border: 1px solid #CCC;
	border-radius: 1px;
	text-align: center;
	color: #777;
	font: bold 1em/33px Arial, Helvetica, sans-serif;
}

.mega .template-nav1 li.ui-active > a span {
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F9F9E9));
	color: #B86364;
}

.mega .template-nav1 li:hover > a span {
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E9F3F9));
	color: #B86364;
}

ul.inn_tem {
	clear: both;
	padding-top: 15px;
	background: -webkit-linear-gradient(0deg, #BBB 0, #BBB 100%) 0 15.4px / 1px 1px repeat-x, -webkit-linear-gradient(90deg, #BBB 0, #BBB 100%) 50% 0 / 1px 15px no-repeat;
}

.mega .template-nav1 > li,
ul.inn_tem > li {
	float: left;
	display: flex;
	flex-direction: column;
}

.rtl .mega .template-nav1 > li,
.rtl ul.inn_tem > li {
	float: right;
}








/* sub sub */

.mega .template-nav {
	float: left;
	position: relative;
}

.mega .template-nav > ul {
	float: left;
	margin: 0;
	background-color: #f5f7f9;
	background-image: linear-gradient(#e4e8eb 1px, transparent 1px);
	background-repeat: repeat;
	background-size: 1px 44px;
	box-shadow: 0 -1px 0 0 #e4e8eb inset, 0 0 0 1px #ced4d8 inset;
}

.mega .template-nav li {
	margin: 0;
	float: left;
}

.mega .template-nav li a {
	min-width: 74px; height: 44px;
	display: block;
	box-sizing: border-box;
	padding: 0 23px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	text-align: center;
	color: #999;
	font: bold 12px/46px Arial, Helvetica, sans-serif;
}

.mega .template-nav li:first-child a { border-radius: 0 0 0 0; }
.mega .template-nav li:last-child a { border-radius: 0 0 0 0; }
.mega .template-nav li:only-child a { border-radius: 0 0 0 0; }

.mega .template-nav li.ui-tabs-active a {
	height: 44px;
	color: #838383;
	border-left: 1px solid #ced4d8;
	border-right: 1px solid #ced4d8;
	background: white;
	box-shadow: 0 1px 0 0 #74c3ef inset;
}

/* sub sub end */



.new_in_cont {
	float: left;	
}





#mega_default_widget_settings > .template-nav {
	width: 155px;
}

#mega_default_widget_settings > .mega-main {
	width: calc(100% - 155px);
	min-height: 665px;
	margin-top: 0;
}

#mega_default_widget_settings .ui-tabs-nav {
	box-shadow: none;
	background-image: none;
}

#mega_default_widget_settings .ui-tabs-nav li {
	border-bottom: 1px solid #e4e8eb;
	width: 100%;
}

#mega_default_widget_settings .ui-tabs-nav li:first-child a {
	border-top: 1px solid #ced4d8 !important;
}

#mega_default_widget_settings .ui-tabs-nav li.ui-tabs-active a {
	border: 0;
	width: calc(100% + 1px);
	box-shadow: none;
	border-left: 2px solid #74c3ef;
}

#mega_default_widget_settings .ui-tabs-nav li a {
	height: 34px;
	line-height: 34px;
	text-align: left;
}















.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  box-sizing: border-box;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow:after {
  content: "";
  z-index: -1;
}
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #ffffff;
}
.popover.top .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #ffffff;
}
.popover.right .arrow:after {
  border-width: 11px 11px 11px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  left: -1px;
}
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #ffffff;
}
.popover.bottom .arrow:after {
  border-width: 0 11px 11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -1px;
  left: -11px;
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #ffffff;
}
.popover.left .arrow:after {
  border-width: 11px 0 11px 11px;
  border-left-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  right: -1px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}





a[rel="help"] .popover {
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	text-shadow: none;
	-webkit-user-select: auto;
	-moz-user-select: all;
	cursor: text;
}

a[rel="help"] {
height: 13px;
line-height: 13px;
padding: 0 4px;
font-size: 9px;
font-weight: bold;
border-radius: 2px;
text-shadow: 1px 1px #FFF;

-webkit-user-select: none;
-moz-user-select: none;

background-clip: padding-box;
display: inline-block;
cursor: default;





border: 1px solid #C6C6C6;
color: #222;

background-color: #F8F8F8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F1F1F1));
background-image: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
background-image: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
background-image: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
background-image: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
background-image: linear-gradient(top, #F8F8F8, #F1F1F1);



box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
position: relative;
}

.ltr a[rel="help"] { margin-left: 10px; }
.rtl a[rel="help"] { margin-right: 10px; }

a[rel="help"]:hover {
background-color: #EEE;
background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#E0E0E0));
background-image: -webkit-linear-gradient(top, #EEE, #E0E0E0);
background-image: -moz-linear-gradient(top, #EEE, #E0E0E0);
background-image: -ms-linear-gradient(top, #EEE, #E0E0E0);
background-image: -o-linear-gradient(top, #EEE, #E0E0E0);
background-image: linear-gradient(top, #EEE, #E0E0E0);


box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #CCC;
color: #333;
}


































/* =Dropzone
-------------------------------------------------------------- */

.ui-panel .blk_s_wrap {
	padding: 10px;
	border-top: 1px solid #333;
}

.ui-panel .odd > .blk_s_wrap { background-color: #FFF; }
.ui-panel .even > .blk_s_wrap { background-color: #F4F8FA; }

.dropzone {
	clear: both;
	min-height: 25px;
}

.dropzone, .blk_s_wrap {
	position: relative;
}

li.clicked > .blk_s_wrap {
	background: #FFFFCC !important;	
}

/* Horizontal */

ul.horizontal > li.left { margin-left: 10px; }
ul.horizontal > li.right { margin-right: 10px; }


/* Vertical */

ul.vertical > li.block { margin-bottom: 10px; }

ul.vertical > li.block:last-child,
ul.vertical > li.last {
	margin-bottom: 0 !important;
}


/* Sortable Placeholder */

.mega .sortable-placeholder {
	height: 25px;
	border: 1px dashed #BBB;
	box-sizing: border-box;
	background-color: #f5f5f5;
	background-color: #FDFDF1;
}

.dropzone.vertical > .sortable-placeholder {
	width: 100%;
	margin-bottom: 10px;
}

.dropzone.vertical > .sortable-placeholder:nth-last-child(1) { margin-bottom: 0; }

.dropzone.vertical > li {
	width: 100%;
}

.dropzone.vertical {
	min-height: 27px;	
}

.dropzone.horizontal > .sortable-placeholder {
	visibility: visible !important;
}

.dropzone.horizontal > .sortable-placeholder.new-item {
	width: 20px !important;
	height: 50px;
}

.dropzone.horizontal > .sortable-placeholder:not(.left):not(.right):not(.center) {
	float: left;
	margin-left: 2px;
}








li.block {
	box-sizing: border-box;
	position: relative;
}

.block.display-head, .block.display-all { border: 1px solid #A6A6A6; }

.mega-builder .block.display-head > .block-head, .mega-builder .block.display-all > .block-head {
	overflow: hidden;
	height: 25px;
	box-shadow: 0 1px 0 0 #FFF inset;
	background: #DFDFDF -webkit-linear-gradient(rgba(252, 252, 252, 0.35) 50%, rgba(148, 34, 34, 0) 30px) left top / 100% 50% no-repeat;
}

.block.parent.display-head > .blk_s_wrap { display: none; }

/* title */

.block-title {
	padding: 7px 5px;
	color: #151515;
	font: bold 12px arial;
	text-shadow: 0 1px #F6F6F6;
	max-width: calc(100% - 80px);
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ltr .block-title { float: left; }
.rtl .block-title { float: right; }

.block-title:hover,
.block-head .width:hover {
	cursor: move;
}


/* select */

.floate select {
	min-height: initial;
	width: 19.9px; height: 26px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-shadow: none;
	background-color: #ABDAE0;
	color: #FFF;
	line-height: 1;
	border: 0;
	border-radius: 0;
	padding: 4px 3px;
	text-overflow: "";
	text-indent: 0.01px;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	cursor: pointer;
	letter-spacing: 5px;
}

.ltr .floate select { padding: 4px 1px 4px 2.5px; }
.rtl .floate select { padding: 4px 0 4px 1px; }

.floate select::-ms-expand {
	display: none;
}

.floate select:hover,
.floate select:focus {
	border: 0;
	outline: 0;
	box-shadow: none;
}

.floate select option {
	letter-spacing: 0;
}

.ltr .floate { float: right; }
.rtl .floate { float: left; }



/* width */

.block-head .width { padding: 7px 0; }

.ltr .block-head .width { float: left; }
.rtl .block-head .width { float: right; }


/* =Block Controls
-------------------------------------------------------------- */


.block:not(.display-settings-value) > .block-settings {
	width: auto;
	min-width: 350px;
	max-width: 500px;
	padding: 15px;
	display: none;
	position: absolute;
	top: 25px;
	box-sizing: border-box;
	background-color: #F4F9FA;
	border: 4px solid #E9E9E9;
	z-index: 23;
}

.ltr .block-settings { right: 0; }
.rtl .block-settings { left: 0; }

.block.parent.display-body > .block-settings { top: 0; }

.block-settings:hover { display: block !important; }



/* droppable */

.bloc .block {
	min-width: 80px !important;
	margin-bottom: 10px;
	list-style: none;
	display: none;
	border: 1px solid #B6B396;
	height: 27px !important;
	width: auto !important;
	max-width: 120px !important;
}

.ltr .bloc .block { float: left; margin-right: 10px; }
.rtl .bloc .block { float: right; margin-left: 10px; }

.bloc .block.ui-draggable-dragging {
	position: fixed !important;
}

.bloc .block .dropzone, .bloc .block-controls-settings, .bloc .block-controls-delete, .bloc .blk_s_wrap {
	display: none;
}

.bloc .fold {
	display: none;
}

.bloc .bid {
	display: none !important;
}

.bloc .block-title {
	max-width: none;	
}

.bloc .block-head {
	background: rgb(243, 243, 199);
	box-shadow: 0 -15px 5px -4px #EBE6BC inset;
overflow: hidden;
height: 25px;
}

.bloc {
	/*position: fixed;
	bottom: 0;
	z-index: 300;
	background-color: rgb(230, 230, 230);*/
	padding: 10px;
}

.bloc > .blocks {}














































.block-mega_css_rule .sub-options {
	float: left;
	margin-left: 5px;
	clear: none;
}

.mega .block-mega_css_rule .sub-options > .mega_block_form_field_wrapper:first-child {
	margin-top: 0;
}








.mega span.bid {
	background-color: #E4E4E4;
	border-radius: 100%;
	display: inline-block;
	font-size: 7px;
	padding: 0 4px;
}






/* logs & blocks */

.mega .set_tabs {
	width: 100%;
	margin: 15px 0;
	padding: 10px 0;
	border-top: 1px solid #DBDEE0;
	border-bottom: 1px solid #DBDEE0;
	box-shadow: 0 -1px 0 0 #FFF, 0 1px 0 0 #FFF;
}

.mega .set_tabs li {
	float: left;
}

.mega .set_tabs li a {
	display: block;
	min-height: 27px;
	padding: 0 13px;
	font: bold 10px/27px Arial, sans-serif;
	text-shadow: 0 1px #FFF;
	color: #73808a;
}


.mega .set_tabs li.ui-tabs-active a {
	background-color: #37bbec;
	text-shadow: -1px -1px 0 #2f8aab;
	color: #FFF;
	font-size: 10px;
	box-shadow: -1px 1px 3px -1px #d3d7d9;
	border: 1px solid #adbbc5;
	border: 1px solid #75AED7;
	border-radius: 20px;
}





.log-list > li { margin-bottom: 0; }
.ltr .log-list > li { float: left; }
.rtl .log-list > li { float: right; }

.log-list > li.trigger > a {
	margin-left: 50px;
	margin-right: 25px;
	padding: 0 13px;
}

.ui-tabs-nav .logx {
	position: relative;
	/*bottom: 79px;*/
	z-index: 23;
	background-color: #F8F8F8;
	margin-left: -1px;
	border: 1px solid #ADBBC5;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	padding: 0 15px;
	height: 33px;
	font: 700 11px/33px Arial;
	right: 0;
	box-shadow: 0 6px 8px -2px #FFFFFF inset;
	cursor: pointer;
	display: table;
	margin-bottom: -1px;
}

.logxx:hover {
	box-shadow: 0 6px 8px -2px #F4F4E6 inset;
}

.ui-tabs-nav li.ui-tabs-active a.logx {
	background: #FFF;
	border: 1px solid #adbbc5;
}

.megahidden #mega-logsv {
	display: none;
}

.mega-logs-wrapper {
	position: fixed;
	bottom: 0;
	z-index: 22;
	width: 100%;
}

.logx:hover {
	background: -webkit-linear-gradient(-90deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
	background: linear-gradient(180deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
	background: -moz-linear-gradient(-90deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
}

.logx:after {
	display: inline-block;
	margin-left: 3px;
	margin-right: 2px;
	font: normal 11px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.megahidden .trigger > .logx:after { content: "\f102"; }
.megashown .trigger > .logx:after { content: "\f103"; }





/* */

.add_new_instance {
	display: inline-block;
	background: #e8ecef;
	border-radius: 3px;
	height: 30px;
border: 1px solid #b1bac3;
box-shadow: 0 1px 1px -1px #dfdfdf, 0 16px 16px -2px rgba(255, 255, 255, 0.96) inset;
cursor: pointer;
line-height: 30px;
text-transform: capitalize;
padding: 0 13px;
}

.add_new_instance:hover {
	background-color: #F8F8F8;
	background: -webkit-linear-gradient(-90deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
	background: linear-gradient(180deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
	background: -moz-linear-gradient(-90deg, #FFF 15%, #FDFDFC 40%, #FBFBF4 80%, #F8F8F8 100%);
}

.template-nav.cf {	
	/*float: left;*/
	margin-bottom: 10px;
	width: 100%;
}

.mega-delete-instances {
	margin-left: 10px;
	color: #EE9274;
	font-weight: 900;
}

li.act > a {
	color: red;
}


.mega-reset {
	float: left;
	position: fixed;
	left: auto;
	top: calc(55% + 30px);
	display: inline-block;
}

@media only screen and (min-width: 1400px)
{
	.mega-reset {
		top: -webkit-calc(40% + 30px);
		top: calc(40% + 30px);
	}
}

@media only screen and (min-width: 1600px)
{
	.mega-reset {
		top: -webkit-calc(35% + 30px);
		top: calc(35% + 30px);
	}
}

.reset-open {
	float: right;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-left: 0;
	font: normal 14px/37px FontAwesome;

	background-color: #CEE1EB;
	border: none;
	box-shadow: 0 0 0 1px #B7CEDB inset, 0 2px 0 0 #EBF8FF inset, 0 20px 20px 0 #DBEAF3 inset;
	display: inline-block;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #FFF;
	padding-top: 2px;
	box-sizing: border-box;
	text-align: center;
}

.ltr .reset-open { padding-right: 5px; border-radius: 0 25px 25px 0; }
.rtl .reset-open { padding-left: 5px; border-radius: 25px 0 0 25px; }

.reset-open:hover {
	color: #FFF;
	background-color: #C8DCE6;
}

.reset-open:after {
	content: "\f01e";
	margin-left: 0;

	transition: -webkit-transform ease .2s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

.reset-open1:hover:after {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;

-webkit-animation-iteration-count: 1; /* Safari and Chrome */
animation-iteration-count: 1;
}










.ltr .block_ss .mega_block_form_field_wrapper { float: left; margin: 0 5px 0 0; }
.rtl .block_ss .mega_block_form_field_wrapper { float: right; margin: 0 0 0 5px; }

.mega .block_ss .mega_block_form_field_wrapper select,
.mega .block_ss .mega_block_form_field_wrapper input[type="text"],
.block_ss .mega_block_form_field_wrapper .mega_block_form_number {
	float: left;
}

.block_ss .mega_block_form_field_wrapper:last-child { margin: 0; }




.block_ss > .block {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #CFCFCF;
	overflow: hidden;
	background: #F2F2F2;
	background: #F6f6f6;
}

.block_ss input[type="text"] {
	direction: ltr;
}

.block_ss > .block > .blk_s_wrap {
	padding: 15px 0;
	border: none;
	background: none;
}




/* =CSS Builder
-------------------------------------------------------------- */

/* CSS Prop */

.mega_css_prop {
	min-height: 47px;
	box-sizing: border-box;
	-webkit-transition: background .25s;
	border-bottom: 1px solid #CCC !important;
	box-shadow: 0 1px 0 0 #FFF inset;
	background: -webkit-linear-gradient(#FCFCFC 50%, rgba(148, 34, 34, 0) 30px) left top / 100% 50% no-repeat;
}

.mega_css_prop:hover { background-color: #FFF; }

.prop-name {
	position: absolute;
	height: 15px;
	margin-top: -8px;
	margin-right: 14px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 15px;
	text-shadow: 0 1px #FCFCFC;
	background-color: #EAEBD2;
	cursor: move;
}

.mega_css_prop label { display: none; }

/* CSS Value */

.mega_css_value {
	padding: 14px 8px !important;
	-webkit-transition: background .25s;
}

.ltr .mega_css_value { float: left; margin-right: 5px; }
.rtl .mega_css_value { float: right; margin-left: 5px; }

.mega_css_value:hover { background-color: #f5f5f5; }

















.mega-builder .block.parent.display-body { border: 1px dashed #C3C3C3; }

.mega-builder .block.parent.display-body > .block-head,
.mega-builder .block.display-settings-value > .block-head {
	width: 100%;
	position: absolute;
	top: -8px;
	z-index: 1;
}

.mega-builder .block.parent.display-body > .block-head .block-title,
.mega-builder .block.display-settings-value > .block-head .block-title {
	height: 8px;
	padding: 0 5px;
	background: #F4F4F4;
	border: 1px solid #efefef;
	font: 7px/8px Arial, Helvetica, sans-serif;
}

.ltr .mega-builder .block.parent.display-body > .block-head .block-title { float: left; margin-left: 10px; }
.rtl .mega-builder .block.parent.display-body > .block-head .block-title { float: right; margin-right: 10px; }

.mega-builder .block.parent.display-body > .block-head { display: none; }
.mega-builder .block.parent.display-body:hover > .block-head { display: block; }

.block.display-settings-value > .block-head .block-controls { display: none; }
.block.display-settings-value:hover > .block-head .block-controls { display: block; }


.ltr .block.parent.display-body > .block-head .block-controls,
.ltr .block.display-settings-value > .block-head .block-controls { float: right; }

.rtl .block.parent.display-body > .block-head .block-controls,
.rtl .block.display-settings-value > .block-head .block-controls { float: left; }

.block.parent.display-body > .block-head .block-controls-delete,
.block.parent.display-body > .block-head .block-controls-settings,
.block.display-settings-value > .block-head .block-controls-delete,
.block.display-settings-value > .block-head .block-controls-settings {
	height: 8px;
	line-height: 8px;
	font-size: 6px;
	background-color: #CCC;
}









.block.display-settings-value > .block-head { height: 8px; }

.block.display-settings-value:hover > .block-head { background-color: #F9F9F9; }

.block.display-settings-value > .block-settings > .set_tabs { display: none; }

.block.display-settings-value > .block-settings .mega_form_wp_editor-wrapper > label { display: none; }

.block.display-settings-value > .block-settings .wp-editor-wrap { margin: 0; }

.block.display-settings-value > .block-settings .wp-editor-wrap > .wp-editor-tools {
	position: fixed;
	top: 90px;
	left: 130px;
	z-index: 55;
}

.block.display-settings-value > .block-settings .wp-editor-wrap > .wp-editor-container { border: 0; }

.block.display-settings-value > .block-settings tr.mceFirst {
	position: fixed;
	top: 70px;
}

.block.display-settings-value > .block-settings .wp-editor-wrap .mceContentBody {
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-size: 13px;
	line-height: 19px;
}

.block.display-settings-value > .block-settings tr.mceLast {
	position: fixed;
	top: 127px;
}

.block.display-settings-value > .block-settings .mceResize { display: none; }

.ui-panel .blk_s_wrap {
	border-top: 0;
}


/* wp version fixes */

.rtl .wp_themeSkin .mceStatusbar a.mceResize { cursor: sw-resize; transform: rotate(90deg); }