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

.mobile-top-bar-up {
    top: -52px;
}
.mobile-top-bar-down {
    top: 0px;
	background-color:#f8f8f8;
}

#mobile-logo-mini{position:relative; float:left; width:100px; height: 40px; margin-left:10px; margin-top:2px; background-size:contain; background-repeat:no-repeat; background-image:url(/template/images/logo.png)}
.mobile-botao{position:relative; float:right; padding:0px 15px 0px 15px; font-size:1.8em; color:#000; background:none; cursor:pointer;}

.mobile-animate{
 animation-name: mobilebotao;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

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

.mobile-menu-close, .mobile-menu-open{width:230px; height:100vh; position:fixed; overflow:auto; background-color:#f8f8f8; color:#cacacc; 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{margin:80px 0px 50px 0px; text-align:center; padding:0px 20px 0px 20px;}
#mobile-logotipo-size{width: 180px; 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: #000;
  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:#000;
}
.arrow-up:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
	color:#000;
}
#mobile-menu-left ul{padding:0px; margin:0px;}

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

.menu-mobile-nivel1:active,.menu-mobile-nivel1.active{color:#000;background-color:#fff;}

.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:#fff;
}
.menu-mobile-nivel2{width:100%;
background-color: transparent;
color:#000;
font-family:  'Montserrat', sans-serif;	
font-size:0.9em; 
font-weight:500; 
padding:13px 10px 13px 25px;
display:inline-block
}
.menu-mobile-nivel2:active,.menu-mobile-nivel2.active{color:#000;}

/*----------------------------------------------------
MENU CONTACTOS
----------------------------------------------------*/
.mobile-contactos-close, .mobile-contactos-open{width:100px; height:100vh; position:fixed; right:0px; overflow:auto; background-color:#f8f8f8; color:#000; z-index:9999; -webkit-transition: all 0.7s; transition:  all 0.7s; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.45);box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.45);}
.mobile-contactos-close{transform: translate(110px, 0px);}
.mobile-contactos-open{transform: translate(0px, 0px);}

.mobile-contactos-faleconnosco{width:100%; position:relative; float:left; text-align:center; font-family:  'Montserrat', sans-serif; color:#000; font-size:1.2; font-weight:500; padding:20px 10px 20px 10px;}
.mobile-contactos{width:100%; position:relative; float:left; padding:10px 10px 10px 10px; text-align:center; background-color:#f8f8f8; margin:0px 0px 1px 0px;}

.mobile-telefone-icon{font-size:2em; color:#000;}
.mobile-telemovel-icon{font-size:2em; color:#000;}
.mobile-sms-icon{font-size:2em; color:#000;}
.mobile-direcoes-icon{font-size:2em; color:#000;}
.mobile-messenger-icon{font-size:2em; color:#00abf7;}
.mobile-whatsapp-icon{font-size:2em; color:#26cc64;}

.mobile-icon-texto{font-size:0.8em; color:#000;; font-weight:500;}

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