@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");
}
.wrapper {
  width: 96%;
  padding: 10px 0px;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 240px;
}

.breadcrumbs {
  font-size: 14px;
  color: black;
  font-weight: bold;
  color: #363f45;
  color: #90a4ad;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: 2px solid #e9e9e9;
  margin-bottom: 20px;
  max-width: 1260px;
}
.breadcrumbs .bc-divider {
  margin: 0 8px;
  display: inline;
}
.breadcrumbs span:last-child {
  color: #363f45;
}
.breadcrumbs a {
  color: #90a4ad;
}
.breadcrumbs a span:last-child {
  color: #90a4ad;
}

.products-container {
  text-align: center;
}
.products-container .header {
  background: url("../img/phead.webp") center center no-repeat;
  width: 100%;
  height: 670px;
  position: relative;
}
.products-container h1 {
  color: white;
  font-size: 120px;
  font-weight: 400;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  top: 406px;
}
.products-container .para-classics .para {
  height: 800px;
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.products-container .para-classics .para h3 {
  font-size: 63px;
  margin: 0;
  font-weight: 400;
}
.products-container .para-classics .para p {
  width: 75%;
  font-size: 16px;
  margin: 0 auto;
  margin-top: 20px;
}
.products-container .para-classics .para .pack {
  height: 220px;
  padding-top: 50px;
}
.products-container .para-classics .coco {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 60px;
}
.products-container .para-classics .coco img {
  height: 70px;
  vertical-align: middle;
  margin-right: 5px;
}
.products-container .para-classics .coco span {
  font-size: 32px;
  vertical-align: middle;
}
.products-container .dark-para {
  height: 800px;
  width: 100%;
  background: url("../img/dark.webp") center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #ffe19f;
}
.products-container .dark-para .right {
  position: absolute;
  width: 340px;
  left: 50%;
  top: 50%;
  margin-top: -220px;
  margin-left: 440px;
  text-align: right;
}
.products-container .dark-para .left {
  position: absolute;
  width: 340px;
  right: 50%;
  top: 50%;
  margin-top: -220px;
  margin-right: 440px;
  text-align: right;
}
.products-container .dark-para h3 {
  font-size: 50px;
  margin: 0;
  font-weight: 400;
}
.products-container .dark-para p {
  font-size: 16px;
  margin: 0 auto;
  margin-top: 10px;
}
.products-container .dark-para .pack {
  height: 220px;
  padding-top: 50px;
}
.products-container .dark-para .coco {
  width: 100%;
}
.products-container .dark-para .coco img {
  height: 70px;
  vertical-align: middle;
  margin-right: 5px;
}
.products-container .dark-para .coco span {
  font-size: 32px;
  vertical-align: middle;
}
.products-container .blondy {
  height: 800px;
  width: 100%;
  background: url("../img/blondy.jpg") center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #652f1d;
}
.products-container .blondy p {
  font-size: 50px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  line-height: 1;
  left: 50%;
}
.products-container .blondy p:nth-of-type(1) {
  margin-left: 408px;
}
.products-container .blondy p:nth-of-type(2) {
  margin-left: -180px;
}
.products-container .blondy p:nth-of-type(3) {
  margin-left: -800px;
}
.products-container .splendid {
  height: 800px;
  width: 100%;
  background: url("../img/splendid.jpg") center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #c2a001;
}
.products-container .splendid .text {
  position: absolute;
  bottom: 66px;
  left: 50%;
  margin-left: -227px;
}
.products-container .splendid p {
  font-size: 32px;
  display: inline-block;
  text-align: center;
  line-height: 1;
  margin: 0 40px;
}
.products-container .extra {
  height: 800px;
  width: 100%;
  background: url("../img/extra.jpg") center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #6a3a24;
}
.products-container .extra .text {
  position: absolute;
  bottom: 27px;
  left: 50%;
  width: 100%;
  margin-left: -834px;
  text-align: center;
}
.products-container .extra p {
  font-size: 28px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  margin: 0 90px;
}
.products-container .workarea {
  margin: 0 auto;
  width: 100%;
}
.products-container .workarea .products-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 50px;
  text-align: center;
  color: #444;
  position: relative;
  z-index: 1;
  padding: 50px 228px;
  margin: 0 -25px;
}
.products-container .workarea .products-wrapper .product {
  width: calc(26.33% - 50px);
  margin: 50px;
  margin-bottom: 50px;
}
.products-container .workarea .products-wrapper .product .product-image {
  margin-bottom: 15px;
  height: 100px;
}
.products-container .workarea .products-wrapper .product .product-image img {
  height: 100%;
  vertical-align: middle;
  max-width: 100%;
}
.products-container .workarea .products-wrapper .product .title {
  font-size: 18px;
  font-weight: bold;
  color: #363f45;
}

.products-mobile {
  display: none;
}

@media screen and (max-width: 640px) {
  .products-container {
    display: none;
  }

  .wrapper {
    width: 100%;
    padding: 0px 0px;
    overflow-x: hidden;
  }

  .products-mobile {
    text-align: center;
    display: block;
  }
  .products-mobile .header {
    background: url("../img/phead-m.jpg") center center no-repeat;
    width: 100%;
    height: 692px;
    position: relative;
  }
  .products-mobile h1 {
    color: white;
    font-size: 88px;
    font-weight: 400;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    top: 511px;
  }
  .products-mobile .para-classics .para {
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  .products-mobile .para-classics .para h3 {
    font-size: 63px;
    margin: 0;
    font-weight: 400;
  }
  .products-mobile .para-classics .para p {
    width: 90%;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .products-mobile .para-classics .para .desc p {
    display: none;
  }
  .products-mobile .para-classics .para .open-desc {
    font-weight: bold;
    font-size: 24px;
    border-bottom: 4px solid white;
    padding: 7px 0;
    display: inline-block;
    margin: 20px;
    margin-bottom: 10px;
    width: auto;
  }
  .products-mobile .para-classics .para .open-desc i {
    margin-right: 4px;
  }
  .products-mobile .para-classics .para .pack {
    height: auto;
    padding-top: 50px;
  }
  .products-mobile .para-classics .coco {
    width: auto;
    text-align: center;
    margin: 50px;
    display: inline-block;
  }
  .products-mobile .para-classics .coco img {
    height: 70px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .products-mobile .para-classics .coco span {
    font-size: 32px;
    vertical-align: middle;
  }
  .products-mobile .dark-para .para {
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #ffe19f;
  }
  .products-mobile .dark-para .para:nth-of-type(1) {
    background: url("../img/splendidbg-m.jpg") center center no-repeat;
    background-size: cover;
  }
  .products-mobile .dark-para .para:nth-of-type(2) {
    background: url("../img/marirbg-m.jpg") center center no-repeat;
    background-size: cover;
  }
  .products-mobile .dark-para .para h3 {
    font-size: 63px;
    margin: 0;
    font-weight: 400;
  }
  .products-mobile .dark-para .para p {
    width: 90%;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .products-mobile .dark-para .para .desc p {
    display: none;
  }
  .products-mobile .dark-para .para .open-desc {
    font-weight: bold;
    font-size: 24px;
    border-bottom: 4px solid #ffe19f;
    padding: 7px 0;
    display: inline-block;
    margin: 20px;
    margin-bottom: 10px;
    width: auto;
  }
  .products-mobile .dark-para .para .open-desc i {
    margin-right: 4px;
  }
  .products-mobile .dark-para .para .pack {
    height: auto;
    padding-top: 50px;
    margin-bottom: 20px;
  }
  .products-mobile .dark-para .coco {
    width: auto;
    text-align: center;
    margin: 50px;
    display: inline-block;
  }
  .products-mobile .dark-para .coco img {
    height: 70px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .products-mobile .dark-para .coco span {
    font-size: 32px;
    vertical-align: middle;
  }
  .products-mobile .blondy-slider {
    width: 100%;
    background: url("../img/slider1/bg.png") center;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #652f1d;
    margin-bottom: 0 !important;
  }
  .products-mobile .blondy-slider .product-slide {
    height: 730px;
    width: 100%;
    position: relative;
  }
  .products-mobile .blondy-slider .product-slide img {
    padding-top: 30px;
  }
  .products-mobile .blondy-slider p {
    font-size: 60px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    line-height: 1;
    left: 0;
    width: 100%;
  }
  .products-mobile .blondy-slider .slick-dots {
    bottom: 30px;
  }
  .products-mobile .blondy-slider .slick-dots li button {
    width: 50px;
    height: 20px;
  }
  .products-mobile .blondy-slider .slick-dots li button:before {
    width: 50px;
    height: 20px;
    font-size: 18px;
    color: #652f1d;
  }
  .products-mobile .blondy-slider .slick-dots li.slick-active button:before {
    color: #652f1d;
    opacity: 1;
  }
  .products-mobile .splendid-slider {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 0 !important;
  }
  .products-mobile .splendid-slider .product-slide {
    height: 730px;
    width: 100%;
    position: relative;
    background-size: cover;
  }
  .products-mobile .splendid-slider .product-slide .packshot {
    position: absolute;
    left: 50%;
    margin-left: -260px;
    top: 50px;
  }
  .products-mobile .splendid-slider .product-slide .splendid-logo {
    position: absolute;
    left: 50%;
    margin-left: 30px;
    top: 170px;
  }
  .products-mobile .splendid-slider .product-slide.slide-a {
    background: url("../img/slider2/bg_marir.png") center;
    background-size: cover;
  }
  .products-mobile .splendid-slider .product-slide.slide-b {
    background: url("../img/slider2/bg_jandevia.png") center;
    background-size: cover;
  }
  .products-mobile .splendid-slider .product-slide.slide-c {
    background: url("../img/slider2/bg_espresso.png") center;
    background-size: cover;
  }
  .products-mobile .splendid-slider p {
    font-size: 37px;
    text-align: center;
    position: absolute;
    line-height: 1;
    left: 0;
    width: 240px;
    top: 303px;
    left: 50%;
    color: #ffcc02;
    margin-left: 30px;
  }
  .products-mobile .splendid-slider .slick-dots {
    bottom: 30px;
  }
  .products-mobile .splendid-slider .slick-dots li button {
    width: 50px;
    height: 20px;
  }
  .products-mobile .splendid-slider .slick-dots li button:before {
    width: 50px;
    height: 20px;
    font-size: 18px;
    color: #ffcc02;
  }
  .products-mobile .splendid-slider .slick-dots li.slick-active button:before {
    color: #ffcc02;
    opacity: 1;
  }
  .products-mobile .extra-slider {
    width: 100%;
    background: url("../img/slider3/bg.png") center;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #652f1d;
    margin-bottom: 0 !important;
  }
  .products-mobile .extra-slider .product-slide {
    height: 730px;
    width: 100%;
    position: relative;
  }
  .products-mobile .extra-slider .product-slide img {
    padding-top: 140px;
    margin: 0 auto;
  }
  .products-mobile .extra-slider p {
    font-size: 42px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    line-height: 1;
    left: 0;
    width: 100%;
  }
  .products-mobile .extra-slider .slick-dots {
    bottom: 30px;
  }
  .products-mobile .extra-slider .slick-dots li button {
    width: 50px;
    height: 20px;
  }
  .products-mobile .extra-slider .slick-dots li button:before {
    width: 50px;
    height: 20px;
    font-size: 18px;
    color: #652f1d;
  }
  .products-mobile .extra-slider .slick-dots li.slick-active button:before {
    color: #652f1d;
    opacity: 1;
  }
  .products-mobile .workarea {
    margin: 0 auto;
    width: 100%;
  }
  .products-mobile .workarea .products-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 50px;
    text-align: center;
    color: #444;
    position: relative;
    z-index: 1;
    padding: 30px 50px;
    margin: 0 -25px;
  }
  .products-mobile .workarea .products-wrapper .product {
    width: calc(40.33% - 50px);
    margin: 40px;
    margin-bottom: 20px;
  }
  .products-mobile .workarea .products-wrapper .product .product-image {
    margin-bottom: 15px;
    height: 100px;
  }
  .products-mobile .workarea .products-wrapper .product .product-image img {
    height: 100%;
    vertical-align: middle;
    max-width: 100%;
  }
  .products-mobile .workarea .products-wrapper .product .title {
    font-size: 22px;
    font-weight: bold;
    color: #363f45;
  }
}

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