* {margin:0;padding:0;list-style:none;outline:none;border:none;text-decoration:none;font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
:root {--c1:#ed1c24}
a[href], input[type='submit'], input[type='image'], select, button {cursor:pointer}
a,input {transition: all .2s linear;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear}
img {max-width:100%}
body {cursor:default;direction:rtl;font-family: 'Heebo', sans-serif;background-color:var(--c1)}
.thankyou {
	color:#222;background:url('../img/bg.webp');min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;box-sizing:border-box;
  & section {background-color:rgba(255,255,255,.5);padding:50px;border:1px #fff solid;border-radius:10px;box-shadow:0 20px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px)}
  @media(max-width:910px) {
    background-image:url('../img/bgm.webp')
  }
}
.main {
  display:flex;position:fixed;inset:0;flex-direction:column;justify-content:space-between;
  @media (max-width:1000px){
    & {position:relative}
  }
}

.mobile {
  display:none;background:url('../img/bgm.webp') no-repeat top center / cover;text-align:center;
  &:before {content:'';position:fixed;inset-inline:0;top:0;bottom:60%;background-image:linear-gradient(#fff,transparent);transition:all .2s ease;transform:translateY(-100%);opacity:0}
  & h1 {line-height:1;font-weight:900;margin-inline:20px}
  & h1 span {color:var(--c1)}
  & p {font-size:1.4em;margin-inline:20px;line-height:1;font-weight:500}
  & small {display:block;font-size:1.2em;margin:20px}
  .actions {display:flex;margin:20px 20px 0 20px;gap:3vw}
  .call {background-color:#47a14d;display:flex;padding:10px 30px;fill:#fff}
  .call svg {width:1.6em;height:1.6em}
  .hz {position:fixed;top:20px;left:10px;width:15px;height:auto;display:none;z-index:2}
  .hero {position:relative;background-image:linear-gradient(var(--c1),transparent)}
  .nav {display:inline-flex;background-color:var(--c1);margin:20px auto;gap:15px;color:#fff;align-items:center;padding:10px;fill:#fff;justify-content:center;border-radius:10px;margin-inline:5vw}
  .nav span {display:flex}
  .nav strong {font-size:1.7em;line-height:.8;flex-grow:0}
  .nav svg {height:1.3em;width:auto}
  .open {background-color:var(--c1);text-align:center;flex-grow:1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4em}
  .tractor {display:flex;justify-content:center}
  .tractor img {max-width:70vw}
  .stop {margin:20px 5vw;max-width:250px}
  @media(max-width:910px){
    min-height:100vh;
    display:block;
    & * {transition:all .2s ease}
  }
}

.content {
  text-align:center;flex-grow:1;position:relative;display:flex;justify-content:center;align-items:center;padding:20px 0;flex-direction:column;background:url('../img/bg.webp') no-repeat #fff top center / cover;z-index:1;
  &:before {content:'';position:absolute;inset:0;background-image: linear-gradient(transparent, transparent, #fff);z-index: -1}
  & h1 {font-size:2.3em;font-weight:900;line-height:1;letter-spacing:-0.03em}
  & h1 span {color:var(--c1)}
  & h2 {font-weight:400;font-size:3em;line-height:1;margin-block:10px}
  & h2 span {font-weight:900}
  & p {max-width:800px;margin-inline:auto;font-size:1.4em;line-height:1; font-weight:500}
  & p span {font-weight:900}
  .badge {color:#fff;position:absolute;bottom:1em;left:0;right:4em;rotate: 15deg;width:130px;height:130px;z-index:1;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.7em;line-height:1}
  .badge:before {content:'';position:absolute;inset:0;background-color:var(--c1);border-radius:50%;z-index:-1}
  .icons {display:flex; justify-content:center}
  .icons div {position:relative;padding: 0 3vw;display: flex;flex-direction:column;gap:5px;font-size:1.32em}
  .icons div::before {content:""; position:absolute; right:0; top: 50%; bottom: 0; width:1px; background-color: var(--c1)}
  .icons div:first-child:before {display: none}
  .icons svg {height: 2em;width:auto;fill:var(--c1)}
  .israel {position:absolute;bottom:30px;left:2vw;max-width:170px}
  .hero {margin-top: 3vw;align-items:center;display:flex;justify-content: center;position: relative;width:100%;max-height: 50vh;gap:2vw;padding-inline: 5vw;box-sizing: border-box}
  .hero:before {content:"";position: absolute;inset-inline: 0;inset-block: 40px;background-image: linear-gradient(to left, rgba(237,28,36,.9), rgba(237,28,36,.1), rgba(237,28,36,.6));}
  .stop {max-height:calc(100% - 100px);position:relative; max-width:400px}
  .stop img {max-height:100%}
  .hz {position:absolute;top: 67%;left: 15px;width: 13px;height:auto}
  .text {color:#111;position:relative;margin: 25px 0;}
  .tractors {display:flex;margin-top:20px;height:100%;position:relative;justify-content:center}
  .tractors img {max-height:100%; margin-right: -30px}
  .tractors img:first-child {max-height: 90%; margin-inline-end:-2vh}
  .tractors img:nth-child(2) {max-height:95%}
  .tractors img:nth-child(3) {max-height:100%; margin-right: -3vw}
  .trucks {display:none}
  @media (max-width:1300px){
    .tractors img {max-width: 30%;max-height:none!important}
  }
  @media (max-width:1200px){
    .badge {left:auto;right:5vw;bottom:20px;transform:rotate(15deg)}
    .badge:before {box-shadow:0 10px 10px rgba(0,0,0,.5)}
    .text {position:static}
  }
  @media (max-width:1000px){
    & {background:url('../img/bgm.webp') #fff no-repeat top center / cover}
    .badge {display:none}
  }
  @media (max-width:910px){
    & {display:none}
  }
}

.bottom {
  flex-grow:0;background-color:var(--c1);padding:10px 5vw;display:flex;gap:5vw;
  & h3 {color: white;font-size:2em;margin-bottom:10px;line-height:1}
  & fieldset {flex-grow:1}
  & form {display:flex;gap:1em}
  & form button {width:100%;background-color:#000;color:#fff;padding:0 20px;border:0;display:flex;align-items:center;justify-content:center;font:inherit;font-size:2em;font-weight:900;fill:#fff;gap:10px;transition:all .2s ease}
  & form button svg {width:0;height:0;transition:all .2s ease;transform:translateX(20px);opacity:0}
  & form button:hover svg {width:.5em;height:.5em;transform:translateX(0);opacity:1}
  & input,  & select {width:100%;padding:10px 15px;background-color:#fff;color:#111;box-sizing:border-box;font:inherit;direction:rtl;font-weight:bold;transition:all .2s ease}
  & input:focus {box-shadow:0 0 10px #fff}
  & form ::placeholder {color:#111}
  .acceptance {margin-top:10px;display:block}
  .acceptance b {font-weight:normal;display:none}
  .acceptance input {display:none}
  .acceptance input:checked+span:after {opacity:1;transform:translate(5px,-5px)}
  .acceptance span {display:block;position:relative;padding-inline-start:30px;color:#fff;font-size:1.1em;line-height:1}
  .acceptance span:after {content:'';position:absolute;top:0;right:0;width:20px;height:20px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIgMC41MkwyMS45NyAwQzIwLjIyIDAgMTcuNTQgMC41OCAxNi40NCAxLjk0TDEzLjgyIDUuMTRMNi4zNSAxNi4yM0M2LjE5IDE2LjQ2IDUuODMgMTcuMiA1LjUxIDE3LjJDNS4xNSAxNy4yIDQuODYgMTYuMyA0Ljc3IDE2LjA0TDQuMTIgMTQuNTJDMy44OSAxNCAzLjg2IDEzLjQ1IDMuMjIgMTMuNDVDMi4zOCAxMy40NSAxLjQxIDE0IDAuNzMwMDAyIDE0LjQ4QzAuMzEwMDAyIDE0Ljc3IC0wLjAwOTk5ODMyIDE1LjAzIC0wLjAwOTk5ODMyIDE1LjU4Qy0wLjAwOTk5ODMyIDE3LjIgMS4yNSAyMC40MyAxLjk2IDIxLjkxQzIuNjQgMjMuMyAyLjU3IDIzLjIgNC4xNiAyMy4yQzQuNjEgMjMuMiA1LjU4IDIzLjIgNiAyMy4wMUM2LjMyIDIyLjgyIDYuNDkgMjIuNDMgNi42OCAyMi4xTDcuODEgMjAuMTZMMTIuNDYgMTIuOTVMMTkuMTggNC4wNkwyMi4xOSAwLjVMMjIuMiAwLjUyWiIgZmlsbD0iIzIzMUYyMCIvPgo8L3N2Zz4K') no-repeat center / cover;opacity:0;z-index:2;transition:all .2s ease}
  .acceptance span:before {content:'';position:absolute;top:0;right:0;width:20px;height:20px;border:1px #000 solid;background-color:#fff}
  .buttons {display:flex;gap:20px}
  .call {display:none;background-color:#fff;align-items:center;justify-content:center;padding:20px;border-radius:10px;fill:var(--c1)}
  .close {position:absolute;background-color:transparent;width:35px;height:35px;display:none}
  .close svg {width:100%;height:100%}
  .desk {flex-grow:1}
  .fields {flex-grow:1}
  .fields p {color: white;font-size:1.3em;margin-top:10px}
  .form {flex-grow:1}
  .logo {max-height:100%;max-width:200px}
  .row {display:flex;gap:1vw}

  @media (max-width:910px){
    & {flex-direction:column;padding:20px;position:fixed;inset:20px;z-index:3;background-image:linear-gradient(transparent, var(--c1));background-color:transparent;transform:translateX(calc(100% + 40px));transition:all .2s ease}
    & fieldset {padding-bottom:5px}
    & form {gap:0;flex-direction:column}
    & h3 {text-align:center;color:var(--c1);font-size:3em;font-weight:900;letter-spacing:-0.05em;background-image:linear-gradient(transparent,#fff);margin-inline:30px;padding:30px;position:relative;line-height:.8;margin-bottom:40px;flex-grow:1;display:flex;align-items:end;justify-content:flex-end}
    & h3:after {content:'';position:absolute;top:100%;inset-inline:0;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcyIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgMjcyIDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cGF0aCBkPSJNMCAwSDI3MkwxMzYgNTBMMCAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==') no-repeat top center / 100% 100%;height:20px}
    .close {display:block}
    .desk {display:flex;flex-direction:column-reverse;gap:10px}
    .fields p {display:none}
    .form {display:flex;flex-direction:column}
    .logo {margin-inline:auto}
    .row {flex-direction:column}
  }
}
.opened {
  overflow:hidden;
  .bottom {transform:translateX(0)}
  .mobile * {opacity:0}
  .mobile:before {transform:translateY(0);opacity:1}
  .hz {display:block;opacity:1}
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
