* {
    margin: 0;
    font-family: "DaciaBlock-Regular";
}

a {
    color: #000;
}

ul {
    list-style-type: none;
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #d7d3c5;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 22vw;
    left: 7.5vw;
}

.mobile .loader {
    top: 60vw;
    right: 32vw;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* fonts   */

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

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

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

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

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


/* @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");
  }
   */


/* end fonts  */

html {
    -webkit-tap-highlight-color: transparent;
    direction: rtl;
}

.pollution_1 {
    background-color: #1a582c;
}

.pollution_2 {
    background-color: #146634;
}

.pollution_3 {
    background-color: #0e7d3e;
}

.pollution_4 {
    background-color: #129346;
}

.pollution_5 {
    background-color: #23a348;
}

.pollution_6 {
    background-color: #3eaf49;
}

.pollution_7 {
    background-color: #98c93c;
}

.pollution_8 {
    background-color: #f9d324;
}

.pollution_9 {
    background-color: #fdbd3c;
}

.pollution_10 {
    background-color: #f89938;
}

.pollution_11 {
    background-color: #e67524;
}

.pollution_12 {
    background-color: #dc5f26;
}

.pollution_13 {
    background-color: #e02225;
}

.pollution_14 {
    background-color: #c52026;
}

.pollution_15 {
    background-color: #a41d20;
}

.safety_0 {
    background-color: #c00000;
}

.safety_1 {
    background-color: #e46c0b;
}

.safety_2 {
    background-color: #ffc000;
}

.safety_3 {
    background-color: #33af8a;
}

.safety_4 {
    background-color: #31859d;
}

.safety_5 {
    background-color: #268cca;
}

.safety_6 {
    background-color: #0170c1;
}

.safety_7 {
    background-color: #0373fb;
}

.safety_8 {
    background-color: #124aff;
}

.safety_9 {
    background-color: #fecc0c;
}

.pollution-container {
    color: #fff;
}

.mobile .pollution {
    margin-bottom: 2vw;
}

body {
    font-family: "DaciaBlock-Regular";
    display: none;
    overflow-x: hidden;
    background: #fff;
}

body.dontShow {
    display: none !important;
}

body.overflow {
    overflow: hidden;
}

.hide {
    display: none !important;
}

.mobile .hide {
    display: none !important;
}

#ftEmbedForm-ft32d1d2de162a46378e896b9e4581c30e>iframe {
    width: 100%;
    overflow: scroll;
    height: 37vw;
    margin-top: 0vw;
    border: none;
}

.mobile #ftEmbedForm-ft32d1d2de162a46378e896b9e4581c30e>iframe {
    height: 220vw;
}

.holderAnimation {
    position: absolute;
    top: 15.8vw;
    right: 0;
    width: 26.5vw;
    height: 34vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile .holderAnimation {
    top: 44.8vw;
    right: 0;
    width: 100%;
    height: 100%;
}

.holderAnimation img {
    width: 4vw;
    position: absolute;
    top: 10vw;
}

.mobile .holderAnimation img {
    width: 22vw;
    top: 30vw;
}

.bgHolderAnimation {
    width: 100%;
    height: 100%;
    background: #646b52;
}

.header {
    width: 100%;
    height: 3.13vw;
    background: #d7d3c5;
    display: flex;
    align-items: center;
    padding-right: 3.77vw;
    position: fixed;
    z-index: 12;
    /* display: none; */
}

.header a {
    font-size: 0.678vw;
    width: 10.21vw;
    text-decoration: none;
    color: #646b52;
    text-align: center;
    font-family: DaciaBlock-Regular;
    font-size: 0.8vw;
    /* cursor: default;
    pointer-events: none; */
}

.menu-link.active-menu {
    color: #eb6528;
    text-align: center;
    position: relative;
}

.menu-link.active-menu::after {
    background: #eb6528;
    content: "";
    width: 100%;
    height: 0.3vw;
    position: absolute;
    top: 1.8vw;
    right: 0vw;
}

.main {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 53.13vw;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 9vw;
    width: 100%;
    height: 45.13vw;
    z-index: 10;
    transform: rotate(180deg);
}

.title {
    color: #fff;
    position: absolute;
    z-index: 12;
    text-align: center;
    left: 26vw;
    top: 5.2vw;
    width: 73.2vw;
}

.mobile .title {
    left: 0;
    top: 26vw;
    width: 100%;
}

.title.lodgy {
    color: #646b52;
    position: absolute;
    z-index: 12;
    text-align: center;
    left: 32vw;
    top: 5.2vw;
    left: 44vw;
}


/* 
  .title h1 {
    font-size: 3.65vw;
    font-size: 3.65vw;
    font-family: 'DaciaBlockExtended-Bold';
  } */

.sub_title_lodgy {
    font-size: 1.56vw;
    font-family: "DaciaBlockExtended-Bold";
}

.main_title {
    font-family: "DaciaBlockExtended-Bold";
    color: #fff;
    font-size: 3.1vw;
}

.mobile .main_title {
    font-size: 5.6vw;
}

.main_title_sec {
    font-size: 1.8vw;
    font-weight: 100;
    font-family: "DaciaBlockExtended-Bold";
}

.main_title_sec>span {
    font-family: "DaciaBlockExtended-Regular";
    font-size: 2.2vw;
}

.main_title_sec>span.automatic {
    font-size: 1.4vw;
}

.mobile .main_title_sec {
    font-size: 4.4vw;
    margin-bottom: 2vw;
    line-height: 1.4;
}

.mobile .main_title_sec>span {
    font-family: "DaciaBlock-Regular";
    font-size: 4.4vw;
    font-weight: bold;
}

.mobile .main_title_sec>span.automatic {
    font-size: 3.6vw;
}

.sub_title {
    font-size: 1.86vw;
    font-family: "DaciaBlockExtended-Regular";
    color: #fff;
    padding-top: 0.5vw;
    position: relative;
    font-weight: 100;
    background: #646B52;
    width: 21.2vw;
    height: 7.6vw;
    box-sizing: border-box;
    padding: 2.5vw 2vw;
    right: 0;
    text-align: right;
    top: 8vw;
}

.mobile .sub_title {
    font-size: 1.86vw;
    font-family: "DaciaBlockExtended-Regular";
    color: #fff;
    padding-top: 0.5vw;
    position: relative;
    font-weight: 100;
    background: #646B52;
    width: 54.2vw;
    height: 19.99vw;
    box-sizing: border-box;
    padding: 3.158vw;
    right: 0;
    text-align: right;
    top: 8vw;
    padding-top: 8vw;
}

.mobile .sub_title span {
    font-size: 4.5vw;
}

.from__ {
    font-size: 1.86vw;
    font-family: "DaciaBlockExtended-Regular";
}

.shekel__ {
    font-size: 1.86vw;
    font-family: "DaciaBlockExtended-Regular";
}

.num {
    font-size: 1.86vw;
    font-family: "DaciaBlockExtended-Regular";
}

.mobile .shekel__,
.mobile .from__,
.mobile .num {
    font-size: 4.3vw;
}

.afte_title {
    font-family: "DaciaBlockExtended-Bold";
    font-size: 1.45vw;
    width: 25.2vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #eb6528;
    margin: 0 auto;
}

.afte_title span {
    font-family: "DaciaBlockExtended-Bold";
}

.mobile .afte_title {
    font-size: 3.9vw;
    width: 70.7vw;
}

.hrTitle {
    width: 4.4vw;
    height: 0.15vw;
    background-color: #eb6528;
    position: relative;
    top: 0.1vw;
}

.mobile .hrTitle {
    width: 13.1vw;
    height: 0.5vw;
    top: 0.3vw;
}

.dusterSky {
    position: absolute;
    left: 13.56vw;
    z-index: 2;
    top: -21.02vw;
    z-index: -400;
    width: 117.39vw;
}

.backmountainDuster {
    position: absolute;
    top: 5.58vw;
    left: 68.6vw;
    z-index: -5;
    top: 12.2vw;
    width: 39.33vw;
    top: 16.2vw;
}

.landDuster {
    position: absolute;
    /* top: 17.34vw; */
    left: 14vw;
    top: 10vw;
    width: 94.39vw;
    top: 14vw;
}

.manDuster {
    position: absolute;
    top: 12.5vw;
    left: 81.42vw;
    z-index: 6;
    top: 11.8vw;
    top: 16.8vw;
}

.manDusterUp {
    transform: scale(1.05);
    transition: all 1.4s ease-out;
}

.manDusterDown {
    transform: translateX(0) scale(1);
    transition: all 1.4s ease-out;
}

.carDusterD {
    /* position: absolute;
    left: 13.56vw;
    top: 16.379vw;
    width: 94.39vw;
   z-index: 5; */
    position: absolute;
    left: 13.56vw;
    top: 18.6vw;
    width: 92.39vw;
    z-index: 5;
    top: 19.6vw;
}

.carDusterDUp {
    transform: scale(1.07);
    transition: all 1.4s ease-out;
    /* transform-origin: top left; */
}

.carDusterDDown {
    transform: translate(0, 0) scale(1);
    transition: all 1.4s ease-out;
}

.backmountainDusterUp {
    transform: translate(-5vw, 1vw);
    transition: all 1.4s ease-out;
}

.backmountainDusterDown {
    transform: translate(0, 0);
    transition: all 1.4s ease-out;
    width: 39.33vw;
}

.dusterSkyUp {
    transform: translateX(5vw);
    transition: all 1.4s ease-out;
}

.dusterSkyDown {
    transform: translateX(0);
    transition: all 1.4s ease-out;
}

.landDusterUp {
    transform: translateX(-5vw);
    transition: all 1.4s ease-out;
}

.landDusterDown {
    transform: translateX(0);
    transition: all 1.4s ease-out;
}

.price {
    color: #d7d3c5;
    font-size: 1.8vw;
    position: absolute;
    left: 55vw;
    z-index: 11;
    top: 13.9vw;
    color: #eb6528;
    font-family: "DaciaBlockExtended-Bold";
    font-family: "DaciaBlockExtended-Regular";
}

.price span {
    font-size: 1.3vw;
}

.mobile .price span {
    font-size: unset;
}

.info-container {
    /* display: flex;
      width: 73.96vw;
      /* height: 50.42vw; */
    flex-wrap: wrap;
    height: 50.3vw;
    background: #d7d3c5;
    position: relative;
    top: -5vw;
    z-index: 4;
    display: flex;
    width: 73.96vw;
    /* height: 50.42vw; */
    flex-wrap: wrap;
    height: 50.3vw;
    background: #d7d3c5;
    position: relative;
    top: -2.6vw;
    z-index: 4;
}

.arrow {
    width: 2vw;
    height: 2.5vw;
    position: absolute;
    /* left: 60vw; */
    top: 46.5vw;
    z-index: 100;
    left: 64vw;
    animation: animationArrow 1s infinite;
}

@keyframes animationArrow {
    0% {
        transform: translateY(0vw);
    }
    50% {
        transform: translateY(0.5vw);
    }
    100% {
        transform: translateY(0vw);
    }
}

.mobile .arrow {
    width: 4.7vw;
    height: 13vw;
    position: absolute;
    left: 48vw;
    top: 149vw;
}

.arrow.lodgy {
    width: 1.7vw;
    height: 2.1vw;
    position: absolute;
    left: 60vw;
    top: 48vw;
    z-index: 20;
}

.strip {
    background: #000;
    width: 100%;
    height: 5.7vw;
    opacity: 0.4;
    top: 45vw;
    position: absolute;
    z-index: 1000;
    display: none;
}

.strip_child {
    position: absolute;
    top: 46vw;
    width: 57vw;
    /* background: aqua; */
    right: 9vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 10000;
    display: none;
}

.mobile .strip_child {
    position: absolute;
    top: 147vw;
    width: 90vw;
    /* background: aqua; */
    right: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
    display: none;
}

.strip_wraper {
    display: flex;
    gap: 1.3vw;
    align-items: center;
    color: #fff;
    flex: 1;
    font-size: 1.03vw;
}

.mobile .strip_wraper {
    display: flex;
    gap: 1.3vw;
    align-items: center;
    color: #fff;
    flex: 1;
    font-size: 3.03vw;
    flex-direction: column;
    text-align: center;
}

.pic-icon {
    width: 2.9vw;
}

.mobile .pic-icon {
    width: 6.9vw;
}

.mobile .pic-icon.motor {
    width: 9vw;
    width: 13vw;
}

.mobile .pic-icon.street {
    width: 8.1vw;
    width: 11.1vw;
}

.mobile .strip {
    background: #000;
    width: 100%;
    height: 19.7vw;
    opacity: 0.4;
    top: 145vw;
    position: absolute;
    z-index: 1000;
}

.mobile .arrow.lodgy {
    width: 2.7vw;
    height: auto;
    position: absolute;
    left: 49vw;
    top: 155vw;
    z-index: 20;
}

.info-item {
    width: 36.98vw;
    height: 25.099vw;
}

.info-item.content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-item.content div {
    /* width: 21.42vw; */
    width: 22.1vw;
    font-family: "DaciaBlockExtended-Bold";
    margin: 0vw 0vw 0vw -10vw;
    margin-bottom: 0.8vw;
}

.info-title {
    font-size: 1.05vw;
    color: #646b52;
}

.content {
    font-size: 0.93vw;
    color: #414141;
}

.info-item img {
    width: 100%;
}

.skyLodgy {
    position: absolute;
    /* position: absolute; */
    width: 136.29vw;
    top: -22.18vw;
    left: -33.4vw;
    width: 136.2vw;
}

.skyLodgyUp {
    transform: translateX(5vw);
    transition: all 1.4s ease-out;
}

.skyLodgyDown {
    transform: translateX(0vw);
    transition: all 1.4s ease-out;
}

.mountainLodgy {
    position: absolute;
    /* top: 18.55vw; */
    left: -33.4vw;
    width: 100vw;
    width: 136.2vw;
    top: 14.55vw;
    /* height: 17.55vw; */
}

.mountainLodgyUp {
    transform: translateX(5vw);
    transition: all 1.4s ease-out;
}

.mountainLodgyDown {
    transform: translateX(0vw);
    transition: all 1.4s ease-out;
}

.waterLodgy {
    position: absolute;
    /* top: 21.29vw; */
    width: 100vw;
    left: -33.4vw;
    width: 136.2vw;
    top: 17.29vw;
}

.waterLodgyUp {
    transform: translateX(5vw);
    transition: all 1.4s ease-out;
}

.waterLodgyDown {
    transform: translateX(0vw);
    transition: all 1.4s ease-out;
}

.carLodgy {
    position: absolute;
    top: 15.09vw;
    width: 87.66vw;
    left: 13.34vw;
    top: 16.4vw;
    top: 12.4vw;
}

.carLodgyUp {
    transform: translate(0, 1.3vw) scale(1.07);
    transition: all 1.4s ease-out;
}

.carLodgyDown {
    transform: translate(0, 0) scale(1);
    transition: all 1.4s ease-out;
}

.carFlahMLodgyUp {
    /* transform: translate(1.3vw,0)scale(1.03); */
    transition: all 1.4s ease-out;
}

.carFlahMLodgyDown {
    transform: translate(0, 0) scale(1);
    transition: all 1.4s ease-out;
}

.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(3vw);
    }
}

.bg-cover {
    position: fixed;
    background: #000000c2;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none;
}

.bg {
    position: relative;
    top: 0vw;
    width: 100%;
    object-position: 0vw 0vw;
    object-fit: contain;
}

.mobile .bg {
    object-fit: contain;
    width: 100vw;
    object-position: 0 0;
    top: 20vw;
}

.under:after {
    content: "";
    width: 38vw;
    height: 1px;
    background: #fff;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.under-m:after {
    content: "";
    width: 77vw;
    height: 1px;
    background: #fff;
    display: block;
    text-align: center;
    margin: 1.3vw auto 0;
}

.under-m-2:after {
    content: "";
    width: 44vw;
    height: 1px;
    background: #fff;
    display: block;
    text-align: center;
    margin: 1.3vw auto 0;
}

.main .logo {
    width: 5.26 vw;
    position: relative;
    top: 40.3vw;
    /* right: 5.2vw; */
    z-index: 2;
    top: 41.3vw;
    right: 5.7vw;
}

.accessibility {
    position: fixed;
    width: 13vw;
    height: auto;
    /* bottom: 1vw; */
    left: -3vw;
    display: flex;
    align-items: center;
    z-index: 9;
    color: #fff;
    top: 43vw;
}

.mobile .accessibility {
    color: #000;
}

.logo-nissan-mobility {
    position: absolute;
    top: 1vw;
    right: 1vw;
    width: 5vw;
    height: 2vw;
    object-fit: contain;
}

.mobile .logo-nissan-mobility {
    top: 3vw;
    right: 4vw;
    width: 17vw;
    height: 10vw;
}

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

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

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

.only-mobile {
    display: none;
}

.mobile .only-mobile {
    display: block;
}

.bottom {
    font-size: 1.1vw;
    line-height: 1.2;
    margin-top: 0.2vw;
}

.mobile .bottom {
    font-size: 4.5vw;
    line-height: 1.2;
    margin-top: 1.1vw;
}

.only-desktop {
    display: block;
}

.koh {
    position: absolute;
    top: 0vw;
    left: 2.2vw;
    font-size: 2.1vw;
}

.jq {
    position: absolute;
    top: 0vw;
    left: 1.5vw;
    font-size: 2.4vw;
}

.mobile .jq {
    position: absolute;
    top: 5.5vw;
    left: 21.8vw;
    font-size: 6.5vw;
}

.mobile .koh {
    position: absolute;
    top: 6vw;
    right: 51vw;
    font-size: 4vw;
}

.color {
    position: absolute;
    top: 85vw;
    right: 30vw;
    width: 41vw;
}

.mobile .only-desktop {
    display: none;
}

.accessibility {}

.mobile .accessibility {
    position: relative;
    flex-direction: row-reverse;
    width: 100%;
    height: auto;
    background: transparent;
    bottom: 13vw;
    left: -6vw;
    display: flex;
    align-items: center;
    z-index: 1000000;
    padding-bottom: 25vw;
    top: 5vw;
}

.accessibility img {
    height: 1.6vw;
    border-radius: 50%;
    background: #000;
}

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

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

.retangle-10 {
    position: absolute;
    width: 13.13vw;
    height: 23.439vw;
    right: 0vw;
    /* bottom: 0.09vw; */
    /* bottom: -1.1vw; */
    top: 28vw;
}

.mobile .retangle-10 {
    position: absolute;
    width: 24.9vw;
    height: 46.6vw;
    right: 0vw;
    bottom: 46.9vw;
    top: 113vw;
}

.btn-disabled {
    width: 23vw;
    height: 1.8vw;
    left: 74vw;
    top: 53.5vw;
    position: absolute;
    background: transparent;
    cursor: pointer;
    z-index: 90000000;
}

.mobile .btn-disabled {
    cursor: pointer;
    position: absolute;
    background: transparent;
    width: 87vw;
    height: 6vw;
    z-index: 1;
    top: 160vw;
    left: 11vw;
}

.closePopup {
    position: absolute;
    color: #000;
    font-size: 1.5vw;
    top: 0.5vw;
    right: 0.5vw;
    cursor: pointer;
}

.mobile .closePopup {
    right: 2vw;
    cursor: pointer;
    font-size: 6vw;
    top: 2vw;
}

.popUp {
    display: none;
    position: absolute;
    top: 21vw;
    z-index: 9;
    right: 2vw;
    background: #fff;
    padding: 2vw 0vw;
}

.popUp::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;
    position: relative;
    bottom: -4vw;
    right: 7vw;
}


/* .mobile .popUp {
    display: none;
    position: absolute;
    top: 32vw;
    z-index: 9;
    right: 2vw;
    background: #fff;
    padding: 5.3vw 0vw 0vw 0vw;
    top: 249vw;

  } */

.mobile .popUp {
    display: none;
    position: absolute;
    z-index: 40;
    right: 2vw;
    background: #fff;
    padding: 5.3vw 0vw 0vw 0vw;
    /* top: 255vw; */
    top: 316vw;
}


/* .mobile .popUp::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    position: relative;
    bottom: -1vw;
    right: 7vw;
    bottom: -5vw;
    right: 42vw;
  } */

.mobile .popUp::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    position: relative;
    bottom: -1vw;
    right: 7vw;
    bottom: -9vw;
    right: 42vw;
}

.popUpPic {
    width: 52vw;
}

.mobile .popUpPic {
    width: 96vw;
}

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

.form {
    position: fixed;
    top: 0;
    left: 0;
    width: 26.05vw;
    height: 111.47vh;
    background-color: #000;
    color: white;
    box-sizing: border-box;
    z-index: 15;
    overflow-y: scroll;
}

.top_bunner {
    background: #00d6d1;
    width: 104%;
    height: 3.1vw;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0vw;
    left: 0vw;
}

.mobile .top_bunner {
    height: 20vw;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.freesbe_logo {
    width: 6vw;
    height: auto;
    position: relative;
    right: 11.5vw;
    top: 0.7vw;
}

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


/* .mobile .form {
    bottom: -250vw;
    top: inherit;
} */

.form::-webkit-scrollbar {
    display: none;
}

.form2 {
    /* padding: 4.5vw 1.69vw 0vw 1vw; */
    padding: 2.5vw 0;
    color: #d7d3c5;
    padding: 6vw 2.5vw 0vw 1vw;
}

.hatavot {
    position: absolute;
    top: 43vw;
    font-size: 3vw;
    right: 14vw;
    color: white;
    width: 45.4vw;
    font-weight: 700;
    line-height: 0.8;
}

.hatavot .caption {
    font-weight: 100;
    line-height: 1;
    font-size: 1.6vw;
    margin-right: 0.4vw;
    margin-top: 1vw;
}

.hatavot img {
    width: 3.5vw;
}

.hat {
    display: flex;
    width: 15vw;
    align-items: center;
    justify-content: flex-start;
}

.form .logo {
    display: block;
    /* margin: 5.951vw auto 0vw auto; */
    margin: 5vw auto 0vw auto;
    display: block;
    /* margin: 5.951vw auto 0vw auto; */
    width: 14.24vw;
    margin: 5vw auto 0vw auto;
    position: relative;
    top: 3vw;
}

.form__title_trade {
    width: 100%;
    height: auto;
    font-size: 1.9vw;
    color: #fff;
    background-color: #c30c29;
    text-align: center;
    padding: 1.1vw 0 0.7vw 0;
    margin-bottom: 2.3vw;
}

.form__title.form__title {
    padding: 0;
    text-align: right;
    font-size: 2.1vw;
    margin-bottom: 0.5vw;
    line-height: 1;
    font-weight: 600;
    display: block;
}

h2.top {
    /* font-size: 1.41vw; */
    font-weight: 600;
    font-size: 1.57vw;
    color: white;
}

.mobile h2.top {
    font-size: 7.2vw;
    width: 100vw;
    /* padding: 0 10.5vw; */
}

.form__title span {
    font-size: 1vw;
}

.mobile .form__title span {
    font-size: 3.9vw;
}

.form_details {
    padding: 0;
    text-align: right;
    margin-bottom: 0;
    /* margin-top: 0; */
    margin-top: 0.8vw;
    /* font-size: 0.844vw; */
    font-size: 0.7vw;
    color: white;
}

.plus {
    position: absolute;
    width: 2.7vw;
    height: 2.7vw;
    cursor: pointer;
}

.mobile .plus {
    width: 12vw;
    height: 12vw;
}

.plus-1 {
    top: 20.5vw;
    right: 19.5vw;
}

.mobile .plus-1 {
    top: 84vw;
    right: 15.6vw;
}

.plus-2 {
    top: 22.8vw;
    right: 48.5vw;
}

.mobile .plus-2 {
    top: 79.8vw;
    right: 66.5vw;
}

.blob {
    background: transparent;
    border-radius: 50%;
    margin: 10px;
    height: 2.7vw;
    width: 2.7vw;
    box-shadow: 0 0 0 0 rgb(255 255 255);
    transform: scale(1);
    animation: pulse 1.4s infinite;
    position: absolute;
}

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

.blob-1 {
    top: 19.96vw;
    right: 18.95vw;
}

.mobile .blob-1 {
    top: 81.45vw;
    right: 13.2vw;
}

.blob-2 {
    top: 22.27vw;
    right: 47.965vw;
}

.mobile .blob-2 {
    top: 77.3vw;
    right: 64vw;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(255 255 255 / 70%);
    }
    70% {
        transform: scale(1.15);
        box-shadow: 0 0 0 10px rgb(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 rgb(255 255 255 / 0%);
    }
}

.popup-plus1,
.popup-plus2 {
    display: block;
    opacity: 0;
    z-index: -1;
    transition: 0.5s ease;
}

.popup-plus1.active,
.popup-plus2.active {
    display: block;
    opacity: 1;
    z-index: 99;
    transition: 0.5s ease;
}

.popup-plus1 {
    position: absolute;
    top: 10vw;
    right: 19.5vw;
    width: 21vw;
    height: 25vw;
    overflow: hidden;
    border: 2px solid #fff;
    background: #ffffffe0;
}

.popUp {
    position: absolute;
    /* top: 21vw; */
    top: 80vw;
    z-index: 13;
    right: 2vw;
    background: #fff;
    padding: 3vw 0vw;
}

.popUp.duster {
    position: absolute;
    z-index: 13;
    right: 2vw;
    background: #fff;
    padding: 2vw 0vw;
    top: 25vw;
}

.mobile .popUp.duster {
    position: absolute;
    z-index: 13;
    right: 2vw;
    background: #fff;
    padding: 11vw 0vw 0vw 0vw;
    top: 7vw;
    height: 134vw;
    overflow: scroll;
}

.popUp::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;
    position: relative;
    right: 7vw;
    bottom: -4vw;
}

.mobile .popup-plus1 {
    top: 25vw;
    right: 4vw;
    width: 91vw;
    height: 125vw;
    background: #fffffff2;
}

.popup-plus2 {
    position: absolute;
    top: 11vw;
    right: 41.5vw;
    width: 21vw;
    height: 25vw;
    overflow: hidden;
    border: 2px solid #fff;
    background: #ffffffe0;
}

.mobile .popup-plus2 {
    top: 25vw;
    right: 4vw;
    width: 91vw;
    height: 125vw;
    background: #fffffff2;
}

.mobile .popup-plus1 {
    top: 25vw;
    right: 4vw;
    width: 91vw;
    height: 125vw;
    background: #fffffff2;
}

.close-popup {
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    z-index: 9999;
    cursor: pointer;
}

.mobile .close-popup {
    top: 2.5vw;
    right: 2.5vw;
}

.prev-arrow {
    position: absolute;
    top: 4.75vw;
    right: 0.5vw;
    z-index: 9999;
    cursor: pointer;
    transform: rotate(180deg);
}

.mobile .prev-arrow {
    top: 18vw;
    right: 1.5vw;
    width: 8vw;
    height: 18vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.next-arrow {
    position: absolute;
    top: 5vw;
    left: 0.5vw;
    z-index: 9999;
    cursor: pointer;
}

.mobile .next-arrow {
    top: 18vw;
    left: 1.5vw;
    width: 8vw;
    height: 18vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-arrow>img,
.next-arrow>img {
    width: 1.8vw;
    height: 3.53vw;
}

.mobile .prev-arrow>img,
.mobile .next-arrow>img {
    width: 5vw;
    height: 17vw;
}

.close-popup>img {
    width: 1.3vw;
    height: 1.3vw;
}

.mobile .close-popup>img {
    width: 7.3vw;
    height: 7.3vw;
}

.slick-track {
    display: flex;
}

.slick-track img {
    width: 100%;
    height: 12.8vw;
    object-fit: cover;
}

.mobile .slick-track img {
    width: 100%;
    height: 64.8vw;
    object-fit: cover;
}

.slick-track .slide:focus {
    outline: none;
}

.slider-dots {
    padding: 0;
    display: flex;
    margin: 0 auto;
    position: absolute;
    top: 13vw;
    right: 8.5vw;
    width: 4vw;
    height: 1vw;
    align-items: center;
    justify-content: space-around;
    z-index: 9999;
    /* flex-direction: row-reverse; */
}

.mobile .slider-dots {
    top: 67vw;
    right: 36vw;
    width: 19vw;
    height: 5vw;
}

.slider-dots li {
    width: 0.45vw;
    height: 0.45vw;
    border: none;
    border-radius: 15vw;
    padding: 0;
    cursor: pointer;
}

.mobile .slider-dots li {
    width: 2.45vw;
    height: 2.45vw;
}

.slider-dots li button {
    width: 0.45vw;
    height: 0.45vw;
    background: #000000;
    opacity: 0.2;
    border: none;
    border-radius: 15vw;
    padding: 0;
    cursor: pointer;
}

.mobile .slider-dots li button {
    width: 2.45vw;
    height: 2.45vw;
}

.slide-txt {
    /* margin: 2vw 0 0 0; */
    margin: 1.5vw 0 0 0;
    padding: 0 0.6vw;
    font-size: 1.15vw;
    line-height: 1.1;
}

.mobile .slide-txt {
    margin: 11vw 0 0 0;
    padding: 0 6vw;
    font-size: 4.9vw;
}

.slide-txt .slide-title {
    font-size: 1.8vw;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
}

.slide.slick-slide {
    transition: opacity 0s linear 0s !important;
    -webkit-transition: opacity 0s linear 0s !important;
    -moz-transition: opacity 0s linear 0s !important;
    -ms-transition: opacity 0s linear 0s !important;
    -o-transition: opacity 0s linear 0s !important;
}

.mobile .slide-txt .slide-title {
    font-size: 7vw;
}

.mobile .slide-txt .slide-title {
    font-size: 7vw;
    line-height: 1;
}

.content-crossover {
    position: absolute;
    top: 17vw;
}

.mobile .slide-title.crossover {
    font-size: 7vw;
    line-height: 1.1;
}


/* .mobile .slide-txt > div {
      position: absolute;
      top: 95vw;
  } */

.mobile .content-crossover {
    position: absolute;
    top: 92vw;
}

.slider-dots li button:focus {
    outline: none;
}

.slider-dots li.slick-active button {
    background: #000000;
    opacity: 1;
}

.mobile .form_details {
    padding: 2vw 10.5vw 2vw 3vw;
    box-sizing: border-box;
    /* font-size: 5.6vw; */
    font-size: 3.2vw;
    margin-bottom: -0.5vw;
    width: 100vw;
    font-family: "DaciaBlock-Regular";
    padding-right: 0;
}

.form__must {
    font-size: 1.05vw;
    padding: 0;
    margin-top: 2vw;
    font-size: 0.73vw;
    color: white;
}

.form__fields {
    /* padding: 0 1.5vw; */
}

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

.field-checkbox label {
    background-color: transparent;
    display: flex;
    border: none;
    height: 3vw;
}

.checkbox-title a {
    color: white;
}


/* .field.submit {
      padding-right: 0.5vw;
      
  } */

.field-checkbox label .checkbox-title {
    width: 15vw;
    color: white !important;
    /* margin-right: 0.5vw; */
    line-height: 1.2;
    padding: 0;
    line-height: 1.2;
    position: relative;
    opacity: 1;
    top: 1.5vw;
    margin-right: 0.8vw;
    width: 18vw;
    color: #d7d3c5;
    font-size: 0.73vw;
    z-index: 10;
}

.mobile .field-checkbox label .checkbox-title {
    width: 71vw;
}

.field label div {
    padding: 0.3vw 0.3vw 0 0;
    color: #fff;
    position: relative;
    top: 1vw;
    z-index: -1;
    opacity: 0.5;
    font-size: 0.73vw;
}

.field input {
    margin-top: -1vw;
    display: block;
    border: 0;
    font-size: 1vw;
    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: #fff;
    /* height: 2.11vw; */
    height: 2.4vw;
    font-family: "DaciaBlock-Regular";
}

.mobile .field input {
    font-size: 4.2vw;
    width: 83.7vw;
    height: 6vw;
    padding: 5vw 2vw 0 0;
}

.field input[type="submit"] {
    background-color: #00d6d1;
    color: #000;
    padding: 0;
    /* font-size: 1.6vw; */
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    height: 3vw;
    margin-top: 4.12vw;
    height: 3.7vw;
    width: 21.24vw;
    font-size: 1.05vw;
    font-family: DaciaBlock-Regular;
    /* padding: 0.1vw 0 0vw 0; */
    padding: 0vw 0 0.2vw 0vw;
    font-weight: 600;
}

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

.field label .checkbox-v {
    background-color: white;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    width: 0.931vw;
    height: 0.931vw;
    top: 1.77vw;
    color: #fff;
    opacity: 1;
}

.mobile .field label .checkbox-v {
    width: 2.3vw;
    height: 3.3vw;
    position: absolute;
    top: 6vw !important;
}

.field input[type="checkbox"]:checked+.checkbox-v::before {
    content: "✔";
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8vw;
    transition: all 0.1.4s ease-in-out;
    color: #000;
}

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

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

.ranks {
    line-height: 1.5vw;
    font-size: 0.7vw;
    padding: 1.5vw 3.77vw 1.5vw 0vw;
    text-align: right;
    top: 0;
    position: absolute;
}

.ranks .pollution:not(:first-child) {
    padding: 0;
}

.ranks .pollution-container .pollution,
.ranks .safety {
    padding: 0.2vw 0.3vw 0.3vw;
    color: black;
}

p.pollution {
    margin-top: 1vw;
    margin-bottom: 5vw;
}

.daciaLink {
    text-decoration: none;
}

footer {
    position: relative;
    width: 67vw;
    top: -1vw;
    right: 0;
}

.mobile footer {
    position: relative;
    top: 9vw;
    height: 30vw;
    left: unset;
}

.star {
    position: absolute;
    top: 51.1vw;
    right: 6.5vw;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.mobile .star {
    top: 169.9vw;
    right: 34.2vw;
    font-size: 4.2vw;
    font-weight: 400;
    color: #fff;
}

.b-star {
    position: absolute;
    top: 52.9vw;
    right: 6.3vw;
    width: 7vw;
    z-index: 1;
}

.mobile .b-star {
    top: 177.5vw;
    right: 34.6vw;
    width: 27vw;
}

.mobile footer {
    width: 100%;
    background-color: #fff;
}

.ranks .safety {
    color: #fff;
}

.mobile .ranks .pollution a {
    font-size: 3vw;
    line-height: 5vw;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, -100%);
    color: #fff;
    font-size: 1.2vw;
    background: #c41e42;
    border-radius: 50%;
    padding: 0.2vw 0.5vw;
    border-color: #fff;
    border: 0.2vw solid #fff;
    cursor: pointer;
    display: none;
}

.mobile .close.close {
    transform: none;
    width: 10vw;
    height: 10vw;
    font-size: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close.active {
    display: block;
}

.only_mobile {
    display: none;
}

.form .tnx {
    text-align: center;
    padding: 0;
    top: 0vw;
    position: relative;
    background: #646b52;
    display: none;
}

.verify {
    width: 5vw;
    margin-top: 4vw;
}

.mobile .verify {
    width: 17vw;
    margin-top: 25vw;
}

.media {
    position: relative;
    font-size: 0.83vw;
    margin-top: 4vw;
}

.mobile .media {
    font-size: 3.3vw;
    margin-top: 10vw;
}

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


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

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

.tnx__title {
    line-height: 1.1;
    margin-top: 1.5vw;
}

.greeting {
    font-size: 1.56vw;
    font-family: DaciaBlock-Bold;
    line-height: 0.3;
}

.mobile .greeting {
    font-size: 6vw;
    line-height: 0.3;
}

.sub_greting {
    font-size: 0.99vw;
}

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

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


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


/***************Mobile***************/


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

.mobile .only_mobile {
    display: block;
}

.mobile .form {
    /* display: none; */
}

.mobile .overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 49vw;
    width: 100%;
    height: 45.13vw;
    z-index: 10;
    transform: rotate(180deg);
    height: 162vw;
    height: 187vw;
    height: 203vw;
}

.mobile .main {
    width: 100%;
    overflow: hidden;
    /* height: 144vw; */
    height: 165vw;
}

.mobile .main.lodgy {
    width: 100%;
    overflow: hidden;
    /* height: 150vw; */
    height: 165vw;
}

.mobile .logoM {
    width: 100%;
    display: block;
    height: 12.56vw;
    position: relative;
    width: 100%;
    display: block;
    height: 12.56vw;
    /* position: fixed; */
    z-index: 5;
    top: 0vw;
    background: #d7d3c5;
    top: 20vw;
}

.mobile .dacia-logoM {
    position: absolute;
    top: 4.3vw;
    left: 32vw;
    background: transparent;
}

.mobile .title-duster {
    position: absolute;
    text-align: center;
    color: #fff;
    font-family: DaciaBlockExtended-Bold;
    width: 100vw;
    top: 32vw;
    z-index: 1;
}

.mobile .main_title_duster {
    font-size: 12vw;
    line-height: 1;
    font-family: DaciaBlock-Bold;
    color: #646b52;
    text-align: right;
    /* right: 5vw; */
    padding-right: 7.7vw;
}

.mobile .main_title_duster_sec {
    color: #eb6528;
    font-family: DaciaBlock-Bold;
    font-size: 6.5vw;
}

.mobile .sub_title_duter {
    font-family: DaciaBlockExtended-Regular;
    color: #646b52;
    font-size: 3.8vw;
    padding-left: 3vw;
    /* padding-right: 3vw; */
}


/* .overlay.lodgy {
      height: 200vw;
  } */

.mobile .title-lodgy {
    position: absolute;
    left: 0vw;
    text-align: center;
    color: #646b52;
    font-family: DaciaBlockExtended-Bold;
    z-index: 5;
    line-height: 1;
    top: 35vw;
}

.mobile .main_title_lodgy {
    font-size: 11.3vw;
    line-height: 1;
    font-family: DaciaBlock-Bold;
    width: 100vw;
    text-align: center;
}

.mobile .sub_title_lodgy {
    font-family: DaciaBlockExtended-Bold;
    font-size: 4.8vw;
    width: 64vw;
    position: absolute;
    left: 18vw;
}

.mobile .skyLodgy {
    position: absolute;
    top: -37vw;
    left: -177.8vw;
    width: auto;
    z-index: 1;
    left: -261.8vw;
    top: -19vw;
}

.mobile .mountainLodgy {
    position: absolute;
    top: 75.7vw;
    width: auto;
    left: -111.2vw;
    z-index: 2;
    top: 83.7vw;
    top: 92.7vw;
    /* left: -142.2vw; */
    top: 93.7vw;
    left: -122.2vw;
    width: 235vw;
}

.mobile .waterLodgy {
    /* position: absolute;
    left: -111.6vw;
    width: auto;
    top: 73vw;  */
    position: absolute;
    left: -111.6vw;
    width: auto;
    top: 80vw;
}

.mobile .carLodgy {
    position: absolute;
    top: 69.6vw;
    left: -37.2vw;
    width: 150vw;
    z-index: 4;
    top: 87.6vw;
}

.mobile .carFlahMLodgy {
    position: absolute;
    top: 159vw;
    z-index: 9;
}

.mobile .header {
    width: 100%;
    height: 9.4vw;
    background: #d7d3c5;
    display: flex;
    align-items: center;
    /* padding-right: 3.77vw; */
    padding-right: 0vw;
    position: relative;
    justify-content: space-around;
    z-index: 2;
    top: 0;
    top: 20vw;
    /* display: none; */
}

.mobile .menu-link {
    height: 7vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile .menu-link.duster {
    /* border-left: 0.25vw solid #646B52;;  */
}

.mobile .menu-link.logdy {
    border-right: 0.25vw solid #646b52;
}

.mobile .header a {
    font-size: 0.678vw;
    width: 30.21vw;
    text-decoration: none;
    /* color: #646B52; */
    text-align: center;
    font-family: DaciaBlock-Regular;
    font-size: 3.1vw;
    flex: 1;
}

.mobile .menu-link.active-menu {
    /* color: #EB6528;
    text-align: center;
    position: relative; */
    color: #eb6528;
    text-align: center;
    position: relative;
    /* border-left: 0.5vw #000 solid; */
}

.mobile .menu-link.active-menu::after {
    /* background: #EB6528;
    content: "";
    width: 100%;
    height: 0.8vw;
    position: absolute;
    top: 5.4vw;
    right: 0vw; */
    /* background: #EB6528;
    content: "";
    width: 80%;
    height: 0.8vw;
    position: absolute;
    right: 5vw;
    top: 7.5vw; */
    background: #eb6528;
    content: "";
    width: 100%;
    height: 0.8vw;
    position: absolute;
    right: 0;
    top: 7.5vw;
}

.mobile .dusterSky {
    position: absolute;
    top: -4.5vw;
    left: -59.5vw;
    width: 224.2vw;
    height: 94vw;
    top: 71.3vw;
    left: -82.9vw;
    top: -2.7vw;
}

.mobile .backmountainDuster {
    position: absolute;
    width: 105vw;
    height: 20vw;
    left: 54vw;
    top: 81vw;
}

.mobile .landDuster {
    top: 64.3vw;
    left: -51.9vw;
    height: 80.2vw;
    width: 187.7vw;
    top: 70.3vw;
    left: -54.9vw;
    height: 80.2vw;
    width: 187.7vw;
    top: 64.3vw;
    left: -51.9vw;
    height: 80.2vw;
    width: 187.7vw;
    position: absolute;
    top: 72.3vw;
    left: -52.9vw;
    height: 80.2vw;
    width: 187.7vw;
    top: 79.3vw;
}

.mobile .main {
    width: 100%;
    overflow: hidden;
    height: 158vw;
    position: relative;
    top: 0vw;
    background-color: #fff;
}

.mobile .carDusterD {
    position: absolute;
    top: 84.3vw;
    left: -55.5vw;
    width: 188.14vw;
    height: 65.5vw;
    top: 93.5vw;
}

.mobile .price {
    color: #d7d3c5;
    font-size: 2.09vw;
    position: absolute;
    /* top: 50.47vw; */
    left: -12vw;
    top: 126.47vw;
    z-index: 11;
    font-size: 5.8vw;
    width: 80vw;
    top: 55.47vw;
    color: #eb6528;
    font-family: "DaciaBlock-Regular";
    top: 61.47vw;
}

.mobile .info-container {
    flex-wrap: wrap;
    height: 50.3vw;
    background: #d7d3c5;
    position: relative;
    top: -5vw;
    z-index: 4;
    display: flex;
    width: 100vw;
    /* height: 50.42vw; */
    flex-wrap: nowrap;
    height: auto;
    background: #d7d3c5;
    position: relative;
    top: -2.6vw;
    z-index: 4;
    flex-direction: column;
    overflow: hidden;
    /* padding-bottom: 12vw; */
    padding-bottom: 4vw;
    top: 0vw;
    z-index: -1;
    top: -13vw;
}

.mobile .info-item.content div {
    width: 74vw;
    font-family: "DaciaBlockExtended-Bold";
    margin: unset;
    position: relative;
    left: 1vw;
    margin-bottom: 3vw;
}

.mobile .info-item.content.lodgy div {
    /* width: 21.42vw; */
    width: 100vw;
    font-family: "DaciaBlockExtended-Bold";
    margin-bottom: 3vw;
}

.mobile .info-title {
    font-size: 4.8vw;
    color: #646b52;
}

.mobile .content {
    font-size: 3.9vw;
    color: #414141;
    width: 91%;
}

.mobile .info-item.content {
    width: 100%;
    text-align: center;
}

.mobile .info-item {
    width: 92%;
    height: 61.4vw;
    margin: -38px 4vw 0vw 0vw;
    /* margin: 0px 4vw 0vw 0vw; */
}

.mobile .info-item img {
    width: 100%;
    height: 61.4vw;
}

.mobile .logo-nissan {
    width: 14.7vw;
    height: auto;
    position: absolute;
    object-fit: contain;
    z-index: 2;
    right: 3.9vw;
    top: 131.4vw;
    /* left: 6.1vw; */
}

.mobile .main .logo {
    width: 18vw;
    top: 4vw;
    right: 2vw;
}

.mobile .ranks {
    font-size: 2.6vw;
    line-height: 1.2;
    position: relative;
    top: -9vw;
    left: 0;
    background-color: #fff;
    padding: 3vw 2vw;
}

.mobile .pollution:not(:first-child) {
    padding: 2vw;
    padding-right: 0;
}

.mobile .pollution-container .pollution {
    margin-bottom: 0;
    line-height: 1.6;
    padding: 0.6vw 1.5vw 1.2vw;
}

.mobile .safety {
    padding: 0.6vw 1.5vw 1.2vw;
}

.mobile .cta {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: -0.2vw;
    width: 100%;
    height: 15.7vw;
    z-index: 6;
    font-size: 4.8vw;
    border-top: 1px solid #fff;
}

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

.mobile .cta .testDrive {
    background: #000;
    color: #000;
    background: #00d6d1;
    padding-left: 0vw;
}

.mobile .cta .testDrive::before {
    content: "";
    width: 10vw;
    height: 19.5vw;
    background: url(./images/envelope_icon3.svg);
    position: relative;
    top: 7vw;
    left: 3vw;
    background-repeat: no-repeat;
    background-size: 7vw;
}

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

.mobile .cta .callUs span,
.mobile .cta .testDrive span {
    width: 30vw;
    color: #000;
}

.mobile .cta .callUs::before {
    content: "";
    width: 7vw;
    height: 16vw;
    /* background: url(./images/phone-logo-2.png); */
    background: url(./images/phone_icon3.svg);
    position: relative;
    top: 5vw;
    left: 3vw;
    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: 5vw;
    left: 2vw;
    background-repeat: no-repeat;
}

.mobile .cta-form {
    width: 50%;
    background-color: #c30c29;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6vw;
    flex: 1;
}

.mobile .cta-form.full {
    width: 100%;
}

.mobile .cta-call.active {
    width: 50%;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.mobile .cta-call a {
    color: #fff;
    text-decoration: none;
}

.mobile .cta-call {
    width: 50%;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.5vw;
}

.mobile .form {
    width: 100%;
    height: 110vh;
    top: 0;
    z-index: -1;
}

.mobile .form.active {
    z-index: 2;
}

@keyframes SlideUpForm {
    0% {
        transform: translateY(200vw);
    }
    100% {
        transform: translateY(12vw);
    }
}

.mobile .mob_logo {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: 0;
    width: 100vw;
}

.only_desktop {
    display: block;
}

.mobile .only_desktop {
    display: none;
}

.logo_m.only_mobile {
    width: 20vw;
    height: 100%;
    top: 13.5vw;
    position: relative;
    right: -42vw;
}

.mobile .logo_m.only_mobile {
    display: block;
}

.mobile .form .logo {
    width: 61vw;
    height: auto;
    display: block;
    margin: 5vw auto;
    position: absolute;
    top: 8vw;
    left: 23vw;
    display: none;
}

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

.mobile .form__must {
    padding: 1vw 10.5vw;
    font-size: 3.38vw;
    padding-right: 0;
}

.mobile form {
    padding: 18vw 0;
    overflow: hidden;
    padding: 19vw 7vw 0;
}

.mobile .form__fields {
    padding: 0;
}

.mobile .form__fields .field label div {
    padding: 1vw 2vw 0 0;
    font-size: 4.2vw;
    color: #fff;
    position: relative;
    top: 5.4vw;
    z-index: -1;
    /* font-size: 3.4vw; */
    font-size: 3.2vw;
}

.mobile .form__fields .field label .checkbox-title {
    padding: 0;
    z-index: 10;
}

.mobile .field label {
    margin: 4.5vw 0;
    /* height: 12vw; */
    height: 17vw;
}

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

.mobile .checkbox-v {
    width: 5.8vw;
    height: 5.8vw;
}

.mobile .field input[type="submit"] {
    height: 14.7vw;
    font-size: 4.9vw;
    width: 85.9vw;
    /* padding: 0.7vw 0 0vw 0; */
    padding: 0vw 0vw 1vw 0;
    margin-top: 10vw;
    margin-top: 12vw;
}

.close_form {
    display: none;
}

.mobile .close_form {
    display: block;
}

.mobile .close_form {
    display: block;
    margin: 0;
    position: absolute;
    left: 5vw;
    top: 4vw;
    left: 90vw;
    /* top: 158vw; */
}

.mobile .close_form p:first-child {
    font-size: 7vw;
    line-height: 0.8;
}

.mobile .form .tnx {
    /* margin-top: -54vw; */
    top: 0;
}

.mobile .tnx__title {
    font-size: 7.5vw;
    line-height: 0.6;
    margin-top: 5vw;
}

.mobile .tnx__tips {
    font-size: 6vw;
    padding: 2.6vw 0.6vw;
}

.mobile .tnk__icons {
    margin-top: 5vw;
}

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

.mobile .tnk__icons a img {
    width: 11vw;
    margin: 1vw 1.5vw;
}

.activeAnimation {
    animation: SlideUp 0.5s both;
}

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

.wrapperTxtTop {
    position: absolute;
    top: 4vw;
    right: 5.5vw;
    text-align: right;
    color: #fff;
}

.mobile .wrapperTxtTop {
    top: 5.1vw;
    right: 6.1vw;
}

.renaultTitle {
    font-size: 6vw;
    font-weight: 600;
    line-height: 0.85;
}

.mobile .renaultTitle {
    font-size: 14vw;
}

.renaultDes {
    font-size: 1.9vw;
    margin-top: 0.8vw;
    line-height: 1;
}

.mobile .renaultDes {
    font-size: 5.6vw;
    margin-top: 1.8vw;
}

.priceWrapper {
    position: absolute;
    top: 41vw;
    /* right: 48vw; */
    /* right: 50.8vw; */
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: #fff;
    /* top: 46.35vw; */
    right: 50vw;
    top: 43.4vw;
}

.mobile .priceWrapper {
    /* top: 131.4vw; */
    top: 134.6vw;
    /* right: 11.5vw; */
    right: 25.3vw;
}

.from {
    font-size: 1.45vw;
    position: relative;
    top: 0;
    right: 0;
}

.mobile .from {
    /* font-size: 5.45vw; */
    font-size: 5.1vw;
}

.numSum {
    font-size: 4.8vw;
}

.mobile .numSum {
    /* font-size: 16.8vw; */
    font-size: 17.1vw;
}

.shekel {
    position: relative;
    font-size: 1.75vw;
    top: 0;
    right: -0.3vw;
}

.mobile .shekel {
    /* font-size: 7.75vw; */
    font-size: 5.1vw;
    right: -1.5vw;
}

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

@keyframes SlideUp2 {
    0% {
        transform: translateY(0) scale(1) translateX(0);
    }
    100% {
        transform: translateY(-6vw) scale(0.8) translateX(11vw);
    }
}

.carasso_layer_whatsapp_icon {
    bottom: 115px !important;
    z-index: 9999 !important;
    right: 3vw !important;
}

.mobile .carasso_layer_whatsapp_icon {
    bottom: 17vw !important;
    z-index: 1 !important;
    bottom: 60px;
    position: fixed;
    bottom: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 999999;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    right: 88vw !important;
    width: 45px;
    height: 45px;
    right: 3vw !important;
    /* display: none; */
}

@supports (-webkit-touch-callout: none) {
    .mobile .main_title_duster {
        padding-right: 2.7vw;
    }
    .mobile #ftEmbedForm-ft32d1d2de162a46378e896b9e4581c30e>iframe {
        height: 220vw;
    }
    .mobile .loader {
        top: 65vw;
        right: 27vw;
    }
}