.st-pera{

	width: 95%;
	margin: auto;
	text-align: center;

}

.st-pera p{

	font-size:16px;
 font-family: 'Lora', serif;
color: #777;


}


.st-pera p a:link{

	
 font-family: 'Lora', serif;
color: #777;
text-decoration: none;

}


.st-head{

	width:95%;
	margin:auto;
	text-align: center;
	margin-top: 10px;
}

.st-head h1{

font-size: 25px;
 font-family: 'Lora', serif;
color: #000;

}

.st-head h1 a:link{

	text-decoration: none;
 font-family: 'Lora', serif;
color: #000;

}



img {
	width: 100%;
}

figure {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	border: 3px solid #fff;
}

figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 250px;
	background: rgba(0,0,0,.5);
	color: #fff;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
}

figcaption h3 {
	 font-family: 'Lora', serif;
	font-weight: 400;
	color: #f3b204;
	padding: 10px 20px;
	margin-bottom: 0;
	position: relative;
	righ: 100%;
	margin-top: 37px;
	font-size: 30px;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
}

figcaption h3 a:link{

	text-decoration: none;
	color: #f3b204;
	border:none;

}

figcaption h3 a:hover{

	background-color: none;
}


figcaption p {
	 font-family: 'Lora', serif;
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 20px;
	position: relative;
	left: 100%;
	font-size: 15px;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
}

figcaption p a:link{

	text-decoration: none;
	text-align: left;
	text-align: justify;
	font-family: 'Lora', serif;

}


figure:hover h3,figure:hover p {
	left: 0;
}

figcaption a {
	color: #fff;
	font-family: 'Lora', serif;
	
	text-decoration: none;
}

figcaption a:hover {
	
	color: #fff;
	font-family: 'Lora', serif;

	
}