@charset "utf-8";
/* CSS Document */
.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; margin-right:5px}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute;overflow: hidden;top: 0;left: 0;-webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);}
.hovereffect:hover .overlay {background-color: rgba(232, 145, 13, 0.4);}
.hovereffect img {display: block;position: relative;}
.hovereffect h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.6);  -webkit-transform: translateY(45px);-ms-transform: translateY(45px);transform: translateY(45px);-webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81); margin-top:20px; overflow:hidden}
.hovereffect:hover h2 {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px); margin-top:10px}
.hovereffect a.info {display: inline-block;text-decoration: none;/*padding: 20px 14px;*/text-transform: uppercase;color: #fff;border: 1px solid #fff; background-color: transparent;opacity:0;filter: alpha(opacity=0);-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);font-weight: normal;margin: -30px 0 0 0;padding:50px 80px}
.hovereffect:hover a.info {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.hovereffect a.info:hover { text-decoration:underline}