@charset "utf-8";
@keyframes fadein{
	0%{opacity: 0;}
	99.9%,to{opacity: 1;}
}
.headvar,.scroll{
  -moz-animation: fadein 2s 3s both;	
	-webkit-animation: fadein 2s 3s both;
	-o-animation: fadein 2s 3s both;
	-ms-animation: fadein 2s 3s both;
	animation: fadein 2s 3s both;
}
.slider{
	-moz-animation: fadein 2s 1s both;
	-webkit-animation: fadein 2s 1s both;
	-o-animation: fadein 2s 1s both;
	-ms-animation: fadein 2s 1s both;
	animation: fadein 2s 1s both;
}
@keyframes h-right-spread{
	0%{
		-moz-transform: translateX(-380px);
		-webkit-transform: translateX(-380px);
		-o-transform: translateX(-380px);
		-ms-transform: translateX(-380px);
		transform: translateX(-380px);
		}
	99.9%,to{
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		}
}
.h-catchtext>span{
	-moz-animation: h-right-spread 0.4s 0.5s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-webkit-animation: h-right-spread 0.4s 0.5s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-o-animation: h-right-spread 0.4s 0.5s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-ms-animation: h-right-spread 0.4s 0.5s both cubic-bezier(0.1, 0.9, 0.2, 1);
	animation: h-right-spread 0.4s 0.5s both cubic-bezier(0.1, 0.9, 0.2, 1);
}
.h-catchtext>span:nth-child(2){
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.h-catchtext>span:last-child{
	-moz-animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
@keyframes h-catchtext-change{
	0%{color: #475385;}
	99.9%,to{background: #475385;color: #fff}
}
.h-catchtext>span>span{
	-moz-animation: h-catchtext-change 2s 2s both;
	-webkit-animation: h-catchtext-change 2s 2s both;
	-o-animation: h-catchtext-change 2s 2s both;
	-ms-animation: h-catchtext-change 2s 2s both;
	animation: h-catchtext-change 2s 2s both;
}
@keyframes fadeup{
	0%{
		opacity: 0;
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);		
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
		}
	99.9%,to{
		opacity: 1;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		}
}
.animation.fadeup1,.animation.fadeup2,.animation.fadeup3,.animation.fadeup4,.animation.fadeup5,.animation.fadeup6,.animation.fadeup7{
	-moz-animation: fadeup 3s 1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-webkit-animation: fadeup 3s 1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-o-animation: fadeup 3s 1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-ms-animation: fadeup 3s 1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	animation: fadeup 3s 1s both cubic-bezier(0.1, 0.9, 0.2, 1);
}
.animation.fadeup3{
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;	
	-o-animation-delay: 1.2s;	
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;	
}
.animation.fadeup4{
	-moz-animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;	
	-o-animation-delay: 1.4s;	
	-ms-animation-delay: 1.4s;	
	animation-delay: 1.4s;	
}
.animation.fadeup5{
	-moz-animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;	
	-o-animation-delay: 1.6s;	
	-ms-animation-delay: 1.6s;	
	animation-delay: 1.6s;	
}
.animation.fadeup6{
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;	
	-o-animation-delay: 0.5s;	
	-ms-animation-delay: 0.5s;	
	animation-delay: 0.5s;	
}
.animation.fadeup7{
	-moz-animation: fadeup 1s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-webkit-animation: fadeup 1s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-o-animation: fadeup 1s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-ms-animation: fadeup 1s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	animation: fadeup 1s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
}
@media(max-width: 1100px){
.animation.fadeup2,.animation.fadeup4{
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;	
	-o-animation-delay: 0.4s;	
	-ms-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}
.animation.fadeup3,.animation.fadeup5{
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;	
	-o-animation-delay: 0.5s;	
	-ms-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}
.animation.fadeup6{
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;	
	-o-animation-delay: 0.3s;	
	-ms-animation-delay: 0.3s;	
	animation-delay: 0.3s;	
}
}
@media(max-width: 767px){
.animation.fadeup7{
	-moz-animation: fadeup 1.5s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-webkit-animation: fadeup 1.5s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-o-animation: fadeup 1.5s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	-ms-animation: fadeup 1.5s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);
	animation: fadeup 1.5s 0.1s both cubic-bezier(0.1, 0.9, 0.2, 1);	
}
}
.hm-btn:hover{
	background: #fff;
	border: 1px solid #475385;
	color: #475385;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	transition: ease all 0.5s;
}
.f-icon:hover{
	background: #31316a;
	-o-transition: ease-in all 0.3s;
	-moz-transition: ease-in all 0.3s;
	transition: ease-in all 0.3s;
}
.f-mbtn:hover{
	background: #31316a;
	border: 1px solid #D1C67A;
	color: #D1C67A;
	-o-transition: ease-in all 0.3s;
	-moz-transition: ease-in all 0.3s;
	transition: ease-in all 0.3s;
}