/*-------------------------------------------------------------------
MENU MOBILE BLACK
--------------------------------------------------------------------*/
.mobile-top-bar{width:100%; min-height:50px; position:fixed; top:0px; left:0px; display:none; background-color:rgba(255,255,255,1); color:#000; padding:4px 10px 0px 50px; z-index:1000; -webkit-transition: all 0.7s; transition:  all 0.7s;}

.mobile-top-bar-up {
    top: -54px;
}
.mobile-top-bar-down {
    top: 0px;
	background-color:rgba(255,255,255,1);
}

#mobile-logo-div{position:relative; float:left; width:150px; height: 50px; padding:5px 0px 5px 10px;}
#mobile-logo-mini{position:relative; float:left; width:100%; height: 40px; background:url(/images/logo.png) no-repeat; background-size:contain;}
.mobile-botao{position:relative; float:right; padding:12px 15px 0px 15px; background-color:rgba(0,0,0,0); cursor:pointer;}
.mobile-botao i{font-size:1.8em; color:#fff;}
.mobile-botao span{font-family:  'Montserrat', sans-serif; font-size:0.9em; font-weight:500; color:#333; padding-left:10px}
.mobile-animate i{
 animation-name: mobilebotao;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

@keyframes mobilebotao {
  0% {opacity: 0.2; color:#fff; }
  20% {opacity: 1; color:#ed3c3e; }
  90% {opacity: 1; color:#ed3c3e;}
  100% {opacity: 0.2; color:#fff;}
}

.mobile-menu-close, .mobile-menu-open{width:230px; height:100vh; position:fixed; overflow:auto; background-color:#fff; color:#ed383a; z-index:999; -webkit-transition: all 0.7s; transition:  all 0.7s;
-webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,1);
-moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,1);
box-shadow: -3px 0px 5px 0px rgba(0,0,0,1);
}
.mobile-menu-close{transform: translate(-240px, 0px);}
.mobile-menu-open{transform: translate(0px, 0px);}


#mobile-logotipo-left{margin:80px 0px 50px 0px; text-align:center; padding:0px 60px 0px 60px;}
#mobile-logotipo-left-size{width:100%; position:relative; float:left;}
/*----------------------------------------------------
PAGINAS MENU MOBILE
----------------------------------------------------*/
#mobile-bars{z-index:1002; position:absolute; top:10px; left:10px; display: none;}
.mobilebar1, .mobilebar2, .mobilebar3 {
  width: 25px;
  height: 3px;
  background-color: #ed383a;
  margin: 6px 0;
  transition: 0.4s;
}

.mobilechange .mobilebar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.mobilechange .mobilebar2 {opacity: 0;}

.mobilechange .mobilebar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -4px);
  transform: rotate(45deg) translate(-6px, -4px);
}


.arrow-down:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\eab2";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#ed383a;
}
.arrow-up:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#ed383a;
}
#mobile-menu-left ul{padding:0px; margin:0px;}

.menu-mobile-nivel1{
background-color:#fff;
color:#ed383a;
width:100%;
position:relative; 
float:left; 
padding:10px 25px 10px 20px; 
font-family:  'Montserrat', sans-serif;	
font-size:1em; 
font-weight:500; 
display:inline-block
}

.menu-mobile-nivel1:active{color:#ed383a;background-color:#f4f2f2;}
.menu-mobile-nivel1.active{color:#ed383a;background-color:#f4f2f2;}

.menu-mobile-nivel1content{
width:100%; 
position:relative;
float:left;
font-family:  'Montserrat', sans-serif;	
font-size:0.9em; 
font-weight:500; 
display:none;
padding:10px 0px 10px 0px;
background-color:#f4f2f2;
}
.menu-mobile-nivel2{width:100%;
background-color:#f4f2f2;
color:#ed383a;
font-family:  'Montserrat', sans-serif;	
font-size:1em; 
font-weight:500; 
padding:13px 10px 13px 25px;
display:inline-block
}
.menu-mobile-nivel2:active{color:#ed383a;background-color:#f2ebeb;}
.menu-mobile-nivel2.active{background-color:#ed383a; color:#f2ebeb;}
/*----------------------------------------------------
MENU RESERVAS
----------------------------------------------------*/
#reservas-close{position:absolute; top:80px; right:20px; z-index:1004; color:#ed3638; font-size:2em; cursor:pointer}
.mobile-reservas-close, .mobile-reservas-open{width:100%; height:100vh; padding:80px 20px; position:fixed; bottom:0px; overflow:auto; background-color:#fff; z-index:9999; -webkit-transition: all 0.7s; transition:  all 0.7s;}
.mobile-reservas-close{display:none; animation-name: animatereservaclose; animation-duration: 0.3s; animation-iteration-count: 1;}
.mobile-reservas-open{display:block; animation-name: animatereserva; animation-duration: 0.3s; animation-iteration-count: 1;}

@keyframes animatereserva {
  0% {opacity: 0; display:none;}
  100% {opacity: 1; display:block;}
}
@keyframes animatereservaclose {
  0% {opacity: 1; display:block;}
  100% {opacity: 0; display:none;}
}

@media screen and (max-width: 1023px) {
.mobile-top-bar, .mobile-menu-close, .mobile-menu-open, #mobile-bars{display:block;}
}