
.teaser{
	position:relative;
	transition:all 0.3s ease-in-out;
	padding-bottom:40px;
	margin-bottom:30px;
	font-size:14px;
	background-color:#f7f7f7;
}

.tteaser .teaser{
	padding:0;
	margin:0 !important;
}

.tteaser .teaser > div{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,1);
	padding-bottom:0px;
	text-align:center;
}

.with-sidebar .fteasers .teaser{
	background:#8f9c29;
	color:white;
	padding:15px;
}

.teaser figure{
	
}
.fteasers{
	font-size:16px;
	transition:all 0.3s ease-in-out;
	background-color:#e0ddd6;
	
}

.fteasers h2{
	color:#000;
	/*font-family:"DIN Next W01 Medium";*/
	margin-bottom:40px;
}
.fteasers figure{
	border:0 !important;
	
}

.fteasers figure img{
	width:100%;
}

.fteasers .thover{
	opacity:0;
	transition: all 0.5s ease-in;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(255,255,255,0.92);
	z-index:10;
	color:black;
	display:table;
	height:100%;
	width:100%;
}


.fteasers .teaser:hover .thover{
	opacity:1;
}


.fteasers .teaser .thover p{
	display:table-cell;
	vertical-align:middle;
	color:black;
	padding:15px;
}

.fteasers .teaser{
	background:#efeeee;
	margin-bottom:20px;
	position:relative;
}



.fteasers .teaser > div{
	padding:20px;
}

.teaser:hover{
	/*	-webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);*/
}
.teaser img{
	width:100%;
}
.sidebar .teaser img{
	width:100%;	
}
figure p{

	margin-bottom:0px;
}
.teaser > div{
	text-align:center;
}
.sidebar .teaser > div{
	padding:0;	
}
.teaser .intro{
	padding:10px;
}
.teaser .intro strong{
	font-size:15px;
	color:#999a01;
	display:inline-block;
	margin-bottom:5px;
}
.with-sidebar .intro{
	text-align:left;
}
.teaser small{
	display:block;
	text-transform:uppercase;
	color:#c21a54;
	padding-bottom:7px;	
}
.teaser em{
	display:block;
	text-transform:uppercase;
	color:#666;
	padding-bottom:7px;	
	font-size:smaller;
}
	.teaser em span{
		color:#908580;
		font-weight:600;
	}
.teaser .teaser-link{
	display:block;
	margin-top:20px;
	color:#9fca74 !important;
}
.with-sidebar .teaser .teaser-link{
	display:block;
	position:static;
	margin-top:10px;
	text-align:left;
	color:#8f9c29  !important;
}
.with-sidebar .teaser h3{
	color:white;
	margin-bottom:10px;	
}
.teaser .bottomBtn{
	color:#8f9c29  !important;
	display:block;
	margin-top:20px;
	position:absolute;
	left:0;
	right:0;
	bottom:15px;
}
.teaser .bottomBtn a{
	font-weight:700;
	text-transform:uppercase;
}
.fteasers .teaser-link a{
	display:inline-block;
}

.with-sidebar .fteasers{
	background:none !important;	
}

.with-sidebar .fteasers .teaser-link a{
	display:inline-block;
	position:static;
	text-align:center;
	margin:0 auto;
	color:#fff !important;
	border:1px solid white;
	padding:5px 10px;
}

@media all and (max-width: 767px){
	.teaser{
		margin-bottom:20px;
		position:relative;
		transition:all 0.3s ease-in-out;
		padding-bottom:40px;
		font-size:16px;
		text-align:left;
	}
	
	.tteaser .teaser > div{
		background:rgba(255,255,255,1);
	}
}
