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


#jvstAnimation{
    position: relative;
    height: 73px;
    width: 160px;
    background: url(https://jvst.nl/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.390, 0.575, 0.565, 1.000)  0s both;
	        animation: scale-down-ver-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)  0s both;
}
.scale-down-ver-top-2, .s4b {
	-webkit-animation: scale-down-ver-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)  0.75s both;
	        animation: scale-down-ver-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)  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.390, 0.575, 0.565, 1.000) 0.25s both;
	        animation: scale-down-hor-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
}
.scale-down-hor-left-2, .s4c{
	-webkit-animation: scale-down-hor-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.75s both;
	        animation: scale-down-hor-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.75s both;
}
.scale-down-hor-left-3 {
	-webkit-animation: scale-down-hor-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: scale-down-hor-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 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.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: scale-down-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}
.scale-down-ver-bottom-2, .s4a{
	-webkit-animation: scale-down-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.75s both;
	        animation: scale-down-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.75s both;
}

.scale-down-ver-bottom-1, .s1b {
	-webkit-animation: scale-down-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;
	        animation: scale-down-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 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%;
    }
  }