.home .first {
	width: 100vw;
	height: 100vh;
	min-height: 800px;
	max-height: 1200px;
	background: url(/assets/img/home_bg.png) no-repeat bottom center;
	background-size: cover;
}

.home .first .top {
	padding-top: 100px;
}

.home .first .top .logo {
	display: inline-block;
	position: absolute;
	z-index: 999;
}

.home .first .top .logo img {
	width: 300px;
}

.menu_mobile {
	display: none;
}

.menu {
	float: right;
	display: inline-block;
	position: fixed;
	right: 191px;
	top: 74px;
	cursor: pointer;
	z-index: 99999999;
	padding: 20px;
	padding-bottom: 0px;
	transform: rotate(180deg);
}

.menu.event_stop {
	pointer-events: none;
}

.menu svg rect {
	transition: all .5s ease;
	border-radius: 11px;
}

.menu svg {
	transition: all .5s ease;
}

.menu svg rect#rect_1 {
	transform: translateY(0px);
}

.menu svg rect#rect_2 {
	transform: translateY(8px);
}

.menu svg rect#rect_3 {
	transform: translateY(16px);
}


.menu svg.active rect#rect_1 {
	transform: translateY(18px) translateX(6px) rotate(-45deg);
}

.menu svg.active rect#rect_2 {
	transform: translateY(8px);
	opacity: 0;
}

.menu svg.active rect#rect_3 {
	transform: translateY(0px) translateX(8px) rotate(45deg);
}

.home .first .content {
	width: 100%;
	margin-top: calc(10vh + 50px);
}

.home .first .content h3 {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: var(--cream);
	margin-bottom: 20px;
}

.home .first .content h1 {
	font-family: Garamond;
	font-size: 56px;
	text-align: left;
	color: var(--white);
}

.home .first .content .text {
	position: relative;
	margin-top: 80px;
	width: 100%;
}

.home .first .content .text hr {
	position: absolute;
	top: 0;
	margin-left: -400px;
	display: inline-block;
	width: 700px;
	margin-right: 50px;
	height: 2px;
	border: none;
	background-color: var(--light-gray);
}

.home .first .content .text p {
	max-width: 100%;
	width: 600px;
	display: inline-block;
	margin-top: -10px;
	margin-left: 350px;
	font-family: Gotham Pro;
	font-size: 14px;
	line-height: 34px;
	font-weight: normal;
	text-align: left;
	color: var(--light-gray);
}

.home .first .content .scroll {
	position: relative;
	text-align: center;
	margin-top: 100px;
	-webkit-animation: up_down 3s ease infinite;
	animation: up_down 3s ease infinite;
}

.home .first .content .scroll img:first-child {
	width: 15px;
}

.home .first .content .scroll img:last-child {
	width: 14px;
	margin-left: -4px;
	margin-top: 10px;
}

.home .first .number {
	position: absolute;
	opacity: 0.05;
	right: 0;
	top: 20vh;
	font-family: Gotham Pro;
	font-size: 530px;
	color: var(--white);
}

.points {
	position: fixed;
	right: 200px;
	width: 50px;
	text-align: center;
	height: 300px;
	bottom: 20vh;
	z-index: 1000;
}

.points.fix {
	position: absolute;
	bottom: 80px;
	top: unset;
	z-index: 999;
}

.menu.fix {
	position: absolute;
	top: 138px;
	z-index: 999;
}


.points ul {
	list-style: none;
}

.points ul a {
	text-decoration: none;
}

.points ul li {
	font-family: Gotham Pro;
	font-size: 20px;
	font-weight: 00;
	color: var(--white);
	opacity: .5;
	cursor: pointer;
}

.points ul span {
	width: 1px;
	height: 50px;
	text-align: right;
	background: var(--white);
	display: block;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	opacity: .5;
	border-radius: 5px;
}

.points ul li.active {
	opacity: .7;
	font-weight: 900;
}

.points ul span.active {
	opacity: .7;
	width: 2px;
}

@-webkit-keyframes up_down {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(20px)
	}

	50% {
		transform: translateY(0px)
	}

	100% {
		transform: translateY(0px);
	}

}

@keyframes up_down {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(20px)
	}

	50% {
		transform: translateY(0px)
	}

	100% {
		transform: translateY(0px);
	}

}

.home .second {
	width: 100vw;
	padding-top: 100px;
	position: relative;
}

.home .second .bg_1 {
	position: absolute;
	opacity: .05;
	top: -200px;
	left: -250px;
	background: url(/assets/img/second_bg_1.png) no-repeat center center;
	background-size: cover;
	width: 50vw;
	height: 40vh;
}

.home .second .bg_2 {
	position: absolute;
	opacity: .05;
	top: 500px;
	right: 0px;
	background: url(/assets/img/second_bg_2.png) no-repeat center center;
	background-size: cover;
	width: 50vw;
	height: 40vh;
}

.home .second .bg_text {
	opacity: .05;
	position: absolute;
	left: -200px;
	top: 38%;
	font-family: Gotham Pro;
	font-size: 66px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.33;
	letter-spacing: normal;
	text-align: center;
	color: var(--white);
	transform: rotate(270deg)
}

.home .second .number {
	position: absolute;
	opacity: .05;
	left: 0;
	top: 60vh;
	font-family: Gotham Pro;
	font-size: 530px;
	color: var(--white);
}

.home .second .sections {
	width: 100%;
	margin-bottom: 100px;
	text-align: center;
}

.home .second .sections a {
	text-decoration: none;
}

.home .second .sections a .card {
	height: 250px;
	width: 270px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 5px;
	position: relative;
	text-align: left;
	overflow: hidden;
}

.home .second .sections a .card .overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all .5s ease;
	z-index: 100;
	transform: translateY(100px);
}

.home .second .sections a .card .overlay:after {
	content: '';
	display: block;
	margin-top: 120px;
	margin-left: -45px;
	background: rgba(0, 0, 0, .5);
	transform: rotate(5deg);
	width: 121%;
	height: 100%;
}

.home .second .sections a .card:hover .overlay {
	opacity: 1;
	transform: translateY(0px);
}

.home .second .sections a .card:hover h3 {
	transform: translateY(-20px);
}

.home .second .sections a .card .overlay .link {
	position: absolute;
	bottom: 30px;
	left: 40px;
	z-index: 101;
	font-family: Gotham Pro;
	font-size: 14px;
	text-align: left;
	color: var(--cream);
	transition: all .5s ease;
	transform: translateY(50px);
}

.home .second .sections a .card:hover .overlay .link {
	transform: translateY(0px);
}

.home .second .sections a .card .overlay .link img {
	margin-left: 10px;
	width: 15px;

}

.home .second .sections a .card:after {
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 5px;
	height: 100%;
	background: rgb(0, 0, 0);
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	content: '';
}

.home .second .sections a:nth-child(2) .card {
	background: url(/assets/img/1_tile_photo.jpg) no-repeat center center;
	background-size: 110%;
	width: 495px;
}

.home .second .sections a:nth-child(3) .card {
	background: url(/assets/img/2_tile_photo.jpg) no-repeat center 75%;
	background-size: 150%;
	width: 495px;
}

.home .second .sections a:nth-child(5) .card {
	background: url(/assets/img/3_tile_photo.jpg) no-repeat center 40%;
	background-size: 110%;
	margin-right: 10px;
	width: 435px;
}

.home .second .sections a:nth-child(6) .card {
	background: url(/assets/img/4_tile_photo.jpg) no-repeat 40% center;
	background-size: 160%;
}

.home .second .sections a:nth-child(7) .card {
	background: url(/assets/img/5_tile_photo.jpg) no-repeat 30% center;
	background-size: 141%;
}

.home .second .sections a:nth-child(8) .card {
	background: url(/assets/img/6_tile_photo.jpg) no-repeat center bottom;
	background-size: 150%;
	width: 300px;
	margin-right: 10px;
}

.home .second .sections a:nth-child(9) .card {
	background: url(/assets/img/7_tile_photo.jpg) no-repeat 70% center;
	background-size: cover;
	width: 300px;
}

.home .second .sections a:nth-child(10) .card {
	background: url(/assets/img/8_tile_photo.jpg) no-repeat right bottom;
	background-size: cover;
	margin-right: 10px;
	width: 375px;
}

.home .second .sections a .card .num {
	transition: all .5s ease;
	transform: translateY(0px);
	position: absolute;
	width: 50px;
	height: 50px;
	top: 40px;
	left: 40px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, .5);
	font-family: Gotham Pro;
	font-size: 22px;
	font-weight: normal;
	z-index: 100;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.home .second .sections a .card:hover .num {
	transform: translateY(-10px);
}

.home .second .sections a .card h3 {
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 100;
	font-family: Gotham Pro;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: var(--white);
	transition: all .5s ease;
}

.home .third {
	width: 100vw;
	position: relative;
	min-height: 900px;
	max-height: 1200px;
}

.home .third .number {
	position: absolute;
	opacity: 0.05;
	right: 0;
	top: 40vh;
	font-family: Gotham Pro;
	font-size: 530px;
	color: var(--white);
}

.home .third .info {
	display: inline-block;
	width: 100%;
}

.home .third .info .contacts,
.home .third .info .time {
	margin-bottom: 100px;
	color: var(--white);
}

.home .third .info .time {
	margin-bottom: 0;
}

.home .third .info .contacts h2,
.home .third .info .time h2 {
	margin-top: 200px;
	font-family: Gotham Pro;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 30px;
}

.home .third .info .time h2 {
	margin-top: 0;
}

.home .third .info .contacts p .cream,
.home .third .info .time p .cream {
	color: var(--cream);
}

.home .third .info .contacts p,
.home .third .info .time p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	color: var(--light-gray);
}


.home .third .map {
	position: absolute;
	right: 200px;
	width: 30vw;
	top: 200px;
	border-radius: 5px !important;
	overflow: hidden;
}

.home .third .map iframe {
	height: 100%;
	width: 105%;
	min-width: 600px;
	border-radius: 5px !important;
}


footer {
	height: 450px;
	width: 100vw;
	margin-top: 100px;
	background: var(--light-black);
	position: relative;
}

footer .container {
	height: 450px;
}

footer .city {
	position: absolute;
	top: 0;
}

footer .city .town {
	position: absolute;
	bottom: -1px;
	width: 30vw;
}

footer .city .train {
	width: 22vw;
	bottom: -1px;
	left: 0;
	position: absolute;
	-webkit-animation: train 10s ease infinite;
	animation: train 10s ease infinite;
}

footer .city .landscape {
	position: absolute;
	bottom: -1px;
	right: -100vw;
	width: 17vw;
	z-index: 100;
}

footer .logo {
	display: inline-block;
	width: 170px;
	margin-top: 50px;
	margin-left: -15px;
}

footer .social {
	display: inline-block;
	margin-left: 170px;
}

footer .social a {
	text-decoration: none;
}

footer .social img {
	width: 40px;
}

footer .social .vk,
footer .social .inst {
	display: inline-block;
	margin-right: 30px;
	opacity: .6;
	transition: opacity .5s ease;
}

footer .social .vk:hover,
footer .social .inst:hover {
	opacity: 1;
}

@-webkit-keyframes train {
	0% {
		transform: translateX(100vw);
	}

	100% {
		transform: translateX(-10vw);
	}
}

footer ul {
	display: inline-block;
	list-style: none;
	margin-right: 100px;
	margin-top: 50px;
}

footer ul a {
	text-decoration: none;
	color: var(--white);
	display: inline-block;
	transition: color .5s ease;
}

footer ul a:after {
	content: ' ';
	display: block;
	height: 1px;
	width: 0%;
	background: var(--cream);
	transition: width .5s ease;
}

footer ul a:hover:after {
	width: 100%;
}

footer ul a:hover {
	color: var(--cream);
}

footer ul li {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 10px;
	text-align: left;
	color: var(--white);
}

footer .quote {
	width: 450px;
	position: absolute;
	right: 50px;
	bottom: 200px;
	font-family: Garamond;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: right;
	color: var(--white);
}

footer p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	color: #707070;
}

footer p.materials {
	position: absolute;
	left: 50px;
	bottom: 80px;
}

footer p.copyright {
	position: absolute;
	left: 50px;
	bottom: 50px;
	color: var(--white);
}

footer p.policy {
	position: absolute;
	right: 50px;
	bottom: 80px;
	color: var(--white);
}

footer p.policy a,
footer p.developer a {
	text-decoration: none;
	color: var(--white);
	transition: color .5s ease;
}

footer p.policy a:hover,
footer p.developer a:hover {
	color: var(--cream);
}

footer p.developer a {
	position: absolute;
	right: 50px;
	bottom: 50px;
	color: #707070;
}

footer p.developer a span {
	position: absolute;
	top: -10px;
	font-size: 10px;
}

footer p.developer a b {
	margin-left: 15px;
}

.big_menu {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background: url(/assets/img/menu_bg.jpg) no-repeat top center;
	background-size: cover;
	pointer-events: none;
	opacity: 0;
	transition: all .5s ease
}

.big_menu .decor_text {
	font-size: 150px;
	color: var(--white);
	font-family: Gotham Pro;
	font-weight: 600;
	transform: rotate(90deg) translate(-15%, 0);
	position: absolute;
	top: 50%;
	right: -190px;
	opacity: .05;
	display: none;
	text-transform: uppercase;
}

.big_menu.opened {
	opacity: 1;
	pointer-events: all;
}

.big_menu .logo {
	position: absolute;
	left: 217px;
	top: 100px;
	z-index: 4;
}

.big_menu .logo img {
	width: 300px;
}

.big_menu .navigation {
	position: absolute;
	z-index: 4;
	z-index: ;
	right: 300px;
	top: 50%;
	transform: translateY(-50%);
}

.big_menu .navigation ul {
	list-style: none;
}

.big_menu .navigation ul li {
	opacity: 0;
	transform: translateX(-200px);
	transition: all .5s ease;
}

.big_menu .navigation ul li.show {
	opacity: 1;
	transform: translateX(0px);
}

.big_menu .navigation ul li a {
	display: inline-block;
}

.big_menu .navigation ul li a {
	color: var(--white);
	text-decoration: none;
	font-family: Gotham Pro;
	font-size: 18px;
	line-height: 60px;
	text-align: left;
	display: inline-block;
	position: relative;
}

.big_menu .navigation ul li a.active {
	color: var(--cream);
	margin-bottom: 10px;
	font-size: 24px;
}

.big_menu .navigation ul li a.active:after {
	content: '';
	bottom: 0;
	left: -50px;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--cream);
}

.big_menu .navigation ul li a:after {
	content: '';
	bottom: 0;
	left: -30px;
	position: absolute;
	height: 1px;
	width: 0%;
	background: var(--white);
	transition: width .5s ease;
}


.big_menu .navigation ul li a:hover:after {
	width: 100%;
}

.big_menu .navigation ul button {
	border: none;
	margin-top: 50px;
	padding: 20px 60px;
	font-family: Gotham Pro;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	color: var(--brown);
	border-radius: 30px;
	background-color: var(--cream);
	cursor: pointer;
	box-shadow: none;
	opacity: 0;
	transform: translateX(-200px);
	transition: all .5s ease;
}

.big_menu .navigation ul button:hover {
	box-shadow: 0 0 10px var(--cream);
}

.big_menu .navigation ul button.show {
	opacity: 1;
	transform: translateX(0px);
}

.big_menu .background {
	position: absolute;
	left: 0;
	z-index: 1;
	top: 0;
	opacity: .5;
	width: 60vw;
	height: 100vh;
	overflow: hidden;
	background: url(/assets/img/0_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.brave {
	background: url(/assets/img/1_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.management {
	background: url(/assets/img/2_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.economy {
	background: url(/assets/img/3_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.glory {
	background: url(/assets/img/4_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.health {
	background: url(/assets/img/5_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.art {
	background: url(/assets/img/6_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.charity {
	background: url(/assets/img/7_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.coevals {
	background: url(/assets/img/8_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .background.order {
	background: url(/assets/img/order_menu_bg.png) no-repeat center right;
	background-size: cover;
}

.big_menu .flash_back {
	position: absolute;
	opacity: 0;
	top: calc(50% - 20px);
	transition: opacity 1s ease;
	transform: translateY(-50%);
	left: 100px;
	z-index: 2;
}

.big_menu .flash_back.show {
	opacity: 1;
}

.big_menu .flash_back img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 40vw;
	border: 10px solid var(--white);
	border-radius: 10px;
}

.big_menu .flash_back .quote {
	position: absolute;
	opacity: 0;
	transform: translateY(100px);
	width: 40vw;
	bottom: -20%;
	right: 0;
	font-family: Garamond;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.9;
	letter-spacing: normal;
	text-align: center;
	color: var(--white);
	transition: all .5s ease;
}

.big_menu .flash_back .quote.show {
	opacity: 1;
	transform: translateY(0px);
}

.subcategory {
	overflow: hidden;
	background: #fff;
	width: 100vw;
	height: 100vh;
}

.subcategory .section {
	position: absolute;
	display: inline-block;
	width: 25vw;
	height: 100vh;
	min-height: 900px;
	overflow: hidden;
}

.subcategory .first {
	background: url(/assets/img/brave_sub_1.jpg) no-repeat top center;
	background-size: cover;
}

.subcategory .second {
	background: url(/assets/img/brave_sub_2.jpg) no-repeat top center;
	background-size: cover;
	left: 25vw;
}

.subcategory .third {
	background: url(/assets/img/brave_sub_3.jpg) no-repeat top center;
	background-size: cover;
	left: 50vw;
}

.subcategory .fourth {
	background: url(/assets/img/brave_sub_4.jpg) no-repeat top center;
	background-size: cover;
	left: 75vw;
}

.subcategory .first.health {
	background: url(/assets/img/health_sub_1.jpg) no-repeat top center;
	background-size: cover;
}

.subcategory .second.health {
	background: url(/assets/img/health_sub_2.jpg) no-repeat top center;
	background-size: cover;
	left: 25vw;
}

.subcategory .third.health {
	background: url(/assets/img/health_sub_3.jpg) no-repeat top center;
	background-size: cover;
	left: 50vw;
}

.subcategory .fourth.health {
	background: url(/assets/img/health_sub_4.jpg) no-repeat top center;
	background-size: cover;
	left: 75vw;
}

.subcategory .section h2 {
	width: calc(100% - 8vw);
	margin-left: 50px;
	font-family: Garamond;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	z-index: 100;
	margin-top: 30px;
	margin-bottom: 50px;
	color: var(--white);
	transition: all 1s ease;
	display: none;
}

.subcategory .section h2 span {
	font-size: 18px;
	opacity: .6;
}

.subcategory .section .text {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.subcategory .section .text h2 {
	width: calc(100% - 8vw);
	margin-left: 4vw;
	font-family: Garamond;
	font-size: 32px;
	font-weight: bold;
	display: block;
	text-align: left;
	z-index: 100;
	color: var(--white);
	transition: all 1s ease;
}

.subcategory .section:nth-child(1) .text h2 {
	transform: translateY(52px);
}

.subcategory .section:nth-child(2) .text h2 {
	transform: translateY(130px);
}

.subcategory .section:nth-child(4) .text h2 {
	transform: translateY(36px);
}

.subcategory .section.health:nth-child(1) .text h2 {
	transform: translateY(50px);
}

.subcategory .section.health:nth-child(2) .text h2 {
	transform: translateY(-2px);
}

.subcategory .section.health:nth-child(3) .text h2 {
	transform: translateY(-29px);
}

.subcategory .section.health:nth-child(4) .text h2 {
	transform: translateY(-3px);
}

.subcategory .section:hover .text h2 {
	transform: translateY(-100px) !important;
}

.subcategory .section .open_sub {
	position: relative;
	float: right;
	margin-top: -58px;
	margin-right: 30px;
	padding: 20px;
	display: none;
	transition: all .5s ease;
}

.subcategory .section .open_sub.open {
	transform: rotate(180deg);
}

.subcategory .section .open_sub img {
	width: 22px;
}

.subcategory .section .num {
	background: rgba(0, 0, 0, .5);
	font-family: Gotham Pro;
	font-size: 22px;
	font-weight: normal;
	border-radius: 5px;
	height: unset;
	width: unset;
	color: var(--white);
	position: absolute;
	left: 4vw;
	top: 60px;
	width: 60px;
	padding: 19.5px 0px;
	text-align: center;
	transition: all .5s ease;
}

.subcategory .section:hover .num {
	background: #000;
}

.subcategory .section .text .overlay {
	width: 100%;
	overflow: hidden;
	height: auto;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform: translateY(200px);
	transition: all .5s ease;
}

.subcategory .section:hover .text .overlay {
	opacity: 1;
	transform: translateY(0px);
}

.subcategory .section .text .overlay:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -30px;
	margin-left: -100px;
	background: rgba(0, 0, 0, .5);
	transform: rotate(5deg);
	width: 170%;
	height: 100%;
}

.subcategory .section .text .overlay p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	text-align: left;
	z-index: 10;
	position: relative;
	color: var(--white);
	margin-left: 4vw;
	margin-bottom: 70px;
	padding-top: 70px;
	width: calc(100% - 8vw);
}

.subcategory .section .text .overlay a {
	text-decoration: none;
	color: var(--cream);
	padding: 10px 0px;
}

.subcategory .section .text .overlay .link {
	position: relative;
	font-family: Gotham Pro;
	font-size: 14px;
	height: unset;
	color: var(--cream);
	bottom: 40px;
	width: calc(100% - 8vw);
	font-weight: normal;
	line-height: 26px;
	z-index: 10;
	left: 4vw;
}

.subcategory .section .text .overlay .link img {
	margin-left: 20px;
	width: 15px;
	transform: translateX(0px);
	transition: all .5s ease;
}

.subcategory .section .text .overlay .link:hover img {
	transform: translateX(20px);
}

.top .logo {
	left: 200px;
}

.container .top .logo {
	display: inline-block;
	position: absolute;
	z-index: 999;
	left: unset;
	top: 100px;
}

.top .logo img {
	width: 300px;
}

.categoryies .first .top .logo,
.order_page .first .top .logo {
	left: 200px;
	top: 100px;
	position: absolute;
	z-index: 2;
}

.categoryies .first {
	width: 100vw;
	height: 130vh;
	min-height: 1000px;
	background: url(/assets/img/categoryies_bg.png) no-repeat bottom center;
	background-size: cover;
}

.categoryies .first .flash_image {
	position: absolute;
	height: 100vh;
	min-height: 700px;
	z-index: 1;
	width: 50vw;
	left: 0;
	top: 0;
}

.categoryies .first .flash_image.brave {
	background: url(/assets/img/1_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.management {
	background: url(/assets/img/2_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.economy {
	background: url(/assets/img/3_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.glory {
	background: url(/assets/img/4_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.health {
	background: url(/assets/img/5_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.art {
	background: url(/assets/img/6_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.charity {
	background: url(/assets/img/7_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image.coevals {
	background: url(/assets/img/8_cat_bg.png) no-repeat bottom right;
	background-size: cover;
}

.categoryies .first .flash_image img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 100px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 30vw;
	border: 10px solid var(--white);
	border-radius: 10px;
}


.categoryies .first .description {
	position: absolute;
	z-index: 99;
	right: 250px;
	width: 40vw;
	top: 50%;
	transform: translateY(-70%);
	color: var(--white);
	transition: all .5s ease;
}

.categoryies .first .description .slider_mobile {
	display: block;
	margin-bottom: 50px;
}

.categoryies .first .description .slider_mobile .prev_arrow,
.categoryies .first .description .slider_mobile .next_arrow {
	width: 15px;
	padding: 25px;
	display: none;
}

.categoryies .first .description .slider_mobile a.disable .prev_arrow,
.categoryies .first .description .slider_mobile a.disable .next_arrow {
	opacity: .4;
	cursor: default;
}


.categoryies .first .description .slider_mobile .next_arrow {
	transform: rotate(180deg);
}

.categoryies .first .description .slider_mobile h1 {
	font-family: Garamond;
	font-size: 36px;
	font-weight: bold;
	color: var(--white);
	text-align: left;
}

.categoryies .first .description p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	color: var(--light-gray);
}

.categoryies .first .menu {
	position: absolute;
}

.categoryies .first .order_button,
.categoryies .first .order_button_mobile {
	position: absolute;
	right: 290px;
	top: 85px;
	padding: 15px 50px;
	background: var(--cream);
	border-radius: 50px;
	transition: all .5s ease;
	cursor: pointer;
}

.categoryies .first .order_button_mobile {
	display: none;
}

.categoryies .first .order_button:hover {
	box-shadow: 0 0 10px var(--cream);
}

.categoryies .first .order_button button,
.categoryies .first .order_button_mobile button {
	border: none;
	background: none;
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	color: var(--brown);
	cursor: pointer;
}

.categoryies .first .slider {
	top: 85vh;
	width: 80vw;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.categoryies .first .slider .prev_arrow {
	position: absolute;
	transform: rotate(180deg);
	display: inline-block;
	left: -125px;
	top: -30px;
	z-index: 2;
}

.categoryies .first .slider .prev_arrow img,
.categoryies .first .slider .next_arrow img {
	width: 15px;
	padding: 20px 25px;
	border-radius: 50px;
	transition: background .5s ease;
}

.categoryies .first .slider a:hover .prev_arrow img,
.categoryies .first .slider a:hover .next_arrow img {
	background: rgba(36, 26, 19, 0.3);
}

.categoryies .first .slider a.disable:hover .prev_arrow img,
.categoryies .first .slider a.disable:hover .next_arrow img {
	background: none;
}

.categoryies .first .slider a.disable .prev_arrow img,
.categoryies .first .slider a.disable .next_arrow img {
	opacity: .7;
	cursor: default;
}

.categoryies .first .slider .next_arrow {
	position: absolute;
	display: inline-block;
	right: -125px;
	top: -30px;
	z-index: 2;
}

.categoryies .first .slider .content {
	display: block;
	position: relative;
}

.categoryies .first .slider .content .line {
	width: 25%;
	margin-right: 12%;
	height: 3px;
	background: var(--white);
	border-radius: 5px;
	display: inline-block;
}

.categoryies .first .slider .content .line.disable {
	opacity: .5;
}

.categoryies .first .slider .content .line.disable h5 {
	opacity: 0;
}

.categoryies .first .slider .content .line:last-child {
	margin-right: 0;
}

.categoryies .first .slider .content .line h5 {
	font-family: Gotham Pro;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	width: 130%;
	margin-left: -15%;
	text-align: center;
	color: var(--white);
}

.categoryies .first .slider .content .line.prev {
	background: rgba(237, 237, 237, 0);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(100%, rgba(237, 237, 237, 1)));
	background: linear-gradient(to right, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
}


.categoryies .first .slider .content .line.next {
	background: rgba(237, 237, 237, 1);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(237, 237, 237, 0)));
	background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(237, 237, 237, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
}

.categoryies .second {
	width: 100vw;
	position: relative;
	margin-top: -200px;
}

.categoryies .second .current_page {
	color: #fff;
	position: absolute;
	top: -80px;
	text-align: center;
	width: 100%;
}

.categoryies .second .table {
	width: 80vw;
	background: #fff;
	margin-left: 10vw;
	border-radius: 20px;
	margin-bottom: 100px;
	box-shadow: 0 0 99px 0 rgba(181, 169, 152, 0.17);
}

.categoryies .second .table h2 {
	font-family: Garamond;
	font-size: 46px;
	font-weight: bold;
	color: var(--black);
	padding-top: 75px;
	margin-left: 150px;
	margin-bottom: 40px;
}

.categoryies .second .table .select {
	margin-left: 150px;
	float: left;
}

.categoryies .second .table .select h4 {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	margin-left: 20px;
	text-align: left;
	color: var(--light-gray);
	margin-bottom: 20px;
}

.categoryies .second .table .select .custom-select {
	position: relative;
}

.categoryies .second .table .select .custom-select select {
	display: none;
}

.categoryies .second .table .select .select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: -120px;
	width: 0;
	height: 0;
	background: url(/assets/img/select_arrow.svg) no-repeat center center;
	background-size: 15px;
	border: 10px solid transparent;
	transition: all .5s ease;
}

.categoryies .second .table .select .select-selected.default {
	color: #ccc;
	font-weight: 400;
}

.categoryies .second .table .select .select-selected.select-arrow-active:after {
	transform: rotate(180deg);
}

.categoryies .second .table .select .select-selected {
	color: #000;
	font-weight: 500;
	padding: 15px 20px;
	width: 300px;
	cursor: pointer;
	border-bottom: 2px solid var(--light-gray);
	margin-bottom: 20px;
	font-size: 14px;
	font-family: Gotham Pro;
	font-family: 500;
}

.categoryies .second .table .select .select-items {
	margin-top: 10px;
	background: #fff;
	color: #000;
	width: 340px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
	border-radius: 5px;
	font-size: 14px;
	font-family: Gotham Pro;
	font-family: 500;
}

.categoryies .second .table .select .select-items div {
	padding: 15px 20px;
	width: 300px;
	font-size: 14px;
	cursor: pointer !important;
	font-family: Gotham Pro;
	font-weight: 500;
}

.categoryies .second .table .select .select-items {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	opacity: 1;
	pointer-events: all;
	transform: translateY(0px);
	transition: all .5s ease;
}

.categoryies .second .table .select .select-hide {
	opacity: 0;
	pointer-events: none;
	transform: translateY(50px);
}

.categoryies .second .table .select .select-items div,
.categoryies .second .table .select .same-as-selected {
	transition: all .5s ease;
}

.categoryies .second .table .select .select-items div:hover,
.categoryies .second .table .select .same-as-selected {
	background-color: #D6B68B;
	color: #fff;
}

.categoryies .second .table .select .select-items div:first-child:hover,
.categoryies .second .table .select .select-items div:first-child.same-as-selected {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.categoryies .second .table .select .select-items div:last-child:hover,
.categoryies .second .table .select .select-items div:last-child.same-as-selected {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.categoryies .second .table .select .same-as-selected {
	position: relative;
}

.categoryies .second .table .select .same-as-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 20px;
	width: 0;
	height: 0;
	background: url(/assets/img/check.svg) no-repeat center center;
	background-size: 15px;
	border: 10px solid transparent;
}

.categoryies .second .table .search {
	float: right;
	margin-top: 34px;
	margin-right: 150px;
	position: relative;
}

.categoryies .second .table .search.left {
	float: left;
	margin-left: 150px;
}

.categoryies .second .table .search input {
	padding: 15px 30px;
	position: relative;
	width: 200px;
	padding-left: 50px;
	border: 2px solid var(--light-gray);
	border-radius: 50px;
	transition: border .5s ease;
}

.categoryies .second .table .search:after {
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	left: 20px;
	top: 15px;
	background: url(/assets/img/search.svg) no-repeat center center;
	background-size: contain;
}

.categoryies .second .table .search input:focus {
	outline: none;
	border: 2px solid var(--cream);
}

.categoryies .second .table .list {
	width: 100%;
	margin: 0 auto;
	margin-top: 200px;
}

.categoryies .second .table .list .not_found {
	margin-left: 150px;
	font-size: 18px;
	padding-bottom: 50px;
	color: #ccc;
	font-weight: 500;
}

.categoryies .second .table .list a {
	text-decoration: none;
}

.categoryies .second .table .list a .card {
	background: #f6f6f6;
	width: calc(100% - 300px);
	margin: 0 auto;
	padding: 30px 100px;
	margin-bottom: 10px;
	transition: all.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}

.categoryies .second .table .list a .card .open_text {
	position: relative;
	right: 10px;
}

.categoryies .second .table .list a .card .open_text img {
	width: 20px;
}

.categoryies .second .table .list a:hover .card,
.categoryies .second .table .list a:focus .card {
	background: var(--cream);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.categoryies .second .table .list a .card h3 {
	width: 30%;
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	text-align: left;
	color: var(--black);
	display: inline-block;
	transition: color .5s ease;
}

.categoryies .second .table .list a .desc,
.categoryies .second .table .list a .card .open_text {
	display: none;
}

.categoryies .second .table .list a .card p {
	width: 40%;
	font-family: Gotham Pro;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	display: inline-block;
	color: var(--black);
	margin-left: 29%;
	transition: all .5s ease;
}

.categoryies .second .table .list a:hover .card h3,
.categoryies .second .table .list a:hover .card p,
.categoryies .second .table .list a:focus .card h3,
.categoryies .second .table .list a:focus .card p {
	color: #fff;
}

.categoryies .second .table .list a:hover .card p,
.categoryies .second .table .list a:focus .card p {
	transform: translateX(-50%);
}

.categoryies .second .table .list a .card .link {
	font-family: Gotham Pro;
	width: 200px;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	background: #fff;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 40px;
	opacity: 0;
	color: var(--cream);
	transform: translateX(100px);
	transition: all .7s ease;
}

.categoryies .second .table .list a:hover .card .link,
.categoryies .second .table .list a:focus .card .link {
	opacity: 1;
	transform: translateX(-20px);
}

.categoryies .second .table .list a .card .link img {
	margin-left: 20px;
	width: 17px;
}

.categoryies .second .table .list .pages {
	margin: 0 auto;
	width: 300px;
	position: relative;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 40px;
}

.categoryies .second .table .list .pages span {
	border: 2px solid #707070;
	color: #707070;
	font-weight: 500;
	font-family: Gotham Pro;
	border-radius: 50%;
	padding: 9px 0px;
	display: inline-block;
	width: 32px;
	font-size: 14px;
	margin-right: 5px;
	margin-left: 5px;
	transition: all .5s ease;
	cursor: pointer;
}

.categoryies .second .table .list .pages span:hover {
	opacity: .8;
	background: var(--cream);
	border: 2px solid var(--cream);
	color: #000;
}

.categoryies .second .table .list .pages span.active {
	background: var(--cream);
	border: 2px solid var(--cream);
	color: #000;
}

.categoryies .second .table .list .pages .prev,
.categoryies .second .table .list .pages .next {
	position: absolute;
	cursor: pointer;
	left: 40px;
	top: 0px;
	display: inline-block;
}

.categoryies .second .table .list .pages .next {
	transform: rotate(180deg);
	padding-bottom: 32px;
	left: unset;
	right: 40px;
	top: -35px;
}

.categoryies .second .table .list .pages .prev {
	display: inline-block;
	margin-right: 20px;
	padding-top: 1px;
}

.categoryies .second .table .list .pages .prev img,
.categoryies .second .table .list .pages .next img {
	width: 7px;
	padding: 10px;
}

.person_card .first {
	position: relative;
	width: 100vw;
	height: 100vh;
	min-height: 900px;
	overflow: hidden;
	background: #fff url(/assets/img/person_card_bg.png) no-repeat bottom center;
	background-size: cover;
}

.person_card .first .image_list {
	display: none;
}

.person_card .top .logo {
	position: absolute;
	z-index: 2;
	top: 100px;
	display: inline-block;
}

.person_card .first .order_button {
	position: absolute;
	right: 290px;
	top: 85px;
	padding: 15px 50px;
	border: 2px solid var(--cream);
	border-radius: 50px;
	transition: all .5s ease;
	cursor: pointer;
}

.person_card .first .order_button:hover {
	box-shadow: 0 0 10px var(--cream);
}

.person_card .first .order_button button {
	border: none;
	background: none;
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: 500;
	color: var(--cream);
	cursor: pointer;
}

.person_card .bg_photo {
	width: 50vw;
	position: absolute;
	left: -25vw;
	top: -87vh;
	overflow: hidden;
	transform: rotate(45deg);
	/* background: #000; */
	height: 217vh;
}

.person_card .bg_photo:after {
	content: '';
	display: block;
	background: rgba(26, 19, 15, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.person_card .bg_photo img {
	position: absolute;
	overflow: hidden;
	left: -65vh;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	height: 100%;
	transform: rotate(-45deg);
}

.person_card .avatar {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40vw;
	margin: 0 auto;
	text-align: center;
}

.person_card .avatar img {
	max-height: 50vh;
	max-width: 40vw;
	border-radius: 10px;
}

.person_card .avatar img.wide {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.person_card .avatar .open_gallery {
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 80px;
	background: var(--cream);
	border-radius: 50px;
	transition: all .5s ease;
	cursor: pointer;
}

.person_card .avatar .open_gallery:hover {
	box-shadow: 0 0 10px var(--cream);
}

.person_card .avatar .open_gallery button {
	border: none;
	background: none;
	font-family: Gotham Pro;
	font-size: 16px;
	font-weight: normal;
	color: var(--brown);
}

.person_card .open_gallery_mobile {
	position: absolute;
	top: 130px;
	z-index: 1;
	right: 0px;
	padding: 15px 80px;
	background: var(--cream);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	transition: all .5s ease;
	cursor: pointer;
	display: none;
}

.person_card .open_gallery_mobile:hover {
	box-shadow: 0 0 10px var(--cream);
}

.person_card .open_gallery_mobile button {
	border: none;
	background: none;
	font-family: Gotham Pro;
	font-size: 16px;
	font-weight: normal;
	color: var(--brown);
}


.person_card .categ {
	position: absolute;
	right: 200px;
	top: 200px;
	font-family: Gotham Pro;
	font-size: 22px;
	font-weight: 500;
	color: #cfcfcf;
}

.person_card .person_info {
	position: absolute;
	right: 200px;
	width: 40vw;
	top: 50%;
	transform: translateY(-40%);
}

.person_card .person_info .slider_mobile {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.person_card .person_info .slider_mobile .girl_last_name {
	position: absolute;
	left: -25px;
	top: -40px;
	font-size: 14px;
}


.person_card .person_info .slider_mobile .prev_arrow,
.person_card .person_info .slider_mobile .next_arrow {
	width: 15px;
	padding: 25px;
	display: none;
}

.person_card .person_info .slider_mobile a.disable .prev_arrow,
.person_card .person_info .slider_mobile a.disable .next_arrow {
	opacity: .4;
	cursor: default;
}

.person_card .person_info .slider_mobile .next_arrow {
	transform: rotate(180deg);
}

.person_card .person_info h1 {
	width: 100%;
	margin-left: -50px;
	font-family: Garamond;
	font-size: 32px;
	font-weight: bold;
	color: var(--black);
	margin-top: -10px;
	text-align: left;
}

.person_card .person_info .person_text {
	height: 400px;
	overflow: scroll;
	margin-top: 50px;
	padding-right: 50px;
}

.person_card .person_info .person_text p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: left;
	color: #656565;
}

.person_card .person_info .person_text .after_card {
	margin-top: 50px;
	position: relative;
}

.person_card .person_info .person_text .after_card .documents {
	width: 60%;
	display: inline-block;
	margin-right: 9%;
}

.person_card .person_info .person_text .after_card .documents a {
	display: inline-block;
	margin-bottom: 10px;
	text-decoration: none;
	color: #000;
}

.person_card .person_info .person_text .after_card .documents a .doc {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}

.person_card .person_info .person_text .after_card .documents a:last-child .doc {
	margin-bottom: 0;
}

.person_card .person_info .person_text .after_card .documents a .doc:after {
	content: '';
	display: block;
	margin-top: 10px;
	width: 0%;
	height: 1px;
	background: #000;
	transition: width .5s ease;
}

.person_card .person_info .person_text .after_card .documents a:hover .doc:after,
.person_card .person_info .person_text .after_card .documents a:focus .doc:after {
	width: 100%;
}

.person_card .person_info .person_text .after_card .documents a .doc img {
	width: 20px;
	margin-right: 10px;
	display: inline-block;
	position: absolute;
}

.person_card .person_info .person_text .after_card .documents a .doc .title:first-letter {
	text-transform: uppercase;
}

.person_card .person_info .person_text .after_card .documents a .doc .title {
	display: inline-block;
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	color: #848484;
	margin-left: 40px;
	text-transform: lowercase;
	line-height: 24px;
}

.person_card .person_info .person_text .after_card .documents a .doc .title span {
	font-family: Gotham Pro;
	font-size: 12px;
	color: #a29e9e;
	margin-left: 10px;
}

.person_card .person_info .person_text .after_card .share {
	width: 30%;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}

.person_card .person_info .person_text .after_card .share.left {
	right: unset;
	left: 0;
}

.person_card .person_info .person_text .after_card .share h4 {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	color: #848484;
}

.person_card .first .slider {
	top: 90vh;
	width: 80vw;
	margin: 0 auto;
	position: relative;
}

.person_card .first .slider .prev_arrow {
	position: absolute;
	transform: rotate(180deg);
	display: inline-block;
	left: -125px;
	top: -30px;
}

.person_card .first .slider .prev_arrow img,
.person_card .first .slider .next_arrow img {
	width: 15px;
	padding: 20px 25px;
	border-radius: 50px;
	transition: background .5s ease;
}

.person_card .first .slider a:hover .prev_arrow img,
.person_card .first .slider a:hover .next_arrow img {
	background: rgba(36, 26, 19, 0.1);
}

.person_card .first .slider a.disable:hover .prev_arrow img,
.person_card .first .slider a.disable:hover .next_arrow img {
	background: none;
}

.person_card .first .slider a.disable .prev_arrow img,
.person_card .first .slider a.disable .next_arrow img {
	cursor: default;
	opacity: .4;
}

.person_card .first .slider .next_arrow {
	position: absolute;
	display: inline-block;
	right: -125px;
	top: -30px;
}

.person_card .first .slider .content {
	display: block;
	position: relative;
}

.person_card .first .slider .content .line {
	width: 25%;
	margin-right: 12%;
	height: 3px;
	background: var(--black);
	border-radius: 5px;
	display: inline-block;
}

.person_card .first .slider .content .line.disable {
	opacity: .5;
}

.person_card .first .slider .content .line.disable h5 {
	opacity: 0;
}

.person_card .first .slider .content .line:last-child {
	margin-right: 0;
}

.person_card .first .slider .content .line h5 {
	font-family: Gotham Pro;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	width: 130%;
	margin-left: -15%;
	text-align: center;
	color: var(--black);
	opacity: .5
}

.person_card .first .slider .content .line.current h5 {
	opacity: 1;
}

.person_card .first .slider .content .line.prev {
	background: rgba(0, 0, 0, 0);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}


.person_card .first .slider .content .line.next {
	background: rgba(0, 0, 0, 1);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.gallery_dark {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 999999999;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 1s ease;
}

.gallery_dark:after {
	position: absolute;
	content: '';
	display: block;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000;
}

.gallery_dark img {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	transform: scale(1.3);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	transition: all 1s ease;
}

.gallery_dark img.hide {
	opacity: 0 !important;
}

.gallery {
	position: fixed;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 999999999;
	opacity: 0;
	pointer-events: none;
	transition: all 1s ease;
}

.gallery_dark.show,
.gallery.show {
	pointer-events: all;
	opacity: 1;

}

.gallery .current_image {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all .5s ease;
	transform: translate(-50%, -60%);
}

.gallery .current_image img {
	max-width: 35vw;
	max-height: 35vh;
	transform: scale(2);
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	opacity: 1;
	transition: opacity 1s ease;
}

.gallery .current_image img.hide {
	opacity: 0 !important;
}

.gallery .overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: block;
}

.gallery .overlay .description {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	width: 60%;
	margin: 0 auto;
	padding-top: 30px;
	transition: all .5s ease;
}

.gallery .overlay .description.hide {
	opacity: 0 !important;
	padding-top: 32px;
	margin-top: -52px;
}

.gallery .mobile_desc {
	display: none;
	padding: 40px;
	position: absolute;
	z-index: 2;
	top: 0;
	width: calc(100vw - 80px);
	height: calc(100vh - 80px);
	overflow: hidden;
	background: rgba(0, 0, 0, 0.9);
	top: calc(100vh - 64px);
	transition: all 1.5s ease;
}

.gallery .mobile_desc.show {
	transform: translateY(calc(-100vh + 65px));
}

.gallery .mobile_desc.hide {
	transform: translateY(64px);
}


.gallery .mobile_desc h4 {
	color: var(--white);
	line-height: 24px;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
	background: #080808;
	padding: 20px;
	margin-top: -40px;
	width: calc(100vw - 40px);
	margin-left: -40px;
}

.gallery .mobile_desc h4 img {
	width: 14px;
	padding: 0px 10px;
	transition: all .5s ease;
}

.gallery .mobile_desc h4 img.show {
	transform: rotate(180deg);
}

.gallery .mobile_desc .text {
	color: var(--white);
	line-height: 24px;
	font-size: 14px;
	padding-right: 40px;
	width: calc(100% - 40px);
	height: calc(100vh - 160px);
	overflow: scroll;
}

.gallery .mobile_desc .text .simplebar-vertical {
	background: #505050;
	width: 4px !important;
}

.gallery .mobile_desc .text .simplebar-vertical .simplebar-scrollbar:before {
	background: var(--white);
	width: 4px !important;
}

.gallery .overlay .description.text {
	margin-bottom: 30px;
}

.gallery .overlay .indicator {
	width: 80%;
	margin: 0 auto;
	border-radius: 50px;
	height: 5px;
	background: var(--white);
	display: block;
	margin-bottom: 30px;
}

.gallery .overlay .indicator .current {
	width: 5%;
	background: var(--cream);
	height: 5px;
	position: absolute;
	border-radius: 50px;
	transition: all .5s ease;
}

.gallery .arrows {
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
}

.gallery .arrows .prev,
.gallery .arrows .next {
	display: inline-block;
	position: absolute;
	left: 10px;
	padding: 20px;
	opacity: .5;
	transition: all .5s ease;
	cursor: pointer;
}

.gallery .arrows .prev:hover,
.gallery .arrows .next:hover {
	opacity: 1;
}

.gallery .arrows .next {
	transform: rotate(180deg);
	left: unset;
	left: calc(100vw - 70px);
}

.gallery .arrows .prev img,
.gallery .arrows .next img {
	width: 15px;
}

.gallery .logo {
	left: 100px;
	position: absolute;
	top: 50px;
}

.gallery .logo img {
	width: 300px;
}

.gallery .close {
	position: absolute;
	right: 80px;
	top: 25px;
	padding: 20px;
	cursor: pointer;
	opacity: .5;
	transition: all .5s ease;
}

.gallery .close:hover {
	opacity: 1;
}

.gallery .close img {
	width: 20px;
}

.order_page .first .menu {
	position: absolute;
}

.order_page .first {
	width: 100vw;
	height: 100vh;
	min-height: 900px;
	background: url(/assets/img/order_bg.png) no-repeat bottom center;
	background-size: cover;
}

.order_page .content {
	position: absolute;
	top: 50%;
	transform: translateY(-40%);
	width: 60vw;
	left: 20vw;
}

.order_page .content h1 {
	font-family: Garamond;
	font-size: 56px;
	font-weight: bold;
	text-align: center;
	color: var(--black);
	margin-left: -100px;
	margin-bottom: 50px;
}

.order_page .content p {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	text-align: left;
	color: #707070;
	width: 50%;
	min-width: 600px;
	margin: 0 auto;
}

.order_page .first .content .scroll {
	position: relative;
	text-align: center;
	margin-top: 100px;
	-webkit-animation: up_down 3s ease infinite;
	animation: up_down 3s ease infinite;
}

.order_page .first .content .scroll img:first-child {
	width: 15px;
}

.order_page .first .content .scroll img:last-child {
	width: 14px;
	margin-left: -4px;
	margin-top: 10px;
}

.order_page .second .order_container {
	width: calc(80vw - 200px);
	background: #fff;
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: 0 0 40px rgba(0, 0, 0, .2);
	margin-bottom: 100px;
	padding: 100px;
	position: relative;
}


.order_page .second .order_container h2 {
	font-family: Garamond;
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	color: var(--black);
	margin-bottom: 50px;
}

.order_page .second .order_container form.info {
	width: 60%;
	margin-right: calc(10% - 1px);
	display: inline-block;
}

.order_page .second .order_container form.info h4 {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: normal;
	margin-left: 20px;
	text-align: left;
	color: #606060;
	margin-bottom: 20px;
}

.order_page .second .order_container form.info .select {
	width: calc(100% - 70px);
}

.order_page .second .order_container form.info .select .custom-select {
	position: relative;
}

.order_page .second .order_container form.info .select .custom-select select {
	display: none;
}

.order_page .second .order_container form.info .select .select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: -20px;
	width: 0;
	height: 0;
	background: url(/assets/img/select_arrow.svg) no-repeat center center;
	background-size: 15px;
	border: 10px solid transparent;
	transition: all .5s ease;
}

.order_page .second .order_container form.info .select .select-selected.default {
	color: #ccc;
	font-weight: 400;
}

.order_page .second .order_container form.info .select .select-selected.select-arrow-active:after {
	transform: rotate(180deg);
}

.order_page .second .order_container form.info .select .select-selected {
	color: #000;
	font-weight: 500;
	padding: 15px 20px;
	width: 100%;
	cursor: pointer;
	border-bottom: 2px solid var(--light-gray);
	font-size: 14px;
	font-family: Gotham Pro;
	font-family: 500;
	transition: border .5s ease;
}

.order_page .second .order_container form.info .select .select-selected.error {
	border-bottom: 2px solid var(--red);
}

.order_page .second .order_container form.info .select .select-selected.correct {
	border-bottom: 2px solid var(--green);
}

.order_page .second .order_container form.info .select .select-selected.disable {
	color: var(--light-gray);
}

.order_page .second .order_container form.info .select .select-items {
	margin-top: 10px;
	background: #fff;
	color: #000;
	width: calc(100% + 40px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
	border-radius: 5px;
	font-size: 14px;
	font-family: Gotham Pro;
	font-family: 500;
}

.order_page .second .order_container form.info .select .select-items div {
	padding: 15px 20px;
	width: calc(100% - 40px);
	font-size: 14px;
	cursor: pointer !important;
	font-family: Gotham Pro;
	font-weight: 500;
}

.order_page .second .order_container form.info .select .select-items {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	opacity: 1;
	pointer-events: all;
	transform: translateY(0px);
	transition: all .5s ease;
}

.order_page .second .order_container form.info .select .select-hide {
	opacity: 0;
	pointer-events: none;
	transform: translateY(50px);
}

.order_page .second .order_container form.info .select .select-items div,
.order_page .second .order_container form.info .select .same-as-selected {
	transition: all .5s ease;
}

.order_page .second .order_container form.info .select .select-items div:hover,
.order_page .second .order_container form.info .select .same-as-selected {
	background-color: #D6B68B;
	color: #fff;
}

.order_page .second .order_container form.info .select .select-items div:first-child:hover,
.order_page .second .order_container form.info .select .select-items div:first-child.same-as-selected {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.order_page .second .order_container form.info .select .select-items div:last-child:hover,
.order_page .second .order_container form.info .select .select-items div:last-child.same-as-selected {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.order_page .second .order_container form.info .select .same-as-selected {
	position: relative;
}

.order_page .second .order_container form.info .select .same-as-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 20px;
	width: 0;
	height: 0;
	background: url(/assets/img/check.svg) no-repeat center center;
	background-size: 15px;
	border: 10px solid transparent;
}

.order_page .second .order_container form.info input {
	font-family: Gotham Pro;
	width: 100%;
	padding: 10px 20px;
	margin-top: 30px;
	border: none;
	border-bottom: 2px solid var(--light-gray);
	transition: all .5s ease;
}

.order_page .second .order_container form.info input.error {
	border-bottom: 2px solid var(--red) !important;
}

.order_page .second .order_container form.info input.correct {
	border-bottom: 2px solid var(--green) !important;
}

.order_page .second .order_container form.info .input {
	position: relative;
	font-size: 11px;
	font-weight: 400;
	margin-right: 66px;
	color: #606060;
	width: calc(50% - 70px);
	display: inline-block;
}

.order_page .second .order_container form.info .input label {
	position: absolute;
	left: 20px;
	width: 100%;
	top: 40px;
	transition: all .5s ease;
}

.order_page .second .order_container form.info .input label.focus {
	transform: translateY(-25px);
}

.order_page .second .order_container form.info .input .required,
.order_page .second .order_container form.info .select .required {
	position: absolute;
	top: 30px;
	font-size: 16px;
	left: 5px;
	color: var(--red);
}

.order_page .second .order_container form.info .select .required {
	top: -10px;
}

.order_page .second .order_container form.info .input .error_label:before,
.order_page .second .order_container form.info .textarea .error_label:before,
.order_page .second .order_container form.info .policy .error_label:before,
.order_page .second .order_container form.info .select .error_label:before {
	content: '';
	position: absolute;
	display: block;
	width: 100px;
	height: 40px;
	left: -65px;
	top: 0px;
	background: url(/assets/img/triangle.svg) no-repeat center center;
	background-size: 50px;
}

.order_page .second .order_container form.info .textarea,
.order_page .second .order_container form.info .policy,
.order_page .second .order_container form.info .select {
	position: relative;
}

.order_page .second .order_container form.info .input .error_label,
.order_page .second .order_container form.info .textarea .error_label,
.order_page .second .order_container form.info .policy .error_label,
.order_page .second .order_container form.info .select .error_label {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	background: #fff;
	font-family: Gotham Pro;
	font-size: 10px;
	color: var(--red);
	padding: 15px 20px;
	z-index: 10;
	left: calc(100% + 50px);
	white-space: pre;
	top: 10px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 5px;
	transition: all .5s ease;
	transform: translateX(50px);
}

.order_page .second .order_container form.info .input .error_label.show,
.order_page .second .order_container form.info .textarea .error_label.show,
.order_page .second .order_container form.info .policy .error_label.show,
.order_page .second .order_container form.info .select .error_label.show {
	opacity: 1;
	pointer-events: all;
	transform: translateX(0px);
}

.order_page .second .order_container form.info .textarea .error_label {
	left: calc(100% + 10px);
	top: 50px;
}

.order_page .second .order_container form.info .policy .error_label {
	left: calc(100% + 10px);
	top: 60px;
}

.order_page .second .order_container form.info .select .error_label {
	left: calc(100% + 50px);
	top: 30px;
}

.order_page .second .order_container form.info input:focus {
	border-bottom: 2px solid var(--cream);
}

.order_page .second .order_container form.info input:nth-child(2n) {
	margin-right: 0px;
}

.order_page .second .order_container form.info .textarea h4 {
	margin-top: 30px;
	margin-left: 5px;
	font-size: 12px;
}

.order_page .second .order_container form.info .choose_photo,
.order_page .second .order_container form.info .choose_photo input {
	display: none;
}

.order_page .second .order_container form.info .choose_photo h4 {
	margin-top: 30px;
	margin-left: 5px;
	font-size: 12px;
}

.order_page .second .order_container form.info .choose_photo label {
	width: 300px;
	border: 2px solid var(--cream);
	padding: 10px 20px;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
}

.order_page .second .order_container form.info .choose_photo p {
	font-size: 12px;
	color: #cccccc;
	margin-left: 20px;
}

.order_page .second .order_container form.info .textarea span {
	color: var(--red);
	margin-right: 10px;
	font-size: 18px;
}

.order_page .second .order_container form.info .textarea textarea {
	width: calc(100% - 59px);
	border: 2px solid var(--light-gray);
	border-radius: 5px;
	padding: 10px 20px;
	resize: none;
	height: 200px;
	font-family: Gotham Pro;
	font-size: 14px;
	line-height: 34px;
	margin-bottom: 30px;
	color: var(--black);
	transition: all .5s ease;
}

.order_page .second .order_container form.info .textarea textarea:focus {
	border: 2px solid var(--cream);
}

.order_page .second .order_container form.info .textarea textarea.error {
	border: 2px solid var(--red) !important;
}

.order_page .second .order_container form.info .textarea textarea.correct {
	border: 2px solid var(--green) !important;
}

.order_page .second .order_container form.info .policy {
	width: 100%;
}

.order_page .second .order_container form.info .policy label {
	font-size: 12px;
	cursor: pointer;
}

.order_page .second .order_container form.info .policy input[type="checkbox"] {
	display: none;
}

.order_page .second .order_container form.info .policy input[type="checkbox"] + label span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 5px 10px 0 0;
	vertical-align: middle;
	background: url(/assets/img/check_pattern.svg) 0 top no-repeat;
	background-size: 35px;
	cursor: pointer;
	margin-bottom: 5px;
}

.order_page .second .order_container form.info .policy input[type="checkbox"]:checked + label span {
	background: url(/assets/img/check_pattern.svg) -20px top no-repeat;
	background-size: 35px;
}


.order_page .second .order_container form.info .policy input {
	width: 20px;
}

.order_page .second .order_container form.info .policy p {
	font-size: 12px;
	margin-top: 20px;
	color: var(--light-gray);
	line-height: 22px;
}

.order_page .second .order_container form.info .policy p span {
	cursor: pointer;
}

.order_page .second .order_container form.info button {
	border: none;
	background: var(--cream);
	color: var(--brown);
	padding: 15px 50px;
	border-radius: 50px;
	margin-top: 20px;
	line-height: 24px;
	font-size: 14px;
	font-family: Gotham Pro;
	cursor: pointer;
	transition: all .5s ease;
}

.order_page .second .order_container form.info button.prev_def {
	pointer-events: none;
}

.order_page .second .order_container form.info button:hover {
	box-shadow: 0 0 10px var(--cream);
}

.order_page .second .order_container form.info .req {
	margin-top: 40px;
	font-family: Gotham Pro;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: var(--black);
}

.order_page .second .order_container form.info .req span {
	color: var(--red);
}

.order_page .second .order_container form.drop_zone {
	position: absolute;
	top: 200px;
	right: 100px;
	width: 30%;
	display: inline-block;
}

.order_page .second .order_container form.drop_zone input {
	display: none;

}

.order_page .second .order_container form.drop_zone #dropZone {
	width: calc(100% - 40px);
	display: block;
	border: 2px dashed #707070;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	font-family: Gotham Pro;
	font-size: 14px;
	pointer-events: ;
	line-height: 24px;
	color: var(--black);
	transition: border .5s ease;
}

.order_page .second .order_container form.drop_zone #dropZone.file_hover {
	border: 2px dashed var(--cream);
}

.order_page .second .order_container form.drop_zone #dropZone.error_drop {
	border: 2px dashed var(--red);
}

.order_page .second .order_container form.drop_zone #dropZone img {
	margin-bottom: 20px;
	margin-top: 30px;
}

.order_page .second .order_container form.drop_zone #dropZone p {
	transition: color .5s ease;
	margin-bottom: 30px;
}

.order_page .second .order_container form.drop_zone .or {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.order_page .second .order_container form.drop_zone .button {
	display: block;
	width: 200px;
	margin: 0 auto;
	border: none;
	background: var(--cream);
	color: var(--brown);
	padding: 15px 50px;
	text-align: center;
	border-radius: 50px;
	margin-top: 20px;
	font-size: 14px;
	font-family: Gotham Pro;
	cursor: pointer;
	transition: all .5s ease;
}

.order_page .second .order_container form.drop_zone .button:hover {
	box-shadow: 0 0 10px var(--cream);
}

.order_page .second .order_container .uploaded_photos {
	background: #fff;
	position: fixed;
	right: 50px;
	bottom: 0;
	width: 500px;
	opacity: 1;
	pointer-events: all;
	height: 200px;
	box-shadow: 0 0 50px rgba(0, 0, 0, .2);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: all .5s ease;
}

.order_page .second .order_container .uploaded_photos.disable {
	opacity: 0;
	pointer-events: none;
}

.order_page .second .order_container .uploaded_photos.hided {
	transform: translateY(150px);
}

.order_page .second .order_container .uploaded_photos .header {
	background: var(--cream);
	width: 420px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 20px 40px;
}

.order_page .second .order_container .uploaded_photos .header h4 {
	font-family: Gotham Pro;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: #ffffff;
	display: inline-block;
}

.order_page .second .order_container .uploaded_photos .header .hide {
	float: right;
	padding: 10px;
	margin-top: -10px;
	opacity: .7;
	cursor: pointer;
	transition: all .5s ease;
}

.order_page .second .order_container .uploaded_photos .header .hide:hover {
	opacity: 1;
}

.order_page .second .order_container .uploaded_photos.hided .header .hide {
	transform: rotate(180deg);
}

.order_page .second .order_container .uploaded_photos .container {
	width: calc(100% - 100px);
	float: left;
	padding-right: 40px;
	height: 103px;
	overflow: scroll;
	padding: 20px 40px;
	opacity: 0;
	transition: all .5s ease;
}

.order_page .second .order_container .uploaded_photos .container.show {
	opacity: 1;
}

.order_page .second .order_container .uploaded_photos .loading {
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 2;
	text-align: center;
	font-family: Gotham Pro;
	transition: all .5s ease;
}

.order_page .second .order_container .uploaded_photos .loading.hide {
	opacity: 0;
	pointer-events: none;
}


.order_page .second .order_container .uploaded_photos .loading img {
	margin-top: 30px;
	margin-bottom: 15px;
	transform-origin: 21px 20px;
	width: 40px;
	-webkit-animation: loading 1.5s ease infinite;
	animation: loading 1.5s ease infinite;
}

.order_page .second .order_container .uploaded_photos .container .photo {
	width: 100%;
	margin-bottom: 20px;
}

.order_page .second .order_container .uploaded_photos .container .photo:last-child {
	margin-bottom: 0;
}

.order_page .second .order_container .uploaded_photos .container .photo h4 {
	font-family: Gotham Pro;
	width: 250px;
	overflow: hidden;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: var(--black);
	display: inline-block;
}

.order_page .second .order_container .uploaded_photos .container .photo p {
	font-family: Gotham Pro;
	width: 100px;
	overflow: hidden;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: var(--light-gray);
	display: inline-block;
	margin-right: 20px;
}

.order_page .second .order_container .uploaded_photos .container .photo .status {
	width: 18px;
	display: inline-block;
}

.order_page .second .order_container .uploaded_photos .container .photo .status img {
	width: 18px;
}


@-webkit-keyframes loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}

.ty {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: url(/assets/img/order_bg.png) no-repeat center center;
	background-size: cover;
}

.ty .content {
	width: 80vw;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ty .content h1 {
	font-family: Garamond;
	font-size: 38px;
	font-weight: bold;
	color: var(--black);
	margin-bottom: 50px;
}

.ty .content p {
	font-family: Gotham Pro;
	font-size: 18px;
	font-weight: normal;
	line-height: 38px;
	color: #707070;
}

.ty .content p b {
	color: var(--cream);
}

.ty .content p a {
	color: var(--black);
	text-decoration: none;
	border-bottom: 1px solid var(--black);
	padding-bottom: 5px;
}

.ty .content button {
	margin-top: 50px;
	cursor: pointer;
	padding: 15px 70px;
	border-radius: 50px;
	background: transparent;
	border: 2px solid var(--cream);
	font-size: 16px;
	color: var(--cream);
	font-weight: 500;
	font-family: Gotham Pro;
	transition: all .5s ease;
	margin-bottom: 50px;
}

.ty .content button:hover {
	cursor: pointer;
	background: var(--cream);
	border: 2px solid transparent;
	color: var(--brown);
}

.simplebar-vertical {
	border-radius: 10px;
	background: #DFDFDF;
	width: 6px !important;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	left: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background: #504338;
	opacity: 1;
}

.privacy {
	position: fixed;
	width: 100vw;
	height: 100vh;
	overflow: scroll;
	z-index: 999999999;
	background: #ECEAE7;
	font-family: Gotham Pro;
	opacity: 0;
	pointer-events: none;
	transition: all 1s ease;
}

.privacy.show {
	opacity: 1;
	pointer-events: all;
}

.privacy .contain {
	position: relative;
	width: calc(90vw - 100px);
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, .05);
	border-radius: 20px;
	padding: 50px;
	margin-top: 100px;
	margin-bottom: 100px;
	transform: translateY(100%);
	transition: all 1.5s ease;
}

.privacy .contain.show {
	transform: translateY(0);
}

.privacy .contain h2 {
	font-weight: 100;
	font-size: 24px;
	margin-top: 20px;
	text-align: left;
}

.privacy .contain .close_privacy {
	position: absolute;
	right: 45px;
	cursor: pointer;
	top: 65px;
}

.privacy .contain .close_privacy img {
	width: 20px;
	padding: 10px;
}

.privacy .contain h3 {
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
}

.privacy .contain p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #505050;
}

.privacy .contain a {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--cream);
}

.privacy .contain ul {
	list-style: decimal;
	padding-left: 10px;
}

.privacy .contain ul li {
	font-size: 12px;
	line-height: 24px;
	color: #505050;
}

.order_page .second .order_container form.info .policy p a {
	text-decoration: none;
	color: var(--cream);
	padding-bottom: 2px;
	border-bottom: 1px solid var(--cream);
}