/* FONTS */
@font-face {
  font-family: 'TradeGothicLTStd';
  src: url('../fonts/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'),  url('../fonts/TradeGothicLTStd-BdCn20.otf')  format('opentype'),
	     url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), url('../fonts/TradeGothicLTStd-BdCn20.ttf')  format('truetype'), url('../fonts/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: 'ACaslonPro';
  src: url('../fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ACaslonPro-Regular.otf')  format('opentype'),
	     url('../fonts/ACaslonPro-Regular.woff') format('woff'), url('../fonts/ACaslonPro-Regular.ttf')  format('truetype'), url('../fonts/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: fallback;
}

h1, h2, h3, h4, h5, h6, body,
input, button, .button, select, textarea,
.project-title, .product-title, .project-description, .font-alt-1,
.header .navigation > ul > li > a, .side-navigation > ul > li > a,
.overlay-navigation > ul > li > a, .grid-filter-menu a, .counter, .call-to-action-2 p {
    font-family: 'ACaslonPro', serif;
}
.header .navigation > ul > li > a, .side-navigation > ul > li > a, .alt_font{
  font-family: 'TradeGothicLTStd', sans-serif;
}
.header .navigation > ul > li > a {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}
 .header .header-inner .navigation > ul > li > a:not(.button){
       line-height: 8rem;
 }
 .tms-overlay{
       background: linear-gradient(10deg, rgba(0,0,0,0.36) 0%, rgb(0, 0, 0) 100%);
           background-color: transparent !important;
 }
 section.black_bg, .section-block:not([class*="bkg-"]){
   background: #231f20;
 }
 section.black_bg h2{
   color: white;
 }
 section.black_bg p{
       color: #a6a6a6;
 }
 section#nosotros{
   content: "";
 }
section#nosotros:after{
  content: "";
position: absolute;
display: block;
width: 354px;
height: 350px;

background-size:100% 100%;
z-index: 1;
top: 180px;
left: 140px;
opacity: 0.1;
transform: rotate(-25deg);
 }
 section#menu{
   background-color: #231f20;
   color:white;
background-size: 100% auto;
border-top:1px solid #383838;
 }
 section#menu h2{
   color:white;
   font-size: 4.294rem;
 }
.text-center{
  text-align: center;
}
.auto-height{
  height: auto;
}
.overlay-gradient{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: linear-gradient(10deg, rgba(0,0,0,0.36) 0%, rgba(0, 0, 0, 0.72) 100%);
      top: 0;
}
.accordion>ul>li>div {
    height: 0;
    visibility: hidden;
    border: none;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
#inicio{
  background: black;
  height:100vh!important;
}
.italic{
  font-style: italic;
}
.header-background{
      border-bottom: 5px solid black;
}
/* DESKTOP Landscape */
.title-large {
    font-size: 2rem;
    line-height: 1.2;
      font-family: 'ACaslonPro', serif;
}
img.slide_logo{
  width: 126px;
margin-bottom: 20px;
}
img.main_logo{
      max-width: 280px;
}
.header-inner .navigation > ul > li > a{
  cursor: pointer;
}
.brush_divider{
  width: 100%;
    position: absolute;
    background: url(../images/divider00.png) no-repeat center bottom;
    background-size: 100% auto;
    height: 50px;
    top: -50px;
    left: 0;
}
.brush_divider_left{
  width: 100%;
    position: absolute;
    background: url(../images/divider02.png) no-repeat  center bottom;
    background-size: 100% auto;
    height: 50px;
    top: -50px;
    left: 0;
}
.brush_divider_bottom{
  width: 100%;
    position: absolute;
    background: url(../images/divider03.png) no-repeat center top;
    background-size: 100% auto;
    height: 50px;
    bottom: -50px;
    left: 0;
}
.brush_divider_bottom_2{
  width: 100%;
    position: absolute;
    background: url(../images/divider01.png) no-repeat center top;
    background-size: 100% auto;
    height: 50px;
    bottom: -50px;
    left: 0;
}
footer{
  position: relative;
}
.brush_divider_footer{
  width: 100%;
    position: absolute;
    background: url(../images/divider04.png) no-repeat  center bottom;
    background-size: 100% auto;
    height: 50px;
    top: -50px;
    left: 0;
}
#menu_acordeon{
  position: relative;

}
section#menu h2 {
    color: white;
    font-size: 6.294rem;
    margin-bottom: 30px;
}
#menu_acordeon h2{
  color:White;
}
#menu_acordeon h3{
  color: White;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    line-height: 0px;
}
#menu_acordeon h4{
  color:#231f20;
      margin: 0 0 1rem;
}
#menu_acordeon p{
  color:#231f20;
  font-style:italic;
}
#menu_acordeon .accordion-content{
  margin:auto;
  max-width: 460px;
  padding-top:60px;
      padding-bottom: 60px;
}
  #menu_acordeon > ul > li > a {
    padding: 6.3rem 2.5rem;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #666;
    font-size: 3.1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: white;
    line-height: 10px;
    border:none;
}
#menu .box.xlarge{
}
#menu .monobackground {
    background: url(../images/monograma.png) no-repeat center;
    width: 370px;
    height: 410px;
    z-index: 0;
    position: absolute;
    transform: rotate(-21deg);
    top: 130px;
    left: -150px;
    opacity: 0.1;
    background-size: 100% auto;
}
#menu .coyote {
  background: url(../images/coyote.png) no-repeat center;
  width: 170px;
  height: 120px;
  z-index: 0;
  position: absolute;
  bottom: 50px;
  left: 50%;
  opacity: 1;
  background-size: 100% auto;
  transform: translateX(-50%);
}
#menu .box.xlarge {
    padding-bottom: 200px;
    padding-top: 100px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 30px 60px -30px black;
}
li.entradas{
  background: white;
}
.box.xlarge{
  background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e8eaef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e8eaef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e8eaef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8eaef',GradientType=0 );


background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,234,239,0.88) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,234,239,0.88) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,234,239,0.88) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e8eaef',GradientType=0 );
}
.box.xlarge:after {
    content: "";
    z-index: -1;
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background: transparent;
    border: 2px solid #00000038;
    top: 15px;
    left: 15px;
}
#chef{
  position: relative;
  z-index: 2;
}
.monobackground {
  background: url(../images/monograma.png) no-repeat center;
width: 360px;
height: 350px;
z-index: 0;
position: absolute;
transform: rotate(-1deg);
top: -80px;
left: -120px;
opacity: 0.1;
}
#contacto .monobackground {
    background: url(../images/monograma.png) no-repeat center;
    width: 360px;
    height: 350px;
    z-index: 0;
    position: absolute;
    transform: rotate(-1deg);
    top: 60px;
    left: 360px;
    opacity: 0.1;
    /* left: auto; */
}
.carousel_final{
  margin-bottom: -60px;
}
#ubicacion .booking-box{
  overflow: hidden;
  position: relative;
  border-bottom: 5px solid black;
}
#contacto .booking-box{
  overflow: hidden;
  position: relative;
  border-bottom: 5px solid black;
}
.accordion>ul>li.active>div {
    box-shadow: 0px 12px 40px -20px #00000061;
}
#ubicacion{
  position: relative;
}
#ubicacion .booking-box.xlarge {
  padding: 7rem 2rem 4rem 2rem;
  max-width: 420px;
  box-shadow: 0px 10px 50px -30px black;
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,234,239,0.88) 100%);

}
#contacto .booking-box.xlarge {
  box-shadow: 0px 10px 50px -30px black;
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,234,239,0.88) 100%);

}
.uppercase{
  text-transform: uppercase;
}
.underline{
  text-decoration: underline;
}
#ubicacion iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    z-index: -2;
}
.footer {
    width: 100%;
    background: #000000;
}
.logo_footer{
  max-width: 150px;
margin-bottom: 100px;
}
.text-white{
  color:white !important;
}
.brush_divider {
    width: 100%;
    position: absolute;
    background: url(../images/divider00.png) no-repeat center bottom;
    background-size: 100% auto;
    height: 50px;
    top: -50px;
    left: 0;
}
.formulario{
   position: relative; width: 100%; max-width: 390px; margin: -90px auto 0px; padding: 20px 10px; border-radius: 5px; background: white; box-shadow: 0px 16px 90px -30px #000000d1; border-bottom: 5px solid #0000002e;
}
.amano{
  font-family: 'La Belle Aurore', cursive; font-size:1em;font-size: 1.8em;color: white;
}
#producto{
      border-top: 1px solid #504548;
      position: relative;
      z-index: 2;
}
#mapaNuevoLeon{
  position: relative;
}
#mapaNuevoLeon img{
  max-height: 710px;
opacity: 0.7;
}
#menu h4 {
    font-size: 1.4rem;
}
#menu_acordeon p {
    color: #231f20;
    font-style: italic;
    font-size: 0.8em;
}
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
    background: transparent;
    border-color: #ffffff3b;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd', sans-serif;
    font-size: 0.8em !important;
letter-spacing: 2px;
}
.header .header-inner .navigation > ul > li > a:not(.button) {
    line-height: 8rem;
    font-weight: 400;
    font-size: 0.9em;
}
.top_header{}
  .top_header ul{
    margin: 0px 0 -5px;
    padding:10px 0 0;
    text-align: center;
        border-bottom: 1px solid #ffffff2b;
        transition: all 0.3s;
  }
  .top_header ul li{
    display: inline;
    color:white;
    vertical-align: middle;
  }
  .top_header ul.social-list li a {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 0 20px;
    vertical-align: middle;
    opacity:0.8;
    transition: all 0.3s;
}
.top_header ul.social-list li a:hover {
  opacity:1;
}
.top_header ul.social-list li a img{
  vertical-align: text-top;
}
header.header-background{}
  header.header-background ul.social-list{
    background:  #000;
}
  header.header-background .social-list li a {
    color: #fff;
}
.screen_changer{
  position: fixed;
  z-index: 999;
  background: black;
  width:100vw;
  height: 100vh;
  top:-100vh;
  left:0;
  overflow: hidden;
}
.screen_changer img{
  max-width: 200px;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  top:100vh;
}
#testimonios{
  position: relative;
  z-index: 3;
  border-top: 1px solid #504548;
}
#eventos{
  position: relative;
  z-index: 2;
}
#testimonios .testimonio{
  font-family: 'La Belle Aurore', cursive;
  font-size:3em;
  color: white;
  position: relative;
}
#testimonios .testimonio:before{
  content: "“";
font-size: 6em;
color: white;
font-family: initial;
position: absolute;
opacity: 0.3;
top: -0em;
left: -50px;
line-height: 70px;
}
.gradient_overlay{
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height:100%;
  background: rgba(35,31,32,0);
background: -moz-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,31,32,0)), color-stop(100%, rgba(35,31,32,1)));
background: -webkit-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,1) 100%);
background: -o-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,1) 100%);
background: -ms-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,1) 100%);
background: linear-gradient(to bottom, rgba(35,31,32,0) 0%, rgba(35,31,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#231f20', GradientType=0 );
}
#eventos{
  padding:100px 0 50px;
}
#eventos ul{
  padding:0;
  margin:0 0 1em;
  list-style: none;
  font-size: 1.2em;
}
#eventos .contenido{
  position: relative;
  z-index: 2;
}
#nosotros{
      z-index: 2;
}
.accordion-content h3{
  text-transform: uppercase !important;
color: black !important;
font-size: 1.5em !important;
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 100%;
height: 2em;
line-height: 2.4em !important;
margin-bottom: 40px;
}
/* TABLET Landscape */
@media screen and (max-width:1200px) {

}
/* TABLET Portrait */
@media screen and (max-width:900px) {
  .mobile .featured-media, .mobile .parallax.fixed-height {
      height: 100vh;
  }
  #testimonios .testimonio{
    font-size:2em;
  }
}
/* MOBILE */
@media screen and (max-width:750px) {
  .mobile .featured-media, .mobile .parallax.fixed-height {
      height: 150vh;
  }
  .no_display_mobile{
    display: none;
  }
  img.slide_logo {
    width: 96px;
    margin-bottom: 30px;
}
img.main_logo {
    max-width: 180px;
}
.title-large {
    font-size: 4rem;
    line-height: 2em;
    font-family: 'ACaslonPro', serif;
}
.brush_divider {
    width: 100%;
    position: absolute;
    background: url(../images/divider00.png) no-repeat center bottom;
    background-size: auto 100%;
    height: 100px;
    top: -100px;
    left: 0;
}
.row .row {
    width: auto;
    margin-right: 0;
    margin-left: 0;
}
section#nosotros:after {
    content: "";
    position: absolute;
    display: block;
    width: 254px;
    height: 350px;
    background-size: 100% auto;
    z-index: 1;
    top: 0px;
    left: -60px;
    opacity: 0.1;
    transform: rotate(-25deg);
}
section#menu h2 {
    color: white;
    font-size: 3.294rem;
    margin-bottom: 30px;
}
.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#menu .column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
#menu .box.xlarge {
    padding-bottom: 200px;
    padding-top: 30px;
}
#menu_acordeon h3 {
    color: White;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.6em;
    line-height: 28px;
}
#menu_acordeon > ul > li > a {
    padding: 4.3rem 2.5rem;
}
.formulario {
    position: relative;
    width: 306px;
    max-width: 390px;
    margin: -90px auto 0px;
    margin-left: -53px;
}
.side-navigation-footer, .side-navigation-footer .social-list a {
    color: #fff;
    font-size: 2rem;
}
#inicio{
      height: 69vh !important;
}
}

/* TABLET Landscape */
@media screen and (max-width:1120px)  and (min-width:960px) {
  .header .navigation > ul > li > a {
      margin: 0 0.5rem;
}
}

/* ANIMACION */
.logo_principal_banner{
  padding-top: 70px;
}
body{
  overflow-y: hidden;
}
header{
  opacity: 0;
  transition: all 3s;
}
#animacion{
  background:black;
  position: absolute;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  transition: all 1s;
  left: 0%;
  top: 0;
  transform-origin : 50% 50%;
  margin: auto;
}
#animacion .animacion_coyote{
  position:relative;
  height:80vh;
}
#animacion .lightback{
  background: url(../../animacion/05.png) no-repeat center;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
position:absolute;
z-index:2;
transition: all 1s;
-webkit-animation: lightfade 5s linear alternate infinite running;
}
@keyframes lightfade {
  from { opacity: 0.3; }
  to { opacity: 1; }
}
#animacion .stars{
  background: url(../../animacion/08.png) repeat 0 0;
width: 100%;
margin: 0;
opacity:0.5;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slideStars 900s linear infinite;
position:absolute;
transition: all 1s;
z-index:1;
}
@keyframes slideStars {
  from { background-position: 0 0; }
  to { background-position: -2136px 0; }
}
#animacion .back1{
background: url(../../animacion/02.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slide 500s linear infinite;
position:absolute;
transition: all 1s;
z-index:3;
}
@keyframes slide {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
.mountain1{
background: url(../../animacion/03.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slideMountain 250s linear infinite;
position:absolute;
z-index:4;
}
@keyframes slideMountain {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
.mountain2{
background: url(../../animacion/04.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slideMountainSmall 130s linear infinite;
position:absolute;
z-index:5;
}
@keyframes slideMountainSmall {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
.nature{
background: url(../../animacion/06.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slidenature 60s linear infinite;
position:absolute;
z-index:6;
}
@keyframes slidenature {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
.nature3{
background: url(../../animacion/09.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slidenature3 80s linear infinite;
position:absolute;
z-index:6;
}
@keyframes slidenature3 {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
.nature2{
background: url(../../animacion/07.png) repeat 0 0;
width: 100%;
margin: 0;
text-align: center;
height: 630px;
padding-top: 0px;
box-sizing: border-box;
-webkit-animation: slidenature2 20s linear infinite;
position:absolute;
z-index:10;
}
@keyframes slidenature2 {
from { background-position: 0 0; }
to { background-position: -2136px 0; }
}
/*.coyote {
width: 634px; height: 341px; margin: 2% auto; left:0; right:0; background: url('01.png') left top; animation: play 1s steps(24) infinite; transform:scale(0.6); position:absolute; z-index:9; top:28vh;
}*/
#animacion .coyote {
width: 322px;
height: 171px;
margin:  auto;
left:0; right:0;
background: url('../../animacion/011.png') left top;
animation: play 1s steps(24) infinite;
transform:scale(1);
position:absolute;
z-index:9;
top:410px;
}
#animacion .logo{
position:fixed;
width: 100%;
height:100%;
background: black;
z-index:9999;
top:0;
left:0;
animation: logofadeout 0.3s ease-out;
animation-delay: 3s;
animation-fill-mode: forwards;
}
@keyframes logofadeout {
from { opacity: 1; }
to { opacity: 0; }
}
#animacion .logo img{
    max-width: 190px;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
@keyframes play { 100% { background-position: -7600px; } }
#animacion .logo{
  text-align: center;
}
#animacion .logo img{
      max-width: 190px;
}
@media screen and (max-width:750px){
  #inicio{
    background: black;
  }
  #animacion .coyote {
    transform:scale(0.75);
        left: -14vw;

  }
  #animacion {
    padding-top: 0vh;
    top: -80px;
}
.mountain2, .mountain1, .back1, .starsstars, .lightback{
  display: none;
}



  .header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon) {
      background-color: #ffffff !important;
      border-color: transparent;
      color: #000 !important;
  }
  .header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon) {
      background-color: #ffffff;
      border-color: transparent;
      color: #000;
  }
.header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon){
  display:none;
}