/* ==============================
        Sliders
================================== */
.sliders-home .carrousel-home .item{
  position: relative;
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
}
.sliders-home.sm{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
  height: 100vh;
  position: relative;
}
.sliders-home.sm .figcaption{
  position: absolute;
  top: 1%;
  left: 0;
  right: 0;
}
.sliders-home.sm .figcaption-img{
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
}
.carrousel-home-sm .owl-stage-outer{
  height: 100%;
}
.carrousel-home-sm.owl-carousel .owl-item{
  min-height: 100vh;
}
.sliders-home .carrousel-home .owl-dots{
  position: absolute;
  bottom: 30px;
  left: 60px;
  z-index: 1;
}
.sliders-home .carrousel-home .owl-nav button.owl-next,
.sliders-home .carrousel-home .owl-nav button.owl-prev,
.sliders-home .carrousel-home button.owl-dot{
  background: #FFFFFF;
  opacity: 0.5;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}
.sliders-home .carrousel-home button.owl-dot.active{
  background: #F8C84F;
  border: 1px solid #F8C84F;
  opacity: 1;
}
.sliders-home .carrousel-home-sm .owl-dots{
  position: absolute;
  bottom: 30px;
  left: 0px;
  z-index: 1;
}
.sliders-home .carrousel-home-sm .owl-nav button.owl-next,
.sliders-home .carrousel-home-sm .owl-nav button.owl-prev,
.sliders-home .carrousel-home-sm button.owl-dot{
  background: #FFFFFF;
  opacity: 0.5;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}
.sliders-home .carrousel-home-sm button.owl-dot.active{
  background: #F8C84F;
  border: 1px solid #F8C84F;
  opacity: 1;
}

/* ==============================
        Nuestros Productos
================================== */
.nuestros-productos{
  background: #5FAA41;
  padding: 100px 0 100px;
}
.nuestros-productos._EEDAB6{
  background: #EEDAB6;
}
.nuestros-productos .nuestros-productos-menu{
  border: 0px;
}
.nuestros-productos .nuestros-productos-contenido{
  margin-top: 60px;
}
.nuestros-productos .nuestros-productos-menu > li:first-of-type{
  margin-right: 15px;
}
.nuestros-productos .nuestros-productos-menu > li > button {
  font-family: 'GandhiSans-Bold';
  font-size: 16px;
  border-radius: 50px;
  padding: 6px 20px;
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width: 200px;
}
.nuestros-productos .nuestros-productos-menu > li > button.active{
  background: #F8C84F !important;
  color: #5A883A !important;
  border: 1px solid #F8C84F !important;
}
.nuestros-productos .nuestros-productos-contenido .information{
  margin-bottom: 70px;
}
.nuestros-productos .productos-tradicionales .slick-slide,
.nuestros-productos .productos-esenciales .slick-slide,
.nuestra-preparacion .slick-preparaciones .slick-slide{
    margin: 0 8px;
}
.nuestros-productos .slick-dots{
  bottom: -60px;
}
.nuestros-productos .slick-dots li button{
  background: #FFFFFF;
  opacity: 0.5;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}
.nuestros-productos .slick-dots li button::before{
  content: ""
}
.nuestros-productos .slick-dots li.slick-active button {
  background: #F8C84F;
  border: 1px solid #F8C84F;
  opacity: 1;
}
.nuestros-productos .form-range{
  background: #F8C84F !important;
  border-radius: 30px !important;
}
.nuestros-productos._EEDAB6 .productos .producto-item::before{
  background: #F8B7AD;
}

/* ==============================
      Nuestro Dispensador
================================== */
.nuestro-dispensador{
  padding: 180px 0px 140px;
}
.nuestro-dispensador .box-img{
  position: relative;
}
.nuestro-dispensador .box-img .front{
  position: absolute;
  top: 70px;
  right: 35px;
  left: 35px;
  width: 70%;
}
.nuestro-dispensador .box-img .hoja1{
  position: absolute;
  bottom: 35%;
  left: 10px;
  transform: scale(1.2);
}
.nuestro-dispensador .box-img .hoja2{
  position: absolute;
  bottom: -40px;
  right: 20%;
}
.nuestro-dispensador .box-img .hoja3{
  position: absolute;
  top: -150px;
  right: 10%;
}


/* ===============================
        Nuestras Recetas
================================== */
.nuestras-recetas{
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  padding-bottom: 80px;
}
.nuestras-recetas .hoja-recetas-home{
  position: absolute;
  top: 25%;
  left: 10%;
}

.nuestras-recetas .box-receta{
  position: relative;
  z-index: 1;
  border-radius: 20px;
}
.nuestras-recetas .box-receta::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  right: -20px;
  top: 20px;
  z-index: -1;
  background: inherit
}
.nuestras-recetas .box-receta .box-img{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
  height: 320px;
  border-radius: 20px 20px 0 0;
  position: relative;
}
.nuestras-recetas .box-receta .box-img span{
  border-radius: 50px;
  padding: 5px 20px;
  position: absolute;
  top: 20px;
  left: 10px;
}
.nuestras-recetas .box-receta .box-footer{
  background: #FFFFFF;
  padding: 20px;
  border-radius: 0 0 20px 20px;
}
.nuestras-recetas .box-receta .box-footer .btnGo{
  background: #5FAA41;
  border: 1px solid #5FAA41;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 5px;
  box-shadow: none;
  outline: 0;
}

/* ==============================
      Nuestro Instagram
================================== */
.nuestro-instagram{
  background: #EEDAB6;
  padding: 200px 0 100px 0;
}
.nuestro-instagram .carrousel-instagram .owl-dots{
  width: 100%;
  text-align: center;
}
.nuestro-instagram .carrousel-instagram .owl-nav button.owl-next,
.nuestro-instagram .carrousel-instagram .owl-nav button.owl-prev,
.nuestro-instagram .carrousel-instagram button.owl-dot{
  background: #F8C84F;
  opacity: 0.5;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}
.nuestro-instagram .carrousel-instagram button.owl-dot.active{
  background: #F8C84F;
  border: 1px solid #F8C84F;
  opacity: 1;
}
