/*Анимация справа*/

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}
/*Закончилась анимация справа*/


@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
  animation-duration: 0.5s !important;
}






@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}






@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated2 {
  animation-duration: 1s;
  animation-delay: 0.7s;
  animation-fill-mode: both;
}

.animated3 {
  animation-duration: 1.2s;
  animation-delay: 0.4s;
  animation-fill-mode: both;
}

.animated4 {
  animation-duration: 1.2s;
  animation-delay: 1.2s;
  animation-fill-mode: both;
}

@media only screen and (max-width : 768px) {
  .animated, .animated2, .animated3, .animated4 {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }

.first_block_1_animate {
  animation-duration: 1.2s !important;;
  animation-delay: 0.4s !important;;
  animation-fill-mode: both !important;;
  animation-name: fadeInLeft !important;;
}

.first_block_2_animate {
animation-name: fadeInLeft !important;;
  animation-duration: 1.2s !important;;
  animation-delay: 1.2s !important;;
  animation-fill-mode: both !important;;
}

/*ОТКЛЮЧЕНИЕ АНИМАЦИИ У ПРЕИМУЩЕСТВ */
.block_advantage div {
  transition:none !important;
}
.block_advantage:hover .flipper {
    color: white;
}
/*ОТКЛЮЧЕНИЕ АНИМАЦИИ У ПРЕИМУЩЕСТВ */
}
/*Закончилась Аницация слева*/

/*Анимация всплытие*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

/*Закончилась Анимация всплытие*/



/*Анимация hover услуг (рамка)*/

/*Закончилась анимация hover услуг (рамка)*/