/* @charset "utf-8"; */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.as_fadeup {
	animation: fadeInUp .5s ease-in-out both;
}

.as_fadein {
	animation: fadeIn .5s ease-in-out both;
}

.scroll-animate.animated {
	visibility: hidden
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.as_fadeleft {
	animation: fadeInLeft .5s ease-in-out both;
}

.as_faderight {
	animation: fadeInRight .5s ease-in-out both;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

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

	to {
		opacity: 1;
	}
}


.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.as_delay1 {
	animation-delay: .1s;
}

.as_delay2 {
	animation-delay: .2s;
}

.as_delay3 {
	animation-delay: .3s;
}

.as_delay4 {
	animation-delay: .4s;
}

.as_delay5 {
	animation-delay: .5s;
}

.as_delay6 {
	animation-delay: .6s;
}


@keyframes fn3 {
	0% {
		opacity: 0;
		transform: matrix(1, -.1, 0, 1, 0, -20)
	}

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

.fn3 {
	transform-origin: 0 0;
	animation: fn3 1.2s cubic-bezier(.49, .54, .16, 1);
	animation-fill-mode: both
}

@keyframes fn4 {
	0% {
		opacity: 0;
		transform: matrix(1, .1, 0, 1, 0, 20)
	}

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

.fn4 {
	transform-origin: 0 0;
	animation: fn4 1.2s cubic-bezier(.49, .54, .16, 1);
	animation-fill-mode: both
}

@keyframes lightFn {
	0% {
		mask-size: 0 0
	}

	100% {
		mask-size: 100% 100%
	}
}

@keyframes lightFn_2 {
	0% {
		mask-size: 0 0
	}

	100% {
		mask-size: 100% 100%
	}
}

@keyframes rightFn {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0)
	}

	100% {
		transform: translateY(1.5rem);
		-webkit-transform: translateY(1.5rem);
		-moz-transform: translateY(1.5rem);
		-o-transform: translateY(1.5rem);
		-ms-transform: translateY(1.5rem)
	}
}

@keyframes bright {
	0% {
		filter: brightness(4)
	}

	100% {
		filter: brightness(1)
	}
}

@keyframes scaleInImg {
	0% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1)
	}
}

.scaleInImg {
	animation-name: scaleInImg
}

.ripple {
	animation-name: ripple
}

@keyframes lineAni {
	0% {
		transform: scaleY(.001);
		-webkit-transform: scaleY(.001);
		-moz-transform: scaleY(.001);
		-o-transform: scaleY(.001);
		-ms-transform: scaleY(.001)
	}

	100% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1)
	}
}

@keyframes lineAni_hen {
	0% {
		transform: scaleX(.001);
		-webkit-transform: scaleX(.001);
		-moz-transform: scaleX(.001);
		-o-transform: scaleX(.001);
		-ms-transform: scaleX(.001)
	}

	100% {
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-ms-transform: scaleX(1)
	}
}

@keyframes ripple {
	0% {
		transform: scale(.01);
		-webkit-transform: scale(.01);
		-moz-transform: scale(.01);
		-o-transform: scale(.01);
		-ms-transform: scale(.01);
		opacity: .12
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		opacity: 1
	}
}

@keyframes roll {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
		opacity: 1
	}

	25% {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		opacity: 0
	}

	50% {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		opacity: 1
	}

	75% {
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		opacity: 0
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		opacity: 1
	}
}

@keyframes bg {
	0% {
		background-color: rgba(0, 0, 0, 0)
	}

	70% {
		background-color: rgba(0, 0, 0, .4)
	}

	100% {
		background-color: rgba(0, 0, 0, .4)
	}
}

@keyframes lineOut {
	0% {
		opacity: 1
	}

	70% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes txtOut {
	0% {
		color: #090b0a
	}

	15% {
		color: #090b0a
	}

	70% {
		color: #fff
	}

	100% {
		color: #fff
	}
}

@keyframes txtOut1 {
	0% {
		color: #008755
	}

	15% {
		color: #008755
	}

	70% {
		color: #fff
	}

	100% {
		color: #fff
	}
}

@keyframes strokeFn {
	0% {
		stroke: #008755
	}

	15% {
		stroke: #008755
	}

	70% {
		stroke: #fff
	}

	100% {
		stroke: #fff
	}
}

@keyframes fillFn {
	0% {
		fill: #008755
	}

	15% {
		fill: #008755
	}

	70% {
		fill: #fff
	}

	100% {
		fill: #fff
	}
}

@keyframes slideX {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0)
	}

	6% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0)
	}

	94% {
		transform: translateX(calc(-100% + 47vw));
		-webkit-transform: translateX(calc(-100% + 47vw));
		-moz-transform: translateX(calc(-100% + 47vw));
		-o-transform: translateX(calc(-100% + 47vw));
		-ms-transform: translateX(calc(-100% + 47vw))
	}

	100% {
		transform: translateX(calc(-100% + 47vw));
		-webkit-transform: translateX(calc(-100% + 47vw));
		-moz-transform: translateX(calc(-100% + 47vw));
		-o-transform: translateX(calc(-100% + 47vw));
		-ms-transform: translateX(calc(-100% + 47vw))
	}
}

@keyframes slideX1 {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0)
	}

	6% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0)
	}

	94% {
		transform: translateX(calc(-100% + 40vw));
		-webkit-transform: translateX(calc(-100% + 40vw));
		-moz-transform: translateX(calc(-100% + 40vw));
		-o-transform: translateX(calc(-100% + 40vw));
		-ms-transform: translateX(calc(-100% + 40vw))
	}

	100% {
		transform: translateX(calc(-100% + 40vw));
		-webkit-transform: translateX(calc(-100% + 40vw));
		-moz-transform: translateX(calc(-100% + 40vw));
		-o-transform: translateX(calc(-100% + 40vw));
		-ms-transform: translateX(calc(-100% + 40vw))
	}
}

@keyframes adFn {
	0% {
		opacity: 0;
		transform: translateX(.4rem);
		-webkit-transform: translateX(.4rem);
		-moz-transform: translateX(.4rem);
		-o-transform: translateX(.4rem);
		-ms-transform: translateX(.4rem)
	}

	10% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0;
		transform: translateX(-.4rem);
		-webkit-transform: translateX(-.4rem);
		-moz-transform: translateX(-.4rem);
		-o-transform: translateX(-.4rem);
		-ms-transform: translateX(-.4rem)
	}
}

@keyframes adFn1 {
	0% {
		opacity: 1;
		transform: translateX(-.7rem);
		-webkit-transform: translateX(-.7rem);
		-moz-transform: translateX(-.7rem);
		-o-transform: translateX(-.7rem);
		-ms-transform: translateX(-.7rem)
	}

	10% {
		opacity: 1
	}

	30% {
		opacity: .6
	}

	70% {
		opacity: .6
	}

	90% {
		opacity: 1
	}

	100% {
		opacity: 1;
		transform: translateX(.7rem);
		-webkit-transform: translateX(.7rem);
		-moz-transform: translateX(.7rem);
		-o-transform: translateX(.7rem);
		-ms-transform: translateX(.7rem)
	}
}

@keyframes adFn2 {
	0% {
		opacity: 1;
		transform: translateX(-.7rem);
		-webkit-transform: translateX(-.7rem);
		-moz-transform: translateX(-.7rem);
		-o-transform: translateX(-.7rem);
		-ms-transform: translateX(-.7rem)
	}

	100% {
		opacity: 1;
		transform: translateX(.7rem);
		-webkit-transform: translateX(.7rem);
		-moz-transform: translateX(.7rem);
		-o-transform: translateX(.7rem);
		-ms-transform: translateX(.7rem)
	}
}


@keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeftSmall {
	animation-name: fadeInLeftSmall
}

@keyframes fadeInRightSmall {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRightSmall {
	animation-name: fadeInRightSmall
}

@keyframes fadeInDownSmall {
	from {
		opacity: 0;
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDownSmall {
	animation-name: fadeInDownSmall
}

@keyframes fadeOutDownSmall {
	from {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translate3d(0, 50px, 0)
	}
}

.fadeOutDownSmall {
	animation-name: fadeOutDownSmall
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUpSmall {
	animation-name: fadeInUpSmall
}

@keyframes scaleIn {
	0% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}

.scaleIn {
	animation-name: scaleIn
}

@keyframes scaleIn2 {
	0% {
		transform: scale(.6);
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		-o-transform: scale(.6);
		-ms-transform: scale(.6);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}

.scaleIn2 {
	animation-name: scaleIn2
}


@keyframes fontUp {
	0% {
		transform: translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0)
	}

	100% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0)
	}
}

.fontUp {
	animation-name: fontUp
}

@keyframes fontOut {
	0% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0)
	}

	100% {
		transform: translate3d(0, -120%, 0);
		-webkit-transform: translate3d(0, -120%, 0);
		-moz-transform: translate3d(0, -120%, 0);
		-o-transform: translate3d(0, -120%, 0);
		-ms-transform: translate3d(0, -120%, 0)
	}
}

.fontOut {
	animation-name: fontOut
}




.blurInDown {
	-webkit-animation-name: blurInDown;
	animation-name: blurInDown;
}

@keyframes blurInDown {
	from {
		transform: scale(1.2) translateY(-25px);
		-webkit-transform: scale(1.2) translateY(-25px);
		-moz-transform: scale(1.2) translateY(-25px);
		-o-transform: scale(1.2) translateY(-25px);
		filter: blur(3px);
		opacity: 0;
	}

	to {
		transform: scale(1) translateY(0px);
		-webkit-transform: scale(1) translateY(0px);
		-moz-transform: scale(1) translateY(0px);
		-o-transform: scale(1) translateY(0px);
		opacity: 1;
		filter: blur(0px);
	}
}

.fadeInSoftDown {
	-webkit-animation-name: fadeInSoftDown;
	animation-name: fadeInSoftDown;
}

@keyframes fadeInSoftDown {
	from {
		transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
		-moz-transform: translateY(-35px);
		-o-transform: translateY(-35px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		opacity: 1;
	}
}

.blurInUp {
	-webkit-animation-name: blurInUp;
	animation-name: blurInUp;
}

@keyframes blurInUp {
	from {
		filter: blur(3px);
		transform: scale(1.2) translateY(25px);
		-webkit-transform: scale(1.2) translateY(25px);
		-moz-transform: scale(1.2) translateY(25px);
		-o-transform: scale(1.2) translateY(25px);
		opacity: 0;
	}

	to {
		filter: blur(0px);
		transform: scale(1) translateY(0px);
		-webkit-transform: scale(1) translateY(0px);
		-moz-transform: scale(1) translateY(0px);
		-o-transform: scale(1) translateY(0px);
		opacity: 1;
	}
}

.blurInLeft {
	-webkit-animation-name: blurInLeft;
	animation-name: blurInLeft;
}

@keyframes blurInLeft {
	from {
		filter: blur(3px);
		transform: translateX(-300px);
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		opacity: 0;
	}

	to {
		filter: blur(0px);
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		opacity: 1;
	}
}