/* hero */
.containerHero{background-image: url(../img/products/header-products_big.jpg); background-size: cover; background-position: center center; height: 100vh;}
.containerHero .heroImage{width: 100%;}
.containerHero .textHolder{position: absolute; bottom: 100px; color: #5a453c; font-size: 90px; padding: 0; line-height: 0.8em; letter-spacing: 3.5px;}
.containerHero .textHolder span{font-size: 58px; letter-spacing: 2.2px;}

.containerHero .scrollDown{color: #fff; position: absolute; bottom: 28px; left: 0; right: 0; width: 85px; margin: auto; text-align: center; font-family: 'Roboto', sans-serif; z-index: 1;}
.containerHero .scrollDown .scrollDownMessage{font-size: 12px; letter-spacing: 3px; line-height: 1.5em;}
.containerHero .scrollDown svg{margin-top: 10px; fill: #fff;}
.containerHero .scrollDown:hover svg{transform: scale(1.5, 1.5); transition: ease 100ms transform;}

/* container Message */
.containerMessage{background-color: #e8e5dc; font-size: 20px; text-align: center;}
.containerMessage p{margin: 50px 0 75px; line-height: 1.3em;}

/* product popup */
.productPopupHolder{position: fixed; width: 100vw; height: 100vh; top: 0; right: 0; background-color: rgba(90, 69, 60, 0.95); z-index: 5;}
.productPopupHolder .productPopup{background-color: #FFF; width: 800px; height: 590px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 0;}
.productPopupHolder .productPopup .closeIcon{position: absolute; right: -12px; top: -12px;z-index: 2;}
.productPopupHolder .productPopup .popupTitle{font-size: 40px; text-align: center; width: 100%; position: absolute; top: 20px; z-index: 1;}
.productPopupHolder .productPopup .carouselArrow{width: 5%; display: inline-block; vertical-align: top; font-size: 16px; height: 100%; border: none; background-color: #fff; background-repeat: no-repeat; background-position: center center; outline: none;}
.productPopupHolder .productPopup .carouselArrow.prev-Arrow{background-image: url(../img/page_parts/slider_arrow_left.svg);}
.productPopupHolder .productPopup .carouselArrow.next-Arrow{background-image: url(../img/page_parts/slider_arrow_right.svg);}
.productPopupHolder .productPopup .slideHolder{width: 90%; display: inline-block; vertical-align: top;}
.productPopupHolder .productPopup .slideHolder *{outline: 0;}
.productPopupHolder .productPopup .slideHolder .slide{height: 610px; position: relative;}
.productPopupHolder .productPopup .slideHolder .slide .packshotBig{position: absolute; top: 70px; left: 20px; width: 280px;}
.productPopupHolder .productPopup .slideHolder .slide .textPopup{position: absolute; top: 70px; right: 70px; width: 350px; height: 483px; display: table;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter{display: table-cell; vertical-align: middle;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .title{font-size: 30px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .subTitle{font-size: 20px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .separator{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; height: 25px; width: 25px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .text{font-size: 16px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .quantity{font-size: 16px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .icons{text-align: right; margin-top: 20px;}
.productPopupHolder .productPopup .slideHolder .slide .textCenter .icons .icon{margin: 0 3px; display: inline-block;}
.productPopupHolder .productPopup .slideHolder .slide .bottomText{display: none;}

.productPopupHolder .productPopup .slideHolder .slide.specialLayout{}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .packshotsHolder{position: relative; width: 405px; height: 295px; top: 80px; text-align: center;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .packshotsHolder img{position: initial; display: inline-block; width: auto;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .packshotBig{position: absolute; top: 0; left: 20px; width: 280px;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup{width: 230px; height: 295px; top: 50px;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter{vertical-align: bottom;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter .separator{display: none;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter .text{display: none;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter .quantity{display: none;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter .icons{display: none;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .textPopup .textCenter .icons{display: none;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .bottomText{display: block; width: 90%; height: 160px; top: 380px; position: absolute; font-size: 16px; text-align: center; left: 0; right: 0; margin: auto;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .bottomText .separator{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; height: 25px; width: 25px; display: inline-block;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .bottomText .icons{text-align: right; position: absolute; bottom: 0; right: 0;}
.productPopupHolder .productPopup .slideHolder .slide.specialLayout .bottomText .icons .icon{margin: 0 3px; display: inline-block;}
/* containerProduct */
.containerProduct{}
.containerProduct .procuctContainerTitle{text-align: center; font-size: 50px; background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; margin: 50px 0;}
.containerProduct .procuctContainerTitle span{background-color: #FFF; padding: 0 20px;}

.containerProduct .productCarouselHolder{font-size: 0; padding: 0;}
.containerProduct .productCarouselHolder:last-child{margin-bottom: 50px;}
.containerProduct .productCarouselHolder .carouselArrow{width: 5%; display: inline-block; vertical-align: top; font-size: 16px; height: 100%; position: absolute; z-index: 1; border: none; background-color: #eeeceb; background-repeat: no-repeat; background-position: center center; outline: none; top: 0;}
.containerProduct .productCarouselHolder .carouselArrow.prev-Arrow{background-image: url(../img/page_parts/slider_arrow_left.svg);}
.containerProduct .productCarouselHolder .carouselArrow.next-Arrow{background-image: url(../img/page_parts/slider_arrow_right.svg); right: 0;}
.containerProduct .productCarouselHolder .productCarousel{width: 90%; display: inline-block; vertical-align: top; font-size: 16px; margin-left: 5%;}
.containerProduct .productCarouselHolder .productCarousel .slide{position: relative; background-color: #fefefe; border: 1px solid #eeeceb; padding-bottom: 30px; /*H 440*/}
.containerProduct .productCarouselHolder .productCarousel .slide:hover{outline-offset: -5px; outline-width: 5px; outline-style: solid;}
.containerProduct .productCarouselHolder .productCarousel .slide .buy_icon{position: absolute; top: 15px; left: 10px; cursor: pointer;}
.containerProduct .productCarouselHolder .productCarousel .slide .more_icon{position: absolute; top: 15px; right: 10px; cursor: pointer;}
.containerProduct .productCarouselHolder .productCarousel .slide .sliderImg{width: 100%;}
.containerProduct .productCarouselHolder .productCarousel .slide .titleHolder{height: 90px; display: table; width: 60%; margin: auto;}
.containerProduct .productCarouselHolder .productCarousel .slide .titleHolder .title{font-size: 30px; text-align: center; margin: auto; display: table-cell; vertical-align: middle;}
.containerProduct .productCarouselHolder .productCarousel .slide .subTitle{font-size: 16px; text-align: center;}

/* gift slider */
.containerProduct .productCarouselHolder .productCarousel.productCarousel3{width: 100%; margin-left: 0;}
.containerProduct .productCarouselHolder .productCarousel.productCarousel3 .slick-track{transform: none !important; margin: auto;}
.containerProduct .productCarouselHolder .productCarousel.productCarousel3 .slide{}
.containerProduct .productCarouselHolder .productCarousel.productCarousel3 .slide .titleHolder{width: 100%;}
.containerProduct .productCarouselHolder .productCarousel.productCarousel3 .slide .sliderImg{padding: 55px 25px 0;}
.containerProduct .productCarouselHolder .prev-Arrow_product3{display: none;}
.containerProduct .productCarouselHolder .next-Arrow_product3{display: none;}


/* containerCertificates */
.containerCertificates{background-color: #e9e5da;padding: 0;}
.containerCertificates .certificatesTitle{text-align: center; font-size: 48px; margin-top: 20px; margin-bottom: 30px;}
.containerCertificates .col-md-3{text-align: center; position: relateive;}
.containerCertificates .col-md-3.centerCol{margin: 0 4.15%;}
.containerCertificates .col-md-3 .certHolder{height: 220px; position: relative;}
.containerCertificates .col-md-3 .certHolder .more_icon{ position: absolute; right: 0; bottom: 20px; z-index: 1; cursor: pointer;}
.containerCertificates .col-md-3 .certHolder .cert{margin-top: 50%; transform: translate(0, -75%);}
.containerCertificates .col-md-3 .text{font-family: 'Roboto', sans-serif; font-size: 12px; text-align: center; margin-bottom: 65px;}

/* certs popup */
.popupCertsHolder{position: fixed; width: 100vw; height: 100vh; top: 0; right: 0; background-color: rgba(90, 69, 60, 0.95); z-index: 5;}
.popupCertsHolder .popupCerts{background-color: #FFF; width: 800px; height: 590px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 0;}
.popupCertsHolder .popupCerts .closeIcon{position: absolute; right: -12px; top: -12px;z-index: 2;}
.popupCertsHolder .popupCerts .popupTitle{font-size: 40px; text-align: center; width: 100%; position: absolute; top: 20px; z-index: 1;}
.popupCertsHolder .popupCerts .carouselArrow{position: absolute; width: 5%; top: 80px; height: 460px; border: none; background-color: #fff; background-repeat: no-repeat; background-position: center center; outline: none;}
.popupCertsHolder .popupCerts .carouselArrow.prev-Arrow{left: 0; background-image: url(../img/page_parts/slider_arrow_left.svg);}
.popupCertsHolder .popupCerts .carouselArrow.next-Arrow{right: 0; background-image: url(../img/page_parts/slider_arrow_right.svg);}
.popupCertsHolder .popupCerts .slideHolder{width: 90%; height: 460px; margin: 80px auto 0;}
.popupCertsHolder .popupCerts .slideHolder .slick-list{height: 100%;}
.popupCertsHolder .popupCerts .slideHolder .slide{position: relative;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideLeft{position: absolute; width: 280px; height: 435px; left: 30px;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideLeft .pdf{position: absolute; bottom: 0; left: 0;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideLeft .cert{margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideRight{position: absolute; top: 0; right: 30px; width: 350px; height: 435px; display: table;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideRight .slideRightTextHolder{display: table-cell; vertical-align: middle;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideRight .slideRightTextHolder .title{font-size: 30px;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideRight .slideRightTextHolder .separator{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; height: 25px; width: 25px;}
.popupCertsHolder .popupCerts .slideHolder .slide .slideRight .slideRightTextHolder .text{font-size: 16px;}








/* mobile */
.containerHero .heroFilter{display: none;}
@media only screen and (max-width : 992px) {
  .containerHero{background-position: 60% 0; padding: 0;}
  .containerHero .heroFilter{display: block; background-color: rgba(89,68,59,0.66); width: 100%; height: 100%;}
  .containerHero .textHolder{color: #fff; right: 0; left: 0; text-align: center; bottom: 200px; font-size: 85px; line-height: 0.5em;}
  .containerHero .textHolder span{font-size: 28px;}

  /*message*/
  .containerMessage{}
  .containerMessage .container{padding: 0;}
  .containerMessage .container > div{padding: 0;}
  .containerMessage p{margin: 50px 0 50px;}

  /*sliders */
  .containerProduct .procuctContainerTitle span{display: inline-block;}
  .containerProduct{padding: 0;}
  .containerProduct .productCarouselHolder .carouselArrow{display: none;}
  .containerProduct .productCarouselHolder .productCarousel{font-size: 0; text-align: center; width: 100%; margin: 0;}
  .containerProduct .productCarouselHolder .productCarousel .slide .titleHolder{height: 30px;}
  .containerProduct .productCarouselHolder .productCarousel .slide .titleHolder .title{font-size: 20px;}
  .containerProduct .productCarouselHolder .productCarousel .slide{width: 50%; display: inline-block; font-size: 12px; vertical-align: top; min-height: 325px;}

  /* popup sliders*/
  .productPopupHolder .productPopup{width: 90%; height: 80%; margin-top: 85px;}
  .productPopupHolder .productPopup .slideHolder{height: 100%;}
  .productPopupHolder .productPopup .slideHolder .slick-list{height: 100%;}
  .productPopupHolder .productPopup .slideHolder .slick-list .slick-track{height: 100%;}
  .productPopupHolder .productPopup .slideHolder .slide{text-align: center; height: 100%;}
  .productPopupHolder .productPopup .slideHolder .slide .packshotBig{height: 25%; position: initial; margin-top: 90px; width: auto; display: inline-block;}
  .productPopupHolder .productPopup .slideHolder .slide .textPopup{position: initial; top: 0; width: 100%; height: 57%; display: block; right: 0; margin: 0; padding: 0; overflow: auto;}
  .productPopupHolder .productPopup .slideHolder .slide .textCenter{width: 100%; display: block;}
  .productPopupHolder .productPopup .slideHolder .slide .textCenter .separator{display: none;}
  .productPopupHolder .productPopup .slideHolder .slide .textCenter .icons{margin-bottom: 20px;}

  /* popup gifts */
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide .packshotsHolder{height: 25%; margin-top: 90px;}
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide .packshotBig{height: 100%; margin-top: 0;}
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide.specialLayout .packshotsHolder{position: initial; width: 100%;}
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide.specialLayout .packshotBig{height: 100%; margin-top: 0;}
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide.specialLayout .textPopup{width: 100%; height: auto;}
  .productPopupHolder .productPopup .slideHolder.slide_oliveOilsGifts .slide.specialLayout .bottomText{position: initial; height: 36%; overflow: auto;}
  /* certs */
  .containerCertificates .col-md-3 .certHolder .cert{margin:20px 0 0; transform: translate(0,0);}

}