.fadeInLeft {
      
      -webkit-animation-name:fadeInLeft;
      animation-name:fadeInLeft;
    }
    .fadeInRight {
      animation-name:fadeInRight;
      -webkit-animation-name:fadeInRight;
    }
    .zoomIn {
      animation-name:zoomIn;
      -webkit-animation-name:zoomIn;
    }
    .zoomInDown {
      animation-name: zoomInDown;
      -webkit-animation-name: zoomInDown;
    }
    .fadeInNormal {
      animation-name:fadeInNormal;
      -webkit-animation-name:fadeInNormal;
    }
    .fadeInUp {
      animation-name:fadeInUp;
      -webkit-animation-name:fadeInUp;
    }
    .expandOpen {
      animation-name: expandOpen;
      -webkit-animation-name: expandOpen;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
    }
    .fadeIn {
      -webkit-animation-name: fadeIn;
      -webkit-animation-duration: 1.5s;
      -webkit-animation-timing-function: ease-in-out;
    }
    .fadeInDown {
      animation-name: fadeInDown;
      -webkit-animation-name: fadeInDown;
    }
    .rotateIn {
      animation-name: rotateIn;
      -webkit-animation-name: rotateIn;
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
    }
    .rotateInDownLeft {
      animation-name: rotateInDownLeft;
      -webkit-animation-name: rotateInDownLeft;
    }
    .rotateInDownRight{
      -webkit-animation-name:rotateInDownRight;
      animation-name:rotateInDownRight
    }

    .flipInY {
      backface-visibility: visible !important;
      -webkit-backface-visibility: visible !important;
      animation-name: flipInY;
      -webkit-animation-name: flipInY;
    }
    .flipInX {
      backface-visibility: visible !important;
      -webkit-backface-visibility: visible !important;
      animation-name: flipInX;
      -webkit-animation-name: flipInX;
    }
    .flipOutX{
        -webkit-animation-name:flipOutX;
        animation-name:flipOutX;
        -webkit-backface-visibility:visible!important;
        backface-visibility:visible!important
      }
    .fadeOutDown{
        -webkit-animation-name:fadeOutDown;
        animation-name:fadeOutDown
    }
    .lightSpeedIn {
      animation-name: lightSpeedIn;
      -webkit-animation-name: lightSpeedIn;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
      animation-delay: 3s;
      -webkit-animation-delay: 3s;
    }
    .slideDown{
      animation-name: slideDown;
      -webkit-animation-name: slideDown;

      animation-duration: 1s;
      -webkit-animation-duration: 1s;

      animation-timing-function: ease;
      -webkit-animation-timing-function: ease;
    }
    .slideUp {
      animation-name: slideUp;
      -webkit-animation-name: slideUp;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-timing-function: ease;
      -webkit-animation-timing-function: ease;
    }
    .slideLeft {
      animation-name: slideLeft;
      -webkit-animation-name: slideLeft;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out;
    }
    .slideRight {
      animation-name: slideRight;
      -webkit-animation-name: slideRight;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out;
      visibility: visible !important;
    }
    .pullUp {
      animation-name: pullUp;
      -webkit-animation-name: pullUp;
      animation-duration: 1.1s;
      -webkit-animation-duration: 1.1s;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
      transform-origin: 50% 100%;
      -webkit-transform-origin: 50% 100%;
    }
    .pullDown {
      animation-name: pullDown;
      -webkit-animation-name: pullDown;
      animation-duration: 1.1s;
      -webkit-animation-duration: 1.1s;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
      transform-origin: 50% 0%;
      -webkit-transform-origin: 50% 0%;
    }
    .stretchLeft {
      animation-name: stretchLeft;
      -webkit-animation-name: stretchLeft;
      animation-duration: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
      transform-origin: 100% 0%;
      -webkit-transform-origin: 100% 0%;
    }
    .stretchRight {
      animation-name: stretchRight;
      -webkit-animation-name: stretchRight;
      animation-duration: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;
      transform-origin: 0% 0%;
      -webkit-transform-origin: 0% 0%;
    }
    .rollIn{
      -webkit-animation-name:rollIn;
      animation-name:rollIn
    }

    @-webkit-keyframes fadeOutDown{
      0%{opacity:1}
      100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    }
    @-webkit-keyframes flipOutX{
      0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
      }
      30%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1
      }
      100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0
      }
    }

    @-webkit-keyframes rotateInDownRight{
      0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);opacity:0
        }
      100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;opacity:1
        }
      }

    /*@-webkit-keyframes rollIn {
      0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
        }
      100%{
        opacity:1;
        -webkit-transform:none;transform:none
        }
      }*/

      @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}


    @-webkit-keyframes fadeIn {
      0% {
        -webkit-transform: scale(0) translateZ(0);
        opacity: 0;
      }
      60% {
        -webkit-transform: scale(1.1) translateZ(0);
        opacity: 1;
      }
      80% {
        -webkit-transform: scale(0.9) translateZ(0);
        opacity: 1;
      }
      100% {
        -webkit-transform: scale(1) translateZ(0);
        opacity: 1;
      }
    }
    @-webkit-keyframes zoomInDown {
      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
    }
    @-webkit-keyframes zoomIn {
      0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
        -webkit-transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
      }
      50% {
        opacity: 1;
      }
    }

    @-webkit-keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    @-webkit-keyframes fadeInRight {
      0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
      }
    }
    @-webkit-keyframes fadeInNormal {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
      }
    }
    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
      }
    }
    @-webkit-keyframes expandOpen {
      0% {
        opacity: 0;
        -webkit-transform: scale(1.8) translateZ(0);
      }
      50% {
        opacity: 1;
        -webkit-transform: scale(0.95) translateZ(0);
      }
      80% {
        -webkit-transform: scale(1.05) translateZ(0);
      }
      90% {
        -webkit-transform: scale(0.98) translateZ(0);
      }
      100% {
        -webkit-transform: scale(1) translateZ(0);
      }
    }
    @-webkit-keyframes rotateIn {
      from {
        opacity: 0;
        -webkit-transform: rotate(-360deg);
      }
      to {
        opacity: 1;
        -webkit-transform: rotate(0deg);
      }
    }
    @-webkit-keyframes rotateInDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg) translateZ(0);
        opacity: 0;
      }
      100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0) translateZ(0);
        opacity: 1;
      }
    }
    @-webkit-keyframes flipInY {
      0% {
        -webkit-transform: perspective(400px) rotateY(90deg) translateZ(0);
        opacity: 0;
      }
      40% {
        -webkit-transform: perspective(400px) rotateY(-10deg) translateZ(0);
      }
      70% {
        -webkit-transform: perspective(400px) rotateY(10deg) translateZ(0);
      }
      100% {
        -webkit-transform: perspective(400px) rotateY(0deg) translateZ(0);
        opacity: 1;
      }
    }
    @-webkit-keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
      }
      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
      }
      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }
    @-webkit-keyframes lightSpeedIn {
      0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }
      60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
      }
      80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
      }
      100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }
    }
    @-webkit-keyframes slideDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
      }
      50% {
        opacity: 1;
        -webkit-transform: translateY(8%);
      }
      65% {
        -webkit-transform: translateY(-4%);
      }
      80% {
        -webkit-transform: translateY(4%);
      }
      95% {
        -webkit-transform: translateY(-2%);
      }
      100% {
        -webkit-transform: translateY(0%);
      }
    }
    @-webkit-keyframes slideUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
      }
      50% {
        opacity: 1;
        -webkit-transform: translateY(-8%);
      }
      65% {
        -webkit-transform: translateY(4%);
      }
      80% {
        -webkit-transform: translateY(-4%);
      }
      95% {
        -webkit-transform: translateY(2%);
      }
      100% {
        -webkit-transform: translateY(0%);
      }
    }
    @-webkit-keyframes slideLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(150%);
      }
      50% {
        opacity: 1;
        -webkit-transform: translateX(-8%);
      }
      65% {
        -webkit-transform: translateX(4%);
      }
      80% {
        -webkit-transform: translateX(-4%);
      }
      95% {
        -webkit-transform: translateX(2%);
      }
      100% {
        -webkit-transform: translateX(0%);
      }
    }
    @-webkit-keyframes slideRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-150%);
      }
      50% {
        opacity: 1;
        -webkit-transform: translateX(8%);
      }
      65% {
        -webkit-transform: translateX(-4%);
      }
      80% {
        -webkit-transform: translateX(4%);
      }
      95% {
        -webkit-transform: translateX(-2%);
      }
      100% {
        -webkit-transform: translateX(0%);
      }
    }
    @-webkit-keyframes pullUp {
      0% {
        opacity: 0;
        -webkit-transform: scaleY(0.1) translateZ(0);
      }
      40% {
        opacity: 1;
        -webkit-transform: scaleY(1.02);
      }
      60% {
        -webkit-transform: scaleY(0.98);
      }
      80% {
        -webkit-transform: scaleY(1.01);
      }
      100% {
        -webkit-transform: scaleY(0.98);
      }
      80% {
        -webkit-transform: scaleY(1.01);
      }
      100% {
        -webkit-transform: scaleY(1);
      }
    }
    @-webkit-keyframes pullDown {
      0% {
        opacity: 0;
        -webkit-transform: scaleY(0.1) translateZ(0);
      }
      40% {
        opacity: 1;
        -webkit-transform: scaleY(1.02) translateZ(0);
      }
      60% {
        -webkit-transform: scaleY(0.98) translateZ(0);
      }
      80% {
        -webkit-transform: scaleY(1.01) translateZ(0);
      }
      100% {
        -webkit-transform: scaleY(0.98) translateZ(0);
      }
      80% {
        -webkit-transform: scaleY(1.01) translateZ(0);
      }
      100% {
        -webkit-transform: scaleY(1) translateZ(0);
      }
    }
    @-webkit-keyframes stretchLeft {
      0% {
        opacity: 0;
        -webkit-transform: scaleX(0.3);
      }
      40% {
        opacity: 1;
        -webkit-transform: scaleX(1.02);
      }
      60% {
        -webkit-transform: scaleX(0.98);
      }
      80% {
        -webkit-transform: scaleX(1.01);
      }
      100% {
        -webkit-transform: scaleX(0.98);
      }
      80% {
        -webkit-transform: scaleX(1.01);
      }
      100% {
        -webkit-transform: scaleX(1);
      }
    }
    @-webkit-keyframes stretchRight {
      0% {
        opacity: 0;
        -webkit-transform: scaleX(0.3);
      }
      40% {
        opacity: 1;
        -webkit-transform: scaleX(1.02);
      }
      60% {
        -webkit-transform: scaleX(0.98);
      }
      80% {
        -webkit-transform: scaleX(1.01);
      }
      100% {
        -webkit-transform: scaleX(0.98);
      }
      80% {
        -webkit-transform: scaleX(1.01);
      }
      100% {
        -webkit-transform: scaleX(1);
      }
    }