.crp-tile-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  /* css bug fix for Safari*/
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
}

.crp-tile-inner * {
  position: absolute;
  margin: 0;
  padding: 0;

  /* css bug fix for Safari*/
  -webkit-font-smoothing: antialiased;
}

/* Item overlay [end] */

.crp-tile-inner .overlayM,
.crp-tile-inner .overlayT,
.crp-tile-inner .overlayB,
.crp-tile-inner .overlayL,
.crp-tile-inner .overlayR {
  display: none;

  width: 100%;
  height: 100%;

  background: rgba(0,0,0,0.5);

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* Overlay common [end] */

/* Overlay */
.overlay-none .overlayM,
.overlay-none .overlayT,
.overlay-none .overlayB,
.overlay-none .overlayL,
.overlay-none .overlayR {
  display: none;
}
/* Overlay none [ end ] */

.overlay00 .overlayM {
  display: block;

  opacity: 0;
}

.overlay00:hover .overlayM,
.overlay00:focus .overlayM {
  opacity: 1;
}
/* Overlay 00 [end] */

.overlay01 .overlayT,
.overlay01 .overlayB {
  display: block;
  left: 0;
}

.overlay01 .overlayT {
  top: -100%;
}

.overlay01 .overlayB {
  top: 100%;
}

.overlay01:hover .overlayT {
  top: 0;
}

.overlay01:hover .overlayB {
  top: 0;
}
/* Overlay 01 [ end ] */

.overlay02 .overlayL,
.overlay02 .overlayR {
  display: block;
  top: 0;
}

.overlay02 .overlayL {
  left: -100%;
}

.overlay02 .overlayR {
  left: 100%;
}

.overlay02:hover .overlayL,
.overlay02:focus .overlayL {
  left: 0;
}

.overlay02:hover .overlayR,
.overlay02:focus .overlayR {
  left: 0;
}
/* Overlay 02 [ end ] */

.overlay03 .overlayT,
.overlay03 .overlayB {
  display: block;
}

.overlay03 .overlayT {
  left: -100%;
  top: -100%;
}

.overlay03 .overlayB {
  left: 100%;
  top: 100%;
}

.overlay03:hover .overlayT,
.overlay03:focus .overlayT {
  left: 0;
  top: 0;
}

.overlay03:focus .overlayB {
  left: 0;
  top: 0;
}
/* Overlay 03 [ end ] */

.overlay04 .overlayT,
.overlay04 .overlayB {
  display: block;
}

.overlay04 .overlayT {
  left: 100%;
  top: -100%;
}

.overlay04 .overlayB {
  left: -100%;
  top: 100%;
}

.overlay04:hover .overlayT,
.overlay04:focus .overlayT {
  left: 0;
  top: 0;
}

.overlay04:hover .overlayB,
.overlay04:focus .overlayB {
  left: 0;
  top: 0;
}
/* Overlay 04 [ end ] */

.overlay05 .overlayT,
.overlay05 .overlayB {
  display: block;

  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.overlay05 .overlayT {
  left: -100%;
  top: -100%;
}

.overlay05 .overlayB {
  left: 200%;
  top: 200%;
}

.overlay05:hover .overlayT,
.overlay05:focus .overlayT {
  left: -50%;
  top: 0%;
}

.overlay05:hover .overlayB,
.overlay05:focus .overlayB {
  left: 50%;
  top: 0%;
}
/* Overlay 05 [ end ] */

.overlay06 .overlayT,
.overlay06 .overlayB {
  display: block;

  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.overlay06 .overlayT {
  left: -100%;
  top: -100%;
}

.overlay06 .overlayB {
  left: 200%;
  top: 200%;
}

.overlay06:hover .overlayT,
.overlay06:focus .overlayT {
  left: -50%;
  top: 0%;
}

.overlay06:hover .overlayB,
.overlay06:focus .overlayB {
  left: 50%;
  top: 0%;
}
/* Overlay 06 [ end ] */

.overlay07 .overlayT,
.overlay07 .overlayB {
  display: block;
}

.overlay07 .overlayT {
  height: 50%;
  left: 0;
  top: -50%;
}

.overlay07 .overlayB {
  height: 50%;
  left: 0;
  top: 100%;
}

.overlay07:hover .overlayT,
.overlay07:focus .overlayT {
  top: 0;
}

.overlay07:hover .overlayB,
.overlay07:focus .overlayB {
  top: 50%;
}
/* Overlay 07 [ end ] */

.overlay08 .overlayL,
.overlay08 .overlayR {
  display: block;
}

.overlay08 .overlayL {
  width: 50%;
  top: 0;
  left: -50%;
}

.overlay08 .overlayR {
  width: 50%;
  left: 100%;
  top: 0;
}

.overlay08:hover .overlayL,
.overlay08:focus .overlayL {
  left: 0;
}

.overlay08:hover .overlayR,
.overlay08:focus .overlayR  {
  left: 50%;
}
/* Overlay 08 [ end ] */

.overlay09 .overlayM {
  display: block;

  width: 190%;
  height: 100%;
  left: -230%;

  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.overlay09:hover .overlayM,
.overlay09:focus .overlayM {
  left: -40%;
}
/* Overlay 09 [ end ] */

.overlay10 .overlayM {
  display: block;

  width: 200%;
  height: 110%;
  left: 180%;

  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  transform: skewX(45deg);
}

.overlay10:hover .overlayM,
.overlay10:focus .overlayM {
  left: -40%;
}

/* Overlay 10 [ end ] */

.overlay11 .overlayM {
  display: block;

  width: 210%;
  height: 120%;
  left: 130%;

  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.overlay11:hover .overlayM,
.overlay11:focus .overlayM {
  left: -45%;
}
/* Overlay 11 [ end ] */

.overlay12 .overlayM {
  display: block;

  width: 210%;
  height: 120%;
  left: -250%;

  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  transform: skewX(45deg);
}

.overlay12:hover .overlayM,
.overlay12:focus .overlayM {
  left: -45%;
}
/* Overlay 12 [ end ] */

.overlay13 .overlayM {
  display: block;
  left: 0;
  top: -100%;

  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.overlay13:hover .overlayM,
.overlay13:focus .overlayM {
  top: 0;
}
/* Overlay 13 [ end ] */

.overlay14 .overlayM {
  display: block;
  left: 0;
  top: 0;

  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.overlay14:hover .overlayM,
.overlay14:focus .overlayM {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Overlay 14 [ end ] */

.overlay15 .overlayM {
  display: block;
  left: 0;
  top: 0;

  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);

  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.overlay15:hover .overlayM,
.overlay15:focus .overlayM {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
/* Overlay 15 [ end ] */


.overlay16 .overlayM {
  display: block;
  left: 0;
  top: 0;

  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);

  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.overlay16:hover .overlayM,
.overlay16:focus .overlayM {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

/* Overlay 16 [ end ] */

.overlay17 .overlayM {
  display: block;
  left: 0;
  top: -100%;

  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}

.overlay17:hover .overlayM,
.overlay17:focus .overlayM {
  top: 0;
}
/* Overlay 17 [ end ] */

.overlay18 .overlayM {
  display: block;
  left: 100%;
  top: 0;

  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.overlay18:hover .overlayM,
.overlay18:focus .overlayM {
  left: 0;
}
/* Overlay 18 [ end ] */

.overlay19 .overlayM {
  display: block;
  left: 0;
  top: 100%;

  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.overlay19:hover .overlayM,
.overlay19:focus .overlayM {
  top: 0;
}
/* Overlay 19 [ end ] */

.overlay20 .overlayM {
  display: block;

  left: -100%;
  top: 0;

  background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}

.overlay20:hover .overlayM,
.overlay20:focus .overlayM {
  left: 0;
}
/* Overlay 20 [ end ] */

.overlay21 .overlayM {
  display: block;
  left: 0;
  top: 0;

  opacity: 0;

  -webkit-transform: perspective(400px) rotateX(-90deg);
  -moz-transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  -o-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);

  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.overlay21:hover .overlayM,
.overlay21:focus .overlayM {
  opacity: 1;

  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}
/* Overlay 21 [ end ] */

.overlay22 .overlayM {
  display: block;
  left: 0;
  top: 0;

  opacity: 0;

  -webkit-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform: perspective(400px) rotateY(-90deg);

  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}

.overlay22:hover .overlayM,
.overlay22:focus .overlayM {
  opacity: 1;

  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}
/* Overlay 22 [ end ] */

.overlay23 .overlayM {
  display: block;
  left: 0;
  top: 0;

  opacity: 0;

  -webkit-transform: perspective(400px) rotateX(90deg);
  -moz-transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  -o-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);

  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

.overlay23:hover .overlayM,
.overlay23:focus .overlayM {
  opacity: 1;

  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}
/* Overlay 23 [ end ] */

.overlay24 .overlayM {
  display: block;

  left: 0;
  top: 0;

  opacity: 0;

  -webkit-transform: perspective(400px) rotateY(90deg);
  -moz-transform: perspective(400px) rotateY(90deg);
  -ms-transform: perspective(400px) rotateY(90deg);
  -o-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);

  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

.overlay24:hover .overlayM,
.overlay24:focus .overlayM {
  opacity: 1;

  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}
/* Overlay 24 [ end ] */

.overlay25 .overlayM {
  display: block;
  left: 0;
  top: 0;

  opacity: 0;

  -webkit-transform: scale(0.5) rotateZ(180deg);
  -moz-transform: scale(0.5) rotateZ(180deg);
  -ms-transform: scale(0.5) rotateZ(180deg);
  -o-transform: scale(0.5) rotateZ(180deg);
  transform: scale(0.5) rotateZ(180deg);
}

.overlay25:hover .overlayM,
.overlay25:focus .overlayM {
  opacity: 1;

  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}

/* Overlay 25 [ end ] */

.overlay26 .overlayM {
  display: block;
  left: 0;
  top: 0;
}

.overlay26:hover .overlayM,
.overlay26:focus .overlayM {
  -webkit-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
}
/* Overlay 26 [ end ] */

.overlay27 .overlayM {
  display: block;

  left: 0;
  top: -100%;
}

.overlay27:hover .overlayM,
.overlay27:focus .overlayM {
  top: 0;
}
/* Overlay 27 [end] */

.crp-tile-inner .ic {
  left: 50%;
  top:50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;

  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/

  /*background: rgba(256, 256, 255, 0.7);*/
  text-align: center;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile-inner .ic-link {
  margin-left: -45px;
}

.crp-tile-inner .ic-search {
  margin-left: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.crp-tile-inner .ic.crp-hvr-fade:hover,
.crp-tile-inner .ic.crp-hvr-fade:focus,
.crp-tile-inner .ic.crp-hvr-fade:active {
  background-color: rgba(200,0,0,0.7);
}

.crp-tile-inner .ic:hover::before,
.crp-tile-inner .ic:focus::before,
.crp-tile-inner .ic:active::before,
.crp-tile-inner .ic:hover::after,
.crp-tile-inner .ic:focus::after,
.crp-tile-inner .ic:active::after {
  background-color: rgba(200,0,0,0.7);
}

.crp-tile-inner .ic i {
  width: 40px;
  margin-left: -20px;

  line-height: 40px;
  font-size: 16px;
  text-decoration: none;

  color: rgba(10, 50, 10, 0.9);
}

/* Button common [end] */

/* Buttons */
.button-none .ic {
  display: none;
}
/* Buttons none [ end ] */

/* Static buttons */
.button00 .ic {
}
/* Button 00 [end] */

/* top to center */
.button01 .ic {
  top:-40px;
}

.button01:hover .ic,
.button01:focus .ic {
  top: 50%;
}
/* Button 01 [end] */

/* left to center */
.button02 .ic {
  left:-50px;
}

.button02:hover .ic,
.button02:focus .ic {
  left: 50%;
}
/* Button 02 [ end ] */

/* bottom to center */
.button03 .ic {
  top: calc( 100% + 20px);
}

.button03:hover .ic,
.button03:focus .ic {
  top: 50%;
}
/* Button 03 [ end ] */

/* right to center */
.button04 .ic {
  left: calc(100% + 50px);
}

.button04:hover .ic,
.button04:focus .ic {
  left:50%;
}
/* Button 04 [ end ] */

/* fade in */
.button05 .ic {
  opacity: 0;
}

.button05:hover .ic,
.button05:focus .ic {
  opacity: 1;
}
/* Button 05 [ end ] */

/* horizontal gravity to center */
.button06 .ic {
  opacity: 0;
}

.button06 .ic-link {
  transform: translateX(-60px);
}

.button06 .ic-search {
  transform: translateX(50px);
}

.button06:hover .ic,
.button06:focus .ic {
  opacity: 1;
  transform: translateX(0px);
}
/* Button 06 [ end ] */

/* zoom and fade In */
.button07 .ic {
  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);
}

.button07:hover .ic,
.button07:focus .ic {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Button 07 [ end ] */

/* Zoom and fade in */
.button08 .ic {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.button08:hover .ic,
.button08:focus .ic {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Button 08 [ end ] */

/* Zoom in and move around search icon */
.button09 .ic {
}

.button09 .ic-link {
  -webkit-transform-origin: 165% 50%;
  -moz-transform-origin: 165% 50%;
  -ms-transform-origin: 165% 50%;
  -o-transform-origin: 165% 50%;
  transform-origin: 165% 50%;
  -webkit-transform: rotateZ(0deg) scale(0);
  -moz-transform: rotateZ(0deg) scale(0);
  -ms-transform: rotateZ(0deg) scale(0);
  -o-transform: rotateZ(0deg) scale(0);
  transform: rotateZ(0deg) scale(0);
}

.button09 .ic-search {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.button09:hover .ic-link,
.button09:focus .ic-link {
  -webkit-transform: rotateZ(360deg) scale(1);
  -moz-transform: rotateZ(360deg) scale(1);
  -ms-transform: rotateZ(360deg) scale(1);
  -o-transform: rotateZ(360deg) scale(1);
  transform: rotateZ(360deg) scale(1);
}

.button09:hover .ic-search,
.button09:focus .ic-search {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Button 09 [ end ] */

/* Zoom in and move around link icon */
.button10 .ic {
}

.button10 .ic-link {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.button10 .ic-search {
  -webkit-transform-origin: -65% 50%;
  -moz-transform-origin: -65% 50%;
  -ms-transform-origin: -65% 50%;
  -o-transform-origin: -65% 50%;
  transform-origin: -65% 50%;
  -webkit-transform: rotateZ(0deg) scale(0);
  -moz-transform: rotateZ(0deg) scale(0);
  -ms-transform: rotateZ(0deg) scale(0);
  -o-transform: rotateZ(0deg) scale(0);
  transform: rotateZ(0deg) scale(0);
}

.button10:hover .ic-link,
.button10:focus .ic-link {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.button10:hover .ic-search,
.button10:focus .ic-search {
  -webkit-transform: rotateZ(360deg) scale(1);
  -moz-transform: rotateZ(360deg) scale(1);
  -ms-transform: rotateZ(360deg) scale(1);
  -o-transform: rotateZ(360deg) scale(1);
  transform: rotateZ(360deg) scale(1);
}
/* Button 10 [ end ] */

.button11 .ic {
  -webkit-transform: rotateZ(360deg) scale(0);
  -moz-transform: rotateZ(360deg) scale(0);
  -ms-transform: rotateZ(360deg) scale(0);
  -o-transform: rotateZ(360deg) scale(0);
  transform: rotateZ(360deg) scale(0);
}

.button11 .ic-link {
  -webkit-transform-origin: 105% 50%;
  -moz-transform-origin: 105% 50%;
  -ms-transform-origin: 105% 50%;
  -o-transform-origin: 105% 50%;
  transform-origin: 105% 50%;
}

.button11 .ic-search {
  -webkit-transform-origin: -5% 50%;
  -moz-transform-origin: -5% 50%;
  -ms-transform-origin: -5% 50%;
  -o-transform-origin: -5% 50%;
  transform-origin: -5% 50%;
}

.button11:hover .ic,
.button11:focus .ic {
  -webkit-transform: rotateZ(0deg) scale(1);
  -moz-transform: rotateZ(0deg) scale(1);
  -ms-transform: rotateZ(0deg) scale(1);
  -o-transform: rotateZ(0deg) scale(1);
  transform: rotateZ(0deg) scale(1);
}
/* Button 11 [ end ] */

/* Empty yet */
.button12 .ic {
}
/* Button 12 [ end ] */

/* Roll and fade in from top */
.button13 .ic {
  opacity: 0;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.button13 .ic-link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
}

.button13 .ic-search {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.button13:hover .ic,
.button13:focus .ic {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
/* Button 13 [ end ] */

/* Roll and fade in from bottom */
.button14 .ic {
  opacity: 0;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.button14 .ic-link {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.button14 .ic-search {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
}

.button14:hover .ic,
.button14:focus .ic {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
/* Button 14 [ end ] */

/* Rotation */
.button15 .ic {
  opacity: 0;
}

.button15 .ic-link {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.button15 .ic-search {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.button15:hover .ic-link,
.button15:focus .ic-link {
  opacity: 1;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.button15:hover .ic-search,
.button15:focus .ic-search {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
/* Button 15 [ end ] */

/* Vertical gravity to center with rotation */
.button16 .ic {
}

.button16 .ic-link {
  top: calc(0% - 40px);

  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.button16 .ic-search {
  top: calc(100% + 40px);

  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.button16:hover .ic-link,
.button16:focus .ic-link {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.button16:hover .ic-search,
.button16:focus .ic-search {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.button16:hover .ic,
.button16:focus .ic {
  top:50%;
}
/* Button 16 [ end ] */

/* Fade in with left rotation */
.button17 .ic {
  opacity: 0;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.button17:hover .ic,
.button17:focus .ic {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
/* Button 17 [ end ] */

/* Fade in with right rotation */
.button18 .ic {
  opacity: 0;
  -webkit-transform: rotateZ(-360deg);
  -moz-transform: rotateZ(-360deg);
  -ms-transform: rotateZ(-360deg);
  -o-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
}

.button18:hover .ic,
.button18:focus .ic {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
/* Button 18 [ end ] */

/* Empty yet */
.button19 .ic {
}
/* Button 19 [ end ] */

/* Empty yets */
.button20 .ic {
}
/* Button 20 [ end ] */

/* Zcale X */
.button21 .ic {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}

.button21:hover .ic,
.button21:focus .ic {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
/* Button 21 [ end ] */

/* Scale Y */
.button22 .ic {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}

.button22:hover .ic,
.button22:focus .ic {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
/* Button 22 [ end ] */


.crp-tile-inner .details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;

  overflow: hidden;
  backface-visibility: hidden;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile-inner .details * {
  position: relative;
  color: #fff;
}

.crp-tile-inner .details {
  padding-top: 15px;
  padding-bottom: 15px;
}

.crp-tile-inner .details h3 {
  margin: 0px 20px 8px 20px;
  font-size: 18px;

  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.crp-tile-inner .details p {
  margin: 0px 20px 0px 20px;
  font-size: 13px;
  line-height: normal;
  font-weight: normal;
}
/* Details common [end] */

/* Details */
.details-none .details {
  display: none;
}
/* Details none [ end ] */

/* Static details */
.details00 .details {
}
/* Details 00 [ end ] */

/* Right to left*/
.details01 .details {
  left: -70%;
  opacity: 0;
}

.details01:hover .details,
.details01:focus .details {
  left: 0;
  opacity: 1;
}
/* Details 01 [ end ] */

/* Top to bottom */
.details02 .details {
  top: -70%;
  opacity: 0;
  visibility: hidden;
}

.details02:hover .details,
.details02:focus .details {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 02 [ end ] */

/* Right to left */
.details03 .details {
  left: 70%;
  opacity: 0;
  visibility: hidden;
}

.details03:hover .details,
.details03:focus .details {
  left: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 03 [ end ] */

/* Bottom to top */
.details04 .details {
  top: 70%;
  opacity: 0;
  visibility: hidden;
}

.details04:hover .details,
.details04:focus .details {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 04 [ end ] */

/* Empty yet */
.details05 .details {
}

.details05:hover .details,
.details05:focus .details {
  visibility: visible;
  left: 0;
}
/* Details 05 [ end ] */


/* Empty yet */
.details06 .details {
}
/* Details 06 [ end ] */

/* Empty yet */
.details07 .details {
}
/* Details 07 [ end ] */

/* Empty yet */
.details08 .details {
}
/* Details 08 [ end ] */


/* Empty yet */
.details09 .details {
}
/* Details 09 [ end ] */


/* Empty yet */
.details10 .details {
}
/* Details 10 [ end ] */

/* Zoom in with right rotation */
.details11 .details {
  visibility: hidden;

  -webkit-transform: scale(0) rotateZ(180deg);
  -moz-transform: scale(0) rotateZ(180deg);
  -ms-transform: scale(0) rotateZ(180deg);
  -o-transform: scale(0) rotateZ(180deg);
  transform: scale(0) rotateZ(180deg);
}

.details11:hover .details,
.details11:focus .details {
  visibility: visible;

  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}
/* Details 11 [ end ] */

/* Zoom in with left rotation */
.details12 .details {
  left: -100%;
  visibility: hidden;

  -webkit-transform: scale(0.7) rotateZ(180deg);
  -moz-transform: scale(0.7) rotateZ(180deg);
  -ms-transform: scale(0.7) rotateZ(180deg);
  -o-transform: scale(0.7) rotateZ(180deg);
  transform: scale(0.7) rotateZ(180deg);
}

.details12:hover .details,
.details12:focus .details {
  visibility: visible;
  left: 0;
  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}
/* Details 12 [ end ] */

/* Fade in */
.details13 .details {
    visibility: hidden;
    opacity: 0;
}

.details13:hover .details,
.details13:focus .details {
    visibility: visible;
    opacity: 1;
}
/* Details 13 [ end ] */

/* Empty yet */
.details14 .details {
}
/* Details 14 [ end ] */

/* Empty yet */
.details15 .details {
}
/* Details 15 [ end ] */

/* Empty yet */
.details16 .details {
}
/* Details 16 [ end ] */

/* Empty yet */
.details17 .details {
}
/* Details 17 [ end ] */

/* Empty yet */
.details18 .details {
}
/* Details 18 [ end ] */

/* Empty yet */
.details19 .details {
}
/* Details 19 [ end ] */

/* Empty yet */
.details20 .details {
}
/* Details 20 [ end ] */

/* Empty yet */
.details21 .details {
}
/* Details 21 [ end ] */

/* Empty yet */
.details22 .details {
}
/* Details 22 [ end ] */


/* Gravity to bottom */
.details23 .details * {
  top: -170px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.details23 .details {
  opacity: 0;
  visibility: hidden;
}

.details23 .details h3 {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.details23 .details p {
}

.details23:hover .details,
.details23:focus .details {
  visibility: visible;
  opacity: 1;
}

.details23:hover .details *,
.details23:focus .details * {
  top: 0;
}
/* Details 23 [ end ] */

/* Gravity to top*/
.details24 .details {
  opacity: 0;
  visibility: hidden;
}

.details24 .details * {
  top: 200px;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.details24 .details h3 {
}

.details24 .details p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.details24:hover .details,
.details24:focus .details {
  opacity: 1;
  visibility: visible;
}

.details24:hover .details *,
.details24:focus .details * {
  top: 0;
}
/* Details 24 [ end ] */

/* Left & Bottom to top*/
.details25 .details * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.details25 .details {
  opacity: 0;
}

.details25 .details h3 {
  left: -100%;
}

.details25 .details p {
  top: 30px;
}

.details25:hover .details,
.details25:focus .details {
  visibility: visible;
  opacity: 1;
}

.details25:hover .details h3,
.details25:focus .details h3 {
  left: 0;
}

.details25:hover .details p,
.details25:focus .details p {
  top: 0;
}
/* Details 25 [ end ] */

/* Gravity to center */
.details26 .details * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.details26 .details {
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.details26 .details h3 {
  left: -100%;
}

.details26 .details p {
  left: 100%;
}

.details26:hover .details,
.details26:focus .details {
  visibility: visible;
  opacity: 1;
}

.details26:hover .details *,
.details26:focus .details * {
  left: 0;
}
/* Details 26 [ end ] */

/* Zoom in*/
.details27:hover .details,
.details27:focus .details {
  visibility: visible;
  opacity: 1;
}

.details27 .details * {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.details27 .details {
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.details27 .details h3 {
}

.details27 .details p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.details27:hover .details *,
.details27:focus .details * {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 27 [ end ] */

/* Right to left with zoom in*/
.details28 .details {
  opacity: 0;
}

.details28 .details * {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  opacity: 0;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.details28 .details h3 {
}

.details28 .details p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.details28:hover .details,
.details28:focus .details {
  visibility: visible;
  opacity: 1;
}

.details28:hover .details *,
.details28:focus .details * {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 28 [ end ] */

/* Empty yet */
.details29 .details {
}
/* Details 29 [ end ] */

/* Empty yet */
.details30 .details {
}
/* Details 30 [ end ] */


/* Static on top */
.details31 .details {
  height: auto;
  top: 0;

  background-color: rgba(0, 0, 0, 0.5);
}

.details31:hover .details,
.details31:focus .details {
  top: 0;
}
/* Details 31 [ end ] */

/* Static on bottom */
.details32 .details {
  height: auto;
  top: auto;
  bottom: 0;

  background-color: rgba(0, 0, 0, 0.5);
}

.details32:hover .details,
.details32:focus .details {
  bottom: 0;
}
/* Details 32 [ end ] */

/* Appear from bottom */
.details33 .details {
  height: auto;
  top: auto;
  bottom: -100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details33:hover .details,
.details33:focus .details {
  bottom: 0;
}
/* Details 33 [ end ] */

/* Appear from  top */
.details34 .details {
  height: auto;
  top: -100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details34:hover .details,
.details34:focus .details {
  top: 0;
}
/* Details 34 [ end ] */

/* Appear from left to right on top*/
.details35 .details {
  height: auto;
  left: -100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details35:hover .details,
.details35:focus .details {
  left: 0;
}
/* Details 35 [ end ] */

/* Appear from right to left on top */
.details36 .details {
  height: auto;
  left: 100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details36:hover .details,
.details36:focus .details {
  left: 0;
}
/* Details 36 [ end ] */

/* Appear from left to right on bottom */
.details37 .details {
  height: auto;
  top: auto;
  bottom: 0;
  left: -100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details37:hover .details,
.details37:focus .details {
  left: 0;
}
/* Details 37 [ end ] */

/* Appear from right to left on bottom */
.details38 .details {
  height: auto;
  top: auto;
  bottom: 0;
  left: 100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details38:hover .details,
.details38:focus .details {
  left: 0;
}
/* Details 38 [ end ] */


/* Appear from top with flip animation */
.details39 .details {
  height: auto;

  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);

  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.details39:hover .details,
.details39:focus .details {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
}
/* Details 39 [ end ] */

/* Appear from bottom with flip animation */
.details40 .details {
  height: auto;
  top: auto;
  bottom: 0;

  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: perspective(600px) rotateX(90deg);
  -moz-transform: perspective(600px) rotateX(90deg);
  -ms-transform: perspective(600px) rotateX(90deg);
  -o-transform: perspective(600px) rotateX(90deg);
  transform: perspective(600px) rotateX(90deg);

  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.details40:hover .details,
.details40:focus .details {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
}
/* Details 40 [ end ] */

/* Appear from top and stik on bottom */
.details41 .details {
  height: auto;
  top: auto;
  bottom: 100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details41:hover .details,
.details41:focus .details {
  bottom: 20px;
}
/* Details 41 [ end ] */

/* Appear from bottom and stik on top */
.details42 .details {
  height: auto;
  top: 100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.details42:hover .details,
.details42:focus .details {
  top: 20px;
}
/* Details 42 [ end ] */

/* Appear with zoom in on bottom */
.details43 .details {
  height: auto;
  top: auto;
  bottom: 20px;

  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);

  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.details43:hover .details,
.details43:focus .details {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 43 [ end ] */

/* Appear with zoom in on top */
.details44 .details {
  height: auto;
  top: 20px;

  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);

  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.details44:hover .details,
.details44:focus .details {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 44 [ end ] */

.image01 .crp-tile-img,
.image02 .crp-tile-img,
.image03 .crp-tile-img,
.image04 .crp-tile-img,
.image05 .crp-tile-img,
.image06 .crp-tile-img,
.image07 .crp-tile-img {
  /*
  -webkit-transition: transform 0.3s, filter 0.3s;
  -moz-transition: transform 0.3s, filter 0.3s;
  -o-transition: transform 0.3s, filter 0.3s;
  transition: transform 0.3s, filter 0.3s;
  */

  /* css animation bug fix */
  transition-property: transform, filter, -webkit-filter;
  transition-duration: .3s, .3s, .3s;
  transition-delay: 0s, 0s, 0s;
}
/* Image common [end] */

/* Buttons */
.image-none .crp-tile-img {
}
/* Buttons none [ end ] */

/* Zoom In */
.image01 .crp-tile-img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.image01:hover .crp-tile-img,
.image01:focus .crp-tile-img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* Image 01 [ end ] */

/* Zoom Out */
.image02 .crp-tile-img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.image02:hover .crp-tile-img,
.image02:focus .crp-tile-img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Image 01 [ end ] */

/* Blur */
.image03 .crp-tile-img {
}

.image03:hover .crp-tile-img,
.image03:focus .crp-tile-img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
/* Image 03 [ end ] */

/* Zoom in with blur */
.image04 .crp-tile-img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.image04:hover .crp-tile-img,
.image04:focus .crp-tile-img {
  -webkit-filter: blur(2px);
  filter: blur(2px);

  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* Image 04 [ end ] */

/* To grayscale */
.image05 .crp-tile-img {
}

.image05:hover .crp-tile-img,
.image05:focus .crp-tile-img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/* Image 05 [ end ] */


/* To RGB */
.image06 .crp-tile-img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.image06:hover .crp-tile-img,
.image06:focus .crp-tile-img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
/* Image 06 [ end ] */

/* Zoom in with rotation */
.image07 .crp-tile-img {
}

.image07:hover .crp-tile-img,
.image07:focus .crp-tile-img {
  -webkit-transform: rotate(5deg) scale(1.2);
  -moz-transform: rotate(5deg) scale(1.2);
  -ms-transform: rotate(5deg) scale(1.2);
  -o-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}
/* Image 07 [ end ] */

.crp-tile-inner .share-panel {
  display: block;
  position: absolute;
  width: auto;
  height: auto;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile-inner .ic-share {
  display: block;
  position: relative;
  float: left;
  height: 40px;
  width: 40px;
  line-height: 40px;

  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/

  /*-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;*/

  text-align: center;
  text-decoration: none;
  border: 0px solid;
  box-shadow: 0px;

  opacity: 1;
}

.crp-tile-inner .ic-share:hover,
.crp-tile-inner .ic-share:focus {
  opacity: .7;
}

.crp-tile-inner .ic-share i {
  width: 40px;
  margin-left: -20px;

  line-height: 40px;
  font-size: 16px;
  text-decoration: none;

  color: #fff;
}

.crp-tile-inner .ic-share.ic-facebook {
  background-color: #3b5998;

  transition-property: top, left, right, bottom, opacity;
  transition-duration: .2s, .2s, .2s, .2s, .2s;
  transition-delay: 0s, 0s, 0s, 0s, 0s;

  /*-webkit-transition-delay: 0s, opacity 0;
  transition-delay: 0s, opacity 0;*/
}

.crp-tile-inner .ic-share.ic-twitter {
  background-color: #55acee;

  transition-property: top, left, right, bottom, opacity;
  transition-duration: .2s, .2s, .2s, .2s, .2s;
  transition-delay: .1s, .1s, .1s, .1s, 0s;

  /*-webkit-transition-delay: 0.1s, opacity 0;
  transition-delay: 0.1s, opacity 0;*/
}

.crp-tile-inner .ic-share.ic-plus {
  background-color: #dd4b39;

  transition-property: top, left, right, bottom, opacity;
  transition-duration: .2s, .2s, .2s, .2s, .2s;
  transition-delay: .2s, .2s, .2s, .2s, 0s;

  /*-webkit-transition-delay: 0.2s, opacity 0;
  transition-delay: 0.2s, opacity 0;*/
}

.crp-tile-inner .ic-share.ic-pinterest {
  background-color: #cc2127;

  transition-property: top, left, right, bottom, opacity;
  transition-duration: .2s, .2s, .2s, .2s, .2s;
  transition-delay: .3s, .3s, .3s, .3s, 0s;

  /*-webkit-transition-delay: all 0.3s, opacity 0;
  transition-delay: all 0.3s, opacity 0;*/
}

.crp-tile-inner .ic-share.ic-linkedin {
  background-color: #0976b4;

  transition-property: top, left, right, bottom, opacity;
  transition-duration: .2s, .2s, .2s, .2s, .2s;
  transition-delay: .4s, .4s, .4s, .4s, 0s;

  /*-webkit-transition-delay: 0.4s, opacity 0;
  transition-delay: 0.4s, opacity 0;*/
}

/* Social common [end] */

/* Buttons */
.share-none .share-panel {
  display: none;
}
/* Buttons none [ end ] */

/* Horizontal static share button on top left corner */
.share01 .share-panel {
  left: 0;
  top: 0;
}

.share01 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

/*Social Media Button 01 [ end ] */

/* Horizontal static share button on bottom left corner */
.share02 .share-panel {
  left: 0;
  bottom: 0;
}

.share02 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

/*Social Media Button 02 [ end ] */

/* Horizontal static share button on  top right corner */
.share03 .share-panel {
  right: 0;
  top: 0;
}

.share03 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 03 [ end ] */

/* Horizontal static share button on bottom right corner */
.share04 .share-panel {
  right: 0;
  bottom: 0;
}

.share04 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 04 [ end ] */

/* Appear horizontal share buttons on top left corner */
.share05 .share-panel {
  left: 0;
  top: -40px;
}

.share05:hover .share-panel,
.share05:focus .share-panel {
  left: 0;
  top: 0;
}
/*Social Media Button 05 [ end ] */

/* Appear horizontal share button on bottom left corner */
.share06 .share-panel {
  left: 0;
  bottom: -40px;
}

.share06:hover .share-panel,
.share06:focus .share-panel {
  left: 0;
  bottom: 0;
}
/*Social Media Button 06 [ end ] */

/* Appear horizontal share button on  top right corner */
.share07 .share-panel {
  right: 0;
  top: -40px;
}

.share07:hover .share-panel,
.share07:focus .share-panel {
  right: 0;
  top: 0;
}
/*Social Media Button 07 [ end ] */

/* Appear horizontal share button on bottom right corner */
.share08 .share-panel {
  right: 0;
  bottom: -40px;
}

.share08:hover .share-panel,
.share08:focus .share-panel {
  right: 0;
  bottom: 0;
}
/*Social Media Button 08 [ end ] */

/* Vertical static share button on top left corner */
.share09 .share-panel {
  left: 0;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share09 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 09 [ end ] */

/* Vertical static share button on bottom left corner */
.share10 .share-panel {
  left: 0;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share10 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 10 [ end ] */

/* Vertical static share button on  top right corner */
.share11 .share-panel {
  right: 0;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share11 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 11 [ end ] */

/* Vertical static share button on bottom right corner */
.share12 .share-panel {
  right: 0;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share12 .ic-share {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*Social Media Button 12 [ end ] */

/* Appear Vertical share buttons on top left corner */
.share13 .share-panel {
  left: -40px;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share13:hover .share-panel,
.share13:focus .share-panel {
  left: 0;
  top: 0;
}
/*Social Media Button 13 [ end ] */

/* Appear Vertical share button on bottom left corner */
.share14 .share-panel {
  left: -40px;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share14:hover .share-panel,
.share14:focus .share-panel {
  left: 0;
  bottom: 0;
}
/*Social Media Button 14 [ end ] */

/* Appear Vertical share button on  top right corner */
.share15 .share-panel {
  right: -40px;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share15:hover .share-panel,
.share15:focus .share-panel {
  right: 0;
  top: 0;
}
/*Social Media Button 15 [ end ] */

/* Appear Vertical share button on bottom right corner */
.share16 .share-panel {
  right: -40px;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share16:hover .share-panel,
.share16:focus .share-panel {
  right: 0;
  bottom: 0;
}
/*Social Media Button 16 [ end ] */

/* Appear horizontal share buttons on top left corner (gravity) */
.share17 .share-panel {
  left: 0;
  top: 0px;
}

.share17 .ic-share {
  top: -40px;
}

.share17:hover .ic-share,
.share17:focus .ic-share {
  top: 0;
}
/*Social Media Button 17 [ end ] */

/* Appear horizontal share button on bottom left corner (gravity) */
.share18 .share-panel {
  left: 0;
  bottom: 0;
}

.share18 .ic-share {
  bottom: -40px;
}

.share18:hover .ic-share,
.share18:focus .ic-share {
  bottom: 0;
}
/*Social Media Button 18 [ end ] */

/* Appear horizontal share button on  top right corner (gravity) */
.share19 .share-panel {
  right: 0;
  top: 0;
}

.share19 .ic-share {
  top: -40px;
}

.share19:hover .ic-share,
.share19:focus .ic-share {
  top: 0;
}
/*Social Media Button 19 [ end ] */

/* Appear horizontal share button on bottom right corner (gravity) */
.share20 .share-panel {
  right: 0;
  bottom: 0;
}

.share20 .ic-share {
  bottom: -40px;
}

.share20:hover .ic-share,
.share20:focus .ic-share {
  bottom: 0;
}
/*Social Media Button 20 [ end ] */

/* Appear Vertical share buttons on top left corner (gravity) */
.share21 .share-panel {
  left: 0px;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share21 .ic-share {
  left: -40px;
}

.share21:hover .ic-share,
.share21:focus .ic-share {
  left: 0;
}
/*Social Media Button 21 [ end ] */

/* Appear Vertical share button on bottom left corner (gravity) */
.share22 .share-panel {
  left: 0;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share22 .ic-share {
  left: -40px;
}

.share22:hover .ic-share,
.share22:focus .ic-share {
  left: 0;
}
/*Social Media Button 22 [ end ] */

/* Appear Vertical share button on  top right corner (gravity) */
.share23 .share-panel {
  right: 0;
  top: 0;

  width: 40px;
  max-width: 40px;
}

.share23 .ic-share {
  right: -40px;
}

.share23:hover .ic-share,
.share23:focus .ic-share {
  right: 0;
}
/*Social Media Button 23 [ end ] */

/* Appear Vertical share button on bottom right corner (gravity) */
.share24 .share-panel {
  right: 0;
  bottom: 0;

  width: 40px;
  max-width: 40px;
}

.share24 .ic-share {
  right: -40px;
}

.share24:hover .ic-share,
.share24:hover .ic-share {
  right: 0;
}
/*Social Media Button 24 [ end ] */