.slit-in-diagonal-1 {
	-webkit-animation: slit-in-diagonal-1 0.7s ease-out both;
	        animation: slit-in-diagonal-1 0.7s ease-out both;
}


 @-webkit-keyframes slit-in-diagonal-1 {
    0% {
      -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
              transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    54% {
      -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
              transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
              transform: translateZ(0) rotate3d(1, 1, 0, 0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes slit-in-diagonal-1 {
    0% {
      -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
              transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    54% {
      -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
              transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
              transform: translateZ(0) rotate3d(1, 1, 0, 0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }

  .tilt-in-fwd-tl {
	-webkit-animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	        animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}

 @-webkit-keyframes tilt-in-fwd-tl {
    0% {
      -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
              transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
              transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
      opacity: 1;
    }
  }
  @keyframes tilt-in-fwd-tl {
    0% {
      -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
              transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
              transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
      opacity: 1;
    }
  }

  .slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.3s both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.3s both;
}


 @-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }

  .scale-in-center {
	-webkit-animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
	        animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
}
  
 @-webkit-keyframes scale-in-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scale-in-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
  }
  .slide-in-elliptic-left-fwd {
	-webkit-animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.7s both;
	        animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.7s both;
}
  
@-webkit-keyframes slide-in-elliptic-left-fwd {
    0% {
      -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
              transform: translateX(-800px) rotateY(30deg) scale(0);
      -webkit-transform-origin: -100% 50%;
              transform-origin: -100% 50%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) rotateY(0) scale(1);
              transform: translateX(0) rotateY(0) scale(1);
      -webkit-transform-origin: 1800px 50%;
              transform-origin: 1800px 50%;
      opacity: 1;
    }
  }
  @keyframes slide-in-elliptic-left-fwd {
    0% {
      -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
              transform: translateX(-800px) rotateY(30deg) scale(0);
      -webkit-transform-origin: -100% 50%;
              transform-origin: -100% 50%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) rotateY(0) scale(1);
              transform: translateX(0) rotateY(0) scale(1);
      -webkit-transform-origin: 1800px 50%;
              transform-origin: 1800px 50%;
      opacity: 1;
    }
  }
  
  .slide-in-elliptic-bottom-fwd {
	-webkit-animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
	        animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
}

@-webkit-keyframes slide-in-elliptic-bottom-fwd {
    0% {
      -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
              transform: translateY(600px) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
      opacity: 1;
    }
  }
  @keyframes slide-in-elliptic-bottom-fwd {
    0% {
      -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
              transform: translateY(600px) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
      opacity: 1;
    }
  }
  .blur-out-contract-bck {
	-webkit-animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) reverse both;
	        animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) reverse both;
}

 @-webkit-keyframes blur-out-contract-bck {
        0% {
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
          -webkit-filter: blur(0.01);
                  filter: blur(0.01);
        }
        100% {
          letter-spacing: -0.5em;
          -webkit-transform: translateZ(-500px);
                  transform: translateZ(-500px);
          -webkit-filter: blur(12px) opacity(0%);
                  filter: blur(12px) opacity(0%);
        }
      }
      @keyframes blur-out-contract-bck {
        0% {
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
          -webkit-filter: blur(0.01);
                  filter: blur(0.01);
        }
        100% {
          letter-spacing: -0.5em;
          -webkit-transform: translateZ(-500px);
                  transform: translateZ(-500px);
          -webkit-filter: blur(12px) opacity(0%);
                  filter: blur(12px) opacity(0%);
        }
      }
      

/* hide object */

.puff-out-center {
	-webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
	        animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}


 @-webkit-keyframes puff-out-center {
        0% {
          -webkit-transform: scale(1);
                  transform: scale(1);
          -webkit-filter: blur(0px);
                  filter: blur(0px);
          opacity: 1;
        }
        100% {
          -webkit-transform: scale(2);
                  transform: scale(2);
          -webkit-filter: blur(4px);
                  filter: blur(4px);
          opacity: 0;
        }
      }
      @keyframes puff-out-center {
        0% {
          -webkit-transform: scale(1);
                  transform: scale(1);
          -webkit-filter: blur(0px);
                  filter: blur(0px);
          opacity: 1;
        }
        100% {
          -webkit-transform: scale(2);
                  transform: scale(2);
          -webkit-filter: blur(4px);
                  filter: blur(4px);
          opacity: 0;
        }
      }
      
      .puff-out-hor {
	-webkit-animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.7s both;
	        animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.7s both;
        }


 @-webkit-keyframes puff-out-hor {
        0% {
          -webkit-transform: scaleX(1);
                  transform: scaleX(1);
          -webkit-filter: blur(0px);
                  filter: blur(0px);
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleX(2);
                  transform: scaleX(2);
          -webkit-filter: blur(4px);
                  filter: blur(4px);
          opacity: 0;
        }
      }
      @keyframes puff-out-hor {
        0% {
          -webkit-transform: scaleX(1);
                  transform: scaleX(1);
          -webkit-filter: blur(0px);
                  filter: blur(0px);
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleX(2);
                  transform: scaleX(2);
          -webkit-filter: blur(4px);
                  filter: blur(4px);
          opacity: 0;
        }
      }
      
      .blur-out-contract {
	-webkit-animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


 @-webkit-keyframes blur-out-contract {
        0% {
          -webkit-filter: blur(0.01);
                  filter: blur(0.01);
        }
        100% {
          letter-spacing: -0.5em;
          -webkit-filter: blur(12px) opacity(0%);
                  filter: blur(12px) opacity(0%);
        }
      }
      @keyframes blur-out-contract {
        0% {
          -webkit-filter: blur(0.01);
                  filter: blur(0.01);
        }
        100% {
          letter-spacing: -0.5em;
          -webkit-filter: blur(12px) opacity(0%);
                  filter: blur(12px) opacity(0%);
        }
      }
      
      .hidden {
        opacity: 0;
      }

      @keyframes fadeInLeft {
        from {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      
      .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
         -webkit-animation-duration: 2000ms;
        animation-duration: 2000ms;
        -webkit-animation-iteration-count: inherit;
        animation-iteration-count: inherit;
      }

      @-webkit-keyframes fadeInRight {
        from {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      @keyframes fadeInRight {
        from {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        -webkit-animation-duration: 2000ms;
        animation-duration: 2000ms;
        -webkit-animation-iteration-count: inherit;
        animation-iteration-count: inherit;
      }

      @-webkit-keyframes fadeInUp {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      
      @keyframes fadeInUp {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      
      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-iteration-count: inherit;
        animation-iteration-count: inherit;
      }