/* Start:/bitrix/templates/stranke_template/components/bitrix/news/sto_2024/bitrix/news.list/.default/style.css?176845906224961*/


* {
	box-sizing: border-box;
	font-size: 16px;
}
p, h1, h2, h3, h4 {
	margin: 0;
}


.container__sto {
	margin: 0 auto;
	max-width: 1540px;
	padding: 0 20px;
}

.btn__red {
	transition: all .3s ease;
	cursor: pointer;
	text-align: center;
}

.btn__red:hover {
	background: #CF0026;
}


/*------------------------------------------HERO------------------------------------------------*/

.hero {
	padding: 40px 0 40px;
}

.hero__title {
	color: #000;
	font-family: 'Geometria', sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 30px;
}

.hero__text {
	font-weight: 300;
	line-height: 135%;
	max-width: 980px;
	margin-bottom: 40px;
}

.services {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.services__item {
	display: flex;
	align-items: center;
	gap: 25px;
}

.services__item-img {
	flex-shrink: 0;
	width: 47px;
	height: 47px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.services__item-text {
	font-size: 18px;
	font-weight: 500;
	line-height: 135%;
	max-width: 248px;
}

.cards {
	display: flex;
	gap: 20px;
}

.cards__item {
	width: calc((100% - 40px) / 3);
	background: #F5F5F5;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

.cards__item-img {
	margin-bottom: 20px;
}

.cards__item-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.cards__item-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cards__item-address {
	flex: 1;
	font-size: 18px;
	font-weight: 500;
	line-height: 135%;
	margin-bottom: 20px;
}

.cards__item-content-bottom {
	display: flex;
	flex-direction: column;
}

.cards__item-link {
	font-weight: 500;
	line-height: 135%;
	color: #000;
	margin-bottom: 10px;
}

.cards__item-time {
	color: #595959;
	font-size: 16px;
	font-weight: 500;
	max-width: 160px;
	margin-bottom: 20px;
}

.cards__item-button {
	border-radius: 8px;
	border: 1px #E31E24;
	background: #E31E24;
	padding: 9px 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 145%;
	color: #FFF;
}


@media (max-width: 1300px) {

	.hero__text {
		max-width: 815px;
		margin-bottom: 60px;
	}

	.services {
		margin-bottom: 50px;
	}

	.services__item {
		gap: 15px;
	}

	.services__item-text {
		max-width: 230px;
	}

}


@media (max-width: 1199px) {

	.hero__title {
		font-size: 40px;
	}

	.hero__text {
		margin-bottom: 50px;
	}

	.services {
		gap: 20px 24px;
		margin-bottom: 50px;
		flex-wrap: wrap;
	}

	.services__item {
		width: calc((100% - 24px) / 2);
		align-items: flex-start;
		gap: 15px;
	}

	.services__item-img {
		width: 34px;
		height: 34px;
	}

	.services__item-rub {
		width: 25px;
		height: 25px;
	}

	/*.services__item svg {*/
	/*    width: 34px;*/
	/*    height: 34px;*/
	/*}*/

	.services__item-text {
		max-width: 100%;
	}

	.cards__item {
		width: initial;
		max-width: 387px;
	}

}


@media (max-width: 991px) {

	.hero {
		padding: 40px 0 30px;
	}

	.hero__title {
		font-size: 36px;
	}

	.services {
		gap: 20px 20px;
	}

	.services__item-text {
		max-width: 233px;
	}

	.cards__item {
		width: calc((100% - 20px) / 2);
		max-width: initial;
	}

}

@media (max-width: 767px) {

	.hero {
		padding: 20px 0 30px;
	}

	.hero__title {
		font-size: 30px;
	}

	.services {
		flex-direction: column;
		gap: 23px;
	}

	.services__item {
		width: 100%;
		align-items: center;
	}

	.services__item-text {
		max-width: 100%;
	}

	.cards {
		flex-direction: column;
	}

	.cards__item {
		width: 100%;
	}

}


/*------------------------------------------/HERO------------------------------------------------*/


/*------------------------------------------STOCK------------------------------------------------*/

.stock {
	padding: 40px 0;
}


.stock__wrapper {
	background: #F5F5F5;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.stock__content {
	display: flex;
	flex-direction: column;
}

.stock__content-title {
	font-size: 36px;
	font-weight: 500;
	line-height: 120%;
	max-width: 868px;
	margin-bottom: 30px;
}

.stock__content-title span {
	font-size: 36px;
	font-weight: 500;
	line-height: 120%;
	color: #E31E24;
}

.stock__content-text {
	flex: 1;
	font-weight: 300;
	line-height: 135%;
	max-width: 648px;
}

.stock__content-bottom {
	font-size: 18px;
	font-weight: 500;
	line-height: 135%;
}


@media (max-width: 1199px) {

	.stock__content-title {
		font-size: 24px;
		max-width: 100%;
		margin-bottom: 10px;
	}

	.stock__content-title span {
		font-size: 24px;
	}

	.stock__content-text {
		max-width: 580px;
	}

	.stock__img {
		flex: 0 0 284px;
	}

	.stock__img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

}

@media (max-width: 991px) {

	.stock {
		padding: 30px 0;
	}

	.stock__wrapper {
		gap: 30px;
		flex-direction: column;
	}

	.stock__content-text {
		max-width: 100%;
		margin-bottom: 33px;
	}

	.stock__img {
		flex: 1;
	}

}

@media (max-width: 767px) {

	.stock__wrapper {
		padding: 20px;
	}

	.stock__content-title {
		font-size: 20px;
	}

	.stock__content-title span {
		font-size: 20px;
	}

	.stock__content-text {
		margin-bottom: 30px;
	}

	.stock__img {
		flex: 1;
	}
}


/*------------------------------------------/STOCK------------------------------------------------*/


/*------------------------------------------conditions------------------------------------------------*/

.conditions {
	padding: 40px 0;
}

.conditions__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 135%;
	margin-bottom: 30px;
}

.conditions__box {
	display: flex;
	gap: 60px;
}

.conditions__slider {
	flex: 0 1 740px;
	align-self: flex-start;
}

.swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.swiper {
	margin-left: 0;
	margin-right: 0;
}

.swiper-button-next,
.swiper-button-prev {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 0;
}

.swiper-button-next {
	right: 10px;
}

.swiper-button-prev {
	left: 10px;
}


.conditions__content {
	display: flex;
	flex-direction: column;
	gap: 70px;
	max-width: 487px;
}

.conditions__content-top {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.conditions__text {
	font-weight: 300;
	line-height: 135%;
}

.conditions__services {
	display: flex;
	gap: 40px;
}

.conditions__services-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.conditions__services-item p {
	font-weight: 500;
	line-height: 135%;
	flex: 1;
	align-self: flex-end;
}

.conditions__services-img {
	flex: 0 0 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
}

.conditions__content-bottom {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.conditions__subtitle {
	font-size: 18px;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
}

.conditions__payment {
	display: flex;
	gap: 20px;
}

.conditions__payment-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 107px;
	gap: 10px;
}

.conditions__payment-img {
	background: #F5F5F5;
	width: 107px;
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.conditions__payment-item p {
	font-weight: 500;
	line-height: 135%;
	text-align: center;
}


@media (max-width: 1400px) {

	.conditions__box {
		gap: 20px;
	}

	.conditions__slider {
		flex: 0 1 590px;
	}

	.conditions__content {
		gap: 24px;
		max-width: 589px;
	}

	.wi-fi {
		width: 27px;
		height: 27px;
	}

}

@media (max-width: 1279px) {

	.conditions__slider {
		flex: 1;
	}

	.conditions__content {
		flex: 1;
		gap: 30px;
	}

	.conditions__content-top {
		gap: 10px;
	}

	.conditions__services-item {
		flex-direction: row;
		gap: 8px;
	}

	.conditions__services-item p {
		flex: 1;
		align-self: center;
		max-width: 50px;
		white-space: nowrap;
	}

	.conditions__services-img {
		flex: 0 0 23px;
	}

	.conditions__services-img svg {
		width: 100%;
	}

	.wi-fi {
		width: 18px;
		height: 18px;
	}

	.conditions__content-bottom {
		gap: 20px;
	}

	.conditions__payment-item {
		max-width: 82px;
	}

	.conditions__payment-img {
		width: 82px;
	}

}

@media (max-width: 991px) {

	.conditions {
		padding: 30px 0;
	}

	.conditions__box {
		flex-direction: column;
		gap: 20px;
	}

	.conditions__slider {
		flex: 1;
	}

	.conditions__content {
		/*flex: 1;*/
		max-width: 100%;
	}

	.conditions__content-top {
		align-items: center;
	}

	/*.conditions__services-item {*/
	/*    flex-direction: row;*/
	/*    gap: 14px;*/
	/*}*/

	/*.conditions__services-item p {*/
	/*    flex: 1;*/
	/*    align-self: center;*/
	/*    min-width: 50px;*/
	/*}*/

	.conditions__payment {
		display: flex;
		gap: 20px;
		justify-content: center;
	}

}

@media (max-width: 767px) {

	.conditions__services {
		gap: 15px;
	}

	.conditions__payment-img {
		width: 55px;
		height: 57px;
	}

	.conditions__payment-img img {
		max-width: 49px;
		max-height: 36px;
	}

	.conditions__payment-item p {
		font-size: 12px;
	}

}


/*------------------------------------------/conditions------------------------------------------------*/


/*------------------------------------------loyalty------------------------------------------------*/

.loyalty {
	padding: 40px 0;
}


.loyalty__wrapper {
	background: #F5F5F5;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.loyalty__content {
	display: flex;
	flex-direction: column;
}

.loyalty__content-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 135%;
	max-width: 820px;
	margin-bottom: 30px;
}

.loyalty__content-text {
	flex: 1;
	font-weight: 300;
	line-height: 135%;
	max-width: 810px;
	margin-bottom: 30px;
}

.loyalty__content-btn {
	min-width: 233px;
	border-radius: 8px;
	background: #E31E24;
	padding: 9px 16px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 145%;
	border: none;
	align-self: flex-start;
	cursor: pointer;
}


@media (max-width: 1199px) {

	.loyalty__content-title {
		font-size: 24px;
		max-width: 100%;
	}

	.loyalty__content-text {
		max-width: 580px;
	}

	.loyalty__img {
		flex: 0 0 355px;
		align-self: flex-start;
	}

	.loyalty__img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

}

@media (max-width: 991px) {

	.loyalty {
		padding: 30px 0;
	}

	.loyalty__wrapper {
		gap: 30px;
		flex-direction: column;
	}

	.loyalty__content-text {
		max-width: 100%;
		margin-bottom: 33px;
	}

	.loyalty__img {
		flex: 1;
		align-self: initial;
	}

	.loyalty__content-btn {
		align-self: center;
	}

}

@media (max-width: 767px) {

	.loyalty__wrapper {
		padding: 20px;
	}

	.loyalty__content-title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.loyalty__content-btn {
		align-self: initial;
	}

}


/*------------------------------------------/loyalty------------------------------------------------*/


/*------------------------------------------brands------------------------------------------------*/

.brands {
	padding: 40px 0;
}

.brands__wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.brands__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 135%;
}

.brands__box {
	padding: 0 104px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.brands__item {
	width: calc((100% - 140px) / 8);
	padding: 21px 0;
	border-radius: 5px;
	border: 1px solid #CACACA;
	background: #FFF;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	height: 144px;
	cursor: pointer;
	transition: all .3s ease;
}

.brands__item:hover {
	border: 1px solid #60AF69;
}

.brands__item-img {
	flex: 0 0 50px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.brands__item-name {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 5px;
}

.brands__item-name p {
	font-size: 14px;
	font-weight: 500;
	line-height: 135%;
	text-transform: uppercase;
	text-align: center;
}


@media (max-width: 1500px) {

	.brands__box {
		padding: 0;
	}
}

@media (max-width: 1400px) {

	.brands__item {
		width: calc((100% - 120px) / 7);
	}
}

@media (max-width: 1279px) {

	.brands__title {
		font-size: 30px;
	}

	.brands__item {
		width: calc((100% - 100px) / 6);
	}
}

@media (max-width: 991px) {

	.brands__item {
		width: calc((100% - 60px) / 4);
	}
}

@media (max-width: 767px) {

	.brands__item {
		width: calc((100% - 40px) / 3);
	}
}

@media (max-width: 467px) {

	.brands__item {
		width: calc((100% - 20px) / 2);
	}
}

/*------------------------------------------/brands------------------------------------------------*/


/*------------------------------------------complex------------------------------------------------*/

.complex {
	padding: 40px 0;
}

.complex__wrapper {
	display: flex;
	flex-direction: column;
}

.complex__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 135%;
	margin-bottom: 30px;
}

.complex__text {
	font-weight: 300;
	line-height: 135%;
	margin-bottom: 40px;
}

.complex__box {
	padding: 0 150px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 40px;
}

.complex__dropdown {
	border-radius: 10px;
	background: #EAEAEA;
	padding: 20px;
	transition: opacity 0.5s ease-in-out;
}

.dropdown__top {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.dropdown__top-arrow {
	flex-shrink: 0;
	transition: transform 0.5s ease;
}

.dropdown__top-arrow.rotated {
	transform: rotate(180deg);
}

.dropdown__top-text {
	color: #595959;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	transition: color 0.5s ease;
}

.dropdown__top-text.open {
	color: #000;
}

.dropdown__content {
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease-out;
}

.dropdown__content ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dropdown__content ul li {
	font-weight: 300;
	line-height: normal;
}

.dropdown__content ul li::marker {
	font-size: 12px;
}

.dropdown__hidden {
	display: none;
}

.complex__btn {
	border-radius: 30px;
	background: #E31E24;
	border: none;
	padding: 15px 60px;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	align-self: center;
	cursor: pointer;
}


@media (max-width: 1500px) {

	.complex__box {
		padding: 0;
	}
}

@media (max-width: 1279px) {

	.complex__title {
		font-size: 30px;
	}
}


/*------------------------------------------/complex------------------------------------------------*/


/*------------------------------------------consultation------------------------------------------------*/

.consultation {
	padding: 40px 0;
}

.consultation__wrapper {
	background: #F5F5F5;
	padding: 60px 135px;
	display: flex;
	gap: 150px;
}

.consultation__left {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: flex-start;
}

.consultation__left-person {
	margin-bottom: 5px;
}

.consultation__left-info {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.consultation__left-name {
	font-size: 24px;
	font-weight: 500;
	line-height: 135%;
}

.consultation__left-position {
	font-weight: 300;
	line-height: 135%;
	margin-bottom: 10px;
	max-width: 200px;
	text-align: center;
}

.consultation__left-phone {
	font-size: 24px;
	font-weight: 700;
	line-height: 135%;
	color: #000;
	text-align: center;
	width: 100%;
	display: block;
}

.consultation__right {
	display: flex;
	flex-direction: column;
}

.consultation__right-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 135%;
	margin-bottom: 50px;
}

.consultation__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}

.consultation__form-input {
	background: #FFF;
	padding: 18px 21px 15px 21px;
	border: none;
}

.consultation__form-input::placeholder {
	color: rgba(0, 0, 0, 0.50);
	font-size: 16px;
	font-weight: 300;
	line-height: 135%;
}

.consultation__form-textarea {
	resize: none;
	height: 85px;
	flex-shrink: 0;
	padding: 15px 20px;
	border: none;
}

.custom-select {
	position: relative;
}

.select-selected {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.select-arrow {
	transition: transform 0.3s ease;
}

.select-arrow-active {
	transform: rotate(180deg);
}

.select-items {
	position: absolute;
	left: 0;
	right: 0;
	top: 58px;
	width: 100%;
	background: #FFFFFF;

	box-shadow: 0 10px 20px 0 rgba(38, 40, 54, 0.15);
}
.form_succsess{
	font-size: 20px;
}
.select-items div {
	padding: 10px 20px;
	cursor: pointer;
}

.select-items div:not(:last-child) {
	border-bottom: 1px solid #d4d4d4;
}

.select-hide {
	display: none;
}

.select-items .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}

.consultation__form-checkbox {
	width: 20px;
	height: 20px;
}

.consultation__form-policy {
	display: flex;
	align-items: center;
	gap: 10px;
}

.consultation__form-policy a {
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 135%;
	border-bottom: 1px solid #000;
}

.consultation__right-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 524px;
}

.consultation__right-btn {
	border-radius: 60px;
	background: #E31E24;
	padding: 15px 40px;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 170%;
	border: none;
}

.consultation__socials {
	display: flex;
	align-items: center;
	gap: 20px;
}

.consultation__socials p {
	font-weight: 300;
	line-height: 135%;
	max-width: 150px;
}

.consultation__socials-buttons {
	display: flex;
	align-items: center;
	gap: 15px;
}
.consultation__socials-buttons .footer_social{
	padding: 0;
}
.consultation__socials-buttons .footer_social_point img{
	max-width: 30px;
}
.consultation__socials .footer_social_point{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background: #ffffff;
	border-radius: 10px;
}

@media (max-width: 1400px) {

	.consultation__wrapper {
		padding: 60px 100px;
		gap: 74px;
	}

	.consultation__form {
		width: 100% !important;
		height: initial !important;
	}

	.consultation__right-bottom {
		max-width: initial;
	}

}

@media (max-width: 1279px) {

	.consultation__wrapper {
		padding: 60px 63px;
		gap: 44px;
	}

	.consultation__left {
		flex-shrink: 0;
	}

	.consultation__left-person {
		width: 194px;
		height: 194px;
	}

	.consultation__left-name {
		font-size: 20px;
	}

	.consultation__left-position {
		max-width: 200px;
	}

	.consultation__left-phone {
		font-size: 20px;
	}

	.consultation__right-title {
		font-size: 30px;
	}

	.consultation__form {
		margin-bottom: 20px;
	}

}

@media (max-width: 991px) {

	.consultation {
		padding: 30px 0;
	}

	.consultation__wrapper {
		flex-direction: column;
		padding: 50px 76px;
		gap: 30px;
	}

	.consultation__left {
		flex-shrink: initial;
		flex-direction: row;
	}

	.consultation__left-person {
		width: 112px;
		height: 112px;
		margin-bottom: 0;
		margin-right: 20px;
	}

	.consultation__left-info {
		margin-right: 10px;
	}

	.consultation__left-phone {
		margin-top: -50px;
	}

}

@media (max-width: 767px) {

	.consultation__wrapper {
		padding: 20px;
	}

	.consultation__left {
		flex-direction: column;
		align-self: center;
	}

	.consultation__left-person {
		width: 122px;
		height: 117px;
		margin-bottom: 20px;
		margin-right: 0;
	}

	.consultation__left-info {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.consultation__left-name {
		font-size: 16px;
	}

	.consultation__left-position {
		max-width: 160px;
		font-size: 12px;
		margin-bottom: 0;
	}

	.consultation__left-phone {
		font-size: 16px;
		margin-top: 0;
	}

	.consultation__right-title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.consultation__form-checkbox {
		margin-top: 0;
		flex-shrink: 0;
	}

	.consultation__form-policy {
		align-items: initial;
	}

	.consultation__form-policy a {
		border-bottom: none;
		text-decoration: underline;
	}

	.consultation__right-bottom {
		flex-direction: column;
		align-items: initial;
		gap: 20px;
	}

	.consultation__socials {
		gap: 10px;
	}

	.consultation__socials-buttons {
		gap: 10px;
		align-items: center;
	}

	.consultation__socials-buttons a {
		display: flex;
	}

	.consultation__socials-buttons a svg {
		width: 42px;
		height: 36px;
		align-self: center;
	}

}


/*------------------------------------------/consultation------------------------------------------------*/



/*------------------------------------------article------------------------------------------------*/

.article {
	padding: 40px 0 100px;
}

.article__wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.article__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 135%;
}

.article__box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.article__text {
	font-weight: 300;
	line-height: 135%;
}


@media (max-width: 1300px) {

	.article {
		padding: 40px 0 80px;
	}
}

@media (max-width: 991px) {

	.article {
		padding: 30px 0 60px;
	}
}

@media (max-width: 767px) {

	.article {
		padding: 30px 0 50px;
	}

	.article__title {
		font-size: 20px;
	}

	.article__text {
		font-size: 12px;
	}
}

/*------------------------------------------/article------------------------------------------------*/

.lightbox {
	position: fixed;
	z-index: 200;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;

	transition: opacity 0.2s ease-in-out 0.2s;
	background: rgba(0, 0, 0, 0.82);
}

.lightbox.preload,
.lightbox.show {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0s;
}

.lightbox .lightbox_window_over {
	overflow: auto;
	width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.lightbox:after {
	content: '';
	height: 100%;
	width: 0px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.lightbox .lightbox_window_over {
	overflow: auto;
	width: calc(100% - 4px);
	max-height: 100%;
	text-align: center;
}

.lightbox .lightbox_window {
	display: inline-block;
	border-radius: 5px;
	transition: margin-bottom 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
	background: #fff;
	color: #000;
	margin-bottom: 50px;
	opacity: 0;
	position: relative;
	max-width: 100%;
	overflow: hidden;
}

.lightbox.show .lightbox_window {
	margin-bottom: 1px;
	opacity: 1;
}

.lightbox.show .lightbox_window .form-field {
	margin-bottom: 17px;
}

@-webkit-keyframes lightbox_window_over {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes lightbox_window_over {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes lightbox_window {
	0% {
		opacity: 0;
		bottom: 50px;
	}
	100% {
		opacity: 1;
		bottom: 0px;
	}
}

@keyframes lightbox_window {
	0% {
		opacity: 0;
		bottom: 50px;
	}

	30% {
		opacity: 0;
		bottom: 50px;
	}

	100% {
		opacity: 1;
		bottom: 0px;
	}
}

.lightbox.close {
	transition: opacity 0.2s ease-in-out 0.4s, visibility 0.2s ease-in-out 0.4s;
}

.lightbox .lightbox_window_close {
	position: absolute;
	margin: auto;
	cursor: pointer;
	z-index: 1;
	width: 32px;
	height: 32px;
	opacity: 1;
	top: 10px;
	right: 10px;
}

.lightbox .lightbox_window_close:hover {
	opacity: 1;
}

.lightbox .lightbox_window_close:before,
.lightbox .lightbox_window_close:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 25px;
	height: 1px;
	transform: rotate(45deg);

	background: #000;
}

.lightbox .lightbox_window_close:after {
	transform: rotate(-45deg);
}

.lightbox .lightbox_window_title {
	padding: 30px 50px;
	text-align: left;
	font-weight: 800;
	font-size: 40px;
}

.lightbox .lightbox_window_title.center {
	text-align: center;
}

.lightbox#modal_cropper_loyal .lightbox_window_body {
	padding: 0;
	font-weight: 400;
	box-sizing: border-box;
}
.lightbox#modal_cropper_loyal .lightbox_window_footer {
	display: flex;
	padding: 90px 77px ;
}

.lightbox .lightbox_window_footer .btn {
	flex: 1 1 auto;
}

@media (max-width: 767px) {
	.lightbox .lightbox_window_title {
		font-size: 24px;
		padding: 50px 20px 20px;
	}
}

.form_loyal{
	max-width: 586px;
	display: flex;
	flex-direction: column;
}
.title_form_loyal{
	font-family: Geometria;
	font-size: 36px;
	font-weight: 700;
	line-height: 48.6px;
	text-align: center;
	padding-bottom: 50px;
}
.form_loyal_success .title_form_loyal{
	padding-bottom: 0px;
}
.input_loyal{
	width: 100%;
	max-width: 523px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
}
.input_loyal input{
	width: 100%;
	border: 1px solid #000000;
	font-family: Geometria;
	font-size: 16px;
	font-weight: 300;
	line-height: 21.6px;
	text-align: left;
	padding: 16.5px 20px 13.5px 20px;
}
.input_loyal textarea{
	width: 100%;
	height: 85px;
	border: 1px solid #000000;
	font-family: Geometria;
	font-size: 16px;
	font-weight: 300;
	line-height: 21.6px;
	text-align: left;
	padding: 16.5px 20px 13.5px 20px;
	resize: none;
}
.form_loyal .consultation__form-policy{
	width: 100%;
	max-width: 523px;
	margin: 0 auto 0 auto;
}
.form_loyal .consultation__right-btn ,  .form_loyal_success .consultation__right-btn{
	margin: 30px auto 0 auto;
	max-width: 161px;
	padding: 10px 37px;
}
@media (max-width: 790px) {
	.lightbox#modal_cropper_loyal .lightbox_window_footer{
		padding: 26px 0px;
	}
}
/* End */
/* /bitrix/templates/stranke_template/components/bitrix/news/sto_2024/bitrix/news.list/.default/style.css?176845906224961 */