h4{
margin-top: 2px;
color: #CA2025;
font-weight: bold;
font-family: Open Sans,sans-serif;
font-size: 18px;
line-height: 1px;
}
#recentarticle{
display: inline-block; 
width: 31%; vertical-align: top; margin: 3px;

}
@media(max-width: 415px){
   #recentarticle{width: 47%;text-align: center;}
}
#recentarticle a{
text-decoration:none;
font-family: Open Sans,sans-serif;
font-size: 13px;
font-weight: bold;
color:#000;
}
#recentarticle a:hover{
color:#007aff;
}

#recentarticle img{
//padding-bottom: 11px;
width:138px;
height:100px;
border: 1px solid #B8BECB;

}

/* 	:: :::::: :: */
/* 	:: Teaser :: */
/* 	:: :::::: :: */
.teaser {
	position: relative;
	display: inline-block;
	margin-bottom: 3px;
    margin-top: 5px;
}
	.teaser .teaser-img {
		overflow: hidden;
	}
		.teaser .teaser-img img {
			max-width: 100%;
			width:140px;
       height:100px;
		}
	.teaser .teaser-bg {
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		position: absolute;
		background-color: #fff;
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: 1;

		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

		-webkit-backface-visibility: hidden; /*for a smooth font */
	}
	.teaser .teaser-info {
		position: absolute;
		margin: 0 15px;
		left: 0;
		right: 0;
		margin-top: -25px;
		top: 50%;
		z-index: 2;
		color: #282e3a;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-transition: all 0.2s 0.1s ease-in-out;
		-moz-transition: all 0.2s 0.1s ease-in-out;
		-o-transition: all 0.2s 0.1s ease-in-out;
		-ms-transition: all 0.2s 0.1s ease-in-out;
		transition: all 0.2s 0.1s ease-in-out;

		-webkit-backface-visibility: hidden; /*for a smooth font */
	}
		.teaser-info .title > * {
			color: #282e3a;
		}
		.teaser-info .title:last-child {
			margin-bottom: 0;
		}
		.teaser-info .btn + .btn {
			margin-left: 5px
		}


/* From inside */
.teaser.teaser-in .teaser-info {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.teaser.teaser-in .teaser-bg {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* From upside */
.teaser.teaser-out .teaser-info {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.teaser.teaser-out .teaser-bg {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* From up */
.teaser.teaser-up .teaser-info {
	top: 40%;
}
.teaser.teaser-up .teaser-bg {
	top: -10%;
}

/* From right */
.teaser.teaser-right .teaser-info {
	left: 10%;
}
.teaser.teaser-right .teaser-bg {
	left: 10%;
}

/* From down */
.teaser.teaser-down .teaser-info {
	top: 60%;
}
.teaser.teaser-down .teaser-bg {
	top: 10%;
}

/* From left */
.teaser.teaser-left .teaser-info {
	left: -10%;
}
.teaser.teaser-left .teaser-bg {
	left: -10%;
}

/* Hover */
#recentarticle:hover .teaser-bg,
#recentarticle:hover .teaser-info {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	cursor:pointer;
}
#recentarticle:hover .teaser-info {
	top: 50%;
}
#recentarticle:hover .link {
    color: #007aff !important;
	cursor:pointer;
}
#recentarticle:hover .teaser-bg {
	opacity: 0.3;
	filter: alpha(opacity=60);
	top: 0;
}
.link{
	cursor:pointer;
	}




/* 	:: :::::::: :: */
/* 	:: Buttons  :: */
/* 	:: :::::::: :: */
.btn {
	text-shadow: none;
	color: #fff;
	display: inline-block;
	*display: inline;
	text-transform: uppercase;
	position: relative;
	padding: 10px 20px;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	top: 41px;
	
	vertical-align: middle;
	cursor: pointer;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
     opacity:0.6;
	 background:#fff;
	*zoom: 1;

	-webkit-transition: color linear 0.1s, background-color linear 0.1s;
	 -moz-transition: color linear 0.1s, background-color linear 0.1s;
	   -o-transition: color linear 0.1s, background-color linear 0.1s;
	      transition: color linear 0.1s, background-color linear 0.1s;
}
	.btn:hover {
		color: #fff;
		opacity:unset;
	}
	.btn:active {
		color: #fff;
		//top: 1px;
	//	right: -1px;

		-webkit-box-shadow: none;
		box-shadow: none;
	}

/* Type */
.btn.btn-round {
	border-radius: 2000em;
}

/* Size */
.btn.btn-big {
	font-size: 16px;
	padding: 16px 30px;
	font-weight: 600;
}
.btn.btn-small {
	font-size: 12px;
	padding: 5px 15px;
}
.btn.btn-mini {
	font-size: 10px;
	padding: 3px 10px;
}

/* Icons */
.btn[class*="btn-icon-"] {
	padding: 0;
	height:36px;
	width:36px;
	line-height:36px;
	margin: 0;
	color: #fff;
}
.btn.btn-big[class*="btn-icon-"] {
	height: 50px;
	width: 50px;
	line-height: 50px;
}
.btn.btn-small[class*="btn-icon-"] {
	height: 24px;
	width: 24px;
	line-height: 24px;
}
.btn.btn-mini[class*="btn-icon-"] {
	height: 18px;
	width: 18px;
	line-height:18px;
}
.btn[class*="btn-icon-"]:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
}
.btn.btn-icon-newsletter:before {
	font-family: 'icomoon';
	content: "\e604";
}
.btn.btn-icon-search:before {
	font-family: 'FontAwesome';
	content: "\f002";
}
.btn.btn-icon-view:before {
	font-family: 'icomoon';
	content: "\e680";
}
.btn.btn-icon-link:before {
	font-family: 'FontAwesome';
	content: "\f0c1";
	color: black;
}
.btn.btn-icon-prev:before {
	font-family: 'FontAwesome';
	content: "\f104";
}
.btn.btn-icon-next:before {
	font-family: 'FontAwesome';
	content: "\f105";
}
.btn.btn-icon-close:before {
	font-size: 18px;
	font-family: 'FontAwesome';
	content: "\f00d";
}
.btn.btn-icon-user:before {
	font-family: 'icomoon';
	content: "\e670";
}
.btn.btn-icon-top:before {
	font-family: 'FontAwesome';
	content: "\f106";
}

/* Colors */
body .btn.btn-blue {
	color: #fff;
	border-color: #007aff;
	background-color: #007aff;
}
	body .btn.btn-blue:hover {
		color: #fff;
		border-color: #3395ff;
		background-color: #3395ff;
	}
		body .btn.btn-blue:active {
			border-color: #007aff;
		}

body .btn.btn-purple {
	color: #fff;
	border-color: #c643fc;
	background-color: #c643fc;
}
	body .btn.btn-purple:hover {
		color: #fff;
		background-color: #d169fd;
		border-color: #d169fd;
	}
	body .btn.btn-purple:active {
		border-color: #c643fc;
	}

body .btn.btn-brown {
	color: #fff;
	border-color: #765747;
	background-color: #765747;
}
	body .btn.btn-brown:hover {
		color: #fff;
		background-color: #91796c;
		border-color: #91796c;
	}
	body .btn.btn-brown:active {
		border-color: #765747;
	}

body .btn.btn-dark {
	color: #fff;
	border-color: #282e3a;
	background-color: #282e3a;
}
	body .btn.btn-dark:hover {
		color: #fff;
		background-color: #535861;
		border-color: #535861;
	}
	body .btn.btn-dark:active {
		border-color: #282e3a;
	}

body .btn.btn-pink {
	color: #fff;
	border-color: #ff2d55;
	background-color: #ff2d55;
}
	body .btn.btn-pink:hover {
		color: #fff;
		background-color: #ff5777;
		border-color: #ff5777;
	}
	body .btn.btn-pink:active {
		border-color: #ff2d55;
	}

body .btn.btn-teal {
	color: #fff;
	border-color: #34aadc;
	background-color: #34aadc;
}
	body .btn.btn-teal:hover {
		color: #fff;
		background-color: #5dbbe3;
		border-color: #5dbbe3;
	}
	body .btn.btn-teal:active {
		border-color: #34aadc;
	}

body .btn.btn-green {
	color: #fff;
	border-color: #00B74C;
	background-color: #00B74C;
}
	body .btn.btn-green:hover {
		color: #fff;
		background-color: #33c570;
		border-color: #33c570;
	}
	body .btn.btn-green:active {
		border-color: #00B74C;
	}

body .btn.btn-yellow {
	color: #7E490F;
	border-color: #ffcc00;
	background-color: #ffcc00;
}
	body .btn.btn-yellow:hover {
		color: #7E490F;
		background-color: #ffd633;
		border-color: #ffd633;
	}
	body .btn.btn-yellow:active {
		border-color: #ffcc00;
	}

body .btn.btn-orange {
	color: #fff;
	border-color: #ff5d00;
	background-color: #ff5d00;
}
	body .btn.btn-orange:hover {
		color: #fff;
		background-color: #ff7d33;
		border-color: #ff7d33;
	}
	body .btn.btn-orange:active {
		border-color: #ff5d00;
	}

body .btn.btn-light {
	color: #282e3a;
	border-color: #f9f9f9;
	background-color: #f9f9f9;
}
	body .btn.btn-light:hover {
		color: #282e3a;
		background-color: #fff;
		border-color: #fff;
	}
	body .btn.btn-light:active {
		border-color: #f9f9f9;
	}

body .btn.btn-red {
	color: #fff;
	border-color: #ff3b30;
	background-color: #ff3b30;
}
	body .btn.btn-red:hover {
		color: #fff;
		background-color: #ff6259;
		border-color: #ff6259;
	}
	body .btn.btn-red:active {
		border-color: #ff3b30;
	}

body .btn.btn-white {
	color: #282e3a;
	border-color: #fff;
	background-color: #fff;
}
	body .btn.btn-white:hover {
		color: #282e3a;
		background-color: #f9f9f9;
		border-color: #f9f9f9;
	}
	body .btn.btn-white:active {
		border-color: #fff;
	}