/*
==========================================================================
  ORGULLOSAMENTE EL MEXICANO - HOME - KUBIK;
==========================================================================
*/

#home-section{padding:0;position:relative;background:#fff;}

/* SLIDES (SLIDESHOW)  */

#slideshow{
  width:100%;
  height:auto;
  display:block;
  position:relative;
}
#slideshow .item{}
#slideshow .slide-xl{display:block;}
#slideshow .slide-sm{display:none;}

/* PRODUCTOS (CAROUSEL)  */
#carousel-container{
  background:url(../images/carousel-bg.png)center no-repeat;
  background-size:cover;
  padding:15vh 0;
}
#carousel-productos div.owl-item .item img{transform: scale(0.8);max-width:480px;margin: 0 auto;}
#carousel-productos div.owl-item{
  /* background:#ac0000 !important;padding:30px; */
}
#carousel-productos .owl-item.center{
  /* background:#fff !important;padding:30px; */
}
#carousel-productos .owl-item.center .item img{transform: scale(1.05); z-index: 9;}


#carousel-productos div.owl-item img{
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
#carousel-productos div.owl-item.big img{
  transform: scale(1.6180, 1.6180);
}


#carousel-productos div.owl-item.medium img{
  transform: scale(1.1, 1.1);
}
#carousel-container a.btn{max-width:240px;position:relative;z-index:9;}
#carouselProds-fluidContainer{
  max-width:1600px;
}
#carouselProds-fluidContainer a{
  max-width:1600px;
}
/* #carousel-productos .center .item img{width: 100%;max-width: 500px;} */

/*RECETAS*/
#recetas-preview{
  padding-bottom:60px;
}
.pleca-divider h3.outlineGreen-title{
  font-size:48px;
  display:block;
  position:relative;
  z-index:2;
  top:calc(50% - 40px);
  left:0;
  width:100%;
  height:auto;
  /* transform:rotate(-6deg); */
}
h3.outlineGreen-title:before{
  content:'Recetas de México';
  -webkit-text-stroke: 11px #008c3f;
  z-index:-1;
  position:absolute;
}
.receta-preview{
  display:block;
  width:100%;
  height:auto;
  min-height:300px;
  position:relative;
  margin:15px 0;
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
.receta-preview:hover{}
.receta-preview img{
  position:relative;
  z-index:1;
}
.receta-preview p.caption{
  display:block;
  position:absolute;
  width:100%;
  height:40px;
  background: rgb(255,255,255);
  background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  color:#188943;
  text-align:center;
  line-height:40px;
  opacity:0;
  top:50%;
  font-size:21px;
  z-index:2;
  font-weight:700;
  font-style: italic;
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
.receta-preview:hover p.caption{
  opacity:1;
  top:calc(38% - 15px);
}
.receta-preview div.link-detalle{
  display: block;
  position: absolute;
  width: 100%;
  max-width: 150px;
  height: 45px;
  line-height: 25px;
  font-weight: 500;
  top:calc(100% - 45px);
  left:calc(50% - 75px);
  z-index:9;
}
/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1200px){
  .navbarHeight{height:128px;}
}
@media screen and (max-width: 991px){
  #carousel-container h3.titulo{}
  #carousel-container h3.titulo span.red-text{display:block;}
  .navbarHeight{height:100px;}
  
}
@media screen and (max-width: 767px){
  #slideshow .slide-xl{display:none;}
  #slideshow .slide-sm{display:block;}
  .navbarHeight{height:117px;}
}
@media screen and (max-width: 480px){
  .pleca-divider h3.outlineGreen-title{font-size:2rem;}
  h3.outlineGreen-title:before{-webkit-text-stroke: 7px #008c3f;}
  .navbarHeight{height:133px !important;}
}
@media screen and (max-width: 360px){}