/*
==========================================================================
  Brand: Tequila Don Nacho
  Section: Home
  Autor: KUBIK
==========================================================================
*/

/* Set all parents to full height (snap-scroll) */
html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
  height: 100%; 
}
#home-section{padding:0;position:relative;background:#fff;}
section{
  width:100%;
  min-height:100vh;
  padding-top:0px;
  padding-bottom:90px;
}

/* VIDEO BACKGROUND */

#initial-video{
  width:100%;
  height:100vh;
  display:block;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
#myVideo1 {
  background: url('../images/trim-video.png')repeat;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity:.66;
}

/* BOTELLAS */

#colecciones-tequilas{
  overflow: hidden;
  position: relative;
}
#cristal-botella{
  position: absolute;
  top: calc(100% + 90px);
  left: 50%;
  translate: -50%;
  scale:0.77;
  z-index:1;
  -moz-transition: all 0.369s;
  transition: all 0.369s;
}
#origen-bco{
  position:absolute;
  top:calc(100% + 90px);
  left: 16%;
  translate: -33%;
  scale:0.77;
  z-index:1;
  -moz-transition: all 1.618s;
  transition: all 1.618s;
}
#sublime-5y{
  position:absolute;
  top:calc(100% + 90px);
  left: 84%;
  translate: -66%;
  scale:0.77;
  z-index:1;
  -moz-transition: all 2.618s;
  transition: all 2.618s;
}


#cristal-botella.slidingUp{
  top: calc(100% - 510px);
}
#origen-bco.slidingUp{
  top:calc(100% - 510px);
}
#sublime-5y.slidingUp{
  top:calc(100% - 480px);
}
/* #tributo-ane{
  position:absolute;
  top:calc(100% - 510px);
  left: 50%;
  translate: -33%;
} */

/*  */

/* Snap-Scroll + BG */ 

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
  position: fixed;
  z-index: 9999;
  right: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius:40px;
  width:36px;
  padding:10px 10px 0;
  background:rgba(0,0,0,0.33);
}
.cbp-fbscroller > nav a {
  display: block;
  position: relative;
  color: transparent;
  height: 30px;
}
.cbp-fbscroller > nav a:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.cbp-fbscroller > nav a:hover:after {background: rgba(255,255,255,0.6);}
.cbp-fbscroller > nav a.cbp-fbcurrent:after {background: #fff;}

/* SNAP!!!!! */

.cbp-fbscroller {
  /* max-height: 100vh;
  overflow-y: scroll;
  border: 1px solid gray; 
  overflow-y:scroll;
  -ms-scroll-snap-type: mandatory;
      scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: repeat(3rem);
      scroll-snap-points-y: repeat(3rem);
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;*/
}
/* background-attachment does the trick */
.cbp-fbscroller section {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* scroll-snap-align: start; */
}
#colecciones {background-image: url(../images/fondo_galeria1_.jpg);}
#colecciones-tequilas {background-image: url(../images/fondo_galeria1_.jpg);}
#intervenciones {background-image: url(../images/fondo_galeria3_.jpg);}
#intervenciones-up {background-image: url(../images/fondo_galeria3_.jpg);}
#contacto {background-image: url(../images/fondo_galeria4_.jpg);}

section.short-section{
  height:66vh;
  min-height:initial;
}
section.smallest-section{
  height:16vh;
}
#frase-container{
  position:absolute;
  display:block;  
  background:#000;
  top:-88vh;
}
#frase-tequilas{
  color:#fff;
  font-size:24px;
  max-width:480px;
  display:block;
  margin:0 auto;
  position:relative;
  top:0;
  z-index:0;
}





/* Nuevo INTERVENCIONES */

#intervenciones-up{
  min-height:650px;
  width:100%;
  overflow:hidden;
  z-index:2;
}

#proyectosRec .container .row div.col-md-3.col-xs-4{position:relative;}
/*#proyectosRec .container .row div.col-md-3.col-xs-4 .innerPendon{position:absolute;}*/
.innerPendon{
  width:100%;
  height:auto;
  min-height:330px;
  display:block;
  background: rgba(0,0,0,0);
  position:relative;
  top:0;
  right:-300px;
  z-index:1;
}
.innerPendon .caption{
  position:absolute;
  top:50%;
  z-index:2;
  opacity:0;
  width:100%;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.innerPendon:hover .caption{
  top: calc(50% - 30px);
  opacity:1;
}
.innerPendon img{position:absolute;z-index:2;top:0;left:0;-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:1;
  border:9px solid #111;
}
.innerPendon img:hover{opacity:0.48;}

.extra-padding{
  padding:1em;
}





/* Carousel !! */

#carousel-recetas{
  display:block;
  padding:0;
  margin-top:45px;
}
#carousel-recetas a.item{
  display:block;
  background:#000;
  padding:10px;
  position:relative;
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
#carousel-recetas a.item img{
  border: 6px solid #fff;
  opacity:1;
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
#carousel-recetas a.item .caption{
  color:#fff;
  opacity:0;
  padding:0;
  width:100%;
  height:60px;
  font-size:18px;
  text-transform:initial;
  left:0;
  top:50%;
  text-align:center;
  position:absolute;
  transition: ease .168s;
  -webkit-transition: ease .168s;

}
#carousel-recetas a.item:hover .caption{top:calc(50% - 30px);opacity:1;}
#carousel-recetas a.item:hover img{opacity:.66;}
.background#intervenciones:before {
  background-color: rgba(0, 0, 0, 0) !important;
}

#colecciones-bodegon{
  position: relative;
  background:url(../images/botellas-home/horizonte.png)no-repeat bottom left;
  padding-top:90px;
}
#agave-plant{
  position: absolute;
  top:0;
  left: 20%;
  top: calc(50% - 180px);
}
#bodegon{
  position:relative;
  width:100%;
  height:auto;
  min-height:440px;
  padding:0;
  margin:0;
  display:block;
  list-style:none;
  
  background-size:100%;
}
#bodegon li{display:inline-block;width:100%;/*position:absolute;*/}
#bodegon li img{
  position:absolute;
  display:block;
  top:0;
}
#bodegon li img#b-dn-s-5y{
  top:60px;
  left:270px;
  z-index:19;
}
#bodegon li img#b-dn-cristal{
  top:-40px;
  left:175px;
  z-index:18;
}
#bodegon li img#b-dn-o-bco{
  top:-50px;
  left:90px;
  z-index:17;
}
#bodegon li img#b-dn-o-rep{
  top:-50px;
  left:0px;
  z-index:16;
}
#bodegon li img#b-dn-t-bco{
  top:-110px;
  left:170px;
  z-index:15;
}
#bodegon li img#b-dn-t-rep{
  top:-110px;
  left:270px;
  z-index:14;
}
#bodegon li img#b-dn-t-ane{
  top:-110px;
  left:450px;
  z-index:13;
}






#bodegon-mobile{display:none;}
.btn.ghostBtn.d-block.mx-auto{max-width:240px;margin-top:40px;padding:10px 7px;}

/* FOOTER */
p.legal{color:#666 !important;}

.alt-arrow{display:none !important;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* UP ONLY */
@media screen and (min-width: 1440px){}

/* XL */
@media screen and (max-width: 1600px){}
@media screen and (max-width: 1440px){}
/* LG */
@media screen and (max-width: 1320px){}
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1200px){
  .next-section-arrow{display:none !important;}
  .alt-arrow{display:block !important;}
}
/* MD */
@media screen and (max-width: 1170px){}
@media screen and (max-width: 1080px){}
@media screen and (max-width: 991px){
  section{min-height:initial;height:auto;}
  .cbp-fbscroller > nav {right: 40px;}
  #intervenciones-up {min-height:initial;height:auto;}
  .innerPendon {height: auto;min-height: 480px;}
  #bodegon{display:none;}
  #bodegon-mobile{display:block;margin-bottom:0px;}
  #agave-plant{display:none;}
  #colecciones-bodegon{background-image:none;padding-top:45px;}
  #carousel-recetas{height:auto !important;margin:15px auto 90px;max-width:80%;}
  /* Redes Footer */
  ul#redesFooter li a.redesIcon{background:rgba(0,0,0,0.44) !important;}
}
/* SM */  
@media screen and (max-width: 767px){
  .innerPendon {min-height: 108vw;margin-bottom: 3rem;}
  section.short-section {height: 76vh;}
  section.smallest-section {height: 27vh;}
  #cristal-botella.slidingUp {top: calc(100% - 109vw);scale:0.6;}
  #sublime-5y.slidingUp {top: calc(100% - 89vw);scale:0.55;}
  #origen-bco.slidingUp {top: calc(100% - 99vw);scale:0.6;}
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 510px){}
@media screen and (max-width: 480px){
  .cbp-fbscroller > nav {display:none;}
  #cristal-botella.slidingUp {top: calc(100% - 127vw);scale:0.44;}
  #sublime-5y.slidingUp {top: calc(100% - 99vw);scale:0.44;}
  #origen-bco.slidingUp {top: calc(100% - 116vw);scale:0.44;}
}
@media screen and (max-width: 360px){}