/********************************
	- ESSENTIAL GRID 3.0.0 -
*********************************/

.eg-toggle-favorite i {
	color: #5d34af;
}

.esg-btn.esg-help-button {
	position: absolute;
	right: 20px;
	top: 25px;
}

#create_import_grid_wrap {
	text-align: center;
	height: 100px;
	width: 100%;
	position: relative;
	background: url(../images/gridlistbg.png) repeat;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	padding: 30px 0;
}


span.description {
	font-size: 12px;
}

#eg-wrap span.description .material-icons
{
	font-size: 22px; 
	margin-right: 5px;
}


/*********************************
	- ESSENTIAL GRID PRE 3.0.0 -
**********************************/
.ui-dialog-titlebar {
	background: #fcfcfc;
	border-bottom: 1px solid #dfdfdf
}


#eg-wrap h2.topheader {
	padding: 0 20px 0 240px;
	background: #fff;
	min-height: 80px;
	line-height: 80px;
	white-space: nowrap;
	position: relative;
	margin-bottom: 0;
}

#eg-wrap h2.topheader:before {
	content: " ";
	background: url(../images/logo.png) no-repeat;
	width: 207px;
	height: 80px;
	top: 0;
	position: absolute;
	left: 20px;
	background-position: left center;
	background-size: 100%
}

.topheader-buttons {
	margin-top: 25px;
	line-height: normal;
}
.topheader-buttons .esg-btn {
	text-align: center;
}
.topheader-buttons .notavailable {
	opacity: 0.25;
	pointer-events: none;
}


#eg-live-preview-wrap,
#eg-live-preview-wrap * {
	box-sizing: border-box;
}
#eg-live-preview-wrap .esg-container-fullscreen-forcer {
	width: 100% !important;
	left: 0 !important;
}

.esg-box-inside {
	position: relative;
}
.esg-box-inside-p-20 {
	padding: 20px;
}

.esg-box-inside-layout {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	position: relative;
	background: #e1e1e1;
}

.esg-box-inside-item-layout {
	padding: 20px;
	z-index: 1000;
	position: relative;
}

/******************************
	-	IMPORT / EXPORT 	-
********************************/

#eg-grid-export-import-wrapper ul {
	margin: 0 !important
}

#eg-grid-export-import-wrapper li {
	margin-bottom: 0;
}

#eg-grid-export-import-wrapper ul input[type="radio"] {
	display: inline-block
}

#eg-grid-export-import-wrapper .eg-expand-collapse {
	margin-right: 15px;
	cursor: pointer;
}

.eg-amount-of-lis {
	margin-left: 5px
}

.eg-li-intern-wrap {
	cursor: pointer;
}
.eg-li-intern-wrap .disabled {
	color: #ccc;
}

/******************************
	-	ELEMENT SETTINGS	-
********************************/


#edit-custom-element-dialog-wrap {
	padding: 0 0px 15px !important;
	overflow-x: hidden;
}

.eg-elset-row {
	padding: 5px 15px;
	clear: both;
	margin-bottom: 2px;
	line-height: 30px;
}

.eg-elset-row-highlight {
	padding: 10px;
	margin: 10px -10px;
	border: 2px dashed #e2e1e5;
	border-radius: 3px;
}


#edit-custom-element-form input,
#edit-custom-element-form select {
	width: 305px;
}

.ui-sortable-placeholder.itemtoshow {
	background: #d5d5d5;
	border: 2px dashed rgba(0, 0, 0, 0.15)
}


#esg-preview-skinlevel .eg-order-nr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	background: #34495e;
	font-size: 12px;
}

/***********************************************
	-	ADD NEW ITEM IN CUSTOM GRID STYLE	-
**********************************************/
.eg-addnewitem-element-1 {
	font-size: 16px !important;
	line-height: 7px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: none !important;
	margin: 0 0px 0 0px !important;
	padding: 15px 13px 15px 13px !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 50% 50% 50% 50% !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 0) !important;
	position: relative !important;
	z-index: 2 !important;
	cursor: pointer;
}


.eg-addnewitem-element-2 {
	font-size: 13px !important;
	line-height: 20px !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: both !important;
	margin: 0 0px 0 0px !important;
	padding: 5px 10px 5px 10px !important;
	border-top-width: 0 !important;
	border-right-width: 0 !important;
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
	border-radius: 0 0px 0 0px !important;
	border-color: transparent !important;
	border-style: none !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
	position: relative !important;
	z-index: 2 !important;
}

.eg-addnewitem-element-3 {
	font-size: 16px !important;
	line-height: 22px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: none !important;
	margin: -30px 0 0px -30px !important;
	padding: 17px 17px 17px 17px !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 60px 60px 60px 60px !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 0) !important;
	position: absolute !important;
	height: auto !important;
	width: auto !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 2 !important;
}

.eg-addnewitem-element-4 {
	height: 5px;
	visibility: hidden;
}

.eg-addnewitem-element-1:hover {
	font-size: 16px !important;
	line-height: 7px !important;
	color: #5d34af !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 50px 50px 50px 50px !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 1) !important;
}

.eg-addnewitem-element-space {
	margin: 0 10px !important;
}

.eg-addnewitem-element-5 {
	margin: 0 5px 0 10px !important;
}

.eg-addnewitem-element-6 {
	margin: 0 10px 0 5px !important;
}


.eg-addnewitem-container {
	background-color: #5d34af;
}

.eg-addnewitem-content {
	background-color: #d5d5d5;
	padding: 0 0px 0 0;
	border-width: 0 0px 0 0;
	border-radius: 0 0px 0 0;
	border-color: transparent;
	border-style: none;
	text-align: left;
}

li.eg-addnewitem-wrapper {
	background-color: #d5d5d5;
	padding: 0 0px 0 0;
	border-width: 0 0px 0 0;
	border-radius: 0 0px 0 0;
	border-color: transparent;
	border-style: none;
	overflow: hidden;
}

/********************************************
	-	SKIN EDITOR META LIST SELECTOR 	-
********************************************/

#meta-dialog-wrap table {
	width: 100%;
	border-spacing: 0;
}

#meta-dialog-wrap table tr {
	cursor: pointer;
	line-height: 25px;
}

#meta-dialog-wrap table td {
	padding: 5px 15px
}

#meta-dialog-wrap table td:nth-child(1) {
	font-weight: 600;
}

#meta-dialog-wrap table tr:nth-child(odd) {
	background: #d5d5d5
}

#meta-dialog-wrap .eg-table-title {
	background: #5d34af !important;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px
}

#meta-dialog-wrap table tr:hover {
	background: #f7345e;
	color: #fff;
}


/******************************
	-	SKIN SELECTOR	-
********************************/

#eg-selected-skins-wrapper .esg-pagination {
	padding: 0 0px 15px !important;
	background-color: transparent;
}

#eg-selected-skins-wrapper .esg-filters {
	padding: 15px 0 !important;
}

#eg-selected-skins-wrapper .esg-screenselect-toolbar {
	position: absolute !important;
	cursor: pointer;
}

#eg-selected-skins-wrapper .esg-layout-masonry .esg-screenselect-toolbar {
	position: relative !important;
}

.eg-photoshop-bg {
	background: url(../images/trans_tile2.png) repeat !important;
	padding: 13px 15px 13px 20px !important;
	box-sizing: border-box;
}

#eg-wrap #eg-selected-skins-wrapper input[type=radio] {
	visibility: hidden;
}


#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput {
	color: #000;
	background: #22c8e5;
	width: 25px !important;
	height: 25px !important;
	border: none !important;
	top: 0 !important;
	right: 33px !important;
	position: absolute;
	cursor: pointer;
}

#eg-wrap #eg-selected-skins-wrapper .eg-edit-skin-button {
	color: #717072;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	font-size: 16px;
	line-height: 30px;
	z-index: 999;

}


#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput:before {
	content: "\e80a";
	font-family: "eg-font";
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	text-indent: 0;
	background-color: #22c8e5 !important;
	margin: 0;
	width: 25px;
	height: 25px;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	position: absolute;
	text-align: center;
}

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput:before {
	content: "\e80d";
	font-family: "eg-font";
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	text-indent: 0;
	background-color: #27AE60 !important;
	margin: 0;
	width: 25px;
	height: 25px;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	position: absolute;
	text-align: center;
}

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput {
	background: #27AE60 !important;
}


#eg-selected-skins-wrapper .minimal-light .esg-navigationbutton,
#eg-selected-skins-wrapper .minimal-light .esg-filterbutton {
	color: #fff;
	margin-right: 5px;
	cursor: pointer;
	padding: 0 10px;
	border: none;
	line-height: 38px;
	border-radius: 40px;
	font-size: 12px;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 5px;
	min-width: 20px
}

#eg-selected-skins-wrapper .minimal-light .esg-navigationbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton.selected {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.1);
}


/**********************************
	-	CUSTOM META KEY STYLES	-
***********************************/

.eg-custommeta-row {
	line-height: 25px;
	padding: 20px 15px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.eg-custommeta-row label {
	width: 60px !important;
	font-weight: 600;
	line-height: 25px !important;
}

.eg-custommeta-row input,
.eg-custommeta-row select {
	margin-right: 20px;
}

.eg-custommeta-row select {
	width: 100px !important
}

.eg-custommeta-textarea {
	line-height: 25px;
	height: 30px;
	vertical-align: top;
}

.eg-widget-area-save-wrap-settings {
	padding: 10px 20px 9px 20px;
	background: #e1e1e1;
	box-sizing: border-box;
	position: relative;
}

.eg-cus-row-l {
	margin-bottom: 5px;
}

#custom-meta-dialog-wrap label,
#link-meta-dialog-wrap label {
	width: 100px;
	display: inline-block
}

#custom-meta-dialog-wrap.essential-dialog-wrap select,
#link-meta-dialog-wrap.essential-dialog-wrap select,
#custom-meta-dialog-wrap input,
#link-meta-dialog-wrap input {
	width: 190px;
}


/******************************
	-	GOOGLE FONTS	-
********************************/

#eg-grid-google-font-wrapper
.tp-googlefont-row {
	line-height: 25px;
	padding: 20px 15px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.tp-googlefont-row label {
	width: 100px !important;
	font-weight: 600;
	line-height: 25px !important;
}

.tp-googlefont-row input,
.tp-googlefont-row select {
	margin-right: 20px;
	width: 400px;
}

.tp-googlefont-row select {
	width: 100px !important
}

.tp-googlefont-textarea {
	line-height: 25px;
	height: 30px;
	vertical-align: top;
}

.tp-googlefont-save-wrap-settings {
	padding: 10px 20px 9px 20px;
	background: #e1e1e1;
	box-sizing: border-box;
	position: relative;
}

.tp-googlefont-cus-row-l {
	margin-bottom: 5px;
}

/******************************
	-	ACTIVATION STYLING	-
********************************/

#eg-wrap .view_title {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	display: block;
	line-height: 50px;
}

#eg-wrap .validation-label {
	font-weight: 600;
	line-height: 30px;
	font-size: 17px;
	margin-bottom: 10px;
}

#eg-wrap .validation-description {
	color: #000;
	margin-top: 5px;
	margin-bottom: 15px;
}


#eg-wrap .validation-input {
	display: inline-block;
}


/******************************
	-	UPDATE LOGS	-
********************************/


.essential-grid-revolution-update-list .version-number {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin-top: 40px;
	font-family: "Open Sans", sans;
}

.essential-grid-revolution-update-list .version-number:first-child {
	margin-top: 0;
}

.essential-grid-revolution-update-list ul {
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: #222;
	padding: 0 0px 0 20px;
	font-family: "Open Sans", sans;
}

.essential-grid-revolution-update-list li {
	list-style-type: disc;
	padding: 0;
	font-family: "Open Sans", sans;
}

div.newfeature, div.bugfix, div.change {
	font-size: 13px;
	font-weight: 700;
	color: #222;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: "Open Sans", sans;
}

div.newfeature:before {
	content: '\f155';
	font-family: "dashicons";
	color: #5d34af;
	font-size: 17px;
	margin-right: 10px;
	vertical-align: top;
}

div.change:before {
	content: '\f463';
	font-family: "dashicons";
	color: #5d34af;
	font-size: 17px;
	margin-right: 10px;
	vertical-align: top;
}

div.bugfix:before {
	content: '\f308';
	font-family: "dashicons";
	color: #5d34af;
	font-size: 17px;
	margin-right: 10px;
	vertical-align: top;
}

.essential-grid-revolution-update-list hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: none;
	border-top: 1px solid #e5e5e5;
}


/* Fixes that are causes by other plugins */
.ui-front {
	z-index: 99999 !important;
}

.form-table td, .form-table th {
	padding: 5px;
	vertical-align: top;
}

/*************************************
	-	LIBRARY AREA FOR GRIDS	-
*************************************/

#esg-libary-wrapper {
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #ebeaed;
	text-align: left;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	transition: transform 0.5s ease-in-out;
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	padding-top: 0;
}

.esg-lib-row {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
}
.esg-lib-col-left {
	position: absolute;
	z-index: 31;
	left: 0;
	top: 0;
	width: 250px;
	height: 100%;
	background: #ffffff;
}
.esg-lib-col-right {
	position: relative;
	z-index: 30;
	width: 100%;
	height: 100%;
	padding: 0 0 50px 310px;
	box-sizing: border-box;
	overflow: hidden;
}
.esg-lib-logo {
	display: block;
	width: 180px;
	height: auto;
	margin: 35px 0 45px 35px;
}
.esg-lib-filters-wrapper {
	position: relative;
	overflow: hidden;
}
.esg-lib-filters {
	margin: 0 0 25px 35px;
	padding: 0;
	list-style: none;
}
.esg-lib-filters li {
	margin: 0;
	padding: 0;
}
.esg-lib-filters li a {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 3px 0; 
	padding: 0 20px; 
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	color: #707070;
	text-decoration: none;
}
.esg-lib-filters li a:hover {
	color: #673CB9;
}
.esg-lib-filters li a.esg-lib-new-updated,
#eg-wrap .esg-lib-filters li a.esg-lib-new-updated {
	color: #673CB9;
	border: 1px solid #673CB9;
	border-radius: 17px;
}
.esg-lib-filters li a.esg-lib-selected {
	font-weight: 700;
	color: #673CB9;
}
.esg-lib-toolbar {
	margin: 35px 35px 0 0;
	
}
.esg-lib-search-wrapper {
	position: relative;
	float: left;
}
.esg-lib-search-wrapper input,
#eg-wrap .esg-lib-search-wrapper input[type=text]:not(.eg-search-input) {
	width: 350px;
	height: 34px;
	line-height: 34px;
	padding-left: 3px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #1D1D1D;
	background: #ebeaed;
}
.esg-lib-search-wrapper input::-webkit-input-placeholder       { color: #555;}
.esg-lib-search-wrapper input::-moz-placeholder                { color: #555;}
.esg-lib-search-wrapper input:-ms-input-placeholder            { color: #555;}
.esg-lib-search-wrapper input:-moz-placeholder                 { color: #555;}
.esg-lib-search-wrapper input::placeholder                     { color: #777;}
.esg-lib-search-wrapper input:hover::-webkit-input-placeholder { color: #1D1D1D !important;}
.esg-lib-search-wrapper input:hover::-moz-placeholder          { color: #1D1D1D !important; }
.esg-lib-search-wrapper input:hover:-ms-input-placeholder      { color: #1D1D1D !important;}
.esg-lib-search-wrapper input:hover:-moz-placeholder           { color: #1D1D1D !important;}
.esg-lib-search-wrapper input:hover::placeholder               { color: #1D1D1D; }
.esg-lib-search-wrapper input:focus::-webkit-input-placeholder { color: transparent !important;}
.esg-lib-search-wrapper input:focus::-moz-placeholder          { color: transparent !important; }
.esg-lib-search-wrapper input:focus:-ms-input-placeholder      { color: transparent !important;}
.esg-lib-search-wrapper input:focus:-moz-placeholder           { color: transparent !important;}
.esg-lib-search-wrapper input:focus::placeholder               { color: transparent !important; }

.esg-lib-search-wrapper .esg-lib-search-clear {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	cursor: pointer;
}

.esg-lib-toolbar .esg-lib-toolbar-actions {
	float: right;
}
.esg-lib-toolbar .esg-lib-toolbar-actions > div {
	float: right;
	margin: 0 0 0 60px;
	line-height: 34px;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
}
#eg-wrap .esg-lib-toolbar .material-icons {
	line-height: 34px;
}
.esg-lib-toolbar .esg-lib-favorite {
	font-size: 16px;
	font-weight: 500;
	color: rgba(21, 21, 21, 0.7);
}
.esg-lib-toolbar .esg-lib-favorite:hover {
	color: rgba(21, 21, 21, 1);
}
#eg-wrap .esg-lib-toolbar .esg-lib-favorite .material-icons {
	margin-right: 8px;
	font-size: 17px;
	font-weight: 400;
}
#eg-wrap .esg-lib-toolbar .esg-lib-favorite-selected .material-icons,
.esg-lib-toolbar .esg-lib-favorite-selected {
	color: #673CB9;
	font-weight: 700;
}
.esg-lib-toolbar .esg-lib-toolbar-actions .esg-close-template {
	width: 34px;
	height: 34px;
	margin: 0 0 0 30px;
	text-align: center;color: rgba(21, 21, 21, 0.7);
}
.esg-lib-toolbar .esg-lib-toolbar-actions .esg-close-template:hover {
	color: rgba(21, 21, 21, 1);
}
#eg-wrap .esg-lib-toolbar .esg-close-template .material-icons {
	font-size: 26px;
	font-weight: 600;
}
.esg-lib-toolbar .esg-lib-toolbar-actions .esg-reload-shop {
	margin: 0 0 0 84px;
	padding: 0 20px;
	border-radius: 18px;
	font-weight: 400;
}
.esg-lib-toolbar .esg-lib-toolbar-actions .esg-reload-shop,
.esg-lib-toolbar .esg-lib-toolbar-actions .esg-reload-shop i {
	line-height: 34px;
}
.esg-lib-toolbar .esg-lib-sort {
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C {
	vertical-align: top;
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single {
	background: #ebeaed;
	border: 0 none;
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single .ddTP_S__rendered {
	line-height: 34px;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: rgba(21, 21, 21, 0.7);
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single .ddTP_S__placeholder {
	color: rgba(21, 21, 21, 0.7);
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single .ddTP_S__rendered:hover,
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single .ddTP_S__placeholder:hover {
	color: rgba(21, 21, 21, 1);
}
.esg-lib-toolbar .esg-lib-sort .ddTP_C .ddTP_S--single .ddTP_S__arrow {
	top: 3px;
	right: -23px;
}
.esg-lib-sort.ddTP_C--open .ddTP-dropdown {
	top: 5px;
	background-color: #ffffff;
	box-shadow: none;
}
.esg-lib-sort.ddTP_C .ddTP_RO.ddTP_RO--highlighted[aria-selected=true],
.esg-lib-sort.ddTP_C .ddTP_RO[aria-selected=true] {
	background: #673CB9 !important;
}
.esg-lib-sort.ddTP_C .ddTP_RO.ddTP_RO--highlighted {
	background-color: lightgrey !important;
}


#esg-libary-wrapper .revolution-template-subtitle {
	-webkit-transition: -webkit-transform 0.4s 0.20s;
	transition: transform 0.4s 0.20s;
	-webkit-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

#esg-libary-wrapper > div,
#esg-libary-wrapper #h3 {
	-webkit-transition: -webkit-transform 0.4s 0.25s;
	transition: transform 0.4s 0.25s;
	-webkit-transform: translate3d(350px, 0, 0);
	transform: translate3d(350px, 0, 0);
}

#esg-libary-wrapper.show .revolution-template-subtitle,
#esg-libary-wrapper.show > div,
#esg-libary-wrapper.show h3 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#esg-libary-wrapper.show {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

#esg-libary-wrapper .library_item {
	margin-right: 10px;

}

#esg-libary-wrapper .library_item {
	position: relative;
	display: inline-block;
	width: 270px;
	height: 270px;
	text-align: left;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0;
	z-index: 1;
}

#esg-libary-wrapper .library_title {
	position: relative;
	display: block;
	width: 270px;
	line-height: 40px;
	padding: 0 10px;
	-webkit-backface-visibility: hidden;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	text-align: left;
	background: #222;
	box-sizing: border-box;
	margin-bottom: 15px;
}

#esg-libary-wrapper .library_item:hover .library_title {
	color: #fff;
}

.esg-library-groups,
#esg-library-grids {
	padding: 50px 25px 50px 0;
	overflow: hidden;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

#esg-libary-wrapper .library_thumb_title {
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	padding: 0 12px;
	line-height: 40px;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	background: #fff;
	border-top: 1px solid #E2E1E5;
}
#esg-libary-wrapper .library_thumb_title a {
	float: right;
}
#esg-libary-wrapper .library_thumb_title .material-icons {
	line-height: 40px;
	font-size: 15px;
	font-weight: 400;
	color: #ccc;
}
#esg-libary-wrapper .library_thumb_title .material-icons:hover,
#esg-libary-wrapper .esg-lib-favorite-grid .library_thumb_title .material-icons {
	color: #5d34af;
}

.esglogo-mini {
	background: url(../images/logo.png);
	width: 208px;
	height: 46px;
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%
}

#esg-libary-wrapper .esglogo-mini {
	height: 80px;
	vertical-align: middle;
	margin-right: 5px;
}

#update_obect_library,
#licence_obect_library,
#up-lic-ob-lib {
	position: absolute;
	top: 15px;
	right: 30px;
}

.revolution-template-subtitle {
	color: #222;
	font-size: 25px;
	font-weight: 400;
	line-height: 60px;
	border-bottom: 1px solid #ddd;
	padding: 10px 40px;
}

#esg-libary-wrapper .library_grid_title {
	color: #222;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 15px;
}

#esg-libary-wrapper .esg_group_wrappers {
	display: inline-block;
	margin-right: 15px;
	position: relative;
}
.esg_group_wrappers .library_new {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	background: #5d34af;
	color: #fff;
	padding: 0 10px;
	line-height: 25px;
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.esg_library_notice {
	color: #F00;
	font-size: 20px
}

.esg_library_filter_button.esg-btn:not(.esg-purple) {
	color: #717072;
}

.esg_library_filter_button.esg-btn.selected,
.esg_library_filter_button.esg-btn:hover {
	color: #fff;
	background-color: #5d34af;
}


#esg-libary-wrapper .esg_group_wrappers.library_package {
	display: inline-block;
}

#esg-libary-wrapper .esg_group_wrappers.library_package_parent:after {
	content: " ";
	position: absolute;
	top: -5px;
	left: 5px;
	width: 100%;
	height: 215px;
	background: #d5d5d5;
	z-index: 0;
}

#esg-libary-wrapper .esg_group_wrappers.library_package_parent:before {
	content: " ";
	position: absolute;
	top: -10px;
	left: 10px;
	width: 100%;
	height: 215px;
	background: #bbb;
	z-index: 0;
}


.esg-visit-store {
	background: url(../images/transparent.png); /* missing image - ../images/visitstore.png */
	width: 267px;
	height: 50px;
	display: inline-block;
}

.library_meta_line {
	background: #fff;
	line-height: 18px;
	padding: 6px 6px;
	box-sizing: border-box;
	display: block;
	position: relative;
	z-index: 2;
}

.library_meta_line .library_local,
.library_meta_line .library_free,
.library_meta_line .library_premium,
.library_meta_line .library_installed,
.library_meta_line .library_notinstalled {
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	padding: 0 6px;
	text-transform: uppercase;
	font-weight: 400;
	margin-right: 0;
	display: inline-block;
}

.library_meta_line .library_installed,
.library_meta_line .library_notinstalled {
	float: right;
	margin-right: 0;
	margin-top: 2px;
}

.library_meta_line .library_installed i:before {
	color: #fff;
	font-size: 10px
}

.library_meta_line .library_free {
	background: #009cdd;
}

.library_meta_line .library_premium {
	background: #393056;
}

.library_meta_line .library_local,
.library_meta_line .library_installed {
	background: #27ae60;
}

.library_meta_line .library_notinstalled {
	background: #bbbbbb;
}

.library_thumb_more {
	position: absolute;
	background: #fff;
	z-index: 10;
	left: 100%;
	top: 0;
	padding: 30px;
	width: 107%;
	box-sizing: border-box;
	box-shadow: 15px 15px 40px 0 rgba(0, 0, 0, 0.15);
	font-size: 13px;
	color: #444;
	line-height: 16px;
	display: none;
}

.show_more_to_left .library_thumb_more {
	left: auto;
	right: 100%;
}

.ttm_label,
.ttm_label_direct {
	font-size: 13px;
	font-weight: bold;
	display: block;
	line-height: 16px;
	margin-bottom: 10px;
}

.ttm_label_direct {
	margin-bottom: 0;
}

.ttm_label_half {
	display: inline-block;
	width: 50%;
}

.library_thumb_more a,
.library_thumb_more a:visited {
	color: #009cdd;
	text-decoration: underline;
}

.library_thumb_more a:hover {
	text-decoration: none;
	color: #009cdd;
}

ul.ttm_requirements {
	margin-bottom: 0px
}

.ttm_requirements li {
	list-style: none;
	margin-left: 0;
	line-height: 16px;
	margin-bottom: 0;
	vertical-align: middle;
}

.ttm_requirements li .eg-icon-check:before {
	color: #2db065;
	font-size: 11px;
}

.ttm_requirements li .eg-icon-cancel:before {
	color: #d50000;
	font-size: 11px;
}

.ttm_requirements li i:first-child {
	display: inline-block;
	width: 15px;
	margin-right: 5px;
}

.ttm_space {
	display: block;
	height: 30px;
	width: 100%;
}
.esg-editor-space {
	height: 20px;
	width: 100%;
}


.install_library_grid,
.install_library_grid_package,
.add_library_grid_item,
.add_library_grid_item_package,
.dontadd_library_grid_item {
	background: #009cdd;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	border-radius: 3px;
	font-size: 12px;
	line-height: 25px;
	padding: 0 5px;
	display: inline-block;
}

.dontadd_library_grid_item {
	background: #d50000;
	cursor: default;
}

.dontadd_library_grid_item i {
	width: 12px;
	height: 12px;
	background-size: cover;
}

.install_library_grid i:before,
.install_library_grid_package i:before,
.add_library_grid_item i:before,
.add_library_grid_item_package i:before,
.dontadd_library_grid_item i:before {
	color: #fff;
	margin-right: 5px;
}

.install_library_grid:hover,
.install_library_grid_package:hover,
.add_library_grid_item:hover,
.add_library_grid_item_package:hover {
	background: #2980b9
}


.library_preview_add_wrapper {
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: absolute;
	width: 100%;
	height: 35px;
	top: 120px;
	left: 0;
	line-height: 35px;
	z-index: 10;
	text-align: center
}

.library_group_opener,
.preview_library_grid,
.show_more_library_grid {
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}

.library_group_opener {
	display: none
}


.library_group_opener i:before,
.preview_library_grid i:before,
.show_more_library_grid i:before {
	color: #fff;
	font-size: 18px;
}

.library_package_parent .library_group_opener {
	display: inline-block !important;
}

.library_thumb_overview {
	z-index: 2;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.esg_group_wrappers:hover .library_preview_add_wrapper,
.esg_group_wrappers:hover .library_thumb_overview {
	opacity: 1
}

#library_bigoverlay {
	cursor: pointer;
	background: rgba(235, 235, 235, 0.85);
	width: 100%;
	height: 100%;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}


/* Premium Benefits */
.ui-dialog.esg-open-premium-benefits-dialog-container {
	z-index: 1000202 !important;
	border-radius: 20px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close {
	height: 28px;
	width: 28px;
	top: 30px;
	right: 30px;
	font-size: 0;
}

.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close:before {
	font-family: 'Material Icons', Sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	color: #050505;
	content: "close";
}

.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	height: auto;
	padding: 27px 38px 20px;
	border-bottom: 1px solid #D5D5D5  !important;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.5);
}

.esg-premium-benefits-dialogtitles .material-icons {
	vertical-align: top;
	width: 40px;
	height: 40px;
	font-size: 40px;
	display: inline-block;
	color: #2894ED;
}

#esg-premium-benefits-dialog {
	min-height: 600px !important;
	padding: 0;
	background: transparent;
}

.benefits-title-right {
	margin-left: 18px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.esg-premium-benefits-dialogtitle {
	display: block;
	font-size: 28px;
	font-weight: bold;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	line-height: 37px;
	color: #272727;
}

.esg-premium-benefits-dialogsubtitle {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	line-height: 21px;
	color: #606060;
}


.esg-premium-benefits-block {
	padding: 30px 45px 0;
}
.esg-premium-benefits-block h3 {
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 26px;
	color: #272727;
	margin-top: 10px;
	margin-bottom: 10px;
}
.esg-premium-benefits-block ul {
	margin-top: 0;
	margin-bottom: 0;
}
.esg-premium-benefits-block ul li {
	font-size: 16px;
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	line-height: 31px;
	color: #272727;
	padding-left: 55px;
	position: relative;
	margin: 0;
}
.esg-premium-benefits-block ul li:before {
	position: absolute;
	left: 15px;
	top: 6px;
	width: 15px;
	height: 16px;
	font-family: 'Material Icons', Sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 16px;
	color: #272727;
	content: "done";
}

.esg-premium-benefits-block-instant-access h3 {
	margin-bottom: 25px;
}

.instant_access {
	font-weight: 900;
	text-transform: uppercase;
	color: #2894ED;
}

.instant-access-wrapper {
	position: relative;
	margin-bottom: 7px;
	padding: 0 15px;
	height: 63px;
	line-height: 63px;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	color: #272727;
	background: #FFFFFF;
	box-shadow: 0 2px 5px #00000015;
}
.instant-access-wrapper .material-icons {
	vertical-align: top;
	margin-right: 20px;
	font-size: 30px;
	line-height: 63px;
}
.instant-access-wrapper .instant-access-btn {
	display: block;
	float: right;
	margin-top: 11px;
	width: 120px;
	height: 40px;
	text-decoration: none;
	border-radius: 25px;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	text-transform: capitalize;
	text-align: center;
	line-height: 40px;
	transition: background 0.3s ease;
}

.instant-access-update .material-icons {
	color: #1ACFAB;
}
.instant-access-update .instant-access-btn {
	background: #1ACFAB;
}
.instant-access-update .instant-access-btn:hover {
	background: #67CFBA;
}

.instant-access-support .material-icons {
	color: #F53660;
}
.instant-access-support .instant-access-btn {
	background: #F53660;
}
.instant-access-support .instant-access-btn:hover {
	background: #f57a95;
}

.instant-access-library .material-icons {
	color: #6022AF;
}
.instant-access-library .instant-access-btn {
	background: #6022AF;
}
.instant-access-library .instant-access-btn:hover {
	background: #7e58b0;
}

a.get_purchase_code {
	text-decoration: none;
	margin: 24px 45px 37px;
	display: block;
	border-radius: 6px;
	background: #009aee;
	color: #fff;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 60px;
	font-weight: 700;
	transition: background 0.3s ease;
}
a.get_purchase_code:hover {
	background: #2980b9;
}

.esg-premium-benefits-dialogsubtitle a,
.esg-premium-benefits-dialogsubtitle a:visited {
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	text-decoration: underline;
	outline: none;
	box-shadow: none !important;
	text-shadow: none !important
}

.esg-premium-benefits-dialogsubtitle a:hover {
	text-decoration: none;
}


.license_obj_library_cats_filter {
	letter-spacing: 1px;
	border: 1px solid #ddd;
	color: #34495e;
	line-height: 24px;
	padding: 0 12px;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 600
}


.license_obj_library_cats_filter:hover,
.license_obj_library_cats_filter.selected {
	border-color: #22c8e5;
	color: #fff;
	background: #22c8e5;
}

.license_scroll_window {
	width: 100%;
	height: 200px;
	overflow: scroll;
	font-size: 12px;
	color: #00263b;
	font-weight: 400;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}


/*************************************
	-	NAVIGATION CONSTRUCTOR	-
**************************************/


#eg-navigations-drag-wrap {
	width: 395px;
	display: inline-block;
	vertical-align: top;
}

.eg-navigation-drop-wrapper {
	width: 100%;
	height: 35px;
	background: transparent;
	margin: 5px 0;
	border: 2px dashed rgba(0, 0, 0, 0.15);
	text-align: center;
	line-height: 35px;
	color: #717072;
	font-size: 10px;
	position: relative;
	border-radius: 3px;
	font-weight: 600;
}


.eg-navigation-drop-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px
}

.eg-navigation-drop-inner-hovered {
	background: rgba(0, 0, 0, 0.2);
}

#eg-navigations-sort-left,
#eg-navigations-sort-right {
	width: 65px;
	height: 40px;
	left: 0;
	position: absolute;
	z-index: 10;
	top: 40px;
	line-height: 20px;
	padding: 5px;
	background: #fff;
}

#eg-navigations-sort-right {
	left: auto;
	right: 0;
}

#eg-navigations-sort-right .eg-navigation-drop-inner,
#eg-navigations-sort-left .eg-navigation-drop-inner {
	padding: 5px 0;
	box-sizing: border-box;


}

#eg-navigations-items-bg {
	width: 100%;
	height: 150px;
	position: relative;
}

#eg-navigations-sort-center {
}

#eg-navigations-sort-external .eg-navigation-drop-inner {

}

#eg-navigations-sort-external .eg-navigation-drop-inner > div {
	display: block !important;
	padding: 0 5px !important;
	line-height: 25px !important;
	margin: 0 !important;
	text-align: left !important;
}

#eg-navigations-sort-external .eg-navigations-cons {
	top: 0 !important;
	left: 0 !important;

}

.eg-filter-sc {
	display: inline !important;
	position: absolute;
	right: 5px;
	font-size: 13px !important;
	text-transform: none;
	padding-left: 10px;
	top: 5px;
}

.eg-filter-sc select {
	padding: 0;
	vertical-align: baseline;
}

.eg-filter-sc input {
	margin-right: 5px;
}


.eg-filter-sc input,
.eg-filter-sc select {
	display: inline-block;
	width: 158px !important;
	box-sizing: border-box;
}

.eg-filter-sc input.filter-shortcode-filter {
	width: 153px !important
}

.eg-navconstrctor-pi1,
.eg-navconstrctor-pi2,
.eg-navconstrctor-pi3,
.eg-navconstrctor-pi4,
.eg-navconstrctor-pi5,
.eg-navconstrctor-pi6 {
	width: 125px;
	height: 60px;
	margin: 10px 10px 0 0;
	background: #fff;
	float: left;
}


.eg-navconstrctor-pi1 {
	background: url(../images/demoimage1.jpg) no-repeat center center;
	background-size: cover;
}

.eg-navconstrctor-pi2 {
	background: url(../images/demoimage2.jpg) no-repeat center center;
	background-size: cover;
}

.eg-navconstrctor-pi3 {
	background: url(../images/demoimage3.jpg) no-repeat center center;
	background-size: cover;
	margin-right: 0;
}

.eg-navconstrctor-pi4 {
	background: url(../images/demoimage4.jpg) no-repeat center center;
	background-size: cover;
}

.eg-navconstrctor-pi5 {
	background: url(../images/demoimage5.jpg) no-repeat center center;
	background-size: cover;
}

.eg-navconstrctor-pi6 {
	background: url(../images/demoimage6.jpg) no-repeat center center;
	background-size: cover;
	margin-right: 0;
}

.eg-navigation-cons {
	white-space: nowrap;
	color: #fff;
	background: #ddd;
	line-height: 30px;
	border-radius: 15px;
	padding: 0 10px;
	display: inline-block;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
	outline: none;
	box-shadow: none;
	transition: none;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	background-color: #22c8e5;
	vertical-align: top;
	text-transform: uppercase
}


.eg-navigation-cons.ui-sortable-helper {
	z-index: 300;
	vertical-align: top
}

/* width:auto !important; height:auto !important; */

.eg-navigation-cons i {
	margin-right: 10px;
}

.eg-navigation-cons i:before {
	display: inline;
}

.eg-navigation-cons .eg-icon-right-open,
.eg-navigation-cons .eg-icon-left-open {
	margin-right: 0;
	margin-left: 0;
}


.eg-navigation-cons-outter {
	height: auto;
	margin-right: 20px;
	width: 100%;
	padding-right: 15px;
	box-sizing: border-box;
}

.eg-navigation-cons-wrapper {
	background: transparent;
	border: 2px dashed rgba(0, 0, 0, 0.15);
	padding: 15px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	border-radius: 3px;
}


.eg-dropconfigger {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	background: #7f8c8d;
	padding: 2px;
	border-radius: 2px;
	color: #ecf0f1;
	font-size: 14px;
	line-height: 20px;
}

.eg-navigation-drop-wrapper:hover .eg-dropconfigger {
	display: block
}


#eg-navigations-drag-wrap {
	margin-right: 15px;
}

#eg-navigation-external-description {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	background: #E2E1E5;
	margin: 5px 0;
	border: none;
	line-height: 35px;
	color: #717072;
	font-size: 10px;
	position: relative;
	padding: 0 0;
	border-bottom: none;
	margin-bottom: 0;
}
.eg-ext-nav-desc {
	width: 164px;
	font-size: 13px;
	color: #717072;
	font-weight: 400;
	display: inline-block;
	background: #e5e5e5;
	padding: 0 10px;
	box-sizing: border-box;
}
#eg-navigation-external-description .eg-ext-nav-desc:first-child {
	width: 132px;
}

#eg-navigations-sort-external {
	margin-top: 0;
	padding-top: 5px;
}


#eg-external-drag-wrap .eg-navigation-cons {
	float: none;
	clear: both;
}

#eg-external-drag-wrap .eg-navigation-drop-inner .eg-navigation-cons {
	display: block !important;
	padding: 0 0px 0 10px !important;
	line-height: 40px !important;
	margin: 0 0 5px !important;
	text-align: left !important;
	border-radius: 3px;
	position: relative;
}

#eg-external-drag-wrap #eg-navigations-sort-external {
	width: 635px !important;
	height: auto !important;
	min-height: 281px;
}

#eg-navigations-sort-external .eg-navigation-drop-inner.ui-sortable {
	padding: 5px !important;
	box-sizing: border-box
}


/******************************
	-	CSS EDITOR DIALOG	-
********************************/
#global-css-edit-dialog-wrap, #navigation-skin-css-edit-dialog-wrap {
	padding: 0 !important;
	overflow: hidden !important;
}

#navigation-skin-css-selector-dialog-wrap {
	padding: 20px !important;
}

#eg-wrap {
	position: relative;
}

#eg-tool-panel {
	box-sizing: border-box;
	position: fixed;
	top: 32px;
	right: 0;
	overflow: visible;
	width: 44px;
	border: none;
	background: #e2e1e5;
	z-index: 5000;
	visibility: hidden;
	box-shadow: 0 30px 10px rgba(0, 0, 0, 0.1);
}


#eg-wrap #eg-tool-panel .eg-side-buttons,
#eg-wrap #eg-tool-panel a.eg-side-buttons {
	position: relative;
	margin: 0 !important;
	display: inline-block;
	width: 200px;
	height: 40px !important;
	padding: 0 !important;
	font-size: 14px;
	line-height: 40px !important;
	color: #fff;
	text-decoration: none !important;
	cursor: pointer
}

#eg-wrap #eg-tool-panel .eg-side-buttons i {
	margin-right: 5px;
	margin-left: 2px;
	font-size: 17px;
	vertical-align: top;
	line-height: 40px !important;
	width: 40px;
	text-align: center;
	background-position: center center;
	vertical-align: top;
	display: inline-block;
	height: 40px;
	background-repeat: no-repeat;
}

#eg-tool-panel h3 {
	line-height: 35px;
	font-weight: 600;
	color: #333;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}


/******************************
	-	SPINNER	-
********************************/

#eg-wrap #spinner_preview {
	width: 165px;
	height: 88px;
	position: relative;
	background: #E2E1E5;
	border-radius: 3px;
}

#eg-wrap .esg-loader.esg-demo {
	left: 50% !important;
	position: absolute;
	top: 50% !important;
	margin-top: -20px;
}

/*********************************************************
	-	PREVIEW GRID IN SKIN EDITOR MODIFICATIONS	-
*********************************************************/

#eg-grid-even-item-skin-wrapper .esg-media-cover-wrapper {
	margin-top: 0;
}


/******************************
	-	PIN IT 	-
********************************/
#eg-wrap .eg-pin:after {
	content: "+";
	position: absolute;
	right: -13px;
	top: 2px;
	background: url(../images/pin.png);
	line-height: 11px;
	font-size: 14px;
	color: #FFF;
	z-index: 1000;
	background-repeat: no-repeat;
	padding: 8px 25px;
}

.eg-element-setter,
.eg-cover-setter,
.eg-group-setter {
	position: relative
}

.eg-element-setter.eg-pin:after {
	left: 110% !important;
	right: auto !important;
	top: 0 !important
}

.eg-element-setter.eg-pin.eg-tor-250:after {
	left: auto !important;
	right: -250px !important;
}

#skin-editor-wrapper {
	line-height: 30px;
	min-width: 1135px;
	position: relative;
}

.esg-item-skin-name{
	display: inline-block;
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	padding: 20px 0 15px;
}
.esg-item-skin-name-notice {
	font-size: 12px;
	font-weight: 600;
}

.esg-item-skin-form-wrapper {
	display: inline-block;
	width: 670px;
	margin-right: 15px;
}
.esg-item-skin-form-wrapper .esg-box-inside {
	padding: 0;
	margin: 0;
	min-height: 455px;
}
.esg-item-skin-form-wrapper .eg-lc-menu-wrapper,
.esg-item-skin-form-wrapper .eg-lc-vertical-menu {
	height: 100%;
}
.esg-item-skin-form-wrapper .esg-element-source-text {
	width: 350px;
	height: 150px;
}

#eg-wrap,
#eg-wrap * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	text-rendering: optimizeLegibility;
}


.divide15 {
	width: 100%;
	height: 15px;
}

.esg-description {
	font-style: italic;
	font-size: 10px;
	color: #777;
}


#eg-wrap {
	padding-right: 35px;
}


.essential-dialog-wrap select,
#eg-wrap select {
	font-size: 14px;

}

.select_wrapper select {
	opacity: 0;
	position: relative;
	z-index: 5;
	width: 150px;
	cursor: pointer;
}

#eg-wrap .select_wrapper {
	position: relative;
}

#eg-wrap .select_fake {
	width: 130px;
	border: 1px solid #ccc;
	padding: 0 5px;
	background-color: #fff;
	font-size: 11px;
	position: absolute;
	z-index: 1;
	color: #555;
	border-radius: 3px;
	background-color: #f7f7f7;
	font-weight: 400;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	cursor: pointer;
	line-height: 24px;
	padding-left: 10px;
	max-height: 24px;
	overflow: hidden;
}

#eg-wrap .select_fake span {
	font-size: 11px !important;
	line-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#eg-wrap .select_wrapper:hover .select_fake,
#eg-wrap .select_wrapper:hover .select_fake i {
	border-color: #999 !important
}

#eg-wrap .select_fake i {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 5px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-radius: 0 4px 4px 0;
}


/*********************************
	-	ELEMENT FILTER STYLING	-
**********************************/

#eg-wrap .backend-flat .esg-filters {
	background: #e2e1e5;
	text-align: center;
	border: none;
	margin-bottom: 15px;
}

#eg-wrap .backend-flat .esg-pagination {
	text-align: center;
}

#eg-wrap .backend-flat .esg-filterbutton {
	display: inline-block;
	padding: 8px 20px;
	cursor: pointer;
	color: #717072;
	font-size: 13px;
	white-space: nowrap;
	line-height: 40px;
	font-weight: 400
}

#eg-wrap .backend-flat .esg-filterbutton:hover {
	color: #000;
}

#eg-wrap .backend-flat .esg-sortbutton {
	display: inline-block
}

#eg-wrap .backend-flat .esg-sortbutton span {
	float: left;
	margin-right: 5px;
}

#eg-wrap .backend-flat .esg-sortbutton-order {
	float: left;
	cursor: pointer;
	line-height: 25px;
}

#eg-wrap .backend-flat .esg-sortbutton-wrapper {
	vertical-align: middle;
	line-height: 10px;
}

#eg-wrap .backend-flat .esg-filterbutton.selected {
	background: #fff;
	color: #000;
}


#eg.wrap .backend-flat .esg-overflowtrick {
	margin-bottom: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
	#eg-wrap .backend-flat .esg-sortbutton-wrapper {
		display: none
	}
}

.eg-special {
	position: absolute;
	top: -35px;
	right: 15px;
	z-index: 1000
}

.eg-special .skin-dz-elements {
	background: transparent;
	background: #00ceab;
	border: none;
	line-height: 25px;
	text-transform: lowercase;
	color: #fff;
	text-shadow: none;
	padding: 0 10px;
	border-radius: 3px
}

.eg-special .skin-dz-elements.eg-special-element-margin {
	margin-left: 15px;
}

.eg-special .skin-dz-elements i {
	font-size: 14px;
	line-height: 12px;
}


/******************************
	-	3dmap	-
********************************/
.eg-3dpp {
	position: absolute;
	top: 0;
	left: 0;
	height: 470px;
	opacity: 0;
}

#eg-3dpp-inner {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: url(../images/trans_tile2.png) repeat;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
#eg-3dpp-inner.esg-relative {
	position: relative;
}

.eg-3dmc {
	width: 385px;
	height: 300px;
	position: relative
}

.eg-3dcc {
	width: 385px;
	position: relative;
	padding: 10px;
	box-sizing: border-box;


}

.eg-3d-bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: url(../images/tp_placeholder.png);
	background-position: center center;
	background-size: cover;
}

.eg-3d-cover {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: rgb(52, 73, 94);
	background: rgba(52, 73, 94, 0.6);
}

.eg-3d-ccbg {
	background: #f1f1f1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.eg-3d-element {
	position: relative;
}
.eg-3d-element-title {
	margin-top: 30px;
	color: #34495e;
	background: #fff;
	padding: 5px 10px;
	font-size: 12px;
	display: inline-block;
}
.eg-3d-element-spacer {
	width: 100%;
	height: 5px;
}
.eg-3d-element-date {
	color: #000;
	background: #fff;
	padding: 3px 7px;
	font-size: 12px;
	display: inline-block;
}
.eg-3d-element-title-cc {
	font-size: 14px;
	font-weight: 600;
	color: #34495e;
	background: #fff;
	padding: 3px 7px;
}
.eg-3d-element-desc-cc {
	font-size: 12px;
	line-height: 14px;
	color: #34495e;
	background: #fff;
	padding: 3px 7px;
	font-weight: 400;
	margin-top: 5px;
}
.eg-3d-element-lorem-cc {
	margin-top: 10px;
	font-size: 11px;
	color: #333;
	font-weight: 600;
	background: #34495e;
	padding: 3px 5px;
	float: right;
	color: #fff;
	font-wieght: 600;
}

.eg-3d-element i {
	border-radius: 50%;
	padding: 20px;
	color: #34495e;
	background: #fff;
}

.eg-3d-elements {
	position: relative;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 100px;
}

#eg-3d-description {
	position: absolute;
	bottom: 25px;
	left: 10px;
}

#eg-3d-description span {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	font-size: 20px;
	color: #000;
	background: #fff;
	padding: 4px 8px;
	white-space: nowrap
}

/******************************
	-	TRASH IT	-
********************************/


.eg-trashdropzone,
.drop-to-stylechange {
	position: absolute;
	border: 1px dotted rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	vertical-align: top;
}

.drop-to-stylechange {
	top: auto;
	right: 5px;
	left: auto;
	bottom: 20px;
	color: #00ceab;
	border-color: #00ceab;
	padding: 5px;
	font-size: 12px;
	font-weight: 600;
	border-width: 2px;
	border-radius: 5px;
	width: 100px;
}

#cover-background-image-wrap {
	border: 3px dotted #D5D5D5;
	border-radius: 5px;
	color: #D5D5D5;
	font-size: 12px;
	line-height: 16px;
	padding: 15px;
	position: absolute;
	right: 92px;
	text-align: center;
	top: 140px;
}

#remove-cover-background-image-wrap {
	position: absolute;
	right: 20px;
	top: 198px;
}

#cover-background-image-wrap {
	cursor: pointer;
}

#remove-cover-background-image-wrap {
	cursor: pointer;
}

.drop-to-stylereset {
	position: absolute;
	right: 0;
	bottom: -53px;
	cursor: pointer;
}
.esg-el-settings-container .drop-to-stylereset {
	position: absolute;
	bottom: auto;
	top: -53px;
	right: 0;
}

.eg-trashdropzone {
	top: 10px;
	right: 15px;
	padding: 0 10px;
	bottom: auto;
}
.eg-trashdropzone .esg-text-container {
	line-height: 30px;
	display: inline-block;
}
.eg-trashdropzone .esg-text-container span {
	font-size: 10px;
	white-space: nowrap;
}
.eg-trashdropzone i {
	font-size: 14px;
	margin-right: 5px;
}

.eg-trashdropzone-hover {
	color: #fff;
	border-color: #fff;
}

.drop-to-stylechange.eg-trashdropzone-hover {
	color: #00ceab;
	border-color: #00ceab;
	filter: brightness(110%);
}


#eg-wrap label {
	line-height: 30px;
}

#eg-wrap .importantlabel {
	color: #f7345e;
	font-weight: 600;
	font-size: 12px
}


/******************************
	-	GUIDE STEPS	-
********************************/

#eg-wrap .fullwidtheg-pbox {
	width: 1197px
}

#eg-wrap .fullwidtheg-pbox2 {
	width: 100%;
	max-width: 1070px;
}

#select-step-1 #show-custom {
	margin-top: 15px;
}

/******************************
	-	CUSTOM LAYOUT TYPE	-
********************************/
.custom-layout-type {
	width: 60px;
	height: 60px;
	border: 2px dotted #d5d5d5;
	background: #f5f5f5;
	margin-top: 5px;
	float: left;
	margin-right: 15px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.custom-layout-deko {
	border: 2px dotted #d5d5d5;
	position: absolute;
	background: #fff;
}

.clttopbottom .custom-layout-deko {
	width: 100%;
	height: 5px;
	top: 27px;
	left: 0;
	border-left: none;
	border-right: none;
}

.cltleftright .custom-layout-deko {
	height: 100%;
	width: 5px;
	left: 27px;
	top: 0;
	border-top: none;
	border-bottom: none;
}

.cltcenter .custom-layout-deko {
	height: 50%;
	width: 50%;
	left: 24%;
	top: 24%;
}

.custom-layout-type.cltcenter {
	margin-right: 0;
}

.custom-layout-type:hover {
	background: #e5e5e5;
	border-color: #d1d1d1
}

.custom-layout-type i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -20px;
}

.custom-layout-type i.clt-shown {
	color: #2ecc71;
	display: none;
}

.custom-layout-type i.clt-cancelled {
	color: #f7345e;
	display: none;
}


/* SLIDER STYLING */

#eg-wrap .ui-slider-horizontal {
	height: 5px;
	border: none;
	background: #E2E1E5;
	vertical-align: middle;

}

#eg-wrap tr .ui-slider-horizontal.slider-settings {
	margin-right: 18px;
}

#eg-wrap .slider-settings .ui-slider-handle {

	background: #fff;
	border: 2px solid #000 !important;
	border-radius: 50%;
	cursor: pointer;
	/*position: absolute;*/
	z-index: 2;
	text-decoration: none !important;
	border: 0 none;
	outline: 1px none;
	cursor: pointer !important;
}


#eg-wrap .ui-slider-horizontal .ui-slider-handle {
	top: -4px;

}

#eg-wrap .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 10px;
	height: 10px;
}

#eg-wrap .iris-slider .ui-slider-handle {
	width: 100%;
	height: 10px;
	margin-bottom: -7px;
}

#eg-wrap .eg-pre-slider {
	display: block;
	position: absolute;
	z-index: 1;
	background-color: #000;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px;

}

#eg-wrap .image-holder-wrap-div {
	height: auto;
	max-height: 400px;
	max-width: 400px;
	width: auto;
}
.eg-default-image-container {
	margin-bottom: -7px;
}


/****************************
* Custom Button Styles
****************************/


#button_upload_plugin {
	border: none !important;
	text-shadow: none !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	line-height: 26px !important;
	height: 27px !important;
	margin: 2px 3px 2px 0 !important;
	color: #fff !important;
	background: transparent !important;
}


.multiple_text_add {
	text-decoration: none !important
}

.egwithhover,
.egwithhover:link,
.egwithhover:visited {
	color: #27ae60;
	font-size: 13px;
	text-decoration: none !important;
}

.egwithhover:hover {
	color: #2ecc71;
}


#remove_multiple_text,
.redicon.withhover {
	color: #f7345e !important;
	width: 20px;
	height: 10px;
	position: absolute;
	right: -15px;
	top: 5px;
	font-size: 12px;
}


.eg-overview-button {
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 30px;
	position: absolute;
	top: 0;
	cursor: pointer;
}

.eg-ov-1 {
	right: 90px;
}

.eg-ov-2 {
	right: 60px;
}

.eg-ov-3 {
	right: 30px;
}

.eg-ov-4 {
	right: 0;
}

.eg-ov-10 {
	left: 0;
}

.eg-ov-11 {
	left: 30px;
}

.eg-ov-12 {
	left: 60px;
}

.eg-ov-13 {
	left: 90px;
}

.eg-overview-button:hover, .eg-overview-button:visited {
	color: #FFF;
	filter: brightness(110%);
}

.eg-overview-button:focus {
	box-shadow: none;
	color: #FFF;
	filter: brightness(110%);
}

.eg-fontello-icons-dialog-wrap {
	width: 602px;
	height: 405px;
	margin-left: 15px;
	overflow: scroll;
	display: none;
}

.font_headline {
	display: block;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eg-icon-chooser,
#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out,
#eg-preview-icon {
	padding: 8px;
	font-size: 14px;
	border: 1px solid #F1F1F1;
	cursor: pointer;
	background: #fff;
	position: relative;
	display: inline-block;
}

#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out {
	font-size: 32px;
	position: absolute;
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	padding: 10px 5px;
}

.eg-transbackground {
	background: url(../images/trans_tile2.png) repeat !important;
}

.eg-transbackground .esg-pagination {
	background: #EBEBEB
}

#eg-preview-icon {
	width: 30px;
	height: 30px;
	padding: 8px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/trans_tile2.png) repeat;
}

#eg-source-icon-wrap {
	display: inline-block;
}

.et-add-new-icon {
	font-size: 22px;
	color: #d1d1d1;
	padding: 10px;
	cursor: pointer;
	line-height: 40px;
}

.et-add-new-icon:hover {
	color: #555
}

.eg-additional-parameters {
	width: 625px;
}

#show-fontello-dialog {
	display: inline-block;
	border-radius: 3px;
	overflow: hidden
}

/***************************************
	-	LAYER SETTINGS VERTICAL MENU	-
***************************************/

.eg-lc-menu-wrapper {
	position: relative
}

.eg-lc-vertical-menu {
	width: 100%;
	height: 52px;
}

.eg-lc-vertical-menu ul {
	height: 56px;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
	background: #5d34af;
}

.eg-lc-vertical-menu li {
	margin-bottom: 0;
	display: inline-block;
	line-height: 56px;
	height: 56px;
	cursor: pointer;
	background: transparent !important;
	border: none !important;
	padding: 0 10px !important;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.6);
	vertical-align: top;
}

.eg-submenu li i,
.eg-lc-vertical-menu i {
	display: inline-block;
	font-size: 15px;
	line-height: 56px;
	color: rgba(255, 255, 255, 0.6);
	margin-right: 5px;
	position: relative;
	vertical-align: top;
}

.eg-submenu li i {
	line-height: 36px;
	color: #717072;
}

.eg-submenu li * {
	color: #717072;
}

#eg-wrap .eg-submenu li input[type=checkbox] {
	border: 2px solid #717072;
	color: #717072;
}

#eg-wrap .eg-submenu li:hover input[type=checkbox],
#eg-wrap .eg-submenu li.selected-submenu-setting input[type=checkbox] {
	border-color: #000;
	color: #000;
}


.eg-lc-vertical-menu li.selected-lc-setting {
	background: #6b52b3 !important;
	color: #fff !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}


.eg-lc-vertical-menu li:hover,
.eg-lc-vertical-menu li:hover *,
.eg-lc-vertical-menu li.selected-lc-setting *,
.selected-lc-menu,
.selected-lc-menu * {
	color: #fff !important;
}

.eg-submenu li:hover,
.eg-submenu li:hover * {
	color: #000 !important;
}

.esg-lc-settings-container {
	position: absolute;
	height: 335px;
	width: 100%;
	top: 56px;
	left: 0;
	visibility: hidden;
	margin: 0;
	box-sizing: border-box;
	padding: 20px;
}
#eg-lc-spaces.esg-lc-settings-container {
	padding-top: 0;
}

.esg-lc-settings-container.active-esc {
	visibility: visible
}


/******************************
	-	HORIZONTAL TABS	-
********************************/

#settings-dz-elements-wrapper .ui-tabs-nav {
	width: 100% !important;
	position: relative;
	background: #5d34af;
	height: 50px;
	padding: 0;
	border-radius: 0;
	outline: none;
	border: none;
}

#settings-dz-elements-wrapper .ui-tabs-nav li {
	background: transparent;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

#settings-dz-elements-wrapper .ui-tabs-nav li a {
	margin: 0 !important;
	padding: 0 15px !important;
	line-height: 50px !important;
	display: inline-block;
	font-size: 12px !important;
	font-weight: 400;
	vertical-align: top
}

#settings-dz-elements-wrapper .ui-tabs-nav li i {
	font-size: 13px !important;
	vertical-align: top;
}

#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active {
	background: #6b52b3;
	color: #fff !important;
	border: none !important;
}


#settings-dz-elements-wrapper .ui-tabs-nav li a:hover {
	color: #fff !important;
}

#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active a {
	color: #fff !important;
	background: #6b52b3;
}

#settings-dz-elements-wrapper .ui-tabs-nav li:first-child {
	border-left: none !important
}

#settings-dz-elements-wrapper .ui-tabs-nav li:last-child {
	border-rigth: none !important
}

#settings-dz-elements-wrapper .ui-tabs-nav li:nth-child(2).ui-state-active {
	background: #fff;
}

#eg-styling-idle-hover-tab .eg-submenu {
	margin: 0;
	width: 100%;
	background: #e2e1e5;
	box-sizing: border-box;
}

#eg-lc-spaces .eg-submenu {
	margin: 0 -20px;
	background: #e2e1e5;
	box-sizing: border-box;
	line-height: 36px;


}

.eg-submenu li {
	padding: 5px 10px;
	margin: 0;
	line-height: 36px;
	cursor: pointer;
	display: inline-block;
	color: #717072;
}

#eg-wrap .eg-submenu li input[type=checkbox] {
	line-height: 36px;
	margin-top: 9px;
	position: relative;
	line-height: 36px;
	display: inline-block;
	vertical-align: top;
}


.eg-submenu li.selected-submenu-setting {
	background-color: #fff;
	color: #000;
}

.eg-submenu li.selected-submenu-setting * {
	color: #000;
}

#eg-style-hover {
	display: none
}

#eg-style-idle,
#eg-style-hover {
	position: relative;
}

#eg-style-idle .eg-small-vertical-menu,
#eg-style-hover .eg-small-vertical-menu {
	height: 420px;
}

/******************************
	-	SMALL VERTICAL MENU	-
********************************/


.eg-small-vertical-menu {
	width: 65px;
	height: 360px;
}

.eg-small-vertical-menu ul {
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
	background: rgb(235, 235, 235);
	border-right: 1px solid transparent !important;
}

.eg-small-vertical-menu i {
	font-size: 15px;
	line-height: 20px;
	color: #717072;
	margin-right: 0;
	margin-bottom: 3px;
	display: inline-block;
	width: 65px;
}

.eg-small-vertical-menu li {
	float: none !important;
	margin-bottom: 0;
	line-height: 15px;
	height: 60px;
	padding: 15px 0 !important;
	cursor: pointer;
	background: transparent !important;
	border: none !important;
	text-align: center;
	box-sizing: border-box;
	width: 65px;
	font-size: 10px !important;
	font-weight: 600;
	color: #717072;
}


.eg-small-vertical-menu li.selected-el-setting {
	background: #fff !important;
	color: #000 !important;
}


.eg-small-vertical-menu li.selected-el-setting *,
.eg-small-vertical-menu li:hover,
.eg-small-vertical-menu li:hover *,
.selected-small-menu,
.selected-small-menu * {
	color: #000 !important;
}

.esg-el-settings-container {
	position: absolute;
	left: 95px;
	top: 15px;
	height: 420px;
	visibility: hidden;
	width: 560px;
}

.esg-el-settings-container.active-esc {
	visibility: visible
}

#eg-element-style {
	position: relative;
	height: 470px;
	padding: 0 !important;
}

.eg-delete-wrapper {
	padding: 15px;
	position: relative;
	z-index: 500;
	box-sizing: border-box
}


/****************************
* Box Styles
****************************/

.divider1 {
	height: 1px;
	width: 100%;
}

.divider2 {
	height: 2px;
	width: 100%;
}

.divider5 {
	height: 5px;
	width: 100%;
}


#eg-dz-hover-wrap .skin-dz-elements.eg-special-element {
	font-size: 10px;
	width: 100% !important;
	height: 9px !important;
	content: "" !important;
	line-height: 5px !important;
	padding: 0 !important;
	margin: 2px 0 -1px !important;
	background: url(../images/eg_linebreak.png) !important;
	background-position: center center !important;
}

#eg-dz-hover-wrap .skin-dz-elements.eg-special-blank-element {
	font-size: 10px;
	width: 100% !important;
	height: 28px !important;
	content: "" !important;
	line-height: 28px !important;
	padding: 0 !important;
	margin: 2px 0 -1px !important;
	background: url(../images/eg_blankhtml.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

#skin-dz-c-wrap .skin-dz-elements.ui-draggable,
#skin-dz-tl-wrap .skin-dz-elements.ui-draggable,
#skin-dz-br-wrap .skin-dz-elements.ui-draggable {
	display: none !important
}

#eg-dz-hover-wrap .skin-dz-elements.selected {
	outline: 2px dashed rgba(255, 255, 255, 0.5);
}

#esg-settings-actions {
	padding: 0 23px 10px;
	padding-left: 70px;
	width: 100%;
	max-width: 1170px;
	min-width: 755px;
	box-sizing: border-box;
}

#esg-settings-actions .eg-pbox {
	border-top: 1px solid #fff;
}

#esg-settings-actions .esg-box-inside {
	margin: 11px 0 0;
}

#eg-create-settings-wrap select {
	min-width: 185px
}

#eg-global-settings-menu,
#eg-create-settings-menu {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 58px;
	background: #5d34af;
	padding-left: 150px;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#eg-global-settings-menu ul,
#eg-create-settings-menu ul,
.es-grid-meta-tabs, .es-grid-search-tabs {
	padding: 0 0 0 150px;
	background: #E2E1E5;
	margin: 0;
	position: relative;
	z-index: 98;
	width: 100%;
	box-sizing: border-box;
}

#eg-global-settings-menu ul,
#eg-create-settings-menu ul {
	padding: 0;
	white-space: nowrap;
	font-size: 0;
}

.es-grid-meta-tabs, .es-grid-search-tabs {
	padding-left: 0;
}

#eg-global-settings-menu i,
#eg-create-settings-menu i {
	font-size: 16px;
	line-height: 58px;
	color: #717072;
	margin-right: 5px;
	display: inline-block
}

.es-grid-meta-tabs li,
.es-grid-search-tabs li,
#eg-global-settings-menu li,
#eg-create-settings-menu li {
	position: relative;
	display: inline-block;
	height: 58px;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0;
	padding: 0 10px;
	vertical-align: middle;
	line-height: 58px;
	white-space: nowrap;
}

#eg-global-settings-menu li p,
#eg-create-settings-menu li p,
.es-grid-meta-tabs li a, .es-grid-search-tabs li a {
	display: inline-block;
	font-size: 13px;
	line-height: 58px;
	font-weight: 400;
	color: #717072;
	white-space: nowrap;
	text-decoration: none;
	margin: 0;
}

.es-grid-meta-tabs li, .es-grid-search-tabs li {
	padding: 0;
}

.es-grid-meta-tabs li a, .es-grid-search-tabs li a {
	padding: 0 10px;
}

.es-grid-meta-tabs li.ui-tabs-active, .es-grid-search-tabs li.ui-tabs-active,
#eg-global-settings-menu li.selected-esg-setting,
#eg-create-settings-menu li.selected-esg-setting {
	background: #fff;
	margin-left: 0;
	z-index: 20;
	position: relative;
}

#eg-global-settings-menu li:last-child,
#eg-create-settings-menu li:last-child {
	clear: right;
}

.es-grid-meta-tabs li.ui-tabs-active a, .es-grid-search-tabs li.ui-tabs-active a,
.es-grid-meta-tabs li:hover a, .es-grid-search-tabs li:hover a,
#eg-global-settings-menu li:hover,
#eg-global-settings-menu li:hover *,
#eg-create-settings-menu li:hover,
#eg-create-settings-menu li:hover *,
.selected-esg-setting,
.selected-esg-setting * {
	color: #000 !important;
}

#eg-wrap #eg-global-settings-menu .material-icons {
	font-size: 20px;
	line-height: 58px
}

.sws-toolbar-button {
	width: 200px;
	position: relative;
	display: block;
}
.sws-toolbar-button-transform {
	transform: translate(0px, 0px);
}

#eg-wrap .sws-toolbar-button a.esg-btn {
	margin: 0 !important;
	display: inline-block;
	width: 100%;
	height: 40px !important;
	font-size: 14px;
	line-height: 40px !important;
	border-radius: 0;
	height: 40px;
	margin: 0;
	padding: 0;
}

#eg-wrap .sws-toolbar-button i {
	font-size: 20px;
	vertical-align: top;
	line-height: 40px !important;
	width: 40px;
	text-align: center;
	height: 40px;
	background-position: center center;
	margin-right: 5px;
	padding-left: 2px;
	display: inline-block;
	background-repeat: no-repeat;
}
#eg-wrap .sws-toolbar-button i.rs-icon-save-light {
	padding-left: 4px;
}

.save-wrap-settings-skin {
	padding: 10px 20px 9px 20px;
	background: #e1e1e1;
	box-sizing: border-box;
	position: relative;
}

#eg-create-settings-wrap .slider-settings {
	width: 50%
}

#eg-create-settings-wrap p,
#eg-create-settings-wrap .wp_attachment_details label[for=content] {
	font-size: 13px;
}

.esg-box {
	background: none repeat scroll 0 0 #fff;
}

.esg-box-min-width {
	width: 100%;
	min-width: 500px;
}

.rs-icon-save-light {
	background-image: url(../images/toolbar/icon-save-light.png);
	background-size: 16px 16px;
	min-width: 16px;
}
.sws-toolbar-button-transform .rs-icon-save-light {
	padding-left: 4px;
}

#eg-wrap .eg-pbox,
#eg-wrap .stuffbox {
	margin-bottom: 15px;
}

#eg-grid-even-item-skin-wrapper .eg-pbox {
	margin-bottom: 0;
}


.esg-box th {
	background: none repeat scroll 0 0 #fff !important;
}

.esg-box tr {
	height: 40px;
	line-height: 30px;
}

.esg-box td {
	vertical-align: top;
}


.esg-box .esg-box-title .eg-pbox-arrow {
	background-image: url(../images/dropdown.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	position: absolute;
	right: 15px;
	top: 15px;
}

.esg-box .esg-box-title.box-closed .eg-pbox-arrow {
	transform: rotateZ(90deg);
}


.esg-box .eg-cs-tbc label {
	margin-left: -170px
}

.esg-msow-inner {
	display: inline-block;
	min-width: 305px;
	margin-left: -170px;
}

.esg-msow-inner-container {
	min-width: 305px;
	margin-right: 15px;
	display: inline-block;
	margin-bottom: 15px;
}

.eg-custom-meta-info-box,
.eg-search-settings-info-box {
	margin-bottom: 15px;
	background: transparent;
	color: #000;
	font-size: 12px;
}

#eg-wrap .metabox-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	padding: 0;
	vertical-align: top;
	margin-bottom: 15px;
}

#eg-wrap .metabox-title .material-icons {
	line-height: 25px;
	vertical-align: top;
	margin-right: 15px;
	font-size: 17px
}


/****************************
* General Styles
****************************/

#eg-wrap .input-settings-small,
#eg-wrap input[type=number].input-settings-small,
.input-settings-small {
	width: 50px;
}
.input-settings-small-viewport-buffer {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
}
.padding-10 {
	padding: 10px;
}

.padding-15-nt {
	padding: 0 15px;
	margin: 0 !important;

}


.del-page-entry {
	cursor: pointer;
}

.columns-width, .columns-height {
	display: none;
}

.grid-columns-input,
#eg-wrap input[type=text]:not(.eg-search-input).input-settings-small.grid-columns-input {
	margin-right: 5px;
	width: 100px;
}

/****************************
* Grid Position Editor
****************************/
#eg-grid-editor-wrap {

}

#skin-dz-wrapper, #skin-dz-video-wrapper, #skin-dz-music-wrapper {
	background: transparent;
	height: 400px;
	width: 400px;
	border: none;
	margin-right: 20px;
	position: relative;
	display: block;
	/*	overflow: hidden;*/
}

#skin-dz-wrapper {
	margin-right: 0;
	z-index: 20;
}

#skin-dz-m-wrap {
	z-index: 10;
}

#skin-dz-media-bg {
	background: url(../images/tp_placeholder.png);
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;


}

.eg-ul-tabs,
#eg-dz-selector {
	padding: 0;
	border: none;
}

#eg-element-settings-wrap {
	width: 480px;
}

.eg-ul-tabs ul li,
#eg-dz-selector ul li {
	display: inline-block;
}

.eg-ul-tabs ul li a,
#eg-dz-selector ul li a,
.eg-ul-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: rgba(255, 255, 255, 0.6);
}


.eg-ul-tabs ul li a,
#eg-dz-selector ul li a {
	text-decoration: none !important
}

#eg-dz-hover-wrap {
	overflow: visible;
}

.eg-ul-tabs .ui-tabs-panel,
#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap {
	border-radius: 0;
	padding: 15px;
}


#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap {
	padding: 0px
}

#eg-dz-selector {
	width: 400px;
}

.dropzonetext {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}

.dropzonebg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	border: 2px dashed rgba(34, 200, 229, 1);
	z-index: 0;
	background: rgba(34, 200, 229, 0.3);
	box-sizing: border-box;
	border-radius: 3px;
}

#skin-dz-m-wrap .dropzonetext {
	z-index: 1
}

.dropzoneinner {
	font-size: 12px;
	color: #22c8e5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -40px;
}

#eg-dz-hover-wrap {
	display: block;
	position: relative;
	margin-right: 0;
}

#skin-dz-m-wrap {
	width: 100%;
	position: relative;
	height: auto;
	min-height: 40px;
	display: none;
}

#skin-dz-m {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
	min-height: 40px;
	box-sizing: border-box;


	position: relative;

}

#eg-dz-selector {
	display: inline-block;
	float: left;
}

.draggable {
	background-color: transparent;
	border: 1px dotted #555555;
	display: inline-block;
	padding: 15px;
	width: 100%;
}

.skin-dz {
	background-color: transparent;
	padding: 5px;
	position: absolute;
	height: auto;

}

#skin-dz-c, #skin-dz-vc, #skin-dz-mc {
	display: inline-block;
	height: auto;
	min-height: 50px;
	width: 100%;
	z-index: 1;
	position: relative;

}

#skin-dz-video-c, #skin-dz-music-c {
	display: block;
	height: auto;
	min-height: 50px;
	width: 100%;
}

.skin-dz-elements {
	background-color: transparent;
	/*border: 1px dotted #d5d5d5;*/
	cursor: move;
	display: inline-block;
	font-size: 12px;
	margin: 2px;
	padding: 5px;
	text-align: center;
	z-index: 100000;
	position: relative;
	color: #fff;
}


/******************************
	-	Element Animation Preview	-
********************************/


#eg-preview-stop-item-skin {
	display: none
}


#eg-elements-container-grid .esg-entry-content {
	padding: 0 !important;
	line-height: normal !important;
	box-shadow: none;
	text-align: center;
	display: block !important;
}

#eg-elements-container-grid li {
	overflow: hidden !important
}

#eg-elements-container-grid li,
#eg-elements-container-grid .esg-entry-content {
	background: transparent !important;
}

#eg-elements-container-grid ul {
	background-color: #444
}

.eg-element-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.eg-editor-inside-wrapper {
	position: relative;
	background: url(../images/trans_tile2.png) repeat;
}

#settings-dz-wrapper.eg-draggable {
	position: absolute !important;
	width: 460px;
}

#settings-dz-wrapper.eg-draggable {
	z-index: 10000;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0 0px 10px 2px;
}

#settings-dz-wrapper.eg-draggable .eg-pbox {
	margin-bottom: 0px
}

.eg-draggable h3 {
	cursor: move !important;
}

.eg-draggable .dragme {
	z-index: 100000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: move !important;
	background: #ff0000;
}

.eg-draggable .dragme i {
	position: absolute;
	right: 5px;
	top: 10px;
	color: #999;
}

#eg-element-text .skin-dz-elements {
	margin: 0 5px 5px 0 !important;
	display: inline-block !important;
}

.skin-dz-elements.ui-draggable-dragging {
	display: inline-block;
}


.skin-dz-elements.ui-draggable-dragging,
.skin-dz-elements.selected {
	z-index: 100000;
	position: relative;
}

.skin-dz-elements.floated {
	float: left;
}

.skin-dz-elements.ui-sortable-helper,
.eg-state-highlight {
	display: inline-block;
	height: auto !important;
	width: auto !important;
	background: #5d34af;
}

.eg-state-highlight {
	z-index: 10000;
	position: relative;
}

#skin-dz-wrapper .skin-dz-elements, #skin-dz-video-wrapper .skin-dz-elements, #skin-dz-music-wrapper .skin-dz-elements {
	cursor: pointer;
	z-index: 10;
}

#element-toolbar {
	display: none;
	border: 1px dotted #000;
	background-color: #FFF;
	padding: 5px;
	position: absolute;
}


#settings-dz-wrapper {
	display: none;
	float: left;
	height: auto;
	width: auto;
	height: auto;
	min-width: 625px;
}

#settings-dz-wrapper-temp {
	display: none;
}

#eg-google-font-input-wrapper {
	max-height: 300px;
	overflow-y: scroll;
	width: 100%;
	text-align: center;
}


/******************************
	-	esg ITEM CONTENT	-
********************************/

/*.esg-layout-even .esg-entry-cover		{	box-sizing:border-box;
											width:auto;height:auto;position:absolute;top:0px;left:0px;
										}

.eec								{	display:block; width:auto; height:auto;position:absolute !important; }

*/
#eg-dz-padding-wrapper {
	position: relative;
	box-sizing: border-box;
	padding: 15px;
}

/* TOP CONTAINERS */

#eg-it-layout-wrap .eec {
	min-height: 30%
}

.eec.eg-filled-container,
#skin-dz-m-wrap.eg-filled-container {
	min-height: 0px
}

/* HIDER COVER TILL NO CONTENT INSIDE */
.eec.eg-filled-container .dropzonetext,
#skin-dz-m-wrap.eg-filled-container .dropzonetext {
	display: none
}

#eg-it-layout-wrap .eec .eg-element-cover {
	display: none;
}

#eg-it-layout-wrap .eec .eg-element-cover {
	display: none;
}

/* SHOW COVER IF CONTENT INSDIE */
#eg-it-layout-wrap .eec.eg-filled-container .eg-element-cover {
	display: block
}

/* IF FULL LAYOUT (NOT CONTENT BASED) CENTER COVER MUST BE SHONW */
#eg-dz-hover-wrap.eg-full-layout .esg-cc .eg-element-cover {
	display: block !important
}


.esg-cc {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0
}

.esg-tc {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2
}

.esg-bc {
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2
}

.esg-rc {
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
	width: auto;
	bottom: auto;
	right: auto;
}

.esg-lc {
	top: 0;
	left: 0;
	height: 100%;
	z-index: 2;
	width: auto;
	bottom: auto;
	right: auto;
}


#eg-element-centerme-c,
.esg-lc #eg-element-centerme-l,
.esg-rc #eg-element-centerme-r {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

#skin-dz-br,
#skin-dz-tl {
	width: 100%;
	height: 100%;
	position: absolute;
}

#skin-dz-tl {
	top: 0;
}

#skin-dz-br {
	bottom: 0;
}

.eg-filled-container #skin-dz-br,
.eg-filled-container #skin-dz-tl {
	height: auto
}

#skin-dz-c-wrap {
	width: 100%;
	height: 100%;
	z-index: 1;
}

#skin-dz-tl-wrap {
	width: 100%;
	z-index: 2;
}

#skin-dz-br-wrap {
	width: 100%;
	z-index: 2;
}

.esg-lc#skin-dz-tl-wrap {
	height: 100%;
	width: auto;
	min-width: 20px;
	z-index: 2;
}

.esg-rc#skin-dz-br-wrap {
	height: 100%;
	width: auto;
	min-width: 20px;
	z-index: 2;
}


#skin-dz-c-wrap,
#skin-dz-tl-wrap,
#skin-dz-br-wrap,
#skin-dz-m-wrap {
	line-height: 1;
	font-size: inherit
}


/****************************
* Fix Broken WP Styles
****************************/

.iris-slider div {
	background: transparent !important;
	border: none !important;
	bottom: 6px !important;
	height: auto !important;
	top: 5px !important;
	width: auto !important;
}

.media-modal {
	z-index: 300003;
}

/**********************************
	-	GROUP ANIMATION WARNING	-
********************************/

#groupanimwarning {
	float: left;
	display: none;
	line-height: 30px;
	font-size: 11px;
	color: #f7345e
}


/*****************************************
	-	ADVANCED COLUMNS AND ROWS	-
*****************************************/

#eg-wrap .esg-btn#eg-add-column-advanced {
	margin-left: 10px !important;
}

#eg-wrap .esg-btn#eg-add-column-advanced .material-icons,
#eg-wrap .esg-btn#eg-remove-column-advanced .material-icons {
	margin: 0 !important;
}


#eg-it-layout-wrap {
	display: inline-block;
}

/******************************
	-	MEDIA SOURCE ORDER	-
********************************/


.eg_edit_custom_category {
	position: absolute;
	width: 20px;
	height: 30px;
	right: 60px;
	top: 0;
	cursor: pointer;
	opacity: 0.5;
	display: none;
	font-size: 16px !important;
}

.eg_delete_custom_category {
	position: absolute;
	width: 20px;
	height: 30px;
	right: 40px;
	top: 0;
	cursor: pointer;
	opacity: 0.5;
	display: none;
	font-size: 16px !important;
}

.eg-media-source-order:hover .eg_edit_custom_category,
.eg-media-source-order:hover .eg_delete_custom_category {
	display: block;
}

.eg_edit_custom_category:hover,
.eg_delete_custom_category:hover {
	opacity: 1
}

.eg-media-source-order-wrap {
	background: transparent;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	border: 2px dashed rgba(0, 0, 0, 0.15);
}
.eg-media-source-order-wrap-margin {
	margin-bottom: 15px;
}
.eg-media-source-order-wrap-additional {
	height: auto;
	margin-top: 10px;
}
.eg-media-source-order-wrap .eg-filter-selected-span {
	display: inline-block;
	max-width: 300px;
}

.eg-poster-media-source-container {
	display: inline-block;
	min-width: 305px;
	vertical-align: top;
	margin-bottom: 15px;
}

.esg-prewrap {
	padding: 15px;
	background: #e2e1e5;
	border-radius: 3px;
	border: none;
	margin-left: -170px;
}

.esg-prewrap pre code {
	background: transparent;
	padding: 0;
	line-height: 25px;
	color: #000;
}

#lbo-btn-list,
#ajo-list,
#lbo-list {
	display: inline-block;
	width: 305px;
	margin-bottom: 15px;
}

.eg-media-source-order-wrap .esg-btn {
	margin-bottom: 2px;
	margin-right: 0;
}

.eg-media-source-order {
	display: block !important;
	position: relative
}

.eg-media-source-order i {
	margin-right: 10px;
}

.eg-media-source-order.notavailable {
	opacity: 0.25;
	pointer-events: none;
}

.eg-media-source-order.notavailable input {
	display: none !important;
}

.eg-media-source-order input[type=checkbox],
.eg-media-source-order input[type=radio] {
	float: right;
}

.eg-media-source-order:hover {
	filter: brightness(110%);
}

.eg-media-source-order:hover input[type=checkbox],
.eg-media-source-order:hover input[type=radio] {
	color: #22c8e5;
}


.eg-pbox.esg-box {
	border: none;
	position: relative;
	vertical-align: top
}

.esg-box-grid-widget-area {
	width: 100%;
	min-width: 500px;
}
.esg-box-grid-widget-area .esg-box-inside {
	display: none;
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	position: relative;
	background: #ebebeb;
}

#eg-post-cat-wrap select[name="post_category"] {
	resize: both;
}


/******************************
	-	IMPORT EXPORT PART	-
********************************/
#eg-grid-export-import-wrapper ul li ul {
	margin-left: 20px;
}

input[type="file" i]::-webkit-file-upload-button {
	border: none;
	border-right: 10px solid #fff;
	line-height: 30px;
	padding: 0 20px;
	color: #fff;
	background: #22c8e5;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer
}

/******************************
	-	ESGMirror Styling	-
********************************/
.eg-esgmirror-border .ESGMirror {

}

/****************************************
	-	PAGINATION FOR ESS GRID	-
****************************************/

.ess-pagination-wrap {
	line-height: 30px;
	margin: 15px 0 0;
	text-align: right
}

.ess-pagination-wrap .page-numbers {
	display: inline-block;
	color: #555;
	background: #E2E1E5;
	text-align: center;
	min-width: 30px;
	text-decoration: none;
	line-height: 30px;
	font-size: 13px;
	border-radius: 3px
}

.ess-pagination-wrap .page-numbers.dots {
	background: transparent;
}

.ess-pagination-wrap .page-numbers:hover,
.ess-pagination-wrap .page-numbers.current {
	background: #22c8e5;
	color: #fff;
}


#ess-pagination-form {
	float: right;
	margin-left: 10px
}


.wp-core-ui .eg-media-source-order.esg-blue.esg-btn {
	cursor: ns-resize !important
}


/***************************************************************
	-	ESG VIDEO MEDIA IN PREVIEW NEED TO BE PUSHED	-
***************************************************************/
#esg-preview-wrapper .esg-vimeo-frame,
#esg-preview-wrapper .esg-video-frame,
#esg-preview-wrapper .esg-youtube-frame {
	margin-top: 0;
}

#esg-preview-wrapper .esg-atoolbar {
	background-color: rgba(226, 225, 229, 0.85) !important
}

/*#e2e1e5 !important*/

.esg-skineditor-toolbar,
.esg-atoolbar {
	display: block;
	width: 100%;
	height: 30px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
	padding: 0;
	background: #e2e1e5;
}

.esg-atoolbar-transparent {
	background-color: transparent;
}

.esg-screenselect-toolbar {
	display: block;
	width: 100%;
	height: 30px;
	top: 0;
	left: 0;
	position: relative;
	z-index: 10;
	background-color: #e2e1e5;
	padding: 0;
}

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .esg-screenselect-toolbar {
	background: #5d34af;
}

#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-edit-skin-button,
#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-item-skin-overview-name,
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-edit-skin-button,
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-item-skin-overview-name {
	color: #000;
}

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-edit-skin-button,
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-item-skin-overview-name {
	color: #fff !important;
}

/******************************************
	-	ADVANCED SHOW/HIDE RULES	-
******************************************/

.ad-rules-main {
	padding: 10px 15px;
	text-align: center;
	line-height: 30px;
	background: #fff;
	z-index: 210;
}

.ar-open-meta {
	z-index: 100;
	position: absolute;
	right: 0;
	background: #5d34af;
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	top: 15px;
	font-size: 12px;
	border-radius: 0 3px 3px 0;
}

.ar-open-meta i.material-icons {
	font-size: 12px;
	line-height: 30px
}

#ar-form-wrap .ar-form-table-wrapper .button,
#ar-form-wrap .ar-form-table-wrapper .esg-btn {
	line-height: 25px;
	height: 27px;
}


.ar-form-table-wrapper table {
	border-spacing: 0;
}
.ar-form-table-wrapper table tr td {
	padding: 15px 0 15px 15px;
	vertical-align: top;
	line-height: 30px;
	position: relative
}
.ar-form-table-wrapper table tr {
	background: #fff
}
.ar-form-table-wrapper table tr:nth-child(2) td,
.ar-form-table-wrapper table tr:nth-child(4) td {
	padding: 2px 0;
	background: #fff
}

.essential-dialog-wrap .ar-form-table-heading-wrapper table {
	text-align: center;
	width: 100%;
	z-index: 200;
}
.essential-dialog-wrap .ar-form-table-heading-wrapper table tr {
	text-align: center;
	background: #5d34af;
	color: #fff;
}
.essential-dialog-wrap .ar-form-table-heading-wrapper table tr td {
	padding: 15px 0;
}
.essential-dialog-wrap .ar-form-table-data-wrapper {
	height: 345px;
	width: 100%;
	overflow: scroll;
}

/******************************
	-	Grid Settings Tab	-
********************************/

.eg-original-filter-options-holder {
	position: relative;
	margin-left: -170px;
	margin-top: 15px;
}

.eg-filter-options-wrap {
	padding: 0 10px 10px;
	background-color: #f0f0f2;
	border: 2px solid #5d34af;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 400px;
	border-radius: 3px;
	display: inline-block;
	overflow: hidden;
}

.eg-filter-input {
	float: right;
	margin: 5px 4px 0 0 !important;
}

.eg-remove-filter-tab {
	position: absolute;
	top: 4px;
	right: 5px;
	color: #fff;
	z-index: 100;
	cursor: pointer;
	display: block;
}

#eg-wrap .eg-filter-options-wrap textarea,
#eg-wrap .eg-filter-options-wrap input[type=text]:not(.eg-search-input),
#eg-wrap .eg-filter-options-wrap input[type=password],
#eg-wrap .eg-filter-options-wrap input[type=email],
#eg-wrap .eg-filter-options-wrap input[type=number],
#eg-wrap .eg-filter-options-wrap input[type=search],
#eg-wrap .eg-filter-options-wrap input[type=tel],
#eg-wrap .eg-filter-options-wrap input[type=url],
#eg-wrap .eg-filter-options-wrap select {
	width: 100%;
}

.eg-filter-header-block {
	display: block;
	background: #5d34af;
	color: #FFF;
	text-align: center;
	padding: 10px;
	margin: -1px -11px;
	text-transform: uppercase;
}

.eg-filter-header-block .eg-icon-megaphone {
	margin-right: 10px
}

.eg-filter-label {
	line-height: 25px !important;
	font-weight: 600;
	margin-bottom: 5px;
	background: #6b52b3;
	margin: 0 -10px;
	padding: 5px;
	color: #fff;
}

.eg-filter-options-wrap {
	position: relative;
	display: inline-block;
	float: none !important;
	vertical-align: top;
}

.eg-filter-option-field {
	padding: 10px 0;
}

.eg-filter-option-field input,
.eg-filter-option-field select {
	width: 100%;
	box-sizing: border-box;
}
.eg-filter-option-field input.filter-all-first,
.esg_dialog input[type=radio].filter-all-first,
#eg-wrap input[type=radio].filter-all-first {
	margin-left: 5px;
}

.eg-add-filter-box {
	text-align: center;
	cursor: pointer;
	padding: 10px;
	background: #f0f0f2;
	margin-left: -170px;
	min-width: 100%;
	box-sizing: border-box;
	margin-top: 5px;
	border-radius: 3px
}

.eg-add-filter-box i {
	font-size: 45px;
	color: #fff;
	background: #5a40aa;
	border-radius: 50%;
	vertical-align: top;
	display: inline-block;
	line-height: 60px;
}

.eg-add-filter-box:hover i {
	filter: brightness(110%);
}

input[name="navigation-special-class[]"], .filter-shortcode-filter {

}

#eg-external-drag-wrap {
	display: inline-block;
	position: relative;
	margin-left: 15px;
	vertical-align: top;
}

#eg-custommeta-options .eg-cs-row-min img {
	max-width: 100%;
	margin-top: 15px;
}


#eg-custommeta-options .eg-cs-row-min {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#eg-custommeta-options .eg-cs-row-min select {
	min-width: 223px;
}


/********************************
	-	COBBLES PATTERN STYLING	-
********************************/

#eg-cobbles-options
.eg-cobbles-drop-wrap {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	height: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	background: #E2E1E5;
	box-sizing: border-box;
	border-radius: 3px;
}

.cob-sort-order {
	display: none;
	font-size: 11px;
	position: absolute;
	left: 5px;
	bottom: 12px;
	color: #000;
}

#eg-wrap .eg-cobbles-drop-wrap select {
	vertical-align: top;
	width: 75px;
}


.eg-mini-sort-wrapper,
.eg-mini-sort-wrapper a,
.eg-mini-sort-wrapper a:visited,
.eg-mini-sort-wrapper a:focus,
.eg-mini-sort-wrapper a:hover {
	display: inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
	border: none;
	box-shadow: none;
	cursor: pointer;
	text-decoration: none;
	color: #000;

}

.eg-mini-sort-down,
.eg-mini-sort-up {
	display: inline-block;
	width: 8px;
	height: 20px;
	margin: 0;
	padding: 0;
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.eg-mini-sort-down:before,
.eg-mini-sort-up:before {
	margin: 0 !important;
	height: 20px;
	width: 14px;
	padding: 0;
	line-height: 20px !important;
	color: #000;
	font-size: 14px
}


/********************************
	-	NEWSLETTER STYLING		-
********************************/


div.star_red {
	font-size: 13px;
	font-weight: 700;
	color: #222;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: "Open Sans", sans;
	text-transform: uppercase;
}

div.star_red:before {
	content: '\f155';
	font-family: "dashicons";
	color: #f7345e;
	font-size: 17px;
	margin-right: 10px;
	vertical-align: top;
}

#why-subscribe-wrapper li {
	list-style-type: disc;
	margin-left: 20px;
}


/******************************
	-  WAIT A MINUTE  -
******************************/

#waitaminute {
	box-sizing: border-box;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000000;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
}

.waitaminute-message {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	font-family: "Open Sans", sans-serif;
}

.waitaminute-message i {
	font-family: "eg-font";
}

.waitaminute-message i.eg-icon-coffee,
.waitaminute-message i.eg-icon-coffee:before {
	color: #fff !important;
	margin-bottom: 15px;
}


/**********************************
	-	GRID SETTINGS STYLE		  -
**********************************/

#grid-columns-table {
	margin-left: -170px;
	position: relative;
	border-spacing: 0px
}

#grid-columns-table tr,
#grid-columns-table td {
	padding: 0 !important;
}

#grid-columns-table input[type="text"] {
	text-align: right;
}

#grid-columns-table label {
	margin-left: 0;
}

.esg-adv-row-actions {
	position: absolute;
	top: 11px;
	white-space: nowrap;
	left: 100%;
}

.esg-adv-row-title {
	vertical-align: top !important
}
.esg-adv-row-title-span {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-left: 5px;
	line-height: 20px;
	text-align: center;
}
.esg-adv-row-title-span:first-child {
	margin-left: 0;
}
.esg-adv-row-title-span-small {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	line-height: 20px;
	text-align: center;
	margin-right: 5px;
}


.eg-filter-add-custom-filter {
	color: #fff;
	background: #5a40aa;
	border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
	line-height: 30px;
	text-align: center;
	vertical-align: top;
	left: 50%;
	position: absolute;
	bottom: 5px;
	margin-left: -15px;
	width: 30px;
}

.eg-filter-add-custom-filter:hover {
	filter: brightness(110%);
	color: #fff;
}

.eg-filter-option-top-m {
	position: relative;
	text-align: center;
	margin-top: 15px;
}

#eg-form-item-skin-layout-settings label {
	vertical-align: top
}

body.hide-custom-options .eg-addnewitem-wrapper {
	display: none !important
}

/* 2.2.5 */
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:hover,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:active {
	box-shadow: none;
	text-shadow: none;
	vertical-align: bottom
}


/* 2.2 */
.featured-img-hideable {
	display: none;
	margin-left: 30px
}

.show-featured-img-settings .featured-img-hideable {
	display: block
}


/* 2.2.5 */
.hide-esg-item-settings .esg-atoolbar {

	display: none !important;

}

/* 3.0.0 */
#search_and_amount {
	position: absolute;
	top: 3px;
	right: 0;
}

#esg-search-grids {
	position: relative;
	display: inline-block
}

/* 2.2.6 */
#esg-search-grids,
#ess-pagination-form {

	visibility: hidden;
	opacity: 0;

}

#esg-search-grids.visible,
#ess-pagination-form.visible {

	visibility: visible;
	opacity: 1;

}

/* 2.2.3 */
.esg-custom-dialog-blank .esg-item-skin-media-title,
.esg-custom-dialog-blank .esg-blank-hide-meta-notice,
.esg-custom-dialog-blank .esg-blank-hideable,
.esg-custom-dialog-blank #eg-custom-item-options > div:not(.for-blank),
.esg-custom-dialog-blank #esg-item-skin-elements-settings > div:not(.for-blank) {
	display: none
}

.eg-esgblankskin-wrapper * {
	visibility: hidden !important
}

.eg-esgblankskin-wrapper .esg-atoolbar,
.eg-esgblankskin-wrapper .esg-atoolbar * {
	visibility: visible !important
}

.eg-esgblankskin-wrapper:after {

	content: "\f335";
	display: inline-block;
	font-size: 64px;
	color: #CCC;
	line-height: 1;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 99999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible !important;

}

.input-animation-delay {
}

/* 2.2.6 */
.cover-animation-color-wrap {
}

.cover-animation-color-hide {
	display: none;
}

.esg-hide-option {
	display: none !important
}

.eg-custom-meta-setting-wrap > * {
	vertical-align: top !important;
	margin-right: 4px !important
}

/* 2.3 - pretty skin previews */
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-33,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-facebookstream-element-33,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-3,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-facebookstream-element-3,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-richard-nixon-element-0,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-richard-nixon-element-0,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-gerald-ford-element-11,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-gerald-ford-element-11 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	max-height: 50px;
}

#tp_import_grids {
	z-index: 10000001 !important;
}
.esg_logo_rotating {
	width: 45px;
	height: 45px;
	display: block;
	margin: 20px auto;
	position: relative
}

#nowinstalling_label,
#import_grid_title {
	text-align: center;
	font-weight: 300;
	color: #888;
	font-size: 12px;
	line-height: 20px;
}
#import_grid_title {
	font-weight: 600;
	font-size: 14px;
}
#import_grid_title div {
	color: #000
}

.import_failure {
	font-weight: 600;
	color: #888;
	font-size: 12px;
	color: #d50000;
}

.esgcycle {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	top: 10px;
	left: 10px;
}

.import-spinner {
	width: 45px;
	height: 45px;
	border-radius: 3px;
	background: #f7345e;
	position: absolute;
}

.import-spinner div {
	width: 45px;
	height: 45px;
	margin: 0;
	position: absolute;
	transform-origin: center;
	top: 8px;
	left: 8px;
}

.import-spinner span {
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 2px;
	margin: 2px 5px 5px 2px;
	animation: logo-rotate infinite 3s;
	transition: all 0.5s ease;
}

.import-spinner span:nth-child(2) {
	animation: logo-rotate2 infinite 3s;
}

.import-spinner span:nth-child(3) {
	animation: logo-rotate4 infinite 3s;
}

.import-spinner span:nth-child(4) {
	animation: logo-rotate3 infinite 3s;
}

@keyframes logo-rotate {
	0% {
		transform: scale(0)
	}
	20% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

@keyframes logo-rotate2 {
	0% {
		transform: scale(0)
	}
	20% {
		transform: scale(0)
	}
	40% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

@keyframes logo-rotate3 {
	0% {
		transform: scale(0)
	}
	40% {
		transform: scale(0)
	}
	60% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

@keyframes logo-rotate4 {
	0% {
		transform: scale(0)
	}
	60% {
		transform: scale(0)
	}
	80% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

#eg-elements-container-grid .mainul {
	filter: brightness(90%);
}

#eg-elements-container-grid,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filters,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-pagination {
	background: #5d34af !important;
	margin-bottom: 0;
}

#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton {
	padding: 0 15px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 50px
}

#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton:hover {
	color: #fff;
}

#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton.selected {
	background: #6b52b3;
	color: #fff;
}

/*
Ver 2.3.7 - 08.06.2020
*/

/*
NAVIGATION BETWEEN THE DIFFERENT ITEM SKINS IN GRID EDITOR
*/

#eg-selected-skins-wrapper {
	min-height: 360px;
	padding-top: 15px;
}

#eg-selected-skins-default #main_skin_selector_nav_area {
	position: absolute;
	left: -171px;
	top: 17px;
	text-align: center;
	width: 150px;
}

#eg-selected-skins-default #esg-grid-even-1 > div > .esg-filters.esg-singlefilters .esg-filterbutton {
	width: 105px;
	text-align: center;
	margin-right: 0;
	border-radius: 25px;
	color: #fff;
	font-weight: 700;
	background: rgba(0, 0, 0, 0.15);
	padding: 5px 10px;
	margin-bottom: 5px;
	cursor: pointer;
}

#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	background: rgba(0, 0, 0, 0.15);
	line-height: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton:hover,
#eg-selected-skins-default #esg-grid-even-1 > div > .esg-filters.esg-singlefilters .esg-filterbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 > div > .esg-filters.esg-singlefilters .esg-filterbutton:hover {
	background: rgba(255, 255, 255, 0.15);
}

#navigation-skin-css-class-name {
	font-style: italic;
	display: inline-block;
	line-height: 1.5;
}

.esg-simp-row {
	line-height: 30px;
	font-size: 13px;
	color: #444;
	margin-bottom: 15px;
}

#navigation-skin-select {
	max-width: 200px
}

.esg-needattention {
	z-index: 10000;
}

.esg-needattention:after {
	content: "!";
	position: absolute;
	right: -5px;
	top: -5px;
	background: #f7345e;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.esg-needattention_item:after {
	content: "!";
	position: absolute;
	left: -8px;
	top: 50%;
	margin-top: -8px;
	font-size: 12px;
	background: #f7345e;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#nav_skin_preview_wrap {
	position: relative;
	margin-top: 15px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000
}

#nav_skin_preview {
	padding: 15px;
	position: relative;
	background-image: url(../images/trans_tile2.png);
	background-repeat: repeat;
	width: 100%;
	box-sizing: border-box
}

#nav_skin_preview_content {
	position: relative;
	z-index: 100;
}

#nav_skin_preview_colored {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#filter-select-dialog-save {
	position: absolute;
	left: 0;
}


#nav_skin_preview .esg-filter-wrapper {
	visibility: visible !important
}

#post_meta_dialog_update_button,
#create_nav_skin_from_template,
#single_image_addition,
#bulk_image_addition,
#custom_element_edit_close,
#custom_element_edit_save,
#custom_element_edit_save_norefresh,
#add-link-meta,
#add-custom-meta-add,
#filter-select-dialog-save,
#filter-custom-dialog-save,
#filter-select-dialog-close,
#filter-custom-dialog-edit,
#filter-custom-dialog-delete,
#eg_pages_add_selected,
#adv_rules_reset_btn,
#reset_to_nav_skin_button {
	background: #5d34af
}

#reset_to_nav_skin_button {
	position: absolute;
	left: 0;
}

#adv_rules_save_btn,
#save_navigation_skin_button {
	background-color: #00ceab;
	box-shadow: none;
	color: #fff;
}


#adv_rules_disc_btn {
	background: #f7345e;
}

#esg-settings-ajax-settings .mce-toolbar-grp,
#esg-settings-ajax-settings .quicktags-toolbar {
	background: #e2e1e5;
}

#esg-settings-ajax-settings .html-active .switch-html,
#esg-settings-ajax-settings .tmce-active .switch-tmce {
	background: #e2e1e5;
	border: 1px solid #e2e1e5;
}


.esg-pinme {
	position: absolute;
	right: 15px;
	top: 0;
	cursor: pointer;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #000;
	transform-origin: 50% 50%;
	vertical-align: top;
	transform: rotate(90deg);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.pinneable.pinned .esg-pinme {
	transform: rotate(0deg);
}

#eg-wrap .esg-box .esg-box-title .esg-pinme i.material-icons {
	margin: 0;
}

.eg-pbox.esg-box.pinneable {
	position: relative;
	z-index: 100;
	top: auto;
}

.eg-pbox.esg-box.pinneable.pinned:not(.inunpinneablerange) {
	position: fixed;
	z-index: 100000;
	top: 40px;
	margin-left: 3px;
}

.esg-notices-button-container {
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	min-width: 225px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}

.esg-notices-button {
	color: #999;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 400;
}

.esg-notices-button:hover {
	color: #3498DB !important;
}

.esg-notices-button b {
	font-weight: 800;
	vertical-align: bottom;
	line-height: 15px;
	font-size: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: 2px solid #999;
	display: inline-block;
	width: 15px;
	height: 15px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.esg-notices-button:hover b {
	border-color: #3498DB;
}

.esg-update-notice-wrap {
	clear: both;
	display: block;
	position: relative;
	margin: 35px 20px 25px 0;
}

.esg-update-notice-table {
	display: table;
	width: 100%;
}

.esg-update-notice-table-cell {
	vertical-align: middle;
	display: table-cell;
	min-width: 100%;
	padding-right: 15px;
}

.ess-grid-gallery-setting-title-separator {
	z-index: -1;
}

.media-sidebar .setting input[type=text],
.media-sidebar .setting select {
	 width: 55%;
}

.collection-settings .setting span {
	min-width: 105px;
}

.eg-tooltip-wrap-position {
	position: absolute;
	right: 0;
	top: 0;
}
.esg-dropzone-margin-label {
	display: inline-block;
	min-width: 90px;
	text-align: right;
}
.esg-dropzone-spacer {
	width: 100%;
	height: 25px;
	clear: both
}
.esg-meta-box-spacer {
	width: 100%;
	height: 1px;
	display: block;
}
.eg-cobbles-pattern-wrap {
	margin: 15px 0;
}

#eg-ratio-wrapper {
	display: inline-block;
}

.esg-cursor-move {
	cursor: move;
}

.esg-font-size-12 {
	font-size: 12px;
}
.esg-font-size-14 {
	font-size: 14px;
}

.esg-font-w-400 {
	font-weight: 400 !important;
}
.esg-font-w-700 {
	font-weight: 700 !important;
}

.esg-w-100p {
	width: 100% !important;
}
.esg-w-50 {
	width: 50px !important;
}
.esg-w-60 {
	width: 60px !important;
}
.esg-w-70 {
	width: 70px !important;
}
.esg-w-78 {
	width: 78px !important;
}
.esg-w-85 {
	width: 85px !important;
}
.esg-w-100 {
	width: 100px !important;
}
.esg-w-105 {
	width: 105px !important;
}
.esg-w-110 {
	width: 110px !important;
}
.esg-w-120 {
	width: 120px !important;
}
.esg-w-140 {
	width: 140px !important;
}
.esg-w-145 {
	width: 145px !important;
}
.esg-w-150 {
	width: 150px !important;
}
.esg-w-180 {
	width: 180px !important;
}
.esg-w-250 {
	width: 250px !important;
}
.esg-w-260 {
	width: 260px !important;
}
.esg-w-305 {
	width: 305px !important;
}
.esg-w-335 {
	width: 335px !important;
}
.esg-w-350 {
	width: 350px !important;
}
.esg-w-400 {
	width: 400px !important;
}
.esg-w-670 {
	width: 670px !important;
}

/* fix footer in wp-admin on esg pages */
.toplevel_page_essential-grid #wpfooter {
	position: relative;
	bottom: 40px;
}

/* new counters */
.esg-new-templates-counter,
.esg-new-addons-counter {
	display: none;
	overflow: hidden;
	z-index:20;
	position: absolute;
	top: -12px;
	right:-3px;
	line-height: 25px; 
	height: 25px; 
	width: 25px; 
	color: #fff; 
	background: #f53d69; 
	font-weight: 400; 
	font-size: 10px; 
	border-radius: 25px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
}

/* fix missing addons dialog */
.esg-missing-addons-dialog-open {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	opacity: 1;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.esg-missing-addons-dialog-open .ui-dialog-titlebar {
	background: transparent;
	border: none;
}
.esg-missing-addons-dialog-open .ui-dialog-titlebar-close {
	top: 17px;
	right: 17px;
	color: #050505;
}
.esg-missing-addons-dialog-open .ui-dialog-titlebar-close:before {
	font-size: 40px;
	line-height: 1;
	content: "\f335";
}
.esg-missing-addons-dialog-open .ui-button.ui-dialog-titlebar-close:focus {
	box-shadow: none;
	outline: none;
}
.esg-missing-addons-dialog-open .ui-button.ui-dialog-titlebar-close:focus,
.esg-missing-addons-dialog-open .ui-button.ui-dialog-titlebar-close:hover {
	color: #000;
}

#esg-missing-addons-dialog {}
.esg-missing-addons-title-wrapper {}
.esg-missing-addons-title-wrapper .oppps-icon {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	background: url(../images/oops/oopps_blue.png);
}
.esg-missing-addons-title {
	width: 420px;
	margin: 40px auto 0;
	font: normal normal bold 28px/37px Roboto;
	letter-spacing: 0px;
	color: #272727;
	text-align: center;
}
.esg-missing-addons-desc {
	margin-top: 20px;
	font: normal normal 16px/21px Roboto;
	letter-spacing: 0px;
	color: #606060;
	text-align: center;
}

#esg-missing-addons-content {}
.esg-missing-addons-content-block {
	width: 620px;
	margin: 40px auto 0;
}
.esg-missing-addons-content-block .esg-missing-addons-list {
	position: relative;
	max-height: 210px;
}
.esg-missing-addons-content-block ul {
	margin-top: 0;
	margin-bottom: 0;
}
.esg-missing-addons-content-block ul li {
	height: 62px;
	margin-bottom: 5px;
	background: #FFFFFF;
	box-shadow: 0px 2px 5px #00000015;
	text-align: left;
	font: 18px/62px Roboto;
	font-weight: 500;
	letter-spacing: 0px;
	color: #272727;
}
.esg-missing-addons-content-block ul li span {
	margin-left: 24px;
}
.esg-missing-addons-content-block ul li a {
	float: right;
	margin: 6px 6px 0 0;
	width: 76px;
	height: 50px;
	background: #D5D5D5;
	border-radius: 5px;
	font: 16px/50px Roboto;
	letter-spacing: 0px;
	color: #272727;
	text-decoration: none;
	text-align: center;
}
.esg-missing-addons-content-block ul li a:hover {
	background: #a5a5a5;
	color: #000;
}

.esg-missing-addons-btn-block {
	margin: 40px 0;
	text-align: center;
}
.esg-missing-addons-btn-block .esg-missing-addons-desc {
	width: 320px;
	margin: 0 auto;
}
.esg-missing-addons-fix {
	display: inline-block;
	margin: 40px auto 0;
	padding: 0 30px;
	border-radius: 5px;
	background: #009aee;
	font: normal normal normal 16px/50px Roboto;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.esg-missing-addons-fix:hover,
.esg-missing-addons-fix:active,
.esg-missing-addons-fix:focus {
	background: #2980b9;
	color: #fff;
}

/* Scrolling tabs START */
.esg-scroll-tabs-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 58px;
	background: #E2E1E5;
}
.esg-scroll-tabs-wrapper ul {
	transition: right 0.2s ease-out;
}
.esg-scroll-tab-arrow {
	position: absolute;
	top: 14px;
	z-index: 100;
	width: 30px;
	height: 30px;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	background-color: #22c8e5;
}
.esg-scroll-tab-arrow-left {
	left: -30px;
	border-radius: 0 15px 15px 0;
	transition: left 0.2s ease-out;
}
.esg-scroll-tabs-wrapper:hover .esg-scroll-tab-arrow-left {
	left: 0;
}
.esg-scroll-tab-arrow-right {
	right: -30px;
	border-radius: 15px 0 0 15px;
	transition: right 0.2s ease-out;
}
.esg-scroll-tabs-wrapper:hover .esg-scroll-tab-arrow-right {
	right: 0;
}
.esg-scroll-tab-arrow,
.esg-scroll-tab-arrow i,
#eg-global-settings-menu .esg-scroll-tab-arrow i, 
#eg-create-settings-menu .esg-scroll-tab-arrow i {
	margin: 0;
	line-height: 30px;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	color: #fff;
}

/* Scrolling tabs END */

/* Grid Edit Tip START */

.grid-tip-container {
	position: relative;
}
.grid-tip-logo-wrapper {
	background: #ed4949;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	/*animation-name: esg-logo-zoom;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-fill-mode: forwards;*/
}
.grid-tip-logo {
	width: 18px;
	height: 18px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	transform: perspective(45px) rotateY(40deg);
	-webkit-transform: perspective(45px) rotateY(40deg);
	-moz-transform: perspective(45px) rotateY(40deg);
	-ms-transform: perspective(45px) rotateY(40deg);
	-o-transform: perspective(45px) rotateY(40deg);
	animation-name: esg-logo-rotate;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}

.grid-tip-logo div {
	background-color: #fff;
	width: 44%;
	height: 44%;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

@keyframes esg-logo-rotate {
	0% {
		transform: perspective(45px) rotateY(40deg);
		-webkit-transform: perspective(45px) rotateY(40deg);
		-moz-transform: perspective(45px) rotateY(40deg);
		-ms-transform: perspective(45px) rotateY(40deg);
		-o-transform: perspective(45px) rotateY(40deg);
	}
	50% {
		transform: perspective(45px) rotateY(-40deg);
		-webkit-transform: perspective(45px) rotateY(-40deg);
		-moz-transform: perspective(45px) rotateY(-40deg);
		-ms-transform: perspective(45px) rotateY(-40deg);
		-o-transform: perspective(45px) rotateY(-40deg);
	}
	100% {
		transform: perspective(45px) rotateY(40deg);
		-webkit-transform: perspective(45px) rotateY(40deg);
		-moz-transform: perspective(45px) rotateY(40deg);
		-ms-transform: perspective(45px) rotateY(40deg);
		-o-transform: perspective(45px) rotateY(40deg);
	}
}

@keyframes esg-logo-zoom {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
	}
	25% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
	}
	75% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
	}
}

.grid-tip-wrapper {
	width: 400px;
	margin: 0 auto;
	background: #e2e2e3;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	position: absolute;
	z-index: 100;
}
.grid-tip-wrapper:before {
	content: "";
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	background: #f2f2f3;
	position: absolute;
	z-index: 0;
}
.grid-tip-wrapper.arrow-top {
	top: 75px;
	left: -3px;
}
.grid-tip-wrapper.arrow-top:before {
	left: 30px;
	top: -8px;
}
.grid-tip-wrapper.arrow-right:before {
	top: calc(50% - 10px);
	right: -8px;
}
.grid-tip-wrapper.arrow-bottom:before {
	left: calc(50% - 10px);
	bottom: -8px;
}
.grid-tip-wrapper.arrow-left {
	top: 20px;
	left: 70px;
}
.grid-tip-wrapper.arrow-left:before {
	top: 16px;
	left: -8px;
}

.grid-tip {}
.grid-tip-header {
	position: relative;
	overflow: hidden;
	padding: 0px 20px;
	line-height: 50px;
	background: #f2f2f3;
	color: #464646;
	white-space: nowrap;
	border-radius: 20px 20px 0 0;
	font-size: 20px; 
	font-weight: 900;
}
#eg-wrap .grid-tip-header .material-icons.tip {
	width: 30px;
	border-radius: 25px;
	background: white;
	text-align: center;
	margin-top: 10px;
}
#eg-wrap .grid-tip-header .grid-tip-close {
	position: absolute;
	right: 20px;
	font-size: 25px;
	line-height: 50px;
	cursor: pointer;
}
.grid-tip-content {
	padding: 20px;
	font-size: 14px;
}

/* Grid Edit Tip END */

/* RTL MODE START */
.rtl {}
.rtl #eg-wrap {
	padding: 0 0 0 35px;
}
.rtl #eg-wrap h2.topheader {
	padding: 0 240px 0 20px;
}
.rtl #eg-wrap h2.topheader:before {
	left: auto;
	right: 20px;
}

.rtl .esg_dialog input[type=radio],
.rtl #eg-wrap input[type=radio] {
	margin: -2px 0 0 8px;
}
.rtl #eg-wrap input[type=checkbox] {
	margin: 6px 0 0 10px;
}

.rtl #eg-wrap .esg-btn-big i.material-icons {
	margin-right: 0;
	margin-left: 5px;
}
.rtl .esg-btn,
.rtl .esg_dialog button.ui-button,
.rtl #eg-wrap .button.insert-media.add_media {
	margin-right: 0;
	margin-left: 5px;
}
.rtl .esg-btn i {
	margin-right: 0;
	margin-left: 5px;
}

.rtl #eg-global-settings-menu, 
.rtl #eg-create-settings-menu {
	padding-left: 0;
	padding-right: 150px;
}

.rtl #eg-global-settings-menu i, .rtl #eg-create-settings-menu i {
	margin: 0 0 0 5px;
}
.rtl .esg-item-skin-form-wrapper {
	margin-right: 0;
	margin-left: 15px;
}
.rtl #eg-wrap .esg-box .esg-box-title i.material-icons {
	margin-left: 10px;
	margin-right: 0;
}
.rtl .eg-submenu li i, .eg-lc-vertical-menu i {
	margin-left: 5px;
	margin-right: 0;
}
.rtl .esg-pinme {
	left: 15px;
	right: auto;
}
.rtl .eg-special {
	right: auto;
	left: 15px;
}
.rtl .eg-special .skin-dz-elements.eg-special-element-margin {
	margin-left: 0;
	margin-right: 15px;
}
.rtl #eg-wrap .eg-item-skin-overview-name {
	padding-left: 0;
	padding-right: 10px;
}
.rtl .eg-ov-1 {
	right: auto;
	left: 90px;
}
.rtl .eg-ov-2 {
	right: auto;
	left: 60px;
}
.rtl .eg-ov-3 {
	right: auto;
	left: 30px;
}
.rtl .eg-ov-4 {
	right: auto;
	left: 0px;
}
.rtl .esg-el-settings-container {
	left: auto;
	right: 95px;
}
.rtl .drop-to-stylechange {
	left: 5px;
	right: auto;
}
.rtl .esg-radio-overwrite {
	display: inline-block;
}

.rtl .eg-option-tabber-wrapper span.dashicons {
	margin-right: 0;
	margin-left: 10px;
}
.rtl .esg-msow-inner-container {
	margin-right: 0;
	margin-left: 15px;
}
.rtl .eg-media-source-order input[type="checkbox"],
.rtl .eg-media-source-order input[type="radio"] {
	float: left;
}
.rtl .eg-addnewitem-element-5 {
	margin: 0 10px 0 5px !important;
}
.rtl .eg-addnewitem-element-6 {
	margin: 0 5px 0 10px !important;
}
.rtl span.eg-tooltip-wrap {
	display: inline-block;
}
.rtl .esg-adv-row-actions {
	left: auto;
	right: 100%;
}
.rtl .eg-navigation-cons-wrapper {
	text-align: right;
}
.rtl .eg-navigation-cons {
	margin-right: 0;
	margin-left: 5px;
}
.rtl #eg-navigations-drag-wrap {
	margin-right: 0;
	margin-left: 15px;
}
.rtl #eg-external-drag-wrap {
	margin-right: 15px;
	margin-left: 0;
}
.rtl #eg-external-drag-wrap .eg-navigation-drop-inner .eg-navigation-cons {
	padding: 0 10px 0 0 !important; 
	text-align: right !important;
}
.rtl #eg-wrap #eg-selected-skins-wrapper .eg-edit-skin-button {
	right: auto;
	left: 0;
}
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton,
.rtl #nav_skin_preview_content.simple-light input.eg-search-input,
.rtl #nav_skin_preview_content.simple-light .esg-filterbutton,
.rtl #nav_skin_preview_content.simple-light .esg-navigationbutton,
.rtl #nav_skin_preview_content.simple-light .esg-sortbutton,
.rtl #nav_skin_preview_content.simple-light .esg-cartbutton,
.rtl #nav_skin_preview_content.simple-light .esg-sortbutton-order,
.rtl #nav_skin_preview_content.simple-light .esg-cartbutton-order,
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.eg-search-wrapper .eg-search-clean,
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.eg-search-wrapper .eg-search-submit .rtl .eg-navigation-cons {
	margin-right: 0;
	margin-left: 5px;
}
.rtl #reset_to_nav_skin_button {
	left: auto;
	right: 0;
	margin-right: 16px;
}
.rtl #eg-selected-skins-default #main_skin_selector_nav_area {
	left: auto;
	right: -164px;
}
.rtl #eg-wrap select.esg-lighbox-effect-select {
	margin-right: 0;
	margin-left: 20px;
}
.rtl .esg-prewrap {
	margin-left: 0;
	margin-right: -170px;
}

.rtl .eg-filter-sc {
	right: auto;
	left: 5px;
	padding-left: 0;
	padding-right: 5px;
}
.rtl .eg-filter-sc input {
	margin-right: 0;
	margin-left: 5px;
}

.rtl .eg-cs-tbc {
	padding: 13px 190px 13px 20px;
}
.rtl .eg-cs-tbc-padding {
	padding-right: 15px;
}
.rtl .esg-box .eg-cs-tbc label {
	margin-left: 0;
	margin-right: -170px;
}

.rtl .ui-dialog {
	right: auto;
}
.rtl .esg_dialog .ui-dialog-title {
	padding: 0 140px 0 15px
}
.rtl .esg_dialog .ui-dialog-titlebar.ui-widget-header {
	background-position: right 10px top 14px;
}
.rtl .esg_dialog button.ui-button.ui-dialog-titlebar-close {
	left: 0;
	right: auto;
}

.rtl .esg-btn.esg-help-button {
	left: 20px;
	right: auto;
}
.rtl #search_and_amount {
	left: 0;
	right: auto;
}
.rtl #ess-pagination-form {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}
.rtl .esg_info_box {
	padding: 30px 80px 30px 30px;
}
.rtl .esg_info_box .esg-btn {
	margin-left: 0;
	margin-right: 15px;
}
.rtl .esg_info_box_decor {
	left: auto;
	right: 0;
}
.rtl #why-subscribe-wrapper li {
	margin-left: 0;
	margin-right: 20px;
}

.rtl #esg-libary-wrapper {
	text-align: right;
}
.rtl .esg-lib-col-left {
	left: auto;
	right: 0;
}
.rtl .esg-lib-col-right {
	padding: 0 310px 50px 0;
}
.rtl .esg-lib-logo {
	margin: 35px 35px 45px 0;
}
.rtl .esg-lib-filters {
	margin: 0 35px 25px 0;
}
.rtl .esg-lib-toolbar {
	margin: 35px 0 0 35px;
}
.rtl .esg-lib-search-wrapper {
	float: right; 
}
.rtl .esg-lib-toolbar .esg-lib-toolbar-actions {
	float: left;
}
.rtl .esg-lib-toolbar .esg-lib-toolbar-actions > div {
	float: left;
	margin: 0 60px 0 0;
}
.rtl .esg-lib-toolbar .esg-lib-toolbar-actions .esg-reload-shop {
	margin: 0 84px 0 0;
}
.rtl #eg-wrap .esg-lib-toolbar .esg-lib-favorite .material-icons {
	margin-right: 0;
	margin-left: 8px;
}
.rtl .esg_group_wrappers .library_new {
	right: auto;
	left: 0;
}
.rtl #esg-libary-wrapper .library_thumb_title a {
	float: left;
}

.rtl .esg-new-templates-counter, 
.rtl .esg-new-addons-counter {
	right: auto;
	left: -3px;
}

.rtl .esg-f-left {
	float: right !important;
}
.rtl .esg-f-right {
	float: left !important;
}

.rtl .esg-margin-r-5 {
	margin-left: 5px;
	margin-right: 0;
}
.rtl .esg-margin-l-5 {
	margin-left: 0;
	margin-right: 5px;
}

.rtl .esg-margin-r-10 {
	margin-left: 10px;
	margin-right: 0;
}
.rtl .esg-margin-l-10 {
	margin-left: 0;
	margin-right: 10px;
}

.rtl .esg-padding-l-15 {
	padding-left: 0;
	padding-right: 15px;
}
.rtl .esg-padding-r-15 {
	padding-left: 15px;
	padding-right: 0;
}

.rtl .esg-text-left {
	text-align: right;
}
.rtl .esg-text-right {
	text-align: left;
}

/* RTL MODE END */
