div[class*='dolpart'] {
position: absolute;
transform-origin: 100% 50%;
}

.dolpart1 {
width: 7.3vh;
height: 4.0vh;
background-image: url(../images/dol_poly_1_head.svg);
background-size: 7.3vh 4.0vh;
}

.dolpart2 {
top:0.95vh;
left: -1.0vh;
width: 2.0vh;
height: 2.4vh;
background-image: url(../images/dol_poly_2_tail_1.svg);
background-size: 2.0vh 2.4vh;
}

.dolpart3 {
top: .2vh;
left: -1.1vh;
width: 2.0vh;
height: 2.0vh;
background-image: url(../images/dol_poly_3_tail_2.svg);
background-size: 2.0vh 2.0vh;
}

.dolpart4 {
top: .15vh;
left: -1.1vh;
width: 2.0vh;
height: 1.6vh;
background-image: url(../images/dol_poly_4_tail_3.svg);
background-size: 2.0vh 1.6vh;
}

.dolpart5 {
top: .15vh;
left: -0.5vh;
width: 1.4vh;
height: 1.2vh;
background-image: url(../images/dol_poly_5_tail_4.svg);
background-size: 1.4vh 1.2vh;
}

.dolpart6 {
top: 0;
left: -1.1vh;
width: 1.4vh;
height: 1.3vh;
background-image: url(../images/dol_poly_6_backfin.svg);
background-size: 1.4vh 1.3vh;
}

div[class*='dola'] {
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

.dolajmpflt1 {animation-name: dolajmpflt1kf; }
.dolajmpflt2 {animation-name: dolajmpflt2kf; }
.dolajmpflt3 {animation-name: dolajmpflt3kf; }
.dolajmpflt4 {animation-name: dolajmpflt4kf; }
.dolajmpflt5 {animation-name: dolajmpflt5kf; }
.dolajmpflt6 {animation-name: dolajmpflt6kf; }

@keyframes dolajmpflt1kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(-2deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,74.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(2deg);}
}
@keyframes dolajmpflt2kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(-9deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,74.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(9deg);}
60%, 73.333% { transform:skewY(-5deg) }
}
@keyframes dolajmpflt3kf {
0.889%,3.556%,6.222%,8.889%,11.556%,14.222%,16.889%,19.556%,22.222%,24.889%,27.556%,30.222%,32.889%,35.556%,38.222%,40.889%,43.556%,46.222%,48.889%,51.556%,53.778%,55.111%,56.444%,57.778%,59.111%,74.222%,76.889%,79.556%,82.222%,84.889%,87.556%,90.222%,92.889%,95.556%,98.222% {transform:skewY(9deg);}
2.222%,4.889%,7.556%,10.222%,12.889%,15.556%,18.222%,20.889%,23.556%,26.222%,28.889%,31.556%,34.222%,36.889%,39.556%,42.222%,44.889%,47.556%,50.222%,52.889%,54.444%,55.778%,57.111%,58.444%,59.778%,75.556%,78.222%,80.889%,83.556%,86.222%,88.889%,91.556%,94.222%,96.889%,99.556% {transform:skewY(-9deg);}
60%, 73.333% { transform:skewY(-5deg) }
}
@keyframes dolajmpflt4kf {
0.444%,3.111%,5.778%,8.444%,11.111%,13.778%,16.444%,19.111%,21.778%,24.444%,27.111%,29.778%,32.444%,35.111%,37.778%,40.444%,43.111%,45.778%,48.444%,51.111%,53.556%,54.889%,56.222%,57.556%,58.889%,73.778%,76.444%,79.111%,81.778%,84.444%,87.111%,89.778%,92.444%,95.111%,97.778% {transform:skewY(9deg);}
1.778%,4.444%,7.111%,9.778%,12.444%,15.111%,17.778%,20.444%,23.111%,25.778%,28.444%,31.111%,33.778%,36.444%,39.111%,41.778%,44.444%,47.111%,49.778%,52.444%,54.222%,55.556%,56.889%,58.222%,59.556%,75.111%,77.778%,80.444%,83.111%,85.778%,88.444%,91.111%,93.778%,96.444%,99.111% {transform:skewY(-9deg);}
60%, 73.333% { transform:skewY(-5deg) }
}
@keyframes dolajmpflt5kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(9deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,74.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(-9deg);}
60%, 73.333% { transform:skewY(-5deg) }
}
@keyframes dolajmpflt6kf {
0.889%,3.556%,6.222%,8.889%,11.556%,14.222%,16.889%,19.556%,22.222%,24.889%,27.556%,30.222%,32.889%,35.556%,38.222%,40.889%,43.556%,46.222%,48.889%,51.556%,53.778%,55.111%,56.444%,57.778%,59.111%,74.222%,76.889%,79.556%,82.222%,84.889%,87.556%,90.222%,92.889%,95.556%,98.222% {transform:skewY(-2.5deg);}
2.222%,4.889%,7.556%,10.222%,12.889%,15.556%,18.222%,20.889%,23.556%,26.222%,28.889%,31.556%,34.222%,36.889%,39.556%,42.222%,44.889%,47.556%,50.222%,52.889%,54.444%,55.778%,57.111%,58.444%,59.778%,75.556%,78.222%,80.889%,83.556%,86.222%,88.889%,91.556%,94.222%,96.889%,99.556% {transform:skewY(2.5deg);}
60%, 73.333% { transform:skewY(-5deg) }
}


.dolajmpspn1 {animation-name: dolajmpspn1kf; }
.dolajmpspn2 {animation-name: dolajmpspn2kf; }
.dolajmpspn3 {animation-name: dolajmpspn3kf; }
.dolajmpspn4 {animation-name: dolajmpspn4kf; }
.dolajmpspn5 {animation-name: dolajmpspn5kf; }
.dolajmpspn6 {animation-name: dolajmpspn6kf; }

@keyframes dolajmpspn1kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(-2deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,74.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(2deg);}
60%, 71% {transform:scale(0.85, 1.0);;}
}
@keyframes dolajmpspn2kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(-9deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,72.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(9deg);}
60%, 61.6% { transform:skewY(-5deg) }
62.6%, 69.8% {transform:rotate(-25deg);}
}
@keyframes dolajmpspn3kf {
0.889%,3.556%,6.222%,8.889%,11.556%,14.222%,16.889%,19.556%,22.222%,24.889%,27.556%,30.222%,32.889%,35.556%,38.222%,40.889%,43.556%,46.222%,48.889%,51.556%,53.778%,55.111%,56.444%,57.778%,59.111%,72.222%,76.889%,79.556%,82.222%,84.889%,87.556%,90.222%,92.889%,95.556%,98.222% {transform:skewY(9deg);}
2.222%,4.889%,7.556%,10.222%,12.889%,15.556%,18.222%,20.889%,23.556%,26.222%,28.889%,31.556%,34.222%,36.889%,39.556%,42.222%,44.889%,47.556%,50.222%,52.889%,54.444%,55.778%,57.111%,58.444%,59.778%,75.556%,78.222%,80.889%,83.556%,86.222%,88.889%,91.556%,94.222%,96.889%,99.556% {transform:skewY(-9deg);}
60%, 61.7% { transform:skewY(-5deg) }
62.7%, 69.6% {transform:rotate(-25deg);}
}
@keyframes dolajmpspn4kf {
0.444%,3.111%,5.778%,8.444%,11.111%,13.778%,16.444%,19.111%,21.778%,24.444%,27.111%,29.778%,32.444%,35.111%,37.778%,40.444%,43.111%,45.778%,48.444%,51.111%,53.556%,54.889%,56.222%,57.556%,58.889%,72.778%,76.444%,79.111%,81.778%,84.444%,87.111%,89.778%,92.444%,95.111%,97.778% {transform:skewY(9deg);}
1.778%,4.444%,7.111%,9.778%,12.444%,15.111%,17.778%,20.444%,23.111%,25.778%,28.444%,31.111%,33.778%,36.444%,39.111%,41.778%,44.444%,47.111%,49.778%,52.444%,54.222%,55.556%,56.889%,58.222%,59.556%,75.111%,77.778%,80.444%,83.111%,85.778%,88.444%,91.111%,93.778%,96.444%,99.111% {transform:skewY(-9deg);}
60%, 61.8% { transform:skewY(-5deg) }
62.8%, 69.4% {transform:rotate(-25deg);}
}
@keyframes dolajmpspn5kf {
0%,2.667%,5.333%,8%,10.667%,13.333%,16%,18.667%,21.333%,24%,26.667%,29.333%,32%,34.667%,37.333%,40%,42.667%,45.333%,48%,50.667%,53.333%,54.667%,56%,57.333%,58.667%,76%,78.667%,81.333%,84%,86.667%,89.333%,92%,94.667%,97.333%,100% {transform:skewY(9deg);}
1.333%,4%,6.667%,9.333%,12%,14.667%,17.333%,20%,22.667%,25.333%,28%,30.667%,33.333%,36%,38.667%,41.333%,44%,46.667%,49.333%,52%,54%,55.333%,56.667%,58%,59.333%,72.667%,77.333%,80%,82.667%,85.333%,88%,90.667%,93.333%,96%,98.667% {transform:skewY(-9deg);}
60%, 61.9% { transform:skewY(-5deg) }
62.9%, 69.2% {transform:rotate(-25deg);}
}
@keyframes dolajmpspn6kf {
0.889%,3.556%,6.222%,8.889%,11.556%,14.222%,16.889%,19.556%,22.222%,24.889%,27.556%,30.222%,32.889%,35.556%,38.222%,40.889%,43.556%,46.222%,48.889%,51.556%,53.778%,55.111%,56.444%,57.778%,59.111%,72.222%,76.889%,79.556%,82.222%,84.889%,87.556%,90.222%,92.889%,95.556%,98.222% {transform:skewY(-2.5deg);}
2.222%,4.889%,7.556%,10.222%,12.889%,15.556%,18.222%,20.889%,23.556%,26.222%,28.889%,31.556%,34.222%,36.889%,39.556%,42.222%,44.889%,47.556%,50.222%,52.889%,54.444%,55.778%,57.111%,58.444%,59.778%,75.556%,78.222%,80.889%,83.556%,86.222%,88.889%,91.556%,94.222%,96.889%,99.556% {transform:skewY(2.5deg);}
60%, 62% { transform:skewY(-5deg) }
63%, 69% {transform:rotate(-25deg);}
}

/* path movement */

.dolajumpwrap1 {
	transform: translateZ(-2700px) translateX(-20vw);
}

.dolajumpwrap2 {
	transform: translateZ(-300px) translateX(30vw);
}

.dolajumpwrap3 {
	transform: translateZ(-1300px) translateX(10vw);
}

.dolajumpwrap4 {
	transform: translateZ(-700px) translateX(-30vw);
}

.dolajumpwrap5 {
	transform: translateZ(-100px) translateX(0vw);
}

.dolajumpwrap6 {
	transform: translateZ(-500px) translateX(20vw);
}

.dolajumpX {
	width: 0;
	height: 0;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: kf-dolajumpX;
}

.dolajumpY {
	width: 0;
	height: 0;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: kf-dolajumpY;
}

.dolarotate {
	width: 10vh;
	height: 5vh;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: kf-dolarotate;
}

@keyframes kf-dolajumpX {
0% {
	transform: translateX(-50vw);
	animation-timing-function: linear;	}
59.5% {
	transform: translateX(30vw);
	animation-timing-function: linear;	}
74% {
	transform: translateX(70vw);
	animation-timing-function: linear;	}
100% {
	transform: translateX(130vw); }
}

@keyframes kf-dolarotate {
0%, 61% {transform:rotate(0deg); transform-origin: 20% 50%;}
70.0%, 100% {transform:rotate(720deg); transform-origin: 20% 50%; }
}

@keyframes kf-dolajumpY {
0%, 53%, 81%, 100% {
	transform: translateY(120vh) rotate(0deg);
	animation-timing-function: linear; }
57% {
	transform: translateY(90vh) rotate(-40deg);
	animation-timing-function: linear; }
60% {
	transform: translateY(70vh) rotate(-50deg);
	animation-timing-function: ease-out; }
66.666% {
	transform: translateY(45vh) rotate(0deg);
	animation-timing-function: ease-in; }
73.333% {
	transform: translateY(70vh) rotate(50deg);
	animation-timing-function: linear; }
77% {
	transform: translateY(100vh) rotate(20deg);
	animation-timing-function: linear; }
}