/**
 * @package		Mb2 Content
 * @version		1.3.1
 * @author		Mariusz Boloz (http://marbol2.com)
 * @copyright	Copyright (C) 2013 Mariusz Boloz (http://marbol2.com). All rights reserved
 * @license		GNU/GPL (http://www.gnu.org/copyleft/gpl.html)
**/



/*--------------------------------------------------------------*/



/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ 
@font-face{font-family:'FontAwesome';src:url('font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.mb2content-fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 
.mb2content-fa-folder-open:before {
  content: "\f07c";
}
.mb2content-fa-calendar:before {
  content: "\f073";
}
.mb2content-fa-eye:before {
  content: "\f06e";
}
.mb2content-fa-angle-double-left:before {
  content: "\f100";
}
.mb2content-fa-angle-double-right:before {
  content: "\f101";
}
.mb2content-fa-angle-double-up:before {
  content: "\f102";
}
.mb2content-fa-angle-double-down:before {
  content: "\f103";
}
.mb2content-fa-expand:before {
  content: "\f065";
}
.mb2content-fa-chain:before,
.mb2content-fa-link:before {
  content: "\f0c1";
}


/*--------------------------------------------------------------*/









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




/* Item list */
.mb2-content-item {
	display:block;
	float:left;
	margin-left:0;
	margin-right:0;
-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
   -moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
     -o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
        transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */

-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
   -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
     -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
        transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */
/* easeInOutSine */

}




/* Item blocks (thumbnail and description) */
.mb2-content .mb2-content-item-media,
.mb2-content .mb2-content-item-deatils{
	float:left;
}




/* Left description and right media style */
.mb2-content-item.media-right .mb2-content-item-media {
	float:right;
}









/* Media above layout */
.mb2-content.media-above .mb2-content-item-deatils-inner {
	padding-top:15px;	
}



/* Media-left layout */
.mb2-content.media-left .mb2-content-item-deatils-inner {
	padding-left:15px;	
}



/* Media-right layout */
.mb2-content.media-right .mb2-content-item-deatils-inner {
	padding-right:15px;	
}










/*--------------------------------------------------------------*/
/*	Thumbnails
/*--------------------------------------------------------------*/
.mb2-content img{ 
-webkit-animation:flotte 2s ease-in-out infinite;
/*! -webkit-animation-fill-mode:forwards; */	
/*! -webkit-animation-delay:1s; */	
   /*! -moz-animation:flotte 2s ease-in-out infinite; */
   /*! -moz-animation-fill-mode:forwards; */	
   /*! -moz-animation-delay:1s; */	
	 /*! -o-animation:flotte 2s ease-in-out infinite; */
	 /*! -o-animation-fill-mode:forwards; */ 
	 /*! -o-animation-delay:1s; */	
		/*! animation:flotte 2s ease-in-out infinite; */
		/*! animation-fill-mode:forwards; */ 
		/*! animation-delay:1s; */	
}
@-webkit-keyframes flotte {
	0%   {/*! -webkit-transform:translateY(0px) */}
	50%  {/*! -webkit-transform:translateY(-8px) */}
	100% {/*! -webkit-transform:translateY(0px) */}
}
@-moz-keyframes flotte {
	0%   {/*! -moz-transform:translateY(0px) */}
	50%  {/*! -moz-transform:translateY(-8px) */}
	100% {/*! -moz-transform:translateY(0px) */}
}
@-o-keyframes flotte {
	0%   {-o-transform:translateY(0px)}
	50%  {-o-transform:translateY(-8px)}
	100% {-o-transform:translateY(0px)}
}
@keyframes flotte {
	0%   {/*! transform:translateY(0px) */}
	50%  {transform:translateY(-8px);}
	100% {transform:translateY(0px)}
}

.mb2-content img {
	max-width:100%;
	height: auto;	
}



/* Thumbnail mask div */
.mb2-content .content-img {
	height:auto;
	position:relative;
	overflow:hidden;
	float:left;
}




	
	
/* Thumbnail opacity background */	
.mb2-content .content-img .mark	{
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	opacity:0;
	height:100%!important;
	width:100%!important;
	background:url(../images/transparent-dark-30.png);
}
	
	
	
	
.mb2-content .content-img:hover .mark {
	opacity:1;	
}	
	

	
	

.mb2-content .content-img .mark a {
	display:block;
	margin:0 1px 0 0;
	float:left;
	width:33px;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:#329bd1;
	color:#fff!important;
	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;
	opacity:0.8;
	font-size:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	
	
.mb2-content .content-img .mark a:hover	{
	opacity:1;
}
	
	
	
	
	
/* links div in mark */
.mb2-content .content-img .mark .link {
	width:34px;
	height:34px;
	position:absolute;
	left:50%;
	margin-left:-17px;
	top:50%;
	margin-top:-17px;
}
								
								
								
.mb2-content .content-img .mark .links {
	width:68px;
	height:34px;
	position:absolute;
	left:50%;
	margin-left:-34px;
	top:50%;
	margin-top:-17px;
}








/* Image caption */
.mb2-content .mb2-content-img-caption {
	position:absolute;
	bottom:5px;
	right:0;
	background-color:#329bd1;
	opacity:0.8;
	padding:2px 8px;
	font-size:90%;
	font-style:italic;
	color:#fff;
	margin:0;	
}
	
	
	
	
	



/*--------------------------------------------------------------*/
/*	Item elements
/*--------------------------------------------------------------*/
/* Article list */
.mb2-content-list {
	margin-bottom:0;
}



/* Title */
.mb2-content-item-title	 {
	margin-bottom:10px;
	margin-top:0;
}




/* Description */
.mb2-content-item-desc	{}




/* Readmore button */
.mb2-content-item-readmore	{
	padding-top:10px;
}




/* Item details */
.mb2-content-item-meta	{
	font-size:90%;
	color:#999;
	margin-bottom:10px;
	margin-top:-5px;
}



.mb2-content-item-meta > ul	{
	margin:0;
	padding:0;
}




.mb2-content-item-meta > ul > li {
	display:inline-block;
	list-style:none;
	margin:0 5px 0 0;
}







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



.mb2-content-nav-inner {
	position:relative;
}



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






.mb2-content-nav .prev:hover,
.mb2-content-nav .next:hover {
	color:#fff!important;
	background-color:#329bd1;
}





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



.mb2-content-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-content-nav .pager a.selected {
	background-color:#329bd1;
}


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





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










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


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


/*--------------------------------------------------------------*/
/*	Resposive style
/*--------------------------------------------------------------*/	
@media only screen and (max-width:986px){
	
	
	.mb2-content.no-carousel .mb2-content-item {
		padding-left:10px;	
	
		display:block;
	float:left;
		width:49.422222%!important;
		margin-left:0!important;
		margin-right:0!important;
	}
	
	
	.mb2-content.no-carousel .mb2-content-item-media,
	.mb2-content.no-carousel .mb2-content-item-deatils {
		float:none!important;
		width:100%!important;	
	}
	
	.mb2-content.no-carousel .mb2-content-item-deatils-inner {
		margin-left:0!important;
		margin-right:0!important;
		margin-top:15px;	
	}
		
	
	
}
@media only screen and (max-width:480px){
	
	
	.mb2-content.no-carousel .mb2-content-item {
		
		width:99.22222%!important;
		margin-left:-4.5px!important;
		margin-right:0!important;
	}
	
	
	.mb2-content.no-carousel .mb2-content-item-media,
	.mb2-content.no-carousel .mb2-content-item-deatils {
		float:none!important;
		width:100%!important;	
	}
	
	.mb2-content.no-carousel .mb2-content-item-deatils-inner {
		margin-left:0!important;
		margin-right:0!important;
		margin-top:15px;	
	}	
	
}