/**************************************************************************
 * jquery.themepunch.punchbox.js - CSS Settings
 * @version: 1.0 (05.07.2013)
 * @author ThemePunch
**************************************************************************/

/******************************
	-	BASIC SETTINGS	-
********************************/

#pb-underlay		{	position:fixed; top:0px; left:0px; background:#000;background:rgba(0,0,0,0.8);z-index:10000;width:100%;height:100%}
#pb-wrapper			{	position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10001}

.pb-insidewrapper	{	position:relative;width:100%;height:100%;}

.pb-contentwrapper,
.pb-media,
.pb-oldmedia,
.pb-content,
.pb-oldcontent		{	position:absolute;}

.pb-content,
.pb-oldcontent,
.pb-contentwrapper	{	width:100%;height:100%;}


.pb-media			{	display: none;}

.pb-media img		{	width:100%}
.pb-media iframe 	{	width:100%;height:100%;}

.pb-content img,
.pb-oldcontent img	{	max-width: none;}


.pb-inline-wrapper	{	overflow:scroll; width:100%;height:100%;position: relative}

.pb-inline			{	padding:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:#333;min-height: 100%;max-width:100%;}




/******************************
	-	NAVIGATION	-
********************************/
.pb-leftbutton,
.pb-rightbutton,
.pb-closebutton,
.pb-playbutton						{	background:#000; width:40px;height:40px; position:relative;right:0px;top:0px;text-align:center;}

.pb-leftbutton i,
.pb-rightbutton i,
.pb-closebutton i,
.pb-playbutton i					{	color:#fff;font-size:20px;line-height:40px;vertical-align: middle}

#pb-prev,#pb-next,
#pb-close,#pb-play					{ 	position: absolute;z-index:5;  cursor:pointer; }


#pb-play .pb-onpause				{	display:block}
#pb-play .pb-onplay					{	display:none}

.pb-playeracitve #pb-play .pb-onpause			{	display:none}
.pb-playeracitve #pb-play .pb-onplay			{	display:block}


/* DETTACHED NAVIGATION BUTTONS*/
.pb-dettached .pb-leftbutton		{	margin-top:-20px;}
.pb-dettached .pb-rightbutton		{	margin-top:-20px;}

#pb-prev.pb-dettached				{	right:auto;left:0px;top:50%;}
#pb-next.pb-dettached				{	left:auto;right:0px;top:50%;}
#pb-close.pb-dettached				{	left:auto;right:0;top:0;}
#pb-play.pb-dettached				{	left:auto;right:40px;top:0;}


/* ATTACHED NAVIGATION BUTTONS LEFT TOP*/
pb-navlefttop .pb-leftbutton		{	margin-top:-20px;margin-left:-40px}
pb-navlefttop  .pb-rightbutton		{	margin-top:-20px;}
pb-navlefttop  .pb-closebutton		{	margin-top:-20px;margin-right:-40px}

#pb-prev.pb-navlefttop 				{	right:auto;left:0;top:0;}
#pb-next.pb-navlefttop 				{	right:auto;left:0;top:0;}
#pb-close.pb-navlefttop 			{	right:auto;left:0;top:0;}


/********************************************
	-	HIDE NAVIGATION ON NOT HOVER	-
********************************************/
.pb-media #pb-prev,
.pb-media #pb-next,
.pb-media #pb-close,
.pb-media #pb-play,
.pb-media #pb-timer				{	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									  filter: alpha(opacity=0);
									  -moz-opacity: 0.0;
									  -khtml-opacity: 0.0;
									  opacity: 0.0;
								}

.pb-media:hover #pb-prev,
.pb-media:hover #pb-next,
.pb-media:hover #pb-close,
.pb-media:hover #pb-play,
.pb-media:hover #pb-timer		{	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									 	filter: alpha(opacity=100);
										  -moz-opacity: 1;
										  -khtml-opacity: 1;
										  opacity: 1;

										}


/******************************
	-	META INFOS	-
********************************/
.pb-metawrapper {
					width: 100%;
					padding: 20px;
					padding-right:150px;
					background: rgba(0,0,0,0.5);
					box-sizing: border-box;
					-moz-box-sizing:border-box;
					position: absolute;
					bottom: 0px;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: 0.0;
					-khtml-opacity: 0.0;
					opacity: 0.0;
					-webkit-transition: all 0.2s ease-out; 
					-moz-transition: all 0.2s ease-out; 
					-o-transition: all 0.2s ease-out; 
					-ms-transition: all 0.2s ease-out; 
					
}


.pb-onanim .pb-metawrapper,
.pb-media:hover .pb-metawrapper	{	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1; }


.pb-metawrapper .pb-title	{	font-size:15px; line-height:19px; color:#fff; font-weight:800;margin-bottom:10px;}
.pb-metawrapper .pb-metadata{	font-size:13px; line-height:24px; color:#fff; font-weight:400}
.pb-metawrapper .pb-order	{	position: absolute;right:20px;bottom:15px;line-height:25px;color:rgba(255,255,255,0.5);font-size:12px;font-weight: 400; text-transform: uppercase;}


/******************************
	-	PRELOADER	-
********************************/
#pb-preloader	{	background:#000 url(../assets/preloader.gif) center no-repeat; padding:20px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:fixed;left:50%;top:50%;margin-left:-20px;margin-right:-20px;z-index:10100}
#pb-timer		{	position:absolute; height:5px;background:#fff;background:rgba(255,255,255,0.3);top:0px;left:0px;z-index:100;}