@font-face {
	font-family: 'Inter';
	src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/Inter-Medium.woff2') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: local('Inter Semi Bold'), local('Inter-Semi-Bold'), url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Tactic Sans';
	src: local('Tactic Sans Regular'), local('Tactic-Sans-Regular'), url('../fonts/TacticSans-Reg.woff2') format('woff2'), url('../fonts/TacticSans-Reg.woff') format('woff'), url('../fonts/TacticSans-Reg.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Tactic Sans';
	src: url('../fonts/TacticSans-Med.woff2') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Tactic Sans';
	src: url('../fonts/TacticSans-Bld.woff2') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Tactic Sans';
	src: url('../fonts/TacticSans-Blk.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Tactic Sans';
	src: url('../fonts/TacticSans-Ult.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

:root {
	--family-inter: 'Inter', sans-serif;
	--family-sans: 'Tactic Sans';
	--color-orange: #e67839;
	--color-black: #000;
	--color-grey: #4c5865;
	--color-white: #ffffff;
}

body {
	font-family: var(--family-inter);
}

.btn {
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 10px;
}

.btn.bg_orange {
	background: var(--color-orange);

	color: var(--color-white);
}

.btn.border {
	border: 2px solid var(--color-orange);

	color: var(--color-orange);

	background: var(--color-white);
}

.text_color {
	color: var(--color-orange);
}

.input {
	background: var(--color-white);

	border-radius: 10px;

	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: var(--color-white);
}

.input::placeholder {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: var(--color-white);
}

.input.popup__input {
	background: none;
}

.form-checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 12px;
	width: 100%;
	position: relative;
}

.form__input-check[type='checkbox'] {
	position: absolute;
	left: 0;
	opacity: 0;
	z-index: 2;
}

.form__input-check[type='checkbox'] + .custom-checkbox {
	display: block;
	width: 14px;
	height: 13px;
	border: 1px solid var(--color-white);
}

.form__input-check[type='checkbox']:checked + .custom-checkbox {
	background-image: url(../img/check.svg);
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: center;
}

.checkbox-text,
.checkbox-link {
	font-size: 12px;
	line-height: 14px;
	color: var(--color-white);
	font-weight: 400;
}

.checkbox-link {
	font-weight: bold;
}

.container {
	padding: 0 20px;
}

.section__title {
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
	color: var(--color-black);
}

.section__upper {
	position: relative;

	padding-bottom: 13px;
}

.section__upper::after {
	content: '';

	position: absolute;
	right: 0;
	bottom: 0;

	width: calc(100% - 16px);
	height: 1px;

	display: block;

	background: var(--color-orange);
}

.section__title {
}

.container {
	padding: 0 16px;
}

/*=============== #HEADER ==============*/

.header {
	position: static;
	top: 0;
	left: 0;

	width: 100%;

	border-bottom: 1px solid var(--color-grey);

	background-color: #6e5f58;
}

.header.active {
	background: var(--color-white);
}

.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 33px 0 9px;
}

.header__logo-img {
	max-width: 112px;
}

.header__number-mob {
	display: flex;
	align-items: center;
	gap: 10px;

	text-decoration: none;

	font-size: 12px;
	line-height: 14px;
	color: var(--color-white);
}

.burger {
	width: 24px;
	height: 15px;

	position: relative;
}

.burger__line {
	position: absolute;
	left: 0;

	width: 100%;
	height: 3px;

	background: #000;

	display: block;

	border-radius: 3px;

	transition: all 0.2s;
}

.burger__line.line_1 {
	top: 0;
}

.burger__line.line_2 {
	top: 6px;
}

.burger__line.line_3 {
	bottom: 0;
}

.header.active .burger__line.line_1 {
	top: 6px;

	transform: rotate(-45deg);
}

.header.active .burger__line.line_2 {
	opacity: 0;
}

.header.active .burger__line.line_3 {
	bottom: 6px;

	transform: rotate(45deg);
}

.header__menu {
	position: fixed;
	top: 68px;
	right: -100%;

	width: 100%;

	padding: 22px 20px;

	background: var(--color-grey);

	transition: all 0.4s;

	z-index: 10;
}

.header.active .header__menu {
	right: 0;
}

.header__nav {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.header__nav-link {
	/* font-size: 20px; */
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;

	transition: all 0.4s;

	padding-left: 16px;

	position: relative;
}

.header__nav-link.active::before {
	content: '';

	display: block;

	width: 4px;
	height: 28px;

	background: var(--color-white);

	position: absolute;
	left: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.header__menu-info {
	display: flex;
	justify-content: center;
	justify-content: flex-start;

	margin-top: 41px;
}

.header__menu-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.header__menu-item,
.header__menu-link {
	display: flex;
	align-items: center;
	gap: 14px;

	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
}

.header__menu-btn {
	margin-top: 23px;

	height: 43px;

	font-size: 21px;
	line-height: 23px;
	font-weight: 600;
	color: var(--color-white);

	border-radius: 5px;
	border: 2px solid var(--color-white);

	background: none;
}

.header__info-text {
	display: none;
}

/*=======================================================*/

/*=============== #MAIN-BANNER ==============*/

.main-banner__bg {
	background: url(../img/main-banner_mob4.webp) no-repeat;
	background-size: cover;
	background-position: center 36px;

	padding: 74px 0 0;

	/* aspect-ratio: /535; */

	height: 535px;
}

.main-banner__timer-bg {
	background-size: cover;
	background-position: center;

	position: relative;

	z-index: 1;
	padding: 22px 0 20px;
}

.main-banner-swiper .swiper-slide {
	padding-top: 20px;
}
.main-banner_icon-wrap {
	top: 100px;
}

.main-banner-swiper .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 188px);
	left: unset;
}

.main-banner-swiper .swiper-pagination {
	text-align: center;
}

.main-banner-swiper .swiper-pagination-bullet {
	width: 72px;
	height: 4px;
	border-radius: 20px;
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
	background: #575757;
}

.main-banner-swiper .swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: #e67839;
}

.main-banner__timer-bg::before {
	content: '';

	display: block;

	position: absolute;
	left: 0;

	top: -280px;
	width: 100%;
	height: calc(100% + 284px);

	background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 30.69%, #222222 55.78%);

	z-index: -1;
}

.main-banner .container {
	height: 100%;
}

.main-banner__container {
	display: flex;
	flex-direction: column;

	height: 100%;
}

.main-banner__title {
	font-size: 23px;
	line-height: 25px;
	font-weight: 300;
	color: var(--color-white);

	padding: 5px 0;
	position: relative;

	z-index: 0;

	margin-bottom: 25px;
	margin-top: 90px;
}

.main-banner__title::before {
	content: '';

	display: block;

	position: absolute;
	left: -16px;
	top: 0;

	width: 100%;
	height: 100%;

	background: linear-gradient(95deg, rgba(230, 120, 57, 0.68) 88.54%, rgba(230, 120, 57, 0) 100%);

	z-index: -1;
}

.third-banner .main-banner__title::before {
	display: none;
}

.main-banner__title .title_small {
	display: block;

	font-size: 18px;
	line-height: 1.05;
}

.main-banner__actions {
	display: flex;
	flex-direction: column;

	margin-bottom: 15px;
}

.main-banner__actions-item {
	display: flex;
	align-items: center;
	gap: 16px;

	padding: 7px 0 7px 19px;

	border-radius: 40.5px;
	border: 1px solid #fff;

	background: rgba(0, 0, 0, 0.4);

	backdrop-filter: blur(8px);

	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: var(--color-white);
}

.main-banner__actions-item b {
	font-weight: bold;
}

.main-banner__text {
	display: block;

	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-white);

	text-align: center;

	position: relative;
	z-index: 2;
}

.main-banner__text.mob_hide {
	display: none;
}

.timer {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-around;
	margin: 0 auto;

	height: 62px;
}

.time-count__item {
	width: 40px;
	display: flex;
	flex-flow: column;
	align-items: center;
	position: relative;
}

.time-count__val {
	font-weight: 700;
	font-size: 24px;
	line-height: 23px;
	text-transform: uppercase;
	color: var(--color-white);
	font-family: var(--family-sans);
}

.time-count__text {
	font-weight: 400;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	color: var(--color-white);
	font-family: var(--family-sans);
}

.main-banner__btn {
	margin-top: 22px;

	font-size: 21px;
	line-height: 23px;
	font-weight: 600;

	height: 51px;

	border-radius: 10px;

	gap: 26px;
}

.main-banner__btn.mob_hide {
	display: none;
}

.main-banner__actions-head {
	display: block;

	font-weight: 600;
	color: var(--color-white);
	text-align: left;

	font-size: 20px;
	line-height: 24px;
	z-index: 2;

	margin-bottom: 200px;
}

.main-banner__actions-text {
	display: flex;
	column-gap: 11px;
	align-items: center;

	font-size: 16px;
	line-height: 17px;
	font-weight: 500;
	color: var(--color-white);
	text-align: left;

	z-index: 2;
}

.main-banner__actions-text:not(:last-child) {
	margin-bottom: 7px;
}

.main-banner__actions-text img {
	width: 20px;
	height: 20px;
}

.main-banner__actions-text img:nth-child(1) {
	margin-bottom: auto;
}

.pie {
	display: block;
	width: 63px;
	height: 63px;
	border-radius: 50%;
	transform: rotate(-90deg);
	position: absolute;
	bottom: -14px;
	left: -11px;
}

.pie .background {
	fill: none;
	stroke: var(--color-white);
	stroke-width: 2px;
}

.pie .chart {
	fill: none;
	stroke: var(--color-orange);
	stroke-width: 3;
	z-index: 3;
}

.main-banner_icon-wrap {
	position: absolute;
	right: 0;
	z-index: 1;
	width: 100%;
}
.main-banner_icon {
	display: flex;
	justify-content: flex-end;
}
.main-banner_icon-img {
}

/*=======================================================*/

/*=============== #MODELS ==============*/

.models {
	padding-top: 60px;
}

.models__container {
	margin-top: 21px;

	display: flex;
	flex-direction: column;
	gap: 20px;
}

.model__card {
	padding-bottom: 20px;

	position: relative;
}

.model__card::after {
	content: '';

	display: block;

	width: 100%;
	height: 1px;

	position: absolute;
	bottom: 0;
	left: 0;

	background: linear-gradient(270deg, rgba(230, 120, 57, 0) 0%, #e67839 50%, rgba(230, 120, 57, 0) 100%);
}

.model__card-head {
	display: block;

	font-size: 29px;
	line-height: 31px;
	font-weight: 700;
	color: var(--color-black);
}

.model__card-head.mob_hide {
	display: none;
}

.models__colors {
	height: 22px;

	margin-top: 11px;

	position: relative;
}

.models__colors::after {
	content: '';

	height: 100%;
	width: 15px;

	position: absolute;
	right: 0;
	top: 0;

	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.models__colors .swiper {
	height: 100%;
}

.models__color-bg {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 22px;
	height: 100%;

	border-radius: 3px;

	position: relative;

	border: 1px solid var(--color-black);
}

.models__color-bg.color-active::before {
	content: '';

	display: block;

	background: url(../img/arrow-color.svg) no-repeat;
	background-size: cover;

	width: 8px;
	height: 4px;

	filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1));
}

.model__card-swiper {
	position: relative;

	height: 196px;
}

.model__card-img {
	width: 100%;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.6s;
}

.model__card-img.js-active {
	position: inherit;
	opacity: 1;
}

.model__card-list {
	margin-top: 21px;

	display: flex;
	flex-direction: column;
	gap: 21px;
}

.model__card-item {
	display: flex;
	align-items: center;
	gap: 13px;

	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: var(--color-black);
}

.model__card-item img {
	width: 20px;
	height: 20px;
}

.model__card-info {
	margin-top: 25px;

	display: flex;
	flex-direction: column;
	gap: 20px;
}

.model__card-old {
	display: block;

	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	text-decoration: line-through;
	color: var(--color-grey);
	text-align: right;
}

.model__card-price {
	display: block;

	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	color: var(--color-black);
	text-align: right;
}

.model__card-month {
	display: block;

	font-size: 19px;
	line-height: 21px;
	font-weight: 700;
	color: var(--color-black);
	text-align: right;

	margin-top: 3px;
}

.model__card-btns {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.model__card-btn {
	height: 40px;

	font-size: 19px;
	line-height: 21px;
	font-weight: 600;
}

/*=======================================================*/

/*=============== #EQUIPS ==============*/

.equips {
	padding: 55px 0 64px;
}

.equips__filter {
	margin-top: 20px;

	display: flex;
	flex-direction: column;
	gap: 26px;
}

.select2-container--default .select2-selection--single {
	border: none;
	border-radius: 0;

	border-bottom: 1px solid var(--color-orange);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;

	background: url(../img/arrow-select.svg) no-repeat;
	background-size: contain;

	width: 19px;
	height: 9px;

	left: auto;
	right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 22px;
	line-height: 24px;

	color: var(--color-black);

	padding: 0 0 10px;
}

.select2-search {
	display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: var(--color-orange);
}

.select2-container--default .select2-results__option--selected {
	background: var(--color-grey);

	color: var(--color-white);
}

.select2-results__option {
	font-size: 16px;
	line-height: 18px;
}

.equips__container {
	margin-top: 42px;

	display: flex;
	flex-direction: column;
	gap: 15px;
}

.equip__card {
	position: relative;

	padding-bottom: 15px;
}

.equip__card::after {
	content: '';

	display: block;

	width: 100%;
	height: 1px;

	background: linear-gradient(270deg, rgba(230, 120, 57, 0) 0%, #e67839 50%, rgba(230, 120, 57, 0) 100%);

	position: absolute;
	bottom: 0;
	left: 0;
}

.equip__card-img img {
	width: 100%;
}

.equip__card-head {
	display: block;

	font-size: 29px;
	line-height: 31px;
	font-weight: 600;
	color: var(--color-black);
}

.equip__card-name {
	display: none;
}

.equip__card-info {
	margin-top: 16px;
}

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

.equip__card-item {
	display: flex;
	justify-content: space-between;
	gap: 2px;
	align-items: flex-end;
}

.equip__card-text {
	display: block;

	font-size: 18px;
	line-height: 20px;
	color: var(--color-orange);
	font-weight: 400;
	white-space: nowrap;
}

.equip__card-lines {
	display: block;

	width: 100%;
	height: 1px;

	background: var(--color-orange);
}

.equip__card-spec {
	display: block;

	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-black);
	white-space: nowrap;
}

.equip__card-prices {
	margin-top: 32px;
}

.equip__card-price._old {
	display: block;

	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-grey);
	text-align: right;
	text-decoration: line-through;
}

.equip__card-price {
	font-size: 27px;
	line-height: 29px;
	font-weight: 400;
	color: var(--color-black);
	text-align: right;

	display: block;
}

.equip__card-price b {
	font-size: 33px;
	line-height: 35px;
	font-weight: bold;
}

.equip__card-btns {
	display: flex;
	flex-direction: column;
	gap: 10px;

	margin-top: 5px;
}

.equip__card-button {
	height: 42px;

	font-size: 19px;
	line-height: 21px;
	font-weight: 600;
}

.equips__button {
	height: 25px;
	width: 210px;

	margin: 10px auto 0;

	font-size: 13px;
	line-height: 15px;
	font-weight: 400;
}

.equip__card-img {
	height: 208px;
}

/* SPECIAL OFFER */

.special-offer {
	position: relative;
	height: 526px;
	margin-bottom: 90px;
}

.special-offer .container {
	height: 100%;
}

.special-offer-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}

.special-offer-wrapper {
	max-width: 500px;
	margin-left: auto;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.66);
	color: var(--color-white);
	padding: 30px;
}

.special-offer-title {
	font-size: 36px;
	position: relative;
	z-index: 1;
	font-family: 'Tactic Sans';
	font-weight: 500;
}

.special-offer-title span {
	position: relative;
	margin: 0 5px;
}

.special-offer-title span::before {
	content: '';
	position: absolute;
	background-image: url('../img/icon-title-svo.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 97px;
	height: 47px;
	top: 0;
	left: -5px;
	z-index: -1;
}

.special-offer-subtitle {
	font-size: 24px;
	padding-top: 15px;
}

.special-offer .credit__form {
	max-width: 440px;
	margin: 35px auto 0;
}

.special-offer .banner__input {
	color: var(--color-black);
	padding: 0;
}

/*=======================================================*/

/*=============== #BANNERS ==============*/

.banner {
	padding: 10px 0 20px;

	aspect-ratio: 390/273;
}

.banner .container {
	height: 100%;
}

.banner__cont {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	height: 100%;
}

.banner__title {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	color: var(--color-white);
}

.banner__form {
	display: none;
}

.banner__list {
	display: flex;
	flex-direction: column;
	gap: 7px;

	list-style: disc;

	padding-left: 16px;
}

.banner__list-item {
	font-size: 13px;
	line-height: 15px;
	font-weight: 600;
	color: var(--color-white);
}

.banner__button {
	height: 30px;

	margin-top: 25px;

	font-size: 19px;
	line-height: 21px;
	font-weight: 600;
}

.credit_percent {
	background: url(../img/credit_percent.svg) no-repeat;
	background-size: cover;
	background-position: right;
	width: 76px;
	display: inline-block;
	padding-left: 9px;
}

/******** #CREDIT ********/

.credit {
	background-size: cover;
}

.credit__list {
	margin-top: 79px;
}

.credit__title {
	width: 304px;

	font-family: var(--family-sans);
}

/******** #TRADE-IN ********/

.trade-in {
	background: url(../img/trade_mob.webp) no-repeat;
	background-size: cover;

	margin-top: 26px;

	aspect-ratio: 390/364;
}

.trade-in__title.mob_hide {
	display: none;
}

.trade-in__list {
	display: none;
}

.trade-in__text {
	font-size: 12px;
	line-height: 25px;
	font-weight: 400;
	color: var(--color-white);
	font-family: var(--family-sans);

	display: block;

	margin-top: 10px;
}

.trade-in__discount {
	display: inline-block;

	background: url(../img/credit_percent.svg) no-repeat;
	background-size: cover;
	background-position: right;

	width: 86px;

	line-height: 16px;

	padding-left: 5px;
}

/*=======================================================*/

/*=============== #CONTACTS ==============*/

.contacts {
	background-size: cover;
	background-position: center;

	aspect-ratio: 360/593;

	padding-bottom: 49px;
}
.ymaps-2-1-79-map-copyrights-promo {
	display: none !important;
}
.contacts__bg {
	position: relative;
}
#map {
	height: 526px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.contacts__upper {
	display: none;
}

.contacts__img {
	display: none;
}

.contacts__cont {
	padding: 13px 0 14px 16px;

	position: relative;
	z-index: 1;

	width: 100%;
}

.contacts__cont::before {
	content: '';

	display: block;

	width: 96%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	background: linear-gradient(90deg, #282e34 0%, #4c5865 3.65%);
	filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2));
}

.contacts__info-list {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.contacts__info-text,
.contacts__info-link {
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
}

.contacts__bg {
	height: 100%;

	display: flex;
	align-items: flex-end;
}

/*=======================================================*/

/*=============== #FOOTER ==============*/

.footer {
	background: var(--color-grey);

	padding: 19px 0 50px;
}

.footer__links.mob_hide {
	display: none;
}

.footer__block-mob {
	padding-bottom: 20px;

	border-bottom: 1px solid var(--color-white);
}

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

.footer__text {
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
	color: var(--color-white);
}

.footer__container {
	padding-top: 27px;
}

.footer__text.margin {
	margin-top: 20px;
}

/*=======================================================*/

/*=============== #POPUP ==============*/

.popup {
	width: 98%;

	display: none;

	padding: 34px 40px 34px;
}

#modalCredit {
	background: url(../img/pop-credit_mob.webp) no-repeat;
	background-position: center;
	background-size: cover;
}

#modalSpecial {
	background: url(../img/pop-special_mob.webp) no-repeat;
	background-position: center;
	background-size: cover;

	padding: 18px 17px 24px;
}

#modalSuc {
	background: url(../img/pop-special_mob.webp) no-repeat;
	background-position: center;
	background-size: cover;

	padding: 29px 20px;

	height: 320px;
}

.popup__credit-head {
	font-size: 23px;
	line-height: 25px;
	font-weight: 600;
	color: var(--color-white);

	display: block;
}

.popup__suc-head {
	display: block;

	font-size: 31px;
	line-height: 33px;
	font-weight: 600;
	color: var(--color-white);
	text-align: right;
}

.popup__suc-sub-head {
	font-size: 19px;
	line-height: 21px;
	font-weight: 600;
	color: var(--color-white);
	text-align: right;

	margin-top: 28px;

	display: block;
}

.popup__special-head {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: var(--color-white);

	display: block;

	background: url(../img/bg_special.png) no-repeat;
	background-size: cover;

	margin-left: -17px;
	padding-left: 17px;
	width: 213px;
	height: 41px;
}

.popup__list {
	display: flex;
	flex-direction: column;
	gap: 6px;

	margin-top: 29px;

	list-style: disc;

	padding-left: 17px;
}

.popup__list.mob_hide {
	display: none;
}

.popup__list-item {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	color: var(--color-white);
}

.popup__form-inputs {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

#modalCredit .popup__form {
	margin-top: 58px;
}

#modalSpecial .popup__form {
	width: 235px;

	margin: 31px auto 0;
}

.popup__form-input {
	width: 100%;

	background: none;

	border-radius: 10px;
	border: none;
	border-bottom: 2px solid var(--color-orange);

	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-white);
	text-align: center;

	padding-bottom: 7px;
}

.popup__form-input::placeholder {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-white);
	text-align: center;
}

.popup__form-btn {
	height: 22px;

	margin-top: 14px;

	font-size: 12px;
	line-height: 14px;
	font-weight: 400;

	border-radius: 0;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
	background: none;

	opacity: 1;
}

.popup__credit-percent {
	display: inline-block;

	background: url(../img/credit_percent.svg) no-repeat;
	background-size: cover;
	background-position: right;
	width: 77px;
	padding-left: 5px;
}

/*=======================================================*/

/*=============== #MEDIA ==============*/

@media screen and (min-width: 375px) {
	.trade-in__text {
		font-size: 13px;
		line-height: 27px;
	}

	.credit__list {
		margin-top: 50px;

		gap: 10px;
	}

	.banner__list-item {
		font-size: 14px;
		line-height: 16px;
	}
}

@media screen and (min-width: 414px) {
	.trade-in__discount {
		width: 105px;
	}
}

@media screen and (min-width: 450px) {
	.timer {
		justify-content: center;
		gap: 40px;
	}

	.main-banner__btn {
		width: 400px;

		margin: 22px auto 0;
	}

	.models__container,
	.equips__container {
		align-items: center;
	}

	.equips__filter {
		margin: 20px auto 0;
	}

	.model__card,
	.equip__card,
	.equips__filter,
	.banner__button {
		width: 400px;
	}

	.banner {
		padding: 50px 0;
	}

	.contacts {
		height: 593px;

		aspect-ratio: inherit;
	}

	.contacts__cont::before {
		width: 400px;
	}

	.popup {
		width: 360px;
	}
}

.filtered-show,
.showmore-show {
	display: block;
	opacity: 1;
	transition: 0.3s;
}

.filtered-hide,
.showmore-hide {
	display: none;
	opacity: 0;
}

.js--show-more {
	display: block;
}

.js--show-more.hidden {
	display: none;
}

@media screen and (min-width: 600px) {
	.header {
		backdrop-filter: blur(11px);
		background-color: transparent;
	}
}

@media screen and (min-width: 1024px) {
	.main-banner__title::before {
		width: 75%;
	}
}

@media screen and (min-width: 1601px) {
	.main-banner__title::before {
		width: 100%;
	}
}

/* new banner mobile version october  */

.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 19px 0 19px 0;
}

.main-banner__bg {
	background: url(../img/banner_mob-winter.webp) no-repeat;
	background-size: cover;
	background-position: center 36px;
	padding: 74px 0 0;
	height: 570px;
}

.image-main-banner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 136%;
	object-fit: cover;
}

.second-banner .image-main-banner {
	height: 167%;
}

.third-banner .image-main-banner {
	height: 181%;
}

.second-banner .main-banner__block {
	position: relative;
	top: 12vh;
}

.third-banner .main-banner__block {
	position: relative;
	top: 13vh;
}

.second-banner .main-banner__actions {
	margin: 0;
}

.second-banner .main-banner__actions-head {
	margin-bottom: 0;
	margin-top: 138px;
	text-align: right;
}

.third-banner .main-banner__actions-head {
	margin-bottom: 0;
	margin-top: 138px;
}

.third-banner .main-banner__actions-text:not(:last-child) {
	justify-content: flex-end;
	margin: 10px 0;
	margin-bottom: 30px;
}

.third-banner .main-banner__actions-text:not(:last-child) {
	justify-content: center;
}

.second-banner .main-banner__actions-head_mob-text {
	display: block;
	font-size: 36px;
	line-height: 1;
}

.third-banner .main-banner__actions-head_mob-text {
	display: block;
	font-size: 22px;
	line-height: 1;
	text-align: center;
}

@media (max-width: 1418px) {
	.main-banner__actions-text {
		padding-left: 23px;
	}
}

@media screen and (min-width: 1024px) {
	.main-banner__title::before {
		width: 57%;
	}

	.second-banner .main-banner__title::before {
		width: 100%;
		left: -16px;
	}
}

.first-banner .main-banner__actions-text:not(:last-child) {
	position: relative;
	top: 6vh;
}

.desk-hide {
	display: none;
}

@media (max-width: 1500px) {
	.main-banner__btn.mob_hide {
		margin-top: 5px;
	}
}

@media (max-width: 550px) {
	.desk-hide {
		display: block;
	}

	.header {
		background-color: #cbc2bc;
	}

	.main-banner__title::before {
		height: 39px;
	}

	.second-banner .main-banner__title::before {
		height: 100%;
	}

	.main-banner__title .title_small {
		font-size: 25px;
		font-weight: 600;
		letter-spacing: 0.015em;
		text-align: left;
	}

	.third-banner .main-banner__title .title_small {
		font-size: 28px;
		width: 265px;
	}

	.third-banner .main-banner__title .title_small .title_small--accent {
		color: #e67839;
	}

	.second-banner .main-banner__title .title_small {
		line-height: 1.3;
	}

	.main-banner__text {
		opacity: 0;
	}

	.second-banner .main-banner__text {
		opacity: 1;
		line-height: 18px;
		font-size: 14px;
		text-align: start;
		text-transform: lowercase;
	}

	.main-banner__actions-text img {
		width: 23px;
		height: 23px;
	}

	.main-banner__actions-text {
		font-family: 'Inter';
		font-size: 16px;
		font-weight: 400;
		line-height: 19.36px;
		text-align: left;
	}

	.second-banner .main-banner__actions-text:not(:last-child) {
		margin-bottom: 13px;
		/* margin-left: auto; */
		padding-left: 0;
	}

	.third-banner .main-banner__actions-text:not(:last-child) {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}

	.main-banner__actions-text:not(:last-child) {
		margin-bottom: 13px;
	}

	.main-banner__actions-text {
		padding-left: 10px;
	}

	.main-banner__actions-head {
		display: block;
		font-weight: 600;
		color: var(--color-white);
		text-align: left;
		font-size: 20px;
		line-height: 24px;
		z-index: 2;
	}

	.third-banner .main-banner__text {
		opacity: 1;
	}

	.main-banner__timer-bg::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: -1;

		top: -61px;
		height: calc(100% + 60px);
		background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 1.69%, #000 20.78%);
	}

	.time-count__item {
		width: 60px;
		display: flex;
		flex-flow: column;
		align-items: center;
		position: relative;
	}

	.pie {
		width: 81px;
		height: 81px;
	}

	.time-count__val {
		font-weight: 700;
		font-size: 36px;
		line-height: 37px;
		text-transform: uppercase;
		color: var(--color-white);
		font-family: var(--family-sans);
	}
}

@media (max-width: 1700px) {
	.main-banner__btn.mob_hide {
		margin-bottom: 116px;
	}
}

/* end of new banner october  */

/********************!!!!!!!! #CREDIT-NEW !!!!!!!!****************/

.photo__int:nth-child(1) .photo__int-bg img {
	object-position: left;
}
.photo__int:nth-child(1) .photo__int-bg {
	/* background: url(../img/int-desk-1.webp);
    background-size: cover; */
}

.photo__int:nth-child(2) .photo__int-bg img {
	object-position: right;
}
.photo__int:nth-child(2) .photo__int-bg {
	/* background: url(../img/int-desk-2.webp);
    background-position: right;
    background-size: cover; */
}

.photo__int:nth-child(3) .photo__int-bg img {
	object-position: right;
}
.photo__int:nth-child(3) .photo__int-bg {
	/* background: url(../img/int-desk-3.webp); */
	/* background-position: right;
    background-size: cover; */
}

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

.photo__int .photo__int-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	filter: brightness(0.6);
}

.photo__int.active .photo__int-bg {
	filter: brightness(0.7);
}

.photo__int {
	position: relative;
	padding-top: 20px;
}

.credit__form {
	display: flex;
	flex-direction: column;
	max-width: 504px;
	width: 100%;
	margin-top: 57px;
}

.credit__form .banner__inputs {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.credit__form .banner__input {
	width: 100%;
	text-align: center;
}

.photo__swiper-desk-int {
	display: flex;
	flex-direction: column;
	height: 708px;
	gap: 2px;
}

.photo__swiper-desk-bg {
	display: flex;
	flex: 25%;
	transition: all 0.6s;
}

.photo__swiper-desk-bg.active {
	flex: 87%;
	transition: all 0.6s;
}

.banner-content {
	display: none;
}

.photo__swiper-desk-bg.active .photo__int-credit .container .banner__cont .banner-content {
	display: block;
}

.photo__int-open {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
}

.trade-in__discount {
	width: 174px;
	height: 30px;
	line-height: normal;
}

.credit_percent {
	width: 94px;
}

.credit__title {
	font-size: 28px;
	line-height: 29px;
	width: 280px;
}

.photo__int-credit .banner__cont {
	justify-content: start;
}

.credit__list {
	margin-top: 10px;
	gap: 5px;
}

.banner__input {
	height: 50px;

	background: var(--color-white);

	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	color: rgba(76, 88, 101, 0.5);

	border-radius: 10px;

	border: none;
}

.banner__input::placeholder {
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	color: rgba(76, 88, 101, 0.5);
}

.banner__inputs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.banner__form-button {
	height: 50px;

	margin-top: 10px;

	font-size: 22px;
	line-height: 24px;
	font-weight: 600;
}

.gos__title {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-top: 10px;
}

.gos__list {
	gap: 2px;
	margin-top: 5px;
}

.gos__list-item {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Inter';
}

.gos_percent {
	padding-left: 15px;
}

/************ */

@media (max-width: 768px) {
	.desk-hide {
		display: block;
	}

	.mob-hide {
		display: none;
	}

	/* SPECIAL OFFER */

	.special-offer {
		height: auto;
		margin-bottom: 60px;
	}

	.special-offer-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -2;
	}

	.special-offer-wrapper {
		max-width: 500px;
		margin-left: auto;
		height: 100%;
		background-color: transparent;
		padding: 30px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 170px;
	}

	.special-offer-title {
		font-size: 24px;
		line-height: 28px;
	}

	.special-offer-title span::before {
		width: 67px;
		height: 33px;
	}

	.special-offer .credit__form {
		max-width: 440px;
		margin: 35px auto 0;
	}

	.special-offer details summary {
		text-align: center;
		margin: 10px 0;
		text-decoration: underline;
		list-style: none;
	}

	.special-offer details summary::marker {
		color: transparent;
	}

	.special-offer details summary::-webkit-details-marker {
		display: none;
		color: transparent;
	}

	.special-offer details p {
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.main-banner-swiper .swiper-slide::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: -1;
		top: -61px;
		height: calc(100% + 60px);
		background: linear-gradient(178.62deg, rgba(34, 34, 34, 0) 1.69%, #000 20.78%);
	}

	.main-banner-swiper .swiper-slide.second-banner::before {
		background: linear-gradient(178.62deg, transparent 1.69%, #c3c3c3 20.78%);
		top: 208px;
	}

	.main-banner__timer-bg::before {
		display: none;
	}

	.main-banner_icon-wrap {
	}
	.main-banner_icon {
	}
	.main-banner_icon-img {
		width: 70px;
		height: 70px;
	}
}

.hidden {
	display: none;
}

.model__card:nth-child(1) .model__card-head {
	position: relative;
}

@media (max-width: 600px) {
	.model__card:nth-child(1) .model__card-head::after {
		position: absolute;
		content: '';
		top: 0;
		left: 11%;
		/* background-image: url(../img/new.webp); */
		background-position: center;
		background-repeat: no-repeat;
		background-size: 113px;
		width: 173px;
		height: 33px;
		display: none;
	}
}

@media (min-width: 768px) {
	.desk-hide {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.section__upper .container:nth-child(1) {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 50px;
	}

	.swiper-models-name {
		max-width: 88vw;
	}

	.model-slide a {
		font-size: 20px;
		line-height: 14px;
		font-weight: 500;
		color: black;
		text-decoration: none;
		white-space: nowrap;
		transition: 0.2s ease-in-out all;
	}
	.model-slide a:hover {
		transition: 0.2s ease-in-out all;
		opacity: 0.8;
	}

	.model-slide {
		max-width: max-content;
	}

	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		width: 24px;
		height: 24px;
		color: black;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		top: 0px;
		right: -34px;
	}

	.swiper-models-name .swiper-wrapper,
	.swiper-models-name {
		position: unset;
	}

	.swiper-upper-wrapper {
		position: relative;
	}

	.second-banner .main-banner__actions-head_mob-text {
		font-size: 20px;
		text-align: start;
	}
	.second-banner .main-banner__actions-head {
		margin-top: 45px;
	}
	.second-banner .main-banner__title .title_small {
		font-size: 16px;
	}
	.second-banner .main-banner__title {
		margin-top: 10px;
		/* margin-left: 16px; */
	}
	.second-banner .main-banner__block {
		top: 300px;
	}
	.mob-hide {
		display: none !important;
	}
	.second-banner .image-main-banner {
		height: auto;
	}
}