body{font-size:16px; margin: 0 auto; text-align: center; font-family: "microsoft yahei", "黑体"; background: #000;  }
*{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;  }
audio, canvas, video {  display: inline-block;  }
a{text-decoration: none;}
ul{list-style: none;}
img {  border: 0;  -ms-interpolation-mode:bicubic;/*ie7 解决图片缩放失真问题*/  vertical-align:top;  }
button, input, select, textarea {  font-family: inherit;  font-size: 100%;  margin: 0;  outline:none;  }
/*清除浮动*/
.clear{  overflow:hidden;  clear:both;  }
.clearfix{  display:table;  content: "";  clear: both;  }

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px}
.mt25{margin-top: 25px;}
.mt30{margin-top:30px}
.mt35{margin-top: 35px;}

.mr0{margin-right: 0}
.mr5{margin-right: 5px}
.mr6{margin-right: 6px}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}

.ml0{margin-left: 0;}
.ml5{margin-left:5px;}
.ml10{marign-left:10px;}
.ml15{margin-left:15px; }

.jq22-container
{
    height:540px;
}
.content{

}
.venus-menu{

}
.venus-menu{
    width:100%;
    margin:0;
    padding:0;
    position:relative;
    float:left;
    list-style:none;
    background:#515051;
}
.venus-menu li{
    display:inline-block;
    margin:0;
    padding:0;
    float:left;
    line-height:20px;
    position:relative;
}
.venus-menu > li > a{

    text-decoration:none;
    display:block;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu li:hover > a, .venus-menu li.active a{
    background:#282728;
    color:#fff;
}
.venus-menu > li > a i{
    color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
    color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
    list-style:none;
    margin:0;
    padding:0;
    display:none;
    position:absolute;
    z-index:99;
    width:140px;
}
.venus-menu ul{
    top:56px;
    left:0;
    padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{
    content:'';
    position:absolute;
    bottom:44px;
    left:45%;
    /*margin-left:-48px;*/
    width:0;
    height:0;
    border-left:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid rgba(255, 255, 255, 0);
    border-bottom:8px solid #515051;
}
.venus-menu > li > ul > li ul li:first-child a:before{
    content:'';
    position:absolute;
    bottom:16px;
    left:45%;
    margin-left:-71px;
    width:0;
    height:0;
    border-top:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid #515051;
    border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
    top:0;
    left:100%;
    padding-left:10px;
}
.venus-menu ul li{
    clear:both;
    width:100%;
    border:none;
}
.venus-menu ul li a{
    width:100%;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    background:#515051;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #282728; }
.venus-menu > li > ul > li:first-child:hover a:before{
    border-bottom-color:#282728;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
    border-right-color:#282728;
}
/*.venus-menu > li .indicator{*/
    /*position:absolute;*/
    /*color:#bababa;*/
    /*top:19px;*/
    /*right:8px;*/
    /*font-size:20px;*/
    /*!*-webkit-transition:color 0.2s linear;*!*/
    /*!*-moz-transition:color 0.2s linear;*!*/
    /*!*-o-transition:color 0.2s linear;*!*/
    /*!*transition:color 0.2s linear;*!*/
/*}*/
/*.venus-menu > li:hover > .indicator{*/
    /*color:#fff;*/
/*}*/
/*.venus-menu ul > li .indicator{*/
    /*top:14px;*/
    /*right:8px;*/
    /*color:#fff;*/
/*}*/
.venus-menu i{
    line-height:20px !important;
    margin-right:6px;
    font-size:20px;
    float:left;
}
.venus-menu > li.showhide{
    display:none;
    width:100%;
    height:46px;
    cursor:pointer;
    color:#777;
    border-bottom:solid 1px rgba(0, 0, 0, 0.1);
    background:#fff;
}
.venus-menu > li.showhide span.title{
    margin:13px 0 0 20px;
    float:left;
}
.venus-menu > li.showhide span.icon{
    margin:16px 20px;
    float:right;
}
.venus-menu > li.showhide .icon em{
    margin-bottom:3px;
    display:block;
    width:20px;
    height:2px;
    background:#ccc;
}


/*.zoom-out{*/
    /*-webkit-animation:zoomOut 600ms ease both;*/
    /*-moz-animation:zoomOut 600ms ease both;*/
    /*-o-animation:zoomOut 600ms ease both;*/
    /*animation:zoomOut 600ms ease both;*/
/*}*/

/*@-webkit-keyframes zoomOut{*/
    /*0%{*/
        /*-webkit-transform:scale(.6);*/
    /*}*/
    /*100%{*/
        /*-webkit-transform:scale(1);*/
    /*}*/
/*}*/
/*@-moz-keyframes zoomOut{*/
    /*0%{*/
        /*-moz-transform:scale(.6);*/
    /*}*/
    /*100%{*/
        /*-moz-transform:scale(1);*/
    /*}*/
/*}*/
/*@-o-keyframes zoomOut{*/
    /*0%{*/
        /*-o-transform:scale(.6);*/
    /*}*/
    /*100%{*/
        /*-o-transform:scale(1);*/
    /*}*/
/*}*/
/*@keyframes zoomOut{*/
    /*0%{*/
        /*transform:scale(.6);*/
    /*}*/
    /*100%{*/
        /*transform:scale(1);*/
    /*}*/
/*}*/

@media only screen and (max-width:768px){
    .venus-menu li{
        display:block;
        width:100%;
    }
    .venus-menu > li > a{
        padding:13px 0 14px 20px;
    }
    .venus-menu > li.brand{
        display:none !important;
    }
    .venus-menu a{
        width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu ul, .venus-menu ul li ul{
        width:100%;
        padding:0;
        left:0;
        border:none;
        position:static;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
        border:none;
    }
    .venus-menu ul li{
        border-left:none;
        border-right:none;
    }
    .venus-menu ul li a{
        padding-top:10px;
        padding-bottom:10px;
    }
    .venus-menu ul > li > a{
        padding-left:40px !important;
    }
    .venus-menu > li .indicator{
        top:14px;
        right:20px;
        font-size:20px;
    }
    .venus-menu ul > li .indicator{
        top:10px;
        right:20px;
    }
    .venus-menu li.search form{
        margin:12px 18px 0 18px;
    }
    .venus-menu li.search form input.search{
        width:100%;
        margin-bottom:12px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu > li > ul > li > a{
        padding-left:40px !important;
    }
    .venus-menu > li > ul > li > ul > li > a{
        padding-left:60px !important;
    }
    .venus-menu > li > ul > li > ul > li > ul > li > a{
        padding-left:80px !important;
    }
}

.sim-button{
    line-height: 50px;
    height: 50px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
    cursor: pointer;
}
.button3 {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
}
.button3 a{
    color: rgba(51,51,51,1);
    text-decoration: none;
    display: block;
}
.button3 span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button3:hover{
    background-color: rgba(255,255,255,0.2);
}
.button3:hover > span{
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);
}
.button3::after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button3:hover::after{  opacity: 1;  -webkit-transform: translate(0, 0);  transform: translate(0, 0);
}

.grid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.grid figure {  position: relative;  overflow: hidden;  height: 527px;  text-align: center;  cursor: pointer;  }
.grid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.grid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.grid figure figcaption::before,
.grid figure figcaption::after {  pointer-events: none;  }
.grid figure figcaption,
.grid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.grid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.grid figure h2 span {  font-weight: 800;  }
.grid figure h2,
.grid figure p {  margin: 0;  color:#020202  }
.grid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202; }
.grid figure p {  letter-spacing:2px;  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

.grid figure.effect-layla {  background: #18a367;  }
.grid figure.effect-layla img {  height: 496px;  }
.grid figure.effect-layla figcaption {  padding-top:200px;  }
.grid figure.effect-layla figcaption:hover{  background: #79b290;  opacity: 0.8;  }
.grid figure.effect-layla figcaption::before,
.grid figure.effect-layla figcaption::after {  position: absolute;  content: '';  opacity: 0;  }
.grid figure.effect-layla figcaption::before {  top: 180px;  right: 30px;  bottom: 500px;  left: 120px;  width:25%;
    border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);
    transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;
}

.grid figure.effect-layla figcaption::after {  top: 330px;  right: 50px;  bottom: 230px;  left: 50px;
    /*border-right: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;
}

.grid figure.effect-layla h2 {  padding-top: 26%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;
}

.grid figure.effect-layla p {  padding: 0.5em 0;  text-transform: none;  opacity: 0;  -webkit-transform: translate3d(0,-10px,0);  transform: translate3d(0,-10px,0); ;
}
.grid figure.effect-layla img,
.grid figure.effect-layla h2 {  -webkit-transform: translate3d(0,-30px,0);  transform: translate3d(0,-30px,0);
}
.grid figure.effect-layla img,
.grid figure.effect-layla figcaption::before,
.grid figure.effect-layla figcaption::after,
.grid figure.effect-layla p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
}
.grid figure.effect-layla p a{text-align: left; display: inline-block;margin-right: 70px; letter-spacing: 2px;}
.grid figure.effect-layla:hover img {  opacity: 0.9;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.grid figure.effect-layla:hover figcaption::before,
.grid figure.effect-layla:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }

.grid figure.effect-layla:hover h2,
.grid figure.effect-layla:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}

.grid figure.effect-layla:hover figcaption::after,
.grid figure.effect-layla:hover h2,
.grid figure.effect-layla:hover p,
.grid figure.effect-layla:hover img {  -webkit-transition-delay: 0.15s;  transition-delay: 0.15s;  }
/*=========================================================================*/


.srid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.srid figure {  position: relative;  overflow: hidden;  height: 267px;  text-align: center;  cursor: pointer;  }
.srid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.srid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.srid figure figcaption::before,
.srid figure figcaption::after {  pointer-events: none;  }
.srid figure figcaption,
.srid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.srid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.srid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.srid figure h2 span {  font-weight: 800;  }
.srid figure h2,
.srid figure p {  margin: 0;  color:#020202  }
.srid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202}
.srid figure p {  letter-spacing: 2px;  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

.srid  figure.effect-layla {  background: #18a367;  }
.srid  figure.effect-layla img {  height: 267px;  }
.srid  figure.effect-layla figcaption {  padding-top:100px;  }
.srid  figure.effect-layla figcaption:hover{  background: #4581a6;  opacity: 0.8;-webkit-transition: opacity 0.95s, -webkit-transform 0.95s;  }
.srid  figure.effect-layla figcaption::before,
.srid  figure.effect-layla figcaption::after {  position: absolute;  content: '';  opacity: 0;  }
.srid  figure.effect-layla figcaption::before {  top: 90px;  right: 30px;  bottom: 260px;  left: 180px;  width:25%;
    border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);
    transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;
}

.srid figure.effect-layla figcaption::after {  top: 330px;  right: 50px;  bottom: 0px;  left: 50px;
    /*border-right: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;
}

.srid figure.effect-layla h2 {  padding-top: 26%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;
}

.srid figure.effect-layla p {  padding: 0.5em 0;  text-transform: none;  opacity: 0;  -webkit-transform: translate3d(0,-10px,0);  transform: translate3d(0,-10px,0);
}
.srid figure.effect-layla p a{display: inline-block;margin-right: 55px;}

.srid figure.effect-layla img,
.srid figure.effect-layla h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.srid figure.effect-layla img,
.srid figure.effect-layla figcaption::before,
.srid figure.effect-layla figcaption::after,
.srid figure.effect-layla p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
}
.srid figure.effect-layla:hover img {  opacity: 0.9;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.srid figure.effect-layla:hover figcaption::before,
.srid figure.effect-layla:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }

.srid figure.effect-layla:hover h2,
.srid figure.effect-layla:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}

.srid figure.effect-layla:hover figcaption::after,
.srid figure.effect-layla:hover h2,
.srid figure.effect-layla:hover p,
.srid figure.effect-layla:hover img {  -webkit-transition-delay: 0.15s;  transition-delay: 0.15s;  }

/*------------------------------*/
.prid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.prid figure {  position: relative;  overflow: hidden;  height: 267px;  text-align: center;  cursor: pointer;  }
.prid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.prid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.prid figure figcaption::before,
.prid figure figcaption::after {  pointer-events: none;  }
.prid figure figcaption,
.prid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.prid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.prid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.prid figure h2 span {  font-weight: 800;  }
.prid figure h2,
.prid figure p {  margin: 0;  color:#020202  }
.prid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202}
.prid figure p {  letter-spacing: 2px;  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

.prid  figure.effect-layla {  background: #18a367;  }
.prid  figure.effect-layla img {  height: 267px;  }
.prid  figure.effect-layla figcaption {  padding-top:100px;  }
.prid  figure.effect-layla figcaption:hover{  background: #391d57;  opacity: 0.8; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;  }
.prid  figure.effect-layla figcaption::before,
.prid  figure.effect-layla figcaption::after {  position: absolute;  content: '';  opacity: 0;  }
.prid  figure.effect-layla figcaption::before {  top: 90px;  right: 30px;  bottom: 260px;  left: 140px;  width:25%;
    border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);
    transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;
}

.prid figure.effect-layla figcaption::after {  top: 330px;  right: 50px;  bottom: 270px;  left: 50px;
    /*border-right: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;
}
.prid figure.effect-layla h2 {  padding-top: 26%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;
}

.prid figure.effect-layla p {  padding: 0.5em 0;  text-transform: none;  opacity: 0;  -webkit-transform: translate3d(0,-10px,0);  transform: translate3d(0,-10px,0);
}
.prid figure.effect-layla p a{display: inline-block;margin-right: 57px;}
.prid figure.effect-layla img,
.prid figure.effect-layla h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.prid figure.effect-layla img,
.prid figure.effect-layla figcaption::before,
.prid figure.effect-layla figcaption::after,
.prid figure.effect-layla p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
}
.prid figure.effect-layla:hover img {  opacity: 0.9;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.prid figure.effect-layla:hover figcaption::before,
.prid figure.effect-layla:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }

.prid figure.effect-layla:hover h2,
.prid figure.effect-layla:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}

.prid figure.effect-layla:hover figcaption::after,
.prid figure.effect-layla:hover h2,
.prid figure.effect-layla:hover p,
.prid figure.effect-layla:hover img {  -webkit-transition-delay: 0.15s;  transition-delay: 0.15s;  }


/**************************************/
.hrid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.hrid figure {  position: relative;  overflow: hidden;  height: 267px;  text-align: center;  cursor: pointer;  }
.hrid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.hrid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.hrid figure figcaption::before,
.hrid figure figcaption::after {  pointer-events: none;  }
.hrid figure figcaption,
.hrid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.hrid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.hrid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.hrid figure h2 span {  font-weight: 800;  }
.hrid figure h2,
.hrid figure p {  margin: 0;  color:#020202  }
.hrid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202}
.hrid figure p {  letter-spacing: 2px;  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

.hrid  figure.effect-layla {  background: #b09f8f;  }
.hrid  figure.effect-layla img {  height: 267px;  }
.hrid  figure.effect-layla figcaption {  padding-top:100px;  }
.hrid  figure.effect-layla figcaption:hover{  background: #b09f8f;  opacity: 0.8; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;  }
.hrid  figure.effect-layla figcaption::before,
.hrid  figure.effect-layla figcaption::after {  position: absolute;  content: '';  opacity: 0;  }
.hrid  figure.effect-layla figcaption::before {  top: 90px;  right: 30px;  bottom: 260px;  left: 120px;  width:25%;
    border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);
    transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;
}

.hrid figure.effect-layla figcaption::after {  top: 330px;  right: 50px;  bottom: 230px;  left: 50px;
    /*border-right: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;
}

.hrid figure.effect-layla h2 {  padding-top: 26%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;
}

.hrid figure.effect-layla p {  padding: 0.5em 2em;  text-transform: none;  opacity: 0;  -webkit-transform: translate3d(0,-10px,0);  transform: translate3d(0,-10px,0);
}
.hrid figure.effect-layla p a{display: inline-block;margin-right: 55px}


.hrid figure.effect-layla img,
.hrid figure.effect-layla h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.hrid figure.effect-layla img,
.hrid figure.effect-layla figcaption::before,
.hrid figure.effect-layla figcaption::after,
.hrid figure.effect-layla p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
}
.hrid figure.effect-layla:hover img {  opacity: 0.9;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.hrid figure.effect-layla:hover figcaption::before,
.hrid figure.effect-layla:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }

.hrid figure.effect-layla:hover h2,
.hrid figure.effect-layla:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}

.hrid figure.effect-layla:hover figcaption::after,
.hrid figure.effect-layla:hover h2,
.hrid figure.effect-layla:hover p,
.hrid figure.effect-layla:hover img {  -webkit-transition-delay: 0.15s;  transition-delay: 0.15s;  }


/** yrid ************************************/
.yrid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.yrid figure {  position: relative;  overflow: hidden;  height: 267px;  text-align: center;  cursor: pointer;  }
.yrid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.yrid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.yrid figure figcaption::before,
.yrid figure figcaption::after {  pointer-events: none;  }
.yrid figure figcaption,
.yrid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.yrid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.yrid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.yrid figure h2 span {  font-weight: 800;  }
.yrid figure h2,
.yrid figure p {  margin: 0;  color:#020202  }
.yrid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202}
.yrid figure p {  letter-spacing: 2px;  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

.yrid  figure.effect-layla {  background: #a79c66;  }
.yrid  figure.effect-layla img {  height: 267px;  }
.yrid figure.effect-layla figcaption {  padding-top:100px;  }
.yrid  figure.effect-layla figcaption:hover{  background: #a79c66;  opacity: 0.8; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;  }
.yrid  figure.effect-layla figcaption::before,
.yrid  figure.effect-layla figcaption::after {  position: absolute;  content: '';  opacity: 0;  }
.yrid  figure.effect-layla figcaption::before {  top: 90px;  right: 30px;  bottom: 260px;  left: 200px;  width:25%;
    border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);
    transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;
}

.yrid figure.effect-layla figcaption::after {  top: 330px;  right: 50px;  bottom: 230px;  left: 50px;
    /*border-right: 1px solid #fff;*/
    /*border-left: 1px solid #fff;*/
    -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;
}

.yrid figure.effect-layla h2 {  padding-top: 26%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;
}

.yrid figure.effect-layla p {  padding: 0.5em 2em;  text-transform: none;  opacity: 0;  -webkit-transform: translate3d(0,-10px,0);  transform: translate3d(0,-10px,0);
}
.yrid figure.effect-layla p a{margin-right: 55px;display: inline-block}
.yrid figure.effect-layla img,
.yrid figure.effect-layla h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.yrid figure.effect-layla img,
.yrid figure.effect-layla figcaption::before,
.yrid figure.effect-layla figcaption::after,
.yrid figure.effect-layla p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
}
.yrid figure.effect-layla:hover img {  opacity: 0.9;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}
.yrid figure.effect-layla:hover figcaption::before,
.yrid figure.effect-layla:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }

.yrid figure.effect-layla:hover h2,
.yrid figure.effect-layla:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
}

.yrid figure.effect-layla:hover figcaption::after,
.yrid figure.effect-layla:hover h2,
.yrid figure.effect-layla:hover p,
.yrid figure.effect-layla:hover img {  -webkit-transition-delay: 0.15s;  transition-delay: 0.15s;  }


/*******APPLO*******/


/*-----------------*/
/***** Apollo *****/
/*-----------------*/
.crid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.crid figure {  position: relative;  overflow: hidden;  height: 282px;  text-align: center;  cursor: pointer;  }
.crid figure img {  position: relative;     }
.crid figure figcaption {    color: #fff;  text-transform: uppercase;  font-size: 1.25em;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.crid figure figcaption::before,
.crid figure figcaption::after {  pointer-events: none;  }
.crid figure figcaption,
.crid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.crid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.crid figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.crid figure h2 span {  font-weight: 800;  }
.crid figure h2,
.crid figure p {  margin: 0;  color:#020202  }
.crid figure p a{text-align: center; text-decoration: underline; font-size: 18px;color:#020202}
.crid figure p {  letter-spacing: 2px;  font-size: 68.5%;}
.crid figure.effect-apollo {

}

.crid figure.effect-apollo img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    /*-webkit-transform: scale3d(1.05,1.05,1);*/
    /*transform: scale3d(1.05,1.05,1);*/
}

.crid figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.crid figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.crid figure.effect-apollo h2 {
    text-align: left;
}

.crid figure.effect-apollo:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.crid figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.crid figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

/************************mrid******************************/
.mrid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }

/* Common style */
.mrid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.mrid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;

}

.mrid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mrid figure figcaption::before,
.mrid figure figcaption::after {
    pointer-events: none;
}

.mrid figure figcaption,
.mrid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.mrid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.mrid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.mrid figure h2 span {
    font-weight: 800;
}

.mrid figure h2,
.mrid figure p {
    margin: 0;
}

.mrid figure p {
    letter-spacing: 2px;
    font-size: 68.5%;
}
.mrid figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg, #fff 0%,#fff 100%);
    background: linear-gradient(-45deg, #fff 0%,#fff 100%);
}

.mrid figure.effect-jazz img {
    /*opacity: 0.9;*/
}

.mrid figure.effect-jazz figcaption::after,
.mrid figure.effect-jazz img,
.mrid figure.effect-jazz p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.mrid figure.effect-jazz figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mrid figure.effect-jazz h2,
.mrid figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
}

.mrid figure.effect-jazz h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.mrid figure.effect-jazz p {
    padding: 0.5em 2em;
    text-transform: none;
    font-size: 0.85em;
    opacity: 0;
}

.mrid figure.effect-jazz:hover img {
    opacity: 0.7;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

.mrid figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

.mrid figure.effect-jazz:hover h2,
.mrid figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/******************************8zrid**************************/
.zrid {  position: relative;  clear: both;  list-style: none;  text-align: center;  }

/* Common style */
.zrid figure {  position: relative;  float: left;  overflow: hidden;  background: #3085a3;  text-align: center;  cursor: pointer;
}

.zrid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }

.zrid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em; -webkit-backface-visibility: hidden;  backface-visibility: hidden;
}

.zrid figure figcaption::before,
.zrid figure figcaption::after {
    pointer-events: none;
}

.zrid figure figcaption,
.zrid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.zrid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;
}
.zrid figure h2 {  word-spacing: -0.15em;  font-weight: 300;
}
.zrid figure h2 span {  font-weight: 800;
}
.zrid figure h2,
.zrid figure p {  margin: 0;  }
.zrid figure p {  letter-spacing: 2px;  font-size: 68.5%;
}

.zrid figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding-top: 5px;
    height: 37px;
    background: #fff;
    color: #000;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    opacity: 0.5;
}

.zrid figure.effect-zoe h2 {
    float: left;
    line-height: 37px ;
    margin-top: 20px;
}

.zrid figure.effect-zoe p.icon-links a {
    float: right;
    color: #000;
    font-size: 14px;
}

.zrid figure.effect-zoe:hover p.icon-links a:hover,
.zrid figure.effect-zoe:hover p.icon-links a:focus {
    color: #000;
}

.zrid figure.effect-zoe p.description {
    position: absolute;
    bottom: 80px;
    padding: 20px;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.zrid figure.effect-zoe h2,
.zrid figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}

.zrid figure.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zrid .icon-eye::before {
    content: '\e000';
}

.zrid .icon-paper-clip::before {
    content: '\e001';
}

.zrid .icon-heart::before {
    content: '\e024';
}

.zrid figure.effect-zoe h2 {
    display: inline-block;
}

.zrid figure.effect-zoe:hover p.description {
    opacity: 1;
}

.zrid figure.effect-zoe:hover figcaption,
.zrid figure.effect-zoe:hover h2,
.zrid figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.zrid figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.zrid figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.zrid figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.zrid figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/*ming*/
.ca {  position: relative;  clear: both;  list-style: none;  text-align: center;  }
/* Common style */
.ca figure {  position: relative;  overflow: hidden;  height:187px;  text-align: center;  cursor: pointer;  }
.ca figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  }
.ca figure figcaption {    color: #fff;  text-transform: uppercase;  font-size: 13px;
    -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.ca figure figcaption::before,
.ca figure figcaption::after {  pointer-events: none;  }
.ca figure figcaption,
.ca figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.ca figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;  }
.ca figure h2 {  word-spacing: -0.15em;  font-weight: 300;  }
.ca figure h2 span {  font-weight: 800;  }
.ca figure h2,
.ca figure p {  margin: 0;  color:#fff ;padding-top: 15px;}
.ca figure p a{text-align: center; text-decoration: underline; font-size: 13px;color:#fff; }
.ca figure p {  letter-spacing:2px;  font-size: 68.5%;
}
.ca figure.effect-ming {
    background: #030c17;
}

.ca figure.effect-ming img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.ca figure.effect-ming figcaption::before {
    /*position: absolute;*/
    /*top: 30px;*/
    /*right: 30px;*/
    /*bottom: 30px;*/
    /*left: 30px;*/
    /*border: 2px solid #fff;*/
    /*box-shadow: 0 0 0 30px rgba(255,255,255,0.2);*/
    /*content: '';*/
    /*opacity: 0;*/
    /*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/
    /*transition: opacity 0.35s, transform 0.35s;*/
    /*-webkit-transform: scale3d(1.4,1.4,1);*/
    /*transform: scale3d(1.4,1.4,1);*/
}

.ca figure.effect-ming h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.ca figure.effect-ming p {
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.ca figure.effect-ming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.ca figure.effect-ming:hover figcaption::before,
.ca figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.ca figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}

.ca figure.effect-ming:hover img {
    opacity: 0.4;
}


/*
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
[class^='imghvr-'],
[class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
    background-color: inherit;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
    margin: 0;
    padding: 0;
    color: #fff;
}
[class^='imghvr-'] h3{margin-top: 50px; font-size: 25px; text-decoration: underline}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
/* imghvr-fade
   ----------------------------- */
.imghvr-fade figcaption {
    opacity: 0;
}
.imghvr-fade:hover > img {
    opacity: 0;
}
.imghvr-fade:hover figcaption {
    opacity: 1;
}
/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.imghvr-push-up:hover > img {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
/* imghvr-push-left
   ----------------------------- */
.imghvr-push-left figcaption {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.imghvr-push-left:hover > img {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
/* imghvr-push--right
   ----------------------------- */
.imghvr-push-right figcaption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
/* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-']:hover figcaption,
[class*=' imghvr-slide-']:hover figcaption {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up figcaption {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: inherit;
}
/* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down figcaption {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: inherit;
}
/* imghvr-slide-left
   ----------------------------- */
.imghvr-slide-left figcaption {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: inherit;
}
/* imghvr-slide-right
   ----------------------------- */
.imghvr-slide-right figcaption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before,
[class*=' imghvr-reveal-']:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: inherit;
}
[class^='imghvr-reveal-'] figcaption,
[class*=' imghvr-reveal-'] figcaption {
    opacity: 0;
}
[class^='imghvr-reveal-']:hover:before,
[class*=' imghvr-reveal-']:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption,
[class*=' imghvr-reveal-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* imghvr-reveal-up
   ----------------------------- */
.imghvr-reveal-up:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
/* imghvr-reveal-down
   ----------------------------- */
.imghvr-reveal-down:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* imghvr-reveal-left
   ----------------------------- */
.imghvr-reveal-left:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
/* imghvr-reveal-right
   ----------------------------- */
.imghvr-reveal-right:before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
/* imghvr-hinge-*
   ----------------------------- */
[class^='imghvr-hinge-'],
[class*=' imghvr-hinge-'] {
    -webkit-perspective: 50em;
    perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption,
[class*=' imghvr-hinge-'] figcaption {
    opacity: 0;
    z-index: 1;
}
[class^='imghvr-hinge-']:hover img,
[class*=' imghvr-hinge-']:hover img {
    opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption,
[class*=' imghvr-hinge-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* imghvr-hinge-up
   ----------------------------- */
.imghvr-hinge-up img {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/* imghvr-hinge-down
   ----------------------------- */
.imghvr-hinge-down img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% -50%;
    -ms-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/* imghvr-hinge-left
   ----------------------------- */
.imghvr-hinge-left img {
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* imghvr-hinge-right
   ----------------------------- */
.imghvr-hinge-right img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* imghvr-flip-*
   ----------------------------- */
[class^='imghvr-flip-'],
[class*=' imghvr-flip-'] {
    -webkit-perspective: 50em;
    perspective: 50em;
}
[class^='imghvr-flip-'] img,
[class*=' imghvr-flip-'] img {
    backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption,
[class*=' imghvr-flip-'] figcaption {
    opacity: 0;
}
[class^='imghvr-flip-']:hover > img,
[class*=' imghvr-flip-']:hover > img {
    opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption,
[class*=' imghvr-flip-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
/* imghvr-flip-horiz
   ----------------------------- */
.imghvr-flip-horiz figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/* imghvr-flip-vert
   ----------------------------- */
.imghvr-flip-vert figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* imghvr-flip-diag-1
   ----------------------------- */
.imghvr-flip-diag-1 figcaption {
    -webkit-transform: rotate3d(1, -1, 0, 100deg);
    transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
    -webkit-transform: rotate3d(-1, 1, 0, 100deg);
    transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-flip-diag-2
   ----------------------------- */
.imghvr-flip-diag-2 figcaption {
    -webkit-transform: rotate3d(1, 1, 0, 100deg);
    transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
    -webkit-transform: rotate3d(-1, -1, 0, 100deg);
    transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-shutter-out-*
   ----------------------------- */
[class^='imghvr-shutter-out-']:before,
[class*=' imghvr-shutter-out-']:before {
    background: inherit;
    position: absolute;
    content: '';
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
[class^='imghvr-shutter-out-'] figcaption,
[class*=' imghvr-shutter-out-'] figcaption {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before,
[class*=' imghvr-shutter-out-']:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption,
[class*=' imghvr-shutter-out-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
/* imghvr-shutter-out-horiz
   ----------------------------- */
.imghvr-shutter-out-horiz:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
    left: 0;
    right: 0;
}
/* imghvr-shutter-out-vert
   ----------------------------- */
.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
}
.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0;
}
/* imghvr-shutter-out-diag-1
   ----------------------------- */
.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
    top: -35%;
    bottom: -35%;
}
/* imghvr-shutter-out-diag-2
   ----------------------------- */
.imghvr-shutter-out-diag-2:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
    top: -35%;
    bottom: -35%;
}
/* imghvr-shutter-in-*
   ----------------------------- */
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after,
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
    background: inherit;
    position: absolute;
    content: '';
}
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after {
    top: 0;
    left: 0;
}
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
    right: 0;
    bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption,
[class*=' imghvr-shutter-in-'] figcaption {
    opacity: 0;
    z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption,
[class*=' imghvr-shutter-in-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* imghvr-shutter-in-horiz
   ----------------------------- */
.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%;
}
.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
    width: 50%;
}
/* imghvr-shutter-in-vert
   ----------------------------- */
.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
    height: 0;
    width: 100%;
}
.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
    height: 50%;
}
/* imghvr-shutter-in-out-horiz
   ----------------------------- */
.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
    width: 0;
    height: 100%;
}
.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
    width: 100%;
}
/* imghvr-shutter-in-out-vert
   ----------------------------- */
.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
    height: 0;
    width: 100%;
}
.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
    height: 100%;
}
/* imghvr-shutter-in-out-diag-1
   ----------------------------- */
.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.imghvr-shutter-in-out-diag-1:after {
    -webkit-transform: skew(-45deg) translateX(-150%);
    transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
    -webkit-transform: skew(-45deg) translateX(150%);
    transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
    -webkit-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
    -webkit-transform: skew(-45deg) translateX(50%);
    transform: skew(-45deg) translateX(50%);
}
/* imghvr-shutter-in-out-diag-2
   ----------------------------- */
.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.imghvr-shutter-in-out-diag-2:after {
    -webkit-transform: skew(45deg) translateX(-100%);
    transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
    -webkit-transform: skew(45deg) translateX(100%);
    transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
    -webkit-transform: skew(45deg) translateX(0%);
    transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
    -webkit-transform: skew(45deg) translateX(0%);
    transform: skew(45deg) translateX(0%);
}
/* imghvr-fold*
   ----------------------------- */
[class^='imghvr-fold'],
[class*=' imghvr-fold'] {
    -webkit-perspective: 50em;
    perspective: 50em;
}
[class^='imghvr-fold'] img,
[class*=' imghvr-fold'] img {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption,
[class*=' imghvr-fold'] figcaption {
    z-index: 1;
    opacity: 0;
}
[class^='imghvr-fold']:hover > img,
[class*=' imghvr-fold']:hover > img {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption,
[class*=' imghvr-fold']:hover figcaption {
    -webkit-transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
    transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* imghvr-fold-up
   ----------------------------- */
.imghvr-fold-up > img {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
    -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
    -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
    transform: rotateX(90deg) scale(0.6) translateY(50%);
}
/* imghvr-fold-down
   ----------------------------- */
.imghvr-fold-down > img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
    -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
    -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
/* imghvr-fold-left
   ----------------------------- */
.imghvr-fold-left > img {
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
    -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
    -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
    transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
/* imghvr-fold-right
   ----------------------------- */
.imghvr-fold-right {
    -webkit-perspective: 50em;
    perspective: 50em;
}
.imghvr-fold-right > img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
    -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
    -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
    transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* imghvr-zoom-out*
   ----------------------------- */
[class^='imghvr-zoom-out'] figcaption,
[class*=' imghvr-zoom-out'] figcaption {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption,
[class*=' imghvr-zoom-out']:hover figcaption,
[class^='imghvr-zoom-out'].hover figcaption,
[class*=' imghvr-zoom-out'].hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/* imghvr-zoom-out
   ----------------------------- */
.imghvr-zoom-out:hover > img {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
/* imghvr-zoom-out-up
   ----------------------------- */
.imghvr-zoom-out-up:hover > img,
.imghvr-zoom-out-up.hover > img {
    -webkit-animation: imghvr-zoom-out-up 0.4s linear;
    animation: imghvr-zoom-out-up 0.4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0.5;
    }
}
@keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0.5;
    }
}
/* imghvr-zoom-out-down
   ----------------------------- */
.imghvr-zoom-out-down:hover > img,
.imghvr-zoom-out-down.hover > img {
    -webkit-animation: imghvr-zoom-out-down 0.4s linear;
    animation: imghvr-zoom-out-down 0.4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0.5;
    }
}
@keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0.5;
    }
}
/* imghvr-zoom-out-left
   ----------------------------- */
.imghvr-zoom-out-left:hover > img,
.imghvr-zoom-out-left.hover > img {
    -webkit-animation: imghvr-zoom-out-left 0.4s linear;
    animation: imghvr-zoom-out-left 0.4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0.5;
    }
}
@keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0.5;
    }
}
/* imghvr-zoom-out-right
   ----------------------------- */
.imghvr-zoom-out-right:hover > img,
.imghvr-zoom-out-right.hover > img {
    -webkit-animation: imghvr-zoom-out-right 0.4s linear;
    animation: imghvr-zoom-out-right 0.4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0.5;
    }
}
@keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0.5;
    }
}
/* imghvr-zoom-out-flip-horiz
   ----------------------------- */
.imghvr-zoom-out-flip-horiz {
    -webkit-perspective: 50em;
    perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img,
.imghvr-zoom-out-flip-horiz.hover > img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    transform: rotateX(-100deg) translateY(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption,
.imghvr-zoom-out-flip-horiz.hover figcaption {
    -webkit-transform: rotateX(0deg) translateY(0%) scale(1);
    transform: rotateX(0deg) translateY(0%) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/* imghvr-zoom-out-flip-vert
   ----------------------------- */
.imghvr-zoom-out-flip-vert {
    -webkit-perspective: 50em;
    perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
    transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img,
.imghvr-zoom-out-flip-vert.hover > img {
    -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    transform: rotateY(-100deg) translateX(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.imghvr-zoom-out-flip-vert:hover figcaption,
.imghvr-zoom-out-flip-vert.hover figcaption {
    -webkit-transform: rotateY(0deg) translate(0px, 0px) scale(1);
    transform: rotateY(0deg) translate(0px, 0px) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/* imghvr-blur
   ----------------------------- */
.imghvr-blur figcaption {
    opacity: 0;
}
.imghvr-blur:hover > img {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
.imghvr-blur:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}