@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce), print {
	.animate__animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}

	.animate__animated[class*=Out] {
		opacity: 0
	}

}

@-webkit-keyframes bounce {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounce {
	0%, 20%, 53%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05)
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0) scaleY(.95);
		transform: translateZ(0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02)
	}

}

@-webkit-keyframes flash {
	to {
		opacity: 1
	}

}

@keyframes flash {
	0%, 50%, to {
		opacity: 1
	}

	25%, 75% {
		opacity: 0
	}

}

@-webkit-keyframes pulse {
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@-webkit-keyframes rubberBand {
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@-webkit-keyframes shakeX {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes shakeX {
	0%, to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

}

@-webkit-keyframes shakeY {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes shakeY {
	0%, to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

}

@-webkit-keyframes swing {
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

}

@-webkit-keyframes tada {
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@-webkit-keyframes wobble {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes jello {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes jello {
	0%, 11.1%, to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

}

@-webkit-keyframes backInDown {
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(.7);
		transform: translateY(-1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@-webkit-keyframes backInLeft {
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@-webkit-keyframes backInRight {
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@keyframes backInRight {
	0% {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@-webkit-keyframes backInUp {
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(.7);
		transform: translateY(1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@-webkit-keyframes backOutDown {
	to {
		-webkit-transform: translateY(700px) scale(.7);
		transform: translateY(700px) scale(.7);
		opacity: .7
	}

}

@keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(700px) scale(.7);
		transform: translateY(700px) scale(.7);
		opacity: .7
	}

}

@-webkit-keyframes backOutLeft {
	to {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}

}

@keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		opacity: .7
	}

}

@-webkit-keyframes backOutRight {
	to {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}

}

@keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(2000px) scale(.7);
		transform: translateX(2000px) scale(.7);
		opacity: .7
	}

}

@-webkit-keyframes backOutUp {
	to {
		-webkit-transform: translateY(-700px) scale(.7);
		transform: translateY(-700px) scale(.7);
		opacity: .7
	}

}

@keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(-700px) scale(.7);
		transform: translateY(-700px) scale(.7);
		opacity: .7
	}

}

@-webkit-keyframes bounceIn {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

@-webkit-keyframes bounceInDown {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
		transform: translate3d(0, -3000px, 0) scaleY(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
		transform: translate3d(0, 25px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
		transform: translate3d(0, -10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
		transform: translate3d(0, 5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes bounceInLeft {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
		transform: translate3d(-3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
		transform: translate3d(25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
		transform: translate3d(-10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
		transform: translate3d(5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes bounceInRight {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
		transform: translate3d(3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
		transform: translate3d(-25px, 0, 0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
		transform: translate3d(10px, 0, 0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
		transform: translate3d(-5px, 0, 0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes bounceInUp {
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
		transform: translate3d(0, 3000px, 0) scaleY(5)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
		transform: translate3d(0, 10px, 0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
		transform: translate3d(0, -5px, 0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes bounceOut {
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

@-webkit-keyframes bounceOutDown {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3)
	}

}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
		transform: translate3d(0, 10px, 0) scaleY(.985)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
		transform: translate3d(0, -20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3)
	}

}

@-webkit-keyframes bounceOutLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2)
	}

}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
		transform: translate3d(20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2)
	}

}

@-webkit-keyframes bounceOutRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2)
	}

}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
		transform: translate3d(-20px, 0, 0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2)
	}

}

@-webkit-keyframes bounceOutUp {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3)
	}

}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
		transform: translate3d(0, -10px, 0) scaleY(.985)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
		transform: translate3d(0, 20px, 0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3)
	}

}

@-webkit-keyframes fadeIn {
	to {
		opacity: 1
	}

}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@-webkit-keyframes fadeInDown {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInLeft {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInLeftBig {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInRight {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInRightBig {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInUp {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

@-webkit-keyframes fadeInUpBig {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

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

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInTopLeft {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes fadeInTopLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInTopRight {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes fadeInTopRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInBottomLeft {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeInBottomRight {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes fadeOut {
	to {
		opacity: 0
	}

}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

@-webkit-keyframes fadeOutDown {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@-webkit-keyframes fadeOutDownBig {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@-webkit-keyframes fadeOutLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@-webkit-keyframes fadeOutLeftBig {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@-webkit-keyframes fadeOutRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@-webkit-keyframes fadeOutRightBig {
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@-webkit-keyframes fadeOutUp {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@-webkit-keyframes fadeOutUpBig {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@-webkit-keyframes fadeOutTopLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}

}

@keyframes fadeOutTopLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0)
	}

}

@-webkit-keyframes fadeOutTopRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}

}

@keyframes fadeOutTopRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0)
	}

}

@-webkit-keyframes fadeOutBottomRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}

}

@keyframes fadeOutBottomRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0)
	}

}

@-webkit-keyframes fadeOutBottomLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}

}

@keyframes fadeOutBottomLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0)
	}

}

@-webkit-keyframes flip {
	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
		transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

@-webkit-keyframes flipInX {
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@-webkit-keyframes flipInY {
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@-webkit-keyframes flipOutX {
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

}

@-webkit-keyframes flipOutY {
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

}

@-webkit-keyframes lightSpeedInRight {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes lightSpeedInLeft {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes lightSpeedOutRight {
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

@keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

@-webkit-keyframes lightSpeedOutLeft {
	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

}

@keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

}

@-webkit-keyframes rotateIn {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@-webkit-keyframes rotateInDownLeft {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@-webkit-keyframes rotateInDownRight {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@-webkit-keyframes rotateInUpLeft {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@-webkit-keyframes rotateInUpRight {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

}

@-webkit-keyframes rotateOut {
	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}

}

@keyframes rotateOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}

}

@-webkit-keyframes rotateOutDownLeft {
	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

}

@-webkit-keyframes rotateOutDownRight {
	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

}

@-webkit-keyframes rotateOutUpLeft {
	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

}

@keyframes rotateOutUpLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

}

@-webkit-keyframes rotateOutUpRight {
	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

}

@keyframes rotateOutUpRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

}

@-webkit-keyframes hinge {
	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

@keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%, 60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%, 80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

@-webkit-keyframes jackInTheBox {
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

}

@-webkit-keyframes rollIn {
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes rollOut {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}

}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}

}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@-webkit-keyframes zoomOut {
	to {
		opacity: 0
	}

}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}

}

@-webkit-keyframes zoomOutDown {
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@-webkit-keyframes zoomOutLeft {
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}

}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}

}

@-webkit-keyframes zoomOutRight {
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}

}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}

}

@-webkit-keyframes zoomOutUp {
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@-webkit-keyframes slideInDown {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes slideInLeft {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes slideInRight {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes slideInUp {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes slideOutDown {
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@-webkit-keyframes slideOutLeft {
	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@-webkit-keyframes slideOutRight {
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@-webkit-keyframes slideOutUp {
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

/*!
 * fullPage 2.8.2
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fp-slide {
	float: left
}

.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.fp-slidesContainer {
	float: left;
	position: relative
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}

.fp-scrollable {
	overflow: hidden;
	position: relative
}

.fp-scroller {
	overflow: hidden
}

.iScrollIndicator {
	border: 0 !important
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important
}

#fp-nav {
	position: fixed;
	z-index: 100;
	bottom: 0;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
	right: 17px
}

#fp-nav.left {
	left: 17px
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1
}

.fp-slidesNav.bottom {
	bottom: 17px
}

.fp-slidesNav.top {
	top: 17px
}

#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0
}

#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}

.fp-slidesNav ul li {
	display: inline-block
}

#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px
}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
	height: auto !important
}

body, div, h2, h3, h4, h5, input, li, p, td, textarea, th, ul {
	padding: 0;
	margin: 0
}

@media only screen and (max-width:668px) {
	body, html {
		font-size: 10px
	}

}

a {
	text-decoration: none
}

table {
	border-spacing: 0
}

img {
	border: 0;
	margin: 0;
	padding: 0
}

address, caption, code, em, strong, th, var {
	font-weight: 400;
	font-style: normal
}

strong {
	font-weight: 700
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

h2, h3, h4, h5 {
	font-weight: 400;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #222
}

body {
	font-family: 'Open Sans', arial, helvetica;
	color: #222
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative
}

.section {
	text-align: center;
	overflow: hidden
}

.scroll {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/common/scroll.png) 0 0 no-repeat;
	display: block
}

.scroll {
	-webkit-animation: scrolldown 1.5s infinite ease-in-out;
	-moz-animation: scrolldown 1.5s infinite ease-in-out;
	-o-animation: scrolldown 1.5s infinite ease-in-out;
	animation: scrolldown 1.5s infinite ease-in-out
}

.scroll {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 110px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/common/scroll.png) 0 0 no-repeat;
	display: block;
	z-index: 5
}

.scroll-top {
	bottom: 30px;
	display: none;
	height: 50px;
	line-height: 50px;
	position: fixed;
	right: 28px;
	text-align: center;
	width: 50px;
	z-index: 99;
	outline: 0;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

@keyframes fadeInOut {
	0% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	75% {
		opacity: .7
	}

	100% {
		opacity: 1
	}

}

.scroll-top:focus, .scroll-top:hover {
	outline: 0;
	cursor: pointer
}

.clr {
	clear: both
}

.w680 {
	display: none !important
}

.rs.w680 img {
	width: 100%;
	max-width: 600px
}

li.web {
	display: -webkit-inline-box !important
}

.hide {
	display: none !important
}

.menuBox em.bar {
	display: none
}

#footer, #header {
	position: fixed;
	height: 50px;
	display: block;
	width: 100%;
	z-index: 99;
	color: #f2f2f2;
	padding: 30px 30px 0
}

#header {
	top: 0
}

#header #logo {
	max-width: 215px;
	width: 25%
}

.hamburger2 .bar {
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	transition: background-color .2s ease
}

.hamburger2 .bar::after, .hamburger2 .bar::before {
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: transform .3s ease, top .3s ease, bottom .3s ease;
	-moz-transition: transform .3s ease, top .3s ease, bottom .3s ease;
	-o-transition: transform .3s ease, top .3s ease, bottom .3s ease;
	-ms-transition: transform .3s ease, top .3s ease, bottom .3s ease;
	transition: transform .3s ease, top .3s ease, bottom .3s ease
}

.menu-wrapper.on {
	background: #fdf500 !important;
	color: #111 !important;
	border-color: #fdf500 !important
}

.menu-wrapper.on .hamburger2 .bar, .menu-wrapper.on:hover .hamburger2 .bar {
	background-color: transparent
}

.hamburger2:hover .bar::after, .hamburger2:hover .bar::before, .menu-wrapper:hover .hamburger2 .bar, .menu-wrapper:hover .hamburger2 .bar::after, .menu-wrapper:hover .hamburger2 .bar::before {
	background: #111
}

.menu-wrapper.on .hamburger2 .bar::before {
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	bottom: 0;
	background: #111;
	width: 25px;
	height: 3px
}

.menu-wrapper.on .hamburger2 .bar::after {
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	top: 0;
	background: #111;
	width: 25px;
	height: 3px
}

#nav-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #222;
	z-index: 15;
	visibility: hidden;
	-ms-transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: -webkit-transform .4s ease-in-out, visibility 0s .4s;
	transition: transform .4s ease-in-out, visibility 0s .4s
}

#nav-wrapper.open {
	visibility: visible;
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out
}

#nav-wrapper .menuInnerContainer {
	width: 100%;
	height: 100%
}

#nav-wrapper .gallery {
	height: 45%
}

#nav-wrapper .menuBox {
	height: 55%
}

#nav-wrapper .gallery01 {
	background: url(../img/main/motiva_menu_gallery01.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery02 {
	background: url(../img/main/motiva_menu_gallery02.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery03 {
	background: url(../img/main/motiva_menu_gallery03.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery04 {
	background: url(../img/main/motiva_menu_gallery04.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery05 {
	background: url(../img/main/motiva_menu_gallery05.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery06 {
	background: url(../img/main/motiva_menu_gallery06.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 50%
}

#nav-wrapper .gallery .box {
	position: relative;
	overflow: hidden
}

#nav-wrapper .gallery .box .plus {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0
}

#nav-wrapper .gallery .box .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 101, 206, .9);
	left: -100%;
	z-index: 1
}

#nav-wrapper .gallery .box.gallery01 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 101, 206, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box.gallery02 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 153, 242, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box.gallery03 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 89, 100, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box.gallery04 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(14, 202, 146, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box.gallery05 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(239, 179, 17, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box.gallery06 .outer {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(109, 73, 242, .9);
	left: -100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box .outer a {
	text-align: center;
	display: inline-table;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

#nav-wrapper .gallery .box .outer a .inner {
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#nav-wrapper .gallery .box .outer a .inner .txt {
	font-size: 70px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #fff;
	letter-spacing: -2px;
	text-align: center;
	vertical-align: middle;
	width: inherit;
	margin: 0 auto;
	padding-left: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	vertical-align: middle
}

#nav-wrapper .menuBox {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mbg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: 0 0;
	background-size: cover;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	transition: opacity .1s linear
}

.mbg.on {
	transition-property: background;
	transition-duration: 2s;
	transition-timing-function: linear;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}

.bg-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: 0 0;
	background-size: cover;
	background-position: 50%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	transition: opacity .1s linear
}

.bg-image.active {
	transition-property: background;
	transition-duration: 2s;
	transition-timing-function: linear;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}

.depth2 li:nth-child(1) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s
}

.depth2 li:nth-child(2) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

.depth2 li:nth-child(3) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}

.depth2 li:nth-child(4) {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}

.depth2 li:nth-child(5) {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s
}

.depth2 li:nth-child(6) {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s
}

#nav-wrapper .menuBox .wrapper {
	height: 100%
}

#nav-wrapper .menuBox.touch {
	background: url(../img/main/motiva_menu_gallery_bg01.jpg);
	-webkit-animation: MenuOptionFadeIn 1s ease;
	-moz-animation: MenuOptionFadeIn 1s ease;
	-o-animation: MenuOptionFadeIn 1s ease;
	animation: MenuOptionFadeIn 1s ease;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: MenuOptionFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	transition: all cubic-bezier(.18, 1, .21, 1) .9s
}

#nav-wrapper .menuBox.feel {
	background: url(../img/main/motiva_menu_gallery_bg02.jpg);
	-webkit-animation: MenuOptionFadeIn 1s ease;
	-moz-animation: MenuOptionFadeIn 1s ease;
	-o-animation: MenuOptionFadeIn 1s ease;
	animation: MenuOptionFadeIn 1s ease;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: MenuOptionFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	background-repeat: no-repeat;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
	transition: all cubic-bezier(.18, 1, .21, 1) .9s
}

#nav-wrapper .menuBox li {
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	position: relative;
	display: block
}

#nav-wrapper .menuBox address {
	display: block;
	margin-top: 26px
}

#nav-wrapper .menuBox address ul li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background: url(../img/common/addr_bar.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 17px;
	margin-right: 13px
}

#nav-wrapper .menuBox address ul li:last-child {
	background: 0 0;
	padding-right: 0;
	margin-right: 0
}

#nav-wrapper .menuBox.touch li {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}

#nav-wrapper .menuBox {
	transition: all cubic-bezier(.18, 1, .21, 1) .9s;
	-webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
	-moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s
}

#nav-wrapper .menuBox.touch {
	-webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
	-moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s
}

#nav-wrapper .menuBox:hover .inner {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

#nav-wrapper .menuBox .wrapper .inner {
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: visible;
	box-sizing: border-box;
	z-index: 1
}

#nav-wrapper .menuBox .wrapper .inner .nav {
	text-align: left;
	margin-left: 18%;
	margin-top: 1.5%;
	margin-bottom: 2.6%;
	overflow: hidden
}

#nav-wrapper .menuBox .wrapper .inner .nav li .eng, #nav-wrapper .menuBox .wrapper .inner .nav li.eng {
	display: -webkit-inline-box;
	font-size: 50px;
	font-family: 'open Sans'
}

#nav-wrapper .menuBox .wrapper .inner .nav li.eng span {
	display: inline-block
}

#nav-wrapper .menuBox .wrapper .inner .nav li.eng span:hover {
	cursor: pointer
}

#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li a {
	font-size: 45px;
	font-weight: 700;
	color: #fff;
	line-height: 170%;
	transition: all cubic-bezier(.18, 1, .21, 1) .9s
}

#nav-wrapper .menuBox .wrapper .inner .nav li a.on, #nav-wrapper .menuBox .wrapper .inner .nav li a:hover, #nav-wrapper .menuBox .wrapper .inner .nav li.on, #nav-wrapper .menuBox .wrapper .inner .nav li:hover {
	color: #fdf500
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 {
	margin-left: 35px;
	display: inline-block
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2.on {
	display: inline-block
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li {
	display: inline-block;
	margin-left: 5px
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
	font-size: 22px;
	font-family: 'open Sans';
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -15px
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.touch:hover {
	color: #ff65ce
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.feel:hover {
	color: #6cc9ff
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.appeal:hover {
	color: #ff5964
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.impact:hover {
	color: #0eca92
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.natural:hover {
	color: #ff8429
}

#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.real:hover {
	color: #9c81ff
}

#nav-wrapper .menuBox .wrapper .inner .footer ul {
	display: inline-block
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li {
	border: 1px solid #dbdbdb;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.facebook img {
	margin-top: 10px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.instagram img {
	margin-top: 10px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.blog img {
	margin-top: 12px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.facebook:hover {
	cursor: pointer;
	border: 1px solid #0f54c7;
	background: rgba(15, 84, 199, .8);
	transition: background .2s ease, border .2s ease
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.instagram:hover {
	cursor: pointer;
	background: url(../img/common/icon_instagram_bg.png) no-repeat;
	transition: background .2s ease;
	border: 0;
	width: 42px;
	height: 42px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.instagram:hover img {
	margin-top: 11px
}

#nav-wrapper .menuBox .wrapper .inner .footer ul li.blog:hover {
	cursor: pointer;
	border: 1px solid #31960c;
	background: rgba(43, 172, 0, .8);
	transition: background .2s ease, border .2s ease
}

#nav-wrapper .menuBox .wrapper .inner .copyright {
	font-size: 13px;
	font-family: 'Open Sans';
	color: #dbdbdb;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase
}

#nav-wrapper .menuBox .wrapper .inner ul.lang {
	margin-top: 25px
}

#nav-wrapper .menuBox .wrapper .inner ul.lang li {
	display: inline-block;
	margin-right: 16px
}

#nav-wrapper .menuBox .wrapper .inner ul.lang li.last {
	margin-right: 0
}

#nav-wrapper .menuBox .wrapper .inner ul.lang li a {
	display: block;
	font-size: 16px;
	font-family: 'Open Sans';
	color: #fff;
	text-transform: uppercase;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#nav-wrapper .menuBox .wrapper .inner ul.lang li a:focus, #nav-wrapper .menuBox .wrapper .inner ul.lang li a:hover, #nav-wrapper .menuBox .wrapper .inner ul.lang li.on a {
	text-decoration: underline
}

.footer-family-lnkbox {
	width: 190px !important;
	position: relative
}

.footer-family-lnkbox a {
	display: block !important;
	width: 160px !important;
	height: 40px !important;
	line-height: 40px !important;
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	border-bottom: 1px solid #dbd9d8
}

.footer-family-lnkbox a:last-child {
	border-bottom: 0
}

.family-lnk {
	display: block;
	position: relative;
	width: 188px;
	margin-top: 0;
	padding-left: 20px;
	color: #fff;
	font-size: 13px;
	font-family: 'Open Sans';
	text-transform: uppercase;
	line-height: 40px
}

.family-lnk:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	width: 9px;
	height: 5px;
	background: url(../img/common/arrow.png) no-repeat;
	background-position: 2px 0;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.family-lnk.on:after {
	background: url(../img/common/arrow.png) no-repeat;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.footer-family-lnk {
	border: solid 1px #ccc;
	border-bottom: 0;
	position: absolute;
	left: -1px;
	bottom: 41px;
	box-sizing: border-box;
	display: none
}

.footer-family-lnk a {
	display: block;
	font-size: 13px;
	color: #fff;
	padding: 0 10px 0 20px;
	height: 33px !important;
	line-height: 33px !important;
	background: #222
}

.footer-family-lnk a:hover {
	text-decoration: underline
}

#footer {
	bottom: 0
}

.section {
	text-align: center;
	width: 100%;
	height: 100%
}

.col-sm-4 {
	float: left
}

.col-sm-4 {
	width: 33.33333333%
}

.section .img-responsive {
	width: 100%;
	height: auto
}

audio, video {
	display: inline-block;
	vertical-align: baseline
}

#motiva {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: #000;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index: 3
}

.box .outer a .inner .txt {
	width: inherit;
	margin: 0 auto
}

.making_film {
	width: 40%;
	max-width: 464px;
	position: absolute;
	float: left;
	text-align: left;
	left: 35px;
	bottom: 35px
}

.section .plus {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none
}

.border {
	position: absolute
}

@media screen and (max-width:1200px) {
	#nav-wrapper .gallery .box .outer a .inner .txt {
		font-size: 50px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav {
		margin-left: 12%
	}

}

@media screen and (max-width:1100px) {
	#nav-wrapper .menuBox .wrapper .inner .nav {
		margin-left: 8%
	}

}

@media screen and (max-width:1120px) {
	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		font-size: 19px
	}

}

@media screen and (max-width:1000px) {
	.box .outer a .inner .txt {
		width: 70%;
		padding-left: 0
	}

}

@media screen and (max-width:992px) {
	#footer, #header {
		padding: 10px 10px 0
	}

	#header {
		height: 40px;
		background: #222
	}

	#header #logo {
		width: auto;
		max-width: auto;
		height: 30px
	}

	.menu-wrapper, .menu-wrapper.on, .menu-wrapper:hover {
		border: 0;
		background: 0 0
	}

	.hamburger2.on .bar::after, .hamburger2.on .bar::before, .hamburger2:hover .bar::after, .hamburger2:hover .bar::before, .menu-wrapper.on .hamburger2 .bar::after, .menu-wrapper.on .hamburger2 .bar::before, .menu-wrapper:hover .hamburger2 .bar::after, .menu-wrapper:hover .hamburger2 .bar::before {
		background: #fff
	}

	#nav-wrapper .gallery {
		margin-top: 50px
	}

	.nav span.gallery {
		margin-top: 0 !important
	}

	#fullpage {
		margin-top: 25px
	}

	.menu-wrapper {
		width: 36px;
		height: 36px;
		margin-left: 5px;
		margin-top: -4px
	}

	.menu-wrapper.ver1 {
		border: 0
	}

	.hamburger {
		margin: auto;
		height: 38px
	}

	.menu-wrapper.ver1 .hamburger .bar, .menu-wrapper.ver1 .hamburger .bar::after, .menu-wrapper.ver1 .hamburger .bar::before {
		background-color: #fff
	}

	.hamburger2:hover .bar, .menu-wrapper:hover .hamburger2 .bar {
		background-color: #fff
	}

	#nav-wrapper .gallery .box .outer a .inner .txt {
		font-size: 40px;
		letter-spacing: -2px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li .eng, #nav-wrapper .menuBox .wrapper .inner .nav li a, #nav-wrapper .menuBox .wrapper .inner .nav li.eng {
		font-size: 40px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li {
		vertical-align: middle;
		margin-left: 8px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		font-size: 20px
	}

}

@media screen and (max-width:960px) {
	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 {
		margin-left: 22px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		padding-right: 5px
	}

}

@media screen and (max-width:910px) {
	#nav-wrapper .menuBox .wrapper .inner .nav {
		margin-left: 5%
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li .eng, #nav-wrapper .menuBox .wrapper .inner .nav li a, #nav-wrapper .menuBox .wrapper .inner .nav li.eng {
		font-size: 30px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		font-size: 18px;
		margin-left: 7px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li {
		margin-left: -6px
	}

}

@media screen and (max-width:800px) {
	#nav-wrapper .menuBox .wrapper .inner .nav {
		margin-top: 4%
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		margin-left: 0
	}

	.section .plus {
		display: block
	}

	.section .natural .plus, .section .real .plus {
		bottom: 25px
	}

	.motiva_img07_inner_txt_big {
		display: none
	}

}

@media screen and (max-width:755px) {
	#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li .eng, #nav-wrapper .menuBox .wrapper .inner .nav li a, #nav-wrapper .menuBox .wrapper .inner .nav li.eng {
		font-size: 22px
	}

	.box .outer a .inner .txt {
		width: 66%;
		padding-left: 0;
		margin-top: -50px
	}

	#nav-wrapper .menuBox address ul li:first-child {
		width: 100%;
		background: 0 0
	}

}

@media screen and (max-width:680px) {
	.w680 {
		display: block !important
	}

	img.w680 {
		float: none;
		margin-left: auto;
		margin-right: auto
	}

	.rs.w_680, .w_680 {
		display: none !important
	}

	li.web {
		display: none !important
	}

	#nav-wrapper .menuBox .wrapper {
		height: 87%;
		overflow: hidden
	}

	#nav-wrapper .gallery {
		display: none
	}

	#nav-wrapper .menuBox {
		height: 100%;
		margin-top: 6%;
		margin-bottom: 7%
	}

	#nav-wrapper .menuBox .wrapper .inner .nav {
		margin-left: 3%
	}

	#nav-wrapper .menuBox .wrapper .inner .nav>li {
		display: block;
		width: 100%;
		float: left
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li .eng, #nav-wrapper .menuBox .wrapper .inner .nav li a, #nav-wrapper .menuBox .wrapper .inner .nav li.eng {
		font-size: 32px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li.eng {
		display: block
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li {
		margin-bottom: 20px
	}

	#nav-wrapper .menuBox .wrapper .inner .nav ul.depth2 li {
		margin-top: 5px;
		margin-bottom: 0
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li.eng .depth2 {
		display: none
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.touch {
		color: #ff65ce
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.feel {
		color: #6cc9ff
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.appeal {
		color: #ff5964
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.impact {
		color: #0eca92
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.natural {
		color: #ff8429
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a.real {
		color: #9c81ff
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li img.menu-arrow {
		width: 25px;
		height: 25px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li span.on img.menu-arrow {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li img.menu-arrow.w680 {
		display: inline-block !important
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 {
		margin-left: -10px;
		margin-bottom: 5px;
		width: 100%;
		display: block;
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li.eng span {
		display: block;
		clear: both;
		height: auto
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li, #nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		line-height: 180%;
		display: block;
		float: left
	}

	#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 li a {
		margin-left: 20px
	}

	.bg-image.active {
		background: 0 0;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0)
	}

	.menuBox em.bar {
		display: inline-block;
		width: 30px;
		height: 2px;
		background: #fff;
		left: 20px;
		margin-top: -10px;
		position: absolute
	}

	.menuBox em.bar.second {
		margin-top: 36px
	}

	#nav-wrapper .menuBox .wrapper .inner ul.lang {
		float: left;
		margin-left: 20px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer {
		margin-top: 20%
	}

	.footer-family-lnkbox a {
		background: #222
	}

}

@media screen and (max-width:520px) {
	.box .outer a .inner .txt {
		width: 70%
	}

}

@media screen and (max-width:480px) {
	#nav-wrapper .menuBox address ul li {
		width: 100%;
		background: 0 0
	}

}

@media screen and (min-width:681px) and (max-width:800px) {
	#nav-wrapper .menuBox .wrapper .inner .nav li, #nav-wrapper .menuBox .wrapper .inner .nav li a {
		line-height: 250%
	}

}

@media screen and (max-width:450px) {
	#nav-wrapper .menuBox .wrapper .inner .footer ul li, #nav-wrapper .menuBox .wrapper .inner .footer ul li a {
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer ul li.facebook img {
		margin-top: 5px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer ul li.instagram img {
		margin-top: 5px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer ul li.instagram:hover img {
		margin-top: 6px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer ul li.blog img {
		margin-top: 7px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer {
		width: 106%
	}

	.box .outer a .inner .txt {
		width: 72%
	}

	.menuBox em.bar {
		left: 16px
	}

	.scroll-top {
		bottom: 15px;
		right: 15px
	}

	.footer-family-lnk {
		bottom: 31px
	}

	.footer-family-lnkbox a {
		height: 30px !important;
		line-height: 30px !important
	}

	#nav-wrapper .menuBox .wrapper .inner .copyright {
		margin-top: 5px;
		margin-left: 10px;
		line-height: 130%;
		height: 40px;
		font-size: .8rem
	}

}

@media screen and (max-width:380px) {
	.box .outer a .inner .txt {
		width: 80%
	}

	#nav-wrapper .menuBox .wrapper {
		margin-top: 10%
	}

	#nav-wrapper .menuBox .wrapper .inner ul.lang li {
		margin-right: 12px
	}

	#nav-wrapper .menuBox .wrapper .inner ul.lang li a {
		font-size: 14px
	}

}

@media screen and (max-width:360px) {
	.footer-family-lnkbox {
		width: 140px !important
	}

	.footer-family-lnkbox>a {
		width: 130px !important
	}

	.footer-family-lnk {
		width: 142px
	}

	.footer-family-lnk a {
		width: 120px !important;
		padding: 0 10px 0 10px;
		font-size: .6rem
	}

	.family-lnk {
		padding-left: 10px
	}

}

@media screen and (max-width:320px) {
	.menuBox em.bar {
		left: 12px
	}

	#nav-wrapper .menuBox .wrapper .inner ul.lang {
		margin-left: 12px
	}

	#nav-wrapper .menuBox .wrapper .inner .footer {
		margin-top: 30%
	}

}

@media screen and (min-width:414px) and (max-width:680px) and (orientation:landscape) {
	#fullpage {
		margin-top: 50px
	}

	#nav-wrapper .menuBox {
		margin-top: 3%
	}

	#nav-wrapper .menuBox .wrapper .inner .footer {
		margin-top: 15%
	}

	#nav-wrapper .menuBox .wrapper .inner .copyright {
		margin-top: 10px;
		margin-bottom: 20px
	}

	.making_film {
		left: 20px;
		bottom: 70px
	}

}

#fp-nav {
	bottom: 35px;
	z-index: 8
}

#fp-nav.left {
	left: 94px
}

.fp-slidesNav ul li {
	margin: 25px 7px 0
}

#fp-nav ul li {
	padding: 26px 7px 0;
	margin: 0;
	background: url(../img/gallery/active_bar.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0;
	display: block;
	margin-top: 10px;
	margin-bottom: 0
}

#fp-nav ul li:hover a span {
	width: 9px;
	height: 9px;
	background-color: none;
	margin: 0
}

#fp-nav ul li a:hover span, .fp-slidesNav ul li:hover a span {
	width: 9px;
	height: 9px;
	margin: 0;
	background-color: #ff65ce
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: 0 0;
	height: 9px;
	width: 9px;
	margin: 0;
	border: 1px solid #ff65ce;
	-webkit-transition: background-color .33s ease-in-out;
	-moz-transition: background-color .33s ease-in-out;
	-o-transition: background-color .33s ease-in-out;
	transition: background-color .33s ease-in-out
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 9px;
	width: 9px;
	margin: 0;
	border-radius: 100%;
	background: #ff65ce !important
}

#fp-nav.feel ul li {
	background: url(../img/gallery/active_bar_feel.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0
}

#fp-nav.feel ul li a:hover span {
	background-color: #0099f2
}

#fp-nav.feel ul li a span {
	border: 1px solid #0099f2
}

#fp-nav.feel ul li a.active span, #fp-nav.feel ul li:hover a.active span {
	background: #0099f2 !important
}

#fp-nav.appeal ul li {
	background: url(../img/gallery/active_bar_appeal.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0
}

#fp-nav.appeal ul li a:hover span {
	background-color: #ff5964
}

#fp-nav.appeal ul li a span {
	border: 1px solid #ff5964
}

#fp-nav.appeal ul li a.active span, #fp-nav.appeal ul li:hover a.active span {
	background: #ff5964 !important
}

#fp-nav.impact ul li {
	background: url(../img/gallery/active_bar_impact.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0
}

#fp-nav.impact ul li a:hover span {
	background-color: #0eca92
}

#fp-nav.impact ul li a span {
	border: 1px solid #0eca92
}

#fp-nav.impact ul li a.active span, #fp-nav.impact ul li:hover a.active span {
	background: #0eca92 !important
}

#fp-nav.natural ul li {
	background: url(../img/gallery/active_bar_natural.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0
}

#fp-nav.natural ul li a:hover span {
	background-color: #ff8429
}

#fp-nav.natural ul li a span {
	border: 1px solid #ff8429
}

#fp-nav.natural ul li a.active span, #fp-nav.natural ul li:hover a.active span {
	background: #ff8429 !important
}

#fp-nav.real ul li {
	background: url(../img/gallery/active_bar_real.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0
}

#fp-nav.real ul li a:hover span {
	background-color: #6d49f2
}

#fp-nav.real ul li a span {
	border: 1px solid #6d49f2
}

#fp-nav.real ul li a.active span, #fp-nav.real ul li:hover a.active span {
	background: #6d49f2 !important
}

.unactive-bar {
	width: 1px;
	height: 25px;
	position: fixed;
	background: #ff65ce;
	bottom: 0;
	left: 111px;
	z-index: 1
}

.active-bar {
	width: 1px;
	height: 585px;
	position: fixed;
	background: #ff65ce;
	top: 100px;
	left: 111px;
	z-index: 2
}

.active-bar.feel, .unactive-bar.feel {
	background: #0099f2
}

.active-bar.appeal, .unactive-bar.appeal {
	background: #ff5964
}

.active-bar.impact, .unactive-bar.impact {
	background: #0eca92
}

.active-bar.natural, .unactive-bar.natural {
	background: #ff8429
}

.active-bar.real, .unactive-bar.real {
	background: #6d49f2
}

@keyframes expand {
	0% {
		bottom: -100%
	}

	50% {
		bottom: 100px
	}

	100% {
		bottom: 200px
	}

}

.line_box {
	width: 100%;
	height: 100%;
	position: absolute
}

.drawborder-left, .drawborder-top {
	left: 0
}

.drawborder-bottom, .drawborder-left {
	bottom: 0
}

.drawborder-left, .drawborder-right {
	width: 14px;
	height: 0
}

.drawborder-bottom, .drawborder-right {
	right: 0
}

.drawborder-bottom, .drawborder-top {
	height: 14px;
	width: 0
}

.drawborder {
	position: absolute;
	z-index: 2;
	background: #ff65ce
}

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

.scrollReveal {
	opacity: 0
}

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

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px)
	}

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

}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

}

@media screen and (max-width:992px) {
	.line_box {
		margin-top: 25px
	}

	.active-bar, .unactive-bar {
		left: 20px
	}

	.active-bar {
		top: 50px
	}
}

@media screen and (max-width:680px) {
	.drawborder-left, .drawborder-right {
		width: 8px
	}

	.drawborder-bottom, .drawborder-top {
		height: 8px
	}

	.active-bar {
		top: 50px
	}

	.unactive-bar {
		height: 25px;
		bottom: 45px
	}

	#fp-nav {
		bottom: 80px
	}

	#footer {
		z-index: 5;
		height: 46px;
		padding: 0;
		background: #222
	}

	#footer a {
		display: block;
		float: left;
		width: 50%;
		height: 46px;
		line-height: 46px;
		text-align: center;
		font-size: 20px;
		font-family: 'Open Sans';
		font-weight: 700;
		color: #fdf500
	}

	#footer a.first {
		background: url(../img/common/footer_bar.png);
		background-repeat: repeat-y;
		background-position: 100% 0
	}

	.scroll-top.bottom {
		bottom: 70px
	}

}

@media screen and (max-width:450px) {
	#footer a {
		font-size: 16px
	}

}

@media screen and (max-height:480px) {
	.unactive-bar {
		display: none
	}

}

#chest_section1 h4 {
	text-align: left;
	font-size: 25px;
	font-weight: 700;
	margin-top: 45px;
	letter-spacing: -2px
}

#chest_section1 p {
	text-align: left;
	font-size: 16px;
	line-height: 170%;
	margin-top: 25px;
	word-break: keep-all
}

#chest_section3 .col-sm-4 {
	margin-top: 67px;
	height: 482px;
	text-align: center;
	display: inline-table;
	vertical-align: top
}

#chest_section3 .col-sm-4 .inner {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center
}

#chest_section3 .col-sm-4 .inner h4 {
	font-size: 50px;
	font-weight: 700;
	color: #d94d91;
	letter-spacing: -2px
}

#chest_section3 .col-sm-4 .inner p {
	font-size: 18px;
	line-height: 180%;
	word-break: keep-all
}

#chest_section3 .col-sm-4 .inner .line {
	margin: 20px auto 20px
}

#chest_section4 {
	background: url(../img/chest/chest01_bg01.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 70px
}

#chest_section4 ul {
	width: inherit;
	margin-top: 45px
}

#chest_section4 ul li {
	width: 280px;
	height: 280px;
	text-align: center;
	display: inline-table;
	vertical-align: top;
	background: #da5c9a;
	border-radius: 50%;
	margin-right: 44px
}

#chest_section4 ul li.last {
	margin-right: 0
}

#chest_section4 ul li span {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	word-break: keep-all
}

#chest_section4 h2 {
	height: 187px;
	line-height: 187px;
	background: url(../img/chest/line2_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	font-size: 50px;
	font-weight: 700;
	color: #d94d91;
	margin: 30px auto;
	letter-spacing: -2px
}

#chest_section4 h4 {
	font-size: 30px;
	word-break: keep-all
}

#chest_section4 p {
	font-size: 20px;
	line-height: 180%;
	margin-top: 18px;
	word-break: keep-all
}

#chest_section4 p .unders {
	border-bottom: 1px solid #111
}

#chest_section10 {
	background: #eee;
	overflow: hidden;
	padding-bottom: 70px
}

#chest_section10 h4 {
	font-size: 35px;
	margin-top: 55px
}

#chest_section10 h4 span {
	color: #d94d91;
	border-bottom: 2px solid #d94d91;
	letter-spacing: -2px
}

#chest_section10 h4:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	background: #111;
	position: relative;
	left: 49%;
	top: -60px
}

@media screen and (max-width:1600px) {
	#chest_section4 ul li {
		width: 220px;
		height: 220px
	}

	#chest_section4 ul li span {
		font-size: 20px
	}

}

@media screen and (max-width:1525px) {
	#chest_section3 .col-sm-4 .inner h4 {
		font-size: 42px
	}

	#chest_section3 .col-sm-4 .inner p {
		font-size: 16px
	}

	#chest_section3 .col-sm-4 {
		height: 450px
	}

}

@media screen and (max-width:1300px) {
	#chest_section4 ul li {
		width: 190px;
		height: 190px;
		margin-right: 25px
	}

	#chest_section3 .col-sm-4 {
		height: 398px
	}

}

@media screen and (max-width:1200px) {
	#chest_section3 .col-sm-4 {
		width: 100%;
		text-align: center
	}

	#chest_section3 .col-sm-4 {
		margin-top: 25px;
		height: auto
	}

	#chest_section4 ul li {
		width: 175px;
		height: 175px;
		margin-right: 20px
	}

}

@media screen and (max-width:1100px) {
	#chest_section4 h2 {
		font-size: 40px
	}

}

@media screen and (max-width:992px) {
	#chest_section1 h4 {
		font-size: 20px;
		margin-top: 25px
	}

	#chest_section1 p {
		font-size: 14px;
		margin-top: 10px
	}

	.doc_history {
		margin-top: 15px;
		margin-left: 0 !important
	}

	#chest_section4 ul li {
		margin-right: 60px
	}

	#chest_section4 ul li:first-child {
		margin-left: 60px
	}

	#chest_section4 ul li span {
		font-size: 18px
	}

	#chest_section10 h4 {
		margin-top: 55px;
		margin-bottom: 20px
	}

	#chest_section10 h4 {
		font-size: 28px
	}

}

@media screen and (max-width:755px) {
	.doc_history {
		padding: 30px 0 30px 0 !important
	}

	#chest_section4 h2 {
		font-size: 30px
	}

}

@media screen and (max-width:680px) {
	#chest_section4 ul li {
		width: 160px;
		height: 160px;
		margin-left: 30px;
		margin-right: 0
	}

	#chest_section4 ul li span {
		font-size: 16px
	}

	#chest_section4 ul li:first-child {
		margin-left: 0
	}

	#chest_section4 ul li:nth-child(4) {
		margin-left: 0
	}

}

@media screen and (max-width:668px) {
	#chest_section4 ul li.last {
		margin-top: 0
	}

}

@media screen and (max-width:640px) {
	#chest_section1 p {
		font-size: 13px
	}

	#chest_section4 {
		background: #edf1f4
	}

	#chest_section4 h2 {
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		margin: 15px auto;
		letter-spacing: -1px
	}

	#chest_section4 h4 {
		font-size: 15px
	}

	#chest_section4 h4 span {
		display: block
	}

	#chest_section4 p {
		font-size: 13px;
		line-height: 180%;
		margin-top: 10px
	}

}

@media screen and (max-width:560px) {
	#chest_section4 ul {
		margin-top: 25px
	}

	#chest_section4 ul li {
		width: 120px;
		height: 120px;
		margin-left: 10px
	}

	#chest_section10 h4 {
		font-size: 28px
	}

}

@media screen and (max-width:450px) {
	#chest_section3 .col-sm-4 .inner h4 {
		font-size: 28px
	}

	#chest_section3 .col-sm-4 .inner p {
		font-size: 13px;
		padding-bottom: 10px
	}

	#chest_section4 ul li {
		width: 95px;
		height: 95px;
		margin-left: 0
	}

	#chest_section4 ul li span {
		font-size: 12px
	}

	#chest_section1 h4 {
		font-size: 16px
	}

	#chest_section10 h4:after {
		top: -45px
	}

	#chest_section10 h4 {
		font-size: 20px
	}

}

@media screen and (max-width:320px) {
	#chest_section4 h2 {
		font-size: 14px
	}

}

.consultation {
	display: table-cell;
	width: 1%;
	height: 300px;
	vertical-align: middle;
	background-color: #ebeaea
}

@media (max-width:680px) {
	.consultation {
		height: 250px
	}

}

.rebrest-btn__wrap {
	position: relative;
	display: inline-block;
	padding-right: 30px
}

.rebrest-btn__wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 12px;
	height: 14px;
	margin: auto 0;
	background: url(../../img/common/rebrest_btn.png);
	content: ''
}

@media only screen and (max-width:1025px) {
	.rebrest-btn__wrap {
		position: relative;
		display: inline-block;
		padding-right: 30px
	}

	.rebrest-btn__wrap:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 12px;
		height: 14px;
		margin: auto 0;
		background: url(../../img/common/rebrest_btn.png);
		content: ''
	}

}

@media only screen and (max-width:640px) {
	.rebrest-btn__wrap {
		position: relative;
		display: inline-block;
		padding-right: 15px
	}

	.rebrest-btn__wrap:after {
		width: 6px;
		height: 7px;
		background-size: 6px 7px
	}

}

.chest-table__vertical {
	display: table-cell;
	width: 1%;
	height: inherit;
	vertical-align: middle
}

@media screen and (max-width:1600px) {
	.smooth-style__img {
		width: 80px
	}

}

@media screen and (max-width:560px) {
	.smooth-style__img {
		width: 50px
	}

}

:root {
	--animate-delay: 0.5s
}

*, ::after, ::before {
	box-sizing: content-box !important
}

body {
	font-family: 'Open Sans', arial, helvetica;
	color: #222;
	letter-spacing: -1px
}

h2, h3, h4, h5 {
	font-weight: 400;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #222
}

.content {
	height: 100%
}

.ani {
	opacity: 0
}

#fp-nav {
	bottom: 35px;
	z-index: 8
}

#fp-nav.left {
	left: 94px
}

#fp-nav ul li {
	padding: 26px 7px 0;
	margin: 0;
	background: url(../img/active_bar.jpg);
	background-repeat: repeat-y;
	background-position: 17px 0;
	width: 9px;
	height: 0;
	display: block;
	margin-top: 11px;
	margin-bottom: 0;
	box-sizing: content-box
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: 0 0;
	height: 9px;
	width: 9px;
	margin: 0;
	border: 1px solid #ff65ce;
	-webkit-transition: background-color .33s ease-in-out;
	-moz-transition: background-color .33s ease-in-out;
	-o-transition: background-color .33s ease-in-out;
	transition: background-color .33s ease-in-out
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	margin: 0;
	border-radius: 100%;
	background: #ff65ce !important
}

#fp-nav ul li:hover a span {
	background-color: #ff65ce;
	margin: 0;
	width: 9px;
	height: 9px
}

.active-bar {
	width: 1px;
	height: 585px;
	position: fixed;
	background: #ff65ce;
	top: 100px;
	left: 111px;
	z-index: 2
}

.unactive-bar {
	width: 1px;
	height: 25px;
	position: fixed;
	background: #ff65ce;
	bottom: -1px;
	left: 111px;
	z-index: 1
}

.txt_box {
	position: absolute;
	left: 360px;
	top: 50%;
	margin-top: -121px;
	text-align: left
}

.txt_box h2 {
	font-size: 100px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #fff;
	background: rgba(254, 121, 212, .85);
	letter-spacing: -3px;
	padding: 0 43px 7px
}

.txt_box h3 {
	font-size: 40px;
	color: #ff65ce;
	text-align: left;
	line-height: 120%;
	background: rgba(255, 255, 255, .85);
	letter-spacing: -3px;
	padding: 20px 43px 30px;
	display: inline-block
}

.menu-wrapper {
	padding-top: 9px;
	padding-bottom: 9px
}

.menu-wrapper .hamburger .bar, .menu-wrapper .hamburger .bar::after, .menu-wrapper .hamburger .bar::before {
	background: currentColor;
	display: block;
	width: 100%;
	height: 3px
}

.menu-wrapper .hamburger .bar::after, .menu-wrapper .hamburger .bar::before {
	content: "";
	position: absolute
}

.menu-wrapper .hamburger .bar::before {
	top: -8px
}

.menu-wrapper.on .hamburger .bar::before {
	top: 0
}

.menu-wrapper .hamburger .bar::after {
	bottom: -8px
}

#fullpage::-webkit-scrollbar {
	display: none
}

#fullpage {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.full-height, .full-height .vc_column-inner, .full-height div {
	height: 100vh
}

.h-half, .h-half div {
	height: 50vh
}

.wpb_wrapper_100vh .wpb_wrapper {
	height: 100vh
}

.outerContainer {
	width: 80%;
	max-width: 744px;
	height: 100%;
	text-align: center;
	display: inline-table;
	vertical-align: top
}

.innerContainer {
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	vertical-align: middle;
	display: table-cell;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	text-align: center
}

.innerContainer.style2 {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.innerContainer h2 {
	font-size: 70px;
	font-weight: 700;
	letter-spacing: -6px;
	color: #ff64f2;
	word-break: keep-all
}

.innerContainer.style2 h2 {
	color: #00f0ff
}

.innerContainer h3 {
	background: rgba(0, 0, 0, .3);
	border-radius: 45px;
	border: 1px solid #ff64f2;
	height: 75px;
	line-height: 75px;
	padding: 0 25px;
	margin-top: 40px;
	word-break: keep-all;
	text-align: center;
	display: inline-table;
	vertical-align: top
}

.innerContainer.style2 h3 {
	border: 1px solid #00f0ff
}

.innerContainer h3 span {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size: 35px;
	line-height: 130%;
	letter-spacing: -2px;
	color: #fff
}

.hoverdir-container {
	width: 300px;
	margin: 0 auto;
	overflow: hidden
}

.hoverdir-container .item {
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%
}

.scroll {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 110px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/common/scroll.png) 0 0 no-repeat;
	display: block;
	z-index: 5
}

#makingFilm {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 100;
	margin: auto;
	text-align: center;
	vertical-align: middle
}

#makingFilm .makingClose {
	width: 30px;
	height: 30px;
	padding: 6px;
	position: relative;
	right: -2px;
	float: right;
	z-index: 1;
	background: #000
}

#makingFilm .makingClose img {
	width: 30px;
	height: 30px
}

#makingFilm iframe {
	position: relative;
	width: 1920px;
	height: 1080px;
	border: 1px solid #000;
	margin: auto;
	text-align: center;
	overflow: hidden
}

.txt_box_style_one {
	width: 712px;
	height: 266px;
	background: url(../img/realstory01_visual_txt_bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
	text-align: center;
	margin: auto;
	vertical-align: top;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-o-transition: background .2s ease;
	-ms-transition: background .2s ease;
	transition: background .2s ease
}

.txt_box_style_one .inner {
	width: 100%;
	height: 266px;
	display: inline-table;
	vertical-align: top;
	text-align: center
}

.txt_box_style_one .inner .box {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	text-align: center
}

.txt_box_style_one h2 {
	width: inherit;
	font-size: 35px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #fff;
	letter-spacing: 19px;
	line-height: 100%;
	margin-left: 13px
}

.txt_box_style_one h3 {
	width: inherit;
	font-size: 100px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #fff;
	line-height: 100%
}

.txt_box_3 {
	top: 47%;
	left: 47%;
	text-align: left;
	display: table;
	padding: 15px 20px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0) translateX(-50%) translateY(calc(-50% - .5px));
	transform: perspective(1px) translateZ(0) translateX(-50%) translateY(calc(-50% - .5px));
	box-shadow: 0 0 1px transparent;
	position: absolute;
	background: 0 0;
	-webkit-transition-property: color;
	-ms-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s
}

.txt_area.txt_area_field .bg, .txt_box_3 .bg {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 101, 206, .8);
	opacity: 1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-ms-transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-ms-transition-property: transform;
	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.scalex {
	animation-name: scalex
}

@keyframes scalex {
	from {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

}

.txt_box_3 ul li {
	font-size: 30px;
	color: #fff;
	line-height: 130%;
	letter-spacing: -1px
}

.text_box_4 {
	position: absolute;
	left: 360px;
	top: 50%;
	margin-top: -154px;
	text-align: left
}

.text_box_4 h2, .text_box_4 h3 {
	font-size: 140px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #fff;
	letter-spacing: -5px;
	text-align: left;
	line-height: 110%
}

.txt_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.txt_area h2, .txt_area h3 {
	font-size: 30px;
	font-style: italic;
	font-weight: 300;
	letter-spacing: -2px;
	color: #fff
}

.txt_area strong {
	font-weight: 700
}

.txt_area .inner {
	position: relative
}

.txt_area .bg {
	transition: .5s all ease;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 1px;
	width: 0;
	background: #fff
}

.txt_area .top.bg {
	top: -20px
}

.txt_area .bottom.bg {
	bottom: -20px
}

.scaleXWidth {
	opacity: 1;
	animation-name: scaleXWidth
}

.scaleYHeight {
	opacity: 1;
	animation-name: scaleYHeight
}

@keyframes scaleXWidth {
	from {
		width: 0
	}

	to {
		width: 100%
	}

}

@keyframes scaleYHeight {
	from {
		height: 0
	}

	to {
		height: 100%
	}

}

.txt_box_5 {
	position: absolute;
	right: 230px;
	top: 50%;
	margin-top: -127px;
	text-align: center;
	padding: 50px 50px;
	-webkit-transition: .5s;
	transition: .5s;
	border: 3px solid transparent
}

.txt_area_field .bg {
	z-index: -1
}

.txt_box_5 h2 {
	font-size: 43px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #fff;
	letter-spacing: -1px
}

.txt_box_5 h3 {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #fff;
	letter-spacing: -2px;
	line-height: 100%
}

.txt_box_5 .bg {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .5s;
	transition: .5s
}

.txt_area_field {
	left: auto !important
}

.txt_area.txt_area_field .box {
	padding: 25px
}

.txt_area.txt_area_field .bg {
	width: 100% !important;
	height: 100% !important
}

.txt_box_5 .bg.left.bottom {
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.txt_box_5 .bg.top.right {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.scale {
	opacity: 1;
	animation-name: scale
}

@keyframes scale {
	from {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}

	to {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

}

.line_box {
	width: 100%;
	height: 100%;
	position: absolute
}

.drawborder-left, .drawborder-top {
	left: 0
}

.drawborder-bottom, .drawborder-left {
	bottom: 0
}

.drawborder-left, .drawborder-right {
	width: 14px;
	height: 0
}

.drawborder-bottom, .drawborder-right {
	right: 0
}

.drawborder-bottom, .drawborder-top {
	height: 14px;
	width: 0
}

.drawborder {
	position: absolute;
	z-index: 2;
	background: #ff65ce
}

.txt_area_field h2 {
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	letter-spacing: -1px
}

.txt_area_field h3 {
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	letter-spacing: -2px;
	line-height: 100%;
	margin-top: 10px
}

.txt_area_field h2 strong {
	color: #fdf500;
	font-weight: 700
}

.txt_area.txt_area_field h2 {
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	letter-spacing: -1px;
	text-align: center;
	font-style: normal
}

.txt_area.txt_area_field h3 {
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -2px;
	line-height: 100%;
	margin-top: 10px;
	text-align: center;
	font-style: normal
}

.doc_history {
	display: inline-block;
	background: #fff;
	border: 5px solid #ecdee5;
	width: 100%;
	max-width: 750px;
	overflow: hidden;
	padding: 60px 0 75px 0;
	margin-left: 30px
}

.doc_history h5 span {
	color: #d94d91;
	font-size: 27px;
	border-bottom: 3px solid #d94d91;
	padding-bottom: 7px;
	display: inline-block
}

.doc_history h5 em {
	font-weight: 700
}

.doc_history ul {
	margin-top: 50px;
	padding-left: 57px
}

.doc_history ul li {
	width: 47%;
	float: left;
	text-align: left;
	background: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding-left: 10px;
	line-height: 170%;
	letter-spacing: -1px;
	word-break: keep-all
}

.doctors_history {
	width: 96%;
	max-width: 373px;
	background: #fff;
	overflow: hidden;
	border: 5px solid #dedede;
	margin: 25px auto 0;
	padding: 45px 0
}

.doctors_history h3 span {
	font-size: 22px;
	color: #555;
	border-bottom: 3px solid #555;
	display: inline-block;
	letter-spacing: -2px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 10px
}

.doctors_history h3 em {
	font-weight: 700
}

.doctors_history ul {
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
	display: inline-block
}

.doctors_history ul li {
	width: 100%;
	text-align: left;
	background: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding-left: 10px;
	line-height: 170%;
	word-break: keep-all;
	letter-spacing: -1px
}

.chestTitle {
	font-size: 40px;
	color: #111;
	text-align: left;
	margin-top: 95px;
	word-break: keep-all;
	letter-spacing: -1px;
	position: relative
}

.chestTitle:before {
	content: '';
	width: 50px;
	height: 7px;
	display: block;
	background: url(../img/chest_tit_bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	left: 0;
	top: -25px
}

#chest_section h4 {
	font-size: 50px;
	font-weight: 700;
	color: #d94d91;
	letter-spacing: -2px;
	font-size: 42px;
	line-height: 1.4
}

#chest_section p {
	font-size: 16px;
	line-height: 1.7;
	word-break: keep-all;
	color: #111;
	letter-spacing: -1px
}

#chest_section3, .chest_section3 #chest_section1 {
	letter-spacing: -1px
}

#chest_section1 ul {
	width: inherit;
	margin-top: 45px
}

#chest_section1 ul li {
	width: 280px;
	height: 280px;
	text-align: center;
	display: inline-table;
	vertical-align: top;
	background: #da5c9a;
	border-radius: 50%;
	margin-right: 44px
}

#chest_section1 ul li span {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	word-break: keep-all
}

#chest_section1 p {
	font-size: 20px;
	line-height: 180%;
	margin-top: 18px;
	word-break: keep-all;
	text-align: center
}

#chest_section1 h4 {
	font-size: 30px;
	word-break: keep-all;
	text-align: center
}

#chest_section1 h2 {
	height: 187px;
	line-height: 187px;
	background: url(../img/line2_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	font-size: 50px;
	font-weight: 700;
	color: #d94d91;
	margin: 30px auto;
	letter-spacing: -2px
}

#chest_section1 p .unders {
	border-bottom: 1px solid #111
}

.chest_section3 .inner h2 {
	font-size: 50px;
	font-weight: 700;
	color: #d94d91;
	letter-spacing: -2px
}

.chest_section3 .inner h2 img {
	display: inline-block
}

.chest_section3 .inner p {
	font-size: 18px;
	line-height: 180%;
	word-break: keep-all;
	padding-left: 30px;
	padding-right: 30px;
	letter-spacing: -1px
}

.chest_section3 .inner .unders {
	border-bottom: 1px solid #111;
	font-weight: 700
}

.chest_section3 h4 {
	font-size: 35px;
	margin-top: 35px;
	letter-spacing: -2px
}

.chest_section3 .chestSubtitle:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	background: #111;
	position: relative;
	left: 49%;
	top: 18px
}

.chest_section3 h4 span {
	color: #d94d91;
	border-bottom: 2px solid #d94d91
}

.chest_section4 .inner {
	position: relative;
	width: 100%
}

.chest_section4 .inner .txt {
	width: 90%;
	max-width: 370px;
	min-height: 110px;
	border: 5px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}

.chest_section4 .inner .txt span {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-top: 8px
}

@media screen and (max-width:1600px) {
	#chest_section1 ul li {
		width: 220px;
		height: 220px
	}

	#chest_section1 ul li span {
		font-size: 20px
	}

}

.article h4.title {
	text-align: left;
	font-size: 40px;
	color: #111;
	margin-bottom: 44px;
	letter-spacing: -1px
}

.article h4.title.pink {
	text-align: left;
	font-size: 80px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #ff65ce;
	margin-bottom: -15px;
	line-height: 1
}

.article h4.title.pink span {
	font-size: 40px;
	font-weight: 400
}

.article h5.sub_title {
	text-align: left;
	font-size: 30px;
	line-height: 120%;
	color: #111;
	margin-bottom: 47px;
	letter-spacing: -1px
}

.article h5.sub_title .eng {
	font-weight: 300;
	font-family: 'Open Sans'
}

.article .after, .article .before {
	font-size: 40px;
	font-family: 'Open Sans';
	width: 100%;
	height: 100px;
	line-height: 100px;
	background: #777;
	text-align: center;
	color: #fff
}

.article .after {
	background: #ff65ce
}

.article .noti .vc_figure-caption {
	font-size: 12px;
	color: #999;
	text-align: right;
	margin-top: 5px;
	letter-spacing: -1px;
	word-break: keep-all
}

.button .inner a {
	background: #fff;
	border-radius: 60px;
	border: 0;
	outline: 0;
	font-size: 50px;
	font-weight: 700;
	color: #ff65ce;
	padding: 15px 50px;
	letter-spacing: 2px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}

.button .inner {
	padding-top: 100px;
	padding-bottom: 110px
}

.button .inner a:hover {
	cursor: pointer;
	background: #ff65ce;
	color: #fff
}

.button .inner .wrapper:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 101, 206, .6);
	z-index: 1;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}

.button .inner .wrapper.on:after {
	background: 0 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}

.button .inner .regular {
	display: inline
}

.button .inner a:hover .regular {
	display: none
}

.button .inner .hover {
	display: none
}

.button .inner a:hover .hover {
	display: inline
}

.button .inner a img {
	margin-top: -12px
}

.txt {
	text-align: left
}

.txt h3 {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -1px
}

.txt p {
	font-size: 16px;
	line-height: 170%;
	margin-top: 20px;
	word-break: keep-all;
	letter-spacing: -1px
}

.txt ul {
	margin-top: 46px
}

.txt ul li {
	float: left;
	text-align: center;
	margin-right: 22px
}

.txt ul li span {
	text-align: center;
	display: inherit;
	font-size: 16px;
	color: #d94d91;
	letter-spacing: -2px;
	margin-top: 17px
}

.txt ul li img {
	width: 130px
}

.txt .inner {
	width: 100%;
	vertical-align: bottom;
	display: table-cell
}

.txt ul li.last {
	margin-right: 0
}

.article2 .txt_box {
	width: 214px;
	height: 214px;
	left: 0;
	top: 0
}

.article2 .txt_box {
	float: none;
	display: inline-table;
	vertical-align: top;
	border: 5px solid #111;
	margin-top: 46px;
	position: relative
}

.article2 .txt_box .inner {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #111
}

.article2 .plus_box {
	width: 70px;
	height: 214px
}

.article2 .plus_box {
	float: none;
	display: inline-table;
	vertical-align: top;
	text-align: center;
	margin-top: 46px
}

.article2 .plus_box .plus {
	display: inline-block;
	position: relative
}

.article2 .plus_box .inner {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center
}

.article2 h4.spa {
	font-size: 25px;
	font-weight: 700;
	margin: 46px auto 14px
}

.article2 p.spa {
	font-size: 16px;
	line-height: 170%
}

.spacial3 .inner {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: left
}

.spacial3 .inner h3 {
	margin-left: 40px;
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 30px
}

.spacial3 .inner p {
	font-size: 18px;
	line-height: 170%;
	margin-left: 40px;
	margin-right: 40px;
	letter-spacing: -1px
}

.mt10 {
	margin-top: 10px
}

.ver .inner {
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	word-break: keep-all
}

.ver .ver1 {
	height: 350px;
	display: inline-table;
	vertical-align: top;
	text-align: center
}

.chest_section10 .inner {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.chest_section10 .inner h5 {
	width: 239px;
	height: 84px;
	line-height: 100%;
	background: url(../img/square_bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
	font-size: 25px;
	font-weight: 700;
	margin: auto;
	padding-top: 13px;
	letter-spacing: -2px
}

.chest_section10 .inner p {
	font-size: 16px;
	line-height: 170%;
	word-break: keep-all;
	padding-right: 30px;
	padding-left: 30px;
	letter-spacing: -1px
}

.tab {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto
}

.tab li {
	float: left;
	width: 50%;
	height: 83px;
	display: inline-table;
	vertical-align: top
}

.tab li a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #111;
	background: #eee;
	line-height: 100%;
	border-bottom: 3px solid #d94d91;
	border-left: 3px solid #d94d91
}

.tab li a span {
	font-size: 16px;
	font-weight: 400
}

.tab li:nth-child(odd).on a {
	border-left: 3px solid #d94d91
}

.tab li.on a {
	width: 99.7%;
	background: #fff;
	color: #d94d91;
	border: 3px solid #d94d91;
	border-bottom: 0;
	border-right: 0
}

.big_button_section h3 {
	font-size: 50px;
	font-weight: 700;
	text-align: center
}

.big_button_section h3 .rebrest__point {
	color: #d94d91
}

.big_button_section p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 180%
}

.big_button_section .rebrest-btn {
	display: inline-block;
	width: 255px;
	padding: 13px 0 14px 0;
	margin-top: 40px;
	font-size: 30px;
	font-weight: 700;
	color: #111;
	border: 2px solid #000;
	border-radius: 35px 35px 35px 35px;
	-webkit-transition: background .2s ease, border .2s ease;
	-moz-transition: background .2s ease, border .2s ease;
	-o-transition: background .2s ease, border .2s ease;
	-ms-transition: background .2s ease, border .2s ease;
	transition: background .2s ease, border .2s ease
}

.big_button_section .rebrest-btn:hover {
	background-color: #fdf500;
	border-color: #fdf500
}

.big_button_section .rebrest-btn__wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 12px;
	height: 14px;
	margin: auto 0;
	background: url(../img/common/rebrest_btn.png);
	content: ''
}

.chestSubtitle2 {
	font-size: 35px;
	font-weight: 700;
	margin: 35px 0 25px;
	padding-left: 30px;
	color: #d94d91;
	text-align: left;
	background: url(../img/common/dot_pink.png);
	background-repeat: no-repeat;
	background-position: 0 17px;
	word-break: keep-all
}

.texture ul.half li {
	width: 50%;
	height: 100px;
	line-height: 100px;
	float: left;
	background: #999;
	font-size: 30px;
	color: #fff;
	border-bottom: 1px solid #eee;
	margin-top: 45px
}

.texture ul.half li:nth-child(even) {
	background: #fdf500;
	color: #111
}

.texture table {
	width: 100%;
	max-width: 1600px
}

.texture table caption {
	display: none
}

.texture table td {
	width: 33.33333333%;
	height: 120px;
	font-size: 20px;
	background: #fff;
	border-bottom: 1px solid #eee;
	text-align: center;
	word-break: keep-all
}

.texture table td.pink {
	color: #fff;
	font-size: 25px;
	background: #d94d91
}

table.test {
	width: 100%;
	max-width: 1600px;
	margin-top: 50px
}

table.test caption {
	font-size: 30px;
	background: #fdf500;
	height: 100px;
	line-height: 40px
}

.chest-table__vertical {
	display: table-cell;
	width: 1%;
	height: inherit;
	vertical-align: middle
}

table.test th {
	background: #999;
	color: #fff;
	font-size: 20px;
	height: 70px;
	border-left: 1px solid #eee
}

table.test td.even {
	width: 50%
}

table.test td {
	width: 25%;
	height: 120px;
	font-size: 20px;
	background: #fff;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center
}

table.test td.bold {
	font-weight: 700
}

table.test td.pink {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	background: #d94d91
}

.smooth-style__img {
	margin: 0 auto
}

.texture2 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto
}

.texture2 .test_desc {
	font-size: 13px;
	font-family: 'Open Sans';
	margin-top: 3px;
	word-break: keep-all;
	text-align: right
}

ul.progressive li {
	display: inline-block;
	vertical-align: top;
	width: 500px;
	border: 5px solid #d94d91;
	background: #d94d91;
	margin-top: 45px;
	margin-right: 30px;
	padding-bottom: 20px
}

ul.progressive li {
	width: 30%;
	margin-right: 1%
}

ul.progressive li h5 {
	display: inline-block;
	font-size: 30px;
	margin: 14px auto -4px;
	color: #fdf500;
	border-bottom: 1px solid #fdf500
}

ul.progressive li p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px
}

ul.progressive li p {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 20px
}

.chestSubtitle1 {
	font-size: 30px;
	color: #444;
	text-align: center
}

.chestSubtitle1:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	background: #111;
	position: relative;
	left: 49%;
	top: 18px
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
	margin: 0
}

button {
	background-color: transparent;
	background-image: none
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

fieldset {
	margin: 0;
	padding: 0
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}

html {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.5
}

*, ::after, ::before {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e2e8f0
}

hr {
	border-top-width: 1px
}

img {
	border-style: solid
}

textarea {
	resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #a0aec0
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #a0aec0
}

input::placeholder, textarea::placeholder {
	color: #a0aec0
}

[role=button], button {
	cursor: pointer
}

table {
	border-collapse: collapse
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

button, input, optgroup, select, textarea {
	padding: 0;
	line-height: inherit;
	color: inherit
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

audio, canvas, embed, iframe, img, object, svg, video {
	display: block;
	vertical-align: middle
}

img, video {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}

}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}

}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}

}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}

}

.bg-transparent {
	background-color: transparent
}

.hover\:bg-yellow:hover {
	--bg-opacity: 1;
	background-color: #fdf500;
	background-color: rgba(253, 245, 0, var(--bg-opacity))
}

.border-current {
	border-color: currentColor
}

.hover\:border-yellow:hover {
	--border-opacity: 1;
	border-color: #fdf500;
	border-color: rgba(253, 245, 0, var(--border-opacity))
}

.rounded-full {
	border-radius: 9999px
}

.border-2 {
	border-width: 2px
}

.cursor-pointer {
	cursor: pointer
}

.block {
	display: block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.table {
	display: table
}

.table-cell {
	display: table-cell
}

.hidden {
	display: none
}

.flex-wrap {
	flex-wrap: wrap
}

.items-center {
	align-items: center
}

.content-center {
	align-content: center
}

.justify-between {
	justify-content: space-between
}

.font-normal {
	font-weight: 400
}

.h-full {
	height: 100%
}

.text-lg {
	font-size: 1.125rem
}

.m-auto {
	margin: auto
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mr-2 {
	margin-right: .5rem
}

.ml-3 {
	margin-left: .75rem
}

.mt-6 {
	margin-top: 1.5rem
}

.-mr-4 {
	margin-right: -1rem
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.top-0 {
	top: 0
}

.right-0 {
	right: 0
}

.left-0 {
	left: 0
}

.resize {
	resize: both
}

.text-center {
	text-align: center
}

.text-white {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity))
}

.hover\:text-black:hover {
	--text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--text-opacity))
}

.align-baseline {
	vertical-align: baseline
}

.visible {
	visibility: visible
}

.w-6 {
	width: 1.5rem
}

.w-1\/3 {
	width: 33.333333%
}

.w-full {
	width: 100%
}

.z-20 {
	z-index: 20
}

.transform {
	--transform-translate-x: 0;
	--transform-translate-y: 0;
	--transform-rotate: 0;
	--transform-skew-x: 0;
	--transform-skew-y: 0;
	--transform-scale-x: 1;
	--transform-scale-y: 1;
	transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

@-webkit-keyframes spin {
	to {
		transform: rotate(360deg)
	}

}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}

}

@-webkit-keyframes ping {
	100%, 75% {
		transform: scale(2);
		opacity: 0
	}

}

@keyframes ping {
	100%, 75% {
		transform: scale(2);
		opacity: 0
	}

}

@-webkit-keyframes pulse {
	50% {
		opacity: .5
	}

}

@keyframes pulse {
	50% {
		opacity: .5
	}

}

@-webkit-keyframes bounce {
	0%, 100% {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}

	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}

}

@keyframes bounce {
	0%, 100% {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}

	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}

}

@media (min-width:640px) {
	.sm\:container {
		width: 100%
	}

	@media (min-width:640px) {
		.sm\:container {
			max-width: 640px
		}

	}

	@media (min-width:768px) {
		.sm\:container {
			max-width: 768px
		}

	}

	@media (min-width:1024px) {
		.sm\:container {
			max-width: 1024px
		}

	}

	@media (min-width:1280px) {
		.sm\:container {
			max-width: 1280px
		}

	}

}

@media (min-width:768px) {
	.md\:container {
		width: 100%
	}

	@media (min-width:640px) {
		.md\:container {
			max-width: 640px
		}

	}

	@media (min-width:768px) {
		.md\:container {
			max-width: 768px
		}

	}

	@media (min-width:1024px) {
		.md\:container {
			max-width: 1024px
		}

	}

	@media (min-width:1280px) {
		.md\:container {
			max-width: 1280px
		}

	}

}

@media (min-width:1024px) {
	.lg\:container {
		width: 100%
	}

	@media (min-width:640px) {
		.lg\:container {
			max-width: 640px
		}

	}

	@media (min-width:768px) {
		.lg\:container {
			max-width: 768px
		}

	}

	@media (min-width:1024px) {
		.lg\:container {
			max-width: 1024px
		}

	}

	@media (min-width:1280px) {
		.lg\:container {
			max-width: 1280px
		}

	}

}

@media (min-width:1280px) {
	.xl\:container {
		width: 100%
	}

	@media (min-width:640px) {
		.xl\:container {
			max-width: 640px
		}

	}

	@media (min-width:768px) {
		.xl\:container {
			max-width: 768px
		}

	}

	@media (min-width:1024px) {
		.xl\:container {
			max-width: 1024px
		}

	}

	@media (min-width:1280px) {
		.xl\:container {
			max-width: 1280px
		}

	}

}

.js-c-open {
	cursor: pointer;
}

.popup-c {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	text-align: center;
}

.popup-c.is-active {
	display: block;
}

.popup-c:before {
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	content: '';
}

.popup-c:after {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.popup-c__wrap {
	position: relative;
	display: inline-block;
	width: 480px;
	padding: 70px 0px 50px;
	vertical-align: middle;
	background-color: #fff;
}

.popup-c__tit {
	margin: 0;
	color: #333;
	font-size: 32px;
	font-weight: 400;
	line-height: 1;
}

.popup-c__close {
	position: absolute;
	top: 20px;
	right: 20px;
	overflow: hidden;
	display: block;
	width: 28px;
	height: 28px;
	background: url('../img/consultaion_close.png') no-repeat center center/contain;
	text-indent: -9999px;
}

.popup-c__list {
	display: inline-block;
	margin: 25px 0 0 0;
	padding: 0;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(183, 183, 183, 1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(183, 183, 183, 1);
	box-shadow: inset 0px 0px 0px 2px rgba(183, 183, 183, 1);
	border-radius: 20px;
	font-size: 0;
}

.popup-c__list:after {
	display: block;
	clear: both;
	content: '';
}

.popup-c__item {
	display: inline-block;
	list-style: none;
}

.popup-c__item + .popup-c__item {
	margin-left: -20px;
}

.popup-c__link {
	display: block;
	padding: 11px 28px;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	text-decoration: none;
	box-sizing: border-box;
}

.popup-c__item.is-active {
	border-radius: 20px;
}

.popup-c__item.is-active .popup-c__link {
	color: #fff;
}

.popup-c__item.is-active .popup-c__icon {
	position: relative;
	padding-left: 20px;
}

.popup-c__item.is-active .popup-c__icon:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 16px;
	height: 14px;
	margin: auto 0;
	content: '';
}

.popup-c__item.nth-1.is-active {
	background-color: #4b7eff;
}

.popup-c__item.nth-2.is-active {
	background-color: #0bb868;
}

.popup-c__item.nth-3.is-active {
	background-color: #ff604b;
}

.popup-c__item.nth-1.is-active .popup-c__icon:before {
	background: url('../img/popup_icon1.png') no-repeat center bottom / contain;
}

.popup-c__item.nth-2.is-active .popup-c__icon:before {
	background: url('../img/popup_icon2.png') no-repeat center bottom / contain;
}

.popup-c__item.nth-3.is-active .popup-c__icon:before {
	background: url('../img/popup_icon3.png') no-repeat center bottom / contain;
}

.popup-c__content {
	display: none;
	margin-top: 25px;
}

.popup-c__content.is-active {
	display: block;
}

.consultation {
	display: table-cell;
	width: 1%;
	height: 300px;
	vertical-align: middle;
	background-color: #ebeaea;
}

.consultation__tit {
	position: relative;
	margin: 0;
	padding-top: 108px;
	font-size: 22px;
	color: #333;
	font-weight: 500;
}

.consultation__tit img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 87px;
	height: 87px;
	content: '';
}

.consultation__copy {
	display: block;
	margin: 10px 0 0 0;
	font-size: 13px;
	font-weight: 600;
	color: #5c5b5b;
	line-height: 1.1;
}

.consultation__copy.type-copy {
	color: #ff604b;
}

.consultation__txt {
	margin: 10px 0 0 0;
	font-size: 13px;
	color: #5c5b5b;
	line-height: 1.1;
}

.consultation__num {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 5px 34px 7px;
	font-size: 18px;
	color: #fff;
	background-color: #333333;
	border-radius: 20px;
	line-height: 1;
}

.consultation__num.nth-3 {
	font-size: 17px;
	color: #fff;
	text-decoration: none;
}

.consultation-address {
	margin: 25px 0 0 0;
	padding: 0 10px;
}

.consultation-address__tit {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.consultation-address__txt {
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #5c5b5b;
	line-height: 1.1;
}

.consultation__tel {
	color: inherit;
	text-decoration: none;
}

@media (max-width:680px) {
	.popup-c__wrap {
		width: 90vw;
		padding: 35px 0px 25px
	}

	.popup-c__box {
		padding: 0 20px;
	}

	.popup-c__list {
		margin-top: 12px;
	}

	.popup-c__tit {
		font-size: 26px;
	}

	.popup-c__link {
		padding: 11px 20px;
		font-size: 12px;
	}

	.popup-c__content {
		margin-top: 12px;
	}

	.popup-c__item + .popup-c__item {
		margin-left: -12px;
	}

	.popup-c__item.is-active .popup-c__icon:before {
		width: 12px;
		height: 11px;
	}

	.popup-c__item.is-active .popup-c__icon {
		position: relative;
		padding-left: 20px;
	}

	.popup-c__close {
		position: absolute;
		top: 15px;
		right: 15px;
		overflow: hidden;
		display: block;
		width: 18px;
		height: 18px;
	}

	.consultation {
		height: 250px;
	}

	.consultation__tit {
		padding-top: 76px;
		font-size: 18px;
	}

	.consultation__tit:before {
		width: 66px;
		height: 66px;
	}

	.consultation__num {
		margin-top: 5px;
		padding: 5px 17px 7px;
		font-size: 14px;
	}

	.consultation__num.nth-3 {
		font-size: 14px;
	}

	.consultation__copy {
		font-size: 12px;
	}

	.consultation__txt {
		font-size: 12px;
	}

	.consultation-address {
		margin-top: 12px;
	}

	.consultation-address__tit {
		font-size: 12px;
	}

	.consultation-address__txt {
		margin-top: 5px;
		font-size: 11px;
	}

}

.consultation-info {
	margin-top: 26px;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	letter-spacing: -1px;
}

.consultation-info__list {
	margin: 0;
	padding: 0;
}

.consultation-info__item {
	position: relative;
	display: inline-block;
	padding-left: 40px;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.consultation-info__item:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	margin: auto 0;
	content: '';
}

.consultation-info__item.type-time:before {
	width: 30px;
	height: 31px;
	background: url("../img/popup_time.png") no-repeat center center/contain;
}

.consultation-info__item.type-location:before {
	width: 30px;
	height: 36px;
	background: url("../img/popup_location.png") no-repeat center center/contain;
}

.consultation-info__item + .consultation-info__item {
	margin-top: 16px;
}

.consultation-info__date {
	margin: 0;
	font-size: 14px;
	color: #5c5b5b;
}

.consultation-info__date + .consultation-info__date {
	margin-top: 4px;
}

.consultation-info__time {
	margin: 0;
	vertical-align: middle;
}

.consultation-info__day {
	margin-right: 10px;
	color: #333;
	vertical-align: middle;
}

.consultation-info__night {
	display: inline-block;
	margin-left: 4px;
	padding: 3px 4px;
	font-size: 10px;
	color: #ffa96a;
	border: 1px solid #ffa96a;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.consultation-info__tit {
	margin: 0;
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

.consultation-info__txt {
	margin: 6px 0 0;
	font-size: 12px;
	color: #5c5b5b;
}

@media only screen and (max-width:668px) {
	.consultation-info {
		margin-top: 14px;
		padding: 0 25px;
	}

	.consultation-info__date {
		font-size: 1.2rem;
	}

	.consultation-info__tit {
		font-size: 1.2rem;
	}

	.consultation-info__txt {
		margin-top: 3px;
		font-size: 1.1rem;
	}

	.consultation-info__day {
		margin-right: 5px;
	}

	.consultation-info__item {
		padding-left: 36px;
	}

	.consultation-info__item + .consultation-info__item {
		margin-top: 8px;
	}

	.consultation-info__item.type-time:before {
		width: 25px;
		height: 26px;
	}

	.consultation-info__item.type-location:before {
		width: 25px;
		height: 30px;
	}

	.consultation-info__night {
		margin-left: 3px;
		padding: 1px 2px;
		font-size: 1rem;
	}

}

@media screen and (max-width:992px) {
	#site-header {
		height: 50px;
		background: #222;
		padding-left: 15px;
		padding-right: 5px;
		box-sizing: border-box !important;
		position: fixed;
	}
	.line_box{
		height: calc(100vh - 48px) !important;
	}

	#site-header .mt-6 {
		margin-top: 0;
	}

	#site-header img {
		max-height: 40px;
	}

	.js-c-open {
		height: 30px;
	}

	.menu-txt {
		display: none;
	}

	.hamburger {
		height: auto;
	}

	.menu-wrapper {
		padding-left: 0;
		width: 29px
	}

	.menu-wrapper.on, .menu-wrapper:hover {
		background: transparent !important;
	}

	.h-half-tab,.h-half-tab div {
		height: calc( 50vh - 25px ) !important;
	}
	.outerContainer {
		width: 75%;
	}
	.innerContainer h2{
		font-size: 40px;
    	letter-spacing: -2px;
	}
	.innerContainer h3 span{
		font-size: 24px;
	}
	.h-two-third, .h-two-third div{
		height: 66.667vh !important;
	}
	.h-one-third, .h-one-third div, .h-two-third .h-one-third{
		height: 33.333vh !important;
	}
	.vc_col-sm-4 .hoverdir-container span img{
		width: 200px;
    	margin: 0 auto;
	}
	.active-bar,.unactive-bar{left: 20px}
	#fp-nav.left {
		left: 3px
	}
	.text_box_4,
	.txt_box{ left: 15%; }
	.txt_box h2 { font-size: 70px;}
	.txt_box h3 {font-size: 26px;}
	.txt_box_3{ left: 25%;  }
	.txt_box_3 ul li {font-size: 26px;}
	.text_box_4{margin-top: -100px}
	.text_box_4 h2, .text_box_4 h3 {font-size: 80px;}
	.text_box_5.txt_area {
    	transform: none !important;
	    left: 45% !important;
	    right: auto !important;
	    top: 30% !important;
	    padding: 20px 30px !important;
	}

}

#nav-wrapper .menuBox .wrapper .inner .nav li img.menu-arrow {
    display: none;
}
#nav-wrapper .menuBox .wrapper .inner .nav li .depth2 {
    display: inline-block;
}
@media screen and (max-width: 680px){
	#nav-wrapper .menuBox .wrapper .inner .nav li img.menu-arrow {
	    display: block;
	}
	.outerContainer {
	    margin-left: -30px;
	}
	.innerContainer h2{
	    font-size: 30px;
	    letter-spacing: -1px;
	}
	.innerContainer h3{
		    margin-top: 5px;
    height: auto;
    padding: 6px 15px;
	}
	.innerContainer h3 span{
		font-size: 14px;
    padding: 0 0;
    letter-spacing: 0;
	}
	.innerContainer.style2{
		padding-left: 15px;
		padding-right: 15px;
	}
	.hoverdir-container span img{
		width: 70%;
    	margin: 0 auto;
	}

	.txt_box h2 {font-size: 38px;letter-spacing: -1px;padding: 0 19px 7px;}
	.txt_box h3 {font-size: 16px;letter-spacing: -1px;padding: 10px 15px;}
	.txt_box_5.txt_area_field h2, .txt_box_5.txt_area_field h3,
	.txt_box_3 ul li {font-size: 16px;}
	.txt_box_5{ padding: 15px 20px; }
	.txt_box_5 h2 {font-size: 20px;}
	.txt_box_5 h3 {font-size: 40px;}
	.drawborder-left, .drawborder-right {width: 10px;}
	.drawborder-bottom, .drawborder-top {height: 10px;}
	.txt_area.txt_area_field{left: 5% !important}
	.txt_area.txt_area_field h2, .txt_area.txt_area_field h3{font-size: 16px;letter-spacing: -1px;}
    
    #nav-wrapper .menuBox .wrapper .inner .nav li .depth2 {
        display: none;
    }
}


#nav-wrapper .gallery .box.gallery01:nth-child(2) .outer {
	background: rgba(0, 153, 242, 0.9);
}

#nav-wrapper .gallery .box.gallery01:nth-child(3) .outer {
	background: rgba(255, 89, 100, 0.9);
}

#nav-wrapper .gallery .box.gallery01:nth-child(4) .outer {
	background: rgba(14, 202, 146, 0.9);
}

#nav-wrapper .gallery .box.gallery01:nth-child(5) .outer {
	background: rgba(239, 179, 17, 0.9);
}

#nav-wrapper .gallery .box.gallery01:nth-child(6) .outer {
	background: rgba(109, 73, 242, 0.9);
}

#nav-wrapper .menuBox .wrapper .inner .nav li.on a{
	color: #fdf500;
}

#nav-wrapper .menuBox .wrapper .inner .nav li img.menu-arrow {
    width: 25px;
    height: 25px;
    margin-left: 10px;
    margin-top: 14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (max-width: 992px){
	.txt_box_style_one{
    	max-width: 90%;
        background-size: contain;
    }
    .txt_box_style_one h3 {
        font-size: 50px;
        display: block;
    }
}