/*Modified By.Herjuanto Ladoeng YJ 2017 medsosid.esy.es*/

[class^='imghvr-'],

[class*=' imghvr-'] {

  position: relative;

  display: inline-block;

  margin: 0px;

  max-width: 100%;

  background-color: transparent;

  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 {

	transition: 0.5s;

	background-color: #ecda32;

	padding: 15px;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	color: #ffffff;

	text-align: center;

	text-shadow: 0 1px 2px rgba(0,0,0,.6);

}

[class^='imghvr-'] figcaption h1,

[class*=' imghvr-'] figcaption h1,

[class^='imghvr-'] figcaption h2,

[class*=' imghvr-'] figcaption h2,

[class^='imghvr-'] figcaption h3,

[class*=' imghvr-'] figcaption h3,

[class^='imghvr-'] figcaption h4,

[class*=' imghvr-'] figcaption h4,

[class^='imghvr-'] figcaption h5,

[class*=' imghvr-'] figcaption h5,

[class^='imghvr-'] figcaption h6,

[class*=' imghvr-'] figcaption h6 {

  color: #ffffff;

}

[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-*

   ----------------------------- */

[class^='imghvr-fade'] figcaption,

[class*=' imghvr-fade'] figcaption {

  opacity: 0;

}

[class^='imghvr-fade']:hover > img,

[class*=' imghvr-fade']:hover > img {

  opacity: 0;

}

[class^='imghvr-fade']:hover figcaption,

[class*=' imghvr-fade']:hover figcaption {

  opacity: 1;

}

[class^='imghvr-fade']:hover > img,

[class*=' imghvr-fade']:hover > img,

[class^='imghvr-fade']:hover figcaption,

[class*=' imghvr-fade']:hover figcaption {

  -webkit-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}



/* 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%);

}