/*
==========================================================================
  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);}
#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;
}

/* NUEVOS ELEMENTOS (VIDEO BG)  */

.video-container{
  width:100%;
  height:100vh;
  display:block;
  position:relative;
}
/*
.video-container .content{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding-top:3rem;
}*/

div#texto-cta{
  text-align:center;
  padding:0 30px;
}
div#texto-cta p{}

div#texto-cta a.btn.ghostBtn{
  width: 100%;
  max-width:300px;
  display:block;
}
div#texto-cta a.btn.ghostBtn.arrow{
  width:53px !important;
  text-align:center;
}
video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}

footer{
  background-color:#fff !important;
}
/*chulada de parchecito*/
#parche-mobile{display:block;min-height:180px;background:#fff;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        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;}
  #home-section{padding-bottom:90px;}
  footer{margin-top: 0 !important}
}
@media screen and (max-width: 767px){
  #slideshow .slide-xl{display:none;}
  #slideshow .slide-sm{display:block;}
  div#texto-cta p br{display:none;}
  .video-container{/*max-height:100vw;*/}
  #parche-mobile{display:block;width:100%;height:6rem;background:#fff;}
}
@media screen and (max-width: 480px){
  .pleca-divider h3.outlineGreen-title{font-size:2rem;}
  h3.outlineGreen-title:before{-webkit-text-stroke: 7px #008c3f;}
  #parche-mobile{height:4.5rem;}
}
@media screen and (max-width: 360px){}