/*-----------------------------------------------------------------------------

	-	esg Portfolio -

Screen Stylesheet

author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/****************************************
	-	BASIC SETTINGS FOR PORTFOLIO-
*****************************************/

.esg-starring	{	line-height:25px;display: inline-block}
.esg-starring .star-rating{	float: none; }

.esg-starring .star-rating {
color: #FFC321 !important;
}

.esg-starring .star-rating, .esg-starring-page .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.4em;
font-family: star;
}

.esg-starring .star-rating:before, .esg-starring-page .star-rating:before {
content: "\73\73\73\73\73";
color: #E0DADF;
float: left;
top: 0;
left: 0;
position: absolute;
}

.esg-starring star-rating span,
.esg-starring .star-rating span {
									overflow: hidden;
									float: left;
									top: 0;
									left: 0;
									position: absolute;
									padding-top: 1.5em;
									}

.esg-starring .star-rating span:before,
.esg-starring .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}

.esg-starring .star-rating {
color: #FFC321 !important;
}

.lazyloadcover { position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%; }

.esg-lazyblur {
	background-repeat: no-repeat;
  	filter: blur(25px);
  	-webkit-filter:blur(25px);
  	-moz-filter:blur(25px);
  	background-size:cover;background-position:center center; 
  	width:100%;
  	height:100%;
  	top:0;
  	left:0;
  	overflow: hidden; 	
}

.esg-media-poster {	width:100%;height:100%;position:absolute; top:0px; left:0px; background-size:cover; background-position: center center;z-index:10;opacity:0;}

/* 2.1.6 */
.esg-hover-image {display: none}
.esg-media-poster .esg-hover-image {display: block; width: inherit; height: inherit; background-size: inherit; background-position: inherit; visibility: hidden; opacity: 0}

.esg-starring .star-rating, .esg-starring-page .star-rating {
line-height: 1em;
font-size: 1em;
font-family: star;
}

.esg-grid	{	width:100%;max-width:100%; font-family: 'Open Sans', sans-serif; -webkit-backface-visibility: hidden; backface-visibility:hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px)}
@-moz-document url-prefix() {
  .esg-grid  { transform: none !important}
}

.esg-grid .mainul,
.esg-grid .mainul>li { list-style: none;
	margin:0;
	padding:0;
	transform-style: flat !important;}



.esg-grid * { -webkit-font-smoothing:antialiased; font-smoothing: antialiased;}
.esg-container ul,
.esg-container li {
	list-style: none;
	margin:0;
	padding:0;
	transform-style: flat !important;

}

.esg-overflowtrick	{	position: relative; width:100%; height:auto;
						overflow:hidden;
						padding:0px; box-sizing:border-box;
						-moz-box-sizing:border-box;
						-webkit-box-sizing:border-box;

						z-index:1;
						/*background:#00ff00;*/
					}

.esg-container	{
		position:relative;
		width:100%;
		height:auto;

}

.esg-container >ul,
.esg-overflowtrick >ul {
	width:100%;
	max-width:100%;
	height:0px;
/*	display:none;*/
	position: relative;
	overflow: visible;
/*	background:#ff0000;
	padding:30px;
	margin:-30px;*/
}

.esg-grid li {
		 border: 0px solid transparent;
         outline: 0px solid transparent;
         visibility: hidden;
         display: none;
	/*	 -moz-backface-visibility: hidden;*/

}

.esg-grid a { border:none; text-decoration: none}
.esg-grid a:hover,
.esg-grid a:focus { text-decoration: none; border:none; }
.esg-clear				{	clear:both; height:5px !important; background: none !important; }
.esg-clear-no-height,
.eg-clearfix			{	clear:both; height:0px !important; background: none !important; }


.esg-divide-5	{	width:100%;height:5px}
.esg-divide-15	{	width:100%;height:15px}
.esg-divide-20	{	width:100%;height:20px}
.esg-divide-22	{	width:100%;height:22px}
.esg-divide-30	{	width:100%;height:30px}

.esg-click-to-play-video	{	cursor: pointer}

.esg-entry-media iframe		{	-webkit-transform-style: flat;
								-webkit-transform: translateZ(1000px);
								border: 0;
							}


/******************************
	-	THE ESG ITEMS	-
********************************/

.esg-container .tp-esg-item					{ 	position:absolute; top:0px;left:0px; }


.esg-container .tp-esg-item					{	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.esg-container .tp-esg-item .blackoverlay	{	width:100%;height:100%;position: absolute;background:#000; top:0px;left:0px;}



.tp-esg-item					{	z-index:5 }
.tp-esg-item.itemonotherpage	{	z-index:0; display:none;}


/******************************
	-	ESG ITEM POSITIONS	-
********************************/

.esg-entry-cover		{	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
							width:100%;height:100%;position:absolute;top:0px;left:0px;overflow: hidden;
							border: 0px solid transparent;
							outline: 0px solid transparent;
						}

.eec					{	display:block; width:auto; height:auto;position:absolute !important;  font-size:20px;text-align:center; }

/* CONTAINERS */
.esg-tc 			{	top:0px; left:0px; width:100%;}
.esg-lc 			{	top:0px;left:0px; height:100%;}
.esg-cc 			{	top:0px;left:0px; width:100%; vertical-align: middle;}
.esg-rc 			{	top:0px;right:0px; height:100%;}
.esg-bc 			{	bottom:0px;left:0px; width:100%;}


/* TOP CONTAINERS */

.esg-tc .ess-tb-cell			{	text-align:center; vertical-align: top; }


/* CENTER CONTAINERS */
.esg-lc .ess-tb-cell			{	text-align:left; vertical-align: middle;}
.esg-cc .ess-tb-cell			{	}
.esg-rc .ess-tb-cell			{	text-align:right; vertical-align: middle;}

/* RIGHT CONTAINERS */
.esg-blc .ess-tb-cell			{	text-align:left; vertical-align: bottom;}
.esg-bc .ess-tb-cell			{	text-align:center; vertical-align: bottom;}
.esg-brc .ess-tb-cell			{	text-align:right; vertical-align: bottom;}

.esg-bc .leftalign	{	text-align:left;}


/******************************
	-	ESG MEDIA	-
********************************/

.esg-entry-media							{	position:relative; border: 0px solid transparent;outline: 0px solid transparent;overflow: hidden;
											}

.esg-entry-media							{	width:100%;}
.esg-entry-media img						{	width:100%; height:auto; max-width:none !important; min-width:none !important}

.esg-layout-masonry .esg-entry-media img	{
	line-height: 0px;
	vertical-align: bottom;
	display: inline-block;

}


/*.esg-layout-even .esg-entry-media,
.esg-layout-even .esg-entry-media img		{	height:100%;}*/


.esg-layout-even .esg-entry-media img		{	display:none}


.esg-media-cover-wrapper					{	position: relative; width:100%;}
.esg-layout-even .esg-media-cover-wrapper	{	height:100%;}

.esg-entry-media-wrapper					{	z-index: 0; }
.esg-entry-media-wrapper .esg-video-frame	{ 	background: #000;}


/**********************************
	-	ESG COVER CONTAINER	-
**********************************/


.esg-entry-cover .esg-overlay						{	position: absolute; top:0px;left:0px; width:100%; height:100%; border: 0px solid transparent;
         												outline: 0px solid transparent;}
/******************************
	-	ESG CONTNER PART	-
********************************/


.esg-layout-even .esg-entry-content					{	display:none; }


.esg-entry-content									{
														box-sizing:border-box;
														-moz-box-sizing:border-box;
														-webkit-box-sizing:border-box;
														-webkit-backface-visibility: hidden;

													}



/******************************
	-	NAVIGATION SKINS	-
********************************/

.navigationbuttons,
.esg-pagination,
.esg-filters	{	position: relative; z-index:50; -webkit-backface-visibility:hidden;}

.esg-sortbutton-order.eg-icon-down-open.tp-asc { text-align: center}
.esg-sortbutton-order .tp-desc	{	text-align: center}

/******************************
	-	FILTER BUTTONS 	-
	-	NAVIGATION BUTTONS	-
********************************/

.esg-singlefilters .esg-filter-checked	{	display: none; -webkit-backface-visibility:hidden;}

.esg-filter-wrapper		{	 display:inline-block; }
.esg-sortbutton-wrapper	{	 display:inline-block; }
.esg-cartbutton-wrapper	{	 display:inline-block  }

/* DROP DOWN STYLE FOR ESSENTIAL GRID */
.esg-filter-wrapper.dropdownstyle					{	min-width:100px;cursor: pointer; position: relative; z-index:1500; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(1px);transform:translateZ(1px)}
.esg-filter-wrapper.dropdownstyle .esg-filterbutton	{	display:block;}
.esg-dropdown-wrapper								{	display:none; position: absolute; background:#fff; padding:20px;top:100%; -webkit-backface-visibility: hidden;
-webkit-transform: translateZ(10px);}

.esg-selected-filterbutton							{	color: #999;
														margin-right: 5px;
														cursor: pointer;
														padding: 0px 15px 0px 10px;
														line-height: 20px;
														font-size: 12px;
														font-weight: 600;
														font-family: "Open Sans",sans-serif;
														display: inline-block;
														background: rgba(0, 0, 0, 0);
														margin-bottom: 5px;
												