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

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    -ms-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-125rem);
    -ms-transform: translateX(-125rem);
    transform: translateX(-125rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    -ms-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.25rem);
    -ms-transform: translateX(1.25rem);
    transform: translateX(1.25rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes spinner
  from
    transform : rotate(0deg)
  to
    transform : rotate(360deg)


@keyframes spin {
  0% {
    transform: translate3d(0, -0.625rem, 0);
  }
  50% {
    transform: translate3d(0, 0.625rem, 0);
  }
  100% {
    transform: translate3d(0, -0.625rem, 0);
  }
}

/*Фейд ин*/

@media screen and (min-width: 1024px) {


  .fade-in{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
  }
  .fade-in-0-1{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.1s both;
  }
  .fade-in-0-2{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.2s both;
  }
  .fade-in-0-3{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.3s both;
  }
  .fade-in-0-4{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.4s both;
  }
  .fade-in-0-5{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.5s both;
  }
  .fade-in-0-6{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.6s both;
  }
  .fade-in-0-7{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.7s both;
  }
  .fade-in-0-8{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.8s both;
  }
  .fade-in-0-9{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.9s both;
  }
  .fade-in-0-10{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 1s both};

  .fade-in-2-1{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.1s both;
  }
  .fade-in-2-2{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.2s both;
  }
  .fade-in-2-3{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.3s both
  }
  .fade-in-2-4{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.4s both
  }
  .fade-in-2-5{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.5s both
  }
  .fade-in-2-6{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.6s both
  }
  .fade-in-2-7{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.7s both
  }
  .fade-in-2-8{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.8s both
  }
  .fade-in-2-9{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.9s both
  }
  .fade-in-2-10{
    -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 3s both
  }

  .fade-in-t2{
    -webkit-animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both;
  }
  .fade-in-t4{
    -webkit-animation:fade-in 4s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 4s cubic-bezier(.39,.575,.565,1.000) both;
  }
  .fade-in-reverse{
    -webkit-animation:fade-in 3s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in 3s cubic-bezier(.39,.575,.565,1.000) reverse 3s both;
  }
  @-webkit-keyframes fade-in{
    0%{
      opacity:0;
    }
    100%{
      opacity:1;
    }
  }
  @keyframes fade-in{
    0%{
      opacity:0;
    }
    100%{
      opacity:1;
    }
  }

  /*Выезжает сверху с фейд ином*/
  .fade-in-top{
    -webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;
  }
  .fade-in-top-0-6{
    -webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 0.6s both;
  }
  @-webkit-keyframes fade-in-top{
    0%{
      -webkit-transform:translateY(-3.125rem);
      transform:translateY(-3.125rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }
  @keyframes fade-in-top{
    0%{
      -webkit-transform:translateY(-3.125rem);
      transform:translateY(-3.125rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }

  /*Выезжает снизу с фейд ином*/
  .fade-in-bottom{
    -webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;
    animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;
  }
  @-webkit-keyframes fade-in-bottom{
    0%{
      -webkit-transform:translateY(3.125rem);
      transform:translateY(3.125rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }
  @keyframes fade-in-bottom{
    0%{
      -webkit-transform:translateY(3.125rem);
      transform:translateY(3.125rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }



  .fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}
  .fade-in-0-1{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.1s both}
  .fade-in-0-2{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.2s both}
  .fade-in-0-3{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.3s both}
  .fade-in-0-4{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.4s both}
  .fade-in-0-5{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.5s both}
  .fade-in-0-6{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.6s both}
  .fade-in-0-7{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.7s both}
  .fade-in-0-8{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.8s both}
  .fade-in-0-9{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 0.9s both}
  .fade-in-1-0{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 1s both}
  .fade-in-1-2{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 1.2s both}
  .fade-in-2-1{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.1s both}
  .fade-in-2-2{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.2s both}
  .fade-in-2-3{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.3s both}
  .fade-in-2-4{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.4s both}
  .fade-in-2-5{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.5s both}
  .fade-in-2-6{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.6s both}
  .fade-in-2-7{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.7s both}
  .fade-in-2-8{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.8s both}
  .fade-in-2-9{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 2.9s both}
  .fade-in-2-10{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 3s both}
  .fade-in-t2{-webkit-animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both}
  .fade-in-t4{-webkit-animation:fade-in 4s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 4s cubic-bezier(.39,.575,.565,1.000) both}
  .fade-in-reverse{-webkit-animation:fade-in 3s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 3s cubic-bezier(.39,.575,.565,1.000) reverse 3s both}
  @-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

  /*Выезжает сверху с фейд ином*/
  .fade-in-top{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both}
  .fade-in-top-0-2{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 0.2s both}
  .fade-in-top-0-4{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 0.4s both}
  .fade-in-top-0-6{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 0.6s both}
  .fade-in-top-0-8{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 0.8s both}
  .fade-in-top-1-0{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) 1s both}
  @-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-3.125rem);transform:translateY(-3.125rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-3.125rem);transform:translateY(-3.125rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

  /*Выезжает снизу с фейд ином*/
  .fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
  .fade-in-bottom-0-8{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) 0.8s both}
  .fade-in-bottom-1-0{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) 1s both}
  .fade-in-bottom-1-2{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) 1.2s both}
  @-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(3.125rem);transform:translateY(3.125rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(3.125rem);transform:translateY(3.125rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}


  /*Выезжает сверху*/
  .slide-bottom{
    -webkit-animation:slide-bottom .5s ease-in-out both;
    animation:slide-bottom .5s ease-in-out both;
  }
  @-webkit-keyframes slide-bottom{
    0%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
    }
    100%{
      -webkit-transform:translateY(6.25rem);
      transform:translateY(6.25rem);
    }
  }
  @keyframes slide-bottom{
    0%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
    }
    100%{
      -webkit-transform:translateY(6.25rem);
      transform:translateY(6.25rem);
    }
  }

  /*Выезжает сверху*/
  .slide-in-top-0-4{
    -webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both;
    animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 0.3s both;
  }
  .slide-in-top-0-6{
    -webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both;
    animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 0.6s both;
  }
  .slide-in-top-0-8{
    -webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both;
    animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 0.9s both;
  }
  .slide-in-top-1{
    -webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both;
    animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 1.2s both;
  }
  @-webkit-keyframes slide-in-top{
    0%{
      -webkit-transform:translateY(-62.5rem);
      transform:translateY(-62.5rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }
  @keyframes slide-in-top{
    0%{
      -webkit-transform:translateY(-62.5rem);
      transform:translateY(-62.5rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateY(0);
      transform:translateY(0);
      opacity:1;
    }
  }

  /*Моргает*/
  .sq-blink-1{
    -webkit-animation:sq-blink 3s 2 both;
    animation:sq-blink 4s 2 both;
  }
  .sq-blink-2{
    -webkit-animation:sq-blink 3s 2 both;
    animation:sq-blink 4s 2 0.5s both;
  }
  .sq-blink-3{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 1s both;
  }
  .sq-blink-4{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 1.5s both;
  }
  .sq-blink-5{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 2s both;
  }
  .sq-blink-6{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 2.5s both;
  }
  .cr-1{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 0.25s both;
  }
  .cr-2{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 0.75s both;
  }
  .cr-3{
    -webkit-animation:sq-blink 4s 2 both;
    animation:sq-blink 4s 2 1.25s both;
  }
  @-webkit-keyframes sq-blink{
    0%,
    50%,
    100%{
      opacity:1
    }
    25%,
    75%{
      opacity:0
    }
  }
  @keyframes sq-blink{
    0%,
    50%,
    100%{
      opacity:1
    }
    25%,
    75%{
      opacity:0
    }
  }

  .slide-in-blurred-left{
    -webkit-animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) 2.6s both;
    animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) 2.6s both;
  }
  @-webkit-keyframes slide-in-blurred-left{
    0%{
      -webkit-transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      -webkit-transform-origin:100% 50%;
      transform-origin:100% 50%;
      -webkit-filter:blur(2.5rem);
      filter:blur(2.5rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateX(0) scaleY(1) scaleX(1);
      transform:translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      -webkit-filter:blur(0);
      filter:blur(0);
      opacity:1;
    }
  }
  @keyframes slide-in-blurred-left{
    0%{
      -webkit-transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      -webkit-transform-origin:100% 50%;
      transform-origin:100% 50%;
      -webkit-filter:blur(2.5rem);
      filter:blur(2.5rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateX(0) scaleY(1) scaleX(1);
      transform:translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      -webkit-filter:blur(0);
      filter:blur(0);
      opacity:1;
    }
  }

  .slide-in-blurred-left-5{
    -webkit-animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) 2.6s both;
    animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) 6s both;
  }
  @-webkit-keyframes slide-in-blurred-left{
    0% {
      -webkit-transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      -webkit-transform-origin:100% 50%;
      transform-origin:100% 50%;
      -webkit-filter:blur(2.5rem);
      filter:blur(2.5rem);
      opacity:0;
    }
    100%{
      -webkit-transform:translateX(0) scaleY(1) scaleX(1);
      transform:translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      -webkit-filter:blur(0);
      filter:blur(0);
      opacity:1
    }
  }
  @keyframes slide-in-blurred-left{
    0%{
      -webkit-transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      transform:translateX(-62.5rem) scaleX(2.5) scaleY(.2);
      -webkit-transform-origin:100% 50%;
      transform-origin:100% 50%;
      -webkit-filter:blur(2.5rem);
      filter:blur(2.5rem);
      opacity:0;
    }
    100% {
      -webkit-transform:translateX(0) scaleY(1) scaleX(1);
      transform:translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      -webkit-filter:blur(0);
      filter:blur(0);
      opacity:1;
    }
  }

  /*Зумм-аут с блюром*/
  .puff-in-center-0-6{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 0.6s both}
  .puff-in-center-0-8{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 0.8s both}
  .puff-in-center-1-0{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 1s both}
  @-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(0.25rem);filter:blur(0.25rem);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(0.25rem);filter:blur(0.25rem);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
}

