/*Reset css*/
*{border: 0; margin: 0; padding: 0;}
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; height:0px; float: none;}
.f-left{float: left;}
.f-right{float: right;}
.centralize{margin: 0 auto;}
.center{max-width: 1170px; margin: 0 auto; width: 100%;}
.center .inner-center{padding: 0 15px;}
img{width: 100%;}
ul{font-family: 'Roboto', sans-serif;}
li{list-style-type: none;}
/*input reset*/
select{
    width: 100%;
    background: transparent;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    /*background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);*/
    background-position: 100% center;
    background-repeat: no-repeat;
    border-bottom: 2px solid #898989;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #898989;
    line-height: normal;
    border-radius: 0;
    height: 19px;
    cursor: pointer;
}
select::-ms-expand{
    background: #fff;
}
select:focus{
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


button:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
input{background: transparent; width: 100%; font-family: 'Roboto', sans-serif; font-size: 18px; color: #fff;}
button{cursor: pointer;}
input:focus{
    outline: 0;
    background: transparent;
}
input:-internal-autofill-selected{background-color: #000 !important;}
textarea{background: transparent; resize: none; width: 100%; color: #818181; font-size: 18px; height: 120px; font-family: 'Roboto', sans-serif;}
textarea:focus{
    outline: 0;
    background: transparent;
}
::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
}

:-moz-placeholder {
    color: rgba(45,48,55, .6);
    font-size: 15px;
}

::-moz-placeholder {
    color: rgba(45,48,55, .6);
    font-size: 15px;
}

:-ms-input-placeholder {
    color: rgba(45,48,55, .6);
    font-size: 15px;
}
/*Selecmenu*/
.ui-selectmenu-button.ui-button{width: 100%;}
.ui-button{
    border: none;
    background: transparent;
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background: transparent !important; border: none !important;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{color: #fff !important;}
.ui-button:hover, .ui-button:focus{
    border: none;
    background: transparent !important;
    font-weight: normal !important;
    color: #fff !important;
    width: 100%;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    /*background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);*/
    background-position: 100% center;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: normal;
    border-radius: 0;

    cursor: pointer;
}
.ui-selectmenu-button.ui-button{width: 100%;}
.ui-button{
    border: none;
    border-bottom: 2px solid #fff;
    background: transparent;
    font-weight: normal;
    color: #898989;
    padding: 0;
    margin: 0;
}
.ui-button:hover, .ui-button:focus{
    border: none;
    border-bottom: 2px solid #fff;
    background: transparent !important;
    font-weight: normal !important;
    color: #fff !important;
    width: 100%;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    background-position: 100% center;
    background-repeat: no-repeat;
    border-bottom: 2px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;

    cursor: pointer;
}
.ui-widget-content{color: #898989;}
.ui-widget{font-size: 18px !important; font-family: 'Roboto', sans-serif !important;}
.ui-selectmenu-text{margin: 0;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background: transparent;
    border: none;
}
.ui-button .ui-icon{background: none;  width: 0; height: 0;
    border: 5px solid;
    border-color: #fff transparent transparent transparent;}

span:focus{outline: none;}

select:focus,
textarea:focus,
button:focus {
    outline: none;
}

h1{font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: bold;}
h2{font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: bold;}
p{font-family: 'Roboto', sans-serif;}
a{text-decoration: none; font-family: 'Roboto', sans-serif; display: inline-block;}
.box-text__general{font-size: 18px; text-align: center; margin-bottom: 30px;}

#header{position: fixed; top: 0; width: 100%; box-sizing: border-box; padding-top: 30px; z-index: 999;}
#header.effect{
    padding-top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    transition: .8s;

}
.content-header{display: flex; flex-direction: row; align-items: center; padding: 0 30px;}
.box-conteudo-banner h1{font-size: 30px;}
.box-logo{padding-bottom: 10px;}
#header.effect .box-logo{padding-top: 10px;}
.box-logo a{background: url("../../assets/frontend/img/logo-fundo-branco.png") no-repeat center; width: 200px; height: 80px; background-size: cover;}
.box-links{margin-left: 20px;}
.box-links .box-link{margin: 0 10px; position: relative;}
.box-links .box-link a{color: #0d0f0e; font-size: 15px; font-weight: bold; transition: .3s;}
.box-links .box-link a:hover{color: #00a8e1;}

.box-links .box-link .sub-menu{position: absolute; left: 0; top: 40px; width: 240px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); border-radius: 5px; display: none;}
.box-links .box-link .sub-menu.opened{display: block; opacity: 1;}
.sub-menu__container{padding: 10px;}
.sub-menu__arrow {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -18px;
  }
  .sub-menu__container ul li{margin-bottom: 5px;}
/****************************** Banners ******************************/
.banner-contabilidade-digital{background: url("../../assets/frontend/img/contabilidade-digital.jpg") no-repeat center; width: 100%; height: 610px; background-size: cover}
.banner-contabilidade-consultiva{background: url("../../assets/frontend/img/img-healine.jpg") no-repeat center; width: 100%; height: 610px; background-size: cover}
.banner-servicos-especializados{background: url("../../assets/frontend/img/banner-blackman-ideas.jpg") no-repeat center; width: 100%; height: 610px; background-size: cover}
/****************************** Site Map ******************************/

.site-map{background: #005B86; box-sizing: border-box; padding: 15px;}
.site-map table{width: 100%;}
.site-map td{vertical-align: top; border-right: 1px solid #FFF; padding: 0 15px; text-align: center;}
.site-map td:last-of-type{border: none;}
.site-map td h3{color: #FFF; font-family: 'Roboto', sans-serif; margin-bottom: 20px;}
.site-map td a{color: #FFF; margin-bottom: 10px;}
.site-map td p{color: #FFF;}

.site-map .box-redes-sociais a{width: 30px; height: 30px; margin: 0 5px; border-radius: 5px; transition: .3s; display: inline-flex; align-items: center; justify-content: center;}
.site-map .box-redes-sociais a:hover{background: rgba(255, 255, 255, .2);}
/****************************** menu mobile ******************************/
.btn-dark-blue{background: #1a5c86; transition: .3s;display: flex; align-items: center; justify-content: center;}
.btn-dark-blue:hover{background: #44a4dd;}
.menu{display: flex; width: 100%; justify-content: flex-end; display: none;}
.responsive-menu{width: 30px; height: 30px;}
#menu-of-canvas{position: fixed; top: 0; left: 0 ;background: rgba(0,38,66, .5); width: 100%; height: 100%; visibility: hidden; transition: 0.6s; z-index: 2;}
.menu-canvas-open{visibility: visible !important; opacity: 1 !important}
.menu-list-wrapper{position: fixed; top: 0; right: -252px; width: 250px; height: 100%; background: #1a5c86; z-index: 3; transition: 0.6s; border: 1px solid #1a5c86; overflow: hidden;}
.btn-voltar_list{background: #44a4dd;}
.btn-voltar_list a p{color: #FFF !important;}

.menu-list-wrapper .menu-list-title .inner-menu-list-title{padding: 10 0 15px 0;}
.menu-list-wrapper .menu-list-title h2{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fefefe; text-align: center;}
.menu-list-wrapper ul{list-style: none; background: #fff; width: 250px; float: left;}
.menu-slider{width: 1000px; position: relative; left: 0; transition: .3s;}
.invisible{display: none;}
.menu-list-wrapper ul li{display: flex; border-bottom: 1px solid #cecece; height: 40px; align-items: center;}
.menu-list-wrapper ul li a{display: flex; width: 100%; align-items: center;}
.menu-list-wrapper ul li a p{font-family: 'Roboto', sans-serif; font-size: 17px; color: #1a5c86; padding-left: 10px;}
.spt-arrow-next{margin-left: auto; margin-right: 10px;}
.spt-arrow-prev{margin-left: 10px;}
.menu-list-wrapper.menu-list-opened{right: 0;}

.menu-redes-sociais{background: #FFF; position: absolute; bottom: 0; width: 100%;}
.menu-redes-sociais .inner-redes-sociais{padding: 10px 0;}
.menu-redes-sociais p{font-size: 15px; text-align: center;}
.links-social-media{display: flex; flex-direction: row; justify-content: center; margin-top: 10px;}
.links-social-media a{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #1a5c86; margin: 0 5px; border-radius: 5px;}
/*************************************************************************/
.banner-item{display: flex; align-items: center;}
.banner-item .box-conteudo-banner{margin-left: 40px; background: rgba(255, 255 ,255, 0.7); box-sizing: border-box; padding: 20px;}
.banner-item .box-conteudo-banner p{position: relative; margin: 10px 0 0 14px;}
.banner-item .box-conteudo-banner p::after{content: ''; position: absolute; top: 0; left: -10px; width: 4px; height: 100%; background: #00a8e1;}

.page-title{margin-top: 40px; margin-bottom: 20px;}
.page-title h1{text-transform: uppercase; color: #00a8e1; font-weight: bold; text-align: center;}

.btn-light-blue{background: #44a4dd; display: flex; align-items: center; justify-content: center; color: #FFF; transition: .3s;}
.btn-light-blue:hover{background: #185b84;}


.grid-item{box-sizing: border-box;}
/****************************** mensagem ******************************/
body#msg{display: flex; justify-content: center; align-items: center; background: #0e2c5d;}
.mensagem h1{color: #ccc; margin-bottom: 20px;}
.mensagem span{color: #44a4dd;}
.mensagem h2{color: #cecece; font-size: 25px; margin-bottom: 20px;}
.mensagem p{color: #cecece;}
.mensagem .texto-center{text-align: center;}
.mensagem .texto-left{margin-left: 20px;}

.footer .footer-inner{padding: 20px 0; background: #002736;}
.footer p{color: #fff; text-align: center;}

/****************** DIVISOR DE SEÇÕES EM ABAS ******************/

.content-divisor{padding: 0 5px;}
.content-divisor .content-divisor__box{background-color: #005b8a; padding: 5px; display: inline-block; border-radius: 10px 10px 0 0;}
.content-divisor .content-divisor__box span{font-family: 'Roboto', sans-serif; color: #FFF;}
.content-divisor .content-divisor__line{width: 100%; height: 2px; background: #005b8a; margin-bottom: 20px;}

/****************** CAIXAS DE SERVIÇOS ******************/

.service-box{text-align: center;}
.content-service{background-color: #ebebeb; border-left: 2px solid #005b8a; display: inline-block; box-sizing: border-box; padding: 10px 10px 10px 10px; width: 260px; margin: 20px 20px; text-align: left; display: inline-flex; align-items: center; height: 58px;}
.services-content{box-sizing: border-box; padding: 0 120px;}
.content-service .content-service__text{color: #005b8a;}

#contabilidade-consultiva .box-service-row{display: flex; justify-content: center;}

.box-consultas{text-align: center; margin: 50px 0;}
.link-consultar{display: inline-block; box-shadow: #bebebe 0px 1px 15px 0px; border-radius: 10px; width: 280px; margin: 15px; transition: .3s;}
.link-consultar:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.link-consultar:hover .link-consultar__button{background: #005b8a;}
.link-consultar .link-consultar__inner{padding: 30px;}
.link-consultar .link-consultar__title h3{font-size: 22px; color: #2d3037; opacity: .6; margin-bottom: 10px;}
.link-consultar .link-consultar__border{width: 219px; height: 2px; margin: 0 auto;}
.link-consultar .link-consultar__title{border-bottom: 2px solid #005b8a; text-align: center;}
.link-consultar__content{text-align: center; margin-top: 20px;}
.link-consultar__content span.link-consultar__text{color: #cecece; font-weight: 300; font-size: 17px; margin-bottom: 20px; display: inline-block;}
.link-consultar__content p{font-size: 20px; color: #00a8e1; font-weight: 600;}
.link-consultar__content p span{color: #005b8a; font-weight: 600;}
.link-consultar .link-consultar__button{background: #00a8e1; text-align: center; border-radius: 10px; box-sizing: border-box; padding: 10px; margin-top: 20px; transition: .3s;}
.link-consultar .link-consultar__button p{color: #FFF; font-weight: 300;}

.light-blue{background: #00a8e1; color: #FFF; transition: .3s;}
.light-blue:hover{background: #185b84;}

/****************** SERVICOS E PERGUNTAS ******************/
/*.box-text__general{
    margin-top: 30px;
}*/
.box-servicos{
    margin-top: 30px;
    margin-bottom: 50px ;
}
.box-servico__col{
    box-sizing: border-box;
}
.box-servico__col:nth-child(odd){
    padding-right: 15px;
}
.box-servico__col:nth-child(even){
    padding-left: 15px;
}
.box-servico__item{
    box-sizing: border-box;
    border: 2px solid #00a8e1;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 30px;
    cursor: pointer;
}
.box-servico__title h2{
    align-content: flex-start;
    font-size: 18px;
    color: #00a8e1;
}
i.arrow-down{
    border: solid #00a8e1;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .3s;
}
.box-servico__item.openned i.arrow-down{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.box-servico__txt{
    margin-top: 20px;
    display: none;
}
.box-servico__txt p{margin-bottom: 10px;}
.box-servico__txt li{margin-bottom: 10px;}
.box-servico__txt li ul{margin-left: 20px;}