/* Start:/bitrix/templates/main/css/quest_v5.css?1793031974146238*/
/* ==========================================================================
   Основные стили
   ========================================================================== */

.page-quest {position:absolute; top:108px; bottom:0px; left:0px; right:0px; font-family:'DINPro';}
.page-quest .site-wrap {max-width:1180px;}

@media only screen and (max-width:1300px) {
	
	.page-quest .site-wrap {max-width:1120px;}
}

@media only screen and (max-width:767px) {
	
	.page-quest {position:relative; top:auto; bottom:auto; left:auto; right:auto; padding:74px 0px 0px 0px;}
	.page-quest .site-wrap {padding:0px 20px;}
	
	body div#jivo-iframe-container {display:none !important;}
	body div#jivo-iframe-container + jdiv {display:none !important;}
	body div#jivo-iframe-container + jdiv + jdiv {display:none !important;}
	body div#jivo-iframe-container + jdiv + jdiv + jdiv {display:none !important;}
	
}



/* ==========================================================================
   Кнопка
   ========================================================================== */

.element-button {display:block; width:256px; height:65px; position:relative; display:flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer;}
.element-button.in-center {margin:0px auto;}
.element-button .bg-back {background:rgba(255, 255, 255, 0.01); opacity:0.9; border:1px solid rgba(255, 255, 255, 0.2); width:100%; height:100%; position:absolute; top:20px; left:10px; transform:skew(-35deg); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.element-button .bg-front {width:100%; height:100%; position:absolute; top:0px; left:0px; transform:skew(-35deg); transition:all 0.2s ease 0s;}
.element-button .text {font-size:14px; line-height:20px; color:#fff; font-weight:900; letter-spacing:0.1em; text-transform:uppercase; position:relative; background:none; border:none; margin:0px; padding:0px; cursor:pointer;}

.element-button[data-color="pink"] .bg-front {background:#DB00FF;}
.element-button[data-color="pink"]:hover .bg-front {background:#ff33ff;}

.element-button[data-color="orange"] .bg-front {background:#FF2E00;}
.element-button[data-color="orange"]:hover .bg-front {background:#ff5833;}

.element-button[data-color="orange-2"] .bg-front {background:#FF5B00;}
.element-button[data-color="orange-2"]:hover .bg-front {background:#ff7a33;}

.element-button[data-color="white"] .bg-front {background:#ffffff;}
.element-button[data-color="orange-2"]:hover .bg-front {background:#ffffff02;}

@media only screen and (max-width:767px) {
	
	.element-button {width:100%;}
	
}



/* ==========================================================================
   Главный экран
   ========================================================================== */

.page-quest .screen-main {background:#fff; padding:45px;}
.page-quest .screen-main .inner {width:100%; height:100%; position:relative; display:flex;
 /*align-items:center;*/
}
.page-quest .screen-main .site-wrap {
    max-width: 1497px;
}
.page-quest .screen-main .wrap-site-block-info {
	width: 100%;
	max-width: 645px;
}
.page-quest .screen-main .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/bg.png) no-repeat center center / cover; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.page-quest .screen-main .img-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera.png) no-repeat center center / contain;
	width: 285px;
	height: 300px;
	position: absolute;
	bottom: auto;
	left: 38.7%;
	top: -79px;
 }
.page-quest .screen-main .img-2 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera.png) no-repeat center center / contain;
	width: 389px;
	height: 400px;
	position: absolute;
	bottom: auto;
	left: -8.5%;
	top: 86px;
 }
.page-quest .screen-main .img-3 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera.png) no-repeat center center / contain;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -1.4%;
	left: -1.1%;
 }
	.page-quest .screen-main .img-4 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_shadow.png) no-repeat center center / contain;
	width: 200px;
    height: 200px;
    position: absolute;
    bottom: -6%;
    left: 75.5%;
    z-index: 1;
 }
.page-quest .screen-main .img-5 {background:url(/bitrix/templates/main/css/../images/quest_v5/main_img.png) no-repeat center center / contain;
	width:967px;
	height:644px;
	position:absolute;
	bottom:0%;
	left:41.4%;
  }
.page-quest .screen-main p.title {font-style: normal;
	font-weight: 900;
	font-size: 36px;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 25px;
	margin-bottom: 30px;
 }
.page-quest .screen-main p.title span {
	display: block;
	color: #DB00FF;
	text-transform: none;
}
.page-quest .screen-main .main-logo {background:url(/bitrix/templates/main/css/../images/quest_v5/logo_quest.png) no-repeat center center / contain;
	background-position: 25px;
	max-width: 644px;
	height: 222px;
	margin: 0px 0 26px;
  }
.page-quest .screen-main .text-data {
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 49px;
	max-width: 250px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: auto;
	margin-bottom: 78px;
   }

.page-quest .screen-main .button {margin:0px; padding:0px 0px 0px 26px;}
.page-quest .screen-main .button a {
	margin: auto;
}
.link-lottery {
	position: absolute;
	text-decoration: none;
	right: 120px;
	top: 35px;
	width: 310px;
	height: 72px;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 8px;
	text-decoration: none;
}
.link-lottery a {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0 20px;
	align-items: center;
}
.link-lottery p {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	max-width: 150px;
}
.link-lottery span {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #DB00FF;
	margin-left: 9px;
}
.link-lottery img {
	display: inline-block;
    position: absolute;
    right: -13px;
    width: 103px;
    top: -25px;
}
@media only screen and (max-width:1800px) {
	
.page-quest .screen-main .img-5 {
    width: 49vw;
    height: 31vw;
	}
.page-quest .screen-main .img-2 {
	display: none
}

}
@media only screen and (max-width:1440px) {
.page-quest .screen-main .wrap-site-block-info {
    width: 100%;
    max-width: 585px;
    padding-top: 37px;
}
.page-quest .screen-main p.title span {
	margin-top: 0px;
}
.page-quest .screen-main .main-logo {
    background-position: 0px;
    max-width: 522px;
    height: 184px;
    margin: 38px auto 0px;
}
.page-quest .screen-main .text-data {
    font-size: 34px;
    line-height: 39px;
    max-width: 250px;
    margin-bottom: 32px;
}
.page-quest .screen-main .img-5 {
	width: 53vw;
	height: 35vw;
	left: 35.4%;
}
.link-lottery {
	right: 114px;
	top: 58px;
}
.page-quest .screen-main .img-4 {
	width: 304px;
	height: 303px;
	position: absolute;
	bottom: 33%;
	left: 70.5%;
}
.page-quest .screen-main .img-3 {
    width: 310px;
    height: 310px;
    position: absolute;
    bottom: -2.4%;
    left: -11.6%;
}
.page-quest .screen-main .img-1 {
    width: 135px;
    height: 135px;
    left: 34.7%;
    top: 151px;
}
}
@media only screen and (max-width:1300px) {
.page-quest .screen-main .img-5 {
	left: 40%
}
.page-quest .screen-main .img-1,
.page-quest .screen-main .img-3,
.page-quest .screen-main .img-4 {
	display: none
}
}
@media only screen and (max-width:1024px) {
.page-quest .screen-main .img-5 {
	display: none
}
.page-quest .screen-main .wrap-site-block-info {
    width: 100%;
    max-width: none;
    padding-top: 37px;
}
.page-quest .screen-main .inner {
    flex-wrap: wrap;
}
.link-lottery {
    position: relative;
    right: 0;
    top: 0;
    width: 290px;
    margin: auto;
}
.link-lottery a {
	padding: 0 12px;
}
}
@media only screen and (max-width:767px) {
	.page-quest .screen-main {
		padding:0px 15px
	}
	.page-quest .screen-main .wrap-site-block-info {
		padding-top: 12px;
	}
.page-quest .screen-main p.title {
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 29px;
    margin-bottom: 0px;
}
.page-quest .screen-main p.title span {
	margin-top: 7px;
}
.page-quest .screen-main .main-logo {
    max-width: 290px;
    width: 100%;
    height: 120px;
    margin: 0px auto 0px;
}
.page-quest .screen-main .text-data {
    font-size: 24px;
    line-height: 32px;
    max-width: 185px;
    margin-bottom: 32px;
}
.page-quest .screen-main .button {
	position: relative;
	margin-top: 181px;
	margin-left: auto;
   margin-right: auto;
	width: 280px;
}
.page-quest .screen-main .button:after {
	position: absolute;
	content: '';
	top: -171px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/main_img.png) no-repeat center center / contain;
	width: 270px;
	height: 172px;
	left: 62%;
	transform: translateX(-50%);
}
.link-lottery {
	margin-top: 62px;
}
.page-quest .screen-main .inner {
	padding-bottom: 57px;
}
.link-lottery span {
	width: 30px;
	height: 30px;
}
}



/* ==========================================================================
   О КВЕСТЕ
   ========================================================================== */
.page-quest .screen-about .site-wrap {
    max-width: 1490px;
}
.page-quest .screen-about {background:#fff; padding:45px;}
.page-quest .screen-about .inner {width:100%; height:100%; position:relative; display:flex;}
.page-quest .screen-about .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/bg.png) no-repeat center center / cover; 
	position:absolute;
	 top:0px; 
	 bottom:0px;
	  left:0px; 
	  right:0px;
	}
.page-quest .screen-about .img-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_2.png) no-repeat center center / contain;
     width: 430px;
    height: 450px;
    position: absolute;
    top: -20px;
    left: 46px;
}
.page-quest .screen-about .img-2 {background:url(/bitrix/templates/main/css/../images/quest_v5/woman.png) no-repeat center center / contain;
 width:310px; height:472px; position:absolute; bottom: 0; left:32px;
}
.page-quest .screen-about .wrap-side-block {
	display: flex;
	justify-content: space-between;
	padding-left: 169px;
	padding-top: 50px;
}
.page-quest .screen-about .left-side-block {
	width: 400px;
}
.page-quest .screen-about p.title {
	font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: 70px;
text-transform: uppercase;
color: #FFFFFF;
    margin-bottom: 41px;
}
.page-quest .screen-about p.text {
	font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 40px;
color: #FFFFFF;
}
.page-quest .screen-about p.text span {
	color: #6F02FA;
}
.page-quest .screen-about .right-side-block {
	width: 753px;
	height: 700px;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
	padding-left: 44px;
   padding-right: 60px;
}
.page-quest .screen-about .right-side-block p {
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 27px;
	color: #FFFFFF;
}
.page-quest .screen-about .right-side-block p + p {
	margin-top: 53px;
}
.page-quest .screen-about .right-side-block .wrap-link-block {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	padding-left: 24px;
}
.page-quest .screen-about .right-side-block .hat-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.page-quest .screen-about .right-side-block .hat-link img {
	width: 73px;
	height: auto;
	margin-right: 10px;
}
.page-quest .screen-about .right-side-block .hat-link p {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}
.page-quest .screen-about .right-side-block .hat-link p span {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #6F02FA;
}


@media only screen and (max-width:1800px) {
	.page-quest .screen-about .img-2 {
		display: none
	}
}
@media only screen and (max-width:1600px) {
	.page-quest .screen-about .img-2 {display: none;}
	.page-quest .screen-about .site-wrap {
    max-width: 1249px;
}
}

@media only screen and (max-width:1450px) {
	.page-quest .screen-about .img-1 {
		left: -87px
	}
	.page-quest .screen-about .wrap-side-block {
    padding-left: 21px;
    padding-top: 0px;
    height: 100%;
    justify-content: flex-start;
}
.page-quest .screen-about p.text {
	line-height: 40px
}
.page-quest .screen-about .left-side-block {
    padding-top: 64px;
}
.page-quest .screen-about .right-side-block {
	padding-top: 64px;
    width: 708px;
    height: 100%;
    padding-left: 88px;
    padding-right: 52px;
}
.page-quest .screen-about .right-side-block p {
	margin: 0
}
.page-quest .screen-about .right-side-block p + p {
    margin-top: 23px;
}
}

@media only screen and (max-width:1200px) {
	.page-quest .screen-about .right-side-block {
    width: 594px;
    padding-top: 64px;
    height: 100%;
    padding-left: 17px;
    padding-right: 40px;
}
.page-quest .screen-about .left-side-block {
	width: 355px;
}
.page-quest .screen-about p.title {
    font-size: 50px;
    line-height: 1.4;
    }
    .page-quest .screen-about p.text {
    	font-size: 22px;
    }
}
@media only screen and (max-width:1024px) {
	.page-quest .screen-about .right-side-block {
    background: none;
    border: none;
    box-sizing: border-box;
    backdrop-filter: none;
        width: 100%;
    max-width: 550px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin: auto;
 }
 .page-quest .screen-about .right-side-block {
 	padding-top: 0
 }
 .page-quest .screen-about .right-side-block p {
    margin: 0;
    display: none;
}
.wrap-side-block {
	flex-wrap:  wrap;
}
.page-quest .screen-about .right-side-block .hat-link p {
	display: block
}
.page-quest .screen-about .left-side-block {
    width: 100%;
    max-width: 550px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 166px;
    margin: auto;
}
}
@media only screen and (max-width:767px) {
	.page-quest .screen-about {
		padding:0px 15px;
	}
	.page-quest .screen-about .img-1 {
    width: 230px;
    height: 230px;
    top: 1px;
 }
.page-quest .screen-about .wrap-side-block {
	padding-left: 0
}
.page-quest .screen-about .left-side-block {
    width: 100%;
    max-width: none;
    }
    .page-quest .screen-about p.text {
    font-size: 20px;
    line-height: 24px
}
.page-quest .screen-about p.title {
    font-size: 40px;
    line-height: 1.4;
}
.wrap-link-block a.element-button {
	width: 256px
}
.page-quest .screen-main .button {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 256px;
}
.page-quest .screen-about .inner {
	padding-bottom: 50px
}
.page-quest .screen-about .right-side-block .wrap-link-block {
	flex-wrap: wrap;
}
.page-quest .screen-about .right-side-block .hat-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.wrap-link-block .button {
    margin-left: auto;
    margin-right: auto;
}
}



/* ==========================================================================
   Инструкция
   ========================================================================== */

.page-quest .screen-instruction {
	background:#fff; padding:45px;}
.page-quest .screen-instruction .inner {
	width:100%; height:100%; position:relative; display:flex; align-items:center; padding:14px 0px 75px 0px;}
.page-quest .screen-instruction .bg {
	background:url(/bitrix/templates/main/css/../images/quest_v5/bg.png) no-repeat center center / cover; 
	position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.page-quest .screen-instruction .img-1 {
	background:url(/bitrix/templates/main/css/../images/quest_v5/hat_on_slider.png) no-repeat center center / contain;
	width: 316px;
    height: 316px;
    position: absolute;
    bottom: auto;
    left: auto;
    top: 0px;
    margin-left: 0;
    right: 6%;
    z-index: 1;
 }

.page-quest .screen-instruction .site-wrap {
	height:100%;}
.page-quest .screen-instruction .content {
	width:100%; height:100%; position:relative;}
.page-quest .screen-instruction .content .left {
	width:385px; min-width:385px; max-width:385px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; top:10px; bottom:0px; left:0px;}
.page-quest .screen-instruction .content .left .color {
	color:#FF2E00; text-transform:none;}
.page-quest .screen-instruction .content .right {
	margin:0px 0px 0px 440px; height:100%; position:relative;padding-top: 0px;
}
.page-quest .screen-instruction .content .right .arrow {
	background:no-repeat center center / contain; width:160px; height:160px; position:absolute; top:50%; cursor:pointer; outline:none;}
.page-quest .screen-instruction .content .right .arrow.arrow-left {
	background-image:url(/bitrix/templates/main/css/../images/quest/arrow_left.png); left:-100px;}
.page-quest .screen-instruction .content .right .arrow.arrow-right {
	background-image:url(/bitrix/templates/main/css/../images/quest/arrow_right.png); right:-100px;}
.page-quest .screen-instruction .content .right .arrow .arrow-name {
	position:absolute; top:91px; font-size:16px; line-height:20px; color:#EAAC2D; font-weight:900; white-space:nowrap;}
.page-quest .screen-instruction .content .right .arrow.arrow-left .arrow-name {
	text-align:right; right:69px;}
.page-quest .screen-instruction .content .right .arrow.arrow-right .arrow-name {
	text-align:left; left:69px;}
.page-quest .screen-instruction .content .right .container {
	background:rgba(255, 255, 255, 0.01); border:1px solid rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); height:100%;}
.page-quest .screen-instruction .content .right .container .swiper-container {
	width:100%; height:100%; position:relative; top:0px;}
.page-quest .screen-instruction .content .right .container .swiper-wrapper {
	height:100%;}
.page-quest .screen-instruction .content .right .container .swiper-slide {
	height:100%; padding:150px 50px 20px;}
.page-quest .screen-instruction .content .right .container .number {
	margin: 0;
    padding: 0;
    font-size: 140px;
    line-height: 130px;
    color: #fff;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
}
.page-quest .screen-instruction .content .right .container .number:before {
	/*content:''; background:rgba(255, 255, 255, 0.15); width:200px; height:1px; position:absolute; bottom:0px; left:0px;*/
}
.page-quest .screen-instruction .content .right .container .name {
	margin:0px 0px 22px 0px; font-size:34px; line-height:34px; color:#fff; font-weight:700;}
.page-quest .screen-instruction .content .right .container .description {
	font-size:22px; line-height:30px; color:#fff; font-weight:400;}
.page-quest .screen-instruction .content .right .container .description.small {
	max-width:400px;}
	.page-quest .screen-instruction .content .left .color-2 {display: inline-block;
		text-transform: none;
	color:#DB00FF; font-weight:bold;}
.page-quest .screen-instruction .content .right .container .description .color {
	color:#DB00FF; font-weight:bold;}
	.page-quest .screen-instruction .content .right .container .description .color-1 {
	color:#DB00FF; font-weight: normal;}
	.page-quest .screen-instruction .content .right .container .description .color-2 {
	color:#6F02FA; font-weight:900;}
.page-quest .screen-instruction .content .right .container .description p {
	margin:20px 0px 0px 0px; padding:0px;}
.page-quest .screen-instruction .content .right .container .description p:first-child {
	margin-top:0px;}
.page-quest .screen-instruction .content .right .container .description a 
{color:#DB00FF; font-weight: normal;text-decoration: none;}
.page-quest .screen-instruction .content .right .container .description a:hover {
	text-decoration:underline;}
.page-quest .screen-instruction .content .right .container .button {
	position:absolute;
 bottom:90px; 
	right:83px;}
.page-quest .screen-instruction .content .right .container .button[data-position="left"] {
	left:83px;
 right:auto;}
.page-quest .screen-instruction .content .right .container .img {
	background:url(/bitrix/templates/main/css/../images/quest/screen_instruction/img_3.png) no-repeat center center / contain; 
	width:150px;
 height:150px; 
	position:absolute; top:330px; left:50px;}

.wrap-img-slider-container {
	position: absolute;
	left: 29px;
	bottom: 0;
	width: 575px;
	height: 575px;
	overflow: hidden;
	display: flex;
   z-index: 0;
   align-items: flex-end;
}
.img-slider-container img {
	height: 450px;
	width: auto;
}
.attention-text {
	width: 100%;
	max-width: 519px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	height: 88px;
	text-align: center;
	margin-top: 40px;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
	line-height: 30px;
	color: #FFFFFF;
	display: flex;
	margin-right: auto;
    margin-left: auto;
	justify-content: center;
	align-items: center;
}
.screen-form .attention-text {
	margin-bottom: 30px;
}






@media only screen and (max-width:1800px) {
	.page-quest .screen-instruction .img-1 {
		display: none
	}
}
@media only screen and (max-width:1600px) {
.wrap-img-slider-container {
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 30vw;
    height: 30vw;
}
 .img-slider-container img {
    height: 30vw;
    width: auto;
}
	.page-quest .screen-instruction .content .left {font-size:42px; line-height:58px; width:325px; min-width:325px; max-width:325px;}
	.page-quest .screen-instruction .content .right {margin:0px 0px 0px 400px;}
	.page-quest .screen-instruction .content .right .container .swiper-slide {
    height: 100%;
    padding: 150px 30px 20px;
}
.page-quest .screen-instruction .inner {
	padding-bottom: 40px;
}
}

@media only screen and (max-width:1450px) {
	.page-quest .screen-instruction .img-1 {
    width: 255px;
    height: 255px;
    position: absolute;
    bottom: auto;
    left: auto;
    top: -42px;
    margin-left: 0;
    right: -2%;
    z-index: 1;
}
.page-quest .screen-instruction .content .right .container .number {
	font-size: 100px;
   line-height: 80px;
}
.page-quest .screen-instruction .content .right {
    margin: 0px 70px 0px 400px;
}
}
@media only screen and (max-width:1300px) {
	
	.page-quest .screen-instruction .img-1 {width:414px; height:368px; bottom:-59px; margin-left:-734px;}
	.page-quest .screen-instruction .img-2 {width:368px; height:391px; top:-20px; right:-20px;}
	.page-quest .screen-instruction .content .left {font-size:40px; line-height:54px;}
	.page-quest .screen-instruction .content .right .container .button {bottom:40px; right:53px;}
	.page-quest .screen-instruction .content .right .container .number {margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:100px; line-height:100px;}
	.page-quest .screen-instruction .content .right .container .name {font-size:30px; line-height:30px;}
	.page-quest .screen-instruction .content .right .container .description {font-size:18px; line-height:24px;}
	.page-quest .screen-instruction .content .right .container .description p {margin:12px 0px 0px 0px;}
	.page-quest .screen-instruction .content .right .container .img {width:150px; height:150px; top:210px;}
	.page-quest .screen-instruction .content .right .container .swiper-slide {
    padding: 110px 20px 20px;
}
}

@media only screen and (max-width:767px) {
	
	.page-quest .screen-instruction {padding:0px 15px 15px 15px; z-index:4 !important;}
	.page-quest .screen-instruction .inner {height:auto; display:block; padding:44px 0px 140px 0px;}
	.page-quest .screen-instruction .img-1 {width:303px; height:266px; bottom:-88px; left:50%; margin-left:-182px;display: none;
}
	.page-quest .screen-instruction .img-2 {width:310px; height:340px; top:190px; right:-140px;}
	.page-quest .screen-instruction .site-wrap {height:auto;}
	.page-quest .screen-instruction .content {height:auto; margin:0px -20px; width:auto;}
	.page-quest .screen-instruction .content .left {margin:0px 0px 26px 0px; padding:0px 20px; width:auto; min-width:auto; max-width:none; font-size:20px; line-height:28px; position:relative; top:auto; bottom:auto; left:auto;}
	.page-quest .screen-instruction .content .right {margin:0px 0px 0px 0px; height:auto;}
	.page-quest .screen-instruction .content .right .arrow {width:140px; height:140px; top:18px; z-index:2;}
	.page-quest .screen-instruction .content .right .arrow.arrow-left {width: 140px; height: 140px;left: -38px;background-image:url(/bitrix/templates/main/css/../images/quest_v5/arrow-left.png);}
	.page-quest .screen-instruction .content .right .arrow.arrow-right {background-image:url(/bitrix/templates/main/css/../images/quest/arrow_right_mobile.png); right:-55px;}
	.page-quest .screen-instruction .content .right .arrow .arrow-name {top:91px; font-size:12px; line-height:15px;}
	.page-quest .screen-instruction .content .right .arrow.arrow-left .arrow-name {text-align: left;right: -19px;top: 15px;width: 72px;}
	.page-quest .screen-instruction .content .right .arrow.arrow-right .arrow-name {top:14px; left:auto; right:105px; text-align:right;}
	.page-quest .screen-instruction .content .right .container {height:auto;background: none;backdrop-filter: none;}
	.page-quest .screen-instruction .content .right .container .swiper-container {height:100%; top:0px;}
	.page-quest .screen-instruction .content .right .container .swiper-slide {padding:110px 20px 0px}
	.page-quest .screen-instruction .content .right .container .number {left: 50%;  transform: translateX(-50%);margin:0px 0px 18px 0px; padding:30px 0px 36px 0px; font-size:50px; line-height:30px;}
	.page-quest .screen-instruction .content .right .container .number:before {width:100%;}
	.page-quest .screen-instruction .content .right .container .name {margin:0px 0px 16px 0px; font-size:30px; line-height:30px;}
	.page-quest .screen-instruction .content .right .container .description {font-size:16px; line-height:20px;}
	.page-quest .screen-instruction .content .right .container .description.small {max-width:none;}
	.page-quest .screen-instruction .content .right .container .description p {margin:17px 0px 0px 0px;}
	.page-quest .screen-instruction .content .right .container .button {position:absolute; bottom:70px; left:44px; right:44px;}
	.page-quest .screen-instruction .content .right .container .button[data-position="left"] {left:44px; right:44px;}
	.page-quest .screen-instruction .content .right .container .img {width:170px; height:170px; top:195px; left:50%; margin-left:-85px;}
	.wrap-img-slider-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40vw;
    height: 40vw;
}
.img-slider-container img {
    height: 40vw;
    width: auto;
}
.page-quest .screen-instruction .content .right .container .button {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 30px;
}
.attention-text {
	margin-top: 15px
}
}



/* ==========================================================================
   КАРТА (ГОРОДА)
   ========================================================================== */

.page-quest .screen-delivery {background:#fff; padding:45px;}
.page-quest .screen-delivery .inner {
	width:100%; height:100%; position:relative;
}
.page-quest .screen-delivery .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/map.jpg) no-repeat center center / cover;
 position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.page-quest .screen-delivery .img-1 { background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_town.png) no-repeat center center / contain;
	position: absolute;
	width: 262px;
	height: 288px;
	left: 40px;
	top: 61px;
}
.page-quest .screen-delivery .img-2 { background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_town_2.png) no-repeat center center / contain;
	position: absolute;
	width: 189px;
	height: 220px;
	left: 52%;
	top: 76px;
 }
.page-quest .screen-delivery .title {
	position: absolute;
	left: 330px;
	top: 86px;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 58px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.page-quest .screen-delivery .title span {
	color: #DB00FF;
	text-transform: none;
}
.page-quest .screen-delivery .title p {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
    text-transform: none;
    padding-left: 2px;
    margin-top: 29px;
    width: 328px;
}
.screen-delivery .left-list {
	position: absolute;
	left: 89px;
	top: 50%;
	transform: translateY(-50%);
}
.screen-delivery .left-list li {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
}

.screen-delivery .link-telegram {
	position: absolute;
	left: 84px;
	bottom: 70px;
	width: 291px;
	height: 72px;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
}
.screen-delivery .link-telegram a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 0 16px;
}
.screen-delivery .link-telegram a span {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #DB00FF;
	margin-left: 20px;
	border-radius:  50%;
}
.screen-delivery .link-telegram a p {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	width: 154px;
}
.screen-delivery .link-telegram a img {
	position: absolute;
	width: 71px;
	right: -6px;
	top: 5px;
}
.wrap-center-pos-block {
	position: absolute;
    right: 331px;
    bottom: 230px;
    width: 447px;
    height: 331px;
    background: #3FDCFF;
}
.wrap-center-pos-block .center-pos-block {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 12px 39px 27px;
}
.wrap-center-pos-block .center-pos-block .main-block-img {
	position: absolute;
    top: -273px;
    left: 45%;
    transform: translateX(-50%);
    width: 272px;
    height: 273px;
}
.wrap-center-pos-block .center-pos-block .sfera-img {
    position: absolute;
    top: -44px;
    right: -81px;
    width: 214px;
    height: 243px;
}
.wrap-center-pos-block .center-pos-block p {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
}
.wrap-center-pos-block .center-pos-block p span {
	color: #DB00FF;
}
.wrap-center-pos-block .invisible-text {
	display: none;
}








@media only screen and (max-width:1600px) {
	.screen-delivery .left-list {
    position: absolute;
    left: 30px;
    top: 46%;
    transform: translateY(-50%);
}
.wrap-center-pos-block {
	right: 16%
}
}
@media only screen and (max-width:1440px) {
	.left-list {
		display: none
	}
	.page-quest .screen-delivery .bg {
    background-position: -344px;
}
.page-quest .screen-delivery .img-1 {
	display: none
}
.page-quest .screen-delivery .img-2 {
	display: none
}
.wrap-center-pos-block .center-pos-block .sfera-img {
	display: none
}
	.page-quest .screen-delivery .title {
    position: absolute;
    left: 88px;
    top: 101px;
 }
 .page-quest .screen-delivery .title p {
    font-size: 24px;
    line-height: 29px;
    padding-left: 2px;
    margin-top: 29px;
    width: 396px;
}
.wrap-center-pos-block {
    position: absolute;
    right: 13%;
    bottom: 251px;
    width: 465px;
    height: 326px;
    background: rgba(88, 0, 134, 0.8);
}
.wrap-center-pos-block .center-pos-block {
    padding: 31px 37px 22px;
}
.wrap-center-pos-block .center-pos-block p {
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}
.wrap-center-pos-block .center-pos-block p br {
	display: none
}
.screen-delivery .link-telegram {
    position: absolute;
    left: 220px;
    bottom: 11px;
    }
}

@media only screen and (max-width:1200px) {
.wrap-center-pos-block {
	right: 4%
}
.page-quest .screen-delivery .title {
	left: 40px
}
.screen-delivery .link-telegram {
	left: 120px
}
}
@media only screen and (max-width:767px) {
	.site-no-slider .site-slider-perspective .site-slide.screen-delivery {
		/*height: 1030px;*/
		height: 1260px;
		padding: 0 15px
	}
.link-telegram {
	display: none
}
.page-quest .screen-delivery .title {
    left: 16px;
    right: 15px;
    top: 56px;
    font-size: 0px;
    line-height: 1;
}
.page-quest .screen-delivery .title p {
    font-size: 34px;
    line-height: 40px;
    padding-left: 2px;
    margin-top: 0;
    width: 100%;
 }
/* 	.wrap-center-pos-block p {
 		display: none
 	}*/
	.wrap-center-pos-block .invisible-text {
		display: block;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		color: #D1B2E2;
	}
	.wrap-center-pos-block .invisible-text span {
		color: #FF3131;
	}
	.screen-delivery .left-list {
		width: 100%;
		display: block;
		column-count: none;
		position: absolute;
		left: 42px;
		top: 37.2%;
		transform: translateY(-50%);
		margin: 0;
		padding-left: 0;
		
	}
	.screen-delivery .left-list li {
		position: relative;
		font-weight: bold;
		display: inline-block;
		font-size: 14px;
		line-height: 40px;
		width: 48%;
	}

.screen-delivery .left-list  li:before {
		position: absolute;
		display: block;
		content: '';
		left: -23px;
    	top: 12px;
		border-radius: 50%;
		background: #DB00FF;
		width: 16px;
		height: 16px;
		z-index: 1;
	}
	.wrap-center-pos-block {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    /*height: 222px;*/
    height: auto;
    background: rgba(88, 0, 134, 0.8);
}
.wrap-center-pos-block .center-pos-block {
    padding: 31px 43px 13px;
}
.wrap-center-pos-block .center-pos-block .main-block-img {
    top: -175px;
    left: 40%;
    width: 175px;
    height: 175px;
}
.page-quest .screen-delivery .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/map_2.png) no-repeat center center / cover;
 position:absolute; top:0px; bottom:0px; left:0px; right:0px;}

.page-quest .screen-delivery .img-1{
	display: block;
	width: 371px;
	height: 412px;
	left: auto;
	right: -174px;
	top: 55px;
}
}

/* ==========================================================================
   Призы
   ========================================================================== */

.page-quest .screen-prizes .site-wrap {
   height: 100%;
   max-width: 1520px;
}
.page-quest .screen-prizes {background:#fff; padding:45px;}
.page-quest .screen-prizes .inner {width:100%; height:100%; position:relative;}
.page-quest .screen-prizes .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/prize_bg.png) no-repeat center center / cover;
 position:absolute; top:0px; bottom:0px; left:0px; right:0px;
}
.page-quest .screen-prizes .img-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/prize_people.png) no-repeat center center / contain;
	width: 325px;
    height: 259px;
	position: absolute;
	bottom: 0px;
	left: 17.9%;
}
.page-quest .screen-prizes .site-wrap {height:100%;}
.page-quest .screen-prizes .content {
	width:100%;
	height:100%;
	position:relative;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-left: 9.6vw;
 }
.page-quest .screen-prizes .content .left {width:390px; min-width:390px; max-width:390px; height:100%; position:relative;padding-top: 95px;}
.page-quest .screen-prizes .content .left .title {margin:0px 0px 38px 0px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase;}
.page-quest .screen-prizes .content .left .text {max-width:335px; font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.page-quest .screen-prizes .content .left .text .color,
.page-quest .screen-prizes .content .left .text .color a
 {color: #6F02FA; font-weight:bold; text-decoration: none;}
.page-quest .screen-prizes .content .left .text p {margin:20px 0px 0px 0px; padding:0px;font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
}
.page-quest .screen-prizes .content .left .text p:first-child {margin-top:0px;}
.page-quest .screen-prizes .content .prize-assortment {
	padding: 96px 48px 20px;
	width: 895px;
	height:100%; 
	position:relative;

	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
}
.page-quest .screen-prizes .content .prize-assortment .tab_li { 
	display: flex;
	justify-content: space-between;
	margin: 0;
	list-style-type: none;
	margin-bottom: 11px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
	width: 246px;
	height: 59px;
	border-radius: 20px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 31px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	border: 2px solid #FFFFFF;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li a.curent {
	background: #DB00FF;
	border-color: #DB00FF;
}

.page-quest .screen-prizes .content .prize-assortment .title-small {margin:0px 0px 4px 0px; font-size:18px; line-height:22px; color:#fff; font-weight:400;}
.page-quest .screen-prizes .content .prize-assortment .title {margin:0px 0px 42px 0px; font-size:34px; line-height:43px; color:#fff; font-weight:900; position:relative;}
.page-quest .screen-prizes .content .prize-assortment .blocks {margin:0px; height: 580px;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row {
	width:100%;
	max-width: 650px;
	display:flex; 
	align-items:center;
	justify-content:space-between; 
	border-top:1px solid rgba(255, 255, 255, 0.25); 
	margin:23px 0px 0px 0px; 
	padding:19px 0px 0px 0px;
}
.page-quest .screen-prizes .content .prize-assortment .blocks .row:first-child {margin-top:0px;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .name {width:100%; font-size:18px; line-height:22px; color:#fff; padding:0px 25px 0px 0px;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .name strong {font-size:20px; line-height:25px;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value {
	height:76px; 
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	 font-size:12px; 
	 line-height:15px; 
	 color:#fff; 
	 font-weight:900; 
	 text-transform:uppercase;
	  padding:0px 0px 0px 102px; 
	  position:relative; display:flex;
	   align-items:center; 
	   justify-content:space-between;
	}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value a {text-decoration:underline; color:#fff;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value a:hover {text-decoration:none;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value:before {content:''; background:no-repeat center center / contain; width:87px; height:100%; position:absolute; top:0px; left:0px;}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="1"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_1.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="2"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_2.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="3"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_3.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="4"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_4.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="5"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_5.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="6"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_6.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="7"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_7.png);}
.page-quest .screen-prizes .content .prize-assortment .blocks .row .value[data-img="8"]:before {background-image:url(/bitrix/templates/main/css/../images/quest_v5/icon_8.png);}
.page-quest .screen-prizes .content .prize-assortment  .attention-tab-text {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	font-style:italic;
}
@media only screen and (max-width:1600px) {
	.page-quest .screen-prizes .content .prize-assortment {
    padding: 96px 25px 20px;
    width: auto;
        margin-left: 51px;
 }
	.page-quest .screen-prizes .content .left {width:350px; min-width:350px; max-width:350px;}
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 225px;
    }
    .page-quest .screen-prizes .content {
    justify-content: flex-start;
    }	
        .page-quest .screen-prizes .content .prize-assortment .tab_li li + li {
        	margin-left: 10px
        }
    .page-quest .screen-prizes .content .prize-assortment .tab_li li a {
    font-size: 22px;
    line-height: 1;
}
}
@media only screen and (max-width:1440px) {
	.page-quest .screen-prizes .content {
    padding-left: 4.6vw;
 }
 .page-quest .screen-prizes .content .prize-assortment {
    padding: 61px 25px 20px;
 }
 .page-quest .screen-prizes .content .prize-assortment .blocks {
 	margin-top: 50px
 }

	.page-quest .screen-prizes .img-1 {width: 426px;height: 343px;left: 20px}
	.page-quest .screen-prizes .content .left .title {font-size:36px; line-height:42px;}
	.page-quest .screen-prizes .content .prize-assortment .title-small {margin:0px; font-size:16px; line-height:20px;}
	.page-quest .screen-prizes .content .prize-assortment .title {margin:0px 0px 20px 0px; font-size:24px; line-height:34px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row {margin:8px 0px 0px 0px; padding:8px 0px 0px 0px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .name {font-size:14px; line-height:18px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .name strong {font-size:14px; line-height:18px;}
	
}

@media only screen and (max-width:1300px) {
	.page-quest .screen-prizes .content .left {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}
.page-quest .screen-prizes .img-1 {
    width: 300px;
    height: 240px;
    left: 20px;
}
 .page-quest .screen-prizes .content .left .text {
 	display: none
 }
	.page-quest .screen-prizes .content .prize-assortment {
		margin-left: 0
	}
	.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 210px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li a {
	font-size: 20px
}
}
@media only screen and (max-width:1140px) {
.page-quest .screen-prizes .content .prize-assortment .tab_li {
	display: block;
}
.page-quest .screen-prizes .content .prize-assortment {
    padding: 25px 25px 20px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 246px;
    margin-left: auto;
    margin-right: auto;
}
.page-quest .screen-prizes .content .prize-assortment .blocks {
    margin-top: 15px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li a {
    font-size: 24px;
}
.page-quest .screen-prizes .content .prize-assortment .blocks {
    margin: 0px;
    height: 520px;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li + li {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
}
@media only screen and (max-width:767px) {
	.page-quest .screen-prizes .content .prize-assortment {
    height: auto;
}
	.page-quest .screen-prizes {padding:0px 15px 15px 15px;}
	.page-quest .screen-prizes .inner {height:auto; padding:24px 0px 0px 0px;}
	.page-quest .screen-prizes .img-1 {display: none;background-image:url(/bitrix/templates/main/css/../images/quest/screen_prizes/img_1_mobile.png); width:307px; height:419px; top:243px; left:auto; margin-left:0px; right:-130px;}
	.page-quest .screen-prizes .site-wrap {height:auto;padding: 0;}
	.page-quest .screen-prizes .content {width:auto; height:auto; margin: 0px;  flex-wrap: wrap;padding-left: 0px}
	.page-quest .screen-prizes .content .left {margin:0px 0px 37px 0px; width:auto; min-width:auto; max-width:none; height:auto; position:relative; top:auto; bottom:auto; left:auto; display:block; padding:0px 20px;}
	.page-quest .screen-prizes .content .left .title {margin:0px 0px 18px 0px; font-size:34px; line-height:34px;}
	.page-quest .screen-prizes .content .left .text {max-width:none; font-size:14px; line-height:18px;}
	.page-quest .screen-prizes .content .left .text p {margin:10px 0px 0px 0px;}
	.page-quest .screen-prizes .content .prize-assortment {height: auto;
    width: 100%;
    background: none;
    border: none;
    box-sizing: border-box;
    backdrop-filter: none;
     padding: 25px 0px 20px;
  }
  .page-quest .screen-prizes .content .prize-assortment .tab_li {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
  }
    .page-quest .screen-prizes .content .prize-assortment .blocks {
	margin: 0px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px)

}
.page-quest .screen-prizes .content .prize-assortment .attention-tab-text {
	margin-left: 15px;
	margin-right: 15px;
}
	.page-quest .screen-prizes .content .prize-assortment .title-small {margin:0px 0px 2px 0px; padding:23px 0px 0px 0px; font-size:14px; line-height:18px;}
	.page-quest .screen-prizes .content .prize-assortment .title {margin:0px 0px 24px 0px; font-size:24px; line-height:30px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row {margin:4px 0px 0px 0px; padding:4px 0px 0px 0px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .name {font-size:14px; line-height:14px; padding:0px 15px 0px 0px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .name strong {font-size:14px; line-height:14px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .value {height: 160px; width:150px; min-width:150px; max-width:150px; font-size:10px; line-height:11px; padding:0px 0px 0px 70px;}
	.page-quest .screen-prizes .content .prize-assortment .blocks .row .value:before {width:70px; left:-10px;}
	
}



/* ==========================================================================
   Форма
   ========================================================================== */

.page-quest .screen-form {background:#fff; padding:45px;}
.page-quest .screen-form .inner {width:100%; height:100%; position:relative;}
.page-quest .screen-form .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/form-bg.jpg) no-repeat center center / cover;
 position:absolute; top:0px; bottom:0px; left:0px; right:0px;
}
.page-quest .screen-form .img-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/hat_in_form.png) no-repeat center center / contain;
	display: none;
	width: 306px;
	height: 310px;
	position: absolute;
	top: 46%;
	left: -44px;
	transform: translateY(-50%);
}
.page-quest .screen-form .img-2 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_town.png) no-repeat center center / contain;
	width: 346px;
	height: 383px;
	position: absolute;
	top: 85px;
	left: 33%;
}
.page-quest .screen-form .site-wrap {height:100%;}
.page-quest .screen-form .content {width:100%; height:100%; position:relative;}
.page-quest .screen-form .content .left {width:390px; min-width:390px; max-width:390px; height:100%; position:absolute; top:0px; bottom:0px; left:0px; padding-top: 39px;}
.page-quest .screen-form .content .left .title {margin:0px 0px 28px 0px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase;}
.page-quest .screen-form .content .left .text {max-width:320px; font-size:20px; line-height:30px; color:#fff; font-weight:700;}
.page-quest .screen-form .content .left .text p {margin:20px 0px 0px 0px; padding:0px;}
.page-quest .screen-form .content .left .text p:first-child {margin-top:0px;}
.page-quest .screen-form .content .left .text p.big {margin:21px 0px 0px 0px; font-size:24px; line-height:34px; font-weight:900;}
.page-quest .screen-form .content .left .text p.color {margin:3px 0px 0px 0px; font-size:44px; line-height:58px; color:#DB00FF; font-weight:900;}
.page-quest .screen-form .content .right {margin:0px 0px 0px 440px; height:100%; position:relative;}
.page-quest .screen-form .content .right .center {width:100%; height:100%; display:flex; justify-content:center; flex-direction:column;}
.page-quest .screen-form .content .right .container {background:rgba(255, 255, 255, 0.01); border:1px solid rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; padding:0px 50px 30px 50px;}
.page-quest .screen-form .content .right .container .title {margin:0px 0px 14px 0px; font-size:34px; line-height:38px; color:#fff; font-weight:bold;}
.page-quest .screen-form .content .right .container .description {margin:0px 0px 25px 0px; font-size:20px; line-height:25px; color:#fff;}
.page-quest .screen-form .content .right .container .form {margin:0px;}
.page-quest .screen-form .content .right .container .form .fields {margin:0px 0px 16px 0px;}
.page-quest .screen-form .content .right .container .form .fields .row {margin:15px 0px 0px -15px; display:flex;}
.page-quest .screen-form .content .right .container .form .fields .row:first-child {margin-top:0px;}
.page-quest .screen-form .content .right .container .form .fields .row .cell {width:100%;}
.page-quest .screen-form .content .right .container .form .fields .row .cell .padding {padding:0px 0px 0px 15px;}
.page-quest .screen-form .content .right .container .form .fields .row .cell .padding input {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
.page-quest .screen-form .content .right .container .form .fields .row .cell .padding textarea {width:100%; height:75px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:14px 15px; resize:none;}
.page-quest .screen-form .content .right .container .form .fields .row .cell .padding select {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
.page-quest .screen-form .content .right .container .form .license {margin:0px 0px 20px 0px;}
.page-quest .screen-form .content .right .container .form .license .block {margin:13px 0px 0px 0px;}
.page-quest .screen-form .content .right .container .form .license .block:first-child {margin-top:0px;}
.page-quest .screen-form .content .right .container .form .license .block input {display:none;}
.page-quest .screen-form .content .right .container .form .license .block input + label {display:block; font-size:14px; line-height:17px; color:#fff; position:relative; padding:0px 0px 0px 27px; cursor:pointer; max-width:460px;}
.page-quest .screen-form .content .right .container .form .license .block input + label a {color:#fff; text-decoration:underline;}
.page-quest .screen-form .content .right .container .form .license .block input + label a:hover {text-decoration:none;}
.page-quest .screen-form .content .right .container .form .license .block input + label:before {content:''; background:#fff; width:20px; height:20px; position:absolute; top:-1px; left:0px;}
.page-quest .screen-form .content .right .container .form .license .block input + label:after {content:''; background:url(/bitrix/templates/main/css/../images/quest/checkbox.svg) no-repeat center center / contain; width:12px; height:10px; position:absolute; top:4px; left:3px; opacity:0; transition:all 0.2s ease 0s;}
.page-quest .screen-form .content .right .container .form .license .block input:checked + label:after {opacity:1;}
.page-quest .screen-form .content .right .container .form .button {display:flex; justify-content:flex-end; width:100%; padding:0px 33px 0px 0px;}
.page-quest .screen-form .content .right .container .notice {display:none; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.page-quest .screen-form .content .right .container .notice .notice-title {margin:0px 0px 24px 0px; font-size:34px; line-height:38px; color:#fff; font-weight:900;}
.page-quest .screen-form .content .right .container .notice .notice-text {margin:0px 0px 50px 0px; font-size:20px; line-height:26px; color:#fff; font-weight:500;}
.page-quest .screen-form .content .right .container .notice .notice-text p {margin:15px 0px 0px 0px; padding:0px;}
.page-quest .screen-form .content .right .container .notice .notice-text p:first-child {margin-top:0px;}
.page-quest .screen-form .content .right .container .notice .notice-button {margin:0px;}

@media only screen and (max-width:1600px) {
	
	.page-quest .screen-form .content .left {width:350px; min-width:350px; max-width:350px;}
	.page-quest .screen-form .content .right {margin:0px 70px 0px 400px;}
	.page-quest .screen-form .img-1 {
		display: none
	}
	
}

@media only screen and (max-width:1300px) {
	
	.page-quest .screen-form .img-1 {width:278px; height:291px; margin-left:350px;}
	.page-quest .screen-form .content .left .title {font-size:36px; line-height:42px;}
	.page-quest .screen-form .content .left .text {font-size:16px; line-height:26px;}
	.page-quest .screen-form .content .right .container {padding:0px 50px 20px 50px;}
	.page-quest .screen-form .content .right .container .title {font-size:24px; line-height:34px;}
	.page-quest .screen-form .content .right .container .title br {display:none;}
	.page-quest .screen-form .content .right .container .description {margin:0px 0px 20px 0px; font-size:16px; line-height:20px;}
	.page-quest .screen-form .content .right .container .form .fields .row {margin:10px 0px 0px -10px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding {padding:0px 0px 0px 10px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding input {height:30px; font-size:14px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding select {height:30px; font-size:14px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding textarea {height:65px; font-size:14px; padding:5px 15px;}
	.page-quest .screen-form .content .right .container .form .license {margin:0px 0px 20px 0px;}
	
}

@media only screen and (max-width:767px) {
	.page-quest .screen-form .img-2 {
		display: none
	}
	.page-quest .screen-form {padding:0px 15px 15px 15px;}
	.page-quest .screen-form .inner {height:auto; padding:28px 0px 0px 0px;}
	.page-quest .screen-form .img-1 {background-image:url(/bitrix/templates/main/css/../images/quest/screen_form/img_1_mobile.png); width:270px; height:290px; top:307px; left:auto; right:-111px; margin-left:0px;}
	.page-quest .screen-form .site-wrap {height:auto;}
	.page-quest .screen-form .content {width:auto; height:auto;}
	.page-quest .screen-form .content .left {margin:0px 0px 36px 0px; width:auto; min-width:auto; max-width:none; height:auto; position:relative; top:auto; bottom:auto; left:auto; display:block;}
	.page-quest .screen-form .content .left .title {margin:0px 0px 14px 0px; font-size:34px; line-height:34px;}
	.page-quest .screen-form .content .left .text {max-width:none; font-size:14px; line-height:18px;}
	.page-quest .screen-form .content .left .text p {margin:20px 0px 0px 0px;}
	.page-quest .screen-form .content .left .text p.big {margin:10px 0px 0px 0px; font-size:18px; line-height:20px;}
	.page-quest .screen-form .content .left .text p.color {margin:15px 0px 0px 0px; font-size:44px; line-height:44px;}
	.page-quest .screen-form .content .right {margin:0px -20px; width:auto; height:auto;}
	.page-quest .screen-form .content .right .center {width:auto; height:auto; display:block;}
	.page-quest .screen-form .content .right .container {width:auto; height:auto; display:block; padding:21px 20px 40px 20px;}
	.page-quest .screen-form .content .right .container .title {margin:0px 0px 7px 0px; font-size:24px; line-height:24px;}
	.page-quest .screen-form .content .right .container .description {margin:0px 0px 17px 0px; font-size:14px; line-height:17px;}
	.page-quest .screen-form .content .right .container .form .fields {margin:0px 0px 16px 0px;}
	.page-quest .screen-form .content .right .container .form .fields .row {margin:20px 0px 0px 0px; display:block;}
	.page-quest .screen-form .content .right .container .form .fields .row:first-child {margin-top:0px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell {width:100%; margin:20px 0px 0px 0px}
	.page-quest .screen-form .content .right .container .form .fields .row .cell:first-child {margin-top:0px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding {padding:0px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding input {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding textarea {width:100%; height:82px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:14px 15px; resize:none;}
	.page-quest .screen-form .content .right .container .form .fields .row .cell .padding select {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
	.page-quest .screen-form .content .right .container .form .license {margin:0px 0px 17px 0px;}
	.page-quest .screen-form .content .right .container .form .license .block {margin:15px 0px 0px 0px;}
	.page-quest .screen-form .content .right .container .form .license .block input + label {font-size:12px; line-height:15px; max-width:none;}
	.page-quest .screen-form .content .right .container .form .button {display:block; width:100%; padding:0px 24px 0px 24px;}
	.page-quest .screen-form .content .right .container .notice .notice-title {width:100%;}
	.page-quest .screen-form .content .right .container .notice .notice-text {margin:0px 0px 30px 0px;width:100%;}
	.page-quest .screen-form .content .right .container .notice .notice-button {width:100%; padding:0px 24px;}
	
}



/* ==========================================================================
   Партнеры
   ========================================================================== */

.page-quest .screen-partners {background:#fff; padding:45px;}
.page-quest .screen-partners .inner {width:100%; height:100%; position:relative;}
.page-quest .screen-partners .bg {background:url(/bitrix/templates/main/css/../images/quest/screen_partners/bg.jpg) no-repeat center center / cover; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.page-quest .screen-partners .img-1 {background:url(/bitrix/templates/main/css/../images/quest/screen_partners/img_1.png) no-repeat center center / contain; width:428px; height:448px; position:absolute; top:-30px; left:50%; margin-left:293px;}
.page-quest .screen-partners .site-wrap {height:100%;}
.page-quest .screen-partners .content {width:100%; height:100%; position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:57px 0px 50px 0px;}
.page-quest .screen-partners .content .title {margin:0px 0px 35px 0px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase;}
.page-quest .screen-partners .content .partners {width:100%; height:100%; background:rgba(255, 255, 255, 0.01); border:1px solid rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); display:flex; flex-direction:column; justify-content:space-between;}
.page-quest .screen-partners .content .partners .row {flex-grow:1; display:flex; flex-direction:column; justify-content:space-between; height:37%;}
.page-quest .screen-partners .content .partners .row[data-number="2"] {flex-grow:0; height:26%;}
.page-quest .screen-partners .content .partners .row .name {margin:0px 0px 10px 0px; padding:12px 20px 8px 20px; font-size:18px; line-height:20px; color:#fff; font-weight:bold;}
.page-quest .screen-partners .content .partners .row .blocks {width:100%; height:100%; display:flex; flex-wrap:wrap; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); position:relative;}
.page-quest .screen-partners .content .partners .row:last-child .blocks {border-bottom:none;}

.page-quest .screen-partners .content .partners .row .blocks .line {background:rgba(255, 255, 255, 0.1); position:absolute;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-1 {width:1px; height:100%; top:0px; left:14.28%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-2 {width:1px; height:100%; top:0px; left:28.56%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-3 {width:1px; height:100%; top:0px; left:42.84%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-4 {width:1px; height:100%; top:0px; left:57.12%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-5 {width:1px; height:100%; top:0px; left:71.40%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-6 {width:1px; height:100%; top:0px; left:85.68%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .line-7 {width:100%; height:1px; top:50%; left:0px;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-1 {width:1px; height:100%; top:0px; left:11.11%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-2 {width:1px; height:100%; top:0px; left:22.22%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-3 {width:1px; height:100%; top:0px; left:33.33%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-4 {width:1px; height:100%; top:0px; left:44.44%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-5 {width:1px; height:100%; top:0px; left:55.55%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-6 {width:1px; height:100%; top:0px; left:66.66%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-7 {width:1px; height:100%; top:0px; left:77.77%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .line-8 {width:1px; height:100%; top:0px; left:88.88%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-1 {width:1px; height:100%; top:0px; left:10%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-2 {width:1px; height:100%; top:0px; left:20%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-3 {width:1px; height:100%; top:0px; left:30%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-4 {width:1px; height:100%; top:0px; left:40%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-5 {width:1px; height:100%; top:0px; left:50%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-6 {width:1px; height:100%; top:0px; left:60%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-7 {width:1px; height:100%; top:0px; left:70%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-8 {width:1px; height:100%; top:0px; left:80%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-9 {width:1px; height:100%; top:0px; left:90%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .line-10 {width:100%; height:1px; top:50%; left:0px;}

.page-quest .screen-partners .content .partners .row .blocks .block {position:relative;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="7"] .block {width:14.28%; height:50%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="9"] .block {width:11.11%; height:100%;}
.page-quest .screen-partners .content .partners .row .blocks[data-items="10"] .block {width:10%; height:50%;}
.page-quest .screen-partners .content .partners .row .blocks .block .img {display:block; text-decoration:none; background:no-repeat center center / contain; width:65%; height:65%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="1"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="1"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_1.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="2"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="2"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/dnevnik.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="3"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="3"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/kinderfm.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="4"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="4"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_4.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="5"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="5"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_2.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="6"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="6"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/littleone.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="7"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="7"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_6.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="8"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="8"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/teatr+.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="9"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="9"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_8.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="10"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="10"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/spbbgu.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="11"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="11"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_10.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="12"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="12"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/willcat.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="13"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="13"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_12.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="14"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="14"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/mispb.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="15"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="15"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_14.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="16"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="16"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_15.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="17"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="17"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_16.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="18"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="18"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_17.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="19"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="19"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_18.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="20"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="20"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_19.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="21"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="21"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_20.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="22"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="22"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/samokat.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="23"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="23"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/shadows.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="24"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="24"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_23.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="25"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="25"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_24.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="26"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="26"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_25.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="27"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="27"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/newscene.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="28"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="28"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/estrada.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="29"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="29"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_28.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="30"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="30"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_29.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="31"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="31"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_30.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="32"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="32"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/water-universe.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="33"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="33"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_32.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="34"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="34"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_33.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="35"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="35"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_34.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="36"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="36"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_35.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="37"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="37"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/chuvtuz.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="38"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="38"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_37.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="39"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="39"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_38.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="40"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="40"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_39.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="41"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="41"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/arlekin.png);}
.page-quest .screen-partners .content .partners .row .blocks .block .img[data-icon="42"],
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img[data-icon="42"] {background-image:url(/bitrix/templates/main/css/../images/quest/screen_partners/icon_41.png);}

.page-quest .screen-partners .content .partners .row .mobile-blocks-slider {display: none; position: relative;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-container {}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-wrapper {}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-slide {display: flex; flex-direction: column;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-prev {outline: none; margin: 0; left: 0; width: 60px; height: 60px; background:none; border: 1px solid rgba(255, 255, 255, 0.1); border-left: none; transform: translateY(-50%); transform: translateY(-50%); border-radius: 0 70px 70px 0;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-prev.swiper-button-disabled:before {opacity: 0.5;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-prev:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:22px; height:15px; background: url(/bitrix/templates/main/css/../images/icons/arrow-partners-left.svg) no-repeat center / contain;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-next {outline: none; margin: 0; right: 0; width: 60px; height: 60px; background:none; border: 1px solid rgba(255, 255, 255, 0.1); border-right: none; transform: translateY(-50%); transform: translateY(-50%); border-radius: 70px 0 0 70px;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-next.swiper-button-disabled {opacity: 1;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-next.swiper-button-disabled:before {opacity: 0.5;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .swiper-button-next:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:22px; height:15px; background: url(/bitrix/templates/main/css/../images/icons/arrow-partners-right.svg) no-repeat center / contain;}

.page-quest .screen-partners .content .partners .row .mobile-blocks-slider:after {content: ''; position: absolute; top:50%; left: 60px; right: 60px; display: block; height: 1px; background:rgba(255, 255, 255, 0.1);}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block {border: 1px solid rgba(255, 255, 255, 0.1); height: 100px; position: relative;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block:first-child {border-bottom: none;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block:nth-child(n+2) {border-top: none;}
.page-quest .screen-partners .content .partners .row .mobile-blocks-slider .block .img {background:no-repeat center center / contain; width:65%; height:65%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media only screen and (max-width:1300px) {
	
	.page-quest .screen-partners .img-1 {width:278px; height:291px; margin-left:353px;}
	.page-quest .screen-partners .content {padding:25px 0px 0px 0px;}
	.page-quest .screen-partners .content .title {margin:0px 0px 22px 0px; font-size:40px; line-height:50px;}
	.page-quest .screen-partners .content .partners .row .blocks .block .img {width:75%; height:75%;}
	
}

@media only screen and (max-width:767px) {
	.page-quest .screen-partners {padding: 0 15px;}
	.page-quest .screen-partners .site-wrap {padding: 0;}
	.page-quest .screen-partners .content {padding: 23px 0 0 0;}
	.page-quest .screen-partners .content .title {font-size: 34px; line-height: 34px; padding:0 20px; margin: 0 0 27px 0;}
	.page-quest .screen-partners .content .partners .row .name {font-size: 18px; line-height: 20px;}
	.page-quest .screen-partners .content .partners .row .blocks {display: none;}
	.page-quest .screen-partners .content .partners .row .mobile-blocks-slider {display: block;}
}








/* ==========================================================================
   АРХИВ
   ========================================================================== */
.page-quest .screen-archive .site-wrap {
    max-width: 1280px;
}
.page-quest .screen-archive {
	background:#fff; padding:45px;}
.page-quest .screen-archive .inner {
	width:100%; height:100%; position:relative; display:flex; align-items:center; padding:80px 0px 0px 0px;}
.page-quest .screen-archive .bg {
	background:url(/bitrix/templates/main/css/../images/quest_v5/archive-bg.png) no-repeat center center / cover; 
	position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.page-quest .screen-archive .img-1 {
	background:url(/bitrix/templates/main/css/../images/quest_v5/arc-sfera.png) no-repeat center center / contain;
    width: 450px;
    height: 450px;
    position: absolute;
    bottom: auto;
    left: 28px;
    top: -21px;
    z-index: 0;
 }

.page-quest .screen-archive .site-wrap {
	height:100%;}
.page-quest .screen-archive .content {
	width:100%; height:100%; position:relative;}
.page-quest .screen-archive .content .left {
	width:385px; min-width:385px; max-width:385px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; top:10px; bottom:0px; left:0px;padding-top: 20px;}
.page-quest .screen-archive .content .left .color {
	color:#DB00FF; text-transform:none;}
.page-quest .screen-archive .content .right {
	margin:0px 0px 0px 455px; height:100%; position:relative;padding-top: 0px;
}
.page-quest .screen-archive .content .right .arrow {
	background:no-repeat center center / contain; width:160px; height:160px; position:absolute; top:50%; cursor:pointer; outline:none;}
.page-quest .screen-archive .content .right .arrow.arrow-left {
	background-image:url(/bitrix/templates/main/css/../images/quest/arrow_left.png); left:-100px;}
.page-quest .screen-archive .content .right .arrow.arrow-right {
	background-image:url(/bitrix/templates/main/css/../images/quest/arrow_right.png); right:-100px;}
.page-quest .screen-archive .content .right .arrow .arrow-name {
	position:absolute; top:91px; font-size:16px; line-height:20px; color:#EAAC2D; font-weight:900; white-space:nowrap;}
.page-quest .screen-archive .content .right .arrow.arrow-left .arrow-name {
	text-align:right; right:69px;}
.page-quest .screen-archive .content .right .arrow.arrow-right .arrow-name {
	text-align:left; left:69px;}
.page-quest .screen-archive .content .right .container {
	background:rgba(255, 255, 255, 0.01); border:1px solid rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); height:100%;}
.page-quest .screen-archive .content .right .container .swiper-container {
	width:100%; height:100%; position:relative; top:0px;}
.page-quest .screen-archive .content .right .container .swiper-wrapper {
	height:100%;}
.page-quest .screen-archive .content .right .container .swiper-slide {
	height:100%; padding: 28px 96px 20px;}
.page-quest .screen-archive .content .right .container .number {
	margin: 0;
    padding: 0;
    font-size: 80px;
    line-height: 84px;
    color: #fff;
    font-weight: 900;
    position: absolute;
	left: -2px;
    top: -15px;
}
.page-quest .screen-archive .content .right .container .number:before {
	/*content:''; background:rgba(255, 255, 255, 0.15); width:200px; height:1px; position:absolute; bottom:0px; left:0px;*/
}
.page-quest .screen-archive .content .right .container .description .color {
	color:#6F02FA; font-weight:bold;}
.page-quest .screen-archive .content .right .container .description .title {
	font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 70px;
text-transform: uppercase;

color: #FFFFFF;
}
.page-quest .screen-archive .content .right .container .description.short {
	max-width: 480px;
}
.page-quest .screen-archive .content .right .container .description p {
	font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 26px;

color: #FFFFFF;}
.page-quest .screen-archive .content .right .container .description p.big {
	font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 39px;
margin-bottom: 31px;
color: #FFFFFF;
}
.page-quest .screen-archive .content .right .container .description p span {
	color: #6F02FA;
}
.page-quest .screen-archive .content .right .container .description p:first-child {
	margin-top:0px;}
.page-quest .screen-archive .content .right .container .description a 
{color:#DB00FF; font-weight: normal;text-decoration: none;}
.page-quest .screen-archive .content .right .container .description a:hover {
	text-decoration:underline;}
.page-quest .screen-archive .content .right .container .button {
	position:absolute;
 bottom:90px; 
	right:83px;}
.page-quest .screen-archive .content .right .container .button[data-position="left"] {
	left:83px;
 right:auto;}
.page-quest .screen-archive .content .right .container .description .tab_box_slide {
	margin-top: 20px;
}
.page-quest .screen-archive .content .right .container .description .tab_box_slide p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFFF;
}
.page-quest .screen-archive .content .right .container .description .tab_box_slide p span {
	font-weight: bold;
	color: #6F02FA;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide { 
	display: flex;
	justify-content: space-between;
	margin: 0;
	list-style-type: none;
	margin-bottom: 11px;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide li {
	width: 180px;
	height: 47px;
	border-radius: 20px;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	font-style: normal;
	font-weight: 900;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	border: 2px solid #FFFFFF;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide li a.curent {
	background: #DB00FF;
	border-color: #DB00FF;
}
.reviews-block {
	column-count: 2;
}
.review-item {
	position: relative;
	padding-bottom: 35px;
	margin: 0px 0px 10px;
}
.page-quest .screen-archive .content .right .container .description .review-item p {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #4fb2c8;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 12px 15px;
	margin: 0;
    
}
.review-item p:after {
	position: absolute;
	content: '';
	bottom: -34px;
	left: 40px;
	width: 0;
	height: 0;
	border-top: 35px solid #ffffff; 
	border-right: 35px solid transparent;			
}
.page-quest .screen-archive .content .right .container .description .review-item span {
	position: absolute;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	left: 88px;
    bottom: 9px;
}
.wrap-pos-button {
	position: absolute;
    bottom: 75px;
    left: 12.6%;
    text-decoration: none;
}
.wrap-pos-button .pos-button-title {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
	margin: 0;
    margin-bottom: 30px;
}
.wrap-pos-button .element-button {
	padding-left: 40px;
}
.wrap-pos-button .element-button .bg-back {
	left: 35px;
}
.wrap-pos-button .element-button .bg-front {
	left: 25px;
}
.attention-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 255px;
	height: 47px;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	font-style: normal;
	font-weight: 900;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #FFFFFF;
	margin-left: auto;
	text-decoration: none;
    margin-right: auto;
    margin-top: 100px;
}







@media only screen and (max-width:1600px) {
.wrap-pos-button {
    position: absolute;
    bottom: 75px;
    left: 9vw;
}
.page-quest .screen-archive .content .right .container .swiper-slide {
	height:100%; padding: 28px 0px 20px;}
}

@media only screen and (max-width:1450px) {
	.page-quest .screen-archive .img-1 {
    width: 255px;
    height: 255px;
    position: absolute;
    bottom: auto;
    left: auto;
    top: -42px;
    margin-left: 0;
    right: -2%;
    z-index: 1;
}
.page-quest .screen-archive .content .right .container .description {
	padding: 0px 55px;
    padding-top: 35px;
}
.page-quest .screen-archive .content .right .container .description.long {
	padding: 20px 15px 0px;
}
.page-quest .screen-archive .content .right .container .description.long .title {
	margin-left: 40px
}
.page-quest .screen-archive .content .right .container .description.short {
    max-width: none;
}
.page-quest .screen-archive .content .right .container .title {
	font-size: 34px;
}
.page-quest .screen-archive .content .right {
    margin: 0px 70px 0px 400px;
}
.wrap-pos-button {
	left: 25px;
}
.review-item {
    margin: 0px 0px 25px;
}
.page-quest .screen-archive .content .right .container .description .review-item p {
    border-radius: 20px;
    padding: 14px 16px;
}
}
@media only screen and (max-width:1380px) {
	.page-quest .screen-archive .content .right .container .description .review-item p {
    font-size: 12px;
    border-radius: 20px;
    padding: 10px 14px;
}

	.page-quest .screen-archive .img-1 {width:414px; height:368px; bottom:-59px; margin-left:-734px;}
	.page-quest .screen-archive .img-2 {width:368px; height:391px; top:-20px; right:-20px;}
	.page-quest .screen-archive .content .left {font-size:40px; line-height:54px;}
	.page-quest .screen-archive .content .right .container .button {bottom:40px; right:53px;}
	.page-quest .screen-archive .content .right .container .number {margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:100px; line-height:100px;}
	.page-quest .screen-archive .content .right .container .name {font-size:30px; line-height:30px;}
	.page-quest .screen-archive .content .right .container .description {font-size:18px; line-height:24px;}
	.page-quest .screen-archive .content .right .container .description p {margin:12px 0px 0px 0px;}
	.page-quest .screen-archive .content .right .container .img {width:150px; height:150px; top:210px;}
	.page-quest .screen-archive .content .right .container .swiper-slide {
        padding: 60px 0px 20px;
}
.page-quest .screen-archive .content .right .container .description .title {
	font-size: 34px;line-height: 1;
	margin-bottom: 30px;
}
}

@media only screen and (max-width:1280px) {
.page-quest .screen-archive .content .right .container .description p.big {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #FFFFFF;
}
.review-item {
    margin: 0px 0px 10px;
    padding-bottom: 20px;
}
.page-quest .screen-archive .content .right .container .description .review-item p {
    font-size: 12px;
    border-radius: 12px;
    padding: 5px;
}
.review-item p:after {
    position: absolute;
    content: '';
    bottom: -20px;
    left: 28px;
    width: 0;
    height: 0;
    border-top: 20px solid #ffffff;
    border-right: 20px solid transparent;
}
.page-quest .screen-archive .content .right .container .description .review-item span {
    font-size: 14px;
    line-height: 1px;
    color: #FFFFFF;
    left: 65px;
    bottom: 2px;
}
.page-quest .screen-archive .inner {
	padding: 25px 0px 0px 0px;
	flex-wrap: wrap;
}
.page-quest .screen-archive .content .left {
    width: 100%;
    min-width: auto;
    max-width: none;
    font-size: 50px;
    line-height: 58px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    padding-top: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.page-quest .screen-archive .content .right {
    margin: 0;
}

.wrap-pos-button {
	position: relative;
	left: 0;
	bottom: 0;
	margin:0px auto 20px;
}
.page-quest .screen-archive .site-wrap {
    height: auto;
    max-width: 960px;
}
.page-quest .screen-archive .img-1 {
	display: none
}
}
@media only screen and (max-width:767px) {
	.wrap-pos-button {
		width: 290px;
		margin-top: 50px;
	}
	.wrap-pos-button .element-button .bg-back {
    left: 10px;
}
.wrap-pos-button .element-button .bg-front {
    left: 0px;
}
.wrap-pos-button .element-button {
    padding-left: 0;
}
	.wrap-pos-button .pos-button-title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 15px;
    padding-left: 25px;
}
	.page-quest .screen-archive {padding:0px 15px 15px 15px; z-index:4 !important;}
	.page-quest .screen-archive .inner {height:auto; display:block; padding:44px 0px 40px 0px;}
	.page-quest .screen-archive .img-1 {width:303px; height:266px; bottom:-88px; left:50%; margin-left:-182px;display: none;
}
	.page-quest .screen-archive .img-2 {width:310px; height:340px; top:190px; right:-140px;}
	.page-quest .screen-archive .site-wrap {height:auto;}
	.page-quest .screen-archive .content {height:auto; margin:0px -20px; width:auto;}
	.page-quest .screen-archive .content .left {margin:0px 0px 26px 0px; padding:0px 20px; width:auto; min-width:auto; max-width:none; font-size:20px; line-height:28px; position:relative; top:auto; bottom:auto; left:auto;}
	.page-quest .screen-archive .content .right {margin:0px 0px 0px 0px; height:auto;}
	.page-quest .screen-archive .content .right .arrow {width:140px; height:140px; top:18px; z-index:2;}
	.page-quest .screen-archive .content .right .arrow.arrow-left {width: 140px; height: 140px;left: -38px;background-image:url(/bitrix/templates/main/css/../images/quest_v5/arrow-left.png);}
	.page-quest .screen-archive .content .right .arrow.arrow-right {background-image:url(/bitrix/templates/main/css/../images/quest/arrow_right_mobile.png); right:-55px;}
	.page-quest .screen-archive .content .right .arrow .arrow-name {top:91px; font-size:12px; line-height:15px;}
	.page-quest .screen-archive .content .right .arrow.arrow-left .arrow-name {text-align: left;right: -19px;top: 15px;width: 72px;}
	.page-quest .screen-archive .content .right .arrow.arrow-right .arrow-name {top:14px; left:auto; right:105px; text-align:right;}
	.page-quest .screen-archive .content .right .container {height:auto;background: none;backdrop-filter: none;}
	.page-quest .screen-archive .content .right .container .swiper-container {height:100%; top:0px;}
	.page-quest .screen-archive .content .right .container .swiper-slide {padding:110px 20px 0px}
	.page-quest .screen-archive .content .right .container .number {left: 50%;  transform: translateX(-50%);margin:0px 0px 18px 0px; padding: 47px 0px 18px 0px; font-size:50px; line-height:30px;}
	.page-quest .screen-archive .content .right .container .number:before {width:100%;}
	.page-quest .screen-archive .content .right .container .name {margin:0px 0px 16px 0px; font-size:30px; line-height:30px;}
	.page-quest .screen-archive .content .right .container .description {font-size:16px; line-height:20px;}
	.page-quest .screen-archive .content .right .container .description.small {max-width:none;}
	.page-quest .screen-archive .content .right .container .description p {margin:17px 0px 0px 0px;}
	.page-quest .screen-archive .content .right .container .button {position:absolute; bottom:70px; left:44px; right:44px;}
	.page-quest .screen-archive .content .right .container .button[data-position="left"] {left:44px; right:44px;}
	.page-quest .screen-archive .content .right .container .img {width:170px; height:170px; top:195px; left:50%; margin-left:-85px;}
	.wrap-img-slider-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40vw;
    height: 40vw;
}
.img-slider-container img {
    height: 40vw;
    width: auto;
}
.page-quest .screen-archive .content .right .container .button {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 30px;
}
.attention-text {
	margin-top: 15px
}
.page-quest .screen-archive .content .right .container .description {
    padding: 0;
    padding-top: 20px;
}
}
@media only screen and (max-width:575px) {
.reviews-block {
    column-count: 1;
}
.page-quest .screen-archive .content .right .container .description.long {
    padding: 0px 15px 0px;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide {
	flex-wrap:  wrap;
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide li {
	display: block;
	margin: auto
}
.page-quest .screen-archive .content .right .container .description .tab_li_slide li + li {
	margin-top: 20px
}
}











/* ==========================================================================
   БОТ
   ========================================================================== */

.page-quest .screen-bot {background:#fff; padding:45px;}
.page-quest .screen-bot .inner {width:100%; height:100%; position:relative;}
.page-quest .screen-bot .bg {background:url(/bitrix/templates/main/css/../images/quest_v5/bot-bg.png) no-repeat center center / cover;
 position:absolute; top:0px; bottom:0px; left:0px; right:0px;
}
.page-quest .screen-bot .img-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/hat_on_slider.png) no-repeat center center / contain;
	display: none;
	width: 316px;
	height: 316px;
	position: absolute;
	top: 22%;
    right: 7%;
    z-index: 1;
	transform: translateY(-50%);
}
.page-quest .screen-bot .img-2 {background:url(/bitrix/templates/main/css/../images/quest_v5/sfera_town.png) no-repeat center center / contain;
	display: none;
	width: 346px;
	height: 383px;
	position: absolute;
	top: 22%;
    right: 7%;
    z-index: 0;
}
.wrap-container-invis {
	display: none;
	height: 100%;
}
.start-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 520px;
    margin-left: auto;
    margin-right: 54px;
    height: 100%;
}
.start-block p {
	font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #FFFFFF;
margin: 0;
}
.start-block-vis {
	display: none;
}
.start-block p a {
	color: #DB00FF;
	text-decoration: none;
}
.start-block p.bold {
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	color: #FFFFFF;
	margin-top: 22px;
	margin-bottom: 19px;

}
.start-block p span {color: #DB00FF;}
.wrap-reg-block {
	width: 520px;
	height: 369px;
	background: rgba(0, 0, 0, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
	text-align: center;	
	padding-top: 20px;
}
.wrap-reg-block p.bold {
	margin-bottom: 20px;
}
.wrap-reg-block .button {
    margin: auto;
    display: block;
    width: 256px;
}





.page-quest .screen-bot .site-wrap {height:100%;}
.page-quest .screen-bot .content {width:100%; height:100%; position:relative;}
.page-quest .screen-bot .content .left {width:390px; min-width:390px; max-width:390px; height:100%; position:absolute; top:0px; bottom:0px; left:0px; padding-top: 39px;}
.page-quest .screen-bot .content .left .title {margin:0px 0px 28px 0px; font-size:50px; line-height:58px; color:#fff; font-weight:bold; text-transform:uppercase;}
.page-quest .screen-bot .content .left .text {max-width:320px; font-size:20px; line-height:30px; color:#fff; font-weight:700;}
.page-quest .screen-bot .content .left .text p {margin:20px 0px 0px 0px; padding:0px;}
.page-quest .screen-bot .content .left .text p:first-child {margin-top:0px;}
.page-quest .screen-bot .content .left .text p.big {margin:21px 0px 0px 0px; font-size:49px; line-height:34px; font-weight:900;}
.page-quest .screen-bot .content .left .text p.color {margin:3px 0px 0px 0px; font-size:44px; line-height:58px; color:#DB00FF; font-weight:900;}
.page-quest .screen-bot .content .right {margin:0px 0px 0px 440px; height:100%; position:relative;}
.page-quest .screen-bot .content .right .center {width:100%; height:100%; display:flex; justify-content:center; flex-direction:column;}
.page-quest .screen-bot .content .right .container {background:rgba(255, 255, 255, 0.01); border:1px solid rgba(255, 255, 255, 0.1); -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; padding:0px 50px 30px 50px;}
.page-quest .screen-bot .content .right .container .title {margin:0px 0px 14px 0px; font-size:34px; line-height:38px; color:#fff; font-weight:bold;}
.page-quest .screen-bot .content .right .container .description {margin:0px 0px 25px 0px; font-size:20px; line-height:25px; color:#fff;}
.page-quest .screen-bot .content .right .container .form {margin:0px;}
.page-quest .screen-bot .content .right .container .form .fields {margin:0px 0px 16px 0px;}
.page-quest .screen-bot .content .right .container .form .fields .row {margin:15px 0px 0px -15px; display:flex;}
.page-quest .screen-bot .content .right .container .form .fields .row:first-child {margin-top:0px;}
.page-quest .screen-bot .content .right .container .form .fields .row .cell {width:100%;}
.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding {padding:0px 0px 0px 15px;}
.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding input {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding textarea {width:100%; height:75px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:14px 15px; resize:none;}
.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding select {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:16px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
.page-quest .screen-bot .content .right .container .form .license {margin:0px 0px 20px 0px;}
.page-quest .screen-bot .content .right .container .form .license .block {margin:13px 0px 0px 0px;}
.page-quest .screen-bot .content .right .container .form .license .block:first-child {margin-top:0px;}
.page-quest .screen-bot .content .right .container .form .license .block input {display:none;}
.page-quest .screen-bot .content .right .container .form .license .block input + label {display:block; font-size:14px; line-height:17px; color:#fff; position:relative; padding:0px 0px 0px 27px; cursor:pointer; max-width:460px;}
.page-quest .screen-bot .content .right .container .form .license .block input + label a {color:#fff; text-decoration:underline;}
.page-quest .screen-bot .content .right .container .form .license .block input + label a:hover {text-decoration:none;}
.page-quest .screen-bot .content .right .container .form .license .block input + label:before {content:''; background:#fff; width:20px; height:20px; position:absolute; top:-1px; left:0px;}
.page-quest .screen-bot .content .right .container .form .license .block input + label:after {content:''; background:url(/bitrix/templates/main/css/../images/quest/checkbox.svg) no-repeat center center / contain; width:12px; height:10px; position:absolute; top:4px; left:3px; opacity:0; transition:all 0.2s ease 0s;}
.page-quest .screen-bot .content .right .container .form .license .block input:checked + label:after {opacity:1;}
.page-quest .screen-bot .content .right .container .form .button {display:flex; justify-content:flex-end; width:100%; padding:0px 33px 0px 0px;}
.page-quest .screen-bot .content .right .container .notice {display:none; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.page-quest .screen-bot .content .right .container .notice .notice-title {margin:0px 0px 24px 0px; font-size:34px; line-height:38px; color:#fff; font-weight:900;}
.page-quest .screen-bot .content .right .container .notice .notice-text {margin:0px 0px 50px 0px; font-size:20px; line-height:26px; color:#fff; font-weight:500;}
.page-quest .screen-bot .content .right .container .notice .notice-text p span {color: #6F02FA;}
.page-quest .screen-bot .content .right .container .notice .notice-text p {margin:15px 0px 0px 0px; padding:0px;}
.page-quest .screen-bot .content .right .container .notice .notice-text p:first-child {margin-top:0px;}
.page-quest .screen-bot .content .right .container .notice .notice-button {margin:0px;}




.wrap-alien-block {
	position: absolute;
	left: 9vw;
    bottom: -25px;
    width: 413px;
    height: 439px;
}
.wrap-alien-block .alien-block {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(/bitrix/templates/main/css/../images/quest_v5/bot.png) no-repeat center center / contain;
}
.wrap-alien-block .alien-block p {
	position: absolute;
	right: -59px;
    top: -73px;
	width: 220px;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 31px;
	color: #6F02FA;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 12px 25px;
	margin: 0;
}
.wrap-alien-block .alien-block p:after {
	position: absolute;
	content: '';
	bottom: -34px;
	left: 40px;
	width: 0;
	height: 0;
	border-top: 35px solid #ffffff; 
	border-right: 35px solid transparent;	
}
.img_sfera-1 {
	position: absolute;
    width: 101px;
    height: 110px;
    left: 73px;
    top: -11px;
}
.img_sfera-2 {
    position: absolute;
    width: 129px;
    height: 141px;
    left: 20px;
    top: 170px;
}
.img_sfera-3 {
	position: absolute;
    width: 191px;
    height: 210px;
    right: -65px;
    top: 86px;
}






@media only screen and (max-width:1600px) {
	
	.page-quest .screen-bot .content .left {width:350px; min-width:350px; max-width:350px;}
	.page-quest .screen-bot .content .right {margin:0px 70px 0px 400px;}
	.wrap-alien-block {
	left: 3vw;
}
	
}

@media only screen and (max-width:1450px) {
		.page-quest .screen-bot .img-1 {display: none!important}
	.page-quest .screen-bot .img-2 {display: none!important}
}
@media only screen and (max-width:1300px) {
	.wrap-alien-block {
    position: absolute;
    left: 15px;
    bottom: -25px;
    width: 300px;
    height: 339px;
}
.wrap-alien-block .alien-block p {
    right: -59px;
    top: -73px;
    width: 207px;
    font-size: 22px;
    line-height: 28px;
}
.img_sfera-1 {
    left: 35px;
    top: -45px;
}
.img_sfera-2 {
    left: -35px;
    top: 184px;
}
.page-quest .screen-bot .img-2 {
    width: 346px;
    height: 383px;
    top: -1%;
    right: -6%;
    z-index: 1;
}
	.page-quest .screen-bot .img-1 {width:278px; height:291px;top: 16%;right: -1%;}
	.page-quest .screen-bot .content .left .title {font-size:36px; line-height:42px;}
	.page-quest .screen-bot .content .left .text {font-size:16px; line-height:26px;}
	.page-quest .screen-bot .content .right .container {padding:0px 50px 20px 50px;}
	.page-quest .screen-bot .content .right .container .title {font-size:24px; line-height:34px;}
	.page-quest .screen-bot .content .right .container .title br {display:none;}
	.page-quest .screen-bot .content .right .container .description {margin:0px 0px 20px 0px; font-size:16px; line-height:20px;}
	.page-quest .screen-bot .content .right .container .form .fields .row {margin:10px 0px 0px -10px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding {padding:0px 0px 0px 10px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding input {height:30px; font-size:14px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding select {height:30px; font-size:14px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding textarea {height:65px; font-size:14px; padding:5px 15px;}
	.page-quest .screen-bot .content .right .container .form .license {margin:0px 0px 20px 0px;}
	
}

@media only screen and (max-width:767px) {
	.start-block {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: auto;
    padding: 0 15px;
}
.wrap-reg-block {
	display: none
}
.wrap-container-invis {
	position: relative;
	z-index: 2;
	display: block;
	margin-top: 300px;
}
.wrap-alien-block {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 665px;
    width: 243px;
    height: 301px;
    z-index: 0;
}
.img_sfera-1,
.img_sfera-2,
.img_sfera-3 {
	display: none
}
	.page-quest .screen-bot {padding:0px 15px 15px 15px;}
	.page-quest .screen-bot .inner {height:auto; padding:28px 0px 0px 0px;}
	.page-quest .screen-bot .img-1 {display: none!important}
	.page-quest .screen-bot .img-2 {display: none!important}
	.page-quest .screen-bot .site-wrap {height:auto;}
	.page-quest .screen-bot .content {width:auto; height:auto;}
	.page-quest .screen-bot .content .left {margin:0px 0px 36px 0px; width:auto; min-width:auto; max-width:none; height:auto; position:relative; top:auto; bottom:auto; left:auto; display:block;}
	.page-quest .screen-bot .content .left .title {margin:0px 0px 14px 0px; font-size:34px; line-height:34px;}
	.page-quest .screen-bot .content .left .text {max-width:none; font-size:14px; line-height:18px;}
	.page-quest .screen-bot .content .left .text p {margin:20px 0px 0px 0px;}
	.page-quest .screen-bot .content .left .text p.big {margin:10px 0px 0px 0px; font-size:34px; line-height:44px;}
	.page-quest .screen-bot .content .left .text p.color {margin:0px 0px 0px; font-size:34px; line-height:44px;}
	.page-quest .screen-bot .content .right {margin:0px -20px; width:auto; height:auto;}
	.page-quest .screen-bot .content .right .center {width:auto; height:auto; display:block;}
	.page-quest .screen-bot .content .right .container {width:auto; height:auto; display:block; padding:21px 20px 40px 20px;}
	.page-quest .screen-bot .content .right .container .title {margin:0px 0px 7px 0px; font-size:24px; line-height:24px;}
	.page-quest .screen-bot .content .right .container .description {margin:0px 0px 17px 0px; font-size:14px; line-height:17px;}
	.page-quest .screen-bot .content .right .container .form .fields {margin:0px 0px 16px 0px;}
	.page-quest .screen-bot .content .right .container .form .fields .row {margin:20px 0px 0px 0px; display:block;}
	.page-quest .screen-bot .content .right .container .form .fields .row:first-child {margin-top:0px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell {width:100%; margin:20px 0px 0px 0px}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell:first-child {margin-top:0px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding {padding:0px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding input {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding textarea {width:100%; height:82px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:14px 15px; resize:none;}
	.page-quest .screen-bot .content .right .container .form .fields .row .cell .padding select {width:100%; height:50px; background:#fff; border:none; border-radius:0px; font-size:14px; line-height:20px; color:#777777; font-weight:400; font-family:'DINPro'; margin:0px; padding:0px 15px;}
	.page-quest .screen-bot .content .right .container .form .license {margin:0px 0px 17px 0px;}
	.page-quest .screen-bot .content .right .container .form .license .block {margin:15px 0px 0px 0px;}
	.page-quest .screen-bot .content .right .container .form .license .block input + label {font-size:12px; line-height:15px; max-width:none;}
	.page-quest .screen-bot .content .right .container .form .button {display:block; width:100%; padding:0px 24px 0px 24px;}
	.page-quest .screen-bot .content .right .container .notice .notice-title {width:100%;}
	.page-quest .screen-bot .content .right .container .notice .notice-text {margin:0px 0px 30px 0px;width:100%;}
	.page-quest .screen-bot .content .right .container .notice .notice-button {width:100%; padding:0px 24px;}
	.start-block-vis {display: block;}
}

@media only screen and (max-width:575px) {

.wrap-alien-block {
    position: absolute;
    left: 26%;
    transform: translateX(-50%);
    bottom: 784px;
    width: 243px;
    height: 301px;
    z-index: 0;
}
}














/* ==========================================================================
   Навигация
   ========================================================================== */

.page-quest .nav-right {position:fixed; top:108px; bottom:0px; right:33px; z-index:90;}
.windows .page-quest .nav-right {right:50px;}
.page-quest .nav-right .arrow {position:absolute; right:0px; width:24px; height:70px; background:#fff; border-radius:99px; cursor:pointer; opacity:0; visibility:hidden; transition:all 0.2s ease 0s;}
.page-quest .nav-right .arrow.active {opacity:1; visibility:visible;}
.page-quest .nav-right .arrow:before {content:''; background:no-repeat center center / contain; width:9px; height:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.page-quest .nav-right .arrow.arrow-top {top:95px;}
.page-quest .nav-right .arrow.arrow-top:before {background-image:url(/bitrix/templates/main/css/../images/quest/nav_arrow_top.svg);}
.page-quest .nav-right .arrow.arrow-bottom {bottom:95px;}
.page-quest .nav-right .arrow.arrow-bottom:before {background-image:url(/bitrix/templates/main/css/../images/quest/nav_arrow_bottom.svg);}
.page-quest .nav-right .nav {position:absolute; top:50%; right:4px; transform:translateY(-50%);}
.page-quest .nav-right .nav .block {margin:34px 0px 0px 0px; padding:0px 40px 0px 0px; position:relative; text-align:right; white-space:nowrap; cursor:pointer;}
.page-quest .nav-right .nav .block:first-child {margin-top:0px;}
.page-quest .nav-right .nav .block .text {font-size:12px; line-height:16px; color:rgba(255, 255, 255, 0.3); font-weight:bold; text-transform:uppercase; transition:all 0.2s ease 0s; position:relative; top:1px;}
.page-quest .nav-right .nav .block .dot {background:#fff; width:16px; height:16px; position:absolute; top:0px; right:0px; border-radius:50%; transition:all 0.2s ease 0s;}
.page-quest .nav-right .nav .block .dot:before {content:''; background:#FF00FF; width:16px; height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:all 0.2s ease 0s; border-radius:50%;}
.page-quest .nav-right .nav .block .dot:after {content:''; border:1px solid rgba(255, 255, 255, 0.2); width:44px; height:44px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:all 0.2s ease 0s; border-radius:50%;}
.page-quest .nav-right .nav .block:hover .text, .page-quest .nav-right .nav .block.active .text {color:#fff;}
.page-quest .nav-right .nav .block.active .dot {width:24px; height:24px; top:-4px; right:-4px;}
.page-quest .nav-right .nav .block.active .dot:before {opacity:1;}
.page-quest .nav-right .nav .block.active .dot:after {opacity:1;}

@media only screen and (max-width:1430px) {
	
	.page-quest .nav-right .nav {width:50px;}
	.page-quest .nav-right .nav .block .text {opacity:0; visibility:hidden;}
	
}

@media only screen and (max-width:1300px) {
	
	.page-quest .nav-right .arrow.arrow-top {top:65px;}
	.page-quest .nav-right .arrow.arrow-bottom {bottom:65px;}
	.page-quest .nav-right .nav .block {margin:25px 0px 0px 0px;}
	.page-quest .nav-right .nav .block.active .dot:after {display:none;}
	
}

@media only screen and (max-width:767px) {
	
	.page-quest .nav-right {display:none;}
	
}



/* ==========================================================================
   Баннер 1
   ========================================================================== */

.page-quest .banner-1 {position:fixed; bottom:0px; left:0px; right:0px; height:auto; z-index:9; transform:translateY(100%); transition:all 0.3s ease 0s;}
.page-quest .banner-1.active {transform:translateY(0%);}
.page-quest .banner-1 .img {width:100%; height:auto;}
.page-quest .banner-1 .close {background:url(/bitrix/templates/main/css/../images/quest/banner/close.svg) no-repeat center center / contain; width:32px; height:32px; position:absolute; top:50%; right:5%; margin-top:-16px; cursor:pointer;}

@media only screen and (max-width:767px) {
	
	.page-quest .banner-1.active {transform:translateY(calc(0% - 50px));}
	.page-quest .banner-1 .close {top:25px; right:45px; margin:0px;}
	
}



/* ==========================================================================
   Баннер 2
   ========================================================================== */

.page-quest .banner-2 {position:fixed; bottom:0px; left:50%; background:url(/bitrix/templates/main/css/../images/quest/banner/banner_2.jpg) no-repeat center center / cover; width:270px; height:101px; z-index:8; transform:translateY(100%); transition:all 0.3s ease 0s; cursor:pointer; margin-left:296px;}
.page-quest .banner-2.active {transform:translateY(0%);}

@media only screen and (max-width:1300px) {
	
	.page-quest .banner-2 {margin-left:266px;}
	
}

@media only screen and (max-width:767px) {
	
	.page-quest .banner-2 {margin-left:-135px;}
	.page-quest .banner-2.active {transform:translateY(calc(0% - 50px));}
	
}



/* ==========================================================================
   Навигация по экранам
   ========================================================================== */

main {width:100%; height:100%;}

.site-slider {width:100%; height:100%; overflow:hidden; position:relative; background:#fff; z-index:1;}
.site-slider .site-slider-perspective {position:relative; width:100%; height:100%;}
.site-slider .site-slider-perspective .site-slide {display:block !important; width:100%; height:100%; position:absolute; top:0px; left:0px; visibility:hidden; overflow:hidden; z-index:1; opacity:0;}
.site-slider .site-slider-perspective .site-slide.current {visibility:visible; z-index:2; opacity:1;}
.site-slider .site-slider-perspective .site-slide.move-to-top {z-index:1000 !important;}
.site-slider .site-slider-perspective .site-slide.move-from-top {z-index:1000 !important;}

.site-no-slider {width:100%; height:100%; overflow:auto; position:relative; background:#fff; z-index:1;}
.site-no-slider .site-slider-perspective {position:relative; width:100%; height:100%;}
.site-no-slider .site-slider-perspective .site-slide {display:block !important; width:100%; height:940px; overflow:hidden;}
.site-no-slider .site-slider-perspective .site-slide.screen-main {height:840px;}

.site-slider-pager {position:absolute; top:50%; right:52px; z-index:10;}
.site-slider-pager .block {margin:30px 0px 0px 0px; width:14px; height:14px; border:3px solid rgba(255, 255, 255, 0.45); border-radius:50%; cursor:pointer;}
.site-slider-pager .block:first-child {margin-top:0px;}
.site-slider-pager .block.active {border-color:rgba(255, 255, 255, 0.80);}

main.icons-color .site-slider-pager .block {border-color:rgba(165, 123, 92, 0.45);}
main.icons-color .site-slider-pager .block.active {border-color:rgba(165, 123, 92, 0.80);}

.site-slider .site-slider-perspective {
	-webkit-perspective:1200px;
			perspective:1200px;
	
	-webkit-transform-style:preserve-3d;
			transform-style:preserve-3d;
}

.site-slider .site-slider-perspective .site-slide {
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
	
	-webkit-transform:translate3d(0,0,0);
			transform:translate3d(0,0,0);
}

.site-slider .site-slider-perspective .site-slide.move-to-top {
	-webkit-animation:moveToTop .6s ease both;
			animation:moveToTop .6s ease both;
}

.site-slider .site-slider-perspective .site-slide.move-from-top {
	-webkit-animation:moveFromTop .6s ease both;
			animation:moveFromTop .6s ease both;
}

.site-slider .site-slider-perspective .site-slide.scale-up {
	-webkit-animation:scaleUp .7s ease both;
			animation:scaleUp .7s ease both;
}

.site-slider .site-slider-perspective .site-slide.scale-down {
	-webkit-animation:scaleDown .7s ease both;
			animation:scaleDown .7s ease both;
}

.site-slider-pager {
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}

.site-slider-pager .block {
	-webkit-transition:all 0.6s ease 0s;
			transition:all 0.6s ease 0s;
}

@-webkit-keyframes moveFromTop{
	0%      {-webkit-transform:translateY(-100%); transform:translateY(-100%);}
	100%    {-webkit-transform:translateY(0%); transform:translateY(0%);}
}

@keyframes moveFromTop{
	0%      {-webkit-transform:translateY(-100%); transform:translateY(-100%);}
	100%    {-webkit-transform:translateY(0%); transform:translateY(0%);}
}

@-webkit-keyframes moveToTop{
	0%      {-webkit-transform:translateY(0%); transform:translateY(0%);}
	100%    {-webkit-transform:translateY(-100%); transform:translateY(-100%);}
}

@keyframes moveToTop{
	0%      {-webkit-transform:translateY(0%); transform:translateY(0%);}
	100%    {-webkit-transform:translateY(-100%); transform:translateY(-100%);}
}

@-webkit-keyframes scaleUp{
	0%      {-webkit-transform:scale(0.8); transform:scale(0.8);}
	100%    {-webkit-transform:scale(1); transform:scale(1);}
}

@keyframes scaleUp{
	0%      {-webkit-transform:scale(0.8); transform:scale(0.8);}
	100%    {-webkit-transform:scale(1); transform:scale(1);}
}

@-webkit-keyframes scaleDown{
	0%      {-webkit-transform:scale(1); transform:scale(1);}
	100%    {-webkit-transform:scale(0.8); transform:scale(0.8);}
}

@keyframes scaleDown{
	0%      {-webkit-transform:scale(1); transform:scale(1);}
	100%    {-webkit-transform:scale(0.8); transform:scale(0.8);}
}

@media (max-width:767px) {
	
	main {height:auto;}
	.site-slider {width:auto; height:auto;}
	.site-slider .site-slider-perspective {width:auto; height:auto;}
	.site-slider .site-slider-perspective .site-slide {width:auto; height:auto; position:relative; top:auto; bottom:auto; left:auto; right:auto; visibility:visible; opacity:1; overflow:visible;}
	.site-slider .site-slider-perspective .site-slide.screen-main {height:auto;}
	
	.site-no-slider .site-slider-perspective .site-slide {height:auto;margin-bottom: 15px;}
	.site-no-slider .site-slider-perspective .site-slide.screen-main {height:auto;}
	
}



.small-bottom-mobile-menu {position: fixed; left: 0; right: 0; bottom: 0; height: 50px; justify-content: flex-end; display: none; align-items: center; flex-wrap: wrap; background:#fff; overflow: hidden; z-index: 100;}
.small-bottom-mobile-menu .button-left {width: 34%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu .button-left a {display: flex; height:50px; text-decoration:none; transform: skew(-31deg); -webkit-transform: skew(-31deg); color: #000; justify-content:center; align-items:center;font-weight: 900; font-size: 12px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase;}
.small-bottom-mobile-menu .button-left a span {text-align:center; transform: skew(31deg); -webkit-transform: skew(31deg); padding-right: 15px;}
.small-bottom-mobile-menu .button-left .bg {}
.small-bottom-mobile-menu .button-center {width: 33%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu .button-center a {display: flex; height:50px; background:#6c70e8; transform: skew(-31deg); -webkit-transform: skew(-31deg); text-decoration:none; color: #fff; justify-content:center; align-items:center;font-weight: 900; font-size: 12px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF;}
.small-bottom-mobile-menu .button-center a span {transform: skew(31deg); -webkit-transform: skew(31deg); display: block;text-align:center; padding-right: 4px;}
.small-bottom-mobile-menu .button-center .bg {}
.small-bottom-mobile-menu .button-right {width: 33%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu .button-right a {display: flex; position: relative; z-index: 1; height:50px; background:#fb48fe; transform: skew(-31deg); -webkit-transform: skew(-31deg); text-decoration:none; color: #fff; justify-content:center; align-items:center;font-weight: 900; font-size: 12px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF;}
.small-bottom-mobile-menu .button-right a span {text-align:center; transform: skew(31deg); -webkit-transform: skew(31deg); padding-left:13px;}
.small-bottom-mobile-menu .button-right .bg {background:#fb48fe; position: absolute; width: 50%; height: 100%; right: 0; bottom: 0;}

@media only screen and  (max-width:767px) {
	.small-bottom-mobile-menu {display: flex;}
}


.small-bottom-mobile-menu-v2 {position: fixed; left: 0; right: 0; bottom: 0; height: 50px; justify-content: space-between; display: none; align-items: center; background:#fff; overflow: hidden; z-index: 100;}
.small-bottom-mobile-menu-v2 .button-left {width: 23%; flex-shrink: 0; position: relative; text-align:center;}
.small-bottom-mobile-menu-v2 .button-left a {display: flex; height:50px; text-decoration:none; transform: skew(-31deg); -webkit-transform: skew(-31deg); color: #000; justify-content:center; align-items:center;font-weight: 900; font-size: 10px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase;}
.small-bottom-mobile-menu-v2 .button-left a span {text-align:center; transform: skew(31deg); -webkit-transform: skew(31deg);}
.small-bottom-mobile-menu-v2 .button-left .bg {}
.small-bottom-mobile-menu-v2 .button-center {width: 23%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu-v2 .button-center a {display: flex; height:50px; background:#6c70e8; transform: skew(-31deg); -webkit-transform: skew(-31deg); text-decoration:none; color: #fff; justify-content:center; align-items:center;font-weight: 900; font-size: 10px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF;}
.small-bottom-mobile-menu-v2 .button-center a span {transform: skew(31deg); -webkit-transform: skew(31deg); display: block;text-align:center; padding-right: 4px;}
.small-bottom-mobile-menu-v2 .button-center .bg {}
.small-bottom-mobile-menu-v2 .button-bot {width: 23%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu-v2 .button-bot a {display: flex; height:50px; background:#4DE2C7; transform: skew(-31deg); -webkit-transform: skew(-31deg); text-decoration:none; color: #fff; justify-content:center; align-items:center;font-weight: 900; font-size: 10px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF;}
.small-bottom-mobile-menu-v2 .button-bot a span {transform: skew(31deg); -webkit-transform: skew(31deg); display: block;text-align:center; padding-right: 4px;}
.small-bottom-mobile-menu-v2 .button-bot .bg {}
.small-bottom-mobile-menu-v2 .button-right {width: 31%; flex-shrink: 0; position: relative;}
.small-bottom-mobile-menu-v2 .button-right a {display: flex; position: relative; z-index: 1; height:50px; background:#fb48fe; transform: skew(-31deg); -webkit-transform: skew(-31deg); text-decoration:none; color: #fff; justify-content:center; align-items:center;font-weight: 900; font-size: 10px; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF;}
.small-bottom-mobile-menu-v2 .button-right a span {text-align:center; transform: skew(31deg); -webkit-transform: skew(31deg);}
.small-bottom-mobile-menu-v2 .button-right .bg {background:#fb48fe; position: absolute; width: 50%; height: 100%; right: 0; bottom: 0;}

@media only screen and  (max-width:767px) {
	.small-bottom-mobile-menu-v2 {display: none;}
}



.route-select {position: fixed; display: none; top: 0; left: 0; width:100%; height: 100%;  z-index: 1000;}
.route-select .content {display: flex; position: absolute; top: 0; left: 0; width:100%; height: 100%;}
.route-select .left {width:350px; padding: 42px 50px 42px; position: relative; background:url(/bitrix/templates/main/css/../images/quest/maps-bg.jpg) no-repeat center / cover; flex-shrink: 0}
.route-select .left .close {position: absolute; width:30px; height: 30px; top: 20px; right: 20px; background:url(/bitrix/templates/main/css/../images/icons/maps-close-white.svg) no-repeat center / contain; cursor: pointer;}
.route-select .left .title {font-weight: bold; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 26px}
.route-select .left form {}
.route-select .left form .button {margin: 35px 0 0 0; justify-content: center;}
.route-select .left form .button input {display: none;}
.route-select .left form .button .element-button {display:block; width:256px; height:65px; position:relative; display:flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer;}
.route-select .left form .button .element-button .bg-back {background:rgba(255, 255, 255, 0.01); opacity:0.9; border:1px solid rgba(255, 255, 255, 0.2); width:100%; height:100%; position:absolute; top:20px; left:10px; transform:skew(-35deg); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.route-select .left form .button .element-button .bg-front {width:100%; height:100%; background:#FF2E00; position:absolute; top:0px; left:0px; transform:skew(-35deg); transition:all 0.2s ease 0s;}
.route-select .left form .button .element-button:hover .bg-front {background:#ff5833;}
.route-select .left form .button .element-button .text {font-size:14px; line-height:20px; color:#fff; font-weight:900; letter-spacing:0.1em; text-transform:uppercase; position:relative; background:none; border:none; margin:0px; padding:0px; cursor:pointer;}

.route-select .left form .select-box-item {border-top: 1px solid  rgba(255, 255, 255, 0.1); padding:24px 0 0 0;}
.route-select .left form .select-box-item .name {font-weight: bold; font-size: 18px; line-height: 24px; text-transform: uppercase; margin: 0 0 12px 0; color: #fff;}
.route-select .left form .select-box-item .radio-item {margin: 0 0 0 -12px;}
.route-select .left form .select-box-item.cities .radio-item {max-width: 200px;}
.route-select .left form .select-box-item.ages {margin: 38px 0 0 0; }
.route-select .left form .select-box-item.ages .radio-item {max-width: 250px;}
.route-select .left form .select-box-item .radio-item input {display: none;}
.route-select .left form .select-box-item .radio-item label {position: relative; display: block; width: 100%; padding: 11px 0 12px 37px; font-weight: bold; font-size: 14px; line-height: 17px; color: #FFFFFF; border-radius: 20px; cursor: pointer;}
.route-select .left form .select-box-item .radio-item label:hover {background:rgba(255, 255, 255, 0.1);}
.route-select .left form .select-box-item .radio-item label:before {content: ''; display: block; position: absolute; left: 12px; top: 50%; margin-top: -8px; width:16px; height: 16px; box-sizing: border-box; border-radius: 50%; background:#fff;}
.route-select .left form .select-box-item .radio-item label:after {opacity: 0; content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; width:14px; height: 10px; background:url(/bitrix/templates/main/css/../images/icons/maps-black-tick.svg) no-repeat center / contain;}
.route-select .left form .select-box-item .radio-item input:checked + label {background:#fff; color: #000;}
.route-select .left form .select-box-item .radio-item input:checked + label:before {border: 4px solid #FF00FF; }
.route-select .left form .select-box-item .radio-item input:checked + label:after {opacity: 1;}
.route-select .right {width: 100%; position: relative; background:#fff;}
.route-select .right iframe {position: absolute; top: 0; left: 0; width:100%; height: 100%;}
.route-select .right .plug {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; justify-content: center; align-items: center; z-index: 1;}
.route-select .right .plug.active {display: flex;}
.route-select .right .plug .text {width: 348px; font-size: 24px; line-height: 34px; text-align: center; text-transform: uppercase; color: #999999; position: relative;}
.route-select .right .plug .text:after {content: ''; width: 200px; display: block; margin: 42px auto 0; height: 1px; background:rgba(0, 0, 0, 0.1);}
.route-select .right .map-img {display: none; position: absolute; width:100%; height: 100%; background: no-repeat center / cover; top: 0; left:0; z-index: 1;}
.route-select .right .map-img.active {display: block;}
.route-select .right .map-img.map-img-1 {}
.route-select .right .map-img.map-img-2 {}
.route-select .right .map-img.map-img-3 {}


.route-select .left form .select-box-item .radio-item label,
.route-select .left form .select-box-item .radio-item label:before,
.route-select .left form .select-box-item .radio-item label:after {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media only screen and (max-height:866px) {
	.route-select .left .title {margin-bottom: 11px; font-size:30px; line-height:30px;}
	.route-select .left form .select-box-item.ages {margin: 24px 0 0 0;}
	.route-select .left form .select-box-item .radio-item label {padding: 8px 0 8px 37px;}
}

@media only screen and (max-height:760px) {
	.route-select .left {padding-top: 15px;}
	.route-select .left .title {margin-bottom: 11px; font-size:30px; line-height:30px;}
	.route-select .left .title {margin-bottom: 15px;}
	.route-select .left form .select-box-item {padding: 10px 0 0 0;}
	.route-select .left form .select-box-item.ages {margin: 10px 0 0 0;}
}

@media only screen and (max-height:695px) {
	.route-select .left {padding-top: 15px;}
	.route-select .left .title {margin-bottom: 11px; font-size:27px; line-height:27px;}
	.route-select .left form .select-box-item .name {font-size:16px; line-height:16px; margin-bottom: 7px;}
	.route-select .left form .select-box-item .radio-item label {padding: 6px 0 6px 37px;}
	.route-select .left .close {top: 10px; right: 10px;}
}

@media only screen and (max-height:615px) {
	.route-select .left {padding-top: 10px;}
	.route-select .left .title {margin-bottom: 11px; font-size:23px; line-height:23px;}
	.route-select .left form .select-box-item .name {font-size:12px; line-height:12px; margin-bottom: 7px;}
	.route-select .left form .select-box-item .radio-item label {padding: 4px 0 4px 37px;}
	.route-select .left .close {top: 10px; right: 10px;}
	.route-select .left form .button {margin: 20px 0 0 0;}
	.route-select .left form .button .element-button {height: 50px;}
	.route-select .left form .button .element-button .bg-back {top: 8px; left: 5px;}
}


@media only screen and (min-width:1600px) {
	.route-select .left {width: 480px;}
}

@media only screen and (max-width:767px) {
	.route-select {}
	.route-select .content {flex-direction: column-reverse;}
	.route-select .left {width: 100%; padding:30px 0 0; position: static;}
	.route-select .left .close {background:url(/bitrix/templates/main/css/../images/icons/maps-close-black.svg) #fff no-repeat center / contain; z-index: 2; border-radius: 50%;}
	.route-select .left .title {font-size:20px; line-height:20px; padding: 0 30px; margin: 0 0 31px 0;}
	.route-select .left form .select-box-item {border: none; padding:0;}
	.route-select .left form .select-box-item.ages {margin: 13px 0 0 0;}
	.route-select .left form .select-box-item .radio-container {display: flex; overflow: auto; padding: 0 0 20px 30px;}
	.route-select .left form .select-box-item .name {width: 100%; flex-shrink: 0; padding: 0 30px; position: relative; font-size:12px; line-height:24px; margin: 0 0 4px 0;}
	.route-select .left form .select-box-item .name:before {content: ''; display: block; position: absolute; height: 1px; left: 30px; right: 30px; top: -13px; background:rgba(255, 255, 255, 0.1);}
	.route-select .left form .select-box-item .radio-item {flex-shrink:0; margin: 0;}
	.route-select .left form .select-box-item .radio-item:nth-child(n+2) {margin: 0 0 0 10px;}
	.route-select .left form .select-box-item .radio-item label {background:rgba(255, 255, 255, 0.1); font-size:12px; padding:12px 20px 12px; display: flex; align-items: center;}
	.route-select .left form .select-box-item .radio-item label:before {display: none; position: relative; margin: 0 7px 0 0;}
	.route-select .left form .select-box-item .radio-item label:after {display: none; position: relative; opacity: 1; margin: 0 0 0 9px;}
	.route-select .left form .select-box-item .radio-item input:checked + label:before {display: inline-block; border: 4px solid #FF00FF; left: 0; top: 0;}
	.route-select .left form .select-box-item .radio-item input:checked + label:after {display: inline-block; right:0; top: 0;}
	.route-select .left form .button {margin: 0; }
	.route-select .left form .button .element-button {width:100%; height: 50px; background:#FF2E00;}
	.route-select .left form .button .element-button .bg-back {display: none;}
	.route-select .left form .button .element-button .bg-front {display: none;}
	.route-select .right {height: 100%;}
}
/* ==========================================================================
   команда
   ========================================================================== */

.screen-additional {padding: 45px; position: relative;}
.screen-additional .inner {width: 100%; height: 100%; position: relative;}
.screen-additional .bg {
	position: absolute;
	width: 100%; 
	height: 100%;
	top: 0; left: 0; 
	background:url(/bitrix/templates/main/css/../images/quest_v5/team_bg.png) no-repeat center / cover;
	}
.screen-additional .site-wrap {
	max-width: 1180px;
	height: 100%;
}
.screen-additional .site-wrap .wrap-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 55px;
}
.screen-additional .img-1 {
	position: absolute;
	left: 9.4%;
	bottom: 18%;
	width: 146px;
	height: 132px;
	background:url(/bitrix/templates/main/css/../images/additional/img_1.png) no-repeat center / contain;
}
.screen-additional .img-2 {
	position: absolute;
	right: 8.6%;
	top: 36px;
	width: 275px;
	height: 300px;
	background:url(/bitrix/templates/main/css/../images/additional/img_1.png) no-repeat center / contain;
}
.screen-additional .img-3 {
    position: absolute;
    left: 41.7%;
    bottom: 35px;
    width: 225px;
    height: 225px;
	background:url(/bitrix/templates/main/css/../images/additional/img_1.png) no-repeat center / contain;
}
.screen-additional .img-4 {
    position: absolute;
    bottom: 11px;
    left: 38.3%;
    width: 217px;
    z-index: 1;
    height: 241px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/hat_in_form.png) no-repeat center / contain;
}
.screen-additional  .title {
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 58px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.wrap-container .content {
	display: flex;
	height: 100%;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
   padding-top: 16px;
   padding-left: 66px;
}
.wrap-container .content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.wrap-container .content ul + ul {
	margin-top: 15px;
}
.wrap-container .content ul li {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.wrap-container .content ul li:first-child {font-weight: 500;
	color: #6F02FA;
	min-height: 30px;
	margin-bottom: 10px;
}
.wrap-container .content ul li span {font-weight: 300;}
.wrap-container .content .leftside {width: 275px;}
.wrap-container .content .middleside {width: 325px;}
.wrap-container .content .rightside {width: 410px;}
@media only screen and (max-width:1800px), only screen and (max-height:900px) {

}
@media only screen and (max-width:1440px) {
.screen-additional .site-wrap {
    max-width: 1140px;
    height: 100%;
}
.screen-additional .site-wrap .wrap-container {
	padding-top: 59px;
}

.wrap-container .content {
	padding-left: 15px
}
.screen-additional .img-2 {
    right: 12.6%;
    top: 29px;
    width: 315px;
    height: 336px;
}
.screen-additional .img-3 {
    position: absolute;
    left: 2.7%;
    bottom: 290px;
    width: 169px;
    height: 173px;
}
.screen-additional .img-1 {
    position: absolute;
    left: 14.7%;
    bottom: 12%;
    z-index: 1;
    }
    .screen-additional .img-4 {
    position: absolute;
    bottom: 73px;
    left: 27.3%;
    width: 275px;
    z-index: 1;
    height: 304px;
    background: url(/bitrix/templates/main/css/../images/quest_v5/hat_in_form_2.png) no-repeat center / contain;
}
}
@media only screen and (max-width:1140px) {
	.wrap-container .content {
    padding-left: 15px;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.wrap-container .content .leftside,
.wrap-container .content .middleside,
.wrap-container .content .rightside {
    width: 100%;
}
.screen-additional .img-1,
.screen-additional .img-2,
.screen-additional .img-3,
.screen-additional .img-4 {
	display: none
}
.site-no-slider .site-slider-perspective .site-slide.screen-additional {
    display: block !important;
    width: 100%;
    height: auto;
    overflow: hidden;
}
}
@media only screen and (max-width:767px) {
.site-no-slider .site-slider-perspective .site-slide.screen-additional {
    padding: 0 15px;
}
}

/* ==========================================================================
   Контакты
   ========================================================================== */



.screen-contacts {padding: 45px; position: relative;}
.screen-contacts .inner {width: 100%; height: 100%; position: relative;}
.screen-contacts .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:url(/bitrix/templates/main/css/../images/quest_v5/contact_bg.png) no-repeat center / cover;}
.screen-contacts .site-wrap {max-width: 1180px;}
.screen-contacts .content {padding:57px 0 50px 0; position: relative;}
.screen-contacts .content .img-1 {position: absolute;  right: -164px; top: -30px; width: 428px; height: 448px; background:url(/bitrix/templates/main/css/../images/quest/screen-contacts/img_1.png) no-repeat center / contain;}
.screen-contacts .content .title {font-weight: bold; font-size: 50px; line-height: 58px; text-transform: uppercase; color: #FFFFFF; margin: 0 0 35px 0;}
.screen-contacts .content .info_1 {display: flex; position: relative; margin: 0 -5px 10px;}
.screen-contacts .content .info_1 .cell {width: 50%;  padding: 0 5px; flex-shrink:0;}
.screen-contacts .content .info_1 .cell .container {padding: 62px 69px 64px; min-height: 320px; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.screen-contacts .content .info_1 .cell .name {font-weight: 900; font-size: 24px; line-height: 28px; color: #FFFFFF; margin: 0 0 17px 0;}
.screen-contacts .content .info_1 .cell .text {font-weight: 500; font-size: 18px; line-height: 28px; color: #FFFFFF;}
.screen-contacts .content .info_1 .cell .text a {color: #fff; text-decoration:none;}
.screen-contacts .content .info_1 .cell .text a.underline {text-decoration:underline;}
.screen-contacts .content .info_1 .cell .text p {margin: 15px 0;}
.screen-contacts .content .info_1 .cell .text p:first-child {margin-top:0;}
.screen-contacts .content .info_1 .cell .text p:last-child {margin-bottom:0;}
.screen-contacts .content .info_1 .cell .text strong {color: #000;}


.screen-contacts .content .info_2 {display: flex; flex-direction: column; align-items: center; min-height:320px; position: relative; padding: 45px 50px 52px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.01); -webkit-backdrop-filter:blur(50px); backdrop-filter: blur(50px);}
.screen-contacts .content .info_2 .name {font-weight: 900; font-size: 24px; line-height: 28px; text-align: center; color: #FFFFFF; margin: 0 0 37px 0;}
.screen-contacts .content .info_2 .container {padding: 45px 69px 70px; display: flex; flex-direction: column; justify-content: center; min-height: 320px; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.screen-contacts .content .info_2 .social {display: flex; justify-content: center; margin: 0 -15px; width:762px;}
.screen-contacts .content .info_2 .social .social-item {width: 25%; padding: 0 15px;}
.screen-contacts .content .info_2 .social .social-item a {display: block; text-decoration:none;}
.screen-contacts .content .info_2 .social .social-item figure {margin: 0;}
.screen-contacts .content .info_2 .social .social-item figure .img-container {width: 100%; height: 150px; position: relative;}
.screen-contacts .content .info_2 .social .social-item figure .img {background:no-repeat center / contain; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.screen-contacts .content .info_2 .social .social-item:hover figure .img {}
.screen-contacts .content .info_2 .social .social-item figure figcaption {margin: -36px 0 0 0; font-weight: bold; font-size: 12px; line-height: 12px; text-align: center; color: rgba(255, 255, 255, 0.4);}


@media only screen and (max-width:1800px), only screen and (max-height:900px) {
	.screen-contacts .site-wrap {max-width: 1120px;}
}

@media only screen and (max-width:767px) {
	.screen-contacts {padding:0px 15px; overflow: hidden; height: auto!important;}
	.screen-contacts .inner {}
	.screen-contacts .site-wrap {}
	.screen-contacts .content {padding: 24px 0 20px 0;}
	.screen-contacts .content .img-1 {top:-70px; right: -273px;}
	.screen-contacts .content .title {font-size:34px; line-height:34px; margin: 0 0 26px;}
	.screen-contacts .content .info_1 {flex-direction: column; align-items: center; padding: 0; margin: 0;}
	.screen-contacts .content .info_1 .cell {width: 100%; z-index: 2; padding: 0;}
	.screen-contacts .content .info_1 .cell:nth-child(n+2) {margin: 10px 0 0 0;}
	.screen-contacts .content .info_1 .cell .container {padding: 30px 20px 42px; min-height: auto;}
	.screen-contacts .content .info_1 .cell .name {font-size:20px; line-height:28px; margin:0 0 14px 0;}
	.screen-contacts .content .info_1 .cell .text {font-size:18px; line-height:28px;}
	.screen-contacts .content .info_1 .cell .text p {margin: 15px 0;}

	.screen-contacts .content .info_2 {flex-direction: column; padding:29px 17px 30px; margin:10px 0 0 0;}
	.screen-contacts .content .info_2 .name {text-align:left; font-size:20px; line-height:28px; width: 100%; margin:0 0 44px 0;}
	.screen-contacts .content .info_2 .social {display: flex; flex-direction: column; justify-content: center; margin: 0; width:100%;}
	.screen-contacts .content .info_2 .social .social-item {width: 100%; padding: 0;}
	.screen-contacts .content .info_2 .social .social-item figure {margin: 0; display: flex;}
	.screen-contacts .content .info_2 .social .social-item figure .img-container {position: relative; width: 150px; margin: 0 0 0 -32px;}
	.screen-contacts .content .info_2 .social .social-item figure .img {}
	.screen-contacts .content .info_2 .social .social-item figure figcaption {margin:31px 0 0 -20px; text-align:left;}

}
/* End */


/* Start:/bitrix/templates/main/css/quest_v5_start.css?179303197449488*/
.popup-map {
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	overflow: hidden;
	background-image:url(/bitrix/templates/main/css/../images/quest_v5/map-pop-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.step-1 {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding-left: 61px;
	position: relative;
}
.step-title {
	font-style: normal;
	font-weight: bold;
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.tab-title {
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 60px;
	margin-top: 76px;
    margin-left: 6px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.tab_map {
	display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 691px;
    margin: 0;
    margin-top: 52px;
}

.tab_map li {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 20px;
	width: 320px;
	height: 68px;
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
}
.tab_map li.curent {
	background: #DB00FF;
	border-color: #DB00FF;
}
.map_box {
	margin-top: 67px;
	width: 100%;
	max-width: 680px;
}
.map_box-title {
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 60px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
    margin-bottom: 37px;
}
.map_box select {
	width: 680px;
	height: 107px;
	padding: 0 28px;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	border: none;
	letter-spacing: 0.6px;
	line-height: 44px;
	color: #DB00FF;
}
.map-road {
	position: relative;
    display: block;
    width: 484px;
    height: 101px;
    font-style: normal;
    font-weight: 900;
    font-size: 34px;
    padding: 0px 50px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.1em;
    border: none;
    margin-top: 146px;
    margin-left: 224px;
    background: transparent;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.map-road:after {
	position: absolute;
	content: '';
	width: 82%;
    height: 100%;
    background: #DB00FF;
    left: 42px;
	top: 0;
	z-index: -1;
	transform: skew(-35deg); -webkit-transform: skew(-35deg);
	transition:  all 0.3s;
}
.map-road:before {
	position: absolute;
	content: '';
	width: 82%;
    height: 100%;
    background: rgba(255, 255, 255, 0.01);
    opacity: 0.9;
    border: 1px solid rgba(255, 255, 255, 0.2);
    left: 56px;
    top: 30px;
    z-index: -2;
	transform: skew(-35deg); -webkit-transform: skew(-35deg);
}

.map-road:hover:after {
	background: #ff33ff;
	transition:  all 0.3s;
}
.map-registration {
    position: absolute;
    right: 45px;
    bottom: 69px;
/*    display: block;
    width: 304px;
    height: 64px;
    font-style: normal;
    font-weight: 900;
    font-size: 15px;
    padding: 0px 50px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.1em;
    border: none;
    background: transparent;
    text-transform: uppercase;
    color: #FFFFFF;*/
    cursor: pointer;
}
/*.map-registration:after {
	position: absolute;
	content: '';
	width: 82%;
    height: 100%;
    background: #DB00FF;
    left: 27px;
	top: 0;
	z-index: -1;
	transform: skew(-35deg); -webkit-transform: skew(-35deg);
	transition:  all 0.3s;
}
.map-registration:before {
	position: absolute;
	content: '';
	width: 82%;
    height: 100%;
    background: rgba(255, 255, 255, 0.01);
    opacity: 0.9;
    border: 1px solid rgba(255, 255, 255, 0.2);
    left: 35px;
    top: 18px;
    z-index: -2;
	transform: skew(-35deg); -webkit-transform: skew(-35deg);
}
.map-registration:hover:after {
	background: #ff33ff;
	transition:  all 0.3s;
}*/
.main-map-img {
	position: fixed;
	bottom: 0;
	width: 52vw;
    height: 40vw;
    right: 5%;
	z-index: -1;
	background-image:url(/bitrix/templates/main/css/../images/quest_v5/manmap.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.step-2 {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;

}
.step-2 .close-popup {
    right: 12px;
    top: 19px;
}
.step-2 .close-popup svg {
	width: 30px;
	height: 30px;
}
.wrap-step-side {
	display: flex;
	height: 100%;
}
.sidemenu {
	position: relative;
	width: 480px;
	min-width: 480px;
	height: 100%;
	display: flex;
    flex-direction: column;
	padding-top: 37px;
	padding-left: 46px;
    padding-right: 46px;
}
.sidemenu-title {
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.sidemenu-year {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
    margin-top: 35px;
}
.sidemenu-year span {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
	text-transform: none;
	line-height: 40px;
	color: #FFFFFF;
}
.sidemenu-town {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin: 0;
    margin-top: 35px;
}
.sidemenu-town span {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 34px;
	text-transform: none;
	line-height: 40px;
	color: #FFFFFF;
}
.step_2-1 {
	display: none;
}
.step_2-2 {
	display: none;
}
.mini-step-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
}
.link-map {
	display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    width: 100%;
    max-width: none;
    height: 67px;
    background: transparent;
    text-align: center;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
}
.link-map.active {
	background: #DB00FF;
	border-color: #DB00FF;
}
.backmap {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	border: none;
    background: none;
    display: block;
    margin: auto;
}
.backmap span {
	display: flex;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #FFFFFF;
	margin-bottom: 10px;
	background-image:url(/bitrix/templates/main/css/../images/quest_v5/arr-link.svg);
	background-repeat: no-repeat;
	background-size: 27px 19px;
	background-position: center;
}
.step-2 .map-registration {
	position: relative;
	right: 0px;
    bottom: 0px;
    margin: auto;
}
.close-popup {
	position: absolute;
    right: 40px;
    top: 42px;
    border: none;
    background: none;
}
#map {
	height: 100%;
	width: 100%;
}
.container.text-white p {
	margin-bottom: 0;
}
@media only screen and (max-width:1440px) {
.map-road {
	margin-top: 105px;
}
.main-map-img {
    position: absolute;
    bottom: -38px;
    width: 55vw;
    height: 44vw;
    right: -152px;
}
.sidemenu {
    position: relative;
    width: 355px;
    min-width: 355px;
}
.sidemenu-year span {
	font-size: 32px;
}
.sidemenu-town span {
	font-size: 32px;
}
}
@media only screen and (max-width:1024px) {
.main-map-img {
	display: none;
}
}
@media only screen and (max-width:768px) {
	.step-1,
	.step-2 {
	overflow: scroll;
}
	.close-popup {
    position: absolute;
    right: 14px;
    top: 18px;
}
.step-title {
	text-align: center;
    font-size: 40px;
    line-height: 40px;
    max-width: 255px;
    margin: auto;
}
.close-popup svg {
	width: 30px;
	height: 30px;
}
.step-1 {
	padding: 30px 30px 100px;
}
.tab-title {
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	margin-left: 0;
	    margin-top: 40px;
	    margin-bottom: 0;
}
.tab_map {
	flex-wrap: wrap;
	margin-top: 0px;
}
.tab_map li {
	margin: 15px auto;
}
.map_box {
    margin-top: 27px;
}
.map_box-title {
    font-size: 20px;
    line-height: 20px;
	   margin: 0;
	   text-align: center;
    margin-bottom: 37px;
}
.map_box select {
    width: 100%;
    height: 66px;
    padding: 0 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    border: none;
    box-sizing: border-box;
    letter-spacing: 0.1px;
    line-height: 44px;
    color: #DB00FF;
}
.map-road {
    position: relative;
    display: block;
    width: 315px;
    height: 72px;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
    padding: 0px 50px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.1em;
    border: none;
    margin-top: 146px;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.map-road:before {
	left: 30px;
	top: 15px;
}
.map-road:after {
	left: 25px;
}
.map-registration {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.map-registration .bg-front {
    transform: skew(0deg);
}
.map-registration .element-button {
	height: 50px;
}
.step-2 .map-registration {
    position: fixed;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 2;
}
.sidemenu {
    position: inherit;
    height: fit-content;
    padding: 15px;
    width: 100%;
    min-width: 100%;
}
.wrap-step-side {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}
.sidemenu-title br {
	display: none
}
.sidemenu-title {
	font-size: 20px;
	margin: 0;
}
.sidemenu-year {
	margin-top: 10px;
	margin-left: 5px;
}
.sidemenu-year span {
    font-size: 24px;
    display: inline-block;
    padding-left: 39px;
}
.sidemenu-town {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin-top: 0px;
    margin-left: 5px;
}
.sidemenu-town span {
    font-size: 24px;
    display: inline-block;
    line-height: 27px;
    padding-left: 57px;
}
.backmap {
    font-style: normal;
    font-weight: bold;
    font-size: 0;
    position: absolute;
    left: 13px;
    top: 19px;
    line-height: 0;
}
.backmap span {
    width: 35px;
    height: 35px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center;
}
.link-map {
	height: 40px;
}
.map-registration .bg-back {
	display: none;
}
}




















/*организаторы квеста*/

.screen-org-team {padding: 45px; position: relative;}
.screen-org-team .inner {width: 100%; height: 100%; position: relative;}
.screen-org-team .bg {
	position: absolute;
	width: 100%; 
	height: 100%;
	top: 0; left: 0; 
	background:url(/bitrix/templates/main/css/../images/quest_v5/bg_org-team.jpg) no-repeat center / cover;
	}
.screen-org-team .site-wrap {
	max-width: 1180px;
	height: 100%;
}
.screen-org-team .site-wrap .wrap-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 55px;
	padding-bottom: 55px;
}
.screen-org-team .img-1 {
	position: absolute;
	left: 6.7%;
    bottom: 4%;
    width: 321px;
    height: 386px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-1.png) no-repeat center / contain;
}
.screen-org-team .img-2 {
	position: absolute;
	right: 6.2%;
    top: 103px;
    width: 183px;
    height: 193px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-2.png) no-repeat center / contain;
}
.screen-org-team .img-3 {
    position: absolute;
    right: 9%;
    bottom: -52px;
    width: 262px;
    height: 286px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-3.png) no-repeat center / contain;
}
.screen-org-team .img-4 {
    position: absolute;
    top: 9.3%;
    left: 1.4%;
    width: 298px;
    z-index: 1;
    height: 304px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-hat.png) no-repeat center / contain;
}
.screen-org-team  .title {
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 58px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.wrap-container .content {
	display: flex;
	height: 600px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
}
.org-team-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	height: 300px;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width:1600px) {
.screen-org-team .img-4 {
	display: none;
}
}
@media only screen and (max-width:1440px) {
.screen-org-team .site-wrap {
    max-width: 1140px;
    height: 100%;
}
.screen-org-team .site-wrap .wrap-container {
	padding-top: 59px;
}

.screen-org-team .wrap-container .content {
	padding-left: 0px;
}
.screen-org-team .img-1 {
	display: none
}
.screen-org-team .img-3 {
	display: none
}
.screen-org-team .img-2 {
    position: absolute;
    right: -2.8%;
    top: -30px;
    width: 500px;
    height: 521px;
    background: url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-1.png) no-repeat center / contain;
}
}
@media only screen and (max-width:1140px) {
	.wrap-container .content {
    padding-left: 15px;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.screen-org-team .img-1,
.screen-org-team .img-2,
.screen-org-team .img-3,
.screen-org-team .img-4 {
	display: none
}
.site-no-slider .site-slider-perspective .site-slide.screen-org-team {
    display: block !important;
    width: 100%;
    height: auto;
    overflow: hidden;
}
}
@media only screen and (max-width:767px) {
.screen-org-team .title {
    font-size: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 25px;
}
.screen-org-team .site-wrap {
    padding: 0px;
}
.site-no-slider .site-slider-perspective .site-slide.screen-org-team {
    padding: 0 15px;
}
.screen-org-team .wrap-container .content {
	margin-left: 0px;
    width: 100%;
    padding: 0 20px 0px 0px;
	padding-top: 50px;
	height: auto;
	justify-content: flex-start;
	padding-bottom: 30px;
}
.screen-org-team .site-wrap .wrap-container {
   padding-bottom: 0;
   padding-top: 23px;
}
.org-team-item {
	background: #FFFFFF;
    border-radius: 10px;
	width: 135px;
	height: 135px;
	margin-left: 24px;
	margin-bottom: 24px;
}
.org-team-item img {
	max-width: 135px;
}
.screen-partners-town .part_tab_li {
	padding-bottom: 10px;
}
}
@media only screen and (max-width:375px) {
.org-team-item {
	background: #FFFFFF;
    border-radius: 10px;
	width: 115px;
	height: 115px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.org-team-item img {
	max-width: 115px;
}
.screen-org-team .site-wrap .wrap-container {
	width: 100%
}
}
/*4ый таб*/
.page-quest .screen-prizes .content .prize-assortment .tab_li li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    padding: 0px 10px;
    text-decoration: none;
    border: 2px solid #FFFFFF;
}
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 191px;
    height: 59px;
    border-radius: 20px;
}
.row-prize {
	display: flex;
	flex-wrap: wrap;
	max-width: 655px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin: 23px 0px 0px 0px;
    padding: 19px 0px 0px 0px;
}
.page-quest .screen-prizes .content .text-mobile {
	display: none;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	padding: 14px 0px 0px 0px;
}
.page-quest .screen-prizes .content .text-mobile a {
	color: #6F02FA;
	text-decoration: none;
}
.page-quest .screen-prizes .content .text-mobile p {
	margin: 23px 0px 0px 0px;
	padding: 0px;
}
.page-quest .screen-prizes .content .text-mobile p:first-child {
	margin-top: 0px;
}
.town-name {
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 15px;
	width: 100%;
}
.wrap-town-name-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.wrap-town-name-item p {
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	max-width: 520px;
}
.wrap-town-name-item p a {
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
}
.wrap-town-name-item .img {
	width: 94px;
	height: 94px;
	background-size: contain;
    background-repeat: no-repeat;
    min-width: 94px;
    margin-left: 10px;
}
.wrap-town-name-item .img[data-img="100"] {
	background-image:url(/bitrix/templates/main/css/../images/town-img-1.png);
}
.wrap-town-name-item .img[data-img="101"] {
	background-image:url(/bitrix/templates/main/css/../images/town-img-2.png);
}
.wrap-town-name-item .img[data-img="102"] {
	background-image:url(/bitrix/templates/main/css/../images/town-img-3.png);
}

@media only screen and (max-width:1440px) {
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 172px;
    height: 59px;
    border-radius: 20px;
}
}
@media only screen and (max-width:1140px) {
.page-quest .screen-prizes .content .prize-assortment .tab_li li {
    width: 246px;
    height: 50px;
    border-radius: 20px;
}

}
@media only screen and (max-width:768px) {
.town-name {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 0px;
    width: 100%;
}
.wrap-town-name-item p {
    font-size: 14px;
    line-height: 16px;
}
.wrap-town-name-item .img {
    width: 58px;
    height: 58px;
    min-width: 58px;
    margin-left: 10px;
}
.page-quest .screen-prizes .content .text-mobile {
	display: block;
}
}



/*партнёры*/

.screen-partners-town {padding: 45px; position: relative;}
.screen-partners-town .inner {width: 100%; height: 100%; position: relative;}
.screen-partners-town .bg {
	position: absolute;
	width: 100%; 
	height: 100%;
	top: 0; left: 0; 
	background:url(/bitrix/templates/main/css/../images/quest_v5/bg_org-team.jpg) no-repeat center / cover;
	}
.screen-partners-town .site-wrap {
	max-width: 1180px;
	height: 100%;
}
.screen-partners-town .site-wrap .wrap-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 55px;
	padding-bottom: 55px;
}
.screen-partners-town .img-1 {
	position: absolute;
	left: 6.7%;
    bottom: 4%;
    width: 321px;
    height: 386px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-1.png) no-repeat center / contain;
}
.screen-partners-town .img-2 {
	position: absolute;
	right: 6.2%;
    top: 103px;
    width: 183px;
    height: 193px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-2.png) no-repeat center / contain;
}
.screen-partners-town .img-3 {
    position: absolute;
    right: 9%;
    bottom: -52px;
    width: 262px;
    height: 286px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-3.png) no-repeat center / contain;
}
.screen-partners-town .img-4 {
    position: absolute;
    top: 9.3%;
    left: 1.4%;
    width: 298px;
    z-index: 1;
    height: 304px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/org-hat.png) no-repeat center / contain;
}
.screen-partners-town  .title {
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 58px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin-bottom: 11px;
}
.screen-partners-town .wrap-container .content {
	display: flex;
	height: 600px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	backdrop-filter: blur(50px);
}
.screen-partners-town .part_tab {
	width: 100%;
	height: 100%;
}
.screen-partners-town .part_tab#par_1 .part_tab-content,
.screen-partners-town .part_tab#par_2 .part_tab-content {
	display: flex;
	flex-wrap:  wrap;
	width: 100%;
	height: 100%;
}
.screen-partners-town .partners-town-item {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.screen-partners-town #par_1 .partners-town-item {
	width: 14.287%;
	height: 150px;
}
.screen-partners-town #par_2 .partners-town-item {
	width: 20%;
	height: 200px;
}
.screen-partners-town .partners-town-item a {
	width: 110px;
    height: 110px;
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.partners-tab-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrap-partners-tab-town select {
	width: 285px;
	height: 50px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	padding: 0 15px;
	border:  none;
	line-height: 20px;
	color: #777777;
}
.wrap-partners-tab {
	width: 100%;
	max-width: 830px;
}
.screen-partners-town .part_tab_li {
    display: flex;
    justify-content: space-between;
    margin: 0;
    list-style-type: none;
}
.screen-partners-town .part_tab_li li {
    width: 255px;
    height: 47px;
    border-radius: 20px;
}
.screen-partners-town .part_tab_li li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    padding: 0px 10px;
    background: transparent;
    text-decoration: none;
    border: 2px solid #FFFFFF;
}
.screen-partners-town .part_tab_li li a.curent {
    background: #DB00FF;
    border-color: #DB00FF;
}

.wrap-partners-tab-town {
	display: none;
}
.tab-town {
	display: none;
	width: 100%;
	height: 100%;
}
.tab-town.active {
	display: flex;
	flex-wrap: wrap;
}
.tab-town[data-towns="1"] .partners-town-item {
	width: 20%;
	height: 150px;
}
.tab-town[data-towns="2"] {
	align-content: flex-start;	
}
.tab-town[data-towns="2"] .partners-town-item {
	width: 25%;
	height: 200px;
}
.tab-town[data-towns="3"] .partners-town-item {
	width: 16.667%;
	height: 200px;
}
.tab-town[data-towns="4"] .partners-town-item {
	width: 20%;
	height: 200px;
}
.tab-town[data-towns="5"] .partners-town-item {
	width: 25%;
	height: 300px;
}
.tab-town[data-towns="6"] .partners-town-item {
	width: 33.3%;
	height: 600px;
}
.tab-town[data-towns="7"] .partners-town-item {
	width: 100%;
	height: 600px;
}
.tab-town[data-towns="8"] .partners-town-item {
	width: 33.3%;
	height: 200px;
}
.tab-town[data-towns="9"] .partners-town-item {
	width: 33.3%;
	height: 300px;
}
.tab-town[data-towns="10"] .partners-town-item {
	width: 20%;
	height: 300px;
}
@media only screen and (max-width:1600px) {
.screen-partners-town .img-4 {
	display: none;
}
}
@media only screen and (max-width:1440px) {
.screen-partners-town .site-wrap {
    max-width: 1140px;
    height: 100%;
}
.wrap-partners-tab {
    width: 100%;
    max-width: 795px;
}
.screen-partners-town .site-wrap .wrap-container {
	padding-top: 59px;
}

.screen-partners-town .wrap-container .content {
	padding-left: 0px;
}
.screen-partners-town .img-1 {
	display: none
}
.screen-partners-town .img-3 {
	display: none
}
.screen-partners-town .img-2 {
    position: absolute;
    right: -2.8%;
    top: -30px;
    width: 500px;
    height: 521px;
    background: url(/bitrix/templates/main/css/../images/quest_v5/org-sfera-1.png) no-repeat center / contain;
}
}
@media only screen and (max-width:1140px) {
.screen-partners-town .part_tab_li li {
    width: 220px;
    height: 47px;
    border-radius: 20px;
}
.wrap-partners-tab-town select {
	width: 230px;
}
.wrap-partners-tab {
    width: 100%;
    max-width: 710px;
}
.screen-partners-town .wrap-container .content {
    padding-left: 15px;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.screen-partners-town .img-1,
.screen-partners-town .img-2,
.screen-partners-town .img-3,
.screen-partners-town .img-4 {
	display: none
}
.site-no-slider .site-slider-perspective .site-slide.screen-partners-town {
    display: block !important;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wrap-container .content {
	height: auto
}
}
@media only screen and (max-width:767px) {
.screen-partners-town .partners-town-item a {
	width: 100px;
	height: 100px;
}
.screen-partners-town #par_1 .partners-town-item,
.screen-partners-town #par_2 .partners-town-item,
.tab-town[data-towns="1"] .partners-town-item,
.tab-town[data-towns="2"] .partners-town-item,
.tab-town[data-towns="3"] .partners-town-item,
.tab-town[data-towns="4"] .partners-town-item,
.tab-town[data-towns="5"] .partners-town-item,
.tab-town[data-towns="6"] .partners-town-item,
.tab-town[data-towns="7"] .partners-town-item,
.tab-town[data-towns="8"] .partners-town-item,
.tab-town[data-towns="9"] .partners-town-item,
.tab-town[data-towns="10"] .partners-town-item {
    width: 33.3%;
    height: 150px;
    border: none;
}
.partners-tab-block {
	flex-wrap: wrap;
	position: relative;
    height: 140px;
    align-items: flex-start;
}
.wrap-partners-tab-town select {
    width: 285px;
    margin: auto;
    display: block;
}
.wrap-partners-tab-town {
	width: 100%;
	position: absolute;
    left: 0;
    bottom: 20px;
}
.screen-partners-town .part_tab_li {
    display: flex;
    justify-content: space-between;
    margin: 0;
    list-style-type: none;
    width: 750px;
    padding: 0px 30px;
    overflow: auto;
    padding-bottom: 10px;
}
.wrap-partners-tab {
    width: 100%;
    max-width: 710px;
    overflow: auto;
}
.screen-partners-town .title {
    font-size: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 25px;
}
.screen-partners-town .site-wrap {
    padding: 0px;
}
.site-no-slider .site-slider-perspective .site-slide.screen-partners-town {
    padding: 0 15px;
}
.screen-partners-town .wrap-container .content {
	margin-left: 0px;
    width: 100%;
    padding: 0px 0px 0px 0px;
	padding-top: 0px;
	height: auto;
	padding-bottom: 30px;
}
.screen-partners-town select.part-town { 
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0px;
      background: #ffffff;
      position: relative;
}
.wrap-partners-tab-town:after {
	position: absolute;
	content: '';
	right: calc(50% - 120px);
	top: 22px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #000000;
}
.screen-partners-town .site-wrap .wrap-container {
   padding-bottom: 0;
   padding-top: 23px;
}
}



/* ==========================================================================
   Маршруты
   ========================================================================== */

.quest-popup-routes {position:fixed; top:0px; left:0px; background:#0398D7; width:100%; height:100%; z-index:10000; opacity:0; visibility:hidden; transition:all .2s ease 0s;}
.quest-popup-routes.active {opacity:1; visibility:visible;}
.quest-popup-routes .step {position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px;}

.quest-popup-routes .step-1 {background:url(/bitrix/templates/main/css/../images/quest_v5/routes/bg_step_1.jpg?v=1) no-repeat center center / cover;}
.quest-popup-routes .step-1 .img {background:url(/bitrix/templates/main/css/../images/quest_v5/routes/img_right.png) no-repeat center center / contain; width:998px; height:787px; position:absolute; bottom:0px; right:115px;}
.quest-popup-routes .step-1 .content {width:680px; position:absolute; top:50%; left:62px; transform:translateY(-50%);}
.quest-popup-routes .step-1 .content .block-title {margin:0px 0px 81px 0px; font-size:60px; line-height:60px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-1 .content .block-age {margin:0px 0px 79px 0px;}
.quest-popup-routes .step-1 .content .block-age .name {margin:0px 0px 57px 0px; font-size:40px; line-height:50px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-1 .content .block-age .tabs {margin:0px; display:flex; justify-content:space-between;}
.quest-popup-routes .step-1 .content .block-age .tabs .tab {width:321px; height:68px;}
.quest-popup-routes .step-1 .content .block-age .tabs .tab input {display:none;}
.quest-popup-routes .step-1 .content .block-age .tabs .tab input + label {width:100%; height:100%; background:transparent; border:2px solid #FFFFFF; border-radius:20px; display:block; transition:all .2s ease 0s; display:flex; align-items:center; justify-content:center; text-align:center; font-size:34px; line-height:40px; color:#fff; font-weight:bold; cursor:pointer;}
.quest-popup-routes .step-1 .content .block-age .tabs .tab input:checked + label {background:#DB00FF; border-color:#DB00FF;}
.quest-popup-routes .step-1 .content .block-city {margin:0px 0px 145px 0px;}
.quest-popup-routes .step-1 .content .block-city .name {margin:0px 0px 42px 0px; font-size:40px; line-height:50px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-1 .content .block-city .select {height:107px; position:relative;}
.quest-popup-routes .step-1 .content .block-city .select:before {content:''; background:#fff; width:115px; height:100%; position:absolute; top:0px; right:0px; pointer-events:none;}
.quest-popup-routes .step-1 .content .block-city .select:after {content:''; background:url(/bitrix/templates/main/css/../images/quest_v5/routes/arrow_select.svg) no-repeat center center / contain; width:25px; height:11px; position:absolute; top:50%; right:45px; margin:-5px 0px 0px 0px; pointer-events:none;}
.quest-popup-routes .step-1 .content .block-city .select select {width:100%; height:100%; margin:0px; padding:0px 0px 0px 30px; background:#fff; border:none; border-radius:0px; font-size:34px; line-height:42px; color:#DB00FF; font-weight:500;}
.quest-popup-routes .step-1 .content .block-button {margin:0px; padding:0px 18px 0px 0px; display:flex; justify-content:flex-end;}
.quest-popup-routes .step-1 .content .block-button .element-button {width:400px; height:102px;}
.quest-popup-routes .step-1 .content .block-button .element-button .text {font-size:34px; line-height:35px; letter-spacing:0.1em; text-transform:uppercase; text-align:center;}
.quest-popup-routes .step-1 .close {background:url(/bitrix/templates/main/css/../images/quest_v5/routes/close.svg) no-repeat center center / contain; width:77px; height:77px; position:absolute; top:40px; right:40px; cursor:pointer;}
.quest-popup-routes .step-1 .button {position:absolute; bottom:50px; right:56px;}

.quest-popup-routes .step-2 {display:flex; justify-content:space-between; opacity:0; visibility:hidden; background:#0398D7 url(/bitrix/templates/main/css/../images/quest_v5/routes/bg_step_2.jpg?v=1) no-repeat top left / auto 100%; transition:all .2s ease 0s;}
.quest-popup-routes .step-2.active {opacity:1; visibility:visible;}
.quest-popup-routes .step-2 .left {width:479px; min-width:479px; max-width:479px; height:100%; position:relative; padding:50px 60px 60px 40px; display:flex; align-items:center; flex-direction:column; justify-content:space-between;}
.quest-popup-routes .step-2 .left .close {background:url(/bitrix/templates/main/css/../images/quest_v5/routes/close_small.svg) no-repeat center center / contain; width:32px; height:32px; position:absolute; top:20px; right:20px; cursor:pointer;}
.quest-popup-routes .step-2 .left .info {margin:0px; width:100%;}
.quest-popup-routes .step-2 .left .info .block-title {margin:0px 0px 45px 0px; font-size:40px; line-height:40px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center;}
.quest-popup-routes .step-2 .left .info .blocks {margin:0px;}
.quest-popup-routes .step-2 .left .info .blocks .block {margin-top:31px;}
.quest-popup-routes .step-2 .left .info .blocks .block:first-child {margin-top:0px;}
.quest-popup-routes .step-2 .left .info .blocks .block .name {margin:0px 0px 5px 0px; font-size:18px; line-height:24px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-2 .left .info .blocks .block .value {font-size:34px; line-height:40px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-2 .left .alternative {display:none; margin:0px; width:100%;}
.quest-popup-routes .step-2 .left .alternative.active {display:block;}
.quest-popup-routes .step-2 .left .alternative .text {margin:0px 0px 20px 0px; font-size:18px; line-height:24px; color:#fff; font-weight:bold;}
.quest-popup-routes .step-2 .left .alternative .tabs {margin:0px;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab {margin:15px 0px 0px 0px; width:100%; height:68px; position:relative;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab:first-child {margin-top:0px;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab input {display:none;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab input + label {width:100%; height:100%; background:transparent; border:2px solid #FFFFFF; border-radius:20px; display:block; transition:all .2s ease 0s; display:flex; align-items:center; justify-content:center; text-align:center; font-size:18px; line-height:20px; color:#fff; font-weight:bold; cursor:pointer; flex-wrap:wrap; padding:10px 0px;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab input:checked + label {background:#DB00FF; border-color:#DB00FF;}
.quest-popup-routes .step-2 .left .alternative .tabs .tab .description {display:none; position:absolute; top:100%; left:0px; right:0px; font-size:12px; line-height:16px; color:#fff; font-weight:bold; text-align:center; margin:2px 0px 0px 0px;}
.quest-popup-routes .step-2 .left .back {margin:0px; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.quest-popup-routes .step-2 .left .back .icon {margin:0px 0px 10px 0px; background:#fff; width:85px; height:85px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; font-size:0px; line-height:0px; transition:all .2s ease 0s;}
.quest-popup-routes .step-2 .left .back:hover .icon {box-shadow:0px 0px 20px rgba(255, 255, 255, .5);}
.quest-popup-routes .step-2 .left .back .icon:before {content:''; background:url(/bitrix/templates/main/css/../images/quest_v5/routes/back.svg) no-repeat center center / contain; width:27px; height:18px;}
.quest-popup-routes .step-2 .left .back .text {font-size:18px; line-height:24px; color:#fff; font-weight:bold; text-transform:uppercase;}
.quest-popup-routes .step-2 .left .button {display:flex; justify-content:center;}
.quest-popup-routes .step-2 .right {width:100%; height:100%;}
.quest-popup-routes .step-2 .right .map {background:#efefef; width:100%; height:100%;}

.quest-v5-placemark-content {background:#fff; position:relative; width:350px; margin:0px; padding:0px;}
.quest-v5-placemark-content .close {background:url(/bitrix/templates/main/css/../images/quest_v5/routes/close_map.svg) no-repeat center center / contain; width:20px; height:20px; position:absolute; top:10px; right:10px; cursor:pointer;}
.quest-v5-placemark-content .content {margin:0px; padding:35px 0px 0px 0px;}
.quest-v5-placemark-content .content .name {margin:0px 0px 10px 0px; padding:0px 20px; font-size:18px; line-height:24px; color:#000; font-weight:bold;}
.quest-v5-placemark-content .content .address {margin:0px 0px 14px 0px; padding:0px 20px; font-size:14px; line-height:20px; color:#000;}
.quest-v5-placemark-content .content .img {margin:0px;}
.quest-v5-placemark-content .content .img img {width:100%; height:auto;}

@media only screen and (max-width:1600px) {
	
	.quest-popup-routes .step-1 .img {width:921px; height:724px; bottom:0px; right:-230px;}
	.quest-popup-routes .step-1 .content .block-title {margin:0px 0px 60px 0px;}
	.quest-popup-routes .step-1 .content .block-age {margin:0px 0px 60px 0px;}
	.quest-popup-routes .step-1 .content .block-age .name {margin:0px 0px 40px 0px;}
	.quest-popup-routes .step-1 .content .block-city {margin:0px 0px 60px 0px;}
	.quest-popup-routes .step-1 .content .block-city .name {margin:0px 0px 37px 0px;}
	.quest-popup-routes .step-1 .content .block-city .select {height:80px;}
	
	.quest-popup-routes .step-2 .left {width:353px; min-width:353px; max-width:353px; padding:50px 20px 34px 20px;}
	.quest-popup-routes .step-2 .left .info .block-title {margin:0px 0px 35px 0px;}
	.quest-popup-routes .step-2 .left .info .blocks .block {margin:21px 0px 0px 0px;}
	.quest-popup-routes .step-2 .left .info .blocks .block .value {font-size:30px; line-height:34px;}
	.quest-popup-routes .step-2 .left .alternative .text {font-size:16px; line-height:20px;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab {height:60px;}
	
}

@media only screen and (max-width:768px) {
	
	.quest-popup-routes .step-1 {background-image:url(/bitrix/templates/main/css/../images/quest_v5/routes/bg_mobile.jpg?v=1); overflow:auto;}
	.quest-popup-routes .step-1 .img {display:none;}
	.quest-popup-routes .step-1 .content {width:auto; position:relative; top:auto; left:auto; transform:none; text-align:center; padding:35px 30px 58px 30px;}
	.quest-popup-routes .step-1 .content .block-title {margin:0px 0px 50px 0px; font-size:40px; line-height:40px;}
	.quest-popup-routes .step-1 .content .block-age {margin:0px 0px 33px 0px;}
	.quest-popup-routes .step-1 .content .block-age .name {margin:0px 0px 35px 0px; font-size:20px; line-height:30px;}
	.quest-popup-routes .step-1 .content .block-age .tabs {display:block;}
	.quest-popup-routes .step-1 .content .block-age .tabs .tab {margin:24px 0px 0px 0px; width:100%; height:74px;}
	.quest-popup-routes .step-1 .content .block-age .tabs .tab:first-child {margin-top:0px;}
	.quest-popup-routes .step-1 .content .block-city {margin:0px 0px 116px 0px;}
	.quest-popup-routes .step-1 .content .block-city .name {margin:0px 0px 34px 0px; font-size:20px; line-height:30px;}
	.quest-popup-routes .step-1 .content .block-city .select {height:65px;}
	.quest-popup-routes .step-1 .content .block-city .select:before {width:53px;}
	.quest-popup-routes .step-1 .content .block-city .select:after {width:11px; height:7px; right:21px; margin:-3px 0px 0px 0px;}
	.quest-popup-routes .step-1 .content .block-city .select select {padding:0px 0px 0px 15px; font-size:20px; line-height:25px;}
	.quest-popup-routes .step-1 .content .block-button {margin:0px; padding:0px; display:block;}
	.quest-popup-routes .step-1 .content .block-button .element-button {width:260px; height:68px; margin:0px auto;}
	.quest-popup-routes .step-1 .content .block-button .element-button .text {font-size:14px; line-height:20px; letter-spacing:0px;}
	.quest-popup-routes .step-1 .content .block-button .element-button .text br {display:none;}
	.quest-popup-routes .step-1 .close {background-image:url(/bitrix/templates/main/css/../images/quest_v5/routes/close_small.svg); width:30px; height:30px; top:20px; right:20px;}
	.quest-popup-routes .step-1 .button {position:relative; bottom:auto; left:auto; right:auto;}
	.quest-popup-routes .step-1 .button .element-button {width:100%; height:50px;}
	.quest-popup-routes .step-1 .button .element-button .bg-back {display:none;}
	.quest-popup-routes .step-1 .button .element-button .bg-front {transform:none;}
	
	.quest-popup-routes .step-2 {flex-direction:column; background-image:url(/bitrix/templates/main/css/../images/quest_v5/routes/bg_mobile.jpg); padding:0px 0px 50px 0px;}
	.quest-popup-routes .step-2 .left {width:100%; min-width:auto; max-width:none; height:auto; padding:20px 20px 22px 20px; display:block;}
	.quest-popup-routes .step-2 .left .close {width:30px; height:30px; top:20px; right:20px;}
	.quest-popup-routes .step-2 .left .info .block-title {margin:0px 0px 23px 0px; font-size:20px; line-height:30px;}
	.quest-popup-routes .step-2 .left .info .block-title br {display:none;}
	.quest-popup-routes .step-2 .left .info .blocks .block {margin-top:10px; display:flex; align-items:center;}
	.quest-popup-routes .step-2 .left .info .blocks .block .name {width:116px; margin:0px 0px 0px 0px;}
	.quest-popup-routes .step-2 .left .info .blocks .block .value {font-size:20px; line-height:24px;}
	.quest-popup-routes .step-2 .left .alternative {margin:16px 0px 0px 0px;}
	.quest-popup-routes .step-2 .left .alternative .text {margin:0px 0px 22px 0px; font-size:12px; line-height:16px;}
	.quest-popup-routes .step-2 .left .alternative .tabs {margin:0px; display:flex; justify-content:space-between; align-items:center;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab {margin:0px; width:155px; height:37px; position:relative;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab input + label {font-size:18px; line-height:20px;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab input:checked + label {background:#DB00FF; border-color:#DB00FF;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab input + label .mobile-hide {display:none;}
	.quest-popup-routes .step-2 .left .alternative .tabs .tab .description {display:block;}
	.quest-popup-routes .step-2 .left .back {position:absolute; top:20px; left:20px;}
	.quest-popup-routes .step-2 .left .back .icon {margin:0px; width:30px; height:30px;}
	.quest-popup-routes .step-2 .left .back .icon:before {width:8px; height:12px;}
	.quest-popup-routes .step-2 .left .back .text {display:none;}
	.quest-popup-routes .step-2 .left .button {position:fixed; bottom:0px; left:0px; right:0px;}
	.quest-popup-routes .step-2 .left .button .element-button {width:100%; height:50px;}
	.quest-popup-routes .step-2 .left .button .element-button .bg-back {display:none;}
	.quest-popup-routes .step-2 .left .button .element-button .bg-front {transform:none;}
	.quest-popup-routes .step-2 .right {width:100%; height:100%;}
	.quest-popup-routes .step-2 .right .map {background:#efefef; width:100%; height:100%;}
	
	.quest-v5-placemark-content {width:250px;}
	
}



/*организаторы квеста*/

.screen-special {padding: 45px; position: relative;}
.screen-special .inner {width: 100%; height: 100%; position: relative;}
.screen-special .bg {
	position: absolute;
	width: 100%; 
	height: 100%;
	top: 0; left: 0; 
	background:url(/bitrix/templates/main/css/../images/quest_v5/bg_special.png) no-repeat center / cover;
	}
.screen-special .site-wrap {
	max-width: 1090px;
	height: 100%;
}
.screen-special .site-wrap .wrap-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 89px;
	padding-bottom: 135px;
}
.screen-special .img-1 {
	position: absolute;
	right: 11.7%;
    bottom: 29%;
    width: 321px;
    height: 386px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/sp-sfera-1.png) no-repeat center / contain;
}
.screen-special .img-2 {
	position: absolute;
	left: 8.2%;
    bottom: 13%;
    width: 220px;
    height: 220px;
	background:url(/bitrix/templates/main/css/../images/quest_v5/sp-sfera-2.png) no-repeat center / contain;
}
.screen-special  .title {
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 58px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}
.pretitle {
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	max-width: 360px;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin: 0;
}
.screen-special .wrap-container .content {
	display: flex;
	height: 377px;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0;
	box-sizing: border-box;
	backdrop-filter: blur(4px);
}
.screen-special .content .left-content {
	width: 377px;
	height: 100%;
	min-width: 377px;
	max-width: 377px;
	padding: 39px 35px 25px 43px;
	background: #D70375;
}
.screen-special .content .left-content p {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 27px;
}
.screen-special .content .left-content p span {
	font-weight: 900;
}
.screen-special .content .right-content {
	width: 100%;
	height: 100%;
	padding: 39px 43px 70px;
	background: #ffffff;
}
.screen-special .content .right-content p {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #4270A4;
	margin: 0;
}
.screen-special .content .right-content p a {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	color: #DB00FF;
}
.screen-special .content .right-content a.logo-link {
	display: block;
	width: 180px;
	height: 180px;
	margin: auto;
	margin-top: 35px;
}
.screen-special .content .right-content a.logo-link img {
	width: 180px;
	height: 180px;
}
.screen-special .button {
	margin-left: 20px;
}
.screen-special .element-button {
	height: 55px;
}
.screen-special .element-button .text {
	color: #DB00FF;
}
@media only screen and (max-width:1600px) {
.screen-special .img-1 {
	display: none
}
.screen-special .img-2 {
	display: none
}
}
@media only screen and (max-width:1450px) {
.screen-special .site-wrap {
    max-width: 1140px;
    height: 100%;
}
.screen-special .site-wrap .wrap-container {
	padding-top: 59px;
}

.screen-special .wrap-container .content {
	padding-left: 0px;
}

}
@media only screen and (max-width:1140px) {
	.wrap-container .content {
    padding-left: 15px;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.screen-special .img-1,
.screen-special .img-2 {
	display: none
}
.site-no-slider .site-slider-perspective .site-slide.screen-special {
    display: block !important;
    width: 100%;
    height: auto;
    overflow: hidden;
}
}
.fancybox-video {
	display: none;
	width: 100%;
	max-width: 60vw;
	min-width: 300px;
	height: auto;
}

.fancybox-nav {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 40%;
}
@media only screen and (max-width:767px) {
	.fancybox-video {
		max-width: 100%;
	}
	.see-video-link {
		margin-left: auto;
		margin-right: auto;
	}
.screen-special .title {
    font-size: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 25px;
}
.screen-special .pretitle {
	padding-left: 20px;
}
.screen-special .site-wrap {
    padding: 0px;
}
.site-no-slider .site-slider-perspective .site-slide.screen-special {
    padding: 0 15px;
}
.screen-special .wrap-container .content {
	margin-left: 0px;
    width: 100%;
    flex-wrap:  wrap;
    padding: 0 0px 0px 0px;
	padding-top: 250px;
	height: auto;
	justify-content: flex-start;
	padding-bottom: 0px;
	backdrop-filter: none;
    border: none;
}
.screen-special .site-wrap .wrap-container {
   padding-bottom: 0;
   padding-top: 23px;
}
.screen-special .content .left-content {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width:auto;
    max-width: 385px;
    height: auto;
    padding: 55px 20px;
    background: #D70375;
}
.screen-special .content .right-content {
	width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: auto;
    max-width: 385px;
    height: auto;
    padding: 16px 20px 50px 27px;
	background: #ffffff;
}
.screen-special .element-button {
    width: 256px;
    margin-left: auto;
    margin-right: auto;
}
.screen-special .content .right-content a.logo-link {
    display: block;
    width: 164px;
    height: 164px;
    margin: auto;
    margin-top: 0px;
    position: absolute;
    border-radius: 50%;
    border: 14px solid white;
    box-sizing: border-box;
    top: 250px;
    left: calc(50% - 82px);
}
.screen-special .content .right-content a.logo-link img {
    width: 136px;
    height: 136px;
}
}
@media only screen and (max-width:575px) {
.screen-special .content .left-content,
.screen-special .content .right-content {
	max-width: 355px;
}
}
.see-video-link {
	position: relative;
	z-index: 9;
	border: 2px solid #FFFFFF;
	display: flex;
	align-items: center;
	padding-left: 30px;
	justify-content: center;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 20px;
	font-style: normal;
	font-weight: 900;
	font-size: 14px;
	margin-top: 15px;
	width: 240px;
	height: 60px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(/bitrix/templates/main/css/../images/quest_v5/see-link.svg) no-repeat 10px center;
}



/*попап*/

.quest-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.quest-popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 700px;
  max-width: 700px;
  height: 400px;
  box-sizing: border-box;
  text-align: center;
  padding: 0 109px;
  background: url(/bitrix/templates/main/css/../images/popup/popup-bg.png) center no-repeat;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.quest-popup-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(/bitrix/templates/main/css/../images/popup/close.svg) center no-repeat;
  background-size: contain;
}
.quest-popup-title {
  display: block;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.quest-popup-text {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  color: #FFFFFF;
}
.quest-popup-text a {
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  color: #EA6AFF;
}
.quest-popup-warning {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 768px) {
.quest-popup-content {
  width: 100vw;
  height: 100vh;
  max-width: none;
  background-size: cover;
  border-radius: 0px;
  padding: 0 37px;
}
.quest-popup-warning {
  padding: 0 30px
}
.quest-popup-title,
.quest-popup-text {
	font-size: 18px;
	line-height: 24px;
}
.quest-popup-close {
	top: 90px
}
}
/* End */
/* /bitrix/templates/main/css/quest_v5.css?1793031974146238 */
/* /bitrix/templates/main/css/quest_v5_start.css?179303197449488 */