@charset "utf-8";
/* CSS EXTRAS DESTE SITE */

/*////arabia////*/
#container.servicos {
	background-color: #52017c !important;
	float: left;
}
#container.single.servicos {
	background-color: #ffffff !important;
	float: left;
}
#container.servicos .entry-content {
	margin: 0 auto !important;
	padding-bottom: 0 !important;
}
.single.servicos header > .imagem {
    background-size: 20%!important;
    background-position: 80% bottom !important;
    background-color: #52007c;
}
img.selo_ll {
    position: absolute;
    right: 51px;
    bottom: 62px;
    z-index: 9;
    height: 99px !important;
    width: 99px !important;
}
img.selo_ll_rodape {
    margin: 22px 0;
    height: 99px !important;
    width: 99px !important;
    float: left !important;
}
/*////////*/
.owl-nav {
    position: absolute;
    width: 100%;
	top: 40%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
button.owl-prev {
    position: absolute;
    left: -5px;
    width: initial;
}
button.owl-next {
    position: absolute;
    right: -5px;
    width: initial;
}
button.owl-next:before,
button.owl-prev:before {
	font-family:'Ionicons';
	font-size: 77px;
	color: #67fe00;
	position: relative;
	top: 1px;
}
button.owl-prev:before {content: "\f3d2";}
button.owl-next:before {content: "\f3d3";}

.owl-nav > button {
    font-size: 0px!important;
    width: 50px;
    height: 50px;
    background-color: transparent !important;
    border-radius: 0 !important;
}

ul.midias-top {
    position: absolute;
    z-index: 99;
    bottom: 200px;
    right: 66px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

ul.midias-top span.icons:before {
    font-size: 22px;
    color: #9ecc02;
}
a.bt-quemsomos {
    position: absolute;
    bottom: 99px;
    left: 7%;
    z-index: 99;
    width: 88px;
    height: 88px;
    font-size: 0;
    background: url(images/bt-quemsomos.png) no-repeat;
    background-size: contain;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}
/*paula arabia perfil*/
article#paula-melo-arabia .content {
    flex-direction: row !important;
}
article#paula-melo-arabia .content {
    flex-direction: row;
}
article#paula-melo-arabia .content .destacada {
    padding-bottom: 80px;
}
article#paula-melo-arabia .content div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
}
/**/
/*servicos_grid */
div#servicos_grid_widget-2 {background-color: #4c10a0;padding: 80px 0;}
#servicos-grid > * {
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
#servicos_grid .col100.wtit {
    position: relative;
    top: 90px;
	margin-top: -117px;
    z-index: 2;
}
#servicos_grid .wrap { padding: 0 7% !important;}
.servicos_grid-s-destacada {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
		border-radius: 100%;
}
.servicos_grid-tit {
	color: #000000;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.item-texto.servicos_grid .texto-content {width: 100%;}

.servicos-grid-item {
    height: 304px;
    position:relative;
    padding: 17px;
    overflow: hidden;
}
.servicos-grid-item a {	text-decoration:none !important}

.servicos-grid-item:hover > .overlay {top:0;opacity: 0.9;}
.servicos-grid-item:hover > .item-texto {bottom: 30%; background-color:transparent; color:#fff !important}
.servicos-grid-item:hover > .servicos_grid-resumo { bottom:0; opacity:1;}
.servicos-grid-item:hover > .item-texto:after { opacity:0;}

.servicos-grid-item .overlay {display:block;width:100%;height:100%;position:absolute;top: 350px;left:0;background-color: #6efe00;z-index: 0;opacity: 0;}
.servicos-grid-item .item-texto {
    position: absolute;
    bottom: 22px;
    left: 50%;
    width: 100%;
    padding: 0 15%;
    display: flex;
    align-items: center;
    z-index: 1;
    background-color: transparent;
    transform: translateX(-50%);
    height: 120px;
}

.servicos_grid-resumo { font-size:14px; position:absolute; bottom:-300px; opacity:0; padding: 20px; z-index: 1; text-align: left;}
.servicos_grid-resumo a {color: #223b72 !important;text-align: left !important;}

.servicos-grid-item a.item-foto {
    height: 100%;
    display: block;
    opacity:1;
    background-color: #fff;
}
.servicos-grid-item a.item-foto img {
    width: 100% !important;
    height: 136px !important;
    object-fit: contain;
    top: 29px;
}
ul.servicos_grid-vejamais li a {
	display:block;
	padding:10px;
	font-size:16px;
	text-align:left;
	text-decoration:none;
}
ul.servicos_grid-vejamais li a:hover {
	text-decoration: underline;
	padding-left:20px;
}
	

/*MENU BOTTOM*/
nav#menu-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
	display:none;
}
ul#menu-menu-secundario {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.7);
}
ul#menu-menu-secundario li{
    width:80px;
    padding: 0px 0px 10px 0px;
}
ul#menu-menu-secundario li a {
    font-size: 0px;
	color:#836a7d;
	font-weight:800;
}
ul#menu-menu-secundario li a:after {
	content:"";
	width:10px;
	height:10px;
	background-color:#777;
	display:block;
	text-indent:-2000px;
	border-radius: 100%;
	margin:0 auto;
}
ul#menu-menu-secundario li a:hover { font-size: 12px;}
ul#menu-menu-secundario li.active a {font-size:12px;}
ul#menu-menu-secundario li.active a:after {
    width: 15px;
    height: 15px;
    background-color: #836a7d;
}

#quem-somos .texto-claro p,
#about-us .texto-claro p {
    color: #e3e5e2;
    font-size: 20px !important;
    width: 70%;
    float: left;
    line-height: 146%;
}
img.servicos-tit {
    display: block;
    width: 58%;
    text-align: center;
    margin: 0 auto;
	margin-bottom: 60px;
}

/**/
div#text-2 {
    padding: 100px 20px;
    width: 100%;
    margin: 0 auto;
}
div#text-2 .textwidget {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
div#text-2 .textwidget p{
	text-align:justify;
}
div#text-3 .textwidget {
    margin: 0 auto;
    max-width: 1200px;
}
div#text-3 .textwidget iframe {
    width: 100%;
}
div#text-3 .textwidget .col50 {
	padding:20px;
}
/*página padrão*/
.page-head {
    width: 100%;
    height: 50vh;
}
.page-head.small {
    width: 100%;
    height: 10vh;
}
/*  WIDGET DEPOIMENTOS */
div#slidedepoimentos_widget-3 {   }
.depoimentos-container { height: 100vh; background:url(images/bg-depoimentos.jpg) no-repeat; background-attachment:fixed; overflow:hidden; padding: 100px 20px;}
.depoimentos .slider{ height: 100%}
.slideshow-wrapper.depoimentos { background-color:transparent;     height: 100%;}
.slideshow-wrapper.depoimentos .sy-slide {
    top: 50%;
	transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
} 
div#slidedepoimentos ul li .image-content {
    display: block;
    width: 290px;
    height: 290px;
    overflow: hidden;
    margin: 0 auto;
	background-size:cover;
	background-position:center;
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
div#slidedepoimentos ul li .image-content img {
	object-fit:cover;
}
div#slidedepoimentos ul li .text-content {
    display: block;
    width: 90%;
    margin: 0 auto;
	text-align:center;
	padding: 0px 60px;
}
.slideshow-wrapper.depoimentos .sy-slide p {
	font-size: 18px;
    color: #FFF !important;
    text-align: center !important;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 180%;
}
.slideshow-wrapper.depoimentos .sy-slide h3 { margin-bottom: 5px !important;
    color: #FFF !important;
    text-align: center !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;}
.slideshow-wrapper.depoimentos .sy-slide p.cargo { font-size:16px; color:#fff}
@media screen and (max-width: 700px) { 
.flutuante-container .map-code {
	display:none;
}
}
.flutuante-container .map-code iframe {
    width: 100%;
    height: 350px;
}
@media screen and (max-width: 1000px) { 
.flutuante-container .map-code iframe {
    height: 200px;
}
}
.flutuante-bt-fechar {
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.flutuante-bt-fechar span {
 color: #133263;
 cursor: pointer;
 border-radius: 6px;
 font-size: 14px;
 text-decoration: underline;
}
.flutuante-bt-fechar span:hover {
	background-color:#003;
}
/**/

div#custom_html-3 {
    position: absolute;
    top: -100vh;
    left: 0;
    max-width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.abre-box {
	width: 100%;
    height: 100vh;
    padding: 20px;
    display: flex;
    align-items: center;
}
.abre-logo {
	background: url(images/logo.png) no-repeat;
    max-width: 350px;
    height: 180px;
    margin: 0px auto;
    padding: 0;
    background-size: contain;
    width: 100%;
}
.logo-flutuante {
    position: absolute;
    z-index: 999;
    top: 0px;
}

#wrapper_bgndVideo {  
/*min-height: 80vh !important;       --  determina alytura do video bg, default é fullscreen---    */
background-color: #00243c !important;
}

.contatos {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.contatos ul {
    width: fit-content;
    margin: 0 auto;
}
.contatos p,
.contatos li, 
.contatos a {
 color: #e6e7e8 !important;
}
.contatos li {padding: 20px 20px 20px 32px; background-position: left center;}
.contatos li.e-mail{ background:url(images/e-mail.png) no-repeat left center;}
.contatos li.telefone{ background:url(images/fone.png) no-repeat left center;}
.contatos li.linkedin{
	background:url(images/linkedin.png ) no-repeat center center;
	font-size: 0;
	display: block;
	background-size: contain;
	padding: 0;
	width: 50px;
	height: 50px;
	}
.contatos li.linkedin a { display:block; width:100%; height:100%;}
.contatos li.instagram{
	background:url(images/instagram.png ) no-repeat center center;
	font-size: 0;
	display: block;
	background-size: contain;
	padding: 0;
	width: 50px;
	height: 50px;
	}
.contatos li.instagram a { display:block; width:100%; height:100%;}
ul.midias {
    display: flex;
    width: 100%;
    justify-content: center;
}

ul.midias li {
    margin: 10px;
}
/*SERVICOS SLIDER*/
article.servicos {
	float: left;
    width: 100%;
	background:url(images/paper-bg3.jpg) no-repeat;
	background-size:cover;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
h3.servico-title {
    text-align: center !important;
    color: #333 !important;
    font-size: 21px !important;
    letter-spacing: 3px;
    line-height: 120%;
}
h4.tipo-title {
    font-size: 16px;
    font-weight: 200;
    line-height: 120%;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}
.servico-content {
    font-weight: 400;
    color: #fff;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}
.slideshow-wrapper.servicos .slider {
    height: 100vh;
	max-width:1114px;
}
.servico-content ul {
    margin: 0 !important;
    padding: 0 !important;
}
.slideservicos li.item {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.servico-content ul { display:block; width:100%; margin:0 !important; padding: 0 !important;}
.servico-content ul li {
	display:inline-block;
	list-style:disc;
}
#slideservicos_widget-4 .slideshow-wrapper {
    background-color: #062b5d;
}
#slideservicos_widget-3 .slideshow-wrapper {
    background-color: #287ff7;
}
#slideservicos_widget-2 .slideshow-wrapper {
    background-color: #245dab;
}
#slideservicos_widget-2,
#slideservicos_widget-3 {
    width: 50%;
}
.image-content {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
/*WIDGET CLIENTES*/
article.clientes {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
	background-color: #fff;
}
article.clientes ul {
	width:100%;
	max-width: 1200px;
	margin: 0px auto !important;
	padding:0px !important;
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

article.clientes ul li {
    position: relative;
    width: auto !important;
    display: inline-block;
}

article.clientes ul li div {
    width: 300px;
    height: 128px;
    padding: 10px;
    margin: 10px 0px;
}

article.clientes ul li div img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}

span.cliente-nome {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
opacity:1;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
font-size: 14px;
color: #666;
}
span.visite-site {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
width: 100%;
text-align: center;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
background-color: rgba(0,0,0,0.3);
padding: 3px;
color: #fff !important;
z-index: 9;
font-size: 14px;
}

article.clientes a:hover > span.visite-site { opacity:1;}

article.clientes a:hover > span.cliente-nome { opacity:0;}

article.clientes a:hover > div img { filter: blur(5px);}
/* TABS SERVIÇOS */
article.servicos.tabs {
    background-color: #183c75;
    padding: 40px 20px;
}
article.servicos.tabs h2 {
    color: #fff !important;
    text-align: center !important;
    font-size: 40px !important;
}
#tab-container {
    padding: 7px 20px;
	margin: 0 auto;
    max-width: 1600px;
}
    .etabs { margin: 0; padding: 0;text-align: center; display:flex; }
.tab-container .panel-container { background: #fff; padding: 10px; border-radius: 0px 0px 10px 10px; }
    .panel-container { margin-bottom: 10px; }
li.tab {
    width: 100%;
    display: flex;
    height: 120px;
    align-items: center;
    text-align: center;
    padding: 20px;
	zoom: 1;
    background: #183c75;
    border-bottom: none;
    color: #fff;
	cursor:pointer;
	border-radius: 10px 10px 0px 0px;
}
li.tab p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
li.tab.active p { 
    color: #183c75;
}
li.tab.active { 
	background: #ffffff;
    color: #183c75;
}

li.tab:hover { background-color:#fff;}
li.tab:hover > p { color: #183c75;}
.panel-container div { display: none;}
.panel-container div.active { display:block;}

.panel-container div span {
    width: 100%;
    max-width: 1114px;
    margin: 0 auto;
    display: block;
    padding: 40px 20px;
}
.panel-container h3 {
    margin: 0 !important;
    padding: 20px 0px;
    color: #2d5087;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0;
}
.panel-container li {
    list-style: disc;
    padding: 0px 1px;
    margin-left: 30px;
    color: #333;
    font-size: 18px;
    line-height: 160%;
}
	
/*  LISTA SERVIÇOS  */
.espacador {
}
.lista-servicos-container {
    border-right: 1px solid #ccc;
}
li.ls-item {
    display: inline-block;
    width: 100%;
    padding: 30px;
}
h2.ls-title {
    text-align: center !important;
    font-size: 30px !important;
    padding: 40px !important;
    color: #062b5d !important;
}
.image-content.ls {
    text-align: center;
    height: 80px;
}
.image-content.ls img {
	width:100%;
	height:100% !important;
	object-fit:contain;
}
.ls-text-content {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ls-text-content h3.servico-title {
    color: #666 !important;
    text-align: left !important;
    font-size: 18px;
    text-transform: inherit;
    font-weight: 400;
}

/*modelos relatorios*/
article#modelos-de-relatorios .texto {
    padding: 50px;
    text-align: justify;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    max-width: 1200px;
}
article#modelos-de-relatorios .texto h2{ text-align:center !important;}
article#modelos-de-relatorios .texto p{ text-align:center !important;}
article#modelos-de-relatorios .texto ul {
	text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
article#modelos-de-relatorios .texto li {
    height: 200px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: url(images/doc-bg.png) no-repeat center center;
    background-size: contain;
}
article#modelos-de-relatorios .texto li a {
	display:block;
	max-width:80%;
	margin: 0 auto;
	text-align:center;
	font-size: 14px;
    line-height: 140%;
	color:#666 !important;
	font-weight: 400;
	height:100%;
	display: flex;
    align-items: center;
}
article#modelos-de-relatorios .texto li:hover {
	transform: scale(1.2, 1.2);
	transform-origin: center;

}
/*volta pro topo*/
a.anchor {
    display: block;
    float: left;
    width: 100%;
    visibility: hidden;
}
.bt-top {display: block;width: 5vw;height: 5vw;position: fixed;right: 20px;bottom: 20px;z-index: 9998;opacity: 0;background-color: #510381;border-radius:100%;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
div.bt-top a {
    float: left;
    width: 100%;
    height: 100%;
    background: url(images/arrow-up.png) no-repeat;
    background-size: cover;
	font-size:0px;
	text-indent:3000px;
}
div.bt-top:hover {
    background-color: #836a7d;;
}

@media screen and (max-width: 700px) { 

#quem-somos .texto-claro p {
    width: 100%;
}
.contatos li.e-mail a { font-size:16px;}
.contatos li {
    padding: 32px 0px 39px 0px;
    background-position: top center !important;
    text-align: center !important;
}
.pagina-box {height: auto;padding: 60px 20px !important;}
img.servicos-tit {    width: 100%;}

article.clientes {
    display: block;
    height: auto;
    background-color: #fff;
	float:left;
	padding-top:20px;
}
article.servicos {
    float: left;
    width: 100%;
	max-width:100%;
    height: auto;
    display: block;
	padding-top:20px;
}
article#contato {
    height: auto;
}
/*O QUE É*/
.pagina-box .destacada {height: 326px;float:left;}
.pagina-box .destacada img {object-position: center;}
.texto {
    position: initial;
    top: 0;
    right: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
	article#quem-somos .col50.texto {padding: 22px 11px}
/*TABS O QUE FAZ*/
#tabsservicos_widget-2 { display: block;  height: fit-content;}
article.servicos.tabs h2 {    font-size: 24px !important;}
#tab-container {    padding: 0px;}
.panel-container div { display: block;}
.etabs {display:none;}
.tab-container .panel-container { border-radius: 10px 10px 10px 10px;}
/*COMO FUNCIONA*/
li.ls-item {    padding: 30px 0px;}
.ls-text-content {    height: auto;    display: BLOCK;}
.ls-text-content h3.servico-title {    text-align: CENTER !important;}
/*MODELOS*/
article#modelos-de-relatorios .texto h2 { font-size:24px !important;}
article#modelos-de-relatorios .texto { padding: 20px;}
article#modelos-de-relatorios .texto ul {    text-align: left;    display: block;}
article#modelos-de-relatorios .texto li {
    height: 74px;
    background-size: 50px;
    background-position: left;
    border-bottom: 1px solid #fff;
}
article#modelos-de-relatorios .texto li a {
    display: block;
    max-width: 100%;
    text-align: left;
    font-size: 14px !important;
    color: #fff !important;
	width: inherit;
    margin-left: 60px;
	height: auto;
}
#quem-somos .texto-claro p, #about-us .texto-claro p {
    width: 100%;
}
article#paula-melo-arabia .content {
    flex-direction: column ;
}
article#paula-melo-arabia .content div:nth-child(2) {
    padding-left: 11px;
}
}