body {
	margin: 0;
	padding: 320px 0 0 0;
}

svg {

	width: 24%;
}

@keyframes drop {

	100% {

		opacity: 1;
	    transform: translateY(150px)  rotateX(360deg);
	}
}

.glasses {

    opacity: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 40%;
	transform: translateY(-200px)  rotateX(0deg);
	animation: drop 1s 2s ease-out forwards;
}

@keyframes offset {

	100% {

		stroke-dashoffset: 0;
	}
}

.outer_line {

	stroke-dasharray: 2500;
	stroke-dashoffset: 2500;
	animation: offset .6s ease-out forwards;
}

@keyframes fade_in {

	100% {

		opacity: 1;
	}
}

.main {

	opacity: 0;
	animation: fade_in .6s ease-out forwards;
}

.bike path, .bike polygon, .bike line, .bike polyline, .bike circle, .bike rect {

    fill: transparent;
    stroke-dasharray: 1150;
    stroke-dashoffset: 1150;
    animation: offset .8s .6s linear forwards;
}

.bike_bg {

    opacity: 0;
    animation: fade_in .8s 1.4s ease-out forwards;
}

@keyframes pop_up {

	30% {

		transform: scale(1.1);
	}

	40% {

		transform: scale(.9);
	}

	50% {

		transform: scale(1.05);
	}

	60% {

		transform: scale(.95);
	}

	70% {

		transform: scale(1.025);
	}

	80% {

		transform: scale(.975);
	}

	90% {

		transform: scale(1.0125);
	}

	100% {

		transform: scale(1);
	}
}

.sub_one {

	transform-origin: 50% 50%;
	transform: scale(0);
	animation: pop_up .5s 1.45s ease-out forwards;
}

.sub_two {

	transform-origin: 50% 50%;
	transform: scale(0);
	animation: pop_up .5s 1.5s ease-out forwards;
}

.stars polygon:nth-of-type(1) {

    opacity: 0;
	animation: fade_in .5s 1.6s linear forwards;
}

.stars polygon:nth-of-type(2) {

    opacity: 0;
	animation: fade_in .5s 1.7s linear forwards;
}

.stars polygon:nth-of-type(3) {

    opacity: 0;
	animation: fade_in .5s 1.8s linear forwards;
}

.stars polygon:nth-of-type(4) {

    opacity: 0;
	animation: fade_in .5s 1.9s linear forwards;
}

.stars polygon:nth-of-type(5) {

    opacity: 0;
	animation: fade_in .5s 2s linear forwards;
}

.stars polygon:nth-of-type(6) {

    opacity: 0;
	animation: fade_in .5s 2.1s linear forwards;
}

.stars polygon:nth-of-type(7) {

    opacity: 0;
	animation: fade_in .5s 2.2s linear forwards;
}

.stars polygon:nth-of-type(8) {

    opacity: 0;
	animation: fade_in .5s 2.3s linear forwards;
}

.second,
.first {

    opacity: 0;
	animation: fade_in .5s 2.5s linear forwards;
}