/**
 *
 *	Package Name: Gleesik™ CSS3 Hover Effects Components
 *	Theme Version: 1.4
 *	Author: Daniel Costrășel
 *	Author URL: http://gleesik.ro/
 *	Website: http://gleesik.ro/
 *	Licence: Standard Gleesik™ GPLv2 Licence
 * 
 */
/* CSS3 Hover Effects */
.img-box, .info-box {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.img-box img, .info-box img {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.img-box {
  position: relative;
}

.info-box {
  top: 0;
  left: 0;
  position: absolute;
}
.info-box .info-content {
  display: block;
  padding: 0;
  float: left;
  left: 50%;
  top: 50%;
  position: relative;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.separator {
  display: block;
  position: relative;
  height: 1px;
  width: 60%;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.5);
  clear: both;
}

.round-box {
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.round-box.bubble-effect, .round-box.flip-effect, .round-box.over-flip-effect, .round-box.flip-back-effect, .round-box.switch-3d-effect, .round-box.flip-forward-effect {
  overflow: visible;
}
.round-box .img-box, .round-box .info-box, .round-box .info-content, .round-box img {
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/*
 *
 *	CSS3 Hover Style 01 | Trans Effect
 *	@package: CSS3 Box Hover 01
 *
 */
.trans-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect .info-box {
  background-color: rgba(158,27,50, 1);
}
.trans-effect.top .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.top .info-box {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.trans-effect.top:hover .img-box {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.trans-effect.top:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.bottom .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.bottom .info-box {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.trans-effect.bottom:hover .img-box {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.trans-effect.bottom:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.left .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.left .info-box {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.trans-effect.left:hover .img-box {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.trans-effect.left:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.right .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.trans-effect.right .info-box {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.trans-effect.right:hover .img-box {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.trans-effect.right:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*
 *
 *	CSS3 Hover Style 02 | Fade In Effect
 *	@package: CSS3 Box Hover 02
 *
 */
.fade-in-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fade-in-effect .img-box, .fade-in-effect .info-box {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #e6e6e6;
}
.fade-in-effect .img-box a, .fade-in-effect .img-box a:active, .fade-in-effect .img-box a:focus, .fade-in-effect .info-box a, .fade-in-effect .info-box a:active, .fade-in-effect .info-box a:focus {
  color: #999999;
}
.fade-in-effect .img-box a:hover, .fade-in-effect .img-box a:active:hover, .fade-in-effect .img-box a:focus:hover, .fade-in-effect .info-box a:hover, .fade-in-effect .info-box a:active:hover, .fade-in-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.fade-in-effect .img-box {
  z-index: 0;
}
.fade-in-effect .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.fade-in-effect:hover .info-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*
 *
 *	CSS3 Hover Style 03 | OverTrans Effect
 *	@package: CSS3 Box Hover 03
 *
 */
.over-trans-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect .img-box, .over-trans-effect .info-box {
  color: #e6e6e6;
}
.over-trans-effect .img-box a, .over-trans-effect .img-box a:active, .over-trans-effect .img-box a:focus, .over-trans-effect .info-box a, .over-trans-effect .info-box a:active, .over-trans-effect .info-box a:focus {
  color: #999999;
}
.over-trans-effect .img-box a:hover, .over-trans-effect .img-box a:active:hover, .over-trans-effect .img-box a:focus:hover, .over-trans-effect .info-box a:hover, .over-trans-effect .info-box a:active:hover, .over-trans-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.over-trans-effect .info-box {
  background-color: rgba(158,27,50, 1);
}
.over-trans-effect.top .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.top .info-box {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.over-trans-effect.top:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.bottom .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.bottom .info-box {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.over-trans-effect.bottom:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.left .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.left .info-box {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.over-trans-effect.left:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.right .img-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-trans-effect.right .info-box {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.over-trans-effect.right:hover .info-box {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*
 *
 *	CSS3 Hover Style 04 | Zoom Out Effect
 *	@package: CSS3 Box Hover 04
 *
 */
.zoom-out-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.zoom-out-effect .img-box, .zoom-out-effect .info-box {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #e6e6e6;
}
.zoom-out-effect .img-box a, .zoom-out-effect .img-box a:active, .zoom-out-effect .img-box a:focus, .zoom-out-effect .info-box a, .zoom-out-effect .info-box a:active, .zoom-out-effect .info-box a:focus {
  color: #999999;
}
.zoom-out-effect .img-box a:hover, .zoom-out-effect .img-box a:active:hover, .zoom-out-effect .img-box a:focus:hover, .zoom-out-effect .info-box a:hover, .zoom-out-effect .info-box a:active:hover, .zoom-out-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.zoom-out-effect .img-box {
  z-index: 0;
}
.zoom-out-effect .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.zoom-out-effect:hover .info-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.zoom-out-effect:hover .img-box {
  -webkit-transform: translateZ(0) scale(1.15, 1.15);
  -moz-transform: translateZ(0) scale(1.15, 1.15);
  -ms-transform: translateZ(0) scale(1.15, 1.15);
  -o-transform: translateZ(0) scale(1.15, 1.15);
  transform: translateZ(0) scale(1.15, 1.15);
}

/*
 *
 *	CSS3 Hover Style 04 | Flip Effect
 *	@package: CSS3 Box Hover 05
 *
 */
.flip-effect {
  display: block;
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flip-effect .img-box, .flip-effect .info-box {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.flip-effect .img-box a, .flip-effect .img-box a:active, .flip-effect .img-box a:focus, .flip-effect .info-box a, .flip-effect .info-box a:active, .flip-effect .info-box a:focus {
  color: #999999;
}
.flip-effect .img-box a:hover, .flip-effect .img-box a:active:hover, .flip-effect .img-box a:focus:hover, .flip-effect .info-box a:hover, .flip-effect .info-box a:active:hover, .flip-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.flip-effect .img-box {
  z-index: 0;
}
.flip-effect.top .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  -webkit-transform: translateZ(0) rotateX(-180deg);
  -moz-transform: translateZ(0) rotateX(-180deg);
  -ms-transform: translateZ(0) rotateX(-180deg);
  -o-transform: translateZ(0) rotateX(-180deg);
  transform: translateZ(0) rotateX(-180deg);
}
.flip-effect.top:hover .img-box {
  -webkit-transform: translateZ(0) rotateX(180deg);
  -moz-transform: translateZ(0) rotateX(180deg);
  -ms-transform: translateZ(0) rotateX(180deg);
  -o-transform: translateZ(0) rotateX(180deg);
  transform: translateZ(0) rotateX(180deg);
}
.flip-effect.top:hover .info-box {
  -webkit-transform: translateZ(0) rotateX(0deg);
  -moz-transform: translateZ(0) rotateX(0deg);
  -ms-transform: translateZ(0) rotateX(0deg);
  -o-transform: translateZ(0) rotateX(0deg);
  transform: translateZ(0) rotateX(0deg);
}
.flip-effect.bottom .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  -webkit-transform: translateZ(0) rotateX(180deg);
  -moz-transform: translateZ(0) rotateX(180deg);
  -ms-transform: translateZ(0) rotateX(180deg);
  -o-transform: translateZ(0) rotateX(180deg);
  transform: translateZ(0) rotateX(180deg);
}
.flip-effect.bottom:hover .img-box {
  -webkit-transform: translateZ(0) rotateX(-180deg);
  -moz-transform: translateZ(0) rotateX(-180deg);
  -ms-transform: translateZ(0) rotateX(-180deg);
  -o-transform: translateZ(0) rotateX(-180deg);
  transform: translateZ(0) rotateX(-180deg);
}
.flip-effect.bottom:hover .info-box {
  -webkit-transform: translateZ(0) rotateX(0deg);
  -moz-transform: translateZ(0) rotateX(0deg);
  -ms-transform: translateZ(0) rotateX(0deg);
  -o-transform: translateZ(0) rotateX(0deg);
  transform: translateZ(0) rotateX(0deg);
}
.flip-effect.left .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  -webkit-transform: translateZ(0) rotateY(180deg);
  -moz-transform: translateZ(0) rotateY(180deg);
  -ms-transform: translateZ(0) rotateY(180deg);
  -o-transform: translateZ(0) rotateY(180deg);
  transform: translateZ(0) rotateY(180deg);
}
.flip-effect.left:hover .img-box {
  -webkit-transform: translateZ(0) rotateY(-180deg);
  -moz-transform: translateZ(0) rotateY(-180deg);
  -ms-transform: translateZ(0) rotateY(-180deg);
  -o-transform: translateZ(0) rotateY(-180deg);
  transform: translateZ(0) rotateY(-180deg);
}
.flip-effect.left:hover .info-box {
  -webkit-transform: translateZ(0) rotateY(0deg);
  -moz-transform: translateZ(0) rotateY(0deg);
  -ms-transform: translateZ(0) rotateY(0deg);
  -o-transform: translateZ(0) rotateY(0deg);
  transform: translateZ(0) rotateY(0deg);
}
.flip-effect.right .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  -webkit-transform: translateZ(0) rotateY(-180deg);
  -moz-transform: translateZ(0) rotateY(-180deg);
  -ms-transform: translateZ(0) rotateY(-180deg);
  -o-transform: translateZ(0) rotateY(-180deg);
  transform: translateZ(0) rotateY(-180deg);
}
.flip-effect.right:hover .img-box {
  -webkit-transform: translateZ(0) rotateY(180deg);
  -moz-transform: translateZ(0) rotateY(180deg);
  -ms-transform: translateZ(0) rotateY(180deg);
  -o-transform: translateZ(0) rotateY(180deg);
  transform: translateZ(0) rotateY(180deg);
}
.flip-effect.right:hover .info-box {
  -webkit-transform: translateZ(0) rotateY(0deg);
  -moz-transform: translateZ(0) rotateY(0deg);
  -ms-transform: translateZ(0) rotateY(0deg);
  -o-transform: translateZ(0) rotateY(0deg);
  transform: translateZ(0) rotateY(0deg);
}

/*
 *
 *	CSS3 Hover Style 06 | Bubble Effect
 *	@package: CSS3 Box Hover 06
 *
 */
.bubble-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bubble-effect .img-box, .bubble-effect .info-box {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.bubble-effect .img-box a, .bubble-effect .img-box a:active, .bubble-effect .img-box a:focus, .bubble-effect .info-box a, .bubble-effect .info-box a:active, .bubble-effect .info-box a:focus {
  color: #999999;
}
.bubble-effect .img-box a:hover, .bubble-effect .img-box a:active:hover, .bubble-effect .img-box a:focus:hover, .bubble-effect .info-box a:hover, .bubble-effect .info-box a:active:hover, .bubble-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.bubble-effect .img-box {
  z-index: 1;
}
.bubble-effect .info-box {
  z-index: 0;
  background-color: rgba(158,27,50, 1);
}
.bubble-effect.round, .bubble-effect .round {
  overflow: visible !important;
}
.bubble-effect.top:hover .img-box {
  z-index: 2;
}
.bubble-effect.top:hover .info-box {
  padding-top: 15%;
}
.bubble-effect.top:hover .img-box {
  -webkit-transform: translateZ(0) translateY(-60%) scale(0.5, 0.5);
  -moz-transform: translateZ(0) translateY(-60%) scale(0.5, 0.5);
  -ms-transform: translateZ(0) translateY(-60%) scale(0.5, 0.5);
  -o-transform: translateZ(0) translateY(-60%) scale(0.5, 0.5);
  transform: translateZ(0) translateY(-60%) scale(0.5, 0.5);
}
.bubble-effect.bottom:hover .img-box {
  z-index: 2;
}
.bubble-effect.bottom:hover .info-box {
  padding-bottom: 15%;
}
.bubble-effect.bottom:hover .img-box {
  -webkit-transform: translateZ(0) translateY(60%) scale(0.5, 0.5);
  -moz-transform: translateZ(0) translateY(60%) scale(0.5, 0.5);
  -ms-transform: translateZ(0) translateY(60%) scale(0.5, 0.5);
  -o-transform: translateZ(0) translateY(60%) scale(0.5, 0.5);
  transform: translateZ(0) translateY(60%) scale(0.5, 0.5);
}
.bubble-effect.left:hover .img-box {
  z-index: 2;
}
.bubble-effect.left:hover .info-box {
  padding-left: 15%;
}
.bubble-effect.left:hover .img-box {
  -webkit-transform: translateZ(0) translateX(-60%) scale(0.5, 0.5);
  -moz-transform: translateZ(0) translateX(-60%) scale(0.5, 0.5);
  -ms-transform: translateZ(0) translateX(-60%) scale(0.5, 0.5);
  -o-transform: translateZ(0) translateX(-60%) scale(0.5, 0.5);
  transform: translateZ(0) translateX(-60%) scale(0.5, 0.5);
}
.bubble-effect.right:hover .img-box {
  z-index: 2;
}
.bubble-effect.right:hover .info-box {
  padding-right: 15%;
}
.bubble-effect.right:hover .img-box {
  -webkit-transform: translateZ(0) translateX(60%) scale(0.5, 0.5);
  -moz-transform: translateZ(0) translateX(60%) scale(0.5, 0.5);
  -ms-transform: translateZ(0) translateX(60%) scale(0.5, 0.5);
  -o-transform: translateZ(0) translateX(60%) scale(0.5, 0.5);
  transform: translateZ(0) translateX(60%) scale(0.5, 0.5);
}

/*
 *
 *	CSS3 Hover Style 07 | Zoom In Effect
 *	@package: CSS3 Box Hover 07
 *
 */
.zoom-in-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.zoom-in-effect .img-box, .zoom-in-effect .info-box {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #e6e6e6;
}
.zoom-in-effect .img-box a, .zoom-in-effect .img-box a:active, .zoom-in-effect .img-box a:focus, .zoom-in-effect .info-box a, .zoom-in-effect .info-box a:active, .zoom-in-effect .info-box a:focus {
  color: #999999;
}
.zoom-in-effect .img-box a:hover, .zoom-in-effect .img-box a:active:hover, .zoom-in-effect .img-box a:focus:hover, .zoom-in-effect .info-box a:hover, .zoom-in-effect .info-box a:active:hover, .zoom-in-effect .info-box a:focus:hover {
  color: #f2f2f2;
}
.zoom-in-effect .img-box {
  z-index: 0;
}
.zoom-in-effect .info-box {
  z-index: 1;
  background-color: rgba(158,27,50, 1);
  -webkit-transform: translateZ(0) scale(2, 2);
  -moz-transform: translateZ(0) scale(2, 2);
  -ms-transform: translateZ(0) scale(2, 2);
  -o-transform: translateZ(0) scale(2, 2);
  transform: translateZ(0) scale(2, 2);
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.zoom-in-effect:hover .img-box {
  -webkit-transform: translateZ(0) scale(1.1, 1.1);
  -moz-transform: translateZ(0) scale(1.1, 1.1);
  -ms-transform: translateZ(0) scale(1.1, 1.1);
  -o-transform: translateZ(0) scale(1.1, 1.1);
  transform: translateZ(0) scale(1.1, 1.1);
}
.zoom-in-effect:hover .info-box {
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*
 *
 *	CSS3 Hover Style 08 | Square Spin Effect
 *	@package: CSS3 Box Hover 08
 *
 */
.square-spin-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.square-spin-effect .info-box {
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateZ(0) scale(2, 2);
  -moz-transform: translateZ(0) scale(2, 2);
  -ms-transform: translateZ(0) scale(2, 2);
  -o-transform: translateZ(0) scale(2, 2);
  transform: translateZ(0) scale(2, 2);
  color: #e6e6e6;
}
.square-spin-effect .info-box * {
  z-index: 3;
}
.square-spin-effect .info-box:after, .square-spin-effect .info-box:before {
  content: "";
  display: block !important;
  position: absolute;
  visibility: visible !important;
  background-color: rgba(158,27,50, 1);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.square-spin-effect.vertical .info-box:before {
  -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  transform: translateZ(0) translateX(100%) rotateZ(180deg);
}
.square-spin-effect.vertical .info-box:after {
  -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  transform: translateZ(0) translateX(-100%) rotateZ(180deg);
}
.square-spin-effect.vertical:hover .info-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.square-spin-effect.vertical:hover .info-box:before {
  -webkit-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  transform: translateZ(0) translateX(50%) rotateZ(0deg);
}
.square-spin-effect.vertical:hover .info-box:after {
  -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  transform: translateZ(0) translateX(-50%) rotateZ(0deg);
}
.square-spin-effect.horizontal .info-box:before {
  -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  transform: translateZ(0) translateY(100%) rotateZ(180deg);
}
.square-spin-effect.horizontal .info-box:after {
  -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  transform: translateZ(0) translateY(-100%) rotateZ(180deg);
}
.square-spin-effect.horizontal:hover .info-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.square-spin-effect.horizontal:hover .info-box:before {
  -webkit-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  transform: translateZ(0) translateY(50%) rotateZ(0deg);
}
.square-spin-effect.horizontal:hover .info-box:after {
  -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  transform: translateZ(0) translateY(-50%) rotateZ(0deg);
}

/*
 *
 *	CSS3 Hover Style 09 | Over Flip Effect
 *	@package: CSS3 Box Hover 09
 *
 */
.over-flip-effect {
  display: block;
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.over-flip-effect .img-box, .over-flip-effect .info-box {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: center center right;
  -moz-transform-origin: center center right;
  -ms-transform-origin: center center right;
  -o-transform-origin: center center right;
  transform-origin: center center right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.over-flip-effect .img-box {
  z-index: 2;
}
.over-flip-effect .info-box {
  background-color: rgba(158,27,50, 1);
  z-index: 1;
  position: absolute;
}
.over-flip-effect.top .info-box {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.over-flip-effect.top:hover .img-box {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.over-flip-effect.top:hover .info-box {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.over-flip-effect.bottom .info-box {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.over-flip-effect.bottom:hover .img-box {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.over-flip-effect.bottom:hover .info-box {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.over-flip-effect.left .info-box {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.over-flip-effect.left:hover .img-box {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.over-flip-effect.left:hover .info-box {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.over-flip-effect.right .info-box {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.over-flip-effect.right:hover .img-box {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.over-flip-effect.right:hover .info-box {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*
 *
 *	CSS3 Hover Style 10 | Rotate Switch Effect
 *	@package: CSS3 Box Hover 10
 *
 */
.rotate-switch-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rotate-switch-effect .info-box {
  background-color: rgba(158,27,50, 1);
  -webkit-transform: rotateZ(360deg) scale(0, 0);
  -moz-transform: rotateZ(360deg) scale(0, 0);
  -ms-transform: rotateZ(360deg) scale(0, 0);
  -o-transform: rotateZ(360deg) scale(0, 0);
  transform: rotateZ(360deg) scale(0, 0);
}
.rotate-switch-effect .img-box {
  -webkit-transform: rotateZ(0) scale(1, 1);
  -moz-transform: rotateZ(0) scale(1, 1);
  -ms-transform: rotateZ(0) scale(1, 1);
  -o-transform: rotateZ(0) scale(1, 1);
  transform: rotateZ(0) scale(1, 1);
}
.rotate-switch-effect:hover .info-box {
  -webkit-transform: rotateZ(0) scale(1, 1);
  -moz-transform: rotateZ(0) scale(1, 1);
  -ms-transform: rotateZ(0) scale(1, 1);
  -o-transform: rotateZ(0) scale(1, 1);
  transform: rotateZ(0) scale(1, 1);
}
.rotate-switch-effect:hover .img-box {
  -webkit-transform: rotateZ(-360deg) scale(0, 0);
  -moz-transform: rotateZ(-360deg) scale(0, 0);
  -ms-transform: rotateZ(-360deg) scale(0, 0);
  -o-transform: rotateZ(-360deg) scale(0, 0);
  transform: rotateZ(-360deg) scale(0, 0);
  z-index: 0;
}

/*
 *
 *	CSS3 Hover Style 11 | Grid Reveal Effect
 *	@package: CSS3 Box Hover 11
 *
 */
.grid-reveal-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
}
.grid-reveal-effect .info-content {
  z-index: 2 !important;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.grid-reveal-effect .img-box:after, .grid-reveal-effect .img-box:before, .grid-reveal-effect .info-box:after, .grid-reveal-effect .info-box:before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(52, 109, 125, .7);
  z-index: 1;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -ms-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.grid-reveal-effect.horizontal .img-box:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 25%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.grid-reveal-effect.horizontal .img-box:after {
  top: 25%;
  left: 0;
  width: 100%;
  height: 25%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.grid-reveal-effect.horizontal .info-box:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 25%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.grid-reveal-effect.horizontal .info-box:before {
  top: 75%;
  left: 0;
  width: 100%;
  height: calc(25% + 1px);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.grid-reveal-effect.vertical .img-box:before {
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.grid-reveal-effect.vertical .img-box:after {
  top: 0;
  left: 25%;
  width: 25%;
  height: 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.grid-reveal-effect.vertical .info-box:after {
  top: 0;
  left: 50%;
  width: 25%;
  height: 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.grid-reveal-effect.vertical .info-box:before {
  top: 0;
  left: 75%;
  width: calc(25% + 1px);
  height: 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.grid-reveal-effect:hover .img-box:after, .grid-reveal-effect:hover .img-box:before, .grid-reveal-effect:hover .info-box:after, .grid-reveal-effect:hover .info-box:before {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.grid-reveal-effect:hover .info-content {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*
 *
 *	CSS3 Hover Style 12 | Swipe Effect
 *	@package: CSS3 Box Hover 12
 *
 */
.swipe-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swipe-effect .info-box .info-content {
  z-index: 2;
}
.swipe-effect .info-box:before, .swipe-effect .info-box:after {
  content: '';
  display: block;
  position: absolute;
  width: 210%;
  height: 30%;
  z-index: 1;
  left: 115%;
  top: -10%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
  -moz-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
  transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
}
.swipe-effect .info-box:before {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.swipe-effect .info-box:after {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 1.1s ease-in-out;
  -moz-transition: all 1.1s ease-in-out;
  -ms-transition: all 1.1s ease-in-out;
  -o-transition: all 1.1s ease-in-out;
  transition: all 1.1s ease-in-out;
}
.swipe-effect .img-box:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(158,27,50, 1);
  z-index: 1;
}
.swipe-effect .img-box:before, .swipe-effect .info-box .info-content {
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.swipe-effect:hover .img-box:before, .swipe-effect:hover .info-content {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.swipe-effect:hover .info-box:before, .swipe-effect:hover .info-box:after {
  left: -100%;
  top: 210%;
}
.swipe-effect:hover .info-box:before {
  height: 220%;
}
.swipe-effect:hover .info-box:after {
  height: 100%;
}

/*
 *
 *	CSS3 Hover Style 13 | Flip Back Effect
 *	@package: CSS3 Box Hover 13
 *
 */
.flip-back-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  -webkit-transform-style: preserve3d;
  -moz-transform-style: preserve3d;
  -ms-transform-style: preserve3d;
  -o-transform-style: preserve3d;
  transform-style: preserve3d;
}
.flip-back-effect .img-box {
  z-index: 1;
}
.flip-back-effect .info-box {
   background-color: rgba(158,27,50, 1);
  z-index: 0;
}
.flip-back-effect:hover .img-box {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.flip-back-effect:hover.top .img-box {
  -webkit-transform: translateY(-100%) rotateX(90deg);
  -moz-transform: translateY(-100%) rotateX(90deg);
  -ms-transform: translateY(-100%) rotateX(90deg);
  -o-transform: translateY(-100%) rotateX(90deg);
  transform: translateY(-100%) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
.flip-back-effect:hover.right .img-box {
  -webkit-transform: translateX(100%) rotateY(90deg);
  -moz-transform: translateX(100%) rotateY(90deg);
  -ms-transform: translateX(100%) rotateY(90deg);
  -o-transform: translateX(100%) rotateY(90deg);
  transform: translateX(100%) rotateY(90deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
.flip-back-effect:hover.bottom .img-box {
  -webkit-transform: translateY(100%) rotateX(-90deg);
  -moz-transform: translateY(100%) rotateX(-90deg);
  -ms-transform: translateY(100%) rotateX(-90deg);
  -o-transform: translateY(100%) rotateX(-90deg);
  transform: translateY(100%) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.flip-back-effect:hover.left .img-box {
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  -moz-transform: translateX(-100%) rotateY(-90deg);
  -ms-transform: translateX(-100%) rotateY(-90deg);
  -o-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}

/*
 *
 *	CSS3 Hover Style 14 | Swicth 3D Effect
 *	@package: CSS3 Box Hover 14
 *
 */
.switch-3d-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  -webkit-transform-style: preserve3d;
  -moz-transform-style: preserve3d;
  -ms-transform-style: preserve3d;
  -o-transform-style: preserve3d;
  transform-style: preserve3d;
}
.switch-3d-effect .img-box {
  z-index: 1;
}
.switch-3d-effect .info-box {
  background-color: rgba(158,27,50, 1);
  z-index: 0;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.switch-3d-effect.top .info-box {
  -webkit-transform: translateY(-50%) rotateX(90deg);
  -moz-transform: translateY(-50%) rotateX(90deg);
  -ms-transform: translateY(-50%) rotateX(90deg);
  -o-transform: translateY(-50%) rotateX(90deg);
  transform: translateY(-50%) rotateX(90deg);
}
.switch-3d-effect.right .info-box {
  -webkit-transform: translateX(50%) rotateY(90deg);
  -moz-transform: translateX(50%) rotateY(90deg);
  -ms-transform: translateX(50%) rotateY(90deg);
  -o-transform: translateX(50%) rotateY(90deg);
  transform: translateX(50%) rotateY(90deg);
}
.switch-3d-effect.bottom .info-box {
  -webkit-transform: translateY(50%) rotateX(-90deg);
  -moz-transform: translateY(50%) rotateX(-90deg);
  -ms-transform: translateY(50%) rotateX(-90deg);
  -o-transform: translateY(50%) rotateX(-90deg);
  transform: translateY(50%) rotateX(-90deg);
}
.switch-3d-effect.left .info-box {
  -webkit-transform: translateX(-50%) rotateY(-90deg);
  -moz-transform: translateX(-50%) rotateY(-90deg);
  -ms-transform: translateX(-50%) rotateY(-90deg);
  -o-transform: translateX(-50%) rotateY(-90deg);
  transform: translateX(-50%) rotateY(-90deg);
}
.switch-3d-effect:hover .img-box {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.switch-3d-effect:hover.top .img-box {
  -webkit-transform: translateY(-100%) rotateX(90deg);
  -moz-transform: translateY(-100%) rotateX(90deg);
  -ms-transform: translateY(-100%) rotateX(90deg);
  -o-transform: translateY(-100%) rotateX(90deg);
  transform: translateY(-100%) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
.switch-3d-effect:hover.top .info-box {
  -webkit-transform: translateY(0) rotateX(0);
  -moz-transform: translateY(0) rotateX(0);
  -ms-transform: translateY(0) rotateX(0);
  -o-transform: translateY(0) rotateX(0);
  transform: translateY(0) rotateX(0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.switch-3d-effect:hover.right .img-box {
  -webkit-transform: translateX(100%) rotateY(90deg);
  -moz-transform: translateX(100%) rotateY(90deg);
  -ms-transform: translateX(100%) rotateY(90deg);
  -o-transform: translateX(100%) rotateY(90deg);
  transform: translateX(100%) rotateY(90deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
.switch-3d-effect:hover.right .info-box {
  -webkit-transform: translateY(0) rotateX(0);
  -moz-transform: translateY(0) rotateX(0);
  -ms-transform: translateY(0) rotateX(0);
  -o-transform: translateY(0) rotateX(0);
  transform: translateY(0) rotateX(0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.switch-3d-effect:hover.bottom .img-box {
  -webkit-transform: translateY(100%) rotateX(-90deg);
  -moz-transform: translateY(100%) rotateX(-90deg);
  -ms-transform: translateY(100%) rotateX(-90deg);
  -o-transform: translateY(100%) rotateX(-90deg);
  transform: translateY(100%) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.switch-3d-effect:hover.bottom .info-box {
  -webkit-transform: translateY(0) rotateX(0);
  -moz-transform: translateY(0) rotateX(0);
  -ms-transform: translateY(0) rotateX(0);
  -o-transform: translateY(0) rotateX(0);
  transform: translateY(0) rotateX(0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.switch-3d-effect:hover.left .img-box {
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  -moz-transform: translateX(-100%) rotateY(-90deg);
  -ms-transform: translateX(-100%) rotateY(-90deg);
  -o-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
.switch-3d-effect:hover.left .info-box {
  -webkit-transform: translateY(0) rotateX(0);
  -moz-transform: translateY(0) rotateX(0);
  -ms-transform: translateY(0) rotateX(0);
  -o-transform: translateY(0) rotateX(0);
  transform: translateY(0) rotateX(0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/*
 *
 *	CSS3 Hover Style 15 | Flip Forward Effect
 *	@package: CSS3 Box Hover 15
 *
 */
.flip-forward-effect {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  -webkit-transform-style: preserve3d;
  -moz-transform-style: preserve3d;
  -ms-transform-style: preserve3d;
  -o-transform-style: preserve3d;
  transform-style: preserve3d;
}
.flip-forward-effect .img-box {
  z-index: 1;
}
.flip-forward-effect .info-box {
  background-color: rgba(158, 27, 50, 1);
  z-index: 2;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.flip-forward-effect.top .info-box {
  -webkit-transform: translateY(-100%) rotateX(90deg);
  -moz-transform: translateY(-100%) rotateX(90deg);
  -ms-transform: translateY(-100%) rotateX(90deg);
  -o-transform: translateY(-100%) rotateX(90deg);
  transform: translateY(-100%) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
.flip-forward-effect.right .info-box {
  -webkit-transform: translateX(100%) rotateY(90deg);
  -moz-transform: translateX(100%) rotateY(90deg);
  -ms-transform: translateX(100%) rotateY(90deg);
  -o-transform: translateX(100%) rotateY(90deg);
  transform: translateX(100%) rotateY(90deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
.flip-forward-effect.bottom .info-box {
  -webkit-transform: translateY(100%) rotateX(-90deg);
  -moz-transform: translateY(100%) rotateX(-90deg);
  -ms-transform: translateY(100%) rotateX(-90deg);
  -o-transform: translateY(100%) rotateX(-90deg);
  transform: translateY(100%) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.flip-forward-effect.left .info-box {
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  -moz-transform: translateX(-100%) rotateY(-90deg);
  -ms-transform: translateX(-100%) rotateY(-90deg);
  -o-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
.flip-forward-effect:hover .info-box {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateX(0) rotateY(0);
  -moz-transform: translateX(0) rotateY(0);
  -ms-transform: translateX(0) rotateY(0);
  -o-transform: translateX(0) rotateY(0);
  transform: translateX(0) rotateY(0);
}

/*
 *
 *	CSS3 Hover Style 16 | Slow Zoom Effect
 *	@package: CSS3 Box Hover 16
 *
 */
.slow-zoom-effect {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slow-zoom-effect .img-box {
  z-index: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 2.2s ease-in-out;
  -moz-transition: all 2.2s ease-in-out;
  -ms-transition: all 2.2s ease-in-out;
  -o-transition: all 2.2s ease-in-out;
  transition: all 2.2s ease-in-out;
}
.slow-zoom-effect .info-box {
  background-color: rgba(158,27,50, 1);
  z-index: 2;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.slow-zoom-effect:hover .img-box {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.slow-zoom-effect:hover .info-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}