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

/* - - - BANNER - - - */
#banner{width: 100%; height: 650px; position: relative; display: block;}

/*banner - texto*/
#banner .texto{width: 425px; height: auto; position: absolute; z-index: 2; right: 50%; margin-right: -550px; top: 150px;}
#banner .texto > *{display: block; position: relative; box-sizing: border-box; margin: 0 0 40px auto;}
#banner .texto > *:last-child{margin: 0 0 0 auto;}

#banner .texto .titulo{
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400;
    color: #737373;
    width: 100%;
}
#banner .texto .titulo b{color: #76211C;}
#banner .texto .titulo:after{content: ""; position: relative; display: block; background-color: #76211C; width: 65px; height: 5px; margin-top: 40px;}
#banner .texto .descricao{color: #505050; font-size: 20px; line-height: 30px; width: 100%;}
/*banner - texto*/

/*banner - texto.alt*/
#banner .texto.alt{width: 900px; height: 180px; position: absolute; z-index: 2; right: 50%; top: 50%; margin: -90px -450px 0 0; box-sizing: border-box; padding: 25px;}
#banner .texto.alt.red{background-color: rgba(124,41,45,0.70);}
#banner .texto.alt.blue{background-color: rgba(32,85,95,0.70);}
#banner .texto.alt > *{text-align: center;}
#banner .texto.alt .titulo{color: #fff; font-weight: bold; font-size: 55px;}
#banner .texto.alt .titulo:after{display: none;}
/*banner - texto.alt*/

/*banner_img*/
#banner ul{width: 100%; height: 650px; position: relative; display: block;}
#banner ul li{width: 100%; height: 650px; position: relative; overflow: hidden;}
#banner ul li img{width: 1920px; height: 650px; position: relative; left: 50%; margin-left: -960px;}
/*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 - - - */

/* - - - SERVIÇOS INDEX - - - */
.servicos_index{padding: 60px 0; text-align: center;}

.servicos_index .title{color: #76211B; font-size: 25px; display: block; margin-bottom: 10px;}
.servicos_index .description{color: #76211B; font-size: 18px; display: block; letter-spacing: 2px; line-height: 30px; margin-bottom: 75px;}
.servicos_index .description b{display: block;}

/*servicos_index - item*/
.servicos_index .item{
    width: 500px; 
    height: 180px; 
    position: relative; 
    display: inline-block; 
    vertical-align: top; 
    margin: 0 20px 30px; 
    text-align: left; 
    box-sizing: border-box;
    padding: 0 0 0 160px;
    transition: 0.3s;
}
.servicos_index .item:hover{padding: 0 0 0 145px;}

.servicos_index .item .img{width: 130px; height: 130px; border: 3px #662C2B solid; border-radius: 130px; position: absolute; left: 0; top: 0; margin: auto; overflow: hidden; transition: 0.3s;}
.servicos_index .item:hover > .img{width: 115px; height: 115px;}

.servicos_index .item .img img{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: 80px; 
    width: auto; 
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}
.servicos_index .item:hover > .img img{height: 75px;}

.servicos_index .item > *:not(.img){display: block; position: relative; transition: 0.3s; box-sizing: border-box; margin: 0 0 15px;}
.servicos_index .item > *:not(.img):last-child{margin: 0 0;}

.servicos_index .item .titulo{color: #76211B; font-size: 20px; text-transform: uppercase; font-weight: bold;}
.servicos_index .item:hover > .titulo{margin-bottom: 10px;}
.servicos_index .item .descricao{color: #707070; font-size: 12px; line-height: 20px;}
/*servicos_index - item*/

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

/* - - - DIFERENCIAL INDEX - - - */
.diferencial_index{width: 100%; height: 310px; position: relative; display: block; background: url("../../imagens/bg-diferencial-index.jpg") center center no-repeat;}
.diferencial_index .central{height: 310px; text-align: center; padding: 35px 0;}

.diferencial_index .titulo{font-size: 30px; color: #fff; display: block; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase;}
.diferencial_index .descricao{font-size: 18px;line-height: 25px;color: #ECECEC;display: block;margin: 0 240px;}

.diferencial_index .itens{width: 100%;height: auto;position: relative;margin: 40px auto 0;text-align: center;}
.diferencial_index .itens a{
    display: inline-block; 
    vertical-align: top; 
    position: relative;
    color: #fff;
    font-size: 20px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px #fff solid;
    transition: 0.3s;
}
.diferencial_index .itens a:hover{color: #F5605D; border-right-color: #F5605D;}
.diferencial_index .itens a:last-of-type{margin-right: 0; padding-right: 0; border-right: none;}

.diferencial_index .link{
    width: auto;
    height: 20px;
    line-height: 20px;
    position: relative;
    display: block;
    letter-spacing: 2px;
    color: #F5605D;
    text-transform: uppercase;
    font-size: 10px;
    margin: 45px auto 0;
    transition: 0.3s;
}
.diferencial_index .link:hover{color: #fff;}
/* - - - DIFERENCIAL INDEX - - - */

/* - - - SOBRE INDEX - - - */
.sobre_index{padding: 145px 0; text-align: center;}
.sobre_index:after{content: ""; display: block; clear: both;}

/*sobre_index - li*/
.sobre_index li{width: 475px; height: 475px; border-radius: 475px; position: relative; float: right; display: inline-block; vertical-align: top; box-sizing: border-box; overflow: hidden; z-index: 1;}
.sobre_index li:nth-child(2){
    z-index: 2;
    margin: 0 -155px; 
    background-color: #fff;
    padding: 75px 105px;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
}
.sobre_index li img{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: auto; 
    width: 100%;
    z-index: 1;
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}

.sobre_index li > *:not(img){display: block; position: relative; transition: 0.3s; box-sizing: border-box; margin: 0 auto 20px;}
.sobre_index li > *:not(img):last-child{margin: 0 auto;}

.sobre_index li .titulo{color: #76211B; font-size: 22px; letter-spacing: 2px; font-weight: 400;}
.sobre_index li .titulo b{display: block;}
.sobre_index li .descricao{color: #707070; font-size: 16px; line-height: 25px;}
.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 .link:hover{color: #76211B;}
/*sobre_index - li*/

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

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

/* - - - - -  FALE CONOSCO - - - - - */
#bc_fc{background-image: url("../../imagens/breadcrumb/bc-fc.jpg");}

/* - - - info_contato - - - */
.info_contato{box-sizing: border-box; padding: 60px 700px 0 30px; min-height: 550px;}

/*texto*/
.info_contato .texto{width: 100%; position: relative; color: #272727; font-size: 18px; font-weight: 400; box-sizing: border-box;}
.info_contato .texto b{display: block; font-size: 22px;  color: #76211B; margin-bottom: 5px;}
.info_contato .texto b a{width: auto; height: 20px; position: relative; display: inline-block; vertical-align: top; transition: 0.3s; object-fit: cover; 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: 20px;}

.info_contato .texto.descricao{margin: 30px 0 40px 0; font-size: 14px; line-height: 20px;}
.info_contato .texto.descricao span{display: block;}
.info_contato .texto.descricao b{margin-bottom: 7.5px; line-height: normal;}

.info_contato .texto.info{margin-bottom: 20px;}
/*texto*/

/*form*/
.info_contato .form{
    position: absolute; 
    padding: 20px; 
    width: 585px; 
    height: auto; 
    right: 0; 
    top: 60px;
    background-color: #fff;
    z-index: 2;
    -webkit-box-shadow: 0px 5px 10px 2.5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 2.5px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 2.5px rgba(0,0,0,0.2);
}
/*form*/

/* - - - info_contato - - - */

/*endereco_contato*/
.endereco_contato{width: 100%; min-height: 405px; position: relative; background: url("../../imagens/bg-endereco-contato.jpg") top center no-repeat; box-sizing: border-box; padding: 55px 25px 0;}

.endereco_contato .titulo{color: #FFFFFF; font-size: 21px; font-weight: 400; position: relative; line-height: 30px; box-sizing: border-box; padding-right: 700px;}
.endereco_contato .titulo b{display: block; line-height: normal;}

.endereco_contato .iframe_contato{width: 100%; height: 240px; position: relative; margin: 55px 0; border-radius: 10px;}  
/*endereco_contato*/

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

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

/* - - - content_qs - - - */
.content_qs{padding: 50px 0;}
.content_qs:after{content: ""; display: block; clear: both;}

.content_qs > *{display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box;}

/*content_qs - img*/
.content_qs .img{float: right; width: 485px; height: 485px; padding: 15px; border: 15px #EAEAEA solid; overflow: hidden; border-radius: 485px;}
.content_qs .img img{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: 100%; 
    width: auto; 
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%); 
}
/*content_qs - img*/

/*content_qs - texto*/
.content_qs .texto{float: left; width: 590px; height: auto; margin: 50px 0 0;}
.content_qs .texto > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 auto 22.5px;}
.content_qs .texto > *:last-child{margin: 0 auto;}

.content_qs .texto .titulo{color: #76211B; font-size: 20px; letter-spacing: 2px;}
.content_qs .texto .descricao{color: #707070; font-size: 16px; line-height: 25px;}
/*content_qs - texto*/

/* - - - content_qs - - - */

/* - - diferenciais - - */
.diferenciais{text-align: center; margin-top: 25px; margin-bottom: 75px;}
.diferenciais:after{content: ""; display: block; clear: both;}

/*diferenciais - li*/
.diferenciais li{
    width: 285px; 
    height: 285px; 
    position: relative; 
    display: inline-table; 
    vertical-align: top; 
    margin: 0 40px; 
    box-sizing: border-box;
    border: 1px #662C2B solid; 
    padding: 0 30px; 
    border-radius: 350px;
}
.diferenciais li .texto{vertical-align: middle; display: table-cell; position: relative;}
.diferenciais li .texto > *:not(.icon){display: block; margin: 0 auto 10px; box-sizing: border-box; position: relative;}
.diferenciais li .texto > *:not(.icon):last-child{margin: 0 auto;}

.diferenciais li .texto .icon{width: 180px; height: 180px; position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.05;}
.diferenciais li .texto .icon img{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: auto; 
    width: 100%; 
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}

.diferenciais li .texto .titulo{color: #76211B; font-size: 20px; letter-spacing: 2px;}
.diferenciais li .texto .descricao{color: #707070; font-size: 12px; line-height: 20px;}
/*diferenciais - li*/

/* - - diferenciais - - */

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

/* - - - - - SERVIÇOS INSIDE - - - - - */
#bc_inside{background-image: url("../../imagens/breadcrumb/bc-inside.jpg");}

#bc_contabil{background-image: url("../../imagens/breadcrumb/bc-contabil.jpg");}
#bc_pessoal_previdenciario{background-image: url("../../imagens/breadcrumb/bc-pessoal-previdenciario.jpg");}
#bc_fiscal_tributario{background-image: url("../../imagens/breadcrumb/bc-fiscal-tributario.jpg");}
#bc_paralegal{background-image: url("../../imagens/breadcrumb/bc-paralegal.jpg");}

#bc_parcerias{background-image: url("../../imagens/breadcrumb/bc-parcerias.jpg");}

/* - - - content_inside - - -*/
.content_inside{padding: 45px 0;}
.content_inside:after{content: ""; display: block; clear: both;}

.content_inside > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s;}

/* - content_inside - texto - */

/* --- */
.content_inside .texto{float: left; width: 715px;}

.content_inside .texto > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 auto 25px; width: 100%;}
.content_inside .texto > *:last-child{margin: 0 auto;}

.content_inside .texto .img{width: 100%; height: 175px; overflow: hidden; border-radius: 15px; border: 2px #EAEAEA solid;}
.content_inside .texto .img img{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: auto; 
    width: 100%; 
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}

.content_inside .texto .titulo{color: #76211B; font-size: 20px; letter-spacing: 2px; font-weight: bold;}
.content_inside .texto .descricao{color: #707070; font-size: 16px; line-height: 25px;}
.content_inside .texto .descricao.small{color: #4E4E4E; font-size: 14px; line-height: normal; font-weight: bold;}

.content_inside .texto .list{padding: 0 25px;}
.content_inside .texto .list li{color: #707070; font-size: 16px; box-sizing: border-box; list-style: initial; margin: 0 auto 7.5px;}
.content_inside .texto .list .title_li{font-weight: bold; margin-bottom: 15px; margin-left: auto; font-size: 16px;}
.content_inside .texto .list .alt_li{font-size: 14px; margin-left: 15px; list-style: circle;}
/* --- */

/* texto_parcerias */
.content_inside .texto_parcerias{float: none; width: 100%;}
.content_inside .texto_parcerias .descricao{font-size: 18px;}

.content_inside .texto .item{
    margin: 0 22px 50px; 
    padding: 20px; 
    border: 2px #ECECEC solid; 
    display: inline-block; 
    vertical-align: top; 
    width: 550px; 
    border-radius: 10px; 
    background-color: #FDFDFD; 
    min-height: 465px;
}

.content_inside .texto .item > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 auto 20px; width: 100%;}
.content_inside .texto .item > *:last-child{margin: 0 auto;}

.content_inside .texto .item .title{color: #76211B; font-size: 22px; letter-spacing: 2px; font-weight: bold; text-align: center;}

.content_inside .texto .item .img{height: 125px;}
.content_inside .texto .item .titulo{margin: 0 auto 10px; font-size: 18px;}
.content_inside .texto .item .descricao{font-size: 14px;}
.content_inside .texto .list li{font-size: 14px;}
/* texto_parcerias */

/* - content_inside - texto - */

/*content_inside - formulario*/
.content_inside .formulario{
    float: right; 
    width: 410px; 
    position: sticky; 
    top: 15px; 
    padding: 30px 45px;
    -webkit-box-shadow: 0px 6px 10px 2.5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 10px 2.5px rgba(0,0,0,0.2);
    box-shadow: 0px 6px 10px 2.5px rgba(0,0,0,0.2);
    border-radius: 25px;
}

.content_inside .formulario .titulo{
    width: 340px;
    height: 100px;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
    background-color: #69180B;
    color: #FFFFFF;
    font-size: 32px;
    letter-spacing: 2px;
    text-align: center;
    border-radius: 0 0 25px 25px;
    margin: -40px auto 50px;
}
.content_inside .formulario .titulo:before,.content_inside .formulario .titulo:after{content: ""; position: absolute; width: 0; height: 0; border-style: solid;}
.content_inside .formulario .titulo:before{border-width: 0 0 15px 15px; border-color: transparent transparent #3F1C06 transparent; top: 0; left: -15px;}
.content_inside .formulario .titulo:after{border-width: 15px 0 0 15px; border-color: transparent transparent transparent #3F1C06; top: 0; right: -15px;}

.content_inside .formulario .form{width: 100%;}
.content_inside .formulario p{font-size: 14px; margin-bottom: 10px;}
.content_inside .formulario .form input,.content_inside .formulario .form input{
    padding: 0 5px; 
    margin-top: 5px; 
    height: 35px; 
    line-height: 35px;
}
.content_inside .formulario .form textarea{height: 125px;}
.content_inside .formulario .form button{font-size: 18px; height: 40px; line-height: 40px; letter-spacing: 1px; width: 125px; margin-top: 40px; border-radius: 10px;}
/*content_inside - formulario*/

/* - - - content_inside - - -*/

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