/*
Theme Name: Carasso
Version: 1.0
*/

/* fonts   */

@font-face {
	font-family: "FbReforma-Mediumwebfont";
	src: url("./fonts/FbReforma-Mediumwebfont.eot");
	src: url("./fonts/FbReforma-Mediumwebfont.woff") format("woff"), url("./fonts/FbReforma-Mediumwebfont.ttf") format("ttf"), url("./fonts/FbReforma-Mediumwebfont.svg") format("svg");
}

@font-face {
	font-family: "fbreformaen-regular-webfont";
	src: url("./fonts/fbreformaen-regular-webfont.eot");
	src: url("./fonts/fbreformaen-regular-webfont.woff") format("woff"), url("./fonts/fbreformaen-regular-webfont.ttf") format("ttf"), url("./fonts/fbreformaen-regular-webfont.svg") format("svg");
}

@font-face {
	font-family: "NouvelR-Bold";
	src: url("./fonts/NouvelR-Bold.eot");
	src: url("./fonts/NouvelR-Bold.woff") format("woff"), url("./fonts/NouvelR-Bold.ttf") format("ttf"), url("./fonts/NouvelR-Bold.svg") format("svg");
}

@font-face {
	font-family: "NouvelR-Light";
	src: url("./fonts/NouvelR-Light.eot");
	src: url("./fonts/NouvelR-Light.woff") format("woff"), url("./fonts/NouvelR-Light.ttf") format("ttf"), url("./fonts/NouvelR-Light.svg") format("svg");
}

@font-face {
	font-family: "NouvelR-Semibold";
	src: url("./fonts/NouvelR-Semibold.eot");
	src: url("./fonts/NouvelR-Semibold.woff") format("woff"), url("./fonts/NouvelR-Semibold.ttf") format("ttf"), url("./fonts/NouvelR-Semibold.svg") format("svg");
}

@font-face {
	font-family: "NouvelRAH-Bold";
	src: url("./fonts/NouvelRAH-Bold.eot");
	src: url("./fonts/NouvelRAH-Bold.woff2") format("woff"), url("./fonts/NouvelRAH-Bold.ttf") format("ttf"), url("./fonts/NouvelRAH-Bold.svg") format("svg");
}

@font-face {
	font-family: "NouvelRAH-Regular";
	src: url("./fonts/NouvelRAH-Regular.eot");
	src: url("./fonts/NouvelRAH-Regular.woff2") format("woff"), url("./fonts/NouvelRAH-Regular.ttf") format("ttf"), url("./fonts/NouvelRAH-Regular.svg") format("svg");
}

@font-face {
	font-family: "NouvelRAH-Semibold";
	src: url("./fonts/NouvelRAH-Semibold.eot");
	src: url("./fonts/NouvelRAH-Semibold.woff") format("woff"), url("./fonts/NouvelRAH-Semibold.ttf") format("ttf"), url("./fonts/NouvelRAH-Semibold.svg") format("svg");
}

.safety-container,
.pollution-container {
	display: inline-flex !important;
	direction: ltr !important;
	margin: 0 0.1vw;
}

* {
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	scroll-behavior: smooth;
	font-family: "NouvelRAH-Regular";
	text-decoration: none;
}

.privacyLink {
	color: white;
	cursor: pointer;
	text-decoration: revert;
}

li {
	list-style-type: none;
}

html {
	direction: rtl;
	--pollution-1: #1a582c;
	--pollution-2: #146634;
	--pollution-3: #0e7d3e;
	--pollution-4: #129346;
	--pollution-5: #23a348;
	--pollution-6: #3eaf49;
	--pollution-7: #98c93c;
	--pollution-8: #f9d324;
	--pollution-9: #fdbd3c;
	--pollution-10: #f89938;
	--pollution-11: #e67524;
	--pollution-12: #dc5f26;
	--pollution-13: #e02225;
	--pollution-14: #c52026;
	--pollution-15: #a41d20;
	--safety-0: #c00000;
	--safety-1: #e46c0b;
	--safety-2: #ffc000;
	--safety-3: #33af8a;
	--safety-4: #31859d;
	--safety-5: #268cca;
	--safety-6: #0170c1;
	--safety-7: #0373fb;
	--safety-8: #124aff;
}

.pollution_1 {
	background-color: var(--pollution-1);
}

.pollution_2 {
	background-color: var(--pollution-2);
}

.pollution_3 {
	background-color: var(--pollution-3);
}

.pollution_4 {
	background-color: var(--pollution-4);
}

.pollution_5 {
	background-color: var(--pollution-5);
}

.pollution_6 {
	background-color: var(--pollution-6);
}

.pollution_7 {
	background-color: var(--pollution-7);
}

.pollution_8 {
	background-color: var(--pollution-8);
}

.pollution_9 {
	background-color: var(--pollution-9);
}

.pollution_10 {
	background-color: var(--pollution-10);
}

.pollution_11 {
	background-color: var(--pollution-11);
}

.pollution_12 {
	background-color: var(--pollution-12);
}

.pollution_13 {
	background-color: var(--pollution-13);
}

.pollution_14 {
	background-color: var(--pollution-14);
}

.pollution_15 {
	background-color: var(--pollution-15);
}

.safety_0 {
	background-color: var(--safety-0);
}

.safety_1 {
	background-color: var(--safety-1);
}

.safety_2 {
	background-color: var(--safety-2);
}

.safety_3 {
	background-color: var(--safety-3);
}

.safety_4 {
	background-color: var(--safety-4);
}

.safety_5 {
	background-color: var(--safety-5);
}

.safety_6 {
	background-color: var(--safety-6);
}

.safety_7 {
	background-color: var(--safety-7);
}

.safety_8 {
	background-color: var(--safety-8);
}

.pollution,
.safety {
	display: inline-block;
	padding: 0.2vw 0;
	width: 1.2vw;
	text-align: center;
	margin: 0.5px;
	font-size: 1vw;
}

.hide {
	display: none !important;
}

.no-desktop {
	display: none;
}

.mobile .no-mobile {
	display: none;
}

body {
	font-family: "NouvelRAH-Regular", sans-serif;
	background-color: #fff;
}

body.hidden {
	overflow: hidden;
}

footer {
	padding: 1vw 6.5vw 1vw;
	width: 71vw;
	position: relative;
}

.mobile footer {
	padding: 1vw 1vw 1vw;
}

.grecaptcha-badge {
	visibility: hidden;
}

.privacy_label {
	color: white;
	text-decoration: underline;
}

h1 {
	color: #fff;
	z-index: 1;
	font-size: 3.5vw;
	line-height: 1;
	text-align: left;
}

.topbg-image {
	position: absolute;
	width: 100%;
	z-index: 1;
}

.mobile .topbg-image {
	top: 16vw;
}

.pic-newcaptur,
.pic-megane,
.pic-koleos,
.pic-clio {
	position: absolute;
}

.pic-newcaptur {
	left: 0;
	top: 0;
}

.pic-clio {
	top: 25vw;
	right: -3vw;
}

.mobile h1 {
	font-size: 10.5vw;
}

.slider li img.topbg-image.topbg-image {
	position: absolute;
	top: -11vw;
	right: -10vw;
	width: 100vw;
	height: 100%;
	z-index: 1;
}

.two .slider li img.topbg-image.topbg-image {
	position: absolute;
	top: -11vw;
	right: -10vw;
	width: 100vw;
	height: 100%;
	z-index: 1;
}

body.mobile .slider li img.topbg-image.topbg-image {
	position: absolute;
	top: 0;
	right: -10vw !important;
	width: 160vw;
	height: 100%;
	z-index: 1;
}

body.mobile.two .slider li img.topbg-image.topbg-image {
	position: absolute;
	top: 0;
	right: -10vw !important;
	width: 180vw;
	height: 100%;
	z-index: 1;
}

.titleTop {
	font-size: 2.85vw;
	font-family: "NouvelR-Light";
	font-weight: 100;
}

.mobile .titleTop {
	font-size: 4vw;
	font-family: inherit;
}

.titleMain {
	font-size: 6.3vw;
	font-family: "NouvelR-Bold";
}

.mobile .titleMain {
	font-size: 9.1vw;
}

.form {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background-color: black;
	color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
}

.top_bunner {
	width: 100%;
	height: 3vw;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 1vw;
	position: relative;
	right: 0;
	background: #00d6d1;
}

.freesbe_logo {
	width: 6vw;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 0.5vw;
	position: relative;
	right: 0vw;
}

.mobile .top_bunner {
	height: 16vw;
	top: 0;
}

.mobile .freesbe_logo {
	width: 25vw;
	height: auto;
	position: relative;
	right: 35.5vw;
	top: 3.5vw;
}

.form > * {
	padding: 0 10vw;
}

.mobile .form > * {
	padding: 0 10px;
	padding-top: 0;
	padding-bottom: 0;
}

.mobile .carasso_layer_whatsapp_icon {
	z-index: 1 !important;
}

body:not(.mobile) .exhibition {
	font-size: 1.5vw;
	padding: 0;
	text-align: center;
	line-height: 0.9;
}

.form__must span {
	color: yellow;
}

.form__pre__title {
	font-size: 2.2vw;
	direction: rtl;
	line-height: 1;
	color: white;
	font-family: "NouvelRAH-Bold";
	padding-bottom: 0;
	font-family: "NouvelRAH-Regular";
}

.mobile .form__pre__title {
	margin-top: 10vw;
	font-size: 1.7vw;
	direction: rtl;
	line-height: 1;
	color: white;
	padding-bottom: 0.8vw;
	font-family: "NouvelRAH-Regular";
}

.form__pre__title_2 {
	font-size: 1.4vw;
	margin-top: 0.8vw;
	font-family: "NouvelRAH-Regular";
	font-weight: 100;
}

.mobile .form__pre__title_2 {
	font-size: 5.1vw;
	margin-top: 4.2vw;
	line-height: 1.2;
}

body:not(.mobile) .mivtza {
	font-size: 2.9vw;
	padding: 0;
	text-align: center;
	font-weight: 700;
	line-height: 0.9;
	color: #c30c29;
}

.mivtza-date {
	font-size: 2.3vw;
	text-align: center;
	font-weight: 700;
	line-height: 1.2;
}

.from-new {
	position: absolute;
	top: 1.8vw;
	right: 26vw;
	text-align: center;
	font-size: 2.54vw;
	line-height: 0.9;
	font-weight: 500;
}

.mobile .from-new {
	top: 59.8vw;
	right: 26vw;
	font-size: 5.1vw;
}

.from-new span {
	color: #c3092f;
	font-size: 2.92vw;
	font-weight: 600;
}

.mobile .from-new span {
	font-size: 5.9vw;
}

.exhibition-mob,
.mivtza-mob,
.mivtza-date-mob {
	display: none;
}

.mobile .exhibition-mob,
.mobile .mivtza-mob,
.mobile .mivtza-date-mob {
	display: block;
}

.slide-img-electic {
	display: none;
}

.car-item[data-car="E-NV200"] {
	display: none;
}

.car-item[data-car="MICRA"] {
	display: none;
}

.car-item[data-car="E-NV200"] .slide-img-electic {
	display: block;
	position: absolute;
	top: -0.4vw;
	left: -0.6vw;
	width: 5vw;
	object-fit: contain;
}

.mobile .car-item[data-car="E-NV200"] .slide-img-electic {
	top: -0.4vw;
	left: -2.6vw;
	width: 12vw;
}

.mobile .exhibition-mob {
	font-size: 5.7vw;
	padding: 0;
	text-align: center;
	line-height: 0.9;
}

.mobile .mivtza-mob {
	font-size: 11vw;
	padding: 0;
	text-align: center;
	font-weight: 700;
	line-height: 0.9;
	color: #c30c29;
}

.mobile .mivtza-date-mob {
	font-size: 8.6vw;
	text-align: center;
	font-weight: 700;
	line-height: 1.2;
}

.mobile form .exhibition {
	font-size: 6vw;
	padding: 0 5vw;
}

.mobile form .mivtza {
	font-size: 11.7vw;
	color: #c30c29;
	padding: 0 5vw;
	line-height: 0.8;
}

.mobile form .mivtza-date {
	font-size: 9.2vw;
	margin: 2.3vw 0 6vw 0;
}

.form .logo {
	width: 4vw;
	display: block;
	margin: 2vw auto;
}

.form__title {
	font-size: 1.6vw;
	line-height: 1;
}

.form__must {
	font-size: 1.2vw;
	margin-top: 0.5vw;
}

.field label {
	display: block;
	background-color: transparent;
	padding: 0;
	margin: 0.7vw 0;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.field-checkbox label {
	background-color: transparent;
	display: flex;
	border: none;
	height: 4.5vw;
	background-color: transparent;
	padding: 0;
	margin: 1.7vw 0;
	border-bottom: 1 px solid #fff;
	color: #fff;
	font-family: "NouvelRAH-Bold";
}

.mobile .field-checkbox label {
	height: 17vw;
}

.field-checkbox label .checkbox-title {
	width: 50vw;
	color: white;
	margin-right: 0.5vw;
	line-height: 1.2;
	padding: 0;
	font-size: 1.1vw;
	line-height: 1;
	position: relative;
	top: 1.25vw;
	z-index: 10;
}

.activeAnimation {
	animation: SlideUp 0.5s both;
}

@keyframes SlideUp {
	0% {
		transform: translateY(0) scale(1) translateX(0);
	}
	100% {
		transform: translateY(-1.5vw) scale(0.8) translateX(10vw);
	}
}

.mobile .activeAnimation {
	animation: SlideUp2 0.5s both;
}

@keyframes SlideUp2 {
	0% {
		transform: translateY(0) scale(1) translateX(0);
	}
	100% {
		transform: translateY(-13px) scale(0.7) translateX(84px);
	}
}

.field label div {
	padding: 0;
	font-size: 1.2vw;
	color: #bbbcbc;
	position: relative;
	top: 1.4vw;
	z-index: -1;
}

[data-car="LEAF"] .car-description {
	direction: ltr;
}

.field input {
	margin-top: -1vw;
	display: block;
	border: 0;
	font-size: 1.3vw;
	width: 20.5vw;
	height: 1.7vw;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	padding: 1vw 0.5vw 0 0;
	background-color: transparent;
	color: #bbbcbc;
	font-family: "NouvelRAH-Regular", sans-serif;
}

.mobile .field input {
	width: 87vw;
}

.form__pre_description {
	font-size: 1.05vw;
	line-height: 1.2;
	margin: 1.5vw 0 0.1vw;
}

.form__pre_description span {
	font-size: 1.5vw;
	font-weight: 600;
}

.mobile .form__pre_description span {
	font-size: 16px;
	font-weight: 100;
}

.mobile .bottom_electric {
	width: 90vw;
	margin: 0 auto;
	font-size: 3.5vw;
}

.field input[type="submit"] {
	background-color: white;
	color: #000;
	padding: 0;
	font-size: 1.6vw;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
	height: 3vw;
	width: 79vw;
	margin-top: 3vw;
	padding: 0.1vw 0 0.5vw 0;
	font-weight: 600;
	font-family: "NouvelRAH-Regular", sans-serif;
	background: #00d6d1;
}

.field input[type="submit"]:hover {
	color: white;
	border: 2px solid #00d6d1;
	background: black;
}

.mobile .field input[type="submit"] {
	background-color: #00d6d1;
	color: #000;
	cursor: pointer;
	border-radius: 0;
	font-weight: 600;
}

.field input[type="checkbox"] {
	display: none;
}

.checkbox-v {
	width: 1.3vw;
	height: 1.3vw;
	background-color: white;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
}
.form__fields{display: flex; flex-direction: column; gap: 5px;}
.field.field-checkbox{margin-top: 5px;}
.field input[type="checkbox"]:checked + .checkbox-v::before {
	content: "✔";
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.4vw;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.field input[type="checkbox"]:checked + .checkbox-v::before {
	color: black;
}

.main {
	width: 74vw;
	position: relative;
	overflow: hidden;
}

.mainpic {
	width: 100%;
	position: absolute;
	top: 0;
}

.mobile .mainpic {
	width: 100%;
	position: absolute;
	top: 16vw;
}

.main .logo {
	width: 6vw;
	position: absolute;
	top: 1vw;
	right: 1vw;
}

.down-arr {
	position: absolute;
	top: 42vw;
	right: 36vw;
	width: 1.7vw;
	transform: rotate(90deg);
	animation: 3s blink infinite linear;
}

@keyframes blink {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}

.down-arr.second-arr {
	top: 43.5vw;
}

.arrow2 {
	border: solid white;
	border-width: 0 0.4vw 0.4vw 0;
	display: inline-block;
	padding: 0.6vw;
	position: absolute;
	z-index: 99999;
	bottom: 7.5vw;
	cursor: pointer;
}

.mobile .arrow2 {
	display: none;
}

.second-left,
.first-right {
	animation: BlinkToRed 2s infinite linear;
}

@keyframes BlinkToRed {
	0% {
		border: solid white;
		border-width: 0 0.4vw 0.4vw 0;
	}
	50% {
		border: solid #e02225;
		border-width: 0 0.4vw 0.4vw 0;
	}
	100% {
		border: solid white;
		border-width: 0 0.4vw 0.4vw 0;
	}
}

.right {
	transform: rotate(315deg);
	right: 3.5vw;
}

.left {
	transform: rotate(135deg);
	left: 4.5vw;
}

.second-right {
	right: 3vw;
	animation: FadeRight 2s infinite linear;
}

.first-left {
	animation: FadeLeft 2s infinite linear;
}

@keyframes FadeRight {
	0% {
		border: solid white;
		border-width: 0 0.4vw 0.4vw 0;
		opacity: 1;
		right: 3.5vw;
	}
	100% {
		border: solid #e02225;
		border-width: 0 0.4vw 0.4vw 0;
		opacity: 0;
		right: 1vw;
	}
}

@keyframes FadeLeft {
	0% {
		border: solid white;
		border-width: 0 0.4vw 0.4vw 0;
		opacity: 1;
		right: 68vw;
	}
	100% {
		border: solid #e02225;
		border-width: 0 0.4vw 0.4vw 0;
		opacity: 0;
		right: 70vw;
	}
}

.car {
	text-align: center;
	color: white;
	position: absolute;
	top: 5.3vw;
	right: 0;
	line-height: 1.2;
	display: none;
	width: 73.1vw;
}

.AO .car {
	top: 2.6vw;
}

.car__title {
	direction: ltr;
	font-size: 7.5vw;
	font-weight: 600;
	width: 100%;
	line-height: 0.85;
}

.car__title .top {
	opacity: 0.8;
	color: #fff;
}

/* .QASHQAI .car__title ,
  .X-TRAIL .car__title ,
  .JUKE .car__title ,
  .SENTRA .car__title ,
  .MICRA .car__title ,
  .ALTIMA .car__title ,
  .MAXIMA .car__title ,
  .E-NV200 .car__title {
      font-size: 5.5vw;
  } */

.mobile.QASHQAI .car__title,
.mobile.X-TRAIL .car__title,
.mobile.JUKE .car__title,
.mobile.SENTRA .car__title,
.mobile.MICRA .car__title,
.mobile.ALTIMA .car__title,
.mobile.MAXIMA .car__title,
.mobile.E-NV200 .car__title {
	font-size: 13.5vw;
}

.car__title span {
	color: #c3092f;
	font-weight: 700;
}

.car__trade {
	font-size: 2.6vw;
}

.car__model {
	font-size: 5.3vw;
	font-weight: 700;
	line-height: 1;
	margin: -2.5vw 0 0 0;
}

.link-to-car {
	position: absolute;
	bottom: 17vw;
	right: 18.5vw;
	z-index: 9;
	width: 35vw;
	height: 18vw;
}

.mobile .link-to-car {
	position: absolute;
	top: 65vw;
	bottom: unset;
	right: 5vw;
	z-index: 9;
	width: 83vw;
	height: 42vw;
}

.link-to-car img {
	position: absolute;
	top: 4vw;
	left: 5vw;
	width: 2.9vw;
}

.AO .top__car__model {
	text-shadow: none;
	font-size: 3vw;
	font-weight: 500;
	color: #000;
	line-height: 0.85;
}

.AO .car__model {
	font-size: 3.7vw;
	margin: -1.2vw 0 0 0;
	color: #c3092f;
	text-shadow: none;
}

.QASHQAI .link-to-car img {
	top: 3vw;
	left: 7vw;
}

.X-TRAIL .link-to-car img {
	top: 3vw;
	left: 8vw;
}

.JUKE .link-to-car img {
	top: 2.5vw;
	left: 6vw;
}

.MICRA .link-to-car img {
	top: 2.5vw;
	left: 6vw;
}

.LEAF .link-to-car img {
	top: 4vw;
	left: 3vw;
}

.ALTIMA .link-to-car img {
	top: 3vw;
	left: 7vw;
}

.SENTRA .link-to-car img {
	top: 2.5vw;
	left: 6vw;
}

.MAXIMA .link-to-car img {
	top: 1.5vw;
	left: 8vw;
}

.E-NV200 .link-to-car img {
	top: 4.5vw;
	left: 4vw;
}

.mobile .link-to-car img {
	top: 4vw;
	left: 22vw;
	width: 11vw;
}

.blob {
	background: transparent;
	border-radius: 50%;
	margin: 10px;
	height: 2.5vw;
	width: 2.5vw;
	box-shadow: 0 0 0 0 rgb(255, 255, 255);
	transform: scale(1);
	animation: pulse 2s infinite;
	position: absolute;
	top: 3.45vw;
	left: 4.5vw;
}

.mobile .blob {
	top: 1.5vw;
	left: 20vw;
}

.QASHQAI .blob {
	top: 2.45vw;
	left: 6.45vw;
}

.X-TRAIL .blob {
	top: 2.45vw;
	left: 7.45vw;
}

.JUKE .blob {
	top: 1.95vw;
	left: 5.45vw;
}

.MICRA .blob {
	top: 1.95vw;
	left: 5.5vw;
}

.LEAF .blob {
	top: 3.45vw;
	left: 2.5vw;
}

.ALTIMA .blob {
	top: 2.45vw;
	left: 6.5vw;
}

.SENTRA .blob {
	top: 1.95vw;
	left: 5.5vw;
}

.MAXIMA .blob {
	top: 0.95vw;
	left: 7.5vw;
}

.E-NV200 .blob {
	top: 3.95vw;
	left: 3.5vw;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	70% {
		transform: scale(1.15);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.top__car__model {
	font-size: 3vw;
	line-height: 1.5;
	margin: 0 0 0 0;
	min-height: 4vw;
	font-weight: 600;
}

.mobile .top__car__model {
	font-size: 8vw;
	margin: -5vw 0 0 0;
	min-height: 14vw;
}

.mobile.AO .top__car__model {
	font-size: 6vw;
	margin: -8vw 0 0 0;
}

.title-bg {
	display: block;
}

.link-to-car {
	display: none;
}

/* .car-image {
    max-width: calc(100vh - 200px);
    position: absolute;
    bottom: 148px;
    right: 20vw;
    width: calc(14vw + 400px);
    opacity: 0;
  } */

.car-image {
	position: absolute;
	bottom: 18vw;
	right: 18vw;
	width: 39vw;
	opacity: 0;
}

.QASHQAI .car-image {
	position: absolute;
	bottom: 14.5vw;
	right: 18vw;
	width: 39vw;
}

.car-image.AO {
	position: absolute;
	bottom: 18vw;
	right: 7.5vw;
	width: 56vw;
}

.X-TRAIL .car-image {
	bottom: 15.5vw;
	width: 37vw;
	right: 17vw;
}

.JUKE .car-image {
	bottom: 17.5vw;
	right: 16vw;
	width: 39vw;
}

.MICRA .car-image {
	bottom: 18.5vw;
	right: 16vw;
	width: 40vw;
}

.ALTIMA .car-image {
	bottom: 16vw;
	right: 14vw;
	width: 44vw;
}

.LEAF .car-image {
	bottom: 16.5vw;
	right: 23vw;
	width: 38vw;
}

.SENTRA .car-image {
	bottom: 16.5vw;
	right: 20.5vw;
	width: 38vw;
	right: 18vw;
}

.MAXIMA .car-image {
	bottom: 15.5vw;
	right: 13vw;
	width: 45vw;
}

.E-NV200 .car-image {
	bottom: 16vw;
	right: 20vw;
	width: 34vw;
}

.car-image.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.car__description {
	text-align: center;
	text-shadow: 0px 2px 5px #00000040;
	display: none;
}

.cars-slider-container {
	position: absolute;
	bottom: 1vw;
	width: 97.1%;
	overflow: hidden;
	z-index: 99;
	padding-right: 1vw;
}

.cars-slider {
	display: flex;
	width: fit-content;
	transition: all 0.4s linear;
}

.car-item {
	width: 15vw;
	height: 14vw;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left: 7vw;
	color: #000;
}

.car-item[data-model="AO"] {
	display: none;
}

.car-item[data-model="leaf"] {
	display: none;
}


.car-item:hover .car-item-title {
	color: #c4092f;
}

.car-item:hover .car-description {
	color: #000;
}


.car-item__image {
	position: absolute;
	top: 0;
	width: 18vw;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.car-item[data-car="QASHQAI"] .car-item__image {
	width: 16vw;
}

.mobile .car-item[data-car="QASHQAI"] .car-item__image {
	width: 33vw;
}

.car-item[data-car="X-TRAIL"] .car-item__image {
	width: 16vw;
}

.mobile .car-item[data-car="X-TRAIL"] .car-item__image {
	width: 32vw;
}

.car-item[data-car="JUKE"] .car-item__image {
	width: 18vw;
}

.mobile .car-item[data-car="JUKE"] .car-item__image {
	width: 32vw;
	margin-top: 2vw;
}

.car-item[data-car="SENTRA"] .car-item__image {
	width: 17vw;
	margin-top: -1vw;
}

.mobile .car-item[data-car="SENTRA"] .car-item__image {
	width: 30vw;
	margin-top: 1vw;
}

.car-item[data-car="MICRA"] .car-item__image {
	width: 20vw;
	margin-top: -0.5vw;
}

.mobile .car-item[data-car="MICRA"] .car-item__image {
	width: 32vw;
	margin-top: 3.5vw;
	margin-left: 2vw;
}

.car-item[data-car="ALTIMA"] .car-item__image {
	width: 21vw;
	margin-top: -0.5vw;
}

.mobile .car-item[data-car="ALTIMA"] .car-item__image {
	width: 34vw;
	margin-top: 3.5vw;
	margin-left: 3vw;
}

.car-item[data-car="MAXIMA"] .car-item__image {
	width: 21vw;
	margin-top: -2vw;
}

.mobile .car-item[data-car="MAXIMA"] .car-item__image {
	width: 34vw;
	margin-top: 2vw;
	margin-left: 3vw;
}

.car-item[data-car="E-NV200"] .car-item__image {
	width: 15.5vw;
	margin-top: -1vw;
}

.mobile .car-item[data-car="E-NV200"] .car-item__image {
	width: 26.5vw;
	margin-top: 2vw;
}

.car-item-title {
	text-align: center;
	font-size: 1.3vw;
	font-weight: 700;
	line-height: 1;
	width: 100%;
	position: absolute;
	top: 9vw;
}

.car-description {
	font-size: 1.1vw;
	line-height: 1;
	text-align: center;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	font-weight: 100;
	margin-top: 0.7vw;
}

.mobile .car-description {
	font-size: 3.1vw;
	margin-top: 0.7vw;
	color: #000;
}

.car-item.active .car-description,
.car-item:hover .car-description {
	opacity: 1;
}

.form .tnx {
	text-align: center;
	padding: 0;
	display: none;
}

.tnk__icons {
	text-align: center;
	margin-top: 2vw;
}

.tnk__icons a img {
	width: 4vw;
	margin: 1vw 0.4vw;
}

.tnx__title {
	font-size: 1.8vw;
	line-height: 1;
	margin-bottom: 2vw;
	margin-top: 6vw;
}

.tnx__tips {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 1.6vw 0.6vw;
	background-color: #00d6d1;
	font-size: 1.3vw;
	line-height: 1.1;
	text-align: center;
	font-weight: 600;
}

.safety-container {
	display: inline-block;
	margin: 1vw 0;
	color: white;
	margin: 0 0.1vw;
}

.txtTerms {
	text-decoration: underline;
	font-size: 1vw;
}

.mobile .txtTerms {
	font-size: 3vw;
}

.ranks a {
	color: black;
	font-family: "NouvelR-Semibold";
}

.accessibility {
	display: flex;
	align-items: center;
	padding: 0.5vw 0 0 0;
	font-size: 1vw;
}

.accessibility img {
	height: 2vw;
	background: #fff;
	border-radius: 50%;
	border: 1px solid white;
}

.accessibility-form-acc img {
	height: 2vw;
	background: #fff;
	border-radius: 50%;
	border: 1px solid white;
}

.mobile .accessibility img {
	height: 8vw;
}

.mobile .accessibility-form-acc img {
	height: 8vw;
}

.accessibility a {
	color: #000;
	padding: 0 0.5vw;
	font-size: 0.9vw;
}

.mobile .accessibility a {
	color: #000;
	padding: 0;
	font-size: 3.3vw;
}

.mobile .accessibility-form-acc a {
	color: #fff;
	padding: 0 4.8vw 0 0.8vw;
	font-size: 3.3vw;
}

.mobile .form .tnx {
	margin-top: 43px;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.mobile .tnx__title {
	font-size: 18px;
	margin-bottom: 0;
}

.mobile .tnx__tips {
	font-size: 16px;
	padding: 10px;
	margin: 10px 0 0 0;
}

.mobile .tnk__icons {
	margin-top: 10px;
}

.mobile .tnx .no-desktop {
	margin-left: 3vw;
	position: absolute;
	bottom: 5vw;
	right: 2vw;
}

.mobile .tnk__icons a img {
	width: 40px;
	margin: 10px;
}

.mobile .form {
	display: block;
}

.mobile .main {
	width: 100%;
}

.des-chat-box {
	position: absolute;
	width: 6vw;
	top: 1vw;
	right: 61.7vw;
	display: none !important;
}

.des-chat-box.only_desktop {
	display: block;
}

.mobile .des-chat-box.only_desktop {
	display: none;
}

.only_desktop {
	display: block;
}

.mobile .only_desktop {
	display: none;
}

.only_mobile {
	display: none;
}

.mobile .only_mobile {
	display: block;
}

.mobile .no-desktop {
	display: block;
}

.mobile .mlogo {
	position: absolute;
	z-index: 1;
	width: 8.5vw;
	left: 3vw;
	top: 3vw;
	display: none;
}

.mobile .main .logo {
	width: 35vw;
	top: -2vw;
	right: 0;
	object-fit: contain;
}

.mobile .car {
	top: 26vw;
	left: 0;
	padding-left: 0;
	width: 100%;
	right: 0;
	text-align: center;
}


.mobile .car__title {
	font-size: 18vw;
	line-height: 0.9;
}

.mobile .car__trade {
	font-size: 6.8vw;
	text-align: center;
	display: block;
}

.mobile .cars-slider-container {
	top: 123vw;
	width: 100vw;
	overflow: scroll;
	bottom: unset;
	z-index: 0;
	padding: 0;
}

.mobile .cars-slider-container::-webkit-scrollbar {
	display: none;
}

.mobile .car-item {
	height: 45vw;
	width: 33vw;
	margin-left: 7vw;
}

.mobile .car-item__image {
	-webkit-transform: translate(-60%, 0);
	-ms-transform: translate(-60%, 0);
	transform: translate(-60%, 0);
	width: 22vw;
}

.mobile .car-item-title {
	font-size: 4vw;
	width: 100%;
	text-align: center;
	padding-top: 11.5vw;
}

.mobile .car__description {
	position: absolute;
	top: 46vw;
	width: 100vw;
	/* background-image: url(./images/bg-text.png); */
	background-image: none;
	background-position: center;
	background-size: 110%;
	width: 100%;
	padding: 2vw 0;
	background-repeat: no-repeat;
}

.mobile .car__model {
	font-size: 13.5vw !important;
}

.mobile.AO .car__model {
	font-size: 7vw;
	margin: -8vw 0 0 0;
	color: #c3092f;
}

.mobile .car-item.active .car-item-title {
	color: #c30a2f;
}

.mobile .car .link-to-car {
	width: 86%;
	display: block;
	height: 43vw;
	margin: 30vw auto 0;
	position: relative;
	z-index: 9;
}

.mobile .car-image {
	top: 60vw;
	right: 0;
	width: 100vw;
}

.mobile .cta {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	bottom: -0.2vw;
	width: 100%;
	height: 15.7vw;
	z-index: 999;
	font-size: 4.8vw;
}

.accessibility-form-acc {
	display: none;
}

.mobile .cta a {
	text-decoration: none;
	color: white;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	padding: 0vw 2vw 0;
	font-size: 4.2vw;
	line-height: 1;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile .cta .testDrive {
	background: #00d6d1;
	color: #000;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
}

.mobile .cta .callUs span,
.mobile .cta .testDrive span {
	width: 31vw;
	text-align: center;
}

.carasso_layer_whatsapp_icon {
	bottom: 47px !important;
	right: 93vw !important;
}

.mobile .carasso_layer_whatsapp_icon {
	right: unset !important;
	left: 8vw !important;
	bottom: 18vw !important;
	display: none !important;
}

.carasso_layer_whatsapp_icon svg {
	position: relative;
	left: 0.1vw;
}

.mobile .cta .testDrive::before {
	content: "";
	width: 10vw;
	height: 15.8vw;
	background: url(./images/envelope_icon2.svg);
	position: relative;
	top: 5.6vw;
	left: 2vw;
	background-repeat: no-repeat;
}

.mobile .cta .callUs {
	background: #00d6d1;
	border: 2px solid #000;
	color: #000;
	display: none;
}

.mobile .cta .callUs::before {
	content: "";
	width: 7vw;
	height: 18vw;
	background: url(./images/phone_icon2.svg);
	position: relative;
	top: 5.8vw;
	left: 0vw;
	background-repeat: no-repeat;
}

.mobile .cta .chat-us {
	background: #f7fbff;
	border-left: 1px solid #000;
	color: #000;
	display: none !important;
}

.mobile .cta .chat-us::before {
	content: "";
	width: 16vw;
	height: 100%;
	background: url(./images/chat-logo-1.png);
	position: relative;
	top: 6vw;
	left: 2vw;
	background-repeat: no-repeat;
}

.mobile footer {
	padding-bottom: 16vw;
	margin: 2vw;
	width: 94vw;
	padding-top: 0;
	margin-top: 0;
}

.mobile .ranks {
	font-size: 3.5vw;
}

.mobile .terms_main {
	font-size: 3.5vw;
}

.pollution.ao {
	display: none;
}

body.AO .pollution.ao {
	display: inline-block;
}

.safety.ao {
	display: none;
}

body.AO .safety.ao {
	display: inline-block;
}
.form{background-color: #000000;}
.mobile .pollution,
.mobile .safety {
	padding: 1vw 0;
	margin: 1px;
	width: 4vw;
	font-size: 3vw;
}

.mobile .form.active {
	display: block;
	-webkit-animation: fade-in-from-bottom 0.4s ease-in-out both;
	animation: fade-in-from-bottom 0.4s ease-in-out both;
	overflow-y: scroll;
}

.mobile .form {
	max-width: 430px;
	height: 380px;
	overflow: hidden;
	z-index: 100;
	position: relative;
	border-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin: 0 auto;
}

.mobile .form .logo {
	width: 13vw;
	height: auto;
	display: block;
	margin: 5vw auto;
}

.mobile .mobile-logo {
	width: 34vw;
	position: absolute;
	top: -0.5vw;
	right: -5.5vw;
	display: none;
}

.mobile .form__title {
	font-size: 8.3vw;
	padding: 0;
	margin: 6vw 0 0 0;
}

.mobile .form__must {
	font-size: 14px;
}

.mobile .field label div {
	font-size: 4vw;
}

.mobile .field input {
	font-size: 16px;
	width: 97%;
	height: 26px;
	padding: 5px 10px 0 0;
	top: -9px;
	position: relative;
	direction: rtl;
}

.mobile .checkbox-v {
	width: 15px;
	height: 15px;
}

.mobile .field-checkbox label .checkbox-title {
	margin-right: 2.5vw;
	font-size: 3.2vw;
}

.mobile .field input[type="checkbox"] + .checkbox-v::before {
	font-size: 15px;
}

.mobile .field input[type="submit"] {
	font-size: 16px;
	line-height: 1.8;
	padding: 0 0 0.7vw 0;
	width: 100%;
	-webkit-appearance: none;
	height: 30px;
	margin-top: 20px;
	font-family: "NouvelRAH-Bold", sans-serif;
}

.mobile .field label {
	margin: 5px 0;
	height: 26px;
}

.back {
	width: 13vw;
	margin-right: auto;
	text-align: center;
	margin-top: 6vw;
	position: absolute;
	top: 4vw;
}

.mobile .back {
	position: absolute;
	top: 2vw;
	right: 5vw;
	margin: 0;
	width: 90vw;
	height: 13vw;
	display: none;
}

.mobile .back span {
	width: 26vw;
	height: 1vw;
	background: #707070;
	border-radius: 11vw;
	position: relative;
	display: block;
	margin: 5vw auto;
}

.back .arrow {
	font-size: 8vw;
	margin-right: 1vw;
	line-height: 0;
	margin-top: 1.5vw;
}

.mobile .car-image {
	-webkit-animation: move-out 0.5s ease-in-out both;
	animation: move-out 0.5s ease-in-out both;
}

.mobile .car-image.active {
	-webkit-animation: move-in 0.5s ease-in-out both;
	animation: move-in 0.5s ease-in-out both;
}

.mobile .car-image.active.prev {
	-webkit-animation: move-in-from-right 0.5s ease-in-out both;
	animation: move-in-from-right 0.5s ease-in-out both;
}

.mobile .car-image.next:not(.active) {
	-webkit-animation: move-out-to-left 0.5s ease-in-out both;
	animation: move-out-to-left 0.5s ease-in-out both;
}

.mobile .field label div {
	padding: 5px 10px 00;
	font-size: 16px;
	color: #bbbcbc;
	position: relative;
	top: 0;
	z-index: -1;
}

.mobile .field label .checkbox-v {
	padding: 0;
}

.mobile .field label .checkbox-title {
	padding: 0;
	width: 100%;
	font-size: 14px;
	z-index: 10;
	margin-right: 5px;
	top: -4px;
}

.mobile .form__pre__title {
	font-size: 18px;
	direction: rtl;
	margin-bottom: 0;
	margin-top: 15px;
	padding-bottom: 0;
	width: 100%;
	font-family: "NouvelRAH-Bold";
	text-align: center;
}

.mobile .form__pre_description {
	font-size: 16px;
	text-align: center;
	margin: 5px 0 0 0;
	line-height: 1.1;
}

@-webkit-keyframes move-in {
	0% {
		-webkit-transform: translate(-100%, 0px);
		transform: translate(-100%, 0px);
	}
	100% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
}

@keyframes move-in {
	0% {
		-webkit-transform: translate(-100%, 0px);
		transform: translate(-100%, 0px);
	}
	100% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
}

@-webkit-keyframes move-in-from-right {
	0% {
		-webkit-transform: translate(100%, 0px);
		transform: translate(100%, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes move-in-from-right {
	0% {
		-webkit-transform: translate(100%, 0px);
		transform: translate(100%, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes move-out {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(100%, 0px);
		transform: translate(100%, 0px);
	}
}

@keyframes move-out {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(100%, 0px);
		transform: translate(100%, 0px);
	}
}

@-webkit-keyframes move-out-to-left {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(-100%, 0px);
		transform: translate(-100%, 0px);
	}
}

@keyframes move-out-to-left {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(-100%, 0px);
		transform: translate(-100%, 0px);
	}
}

@-webkit-keyframes fade-in-from-bottom {
	0% {
		-webkit-transform: translate(0, 20%);
		transform: translate(0, 20%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes fade-in-from-bottom {
	0% {
		-webkit-transform: translate(0, 20%);
		transform: translate(0, 20%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}

.mobile .car-image.AO {
	top: 68vw;
	width: 103vw;
	right: -3.5vw;
	object-fit: contain;
	max-width: inherit;
}

.mobile .blob {
	width: 8vw;
	height: 8vw;
}

.logoWrapper {
	position: absolute;
	top: 40.99vw;
	right: 0;
	z-index: 1;
}

.log-bg {
	width: 13.3vw;
	display: none;
}

.mobile .log-bg {
	width: 19.6vw;
}

.logo-bottom {
	position: absolute;
	top: 5.7vw;
	right: 8.7vw;
	width: 4vw;
}

.mobile .logoWrapper {
	top: 157.9vw;
	right: -0.1vw;
	z-index: 1;
}

.mobile .logo-bottom {
	top: -2.7vw;
	right: 37vw;
	width: 11.6vw;
}

.sliderButton {
	position: absolute;
	top: 40.5vw;
	text-decoration: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	background: #000;
	padding: 0.2vw 2.1vw 0.4vw 2.1vw;
	z-index: 1;
	display: flex;
	opacity: 1;
	align-items: center;
}

a.sliderButton.clio {
	top: 25vw;
	left: 52vw;
}

.mobile a.sliderButton.clio {
	top: 103vw;
	left: 5vw;
}

a.sliderButton.Arkana {
	left: 11vw;
	top: 50vw;
}

.mobile a.sliderButton.Arkana {
	left: 5vw;
	top: 62vw;
}

a.sliderButton.megane {
	left: 10vw;
	top: 25vw;
}

.mobile a.sliderButton.megane {
	left: 5vw;
	top: 144.5vw;
}

a.sliderButton.newcaptur {
	top: 50vw;
	left: 49vw;
}

.mobile a.sliderButton.newcaptur {
	top: 186vw;
	left: 5vw;
}

.mobile .sliderButton {
	padding: 0.4vw 5.5vw 1vw 5.5vw;
}

.slider li:hover .sliderButton {
	animation: slider 1.5s ease;
	animation-fill-mode: forwards;
}

@keyframes slider {
	100% {
		opacity: 1;
	}
}

.slider li:nth-of-type(1) .sliderButton {
	top: 40.5vw;
	right: 40vw;
}

.slider li:hover:nth-of-type(1) .sliderButton {
	top: 40.5vw;
	right: 28.8vw;
	transition: 1s ease;
}

.slider li:nth-of-type(2) .sliderButton {
	top: 40.5vw;
	right: 20.5vw;
}

.slider li:nth-of-type(3) .sliderButton {
	top: 42.5vw;
	right: 22.5vw;
}

.slider li:nth-of-type(4) .sliderButton {
	top: 40.5vw;
	right: 20vw;
}

.mobile .slider li:hover:nth-of-type(1) .sliderButton {
	top: 46.3vw;
	right: 81vw;
	width: 34vw;
	padding: 0 5.8vw 1.3vw 5.5vw;
}

.mobile.mobile .slider li:hover:nth-of-type(1) .sliderButton {
	top: 46.3vw;
	right: 76vw;
	width: 34vw;
	padding: 0 5.8vw 1.3vw 5.5vw;
}

.mobile .slider li:hover:nth-of-type(2) .sliderButton {
	top: 46.3vw;
	right: 51.5vw;
	width: 64vw;
	padding: 0 5.8vw 1.3vw 5.5vw;
}

.mobile .slider li:hover:nth-of-type(3) .sliderButton {
	top: 46.3vw;
	right: 59vw;
}

.mobile .slider li:hover:nth-of-type(4) .sliderButton {
	top: 46.3vw;
	right: 48vw;
}

.mobile.two .slider li:hover:nth-of-type(4) .sliderButton {
	top: 46.3vw;
	right: 58vw;
}

.mobile .slider li:nth-of-type(1) .sliderButton {
	top: 100vw;
	right: 81vw;
	transition: 1.5s ease;
}

.mobile .slider li:nth-of-type(2) .sliderButton {
	top: 100vw;
	right: 51.5vw;
	transition: 1.5s ease;
}

.mobile .slider li:nth-of-type(3) .sliderButton {
	top: 100vw;
	right: 59vw;
	transition: 1.5s ease;
}

.mobile .slider li:nth-of-type(4) .sliderButton {
	top: 100vw;
	right: 48vw;
	transition: 1.5s ease;
}

.mobile .slider li.yes .sliderButton {
	top: 100vw;
	transition: 1.5s ease;
}

.mobile .slider li.yes.CloseAll .sliderButton {
	animation: sliderOpacityNone 1s ease;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

@keyframes sliderOpacityNone {
	100% {
		opacity: 0;
	}
}

.mobile .slider li:hover .sliderButton {
	animation: slider 2s ease;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

.sliderButton .sliderButtonTxt {
	font-size: 1.1vw;
	color: #fff;
}

.slider li:nth-of-type(1) .sliderButton .sliderButtonTxt {
	width: 12vw;
}

.slider li:nth-of-type(2) .sliderButton .sliderButtonTxt {
	width: 22vw;
}

.mobile .slider li:nth-of-type(2) .sliderButton .sliderButtonTxt,
.mobile .slider li:nth-of-type(1) .sliderButton .sliderButtonTxt {
	width: inherit;
}

.mobile .sliderButton .sliderButtonTxt {
	font-size: 4vw;
}

.arrowSliderButton {
	position: relative;
	top: 0.1vw;
	right: -0.3vw;
}

.mobile .arrowSliderButton {
	top: 0.5vw;
	right: -0.3vw;
}

.arrowSliderButton span {
	width: 0.6vw;
	height: 0.6vw;
	display: block;
	border: none;
	border-right: 0.25vw solid #efdf00;
	border-top: 0.25vw solid #efdf00;
	transform: rotate(45deg);
}

.mobile .arrowSliderButton span {
	width: 1.6vw;
	height: 1.6vw;
	border-right: 0.65vw solid #efdf00;
	border-top: 0.65vw solid #efdf00;
}

.arrow-slider-mobile {
	display: none;
}

.mobile .arrow-slider-mobile {
	display: block;
	position: absolute;
	top: 92vw;
	left: 33vw;
	transform: rotate(0deg);
	transition: 0.6s ease;
}

.mobile.two .arrow-slider-mobile {
	display: block;
	position: absolute;
	top: 92vw;
	left: 58vw;
	transform: rotate(0deg);
	transition: 0.6s ease;
}

.mobile .slider li.CloseYes.CloseYes .arrow-slider-mobile {
	display: block;
	position: absolute;
	top: 92vw;
	left: 33vw;
	transform: rotate(0deg);
	transition: 0.6s ease;
}

.mobile .slider li.CloseAll.CloseAll .arrow-slider-mobile {
	left: 33vw;
	opacity: 0;
	animation-delay: 3s;
	animation: showArrow2 2s ease;
	animation-fill-mode: forwards;
}

.mobile.two .slider li.CloseAll.CloseAll .arrow-slider-mobile {
	left: 58vw;
	opacity: 0;
	animation-delay: 3s;
	animation: showArrow2 2s ease;
	animation-fill-mode: forwards;
}

@keyframes showArrow2 {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.mobile .arrow-slider-mobile span {
	width: 3vw;
	height: 3vw;
	display: block;
	border: none;
	border-right: 0.65vw solid #efdf00;
	border-top: 0.65vw solid #efdf00;
	transform: rotate(45deg);
	box-shadow: 4px -3px 5px -1px #0000006a;
}

.mobile .slider li:hover .arrow-slider-mobile {
	transform: rotate(180deg);
	transition: 0.6s ease;
	left: 111vw;
	opacity: 0;
	animation: showArrow 1s ease;
	animation-fill-mode: forwards;
}

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

.mobile .slider li.notHover .arrow-slider-mobile {
	left: 6vw;
}

.mobile.two .slider li.notHover .arrow-slider-mobile {
	left: 30vw;
}

.clickToPopUp {
	position: relative;
	width: 25vw;
	height: 1.5vw;
	cursor: pointer;
	bottom: 4vw;
}

.mobile .clickToPopUp {
	width: 80vw;
	height: 8.5vw;
	bottom: 17vw;
}

body.mobile.showPopup {
	overflow: hidden;
}

.bgPopup {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000000b5;
	z-index: 1;
}

.mobile .bgPopup {
	z-index: 2;
}

.close {
	position: absolute;
	right: 0.2vw;
	top: 0.2vw;
	width: 1.2vw;
	height: 1.2vw;
	opacity: 1;
	cursor: pointer;
	background: #3b3a37;
	border-radius: 15vw;
}

.close:before,
.close:after {
	position: absolute;
	left: 0.6vw;
	top: 0.25vw;
	content: " ";
	height: 0.8vw;
	width: 0.1vw;
	background-color: #fff;
}

.close:before {
	transform: rotate(45deg);
}

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

.popupTermsWrapper {
	display: none;
	position: absolute;
	z-index: 2;
	position: absolute;
	background: #fff;
	border-radius: 7px;
	right: 1vw;
	top: 149vw;
	width: 63.5vw;
	height: 35vw;
}

.mobile .popupTermsWrapper {
	right: 5vw;
	top: 15vw;
	width: 90vw;
	height: 142vw;
	position: fixed;
}

.popupTermsWrapper:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 1.5vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-top: 1.2vw solid #fff;
	position: absolute;
	bottom: -1.1vw;
	right: 5vw;
}

.popupTerms {
	width: 63.5vw;
	height: 35vw;
	overflow-y: scroll;
}

.popupTerms img {
	width: 98%;
}

.mobile .popupTerms {
	width: 89.5vw;
	height: 100%;
	border-radius: 7px;
}

.mobile .popupTerms img {
	width: 98%;
}

.mobile .close:before,
.mobile .close:after {
	height: 6.2vw;
	width: 0.5vw;
	background-color: #fff;
}

.mobile .close {
	position: absolute;
	right: -2.5vw;
	top: -8.5vw;
	width: 6vw;
	height: 6vw;
	opacity: 1;
	cursor: pointer;
}

.mobile .popupTermsWrapper:after {
	border-left: 4.5vw solid transparent;
	border-right: 4.5vw solid transparent;
	border-top: 3.2vw solid #fff;
	bottom: -2.1vw;
	right: 10vw;
}

.two .terms_main a {
	color: inherit;
}

.models_switcher {
	width: 100%;
	height: 7.657vw;
	background: black;
	display: flex;
	justify-content: space-around;
}

.background_car_home {
	width: 100%;
	position: relative;
	height: 45vw;
	object-fit: cover;
}

.mobile .background_car_home {
	width: 100%;
	position: relative;
	height: 116vw;
	z-index: 2;
}

.mobile .models_switcher {
	white-space: nowrap;
	display: block;
}

.mobile .top_shadow {
	position: absolute;
	width: 100vw;
	height: 75vw;
	z-index: 3;
}

.selection_line {
	height: 0.2vw;
	background: white;
	width: 100%;
	margin-top: 2vw;
	margin-bottom: 0.4vw;
}

.mobile .selection_line {
	margin-top: 12vw;
	height: 0.6vw;
	margin-bottom: 3vw;
}

.selection_line_and_title p {
	color: white;
	font-size: 1.3vw;
	cursor: pointer;
}

.mobile .selection_line_and_title p {
	font-size: 3.5vw;
}

.main_title_container {
	position: absolute;
	text-align: left;
	top: 3.5vw;
	left: 2.5vw;
	z-index: 1;
	text-shadow: 2px 2px 20px #000;
	width: 43vw;
}

.mobile .main_title_container {
	top: 7vw;
	z-index: 5;
	width: auto;
	left: 4vw;
}

.main_title_and_background_container {
	position: relative;
	display: flex;
	height: 42vw;
	bottom: 3vw;
}

.main_title_and_background_container_mob {
}

.selection_line_and_title {
	min-width: 10vw;
	text-align: center;
}

.mobile .selection_line_and_title {
	width: 25vw;
	height: 90px;
	display: inline-block;
	margin: 2vw;
	vertical-align: middle;
}

.car_data_container {
	margin: auto;
	width: 60vw;
	padding-top: 6vw;
}

.mobile .car_data_container {
	width: 100vw;
}

.data_row_container {
	display: flex;
	justify-content: space-between;
	padding-bottom: 4vw;
	align-items: flex-start;
}

.mobile .data_row_container {
	flex-direction: column-reverse;
	width: 90vw;
	margin: 0 auto;
}

.top_bunner {
	background: #00d6d1;
	width: 100%;
	height: 3.5vw;
	justify-content: center;
}

.freesbe_logo {
	width: 6vw;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 1vw;
	position: relative;
	left: 3vw;
}

.mobile .freesbe_logo {
	width: 23vw;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 1vw;
	position: relative;
	left: -30vw;
}

.data_row_title_and_text {
	font-weight: bold;
	font-size: 2.1875vw;
	width: 28vw;
	position: relative;
	bottom: 1vw;
}

.mobile .data_row_title_and_text {
	font-size: 5vw;
	text-align: right;
	width: auto;
	padding-top: 1vw;
	bottom: 0;
}

.data_row_title_and_text p {
	font-size: 1.302085vw;
	font-weight: lighter;
}

.mobile .data_row_title_and_text p {
	font-size: 3.7vw;
	text-align: right;
	padding-top: 1vw;
}

.data_row_container_image {
	width: 28vw;
}

.mobile .data_row_container_image {
	width: 100%;
}

.mark_yellow {
	background-color: yellow !important;
}

.renault_logo {
	width: 3.5vw;
	position: relative;
	right: 38.2vw;
	top: 1.5vw;
	padding-bottom: 2vw;
}

.mobile .renault_logo {
	padding: 0;
	width: 20px;
	top: 5px;
	right: 0;
	display: flex;
	margin: 0 auto;
}

.switch_diraction {
	flex-direction: row-reverse;
}

.legal_title {
	width: 58vw;
}

.mobile .legal_title {
	width: 90vw;
	margin: 0 auto;
}

.mehiron .month {
	font-size: 1.3vw;
	margin: 4.8vw -1.5vw 0 0;
}

.mobile .mehiron .month {
	font-size: 4.4vw;
	margin-top: 7.5vw;
	margin-right: -2.7vw;
}

.main_title_container h2 {
	color: white;
	font-size: 3.8vw;
}

div[car-name="arkana"] .background_car_home {
	object-position: 0 3vw;
}

.mobile div[car-name="arkana"] .background_car_home {
	object-position: 0 -27vw;
}

.mobile .main_title_container h2 {
	font-size: 10vw;
}

.test {
	width: 10vw;
	height: 10vw;
	background-color: red;
}

.slider {
	position: relative;
	top: 0;
	right: 0;
	width: 74.8vw;
	height: 51vw;
	overflow: hidden;
}

.mobile .slider {
	width: 100%;
	height: 116vw;
	overflow: revert;
	z-index: 0;
}

.slick-prev {
	left: 1.5vw;
}

.mobile .slick-prev {
	left: 88.3vw;
	transform: rotate(180deg);
}

.slick-prev span {
	transform: rotate(-135deg);
	right: 0.8vw;
}

.mobile .slick-prev span {
	transform: rotate(-135deg);
	right: 2.1vw;
}

.slick-next {
	right: 1.5vw;
}

.mobile .slick-next {
	right: 85.3vw;
	transform: rotate(180deg);
}

.slick-next span {
	transform: rotate(45deg);
	right: 1vw;
}

.mobile .slick-next span {
	transform: rotate(45deg);
	right: 3vw;
}

.slick-dots {
	position: absolute;
	top: 12.5vw;
	right: 34vw;
	width: 8vw;
	height: 2vw;
	z-index: 1;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile .slick-dots {
	top: 120.5vw;
	right: 32.5vw;
	width: 28vw;
	height: 3vw;
}

.slick-track {
	display: flex;
}

.slick-track {
	display: flex;
}

.slick-arrow {
	position: absolute;
	top: 28vw;
	z-index: 2;
	width: 2.5vw;
	height: 2.5vw;
	background: transparent;
	border: none;
	background: #fff;
	border-radius: 0.6vw;
	cursor: pointer;
}

.mobile .slick-arrow {
	top: 119vw;
	width: 7.5vw;
	height: 7.5vw;
	border-radius: 1.6vw;
	background: transparent;
}

.slick-arrow span {
	width: 0.45vw;
	height: 0.45vw;
	position: absolute;
	border-right: 0.2vw solid #000;
	border-top: 0.2vw solid #000;
	top: 1vw;
	right: 0.8vw;
	transform: rotate(-135deg);
}

.mobile .slick-arrow span {
	width: 2.8vw;
	height: 2.8vw;
	border-right: 0.6vw solid white;
	border-top: 0.6vw solid white;
	top: 2.3vw;
	right: 0.8vw;
}

.slick-dots li {
	width: 1.4vw;
	height: 0.25vw;
	cursor: pointer;
}

.mobile .slick-dots li {
	width: 2vw;
	height: 2vw;
	border-radius: 50%;
	border: 1px solid white;
}

.slick-dots li.slick-active {
	background: #fff;
}

.slick-dots li button {
	display: none;
}

.container {
	width: 100vw;
	overflow-x: auto;
}

.items {
	white-space: nowrap;
}

.item {
	width: 90px;
	height: 90px;
	background-color: #ccc;
	display: inline-block;
	margin: 5px;
}

.mobile .models_switcher_container {
	width: 100vw;
	height: 31vw;
	overflow-x: auto;
	background: black;
	overflow-y: clip;
}

.models_switcher_container::-webkit-scrollbar {
	width: 0px;
	background-color: transparent;
}

.arrow-container {
	position: absolute;
	height: 50px;
	right: 62vw;
	top: 39vw;
	cursor: pointer;
}

.mobile .arrow-container {
	top: 123vw;
	right: 67vw;
}

.arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-right: 25px solid #fff;
	animation: bounce 2s infinite;
	transform: rotate(90deg);
}

@keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: 20px;
	}
	100% {
		top: 0;
	}
}

.arrow_icon {
	width: 2vw;
	position: relative;
	top: 6.2vw;
	left: 1.8vw;
}

.mobile .arrow_icon {
	width: 7vw;
	left: 3vw;
	top: 20.5vw;
}

.arrow-container p {
	color: white;
	font-size: 1.4vw;
	text-shadow: 2px 2px 20px #000;
}

.mobile .arrow-container p {
	font-size: 5vw;
}

.mehiron {
	margin: 0;
	position: absolute;
	right: 3vw;
	color: white;
	top: auto;
	bottom: -3vw;
}

.mobile .mehiron {
	z-index: 10;
	top: auto;
	bottom: 0vw;
}

.inventory {
	font-size: 1.3vw;
	font-weight: bold;
	display: inline-block;
	padding-left: 0.5vw;
}

.mobile .inventory {
	font-size: 5vw;
	padding-left: 1vw;
}

.mehiron .shekel {
	font-size: 3.5vw;
	text-shadow: 2px 2px 20px #000;
	display: inline-block;
}

.mobile .mehiron .shekel {
	font-size: 8vw;
}

.mehiron .price {
	font-size: 4.7vw;
	font-family: "NouvelR-Bold";
	text-shadow: 2px 2px 20px #000;
	display: inline-block;
}

.mobile .mehiron .price {
	font-size: 14vw;
}

.mehiron .month {
	font-size: 1.3vw;
	margin: 4.8vw -1.5vw 0 0;
}

.mobile .mehiron .month {
	font-size: 4.4vw;
	margin-top: 7.5vw;
	margin-right: -2.7vw;
}

.mehiron .hahel {
	display: inline-block;
	text-shadow: 1px 1px 5px #000;
	font-size: 1.3vw;
}

.mobile .mehiron .hahel {
	font-size: 4vw;
}

.model_version {
	font-size: 1.3vw;
}

.mobile .model_version {
	font-size: 4vw;
}

.inventory_and_hahel_container {
}

.mobile .inventory_and_hahel_container {
}

.price_and_shekel_container {
	position: relative;
	bottom: 1vw;
}

.mobile .price_and_shekel_container {
	bottom: 2vw;
}

@supports (-webkit-touch-callout: none) {
	.mobile .form__pre__title {
		font-size: 6.1vw;
		direction: rtl;
		margin-bottom: -3.5vw;
		margin-top: 12vw;
	}
	.mobile .form__pre__title_2 {
		font-size: 4.7vw;
		margin-top: 6.4vw;
		line-height: 1.2;
	}
	.mobile .form__pre_description span {
		font-size: 4.5vw;
		font-weight: 900;
		font-family: "NouvelRAH-Bold";
	}
	.mobile h1 {
		font-size: 9.5vw;
	}
}