/* Hover Transition */
.wrapper {
	overflow: hidden;
	display: inline-block;
	position: relative;
	height: 200px;
}
.wrapper:hover .overlay {
	right: 200px;
}
.wrapper:hover .description {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5.5-7 */
	filter: alpha(opacity=100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
	/* Modern browsers */
	opacity: 1;
	
	transition: 1s ease-in;
	-webkit-transition: 1s ease-in;
}

.wrapper .overlay {
	display: block;
	position: absolute;
	height: 200px;
	width: 100%;
	top: 0;
	right: -100%;
	
	transition: .4s ease-out;
	-webkit-transition: .4s ease-out;
}
.wrapper .overlay .rectangle,
.wrapper .overlay .arrow-left {
	position: absolute;
	top: 0;
}
.wrapper .overlay .rectangle {
	display: block;
	margin-left: 200px;
	width: 100%;
	height: 100%;
	background-color: rgba(96,166,76,.95);
}
.wrapper .overlay .arrow-left {
	position: relative;
	left: 0;
	width: 0; 
	height: 0; 
	top: 0;
	bottom: 0;
	
	border-bottom: 200px solid transparent; 
	border-right: 200px solid rgba(96,166,76,.95); 
}

.wrapper .description {
	text-align: left;
	position: absolute;
	padding: 23px 20px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-weight: 400;
	font-size: 19px;
	line-height:19px;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5.5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	/* Modern browsers */
	opacity: 0;
	
	transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
}
.wrapper .description h3 {
	margin: 0 0 16px;
	font-weight: 700;
	font-size: 23px;
	line-height:23px;
	color:#0a4a53;
}

.wrapper .link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	margin: 0;
}

.wrapper img {
	vertical-align: bottom;
}
@media screen and (min-width: 750px) and (max-width: 950px) { 
	.wrapper{height:150px;}
}
@media screen and (min-width: 450px) and (max-width: 750px) { 
}
@media screen and (max-width: 450px) { 
}