/*-------------------------------------------------------------------
MENU MOBILE BLACK
--------------------------------------------------------------------*/
.mobile-top-bar{width:100%; min-height:50px; position:fixed; top:0px; left:0px; display:none; color:#fff; 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;
}

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

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

.mobile-menu-close, .mobile-menu-open{width:230px; height:100vh; position:fixed; overflow:auto; 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);
webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.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;
  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;
}
.arrow-up:after {
    /* symbol for "opening" panels */
    font-family:'icofont';
    content:"\ef9a";
    float: right;
    color: inherit;
	font-size:1.2em;
}
#mobile-menu-left ul{padding:0px; margin:0px;}

.menu-mobile-nivel1{
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-nivel1content{
background-color:#434343;
}
.menu-mobile-nivel2{
width:100%;
font-family:  'Montserrat', sans-serif;	
font-size:0.9em; 
font-weight:500; 
padding:13px 10px 13px 25px;
display:inline-block
}
.menu-mobile-nivel2:active{color:#fff;background-color:#333;}
.menu-mobile-nivel2.active{background-color:#333; color:#fff;}
/*----------------------------------------------------
MENU CONTACTOS
----------------------------------------------------*/
.mobile-contactos-close, .mobile-contactos-open{width:100px; height:100vh; position:fixed; right:0px; overflow:auto; 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; 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; margin:0px 0px 1px 0px;}

.mobile-telefone-icon,.mobile-telemovel-icon,.mobile-sms-icon,.mobile-direcoes-icon,.mobile-messenger-icon,.mobile-whatsapp-icon{font-size:2em; }
.mobile-icon-texto{font-size:0.8em; font-weight:500;}

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