.itens_mobile{display:block !important;}
.itens_main{display:none !important;}

::-webkit-scrollbar {width: 5px; height: 5px;}

/* - - - - - GERAL - - - - - */
.central{position: relative; width: 100%; left: 0; margin-left: 0;}

/*menu_aberto*/
#nav.menu_aberto{height: 100%; padding: 10px 10% 45px; overflow: auto;}
#sub1.menu_aberto{height: 145px; padding: 15px 0 45px;}
#sub2.menu_aberto{height: 22.5%; padding: 10px 5% 45px;}
#sub3.menu_aberto{height: 27.5%; padding: 10px 5% 45px;}
#sub4.menu_aberto{height: 22.5%; padding: 10px 5% 45px;}
#sub5.menu_aberto{height: 22.5%; padding: 10px 5% 45px;}
/*menu_aberto*/

/*menu_fechado*/
#nav.menu_fechado{height: 0; padding: 0; overflow: hidden;}
#sub1.menu_fechado{height: 0; padding: 0;}
#sub2.menu_fechado{height: 0; padding: 0;}
#sub3.menu_fechado{height: 0; padding: 0;}
#sub4.menu_fechado{height: 0; padding: 0;}
#sub5.menu_fechado{height: 0; padding: 0;}
/*menu_fechado*/

/* - - - mensagem - - - */

/*geral*/
.mensagem{height: auto;}

.mensagem .central{height: auto; padding: 25px 5%;}

.mensagem .imagem{width: 100px;}
.mensagem .way li a{color: #fff; transition: 0.3s;}
.mensagem .way li a span{}
.mensagem .way .current{font-size: 20px;}
.mensagem .way li a:hover{color: #000;}
.mensagem .titulo{font-size: 20px;}
.mensagem .descricao{font-size: 15px;}
.mensagem .busca_enviada{
    width: 250px; 
    margin: 15px auto 0; 
}
.mensagem .busca_enviada input{font-size: 14px;}
.mensagem .link_out{
	width: 125px;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
}
/*geral*/

/* - - - mensagem - - - */

/*barra_mobile*/
#barra_mobile{
    width: 100%;
	height: 45px;
	position: fixed;
	display: block;
	bottom: 0;
	text-align: center;
	z-index: 4;
    background-color: #000;
}

#barra_mobile > *{
    display: inline-block; 
    vertical-align: top;
	position: relative;
    box-sizing: border-box; 
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(100% / 6); 
    height: 45px;
}
#barra_mobile #menu_mobile{background-image: url(../../imagens/mobile/menu-mobile.png); background-color: #4b4b4b;}

#barra_mobile > *:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background-color: #fff;}	
#barra_mobile > *:nth-last-child(-n+2):after{content: none;}	
#barra_mobile > * img{height: 25px; width: auto; margin: 10px 0;}	
/*barra_mobile*/

/* - - - unidades - - - */
.unidades{
    width: 100vw; 
    position: fixed; 
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	left: 0;
    overflow: hidden;
    box-sizing: border-box; 
    background-color: #4b4b4b; 
    transition: 0.3s;
    text-align: center;
    z-index: 3;
}
.unidades a{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; border-radius: 10px; width: 125px; height: 35px; line-height: 35px; position: relative; margin: 0 0 5px; background-color: #14C800;}

.unidades#sub1{width: 16.6%; flex-direction: column; background: #000;}
.unidades#sub1 a{width: 35px; height: 35px; box-sizing: border-box; padding: 10%; border-radius: 30px; background-color: #4b4b4b;}
.unidades#sub1 a img{width: auto; height: 100%;}
/* - - - unidades - - - */

/*breadcrumb*/
.breadcrumb{
    padding: 20px 5%;
    text-align: center;
}

.breadcrumb ol{margin-bottom: 10px;}
.breadcrumb ol li{padding: 0 10px 0 0;}
.breadcrumb ol li:after{right: 0;}
.breadcrumb ol li h1{font-size: 25px;}

.breadcrumb .descricao{font-size: 14px; line-height: normal; margin: 10px 0 0 0;}
/*breadcrumb*/

/*form*/
.form{text-align: center;}
.form p{font-size: 20px; margin-bottom: 10px;}
.form input,.form textarea{margin-bottom: 10px}
.form input{width: 100%; float: none; margin-right: 0;}
.form textarea{height: 135px; margin-bottom: 7.5px;}
.form button{font-size: 16px; width: 115px; margin-right: auto; margin-left: auto;}
/*form*/

/* - - - - - GERAL - - - - - */


/* - - - - - TEMPLATE - - - - - */

/* - - - HEADER - - - */
header{
	width: 100%;
	height: 70px;
	position: relative;
    background-color: #000;
    z-index: 2;
}

/*header - logo*/
header .logo{width: 150px !important; top: 10px !important; left: 50%; margin-left: -75px; z-index: 1;}
/*header - logo*/

/*header - nav*/
header .nav{right: auto; top: auto;}
/*header - nav*/

header #nav{
	z-index: 4;
	width: 100%;
	box-sizing: border-box;
	background-color: #4b4b4b;
	transition: 0.3s;
	margin: auto;
	position: fixed;
	border-top: none;
    display: flex;
	padding-top: 0;
	justify-content: center;
	flex-direction: column;
	bottom: 0;
	text-align: center; 
	left: 0;
}		
header #nav > *{margin: 0 auto; width: 175px; height: auto; font-size: 18px; text-transform: uppercase; color: #fff; padding: 22.5px 0; border-top: 1px solid #666666; border-bottom: 1px solid #292929;}
header #nav > *:first-child{padding-top: 0; border-top: none;}
header #nav > *:nth-last-child(-n+3):not(:nth-last-of-type(-n+2)){
    height: auto;
    border: none;
    font-size: 18px;
    line-height: normal;
    padding: 10px 10px;
    background-color: #000;
    margin-top: 20px;
    font-weight: 900;
    border-radius: 10px;
}
header #nav > *:nth-last-child(-n+2){display: none;}

header #nav > *:nth-child(3){border-bottom: none; padding-bottom: 0;}

header #nav .small{font-size: 16px; margin: 0 auto 5px; color: #C8C8C8;}
header #nav div a{border-bottom-width: 0;}
header #nav div a:last-of-type{border-bottom-width: 1px;}

header #nav #portfolio:hover + .hover{height: auto; padding: 0;}
header #nav .hover:hover{height: auto; padding: 0;}
header #nav .hover{
    width: 175px; 
    height: auto;
    position: relative; 
    background: none; 
    display: block; 
    top: auto;
    left: auto;
    margin-left: auto;
    border: none;
    padding: 0;
    margin-top: 15px;
}
header #nav .hover a{float: none; margin: 0 auto 5px !important; width: 100%;}

/* - - - HEADER - - - */

/* - - - FOOTER - - - */
footer .direitos{display: none;}

footer{height: 105px; z-index: 1; position: relative !important; bottom: auto;}
footer .central{height: 105px; padding-bottom: 55px;}

/* Footer - assinatura */
footer .assinatura{height: 50px; position: relative}

footer .assinatura .logo_class,footer .assinatura .direitos{height: 50px; line-height: 50px;}

footer .logo_class{width: 100%;}

/* Footer - assinatura */

/* - - - FOOTER - - - */

/* - - - - - TEMPLATE - - - - - */

/* - - - - - INDEX - - - - - */	

/* - - - BANNER - - - */

/*banner_img*/
#banner li{max-height: none;}
#banner li img{
    height: 100%; 
    width: auto; 
}
/*banner_img*/

/*banner_owl-nav*/
#banner .owl-nav{margin-top: -25px;}
#banner .owl-nav .owl-next,#banner .owl-nav .owl-prev{width: 50px; height: 50px;background-size: 15px;}
/*banner_owl-nav*/

/* - - - BANNER - - - */

/* - - - - - INDEX - - - - - */	

/* - - - - -  CONTATO - - - - - */

/* - - - content_contato - - - */
.iframe_contato{display: none;}

.content_contato{margin: 32.5px 0; padding: 0 5%;}

/*content_contato - form*/
.content_contato .form{width: 100%; float: none; margin: 0 0 20px;}
/*content_contato - form*/

/*content_contato - info*/
.content_contato .info{width: 100%; float: none; margin-top: 65px; display: none;}

.content_contato .info li{width: 100%; height: auto; padding: 0; margin-bottom: 15px; text-align: center;}

.content_contato .info li img{width: 45px; height: auto; position: relative; display: block; margin: 0 auto 5px; left: auto; top: auto; bottom: auto;}

.content_contato .info li .titulo{font-size: 14px;}
.content_contato .info li .descricao{font-size: 16px;}

/*content_contato - info*/

/* - - - content_contato - - - */

/* - - - - -  CONTATO - - - - - */

/* - - - bread_sobre - - - */
.bread_sobre{padding: 0;}
.bread_sobre .central{padding: 25px 5% 0;}

.bread_sobre .img{height: 220px;}

.bread_sobre .img .texto{z-index: 1; display: table-cell; position: relative; vertical-align: bottom; bottom: 42.5px;}
.bread_sobre .img .texto p{font-size: 18px; width: 100%; padding: 0 5%;}
/* - - - bread_sobre - - - */

/* - - - texto_sobre - - - */
.texto_sobre{padding: 0 5%; margin-top: 25px;}

.texto_sobre p{font-size: 14px; line-height: 20px; margin-top: 15px; width: 100%; float: none; text-align: center;}
.texto_sobre p span{margin-top: 15px; font-size: 18px;}
.texto_sobre p span b{font-size: 20px; margin-right: 0;}
.texto_sobre p span b:after{content: ""; display: block; position: relative; margin-bottom: 5px;}

.texto_sobre img{width: 100%; max-width: 380px; float: none; margin: 0 auto; display: block;}
/* - - - texto_sobre - - - */ 

/* - - - contato_sobre - - - */ 
.contato_sobre{height: 240px; background: url("../../imagens/bg-sobre.png") center center no-repeat; margin: 25px 0;}
.contato_sobre .central{height: 240px; padding: 15px 5%;}

.contato_sobre .central > *{display: block; margin: 0 auto 17.5px;}
.contato_sobre .central > *:last-child{margin: 0 auto;}

.contato_sobre .central .titulo{font-size: 20px; width: 100%; height: auto;}
.contato_sobre .central .descricao{font-size: 14px; line-height: 20px; width: 100%; height: auto;}

.contato_sobre .central .link{border: 1px #f6f6f5 solid; width: 125px; height: 45px; line-height: normal; font-size: 14px; box-sizing: border-box; padding: 3.5px 0;}
/* - - - contato_sobre - - - */ 

/* - - - servicos_sobre - - - */
.servicos_sobre{padding: 0 5% 25px;}

.servicos_sobre .title{font-size: 25px;}

.servicos_sobre .description{font-size: 14px; line-height: 20px; margin: 7.5px auto 20px;}

.servicos_sobre div:nth-of-type(-n+4){margin: 0 auto 60px;}
.servicos_sobre div:nth-of-type(4){margin: 0 auto 50px;}
.servicos_sobre div:nth-of-type(4):after{display: none;}

.servicos_sobre div:nth-last-of-type(-n+4){margin: 0 0 10px;}
.servicos_sobre div:nth-of-type(8){margin: 0 0 10px;}

/*servicos_sobre - bloco*/
.servicos_sobre .bloco{
    width: 175px; 
    height: 60px;
    display: table;
    border-radius: 20px;
    font-size: 12px; 
    border: 1px #089fa4 solid;
}
.servicos_sobre .bloco:after{
    content: "";
    width: 100%; 
    height: 55px;
    bottom: -55px;
    position: absolute;
    display: block;
    right: 0;
    transform: rotate(90deg);
    background-size: 35px;
}
/*servicos_sobre - bloco*/

/*servicos_sobre - item*/
.servicos_sobre .item{width: 49%; margin: 0 0 10px;}
.servicos_sobre .item img{width: 50px;}
.servicos_sobre .item .titulo{font-size: 16px; margin-bottom: 7.5px;}
.servicos_sobre .item .descricao{font-size: 12px;}
/*servicos_sobre - item*/

/* - - - servicos_sobre - - - */ 

/* - - - - -  SOBRE - - - - - */

/* - - - - -  PORTFOLIO - - - - - */

/* - - - content_portfolio - - - */
.content_portfolio{margin: 32.5px 0; padding: 0 5%;}

/*content_contato - obra*/
.content_portfolio .obra{width: 100%; max-width: 350px; height: 160px; margin: 0 auto 7.5px; display: block;}
.content_portfolio .obra:nth-child(odd){float: none;}
.content_portfolio .obra:nth-child(even){float: none;}
.content_portfolio .obra:nth-child(3n){height: 160px;}

.content_portfolio .obra .texto{
    width: 100%; 
    top: 0;
    z-index: 1;
    display: table;
}
.content_portfolio .obra a:first-of-type{display: table; top: 0;}

.content_portfolio .obra .texto div{padding: 0 25px;}
.content_portfolio .obra .texto div > *{margin-bottom: 7.5px;} 
.content_portfolio .obra .texto div .titulo{font-size: 18px;}
.content_portfolio .obra .texto div .descricao{font-size: 14px;}
.content_portfolio .obra .texto div .titulo:after{width: 50px;}
/*content_contato - obra*/

/* - - - content_portfolio - - - */

/* - - - - -  PORTFOLIO - - - - - */