/* 	Paragraph & Heading Setting		*/

.mh-post {
	margin-top: 10px;
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
}
.mh-post img {	
	float: left;
	width: 100%; 
	-moz-border-radius: 2px; 
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.mh-post h3 { 
	margin: 0px; 
	font: 18px "Montserrat"; 
	color: #1e1e1e; 
	letter-spacing:0.2px;
}
.mh-post p { 
	float:left;
	width:100%;
	font: 13px/24px "Noto Sans"; 
	color: #1e1e1e; 
	letter-spacing: 0.2px; 
}
div.mh-black p,
div.mh-orange p,
div.mh-red p,
div.mh-pink p,
div.mh-blue p,
div.mh-green p,
div.mh-peru p,
div.mh-black h3,
div.mh-peru h3,
div.mh-green h3,
div.mh-orange h3,
div.mh-blue h3,
div.mh-red h3,
div.mh-pink h3
{ 
	color:#FFF;
}
div.mh-white p { color:#666; }
	
div.mh-cover > h3 { padding: 20px 20px 10px 20px;}
div.mh-cover > p { padding-left: 20px;}
div.mh-cover > p a { margin-top: 10px;}

div.mh-square > h3 { padding: 15px 15px 5px 15px; }
div.mh-square > p { padding-left: 15px; }
div.mh-square > p a{ margin-top: 10px; }

div.mh-top > h3, 
div.mh-bottom > h3
{ 
	padding: 15px 15px 5px 15px; 
}
div.mh-top > p,
div.mh-bottom > p 
{ 
	padding-left: 15px; 
}

div.mh-title h3 { 
	text-align:center; 
	padding: 15px 5px;
}
div.mh-left ul, 
div.mh-right ul 
{
	text-align:center;
}
div.mh-left ul li,
div.mh-right ul li
{
	display:inline-block;
	margin-top: 3px;
}
div.mh-left ul li a.mh-bbox,
div.mh-right ul li a.mh-bbox
{
	margin:0px;
	display:block;
	margin-top: 4px;
}

		/*	Custom icons setting	*/

a.mh-box,
a.mh-circle,
a.mh-lemon,
a.mh-bbox 
{
	display:block;
	width: 43px;
	height: 41px; 
	
	font-size: 18px;
	text-align:center;
	line-height: 41px;
	color:#FFF;
	
	background:rgba(232, 232, 232, 0.1);
}
.mh-post div.mh-cover ul,
.mh-post div.mh-square ul,
.mh-post div.mh-top ul,
.mh-post div.mh-bottom ul
{
	display:block;
	width: 100%;
	text-align:center;
	
	position: absolute;
	top: 50%;
	margin-top: -20px;
}
.mh-post div li {
	display:inline-block;
}
a.mh-circle {
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
a.mh-lemon {
	-webkit-border-radius: 55% 2% 55% 2%;
	-moz-border-radius: 55% 2% 55% 2%;
	-o-border-radius: 55% 2% 55% 2%;
	-ms-border-radius: 55% 2% 55% 2%;
	border-radius: 55% 2% 55% 2%;
}
a.mh-bbox {
	margin-right: 5px;
	height: 37px;
	width: 40px;
	line-height: 37px;
}

div.mh-pink a.box,
div.mh-pink a.circle,
div.mh-pink a.lemon,
div.mh-pink a.bbox,
div.mh-red a.box,
div.mh-red a.circle,
div.mh-red a.lemon,
div.mh-red a.bbox,
div.mh-green a.box,
div.mh-green a.circle,
div.mh-green a.lemon,
div.mh-green a.bbox,
div.mh-orange a.box,
div.mh-orange a.circle,
div.mh-orange a.lemon,
div.mh-orange a.bbox,
div.mh-blue a.box,
div.mh-blue a.circle,
div.mh-blue a.lemon,
div.mh-blue a.bbox,
div.mh-peru a.box,
div.mh-peru a.circle,
div.mh-peru a.lemon,
div.mh-peru a.bbox,
div.mh-white a.box,
div.mh-white a.circle,
div.mh-white a.lemon,
div.mh-white a.bbox
{
	background:rgba(0,0,0,0.6);
}

		/*	Hover Overlay Background Color	*/

.mh-white { background:rgba(255,255,255,0.85); }
.mh-black { background:rgba(30,30,30,0.85); }
.mh-pink { background:rgba(255, 88, 218, 0.85); }
.mh-green { background:rgba(89, 141, 36, 0.85); }
.mh-orange { background:rgba(254, 143, 1, 0.85); }
.mh-blue { background:rgba(0, 172, 194, 0.85);}
.mh-red { background:rgba(233, 93, 112, 0.85);}
.mh-peru { background: rgba(190, 78, 11,0.85);}

	/*		Social Icons Hover colors	*/

.mh-fb:hover { background:#3b5998 !important; }
.mh-twitter:hover { background:#3b88c3 !important; }
.mh-pinterest:hover { background:#942e32 !important;}
.mh-behance:hover { background:#009df5 !important;  }
.mh-gplus:hover { background:#dd4b39 !important; }
.mh-stumbleupon:hover { background:#eb4924 !important; }
.mh-dribbble:hover { background:#ea4c89 !important; }
.mh-flickr:hover { background:#ff0084 !important;}
.mh-linkedin:hover { background:#007bb6 !important;}
.mh-youtube:hover { background:#80131b !important;}
.mh-deviantart:hover { background:#5d7061 !important;}
.mh-rss:hover { background:#fd9f13 !important;}
.mh-instagram:hover { background:#3f729b !important; }

	/*		Read More Button Color 		*/
	
a.mh-black { background:#1e1e1e; color: #FFF;}
a.mh-white { background:#FFFFFF; color:#666;}
a.mh-green { background:#598d24; color: #FFF;}
a.mh-pink { background:#ff58da; color: #FFF;}
a.mh-peru { background:#be4e0b; color: #FFF;}
a.mh-orange { background:#fe8f01; color: #FFF;}
a.mh-blue { background:#00acc2; color: #FFF;}
a.mh-red { background:#e95d70; color: #FFF;}

div.mh-black a.mh-style4,
div.mh-green a.mh-style4,
div.mh-orange a.mh-style4,
div.mh-red a.mh-style4,
div.mh-pink a.mh-style4,
div.mh-peru a.mh-style4,
div.mh-blue a.mh-style4
{ 
	border-color:#FFF; color:#FFF;
}
div.mh-white a.mh-style4 {
	border-color:#666;
	color: #666;
}

a.mh-style1,
a.mh-style2,
a.mh-style3,
a.mh-style4
{
	margin-left: 20px;
	margin-top:10px;
	display:inline-block;
	padding: 8px 12px;
	text-align:center;
	font: bold 11px"Noto Sans";
	letter-spacing:0.2px;
}
a.mh-style2 {
	-webkit-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-o-border-radius: 3px; 
	border-radius: 3px; 
}
a.mh-style3:before {
	content: '\f101'; 
	font: 15px "FontAwesome";
}
a.mh-style4 {
	width: 110px;
	border: 1px;
	border-color: #666;
	border-style:solid; 
	text-align:right;
	padding-right: 10px;
	background:transparent;
	border-left: 10px solid #000;
}
a.mh-style4:before {
	content: '\f101';
	font:15px "FontAwesome";
}
	/*		Hover Shapes 	*/
		

div.mh-cover,
div.mh-square,
div.mh-top, 
div.mh-bottom, 
div.mh-left, 
div.mh-right,
div.mh-title
{	
	overflow:hidden;
}

	/*****************************************************/
	
	/*		Sliding Effect 								*/
		
	/****************************************************/


	
								
	/**		cover Overlay Effect Start	**/
	
div.cover-slideleft
{
	width: 100%;
	height: 100%;
	
	position:absolute;
	top:0;
	left:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slideleft
{
	position:absolute;
	top:0;
	left:0;
}
div.cover-slideright {
	width: 100%;
	height: 100%;
	
	position:absolute;
	top:0;
	right:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slideright {
	position:absolute;
	top:0;
	right:0;
}
div.cover-slidetop {
	width: 100%;
	height: 100%;
	
	position:absolute;
	top:-100%;
	left:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidetop {
	position:absolute;
	top:0%;
	left:0;
}
div.cover-slidebottom {
	width: 100%;
	height: 100%;
	
	position:absolute;
	bottom:-100%;
	left:0%;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidebottom {
	position:absolute;
	bottom:0%;
	left:0;
}
div.cover-slidetopleft {
	width: 0;
	height: 0;
	
	position:absolute;
	top:0%;
	left:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidetopleft {
	width: 100%;
	height: 100%;
}
div.cover-slidetopright {
	width: 0;
	height: 0;
	
	position:absolute;
	top:0%;
	right:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidetopright {
	width: 100%;
	height: 100%;
	
	position:absolute;
	top: 0%;
	right: 0%;
}
div.cover-slidebottomleft {
	width: 0;
	height: 0;
	
	position:absolute;
	top:100%;
	left:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidebottomleft {
	width: 100%;
	height: 100%;
	
	position:absolute;
	top: 0%;
	left: 0%;
}
div.cover-slidebottomright {
	width: 0;
	height: 0;
	
	position:absolute;
	top:100%;
	right:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.cover-slidebottomright {
	width: 100%;
	height: 100%;
	
	position:absolute;
	top: 0%;
	right:0%;
}
		/**		cover Effect End	**/
		
		/**		Square Overlay Effect Start...	**/
		
div.square-slideleft {
	width: 92%;
	height: 92%;
	
	position:absolute;
	left: -100%;
	top:4%;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slideleft {
	position:absolute;
	left:4%;
	top: 4%;
}
div.square-slideright {
	width: 92%;
	height: 92%;
	
	position:absolute;
	right: -100%;
	top:4%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slideright{
	position:absolute;
	right:4%;
	top: 4%;
}
div.square-slidetop {
	width: 92%;
	height: 92%;
	
	position:absolute;
	left: 4%;
	top:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidetop{
	position:absolute;
	left:4%;
	top: 4%;
}
div.square-slidebottom {
	width: 92%;
	height: 92%;
	
	position:absolute;
	left: 4%;
	bottom:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidebottom{
	position:absolute;
	left:4%;
	bottom: 4%;
}
div.square-slidetopleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	left: 4%;
	top:4%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidetopleft{
	width: 92%;
	height: 92%;
}
div.square-slidetopright {
	width: 0%;
	height: 0%;
	
	position:absolute;
	right: 4%;
	top:4%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidetopright{
	width: 92%;
	height: 92%;
}
div.square-slidebottomleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	left: 4%;
	bottom:4%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidebottomleft{
	width: 92%;
	height: 92%;
}
div.square-slidebottomright {
	width: 0%;
	height: 0%;
	
	position:absolute;
	right: 4%;
	bottom:4%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.square-slidebottomright{
	width: 92%;
	height: 92%;
}
		
		/**		Top Overlay Effect Start 	**/

div.top-slidetop {
	width: 100%;
	height: 60%;
	
	position:absolute;
	left:0;
	top:-60%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.top-slidetop {
	left:0;
	top:0;
}
div.top-slideleft {
	width: 100%;
	height: 60%;
	
	position:absolute;
	left:-100%;
	top:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.top-slideleft {
	left:0;
	top:0;
}
div.top-slideright {
	width: 100%;
	height: 60%;
	
	position:absolute;
	left:100%;
	top:0;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	 transition: all 0.3s ease-out;
}
.mh-post:hover div.top-slideright {
	top:0;
	left:0%;
}
div.top-slidetopleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	left:0;
	top:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.top-slidetopleft {
	width: 100%;
	height: 60%;
}
div.top-slidetopright {
	width: 0;
	height: 0;
	
	position:absolute;
	left:100%;
	top:0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.top-slidetopright {
	width: 100%;
	height: 60%;
	left:0%;
	top:0;
}

			/***	Bottom Overlay Slide Effect 	***/
			

div.bottom-slideleft {
	width: 100%;
	height: 60%;
	
	position:absolute;
	left:-100%;
	top:40%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.bottom-slideleft {
	left: 0;
	top: 40%;
}
div.bottom-slideright {
	width: 100%;
	height: 60%;
	
	position:absolute;
	right:-100%;
	top:40%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.bottom-slideright {
	right: 0;
	top: 40%;
}
div.bottom-slidebottom {
	width: 100%;
	height: 60%;
	
	position:absolute;
	left:0%;
	bottom:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.bottom-slidebottom {
	left: 0;
	bottom: 0;
}
div.bottom-slidebottomleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	left:0;
	bottom:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.bottom-slidebottomleft {
	width: 100%;
	height: 60%;
}
div.bottom-slidebottomright {
	width: 0%;
	height: 0%;
	
	position:absolute;
	right:0;
	bottom:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.bottom-slidebottomright {
	width: 100%;
	height: 60%;
	right: 0%;
	bottom: 0%;
}

		/*		Left Overlay Slide Effect 		*/

div.left-slidetop {
	width: 20%;
	height: 100%;
	
	position:absolute;
	left:0;
	top:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.left-slidetop {
	top:0;
	left:0;
}
div.left-slidebottom {
	width: 20%;
	height: 100%;
	
	position:absolute;
	left:0;
	bottom:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.left-slidebottom {
	bottom:0;
	left:0;
}
div.left-slideleft {
	width: 20%;
	height: 100%;
	
	position:absolute;
	left:-100%;
	top:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.left-slideleft {
	top:0;
	left:0;
}
div.left-slidetopleft {
	width: 0;
	height: 0;
	
	position:absolute;
	left:0%;
	top:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.left-slidetopleft {
	width: 20%;
	height: 100%;
}
div.left-slidebottomleft {
	width: 0;
	height: 0;
	
	position:absolute;
	left:0%;
	bottom:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.left-slidebottomleft {
	width: 20%;
	height: 100%;
	bottom: 0%;
	left:0;
}

		/*****		Right Overlay Slide Effect		****/

div.right-slideright {
	width: 20%;
	height: 100%;
	
	position:absolute;
	right:-100%;
	top:0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.right-slideright {
	right:0;
	top:0;
}
div.right-slidetop {
	width: 20%;
	height: 100%;
	
	position:absolute;
	right:0%;
	top:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.right-slidetop {
	right:0;
	top:0;
}
div.right-slidebottom {
	width: 20%;
	height: 100%;
	
	position:absolute;
	right:0%;
	bottom:-100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.right-slidebottom {
	right:0%;
	bottom:0%;
}
div.right-slidetopright {
	width: 0;
	height: 0;
	
	position:absolute;
	right:0;
	top: 0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.right-slidetopright {
	width: 20%;
	height: 100%;
}
div.right-slidebottomright {
	width: 0;
	height: 0;
	
	position:absolute;
	right:0;
	bottom: 0;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.right-slidebottomright {
	width: 20%;
	height: 100%;
}
	
		/***	Title Overlay Slide Effect		***/
	
div.title-slideleft {
	width: 100%;
	height: 30%;
	
	position:absolute;
	top: 60%;
	left: -100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slideleft {
	top: 60%;
	left: 0;
}
div.title-slideright {
	width: 100%;
	height: 30%;
	
	position:absolute;
	top: 60%;
	right: -100%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slideright {
	top: 60%;
	right: 0;
}
div.title-slidetop {
	width: 100%;
	height: 30%;
	
	position:absolute;
	top: -100%;
	left: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidetop {
	top: 60%;
	left: 0;
}
div.title-slidebottom {
	width: 100%;
	height: 30%;
	
	position:absolute;
	bottom: -100%;
	left: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidebottom {
	bottom: 10%;
	left: 0;
}
div.title-slidetopleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	top: 60%;
	left: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidetopleft {
	width: 100%;
	height: 30%;
}
div.title-slidetopright {
	width: 0%;
	height: 0%;
	
	position:absolute;
	top: 60%;
	right: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidetopright {
	width: 100%;
	height: 30%;
}
div.title-slidebottomleft {
	width: 0%;
	height: 0%;
	
	position:absolute;
	bottom: 10%;
	left: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidebottomleft {
	width: 100%;
	height: 30%;
}
div.title-slidebottomright {
	width: 0%;
	height: 0%;
	
	position:absolute;
	bottom: 10%;
	right: 0%;
	
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mh-post:hover div.title-slidebottomright {
	width: 100%;
	height: 30%;
}