.btn.bg_orange:hover {
	background: var(--color-white);
	color: var(--color-grey);
	border: 2px solid var(--color-grey);
}

.btn.bg_orange path {
	transition: all 0.4s;
}

.btn.bg_orange:hover path {
	stroke: var(--color-grey);
}

.btn.border:hover {
	background: var(--color-orange);
	color: var(--color-white);
	border: none;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}

.section__title {
	font-size: 39px;
	line-height: 41px;
}

.section__upper::before {
	height: 71px;
}

.banner__title {
	font-size: 49px;
	line-height: 51px;
}

.banner__list {
	gap: 15px;

	margin-top: 23px;
}

.banner__list-item {
	font-size: 25px;
	line-height: 27px;
}

.banner__inputs {
	margin-top: 36px;

	gap: 18px;
}

.input {
	font-size: 18px;
	line-height: 20px;
}

.input::placeholder {
	font-size: 18px;
	line-height: 20px;
}

.banner__btn {
	font-size: 18px;
	line-height: 20px;
}

/*=============== #HEADER ==============*/

.header__logo-img {
	max-width: 158px;
}

.header__number-mob {
	display: none;
}

.burger {
	display: none;
}

.header__menu {
	position: static;

	padding: 0;
	background: none;

	display: flex;
	align-items: center;
	justify-content: space-between;

	flex-basis: 80%;
}

.header__nav {
	flex-direction: row;
}

.header__menu-info {
	padding: 0;
	margin-top: 0;
	background: none;
}

.header__menu-item.mob_hide {
	display: none;
}

.header__menu-btn {
	margin-top: 0;

	flex-basis: 22%;

	height: 35px;
}

.header__nav-link {
	color: var(--color-white);
}

.header__nav-link:hover {
	color: var(--color-orange);
}

.header__container {
	padding: 32px 0 20px;
}

/*=======================================================*/

/*=============== #MAIN-BANNER ==============*/

.main-banner {
	background: url(../img/main-banner_desk.webp) no-repeat;
	background-size: cover;
	padding: 138px 0 51px;
	aspect-ratio: 1920/865;
}

.main-banner__container {
	align-items: flex-end;
}

.main-banner__actions-item {
	padding: 0 38px 0 49px;

	gap: 16px;

	font-size: 20px;
	line-height: 22px;

	height: 81px;
}

.main-banner__block {
	width: 100%;
}

.main-banner__actions {
	width: 381px;

	gap: 16px;

	margin-left: auto;

	margin-top: 55px;
}

.main-banner__title {
	font-size: 60px;
	line-height: 62px;
	text-align: right;

	width: 852px;
}

.main-banner__timer {
	margin-top: 156px;

	display: flex;
	align-items: flex-start;
}

.main-banner__text {
	font-size: 27px;
	line-height: 33px;
	text-align: left;

	flex-basis: 30%;
}

.main-banner__btn {
	margin-top: 0;
	/* flex-basis: 38%; */
	width: 381px;
	height: 66px;
}

.time-count__item {
	width: 105px;
}

.time-count__val {
	font-size: 59px;
	line-height: 61px;
}

.time-count__text {
	font-size: 17px;
	line-height: 19px;
}

.timer {
	margin-top: 0;
	flex-basis: 40%;
}

.main-banner__btn {
	font-size: 18px;
	line-height: 20px;
}

/*=======================================================*/

/*=============== #MODELS ==============*/

.models__card {
	width: 100%;
	height: 426px;
}

.models__upper {
	display: flex;
	justify-content: space-between;
}

.models__card-container {
	display: flex;
	justify-content: space-between;

	position: relative;
}

.models__container {
	padding-top: 62px;
}

.models__swiper.desk_hide {
	display: none;
}

.models__card-images {
	width: 470px;
}

.models__card-prices.desk_hide {
	display: none;
}

.models__card-prices.mob_hide {
	display: flex;
}

.models__card-prices {
	gap: 7px;

	margin-bottom: 21px;
}

.models__card-colors {
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translate3d(-50%, 0, 0);

	margin-top: 0;
}

.models__card-list {
	margin: 0;

	gap: 15px;
}

.model__price-flex {
	display: flex;
	justify-content: space-between;
}

.models__card-btns {
	flex-basis: 26%;
}

.models__price-old {
	align-self: flex-end;

	font-size: 20px;
	line-height: 22px;
}

.models__price {
	font-size: 20px;
	line-height: 22px;

	align-items: center;
}

.models__price .text_color {
	font-size: 33px;
	line-height: 35px;
}

.models__price-month {
	font-size: 20px;
	line-height: 22px;
}

.models__price-month b {
	font-size: 25px;
	line-height: 27px;
}

.models__card-name {
	font-size: 55px;
	line-height: 57px;

	margin-bottom: 54px;
}

.model__card-item {
	font-size: 22px;
	line-height: 24px;
}

.models__colors-bg {
	width: 32px;
	height: 32px;

	cursor: pointer;
}

.models__swiper {
	margin-top: 0;

	width: 835px;
}

.models__swiper .swiper-slide {
	text-align: center;
}

.swiper-models-name .swiper-button-next {
	top: 70%;
	right: -10px;
}

.model__swiper-text {
	font-size: 18px;
	line-height: 20px;
}

.model__swiper-text:hover {
	color: var(--color-orange);
}

/*=======================================================*/

/*=============== #EQUIPS ==============*/

.equips {
	padding-top: 85px;
}

.equips__container {
	justify-content: inherit;
}

.equips__filter {
	margin-top: 78px;

	gap: 151px;
	flex-direction: row;

	width: auto;
}

.equips__select {
	width: 370px;
}

.equips__card {
	width: 100%;

	padding-bottom: 32px;

	position: relative;
}

.equips__card svg {
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.equips__card-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.equips__info {
	margin: 0;

	order: 1;
}

.equips__img {
	order: 2;
}

.equips__card-btns {
	order: 3;
}

.equips__info-item {
	font-size: 20px;
	line-height: 22px;

	gap: 13px;
}

.equips__price-old {
	font-size: 18px;
	line-height: 20px;
}

.equips__card-prices {
	gap: 12px;
}

.equips__price {
	font-size: 25px;
	line-height: 27px;
}

.equips__button {
	margin: 30px auto 50px;
}

.equips__info-item.flex_end span {
	width: 85px;
}

/*=======================================================*/

/*=============== #CREDIT ==============*/

.credit {
	background: url(../img/credit_desk.webp) no-repeat;
	background-size: cover;
	padding: 37px 0 28px;
}

.banner__form {
	width: 492px;
}

.banner__input {
	height: 54px;
}

.credit__btn {
	margin-top: 15px;
}

.credit__title {
	width: 541px;
}

/*=======================================================*/

/*=============== #TRADE ==============*/

.trade {
	background: url(../img/trade_desk.webp) no-repeat;
	background-size: cover;

	padding: 31px 0 41px;

	margin-top: 90px;
}

.trade__title {
	width: 558px;
	margin-left: auto;
	text-align: right;
}

.trade__container {
	margin-top: 38px;
}

.trade__form {
	width: 500px;

	margin-right: 0;
}

.trade__form-flex {
	margin-bottom: 21px;
}

.trade__form-input {
	margin-top: 41px;

	height: 53px;

	padding-left: 27px;

	font-size: 20px;
	line-height: 22px;
}

.trade__form-input::placeholder {
	font-size: 20px;
	line-height: 22px;
}

.trade
	.select2-container
	.select2-selection--single
	.select2-selection__rendered {
	font-size: 20px;
	line-height: 22px;

	padding-left: 27px;
}

.select2-results__option {
	font-size: 14px;
	line-height: 16px;
}

.trade .select2-container--default .select2-selection--single {
	height: 53px;
}

/*=======================================================*/

/*=============== #CONTACTS ==============*/

.contacts {
	padding-top: 21px;
	display: block;
}

.map {
	position: absolute;
	inset: 0;
	height: 100%;
	min-height: 0;
	top: 21px;
}

.contacts__map {
	/* background: url(../img/map_desk.webp)no-repeat;
    background-size: cover; */

	padding: 220px 0 56px;
	pointer-events: none;
}

.contacts__map .contacts__btn {
	pointer-events: auto;
}

.contacts__map .contacts__info {
	pointer-events: auto;
	cursor: default;
}

.contacts__bg {
	background: none;

	backdrop-filter: none;
}

.contacts__info {
	border-radius: 30px;
	background: rgba(76, 88, 101, 0.67);

	backdrop-filter: blur(7.5px);

	padding: 30px 24px 21px 26px;

	margin-left: 0;

	width: 560px;
}

.contacts__info-item {
	font-size: 18px;
	line-height: 20px;

	gap: 10px;
}

.contacts__logo {
	max-width: none;
}

.trade__form-button {
	font-size: 18px;
	line-break: 20px;
}

/*=======================================================*/

/*=============== #FOOTER ==============*/

.footer__container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footer__links {
	margin-bottom: 0;

	white-space: nowrap;
}

.footer__info {
	margin-top: 0;

	flex-basis: 37%;
}

.footer {
	padding: 33px 0 41px;
}

.footer__btn {
	margin: 13px 0 27px;
}

.footer__text {
	flex-basis: 40%;
}

.footer__info-toggle {
	margin-top: 20px;
}

/*=======================================================*/

/*=============== #POPUP ==============*/

.popup {
	width: 600px;

	padding: 34px 44px 33px;
}

#modalCredit {
	background: url(../img/modal-credit_desk.webp) no-repeat;
	background-size: cover;
}

#modalSpecial {
	background: url(../img/modal-special_desk.webp) no-repeat;
	background-size: cover;
}

.popup__head {
	font-size: 36px;
	line-height: 38px;
}

#modalSpecial .popup__head {
	font-size: 29px;
	line-height: 33px;
}

.popup__list {
	margin: 24px auto 35px;

	gap: 7px;
}

#modalSpecial .popup__list {
	gap: 17px;

	margin: 21px auto 38px;
}

.popup__list-item.margin_left,
.popup__list-item.margin_minus {
	margin: 0;
}

.popup__list-item {
	font-size: 18px;
	line-height: 20px;
}

.popup__form-inputs {
	gap: 14px;
}

.popup__input {
	height: 45px;

	padding-left: 23px;

	font-size: 15px;
	line-height: 17px;
}

.popup__btn {
	height: 56px;

	font-size: 18px;
	line-height: 20px;
}

.fancybox__content > .f-button.is-close-btn {
	top: 10px;
	right: 10px;
}

#modalSuc .popup__head,
#modalSuc2 .popup__head {
	font-size: 35px;
	line-height: 42px;
}

#modalSuc,
#modalSuc2 {
	height: 289px;
}

.popup__cont {
	padding: 0 61px;
}

/*=======================================================*/

@media screen and (max-width: 1900px) {
	.main-banner__timer {
		margin-top: 0;
	}

	.main-banner__actions {
		margin-top: 0;
	}

	.main-banner__block {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-basis: 65%;
	}
}

@media screen and (max-width: 1750px) {
	.main-banner__block {
		gap: 20px;
	}

	.main-banner__title {
		font-size: 40px;
		line-height: 42px;
		width: 652px;
	}
}

@media screen and (max-width: 1600px) {
	.main-banner {
		padding: 115px 0 30px;
	}
}

@media screen and (max-width: 1500px) {
	.credit {
		background-position: center;
	}
}

@media screen and (max-width: 1360px) {
	.container {
		max-width: 900px;
	}

	.main-banner__actions {
		width: 385px;
	}

	.main-banner__actions-item {
		font-size: 16px;
		line-height: 18px;

		height: 65px;

		padding: 0 20px 0 19px;
	}

	.header__logo-img {
		max-width: 90px;
	}

	.header__menu {
		flex-basis: 88%;
	}

	.header__menu-btn {
		font-size: 12px;
		line-height: 15px;
	}

	.header__nav {
		gap: 10px;
	}

	.header__nav-link {
		font-size: 11px;
		line-height: 13px;
	}

	.header__menu-item,
	.header__menu-link {
		font-size: 11px;
		line-height: 13px;
	}

	.main-banner__text {
		font-size: 18px;
		line-height: 21px;

		flex-basis: 29%;
	}

	.time-count__val {
		font-size: 45px;
		line-height: 47px;
	}

	.time-count__text {
		font-size: 12px;
		line-height: 16px;
	}

	.time-count__item {
		width: 75px;
	}

	.models__card-images {
		width: 280px;
	}

	.model__card-item {
		font-size: 16px;
		line-height: 18px;
	}

	.models__card-list {
		gap: 10px;
	}

	.models__price .text_color {
		font-size: 22px;
		line-height: 24px;
	}

	.models__price-month,
	.models__price,
	.models__price-old {
		font-size: 16px;
		line-height: 18px;
	}

	.btn.model {
		font-size: 14px;
		line-height: 16px;
	}

	.equips__info-item {
		font-size: 15px;
		line-height: 17px;
	}

	.equips__img {
		width: 280px;
	}

	.models__card-name {
		font-size: 30px;
		line-height: 32px;

		margin-bottom: 25px;
	}

	.equips__price {
		font-size: 20px;
		line-height: 22px;
	}

	.equips__price-old {
		font-size: 16px;
		line-height: 18px;
	}

	.equips__card-btn {
		font-size: 14px;
		line-height: 16px;
	}

	.banner__title {
		font-size: 35px;
		line-height: 37px;
	}

	.credit__title {
		width: 510px;
	}

	.banner__list-item {
		font-size: 18px;
		line-height: 20px;
	}

	.banner__form {
		width: 378px;
	}

	.footer__container {
		gap: 20px;
	}

	.footer__info-toggle {
		margin-top: 20px;
	}

	.trade__form {
		width: 395px;
	}

	.trade__title {
		width: 414px;
	}

	.models__swiper {
		width: 430px;
	}

	.models__colors-bg {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 1280px) {
	.main-banner {
		padding: 95px 0 20px;
	}

	.main-banner__title {
		font-size: 25px;
		line-height: 28px;
		width: 452px;
	}

	.main-banner__actions-item {
		font-size: 13px;
		line-height: 15px;
		height: 50px;
		padding: 5px 20px 5px 19px;
	}

	.main-banner__actions {
		width: 333px;
	}

	.contacts__map {
		padding: 283px 0 15px;
		background-position: center;
	}

	.models__card {
		height: 300px;
	}
}
