/*
==========================================================================
  ORGULLOSAMENTE EL MEXICANO - HOME - KUBIK;
==========================================================================
*/

#home-section{padding:0;position:relative;background:#fff;}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
    margin-left: -3px;
}
a.btn.ct_item-active{
  background:#188c45 !important;
}

/* 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);}
#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.1); 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;}
#carouselProds-fluidContainer{
  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;
}

section#nuestra-marca{min-height:120px;padding:0;position:relative;}
#xs-header{display:none;}

#initial{height: 750px;margin-bottom:0px;display:block;}
#initial.parallaxParent{
  width:100%;
  padding-top: 30px;
  position:relative;
  z-index:1;
  overflow: hidden;
}
#initial .image-parallax {
  height:200%;
  width:100%;
  position: absolute;
  top: -70%;
  background-size: auto !important;
  z-index:1;
  background:url(../images/recetas/header.jpg)no-repeat;
  background-position:top center;
}

.intro-txt{
    line-height:1.61;
}

#banner-cierre{
  position:relative;
  width:100%;
  height:auto;
}
img#certificacion-tif{
  width: 100px;
  height: 100px;
  position:absolute;
  bottom:9px;
  right:-100px;
  -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}
img#certificacion-haccp{
  width: 100px;
  height: 100px;
  position:absolute;
  bottom:9px;
  right:-100px;
  -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}

img#certificacion-tif.r-l{
  right:150px;
}
img#certificacion-haccp.r-l{
  right:36px;
}




















*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.wrap{
  max-width: 1100px;
  width: 90%;
  margin: auto;
}

.wrap > h1{
  color: #494B4D;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 15px 0px;
}



.store-wrapper{
  display: flex;
  flex-wrap: wrap;
}

.category_list{
  display: flex;
  /* flex-direction: column; */
  width: 100%;
}

.category_list .category_item{
  display: block;
  width: 90%;
  padding: 15px 0;
  margin-bottom: 20px;
  background: #e31e26;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.category_list .ct_item-active{
  background: #188c45;
}

/* PRODUCTOS ============*/

.products-list{
  /* width: 82%; */
  display: flex;
  flex-wrap: wrap;
}


.products-list .product-item{
  width: 30%;
  margin-left: 3%;
  margin-bottom: 25px;

  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: flex-start;

  transition: all .4s;
}

.products-list .product-item img{
  width: 100%;
}

.products-list .product-item a{
  display: block;
  width: 100%;
  padding: 8px 0;
  font-family: 'Archivo', sans-serif;
  font-size: 1.5rem;
  color: #138946;
  text-align: center;
  text-decoration: none;
}

/* RESPONSIVE ================================*/

@media screen and (max-width: 1100px){
  .products-list .product-item{
    width: 30.3%;
  }
}

@media screen and (max-width: 900px){
  .category_list,
  .products-list{
    width: 100%;
  }

  .category_list{
    flex-direction: row;
    /* justify-content: space-between; */
  }

  .category_list .category_item{
    align-self: flex-start;
    /* width: 15%; */
    font-size: 14px;
  }

  .products-list .product-item{
    margin-left: 4.5%;
  }

  .products-list .product-item:nth-child(3n+1){
    margin-left: 0px;
  }
}

@media screen and (max-width: 700px){
  .category_list{
    flex-direction: column;
  }
  .category_list .category_item{
    width: 100%;
    margin-bottom: 10px;
    border-radius:50px !important;
  }
  .products-list .product-item a{

  font-size: 1.2rem;
}
}

@media screen and (max-width: 600px){

  .products-list .product-item{
    width: 47.5%;
  }

  .products-list .product-item:nth-child(3n+1){
    margin-left: 4.5%;
  }

  .products-list .product-item:nth-child(2n+1){
    margin-left: 0px;
  }
  .products-list .product-item a{

  font-size: 1.1rem;
}

}

@media screen and (max-width: 350px){
  .products-list .product_item{
    width: 100%;
    margin-left: 0px;
  }
}





























/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 991px){
  #carousel-container h3.titulo{}
  #carousel-container h3.titulo span.red-text{display:block;}
  #xs-header{display:block;}
    .header#initial{display:none;}
}
@media screen and (max-width: 767px){
  #slideshow .slide-xl{display:none;}
  #slideshow .slide-sm{display:block;}
}
@media screen and (max-width: 640px){
  .btn-group{display:block;}
  .btn-group a{display:block;width:100%;margin:5px auto;clear:both;}
}
@media screen and (max-width: 480px){
  .pleca-divider h3.outlineGreen-title{font-size:2rem;}
  h3.outlineGreen-title:before{-webkit-text-stroke: 7px #008c3f;}
  section#nuestra-marca {min-height: 40px;}
}
@media screen and (max-width: 360px){}




