:root {
	--grey: #282830;
}

body {
	font-family: "ToyotaType";
	font-size: 16px;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	/*    background: url(../img/bg/main.jpg) no-repeat 50% 88px;*/
	/*    background-size: 100% calc(700 / 1920 * 100vw);*/
	color: var(--grey);
}

input,
button,
select {
	font-family: "ToyotaType";
}

.row_toggle + .row_toggle_container {
	display: none;
}

form.waiting {
	position: relative;
}

form.waiting:after {
	content: "";
	background: url(../img/waiting.gif) 50% 50% no-repeat rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: 70px;
}

sup {
	vertical-align: middle;
	position: relative;
	top: -7px;
}

a {
	text-decoration: none;
	color: var(--grey);
}

img {
	border-style: none;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

select::-ms-expand {
	display: none;
}

select {
	appearance: none;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	background: white url(../img/ico_select.png) 100% 50% no-repeat;
	outline: none;
}

ul {
	margin: 0;
	padding: 0;
}

.fancybox-default-skin {
	border-radius: 10px;
}

.footer .disclamer {
	color: #b8b8b8;
	font-size: 10px;
}

a:hover {
	text-decoration: none;
}

.fancybox-type-image .fancybox-close {
	right: 9px;
}

.fancybox-close {
	background: url(../img/bg_close.png) 50% 50% no-repeat !important;
}

.form_screen2 {
	position: absolute;
	top: 21px;
	left: 380px;
	background: #f9f9f9;
	height: 100%;
	width: 322px;
	transition: 0.5s;
}

.container {
	margin: 0px auto;
	padding: 0px 15px;
	max-width: 1140px;
	position: relative;
}

@media (min-width: 576px) {
	.container {
		width: 540px;
		max-width: 100%;
	}
}

@media (min-width: 768px) {
	.container {
		width: 720px;
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	.container {
		width: 960px;
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1146px;
		max-width: 100%;
	}
}

input[type="text"],
input[type="tel"],
select[type="text"] {
	font-family: "ToyotaType";
	display: block;
	border-radius: 30px;
	text-decoration: none;
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	border: none;
	font-weight: 400;
}

.has-danger input,
.has-danger select,
.has-danger textarea {
	border-width: 2px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}

.popup {
	cursor: pointer;
}

#form_popup,
#form_popup_kred {
	display: none;
}

.popup_container {
	width: 420px;
	max-width: 100%;
	padding: 21px 29px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.popup_container h2 {
	font-size: 20px;
	font-weight: 400;
	/* text-transform: uppercase; */
	color: black;
	padding: 0px;
	margin: 0px;
	padding-bottom: 17px;
	text-align: center;
}

.popup_container .form_disclamer {
	font-size: 10px;
	line-height: 100%;
	padding-top: 5px;
}

.popup_container .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 34px;
	height: 34px;
	-moz-transform: rotate(45deg);
	/* Aey Firefox */
	-ms-transform: rotate(45deg);
	/* Aey IE */
	-webkit-transform: rotate(45deg);
	/* Aey Safari, Chrome, iOS */
	-o-transform: rotate(45deg);
	/* Aey Opera */
	transform: rotate(45deg);
	cursor: pointer;
}

.popup_container .close:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 16px;
	width: 34px;
	height: 1px;
	display: block;
	background-color: #a8a8a8;
}

.popup_container .close:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 0px;
	width: 1px;
	height: 34px;
	display: block;
	background-color: #a8a8a8;
}

.popup_container .form-group input[type="text"],
.popup_container .form-group input[type="tel"] {
	color: var(--grey);
	border: 1px solid var(--grey);
	display: block;
	border-radius: 30px;
	height: 60px;
	text-decoration: none;
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	font-weight: 400;
}

.popup_container .form-group select {
	color: #495b65;
	border: 1px solid #ccc;
	display: block;
	border-radius: 30px;
	height: 42px;
	line-height: 44px;
	text-decoration: none;
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	font-size: 14px;
	font-weight: 700;
	padding-left: 40px;
}

.popup_container .form-group button {
	cursor: pointer;
	height: 60px;
}

.popup_container .form-group button:before {
	display: none;
}

.popup_container .form-group button:after {
	display: none;
}

.not_agree button {
	background-color: #cccccc !important;
	cursor: auto !important;
	color: white !important;
}

.popup_container .form-disclamer {
	color: #b8b8b8;
	font-size: 10px;
	padding-top: 10px;
	text-align: center;
}

.form_logo-container {
	text-align: center;
	box-sizing: border-box;
}

.form_logo {
	width: 80%;
	max-width: 230px;
}

.form_phone-container {
	text-align: center;
	margin: 24px 0 24px;
}

.form_phone-container .top_phone {
	font-size: 20px;
}

.popup_container .agree_field {
	font-size: 14px;
}

.btn {
	width: 100%;
	outline: none;
	border: none;
	border: 1px solid #ff0022;
	background: #ff0022;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
}

.btn:hover {
	background: #ff2530;
}

.btn.glass {
	background: transparent;
	color: var(--grey);
	border: 1px solid var(--grey);
}

.car_btns .btn.glass {
	font-size: 16px;
}

.car_btns .btn:not(.glass) {
	color: #fff;
	background: var(--grey);
	border: 1px solid var(--grey);
}

.car_btns .btn:not(.glass):hover {
	background: rgba(0, 0, 0, 0.6);
}

.btn.glass:hover {
	background: var(--grey);
	color: #fff;
}

.agree_field {
	color: black;
}

.agree_field a {
	color: black;
	text-decoration: underline;
}

form .btn {
	width: 100%;
}

form .form-group {
	margin-bottom: 10px;
	position: relative;
}

form .form-group input[type="text"],
form .form-group input[type="tel"],
form .form-group select[type="text"] {
	width: 100%;
	padding: 0px 20px;
	padding-left: 40px;
	box-sizing: border-box;
	outline: none;
	font-family: "ToyotaType";
}

.form_title {
	color: black;
	font-size: 36px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	padding-bottom: 47px;
}

.form_title span {
	display: block;
	color: #aa2635;
	white-space: nowrap;
}

.red {
	color: #ff0022;
}

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

/*HEADER*/

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: #fff;
}

header .header__button {
	height: auto;
	padding: 0.5em 1.5em;
}

@media (max-width: 800px) {
	header {
		position: relative;
	}
}

header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-address-container {
	display: flex;
}

.top_address {
	margin-right: 16px;
	text-align: center;
}

@media (max-width: 1200px) {
	.top-address-container {
		flex-direction: column-reverse;
	}
	.top_address {
		margin: 0;
	}
}

.top_addr {
	display: flex;
	align-items: center;
}

.top_addr span {
	margin-left: 20px;
}

.phone_container {
	display: flex;
	align-items: center;
}

.phone_container > div {
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}

.top_phone {
	font-weight: 700;
	font-size: 18px;
}

.phone_container > div .popup {
	text-decoration: underline;
}

.logo2 {
	max-width: 154px;
	margin: 0 30px;
	font-size: 14px;
	text-align: center;
}

.logo3 {
	max-width: 200px;
	margin: 0 30px;
	font-size: 14px;
	text-align: center;
}
.logo__img {
	width: 150px;
}

.yandex-rating {
	pointer-events: none;
}

@media (max-width: 768px) {
	.yandex-rating {
		display: none;
	}
}

.header-logo-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 348px;
}

.call_phone_4 {
	white-space: nowrap;
	flex-grow: 1;
	flex-shrink: 0;
}

.btn-header {
	padding: 0 16px;
	height: 58px;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
}

@media (max-width: 992px) {
	.header-logo-container {
		width: auto;
	}

	header .header__button {
	  min-height: 1.6em;
	}
}

@media (max-width: 767px) {
	.header-logo-container {
		width: 100%;
		justify-content: space-between;
		order: 1;
	}

	#form1 {
		display: none;
	}
	.banner_title + .banner-footer:first-child {
		margin-top: 350px;
	}
	header .container {
		justify-content: space-around;
		max-width: 540px;
	}

	header.old-domen .container {
		flex-wrap: wrap;
	}

	.header-logo-container .logo3 {
		font-size: 10px;
	}

	.header-logo-container img {
		height: 20px;
	}

	.top-address-container {
		order: 3;
	}

	.header-btn-wrapper {
		margin-top: 12px;
		order: 2;
		width: 100%;
	}

	.btn {
		height: 48px;
	}

	.btn-header {
		height: 30px;
		padding: 5px;
		font-size: 12px;
	}

	.phone_container {
		order: 3;
		width: 100%;
		justify-content: center;
		margin-top: 15px;
	}

	.top_phone {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 10px 0;
	}

	.top_phone:before {
		background: url("../img/ico_phone.png") no-repeat center/cover;
		width: 20px;
		height: 20px;
		content: "";
		position: static;
	}

	.logo2 {
		/* margin-right: calc(50% - 77px); */
	}
}

@media (max-width: 500px) {
	.header-logo-container {
		padding: 15px 15px 0;
	}
	.header-btn-wrapper {
		margin-left: 12px;
		margin-right: 12px;
	}
	header .container {
		padding-left: 8px;
		padding-right: 8px;
	}

	header .header__button {
		min-height: 1.6em;
	}
}

.banner_label {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 90px;
	cursor: pointer;
}

@media (max-width: 360px) {
	.banner_label {
		max-width: 78px;
	}
}

/*BANNER_TITLE*/
.main {
	max-width: 1920px;
	height: calc(1000 / 1920 * 100vw);
	max-height: 1000px;
	min-height: 650px;
	margin: 0 auto 60px;
	position: relative;
}

.main__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.main__img--mobile {
	display: none;
}

.banner_title {
	max-width: max-content;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	display: flex;
	gap: 30px;
	position: relative;
}

.banner_title .title1 p {
	font-size: 0.8em;
	margin-top: 0.5em;
}

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

.black-friday-label {
	align-self: flex-end;
	max-width: 280px;
	margin-bottom: auto;
}

/* .banner_title::after {
  position: absolute;
  content: '';
  background: url('../img/stickers/14/3.png') center no-repeat;
  width: 188px;
  height: 120px;
  left: -5%;
  bottom: -30%;
} */

.form_container.horizontal {
	display: grid;
	grid-template-columns: 256px 256px;
	column-gap: 15px;
	align-content: center;
}
.form_container.horizontal .form-group {
	margin: 18px 0 0 0;
}
.form_container.horizontal .form-group input,
.form_container.horizontal .form-group button {
	height: 58px !important;
}

.title1 {
	font-size: 34px;
	text-transform: uppercase;
	color: var(--grey);
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 36px;
}
.title1 span {
	font-weight: 400;
}

@media (max-width: 1600px) {
	.title1 {
		font-size: 32px;
	}
}

@media (max-width: 450px) {
	.title1 {
		text-align: start;
	}
}

.subtitle1 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.7;
}

.title1_comment {
	font-size: 24px;
	color: var(--grey);
	text-transform: uppercase;
}

.banner_title .form-group {
	width: 100%;
}

.banner_title .btn {
	font-size: 18px;
	height: 60px;
}

.banner-footer {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #d7d7d7;
	padding: 20px;
	box-sizing: border-box;
	/*    margin-top: 425px;*/
	margin-bottom: -60px;
	position: relative;
}

.banner-footer:last-child {
	margin-top: 0px;
}

.banner-footer__form-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.banner-footer__form {
	width: 50%;
	padding-left: 2%;
	box-sizing: border-box;
}

.banner-easy-con {
	display: none;
}

.banner-easy {
	width: 100%;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	align-items: center;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #d7d7d7;
	padding: 16px;
	box-sizing: border-box;
	/* margin-top: 50px; */
}

.banner-easy__title {
	font-size: 24px;
	margin-bottom: 180px;
}

.banner-easy__footer {
	width: 100%;
	position: relative;
}

.banner-easy__bg {
	/* background: url(../img/pic_line.png) center no-repeat; */
	/* background-size: contain; */
	/* background-size: cover; */
	position: absolute;
	width: 103%;
	left: -17px;
	bottom: -16px;
	z-index: 1;
}

.banner-easy__img {
	width: 100%;
}

.banner-easy__container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	z-index: 3;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
}

.banner-easy__text {
	font-size: 16px;
	color: #fff;
}

.banner-easy__text:nth-child(1) {
	text-align: right;
	text-transform: uppercase;
}

.banner-easy__text:nth-child(2) {
	text-align: center;
	padding: 0 65px;
}

.banner-easy__text:nth-child(3) {
	text-align: left;
	text-transform: uppercase;
}

@media (max-width: 1030px) {
	.banner-easy__bg {
		width: 103.6%;
	}
}

@media (max-width: 870px) {
	.banner-easy__bg {
		width: 104.9%;
	}
}

@media (max-width: 1000px) {
	.banner-easy__title {
		margin-bottom: 120px;
	}
}

@media (max-width: 640px) {
	.banner-easy__title {
		margin-bottom: 80px;
	}
	.banner-easy__bg {
		width: 106.8%;
		overflow: hidden;
	}
	.banner-easy__container {
		bottom: -13px;
	}
	.banner-easy__text {
		font-size: 13px;
	}
	.banner-easy__text:nth-child(2) {
		padding: 0 90px;
	}
}

@media (max-width: 420px) {
	.banner-easy__title {
		font-size: 18px;
		margin-bottom: 65px;
	}
	.banner-easy__bg {
		width: 109.9%;
	}
	.banner-easy__img {
		margin: 0 -64px;
		max-width: 520px;
		width: 137%;
	}
	.banner-easy__text {
		font-size: 10px;
	}
	.banner-easy__text:nth-child(2) {
		padding: 0 55px;
	}
}

@media (max-width: 380px) {
	.banner-easy__bg {
		width: 111%;
	}
}

@media (max-width: 330px) {
	.banner-easy__bg {
		width: 113.2%;
		bottom: -17px;
	}
	.banner-easy__img {
		width: 146%;
	}
	.banner-easy__title {
		font-size: 15px;
	}
	.banner-easy__text:nth-child(2) {
		padding: 0 30px;
	}
}

#form3 input[type="text"],
#form3 input[type="tel"] {
	height: 60px;
	background: #fff;
	color: #797979;
	margin: 0;
	width: 100%;
	border: 1px solid #797979;
}

#form3 .form-group {
	width: 48%;
}

#form3 .btn {
	height: 58px;
	font-size: 18px;
}

.banner-footer__text-wrapper {
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 20px;
}

.banner-footer__text {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 6px;
	position: relative;
}

/* .banner-footer__text::after {
  position: absolute;
  content: '';
  background: url('../img/stickers/14/4.png') center no-repeat;
  background-size: cover;
  width: 170px;
  height: 140px;
  right: -80%;
  bottom: -160%;
} */

.banner-footer__title {
	font-size: 20px;
	font-weight: 700;
}

.banner-footer__subtitle {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}

@media (max-width: 1200px) {
	.banner-footer__title {
		font-size: 17px;
	}
}

@media (max-width: 1000px) {
	.banner-footer .banner-footer__form {
		width: 80%;
	}
	#form3 input {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media (max-width: 767px) {
	html body {
		background: none;
		/* background-size: auto 800px;
        background-position-x: 60%; */
	}

	.banner_wrapper {
		flex-direction: row;
	}

	.black-friday-label {
		max-width: 180px;
	}

	.banner-footer {
		flex-direction: column;
		align-items: flex-start;
		padding: 40px 20px;
        
	}
	.banner-footer__form-wrapper {
		flex-direction: column;
		margin-top: 37px;
	}
	.banner-footer__form {
		width: 100%;
		padding: 0;
	}
	#form3 .form-group {
		width: 100%;
	}
	.banner-footer .banner-footer__form {
		width: 100%;
	}
	.banner-footer__text-wrapper {
		padding-left: 0;
	}
	.banner-footer__text {
		align-items: center;
		gap: 5px;
	}
	.banner-footer__title {
		font-size: 26px;
		line-height: 1.1;
	}

	.banner-footer__form input,
	.banner-footer__form button,
	.banner-footer__form a,
	.banner-footer__form label,
	#form3 .btn {
		font-size: 12px;
	}

	.banner-footer__form button,
	#form3 .btn,
	#form3 input[type="text"],
	#form3 input[type="tel"] {
		height: 45px;
	}

	.banner-footer__sticker {
		max-width: 50px;
	}
}

@media (max-width: 480px) {
	.banner-footer {
		padding: 20px 10px;
	}

	.banner-footer__title {
		font-size: 14px;
	}
}

/*MENU*/

.menu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.menu a {
	text-transform: uppercase;
	margin-right: 35px;
	margin-top: 15px;
}

.menu a:hover {
	text-decoration: underline;
}

/*CARS_ITEMS*/

.cars_title {
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 700;
	padding-top: 50px;
}

.cars_items {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	position: relative;
	padding-top: 50px;
}

/* .cars_items li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 42%;
    margin: 4%;
    position: relative;
    transition: 0.5s;
} */

/* .cars_items li:last-of-type {
    margin: 0 auto;
} */

.cars_items li.anim {
	top: 1000px;
}

.cars_items li.animated {
	top: 0;
}

.car_title {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.car__slogan {
	color: #ff0022;
	font-size: 26px;
	margin-bottom: 10px;
	align-self: flex-start;
}

.car_title div span {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 0;
}

.car_title_long {
	font-size: 20px;
	align-items: center;
}

.car_title img {
	max-width: 160px;
}

.car_title_long span b {
	font-size: 22px;
}

.car__installment {
	color: #ff0022;
	margin-left: 20px;
	text-align: right;
}

.crossing {
	position: relative;
}

.crossing::before {
	content: "";
	position: absolute;
	height: 2px;
	width: 120%;
	background-color: #f02;
	left: -10%;
	top: 55%;
	transform-origin: center;
	transform: rotateZ(-6deg);
}

.car__name {
	margin: 0;
	font-weight: 700;
	font-size: 25px;
}

.car__subtitle {
	position: relative;
	width: max-content;
	margin: 0;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
	text-transform: uppercase;
}

.car__subtitle_red {
	padding: 5px 10px;
	background-color: #f02;
	color: #fff;
}

/* .car__name span {
    font-weight: normal;
    font-size: 28px;
    text-transform: uppercase;
} */

.car_img {
	position: relative;
	margin-top: auto;
}

#yaris .car_img .lazyloaded {
	max-width: 80%;
	position: relative;
	left: 15%;
}

.plashka {
	position: absolute;
	left: -16px;
	top: -16px;
	width: 100px;
	animation: pulse 1.2s ease infinite;
}

.plashka:hover {
	animation: none;
}

.tooltip {
	position: absolute;
	width: 370px;
	background: #fff;
	color: var(--grey);
	top: 70px;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	display: none;
	transition: all 0.5s ease;
	border: 2px solid var(--grey);
	padding: 10px 20px;
}

.tooltip ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.tooltip ul li {
	width: 100%;
	margin-top: 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 5px 0 0 0;
}

.tooltip ul li span {
	padding: 0 0 0 5px;
	margin: 0;
	position: relative;
	z-index: 1;
	text-transform: none;
}

.tooltip ul li::before {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/dot.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	left: -5px;
	z-index: 0;
}

.tooltip-total {
	padding-top: 8px;
	margin-top: 8px;
	padding-bottom: 4px;
	/* border-top: 1px solid var(--grey); */
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}

.tooltip-disclaimer {
	font-size: 12px;
	color: #aaa;
}

.plashka:hover .tooltip {
	display: block;
}

.tooltip.right_tooltip {
	right: 100%;
	left: auto;
}

.tooltip.left_tooltip {
	right: auto;
	left: 100%;
}

.car-sticker-hot {
	position: absolute;
	left: -16px;
	top: -16px;
	width: 170px;
	pointer-events: none;
	animation: pulse 1.2s ease infinite;
}

.car-sticker-credit {
	position: absolute;
	left: -4px;
	top: -4px;
	width: 120px;
	pointer-events: none;
}

.car-sticker-style {
	position: absolute;
	top: -55px;
	left: 80px;
	width: 110px;
	pointer-events: none;
}

.car-sticker-70 {
	position: absolute;
	top: 0;
	left: 0;
	/* right: 0; */
	width: 110px;
	pointer-events: none;
}

.car-sticker-behindwheel {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	pointer-events: none;
}

.car-sticker-safe {
	position: absolute;
	top: -4px;
	right: 0;
	width: 90px;
	pointer-events: none;
}

.car-sticker-buy {
	position: absolute;
	left: -4px;
	top: -4px;
	max-width: 110px;
	pointer-events: none;
}

.car-sticker-new {
	position: absolute;
	left: -4px;
	top: -4px;
	width: 120px;
	pointer-events: none;
}

.car-sticker-tradeesey {
	position: absolute;
	left: -4px;
	top: -4px;
	width: 110px;
	pointer-events: none;
}

.car_info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.car_btns {
	width: 100%;
	display: flex;
	gap: 10px;
}

@media (max-width: 480px) {
	.car_btns {
		flex-direction: column;
	}
}

.car_btns .btn {
	height: 53px;
	font-size: 18px;
}

.car_props {
	display: none;
	flex-direction: column;
	margin-left: 30px;
	justify-content: center;
	width: 48%;
}

.prop_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}

.prop_item:first-child {
	padding-top: 0;
}

.prop_item .ico {
	width: 12%;
}

.prop_item font {
	display: block;
	width: 85%;
}

.prop_item font span {
	font-weight: 700;
	color: #ff0022;
}

#img-new_hiace {
	margin-top: 55px;
}

#bg-land_cruiser,
#bg-land_cruiser_300,
#bg-new_highlander,
#bg-new_fortuner,
#bg-rav4_style,
#bg-new_camry,
#bg-camry_gr,
#bg-new_hiace,
#bg-rav4 {
	background-image: url(../img/car-bg.png);
	background-size: cover;
	max-height: 337px;
	max-width: 560px;
}

#bg-lexus-nx {
	background-image: url(../img/car-bg2.png);
	background-size: cover;
	max-height: 337px;
	max-width: 560px;
}

#bg-rav4_style {
	max-height: 325px;
}

#img-land_cruiser {
	padding-top: 50px;
}

#bg-new_camry,
#bg-camry_gr {
	padding: 50px 0;
}

#img-rav4 {
	margin-top: 10%;
	margin-left: -10px;
}

#img-lexus-nx {
	margin-top: 6%;
	margin-left: -10px;
}

#img-rav4_style {
	margin-top: 9%;
	margin-left: -10px;
}

#rav4_style .car_title p {
	margin-bottom: 0;
	margin-top: 0;
}

#img-new_fortuner {
	padding-top: 30px;
	margin-left: -90px;
	max-width: 143%;
}

#img-new_highlander {
	padding-top: 8px;
	/* padding-bottom: 13px; */
}

@media (max-width: 1200px) {
	#img-new_highlander {
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	#rav4_style .car_title p {
		margin-left: 10%;
		align-self: flex-start;
	}
	.car-sticker-style {
		top: -95px;
		left: auto;
		right: 15px;
	}
}

@media (max-width: 540px) {
	.car-sticker-hot {
		left: -10px;
		top: -10px;
		width: 120px;
	}
	.plashka {
		left: -10px;
		top: -10px;
		width: 80px;
	}
	.car-sticker-credit {
		width: 80px;
	}
	.car-sticker-behindwheel {
		width: 80px;
	}
	.car-sticker-safe {
		width: 80px;
	}
	.car-sticker-buy {
		width: 110px;
	}
	.car-sticker-new {
		width: 80px;
	}
	.car-sticker-tradeesey {
		width: 95px;
	}
}

@media (max-width: 400px) {
	.car-sticker-hot {
		left: -8px;
		top: -8px;
		width: 100px;
	}
	.plashka {
		left: -8px;
		top: -8px;
		width: 60px;
	}
	.car-sticker-credit {
		width: 60px;
	}
	.car-sticker-behindwheel {
		width: 60px;
	}
	.car-sticker-safe {
		width: 60px;
	}
	.car-sticker-buy {
		width: 90px;
	}
	.car-sticker-new {
		width: 60px;
	}
	.car-sticker-tradeesey {
		width: 85px;
	}
}

/*COMPLECTS*/

.compl {
	background: #fbfbfb;
	margin-top: 100px;
	padding-top: 100px;
	position: relative;
	transition: all 0.5s;
}

.compl.anim {
	top: 1000px;
}

.compl.animated {
	top: 0;
}

.compl .container {
	margin-bottom: -300px;
}

.compl_title {
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 60px;
}

#filter_table {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 20px;
}

#filter_table .select_container {
	width: 31.5%;
}

#filter_table select {
	width: 100%;
	height: 65px;
	font-family: "ToyotaType";
	font-size: 16px;
	font-weight: 400;
	border-radius: 30px;
	outline: none;
	border: none;
	padding-left: 80px;
	cursor: pointer;
	/*    background: #e6e6e6 url(../img/bg_select.png) 90% 50% no-repeat; */
}

#filter_table .select_container:first-child select {
	background: url(../img/ico_car.png) 12% 50% no-repeat,
		url(../img/bg_select.png) 90% 50% no-repeat #e6e6e6;
}

#filter_table .select_container:nth-child(2) select {
	background: url(../img/ico_layers.png) 12% 50% no-repeat,
		url(../img/bg_select.png) 90% 50% no-repeat #e6e6e6;
}

#filter_table .select_container:last-child select {
	background: url(../img/ico_engine.png) 12% 50% no-repeat,
		url(../img/bg_select.png) 90% 50% no-repeat #e6e6e6;
}

#filter_table .select_container:first-child select:hover {
	background: url(../img/ico_car_hov.png) 12% 50% no-repeat,
		url(../img/bg_select_hov.png) 90% 50% no-repeat #fff;
}

#filter_table .select_container:nth-child(2) select:hover {
	background: url(../img/ico_layers_hov.png) 12% 50% no-repeat,
		url(../img/bg_select_hov.png) 90% 50% no-repeat #fff;
}

#filter_table .select_container:last-child select:hover {
	background: url(../img/ico_engine_hov.png) 12% 50% no-repeat,
		url(../img/bg_select_hov.png) 90% 50% no-repeat #fff;
}

.table_header {
	display: flex;
}

.table_header .table_header_txt {
	width: 100%;
	color: black;
	font-weight: 700;
	font-size: 18px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
	border-bottom: 2px solid #cbcbcb;
}

.table_header .table_header_txt:first-child {
	padding: 25px 0;
	width: 35%;
}

.table_header .table_header_txt:nth-child(2) {
	width: 14%;
}

.table_header .table_header_txt:nth-child(3) {
	white-space: nowrap;
	width: 27%;
}

.table_header .table_header_txt:last-child {
	margin-right: 0px;
	width: 22.69%;
}

.resp_table {
	width: 100%;
	padding-bottom: 20px;
}

.resp_table tr {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
}

.resp_table tr td:before {
	display: none;
}

.resp_table tr td {
	text-align: left;
	width: 35%;
}

.resp_table tr td .model {
	text-transform: uppercase;
}

.resp_table tr td:nth-child(2) {
	width: 14%;
}

.resp_table tr td:nth-child(3) {
	width: 27%;
}

.resp_table tr td:nth-child(4) {
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 22.69%;
}

.resp_table tr td a.btn {
	text-transform: none;
	margin-bottom: 5px;
	font-size: 16px;
	height: 50px;
}

.resp_table tr td a.btn span b {
	font-weight: normal;
	text-decoration: line-through;
}

.resp_table img {
	max-width: 100%;
}

.tb_complects_showmore {
	color: black;
	text-decoration: none;
	display: block;
	text-align: center;
}

.tb_complects_showmore:hover {
	color: black;
}

/*.tb_complects.limit tr:nth-child(n+6) {display: none;}*/

.tb_complects tr {
	display: none;
}

.tb_complects tr.show {
	display: flex;
}

.tb_complects tr.megahide {
	display: none !important;
}

.tb_complects tr td .link:nth-child(2) {
	margin-top: 0;
}

.tb_complects tr td .link:nth-child(3) {
	margin-bottom: 5px;
}

.tb_complects tr td .link {
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
	color: var(--grey);
}

.tb_complects tr td .link:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -4px;
	border: 6px solid transparent;
	border-left: 6px solid #a8101c;
}

/* SERVICE BLOCK */

.block-service {
	margin: 0px auto 100px;
}

.block-service__container {
	max-width: 1920px;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 20% 40% 40%;
}

.block-service__left {
	grid-area: 1 / 1 / 2 / 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(90deg, #131010 40%, rgba(24, 20, 20, 0) 100%);
	z-index: 1;
}

.block-service__info {
	margin-left: 155px;
	width: max-content;
	background-image: url("../img/bg/service-pattern_desk.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 106px;
}

.block-service__title {
	font-size: 48px;
	font-weight: 700;
	color: white;
	margin: -40px 0px 0px;
}

.block-service__description {
	font-size: 32px;
	font-weight: 300;
	color: white;
	margin: 70px 0px 0px;
}

.block-service__btn {
	border-color: #fff;
	background: #fff;
	color: #000;
	width: max-content;
	padding: 16px 50px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.block-service__btn:hover {
	border-color: #ff0022;
	background: #ff0022;
	color: #fff;
}

.block-service__right {
	grid-area: 1 / 2 / 2 / 4;
}

/*CREDIT_BLOCK*/

.credit {
	display: none !important;
	position: relative;
	transition: all 0.5s;
}

.credit.anim {
	top: 1000px;
}

.credit.animated {
	top: 0;
}

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

.credit > img.mob {
	display: none;
}

.credit .container {
	position: relative;
	z-index: 1;
}

.credit_info {
	background-color: rgba(0, 0, 0, 0.75);
	padding: 50px 50px 30px 50px;
	width: 37%;
	position: relative;
	top: -60px;
	left: -50px;
}

.credit_title {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
}

.credit_title span {
	margin-left: 30px;
	line-height: 125%;
}

.credit_comment {
	color: #fff;
	padding-bottom: 10px;
	line-height: 180%;
}

.credit_props {
	list-style: none;
}

.credit_props li {
	font-size: 18px;
	color: #fff;
	padding-top: 15px;
}

.credit_props li b {
	font-size: 26px;
}

#form1 input[type="text"],
#form1 input[type="tel"] {
	height: 60px;
	background: #fff;
	color: #797979;
	/* margin-bottom: 20px; */
	border: 1px solid #797979;
}

#form1 .btn {
	height: 58px;
}

#form1 .agree_field {
	color: #fff;
}

#form1 .agree_field a {
	color: #fff;
	text-decoration: underline;
}

/*ADVANTAGES*/

.advantages {
	position: relative;
	display: flex;
	overflow: hidden;
}

.ags_item {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.5s;
}

.ags_item.anim {
	top: 1000px;
}

.ags_item.animated {
	top: 0;
}

.ags_item:first-child {
	width: 34%;
	justify-content: flex-end;
	z-index: 1;
}

.ags_item:nth-child(2) {
	width: 32%;
	justify-content: center;
	z-index: 0;
}

.ags_item:last-child {
	width: 34%;
	justify-content: flex-start;
	z-index: 1;
}

.ags_item > img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.3s;
}

.ags_item:hover > img {
	transform: scale(1.04);
}

.ags_item .ags_info {
	position: absolute;
	z-index: 1;
	bottom: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: bottom 0.3s;
}

.ags_item:first-child .ags_info {
	padding-right: calc(50% - 93px);
}

.ags_item:last-child .ags_info {
	padding-left: calc(50% - 93px);
}

.ags_item:first-child:hover .ags_info {
	bottom: 70px;
}

.ags_item:nth-child(2):hover .ags_info {
	bottom: 70px;
}

.ags_item:last-child:hover .ags_info {
	bottom: 70px;
}

.ags_info span {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
}

/*CONTACTS*/

footer .container {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.contacts {
	position: absolute;
	top: -55px;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 15px 50px;
	width: 31%;
	z-index: 2;
}

.cont_title {
	color: #ff0022;
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: 700;
}

.cont_comment {
	font-weight: 700;
	font-size: 20px;
	margin-top: 0.5em;
}

.cont_phone {
	margin: 0.5em 0em;
}

.cont_message {
	font-size: 14px;
}

.cont_row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 19px;
	margin: 28px 0px 25px;
}

.bot_phone {
	display: flex;
}

.bot_phone img {
	position: relative;
	left: -2px;
}

.bot_phone span {
	font-size: 18px;
	margin-left: 10px;
}

.bot_addr {
	padding-top: 10px;
}

.bot_addr span {
	font-size: 18px;
	margin-left: 15px;
}

.contacts .btn {
	margin-top: 10px;
	height: 60px;
	font-size: 18px;
}

.contacts .btn.glass {
	margin-top: 10px;
	border: 1px solid #ff0022;
	color: #ff0022;
}

.contacts .btn.glass:hover {
	background: #ff0022;
	color: #fff;
}

#map1 {
	width: 100%;
	height: 500px;
	background: url(../img/map.jpg) 90% -140px no-repeat;
	background-size: 120%;
}

.disclamer_switch {
	text-align: center;
	color: #7b7b7b;
	text-decoration: underline;
	font-size: 12px;
	padding: 20px 0;
	display: inline-block;
	text-decoration: underline;
}

.disclamer {
	color: #383838;
	font-size: 14px;
	display: none;
	text-align: left;
	padding-bottom: 20px;
}

@media (max-width: 1200px) and (min-width: 768px) {
	.contacts .btn {
		margin-bottom: 20px;
	}
}

/*banner*/
#clickBtr {
	display: none;
}
.block-footer-container__popup-underlay {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 990000000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.block-footer-container__popup {
	position: fixed !important;
	left: 50%;
	top: 50%;
	z-index: 992000000;
	border-radius: 10px;
	font-size: 21px;
	background: #fff;
	font-weight: 100;
	line-height: normal !important;
	text-shadow: none !important;
	transform: translate(-50%, -50%);
}
.block-footer-container__img {
	width: 100%;
}

@media (max-width: 720px) {
	.block-footer-container__img {
		max-width: 500px;
		width: 500px;
	}
}
@media (max-width: 500px) {
	.block-footer-container__img {
		max-width: 320px;
		width: 320px;
	}
}

.footer__bages {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	padding-top: 20px;
}

/*banner*/

/*------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1400px) {
}

/*IPAD PRO BEGIN*/

@media (min-width: 768px) and (max-width: 1199px) {
	.plashka:hover .tooltip {
		display: block;
	}
	.tooltip.right_tooltip {
		left: 60px;
		transform: scale(0.8);
		transform-origin: right top;
	}
	.tooltip.left_tooltip {
		left: 60px;
		transform: scale(0.8);
		transform-origin: right top;
	}
	.car_title {
		font-size: 18px;
	}

	.car__name {
		font-size: 20px;
	}
	/* .car__name span {
        font-size: 20px;
    } */
	#filter_table select {
		padding-left: 60px;
	}
	.block-service__info {
		margin-left: 90px;
		background-image: url("../img/bg/service-pattern_mob.png");
	}
	.block-service__title {
		font-size: 36px;
		margin-top: -30px;
	}
	.block-service__description {
		font-size: 20px;
		margin-top: 40px;
	}
	.block-service__btn {
		margin-top: 30px;
		margin-bottom: 46px;
	}
	.credit_info {
		width: 44%;
	}
	.credit > img {
		object-position: 65% 0;
	}
	.ags_item .ags_info {
		bottom: 25px;
	}
	.contacts {
		top: 0;
		right: -55px;
		width: 40%;
	}
	#map1 {
		background-position: 80% -70px;
		background-size: auto;
	}
}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/

@media (min-width: 768px) and (max-width: 991px) {
	.top_addr {
		/* display: none; */
	}
	.top-address-container {
		/* display: none; */
	}

	.main .t-main {
		height: calc(100% - 100px);
		padding-top: 100px;
	}
	.banner-footer {
		/*        margin-bottom: 15px;*/
	}

	.title1 {
		font-size: 30px;
	}
	.title1 b {
		font-size: 32px;
	}
	.title1_comment {
		font-size: 20px;
	}
	.menu a {
		margin-right: 35px;
		margin-top: 15px;
	}
	.cars_items li {
		width: 100%;
		align-items: center;
	}
	.car_info {
		justify-content: center;
	}
	.car_props {
		width: 40%;
	}
	.compl {
		margin-top: 50px;
		padding-top: 50px;
	}
	#filter_table select {
		padding-left: 40px;
		font-size: 12px;
	}
	#filter_table .select_container select {
		background: url(../img/bg_select.png) 90% 50% no-repeat #e6e6e6 !important;
	}
	.table_header .table_header_txt {
		font-size: 12px;
	}
	.resp_table tr td a.btn {
		font-size: 14px;
	}
	.credit_info {
		width: 60%;
	}
	.ags_item:first-child .ags_info {
		padding-right: 15px;
	}
	.ags_item:last-child .ags_info {
		padding-left: 50px;
	}
	.advantages {
		background: var(--grey);
	}
	.ags_item {
		padding-bottom: 100px;
	}
	.ags_item:last-child .ags_info {
		bottom: 50px;
	}
	.contacts {
		width: 40%;
		right: 0;
	}
	.cont_title {
		font-size: 24px;
	}
	.bot_addr span {
		font-size: 16px;
	}
	#map1 {
		background-position: 70% -70px;
	}
}

/*IPAD END*/

/*MOBILE BEGIN*/

@media (max-width: 767px) {
	.car_img .plashka:hover .tooltip {
		display: block;
	}
	.tooltip.right_tooltip {
		right: auto;
		left: -135px;
		top: 50px;
		transform: scale(0.6);
		transform-origin: right top;
	}
	.tooltip.left_tooltip {
		right: auto;
		left: -135px;
		top: 50px;
		transform: scale(0.6);
		transform-origin: right top;
	}
	/* .plashka {
        right: -5px;
        display: flex;
        justify-content: flex-end;
    } */
	.plashka img {
		max-width: 100%;
	}
	.fancybox-type-image {
		width: 100% !important;
		margin: 0px !important;
		left: 0px !important;
	}
	.fancybox-close {
		right: 9px !important;
		top: 9px !important;
	}
	.fancybox-inner {
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	.fancybox-wrap {
		margin: 0px !important;
		width: 100% !important;
		left: 0px !important;
		top: 20px !important;
	}
	.fancybox-type-image .fancybox-close {
		top: -8px !important;
	}
	.popup_container .agree_field {
		font-size: 10px;
	}
	.popup_container {
		width: 100%;
	}
	.table_header {
		display: none;
	}
	#filter_table {
		flex-direction: column;
	}
	#filter_table .select_container {
		width: 100%;
	}
	#filter_table .select_container:nth-child(1) {
		padding-bottom: 10px;
	}
	#filter_table .select_container:nth-child(2) {
		padding-bottom: 10px;
	}
	.resp_table tr {
		padding-bottom: 20px;
		flex-direction: column;
	}
	.resp_table tr th {
		display: none;
	}
	.resp_table tr td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 5px 0px;
		text-align: center;
	}
	.resp_table tr td:nth-child(3) {
		width: 100%;
	}
	.resp_table tr td:nth-child(4) {
		width: 100%;
	}
	.resp_table tr td:before {
		display: block;
		width: 43%;
		margin-right: 2%;
		font-weight: 700;
		vertical-align: top;
	}
	header .container {
		padding: 0 20px;
		/* flex-flow: wrap;*/
	}
	/* .top_addr {
        display: none;
    }
    .top-address-container {
        display: none;
    } */
	.title1_comment {
		text-align: center;
		font-size: 17px;
	}
	.banner_title .title1 {
		line-height: 1.1;
		font-size: 17px;
		text-align: start;
		margin-bottom: 5px;
	}
	.banner_title .subtitle1 {
		line-height: 1.1;
		font-size: 18px;
		text-align: start;
	}
	.banner_title .title1 span {
		font-size: 18px;
	}
	.banner_title .title1 b {
		font-size: 22px;
	}
	.banner_title .btn {
		width: 100%;
	}
	.banner_title .form-group {
		width: 100%;
	}
	.menu {
        flex-wrap: wrap;
        gap: 10px;
		padding-top: 50px;
		justify-content: flex-start;
	}
	.container:has(.menu) {
		text-align: center;
        font-size: 14px;
		margin-top: 345px;
	}
	.menu a {
		margin-right: 0;
		font-size: 14px;
	}
	.cars_items li {
		width: 100%;
		align-items: center;
	}

	.car_title {
		flex-direction: column;
		text-align: center;
	}

	.car__installment {
		font-size: 18px;
		margin-left: 0;
		text-align: center;
	}

	.car__slogan {
		font-size: 18px;
	}

	.car_info {
		flex-direction: column-reverse;
	}
	.car_btns {
		width: 100%;
	}
	.car_props {
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.compl {
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.compl .container {
		margin-bottom: 0;
	}
	.compl > img {
		display: none;
	}
	.compl_title {
		padding-bottom: 30px;
		font-size: 22px;
		text-align: center;
	}
	.block-service__container {
		grid-template-columns: 100%;
		grid-template-rows: 45% 10% 45%;
	}
	.block-service__left {
		grid-area: 2 / 1 / 4 / 2;
		align-items: center;
		background: linear-gradient(0deg, #131010 90%, rgba(24, 20, 20, 0) 100%);
		padding-top: 120px;
		padding-bottom: 70px;
	}
	.block-service__info {
		margin-left: 0px;
		margin-top: 0px;
		background-image: none;
		background-size: auto;
		border: 2px solid white;
		border-radius: 20px;
	}
	.block-service__title {
		font-size: 36px;
		margin: 0px;
		margin-top: -30px;
		background-color: #131010;
		padding-left: 10px;
	}
	.block-service__description {
		font-size: 24px;
		margin: 20px 0px 0px;
		padding-left: 10px;
	}
	.block-service__btn {
		margin-top: 30px;
		margin-bottom: 20px;
		padding: 0px 26px;
		margin-left: 10px;
		font-size: 12px;
	}
	.block-service__right {
		grid-area: 1 / 1 / 3 / 2;
		position: relative;
	}
	.block-service__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.credit {
		display: flex;
		flex-direction: column;
		background: var(--grey);
	}
	.credit > img {
		display: none;
		position: relative;
	}
	.credit > img.mob {
		display: block;
	}
	.credit_info {
		top: 0;
		width: 100%;
		background: var(--grey);
		padding: 50px 0;
		left: 0;
	}
	.credit_title span {
		font-size: 20px;
	}
	.credit_comment br {
		display: none;
	}
	.credit_comment {
		text-align: center;
	}
	#form1 .agree_field {
		font-size: 10px;
	}
	.advantages {
		flex-direction: column;
		background: var(--grey);
	}
	.ags_item {
		width: 100% !important;
		padding-bottom: 60px;
	}
	.ags_item:last-child {
		padding-bottom: 30px;
	}
	.ags_item .ags_info {
		width: 100% !important;
		bottom: 25px;
	}
	.ags_item:first-child .ags_info {
		padding-right: 0;
	}
	.ags_item:last-child .ags_info {
		padding-left: 0;
	}
	.contacts {
		top: 0;
		position: relative;
		width: 100%;
		padding: 50px 0;
	}
}

/*MOBILE END*/

/* Portrait phones and smaller */

@media (max-width: 576px) {
	#map1 {
		width: 100%;
		height: 440px;
		background: url(../img/map.jpg) center no-repeat;
	}
	.container .banner-footer:first-child {
		margin-top: 245px;
	}

	.menu a:nth-child(6) {
		text-align: center;
	}

	.block-service__info {
		padding-left: 30px;
		padding-right: 60px;
	}
	.block-service__title {
		font-size: 26px;
		margin-top: -23px;
	}
	.block-service__description {
		font-size: 18px;
	}

	.banner_title::after {
		bottom: -70%;
	}

	.banner-footer__text-wrapper {
		gap: 0;
	}
}

@media (max-width: 360px) {
	.logo2 {
		width: 65%;
	}
	.logo3 {
		margin: 0 0 0 10px;
	}
	.logo2 img {
		width: 100px;
	}

	.banner_title .title1 span {
		font-size: 16px;
	}
	.title1 b {
		font-size: 30px;
	}
	.title1_comment {
		font-size: 16px;
	}
	.menu {
		padding-top: 25px;
	}
	.credit_title span {
		font-size: 18px;
	}
	.compl_title {
		font-size: 18px;
	}

	.block-service__info {
		padding-left: 10px;
		padding-right: 40px;
	}
	.block-service__title {
		font-size: 22px;
		margin-top: -18px;
	}
	.block-service__description {
		font-size: 14px;
	}
}

@media (hover: none) {
	.plashka-wrapper .plashka {
		pointer-events: none;
	}
	.plashka-wrapper:hover .tooltip {
		display: block;
	}
	.plashka-wrapper {
		position: absolute;
		top: 0;
		left: -10px;
		right: auto;
		z-index: 2;
		animation: pulse 1.2s ease infinite;
	}
	.plashka-wrapper:hover {
		animation: none;
	}
	.plashka {
		position: static;
	}
	.plashka img {
		max-width: 100px;
	}
}

@media (hover: none) and (max-width: 540px) {
	.plashka img {
		width: 80px;
	}
}

@media (hover: none) and (max-width: 400px) {
	.plashka img {
		width: 60px;
	}
}

.blink {
	animation: blink 2s linear infinite;
}

@keyframes blink {
	0% {
		color: #ff0022;
	}
	50% {
		color: #fff;
	}
	100% {
		color: #ff0022;
	}
}

.cars_items li.pre-order {
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: unset;
}

.pre-order_img {
	width: 55%;
}

.pre-order_img img {
	max-width: 100%;
}

.pre-order_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 40%;
	margin-left: 5%;
}

.pre-order_title {
	font-size: 28px;
}

.pre-order_subtitle {
	font-size: 20px;
}

.pre-order_btns .btn {
	height: 53px;
	font-size: 18px;
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	.cars_items li.pre-order {
		flex-direction: column;
		align-items: center;
	}
	.pre-order_img {
		width: 100%;
	}
	.pre-order_text {
		width: 100%;
		margin: 0;
	}
	.pre-order_title {
		text-align: center;
		margin-bottom: 0;
	}
	.pre-order_subtitle {
		text-align: center;
	}
}

.logo-award {
	max-width: 150px;
}

@media (max-width: 1200px) {
	.logo-award {
		/*display: none;*/
	}
}

.t-main {
	height: calc(100% - 150px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*    margin-top: 88px;
    padding-top: 40px;
*/
	position: relative;
	padding-top: 150px;
	/*    position: static;*/
}

/* .t-main::before {
    content: '';
    width: 200px;
    height: 112px;
    background: url('../img/stickers/go-sticker.svg') no-repeat center/contain;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50px;
} */

@media (max-width: 1000px) {
	.t-main::before {
		top: 190px;
	}
}

.no-desktop {
	display: none;
}

@media (max-width: 767px) {
	.no-mobile {
		display: none;
	}
	.no-desktop {
		display: block;
	}

	.main {
		height: calc(640 / 360 * 100vw);
		min-height: 300px;
		max-height: 500px;
	}

	.main__img {
		display: none;
	}
	.main__img--mobile {
		display: block;
	}

	.t-main {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 0;
		padding-top: 120px;
		/*         height: calc(100vw * 200 / 700 + 300px);*/
		/*        background: url('../img/bg/main_m.jpg?v=4') no-repeat 50% bottom/cover;*/
		position: relative;
	}

	.t-main::before {
		width: 75px;
		height: 50px;
		/* top: calc(100vw * 500 / 700 - 75px); */
		top: 18%;
		right: 20px;
	}

	.banner_title {
		align-self: center;
		padding: 5px 8px;
		max-width: unset;
	}

	.banner_title .title1,
	.banner_title .subtitle1 {
		text-align: center;
		color: #000;
		font-size: 22px;
	}

	.banner-footer {
		margin-top: auto;
		margin-bottom: -225px;
	}
}

@media (max-width: 360px) {
	.banner_title .title1 {
		font-size: 19px;
	}
	.banner_title .subtitle1 {
		font-size: 19px;
	}
}

.yur-info {
	text-align: center;
	margin-top: 10px;
}

.yur-info p {
	margin: 0;
}

.yur-info a {
	text-decoration: underline;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	max-width: 800px;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
#myBtn {
	cursor: pointer;
}

.color-grey {
	color: var(--grey);
}

.trade-in {
	box-sizing: border-box;
	background: url(../img/bg/trade-in.jpg) no-repeat right/contain;
	/* height: 720px; */
	padding: 100px 0;
	position: relative;
}

/* .trade-in::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 368px;
    height: 524px;
    background: url('../img/stickers/trade-in_branches.png');
} */

.trade-in__container {
	max-width: 1144px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.trade-in__title {
	margin-block-start: 0;
	margin-block-end: 0;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 62px;
}

.trade-in__select {
	font-size: 16px;
	width: 100%;
	height: 100%;
	background: url(../img/bg_select.png) 90% 50% no-repeat;
	border: none;
	cursor: pointer;
}

.form__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 45px;
}

.form__row:nth-child(2) {
	margin-bottom: 74px;
}

.trade-in__form-group {
	box-sizing: border-box;
	background-color: #e6e6e6;
	display: flex;
	align-items: center;
	border-radius: 60px;
	width: 100%;
	max-width: 361px;
	padding: 21px 30px;
	gap: 30px;
}

.trade-in .form-group {
	box-sizing: border-box;
	background-color: #e6e6e6;
	display: flex;
	align-items: center;
	border-radius: 60px;
	width: 100%;
	max-width: 361px;
	margin: 0;
	padding: 21px 30px;
	gap: 30px;
}

.trade-in .has-danger input,
.trade-in .has-danger select {
	border-width: 0;
	box-shadow: none;
}

.trade-in__require_label {
	color: #aa2635;
	font-size: 16px;
}

.trade-in .has-danger.form-group {
	box-shadow: 0px 0px 20px 0px rgba(255, 81, 96, 0.3) inset;
}

.trade-in .form-control {
	background-color: transparent;
	font-size: 16px;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}

.trade-in .form-group input[type="text"],
.trade-in .form-group input[type="tel"] {
	padding: 0;
}

.trade-in__controls {
	display: flex;
	align-items: center;
	gap: 23px;
}

.trade-in__controls span {
	font-size: 15px;
	font-weight: 600;
	color: #000;
}

.trade-in__btn {
	padding: 16px 50px;
	width: auto !important;
}

.trade-in__btn:last-child {
	color: #000;
	background-color: transparent !important;
	border: 1px solid #000 !important;
}

@media (max-width: 1362px) {
	.trade-in {
		background-position: center;
		background-size: cover;
		padding: 60px 0;
	}

	.trade-in::before {
		width: 267px;
		height: 393px;
	}

	.trade-in__container {
		max-width: 880px;
	}

	.form__row {
		gap: 20px;
		margin-bottom: 30px;
	}

	.form__row:nth-child(2) {
		margin-bottom: 50px;
	}

	.trade-in__form-group {
		border-radius: 40px;
		max-width: 280px;
		padding: 12px 15px;
		gap: 20px;
	}

	.trade-in__form-control {
		font-size: 14px;
	}

	.trade-in__controls {
		gap: 20px;
	}

	.trade-in__btn {
		padding: 12px 36px;
	}
}

@media (max-width: 800px) {
	.trade-in {
		padding: 20px 0;
	}

	.trade-in__title {
		font-size: 24px;
		margin-bottom: 50px;
	}

	.form__row {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 15px;
		margin-bottom: 20px;
	}

	.form__row:nth-child(2) {
		margin-bottom: 40px;
	}

	.trade-in__form-group {
		border-radius: 40px;
		max-width: 280px;
		padding: 12px 15px;
		gap: 15px;
	}

	.trade-in__form-control {
		font-size: 14px;
	}

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

	.trade-in__btn {
		padding: 12px 36px;
		font-size: 12px;
	}

	.trade-in__require_label {
		text-align: center;
	}
}

/* CARS_ITEMS */
.cars__container {
}

.cars_items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 48px;
	column-gap: 20px;
}

.car {
	box-shadow: 0px 4px 12px rgba(0, 20, 67, 0.12);
	border-radius: 4px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	box-sizing: border-box;
	padding: 48px;
	transition: 0.5s;
	position: relative;
}

/* .car:nth-child(even)::after {
  position: absolute;
  content: '';
  background: url('../img/stickers/14/2.png') center no-repeat;
  width: 150px;
  height: 190px;
  right: -11%;
  bottom: -8%;
}

.car:nth-child(odd)::after {
  position: absolute;
  content: '';
  background: url('../img/stickers/14/1.png') center no-repeat;
  width: 150px;
  height: 190px;
  left: -14%;
  top: -7%;
} */

.car--hidden {
	display: none;
}

.car__header {
	display: flex;
	width: 100%;
}

.car__header_left {
	width: 100%;
	max-width: 70%;
	display: flex;
	flex-direction: column;
}

.car__name {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 8px;
}

.car__price,
.car__advantage {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	padding-top: 8px;
}

.car__price span,
.car__advantage span {
	font-size: 32px;
}

.car__price {
	border-top: 1px solid #e3e3e3;
}

.car__header_label {
	margin-left: auto;
	height: 94px;
	max-width: 94px;
	max-height: 94px;
}

.car__info {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: auto;
}

.car__info-item {
	display: flex;
	align-items: center;
	gap: 15px;
	width: 100%;
}

.car__info-item:not(:last-child) {
	border-bottom: 1px solid #e3e3e3;
}

.car__info-text {
	font-size: 16px;
	padding: 12px 0;
	margin: 0;
}

.car__btns {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.car__img {
	margin-top: auto;
}

.car__btn {
	font-size: 16px;
	font-weight: 400;
	padding: 12px 20px;
	border-radius: 4px;
	width: unset;
	transition: background-color 0.15s linear, color 0.15s linear;
}

.car__btn:first-child {
	background-color: #282830;
	color: #ffffff;
}

.car__btn:first-child:hover {
	background-color: #3d3d46;
}

.cars__more-btn {
	display: block;
	margin: 30px auto;
}

.promo {
	box-sizing: border-box;
	background: url(../img/promo/bg.jpg) no-repeat top/contain;
	background-size: cover;
	height: 600px;
	padding-top: 52px;
}

.promo__container {
	max-width: 1144px;
	margin: 0 auto;
	padding: 0 20px;
}

.promo__title {
	margin: 0;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	text-transform: uppercase;
	word-spacing: 2px;
}

.promo__wrapper {
	display: flex;
	margin-top: 20px;
}

.promo__left {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	text-transform: uppercase;
	max-width: 290px;
	margin-right: 20px;
}

.promo__right {
	color: #818181;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
	max-width: 550px;
}

.promo__btn {
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 20px;
	border-radius: 4px;
	width: unset;
	transition: background-color 0.15s linear, color 0.15s linear;
	background-color: #282830;
	color: #ffffff;
	margin-top: 56px;
	width: max-content;
}

.promo__btn:hover {
	background-color: #3d3d46;
}

@media (max-width: 1280px) {
	.car {
		padding: 20px;
		gap: 10px;
	}

	.car:nth-child(even)::after {
		width: 150px;
		height: 190px;
		right: -15%;
		bottom: -12%;
	}

	.car:nth-child(odd)::after {
		width: 150px;
		height: 190px;
		left: -18%;
		top: -10%;
	}

	.car__name {
		font-size: 22px;
	}

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

	.car__header_label {
		height: 60px;
		max-width: 60px;
		max-height: 60px;
	}

	.car__img {
		display: flex;
		justify-content: center;
		height: 200px;
		width: 100%;
	}

	.car__info-text {
		font-size: 12px;
		padding: 10px 0;
	}

	.car__btn {
		font-size: 12px;
		padding: 8px 20px;
	}
}

@media (max-width: 980px) {
	.car:nth-child(even)::after {
		width: 150px;
		height: 190px;
		right: -15%;
		bottom: -12%;
	}

	.header__button {
		padding: 0 10px !important;
	}

	.car:nth-child(odd)::after {
		width: 150px;
		height: 190px;
		left: -18%;
		top: -10%;
	}

	.car:nth-child(even)::after {
		width: 150px;
		height: 190px;
		right: -14%;
		bottom: -12%;
	}

	.car:nth-child(odd)::after {
		width: 150px;
		height: 190px;
		left: -20%;
		top: -10%;
	}

	.cars_items {
		display: flex;
		flex-direction: column;
		row-gap: 0;
		column-gap: 0;
		gap: 15px;
	}
}

@media (max-width: 767px) {
	.car__btn,
	.promo__btn {
		height: 27px;
	}

	.trade-in::before {
		display: none;
	}
}

@media (max-width: 600px) {
	.promo {
		background: url(/img/promo/bg_mobile.jpg);
		padding-top: 28px;
		padding-bottom: 28px;
		background-size: 100%;
	}
}

@media (max-width: 460px) {
	.banner_wrapper {
		flex-direction: column;
	}

	.car {
		padding: 16px;
		gap: 24px;
	}

	.car:nth-child(even)::after {
		width: 120px;
		height: 160px;
		right: -4%;
		bottom: -12%;
		background-size: cover;
		pointer-events: none;
	}

	.banner-footer__text::after {
		width: 120px;
		height: 100px;
		display: none;
		right: -70%;
		bottom: -200%;
	}

	.car__name {
		font-size: 22px;
		padding-bottom: 6px;
	}

	.car__subtitle {
		font-size: 17px;
	}

	.car__price {
		font-size: 12px;
		padding-top: 6px;
	}

	.car__price span {
		font-size: 22px;
	}

	.car__header_left {
		max-width: 65%;
	}

	.car:nth-child(odd) .car__header_left {
		/* padding-left: 40px; */
	}

	.car__header_label {
		height: 67px;
		max-width: 67px;
		max-height: 67px;
	}

	.car__info-item {
		gap: 8px;
	}

	.car__info-ico {
		transform: scale(0.75);
	}

	.car__info-text {
		font-size: 14px;
		padding: 10px 0;
	}

	.car__btns {
		gap: 5px;
	}

	.car__btn {
		font-size: 14px;
		padding: 6px 20px;
	}

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

	.promo__title {
		font-size: 23px;
		line-height: 24px;
	}

	.promo__wrapper {
		margin-top: 10px;
		flex-direction: column;
		gap: 30px;
	}

	.promo__left {
		margin-right: 0;
		font-size: 17px;
		font-weight: 600;
		max-width: 100%;
	}

	.promo__right {
		font-size: 16px;
	}

	.promo__btn {
		width: auto;
		text-align: center;
	}
}