.header-transition-top {
	margin-top: 0!important;
	-webkit-animation: 2s ease-in-out 1s htt;
	-o-animation: 2s ease-in-out 1s htt;
	animation: 2s ease-in-out 1s htt;
	-webkit-transition: margin-top .5s 1s;
	-moz-transition: margin-top .5s 1s;
	-ms-transition: margin-top .5s 1s;
	-o-transition: margin-top .5s 1s;
	transition: margin-top .5s 1s
}

@keyframes htt {
	0% {
		margin-top: -10rem
	}
	25% {
		margin-top: 5rem
	}
	50% {
		margin-top: -2rem
	}
	100% {
		margin-top: 0
	}
}

.header-transition-right {
	right: 0!important;
	-webkit-animation: 2s ease-in-out 1.2s htr;
	-o-animation: 2s ease-in-out 1.2s htr;
	animation: 2s ease-in-out 1.2s htr;
	-webkit-transition: right .5s 1.2s;
	-moz-transition: right .5s 1.2s;
	-ms-transition: right .5s 1.2s;
	-o-transition: right .5s 1.2s;
	transition: right .5s 1.2s
}

@keyframes htr {
	0% {
		right: -30rem
	}
	25% {
		right: 5rem
	}
	50% {
		right: -2rem
	}
	100% {
		right: 0
	}
}

.header-transition-left {
	margin-left: 0!important;
	-webkit-animation: 2s ease-in-out .8s htl;
	-o-animation: 2s ease-in-out .8s htl;
	animation: 2s ease-in-out .8s htl;
	-webkit-transition: margin-left .5s 1.8s;
	-moz-transition: margin-left .5s 1.8s;
	-ms-transition: margin-left .5s 1.8s;
	-o-transition: margin-left .5s 1.8s;
	transition: margin-left .5s 1.8s
}

@keyframes htl {
	0% {
		margin-left: -90rem
	}
	25% {
		margin-left: 5rem
	}
	50% {
		margin-left: -2rem
	}
	100% {
		margin-left: 0
	}
}

.s2b-scale {
	transform: rotateX(90deg);
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s
}

.s2b-transition-scale {
	transform: rotateX(0)!important;
	-webkit-animation: 1s linear s2bts;
	-o-animation: 1s linear s2bts;
	animation: 1s linear s2bts;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s
}

.s2b-transition-scale:nth-of-type(1) {
	animation-delay: .8s;
	transition-delay: 1s
}

.s2b-transition-scale:nth-of-type(2) {
	animation-delay: .9s;
	transition-delay: 1.1s
}

.s2b-transition-scale:nth-of-type(3) {
	animation-delay: 1s;
	transition-delay: 1.2s
}

.s2b-transition-scale:nth-of-type(4) {
	animation-delay: 1.1s;
	transition-delay: 1.3s
}

@keyframes s2bts {
	from {
		-webkit-transform: rotateX(90deg);
		-moz-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		-o-transform: rotateX(90deg);
		transform: rotateX(90deg)
	}
	to {
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		-ms-transform: rotateX(0);
		-o-transform: rotateX(0);
		transform: rotateX(0)
	}
}

.fade-out {
	opacity: 1!important;
	-webkit-animation: 1s ease-in-out .5s fo;
	-o-animation: 1s ease-in-out .5s fo;
	animation: 1s ease-in-out .5s fo;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	-ms-transition: opacity .5s .5s;
	-o-transition: opacity .5s .5s;
	transition: opacity .5s .5s
}

@keyframes fo {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fade-out-2 {
	opacity: 1!important;
	-webkit-animation: 1s ease-in-out .5s htt;
	-o-animation: 1s ease-in-out .5s htt;
	animation: 1s ease-in-out .5s htt;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	-ms-transition: opacity .5s .5s;
	-o-transition: opacity .5s .5s;
	transition: opacity .5s .5s
}