.mh_tile{ box-shadow:2px 2px 8px -1px #000; display:inline-block; background-size:cover; position:relative; transition: all 0.4s ease-out; overflow:hidden; cursor: pointer;}

.mh_tile img{ position:absolute; top:0; left:0; z-index:0; transition: all 0.4s ease-out;}
.mh_tile .mh_text{/* z-index:99; */ position:absolute; padding:5px; height:calc(100% - 60px); height:calc(100% - 60px);}
.mh_tile h1{ margin:0; transform: translateY(-100px); transition-delay: 0.4s; text-shadow: 2px 2px 10px #000;}

.mh_tile h3{ margin:5px 0; transform: translateY(-100px); transition-delay: 0.2s;}
.mh_tile h3 a {  }

.mh_tile p{ margin:25px 5px 0 0; line-height: 18px;/* opacity:0; */ transform: translateX(-200px); transition-delay: 0.4s;}
.mh_animate-text{ opacity:0; transition: all 0.6s ease-in-out;}
.mh_tile:hover{/* background-color:#99aeff; */z-index:1; transform:scale(1.05);}
.mh_tile:hover img{ opacity: 0.2;}
.mh_tile:hover .mh_animate-text{ transform:translateX(0); opacity:1;}
.mh_tile:hover h1 { transform:translateX(0); opacity:1;}

.mh_direct{ position:absolute; bottom:-40px; right:20px; }
.mh_direct span{ display:block; opacity:0; transition: transform 0.4s ease-out, opacity 0.6s ease; transform: translateY(30px); }
.mh_tile:hover span{ opacity:1; transform:translateY(0px);}
.mh_direct span:nth-child(1){  transition-delay: 1.0s;}

/* pageNavigation */
#mmcpageNavigation_mih { text-align:center; font:bold 11px; margin-top:10px; margin-bottom:5px;}
#mmcpageNavigation_mih a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_mih .current { font:bold 1em; color:#fff; ; margin:0 4px 0 8px; border:1px solid #000; background-color:#555; padding:5px 9px; border-radius:3px }
#mmcpageNavigation_mih .pageNavigation2 { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}
#mmcpageNavigation_mih a:hover { background:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
#mmcpageNavigation_mih a:visited { color:#999999; }
#mmcpageNavigation_mih .pn { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#f5f5f5; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}