@font-face {
  font-family: helveticaH;
  src: url("fonts/HelveticaHebrew-Regular.ttf");
  font-weight: 300; }
@font-face {
  font-family: helveticaH;
  src: url("fonts/HelveticaHebrew-Bold.ttf");
  font-weight: 700; }
@font-face {
  font-family: Lucas;
  src: url("fonts/NespressoLucas-Regular.ttf");
  font-weight: 300; }
@font-face {
  font-family: Lucas;
  src: url("fonts/NespressoLucas-Bold.ttf");
  font-weight: 700; }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.en {
  font-family: Lucas, sans-serif; }

html {
  font-size: 16px; }

body {
  direction: rtl;
  font-family: HelveticaH, sans-serif;
  line-height: 1.2;
  background-color: #000; }
  body .wrapper {
    width: 100%;
    max-width: 996px;
    margin: 0 auto;
    position: relative; }
  body .top {
    background-color: #000;
    color: #fff;
    text-align: center; }
    body .top .wrapper {
      overflow: hidden;
      padding-top: 2rem; }
      @media screen and (max-width: 800px) {
        body .top .wrapper {
          padding-top: 10vw; } }
    body .top .circle {
      position: absolute;
      top: 50%; }
      @media screen and (max-width: 800px) {
        body .top .circle {
          top: 0;
          width: 20vw; }
          body .top .circle img {
            max-width: 100%; } }
      body .top .circle.right {
        transform: translate(65%, -50%);
        right: 0; }
        @media screen and (max-width: 800px) {
          body .top .circle.right {
            transform: translate(65%, 0); } }
      body .top .circle.left {
        transform: translate(-65%, -50%);
        left: 0; }
        @media screen and (max-width: 800px) {
          body .top .circle.left {
            transform: translate(-65%, 0); } }
    body .top .title {
      font-size: 2rem; }
      @media screen and (max-width: 800px) {
        body .top .title {
          font-size: 8vw; } }
      body .top .title .en {
        font-weight: bold;
        font-size: 1.3em;
        text-transform: uppercase; }
    body .top .clock_wrapper {
      margin: 3rem 0; }
      @media screen and (max-width: 800px) {
        body .top .clock_wrapper {
          margin: 10vw 0; } }
      body .top .clock_wrapper .en {
        text-transform: uppercase; }
      body .top .clock_wrapper .preclock {
        font-size: 1rem;
        margin-bottom: 1.3rem; }
        @media screen and (max-width: 800px) {
          body .top .clock_wrapper .preclock {
            font-size: 3.3vw;
            margin-bottom: 3.3vw; } }
        body .top .clock_wrapper .preclock .en {
          font-size: 0.9rem; }
          @media screen and (max-width: 800px) {
            body .top .clock_wrapper .preclock .en {
              font-size: 3vw; } }
      body .top .clock_wrapper .clock {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3rem;
        line-height: 1;
        direction: ltr; }
        @media screen and (max-width: 800px) {
          body .top .clock_wrapper .clock {
            font-size: 10vw; } }
        body .top .clock_wrapper .clock div {
          text-align: center;
          padding: 0 1.5rem; }
          @media screen and (max-width: 800px) {
            body .top .clock_wrapper .clock div {
              padding: 0 5vw; } }
          body .top .clock_wrapper .clock div .en {
            padding: 0;
            font-size: 0.7rem; }
            @media screen and (max-width: 800px) {
              body .top .clock_wrapper .clock div .en {
                font-size: 3vw; } }
  body .bottom {
    background-color: #000; }
    body .bottom .elements {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      body .bottom .elements .element {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        /*min-height:515px;*/
        padding: 25px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: center; }
        @media screen and (max-width: 800px) {
          body .bottom .elements .element {
            -webkit-box-flex: 0;
            -moz-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            min-height: 0;
            padding: 4vw 0; } }
        body .bottom .elements .element.double {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          -webkit-flex: 0 0 66.6%;
          -ms-flex: 0 0 66.6%;
          flex: 0 0 66.6%; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.double {
              -webkit-box-flex: 0;
              -moz-box-flex: 0;
              -webkit-flex: 0 0 100%;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }
        body .bottom .elements .element.pink {
          background-color: #f5a6d8; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.pink {
              order: 5; } }
        body .bottom .elements .element.blue {
          background-color: #06a7e2; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.blue {
              order: 1; } }
          body .bottom .elements .element.blue .element_inner {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            -webkit-box-orient: horizontal;
            -moz-box-orient: horizontal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-align-content: flex-start;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-align: stretch;
            -moz-box-align: stretch;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            height: 70%; }
            body .bottom .elements .element.blue .element_inner .image {
              -webkit-box-flex: 0;
              -moz-box-flex: 0;
              -webkit-flex: 0 0 49%;
              -ms-flex: 0 0 49%;
              flex: 0 0 49%;
              padding: 0 3%; }
              body .bottom .elements .element.blue .element_inner .image img {
                max-width: 100%;
                max-height: 100%; }
            body .bottom .elements .element.blue .element_inner .data {
              -webkit-box-flex: 0;
              -moz-box-flex: 0;
              -webkit-flex: 0 0 45%;
              -ms-flex: 0 0 45%;
              flex: 0 0 45%;
              align-self: flex-end;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-direction: normal;
              -moz-box-direction: normal;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
              -webkit-box-pack: end;
              -moz-box-pack: end;
              -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
              justify-content: flex-end;
              -webkit-align-content: flex-start;
              -ms-flex-line-pack: start;
              align-content: flex-start;
              -webkit-box-align: center;
              -moz-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center; }
              body .bottom .elements .element.blue .element_inner .data a.button {
                width: 60%; }
                @media screen and (max-width: 800px) {
                  body .bottom .elements .element.blue .element_inner .data a.button {
                    width: 100%; } }
        body .bottom .elements .element.red {
          background-color: #f6303e; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.red {
              order: 4; } }
          body .bottom .elements .element.red .element_inner img {
            max-width: 35%; }
        body .bottom .elements .element.orange {
          background-color: #ff9016; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.orange {
              order: 2; } }
        body .bottom .elements .element.green {
          background-color: #00af40; }
          @media screen and (max-width: 800px) {
            body .bottom .elements .element.green {
              order: 3; } }
          body .bottom .elements .element.green .element_inner img {
            max-width: 98%; }
        body .bottom .elements .element .element_inner {
          width: 100%; }
          body .bottom .elements .element .element_inner img {
            max-width: 50%; }
          body .bottom .elements .element .element_inner .title {
            font-size: 1.5rem;
            font-weight: 700; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner .title {
                font-size: 5vw; } }
          body .bottom .elements .element .element_inner .subtitle {
            font-size: 1.2rem; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner .subtitle {
                font-size: 4vw; } }
          body .bottom .elements .element .element_inner .coupon {
            padding: 20px 10px;
            border: 2px dashed #fff;
            display: inline-block;
            margin: 2rem 0; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner .coupon {
                padding: 4vw 2vw;
                margin: 6vw 0; } }
            body .bottom .elements .element .element_inner .coupon .coupon_title {
              color: #fff;
              font-size: 1.7rem; }
              @media screen and (max-width: 800px) {
                body .bottom .elements .element .element_inner .coupon .coupon_title {
                  font-size: 4.5vw; } }
            body .bottom .elements .element .element_inner .coupon .coupon_desc {
              font-size: 1.5rem; }
              @media screen and (max-width: 800px) {
                body .bottom .elements .element .element_inner .coupon .coupon_desc {
                  font-size: 3.5vw; } }
          body .bottom .elements .element .element_inner .price {
            color: #fff;
            font-size: 1.2rem; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner .price {
                font-size: 4vw; } }
            body .bottom .elements .element .element_inner .price .num {
              font-size: 2rem;
              font-weight: 700; }
              @media screen and (max-width: 800px) {
                body .bottom .elements .element .element_inner .price .num {
                  font-size: 6vw; } }
          body .bottom .elements .element .element_inner .oldprice {
            color: #fff;
            font-size: 1.2rem;
            position: relative; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner .oldprice {
                font-size: 4vw; } }
            body .bottom .elements .element .element_inner .oldprice .num {
              font-size: 1.4rem;
              font-weight: 700; }
              @media screen and (max-width: 800px) {
                body .bottom .elements .element .element_inner .oldprice .num {
                  font-size: 4.4vw; } }
            body .bottom .elements .element .element_inner .oldprice:after {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              background-image: url("img/stroke.png");
              width: 100%;
              height: 100%;
              background-position: center center;
              background-repeat: no-repeat; }
          body .bottom .elements .element .element_inner a.button {
            color: #fff;
            font-size: 1.5rem;
            background-color: #000;
            border-radius: 5px;
            padding: 0.5rem 2rem;
            display: block;
            text-decoration: none;
            width: 55%;
            margin: 0.5rem auto; }
            @media screen and (max-width: 800px) {
              body .bottom .elements .element .element_inner a.button {
                font-size: 4vw;
                width: 90%; } }
    body .bottom .free {
      background-color: #000;
      color: #fff;
      position: relative;
      overflow: hidden; }
      body .bottom .free .circle {
        position: absolute;
        width: 25%; }
        body .bottom .free .circle img {
          max-width: 100%; }
        body .bottom .free .circle.right {
          transform: translateY(-50%);
          right: 0;
          top: 100%; }
          @media screen and (max-width: 800px) {
            body .bottom .free .circle.right {
              transform: translate(50%, -50%); } }
        body .bottom .free .circle.left {
          transform: translateY(-50%);
          left: 0;
          top: 0; }
          @media screen and (max-width: 800px) {
            body .bottom .free .circle.left {
              transform: translate(-50%, -50%); } }
      body .bottom .free .content {
        width: 40%;
        margin: 4rem auto;
        line-height: 1; }
        @media screen and (max-width: 800px) {
          body .bottom .free .content {
            margin: 10vw auto;
            width: 63%; } }
        body .bottom .free .content .title {
          color: #b08030;
          font-size: 4rem;
          font-weight: 700; }
          @media screen and (max-width: 800px) {
            body .bottom .free .content .title {
              font-size: 10.2vw; } }
        body .bottom .free .content .subtitle {
          font-size: 1.5rem; }
          @media screen and (max-width: 800px) {
            body .bottom .free .content .subtitle {
              font-size: 5vw; } }
  body footer {
    background-color: #000;
    color: #fff;
    width: 98%;
    max-width: 996px;
    font-size: 1.3rem;
    margin: 0 auto;
    text-align: center;
    padding: 2rem 0; }
    @media screen and (max-width: 800px) {
      body footer {
        font-size: 3vw;
        padding: 2vw 0; } }

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