@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../fonts/OpenSansHebrew-Light.ttf");
  font-weight: 100; }
@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../fonts/OpenSansHebrew-Regular.ttf");
  font-weight: 400; }
@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../fonts/OpenSansHebrew-Bold.ttf");
  font-weight: bold; }
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: inherit; }

strong {
  font-weight: bold; }

body {
  font-family: 'OpenSansHebrew', sans-serif;
  direction: rtl;
  font-size: 1vw; }
  @media (max-width: 1024px) {
    body {
      font-size: 2vw; } }

button, input {
  font-family: 'OpenSansHebrew', sans-serif; }

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

body {
  margin: 0;
  padding: 0;
  direction: rtl; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 0.6% 0;
  transition: .3s all; }
  #header.active {
    background-color: #0C3054; }
  #header .inner {
    width: 96.5%;
    margin: 0 auto;
    align-self: center;
    display: flex;
    justify-content: space-between; }
    #header .inner > div {
      width: 50%;
      display: flex; }
      #header .inner > div ul {
        list-style-type: none;
        display: flex;
        width: 100%;
        align-self: center; }
    #header .inner .top-right {
      width: 20%; }
      #header .inner .top-right ul li {
        margin-left: 4%; }
    #header .inner .top-left {
      width: 80%; }
      #header .inner .top-left ul {
        justify-content: flex-end;
        lex-wrap: wrap; }
        @media (max-width: 1024px) {
          #header .inner .top-left ul {
            flex-wrap: wrap;
            flex-direction: column-reverse; } }
        #header .inner .top-left ul li {
          width: auto;
          display: flex;
          color: #fff;
          justify-content: flex-end;
          margin-right: 5%; }
          @media (max-width: 1024px) {
            #header .inner .top-left ul li {
              text-align: left;
              font-size: 200%;
              font-weight: bold; }
              #header .inner .top-left ul li:last-child {
                display: none; } }
          #header .inner .top-left ul li p {
            align-self: center;
            color: #fff;
            font-size: 132%; }
          #header .inner .top-left ul li a.phone {
            color: inherit;
            text-decoration: none;
            direction: ltr;
            align-self: center;
            display: flex; }
            @media (max-width: 1024px) {
              #header .inner .top-left ul li a.phone {
                flex-wrap: wrap; } }
            #header .inner .top-left ul li a.phone i {
              position: relative;
              top: 4px;
              left: -4px;
              width: 15%; }
              @media (max-width: 1024px) {
                #header .inner .top-left ul li a.phone i {
                  position: relative;
                  top: 15%;
                  left: 0;
                  right: 0;
                  padding-right: 7.5%; } }

#step1 {
  position: relative;
  height: 53.8vw;
  background-image: url("../images/step1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top; }
  #step1 .onlyDesktop {
    height: 100%; }
    #step1 .onlyDesktop .inner {
      position: relative;
      top: 26%;
      width: 56%;
      margin: 0 auto; }
      @media (max-width: 1024px) {
        #step1 .onlyDesktop .inner {
          width: 85%; } }
      #step1 .onlyDesktop .inner ._title {
        text-align: center;
        color: #fff;
        font-size: 286%;
        margin-top: 0; }
        #step1 .onlyDesktop .inner ._title h2 {
          font-weight: bold;
          font-size: 95%;
          text-shadow: 2px 2px 5px #000; }
        #step1 .onlyDesktop .inner ._title p {
          font-size: 70%; }
      #step1 .onlyDesktop .inner ._form {
        margin-top: 11%; }
        @media (max-width: 1024px) {
          #step1 .onlyDesktop .inner ._form {
            margin-top: 15%; } }
        #step1 .onlyDesktop .inner ._form .form-title {
          color: #fff;
          text-align: center;
          font-size: 165%;
          font-weight: normal; }
          #step1 .onlyDesktop .inner ._form .form-title h3 {
            font-weight: lighter; }
        #step1 .onlyDesktop .inner ._form .form {
          margin-top: 1.5%; }
          #step1 .onlyDesktop .inner ._form .form form ._fields {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            #step1 .onlyDesktop .inner ._form .form form ._fields ._input {
              width: 23%; }
              @media (max-width: 1024px) {
                #step1 .onlyDesktop .inner ._form .form form ._fields ._input {
                  width: 48%;
                  margin-top: 2.5%; } }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input input {
                width: 100%;
                border: 0;
                background: #fff;
                border-radius: 0;
                text-indent: 12%;
                height: 2.5vw;
                color: #175FA8;
                border-radius: 50px;
                box-shadow: 1px 1px 10px #000000ad; }
                @media (max-width: 1024px) {
                  #step1 .onlyDesktop .inner ._form .form form ._fields ._input input {
                    height: 7.5vw; } }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input label.error {
                color: #fff; }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input ::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #175FA8; }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input ::-moz-placeholder {
                /* Firefox 19+ */
                color: #175FA8; }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input :-ms-input-placeholder {
                /* IE 10+ */
                color: #175FA8; }
              #step1 .onlyDesktop .inner ._form .form form ._fields ._input :-moz-placeholder {
                /* Firefox 18- */
                color: #175FA8; }
      #step1 .onlyDesktop .inner ._buttons {
        display: flex;
        justify-content: center; }
        #step1 .onlyDesktop .inner ._buttons ._button {
          margin: 4% 3%;
          text-align: center;
          width: 23%; }
          @media (max-width: 1024px) {
            #step1 .onlyDesktop .inner ._buttons ._button {
              width: 30%; } }
          #step1 .onlyDesktop .inner ._buttons ._button button {
            border: 0;
            border-radius: 50px;
            background: #fff;
            width: 100%;
            height: 3vw;
            background-color: #fff;
            color: #175FA8;
            cursor: pointer;
            transition: .3s all;
            box-shadow: 1px 1px 10px #000000ad; }
            #step1 .onlyDesktop .inner ._buttons ._button button:hover {
              background-color: #175FA8;
              color: #fff; }
            @media (max-width: 1024px) {
              #step1 .onlyDesktop .inner ._buttons ._button button {
                height: 8vw; } }
            #step1 .onlyDesktop .inner ._buttons ._button button.blue {
              background-color: #175FA8;
              color: #fff; }
              #step1 .onlyDesktop .inner ._buttons ._button button.blue:hover {
                background-color: #0e3053;
                color: #fff; }
  #step1 .onlyMobile {
    height: 100%; }
    #step1 .onlyMobile .inner {
      position: relative;
      top: 26%;
      width: 75%;
      margin: 0 auto; }
      #step1 .onlyMobile .inner ._cards {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        height: 30vw; }
        #step1 .onlyMobile .inner ._cards ._card1 {
          width: 61%;
          position: absolute;
          right: 11.5%;
          top: -14%;
          transition: 1s all;
          width: 60%; }
        #step1 .onlyMobile .inner ._cards ._card2 {
          position: absolute;
          left: 11.5%;
          top: 6%;
          transition: 1s all;
          width: 60%; }
        #step1 .onlyMobile .inner ._cards:hover ._card1 {
          right: 0; }
        #step1 .onlyMobile .inner ._cards:hover ._card2 {
          left: 0; }
      #step1 .onlyMobile .inner ._title {
        text-align: center;
        color: #fff;
        font-size: 286%;
        margin-top: 2%; }
      #step1 .onlyMobile .inner ._buttons {
        display: flex;
        justify-content: center; }
        #step1 .onlyMobile .inner ._buttons ._button {
          margin: 4% 3%;
          text-align: center;
          width: 23%; }
          #step1 .onlyMobile .inner ._buttons ._button button {
            border: 0;
            border-radius: 50px;
            background: #fff;
            width: 100%;
            padding: 8%;
            background-color: #fff;
            color: #175FA8;
            cursor: pointer;
            transition: .3s all; }
            #step1 .onlyMobile .inner ._buttons ._button button:hover {
              background-color: #175FA8;
              color: #fff; }
            #step1 .onlyMobile .inner ._buttons ._button button.blue {
              background-color: #175FA8;
              color: #fff; }
              #step1 .onlyMobile .inner ._buttons ._button button.blue:hover {
                background-color: #fff;
                color: #175FA8; }

#step2 {
  position: relative;
  background-image: url("../images/step2.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  #step2 .inner {
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    width: 67%;
    height: 100%;
    position: relative; }
    #step2 .inner ._img {
      width: 42%;
      padding-top: 3.5%;
      position: relative;
      right: -0.5%;
      display: flex; }
    #step2 .inner ._text {
      width: 60%;
      text-align: center;
      color: #0C3054;
      align-self: center; }
      #step2 .inner ._text ._text-title {
        font-weight: bold;
        font-size: 250%; }
        @media (max-width: 1024px) {
          #step2 .inner ._text ._text-title {
            margin-top: 10.5%;
            font-size: 200%; } }
      #step2 .inner ._text ._text-text {
        margin-top: -1.5%;
        font-size: 123%; }
        #step2 .inner ._text ._text-text p {
          margin-top: 5%;
          line-height: 1.6; }

#step3 {
  position: relative;
  background-image: url("../images/step3.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  color: #fff; }
  @media (max-width: 1024px) {
    #step3 {
      overflow: hidden; } }
  #step3 .inner {
    width: 100%;
    margin: 0 auto;
    display: flex; }
    @media (max-width: 1024px) {
      #step3 .inner {
        display: block; } }
    #step3 .inner ._right_img {
      width: 63vw;
      position: relative;
      left: 2.1%;
      top: 2.4vw; }
      @media (max-width: 1024px) {
        #step3 .inner ._right_img {
          left: 0;
          right: 0;
          top: 0;
          margin: 0 auto;
          width: 100%; } }
    #step3 .inner ._cards {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      height: 23.2vw;
      width: 63%; }
      @media (max-width: 1024px) {
        #step3 .inner ._cards {
          height: 70vw;
          width: 100%;
          margin: 0 auto;
          right: 7.5%; } }
      #step3 .inner ._cards ._card1 {
        width: 61%;
        position: absolute;
        right: -2.5%;
        top: 13%;
        transition: 1s all;
        width: 66%;
        z-index: 2; }
      #step3 .inner ._cards ._card2 {
        position: absolute;
        left: 10.5%;
        top: 10.8%;
        transition: 1s all;
        width: 83.5%; }
      #step3 .inner ._cards:hover ._card1 {
        right: -5.5%;
        top: 6%; }
      #step3 .inner ._cards:hover ._card2 {
        left: 6%;
        top: 15%; }
    #step3 .inner ._title {
      font-size: 275%;
      width: 70%;
      position: relative;
      left: 8.5%;
      font-weight: initial;
      top: 8vw; }
      #step3 .inner ._title h2 {
        font-size: 100%; }
        #step3 .inner ._title h2 span {
          color: #FFF100; }
      #step3 .inner ._title p {
        font-size: 70%; }
        #step3 .inner ._title p strong {
          font-weight: bold;
          display: block; }
    #step3 .inner ._list {
      margin-top: 5.35%;
      position: relative;
      left: 6.5%;
      width: 50%; }
      @media (max-width: 1024px) {
        #step3 .inner ._list {
          left: 0;
          right: 0;
          width: 100%;
          margin: 10% 0 0; } }
      #step3 .inner ._list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        list-style-type: none; }
        @media (max-width: 1024px) {
          #step3 .inner ._list ul {
            justify-content: center; } }
        #step3 .inner ._list ul li {
          width: 32%;
          margin-bottom: 5%; }
          #step3 .inner ._list ul li ._img {
            height: 2vw;
            width: 2vw;
            margin: 0 auto;
            transition: .1s all; }
            #step3 .inner ._list ul li ._img img {
              width: 100%;
              height: 100%;
              object-fit: scale-down; }
          #step3 .inner ._list ul li:hover ._img {
            transform: scale(1.2); }
          #step3 .inner ._list ul li ._text p {
            font-size: 75%; }
            #step3 .inner ._list ul li ._text p strong {
              font-weight: bold;
              display: block;
              font-size: 115%;
              margin-top: 6%;
              margin-bottom: 3%; }

#step4 {
  position: relative;
  background: #AAC4DE;
  padding: 4.7% 0; }
  #step4 .inner {
    width: 57%;
    margin: 0 auto; }
    #step4 .inner ._img {
      display: none; }
    #step4 .inner ._buttons {
      display: flex;
      justify-content: center; }
      #step4 .inner ._buttons > div {
        align-self: center;
        color: #0C3054; }
        #step4 .inner ._buttons > div p {
          font-size: 200%; }
      #step4 .inner ._buttons ._button {
        margin: 1% 3% 0 0;
        text-align: center;
        width: 23%; }
        #step4 .inner ._buttons ._button button {
          border: 0;
          border-radius: 50px;
          background: #fff;
          width: 100%;
          padding: 3%;
          background-color: #fff;
          color: #175FA8;
          cursor: pointer;
          transition: .3s all; }
          #step4 .inner ._buttons ._button button:hover {
            background-color: #175FA8;
            color: #fff; }
          #step4 .inner ._buttons ._button button.blue {
            background-color: #175FA8;
            color: #fff; }
            #step4 .inner ._buttons ._button button.blue:hover {
              background-color: #fff;
              color: #175FA8; }

#step5 {
  position: relative;
  background: #0C3054;
  padding-bottom: 1%; }
  #step5 .inner ._logo {
    width: 20%;
    margin: 0 auto;
    padding-top: 2.5%; }
  #step5 .inner ._text {
    color: #fff;
    text-align: center;
    font-size: 76%;
    margin-top: .4%; }
  #step5 .inner ._footer {
    color: #fff;
    font-size: 72%;
    text-align: center;
    padding-top: 2.1%; }
  #step5 .inner .top-left {
    display: none; }
    @media (max-width: 1024px) {
      #step5 .inner .top-left {
        display: block;
        color: #fff;
        text-align: center;
        font-size: 120%;
        padding-top: 7.5%; } }

#_arrow {
  position: fixed;
  bottom: 0;
  z-index: 1;
  margin: 0;
  text-align: center;
  left: 0;
  right: 0;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate; }
  #_arrow.hide {
    opacity: 0;
    visibility: hidden; }
  #_arrow button {
    background: none;
    border: 0;
    cursor: pointer; }

@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }
@media (max-width: 1024px) {
  #step1 {
    background-image: url("../images/step1_mobile.jpg");
    height: 108vw;
    font-size: 140%; }

  #step2 {
    background-image: url("../images/step2_mobile.jpg"); }

  #step1 .inner {
    width: 70%; }

  #header .inner {
    margin: 2% auto; }

  #header .inner > div {
    width: 60%; }

  #header .inner > div.top-right {
    width: 30%; }

  #header .inner > div.top-right ul {
    display: block; }

  #header .inner .top-left ul li p {
    font-size: 125%; }

  #header .inner > div.top-left a {
    width: 60%; }

  #step1 .inner ._cards {
    height: 28vw; }

  #step1 .inner ._buttons ._button {
    width: 35%;
    font-size: 140%; }

  #step2 .inner ._img {
    display: none; }

  #step2 .inner ._text {
    width: 100%;
    font-size: 150%; }

  #step2 .inner {
    width: 80%; }

  #step2 {
    padding-bottom: 5%; }

  #step2 .inner ._text ._text-text p {
    margin-top: 0;
    margin-bottom: 5%; }

  #step2 .inner ._text ._text-text p br {
    display: none; }

  #step2 .inner ._text ._text-text {
    font-size: 135%;
    font-size: 110%;
    margin: 5% auto 0; }

  #step3 .inner ._title {
    padding: 10% 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 310%;
    padding-top: 0;
    margin-top: -15%; }

  #step3 .inner ._list ul {
    display: flex;
    flex-wrap: wrap; }

  #step3 .inner ._list ul li {
    width: 45%;
    margin-bottom: 15%; }

  #step3 .inner ._list ul li ._img {
    height: 10vw;
    width: 10vw; }

  #step3 .inner ._list ul li ._text {
    font-size: 200%; }

  #step5 {
    font-size: 200%; }

  #step5 .inner ._logo {
    width: 80%;
    padding-top: 7.5%; }

  #step5 .inner ._footer {
    width: 95%;
    margin: 0 auto;
    padding: 2.5% 0 2.5%; }

  #step4 .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }

  #step4 .inner ._img {
    display: block;
    width: 60%;
    position: absolute;
    top: -17%;
    right: -12%; }

  #step4 .inner ._buttons {
    width: 60%;
    position: absolute;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10%; }

  #step4 {
    padding: 0;
    height: 52vw; }

  #step4 .inner ._buttons > div {
    width: 100%; }

  #step4 .inner ._buttons ._button {
    width: 60%;
    margin-bottom: 2.5%; }

  #step4 .inner ._buttons ._button button {
    padding: 5%;
    font-size: 200%; }

  #step4 .inner ._buttons > div p {
    font-size: 200%;
    text-align: center;
    margin-bottom: 3.5%; }

  #_arrow {
    display: none; } }
.mac #step2 .inner ._text {
  font-size: 80%;
  width: 40%; }

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */