/**/
html, body{
	padding: 0;
	margin: 0;
	min-height: 100vh;
	max-width: 100vw;
	background: #000;
	box-sizing: border-box;
}
*{
	box-sizing: border-box;
}

.nopk{display:none}
.hide{display: none}

.nowrap{

}
.wrap{
	width: 1840px;
	max-width: 1840px;
	margin:auto;
}
.wrap2{
	width: 1574px;
	max-width: 1574px;
	margin:auto;
}

:root {
	--blakc: #333;
	--white: #fff;
	--service-colors-green: #60c339;
	--service-colors-violet: #893ca9;
	--service-colors-color: #ffd83a;
	--gray-100: #f8f8f8;
	--gray-200: #e5e5e5;
	--gray-400: #8b8b8b;
	--service-colors-green-dark: #3fa517;
	--blue: #0075ff;
	--transparent-500: rgba(51, 51, 51, 0.5);
	--service-colors-red-accent: #ff1a2e;
	--transparent-700: rgba(51, 51, 51, 0.7);
	--transparent-900: rgba(51, 51, 51, 0.9);
	--transparent-300: rgba(51, 51, 51, 0.3);
	--transparent-200: rgba(51, 51, 51, 0.2);
	--transparent-100: rgba(51, 51, 51, 0.1);
	--transparent-50: rgba(51, 51, 51, 0.05);
	--color: #ff00c8;
	--sliderPad: 420px;
}
:root {
	--font-family: "Montserrat", sans-serif;
	--second-family: "Ruberoid", sans-serif;
	--third-family: "Inter", sans-serif;
	--font3: "Single Day", sans-serif;
	--font4: "SF Pro Text", sans-serif;
}



header {
	border-radius: 6px;
	padding: 0 16px;
	width: 1724px;
	height: 72px;
	backdrop-filter: blur(92px);
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: space-between;
	position: fixed;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	align-items: center;
	z-index:5;
}
header .logo{
	width: 308px;
	height: 56px;
	min-width: 308px;
	background: url(img/logo.svg) no-repeat center;
}
header .menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
header .menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
header .menu a{
	position: relative;
	display: block;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--white);
	padding: 0 20px;
	margin:auto 16px;
	text-align: center;
	line-height: 72px;
	transition: all ease 0.3s;
}
header .menu a:before{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity:0;
	z-index:-1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all ease 0.5s;
}
header .menu a:hover:before{
	opacity: 0.9;
	transition: all ease 0.5s;
}
.hov_1:before{
	background-image: url(img/menh1.svg);
}
.hov_2:before{
	background-image: url(img/menh2.svg);
}
.hov_3:before{
	background-image: url(img/menh3.svg);
}
.hov_4:before{
	background-image: url(img/menh4.svg);
}
.hov_5:before{
	background-image: url(img/menh5.svg);
}
header .topBtn {
	background: rgba(255, 0, 170, 0.2) url(img/topbtn.svg) no-repeat center;
	cursor: pointer;
	width: 270px;
	height: 59px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--white);
	text-align: center;
	line-height: 59px;
	background-size: cover;
}
.buyBtnExt{
	position: relative;
	overflow: hidden;
	--anime: 0.5s;
}
.buyBtnExt video {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity:1;
	transition: opacity linear var(--anime);
}
.buyBtnExt .bgLayer{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: var(--color);
	opacity:0;
	z-index:2;
	transition: opacity ease var(--anime);
}
.buyBtnExt:hover .bgLayer{
	opacity:1;

	transition: opacity ease var(--anime);
}
.buyBtnExt span {
	position: relative;
	z-index: 3;
}
.buyBtnExt:hover video{
	opacity:0;
	transition: opacity linear var(--anime);
}

.btn{
	border-radius: 8px;
	transition: all ease var(--anime);
}
.btn:hover{
	box-shadow: 0 0 12px var(--color);
	transition: all ease var(--anime);
}

.text1{
	font-family: var(--second-family);
	font-weight: 200;
	font-size: 112px;
	line-height: 84%;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	color: var(--white);
}
.text2{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: var(--white);
}
.text3{
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 0.02em;
	color: var(--white);
}


.blk1{
	background: url(img/blk1.png) no-repeat center top;
	margin-bottom: 200px;
}
.blk1 > .wrap{
	height: 982px;
	position: relative;
}
.blk1 .text1{
	position: absolute;
	bottom: 236px;
	left: 40px;
}
.blk1 .text2{
	position: absolute;
	bottom: 134px;
	left: 50%;
	transform: translateX(-50%);
}


.blk2{
	margin-bottom: 200px;
}
.blk2>.wrap{
	text-align: center;
	position: relative;
}
.blk2 .img{
	margin-bottom: 56px;
	height: 715px;
	background: url(img/blk2img.png) no-repeat center ;
}
.blk2 .text1{
	width: 100%;
	text-align: left;
	margin-left: 3%;
	margin-bottom: 40px;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
}
.blk2 .forText3{
	text-align: center;
}
.blk2 .text3{
	width: 961px;
	margin:auto;
	text-align: left;
	padding-left: 225px;
}

.blkline{
	margin-bottom: 200px;
}
.blkline .img{
	height: 212px;
	background: url(img/blkline.png) no-repeat center;
}

.bsline {
	height: 626px;
	background: url(img/bs_bg.svg) repeat-x center;
	padding-top: 250px;
	margin-top: -180px;
	margin-bottom: -120px;
	overflow: hidden;
}
.pre_bs_line {
	background: #fff;
	padding: 8px 0;
	height: 85px;
	padding-top: 14px;
	transform: rotate(-3deg);
}
.pre_bs_line:after{
	content:"";
	clear:both
}
.bs_line_item{
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 64px;
	line-height: 90%;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	color: #000;
	white-space: nowrap;
	background: #fff;
}

.blk3{
	padding-top: 85px;
	margin-bottom: 200px;
}
.blk3 .text1{
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 90px;
}
.numsList{
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
	align-items: center;
}
.numsList .numItem{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 12px -10px;
	width: calc(33.3% - 24px);
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 24px;
	line-height: 117%;
	letter-spacing: -0.03em;
	color: var(--white);
	text-align: left;
	transition: all ease 0.3s;
}
.numsList .numItem::before {
	content: "";
	display: block;
	width: 200px;
	height: 240px;
	margin-right: -14px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease 0.3s;
}
.numsList .numItem div{
	width: 240px;
	padding-top: 38px;
	transition: all ease 0.3s;
}
.numsList .n1:before{background-image: url(img/num1.png)}
.numsList .n2:before{background-image: url(img/num2.png)}
.numsList .n3:before{background-image: url(img/num3.png)}
.numsList .n4:before{background-image: url(img/num4.png)}
.numsList .n5:before{background-image: url(img/num5.png)}

.blk4{
	margin-bottom: 180px;
}
.blk4 .wrap{
	background: url(img/blk4.png) no-repeat center;
	height: 1100px;
}
.blk4 .text1{
	padding-top: 180px;
	margin:auto 0 auto auto;
	width: 40%;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
}

.blk14{
	margin-bottom: 180px;
}
.blk14 .wrap{
	background: url(img/blk4_2.png) no-repeat center;
	height: 954px;
}
.blk14 .text1{
	padding-top: 640px;
	margin: auto 0 auto auto;
	width: 39%;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
}

.blk5{}

.blk15{}

.blk6{}
.blk6 .wrap{
	background: url(img/bg6.svg) no-repeat center top;
}
.blk6 .img{
	margin: auto;
	background: url(img/blk6img.png) no-repeat center;
	height: 969px;
}
.blk6 .numText1{
	margin-top: -120px;
	margin-bottom: 60px;
}

.blk16{}
.gallery_one2{
	background: url(img/one2bg.png) no-repeat center;
	background-size: contain;
}
.blk16 .numText1{
	margin-bottom: 60px;
}
.blk17{}
.gallery_one3{
	background: url(img/one3bg.png) no-repeat center;
	background-size: contain;
}
.blk17 .numText1{
	margin-bottom: 60px;
}
.blk18{}
.gallery_one4{
	background: url(img/one4bg.png) no-repeat center;
	background-size: contain;
}
.blk18 .numText1{
	margin-bottom: 60px;
}

.menu2Step{
	--sliderPad: 400px;
}

.numText1{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	padding-left: var(--sliderPad);
}
.numText1.sh{
	margin-top: 80px;
}
.numText1 .num {
	font-family: var(--second-family);
	font-weight: 200;
	font-size: 56px;
	line-height: 140%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: var(--white);
	margin-right: 0;
	width: 140px;

	color: transparent;
}
.menu2Step .numText1 .num{
	width: 0;
}
.numText1 .title{
	font-family: var(--second-family);
	font-weight: 200;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: var(--white);
	margin-bottom: 32px;
}
.numText1 .title_sh{
	font-family: var(--font-family);
	font-weight: 200;
	font-size: 64px;
	line-height: 112%;
	letter-spacing: -0.05em;
	color: var(--white);
	margin-bottom: 32px;
}
.numText1 .txt{
	font-family: var(--second-family);
	font-weight: 200;
	font-size: 24px;
	line-height: 133%;
	color: var(--white);
	opacity:0.7;
}

.reviewsSwiper{
	width: 90%;
	margin:auto;
}
.reviewsSwiper .swiper-slide {
	width: 350px;
	max-width: 90vh;
	margin-bottom: 3vw;
}
.reviewsSwiper .swiper-slide a,
.reviewsSwiper .swiper-slide a:active,
.reviewsSwiper .swiper-slide a:visited{
	outline: none;
}
.reviewsSwiper .swiper-slide img{
	max-width: 100%;
	width: auto;
	height: auto;
}

.gallery{
	max-width: 100%;
	overflow: hidden;
	cursor: grab;
	touch-action: none; /* Add also this */
	user-select: none; /* Prevent text highlighting */
}
.galleryShadow{
	position: relative;
}
.galleryShadow:before{
	content: "";
	display: block;
	width: 420px;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 52.89%, #000 92.74%);
	z-index: 2;
}
/*.gallery .galleryIn{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}*/
.gallery .galleryIn .galleryItem{
	width:auto;
	display: block;
	cursor: grab;
	user-select: none;
}
.gallery .galleryIn .galleryItem.fake_slide{
	width: 370px;
	height: 10vw;
}
.gallery .galleryIn .galleryItem img{
	user-select: none;
}
.gallery .galleryIn > a:last-child{
	margin-right: 0;
}


.blk7{
	margin-top: -160px;
}
.blk7 .wrap{
	background: url(img/bg6.svg) no-repeat center top;
}
.blk7 .img{
	margin: auto;
	background: url(img/blk7img.png) no-repeat center;
	height: 1230px;
}
.blk7 .numText1{
	margin-top: -220px;
	margin-bottom: 60px;
}


.blk8{
	margin-top: -120px;
}
.blk8 .wrap{
	background: url(img/bg6.svg) no-repeat center top;
}
.blk8 .img{
	margin: auto;
	background: url(img/blk8img.png) no-repeat center;
	height: 1230px;
}
.blk8 .numText1{
	margin-top: -220px;
	margin-bottom: 60px;
}

.blk9{
	margin-top: -120px;
}
.blk9 .wrap{
	background: url(img/bg6.svg) no-repeat center top;
}
.blk9 .img{
	margin: auto;
	background: url(img/blk9img.png) no-repeat center;
	height: 1230px;
}
.blk9 .numText1{
	margin-top: -220px;
	margin-bottom: 60px;
}

.blk10{
	margin-bottom: -120px;
	background: url(img/bg10.svg) no-repeat left top;
}
.blk10.blk10dbl {
	margin-top: -300px;
	margin-bottom: -200px;
}
.blk10 .wrap{
	height: 1900px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 40px;
}
.tiketBlock{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 40px;
}
.tiketBlock .imgLeft{
	position: relative;
	text-align: center;
	width: 666px;
}
.tiketBlock .imgLeft .img{
	width: 666px;
	height: 655px;
	background: url(img/blk10img.png) no-repeat center;
	margin-left: -100px;
}
.blk10 .text1{
	font-weight: 200;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.02em;
	margin-bottom: 32px;
}
.blk10 .list10{
	margin-bottom: 56px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.blk10 .discount {
	position: absolute;
	width: 266px;
	height: 266px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 50px;
	top: 31%;
	left: -5%;
}
.discount .oldPrice{
	position: relative;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 32px;
	line-height: 112%;
	letter-spacing: -0.02em;
	color: #000;
}
.discount .oldPrice:before{
	content: "";
	display: block;
	width:100%;
	height:4px;
	background: #000;
	position: absolute;
	top:calc(50% - 2px);
	left:0;
}
.discount .newPrice{
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 56px;
	line-height: 96%;
	letter-spacing: -0.02em;
	color: var(--color);
}
.l10Item{
	position: relative;
	margin-right: 90px;
	font-family: var(--second-family);
	font-weight: 200;
	font-size: 24px;
	line-height: 133%;
	letter-spacing: -0.02em;
	color: var(--white);
}
.l10Item:last-child{
	margin-right: 0;
}
.l10Item::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 14px;
}
.buyBtn{
	width: 455px;
	height: 96px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 96px;
	text-transform: uppercase;
	color: var(--white);
	text-align: center;
	cursor: pointer;
	background: url(img/btnani.gif?v=02) no-repeat center;
	background-size: cover;
}

.blk11{
	margin-bottom: 200px;
}
.blk11 .wrap{
	position: relative;
	background: #fff;
	padding-top: 120px;
	border-radius: 0 0 30px 30px;
}
.blk11 .wrap::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(img/bg11.svg) no-repeat center top;
	background-size: cover;
	left: 0;
	top: -150px;
}
.blk11 .img{
	margin: auto;
	width: 508px;
	height: 718px;
	background: url(img/blk11img.jpg?v=2) no-repeat center;
	margin-bottom: 48px;
}
.text1w{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: #000;
}
.txtw{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 24px;
	letter-spacing: -0.02em;
	color: #000;
}
.blk11 .text1w {
	margin-bottom: 32px;
	padding-left: 36%;
}
.blk11 .txtw {
	margin-bottom: 32px;
	padding-left: 36%;
	margin-bottom: 50px;
}

.blk12{
	margin-bottom: 200px;
}
.blk12 .text1{
	font-weight: 300;
	font-size: 96px;
	line-height: 83%;
	letter-spacing: -0.05em;
	padding-left: 36%;
	margin-bottom: 24px;
}
.blk12 .subText{
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 133%;
	letter-spacing: -0.02em;
	color: var(--white);
	padding-left: 36%;
	margin-bottom: 56px;
}
.contactList{

}
.contactList .contItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.contactList .img{
	width: 36%;
	min-width: 36%;
	height: 360px;
	background-position: center;
	background-repeat: no-repeat;
}
.contactList .ci1 .img{background-image:url(img/ci1.png)}
.contactList .ci2 .img{background-image:url(img/ci2.png)}
.contactList .ci3 .img{background-image:url(img/ci3.png)}
.contactList .txt{

}
.contactList .txt .smlTitle{
	opacity: 0.4;
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 24px;
	letter-spacing: -0.01em;
	color: var(--white);
	margin-bottom: 24px;
}
.contactList .txt .cLink{
	display: block;
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 56px;
	letter-spacing: -0.01em;
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	transition: all ease 0.3s;
}
.contactList .txt .cLink:hover{
	color: var(--color);
	transition: all ease 0.3s;
}
/*.contactList .cLink.tg{
	background: url(img/tg.svg) no-repeat left center;
	padding-left: 88px;
}
.contactList .cLink.wp{
	background: url(img/wp.svg) no-repeat left center;
	padding-left: 88px;
}
.contactList .cLink.vk{
	background: url(img/vk.svg) no-repeat left center;
	padding-left: 88px;
}*/
.contactList .cLink svg {
	fill: var(--white);
	transition: all ease 0.3s;
	width: 56px;
	vertical-align: sub;
	margin-right: 14px;
}
.contactList .cLink:hover svg{
	fill:var(--color);
	transition: all ease 0.3s;
}


.blk13{

}
.blk13 .blkFlx{
	display: flex;
	align-items: flex-end;
}
.blk13 .subList{
}
.blk13 .text1{
	width: 920px;
	font-weight: 300;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}
.subList .subListItem{
	position: relative;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 167%;
	letter-spacing: 0.01em;
	color: var(--white);
}
.subList .subListItem::before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: -24px;
	top: calc(50% - 2px);
}
#toMap{
	margin-top: 40px;
	width: 100%;
	height: 590px;
	background: url(img/map2.png) no-repeat center;
	filter: invert(100%) grayscale(70%);
}
#toMap .map-circle-placemark{
	filter: invert(100%);
}






footer{
	padding-bottom: 30px;
}
footer .footerLine{
	display: flex;
}
.footerLine .fLogo{
	width: 50%;
}
.footerLine .fMenu{
	display: flex;
	flex-wrap: wrap;
	width: 615px;
}
.footerLine .fMenu a{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 20px;
	color: var(--white);
	text-decoration: none;
	display: block;
	margin-bottom: 12px;
}
.footerLine .fMenu a:nth-child(odd){
	width: 240px;
}
.footerLine .fMenu a:nth-child(even){
	width: 375px;
}

.blkMenu{
	position: absolute;
	top:1500px;
	left: calc((100% - 1840px)/2);
	display: flex;
	flex-direction: column;
	z-index:10;
}
.blkMenu.fixed:not(.fixed2){
	position: fixed;
	top:120px !important;
}
.blkMenu.fixed.fixed2{}
.blkMenu a{
	display: block;
	position: relative;
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 32px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--white);
	opacity:0.5;
	margin-bottom: 10px;
	text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000;
	transition: all ease 0.3s;
}
.blkMenu a::before {
	content: "";
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	left: -8px;
	top: 0px;
	background: url(img/menu.svg) no-repeat center;
	opacity: 0;
	transition: all ease 0.3s;
}
.blkMenu a.active{
	opacity:1;
	padding-left: 37px;
	transition: all ease 0.3s;
}
.blkMenu a.active:before{
	opacity:1;
	transition: all ease 0.3s;
}
.blkMenu a.bMenuMini{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: var(--white);
	opacity:0.5;
	margin-top: 40px;
}
.blkMenu a.bMenuMini:hover{
	opacity:1;
}
#blkMenu.blkMenu a:not(.bMenuMini){
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 2px;
}

#fancyFormBay {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	padding: 28px 28px 12px;
	width: 720px;
	box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.25);
	background: var(--white);
	margin-top:-40px;
}
.fancyFormTitle{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 50px;
	line-height: 91%;
	letter-spacing: -0.09em;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 35px;
}
#fancyFormBay.fancybox__content > .f-button.is-close-btn {
	top: 12px;
	right: 12px;
	opacity: 1;
}
#fancyFormBay.fancybox__content > .f-button.is-close-btn svg{
	stroke: var(--color);
}
.fancyFormForm{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.fancyFormItem{
	display: block;
	width: 100%;
	margin-bottom: 24px;
}
.fancyFormItem.chk{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 12px;
}
.fancyFormItem.chk input{
	margin-right:12px;
}
.fancyFormItem.w50{
	width: calc(50% - 8px);
}
.fancyFormItem.nMa{
	margin-bottom: 12px;
}
.fancyFormItem > span{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #000;
	display: block;
	margin-bottom: 8px;
}
.fancyFormItem.chk > span,
.fancyFormItem.chk > span a{
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #000;
	margin-bottom: 0;
	padding-top: 4px;
}
.selectForm {
	border: 1px solid rgba(0, 0, 0, 0.23);
	border-radius: 8px;
	width: 100%;
	height: 66px;
	padding: 16px 72px 16px 24px;
	position: relative;
	cursor: pointer;
	transition: all ease 0.3s;
}
.selectForm .curSelected{
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.selectForm .curSelected .selectName {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 16px;
	line-height: 36px;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectForm .curSelected .selectPrice {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 50px;
	line-height: 36px;
	text-transform: uppercase;
	color: #000;
	white-space: nowrap;
}
.selectForm .curSelected::before {
	content: "";
	width: 24px;
	height: 24px;
	background: url(img/down.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	right: 23px;
	top: 50%;
	margin-top: -10px;
}
.selectForm .selectList {
	position: absolute;
	top: 66px;
	border-radius: 8px;
	width: 100%;
	box-shadow: 0 12px 52px 0 rgba(0, 0, 0, 0.29);
	background: var(--white);
	display: flex;
	flex-direction: column;
	left: 0;
	height: 0;
	padding: 0 4px;
	overflow: hidden;
	transition: all ease 0.3s;
	z-index:3;
}
.selectForm.open{
	border: 1px solid #6a00ff;
	transition: all ease 0.3s;
}
.selectForm.open .selectList{
	height: auto;
	padding: 4px;
	transition: all ease 0.3s;
}
.selectForm .selectList > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 10px 12px;
	transition: all ease 0.3s;
}
.selectForm .selectList > div:hover,
.selectForm .selectList .active{
	background: rgba(144, 0, 255, 0.1);
	transition: all ease 0.3s;
}
.selectForm .selectList .itemName {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 16px;
	line-height: 117%;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectForm .selectList .itemPrice {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 44px;
	line-height: 79%;
	text-transform: uppercase;
	color: #000;
	white-space: nowrap;
}
.promoCodeArea  input[type="text"],
.fancyFormItem input[type="text"] {
	border: 1px solid rgba(0, 0, 0, 0.23);
	border-radius: 8px;
	padding: 16px 24px;
	width: 100%;
	height: 64px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 20px;
	color: #000;
	transition: all ease 0.3s;
}
.promoCodeArea  input[type="text"]:focus,
.promoCodeArea  input[type="text"]:active,
.fancyFormItem input[type=text]:focus,
.fancyFormItem input[type=text]:active{
	outline: none;
}
.promoCodeArea  input[type="text"]:focus,
.fancyFormItem input[type=text]:focus{
	border: 1px solid #6a00ff;
	transition: all ease 0.3s;
}
.formButtons{
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
}
.formSubmit {
	height: 64px;
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 0 48px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	color: rgba(0, 0, 0);
	text-align: center;
	background: rgba(255, 0, 170, 0.2) url(img/topbtn.svg) no-repeat center;
	cursor: pointer;
	transition: all ease 0.3s;
	line-height: 64px;
	background-size: cover;
	width: 100%;
}
.formSubmit:not(:disabled):hover{
	background: var(--color);
	transition: all ease 0.3s;
}
.formSubmit:disabled {
	border: 1px solid rgba(255, 255, 255, 0.11);
	color: rgba(0, 0, 0, 0.22);
	transition: all ease 0.3s;
	background: #d0d0d0;
	cursor: no-drop;
}
.subBtnText{
	text-align:center;
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 14px;
	padding-top: 6px;
	color: var(--color);
}
#fancyFormBay .messOk {
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	display: none;
	justify-content: center;
	align-items: center;
	background: #fff;
	z-index: 4;
	border-radius: 30px;
	text-align: center;
	font-size: 20px;
	font-family: var(--second-family);
	padding: 15%;
	flex-direction: column;
}
#fancyFormBay.success .messOk{
	display: flex;
}
.subFormText{
	font-family: var(--second-family);
	color: #555;
	margin-top: -20px;
	margin-bottom: 20px;
}
.fancyFormItem > span.fieldSubText,
.fieldSubText {
	font-family: var(--second-family);
	font-size: 12px;
	color: #555;
	padding: 6px 6px 0 0;
}
.fancyFormItem > span.fieldSubText.success{
	color:green;
}
.fancyFormItem > span.fieldSubText.error{
	color:red;
}
.promoCodeArea{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.promoCodeArea > span{
	font-family: var(--second-family);
}
.promoCodeArea .w50,
.promoCodeArea input[type="text"].w50{
	display: block;
	width: calc(50% - 8px);
}
.flampArea{
	padding: 0 3% 3vw;
}

.loader3{
	position: relative;
	overflow: hidden;
}
.loader3::after{
	content: "";
	z-index: 5;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	background: #ffffff96;
	border-radius: 36px;
}
.loader3::before {
	content: "";
	z-index: 6;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0;
	width: 30%;
	height: 30%;
	background: transparent url(img/loader2.svg) center no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
	filter: drop-shadow(0 0 4px #0b7c3d3d);
}

.fancybox__content.ff_modal,
.ff_modal{
	width: 1840px;
	padding:40px;
	background: #f3f3f3;
	border-radius: 40px;
}
.fancybox__content.ff_modal > .f-button.is-close-btn {
	--f-button-color: #333;
	top: 20px;
	right: 22px;
	opacity: 1;
}
.ff_title{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 96px;
	line-height: 92%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 96px;
}
.ff_title.tc{
	text-align: center;
}
.ff_top_text{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 167%;
	color: #000;
	margin-bottom: 96px;
}
.ff_top_text.big{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 64px;
	line-height: 112%;
	letter-spacing: -0.05em;
	color: #000;
}
.ff_twoCol{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.ff_twoCol .colLeft{

}
.ff_twoCol .colRight{
	width: 65%;
}
.ff_subTitle{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 64px;
	line-height: 112%;
	letter-spacing: -0.05em;
	color: #000;
	margin-bottom: 48px;
}
.ff_text{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 133%;
	color: #000;
}

.prog_price_area,
.prog_info{
	width: 345px;
}
.prog_price_area{
	border-radius: 24px;
	padding: 24px;
	background: rgba(255, 0, 200, 0.26);
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 133%;
	color: #000;
	margin-bottom: 8px;
}
.prog_item_name{
	opacity: 0.7;
	margin-bottom: 22px;
}
.prog_item_value{
	opacity: 0.7;
	display: block;
	font-size: 56px;
	margin-bottom: 26px;
}
div:last-child > .prog_item_value{
	margin-bottom: 0;
}
.prog_info{
	border-radius: 24px;
	padding: 24px;
	background: rgba(0, 255, 242, 0.24);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 133%;
	color: rgba(0, 0, 0, 0.7);
}
.mb_prog{
	margin-bottom: 96px;
}

#buyTiketFancy {
	width: 500px !important;
	height: 960px !important;
	padding: 3px;
	border-radius: 20px;
	box-shadow: 0 0 10px #aaa;
}
#buyTiketFancy > iframe{
	border-radius: 20px;
	overflow: hidden;
}
#buyTiketFancy > iframe body{
	overflow: hidden !important;
}