/* =============== FONTS =============== */

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap'); */

/* =============== VARIABLES =============== */

:root {
	--primary: #0f2d79;
	--primary-dark: #00154b;
	--black: #000;
	--white: #fff;
	--bg-light: #f1f6f8;
	--primary-65: rgba(15, 45, 121, 0.65);
}

/* =============== MODIFICATORS =============== */

.font-bold {
	font-weight: 700;
}

.best-price .font-black {
    color: #fff;
}

.font-black {
	font-weight: 800;
}

.text-primary {
	color: var(--primary);
}

.btn-primary {
	background-color: var(--primary);
	color: var(--white);
}

.btn-secondary {
	background-color: var(--black);
	color: var(--white);
}

.btn-outline {
	background-color: var(--white);
	color: var(--black);
	border: 2px solid var(--black);
}

.btn-show-more {
	height: 25px;
	position: relative;
	width: 274px;
	display: block;
	margin: 0 auto;
}

.btn-show-more img {
	position: absolute;
	right: 12px;
	top: 4px;
}

.--only-mob {
	display: none;
}

select.rselect--hidden {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.js--card.card--hidden,
li.hidden {
	display: none;
}

/* =============== MAIN STYLES =============== */

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Montserrat';
	overflow-x: hidden;
	/* color: red; */
}

.js-scroll {
	background: rgb(66 66 66 / 43%);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.container {
	max-width: 1180px;
	margin: 0 auto;
	height: 100%;
}

button {
	text-transform: uppercase;
	height: 35px;
	font-size: 12px;
	width: 100%;
}

button:hover {
	cursor: pointer;
	background-color: var(--white);
	color: var(--primary);
	transition: 0.3s;
}

.header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100vw;
	padding: 30px 90px;
	z-index: 99;
    top: 0;
    transition: all .4s ease-in-out;
}

.header-nav-menu-mob {
	display: none;
}

.header__logo {
	margin-right: 15px;
	display: flex;
	align-items: center;
}

.header__list {
	display: flex;
	align-items: center;
	color: var(--white);
	gap: 40px;
}

.header__list li {
	width: 142px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
}

.header__info {
	display: flex;
	/* justify-content: space-between; */
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	color: var(--white);
	font-size: 16px;
	/* align-items: center; */
	/* margin-right: -100px; */
}

.mob-phone,
.mob-btn-callback {
	display: none;
}

.header__info span {
	display: flex;
	align-items: center;
	gap: 14px;
}

.header__button {
	width: 187px;
	margin-left: 11px;
}

.wrapper-phone-n-btn {
	display: flex;
	align-items: center;
	color: var(--white);
}

.swiper-banner {
    height: 719px;
    width: 100%;
}

.swiper-banner .swiper-wrapper {
    height: 719px;
    width: 100%;
}

.banner__first {
	background-image: url(../img/banner-main__first.webp);
}
.banner__second {
	background-image: url(../img/banner-main__second.webp);
}
.banner__third {
	background-image: url(../img/banner-main__third.webp);
}

.banner {
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 719px;
	position: relative;
	margin-top: 0;
}

.banner .container {
	max-width: calc(100% - 180px);
	position: relative;
}

.banner__text {
	height: 100%;
	padding-top: 216px;
	color: var(--white);
}

.banner__text h1 {
	text-transform: uppercase;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 14px;
	/* margin-top: 160px; */
}

.banner__text p {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.banner__text div {
	font-size: 31px;
	line-height: 31px;
}

/* .banner__text div span {
	font-size: 40px;
	line-height: 40px;
} */

.banner__benefits {
	display: flex;
	flex-direction: column;
	gap: 14px;
	/* margin-top: 22px; */
	margin-top: 35px;
	margin-bottom: 52px;
}

.banner__benefits-item {
	display: flex;
	align-items: center;
	gap: 22px;
}

.banner__benefits-item-text {
	font-size: 18px;
	font-weight: 600;
}

.banner__benefits-item-svg {
	width: 24px;
	height: 24px;
}

.banner__second .banner__text h1 {
	font-size: 43px;
}

.banner__action {
	/* position: absolute; */
	width: 100%;
	display: flex;
	justify-content: start;
	/* gap: 20px; */

	/* top: 366px; */
	flex-direction: column;
	align-items: flex-start;
	/* padding-left: 90px; */
}

.banner__button {
	background: #fff;
	margin-top: 38px;
	width: 458px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0f2d79;
	font-size: 12px;
	font-weight: 700;
}

.swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: unset;
    background: #fff;
    opacity: unset;
}

.swiper-pagination-bullet-active {
    background: #0F2D79;
}

.swiper-pagination {
    text-align: end;
    padding-right: 90px;
}

.wrappper-plus-banner {
	height: 164px;
	width: 680px;
	border-radius: 15px;
	border: 2px solid #fff;
	margin: 30px 0;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 32.5px;
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 0;
}

.item-plus-banner {
	display: flex;
	gap: 20px;
	align-items: center;
	width: 330px;
}

#mob-text-wrap br {
	display: none;
}

.item-plus-banner b {
	font-weight: 800;
}

.wrappper-plus-banner div:first-child {
	position: relative;
	left: 15px;
}

.wrappper-plus-banner div:nth-child(2),
.wrappper-plus-banner div:nth-child(4) {
	position: relative;
	right: 8px;
}

.wrappper-plus-banner div:nth-child(2) svg,
.wrappper-plus-banner div:nth-child(3) svg,
.wrappper-plus-banner div:nth-child(4) svg {
	width: 60px;
}

.benefits {
	margin-top: 30px;
}

.benefits__inner {
	display: flex;
	justify-content: space-between;
	gap: 23px;
}

.benefits__button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.benefits__button:hover {
	color: var(--white);
	background-color: rgba(0, 0, 0, 0.8);
}

section {
	margin-top: 80px;
}

section.swiper-banner {
    margin-top: 0;
}

.section-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
}

.models__list {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.model-card {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 398px;
	padding-top: 0;
}

.model-card::after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 32px;
	left: 0;
	height: 3px;
	box-shadow: -1px 2px 10px rgba(41, 41, 115, 0.67);
	background-color: var(--primary);
}

.model-card > div:nth-child(1) {
	flex-basis: 451px;
	position: relative;
}

.model-card__brand {
	text-transform: uppercase;
}

.model-card__model {
	position: absolute;
	left: 0;
	top: 20px;
	display: block;
	font-size: 90px;
	line-height: 80px;
	background: linear-gradient(180deg, var(--primary) 50%, var(--black) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	text-transform: uppercase;
	z-index: -1;
}

.model-card > div:nth-child(1) img {
	margin-top: 35px;
	max-width: 500px;
}

.model-card > div:nth-child(2) {
	flex-basis: 367px;
	padding-top: 40px;
}

.model-card .model-block button .prices {
	display: flex;
	flex-direction: column;
}

.model-card .prices.desk_hide {
    display: none;
}

/***************************COLOR SELECT**************************/

.card-gallery {
	/* max-width: 642px; */
	width: 100%;
	height: auto;
	background: transparent;
	position: relative;
}

.models-swiper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 300px;
	max-width: 100%;
	position: static;
}

.models-swiper > .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: auto;
	width: 100%;
}

.models-swiper > .swiper-wrapper > .swiper-slide {
	max-width: 100%;
	/* width: 100%; */
	/* max-height: 400px; */
	height: auto;
	position: relative;
	transition: all 1s;
}

/* .models-swiper > .swiper-wrapper > .swiper-slide > a > img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
} */

.models-swiper .swiper-wrapper img {
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

.models-swiper .swiper-wrapper img.active {
	display: flex;
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: 100%;
}

.card__color-select {
	display: flex;
	justify-content: center;
	/* align-items: center; */
	flex-direction: column;
	gap: 5px;
	/* margin-top: 20px; */
	height: 40px;
}

.card__colors {
	display: flex;
	gap: 10px;
}

.card__colors .color {
	width: 38px;
	height: 35px;
	/* border-radius: 50%; */
	box-shadow: 0 1px 2px #000;
	transition: all 0.4s;
	border: 1px solid #9b9b9b;
	background-position: bottom;
    cursor: pointer;
}

.card__colors .color.active {
	scale: 1.1;
	/* background: url(../img/ico/mark.svg) no-repeat; */
	background-position: center;
}

.active-black {
	/* background: url(../img/ico/mark-black.svg) no-repeat !important; */
	background-position: center !important;
}


.prices__current {
	font-size: 20px;
	line-height: 26px;
}

.prices__current b {
	font-weight: 800;
}

.prices__new {
	font-size: 26px;
}

.prices__new b {
	color: var(--primary);
	font-weight: 800;
}

.prices__old {
	text-align: right;
	font-size: 17px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.44);
	font-weight: 600;
	position: relative;
	padding-right: 93px;
}

.prices__old::after {
	content: '';
	position: absolute;
	width: 120px;
	height: 1px;
	right: 96px;
	top: 9px;
	background-color: rgba(0, 0, 0, 0.44);
}

.model-card__benefits {
	margin-top: 56px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-size: 18px;
	line-height: 18px;
}

.model-card > div:nth-child(3) {
	flex-basis: 295px;
	margin-left: 14px;
	display: flex;
	flex-direction: column;
	gap: 21px;
	padding-top: 51px;
}

.model-card__gifts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 13px;
}

.model-card__gifts span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	font-size: 14px;
}

.model-card__gifts span:hover img {
	transition: 0.3s;
	transform: scale(1.1);
}

.model-card__gifts span img:hover {
	cursor: pointer;
}

.buttons-block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.btn-blue {
	border: 2px solid var(--primary);
}

.btn-black {
	border: 2px solid var(--black);
}

.buttons-block .btn-black:hover {
	color: var(--black);
}

.equipments-list {
	margin-top: 80px;
}

.equipment-card {
	height: 208px;
	margin-bottom: 40px;
}

.equipment-card__inner {
	display: flex;
	justify-content: space-between;
}

.equipment-card:last-child {
	margin-bottom: 30px;
}

.equipment-card:nth-child(2n) {
	background-color: var(--bg-light);
}

.equipment-card__image {
	flex-basis: 380px;
}

.equipment-card__features {
	flex-basis: 500px;
	padding-top: 30px;
}

.equipment-card__title {
	display: flex;
	gap: 15px;
	align-items: center;
}

.equipment-card__title h3 {
	font-size: 25px;
	line-height: 25px;
}

.equipment-card__title span {
	font-size: 22px;
	line-height: 22px;
}

.equipment-card__specifications {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 55px;
	row-gap: 10px;
}

.equipment-card__specifications div {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	line-height: 16px;
}

.equipment-card__right {
	flex-basis: 270px;
	padding-top: 30px;
}

.equipment-card__image img {
	width: 80%;
}

.equipment-card .prices {
	align-items: center;
	margin-bottom: 10px;
}

.equipment-card .prices__old {
	margin-top: 11px;
}

.equipments-filter {
	margin-top: 23px;
	display: flex;
	justify-content: space-between;
	gap: 23px;
}

.btn-secondary.blue-bg:hover {
	background-color: var(--primary);
	color: var(--white);
}

.btn-outline.black-bg:hover {
	background-color: var(--black);
	color: var(--white);
}

.best-price {
	background-image: url(../img/bg-best-price.webp);
	background-size: cover;
	background-repeat: no-repeat;
    height: 446px;
}

.trade-in {
	height: 460px;
	background-image: url(../img/bg-trade-in.webp);
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--white);
}

#credit {
    background-image: url(../img/bg-popup-trade-in.webp);
    height: 350px;
}

#credit .trade-in__inner {
    padding: 0;
}

#credit .trade-in__title {
    font-size: 25px;
}

#credit .wrapper-benefits-trade-in {
    padding-bottom: 30px;
}

.trade-in__inner {
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.trade-in__title {
	/* font-size: 30px;
	line-height: 30px;
	padding-bottom: 15px; */
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
}

/* .trade-in__title span {
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
} */

.trade-in__subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 59px;
    line-height: 26px;
}

/* .best-price .trade-in__title span {

} */

.trade-in__subtitle-blue {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.trade-in__subtitle-blue::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    background: #0F2D79;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



.trade-in__main > p {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 58px;
}

.wrapper-benefits-trade-in {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 707px;
    gap: 20px;
    padding-bottom: 40px;
}

.item-benefits-trade-in {
	display: flex;
	align-items: center;
	gap: 15px;
    font-size: 20px;
}

.wrapper-benefits-trade-in div:nth-child(1),
.wrapper-benefits-trade-in div:nth-child(3) {
	width: 270px;
}

.trade-in__form-container > p {
	font-size: 15px;
	line-height: 16px;
	margin-bottom: 7px;
}

.trade-in__form div {
	display: flex;
	gap: 30px;
}

.best-price__form div {
    max-width: 578px;
    width: 100%;
    flex-wrap: wrap;
    gap: 11px 15px;
    justify-content: space-between;
}

.best-price__form label p {
	color: #fff;
}

.trade-in__form input,
.trade-in__form button {
    width: 270px;
}

.best-price__form input {
	width: 280px;
    height: 35px;
}

.best-price__form button {
    width: 100%;
    height: 46px;
}

.trade-in__form input {
	background: var(--white);
	padding: 0 10px;
	color: var(--black);
}

input[type='checkbox'] {
	/* width: auto; */
	position: absolute;
	opacity: 0;
	width: 8px !important;
	height: 14px !important;
}

input:focus {
	outline: none;
}

label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
}

/* label input {
    display: none;
} */

label input + span {
	width: 8px;
	height: 8px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

label input:checked + span::before {
	content: '';
	position: static;
	width: 4px;
	height: 4px;
	background-color: var(--primary);
}

label p {
	font-size: 10px;
	line-height: 11px;
	z-index: 2;
}

/* Map */

.map {
	height: 496px;
	/* background-image: url('../img/bg-map.webp');
	background-size: cover;
	background-repeat: no-repeat; */
}

.contacts__map {
	height: 496px;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.map .container {
	padding-top: 90px;
}

.wrapper-card-contacts {
	color: var(--white);
	border-radius: 0px 20px;
	background-color: var(--primary);
	box-shadow: 0px 4px 11.4px 0px rgba(0, 0, 0, 0.25);
	padding: 20px 30px 28px;
	width: 320px;
	height: 322px;
	margin-left: auto;
    position: relative;
    z-index: 1;
}

.title-card-contacts {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	padding-bottom: 17px;
	border-bottom: 3px solid #fff;
}

.wrapper-card-contacts p {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	gap: 12px;
}

.contact-tel {
	padding-top: 35px;
}

.contact-addres {
	padding: 30px 0;
}

.contact-addres svg {
	width: 27px;
}

.contact-time {
	padding-bottom: 16px;
}

.btn-call-me {
	background: var(--white);
	color: var(--primary);
	display: inline-block;
	text-decoration: none;
	text-align: center;
	width: 100%;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 0;
	outline: none;
	transition: all ease 0.3s;
	border: 2px solid transparent;
}

.btn-call-me:hover {
	color: var(--white);
	background-color: transparent;
	border-radius: 3px;
	border-color: #fff1f1;
}

.footer {
	background-color: var(--black);
	color: var(--white);
	padding: 12px 0 21px;
	font-size: 12px;
	line-height: 12px;
}

/* new banner */
.benefits {
	/* margin-top: -100px; */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 13px;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
	position: relative;
}
.benefits__item img {
	margin-bottom: 14px;
}
.benefits__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 278px;
	height: 180px;
	background: #fff;
	box-shadow: 0px 4px 11.1px 0px rgba(0, 0, 0, 0.15);
	padding: 23px 24px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

@media (min-width: 992px) {
	.footer > .container {
		display: flex;
		justify-content: space-between;
	}

	.footer__text {
		max-width: 35%;
	}
}

.footer__links {
	display: flex;
	flex-direction: column;
	margin-bottom: 7px;
}

.footer__links a {
	text-decoration: underline;
}

.pop-up {
	width: 600px;
	height: 350px;
	/* background-image: url(../img/bg-popup.png); */
	background-image: url(../img/bg-popup.webp);
	background-size: contain;
	background-position-x: 100%;
	background-repeat: no-repeat;
	border-radius: 6px;
	color: var(--white);
	padding: 30px 0;
	display: none;
	padding-left: 30px;
}

#popup-success {
	background-size: cover;
	width: 542px;
}

.pop-up .bg-gradient {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	width: 416px;
	height: 350px;
	background-image: linear-gradient(98deg, #0f2d79 37.56%, rgba(15, 45, 121, 0) 77%);
}

.bg-gradient-mob {
	display: none;
}

.fancybox__content > .carousel__button.is-close {
	position: absolute;
	width: 29px;
	height: 29px;
	border: 2px solid var(--white);
	border-radius: 50%;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 12px;
	top: 12px;
	cursor: pointer;
}

.carousel__button svg {
	width: 14px;
	height: 14px;
}

.pop-up__title {
	font-size: 22px;
	line-height: 19px;
}

.pop-up__title span {
	font-size: 25px;
	line-height: 31px;
	text-transform: uppercase;
}

.pop-up__terms {
	margin: 13px 0;
	height: 60px;
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 8px 0;
}

.pop-up__terms div {
	font-size: 12px;
	line-height: 14px;
}

.pop-up__terms span {
	text-transform: uppercase;
	display: block;
	font-size: 28px;
	line-height: 35px;
}

.pop-up__terms i {
	width: 4px;
	height: 49px;
	background-color: var(--white);
}

.pop-up__form {
	display: flex;
	flex-direction: column;
	width: 270px;
	gap: 12px;
}

.pop-up__form input {
	width: 100%;
	height: 35px;
	background: transparent;
	border: 1px solid var(--white);
	padding: 0 10px;
	color: rgba(255, 255, 255, 0.6);
}

.pop-up__form input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.pop-up__form label {
	margin-top: 4px;
}

.pop-up .btn-primary {
	background-color: var(--white);
	color: var(--primary);
	font-weight: 700;
}

/* .pop-up::after {
	content: '';
	width: 87px;
	height: 30px;
	background-color: var(--black);
	position: absolute;
	bottom: 79px;
	right: 56px;
} */

.header-ham-menu {
    display: none;
}

/* =============== RESPONSIVE =============== */

@media screen and (max-width: 600px) {
	.no-on-mobile {
		display: none;
	}
	.banner {
		background-size: contain;
		background-position-x: 100%;
	}
	.banner__first {
		background: url(../img/banner-main__first-mob.webp);
	}
	.banner__second {
		background: url(../img/banner-main__second-mob.webp);
	}
	.banner__third {
		background: url(../img/banner-main__third-mob.webp);
	}
	.header__info {
		flex-direction: row;
		justify-content: space-between;
	}

	.container {
		max-width: 100%;
		padding: 0 20px;
	}

	.--only-desk {
		display: none;
	}

	.container_full {
		padding: 0;
	}

	.header {
		flex-wrap: wrap;
		padding: 0;
	}

	.header__info {
		order: 1;
		padding: 7px 20px;
		margin-bottom: 10px;
		background-color: var(--primary-dark);

		width: 100%;
	}

	.header__info span {
		font-size: 7px;
		line-height: 9px;
	}

	.header__info a {
		text-decoration: underline;
		font-size: 7px;
		line-height: 9px;
	}

	.header__logo {
		order: 2;
		margin: 0;
		width: 100px;
		margin-left: 20px;
		display: flex;
		align-items: center;
		position: relative;
		z-index: 111;
	}

	.header__logo a img {
		width: 100%;
	}

	.header__list {
		display: none;
	}

	.header-ham-menu {
		height: 24px;
		width: 25px;
		position: relative;
		z-index: 100;
		order: 3;
		margin-right: 20px;
        display: block;
	}
	.header-ham-menu span {
		height: 1px;
		width: 100%;
		background: #fff;
		position: absolute;
		-webkit-transition: 0.7s ease;
		transition: 0.7s ease;
		border-radius: 2px;
	}
	.header-ham-menu span:nth-child(1) {
		top: 25%;
	}
	.header-ham-menu span:nth-child(2) {
		top: 50%;
	}
	.header-ham-menu span:nth-child(3) {
		top: 75%;
	}
	.header-ham-menu.active span:nth-child(1) {
		width: 50%;
	}
	.header-ham-menu.active span:nth-child(2) {
		width: 75%;
	}

	.header-nav-menu-mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		background: #00154b;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-transition: 0.7s;
		transition: 0.7s;
	}
	.header-nav-menu-mob > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		gap: 16px;
		padding: 0 20px 0 20px;
		border-top: 1px solid rgba(1, 1, 1, 0.1411764706);
		width: 100%;
		margin-top: 112px;
	}
	.header-nav-menu-mob > ul li {
		list-style: none;
		color: #fff;
		/* font-size: 12px; */
		/* font-weight: 400; */
		font-family: 'Montserrat';
		font-size: 16px;
		font-weight: 700;
		line-height: 16px;
		text-align: left;
	}
	.header-nav-menu-mob > ul a {
		text-decoration: none;
		color: #fff;
	}
	.header-nav-menu-mob .header-col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column;
		margin: 84px 0px 0 0px;
		padding: 0 19px;
		gap: 15px 39px;
		width: 100%;
	}
	.header-nav-menu-mob .header-row {
		gap: 4px;
		display: flex;
		align-items: center;
	}
	.header-address,
	.header-tel {
		font-size: 12px;
		font-weight: 500;
		color: #fff;
		font-family: 'Montserrat';
		line-height: 9px;
	}
	.header-tel {
		font-weight: 700;
		text-decoration: underline;
	}
	.header-nav-menu-mob .header-logo-title a {
		text-decoration: none;
	}
	.header-nav-menu-mob .header-logo-title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: 5vw;
	}
	.header-nav-menu-mob .header-logo-title p {
		color: #000;
		font-size: 18px;
	}
	.header-nav-menu-mob .menu-mob-btn {
		margin: 33px 0;
		height: 35px;
		max-width: 180px;
		width: 100%;
		border-radius: 60px;
		position: relative;
		align-self: center;
	}
	.header-nav-menu-mob .menu-mob-btn p {
		padding-right: 30px;
		font-size: 12px;
		font-weight: 500;
	}
	.header-nav-menu-mob .menu-mob-btn img {
		height: 31px;
		width: 31px;
		position: absolute;
		top: 2px;
		right: 3px;
	}
	.header-nav-menu-mob.active {
		visibility: visible;
		height: auto;
		opacity: 1;
	}

	.mob-phone,
	.mob-btn-callback {
		display: block;
	}

	.wrapper-phone-n-btn {
		display: none;
	}

	.header__button {
		/* order: 3; */
		width: 155px;
		/* margin-right: 20px; */
		background: #fff;
		color: #0f2d79;
		font-size: 12px;
		font-weight: 600;
		margin: 15px 0 25px 20px;
		height: 27px;
		text-transform: none;
	}

	.banner {
		background-size: cover;
		background-repeat: no-repeat;
		/* background-position-x: 100%; */
		position: relative;
		margin-top: 0;
		height: 768px;
		/* background-image: url(../img/banner-main-mob.png); */
		/* background-image: url(../img/banner-main-mob.webp); */
		overflow: hidden;
		padding-top: 270px;
		background-position: center;
	}

    .banner__second .banner__text h1 {
        font-size: 20px;
    }

    .banner__second .banner__benefits {
        margin-bottom: 30px;
    }

    .banner__second .banner__button {
        margin-top: 20px;
    }

    .banner__third .banner__benefits {
        margin-bottom: 25px;
    }

    .banner__third .banner__button {
        margin-top: 20px;
    }

    #credit {
        height: 600px;
        background-image: url(../img/bg-popup-trade-in-mob.webp);
    }

    .swiper-banner .swiper-pagination {
        text-align: center;
        padding-right: 0;
    }
	
	.swiper-pagination-bullet {
		background: #F2F2F480;
	}

	.swiper-pagination-bullet-active {
		background: #fff;
	}

	.banner::after {
		display: none;
	}

	.bg-banner {
		height: 748px;
		transform: rotate(-90deg);
		width: 657px;
		top: 125px;
		background: linear-gradient(92deg, #0f2d79 -2.38%, #051336 77.1%, rgba(0, 0, 0, 0) 89.14%);
	}

	.banner .container {
		max-width: calc(100% - 40px);
	}

	.banner__text {
		text-align: left;
		padding-top: 0;
	}

	.banner__text h1 {
		margin-top: 60px;
		font-size: 20px;
		/* font-size: 28px; */
		font-weight: 800;
		line-height: 40px;
		/* line-height: 30px; */
		margin-bottom: 0px;
	}

	.banner__benefits {
		margin-top: 25px;
		gap: 15px;
	}
	
	.banner__benefits-item-svg {
		width: 18px;
		height: 18px;
	}

	.banner__benefits-item-text {
		font-size: 14px;
	}

	.banner__text .mob__hide {
		display: none;
	}

	.banner__text p {
		font-size: 20px;
		/* font-size: 17px; */
		font-weight: 600;
		max-width: 278px;
	}

	.banner__text div {
		/* margin-top: 141px; */
		text-align: right;
		font-size: 15px;
		line-height: 24px;
	}

	/* .banner__text div span {
		font-size: 24px;
		line-height: 24px;
	} */

	.banner__action {
		flex-direction: column;
		bottom: 0;
		/* height: 318px; */
		height: auto;
		align-items: center;
		padding: 0;
		top: 360px;
		gap: 0;
	}

	.banner__button {
		width: 320px;
		height: 45px;
		margin-bottom: -100px;
	}

	.benefits {
		margin-top: 20px;
	}

	.benefits__inner {
		gap: 7px;
	}

	.benefits__button {
		height: 70px;
		font-size: 11px;
		line-height: 12px;
		padding: 7px 11px;
		gap: 5px;
		justify-content: space-between;
	}

	.wrappper-plus-banner {
		width: 320px;
		font-size: 12px;
		line-height: 14px;
		text-transform: lowercase;
		height: 140px;
		margin: 27px 0;
		font-weight: 500;
	}

	.item-plus-banner {
		width: 138px;
		gap: 10px;
	}

	#mob-text-wrap br {
		display: block;
	}

	.wrappper-plus-banner div:nth-child(3) {
		position: relative;
		left: 13px;
	}

	.wrappper-plus-banner div:nth-child(1) svg,
	.wrappper-plus-banner div:nth-child(2) svg,
	.wrappper-plus-banner div:nth-child(3) svg,
	.wrappper-plus-banner div:nth-child(4) svg {
		width: 27px;
	}

	.wrappper-plus-banner div:nth-child(2) p {
		width: 85px;
	}

	.wrappper-plus-banner div:nth-child(3) p,
	.wrappper-plus-banner div:nth-child(4) p {
		width: 99px;
	}

	.wrappper-plus-banner div:nth-child(3) p br {
		display: none;
	}

	section {
		margin-top: 30px;
	}

	.section-title {
		font-size: 24px;
	}

	.models__list {
		margin-top: 41px;
		gap: 30px;
	}

	.model-card {
		flex-direction: column;
	}

	.model-card {
		height: auto;
		padding-bottom: 16px;
	}

	.model-card::after {
		bottom: 0;
	}

	.item-model-card {
		padding-bottom: 0px;
	}

	.item-model-card img {
		position: absolute;
		top: 140px;
		left: 0;
	}

	.model-card__model {
		font-size: 62px;
		top: 10px;
        position: unset;
	}

	.model-card > div:nth-child(1),
	.model-card > div:nth-child(2),
	.model-card > div:nth-child(3) {
		flex-basis: unset;
	}

	.models-swiper > .swiper-wrapper > .swiper-slide {
		top: 20px;
	}

	.model-card > div:nth-child(1) img {
		margin-top: 0px;
		max-width: 100%;
	}

	.model-card > div:nth-child(2) {
		padding-top: 24px;
	}

	.model-card .prices {
		align-items: flex-start;
		/* padding-bottom: 190px; */
	}

    .model-card .prices.desk_hide {
        display: block;
    }

    .model-card .prices.mob_hide {
        display: none;
    }

	.prices__old {
		padding-bottom: 5px;
		text-align: left;
	}

	.prices__old::after {
		right: 0;
		left: 0;
	}

	.model-card__benefits {
		margin-top: 35px;
	}

	.model-card > div:nth-child(3) {
		margin-left: 0;
		padding-top: 29px;
	}

	.equipments {
		margin-top: 77px;
	}

	.equipments-filter {
		flex-direction: column;
		gap: 10px;
	}

	.equipments-list {
		margin-top: 64px;
	}

	.equipment-card {
		height: auto;
	}

	.equipment-card__image img {
		width: 100%;
	}

	.equipment-card:nth-child(2n) {
		background-color: var(--white);
	}

	.equipment-card__inner {
		flex-direction: column;
	}

	.equipment-card__image {
		flex-basis: unset;
	}

	.equipment-card__features {
		flex-basis: unset;
	}

	.equipment-card__right {
		flex-basis: unset;
	}

	.equipment-card__title {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
	}

	.equipment-card__specifications {
		margin-top: 22px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.equipment-card__specifications p span {
		display: block;
	}

	.equipment-card .prices__current {
		font-weight: 700;
	}

	.equipment-card .prices__old {
		margin: 20px 0;
	}

	.trade-in {
		height: 600px;
		background-image: url(../img/trade-in-bg-mob.webp);
	}

	.trade-in__title {
		font-size: 19px;
		line-height: 19px;
	}

	.trade-in__title span {
		font-size: 26px;
		line-height: 26px;
	}

	.wrapper-benefits-trade-in {
		width: 100%;
		padding-bottom: 20px;
		font-size: 14px;
		gap: 8px;
	}

	.trade-in__form div {
		flex-direction: column;
		gap: 10px;
	}

	.trade-in__main > p {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 20px;
	}

	.trade-in__form input,
	.trade-in__form button {
		height: 35px;
		width: 100%;
	}

	.trade-in__form label {
		margin-top: 10px;
	}

	/* Map */

	.map {
		/* background-image: url('../img/bg-map-mob.webp'); */
		position: relative;
		height: 380px;
	}

	.wrapper-card-contacts {
		position: absolute;
		left: 0;
		width: 100%;
		top: 230px;
		border-radius: 0;
	}

    .best-price {
        height: auto;
    }

	.footer {
		margin-top: 170px;
	}

	.pop-up {
		width: 340px;
		height: 315px;
		/* background-image: url(../img/bg-popup-mob.png); */
		background-image: url(../img/bg-popup-mob.webp);
		padding: 110px 0 11px 10px;
		overflow: hidden;
		background-size: cover;
		background-position-x: center;
	}

	.bg-gradient {
		display: none;
	}

	.bg-gradient-mob {
		display: block;
		position: absolute;
		bottom: 0;
		left: -11px;
		z-index: -1;
		width: 363px;
		height: 345px;
		background-image: linear-gradient(90deg, #0f2d79 53.46%, rgba(15, 45, 121, 0) 74.32%);
		transform: rotate(-90deg);
	}

	.pop-up__title {
		font-size: 13px;
	}

	.pop-up__title span {
		font-size: 19px;
		line-height: 22px;
	}

	.pop-up__terms {
		margin: 5px 0;
		height: 40px;
		gap: 10px;
	}

	.pop-up__terms span {
		font-size: 15px;
		line-height: 15px;
		display: inline-block;
	}

	.pop-up__terms i {
		width: 3px;
		height: 20px;
	}

	.pop-up__form {
		width: 100%;
		padding-right: 10px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.pop-up__form input[type='text'] {
		width: 140px;
	}

	.pop-up__form input[type='tel'] {
		width: 168px;
	}

	.pop-up__form input[type='text'],
	.pop-up__form input[type='tel'] {
		height: 26px;
	}

	.pop-up::after {
		width: 36px;
		height: 13px;
		bottom: 228px;
		right: 154px;
	}

	#popup-success {
		height: 140px;
		width: 340px;
	}

	#popup-success::after {
		bottom: 50px;
	}

	.benefits {
		margin-top: 20px;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 15px;
		grid-row-gap: 20px;
		justify-items: center;
	}
	.benefits__item img {
		max-width: 32px;
		margin-bottom: 4px;
	}
	.benefits__item {
		width: 150px;
		height: 78px;
		padding: 8px;
		font-size: 10px;
		font-weight: 600;
		line-height: normal;
	}
}

@media (min-width: 2100px) {
	.bg-banner {
		width: 60%;
	}
}

@media (min-width: 2300px) {
	.bg-banner {
		width: 70%;
	}
}

.blur {
	filter: blur(4px);
	transition: all 0.4s;
}

.overflow {
	overflow: hidden;
}


.smaller-p {
       margin-top: 10px;
    font-size: 27px !important;
}