@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/opensanshebrew-light-webfont.eot);
  src: url(../fonts/opensanshebrew-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-light-webfont.woff) format("woff"), url(../fonts/opensanshebrew-light-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 400;
  font-style: italic;
  src: url(../fonts/opensanshebrew-italic-webfont.eot);
  src: url(../fonts/opensanshebrew-italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-italic-webfont.woff) format("woff"), url(../fonts/opensanshebrew-italic-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/opensanshebrew-regular-webfont.eot);
  src: url(../fonts/opensanshebrew-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-regular-webfont.woff) format("woff"), url(../fonts/opensanshebrew-regular-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 700;
  font-style: italic;
  src: url(../fonts/opensanshebrew-bolditalic-webfont.eot);
  src: url(../fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-bolditalic-webfont.woff) format("woff"), url(../fonts/opensanshebrew-bolditalic-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/opensanshebrew-bold-webfont.eot);
  src: url(../fonts/opensanshebrew-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-bold-webfont.woff) format("woff"), url(../fonts/opensanshebrew-bold-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 800;
  font-style: italic;
  src: url(../fonts/opensanshebrew-extrabold-webfont.eot);
  src: url(../fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-extrabold-webfont.woff) format("woff"), url(../fonts/opensanshebrew-extrabold-webfont.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans Hebrew';
  font-weight: 800;
  font-style: normal;
  src: url(../fonts/opensanshebrew-extrabold-webfont.eot);
  src: url(../fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensanshebrew-extrabold-webfont.woff) format("woff"), url(../fonts/opensanshebrew-extrabold-webfont.ttf) format("truetype"); }
html, body {
  font-family: 'HelveticaHebrewWXX-Regular',sans-serif;
  margin: 0;
  padding: 0; }

.wrapper {
  overflow: hidden;
  margin: 0 auto;
  width: 996px;
  height: 865px;
  background: url("../img/bg.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
  position: relative; }

h1 {
  font-size: 55px;
  color: white;
  font-weight: 600; }

h2 {
  font-size: 25px;
  color: white;
  font-weight: 500;
  margin-top: -25px;
  margin-bottom: 25px; }

.four-container {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  font-size: 0;
  margin-top: -5px; }
  .four-container .item {
    width: 25%;
    position: relative;
    display: inline-block;
    padding: 0 37px;
    box-sizing: border-box;
    vertical-align: top; }
    .four-container .item .icon {
      text-align: center;
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box;
      padding-bottom: 8px;
      position: relative;
      max-width: 150px;
      height: 100px; }
      .four-container .item .icon .shadow {
        position: absolute;
        top: 76px;
        width: 80px;
        right: 50%;
        margin-right: -40px;
        z-index: 0;
        opacity: 0.4;
        transition: all 0.3s ease-in-out; }
      .four-container .item .icon .pic {
        position: relative;
        z-index: 1;
        top: 0;
        transition: all 0.3s ease-in-out; }
    .four-container .item .text {
      color: white;
      font-size: 20px;
      margin: 8px auto;
      margin-top: -3px; }
    .four-container .item .big-arrow {
      position: absolute;
      top: 0;
      right: 90%; }
  .four-container .item:nth-child(1) .pic {
    height: 76px;
    padding-left: 16px; }
  .four-container .item:nth-child(2) .pic {
    height: 54px;
    margin-top: 20px; }
  .four-container .item:nth-child(3) .pic {
    height: 74px;
    margin-top: 6px; }
  .four-container .item:nth-child(4) .pic {
    height: 78px;
    padding-left: 15px; }
  .four-container .icon:hover .shadow {
    opacity: 0.2; }
  .four-container .icon:hover .pic {
    top: -15px;
    -webkit-filter: brightness(120%);
    /* Safari 6.0 - 9.0 */
    filter: brightness(120%); }
  .four-container .icon.jump .shadow {
    opacity: 0.2; }
  .four-container .icon.jump .pic {
    top: -15px;
    -webkit-filter: brightness(120%);
    /* Safari 6.0 - 9.0 */
    filter: brightness(120%); }

.main-buttons {
  margin: 0 auto;
  text-align: center;
  margin-top: 5px; }
  .main-buttons .btn {
    width: 342px;
    height: 58px;
    display: inline-block;
    background: #3f8700;
    border-radius: 10px;
    margin: 0 30px;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
    vertical-align: top; }
    .main-buttons .btn p {
      margin: 0 auto;
      line-height: 58px;
      color: white;
      font-size: 21px;
      font-weight: 600;
      text-decoration: none !important;
      vertical-align: middle; }
      .main-buttons .btn p img {
        height: 19px;
        margin-right: 5px;
        vertical-align: middle;
        padding-bottom: 4px; }
    .main-buttons .btn:hover {
      -webkit-filter: brightness(120%);
      /* Safari 6.0 - 9.0 */
      filter: brightness(120%); }

.apps {
  position: absolute;
  bottom: 20px;
  left: 20px; }
  .apps a {
    text-decoration: none; }
  .apps img {
    height: 40px; }

@media screen and (max-width: 640px) {
  .wrapper {
    width: 320px;
    height: 652px;
    background: url("../img/bg-m.jpg") center center no-repeat; }

  h1 {
    font-size: 43px;
    line-height: 1; }

  h2 {
    font-size: 17px;
    margin-top: -12px; }

  .four-container {
    padding: 0;
    margin-top: 30px; }
    .four-container .item {
      padding: 0; }
      .four-container .item .icon {
        height: 50px; }
        .four-container .item .icon .pic {
          height: 31px !important;
          margin: 0 auto;
          padding: 0;
          padding-top: 5px; }
        .four-container .item .icon .shadow {
          top: 30px;
          width: 70px;
          display: none; }
      .four-container .item .icon:hover .pic {
        top: 0;
        -webkit-filter: none;
        /* Safari 6.0 - 9.0 */
        filter: none; }
      .four-container .item .icon.jump .pic {
        top: 0;
        -webkit-filter: none;
        /* Safari 6.0 - 9.0 */
        filter: none; }
      .four-container .item .text {
        font-size: 12px; }
      .four-container .item .big-arrow {
        height: 41px;
        right: 85%; }
      .four-container .item:nth-child(4) .text {
        padding: 0 10px;
        box-sizing: border-box; }

  .main-buttons {
    margin-top: 23px; }
    .main-buttons .btn {
      width: 284px;
      height: 48px;
      margin: 0 auto;
      margin-bottom: 10px; }
      .main-buttons .btn p {
        line-height: 48px;
        font-weight: 500;
        font-size: 18px; }
        .main-buttons .btn p img {
          height: 14px;
          padding-bottom: 0px; }

  .apps {
    width: 100px;
    bottom: 28px; }
    .apps img {
      height: 27px; } }

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