/*-------------------------------------------------------------------
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: -52px;
}
.mobile-top-bar-down {
    top: 0px;
	background-color:rgba(255,255,255,1);
}

.mobile-tradutor{position:relative; float:left; width:100%; text-align:center; margin-bottom:30px; margin-top:0px;}

#mobile-logo-mini{position:relative; float:left; width:150px; height: 40px; margin-left:20px; background-image:url(/template/images/logotipo-mobile.png); background-position:left center; background-size:contain; background-repeat:no-repeat;}
.mobile-botao{position:relative; float:right; padding:0px 15px 0px 15px; font-size:1.8em; color:#006cb8; background-color:rgba(0,0,0,0); cursor:pointer;}
.mobile-botao-lg{position:relative; float:right; padding:4px 15px 0px 15px; font-size:1.3em; color:#006cb8; font-weight:500; cursor:pointer; text-transform: uppercase;}

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

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

.mobile-menu-close, .mobile-menu-open{width:280px; height:100vh; position:fixed; overflow:auto; background-color:#fff; color:#000; 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(-290px, 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:190px; position:relative; float:left;}
/*----------------------------------------------------
PAGINAS MENU MOBILE
----------------------------------------------------*/
#mobile-bars{z-index:1002; position:absolute; top:10px; left:15px; display: none;}
.mobilebar1, .mobilebar2, .mobilebar3 {
  width: 25px;
  height: 3px;
  background-color: #006cb8;
  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:#fff;
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{color:#006cb8;background-color:#f9f9f9;}
.menu-mobile-nivel1.active{color:#006cb8;background-color:#f9f9f9;}

.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:#f9f9f9;
}
.menu-mobile-nivel2{width:100%;
background-color:#f9f9f9;
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:#006cb8;background-color:#fff;}

/*----------------------------------------------------
MENU CONTACTOS
----------------------------------------------------*/
.mobile-contactos-close, .mobile-contactos-open{width:100px; height:100vh; position:fixed; right:0px; overflow:auto; background-color:#f5f5f5; 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:#006cb8; 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:#f5f5f5; margin:0px 0px 1px 0px;}

.mobile-telefone-icon,.mobile-telemovel-icon,.mobile-sms-icon,.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:#333; font-weight:500;}

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

/*----------------------------------------------------
MENU IDIOMAS
----------------------------------------------------*/
.mobile-idioma-close, .mobile-idioma-open{width:100%; min-height:50px; position:fixed; right:0px; overflow:auto; background-color:#fff; color:#005f68; 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-idioma-close{transform: translate(0px, -70px);}
.mobile-idioma-open{transform: translate(0px, 0px);}

.mobile-idioma-titulo,.mobile-idioma-option{position:relative; min-height:50px; float:left;font-family:  'Montserrat', sans-serif; text-align:center; padding:12px 20px 0px 20px; font-weight:400}
.mobile-idioma-titulo{font-size:1em; background-color:#000; color:#fff;}
.mobile-idioma-option{font-size:1em; background-color:#fff; color:#000;}
.mobile-idioma-option.active, .mobile-idioma-option:hover{background-color:#fff; color:#e31e25; font-weight:500}