@font-face {
    font-family:'Neue Haas';
    src: url('../fonts/NeueHaasGroteskDisplay-Reg.eot');
    src: local('Neue Haas Grotesk Display Reg'), local('NeueHaasGroteskDisplay-Reg'),
        url('../fonts/NeueHaasGroteskDisplay-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasGroteskDisplay-Reg.woff2') format('woff2'),
        url('../fonts/NeueHaasGroteskDisplay-Reg.woff') format('woff'),
        url('../fonts/NeueHaasGroteskDisplay-Reg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Neue Haas';
    src: url('../fonts/NeueHaasGroteskDisplay-Medium.eot');
    src: local('Neue Haas Grotesk Display Med'), local('NeueHaasGroteskDisplay-Medium'),
        url('../fonts/NeueHaasGroteskDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasGroteskDisplay-Medium.woff2') format('woff2'),
        url('../fonts/NeueHaasGroteskDisplay-Medium.woff') format('woff'),
        url('../fonts/NeueHaasGroteskDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Neue Haas';
    src: url('../fonts/NeueHaasGroteskDisplay-Bold.eot');
    src: local('Neue Haas Grotesk Display Bold'), local('NeueHaasGroteskDisplay-Bold'),
        url('../fonts/NeueHaasGroteskDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasGroteskDisplay-Bold.woff2') format('woff2'),
        url('../fonts/NeueHaasGroteskDisplay-Bold.woff') format('woff'),
        url('../fonts/NeueHaasGroteskDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'PP Gatwick';
    src: url('../fonts/PPGatwick-Bold.eot');
    src: local('PP Gatwick Bold'), local('PPGatwick-Bold'),
        url('../fonts/PPGatwick-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPGatwick-Bold.woff2') format('woff2'),
        url('../fonts/PPGatwick-Bold.woff') format('woff'),
        url('../fonts/PPGatwick-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
}
ul, ol {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; line-height:normal;}

/*Default*/
html {scroll-behavior:smooth;}
body {width:100%; height:100%; font-family:'Neue Haas', sans-serif; font-weight:400; font-optical-sizing:auto; margin:0;}
a {text-decoration:none; transition:all 0.2s linear;}
a:hover {text-decoration:underline; transition:all 0.2s linear;}
a img {border:none;}
*:focus {outline:none;}
a:focus{outline:0}
.gatwick-font {font-family:'PP Gatwick';}
a.btTop {right:20px; bottom:90px; z-index:100; width:40px; height:40px;}
a.btTop:hover {background-color:var(--black);}
.cursor-pointer {cursor:pointer !important;}
.fullWidth {width:100%; max-width:1920px;}
.transition {transition:all 0.2s linear;}
.p-last-mg-0 p:last-child {margin-bottom:0;}

.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content {font-size:12px;}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content a {color:var(--bs-white);}
#ct-ultimate-gdpr-cookie-change-settings {display:none!important;}
#ct-ultimate-gdpr-cookie-open {font-family:inherit; font-size:12px; padding:10px 15px; font-weight:700;}
.grecaptcha-badge {z-index:10;}

.baseNav .main-nav {
	display:flex; flex-direction:column; position:fixed; z-index:200; top:0; right:0; bottom:0; width:100%; overflow-x:hidden;	overflow-y:hidden; transition:0.45s;
	transform:translateX(100%); -webkit-overflow-scrolling:touch;
}
.nav-is-toggled .baseNav .header-overlay,
.nav-is-toggled .baseNav .main-nav {transform:translateX(0);}
	.baseNav .main-nav .nav-header .btnCloseMenu:hover {color:var(--bs-white);}
	.baseNav .main-nav .nav-wrapper {height:calc(100% - 160px); position:relative;}
	.baseNav .nav-items {overflow-y:auto; overflow-x:hidden; width:100%;}
	.baseNav .nav-items.no-scroll {overflow-y:hidden;}
	.baseNav .nav-items::-webkit-scrollbar {width:8px;}
	.baseNav .nav-items::scrollbar {width:8px;}
	.baseNav .nav-items::-webkit-scrollbar-track {background:none; border-radius:4px;}
	.baseNav .nav-items::scrollbar-track {background:none; border-radius:4px;}
	.baseNav .nav-items::-webkit-scrollbar-thumb {background:var(--bs-gray-300); border-radius:4px;}
	.baseNav .nav-items::scrollbar-thumb {background:var(--bs-gray-300); border-radius:4px;}
	.baseNav .nav-link:hover {color:var(--bs-white);}
.topoPage {height:700px;}
	.topoPage .actions a.ctaBG:hover {background-color:var(--green-dark); color:var(--gray-light);}
	.topoPage .actions a.ctaOutline:hover {background-color:var(--green-dark); border-color:var(--green-dark);}
#projeto {height:700px;}
.introProjeto p {margin-bottom:25px; line-height:24px;}
.introProjeto .ctaBG:hover,
#walkability .ctaBG:hover,
#autoria .ctaBG:hover {background-color:var(--black);}
.introProjeto .ctaOutline:hover,
.atendimento .ctaOutline:hover {background-color:var(--green-dark); border-color:var(--green-dark); color:var(--gray-light);}
.introProjeto .colImg:before {
	content:" "; display:block; position:absolute; z-index:0; top:0; right:15px; bottom:0; background:url(../images/bg-pattern-mobile.png) repeat right top; width:50%;
}
	.introProjeto .colImg img {width:100%; height:267px; object-fit:cover;}
.baseGaleria button {width:40px; height:40px; background:rgba(0,0,0,0.7); z-index:50; top:50%; margin-top:-20px;}
.baseGaleria button:hover {background:rgba(0,0,0,1);}
.baseGaleria .btnPrev {left:35px;}
.baseGaleria .btnNext {right:35px;}
.baseGaleria .swiper-lazy-preloader {--swiper-preloader-color: var(--green-dark);}
.baseGaleria .swiper {width:100%; height:350px;}
	.baseGaleria .swiper-slide img {width:100%; height:350px; object-fit:cover;}
#localizacao address {background-image:url(../images/icone-pinheiro-endereco.png);}
#localizacao p {margin-bottom:25px; line-height:24px; opacity:0.7;}
#localizacao .ctaOutline:hover {background-color:var(--gray-light); color:var(--green-dark);}
	#localizacao .ctaOutline:hover svg path {stroke:var(--green-dark);}
#walkability .title p {line-height:24px;}
#walkability .baseRef:before {content:" "; display:block; height:1px; background:#C7C7C7; position:absolute; left:30px; right:0; top:63px; z-index:0;}
#walkability .refPrev,
#walkability .refNext {width:60px; height:60px; border-color:#C7C7C7; background:var(--gray-light);}
#walkability .refPrev:hover,
#walkability .refNext:hover {background:var(--green-dark); color:var(--gray-light);}
#walkability address {background-position:center top; background-image:url(../images/icone-pinheiro-endereco2.png);}
.slideReferencias {width:100%;}
.slideReferencias .swiper-slide {width:120px;}
	.slideReferencias .swiper-slide span {width:60px; height:60px;}
#plantas .navPlantas,
#autoria .autorPrev,
#autoria .autorNext,
#obras .obraPrev,
#obras .obraNext {width:40px; height:40px; background:rgba(0,0,0,0.7);}
#plantas .navPlantas:hover,
#autoria .autorPrev:hover,
#autoria .autorNext:hover,
#obras .obraPrev:hover,
#obras .obraNext:hover {background:rgba(0,0,0,1);}
#plantas .nav-tabs {border:none;}
#plantas .nav-tabs .nav-link {margin-bottom:0; border:1px solid var(--gray-dark); border-radius:0;}
#plantas .nav-tabs .nav-link:hover,
#plantas .nav-tabs .nav-link.active {color:var(--gray-light); background-color:var(--green-dark); border-color:var(--green-dark);}
#plantas .slidePlantas {width:100%;}
	#plantas .slidePlantas .box {border-color:#e4e4e4;}
.atendimento img {width:100%; height:auto;}
.atendimento a {width:100%; max-width:200px;}
.atendimento .ctaBG:hover {color:var(--green-dark); background:none;}
#sustentabilidade p {line-height:26px;}
.slideAutores {width:100%;}
	.slideAutores .swiper-slide p {line-height:28px; margin-bottom:35px;}
	.slideAutores .swiper-slide {height:auto;}
		.slideAutores .swiper-slide .box {border-color:#afafaf;}
#contato ul {border-top:1px solid var(--gray-dark);; border-bottom:1px solid var(--gray-dark);} 
#contato .signature img {filter:brightness(0) invert(1);} 
#contato .colImg {margin-top:-55px;} 
	#contato .colImg img {width:100%; height:480px; object-fit:cover;}
#contato .boxForm .linhaCampo {width:100%;}
    #contato .boxForm input.campo-txt {width:100%; border:none; border-bottom:1px solid var(--gray-dark); height:54px; font-size:14px; font-weight:500; color:var(--gray-dark); padding:0 10px;}
    #contato .boxForm input.campo-txt.wpcf7-phonetext {padding-left:95px;}
	#contato .boxForm input.campo-txt::-ms-input-placeholder {color:var(--gray-dark);}
	#contato .boxForm input.campo-txt::placeholder {color:var(--gray-dark);}
	#contato .boxForm .btnEnviar {width:100%; height:62px; border:none; background:var(--green-dark); cursor:pointer; font-size:16px; font-weight:500; color:var(--bs-white);}
	#contato .boxForm .btnEnviar:hover {background:var(--gray-dark);}
	#contato .boxForm .btnEnviar:disabled {opacity:0.7; cursor:default;}
    #contato .boxForm .btnEnviar:disabled:hover {background:var(--green-dark);}
	#contato .boxForm .wpcf7-spinner {margin:0; position:absolute; right:10px; top:19px; background-color:var(--bs-white);}
	#contato .boxForm .wpcf7-spinner::before {background-color:var(--green-dark);}
	#contato .boxForm .wpcf7-not-valid-tip {font-size:10px; font-weight:500; color:var(--green-dark);}
	#contato .boxForm .wpcf7-response-output {font-size:12px; font-weight:500; color:var(--gray-dark); text-align:center; margin:10px 0 0;}
	#contato .boxForm .wpcf7-acceptance {display:block;}
		#contato .boxForm .wpcf7-acceptance span.wpcf7-list-item {margin:0; text-align:left;}
		#contato .boxForm .wpcf7-acceptance input[type=checkbox] {
			position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
		}
		#contato .boxForm .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label {
			padding-left:25px; min-height:18px; display:block; font-size:14px; color:var(--gray-dark); font-weight:400; line-height:16px; vertical-align:middle; 
			background:url(../images/bg-checkbox-off.webp) no-repeat 0 0; cursor:pointer;
		}
		#contato .boxForm .wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label {background:url(../images/bg-checkbox-on.webp) no-repeat 0 0;}
		#contato .boxForm .wpcf7-acceptance .wpcf7-list-item-label {
			 -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
		}
	#contato .boxForm .consentimento {font-size:14px; color:var(--gray-dark); line-height:18px;}
	    #contato .boxForm .consentimento a {text-decoration:none; color:var(--gray-dark);}
	    #contato .boxForm .consentimento a:hover {color:var(--green-dark);}
#faq .accordion .accordion-item {border-color:#C7C7C7;}
#faq .accordion .accordion-item:last-child {margin-bottom:0; border-bottom:1px solid #C7C7C7;}
	#faq .accordion-item .accordion-header:after {content:"\F286"; font:16px 'bootstrap-icons'; color:var(--bs-black); right:0; top:2px; position:absolute;}
	#faq .accordion-item .accordion-header.collapsed:after  {content:"\F282";}
footer ul a:hover {color:var(--gray-dark);}
footer .social a {width:50px; border-radius:8px;}
footer .social a:hover {background-color:var(--green-dark); color:var(--gray-light);}
.btnsContato {bottom:0; left:0; right:0; z-index:500; border-radius:8px 8px 0 0; background-color:var(--bs-black); height:70px;}
	.btnsContato a:hover {color:var(--gray-dark);}
#obras ul li .barra {height:10px; background-color:#c1c1ba;}
	#obras ul li .barra .progresso {height:10px; top:0; left:0;}
.slideObras {width:100%;}
	.slideObras .swiper-slide {height:auto!important;}
#modalWhats .modal-content {background:none!important; border-radius:0!important;}
#modalWhats .modal-body {padding:0!important;}
#modalWhats .formWhats {width:100%; max-width:390px; border-radius:16px; background-color:#1C1C2A; margin:0 auto;}
    #modalWhats .formWhats .header {width:100%; background-color:#153448; border-radius:16px 16px 0 0;}
        #modalWhats .formWhats .header .btFechar {line-height:20px;}
        #modalWhats .formWhats .header .btFechar:hover {color:var(--gray-dark);}
        #modalWhats .formWhats .header .status:before {content:" "; display:inline-block; margin-right:6px; background-color:#49D120; width:5px; height:5px; border-radius:50%;}
        #modalWhats .formWhats .linhaCampo {width:100%;}
    #modalWhats .formWhats input.campo-txt {width:100%; border:none; height:54px; font-size:14px; font-weight:500; color:var(--bs-white); padding:0 15px; border-radius:16px; background:#0F5247;}
    #modalWhats .formWhats input.campo-txt.wpcf7-phonetext {padding-left:95px;}
	#modalWhats .formWhats input.campo-txt::-ms-input-placeholder {color:var(--bs-white);}
	#modalWhats .formWhats input.campo-txt::placeholder {color:var(--bs-white);}
	#modalWhats .formWhats .btnEnviar {width:200px; height:68px; border:none; background:#49D120; cursor:pointer; border-radius:16px;}
	#modalWhats .formWhats .btnEnviar:hover {background:#38b811;}
	#modalWhats .formWhats .btnEnviar:disabled {opacity:0.7; cursor:default;}
    #modalWhats .formWhats .btnEnviar:disabled:hover {background:#49D120;}
	#modalWhats .formWhats .wpcf7-spinner {background-color:var(--bs-white); margin-top:10px;}
	#modalWhats .formWhats .wpcf7-spinner:before {background-color:#49D120;}
	#modalWhats .formWhats .wpcf7-not-valid-tip {font-size:10px; font-weight:500; color:#49D120;}
	#modalWhats .formWhats .wpcf7-response-output {font-size:12px; font-weight:500; color:var(--bs-white); text-align:center; margin:10px 0 0;}
	#modalWhats .formWhats .intl-tel-input.separate-dial-code .selected-dial-code {color:var(--bs-white);}
	#modalWhats .formWhats .intl-tel-input .selected-flag .iti-arrow {border-top-color:var(--bs-white);}

@media only screen and (min-width : 576px) {
	#ct-ultimate-gdpr-cookie-popup {display:flex; align-items:center;}
	#ct-ultimate-gdpr-cookie-content {padding-right:15px;}
	#ct-ultimate-gdpr-cookie-popup .ct-ultimate-gdpr-cookie-buttons {padding:0;}
	.introProjeto .colImg img {height:359px;}
	.baseGaleria .swiper,
	.baseGaleria .swiper-slide img {height:400px;}
	.slideReferencias .swiper-slide {width:auto;}
	#contato .boxAlign {width:540px;}
}

@media only screen and (min-width : 768px) {
	#projeto {height:800px;}
	.introProjeto .colImg img {height:451px;}
	.baseGaleria .swiper,
	.baseGaleria .swiper-slide img {height:650px;}
	#walkability .refPrev {position:absolute; z-index:10; left:0; top:0px;}
	#walkability .refNext {position:absolute; z-index:10; right:0; top:0px;}
	#walkability address {background-position:left top;}
	.slideReferencias {width:74%;}
	.atendimento .box {width:100%;}
	.atendimento img {height:100%; object-fit:cover;}
}

@media only screen and (min-width : 992px) {
	.baseNav {height:80px;}
	.navProjeto.sticky {position:fixed; z-index:90; top:0; left:0; right:0;}
	.baseNav .main-nav {
		position:relative; top:inherit; left:inherit; bottom:inherit; width:auto; height:auto; transform:none; overflow:inherit; background:none!important; z-index:85;
	}
	.baseNav .main-nav .nav-wrapper {height:auto;}
	.baseNav .nav-items {overflow:inherit;}
	.baseNav .nav-item {margin-left:40px;}
	.baseNav .nav-item:first-child {margin-left:0;}
	#projeto.bgFixed {background-attachment: fixed;}
	.introProjeto .diferenciais {margin-top:-140px;}
	.introProjeto .colImg:before {background:url(../images/bg-pattern.png) no-repeat right top; width:235px;}
	.introProjeto .colImg img {height:542px;}
	#localizacao .colImg img {height:100%; object-fit:cover;}
	#walkability .baseRef:before {right:30px;}
	#sustentabilidade {min-height:600px;}
	#contato .colImg {margin-top:0;} 
	#contato .colImg img {height:100%;}
	#contato .boxAlign {width:455px;}
	#contato .boxForm {position:absolute; z-index:20; width:370px; top:0; right:-185px; top:80px;}
	.btnsContato {bottom:inherit; left:inherit; top:200px; border-radius:8px 0 0 8px; height:200px; width:60px;}
	.btnsContato ul,
	.altBtns ul	{width:100%; height:100%;}
	.altBtns {
		width:220px; height:200px; top:200px; right:0; z-index:450; background:#1e1e1e;border-radius:8px 0 0 8px; transition:0.45s; transform:translateX(100%);
	}
	.altBtns.open {transform:translateX(0);}
	footer hr {opacity:1; border-color:#cfcfcf;}
}

@media only screen and (min-width : 1200px) {
	.baseNav .nav-item {margin-left:60px;}
	.introProjeto .colImg:before {width:367px;}
	.baseGaleria .btnPrev {left:75px;}
	.baseGaleria .btnNext {right:75px;}
	.baseGaleria .swiper-slide {width:992px;}
	.slideReferencias {width:84%;}
	#contato .boxAlign {width:560px;}	
	.topoPage.interno {height:780px;}
	.slideObras {width:82%;}
	#obras .obraPrev {position:absolute; z-index:30; left:15px; top:50%; margin-top:-20px;}
	#obras .obraNext {position:absolute; z-index:30; right:15px; top:50%; margin-top:-20px;}
}

@media only screen and (min-width : 1400px) {
	.baseGaleria .swiper-slide {width:1290px;}
	.slideReferencias {width:88%;}
	.atendimento img {width:auto; max-width:100%;}
	#contato .boxAlign {width:660px;}
	#contato .boxForm {width:420px; right:-210px; top:90px;}
	.slideObras {width:84%;}
}

@media only screen and (min-width : 1920px) {
	.navProjeto.sticky {width:1920px; left:50%; right:inherit; margin-left:-960px;}
}