
@font-face{font-family:'museo-sans-rounded';font-weight:100;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-100-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-100-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-100-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-100-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-100-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}
@font-face{font-family:'museo-sans-rounded';font-weight:300;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-300-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-300-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-300-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-300-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-300-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}
@font-face{font-family:'museo-sans-rounded';font-weight:500;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-500-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-500-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-500-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-500-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-500-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}
@font-face{font-family:'museo-sans-rounded';font-weight:700;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-700-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-700-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-700-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-700-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-700-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}
@font-face{font-family:'museo-sans-rounded';font-weight:900;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-900-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-900-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-900-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-900-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-900-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}
@font-face{font-family:'museo-sans-rounded';font-weight:1000;src:url("../fonts/WebFont.eot");src:url("../fonts/MuseoSansRounded-1000-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/MuseoSansRounded-1000-webfont.woff2") format('woff2'),url("../fonts/MuseoSansRounded-1000-webfont.woff") format('woff'),url("../fonts/MuseoSansRounded-1000-webfont.ttf") format('truetype'),url("../fonts/MuseoSansRounded-1000-webfont.svg#museo_sans_rounded300") format('svg');font-style:normal}


.img-responsive{width: 100%;}

html{overflow-x: hidden;}
body {font-family:"museo-sans-rounded",sans-serif;/*background-color: #c2071d;*/color: white;margin-top:80px;}


/* header */
header{background: rgb(194, 7, 29);;color: white;position: fixed;top: 0; width: 100%;}
.logo a{z-index: 99999;cursor: pointer;}
.navbar-inverse {background-color: transparent;border-color: transparent;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background-color: transparent;}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {background-color: transparent;}
.navbar {position: relative;min-height: 20px!important;margin-bottom: 0px;border: 0;}
.navbar-inverse .navbar-nav>li>a{color: white!important;text-transform: uppercase;}
.main-menu>li:not(:last-child)>a {position: relative;display: block;border-bottom: 1px solid white;}
.nav>li:last-child>a{border-right:0;}

.navbar-nav>li{padding-top: 10px;padding-bottom: 10px;}
.navbar-nav>li.active{background-color: #6d020f;}
.navbar-inverse .navbar-nav>li>a{margin-top: 0;}

.navbar-nav>li>.dropdown-menu > li:hover{}
.navbar-nav>li>.dropdown-menu > li > a{color:#fff;text-transform: uppercase;}
.navbar-nav>li>.dropdown-menu{background-color: #c2071d;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: transparent;}

.bg-madera{background-image: url(../img/home/Fondo_Madera_Principal.jpg);background-size: cover;margin-top: -50px;z-index: 200;position: relative;padding-top: 20px;padding-bottom: 50px;}

.hostel, .promo,.menu,.shop{margin-bottom: 20px;}

.hostel img:nth-child(1){position: relative;width: 50%;z-index: 3;}
.hostel img:nth-child(2){position: absolute;top: -12%;right: 0;height: 112%;width: 57%;}

.promo img:nth-child(2){position: relative;width: 52%;z-index: 3;right: 0;float: right;}
.promo img:nth-child(1){position: absolute;top: -12%;left: 0;height: 112%;width: 64%;}

.menu img:nth-child(1){position: relative;width: 57%;z-index: 3;}
.menu img:nth-child(2){position: absolute;top: -13%;right: 0;height: 113%;width: 64%;}

.shop img:nth-child(2){position: relative;width: 55%;z-index: 3;float: right;}
.shop img:nth-child(1){position: absolute;top: 0%;height: 100%;width: 57%;}

.table img:nth-child(1){position: relative;width: 50%;z-index: 6;}
.table img:nth-child(2){position: absolute;width: 50%;z-index: 3;top: 0%;right: 0;height: 100%;width: 57%;}

/* home */

.press{background-image: url(../img/home/press/Madera_Press.png); background-size:cover;padding-top: 50px;padding-left: 20px;padding-bottom: 30px;}


.press .logo-pres p{font-size: 12px;font-weight: 300;color: white;}

/* modals */
.location-modal .modal-content{background-color: transparent;background-image: url(../img/Madera_Base_Ubicacion.jpg);    background-size: 100% 100%;box-shadow: none;padding-left: 50px;border-radius: 25px;padding-bottom: 50px;padding-top: 10px;position:relative;}
.contacto-modal .modal-content{background-color: transparent;background-image: url(../img/contact/Madera_Contact_Pop_Up.png);    background-size: 100% 100%;box-shadow: none;padding-left: 50px;border: 0;    padding-top: 10px;padding-bottom: 50px;}

img.tabla {
    position: absolute;
    bottom: 0;
    right: 3%;
    width: 25%;
}

.modal-header,.modal-footer{border:0;}


.logos{margin-top: 35px;margin-bottom: 80px;}
.last-footer{margin-bottom: 20px;margin-top: 20px;}
.redes div{width: 25%;float: left;text-align: center;}
.redes div img{width: 25px;}
.redes div:nth-child(1) img{width: 13px;}

.last-footer  .col-sm-2{border-right: 1px solid #fb3f56;text-align: center;}
.last-footer  .col-sm-2 a,.last-footer  .col-sm-2 a:hover{color: white;text-decoration: none;}
.last-footer  .col-sm-2:last-child{border-right: 0px solid white;text-align: center;}

.last-footer-p{text-align: center;color: #fb3f56;    float: left;}




/* generals */


.w-25-mobile{max-width:25%!important;}
.w-50{max-width:50%;}
.w-100{width:100%;}
.w-70{max-width:70%;}
.w-80{max-width:80%;}
.w-200{max-width:150px;}
.w-150{max-width: 150px;}
.mw-250{max-width: 250px;}
.mw-200{max-width: 200px;}
.mw-100{max-width: 100px;}
.w-400{max-width: 400px;}
.img-abs{width:20%;}
.bg-wood{background-image: url(../img/general/Fondo_Madera_MenusInternos.jpg);background-repeat: no-repeat;}
header{z-index: 9999}
.main{z-index: 1;}
footer{z-index: 9999;}

/* margins  */

.pt-3{margin-top: 30px}
.pt-5{margin-top: 50px}
.pb-10{margin-bottom: 100px}
.pb-30{margin-bottom: 300px}
.py-1{padding-bottom: 20px;padding-top: 20px;}
.py-5{padding-top: 50px;padding-bottom: 50px;}
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 30px}
.mt-5{margin-top: 50px}
.mt-10{margin-top: 100px}
.mb-5{margin-bottom: 50px}
.mb-15{margin-bottom: 150px}}
.my-1{margin-top: 10px;margin-bottom: 10px;}
.my-5{margin-top: 50px;margin-bottom: 50px;}
.my-10{margin-top: 100px;margin-bottom: 100px;}
.my-15{margin-top: 150px;margin-bottom: 150px;}
.p-form-group{padding:20px 20px 20px 40px}
.p-form-franchise{padding:20px 20px 20px 40px}
.p-form-franchise{padding:20px 20px 20px 40px}
.location-space-top{margin-top: 50px;}



.carousel-indicators li{background-color:#fff!important;border:1px solid #fff!important;}


/* colors */
.color-black, .color-black p{color:#000;}
.color-required{color:#ffc106;}




/* typos */


/* aligns */


/* header */
.navbar-brand{height:auto!important;}
.navbar-brand img{max-width: 150px;}
.navbar-inverse .navbar-toggle{margin-top:25px;}

/* footer */
.logos-footer{padding:20px 0px;}
/*.logos-footer a{width:15%;padding:10px;}*/
.item-footer{margin-top: 20px}
/*.logo-item img{max-width: 100px;}*/

/* absoluts */
.img-top-right{position: absolute;top: 60px;right:0;z-index: 20;}
.img-bottom-left{position: absolute;bottom: -200px;left:-50px;z-index: 2000;}
.img-bottom-right{position: absolute;bottom: -200px;right:-50px;z-index: 2000;}


/* locations */
.checfr{min-height: 300px;}


footer{background-image: url(../img/footer/Footer_Estructura.png);background-size: cover;background-color: white;}
.img-title{height: 340px;width:100%;background-size:100% 100%;margin-top: -50px;}
.bg-form{background-image: url(../img/grupos/Base_Madera_Formulario_Reservas.png);background-size: 100% 100%;box-shadow: none;border: 0;}
.n-bg-form{background-image: url(../img/Formulario_Franchise.png);background-size: 100% 100%;box-shadow: none;border: 0;padding: 5% 8% 5% 14%;}
.align-flex-mobile{display: flex;align-items: center;justify-content: space-around;}
.font-group{font-size: 18px}
.form-group{margin-bottom:10px!important;}
.color-yellow{color:#ffc106;}
a.color-yellow:hover{color:#ffc106; }

.title-text{font-size: 30px;font-weight: bold;}

/* locations */
.fixed-icons{background-color: #c2071d;position: fixed;top:12%;right:0px;width:50px;z-index: 999;height:100px;padding:5px;}
.fixed-icons a{display: block;}
.fixed-icons a:first-child{border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom: 10px;margin-top: 5px;}
.fixed-icons img{width:20px;}
.location-space-top p{margin-bottom: 5px;font-size: 20px;font-weight: 300;}
.location-space-top a{color:#fff;text-decoration: none;}
.location-space-top a:hover{text-decoration: none;}
.locations-phones p{font-size:20px; }
.location-space-top > div{border-right:3px solid #fff;}

/*.bg-red{background-color:#da1a32}*/


/*video*/
#main-video{width: 100%;}



/*kikon*/
.vcenter {
   display: flex!important;
   align-items: center;}
.checkf, .checkf2{cursor: pointer;}
.op-form{
    background-image: url(../img/op-madera.png);
    background-size: cover;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.promo-slide-cancun{
    background-image: url(../img/promo-slide/cancun/Madera_Promo_Slider_Cancun.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-los-cabos-san-lucas{
    background-image: url(../img/promo-slide/loscabos/Madera_Promo_Slider_Cabo.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-cabos-cruise-terminal{
    background-image: url(../img/promo-slide/loscabos/Madera_Promo_Slider_Cabo.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}

.promo-slide-cozumel{
    background-image: url(../img/promo-slide/cozumel/Madera_Promo_Slider_Cozumel.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-cozumel-interpier{
    background-image: url(../img/promo-slide/cozumel/Madera_Promo_Slider_Cozumel.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-freeport{
    background-image: url(../img/promo-slide/freeport/Madera_Promo_Slider_Freeport.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 148px;
}
.promo-slide-miami{
    background-image: url(../img/promo-slide/miami/Madera_Promo_Slider_Miami.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-myrtle{
    background-image: url(../img/promo-slide/myrtle/Madera_Promo_Slider_Myrtle.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.promo-slide-nassau{
    background-image: url(../img/promo-slide/nassau/Madera_Promo_Slider_Nassau.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}

.promo-slide-orlando{
    background-image: url(../img/promo-slide/orlando/Madera_Promo_Slider_Orlando.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}

.promo-slide-playa-del-carmen{
    background-image: url(../img/promo-slide/playadelcarmen/Madera_Promo_Slider_Pcarmen.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 148px;
}
.promo-slide-puerto-rico{
    background-image: url(../img/promo-slide/puertorico/Madera_Promo_Slider_PtoRico.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 148px;
}
.promo-slide-puerto-vallarta{
    background-image: url(../img/promo-slide/puertovallarta/Madera_Promo_Slider_PtoVallarta.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 148px;
}
.promo-slide-las-vegas{
    background-image: url(../img/promo-slide/lasvegas/Madera_Promo_Slider_Vegas.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 148px;
}
.carousel-control .glyphicon-left, .carousel-control .glyphicon-right {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-control{ width: 30px;}
.carousel-control .glyphicon-left{left: 10%}
.carousel-control .glyphicon-right{right: 10%;}
.carousel-control.left{background: none;opacity: 1;}
.carousel-control.right{background: none;opacity: 1;}
.bg.gray{background-color: }
.promos-slides h4{font-weight: 900;
    text-transform: uppercase;}

.bg-tripadvisor{background-image: url(../img/MENU_INTERNOS/CANCUN/Trip_Advisor/Madera_Trip_advisor_Cancun.jpg);background-size: cover;}
.bg-red-wood{background-image: url(../img/Menus_Alimentos/Madera_Roja_Base.png);background-size: 100% 100%;    border-radius: 25px;}
.bg-blue-wood{background-image: url(../img/Menu_Bebidas/Madera_Menu_Bebidas.png);background-size: 100% 100%;    border-radius: 25px;}



.color-yellow{color:#fedc32;}
/* menu */
.menus h2{font-size:45px;color:#fedc32;text-align:center;font-weight: 800;}
.menus h2 >span{font-size:30px;}
.menus h3 >span{font-size: 18px;}

.menus h3{font-size:25px;color:#fff;font-weight: 800;}
.menus p{font-size: 12px;}
.border-bottom{border-bottom: 2px solid #fff;}
.block-menu{padding:50px 0px;}
.left-absolute{position: absolute;top:0;left:0;z-index: 99}
.right-absolute{position: absolute;top:0;right:0;z-index: 99}
.right-b-absolute{position: absolute;bottom:0;right:0;z-index: 99}
.bottom-absolute{position: absolute;bottom:0;left:0;z-index: 99}
.ln-50{margin-left: -50px;}
.ln50{margin-left: 50px;}
.ln-35{margin-left: -35px;}
.rn-135{margin-right: -133px;}
.mtn-50{margin-top:-50px;}
.mtn-100{margin-top:-100px;}
.mbn-100{margin-bottom:-100px;}
.mbn-50{margin-bottom:-50px;}
.mt-100{margin-top:100px;}
.mt-100{margin-top:100px;}
.m-auto{margin:0 auto;right:0;}


.tooltip_templates { display: none; }
.tooltipster-sidetip .tooltipster-box{
    background-color: transparent!important;
    border-bottom: none!important;
}
.tooltipster-sidetip .tooltipster-arrow-background{display: none!important;}
.tooltipster-sidetip .tooltipster-arrow-border{display: none!important;}
.tooltipster-sidetip .tooltipster-box{border:none!important;}
.tooltipster-sidetip .tooltipster-content{padding: 0!important;}



.dropdown-menu{background-color: #c2071d; color: white;}
.dropdown-menu>li>a,.dropdown-menu>li>a:hover{color: white;text-transform: uppercase;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #c2071d; color: white;}

.modal{z-index: 9999999}



.last-line{ min-height: 150px; padding-top: 30px; padding-bottom: 15px; }
.final-line{padding-top: 20px!important;padding-bottom: 10px!important;background-color: #b49a63;color: white;}
.m-0-auto{margin: 0 auto;}
.andersons{margin-bottom: 20px;}
.andersons a img{padding: 0 67px;} 
.marcas a{width: 15%;text-align: center;}
.marcas a img{width: 10%!important; padding: 10px;}
.marcas a .mate{width: 8%!important; margin: 0 auto;padding: 10px;}
.marcas a .hroof{width: 6%!important; margin: 0 auto;padding: 10px;}


.marcas-movile,.marcas-movile2 {text-align: center;margin-bottom: 20px;}
.marcas-movile a img{width: 18%;text-align: center;margin:0 10px;}
.marcas-movile a img.mate{width: 14%;}
.marcas-movile2 a img.hroof{width: 8%;}
.marcas-movile2 a img{width: 14%;text-align: center;margin:0 10px;}

.final-line a{color: white;}
.redes img{margin-right: 10px;}

.promos-slides p{font-weight: 300!important;}


.loguitos .col-xs-6{text-align: center;}
.loguitos .col-xs-6 img{ padding: 10px;}

.modal-header .close{color: rgba(255,255,255,1);
    opacity: 1;}


.logo-nuevo{margin-top: 10px;margin-bottom: 10px;margin-left: 10px;}

#navbar2 ul li a{font-size: 16px;    padding-bottom: 0; padding-top: 10px;}
#navbar2 .navbar-nav>li{padding-bottom: 0;}
#navbar ul li a{font-size: 16px;    padding-top: 0; padding-bottom: 0px;}


.logo img{    
    /* width: 200px; */
    height: 53px;
    margin-top: 5px;
    margin-bottom: 5px;}


.button_container {
  position: absolute;
  display:none;
  top: 20%;
  right: 5%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
          transform: translateY(-10px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 10px;
}
.button_container span:nth-of-type(3) {
  top: 20px;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, width .35s;
  z-index: 50;
}
.overlay:before {
  content: '';
  left: -55%;
  background: #000000;
  top: 0;
  width: 51%;
  height: 100%;
  position: absolute;
  transition: left .35s ease;
}
.overlay:after {
  content: '';
  background: #000000;
  right: -55%;
  top: 0;
  width: 51%;
  height: 100%;
  position: absolute;
  transition: all .35s ease;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
  overflow-y:scroll!important;
}
.overlay.open:before {
  left: 0;
}
.overlay.open:after {
  right: 0;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}
.row-menu{
    color:#ffffff;
    font-size:20px;
}
.row-menu a{
    color:#ffffff;
    font-size:20px;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  text-transform: uppercase;
  font-weight:lighter;
  text-align: center;
  z-index: 100;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 80%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 5);
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  transition: .35s;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


.fixedHeight { text-align: center; background: #E93F33 !important; height: 55px; }
.fixedBottom { margin-bottom: -15px; }

.p-form-franchise label{color:white;text-transform: uppercase;}
.p-form-franchise input, .p-form-franchise select{text-transform: uppercase;}

/*------------------------------------*\
    $MEDIA QUERIES
\*------------------------------------*/
/* Extra Small */
@media(max-width:767px){
    .button_container{display:block;}
    .promos-slides p{font-weight: 100!important;}
    .location-tab {
            background: #c2071d;
            padding: 35px;
            margin-bottom: 20px;
            color: white;
            text-align: center;
            font-size: 20px;
            text-transform: uppercase;
        }
    .location-tab p{margin-bottom: 0;}
    footer{background-image: url(../img/Footer_Base_MOBILE.png);}
    .w-200{display: none}
    .p-form-group button>img{width:100%!important;}
    .p-form-franchise button>img{width:100%!important;}
    .pull-right{float: left!important;}
    .main-menu{width:100%;}
    .main-logo{margin-top: 20px}

    .logos-footer{display:flex; flex-flow: row wrap;align-items: center;justify-content: center;padding:0px 15px;}
    .logos-footer>div{flex: 1 1 20%;margin-top: 15px;padding:10px;text-align: center;align-items: stretch;}
    .logos-footer>div>img{max-width: 60%;margin:0 auto;}

    .logos-press{display:flex; flex-flow: row wrap;align-items: center;justify-content: center;padding:0px 15px;}
    .logos-press>div{flex: 1 1 40%;margin-top: 15px;padding:20px;text-align: center;align-items: stretch;}
    .logos-press>div>img{max-width: 70%;margin:0 auto;}
    .dropdown-menu>li>a{color:#fff!important;}
    .checkf{cursor: pointer;}
    .press .logo-pres p{margin-top: 20px;}
    .w-50-mobile{max-width:50%;margin:0 auto;}
    .w-80-mobile{max-width:80%;margin:0 auto;}
    .w-60-mobile{max-width:60%;margin:0 auto;}
    /*.logos-footer div >img{width:50%;}*/
    .form-group select{margin-bottom: 20px}
    .carousel-indicators{bottom:-10px!important;}
    .vcenter{display: block!important;}
    .bg-tripadvisor{    height: 310px!important;
    text-align: center;}
    .navbar-nav>li.active{background-color: transparent!important;}
    .main-menu>li:not(:last-child)>a{border-bottom: none;}
    .location-modal .modal-content{padding-left: 20px;}

    .navbar-toggle{background-color: #6d020f;border-color: #6d020f;}
    .navbar-inverse .navbar-toggle{border:#6d020f;}
    .video{height: 60vh!important;}
    .vimeo-wrapper iframe{top: 35%!important}
    .vimeo-wrapper{left: 1.6%!important;}

    .padding-0-mobile{padding: 0;}
    .p-form-group{padding: 30px 20px 20px 20px;}
    .p-form-franchise{padding: 30px 20px 20px 20px;}
    .bg-form {
           
            background-size: cover;
            background-position: center;
            box-shadow: none;
            border-radius: 24px;
        }
    .titulo-press{min-height: 103px;}
    .bg-red-wood {
        background-size: contain;
        background-position: center;
        border-radius: 25px;
            background-image: url(../img/Menus_Alimentos/Madera_Roja_Base-mobile.jpg);
            background-color: #e1293d;
    }

    .menus .row.mt-10{margin-top: 0!important;}
    .menus .row.mt-10 .row.pb-30{margin-bottom: 0!important;}
    .menus .border-bottom{border-bottom: 0!important;}
	.menus h2{font-size: 40px;}
    .item-menu h3{color:white!important;}

    .bg-blue-wood{    background-size: contain;
    /* background-position: center; */
    background-color: #4e8099;
    border-radius: 25px;
    background-image: url(../img/Menu_Bebidas/Madera_Menu_Bebidas-mobile.jpg);
    background-repeat: repeat;}
    .bg-blue-wood .pb-10{margin-bottom: 0!important;}

    .location-modal .modal-content{
            background-color: transparent;
    background-size: 100% 100%;
    box-shadow: none;
    background-position: top;
    border: 0;
    padding-bottom: 0px;
    padding-top: 0px;
    }
    .checkf2{margin-top: 10px;}
    .checfr2{margin-top: 0!important;}
    #tripa{margin-top: 10px;}
    #divpromo > #myCarousel{margin-top: 10px;}
    .checfr{min-height: auto!important;}
    .checfr iframe{min-height: auto!important; overflow-y: scroll;}
    .ot-dtp-picker{width: auto!important;}
    .img-top-right{z-index: 10;}
    .loguitos .row{display: flex!important;
   align-items: center;}
   .menus p{font-weight: 300;font-family:"museo-sans-rounded",sans-serif;}
   .menus h3{color: white!important;font-family:"museo-sans-rounded",sans-serif;}
   .loguitos .logos-press{display: none!important;}
   .fixed-icons{top: 20%;}
   .img-top-right{display: none;}
   .carousel-tripadvisor p:nth-child(2){font-weight: 400;}
   .carousel-tripadvisor p:nth-child(3){font-weight: 300;}
   .disclaimer{margin-left: 20px;}
   .fixedHeight { text-align: center !important; background: #E93F33 !important; height: auto; }
   .fixedBottom { margin-bottom: 0px; }

}


/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

@media screen and (max-width: 991px){
    .menus img{display: none;}
}
/* Large */
@media(min-width:1200px){.last-footer {margin-top: 45px;}}
@media(min-width:1400px){.last-footer {margin-top: 70px;}}

@media(min-width:768px){
	.carousel-indicators{top:0px!important;left:0!important;}
	/*.logos-footer a{width:15%;padding:10px;}*/
	.wpadding-right{padding-right:0px!important;}
	.wpadding-left{padding-left:0px!important;}
	.sin-padding{padding-left:-15px!important;padding-right: -15px!important;}
	.flex-align-center{display:flex;justify-content: space-around;align-items: center;}
	.logos-footer{display:flex; flex-flow: row wrap;align-items: center;justify-content: center;}
    .logos-footer>div{flex: 1 1 10%;text-align: center;padding:10px;}

    .logos-press{display:flex; flex-flow: row wrap;align-items: center;justify-content: center;}
    .logos-press>div{flex: 1 1 17%;text-align: center;padding:25px;}

	.align-flex{display: flex;align-items: center;justify-content: space-around;}
    .p-form-group{padding:50px 50px 50px 70px}  
	.p-form-franchise{padding:50px 50px 50px 70px}	
    .p-form-group button{}
	.p-form-franchise button{}
	.main-menu>li>a {position: relative;display: block;padding: 0 20px;margin-top: 15px;border-right: 1px solid white;border-bottom:none!important;text-transform: uppercase;}
	.item-footer{margin-top: 0px;}
	.press .logo-pres img{width: 50%;margin-bottom: 10px;}
   .fixedHeight { text-align: center !important; background: #E93F33 !important; height: auto; }
   .fixedBottom { margin-bottom: 0px; }

}

.puntaje12 { font-size:12px !important; }
.puntaje15 { font-size:15px !important; }
.espaciado { margin: 4px; height: 39px; }
.icons-sm img {
    display: inline-block;
    height: 20px;
    margin: 0 5px;
}
