.hrhr{
	-webkit-animation-name:hr;
	animation-name:hr;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes hr{
	0%{
		height: 0;
	}
	60%{
		height: 210px;
	}
	75%{
		height: 260px;
		width: 50px;
	}
	100%{
		height: 260px;
		width: 195px;
	}
}
.hrvv{
	-webkit-animation-name:hrv;
	animation-name:hrv;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrv{
	0%{
		height: 0;
	}
	100%{
		height: 100px;
	}
}
@media (max-width:1440px) {
	@keyframes hrv{
		0%{
			height: 0;
		}
		100%{
			height: 80px;
		}
	}
}
.hrdd{
	-webkit-animation-name:hrdd;
	animation-name:hrdd;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrdd{
	0%{
		height: 0;
	}
	100%{
		height: 220px;
	}
}
@media (max-width:1440px) {
	@keyframes hrdd{
		0%{
			height: 0;
		}
		100%{
			height: 160px;
		}
	}
}
.hrdg{
	-webkit-animation-name:hrdg;
	animation-name:hrdg;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrdg{
	0%{
		height: 0;
	}
	30%{
		height: 50px;
	}
	60%{
		height: 104px;
		width: 50px;
	}
	100%{
		width: calc(50% - 250px);
		height: 104px;
	}
}
@media (max-width:1440px) {
	@keyframes hrdg{
		0%{
			height: 0;
		}
		30%{
			height: 50px;
		}
		60%{
			height: 104px;
			width: 90px;
		}
		100%{
			width: calc(50% - 210px);
			height: 104px;
		}
	}
}
.hrdp{
	-webkit-animation-name:hrdp;
	animation-name:hrdp;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrdp{
	0%{
		width: 0;
		right: calc(50% - 250px);
	}
	100%{
		width: calc(50% - 250px);
		right: 0;
	}
}
@media (max-width:1440px) {
	@keyframes hrdp{
		0%{
			width: 0;
			right: calc(50% - 210px);
		}
		100%{
			width: calc(50% - 210px);
			right: 0;
		}
	}
}
.hrgd{
	-webkit-animation-name:hrgd;
	animation-name:hrgd;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrgd{
	0%{
		height: 0;
	}
	100%{
		bottom: 0;
		height: 190px;
	}
}
@media (max-width:1440px) {
	@keyframes hrgd{
		0%{
			height: 0;
		}
		100%{
			bottom: 0;
			height: 130px;
		}
	}
}
.hrss{
	-webkit-animation-name:hrss;
	animation-name:hrss;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrss{
	0%{
		height: 0;
	}
	100%{
		height: 130px;
	}
}
@media (max-width:1440px) {
	@keyframes hrss{
		0%{
			height: 0;
		}
		100%{
			height: 90px;
		}
	}
}
.hrns{
	-webkit-animation-name:hrns;
	animation-name:hrns;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrns{
	0%{
		width: 0;
	}
	100%{
		width: 75%;
	}
}
@media (max-width:1440px) {
	@keyframes hrns{
		0%{
			width: 0;
		}
		100%{
			width: 72%;
		}
	}
}
.hrts{
	-webkit-animation-name:hrts;
	animation-name:hrts;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrts{
	0%{
		height: 0;
	}
	100%{
		bottom: 0;
		height: 150px;
	}
}
@media (max-width:1440px) {
	@keyframes hrts{
		0%{
			height: 0;
		}
		100%{
			bottom: 0;
			height: 100px;
		}
	}
}
.hrcs{
	-webkit-animation-name:hrcs;
	animation-name:hrcs;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}
@keyframes hrcs{
	0%{
		height: 0;
		width: 44px;
	}
	30%{
		height: 230px;
		width: 44px;
	}
	40%{
		width: 94px;
		height: 280px;
	}
	100%{
		width: calc(100% - 150px);
		height: 300px;
	}
}