/*-----------------------------------------------------------------------------------*/
/*	Import styles
/*-----------------------------------------------------------------------------------*/
@import url("./prettyPhoto/css/prettyPhoto.css");
@import url("./flexslider/flexslider.css");


/* fixed problem with hover image in firefox */
#portfolio-wrap .content-img	img			{box-shadow: #000 0em 0em 0em;}



/* set max-width for images */
#portfolio-wrap img	{max-width:100%;}

#portfolio-wrap .align-left		{float:left;
								margin:0 15px 0 0;}

#portfolio-wrap .align-right	{float:right;
								margin:0 0 0 15px;}









/*-----------------------------------------------------------------------------------*/
/*	General styles
/*-----------------------------------------------------------------------------------*/
/* clear div */
#portfolio-wrap .clear					{clear: both;
										display: block;
										overflow: hidden;
										visibility: hidden;
										width: 0;
										height: 0;}


/* remove border form image */
#portfolio-wrap a img					{border:0;}





/* portfolio item list */
#portfolio-wrap .portfolio-item-list	{}
#portfolio-wrap li.portfolio-item		{list-style:none;}	

#portfolio-wrap li.custom-col			{margin:0;}


/*-----------------------------------------------------------------------------------*/
/*	Thumbnails
/*-----------------------------------------------------------------------------------*/
/* thumbnail mask div */
#portfolio-wrap .content-img		{height:auto;
									position:relative;
									overflow:hidden;}


#portfolio-wrap .content-img a		{}


#portfolio-wrap .content-img a:hover	{}



/* zoom icons */
#portfolio-wrap .content-img .zoom-image,
#portfolio-wrap .content-img .zoom-video,
#portfolio-wrap .content-img .zoom-post			{background-color:#000;
												background-repeat:no-repeat;
												background-position:center center;}










/*-----------------------------------------------------------------------------------*/
/*	Portfolio ---> skills page
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap .skill-item,
#portfolio-wrap .skill-item-media,
#portfolio-wrap .skill-item-details		{float:left;}









/*-----------------------------------------------------------------------------------*/
/*	Portfolio ---> projects page
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap				{width: 100%;
							max-width:100%;
							margin: 0 auto;}




/* portfolio filter navigation */
#portfolio-filter-nav ul				{}

#portfolio-filter-nav ul li				{list-style:none;
										float:left;
										margin:0 10px 25px 0;}




/* portfolio item ---> normal view */
#portfolio-wrap .portfolio-item					{float:left;}
#portfolio-wrap .portfolio-item-inner			{overflow:hidden;
												position:relative;
												width:100%;}


/* skill list */
#portfolio-wrap .skill-list				{margin:0;
										padding:0;}
				
#portfolio-wrap .skill-list li			{list-style:none;
										margin:0;
										display:inline;}





/* media and details container */
#portfolio-wrap .portfolio-item-media,
#portfolio-wrap .portfolio-item-details	{float:left;} 

















/*-----------------------------------------------------------------------------------*/
/*	Portfolio ---> Single Project Page
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap .single-portfolio-item-media,
#portfolio-wrap .single-portfolio-item-deatils					{float:left;}
								
												














/*-----------------------------------------------------------------------------------*/
/*	Related projects carousel
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap .related-items-content	{position:relative;}
#portfolio-wrap .portfolio-nav			{position:absolute;
										top:-22px;
										right:0;}		

#portfolio-wrap .portfolio-nav-inner 	{position:relative;}

#portfolio-wrap .portfolio-nav .prev,
#portfolio-wrap .portfolio-nav .next 	{display:block;
										position:absolute;
										top:0;
										right:22px;
										height:20x;
										width:20px;
										line-height:20px;
										text-align:center;
										background-color:#efefef;
										color:#8a8a8a;
										text-decoration:none;
										-moz-border-radius:3px;
										-webkit-border-radius:3px;
										border-radius:3px;
										transition-duration: 0.1s;
										transition-timing-function: linear;
										transition-delay: 0.1s;
										-webkit-transition-duration: 0.1s;
										-webkit-transition-timing-function: linear;
										-webkit-transition-delay: 0.1s;}

#portfolio-wrap .portfolio-nav .next 	{background-position:-72px center;
										right:0;}


#portfolio-wrap .portfolio-nav .prev:hover,
#portfolio-wrap .portfolio-nav .next:hover	{background-color:#3d3d3d;
											color:#fff;
											text-decoration:none;}


#portfolio-wrap .portfolio-nav .pager		{position:absolute;
											right:46px;
											width:300px;										
											display:block;
											text-align:right;}

#portfolio-wrap .portfolio-nav .pager a		{display:inline-block;
											height:7px;
											width:7px;
											background-color:#efefef;
											margin:0 0 0 5px;
											-moz-border-radius:7px;
											-webkit-border-radius:7px;
											border-radius:7px;}
										


										
#portfolio-wrap .portfolio-nav .pager a.selected	{background-color:#3d3d3d;}

#portfolio-wrap .portfolio-nav .pager a span		{display:none;}
















/*-----------------------------------------------------------------------------------*/
/*	Videos
/*-----------------------------------------------------------------------------------*/
/*fluid video wrapper*/
#portfolio-wrap .flexible-video-wrapper				{padding-top:56.2%;
													position:relative;
													width:100%;
													z-index:1;}
													
#portfolio-wrap .flexible-video-wrapper	iframe		{position:absolute;
													height:100%;
													width:100%;
													left:0;
													top:0;
													z-index:1;}