/*
Theme Name: Imobilife
Author: AGT Online
Author URI: https://agtonline.com.br
Description: Tema do site oficial da Imobilife
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Imobilife, AGT Online, AGT, Solucoes, Websites, Sistemas, Modernidade
Text Domain: Imobilife

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
* SUMARIO - CSS - Imobilife
* ----------------------------------------------------------------------------
* 00 - FONTS IMPORTADAS
* 01 - ELEMENTOS EM GERAL
* 02 - HELPER CLASSES
* 03 - FAIXA TOPO
* 04 - HEADER
* 05 - MENU SUPERIOR
* 06 - MENU MOBILE
* 07 - FOOTER
* 08 - COPYRIGHT
* 09 - FORMULARIOS WPCF7
* 10 - PAGINA - HONE
* 11 - ESTRUTURA DAS PAGINAS INTERNAS
* 12 - PAGINA EMPRESA
* 13 - PAGINA SERVICOS
* 14 - PAGINA - TRABALHE CONOSCO
* 15 - PAGINA - SIMULE SEU FINANCIAMENTO
* 16 - BLOG - ARCHIVE / CATEGORY
* 17 - SINGLE - BLOG
* XX - RESPONSIVE FIXES
*/


/**
* 00 - FONTS IMPORTADAS
* ----------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');



/**
* 01 - ELEMENTOS EM GERAL
* ----------------------------------------------------------------------------
*/

html, body {
	font-family: 'Montserrat', 'Open Sans', Arial, Sans-serif;
	font-size: 16px;
}

p {
	font-family: 'Montserrat', 'Open Sans', Arial, Sans-serif;
	font-size: 16px;
}

a {
	transition: all .3s ease;
}

a:hover{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'Open Sans', Arial, Sans-serif;
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 32px;
}

h3 {
	color: #ffffff;
	font-size: 28px;
}

h4 {
	color: #0064B9;
	font-size: 24px;
}

h5 {
	color: #FDD946;
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

ul {
	padding-left: 20px;
}

li{
	color: #707070;
	font-family: 'Montserrat', 'Open Sans', Arial, Sans-serif;
	font-size: 16px;
}

li + li {
	margin-top: 5px;
}



/**
* 02 - HELPER CLASSES
* ----------------------------------------------------------------------------
*/

.hidden-xs { display: block; }
.visible-xs { display: none; }

.gap10 { height: 10px; }
.gap20 { height: 20px; }
.gap30 { height: 30px; }
.gap40 { height: 40px; }
.gap50 { height: 50px; }
.gap60 { height: 60px; }

div[class^="gap"] { clear: both; }

.sub h2 {
	color:  #105483;
	font-size: 32px;
	text-align: center;
}

.sub p {
	font-size: 18px;
	margin: 0 auto;
	max-width: 70%;
	text-align: center;
}

.sub.azul h1,
.sub.azul h2,
.sub.azul h3,
.sub.azul h4,
.sub.azul h5,
.sub.azul h6 {
	color: #0084BB;
}

input[type="submit"]{
	border: #ffffff 1px solid;
	border-radius: 5px;
	color: #ffffff;
    font-weight: 500;
	padding: 10px 20px;
}

.cta a {
	border: 1px solid #fff;
	border-radius: 5px;
	color: #ffffff;
    font-weight: 500;
	padding: 10px 30px;
	transition: all .3s ease;
}

.cta.transparente a {
	background-color: transparent;
}

.cta.branco a {
	background-color: #fff;
	border-color: #fff;
	color: #0084BB;
}

.cta.azul a {
	background-color: #0084BB;
	border-color: #0084BB;
	color: #fff;
}

.cta a:hover {
	background-color: #0084BB;
	border-color: #0084BB;
}

.cta.transparente a:hover {}

.cta.branco a:hover {
	background-color: #1E5482;
	border-color: #1E5482;
	color: #fff;
}

.cta.azul a:hover {
	background-color: #42BFF6;
	border-color: #42BFF6;
	color: #fff;
}


.coluna *{
	margin: 0 !important;
	padding: 0 !important;
}

.imagem-metade {
	background-position: right;
	background-repeat:  no-repeat;
	background-size: 50%;
}

.card-div {
	background: #ffffff;
	border: 1px solid #DEDEDE;
	padding: 50px !important;
}

.swiper-button-prev,
.swiper-button-next {
	color: #DEDEDE !important;
	opacity: 0.5;
}

.no-padding-y {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.container{
	max-width: 1300px;
}



/**
* 03 - FAIXA TOPO
* ----------------------------------------------------------------------------
*/
#faixa-topo{
	background-color: #1E5482;
	padding: 5px 0;
}

#faixa-topo *{
	color: #E8E8E8;
}

#faixa-topo .container{
	display: flex;
	justify-content: space-between;
}

#faixa-topo .container .telefones{
	column-gap: 30px;
	display: flex;
}

#faixa-topo .container .frase-de-efeito{
	column-gap: 10px;
	display: flex;
	font-family: 'Montserrat', 'Open Sans', Arial, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

#faixa-topo .container .frase-de-efeito a:hover {
	color: #FDD946;
}

#faixa-topo .contato i{
	font-size: 22px;
	margin-right: 10px;
}

#faixa-topo .contato b {
	font-weight: 600;
}

#faixa-topo .contato p{
	align-items: center;
	display: flex;
	font-size: 14px;
	margin: 0;
}

#faixa-topo .contato .fa-envelope-o {
	font-size: 16px;
}

#faixa-topo .redes-sociais .contato i {
	color: #fff;
}



/**
* 04 - HEADER
* ----------------------------------------------------------------------------
*/
#header-wrapper {
	background-color: #000;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	z-index: 10;
}

#header {
	background-color: #0F3F68;
	background-color: transparent;
	align-items: center;
	display: flex;
	padding: 30px 0 20px 0;
	z-index: 20;
}

#header .logo {}
#header .logo img {
	width: 215px;
}



/**
* 05 - MENU SUPERIOR
* ----------------------------------------------------------------------------
*/
nav#menu-superior {
	margin-top: 25px;
	padding-left: 60px;
}

#menu-superior ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#menu-superior ul li {
	font-size: 15px;
	font-weight: 500;
	list-style: none;
	position: relative;
	text-transform: uppercase;
}

#menu-superior ul li a {
	color: #fff;
	padding-bottom: 20px;
}

#menu-superior ul li a:hover {
	color: #FDD946;
}

/* Menu Level 2 */
#menu-superior .sub-menu {
	background-color: #0F3F68;
  	display: none;
	flex-direction: column;
	height: auto;
	min-width: 195px;
	padding: 20px 15px;
  	position: absolute;
	top: 40px;
  	z-index: 1;
}

#menu-superior .sub-menu li {
	text-align: left;
	width: 100%;
}

#menu-superior .sub-menu a {
	display: block;
	font-size: 13.5px;
	text-transform: none;
	padding: 7px 0;
}

#menu-superior .sub-menu a:hover {
	color: #FDD946;
}

#menu-superior li:hover .sub-menu {
	display: block; 
}


/* Botao de orcamento */
#menu-superior ul li.cta.branco {
	margin-left: 40px;
}

#menu-superior ul li.cta.branco a {
	color: #0084BB;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: none;
}

#menu-superior ul li.cta.branco a:hover {
	background-color: #1E5482;
	border-color: #1E5482;
	color: #fff;
}



/**
* 06 - MENU MOBILE
* ----------------------------------------------------------------------------
*/
/**
* 05 - MENU MOBILE
* ----------------------------------------------------------------------------
*/

.cover-dark {
	display: none;
	background: rgba(0, 0, 0, 0.9);
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
}

#abrirMenu {
	cursor: pointer;
	margin-top: 18px;
}


/* Menu mobile */
#menu-mobile-content {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 999;
	background-color: #0F3F68;
	padding-bottom: 50px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100vh;
}

#menu-mobile-content #logo-menu {
	margin-top: 15px;
	text-align: center;
}

#menu-mobile-content #logo-menu img {
	max-width: 145px;
}

#menu-mobile-content ul {
	margin: 0;
	padding: 0;
	padding-top: 55px;
}

#menu-mobile-content li {
	background-color: transparent;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.3;
}

#menu-mobile-content li a {
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
	padding: 5px 34px;
	margin: 0;
	margin-bottom: 15px;
}

#menu-mobile-content li a:hover,
#menu-mobile-content li:hover,
#menu-mobile-content li a:active,
#menu-mobile-content li:active #menu-mobile-content li a:focus,
#menu-mobile-content li:focus {
	/* background: #0084BB; */
	color: #FDD946;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

#menu-mobile-content li#menu-item-634:hover,
#menu-mobile-content li#menu-item-634:hover a {
	/* background-color: #0084BB;
	color: #1ebde3; */
}


/* 2 level */
#menu-mobile-content li.menu-item-has-children {}

#menu-mobile-content li>ul {
	padding-top: 0;
	padding-left: 0;
}

#menu-mobile-content li>ul.sub-menu li {
	/*background: #fff;*/
	/* background-color: #0084BB; */
}

#menu-mobile-content ul.sub-menu {
	border-top: none;
	display: block;
}

#menu-mobile-content li>ul.sub-menu li a {
	/*background: #fff;*/
	/* background-color: #0084BB; */
	text-transform: uppercase;
	color: #fff;
	border-bottom: none;
	font-weight: bold;
	line-height: 1.3;
	font-size: 15px;
	padding: 4px 80px;
	max-width: 100%;
}

#menu-mobile-content li>ul.sub-menu li a:hover,
#menu-mobile-content li>ul.sub-menu li a:focus,
#menu-mobile-content li>ul.sub-menu li a:active {
	color: #FDD946;
}

#menu-mobile-content li:hover>ul.sub-menu {
	display: block;
}

#menu-mobile-content li.cta {}

#menu-mobile-content li.cta a {
	background-color: transparent;
	border: none;
}


.mobile-social{
	border-top: 1px solid #dfdfdf;	
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
	margin-left: 35px;
	margin-top: 50px;
	padding: 30px 0;
    text-align: left;
    max-width: 600px;
	width: 80%;
	
}

.mobile-social a{
	color: white;
	text-decoration: none;
}

.mobile-social a:hover{
	text-decoration: none;
}

.mobile-social i {
	color: #fff;
    padding: 10px 0;
}

.mobile-social a {
    padding-left: 10px;
	font-size: 14px;
}

#menu-mobile-content ul.sub-menu {
    margin-left: -20px;
}

div#menu-mobile-content li#menu-item-33::after {
	content: '';
	height: 2px;
	background: #707070;
	width: 70%;
	left: 30px;
	margin-top: 10px;
	z-index: 9999;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#menu-mobile {
    padding: 10px 0;
}

/* Close Button */
#menu-mobile-content #btnClose {
	background: transparent;
	float: right;
	overflow: hidden;
	padding-right: 20px;
    padding-top: 10px;
	text-align: right;
}

#menu-mobile-content #btnClose .close {
	color: #fff;
	font-size: 34px;
	opacity: 0.7;
	padding: 24px 27px;
}

#menu-mobile-content #btnClose .close:focus {
	outline: none;
}

#menu-mobile-content li.btnBuscar {
	display: none;
}

/* Search */
#menu-mobile-content .btnSearchTopo { display: none; }



/**
* 07 - FOOTER
* ----------------------------------------------------------------------------
*/

#footer {
	background-color: #082946;
	padding: 60px 0;
}

#footer div {
	font-size: 14px;
}

#footer p, 
#footer a,
#footer div {
	color: #E8E8E8;
	font-size: 14px;
	line-height: 1.5;
}

#footer h4 {
	color: #E8E8E8;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#footer img { margin-bottom: 40px; }


/* Col 1 */
#footer .footer-col1 {
	overflow: hidden;
}

#footer .footer-col1 img {
	max-width: 185px;
}

#footer .footer-col1 a:hover {
	transition: all .3s;
	opacity: .8;
}

#footer .texto-footer {
	margin-bottom: 30px;
	max-width: 90%;
}

/* Col 2 */
#footer .footer-col2 {
	padding: 30px 0px 20px 50px;
}

#footer .footer-col3 {
	padding-top: 30px;
}

#footer .item {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 3px;
	margin-top: 20px;
}

#footer .item.endereco { background-image: url(img/icones/icone-pin.png); }
#footer .item.telefone { background-image: url(img/icones/icone-tel.png); }
#footer .item.email { background-image: url(img/icones/icone-email.png); }
#footer .item.horario { background-image: url(img/icones/icone-horario.png); }

#footer .footer-midias {
	margin-top: 30px;
}

#footer .footer-midias img { 
	float: left;
	margin-right: 15px;
}

#footer .footer-midias a:hover {
	opacity: .8;
	transition: all .3s ease;
	text-decoration: none;
}

/* Col 3 */
#footer .col-logos-footer{
	display: flex;
    align-items: center;
}

#footer .row-logos-footer img{
	max-width: 100%;
}


/*
#footer.col-md-5 > a{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#footer .col-md-5  > .row:last-child{
	margin-top: 15px;
}*/



/**
* 08 - COPYRIGHT
* ----------------------------------------------------------------------------
*/
#copyright {
	background-color: #061F36;
	padding: 10px;
}

#copyright p{
	color: #8590A1;
	font-size: 14px;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

#copyright a{
	color: #8590A1;
	font-size: 14px;
}

#copyright a:hover{
	color: #fff;
}



/**
* 09 - FORMULARIOS WPCF7
* ----------------------------------------------------------------------------
*/

/* Google ReCaptcha */
.grecaptcha-badge { visibility: hidden; }


/**
* 10 - PAGINA - HONE
* ----------------------------------------------------------------------------
*/


/* HERO */
#section-hero{
	background: #fff url(img/bg/hero.jpg) no-repeat top left;
	overflow: visible;
	padding-top: 170px;
}

#hero {
	padding: 130px 0 120px 120px;
}

#hero h3 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 50px;
	text-transform: uppercase;
}

#hero h3 strong {
	color: #FDD946;
}

#hero .cta a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#section-hero .cta {}


/* SOLUCOES */
#section-solucao {
	background-color: #0F3F68;
	padding: 70px 0;
}

#section-solucao .sub {
	text-align: center;
}

#section-solucao .sub h2 {
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#section-solucao .sub strong {
	color: #FDD946
}

#section-solucao .sub p {
	color: #fff;
	font-size: 18px;
}

/* Cards */
#section-solucao #cards{
	/*background-color: purple;*/
    border-radius: 5px;
	display: flex;
	justify-content: center;
	gap: 0 25px;
}

#section-solucao:after {
	background-color: #fff;
	content: '';
	height: 300px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;	
}

#section-solucao #cards .card-col {
	background-color: #2F70A7;
	border-radius: 5px;
	max-width: 296px;
	padding: 40px 12px 15px 12px;
	transition: all .3s ease;
	z-index: 30;
}

#section-solucao #cards .card-col:hover {
	background-color: #1E5482;
}

#section-solucao #cards .card-col .item {
	text-align: center;
}

#section-solucao #cards .item h3 {
	font-weight: normal;
	font-size: 26px;
	min-height: 65px;
}

#section-solucao #cards .item p {
	color: #fff;
	margin: 30px 0 40px 0;
	text-align: center;
}

#section-solucao #cards .item h3 + p {
	min-height: 170px;
}

#section-solucao #cards .item a {
	font-size: 14px;
}


/* SECTION - PORQUE CONTRATAR */
#section-porque{
	padding-top: 20px;
	padding-bottom: 100px;
}

#section-porque .sub {
	margin-bottom: 75px;
}

#section-porque .sub h2 {
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

#section-porque .sub p {
	color: #7A7A7A;
	font-weight: 500;
	max-width: 755px;	
}

#section-porque .icone {
	margin-bottom: 20px;
	height: 65px;
}

#section-porque .desc h4 {
	color: #0084BB;
	font-size: 20px;
	font-weight: 600;
	min-height: 60px;
}

#section-porque .desc {}

#section-porque .desc p{
	color: #7A7A7A;
	font-weight: 500;
	padding-right: 35px;
}


/* FAIXA CTA */
#faixa-cta{
	background-color: #1E5482;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 55px 0 65px 0;
	overflow: visible;
}

#faixa-cta .sub {
	margin-bottom: 35px;
	text-align: center;
}

#faixa-cta h2 {
	color: #FFFFFF;
	font-size: 30px;
	text-transform: uppercase;
}

#faixa-cta .sub strong {
	color: #FDD946;
}

#faixa-cta .cta {
	margin-bottom: 0;
}

#faixa-cta .cta p {
	margin-bottom: 0;
	text-align: center;
}

#faixa-cta .foto {}
#faixa-cta .foto img {}


/* CTA com imagem */
#faixa-cta.with-image{}

#faixa-cta.with-image img {
	position: absolute;
    top: -140px;
    overflow: visible;
}


/* CONHECA A IMOBILIFE */
#section-empresa{
	background-image: url(img/bg/bg-empresa.jpg);
	/*background-position-x: -200px;*/
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0;
}

@media screen and (min-width: 768px) {
	#section-empresa .col-dir { padding-left: 60px; }
}

#section-empresa .sub {}

#section-empresa .sub h2 {
	color: #fff;
	text-align: left;
	text-transform: uppercase;
}

#section-empresa .sub strong {
	color: #FDD946;
}

#section-empresa h3 {
	color: #fff;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	margin: 20px 0;
	text-align: left;
}

#section-empresa .texto {}

#section-empresa .texto p {
	color: #fff;
	max-width: 80%;
}

#section-empresa .cta {
	margin-top: 50px;
}

#section-empresa .cta a {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 30px;
}


/* SLIDE DEPOIMENTOS */
#section-depoimentos {
	background-color: #fff;
	padding: 70px 0 40px 0;
}

#section-depoimentos .sub {
	margin-bottom: 80px;
	text-align: center;	
}

#section-depoimentos h2 {
	text-transform: uppercase;
}

.nav-depoimentos,
.swiper-pagination {
	position: relative !important;
	margin-top: 50px !important;
}

.swiper-pagination .swiper-pagination-bullet {
	height: 10px; 
	width: 10px;
}

.swiper-button-next,
.swiper-button-prev {
	color: #BBB !important;
	font-weight: bold;
	top: 70% !important;
}

#depoimentos-clientes .depoentes {
	text-align: center;
	padding-left: 65px;
}

#depoimentos-clientes .depoentes .nome {
		color: #7A7A7A;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#depoimentos-clientes .depoentes .cargo {
		color: #7A7A7A;
		font-size: 15px;
	}

	#depoimentos-clientes .depoentes img {
		margin-bottom: 18px;
	}

	#depoimentos-clientes .depoimento-texto {
		margin-top: 20px;
	}

	#depoimentos-clientes .depoimento-texto p {
		color: #7A7A7A;
		font-size: 16px;
		margin: 0;
		max-width: 80%;
		text-align: center;
	}


/* FAIXA CTA */
#faixa-cta2 {
	background-color: #1E5482;
	background-image: url(img/bg/bg-faixa-cta.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 55px 0 65px 0;
	overflow: visible;
}

#faixa-cta2 .sub {
	margin-bottom: 45px;
	text-align: center;
}

#faixa-cta2 h2 {
	color: #FFFFFF;
	font-size: 30px;
	text-transform: uppercase;
}

#faixa-cta2 .sub strong {
	color: #FDD946;
}

#faixa-cta2 .cta {
	margin-bottom: 0;
}

#faixa-cta2 .cta a {
	font-size: 14px;
	font-weight: bold;
}

#faixa-cta2 .cta p {
	margin-bottom: 0;
	text-align: center;
}


/* BLOG */
#section-blog {
	background-color: #EEEEEE;
	padding: 60px 0 40px 0;
}

#section-blog .sub {
	margin-bottom: 60px;
	text-align: center;
	text-transform: uppercase;
}

body.page-id-373 #blog-wrapper {
	display: block;
	padding: 0;
}

#section-blog .cta {
	text-align: center;
	margin: 50px 0 20px 0;
}

#swiper-blog {}

#swiper-blog .item {}

#swiper-blog .item .post-img {
	/* background-size: contain; */
	background-size: cover;
	background-color: #ddd;
	background-repeat: no-repeat;
	border-radius: 8px;
	margin-bottom: 7px;
	width: 100%;
	height: 253px;
}

#swiper-blog .item .post-meta {
	color: #7a7a7a;
	font-size: 13px;
	margin-bottom: 30px;
}

#swiper-blog .item .post-meta .categoria {
	font-weight: bold;
	text-transform: uppercase;
}

#swiper-blog .item .post-meta .data {
	text-align: right;
}


#swiper-blog .item .post-title {}

#swiper-blog .item .post-title h4 {
	color: #0084BB;
	font-size: 20px;
	font-weight: 600;
	min-height: 73px;
}

#swiper-blog .item .post-desc {}

#swiper-blog .item .post-desc p {
	color: #7a7a7a;
	font-weight: 500;
}

#swiper-blog .swiper-pagination { 
	margin-top: 50px;
}



/**
* 11 - ESTRUTURA DAS PAGINAS INTERNAS
* ----------------------------------------------------------------------------
*/

/* Fix para Header e Menu Superior */
body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #header-wrapper {
	position: relative;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #header {
	background-color: #fff;
}


body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior ul li a {
	color: #0084BB;
	font-weight: 600;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior ul li a:hover {
	color: #0F3F68;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior ul li.cta.branco a {
	background-color: #1E5482;
    border-color: #1E5482;
    color: #fff;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior ul li.cta.branco a:hover {
	background-color: #fff;
	color: #1E5482;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior .sub-menu li a {
	color: #fff;
}

body:not(.page-template-template-new-home):not(.archive):not(.single):not(.page-template-template-blog) #menu-superior .sub-menu li a:hover {
	color: #FDD946;
}


/* Page Title */
.page-title {
	background: #fff url(img/bg/bg-page-title.jpg) no-repeat center center;
	background-size: 100%;
	background-size: cover;
	padding: 55px 15px;
}

.page-title h1 {
	color: #fff;
	/*font-family: Raleway, Arial, Sans-serif;*/
	font-size: 48px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}

.page-title h1:after {
	background-color: #fff;
	content: '';
	display: block;
	height: 2px;
	margin: 0 auto;
	margin-top: 12px;
	width: 100px;
}

.breadcrumbs {
	color: #fff;
	text-align: center;
}

.breadcrumbs a {
	color: #fff;
	font-weight: bold;
}

.breadcrumbs a:hover {
	color: #c8c8c8;
	text-decoration: none;
}


/* Content Wrapper e Elementos */
.content-wrapper {}

.content-wrapper.pag-internas {
	background: #eeeeee;
	padding: 70px 0;
}

.content-wrapper.pag-internas p,
.content-wrapper.pag-internas div,
.content-wrapper.pag-internas li {
	color: #555;
	font-size: 16px;
	/*font-family: Arial, Sans-serif;*/
	line-height:1.3;
	text-align: justify;
}

.content-wrapper.pag-internas li {
	text-align: left;
	margin-bottom: 10px;
}

.content-wrapper.pag-internas h1,
.content-wrapper.pag-internas h2,
.content-wrapper.pag-internas h3,
.content-wrapper.pag-internas h4,
.content-wrapper.pag-internas h5 {
	color: #f68220;
	font-weight: bold;
	/* font-family: Raleway; */
	line-height: 1.2;
	text-transform: uppercase;
}

.content-wrapper.pag-internas h2 {
	font-size: 24px;
	margin-bottom: 25px;
}

.content-wrapper.pag-internas h3 {
	font-size: 22px;
	margin-bottom: 25px;
}

.content-wrapper.pag-internas h4 {
	font-size: 19px;
	margin-bottom: 25px;
}

.content-wrapper.pag-internas h5 {
	font-size: 17px;
	margin-bottom: 25px;
}



/**
* 12 - PAGINA EMPRESA
* ----------------------------------------------------------------------------
*/

#empresa-wrapper {}

#empresa-wrapper h4 {
	margin-top: 0;
	text-align: left;
}

#empresa-wrapper p + h4 {
	margin-top: 25px;
}


/* Faixa de Newsletters */
#gestao-faixa-newsletter {
	background: #f9a947;
	padding-top: 65px;
	padding-bottom: 30px;
	overflow: hidden;
}

#gestao-faixa-newsletter .titulo {}

#gestao-faixa-newsletter .titulo h2 {
	color: #fff;
	font-weight: bold;
	/* font-family: Raleway; */
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

#gestao-faixa-newsletter .titulo p {
	color: #fff;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}

#gestao-faixa-newsletter .wpcf7 {
	margin-top: 45px;
}

#gestao-faixa-newsletter .wpcf7 .row {
	justify-content: center;
}

#gestao-faixa-newsletter .wpcf7 input[type="text"],
#gestao-faixa-newsletter .wpcf7 input[type="email"] {
	background: #fff;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #878787;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 16px;
	font-weight: 500;
	height: 41px;
	line-height: 41px;
	padding: 0 13px;
	max-width: 100%;
}

#gestao-faixa-newsletter .wpcf7 input[type="submit"] {
	background: #d2232a;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 16px;
	font-weight: 500;
	height: 41px;
	line-height: 41px;
	padding: 0 33px;
	text-align: center;
}

#gestao-faixa-newsletter .wpcf7 input[type="submit"]:hover {
	cursor: pointer;
	background-color: #b33;
	transition: all .3s;
}

/*
#gestao-faixa-newsletter .wpcf7 div.wpcf7-validation-errors,
#gestao-faixa-newsletter .wpcf7 div.wpcf7-mail-sent-ok {
	border: 2px solid #d9d9d9;
	background: #fff;
	padding: 7px 15px;
	font-size: 14px;
}
*/

#gestao-faixa-newsletter .wpcf7-response-output {
	border: 2px solid #d9d9d9;
	background: #fff;
	padding: 7px 15px;
	font-size: 14px;
	max-width: 847px;
	margin: 0 auto;
}

#gestao-faixa-newsletter .wpcf7-not-valid-tip {
	color: #111;
	font-size: 13px;
	font-weight: 600;
	margin-top: 3px;
}

#gestao-faixa-newsletter .wpcf7 div.wpcf7-mail-sent-ok {
	color: #398f14;
}


/**
* 13 - PAGINA SERVICOS
* ----------------------------------------------------------------------------
*/

.page-id-76 .content-wrapper.pag-internas {
	padding-bottom: 0;
}

.faixa-item-servico-condominio {
	padding: 65px 0 50px 0;
}

.faixa-item-servico-condominio.alt {
	background: #fff;
}

.faixa-item-servico-condominio ul {
	margin: 0;
	padding: 0;
}

.faixa-item-servico-condominio ul li {
	list-style: square;
	margin-left: 15px;
}

.faixa-item-servico-condominio h2 {
	margin-top: 0;
}



/**
* 14 - PAGINA - TRABALHE CONOSCO
* ----------------------------------------------------------------------------
*/

h3.sep-form {
	border-bottom: 1px solid #bababa;
	padding-bottom: 5px;
	font-weight: bold;
}

h3.sep-form:after {
	content: '';
	display: block;
	bottom: 25px;
	position: absolute;
	width: 60px;
	height: 2px;
	background: #f68220;
}

.content-wrapper.pag-internas .wpcf7 {
	margin-top: 45px;
}

.content-wrapper.pag-internas .wpcf7 .row {
	margin-bottom: 15px;
}

.content-wrapper.pag-internas .wpcf7 label {
	/* font-family: arial; */
}

.content-wrapper.pag-internas .wpcf7 input[type="text"],
.content-wrapper.pag-internas .wpcf7 input[type="email"],
.content-wrapper.pag-internas .wpcf7 select {
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #878787;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 16px;
	font-weight: 500;
	height: 41px;
	line-height: 41px;
	padding: 0 13px;
	width: 100%;
}

.content-wrapper.pag-internas .wpcf7 textarea {
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #878787;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 16px;
	font-weight: 500;
	height: 170px;
	padding: 7px 13px;
	width: 100%;
	resize: none;
}

.content-wrapper.pag-internas .wpcf7 input[type="submit"] {
	background: #d2232a;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	/* font-family: Raleway, Arial, Sans-serif; */
	font-size: 16px;
	font-weight: 500;
	height: 41px;
	line-height: 41px;
	padding: 0 33px;
	text-align: center;
}

.content-wrapper.pag-internas .wpcf7 input[type="submit"]:hover {
	cursor: pointer;
	background-color: #b33;
	transition: all .3s;
}

/*
#gestao-faixa-newsletter .wpcf7 div.wpcf7-validation-errors,
#gestao-faixa-newsletter .wpcf7 div.wpcf7-mail-sent-ok {
	border: 2px solid #d9d9d9;
	background: #fff;
	padding: 7px 15px;
	font-size: 14px;
}
*/

.content-wrapper.pag-internas .wpcf7-response-output {
	border: 2px solid #d9d9d9;
	background: #fff;
	padding: 7px 15px;
	font-size: 14px;
	max-width: 847px;
	margin: 0 auto;
}

.content-wrapper.pag-internas .wpcf7-not-valid-tip {
	color: #111;
	font-size: 13px;
	font-weight: 600;
	margin-top: 3px;
}

.content-wrapper.pag-internas.wpcf7 div.wpcf7-mail-sent-ok {
	color: #398f14;
}



/**
* 15 - PAGINA - SIMULE SEU FINANCIAMENTO
* ----------------------------------------------------------------------------
*/
.page-id-145 .content-wrapper.pag-internas {
	padding: 0;
}

.faixa-financiamento-intro {
	padding: 40px 0;
}

.faixa-financiamento-bancos {
	padding: 60px 0 30px 0;
	background: #fff;
}

.page-id-145 .faixa-financiamento-bancos h4 {
	color: #494848;
	font-weight: 500;
	margin-bottom: 45px;
	text-transform: initial;
}

.page-id-145 .faixa-financiamento-bancos h4:after {
	background: #0089cf;
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	margin-top: 10px;
}

.faixa-financiamento-bancos img:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}



/**
* 16 - BLOG - ARCHIVE / CATEGORY / TAG
* ----------------------------------------------------------------------------
*/
#hero-blog {
	background: #fff url(img/bg/hero-blog.jpg) no-repeat top left;
    height: 300px;
    display: flex;
    align-items: end;
    justify-content: center;
	padding: 0 0 45px 0;
}

#hero-blog h1 {
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
}

#blog-wrapper {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	padding: 60px 0 40px 0;
}

#blog-wrapper .article-item {
	width: 100%;
	max-width: 394px;
	height: auto;
	margin: 0;
	margin-bottom: 70px;
}

#blog-wrapper .article-item .post-img {
	/* background-size: contain; */
	background-size: cover;
	background-color: #ddd;
	background-repeat: no-repeat;
	border-radius: 8px;
	margin-bottom: 7px;
	width: 100%;
	height: 253px;
}

#blog-wrapper .article-item .post-img:hover {
	transition: all .3s;
	opacity: .9;
}

#blog-wrapper .article-item .post-meta {
	color: #7a7a7a;
	font-size: 13px;
	margin-bottom: 30px;
}

#blog-wrapper .article-item .post-meta .categoria {
	font-weight: bold;
	text-transform: uppercase;
}

#blog-wrapper .article-item .post-meta .data {
	text-align: right;
}

#blog-wrapper .article-item .post-title {}

#blog-wrapper .article-item .post-title h4 {
	color: #0084BB;
	font-size: 20px;
	font-weight: 600;
	min-height: 73px;
}

#blog-wrapper .article-item .post-title h4:hover {
	color: #1E5482;
	transition: .3s ease;
}

#blog-wrapper .article-item .post-desc {}

#blog-wrapper .article-item .post-desc p {
	color: #7a7a7a;
	font-weight: 500;
}



/**
* 17 - SINGLE - BLOG
* ----------------------------------------------------------------------------
*/

.article-item {
	max-width: 836px;
	margin: 40px auto 70px auto;
}

/* Feature Image */
.article-item .post__feature-img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

.article-item .post__feature-img img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	max-width: 100%;
	width: 100%;
}

/* Header */
.article-item header {
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 22px 28px;
	width: 100%;
}

.article-item header h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	margin: 0;
}

/* Meta */
.article-item .post__meta {
	border-bottom: 1px solid #9A9A9A;
	/*gap: 20px;*/
	margin-bottom: 35px;
	margin-top: 5px;
	padding: 10px 0;
}

.article-item .post__meta div[class^="col-"] {
	display: flex;
	align-items: center;
}

.article-item .post__meta .col-right {
	justify-content: end;
}

.article-item .post__meta .column {}

.article-item .post__meta .category {
	color: #858585;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.article-item .post__meta .date {
	border-left: 1px solid #858585;
	color: #858585;
	font-size: 13px;
	margin-left:15px;
	padding-left: 15px;
}

.article-item .post__meta .share-title {
	color: #858585;
	font-size: 13px;
	text-transform: uppercase;
}

.article-item .post__meta .share-icons {
	border-left: 1px solid #858585;
	color: #858585;
	font-size: 13px;
	margin-left:15px;
	padding-left: 15px;
}

.article-item .post__meta .share-icons i {
	color: #858585;
	font-size: 15px;
	margin:0 5px;
}

.article-item .post__meta .share-icons a { color: #858585; }
.article-item .post__meta .share-icons i:hover,
.article-item .post__meta .share-icons a:hover { color: #0084BB; }

/* Content */
.article-item .post__content {}

.article-item .post__content p {
	color: #7A7A7A;
	font-weight: 500;
	margin-bottom: 25px;
}

.article-item iframe {
	max-width: 100%;
}

.article-item .post__content h4 {
	color: #0084BB;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

.article-item .post__content h3 {
	color: #0084BB;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.article-item .post__content h2 {
	color: #0084BB;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
}

.article-item .post__content img {
	/*margin-bottom: 25px;*/
	max-width: 100%;
}

.article-item .post__content ul {
	list-style: none;
	margin-bottom: 25px;
}

.article-item .post__content li,
.article-item .post__content li {
	color: #7A7A7A;
	font-weight: 500;
	margin-bottom: 15px;
	padding-left: 0px;
	position: relative;
}

.article-item .post__content ul li::before {
	content: "";
    background-color: #03A0E6;
	border-radius: 100%;
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
	left: -20px;
    top: 10px;
}

/* Tags */
.article-item .post__tags {
	color: #858585;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 60px;
}

.article-item .post__tags a {
	background-color: #E1E1E1;
	border: 1px solid #E1E1E1;
	border-radius: 3px;
	color: #858585;
	font-size: 14px;
	padding: 4px 12px;
	pointer-events: none;
	text-transform: lowercase;
}

.article-item .post__tags a:hover {
	background-color: transparent;
}


/* Widget - Posts Relacionados */
#posts-relacionados {
	background-color: #EEEEEE;
	padding: 70px 0 20px 0;
}

#posts-relacionados h2 {
	color: #0084BB;
	font-weight: bold;
	margin-bottom: 70px;
	text-transform: uppercase;
}

#posts-relacionados #blog-wrapper { 
	padding: 0;
}

#posts-relacionados #blog-wrapper .article-item {
	margin-top: 0;
	margin-bottom: 50px;
}




/**
* XX - RESPONSIVE FIXES
* ----------------------------------------------------------------------------
*/


/**
* Ate telas de 1600px 
* ---------------------------------------------------------------------------- */
@media screen and (max-width: 1600px) {

	/* Home */
	#section-empresa { background-position-x: -200px; }

}



/**
* Ate telas de 1366px 
* ---------------------------------------------------------------------------- */
@media screen and (max-width: 1366px) {

	/* Home */
	#section-empresa { background-position-x: -350px; }

}



/**
* Ate telas de 1024px 
* ---------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {

	/* Helper Classes */
	.hidden-xs { display: none; }
	.visible-xs { display: block; }


	/* Home */
	#section-empresa { background-position-x: -620px; }


	/* Footer */
	#footer .item { word-break: break-all; }

}



/**
* Ate telas de 767px 
* ---------------------------------------------------------------------------- */
@media screen and (max-width:767px) {

	/* Helper Classes */
	.cta a { display: inline-block; }


	/* Faixa Topo */
	#faixa-topo { display: none; }


	/*Header */
	#header { padding: 15px; }
	#header #logo.mobile img { width: 170px; }

	
	/* Estrutura das Paginas Internas */
	.content-wrapper {}
	
	.content-wrapper.pag-internas {	padding: 25px 0 50px 0; }
	
	.page-title { padding: 15px; }
	.page-title h1 { font-size: 26px; }	
	.page-title h1:after { width: 50px; }
	h3.sep-form:after { position: relative; margin-top: 5px; bottom: 0; }
	.content-wrapper.pag-internas h2,
	.content-wrapper.pag-internas h3,
	.content-wrapper.pag-internas h4 { text-align: left; }


	/* Pagina - Home */
	#section-hero { padding-top: 100px; }
	#hero { padding: 60px; }

	#section-porque { text-align: center; }
	#section-porque .icone { height: auto; text-align: center; }

	#faixa-cta .foto { display: none; }

	#section-empresa { background-position-x: -800px; padding-left: 340px !important; }
	
	#swiper-blog .item-slide { max-width: 404px; margin: 0 auto; }

		
	/* Archive */ 
	#hero-blog { height: 200px; padding-bottom: 25px; }
	#hero-blog h1 { font-size: 26px; }
	#blog-wrapper { padding: 35px 15px; column-gap: 0; }
	#blog-wrapper .article-item .post-title h4 { min-height: 0; margin-bottom: 15px; }
	#blog-wrapper .article-item { margin-bottom: 35px; }


	/* Single */
	.article-item { margin: 40px auto; padding: 0 20px; }
	.article-item header { padding: 15px 20px; }
	.article-item header h1 { font-size: 22px; }
	.article-item .post__meta .col-right { justify-content: start; margin-top: 15px; }
	.article-item .post__meta .share-title { display: none; }
	.article-item .post__meta .share-icons { margin-left: 0; padding-left: 0; border-left: 0; }
	
	#posts-relacionados { padding-top: 40px; }
	#posts-relacionados h2 { margin-bottom: 40px; }
	#posts-relacionados #blog-wrapper .article-item .post-title h4 { min-height: auto; }

}


/**
* Ate telas de 600px 
* ---------------------------------------------------------------------------- */
@media screen and (max-width: 600px) {

	/* Helper Classes */
	h2, 
	.sub h2 { font-size: 28px; }
	h3, 
	.sub h3 { font-size: 24px; }
	.sub p { font-size: 16px; max-width: 90%; }


	/* Footer */ 
	#footer { padding: 45px 25px; }
	#footer .texto-footer { max-width: 100%; }
	#footer .footer-col2 { padding: 30px 0; }


	/* Home */
	#hero { padding: 60px 30px; }
	#hero h3 { font-size: 26px; }
	#hero h3 br { display: none; }
	#hero .cta a { font-size: 15px; }

	#section-solucao { padding: 50px 0; }
	#section-solucao #cards { flex-direction: column; align-items: center; }
	#section-solucao #cards .card-col {	padding: 30px 12px 0px 12px; margin-bottom: 35px; }
	#section-solucao #cards .item h3 + p { min-height: auto; }

	#section-porque { padding: 50px 0; }
	#section-porque .sub p { max-width: 90%;}
	#section-porque .desc p { padding-right: 15px; padding-left: 15px; }

	#faixa-cta h2 { font-size: 28px; }

	#section-empresa { background-position-x: -900px; padding: 50px 0 35px 0 !important;  text-align: center; }
	#section-empresa .sub h2 { text-align: center; }
	#section-empresa h3 { font-size: 24px; text-align: center; }
	#section-empresa .texto p { max-width: 100%; }

	#section-depoimentos { background-color: #fff;	padding: 50px 0 15px 0;	}
	#section-depoimentos .sub { max-width: 90%; margin: 0 auto 50px auto; }
	#depoimentos-clientes .depoentes { padding-left: 0; padding-right: 0; }
	#depoimentos-clientes .depoimento-texto p { margin: 0 auto; }
	#section-depoimentos .swiper-button-next, 
	#section-depoimentos .swiper-button-prev { display: none; } 

	#faixa-cta2 h2 { font-size: 28px; }

	#section-blog { padding: 50px 0 15px 0; }
	#section-blog .sub { margin-bottom: 35px; }


	/* Pagina - Empresa */
	#gestao-faixa-newsletter { padding: 50px 15px 35px 15px; }


	/* Pagina - Servicos */
	.linha-intro-servicos { padding: 50px 30px !important; }
	.faixa-item-servico-condominio { padding: 50px 30px !important; }

	
	/* Pagina - Trabalhe Conosco */
	#section-contato-wrapper .vc_col-sm-8 { margin-bottom: 50px; }
	.content-wrapper.pag-internas .wpcf7 .row { margin-bottom: 0; }

}



/**
* Ate telas de 480px 
* ---------------------------------------------------------------------------- */
	@media screen and (max-width:480px) {
	
	/* Faixa Newsletters */
	#gestao-faixa-newsletter { padding-top: 25px; padding-bottom: 25px; }
	#gestao-faixa-newsletter .wpcf7 input[type="text"], 
	#gestao-faixa-newsletter .wpcf7 input[type="email"] { margin-bottom: 10px; }
	

	/* Pagina de Servicos */
	.faixa-item-servico-condominio { padding: 25px 0 20px 0; }
	.faixa-item-servico-condominio .vc_col-sm-4 { display: none; }
	

	/* Pagina - Simule Seu Financiamento */
	.faixa-financiamento-bancos .wpb_single_image { text-align: center; }

	
	/* Single */
	.article-item { padding: 0 10px; }
	.article-item header { background-color: rgba(30,30,30,0.7); padding: 12px; position: relative; }
	.article-item header h1 { font-size: 20px; }
	.article-item .post__feature-img img { 
		-webkit-border-radius: 8px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius: 8px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-radius: 8px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
}