.vc_gitem-animated-block {
  position: relative;
}

.vc_gitem-animate {
  .vc_btn {
    .transition(all 0s ease);
  }
  .vc_gitem-zone-b {
    z-index: 199;
  }
  &-none {
    .vc_gitem-zone-b {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      box-sizing: border-box;
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
      }
    }
  }
  &-fadeIn, &-scaleIn, &-scaleRotateIn, &-blurOut, &-blurScaleOut {
    .vc_gitem-zone-b {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      .transition(all 1s ease);
      box-sizing: border-box;
      .vc_separator {
        .transition(all 1s ease);
        width: 0;
      }
      .vc_btn {
        .transition(all 1s ease);
        transform: scale(0);
      }
      .vc_post-title {
        display: inline-block;
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
        transition: transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1);
        .vc_grid-item-mini.vc_is-hover & {
          opacity: 1;
          .vc_separator {
            .transition(all 1s ease);
            width: 50%;
          }
          .vc_btn {
            .transition(all 1s ease);
            transform: scale(1);
          }
          .vc_post-title {
            opacity: 1;
            transform: translate3d(0, 0, 0);
          }
        }
      }
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
        .vc_separator {
          .transition(all 1s ease);
          width: 50%;
        }
        .vc_btn {
          .transition(all 1s ease);
          transform: scale(1);
        }
        .vc_post-title {
          opacity: 1;
          transform: translate3d(0, 0, 0);
        }
      }
    }
  }
  &-scaleIn {
    overflow: hidden;
    .vc_gitem-zone-a {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      .transition(transform .3s ease-in-out);
      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
  }
  &-scaleRotateIn {
    overflow: hidden;
    .vc_gitem-zone-a {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      .transition(transform .3s ease-in-out);
      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: scale(1.5) rotate(10deg);
        -moz-transform: scale(1.5) rotate(10deg);
        -ms-transform: scale(1.5) rotate(10deg);
        -o-transform: scale(1.5) rotate(10deg);
        transform: scale(1.5) rotate(10deg);
      }
    }
  }
  &-blurOut, &-blurScaleOut {
    .vc_gitem-zone-a {
      filter: blur(0px);
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -ms-filter: blur(0px);
      filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-perspective: 1000;
      -webkit-backface-visibility: hidden;
      webkit-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -webkit-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      -moz-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -moz-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      -o-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -o-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      .vc_grid-item-mini.vc_is-hover & {
        filter: url('../vc/blur.svg#blur');
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
      }
    }
  }
  &-blurScaleOut {
    overflow: hidden;
    .vc_gitem-zone-a {
      transform: scale(1.1);
      .vc_grid-item-mini.vc_is-hover & {
        transform: scale(1);
      }
    }
  }

  &-slideInRight {
    overflow: hidden;
    .vc_gitem-zone-b {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      opacity: 0;
      .transition(all 1s ease);
      transform: translateX(-100%);
      opacity: 0;
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }
  }
  &-slideInLeft {
    overflow: hidden;
    .vc_gitem-zone-b {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      opacity: 0;
      .transition(all 1s ease);
      transform: translateX(100%);
      opacity: 0;
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }
  }
  &-slideBottom {
    overflow: hidden;
    position: relative;
    .vc_gitem-zone-b {
      display: block;
      // -webkit-transform: translateY(0);
      // transform: translateY(0);
      .transition(all 1s ease);
      z-index: 1000;
      position: absolute;
      top: 100%;
      height: 100%;
      left: 0;
      right: 0;
      margin: 0;
      .vc_grid-item-mini.vc_is-hover & {
        top: 0;
      }
    }
  }
  &-slideTop {
    overflow: hidden;
    position: relative;
    .vc_gitem-zone-b {
      display: block;
      // -webkit-transform: translateY(0);
      // transform: translateY(0);
      .transition(all 1s ease);
      z-index: 1000;
      position: absolute;
      top: -100%;
      height: 100%;
      left: 0;
      right: 0;
      margin: 0;
      .vc_grid-item-mini.vc_is-hover & {
        top: 0;
      }
    }
  }
  &-flipFadeIn {
    overflow: hidden;
    .vc_gitem-zone-a {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
      }
      /*
      transition: all 0.6s ease 0;
      transform-style: preserve-3d;
      position: relative;
      -webkit-transform: rotateX(10deg);
      -moz-transform: rotateX(10deg);
      -o-transform: rotateX(10deg);
      transform: rotateX(10deg);
      backface-visibility: hidden;
      */
    }
    .vc_gitem-zone-b {
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      opacity: 0;
      .transition(all 0.6s ease);
      transform-style: preserve-3d;
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      transform: rotateX(180deg);
      backface-visibility: hidden;
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
      }
    }
  }
  &-flipHorizontalFadeIn {
    overflow: hidden;
    .vc_gitem-zone-a {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
      }
      /*
      transition: all 0.6s ease 0;
      transform-style: preserve-3d;
      position: relative;
      -webkit-transform: rotateX(10deg);
      -moz-transform: rotateX(10deg);
      -o-transform: rotateX(10deg);
      transform: rotateX(10deg);
      backface-visibility: hidden;
      */
    }
    .vc_gitem-zone-b {
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      opacity: 0;
      .transition(all 0.6s ease);
      transform-style: preserve-3d;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
      backface-visibility: hidden;
      .vc_grid-item-mini.vc_is-hover & {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
      }
    }
  }
  &-goTop20 {
    overflow: hidden;
    .vc_gitem-zone-a {
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      .transition(transform .5s ease);
      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
      }
    }
    .vc_gitem-zone-b {
      display: block;
      // -webkit-transform: translateY(0);
      // transform: translateY(0);
      .vc_gitem-zone-mini {
        position: static;
        -webkit-transform: none;
        transform: none;
      }
      .transition(bottom .5s ease);

      bottom: -100%;
      z-index: 1000;
      position: absolute;
      width: 100%;
      margin: 0;
      .vc_grid-item-mini.vc_is-hover & {
        bottom: 0%;
        // -webkit-transform: translateY(-100%);
        // transform: translateY(-100%);
      }
    }
  }
  &-goBottom20 {
    overflow: hidden;
    .vc_gitem-zone-a {
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      .transition(transform .5s ease);

      .vc_grid-item-mini.vc_is-hover & {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
      }
    }
    .vc_gitem-zone-b {
      display: block;
      // -webkit-transform: translateY(0);
      // transform: translateY(0);
      .vc_gitem-zone-mini {
        position: static;
        -webkit-transform: none;
        transform: none;
      }
      .transition(top .5s ease);

      top: -100%;
      z-index: 1000;
      position: absolute;
      width: 100%;
      margin: 0;
      .vc_grid-item-mini.vc_is-hover & {
        top: 0%;
        // -webkit-transform: translateY(-100%);
        // transform: translateY(-100%);
      }
    }
  }
}