.banner {
	background-size: cover;
	background-position: center center;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 920px;
}

.hero-left .tt-fade-center,
.hero-right .tt-fade-center,
.hero-left .des-fade-center,
.hero-right .des-fade-center,
.hero-left .img-fade-center,
.hero-right .img-fade-center {
	animation: fade 2s ease 1s 1 normal forwards;
}

.hero-left .btn-fade-center,
.hero-right .btn-fade-center {
	animation: fade 1s ease 3s 1 normal forwards;
}

.hero-left .tt-fade-backward,
.hero-right .tt-fade-backward,
.hero-left .des-fade-backward,
.hero-right .des-fade-backward,
.hero-left .img-fade-backward,
.hero-right .img-fade-backward {
	animation: fade-backward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-fade-backward,
.hero-right .btn-fade-backward {
	animation: fade-backward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-fade-forward,
.hero-right .tt-fade-forward,
.hero-left .des-fade-forward,
.hero-right .des-fade-forward,
.hero-left .img-fade-forward,
.hero-right .img-fade-forward {
	animation: fade-forward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-fade-forward,
.hero-right .btn-fade-forward {
	animation: fade-forward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-forward,
.hero-right .tt-bounce-forward,
.hero-left .des-bounce-forward,
.hero-right .des-bounce-forward,
.hero-left .img-bounce-forward,
.hero-right .img-bounce-forward {
	animation: bounce-forward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-forward,
.hero-right .btn-bounce-forward {
	animation: bounce-forward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-backward,
.hero-right .tt-bounce-backward,
.hero-left .des-bounce-backward,
.hero-right .des-bounce-backward,
.hero-left .img-bounce-backward,
.hero-right .img-bounce-backward {
	animation: bounce-backward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-backward,
.hero-right .btn-bounce-backward {
	animation: bounce-backward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-top,
.hero-right .tt-bounce-top,
.hero-left .des-bounce-top,
.hero-right .des-bounce-top,
.hero-left .img-bounce-top,
.hero-right .img-bounce-top {
	animation: bounce-top 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-top,
.hero-right .btn-bounce-top {
	animation: bounce-top 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-left,
.hero-right .tt-bounce-left,
.hero-left .des-bounce-left,
.hero-right .des-bounce-left,
.hero-left .img-bounce-left,
.hero-right .img-bounce-left {
	animation: bounce-left 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-left,
.hero-right .btn-bounce-left {
	animation: bounce-left 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-right,
.hero-right .tt-bounce-right,
.hero-left .des-bounce-right,
.hero-right .des-bounce-right,
.hero-left .img-bounce-right,
.hero-right .img-bounce-right {
	animation: bounce-right 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-right,
.hero-right .btn-bounce-right {
	animation: bounce-right 1s ease 3s 1 normal forwards;
}

.hero-left .tt-bounce-bottom,
.hero-right .tt-bounce-bottom,
.hero-left .des-bounce-bottom,
.hero-right .des-bounce-bottom,
.hero-left .img-bounce-bottom,
.hero-right .img-bounce-bottom {
	animation: bounce-bottom 2s ease 1s 1 normal forwards;
}

.hero-left .btn-bounce-bottom,
.hero-right .btn-bounce-bottom {
	animation: bounce-bottom 1s ease 3s 1 normal forwards;
}

.hero-left .tt-slide-top,
.hero-right .tt-slide-top,
.hero-left .des-slide-top,
.hero-right .des-slide-top,
.hero-left .img-slide-top,
.hero-right .img-slide-top {
	animation: slide-top 2s ease 1s 1 normal forwards;
}

.hero-left .btn-slide-top,
.hero-right .btn-slide-top {
	animation: slide-top 1s ease 3s 1 normal forwards;
}

.hero-left .tt-slide-left,
.hero-right .tt-slide-left,
.hero-left .des-slide-left,
.hero-right .des-slide-left,
.hero-left .img-slide-left,
.hero-right .img-slide-left {
	animation: slide-left 2s ease 1s 1 normal forwards;
}

.hero-left .btn-slide-left,
.hero-right .btn-slide-left {
	animation: slide-left 1s ease 3s 1 normal forwards;
}

.hero-left .tt-slide-right,
.hero-right .tt-slide-right,
.hero-left .des-slide-right,
.hero-right .des-slide-right,
.hero-left .img-slide-right,
.hero-right .img-slide-right {
	animation: slide-right 2s ease 1s 1 normal forwards;
}

.hero-left .btn-slide-right,
.hero-right .btn-slide-right {
	animation: slide-right 1s ease 3s 1 normal forwards;
}

.hero-left .tt-slide-bottom,
.hero-right .tt-slide-bottom,
.hero-left .des-slide-bottom,
.hero-right .des-slide-bottom,
.hero-left .img-slide-bottom,
.hero-right .img-slide-bottom {
	animation: slide-bottom 2s ease 1s 1 normal forwards;
}

.hero-left .btn-slide-bottom,
.hero-right .btn-slide-bottom {
	animation: slide-bottom 1s ease 3s 1 normal forwards;
}

.hero-left .tt-zoom-in,
.hero-right .tt-zoom-in,
.hero-left .des-zoom-in,
.hero-right .des-zoom-in,
.hero-left .img-zoom-in,
.hero-right .img-zoom-in {
	animation: zoom-in 2s ease 1s 1 normal forwards;
}

.hero-left .btn-zoom-in,
.hero-right .btn-zoom-in {
	animation: zoom-in 1s ease 3s 1 normal forwards;
}

.hero-left .tt-zoom-out,
.hero-right .tt-zoom-out,
.hero-left .des-zoom-out,
.hero-right .des-zoom-out,
.hero-left .img-zoom-out,
.hero-right .img-zoom-out {
	animation: zoom-out 2s ease 1s 1 normal forwards;
}

.hero-left .btn-zoom-out,
.hero-right .btn-zoom-out {
	animation: zoom-out 1s ease 3s 1 normal forwards;
}

.rg_blur,
.btn-blur {
	-webkit-animation: rg-blur 2s linear 1s 1 forwards;
	animation: rg-blur 2s linear 1s 1 forwards;
	opacity: 0;
}

.hero-left .tt-swirl-forward,
.hero-right .tt-swirl-forward,
.hero-left .des-swirl-forward,
.hero-right .des-swirl-forward,
.hero-left .img-swirl-forward,
.hero-right .img-swirl-forward {
	animation: swirl-forward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-swirl-forward,
.hero-right .btn-swirl-forward {
	animation: swirl-forward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-swirl-backward,
.hero-right .tt-swirl-backward,
.hero-left .des-swirl-backward,
.hero-right .des-swirl-backward,
.hero-left .img-swirl-backward,
.hero-right .img-swirl-backward {
	animation: swirl-backward 2s ease 1s 1 normal forwards;
}

.hero-left .btn-swirl-backward,
.hero-right .btn-swirl-backward {
	animation: swirl-backward 1s ease 3s 1 normal forwards;
}

.hero-left .tt-roll-top,
.hero-right .tt-roll-top,
.hero-left .des-roll-top,
.hero-right .des-roll-top,
.hero-left .img-roll-top,
.hero-right .img-roll-top {
	animation: roll-top 2s ease 1s 1 normal forwards;
}

.hero-left .btn-roll-top,
.hero-right .btn-roll-top {
	animation: roll-top 1s ease 3s 1 normal forwards;
}

.hero-left .tt-roll-left,
.hero-right .tt-roll-left,
.hero-left .des-roll-left,
.hero-right .des-roll-left,
.hero-left .img-roll-left,
.hero-right .img-roll-left {
	animation: roll-left 2s ease 1s 1 normal forwards;
}

.hero-left .btn-roll-left,
.hero-right .btn-roll-left {
	animation: roll-left 1s ease 3s 1 normal forwards;
}

.hero-left .tt-roll-right,
.hero-right .tt-roll-right,
.hero-left .des-roll-right,
.hero-right .des-roll-right,
.hero-left .img-roll-right,
.hero-right .img-roll-right {
	animation: roll-right 2s ease 1s 1 normal forwards;
}

.hero-left .btn-roll-right,
.hero-right .btn-roll-right {
	animation: roll-right 1s ease 3s 1 normal forwards;
}

.hero-left .tt-roll-bottom,
.hero-right .tt-roll-bottom,
.hero-left .des-roll-bottom,
.hero-right .des-roll-bottom,
.hero-left .img-roll-bottom,
.hero-right .img-roll-bottom {
	animation: roll-bottom 2s ease 1s 1 normal forwards;
}

.hero-left .btn-roll-bottom,
.hero-right .btn-roll-bottom {
	animation: roll-bottom 1s ease 3s 1 normal forwards;
}

.hero-left .btn-blur,
.hero-right .btn-blur {
	animation: rg-blur 1s linear 3s 1 normal forwards;
}

.hero-left .rg_blur,
.hero-right .rg_blur {
	-webkit-animation: rg-blur 2s linear 1s 1 forwards;
	animation: rg-blur 2s linear 1s 1 forwards;
	opacity: 0;
}

.nav-active {
	background-color: #1d1d1d;
	box-shadow: 0 0 15px 0 rgba(100, 100, 100, 0.4);
	background-image: var(--rg-bg-img);
	background-size: cover;
	background-position: center;
}

.light-mode .nav-active {
	background-color: #fff;
	background-image: var(--rg-light-bg-img);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}

.fixed-top {
	transition: 0.2s ease-in-out;
}

.img-fade-center {
	opacity: 0;
	animation: fade 1s ease 1s 1 normal forwards;
}

.tt-fade-center {
	opacity: 0;
	animation: fade 1s ease 2s 1 normal forwards;
}

.des-fade-center {
	opacity: 0;
	animation: fade 1s ease 3s 1 normal forwards;
}

.btn-fade-center {
	opacity: 0;
	animation: fade 1s ease 4s 1 normal forwards;
}

.img-fade-backward {
	opacity: 0;
	animation: fade-backward 1s ease 1s 1 normal forwards;
}

.tt-fade-backward {
	opacity: 0;
	animation: fade-backward 1s ease 2s 1 normal forwards;
}

.des-fade-backward {
	opacity: 0;
	animation: fade-backward 1s ease 3s 1 normal forwards;
}

.btn-fade-backward {
	opacity: 0;
	animation: fade-backward 1s ease 4s 1 normal forwards;
}

.img-fade-forward {
	opacity: 0;
	animation: fade-forward 1s ease 1s 1 normal forwards;
}

.tt-fade-forward {
	opacity: 0;
	animation: fade-forward 1s ease 2s 1 normal forwards;
}

.des-fade-forward {
	opacity: 0;
	animation: fade-forward 1s ease 3s 1 normal forwards;
}

.btn-fade-forward {
	opacity: 0;
	animation: fade-forward 1s ease 4s 1 normal forwards;
}

.img-bounce-forward {
	opacity: 0;
	animation: bounce-forward 1s ease 1s 1 normal forwards;
}

.tt-bounce-forward {
	opacity: 0;
	animation: bounce-forward 1s ease 2s 1 normal forwards;
}

.des-bounce-forward {
	opacity: 0;
	animation: bounce-forward 1s ease 3s 1 normal forwards;
}

.btn-bounce-forward {
	opacity: 0;
	animation: bounce-forward 1s ease 4s 1 normal forwards;
}

.img-bounce-backward {
	opacity: 0;
	animation: bounce-backward 1s ease 1s 1 normal forwards;
}

.tt-bounce-backward {
	opacity: 0;
	animation: bounce-backward 1s ease 2s 1 normal forwards;
}

.des-bounce-backward {
	opacity: 0;
	animation: bounce-backward 1s ease 3s 1 normal forwards;
}

.btn-bounce-backward {
	opacity: 0;
	animation: bounce-backward 1s ease 4s 1 normal forwards;
}

.img-bounce-top {
	opacity: 0;
	animation: bounce-top 1s ease 1s 1 normal forwards;
}

.tt-bounce-top {
	opacity: 0;
	animation: bounce-top 1s ease 2s 1 normal forwards;
}

.des-bounce-top {
	opacity: 0;
	animation: bounce-top 1s ease 3s 1 normal forwards;
}

.btn-bounce-top {
	opacity: 0;
	animation: bounce-top 1s ease 4s 1 normal forwards;
}

.img-bounce-left {
	opacity: 0;
	animation: bounce-left 1s ease 1s 1 normal forwards;
}

.tt-bounce-left {
	opacity: 0;
	animation: bounce-left 1s ease 2s 1 normal forwards;
}

.des-bounce-left {
	opacity: 0;
	animation: bounce-left 1s ease 3s 1 normal forwards;
}

.btn-bounce-left {
	opacity: 0;
	animation: bounce-left 1s ease 4s 1 normal forwards;
}

.img-bounce-right {
	opacity: 0;
	animation: bounce-right 1s ease 1s 1 normal forwards;
}

.tt-bounce-right {
	opacity: 0;
	animation: bounce-right 1s ease 2s 1 normal forwards;
}

.des-bounce-right {
	opacity: 0;
	animation: bounce-right 1s ease 3s 1 normal forwards;
}

.btn-bounce-right {
	opacity: 0;
	animation: bounce-right 1s ease 4s 1 normal forwards;
}

.img-bounce-bottom {
	opacity: 0;
	animation: bounce-bottom 1s ease 1s 1 normal forwards;
}

.tt-bounce-bottom {
	opacity: 0;
	animation: bounce-bottom 1s ease 2s 1 normal forwards;
}

.des-bounce-bottom {
	opacity: 0;
	animation: bounce-bottom 1s ease 3s 1 normal forwards;
}

.btn-bounce-bottom {
	opacity: 0;
	animation: bounce-bottom 1s ease 4s 1 normal forwards;
}

.img-slide-top {
	opacity: 0;
	animation: slide-top 1s ease 1s 1 normal forwards;
}

.tt-slide-top {
	opacity: 0;
	animation: slide-top 1s ease 2s 1 normal forwards;
}

.des-slide-top {
	opacity: 0;
	animation: slide-top 1s ease 3s 1 normal forwards;
}

.btn-slide-top {
	opacity: 0;
	animation: slide-top 1s ease 4s 1 normal forwards;
}

.img-slide-left {
	opacity: 0;
	animation: slide-left 1s ease 1s 1 normal forwards;
}

.tt-slide-left {
	opacity: 0;
	animation: slide-left 1s ease 2s 1 normal forwards;
}

.des-slide-left {
	opacity: 0;
	animation: slide-left 1s ease 3s 1 normal forwards;
}

.btn-slide-left {
	opacity: 0;
	animation: slide-left 1s ease 4s 1 normal forwards;
}

.img-slide-right {
	opacity: 0;
	animation: slide-right 1s ease 1s 1 normal forwards;
}

.tt-slide-right {
	opacity: 0;
	animation: slide-right 1s ease 2s 1 normal forwards;
}

.des-slide-right {
	opacity: 0;
	animation: slide-right 1s ease 3s 1 normal forwards;
}

.btn-slide-right {
	opacity: 0;
	animation: slide-right 1s ease 4s 1 normal forwards;
}

.img-slide-bottom {
	opacity: 0;
	animation: slide-bottom 1s ease 1s 1 normal forwards;
}

.tt-slide-bottom {
	opacity: 0;
	animation: slide-bottom 1s ease 2s 1 normal forwards;
}

.des-slide-bottom {
	opacity: 0;
	animation: slide-bottom 1s ease 3s 1 normal forwards;
}

.btn-slide-bottom {
	opacity: 0;
	animation: slide-bottom 1s ease 4s 1 normal forwards;
}

.img-zoom-in {
	opacity: 0;
	animation: zoom-in 1s ease 1s 1 normal forwards;
}

.tt-zoom-in {
	opacity: 0;
	animation: zoom-in 1s ease 2s 1 normal forwards;
}

.des-zoom-in {
	opacity: 0;
	animation: zoom-in 1s ease 3s 1 normal forwards;
}

.btn-zoom-in {
	opacity: 0;
	animation: zoom-in 1s ease 4s 1 normal forwards;
}

.img-zoom-out {
	opacity: 0;
	animation: zoom-out 1s ease 1s 1 normal forwards;
}

.tt-zoom-out {
	opacity: 0;
	animation: zoom-out 1s ease 2s 1 normal forwards;
}

.des-zoom-out {
	opacity: 0;
	animation: zoom-out 1s ease 3s 1 normal forwards;
}

.btn-zoom-out {
	opacity: 0;
	animation: zoom-out 1s ease 4s 1 normal forwards;
}

.img-swirl-forward {
	opacity: 0;
	animation: swirl-forward 1s ease 1s 1 normal forwards;
}

.tt-swirl-forward {
	opacity: 0;
	animation: swirl-forward 1s ease 2s 1 normal forwards;
}

.des-swirl-forward {
	opacity: 0;
	animation: swirl-forward 1s ease 3s 1 normal forwards;
}

.btn-swirl-forward {
	opacity: 0;
	animation: swirl-forward 1s ease 4s 1 normal forwards;
}

.img-swirl-backward {
	opacity: 0;
	animation: swirl-backward 1s ease 1s 1 normal forwards;
}

.tt-swirl-backward {
	opacity: 0;
	animation: swirl-backward 1s ease 2s 1 normal forwards;
}

.des-swirl-backward {
	opacity: 0;
	animation: swirl-backward 1s ease 3s 1 normal forwards;
}

.btn-swirl-backward {
	opacity: 0;
	animation: swirl-backward 1s ease 4s 1 normal forwards;
}

.img-roll-top {
	opacity: 0;
	animation: roll-top 1s ease 1s 1 normal forwards;
}

.tt-roll-top {
	opacity: 0;
	animation: roll-top 1s ease 2s 1 normal forwards;
}

.des-roll-top {
	opacity: 0;
	animation: roll-top 1s ease 3s 1 normal forwards;
}

.btn-roll-top {
	opacity: 0;
	animation: roll-top 1s ease 4s 1 normal forwards;
}

.img-roll-left {
	opacity: 0;
	animation: roll-left 1s ease 1s 1 normal forwards;
}

.tt-roll-left {
	opacity: 0;
	animation: roll-left 1s ease 2s 1 normal forwards;
}

.des-roll-left {
	opacity: 0;
	animation: roll-left 1s ease 3s 1 normal forwards;
}

.btn-roll-left {
	opacity: 0;
	animation: roll-left 1s ease 4s 1 normal forwards;
}

.img-roll-right {
	opacity: 0;
	animation: roll-right 1s ease 1s 1 normal forwards;
}

.tt-roll-right {
	opacity: 0;
	animation: roll-right 1s ease 2s 1 normal forwards;
}

.des-roll-right {
	opacity: 0;
	animation: roll-right 1s ease 3s 1 normal forwards;
}

.btn-roll-right {
	opacity: 0;
	animation: roll-right 1s ease 4s 1 normal forwards;
}

.img-roll-bottom {
	opacity: 0;
	animation: roll-bottom 1s ease 1s 1 normal forwards;
}

.tt-roll-bottom {
	opacity: 0;
	animation: roll-bottom 1s ease 2s 1 normal forwards;
}

.des-roll-bottom {
	opacity: 0;
	animation: roll-bottom 1s ease 3s 1 normal forwards;
}

.btn-roll-bottom {
	opacity: 0;
	animation: roll-bottom 1s ease 4s 1 normal forwards;
}
















@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-backward {
	0% {
		opacity: 0;
		transform: scale(1.4);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fade-forward {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes bounce-forward {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: scale(0);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: scale(1);
	}

	55% {
		animation-timing-function: ease-in;
		transform: scale(0.7);
	}

	72% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}

	81% {
		animation-timing-function: ease-in;
		transform: scale(0.84);
	}

	89% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}

	95% {
		animation-timing-function: ease-in;
		transform: scale(0.95);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}

@keyframes bounce-backward {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: scale(7);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: scale(1);
	}

	55% {
		animation-timing-function: ease-in;
		transform: scale(1.5);
	}

	72% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}

	81% {
		animation-timing-function: ease-in;
		transform: scale(1.24);
	}

	89% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}

	95% {
		animation-timing-function: ease-in;
		transform: scale(1.04);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}

@keyframes bounce-top {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

@keyframes bounce-left {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateX(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateX(-68px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateX(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateX(-8px);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
}

@keyframes bounce-right {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateX(250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateX(68px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateX(32px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateX(8px);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
}

@keyframes bounce-bottom {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(8px);
	}

	100% {
		opacity: 1;
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

@keyframes slide-top {
	0% {
		opacity: 0;
		transform: translateY(-250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slide-left {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slide-right {
	0% {
		opacity: 0;
		transform: translateX(250px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slide-bottom {
	0% {
		opacity: 0;
		transform: translateY(250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes zoom-in {
	0% {
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes zoom-out {
	0% {
		transform: scale(2);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes swirl-forward {
	0% {
		opacity: 0;
		transform: rotate(-540deg) scale(0);
	}

	100% {
		opacity: 1;
		transform: rotate(0) scale(1);
	}
}

@keyframes swirl-backward {
	0% {
		opacity: 0;
		transform: rotate(-540deg) scale(2);
	}

	100% {
		opacity: 1;
		transform: rotate(0) scale(1);
	}
}

@keyframes roll-top {
	0% {
		opacity: 0;
		transform: translateY(-250px) rotate(-200deg);
	}

	100% {
		opacity: 1;
		transform: translateY(0) rotate(0deg);
	}
}

@keyframes roll-left {
	0% {
		opacity: 0;
		transform: translateX(-250px) rotate(-200deg);
	}

	100% {
		opacity: 1;
		transform: translateX(0) rotate(0deg);
	}
}

@keyframes roll-right {
	0% {
		opacity: 0;
		transform: translateX(250px) rotate(200deg);
	}

	100% {
		opacity: 1;
		transform: translateX(0) rotate(0deg);
	}
}

@keyframes roll-bottom {
	0% {
		opacity: 0;
		transform: translateY(250px) rotate(200deg);
	}

	100% {
		opacity: 1;
		transform: translateY(0) rotate(0deg);
	}
}




@media (max-width: 1600px) {
	.banner {
		height: 760px;
	}
}

@media (max-width: 1399px) {
	.banner {
		height: 650px;
	}
}

@media (max-width: 1199px) {
	.banner {
		height: 560px;
	}
}

@media (max-width: 991px) {
	.banner {
		height: 472px;
	}
}

@media (max-width: 767px) {
	.banner {
		height: 400px;
	}
}

@media (max-width: 575px) {
	.banner {
		height: 500px;
	}
}