/* GERAL */
@font-face {
    font-family: 'Helvetica';
    src: url('helvetica.eot');
    src: url('helvetica.eot?#iefix') format('embedded-opentype'),
         url('helvetica.woff') format('woff'),
         url('helvetica.ttf') format('truetype'),
         url('helvetica.svg#helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'Helvetica', Arial, sans-serif;
	background-color: #f0f0f0; /*CINZA CLARO*/
	overflow-x: hidden;
	color: #000000;
}

p {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 18px;
	color: #000000; 
	line-height: 30px;
	letter-spacing: .05em;
}


.titulo_secao {
	position: relative;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 35px;
    font-family: 'Helvetica', Arial, sans-serif;    
    color: #b32b2f; /* VERMELHO CTA */
    z-index: 2;
    
}



.btn {
	font-size: 15px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .1em;
	color: #000; 

	background: none;
	padding: 10px 40px;
	border: none;
	border-radius: 10px;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.btn:hover{
	color: #fff;
	background-color: #b32b2f; /* VERMELHO CTA */
}

.b_verde{
	color: #fff;
	background-color: #93b06d; /* VERDE */ 
}

.b_verde:hover{
	color: #fff;
	background-color: #6a8547; /*VERDE ESCURO */
}

.b_branca{
	border-color: #fff; 
}

.b_branca:hover{
	border-color: #fff; 
}

.l_branca{
	color: #fff;
}

.l_branca:hover{
	color: #fff; 
}

.l_verde{
	color: #27a737; /* VERDE */
}

.l_verde:hover{
	color: #fff;
}


.l_vermelha{
	color: #b32b2f; /* VERMELHO CTA */
}

.l_vermelha:hover{
	color: #b32b2f; /* VERMELHO CTA */
}


.lnk::before{
	content: '[';
    font-weight: 600;
    margin-right: -1px;
    font-size: 30px;
    position: relative;
    top: 1.5px;
}

/* CABECALHO */

.cabecalho {
	position: relative;
	margin-top: 0px;
	width: 100%;
	height: 202px;
	z-index: 997;
}

.barra_esquerda_cabecalho{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: calc(100vw / 5);
	height: 202px;
	background: #f0f0f0; /*CINZA CLARO*/
	z-index: 1;
}

.topo_cabecalho{
	position: relative;
	margin-top: -202px;
	z-index: 2;
}



.logo_cabecalho{
	position: relative;
	display: block;
	margin-top: 0px;
}


.barra_menu{
	position: relative;
	display: inline-block;
	float: right;
	width: calc(100vw / 2);
	/*background: #000;*/
	background: rgba(0,0,0,0.7);
  	backdrop-filter: blur(3px);
	/*opacity: 0.7;*/
	height: 56px;
	margin-top: 50px;
	z-index: 1;
}

.fica_preto{
	opacity: 1;
}


.menu_smartphone {
	display: none;
}

nav.menu{
	position: relative;
	margin-top: 75px;
	/*text-align: right;	*/
}

nav.menu ul{
	display: inline-block;	
	position: relative;
}

nav.menu ul li.menu_barra{	
	position: relative;
    display: inline-block;
    float: left;
    margin-right: 7px;
    /*margin-top: -12px;*/
    padding: 18px;
    height: 56px;

    -khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear; 
}

nav.menu ul li.menu_barra:nth-child(1){	
	padding-left: 0px;
}


nav.menu ul li.menu_barra:nth-child(4){	
	margin-right:0px;
	margin-left: 161px;
	padding-left: 0px;
	padding-right: 0px;
}

nav.menu ul li a {	
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 15px;
	/*font-weight: 600;*/
	letter-spacing: 1.5px;
	color: #fff;
	text-transform: uppercase;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear; 
}

nav.menu ul li.menu_barra:nth-child(4) a{	
	color: #595654; /*CINZA MÉDIO*/
}

.lnk_cabecalho_subpagina a{
	color: #fff !important;
}

nav.menu ul li a:hover {	
	font-weight: 600;
}

/* PAINEL */

.barra_esquerda_painel{
	position: relative;
	margin-top: -282px;
	margin-left: 0px;
	width: calc(100vw / 5);
	height: 788px;
	background: #b32b30; /*VERMELHO CTA*/
	z-index: 1;
}

.painel {
	position: relative;
	margin-top: -798px; /*-156px;*/
	width: 100%;
	height: 748px; /*ESTE*/    
    z-index: 2;
}


.rslides {
	position: relative;
	list-style: none;
	height: 748px; /*ESTE*/
	z-index: 1;
}

.rslides a {
	margin-top: -193px;
	height: 748px;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	height: 748px; /*ESTE*/
	left: 0;
	top: 0;
	margin-top: -117px;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides a li span.titulo_painel{
	position: relative;
	display: flex;
	margin-top: 308px;
	height: 492px;
	align-items: center;
	font-family: 'Helvetica', Arial, sans-serif;
    letter-spacing: 3px;
	line-height: 55px;
    font-size: 50px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    z-index: 3;
}

.rslides a li div.base-painel{
	position: relative;
	display: inline-block;
	width: 710px;
	height: 748px;
	z-index: 2;
	margin-top: -748px; /*ESTE*/
}

.rslides a li div.foto_painel{
	position: relative;
	height: 571px;
    border-top-right-radius: 90px;
    border-bottom-left-radius: 155px;
    float: right;
    margin-top: -522px;
    z-index: 1;

}


.rslides1_tabs {
	position: relative;
	text-align: center;
	margin-top: -35px;
	z-index: 2;
}

.rslides1_tabs li {
	display: inline-block;
	margin: 0px 5px;	
}

.rslides1_tabs li a {
	display: inline-block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	border-radius: 13px;
	border: 2px solid #fff;
	background-color: #fff;
	color: #fff;
}

.rslides1_tabs li a:hover, .rslides1_tabs li.rslides_here a {
	background-color: #b32b30; /*VERMELHO CTA*/
	color:  #b32b30; /*VERMELHO CTA*/
}

/* TÓPICOS */

section.topicos{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 100%;
	min-height: 300px;
}

section.topicos div.container ul.lista_topicos{
	position: relative;
	display: flex;
	min-height: 300px;
	align-items: center; 
}

section.topicos div.container ul.lista_topicos li.topico{
	background-size: 100%;
	border-style: dashed;
	border-color: #b32b30; /*VERMELHO CTA*/
	border-width: 2px;
	border-top-right-radius: 30px;
    border-bottom-left-radius: 55px;

	height: 179px;
	width: 290px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


section.topicos div.container ul.lista_topicos li.topico:nth-child(1){
	margin-left: 30px;
}

section.topicos div.container ul.lista_topicos li.topico:nth-child(3){
	margin-right: 10px;
}


section.topicos div.container ul.lista_topicos li.topico:hover{
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);
}

section.topicos div.container ul.lista_topicos li.topico div.icone_topico{
	position: relative;
	display: inline-block;
	height: 75px;
	width: 75px;
	background: #b32b30; /*VERMELHO CTA*/
	border-radius: 10px;
    margin-right: 20px;
    margin-left: -20px;
    margin-top: -130px;
}

section.topicos div.container ul.lista_topicos li.topico span.legenda_topico{
	position: relative;
	display: inline-block;
	color: #b32b30; /*VERMELHO CTA*/
	font-size: 22px;
	letter-spacing: 2px;
    font-family: 'Helvetica';
    text-transform: uppercase;
    width: 210px;
    margin-right: 20px;
}


/* SERVIÇOS */

section.servicos{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	min-height: 453px;
}

section.servicos div.barra_direita_servicos{
	position: relative;
	float: right;
	margin-top: -463px;
	width: calc(100vw / 5);
	height: 463px;
	background: #b32b30; /*VERMELHO CTA*/
	z-index: 1;
}

section.servicos div.container div.grid-12{
	margin-top: 22px;
}

section.servicos div.container div.grid-12 a.lnk_servicos{
	position: relative;
	float: right;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 2;    
}

.owl-nav{
	display: inline-block !important;
	margin-left: 10px;   
	font-size: 50px;
    color: #fff;     

}

.owl-nav button.owl-prev,
.owl-nav button.owl-next{
	width: 35px;
	height: 35px;

	margin-right: 20px;
	color: #b32b30 !important; /*VERMELHO CTA*/
	font-family: 'Arial' !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

.owl-nav button.owl-next{
	margin-left: -80px;	
}

.owl-nav button.owl-prev{
	margin-left: 10px;
}


.owl-nav button.owl-prev span,
.owl-nav button.owl-next span{
	margin-top: -16px;
    position: relative;
    display: block;
}


section.servicos div.cards_servicos ul.cards{
	margin-top: 70px;
	z-index: 2;
}

section.servicos div.cards_servicos ul.cards li.card{
    background-color: #fff;
    
    border-radius: 15px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;

    -khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


section.servicos div.cards_servicos ul.cards li.card:hover{
	
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);
}

section.servicos div.cards_servicos ul.cards li.card span.nome_card{
	color: #fff; 
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    font-family: 'Helvetica';
    max-width: 140px;
    position: relative;
    display: flex;
    height: 280px;
    overflow: hidden;
    margin-top: 0px;
    padding: 0px 10px;
    text-transform: uppercase;
    align-items: flex-end;
}


/* PORTFÓLIO */


section.portfolio{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	min-height: 453px;
}

section.portfolio div.container div.grid-12{
	/*margin-top: 10px;*/
}

section.portfolio div.container div.grid-12 a.lnk_portfolio{
	position: relative;
	float: right;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    z-index: 2;    
}

section.portfolio ul.cards_portfolio{    
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

section.portfolio ul.cards_portfolio li.card{
    background-color: #fff;
    
    border-radius: 15px;
    height: 264px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;

    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */

    -khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


section.portfolio ul.cards_portfolio li.card:hover{

	-webkit-filter: none;	
	filter: none;	
	
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);
}

section.portfolio ul.cards_portfolio li.card span.nome_card{
	color: #fff; 
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    font-family: 'Helvetica';
    max-width: 140px;
    position: relative;
    display: flex;
    height: 244px;
    overflow: hidden;
    margin-top: 0px;
    padding: 0px 10px;
    text-transform: uppercase;
    align-items: flex-end;
}

/* TRABALHE CONOSCO */

section.trabalhe{
	position: relative;
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	min-height: 375px;
}


section.trabalhe div.container{
	min-height: 375px;
}

section.trabalhe div.barra_esquerda_trabalhe{
	position: relative;
	float: left;
	margin-top: -375px;
	width: calc(100vw / 5);
	height: 374px;
	background: #b32b30; /*VERMELHO CTA*/
	z-index: 1;
}

section.trabalhe div.container div.grid-10{
	margin-top: 40px;
}

section.trabalhe div.container div.grid-10 h2{
	color: #fff;
    width: 150px;
    float: left;
}

section.trabalhe div.container div.grid-10 img.img_trabalhe{
	position: relative;
	display: inline-block;
	float: right;
	margin-top: -25px;
	width: 341px;
	height: 330px;
}

section.trabalhe div.container div.grid-10{
	min-height: 335px;
}

section.trabalhe div.container div.grid-6{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    min-height: 375px;
}

section.trabalhe div.container div.grid-6 a.lnk_trabalhe{
	position: relative;
	float: right;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    z-index: 2;    
}


/* CLIENTES */

section.clientes{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	min-height: 260px;
}

section.clientes ul li{
	margin-top: 40px;

}

section.clientes ul li{
	position: relative;
	display: inline-block;
	float: left;
	width: 180px;
	height: 131px;
	margin-right: 20px;
	margin-left: 20px;
}


/* RODAPE */

.rodape {
	margin-bottom: 0px;
	width: 100%;
	background: #303030; /*CINZA ESCURO*/
	position: relative;
}

.barra_rodape_inferior {
	width: 100%;
	min-height: 235px;
}

.barra_rodape_inferior .container{
	z-index: 2;
}

.menu_rodape {
	margin-top: 20px;
	position: relative;
    display: inline-block;
}

.menu_rodape ul li a{
	font-size: 15px;	
	font-family: 'Helvetica', Arial, sans-serif;
	letter-spacing: .1em;
	line-height: 15px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
    display: inline-block;

    -khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}

.menu_rodape ul li a:hover{
	font-weight: bold;
	color: #b32b30; /*VERMELHO CTA*/;
}


.copyright {
	height: 260px;
    margin-top: -20px;

}

.logo_rodape{
	display: block;
    position: relative;
    margin: 40px 10px 30px 10px;
    float: right;
}


.copyright .icones_redes{
	clear: both;
	margin-right: 10px;
}

.icones_redes span.acompanhe{
	position: relative;
	display: block;	
	margin: 10px 10px 0px 0px;
	color: #fff; 
	font-family: 'Helvetica', Arial, sans-serif;
	letter-spacing: .1em;
	font-size: 15px;
	float: right;
}

.icones_redes span.facebook{
	position: relative;
	display: inline-block;
	margin: 0px 10px 0px 0px;
	color: #fff; 
	font-size: 30px;
	float: right;
}

.icones_redes span.instagram{
	position: relative;
	display: inline-block;
	color: #fff; 
	font-size: 30px;
	float: right;
}

.copyright p {
	font-size: 10px;
	font-family: 'Helvetica', Arial, sans-serif;
	letter-spacing: .1em;
	line-height: 15px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 30px;
    margin-right: 50px;
    clear: both;
    position: relative;
    display: inline-block;
    float: right;
}


img.rxo {
	display: inline-block;
    position: relative;
    margin: -17px 0px 0px 0px;
    float: right;
    clear: both;		
}

a.botao_whats{
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 35px;
	box-sizing: border-box;

	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
  	z-index: 999998;
}


.barra_rodape_inferior div.barra_direita_rodape{
	position: relative;
	float: right;
	margin-top: -259px;
	width: calc(100vw / 5);
	height: 257px;
	background: #b32b30; /*VERMELHO CTA*/
	z-index: 1;
}


/* PADRAO SUBPAGINAS */

section.painel_pagina {
	display: inline-block;
    position: relative;
    z-index: 1;
	width: 100%;
	min-height: 408px;
	margin-top: -282px; /*-156px;*/
	border-bottom-width: 10px;
	border-bottom-style: solid;
	overflow: hidden;

	background: #b32b30; /*VERMELHO CTA*/
	border-bottom-color: #303030; /* CINZA CTA */
	
}

section.painel_pagina .grid-16{
    height: 378px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

section.titulo_pagina {
	display: inline-block;
    position: relative;
    z-index: 1;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}

h1.titulo_pagina{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 70px;
	color: #fff;
	/*background: rgba(255,255,255,0.4);*/
  	/*backdrop-filter: blur(3px);*/
  	/*border: 1px solid rgba(255,255,255,0.1);*/
    margin-top: 290px;
    /*padding: 20px 20px 16px 20px;*/
}

section.diretorio {
	margin-top: 30px;
}

section.diretorio p{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .1em;
	color: #303030;
	text-transform: uppercase;
}


/* NOSSA EMPRESA */

section.texto-sobre{
	margin-top: 20px;
	margin-bottom: 10px;
}

section.texto-sobre .container .grid-16{
	padding: 70px;
	background: #d9d9d9;
	text-align: justify;
}

section.texto-sobre .container .grid-16 p{
	line-height: 25px;

	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

section.valores {
	position: relative;
    display: inline-block;
	width: 100%;    
    min-height: 270px;
   /* background: #131313;*/
    margin-top: 20px;
    margin-bottom: 20px;
}


section.valores div.container ul.lista_valores{
	position: relative;
	display: inline-block;
	min-height: 300px;
	align-items: center; 
}

section.valores div.container ul.lista_valores li.valor{
	background-size: 100%;
	border-style: dashed;
	border-color: #b32b30; /*VERMELHO CTA*/
	border-width: 2px;
	border-top-right-radius: 30px;
    border-bottom-left-radius: 55px;

	min-height: 179px;
	width: 290px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


section.valores div.container ul.lista_valores li.valor:nth-child(1){
	margin-left: 30px;
}

section.valores div.container ul.lista_valores li.valor:nth-child(3){
	margin-right: 10px;
}


section.valores div.container ul.lista_valores li.valor:hover{
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);
}

section.valores div.container ul.lista_valores li.valor div.icone_valor{
	position: relative;
	display: flex;
	height: 55px;
	width: 125px;
	background: #b32b30; /*VERMELHO CTA*/
	border-radius: 10px;
    margin-right: 20px;
    margin-left: -20px;
    margin-top: -160px;
    justify-content: center;
    align-items: center;
}

section.valores div.container ul.lista_valores li.valor div.icone_valor span.titulo{
	font-family: 'Helvetica';
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
}

section.valores div.container ul.lista_valores li.valor span.legenda_valor{
	position: relative;
	display: inline-block;
	color: #b32b30; /*VERMELHO CTA*/
	font-size: 22px;
	letter-spacing: 2px;
    font-family: 'Helvetica';
    /*text-transform: uppercase;*/
    width: 178px;
    margin-right: 20px;
    padding: 10px 0;

    -webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

section.galeria-fotos {
	margin-top: 30px;
	margin-bottom: 30px;
}

section.galeria-fotos ul li{
	margin-bottom: 20px;
	height: 300px;
	overflow: hidden;
}

section.galeria-fotos ul li:hover div.mascara-foto{
	opacity: 0.8;
}

section.galeria-fotos ul li:hover span{
	opacity: 1;
}


section.galeria-fotos ul li div.mascara-foto{
	width: 300px;
	height: 300px;
	background: #131313;
	opacity: 0;
	position: relative;
	display: block;
	margin-top: -300px;
	margin-left: 0px;
	z-index: 1;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}

section.galeria-fotos ul li span{
	color: #fff;
    font-size: 25px;
    position: relative;
    display: table;
    margin: 137.5px auto;
    z-index: 2;
    opacity: 0;

    -khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}


/* SERVIÇOS E PORTFOLIO */


section.posts {
	min-height: 300px;
    margin-top: 30px;
    margin-bottom: 50px;
}


section.posts ul.resultado_posts{
	display: inline-block;
}

section.posts ul.resultado_posts .status_busca{
	text-align: center;
}

section.posts ul.resultado_posts li.box_publicacao{
	margin-bottom: 20px;

	position: relative;
	float: left;
	display: inline-block;
	height: 520px;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 5px solid #b32b30; /* VERMELHO CTA */
	border-radius: 15px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}

section.posts ul.resultado_posts li.box_publicacao:hover{
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);
}

section.posts ul.resultado_posts li.box_publicacao div.foto_publicacao{
	height: 230px;
	width: 300px;
	position: relative;
	display: inline-block;
	z-index: 1;
}


section.posts ul.resultado_posts li.box_publicacao p.titulo_publicacao{
	position: relative;
	display: inline-block;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 0.5px;
	line-height: 30px;
	color: #555555;
	overflow: hidden;
	height: 88px;
	margin: 10px 20px 20px 20px;
	width: 260px;
}

section.posts ul.resultado_posts li.box_publicacao p.titulo_publicacao_areas{
	position: relative;
	display: inline-block;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 0.5px;
	line-height: 30px;
	color: #555555;
	overflow: hidden;
	height: 88px;
	margin: 34px 20px 20px 20px;
	width: 260px;
}

section.posts ul.resultado_posts li.box_publicacao p.descricao_publicacao{
	position: relative;
	display: inline-block;	
	overflow: hidden;
	height: 122px;
	margin: 0px 20px;
	font-size: 14px;
	color: #313131;
	width: 260px;
}



section.posts ul.carregando{
	display: none;
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

section.posts ul.carregando span {
	color: #b32b30; /* VERMELHO CTA */ 
}

section.imagem_carregando ul.carregando{
	display: none;
	clear: both;
}

section.imagem_carregando ul.carregando span {
	display: block;
	margin: 10px auto;
	font-size: 30px;
	color: #b32b30; /* VERMELHO CTA */ 
}


section.posts p.grupo_busca{
	position: relative;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 600;
	color: #003f77;
	clear: both;
}

section.posts p.resposta_busca{
	position: relative;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 600;
	clear: both;
}




/* SERVIÇO E CASE */

.botoes_redes{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.botoes_redes .botao_recomendar{
	position: relative;
	float: left;
}

.botoes_redes .botao_twitter{
	position: relative;
	display: inline-block;
	margin-left: 10px;
}

.botoes_redes .botao_whatsapp{
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.botoes_redes .botao_whatsapp img{
	height: 20px;
}

.comentarios{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.conteudo_pagina{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.conteudo_pagina .imagem_post{
	display: table;	
}

.conteudo_pagina .imagem_post img{
	max-width: 940px;	
}

.conteudo_pagina .imagem_post a p.orientacao{
	/*margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -30%;*/
	margin: -30% auto 0 auto;
	color: #fff;
	position: relative;
	display: table;
	font-size: 25px;
	font-weight: 600;


	text-shadow: black 0.1em 0.1em 0.2em;
}



.conteudo_pagina .detalhes_post{
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #e8e8e8;
	padding: 0px 13px 0px 13px;
    display: inline-block;	
}


.conteudo_pagina .detalhes_post p{
    text-transform: uppercase;
    font-family: 'Helvetica', Arial;
    font-size: 15px;
    float: left;
    display: inline-block;
}

.conteudo_pagina .detalhes_post a.botao_comprar,
.conteudo_pagina .detalhes_post a.botao_interesse{
	display: inline-block;
	margin-top: 12px;
	margin-left: 20px;

	color: #51b94b;
    border: 1px solid #51b94b;
}

.conteudo_pagina .detalhes_post a.botao_comprar:hover,
.conteudo_pagina .detalhes_post a.botao_interesse:hover{
	color: #ffffff;
	background-color: #51b94b;
}


.conteudo_pagina h2.titulo_post{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 35px;
	letter-spacing: .1em;
	line-height: 40px;
	color: #b32b30; /* VERMELHO CTA */
	/*font-weight: 600;*/
	/*text-transform: uppercase;*/

	margin-top: 30px;
	margin-bottom: 20px;	
}

.conteudo_pagina h3.subtitulo_post{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 24px;
	color: #222222;
	
	margin-bottom: 20px;	
}

.conteudo_pagina p.data_post{
	font-family: 'Helvetica', Arial, sans-serif;
	letter-spacing: .1em;
	color: #7e7e7e;
	font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 50px;	
}

.conteudo_pagina p{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	letter-spacing: .1em;
	line-height: 24px;
	/*color: #222222;*/

	margin-top: 20px;
	margin-bottom: 20px;

	text-align: justify;
}

.conteudo_pagina p.tags{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .1em;
	font-weight: 600
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	background: #b32b30; /* VERMELHO CTA */
	padding: 4px 4px;
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 5px;
}

.conteudo_pagina p.autor_post{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .1em;
	line-height: 24px;
	color: #222;
	text-transform: uppercase;
}


/* PUBLICACAO */

.publicacoes {
	margin-top: 40px;
	margin-bottom: 40px;
}

section.publicacoes .titulo h2.titulo_secao{
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 30px;
}

.publicacoes ul.cards {
	margin-top: 30px;
	z-index: 3;
	position: relative;
} 

.publicacoes ul.cards li.card {
	position: relative;
	float: left;
	display: inline-block;

	height: 300px;
	margin: 0px 10px 20px 10px;
	overflow: hidden;
	box-sizing: border-box;
	/*border: 5px solid #ffffff;*/
	border-radius: 15px;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;

	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.08);
}

.publicacoes ul.cards li.card:hover{
	-webkit-transform:scale(1.05); /* prefixo para browsers webkit */
    -moz-transform:scale(1.05); /* prefixo para browsers gecko */
    -o-transform:scale(1.05); /* prefixo para opera */
    transform:scale(1.05);

    z-index: 2;
}

.publicacoes ul.cards li.card p.tag_card{
	position: relative;
    display: table-caption;
    background: #b32b30; /* VERMELHO CTA */
    color: #fff;
    padding: 5px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-family: 'RalewayRegular', Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 2px;

}

.publicacoes ul.cards li.card div.titulo_card{
	position: relative;
	margin: 180px auto 0px auto;
    display: block;
    width: 260px;
    height: 65px;    
    font-family: 'Helvetica', Arial, sans-serif;
	font-size: 26px;
	letter-spacing: .1em;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	/*text-transform: uppercase;*/
	z-index: 2;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.publicacoes ul.cards li.card div.titulo_card_areas{
	position: relative;
	margin: 214px auto 0px auto;
    display: block;
    width: 260px;
    height: 65px;    
    font-family: 'Helvetica', Arial, sans-serif;
	font-size: 26px;
	letter-spacing: .1em;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	/*text-transform: uppercase;*/
	z-index: 2;

	-khtml-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}






/* JANELAS MOLDAIS */

.iziModal .iziModal-header.iziModal-noSubtitle h2.iziModal-header-title{
	font-size: 20px;
	font-family: 'Helvetica', Arial, sans-serif;
	letter-spacing: .1em;
}

/*JANELA COMPRA CURSO*/

#janela_compra{
	width: 340px;
	display: none;
}

#janela_compra .formulario_compra {
	width: 320px;
	margin: 0 10px;
	padding: 10px;
}

#janela_compra .titulo_mensagem{
	position: relative;
	display: block;
	margin: 0px auto 10px auto;

	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 18px;
	letter-spacing: .1em;
	line-height: 24px;
	color: #222;
}

.form_compra input, .form_compra select {
	display: block;
    font-size: 18px;
    letter-spacing: .1em;
    color: #222;
    background-color: #f2f2f2;
    padding: 10px;
    border: none;
    width: 300px;
    height: 45px;
    outline: none;
    
    position: relative;	
	margin: 0px auto 20px auto;
}

#janela_compra .campo_email{
	/*position: relative;	*/
	/*margin: 0px auto 20px auto;*/
}


#janela_compra a.btn_comprar{
	position: relative;
    display: table;
    margin: 30px auto 10px auto;
}

#janela_compra #barra_progresso{
	position: relative;
	display: none;
	margin: 0px auto 0px auto;
	text-align: center;
}

/*JANELA INTERESSE CURSO*/

#janela_interesse{
	width: 340px;
	display: none;
}

#janela_interesse .formulario_interesse {
	width: 320px;
	margin: 0 10px;
	padding: 10px;
}

#janela_interesse .titulo_mensagem{
	position: relative;
	display: block;
	margin: 0px auto 10px auto;

	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 18px;
	letter-spacing: .1em;
	line-height: 24px;
	color: #222;
}

.form_interesse input, .form_interesse select {
	display: block;
    font-size: 18px;
    letter-spacing: .1em;
    color: #222;
    background-color: #f2f2f2;
    padding: 10px;
    border: none;
    width: 300px;
    height: 45px;
    outline: none;
    
    position: relative;	
	margin: 0px auto 20px auto;
}

#janela_interesse .campo_email{
	/*position: relative;	*/
	/*margin: 0px auto 20px auto;*/
}


#janela_interesse a.btn_interesse{
	position: relative;
    display: table;
    margin: 30px auto 10px auto;
}

#janela_interesse #barra_progresso{
	position: relative;
	display: none;
	margin: 0px auto 0px auto;
	text-align: center;
}

/* FALE CONOSCO */

.fale-conosco {
	margin-top: 30px;
	margin-bottom: 30px;
}


.fale-conosco .grid-8{
	margin-top: 30px;
}

.fale-conosco .grid-8 h2.titulo_secao{
	text-align: left;
}


.fale-conosco ul{
	margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.fale-conosco ul.trabalhe{
	margin-top: 0px;
}

.fale-conosco ul li{
	min-height: 155px;
	padding-top: 20px;
	padding-bottom: 20px;	
}


.fale-conosco .form_contato {
	margin: 30px 0px 0px 0px;
    display: table;
}

.fale-conosco .form_contato input.txt_campos {
	position: relative;
	display: block;
    font-size: 14px;
    letter-spacing: .1em;
    color: #222;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 10px;
    width: 300px;
    height: 45px;
    outline: none;
    border-radius: 10px;
}

.fale-conosco .form_contato input.txt_campos#campo_telefone {
    width: 193px;
}

.fale-conosco .form_contato p.tit_campos {
	position: relative;
	display: block;

    font-family: 'Helvetica', Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 22px;
	color: #303030;

	margin: 10px 0px 10px 0px;  
    
}

.fale-conosco .form_contato button#botao_enviar {
	display: table;
	margin: 20px 0px 10px 0px;
	padding: 10px 25px;
	clear: both;
	/*border-radius: 7px;*/
	color: #fff;	
	font-size: 13px;
	letter-spacing: 2px;
}

.fale-conosco .form_contato button#botao_enviar:hover {
	/*background-color: #00b6b8;*/
	color: #fff;
}


.fale-conosco .form_contato textarea.txt_campos {
	position: relative;
	display: block;
    font-size: 14px;
    letter-spacing: .1em;
    color: #222;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 10px;
    width: 300px;
    height: 100px;
    outline: none;
    border-radius: 10px;
}

.fale-conosco .grid-8 p.msg_contato {
	position: relative;
	display: none;
	margin: 2px 0px 0px 0px;

	font-family: 'Helvetica', Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 22px;
    color: #222222;
}

.fale-conosco .grid-8 span.titulo_atendimento.fa {
	font-size: 20px !important;
	color: #b32b30; /* VERMELHO CTA */
	position: relative;
	display: inline-block;

}

.fale-conosco .grid-8 span.titulo_atendimento p {
	position: relative;
	/*display: inline-block;*/
	margin: -20px 0px 0px 25px;

	font-family: 'Helvetica', Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 22px;
    color: #303030;
}

.fale-conosco .grid-8 span.titulo_atendimento.trabalhe p {
    line-height: 30px;
    text-align: left;
    margin-bottom: 50px;
}

.fale-conosco .grid-8 span.dados_atendimento p {
	position: relative;
	margin: 20px 0px 0px 0px;

	font-family: 'Helvetica', Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 22px;
    color: #585858;

    word-break: break-all;
    padding-right: 10px;
    text-overflow: ellipsis;
}