@keyframes warn {

 

 }

 @keyframes jello {

  from,
  11.1%,
  to {
      -webkit-transform: none;
      -moz-transform: none;
      transform: none
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      -moz-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

}
  
  .parallax > use {
    animation: move-forever 12s linear infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 3s;
  }
  
  @keyframes move-forever {
    0% {
      transform: translate(-90px, 0%);
    }
    100% {
      transform: translate(85px, 0%);
    }
  }
  .editorial {
    display: block;
    width: 100%;
    height: 10em;
    max-height: 100vh;
    margin: 0;
  }
  

 .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
    .serviceBot .swiper-slide .img:hover .mask-white,    .case .swiper-slide:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}