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

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

/* - - - BANNER - - - */
#banner{height: 400px;}

/*banner - texto*/
#banner .texto{width: 65%; right: auto; margin: -97.5px 0 0 35%; top: 50%; padding: 20px 5%; box-sizing: border-box; text-align: center;}
#banner .texto > *{margin: 0 auto 7.5px;}
#banner .texto > *:last-child{margin: 0 auto;}

#banner .texto .titulo{font-size: 18px;}
#banner .texto .titulo:after{margin: 7.5px auto 0; height: 2px;}
#banner .texto .descricao{font-size: 14px; line-height: normal;}
/*banner - texto*/

/*banner - texto.alt*/
#banner .texto.alt{width: 300px; height: 65px; margin: -32.5px -150px 0 0; padding: 10px;}
#banner .texto.alt .titulo{font-size: 18px;}
#banner .texto.alt .titulo br{display: none;}
/*banner - texto.alt*/

/*banner_img*/
#banner ul{height: 400px;}
#banner ul li{height: 400px;}
#banner ul li img{width: 850px; height: 400px; margin-left: -400px; object-fit: cover;}
/*banner_img*/

/*banner_owl-dots*/
#banner ul .owl-dots{display: block; bottom: 15px;} 
/*banner_owl-dots*/

/*banner_owl-nav*/
#banner ul .owl-nav{top: 125px; display: block;}
#banner ul .owl-nav .owl-next,#banner ul .owl-nav .owl-prev{width: 50px; height: 50px;}
/*banner_owl-nav*/

/* - - - BANNER - - - */

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

/*menu_aberto*/
#nav.menu_aberto{height: 100%; padding: 50px 5% 70px; overflow: auto;}
#sub1.menu_aberto{height: 20%; padding: 25px 5% 5px;}
#sub2.menu_aberto{height: 20%; padding: 25px 5% 5px;}
#sub3.menu_aberto{height: 20%; padding: 25px 5% 5px;}
#sub4.menu_aberto{height: 20%; padding: 25px 5% 5px;}
/*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;}
/*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: #92120F;
}
#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% / 5);
  height: 45px
}
#barra_mobile #menu_mobile {background-image: url(../../imagens/mobile/menu-mobile.png); background-color: #515151;}
#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*/

/* - - - breadcrumb - - - */

/*Bread_geral*/
.breadcrumb .central{padding: 0 5% 10px;}

.breadcrumb ol{line-height: normal; text-align: center; padding: 20px 0; box-sizing: border-box;}
.breadcrumb ol li{padding: 0 10px 0 0;}
.breadcrumb ol li:after{font-size: 12px; right: 0px;}

.breadcrumb .titulo{font-size: 20px; margin-top: 25px; text-align: center;}
/*Bread_geral*/

/*bread_inside*/
.bread_inside ol{font-size: 13px;}
.bread_inside .titulo{font-size: 20px; padding: 60px 0 0 0;}

.bread_inside .titulo .img{
    width: 50px; 
    height: 50px;
    bottom: auto;
    right: 0;
}
.bread_inside .titulo .img img{
    height: auto; 
    width: 25px; 
}
/*bread_inside*/

/* - - - breadcrumb - - - */

/*form*/
.form p{font-size: 14px; margin-bottom: 10px;}
.form input,.form textarea{margin-top: 5px; height: 35px; line-height: 35px;}
.form textarea{height: 125px;}
.form button{font-size: 14px; height: 40px; line-height: 40px; letter-spacing: 1px;}
/*form*/

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


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

/* - - - HEADER - - - */
header .info_template{display: none;}

header{
	height: 80px;
    background: #F7F7F7;
    border-bottom: 5px #92120F solid;
}
header .central{height: 80px;}

/*header - logo*/
header .logo{width: 180px; bottom: auto; top: 5px; left: 50%; margin-left: -90px;}
/*header - logo*/

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

.unidades{
    width: 100vw; 
    position: fixed; 
    bottom: 35px;
    display: flex !important;
	align-items: center;
	justify-content: space-around;
    left: 0;
    overflow: hidden;
    box-sizing: border-box; 
    background-color: #515151; 
    transition: 0.3s;
    text-align: center;
    z-index: 2;
}
.unidades:before{top: 15px; width: 100%; text-align: center; left: 0; color: #fff; font-size: 14px; position: absolute;}
#sub1:before{content: "Telefones da Contabilidade Savino";}
.unidades a{
    color: #fff; 
    font-size: 14px;
	position: relative;
    width: 125px; 
    margin: 0 0 5px; 
    height: 40px;
	display: block;
    line-height: 40px;
    background-color: #92120F;
    border-radius: 10px;
}

header #nav{
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
	box-sizing: border-box;
	transition: 0.3s;
	background-color: #515151;
	z-index: 3;
    margin: 0;
}		
header #nav a{display: block; width: 175px; text-transform: uppercase; font-size: 18px; margin: 0 auto 7.5px; padding-bottom: 5px; color: #fff; text-align: center; border-bottom: 1px #fff solid; float: none;}
header #nav .small{font-size: 14px; margin: 0 auto 5px; color: #F0F0F0;}
header #nav div a{border-bottom-width: 0;}
header #nav div a:last-of-type{border-bottom-width: 1px;}

header #nav a#hover:hover + .submenu{height: auto; padding: 0;}
header #nav .submenu:hover{height: auto; padding: 0;}

header #nav .submenu{
    width: 100%; 
    height: auto;
    position: relative; 
    background: none; 
    top: auto;
    left: auto;
    margin-left: 0;
    padding: 0;
    margin-bottom: 7.5px;
}
header #nav .submenu a{margin: 0 auto 5px;}
header #nav .submenu a:last-of-type{margin: 0 auto;}

/* - - - HEADER - - - */

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

footer{height: auto; padding: 20px 5% 60px;}
footer:before{content: ""; background-color: rgba(255,255,255,0.30); width: 100%; height: 1px; position: absolute; bottom: 99px; left: 0;}
footer .central{height: auto;}
    
/* Footer - info */
footer .info{position: relative; left: auto; top: auto; padding: 0; margin: 0 0 15px;}
    
footer .info li{width: 100%; float: none; margin: 0 auto 15px;}
footer .info li:last-child{margin: 0 auto; display: none;}
    
footer .info li > *{margin-bottom: 15px; margin-left: auto; margin-right: auto;}
footer .info li .titulo{margin-bottom: 5px;}
    
footer .info li .logo{width: 150px; margin-left: auto;}
 
footer .info li .titulo{font-size: 18px; text-align: center;}
footer .info li .descricao{font-size: 12px;}
footer .info li:first-of-type > .descricao{display: none;}
footer .info li p.descricao{line-height: normal; text-align: center;}
footer .info li .descricao.alt{font-size: 10px; padding: 0 0 0 10px;}
/* Footer - info */

/* Footer - assinatura */
footer .assinatura{height: 40px; position: relative; bottom: auto;}
footer .assinatura .logo_class,footer .assinatura .direitos{height: 40px; line-height: 40px;}
footer .logo_class{width: 100%;}
/* Footer - assinatura */

/* - - - FOOTER - - - */

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

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

/* - - - BANNER - - - */

/* - - - BANNER - - - */

/* - - - SERVIÇOS INDEX - - - */
.servicos_index{padding: 20px 5%;}

.servicos_index .title{font-size: 16px; margin-bottom: 5px;}
.servicos_index .description{font-size: 12px; letter-spacing: 1px; line-height: normal; margin-bottom: 35px;}

/*servicos_index - item*/
.servicos_index .item{
    width: 200px; 
    height: auto; 
    margin: 0 10px 20px; 
    text-align: center; 
    padding: 0 0 0 0;
}
.servicos_index .item:hover{padding: 0 0 0 0;}

.servicos_index .item .img{width: 70px; height: 70px; border: 1px #662C2B solid; position: relative; left: auto; top: auto; margin: 0 auto 10px;}
.servicos_index .item:hover > .img{width: 70px; height: 70px;}

.servicos_index .item .img img{height: 50px;}
.servicos_index .item:hover > .img img{height: 50px;}

.servicos_index .item > *:not(.img){margin: 0 auto 10px;}
.servicos_index .item > *:not(.img):last-child{margin: 0 auto;}

.servicos_index .item .titulo{font-size: 16px;}
.servicos_index .item .descricao{line-height: normal;}
/*servicos_index - item*/

/* - - - SERVIÇOS INDEX - - - */

/* - - - DIFERENCIAL INDEX - - - */
.diferencial_index{height: auto; background: url("../../imagens/bg-diferencial-index.jpg") center top;}
.diferencial_index .central{height: auto; padding: 20px 5%;}

.diferencial_index .titulo{font-size: 18px; letter-spacing: 1px; margin-bottom: 7.5px;}
.diferencial_index .descricao{font-size: 14px; line-height: normal; margin: 0 auto;}

.diferencial_index .itens{margin: 15px auto 0;}
.diferencial_index .itens a{
    font-size: 14px;
    margin-right: 0;
    padding-right: 0;
    border: 1px #fff solid;
    margin: 0 5px 10px;
    display: inline-table;
    width: 115px;
    height: 45px;
}
.diferencial_index .itens a span{display: table-cell; vertical-align: middle;}
.diferencial_index .itens a:last-of-type{margin-right: 5px; padding-right: 0; border-right: none; border: 1px #fff solid;}

.diferencial_index .link{margin: 15px auto 0;}
/* - - - DIFERENCIAL INDEX - - - */

/* - - - SOBRE INDEX - - - */
.sobre_index{padding: 20px 5%;}

/*sobre_index - li*/
.sobre_index li{width: 225px; height: 225px; float: none; display: block;}
.sobre_index li:nth-child(2){
    margin: -50px auto; 
    padding: 35px;
    width: 275px; 
    height: 275px;
}
.sobre_index li:nth-child(3){width: 150px; height: 150px;}

.sobre_index li > *:not(img){margin: 0 auto 10px;}

.sobre_index li .titulo{font-size: 16px; letter-spacing: 1px;}
.sobre_index li .descricao{font-size: 12px; line-height: normal;}
.sobre_index li .link{
    width: auto;
    height: 20px;
    line-height: 20px;
    position: relative;
    display: block;
    letter-spacing: 2px;
    color: #F5605D;
    text-transform: uppercase;
    font-size: 12px;
    transition: 0.3s;
}
/*sobre_index - li*/

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

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

/* - - - - -  FALE CONOSCO - - - - - */
.endereco_contato,.info_contato .texto.info{display: none;}

/* - - - info_contato - - - */
.info_contato{padding: 0 5% 20px; min-height: auto;}

/*texto*/
.info_contato .texto{font-size: 14px;}
.info_contato .texto b{font-size: 16px; margin-bottom: 2.5px;}
.info_contato .texto b a{width: auto; height: auto; margin: 7.5px 10px 0 0;} 
.info_contato .texto b a:hover{margin-top: 5px;} 
.info_contato .texto b a img{width: 100%; height: 100%; position: relative;}
.info_contato .texto b span{font-size: 16px;}

.info_contato .texto.descricao{margin: 15px 0 25px; line-height: 20px; text-align: center;}
.info_contato .texto.descricao span{display: inline;}
.info_contato .texto.descricao b{display: none;}
/*texto*/

/*form*/
.info_contato .form{
    position: relative; 
    padding: 15px; 
    width: 100%;  
    right: auto; 
    top: auto;
}
/*form*/

/* - - - info_contato - - - */

/* - - - - -  FALE CONOSCO - - - - - */

/* - - - - - QUEM SOMOS - - - - - */
#bc_qs{background-image: url("../../imagens/breadcrumb/bc-qs.jpg");}

/* - - - content_qs - - - */
.content_qs{padding: 20px 5%;}


.content_qs > *{display: block; vertical-align: top;}

/*content_qs - img*/
.content_qs .img{float: none; width: 200px; height: 200px; padding: 7.5px; border: 7.5px #EAEAEA solid;}
/*content_qs - img*/

/*content_qs - texto*/
.content_qs .texto{float: none; width: 100%; margin: 25px auto 0;}
.content_qs .texto > *{margin: 0 auto 10px;}

.content_qs .texto .titulo{font-size: 16px; letter-spacing: 1px; text-align: center;}
.content_qs .texto .descricao{font-size: 12px; line-height: normal; text-align: justify;}
/*content_qs - texto*/

/* - - - content_qs - - - */

/* - - diferenciais - - */
.diferenciais{margin-top: 12.5px; margin-bottom: 35px;}

/*diferenciais - li*/
.diferenciais li{
    width: 175px; 
    height: 175px; 
    margin: 0 10px 12.5px; 
    padding: 0 10px; 
}
.diferenciais li .texto{vertical-align: middle; display: table-cell; position: relative;}
.diferenciais li .texto > *:not(.icon){margin: 0 auto 5px;}

.diferenciais li .texto .icon{width: 120px; height: 120px;}

.diferenciais li .texto .titulo{font-size: 14px; letter-spacing: 1px;}
.diferenciais li .texto .descricao{font-size: 10px; line-height: normal;}
/*diferenciais - li*/

/* - - diferenciais - - */

/* - - - - - QUEM SOMOS - - - - - */

/* - - - - - SERVIÇOS INSIDE - - - - - */

/* - - - content_inside - - -*/
.content_inside{padding: 20px 5%;}

/* - content_inside - texto - */

/* --- */
.content_inside .texto{float: none; width: 100%; margin: 0 auto 50px;}

.content_inside .texto > *{margin: 0 auto 10px;}
.content_inside .texto > *:last-child{margin: 0 auto;}

.content_inside .texto .img{height: 125px; border: 1px #EAEAEA solid;}

.content_inside .texto .titulo{font-size: 16px; letter-spacing: 1px; text-align: center;}
.content_inside .texto .descricao{font-size: 12px; line-height: normal; text-align: justify;}

.content_inside .texto .list{padding: 0 15px;}
.content_inside .texto .list li{font-size: 12px; margin: 0 auto 5px;}
.content_inside .texto .list .title_li{margin-bottom: 10px; font-size: 14px;}
.content_inside .texto .list .alt_li{font-size: 12px; margin-left: 10px;}
/* --- */

/* texto_parcerias */
.content_inside .texto_parcerias{float: none; width: 100%;}
.content_inside .texto_parcerias .descricao{font-size: 14px; text-align: justify; margin-bottom: 15px;}

.content_inside .texto_parcerias .item{
    margin: 0 auto 15px; 
    padding: 12.5px; 
    border: 1px #ECECEC solid; 
    width: 100%;  
    min-height: auto;
}

.content_inside .texto_parcerias .item > *{margin: 0 auto 15px;}

.content_inside .texto_parcerias .item .title{font-size: 18px; letter-spacing: 1px;}

.content_inside .texto_parcerias .item .img{height: 125px;}
.content_inside .texto_parcerias .item .titulo{margin: 0 auto 5px; font-size: 16px;}
.content_inside .texto_parcerias .item .descricao{font-size: 12px;}
.content_inside .texto_parcerias .list li{font-size: 12px;}
/* texto_parcerias */

/* - content_inside - texto - */

/*content_inside - formulario*/
.content_inside .formulario{
    float: none; 
    width: 100%; 
    position: relative; 
    top: auto; 
    padding: 15px;
}

.content_inside .formulario .titulo{
    width: 90%;
    height: 60px;
    padding: 5px 0;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 0 0 25px 25px;
    margin: -24px auto 15px;
}
.content_inside .formulario .titulo:before{border-width: 0 0 10px 10px; left: -10px;}
.content_inside .formulario .titulo:after{border-width: 10px 0 0 10px; right: -10px;}

.content_inside .formulario .form{width: 100%;}
.content_inside .formulario .form button{margin-top: 15px;}
/*content_inside - formulario*/

/* - - - content_inside - - -*/

/* - - - - - SERVIÇOS INSIDE - - - - - */