/* Image myThumb Style */

.myThumb {
	width: 100%;
	height: 310px;
	position: relative;
	overflow: hidden;
	margin:0;
}

.myThumb img {
	position: absolute;
	top: 50%;
	margin-top:-50%;
	width: 100%;
	height: auto;
}

.full {
	width: 100%;
	height: 310px;
}

.full img {
	width: auto;
	height: 310px;
	top:0;
	margin-top:0;
}


.innerRoll {
	margin:0 0 10px 0;
}

/* Caption Common Style */

.myThumb .caption {
	background-color:rgba(0,0,0,.9);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;	
	transition: all 200ms ease-out;
	top: 0;
}


/** Caption 3: Fade **/

 .myThumb .fade-caption  {
	width: 100%;
	height: 310px;
	top:310px;
}

/** Fade Caption :hover Behaviour **/
 .myThumb:hover .fade-caption  {
	top:0;
}

/** Text Styles **/

.caption h4, .caption h5 {
	font-size:36px;
	text-align:center;
	font-weight:normal;
	color:#fff;
}

.caption h4:first-child {
	margin:90px 0 0;
}

.caption h5 {
	margin:140px 0 0;
}

.caption a:hover {
	text-decoration:none;
}


.caption hr {
	width:30%;
	margin:30px auto;
}


@media screen and (max-width: 767px) {

.full img {
	margin-left:-50%;
}

}