.animated {
     visibility: hidden
 }
 @media screen and (max-width: 991px) {
     .animated {
         visibility: visible !important
     }
     .fadeInLeft,
     .fadeInRight,
     .fadeInUp,
     .fadeIn,
     .rotateIn,
     .bounceIn,
     .growIn,
     .bounce2In,
     .popIn {
         -webkit-animation: none !important;
         animation: none !important
     }
 }
 .fadeInLeft,
 .fadeInRight,
 .fadeInUp,
 .fadeIn,
 .rotateIn,
 .bounceIn,
 .growIn,
 .bounce2In,
 .popIn{
     visibility: visible
 }
 .cs-editor-active .animated {
     visibility: visible
 }
 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }
 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }
 .animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s
 }
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 @keyframes fadeIn {
     from {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }
 @-webkit-keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 @keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }
 @-webkit-keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 @keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }
 @-webkit-keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 @keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }
 @-webkit-keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 @keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }
 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }
 @-webkit-keyframes rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }
     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }
 @keyframes rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }
     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }
 .rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn
 }




@-webkit-keyframes bounceIn {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounceIn {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.animated-growIn { 
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.animated-growIn.growIn{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}







/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce2In {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce2In {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@keyframes bounce2In {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
     }


.bounce2In {
    -webkit-animation: bounce2In 2s;
    animation: bounce2In 2s;
}






@-webkit-keyframes popIn {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes popIn {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.animated-popIn {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.animated-popIn.popIn {
  -webkit-animation-name: popIn;
  animation-name: popIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}