/* USER VARIABLES SECTION */

:root {
	--white: #fff;
	--grey-300: #9F9F9F;
	--grey-400: #A2A4AA;
	--blue-700: #4C5265;
	--blue-800: #262C40;
	--red-400: #C72A3C;
	--red-500: #C21F3D;
	--userfont: 'akzidenz', sans-serif;
}
body{
	overflow: hidden;
}

/* RESET CSSS */
*,*::before,*::after{box-sizing:border-box}ul,ol{padding:0;list-style:none}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1}img{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;-webkit-appearance:none;padding:0}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}} button{ cursor: pointer;} html,body{ scroll-behavior: smooth }

/* RESET CSS */

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/alivaria.woff2") format("woff2"); font-family: 'alivaria'; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskmedium.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskpromdcn.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 100; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskproxbd.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 800; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskproregular.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskproxbdcn.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/akzidenzgroteskproboldcn.woff2") format("woff2"); font-family: 'akzidenz'; font-weight: 600; font-style: normal; }
/* GENERAL CSS SETTINGS */


/* ui comp  */
.btn--red{
	background: linear-gradient(124.1deg, #EB3758 7.06%, #BF3138 76.47%);
	/*box-shadow: 0px 0px 23px rgba(243, 63, 73, 0.33), inset 0px -4px 1px rgba(0, 0, 0, 0.27); */ /*клиент попросил убрать объем у кнопок*/
	border-radius: 10px;
	border: none;
	color: var(--white);
	font-weight: 500;
}
.btn--grey{
	background: linear-gradient(107.72deg, #8D8D8D 7.05%, #707070 63.43%);
	/*box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.27);*/
	border-radius: 10px;
	border: none;
	color: var(--white);
	font-weight: 500;
}

/*  ui comp  */


html{
	font-family: var(--userfont);
}
.page__title{
	max-width: 10vw;
	max-height: 90vh;
}
.page__title__wrapper{
	position: fixed;
	right: 0;
	top: 20px;
	z-index: 15;
}
.wrapper{
	width: 100%;
	max-width: calc(1240px + var(--offset) * 2);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--offset);
	padding-right: var(--offset);
}
.title {
	font-size: 46px;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-weight: 800;
}
.subtitle{
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.01em;
}
.header{
	position: relative;
	padding-top: 40px;
	z-index: 12;
}
.header-logo{
	display: block;
	width: fit-content;
}
.preview{
	width: 100%;
	height: calc(100vh - 215px);
	min-height: 700px;
}
.preview::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 120%;
	background-image: url('../images/bg/previewbg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 10;
	pointer-events: none;
}
.preview__content{
	position: relative;
	max-width: 505px;
	margin-top: 43px;
	z-index: 40;
}
.preview__title{
	font-family: 'alivaria';
	font-size: 140px;
	color: var(--white);
}
.preview__btn{
    position: relative;
	display: inline-block;
	margin-top: 81px;
	font-size: 18px;
	padding: 26px 67px 25px 67px;
	text-decoration: none;
	z-index: 70;
	overflow: hidden;
}

.flare{
	position: absolute;
	top: 0;
	height: 100%;
	width: 45px;
	transform: skewX(-45deg);
	animation: flareAnimation;
	left: -150%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
	animation: flareAnimation 5s infinite;
	will-change: left;
}
@keyframes flareAnimation {
	0% {
			left: -150%;
	}
	100% {
			left: 150%;
	}
}

.preview__description {
	display: grid;
	grid-gap: 18px;
	margin-top: 25px;
	color: var(--white);
	line-height: 150%;
	font-size: 18px;
	font-weight: 400;
	max-width: 465px;
}
/* CATALOG */

.catalog{
	position: relative;
	background-image: url('../images/bg/catalog.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 300px;
}
.catalog__content{
	position: relative;
	padding-top: 215px;

}
.catalog::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 35vw;
	max-height: 876px;
	left: 0;
	bottom: -10vw;
	background-image: url('../images/bg/catalogfooter.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	pointer-events: none;
}
.catalog__title {
	text-align: center;
	color: var(--blue-800);
	margin-bottom: 20px;
}
.catalog__subtitle {
	text-align: center;
	color: var(--blue-700);
}
.catalog__list {
	display: grid;
	grid-gap: 55px;
	margin-bottom: 80px;
	margin-top: 81px;
}
.catalog__card {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 64px;
}

.catalog__img {
	position: relative;
	display: block;
	max-width: 400px;
	object-fit: cover;
}
.catalog__card_img{
	position: relative;
	width: 100%;
	max-width: 430px;
}
.catalog__img_bg{
	position: relative;
	width: 100%;
	max-width: 465px;
	margin-right: auto;
}
.catalog__img_bg::after{
	position: absolute;
	content: '';
	height: 50%;
	width: 23px;
	top: 50%;
	left: 50%;
	filter: blur(10px);
	border-radius: 100%;
	transform: translate(-50%, -50%) rotate(12deg);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
	animation: blinkBank 5s infinite;
}

@keyframes blinkBank {
	0%{
		opacity: 0;
		left: 25%;
	}
	50%{
		opacity: 1;
		left: 100%;
	}
	55%{
		opacity: 0;
	}
	100%{
		opacity: 0;
		left: 25%;
	}
}
.catalog__card:nth-of-type(2n) .catalog__img_bg::after {
  animation-delay: 2s;
}
.catalog__img_bg::before{
	position: absolute;
	content: '';
	width: 320px;
	height: 320px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 200%;
	background: #F4EAC6;
}
.catalog__info {
	position: relative;
	width: 100%;
	max-width: 465px;
}


.catalog__info_title {
	display: flex;
	justify-content: space-between;
	grid-gap: 15px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid var(--grey-400);
}
.catalog__info_name {
	color: var(--blue-800);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 32px;
}
.catalog__info_time {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	grid-gap: 12px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.01em;
}
.catalog__info_subtitle {
	display: grid;
	grid-gap: 5px;
	margin-bottom: 15px;
}
.catalog__info_por {
	font-size: 18px;
	font-weight: 500;
	color: var(--blue-800);
}
.catalog__info_por > span {
	color: var(--red-400);
}
.catalog__info_calc {
	font-size: 18px;
	font-weight: 400;
	color: var(--blue-800);
}
.catalog__info_list {
	display: grid;
	grid-gap: 9px;
	margin-bottom: 40px;
}
.catalog__info_item {
	display: flex;
	align-items: center;
	gap: 5px;
}
.catalog__info_text {
	display: flex;
	align-items: center;
	grid-gap: 8px;
	font-size: 18px;
	font-weight: 400;
	color: var(--blue-800);
	width: 100%;
}
.catalog__info_detted {
	width: 100%;
	height: 1px;
	align-self: self-end;
	border-bottom: 3px dotted var(--grey-300);
	margin-bottom: 4px;
}
.catalog__info_cnt {
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.01em;
	color: var(--red-400);
	margin-left: auto;
	flex-shrink: 0;
	width: 30%;
}
.catalog__info_cnt > span {
	color: var(--grey-300);
	font-weight: 400;
}
.catalog__info_tooltip {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url('../images/svg/Info.svg');
	background-size: cover;
	background-position: center;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: 0.5s transform;
	will-change: transform;
	flex-shrink: 0;
}
.catalog__info_tooltip:hover{
	transform: scale(1.1);
}
.catalog__info_more {
	display: flex;
	justify-content: center;
	background: rgba(199, 42, 60, 0.1);
	padding: 17px 60px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.01em;
	border: none;
	color: var(--red-400);
	transition: 0.5s background, 0.5s color;
	will-change: background;
	text-decoration: none;
}
.catalog__info_more:hover{
	color: var(--white);
	background: var(--red-400);
}

/*  CATALOG END  */

/* copyright */

.copyright {
	background-image: url('../images/bg/copyright.jpg');
	padding-top: 9vw;
	padding-bottom: 23.5vw;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	margin-top: 4vw;
}
.copyright__content {
	position: relative;
	z-index: 10;
}
.copyright__title {
	color: var(--white);
	text-align: center;
	margin-bottom: 25px;
}
.copyright__subtitle {
	color: var(--white);
	line-height: 150%;
	text-align: center;
	max-width: 650px;
	margin: 0 auto;
}
.copyright__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 60px;
	margin-top: 80px;
}
.copyright__card {
	width: 100%;
	max-width: 317px;
	text-decoration: none;
}
.copyright__card--notEmpty:hover .copyright__card_more{
	color: var(--red-400);
}
.copyright__card--notEmpty:hover .copyright__card_img{
	transform: scale(1.2);
}
.copyright__card--notEmpty:hover .copyright__card_preview::before{
	transform: scale(1);
}
.copyright__card_preview {
	position: relative;
	border-radius: 10px;
	max-width: 317px;
	height: 360px;
	overflow: hidden;
}
.copyright__card_preview::before{
	position: absolute;
	content: '';
	inset: 0;
	background-color: rgba(0,0,0,0.5);
	pointer-events: none;
	border-radius: 10px;
	transform: scale(0);
	transition: 0.5s transform;
	z-index: 10;
}
.copyright__card_img {
	max-width: 317px;
	height: 360px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	transition: 0.5s transform;
}
.copyright__card_more {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	bottom: 15px;
	color: var(--white);
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.01em;
	transition: 0.5s color;
	will-change: color;
	z-index: 20;
}
.copyright__card_name {
	display: block;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	margin-top: 25px;
}

.main__footer{
	position: relative;
}
.main__footer::after{
	position: absolute;
	content: '';
	left: 0;
	bottom: -50px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 47, 94, 0) 0%, #002F5E 100%);
	opacity: 0.47;
}
.main__footer::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 152%;
	background-image: url('../images/bg/homefooter.png');
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -50px;
}

.map{
	position: relative;
	margin-bottom: 50px;
	z-index: 10;
}
.map__title {
	text-align: center;
	color: var(--blue-800);
	margin-bottom: 37px;
}
.map__subtitle {
	text-align: center;
	color: var(--blue-800);
	max-width: 495px;
	margin: 0 auto;
}
.map__wrapper {
}
.map__btns {
	display: flex;
	justify-content: center;
	gap: 60px;
	margin-top: 47px;
}
.map__btn {
	padding: 24px 69px 24px
}
.map__wrapper .btn--grey{
	background: linear-gradient(124.1deg, #5B5E69 7.06%, #393A40 76.47%);
	/*box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.27);*/
}
.map__list {
    display: none;
	margin-top: 60px;
	border-radius: 10px;
	height: 500px;
	overflow: auto;
}
.map__list_item {
	display: grid;
	grid-template-columns: 160px 200px 171px 161px 210px;
	grid-gap: 1px 3px;
	align-items: center;
	padding: 20px 30px;
	border-bottom: 1px solid #ECECEC;
	justify-content: space-around;
}
.map__list_name {
	font-weight: 400;
	font-size: 20px;
	line-height: 116%;
	letter-spacing: 0.01em;
	color: var(--grey-400);
}
.map__list_address {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--blue-800);
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	letter-spacing: 0.01em;
}
.map__list_text {
	color: var(--blue-800);
	font-weight: 500;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: 0.01em;
}
.map__list_time {
	display: grid;
	grid-gap: 5px;
}
.map__list_watch{
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--blue-800);
	font-weight: 400;
	font-size: 20px;
	line-height: 125%;
	letter-spacing: 0.01em;
}
.map__list_namber {

}
.map__list_day {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: var(--grey-400);
}
.map__list_tel {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--blue-800);
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.01em;
	text-decoration: none;
	transition: 0.5s color;
	will-change: color;
}
.map__list_tel:hover{
	color: var(--red-400);
}


/*  PRODUCT PAGE */

.product{
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}

.product__card_header{
	align-items: center;
}
.product__card {
}
.product__card_img{
	position: relative;
}
.product__card_img::before{
	position: absolute;
	content: '';
	width: 320px;
	height: 320px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	background: var(--red-500);
}
.product__card_img > img {
	position: relative;
	max-width: 400px;
	width: 100%;
	z-index: 100;
}
.product__card_prev{
	display: flex;
	align-items: center;
	gap: 20px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.01em;
	text-decoration: none;
	margin-bottom: 25px;
	color: var(--blue-800);
	transition: 0.5s color;
}
.product__card_prev:hover{
	color: var(--red-500);
}
.product__card_title {
	display: flex;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid var(--grey-400);
}
.product__card_name {
	color: var(--blue-800);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -1px
}
.product__card_time {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	grid-gap: 12px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.01em;
}
.product__card_subtitle {
	display: grid;
grid-gap: 5px;
margin-bottom: 15px;
}
.product__card_por {
	font-size: 18px;
	font-weight: 500;
	color: var(--blue-800);
}
.product__card_por > span {
	color: var(--red-500);
}
.product__card_calc {
	font-size: 18px;
	font-weight: 400;
	color: var(--blue-800);
}
.product__card_list {
	display: grid;
	grid-gap: 9px;
	margin-bottom: 25px;
}
.product__card_item {
	display: flex;
	align-items: center;
}
.product__card_text {
	display: flex;
	align-items: center;
	grid-gap: 8px;
	font-weight: 400;
	color: var(--blue-800);
}
.product__card_detted {
	width: 100%;
	height: 1px;
	align-self: self-end;
	border-bottom: 2px dotted var(--grey-300);
	margin-bottom: 4px;
}
.product__card_cnt {
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.01em;
	color: var(--red-400);
	margin-left: auto;
	flex-shrink: 0;
}
.product__card_cnt > span {
	color: var(--grey-300);
	font-weight: 400;
}
.product__card_tooltip {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url('../images/svg/Info.svg');
	background-size: cover;
	background-position: center;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: 0.5s transform;
	will-change: transform;
	flex-shrink: 0;
}
.product__card_tooltip:hover{
	transform: scale(1.1);
}
.product__card_info {
	display: grid;
	grid-gap: 20px;
}
.product__card_info__text {
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.01em;
	color: var(--blue-800);
}
.product__card_info__text > span {
	font-weight: 500;
}
.product__card_footer {
	margin: 0 auto;
	border-top: 1px solid var(--grey-400);
}
.product__card_footer__title {
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--blue-800);
	margin-bottom: 15px;
}
.product__card_footer__list {
	display: grid;
	grid-gap: 10px;
	counter-reset: item;
}
.product__card_footer__item {
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.01em;
	color: var(--blue-800);
}
.product__card_footer__item::before {
  counter-increment: item;
  content: counter(item) ".";
	margin-right: 5px;
}


/* FOOTER */
.footer{
	position: relative;
	z-index: 20;
}
.footer-content {
	display: grid;
	grid-gap: 25px;
	padding-bottom: 60px;
}
.footer-content__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}
.footer-content__contact{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.footer__logo {
	max-width: 85px;
}
.footer__item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--white);
	text-decoration: none;
	transition: 0.5s color;
	will-change: color;
}
.footer__item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: rgba(220, 220, 220, 0.2);
	border-radius: 100%;
	color: var(--red-400);
	transition: 0.5s color, 0.5s background;
	will-change: color, background;
}
.footer__item:hover{
	color: var(--red-400);
}
.footer__item:hover .footer__item_icon{
	background: var(--red-400);
	color: var(--white);
}
.footer__right {
	display: flex;
	align-items: center;
	gap: 10px
}
.footer__right_item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: var(--red-500);
	border-radius: 5px;
	color: var(--white);
	transition: 0.5s background-color, 0.5s color;
}
.footer__right_item:hover {
	color: var(--red-500);
	background-color: rgba(220, 220, 220, 0.2);
}
.footer-content__bot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px
}
.footer-content__copy {
	color: var(--white);
	font-weight: 500;
	font-size: 16px;
}
.footer-content__doc {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	color: var(--white);
	text-decoration: none;
	transition: 0.5s color;
	will-change: color;
}
.footer-content__doc::before{
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	height: 1px;
	width: 100%;
	background-color: var(--white);
	transition: 0.5s transform, 0.5s background-color;
	will-change: transform, background-color;
}
.footer-content__doc:hover{
	color: var(--red-400);
}
.footer-content__doc:hover::before{
	transform: scaleX(0);
	background-color: var(--red-400);
}




/* alert */

.alert{
	display: flex;
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../images/bg/entrybg.jpg');
}

.modal{
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 200;
}
.modal-content{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-image: url('../images/bg/list.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 1030px;
	max-height: 622px;
	gap: 30px
}
.modal-content img {
	margin-bottom: 30px;
}
.modal-content::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.modal-title{
	font-weight: 100;
	color: var(--blue-800);
	text-transform: uppercase;
}

.modal_btns {
	display: flex;
	align-items: center;
	grid-gap: 40px;
}
.modal__btn {
	padding: 25px 60px;
	font-size: 18px;
	text-decoration: none;
}



/* tippy-box */

.tippy-box{
	background-color: var(--white);
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.01em;
	color: var(--blue-800);
	padding: 15px 25px;
}



/* preloder */

.preloder{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: #F2F9FF;
	top: 0;
	left: 0;
	z-index: 999;
}
.preloder__progress {
	position: relative;
	width: 100%;
	max-width: 630px;
	margin: 0 15px;
	height: 73px;
	background: #C1C1C1;
	border-radius: 10px;
}
.preloder__line {
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(124.1deg, #EB3758 7.06%, #BF3138 76.47%);
	/*box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.27);*/
	border-radius: 10px;
	animation: 3s progress infinite;
	transform-origin: center;
}


@keyframes progress {
	0%{
		transform: scaleX(0);
		opacity: 0.7;
	}
	50%{
		transform: scaleX(1);
		opacity: 1;
	}
	100%{
		transform: scaleX(0);
		opacity: 0.7;
	}
	
}

.map__iteractive{
	height: 500px;
	width: 100%;
	margin-top: 60px;
}
.map-balloon{
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.map-balloon_title{
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #A2A4AA;
	margin-bottom: 10px;
}

.map-balloon_list{
	display: grid;
	grid-gap: 10px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.01em;
	color: #262C40;
	margin-bottom: 25px;
}
.map-balloon_list__item{
	display: flex;
	align-items: center;
	gap: 10px
}
.map-balloon_footer{
	display: grid;
	grid-gap: 5px;
}

.map-balloon_time{
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #262C40;
}

.map-balloon_day{
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #A2A4AA;
}

.map-balloon_tel{
	display: flex;
	align-items: center;
	width: fit-content;
	gap: 10px;
	margin-top: 25px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.01em;
	color: #262C40;
	text-decoration: none;
	transition: 0.5s color;
	will-change: color;
}

.map-balloon_tel:hover{
	color: #C72A3C;
}
.ymaps-2-1-79-ground-pane {
	filter: grayscale(1);
}
.ymaps-2-1-79-svg-icon {
	background-image: url('../images/svg/mapitem.svg') !important;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: var(--red-500) !important;
}
.os-scrollbar-handle-off, .os-scrollbar-track-off{
	background: #E2E2E2 !important;
}


.ymaps-2-1-79-b-cluster-content__header{
	display: none !important;
}
.ymaps-2-1-79-b-cluster-tabs__menu-item-text{
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #A2A4AA;
	transition: 0.5s color;
}

.ymaps-2-1-79-b-cluster-tabs__menu-item-text:hover{
	color: #C72A3C;
}

.catalog__content .animateRight{
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	height: 400px;
	pointer-events: none;
}
.catalog__content .animateRight_content{
	position: relative;
	width: 100%;
	height: 100%;
}

.animateRight-item{
	position: absolute;
	filter: blur(18.5px);
	width: 72px;
	height: 72px;
	animation: ger 5s infinite;
}
.animateRight-green{
	background: #70FF7C;
}
.animateRight-yellow{
	background: #FF9620;
}
.animateRight--one{
	bottom: 104px;
	left: 93px;
}

.animateRight--two{
	bottom: 163px;
	left: 195px;
}

.animateRight--three{
	top: 63px;
	left: 132px;
}

.animateRight--thor{
	bottom: 0px;
	left: 175px;
}

@keyframes ger {
	0%{
		opacity: 0.1;
		transform: scale(0.3);
	}
	50%{
		transform: scaleX(1);
		opacity: 0.15;
	}
	100%{
		transform: scale(0.3);
		opacity: 0.1;
	}
	
}

.preview__stars_wrapper{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
	max-width: calc(1240px + var(--offset) * 2);
	z-index: 50;
}
.preview__stars{
	position: relative;
	height: 100%;
}

.preview__stars > div{
	position: absolute;
	background-color: #fff;
	border-radius: 100%;
	filter: blur(1.5px);
	animation: stars 2s linear infinite;
}

@keyframes stars {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
	
}

#pixie {
	z-index: 20;
	background: transparent;
	top: 0;
	position: absolute;
	left: 0;
  background-size: 100% 100%;
	pointer-events: none;
	width: 100%;
}


.ger-left{
	position: absolute;
	width: 845px;
	height: 640px;
	left: -16%;
	bottom: -20%;
	background-image: url('../images/bg/gerleft.png');
	pointer-events: none;
	z-index: 15;
}

.ger-left_animate{
	position: relative;
	width: 100%;
	height: 100%;
}

.ger-left_animate__item{
	position: absolute;
}

.ger-left_animate__white{
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100%;
	filter: blur(2px);
	box-shadow: 0 0 11px 4px #fff;
	animation: whiteger 6s infinite;
}
@keyframes whiteger {
	0%{
		opacity: 0.3;
		transform: scale(0);
	}
	50%{
		opacity: 0.6;
		transform: scale(1.3);
	}
	100%{
		opacity: 0.3;
		transform: scale(0);
	}
}
.ger-left_animate__white:nth-of-type(1){
	left: 33%;
	top: 25%;
}
.ger-left_animate__white:nth-of-type(2){
	left: 39%;
	top: 22%;
}

.ger-left_animate__white:nth-of-type(3){
	left: 42.5%;
	top: 28.5%;
}

.ger-left_animate__white:nth-of-type(4){
	left: 49%;
	top: 26%;
}

.ger-left_animate__white:nth-of-type(5){
	left: 57%;
	top: 28%;
}

.ger-left_animate__white:nth-of-type(6){
	left: 56%;
	top: 31%;
}

.ger-left_animate__white:nth-of-type(7){
	left: 64%;
	top: 33%;
}

.ger-left_animate__white:nth-of-type(8){
	left: 65%;
	top: 42%;
}

.ger-left_animate__white:nth-of-type(9){
	left: 68.5%;
	top: 49.5%;
}

.ger-left_animate__white:nth-of-type(10){
	left: 72.5%;
	top: 51.5%;
}

.ger-left_animate__white:nth-of-type(11){
	left: 76.5%;
	top: 59.5%;
}

.ger-left_animate__white:nth-of-type(12){
	left: 73.5%;
	top: 60.5%;
}


.preview-right{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 6%;
	z-index: 30;
	pointer-events: none;
}

.preview-right__wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/bg/pk.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom;
}
.preview-right__blick{
	right: -81%;
	top: 31%;
	position: relative;
	height: 281px;
	width: 300px;
	z-index: 20;
	overflow: hidden;
}
.preview-right__blick::before{
	position: absolute;
	content: '';
	height: 70%;
	width: 23px;
	top: 50%;
	left: 50%;
	filter: blur(10px);
	border-radius: 100%;
	transform: translate(-50%, -50%) rotate(12deg);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
	animation: blinkprev 5s infinite;
	overflow: hidden;
}
@keyframes blinkprev {
	0%{
		opacity: 0;
		left: 0;
		filter: blur(10px);
	}
	50%{
		opacity: 1;
		left: 90%;
		filter: blur(20px);
	}
	75%{
		filter: blur(50px);
		left: 110%;
	}
	100%{
		opacity: 0;
		left: 0;
		filter: blur(10px);
	}
}