.pause {
  animation-play-state: paused !important;
}

#jvstAnimation {
  position: relative;
  height: 73px;
  width: 160px;
  background: url(https://jvst-4.werkslim.org/files/images/icons/JVST_white.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#jvstAnimation .p2 {
  background: #000;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#jvstAnimation .p3 {
  height: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
}
#jvstAnimation div.blocks {
  height: 17px;
  top: 34px;
  right: 0;
  left: 0;
  position: absolute;
}
#jvstAnimation div.blocks div {
  height: 17px;
  background: #000;
  position: absolute;
  display: block;
}
#jvstAnimation div.blocks .b1 {
  left: 0;
  width: 32px;
}
#jvstAnimation div.blocks .b2 {
  left: 32px;
  width: 9px;
}
#jvstAnimation div.blocks .b3 {
  left: 43px;
  width: 17px;
}
#jvstAnimation div.blocks .b4 {
  left: 60px;
  width: 29px;
}
#jvstAnimation div.blocks .b5 {
  left: 79px;
  width: 28px;
}
#jvstAnimation div.blocks .b6 {
  left: 107px;
  width: 31px;
}
#jvstAnimation div.blocks .b7 {
  left: 138px;
  width: 13px;
}

.scale-down-ver-top,
.s1a {
  -webkit-animation: scale-down-ver-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    0s both;
  animation: scale-down-ver-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
}
.scale-down-ver-top-2,
.s4b {
  -webkit-animation: scale-down-ver-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    0.75s both;
  animation: scale-down-ver-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.75s
    both;
}
@-webkit-keyframes scale-down-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes scale-down-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}

.scale-down-hor-left,
.s2a {
  -webkit-animation: scale-down-hor-left 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0.25s both;
  animation: scale-down-hor-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.25s
    both;
}
.scale-down-hor-left-2,
.s4c {
  -webkit-animation: scale-down-hor-left 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0.75s both;
  animation: scale-down-hor-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.75s
    both;
}
.scale-down-hor-left-3 {
  -webkit-animation: scale-down-hor-left 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
  animation: scale-down-hor-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s
    both;
}
@-webkit-keyframes scale-down-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes scale-down-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

.scale-down-ver-bottom,
.s3a {
  -webkit-animation: scale-down-ver-bottom 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
  animation: scale-down-ver-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s
    both;
}
.scale-down-ver-bottom-2,
.s4a {
  -webkit-animation: scale-down-ver-bottom 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0.75s both;
  animation: scale-down-ver-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    0.75s both;
}

.scale-down-ver-bottom-1,
.s1b {
  -webkit-animation: scale-down-ver-bottom 0.5s
    cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
  animation: scale-down-ver-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s
    both;
}
@-webkit-keyframes scale-down-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes scale-down-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}