/*-----------------------------------------------------------------------------------*/
/*	General styles
/*-----------------------------------------------------------------------------------*/
.mb2-portfolio-module					{position:relative;}



/* portfolio list */
.mb2-portfolio-module .mb2-portfolio-module-list	{margin:0;
													padding:0;}



/* float portfolio item */
.mb2-portfolio-module .mb2-portfolio-module-item	{list-style:none;
													float:left;
													margin:0;
													padding:0;}




/* skill list */
.mb2-portfolio-module .skill-list	{margin:0;
									padding:0;}


.mb2-portfolio-module .skill-list li	{list-style:none;}





/* float item elements */
.mb2-portfolio-module .mb2-portfolio-module-item-media,
.mb2-portfolio-module .mb2-portfolio-module-item-details	{float:left;}




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


.mb2-portfolio-module .content-img a		{}


.mb2-portfolio-module .content-img a:hover	{}



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

.mb2-portfolio-module .content-img .zoom-image			{background-image:url(../images/thumbnail-zoom-image-white.png);}
.mb2-portfolio-module .content-img .zoom-video			{background-image:url(../images/thumbnail-zoom-video-white.png);}
.mb2-portfolio-module .content-img .zoom-link			{background-image:url(../images/thumbnail-zoom-link-white.png);}
*/





















/*-----------------------------------------------------------------------------------*/
/*	Carousel --> navigation
/*-----------------------------------------------------------------------------------*/
.mb2-portfolio-module-nav			{position:absolute;
									top:-22px;
									right:0;}		

.mb2-portfolio-module-nav-inner 	{position:relative;}

.mb2-portfolio-module-nav .prev,
.mb2-portfolio-module-nav .next 		{display:block;
										position:absolute;
										top:0;
										right:22px;
										height:20x;
										width:20px;
										background-color:#efefef;
										line-height:20px;
										text-align:center;
										color:#8a8a8a;
										-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;}

.mb2-portfolio-module-nav .next 		{right:0;}


.mb2-portfolio-module-nav .prev:hover,
.mb2-portfolio-module-nav .next:hover	{color:#fff;
										background-color:#3d3d3d;}


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

.mb2-portfolio-module-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;}
										


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

.mb2-portfolio-module-nav .pager a span		{display:none;}


.mb2-portfolio-module .caroufredsel_wrapper	{margin:0!important;}




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





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


/* clear div */
.mb2-portfolio-module .clear				{clear: both;
											display: block;
											overflow: hidden;
											visibility: hidden;
											width:0;
											height:0;}