*{
font-family: 'Poppins', sans-serif;
}
html,
body {
height: 100%;
margin: 0;
}
#wrapper {
height: 100%;
overflow: auto;
}
.invisible-title {
visibility: hidden;
height: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-rendering: optimizeLegibility;
line-height: 1;
margin: 0;
}
p,
ul,
ol {
margin: 0;
padding: 0;
}
ol ol,
ul ul,
ul ol,
ol ul {
margin: 0.4em 0;
}
a:hover,
a:focus,
a:visited,
a:active {
text-decoration: none;
color: inherit;
}
a[href],
input[type="submit"],
input[type="image"],
label[for],
select,
button {
cursor: pointer;
text-decoration: none;
}
input[type="text"],
textarea {
display: inline-block;
}
.section {
margin-top: 60px;
}
.loading {
position: fixed;
height: 100%;
width: 100%;
z-index: 99999999;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background: black;
color: white;
} .clear-fix:after {
content: "";
display: block;
clear: both;
}
tbody tr:nth-child(odd) {
background-color: #ccc;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.hide {
display: none;
}
.nopadding {
padding: 0;
}
.mobile,
.tablet {
display: none;
}
.nomobile,
.notablet {
display: block;
}
@media (max-width: 992px) {
.tablet {
display: block;
}
.notablet {
display: none;
}
}
@media (max-width: 768px) {
.mobile {
display: block;
}
.nomobile {
display: none;
}
}
.thumb .thumb-img {
height: 100%;
width: 100%;
background-size: cover !important;
}
.thumb img {
display: none;
}
.the-content > * {
margin-top: 0;
margin-bottom: 0;
text-align: justify;
}
.the-content > * + * {
margin-top: 1.5rem;
margin-bottom: 0;
}
.the-content .alignleft {
float: left;
margin-right: 2em;
}
.the-content .alignright {
float: right;
margin-left: 2em;
}
.the-content .aligncenter {
clear: both;
display: block;
margin: 0 auto;
}  .navbar-brand a img,
.navbar-brand a svg {
height: 60px;
width: auto;
}
.navbar-brand .mobile a {
line-height: 50px;
}
.navbar-collapse {
float: right;
}
.navbar-collapse li {
float: left;
}
.navbar-collapse a {
display: block;
padding: 0 10px;
line-height: 50px;
}
.logo-header {
max-height: 82px;
}
.primary-menu:after {
content: "";
display: block;
clear: both;
}
.btns-menu .gtranslate_wrapper {
display: flex;
margin-left: 20px;
}
.glink {
margin-right: -30px;
}
#menu {
padding: 20px 0;
} #header {
position: relative;
z-index: 999;
}
.navbar-toggler:focus {
box-shadow: none;
}  .slider-container {
position: relative;
}
.slider-container .cycle-slideshow {
height: 600px;
width: 100%;
overflow: hidden;
}
.slider-container .display-element {
height: 100%;
width: 100%;
background-size: cover !important;
}
.slider-container .display-container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
}
.slider-container .display-container img {
width: 100%;
height: auto;
}
.slider-container .display-next,
.slider-container .display-prev {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 999;
font-size: 52px;
color: white;
cursor: pointer;
}
.slider-container .display-next {
right: 20px;
}
.slider-container .display-prev {
left: 20px;
}
.slider-container .display-pager {
display: block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.slider-container .display-pager span {
height: 10px;
width: 10px;
border-radius: 100%;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background: black;
}
.slider-container .display-pager span + span {
margin-left: 5px;
}
.slider-container .display-pager span.cycle-pager-active {
cursor: default;
opacity: 0.5;
}  .blog-roll-container .thumb {
height: 200px;
width: 100%;
}
.thumb a,
.thumb .thumb-img {
display: block;
height: 100%;
width: 100%;
background-size: cover !important;
background-position: center !important;
} .post-excerpt {
height: 200px;
} .page-header {
margin-bottom: 30px;
}
.the-content p + p {
margin-top: 15px;
}
.page-container {
padding: 0;
}
.the-categories li {
display: inline-block;
}
.the-categories li + li:before {
content: ",";
position: relative;
display: inline-block;
margin-right: 4px;
left: -2px;
}
.share-this li {
display: inline-block;
} .galerias-content {
margin-top: -30px;
}
.galerias-element {
margin-top: 30px;
}
.galerias-element .thumb-img {
display: block;
width: 100%;
height: 200px;
} .contato-container {
margin-top: -30px;
}
.contato-container .lince-input {
margin-top: 30px;
}
.contato-container br {
display: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
outline: none;
border: none;
resize: none;
width: 100%;
box-sizing: border-box;
padding: 10px;
font-size: 14px;
transition: 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1);
border: none;
}
input[type="submit"] {
outline: none;
cursor: pointer;
border: none;
background: #66cc33;
color: white;
padding: 10px;
}
label.error {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 10px;
color: red;
}
.lince-input .label-file {
background: #b4b4c4;
padding: 10px;
cursor: pointer;
width: 30%;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
text-align: center;
}
input[type="text"].file-archive {
width: 70%;
}
.alertify-button {
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
background: #66cc33 !important;
text-shadow: none !important;
margin-top: 20px;
} .lince-input .wpcf7-form-control-wrap {
display: block;
} p + .gallery,
ul + .gallery,
.gallery + p,
.gallery + ul,
.gallery + .gallery {
margin-top: 30px;
}
.gallery {
margin: 0;
top: -20px;
position: relative; }
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
padding: 0 1.1400652% 0;
margin-top: 20px;
}
.gallery-icon {
height: 200px;
}   body.admin-bar {
padding-bottom: 32px !important;
}
@media screen and (max-width: 782px) {
body.admin-bar {
padding-bottom: 46px !important;
}
} .facebook-cmt .fb-comments,
.facebook-cmt .fb-comments span,
.facebook-cmt .fb-comments iframe {
width: 100% !important;
} .gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
width: 100%;
height: auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} @media (max-width: 992px) { .post + .post {
margin-top: 30px;
} .tablet {
display: block;
}
.slider-container .cycle-slideshow {
height: auto;
}
.slider-container .display-container {
display: block;
}
.slider-container .display-container .txt {
position: absolute;
top: 40%;
z-index: 999;
width: 100%;
text-align: center;
padding: 20px;
}
.slider-container .display-next,
.slider-container .display-prev {
display: none;
}
}
@media (max-width: 768px) { #menu {
padding: 0;
}
.navbar-collapse li {
float: none;
}
.navbar-collapse a {
padding: 0;
line-height: 45px;
margin-left: unset !important;
} .navbar-collapse .sub-menu {
max-height: 0px !important;
padding: 0 0 0 20px;
margin: 0;
overflow: hidden;
opacity: 0;
transition: 1s ease;
}
.navbar-collapse .menu-item-has-children.opened .sub-menu {
max-height: 200px !important;
opacity: 1;
}
.experiencia h2 {
color: #414141 !important;
} .label-file span {
display: none;
} .gallery-item {
width: 100%;
max-width: 100% !important;
}
}
.nav-link {
color: #1B1D1C;
font-size: 14px;
font-weight: 300;
}
.nav-link:hover {
color: #B10C14;
}
.social-header {
list-style-type: none;
margin: 0 15px !important;
}
.social-header li {
border: solid 2px #E4E4E4;
border-radius: 8px;
height: 45px;
min-width: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.social-header a {
padding: 0px;
margin: 0px 10px;
line-height: 40px;
}
.social-header li:hover {
background-color: #B10C14;
transition: ease-in 0.3s;
}
.social-header li:hover img{
filter: invert(99%) sepia(1%) saturate(0%) hue-rotate(186deg) brightness(112%) contrast(101%);
}
.btns-menu{
list-style-type: none;
}
.btn-areaCliente {
color: #7A0D10 !important;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
border: 2px solid #CACACA;
}
.btn-areaCliente:hover {
color: #fff !important;
background-color: #7A0D10;
transition: ease-in 0.3s;
}
.btn-contatoMenu {
color: #FFF !important;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
border: 1px solid #8C1114;
background: #7A0D10;
box-shadow: -5px 4px 12px 0px rgba(0, 0, 0, 0.15);
margin: 0 0 0 16px;
} #display .owl-nav {
position: relative;
top: -190px;
display: flex;
justify-content: space-between;
height: 0;
}
#display button.owl-prev {
color: #fff;
position: relative;
background: #7A0D10;
width: 58px;
height: 58px;
border: solid 1px #7A0D10;
left: 40px;
}
#display button.owl-next {
color: #fff;
position: relative;
background: #7A0D10;
width: 58px;
height: 58px;
right: 40px;
border: solid 1px #7A0D10;
}
#display .fal, .fa-light {
font-size: 32px;
}
#display .owl-dots {
position: relative;
top: -45px;
}
#display .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #981D00;
}
.empreendimentos{
padding: 60px 0;
position: relative;
}
.empreendimentos h1, 
.institucional h1, 
.empreendimentos h2, 
.institucional h2{
color: #0B0422;
font-size: 32px;
font-weight: 600;
line-height: 120%;
}
.empreendimentos h1 span,
.institucional h1 span,
.empreendimentos h2 span,
.institucional h2 span{
color: #B10C14;
}
.btn-padraoVerm {
color: #FFF !important;
font-size: 16px;
font-weight: 500;
line-height: 120%;
border-radius: 7px;
border: 2px solid #961216;
background: #7A0D10;
align-items: center;
height: 56px;
display: inline-flex;
padding: 0 30px;
justify-content: flex-end;
margin-right: 8px;
}
.btn-padraoVerm img {
margin-left: 8px;
}
.homeplay .btn-padraoVerm img {
margin-right: 8px;
margin-left: 0;
}
.btn-padraoVerm:hover {
background-color: #B10C14;
transition: ease-in 0.3s;
color: #fff;
}
.btn-book {
color: #FFF !important;
font-size: 20px;
font-weight: 500;
line-height: 120%;
border-radius: 7px;
border: 2px solid #961216;
background: #7A0D10;
align-items: center;
height: 56px;
display: inline-flex;
padding: 0 30px;
justify-content: center;
width: 95%;
}
.btn-book:hover {
background-color: #B10C14;
transition: ease-in 0.3s;
color: #fff;
}
.btn-book img {
margin-left: 8px;
}
.d-center{
display: flex;
align-items: center;
}
.capaEmpreendimento{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
border-radius: 0 10px 10px 0;
position: relative;
}
.info-empreendimento {
border-radius: 10px 0 0 10px;
border: 1px solid #EFEFEF;
background: #F5F5F5;
padding: 18px;
min-height: 280px;
position: relative;
}
.status-empreendimento {
color: #FFF;
font-size: 10px;
font-weight: 600;
line-height: 120%;
text-transform: uppercase;
border-radius: 3px;
background: #2F2E2E;
display: inline-flex;
padding: 7px;
margin-bottom: 10px;
}
.card-empreendimento h3 {
color: #0B0422;
font-size: 24px;
font-weight: 500;
line-height: 110%;
}
.local-empreendimento {
display: flex;
align-items: center;
color: #B10C14;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.pin-emp{
width: 9px !important;
margin-right: 8px;
}
.icon-itemEmp{
width: 20px !important;
margin-right: 8px;
}
.itens-empreendimento {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.item-empreendimento {
display: flex;
margin: 0 4px 8px;
align-items: center;
}
.arrowSaibaMais{
width: 16px !important;
}
.btn-saibaMaisEmp {
display: flex;
color: #4F4F4F;
font-size: 16px;
font-weight: 500;
line-height: 120%;
align-items: center;
border-bottom: solid 1px #D9D9D9;
width: 50%;
position: absolute;
bottom: 10px;
}
.btn-saibaMaisEmp img {
margin-left: 8px;
}
.pr-0{
padding-right: 0px;
}
.pl-0{
padding-left: 0px;
}
.empreendimentos .owl-nav {
position: relative;
top: -170px;
display: flex;
justify-content: space-between;
height: 0;
}
.empreendimentos button.owl-prev {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
border: solid 1px #7A0D10 !important;
left: -50px;
}
.empreendimentos button.owl-next {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
right: -50px;
border: solid 1px #7A0D10 !important;
}
.empreendimentos .fal, .fa-light {
font-size: 32px;
}
.empreendimentos .owl-dots {
position: relative;
top: 20px;
}
.empreendimentos .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #981D00;
}
.unidades {
background: #7A0D10;
color: #FFFFFF;
position: absolute;
bottom: 0px;
width: 100%;
border-radius: 0px 0px 10px 0px;
text-align: center;
} #card-mobile{
height: 50vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
}
.info-empreendimento-mobile {
display: flex !important;
justify-content: flex-end;
flex-direction: column;
position: absolute;
bottom: 0px;
margin-left: 10px;
color: #F5F5F5;
}
.status-empreendimento-mobile {
font-weight: 600;
line-height: 120%;
text-transform: uppercase;
border-radius: 3px;
background: #2F2E2E;
display: inline-flex;
padding: 7px;
color: #F5F5F5;
margin-top: 22px;
margin-left: 10px;
font-size: 14px;
z-index: 1;
position: absolute;
top: 0px;
}
.sombra-empreendimento {
background-image: linear-gradient(to left bottom, #00000000, black);
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
bottom: 0;
border-radius: 10px;
}
.certificacao:before{
background: linear-gradient(87deg, #7B0E11 17.34%, #961316 89.22%);
background-size: auto;
display: inline-block;
width: 160px;
height: 160px;
content: "";
position: absolute;
z-index: -1;
border-radius: 0px 40px 40px 0px;
}
.certificacao h2 {
font-size: 28px;
font-weight: 600;
margin-top: 35px;
}
.certificacao p {
font-family: 'Poppins';
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: justify;
}
.video-institucional {
position: relative; 
overflow: hidden;
max-width: 100%;
height: auto;
}
.video-institucional iframe {
width: 100%;
height: 100%;
min-height: 600px;
border: solid 10px #b01116;
border-radius: 5px;
}
.sobreNosHome{
padding: 60px 0 0;
position: relative;
}
.sobreNosHome h2{
color: #414141;
font-size: 32px;
font-weight: 600;
line-height: 130%;
margin-bottom: 10px;
}
.sobreNosHome p{
color: #414141;
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
text-align: justify;
}
.sobreNosHome:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: -240px;
left: 0;
z-index: -2;
opacity: 0.5;
}
.experiencia {
border-radius: 0px 0px 0px 50px; padding: 60px 0;
position: relative;
margin-top: -30px;
left: 40px;
}
.experiencia h2 {
color: #FFF;
font-size: 32px;
font-weight: 600;
line-height: 130%;
}
.card-experiencia {
border-radius: 15px;
border: 1px solid #B12C30;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 230px;
padding: 20px;
margin-bottom: 20px;
}
.card-experiencia h4 {
color: #FFF;
font-size: 48px;
font-weight: 700;
line-height: 90%;
min-height: 60px;
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.card-experiencia p {
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 130%;
margin-bottom: 10px;
min-height: 40px;
text-align: justify;
}
.esconderExperiencia {
overflow: hidden;
height: 70px;
transition: ease-in-out 0.2s;
}
.card-experiencia:hover .esconderExperiencia {
height: 270px;
transition: ease-in-out 0.2s;
}
.card-experiencia img {
width: 45px;
}
.experiencia::before {
background-color: #5E090B;
background-size: auto;
display: inline-block;
width: 100%;
height: 24px;
content: "";
top: -30px;
right: 40px;
position: absolute;
z-index: -1;
}
.blog{
padding: 60px 0;
position: relative;
}
.blog h1 {
color: #0B0422;
font-size: 32px;
font-weight: 600;
line-height: 120%;
}
.blog h1 span {
color: #B10C14;
}
.d-final{
display: flex;
justify-content: flex-end;
}
.blog:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 270px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.capaNoticia{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 230px;
border-radius: 8px;
margin-bottom: 10px;
}
.categoriaNoticia {
color: #FFF;
font-size: 12px;
font-weight: 400;
line-height: 120%;
border-radius: 5px;
background: #2F2E2E;
display: inline-block;
padding: 10px;
margin: 16px;
}
.dataNoticia {
color: #B10C14;
font-size: 14px;
font-weight: 500;
margin-bottom: 8px;
}
.infoNoticia h3 {
color: #2F2E2E;
font-size: 18px;
font-weight: 600;
line-height: 120%;
margin-bottom: 10px;
}
.btn-lerNoticia {
color: #454251;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
}
.btn-lerNoticia img {
margin-left: 8px;
}
.blog:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 260px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.box-homeplay{
border-radius: 15px 15px 0px 0px;
background: linear-gradient(85deg, #32130D 13.87%, #500E02 61.88%);
padding: 60px;
display: flex;
align-items: center;
}
.d-bl{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.homeplaylogo {
margin-bottom: 30px;
}
.box-homeplay .mao {
position: absolute;
bottom: -165px;
left: 60px;
}
.box-homeplay h3 {
color: #FFF;
font-size: 24px;
font-weight: 500;
line-height: 120%;
margin-bottom: 10px;
}
.homeplay {
margin-top: 100px;
}
footer {
background-color: #393939;
padding: 100px 0px 0px;
position: relative;
}
footer h3 {
color: #F5F5F5;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.contatoFooter {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.boxContatoFooter {
display: flex;
align-items: flex-start;
margin-top: 10px;
margin-right: 10px;
}
.boxContatoFooter img {
margin-right: 4px;
}
.textContFooter p {
color: #F5F5F5;
font-size: 11px;
font-weight: 400;
letter-spacing: 1.1px; text-align: justify;
}
footer ul li {
list-style-type: none;
}
footer ul li a {
color: #E9E9E9 !important;
font-size: 13px;
font-weight: 400;
line-height: 190%;
}
footer ul li a:hover {
color: #B10C14 !important;
}
.textContFooter {
margin-bottom: 14px;
}
footer::before {
background-color: #4F4F4F;
background-size: auto;
display: inline-block;
width: 83%;
height: 2px;
content: "";
top: 60px;
right: 0;
z-index: 0;
position: absolute;
}
.barra-footer{
position: relative;
}
.barra-footer::before {
background-color: #4F4F4F;
background-size: auto;
display: inline-block;
width: 2px;
height: 245px;
left: -20px;
top: -40px;
content: "";
z-index: 0;
position: absolute;
}
.escuroFooter{
margin-top: 70px;
background-color: #232424;
padding: 20px;
}
.copy {
color: #BEBDBD;
font-size: 13px;
font-weight: 400;
line-height: 190%;
}
.social-footer {
display: flex;
justify-content: flex-start;
margin-top: 20px;
}
.social-footer li {
margin-right: 8px;
}
.cabecalho {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 300px;
display: flex;
align-items: center;
position: relative;
}
.cabecalho h1 {
color: #FFF;
font-size: 40px;
font-weight: 600;
position: relative;
}
.sombra-servico { position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
top: 0;
}
.sombra-servico2 {
background-image: linear-gradient(#000000d4, black);
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
top: 0;
}
.mapaCabecalho{
background: #D9D9D9;
padding: 8px;
}
.mapaCabecalho ul li{
list-style-type: none;
}
.mapaCabecalho a {
color: #656667;
font-size: 15px;
font-weight: 400;
}
.mapaCabecalho img {
margin-right: 5px;
}
.mapaCabecalho a:hover {
color: #7a0d10;
}
.efeitocaracol:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 260px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.portfolio{
padding: 60px 0;
position: relative;
}
.portfolio h1 {
color: #0B0422;
font-size: 32px;
font-weight: 600;
line-height: 120%;
}
.portfolio h1 span {
color: #B10C14;
}
.card-portfolio {
position: relative;
height: 440px;
border-radius: 10px;
display: flex;
align-items: flex-end;
margin-bottom: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sombra-portfolio {
background-image: linear-gradient(#00000054, black);
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
top: 0;
border-radius: 10px;
}
.infoPortfolio {
padding: 16px;
position: relative;
z-index: 2;
}
p.localPort {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 120%;
}
.infoPortfolio h3 {
color: #FFF;
font-size: 32px;
font-weight: 600;
margin: 5px 0;
}
.entrega {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.16px;
}
.efeitocaracol2:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
bottom: 490px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.espacoCliente{
padding: 60px 0;
position: relative;
}
.cardCliente {
position: relative;
border-radius: 10px;
height: 500px;
display: flex;
align-items: flex-end;
}
.infoCardCliente {
padding: 24px;
position: relative;
}
.infoCardCliente h3 {
color: #FFF;
font-size: 32px;
font-weight: 700;
margin: 20px 0 10px 0;
}
.infoCardCliente p {
color: #FFF;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.16px;
margin-bottom: 20px;
text-align: justify;
}
.btn-acessaCliente{
color: #FFF !important;
font-size: 16px;
font-weight: 500;
line-height: 120%; 
}
.sombra-cliente {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
top: 0;
border-radius: 10px;
background: linear-gradient(230deg, rgba(47, 46, 46, 0.00) 9.19%, #2F2E2E 93.94%);
mix-blend-mode: multiply;
}
.contato {
padding: 60px 0;
position: relative;
background-color: #F8F8F8;
}
.contato h5 {
color: #B10C14;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
}
.contato h2 {
color: rgba(27, 29, 28, 0.75);
font-size: 32px;
font-weight: 700;
}
.tab {
margin-top: 70px;
display: inline-grid;
}
.tablinks {
color: #5B5B5B;
font-size: 16px;
font-weight: 400;
padding: 18px;
margin-bottom: 20px;
background-color: transparent;
border-radius: 7px;
border: 1px solid #961216;
display: flex;
justify-content: flex-start;
align-items: center;
}
.tablinks.active {
border-radius: 7px;
border: 1px solid #961216;
background: #7A0D10 !important;
color: #fff !important;
transition: ease-in-out 0.2s;
}
.tablinks img{
margin-left: 6px;
}
.tablinks.active img{
filter: invert(99%) sepia(1%) saturate(0%) hue-rotate(186deg) brightness(112%) contrast(101%);
}
.contato label {
color: #303030;
font-size: 18px;
font-weight: 700;
line-height: 110%;
}
.contato .form-control {
border-radius: 5px;
border: 1px solid #989898;
color: #838383;
font-size: 15px;
padding: 20px;
font-weight: 400;
margin-bottom: 20px;
height: 60px;
background-color: transparent;
}
.contato .form-select {
border-radius: 5px;
border: 1px solid #989898;
color: #838383;
font-size: 15px;
padding: 20px;
font-weight: 400;
margin-bottom: 20px;
height: 60px;
background-color: transparent;
}
.heightalt{
height: auto !important;
}
.centralAtendimento{
padding: 60px 0;
position: relative;
}
.centralAtendimento h5 {
color: #B10C14;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
}
.centralAtendimento h2 {
color: rgba(27, 29, 28, 0.75);
font-size: 32px;
font-weight: 700;
}
.cardAtendimento {
display: flex;
align-items: flex-start;
}
.infoAtendimento {
margin-left: 20px;
margin-bottom: 20px;
}
.infoAtendimento h4 {
color: #7A0D10;
font-size: 14px;
font-weight: 500;
line-height: 110%;
}
.miniBoxAtendimento p {
color: #595959;
font-size: 16px;
font-weight: 500;
line-height: 150%;
margin-top: 8px;
text-align: justify;
}
.miniBoxAtendimento {
margin: 0 20px 0px 0px;
}
.efeitocaracol3:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: -2;
opacity: 0.8;
}
.nossoBlog{
padding: 60px 0;
position: relative;
}
.nossoBlog .nav{
justify-content: space-around;
}
.nossoBlog label.form-check-label {
color: #656667 !important;
font-size: 12px;
font-weight: 500;
line-height: 120%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active  .form-check-label{
color: #B10C14 !important;
}
.form-check-input:checked{
background-color: #B10C14 !important;
border-color: #B10C14 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
color: #495057;
background-color: transparent !important;
border-color: transparent !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border-color: transparent !important;
}
.nav-tabs .nav-link {
height: 0;
padding: 0 20px;
}
.nav-tabs {
border-bottom: none !important;
}
#myTabContent {
border-top: 1px solid #dee2e6;
margin-top: 10px;
}
.tab-pane {
margin-top: 20px;
}
.imgDestNoticia {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 460px;
border-radius: 16px;
margin: -50px 0 20px 0;
position: relative;
}
.mtneg-70{
margin-top: -30px;
position: relative;
}
.dataPostagem {
color: #FFF;
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 130%;
margin-bottom: 20px;
}
.titulo{
font-size: 40px !important;
font-weight: 600 !important;
margin-bottom: 20px !important;
}
.menu-leitura {
list-style-type: none;
}
.menu-leitura a {
color: #FFF;
font-size: 12px;
font-weight: 400;
}
.social-noticia-2 {
display: flex;
align-items: center;
padding: 8px 16px;
line-height: 15px;
border: 1px solid #ECECEC;
background: #FFF;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
margin: 20px 0;
height: 80px;
}
.social-noticia-2 p {
margin: 0;
color: #656667;
font-size: 14px;
font-weight: 600;
line-height: 130%;
margin-right: 10px;
text-align: justify;
}
.social-noticia-2 li {
list-style-type: none;
margin: 8px;
}
.blogLeitura{
padding: 60px 0;
position: relative;
background-color: #F3EFEB;
margin-bottom: -30px;
}
.blogLeitura h1 {
color: #0B0422;
font-size: 32px;
font-weight: 600;
line-height: 120%;
}
.blogLeitura h1 span {
color: #B10C14;
}
.leitura{
margin: 0 0 80px 0px;
}
.numeroSobre{
position: relative;
display: flex;
align-items: flex-start;
margin-top: 50px;
margin-bottom: -70px;
}
.valorSobre {
color: #FFF;
font-size: 38px;
font-weight: 700;
}
.textValorSobre {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.historico{
padding: 60px 0;
position: relative;
}
.historico h2 {
color: #414141;
font-size: 40px;
font-weight: 600;
line-height: 130%;
position: sticky;
top: 50px;
}
.historico h3 {
color: #B10C14;
font-size: 32px;
font-weight: 600;
line-height: 130%;
margin-bottom: 20px;
}
.historico p {
color: #414141;
font-size: 18px;
font-weight: 400;
text-align: justify;
}
.historico:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 80px;
left: 0;
z-index: -2;
opacity: 0.8;
} .timeline {
white-space: nowrap;
overflow-x: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 0px 0px 0px 50px;
padding: 20px 0;
}
.timeline h2 {
color: #FFF;
font-size: 32px;
font-weight: 600;
line-height: 130%;
z-index: 10;
position: relative;
}
.timeline ol {
font-size: 0;
width: 100vw;
padding: 170px 0;
transition: all 1s;
margin-left: -130px;
}
.timeline ol li {
position: relative;
display: inline-block;
list-style-type: none;
width: 240px;
height: 6px;
background: #B10C14;
}
.timeline ol li:last-child {
width: 280px;
}
.timeline ol li:not(:first-child) {
margin-left: 0px;
}
.timeline ol li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
left: calc(100% + 21px);
bottom: 0;
width: 2px;
height: 32px;
transform: translateY(-50%);
border-radius: 50%;
background: #B10C14;
}
.timeline ol li div {
position: absolute;
left: calc(100% + 7px);
width: 280px;
padding: 15px;
white-space: normal;
background: transparent;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 130%;
display: flex;
flex-direction: column;
justify-content: center;
}
.timeline ol li div::before {
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
}
.timeline ol li:nth-child(odd) div {
top: -16px;
transform: translateY(-100%);
}
.timeline ol li:nth-child(odd) div::before {
top: 100%;
border-width: 8px 8px 0 0;
border-color: white transparent transparent transparent;
}
.timeline ol li:nth-child(even) div {
top: calc(100% + 16px);
}
.timeline time {
display: block;
margin-bottom: 8px;
color: #FFF;
font-size: 18px;
font-weight: 700;
line-height: 130%;
}
.timeline ol li:first-child {
background: transparent;
} .timeline .arrows {
display: flex;
justify-content: center;
margin-bottom: 20px;
position: absolute;
top: 60px;
right: 60px;
z-index: 30;
}
.timeline .disabled {
opacity: 0.5;
}
.timeline .arrows img {
width: 56px;
height: 56px;
}
.arrow {
border: none;
background-color: transparent;
} @media screen and (max-width: 599px) {
.timeline ol,
.timeline ol li {
width: auto;
}
.timeline ol {
padding: 0;
transform: none !important;
}
.timeline ol {
font-size: 0;
width: 100vw;
padding: 50px 0px;
transition: all 1s;
margin-left: 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.timeline ol li {
display: block;
height: auto;
background: transparent;
}
.timeline ol li:first-child {
margin-top: 25px;
}
.timeline ol li:not(:first-child) {
margin-left: 0;
}
.timeline ol li div {
position: static;
width: 94%;
height: auto !important;
margin: 0 0 25px;
}
.timeline ol li:nth-child(odd) div {
transform: none;
}
.timeline ol li:nth-child(odd) div::before,
.timeline ol li:nth-child(even) div::before {
left: 50%;
top: 100%;
transform: translateX(-50%);
border: none;
border-left: 1px solid white;
height: 25px;
}
.timeline ol li:last-child,
.timeline ol li:nth-last-child(2) div::before,
.timeline ol li:not(:last-child)::after,
.timeline .arrows {
display: none;
}
.timeline ol li::before {
background-color: #B10C14;
background-size: auto;
display: inline-block;
width: 2px;
height: 156px;
content: "";
top: 0;
left: -20px;
position: absolute;
z-index: 0;
}
.timeline time:after {
background-color: #B10C14;
background-size: auto;
display: inline-block;
width: 30px;
height: 4px;
content: "";
top: 10px;
left: -40px;
position: absolute;
z-index: 0;
}
.timeline time {
position: relative;
}
} .missao {
padding: 60px 0;
position: relative;
}
.missao:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 80px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.card-missao {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
img.iconMissao {
width: 90px;
margin-bottom: 10px;
}
.card-missao h3 {
color: #B10C14;
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 130%;
margin-bottom: 10px;
}
.card-missao p {
color: #414141;
text-align: center;
font-size: 17px;
font-weight: 400;
text-align: justify;
}
.selos{
padding: 60px 0;
}
.selos h3{
color: #414141;
font-size: 30px;
font-weight: 600;
line-height: 130%;
margin-bottom: 20px; 
}
.selos p{
color: #414141;
font-size: 18px;
font-weight: 400;
}
.float{
position: fixed;
width: 70px;
height: 70px;
bottom: 20px;
right: 40px;
background-color: transparent;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px; z-index: 100;
}
.my-float{
margin-top: -120px;
width: 240px;
position: relative;
right: 60px;
}
.cabecalho-empreendimento{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 650px;
display: flex;
align-items: center;
position: relative;
}
.form-interesse {
border-radius: 15px;
border: 1px solid #E6E6E6;
background: #FFF;
box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
padding: 16px 24px;
position: relative;
z-index: 13;
}
.form-interesse h2 {
color: #5B5959;
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
}
.form-interesse label {
color: #5B5959;
text-align: center;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
margin: 0;
}
.form-interesse .form-control {
border-radius: 5px;
background: #F3F5F7;
padding-left: 35px;
color: #9A9CA4;
font-size: 14px;
font-weight: 500;
}
.icon-formEmpr {
position: absolute;
left: 11px;
top: 37px;
}
.btn-padraoVerm2,
#btnconsultor {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 120%;
border-radius: 7px;
border: 2px solid #961216;
background: #7A0D10;
align-items: center;
height: 56px;
display: inline-flex;
padding: 0 30px;
justify-content: center;
transition: all ease 0.3s;
}
.btn-padraoVerm2:hover,
#btnconsultor:hover {
background-color: #B10C14;
color: #fff;
}
.geralEmp {
background: #F0F0F0;
padding: 0 0 40px 0;
margin-top: -390px;
}
.alinhar-baixo{
display: flex;
align-items: flex-end;
}
.arealogo { background-repeat: no-repeat;
background-size: contain;
background-position: center; border-radius: 10px;  height: 100%;
max-width: 150px;
}
img.logoEmp {
border-radius: 10px;
width: 100%;
}
.geralEmp h1 {
color: #B10C14;
font-size: 32px;
font-weight: 600;
line-height: 130%;
margin-bottom: 10px;
}
.localEmpr {
color: #414141;
font-size: 18px;
font-weight: 400;
line-height: 130%;
}
.itensEmpr {
display: flex;
flex-wrap: wrap;
margin: 10px 0 0 0;
}
.itemEmpr {
margin: 4px 16px 6px 0px;
display: flex;
align-items: flex-start;
}
.itemEmpr img {
margin-right: 6px;
width: 17px;
position: relative;
top: 3px;
}
.sobreEmp{
padding: 40px 0;
}
.imgSobreEmp{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 360px;
border-radius: 16px;
margin-top: 50px;
}
.sobreEmp h2 {
color: #B10C14;
font-size: 32px;
font-weight: 600;
line-height: 130%;
margin: 40px 0 20px 0;
}
.sobreEmp p {
color: #414141;
font-size: 18px;
font-weight: 400;
text-align: justify;
}
.card-selo { margin-top: 20px;
width: 218px;
}
.image-container {
display: flex;
flex-wrap: nowrap;
}
.image-container .card-selo {
width: 50%; margin-top: 20px;
}
.areaComum {
padding: 60px 0;
position: relative;
}
.areaComum h2 {
color: #414141;
font-size: 24px;
font-weight: 600;
line-height: 130%;
position: relative;
}
.boxIconeComum {
border-radius: 5px;
border: 3px solid #E4E4E4;
background: #FFF;
padding: 11px;
width: 75px;
}
.areaComum p{
color: #2F2E2E;
font-size: 18px;
font-weight: 600;
line-height: 130%; 
}
.alinhar-meio{
display: flex;
align-items: center;
}
.areaComum h2:after{
background-color: #B01116;
background-size: auto;
display: inline-block;
width: 68px;
height: 3px;
content: "";
top: 40px;
left: 0;
position: absolute;
z-index: 0;
}
.areaComum:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: -30px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.tour360{
padding: 60px 0;
background-color: #EDEDED;
}
.galerias{
padding: 60px 0;
position: relative;
}
.galerias:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 170px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.galerias h2 {
color: #414141;
font-size: 24px;
font-weight: 600;
line-height: 130%;
position: relative;
}
.galerias h2:after{
background-color: #B01116;
background-size: auto;
display: inline-block;
width: 68px;
height: 3px;
content: "";
top: 40px;
left: 0;
position: absolute;
z-index: 0;
}
.galerias iframe{
width: 100%;
height: 360px; }
.img-galeria{
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 280px;
}
.caption{
position: absolute;
top: 30px;
left: 0;
min-width: 21%;
max-width: 45%;
background-color: #FFFFFF; 
color: rgba(0, 0, 0, 1);
padding: 5px; 
margin: 0;
font-size: 8px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.galerias .owl-nav {
position: relative;
top: -190px;
display: flex;
justify-content: space-between;
height: 0;
}
.galerias button.owl-prev {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
border: solid 1px #7A0D10 !important;
left: -40px;
}
.galerias button.owl-next {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
right: -40px;
border: solid 1px #7A0D10 !important;
}
.galerias .fal, .fa-light {
font-size: 32px;
}
.galerias .owl-dots {
position: relative;
top: -45px;
}
.galerias .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #981D00;
}
.galerias .nav-link {
color: #2F2E2E;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.galerias .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: transparent;
color: #B10C14;
font-size: 16px;
font-weight: 500;
line-height: 130%;
border-bottom: solid 2px #B10C14;
border-radius: 0;
}
.galerias #pills-tab {
flex-wrap: nowrap
}
.plantas{
padding: 60px 0;
position: relative;
background-color: #F4F4F4;
}
.plantas .nav {
display: flex;
justify-content: center;
}
.plantas .nav-link {
color: #2F2E2E;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.plantas .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: transparent;
color: #B10C14;
font-size: 16px;
font-weight: 500;
line-height: 130%;
border-bottom: solid 2px #B10C14;
border-radius: 0;
}
.plantas h2 {
color: #414141;
font-size: 24px;
font-weight: 600;
line-height: 130%;
position: relative;
}
.plantas h2:after{
background-color: #B01116;
background-size: auto;
display: inline-block;
width: 68px;
height: 3px;
content: "";
top: 40px;
left: 0;
position: absolute;
z-index: 0;
}
.cardDiferencialPlanta {
border-radius: 0px 0px 5px 5px;
border: 2px solid #E9E9E9;
background: #F6F6F6;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 30px 0;
min-height: 140px;
margin-bottom: 20px;
}
.iconePlanta{
width: 30px;
margin-bottom: 10px;
}
.plantas h3 {
color: #B10C14;
font-size: 24px;
font-weight: 600;
line-height: 130%;
margin-bottom: 30px;
}
.itemPlanta {
color: #2D2D2D;
font-size: 18px;
font-weight: 400;
}
.cardInfoPlanta {
border-radius: 10px 0px 0px 10px;
border: 2px solid #ECECEC;
background: #FFF;
padding: 40px;
}
.imgPlanta{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
min-height: 420px;
}
.cardInfoPlanta2 {
border-radius: 0px 10px 10px 0px;
border: 2px solid #ECECEC;
background: #FFF;
padding: 16px;
border-left: 0;
}
.row.ficha {
justify-content: center;
}
.obra{
padding: 60px 0;
position: relative;
}
.obra iframe{
width: 100%;
height: 520px;
border: solid 10px #b01116;
}
.obra h2 {
color: #414141;
font-size: 24px;
font-weight: 600;
line-height: 130%;
position: relative;
}
.obra h2:after{
background-color: #B01116;
background-size: auto;
display: inline-block;
width: 68px;
height: 3px;
content: "";
top: 40px;
left: 0;
position: absolute;
z-index: 0;
}
.alinhar-finalBaixo {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.filtroObra {
color: #414141;
font-size: 18px;
font-weight: 600;
line-height: 130%;
}
.obra label {
color: #7A0D10;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.obra .form-control {
appearance: auto;
color: #2F2E2E;
font-size: 16px;
font-weight: 500;
line-height: 120%;
border: none;
border-bottom: solid 1px #7a0d10;
border-radius: 0;
width: 45%;
}
.imgObra{
background-repeat: no-repeat;
background-size: cover;
background-position: left;
min-height: 320px;
}
.obra .owl-nav {
position: relative;
top: -210px;
display: flex;
justify-content: space-between;
height: 0;
}
.obra button.owl-prev {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
border: solid 1px #7A0D10 !important;
left: -40px;
}
.obra button.owl-next {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
right: -40px;
border: solid 1px #7A0D10 !important;
}
.obra .fal, .fa-light {
font-size: 32px;
}
.obra .owl-dots {
position: relative;
top: -45px;
}
.obra .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #981D00;
}
.title_andamento {
margin: 0 0 10px 0px;
color: #4F4F4F;
font-size: 14px;
font-weight: 400;
line-height: 130%;
}
.card-obra {
display: flex;
border-radius: 5px;
padding: 10px 20px 10px 10px;
align-items: flex-start;
justify-content: center;
flex-direction: column;
margin-bottom: 10px;
position: relative;
width: 100%;
}
.alinhar-valor {
width: 100%;
position: relative;
display: flex;
background-color: #ddd;
}
.porcentagem {
margin: 0;
right: 0;
top: -30px;
position: absolute;
color: #B10C14;
text-align: right;
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.skills {
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
color: white;
}
.obra:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
bottom: 30px;
left: 0;
z-index: -2;
opacity: 0.8;
}
.localizacao{
padding: 60px 0;
position: relative;
}
.localizacao h2 {
color: #414141;
font-size: 24px;
font-weight: 600;
line-height: 130%;
position: relative;
}
.localizacao h2:after{
background-color: #B01116;
background-size: auto;
display: inline-block;
width: 68px;
height: 3px;
content: "";
top: 40px;
left: 0;
position: absolute;
z-index: 0;
}
.localizacao iframe{
width: 100%;
height: 340px;
}
.infoLocalizacao {
min-height: 340px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 0px 20px 20px 0px;
background: #7A0D10;
padding: 24px;
}
.infoLocalizacao h3 {
color: #FFF;
font-size: 24px;
font-weight: 400;
line-height: 130%;
margin-bottom: 30px;
}
.infoLocalizacao p {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin-bottom: 10px;
text-align: justify;
}
.maps {
color: #FFF !important;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
background: #2F2E2E;
display: block;
width: max-content;
padding: 8px 20px;
margin-bottom: 20px;
}
.waze {
color: #FFF !important;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
background: #2F2E2E;
display: block;
width: max-content;
padding: 8px 20px;
margin-bottom: 20px;
}
.iconLocalizacao{
margin-right: 6px;
}
.sobreNovaAruana{
padding: 60px 0;
position: relative;
}
.sobreNovaAruana h2{
color: #EB5734;
font-size: 40px;
font-weight: 600;
line-height: 130%;
margin-bottom: 20px;
}
.textSobreNovaAruana{
color: #414141;
font-size: 18px;
font-weight: 400;
}
.box-laranja {
border-radius: 15px;
border: 3px solid #E7755A;
background: #EB5734;
margin-top: 40px;
padding: 20px;
}
.boxDifeNovaAru {
display: flex;
align-items: center;
}
.itemBoxLaranja{
color: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 130%; 
}
.iconNovaAruana {
margin-right: 8px;
width: 71px;
}
.mapaNovaAruana{
position: relative;
}
.sobreNovaAruana:before {
background-image: url(//ffb.com.br/wp-content/themes/template-alfama/assets/img/efeito-sobreHome.png);
background-size: cover;
display: inline-block;
width: 248px;
height: 334px;
content: "";
position: absolute;
top: 30px;
left: 0;
z-index: -2;
opacity: 0.8;
} .boxoutros{
justify-content: center;display: flex;position: relative;top: -30px;
}
.divoutros{
background-color: rgb(72, 89, 11,0.8);
width: 80%;
border-radius: 15px;
}
.itensoutros{
color: white;
font-size: 18px;
}
.tooltip-inner {
color: #fff !important;
text-align: center;
background-color: #f9ad01 !important;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
border-right-color: #f9ad01 !important;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
border-left-color: #f9ad01 !important;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: #f9ad01 !important;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
border-bottom-color:#f9ad01 !important;
} .pin{
z-index: 3;
position: absolute;
font-size: 20px;
color: white;
width: 10.5%;
height: 6%;
display: none;
}
.pin01{
top: calc(0px + 82%); 
left: 42.3%;
-webkit-transform: translateX(8%);
-ms-transform: translateX(8%);
-moz-transform: translateX(8%);
-o-transform: translateX(8%);
transform: translateX(8%);
}
.pin02{
top: calc(0px + 32%);
left: 13.8%;
-webkit-transform: translateX(5%);
-ms-transform: translateX(5%);
-moz-transform: translateX(5%);
-o-transform: translateX(5%);
transform: translateX(5%);
}
.pin03{
top: calc(0px + 50%);
left: 24%;
-webkit-transform: translateX(4%);
-ms-transform: translateX(4%);
-moz-transform: translateX(4%);
-o-transform: translateX(4%);
transform: translateX(4%);
}
.pin04{
top: calc(0px + 33.4%);
left: 45.3%;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
-moz-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
.pin05{
top: calc(0px + 46%); 
left: 23%;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
-moz-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
.pin06{
top: calc(0px + 46.8%); 
left: 85.1%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.pin07{
top: calc(0px + 32.5%);
left: 24.6%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.pin08{
top: calc(0px + 31.2%);
left: 26.8%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.pin10{
top: calc(0px + 31%); 
left: 13%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.pin11{
top: calc(0px + 31%);
left: 8.8%;
-webkit-transform: translateX(15%);
-ms-transform: translateX(15%);
-moz-transform: translateX(15%);
-o-transform: translateX(15%);
transform: translateX(15%);
}
.pin12{
top: calc(0px + 34.2%); 
left: 35%;
-webkit-transform: translateX(14%);
-ms-transform: translateX(14%);
-moz-transform: translateX(14%);
-o-transform: translateX(14%);
transform: translateX(14%);
}
.pin13{
top: calc(0px + 51%);
left: -1.5%;
-webkit-transform: translateX(14%);
-ms-transform: translateX(14%);
-moz-transform: translateX(14%);
-o-transform: translateX(14%);
transform: translateX(14%);
}
.pin14{
top: calc(0px + 25.3%);
left: 16%;
-webkit-transform: translateX(12%);
-ms-transform: translateX(12%);
-moz-transform: translateX(12%);
-o-transform: translateX(12%);
transform: translateX(12%);
}
.pin15{
top: calc(0px + 46.6%);
left: 18.6%;
-webkit-transform: translateX(12%);
-ms-transform: translateX(12%);
-moz-transform: translateX(12%);
-o-transform: translateX(12%);
transform: translateX(12%);
}
.pin16{
top: calc(0px + 34%);
left: 24.7%;
-webkit-transform: translateX(11%);
-ms-transform: translateX(11%);
-moz-transform: translateX(11%);
-o-transform: translateX(11%);
transform: translateX(11%);
}
.pin17{
top: calc(0px + 56.9%);
left: 30.1%;
-webkit-transform: translateX(11%);
-ms-transform: translateX(11%);
-moz-transform: translateX(11%);
-o-transform: translateX(11%);
transform: translateX(11%);
}
.pin18{
top: calc(0px + 32%);
left: 15%;
-webkit-transform: translateX(8%);
-ms-transform: translateX(8%);
-moz-transform: translateX(8%);
-o-transform: translateX(8%);
transform: translateX(8%);
}
.pin19{
top: calc(0px + 75.8%); 
left: 56.8%;
-webkit-transform: translateX(14%);
-ms-transform: translateX(14%);
-moz-transform: translateX(14%);
-o-transform: translateX(14%);
transform: translateX(14%);
}
.pin20{
top: calc(0px + 95%); 
left: 59%;
-webkit-transform: translateX(12%);
-ms-transform: translateX(12%);
-moz-transform: translateX(12%);
-o-transform: translateX(12%);
transform: translateX(12%);
}
.pin21{
top: calc(0px + 69.8%);
left: 34.3%;
-webkit-transform: translateX(14%);
-ms-transform: translateX(14%);
-moz-transform: translateX(14%);
-o-transform: translateX(14%);
transform: translateX(14%);
}
.pin22{
top: calc(0px + 33%);
left: 30%;
-webkit-transform: translateX(15%);
-ms-transform: translateX(15%);
-moz-transform: translateX(15%);
-o-transform: translateX(15%);
transform: translateX(15%);
}
.pin23{
top: calc(0px + 66%);
left: 25.5%;
-webkit-transform: translateX(8%);
-ms-transform: translateX(8%);
-moz-transform: translateX(8%);
-o-transform: translateX(8%);
transform: translateX(8%);
}
.pin24{
top: calc(0px + 33.5%);
left: 67%;
-webkit-transform: translateX(11%);
-ms-transform: translateX(11%);
-moz-transform: translateX(11%);
-o-transform: translateX(11%);
transform: translateX(11%);
}
.pin25{
top: calc(0px + 34%);
left: 3%;
-webkit-transform: translateX(12%);
-ms-transform: translateX(12%);
-moz-transform: translateX(12%);
-o-transform: translateX(12%);
transform: translateX(12%);
}
.pin26{
top: calc(0px + 34%);
left: 25%;
-webkit-transform: translateX(15%);
-ms-transform: translateX(15%);
-moz-transform: translateX(15%);
-o-transform: translateX(15%);
transform: translateX(15%);
}
.pin27{
top: calc(0px + 78%); 
left: 43.5%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.pin28{
top: calc(0px + 74%); 
left: 70%;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
-moz-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
.pin29 {
top: calc(0px + 31%);
left: 10%;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
-moz-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
.pin30{
top: calc(0px + 44%); 
left: 90.5%;
-webkit-transform: translateX(11%);
-ms-transform: translateX(11%);
-moz-transform: translateX(11%);
-o-transform: translateX(11%);
transform: translateX(11%);
}
.pin31 {
top: calc(0px + 61.2%);
left: 92.5%;
-webkit-transform: translateX(13%);
-ms-transform: translateX(13%);
-moz-transform: translateX(13%);
-o-transform: translateX(13%);
transform: translateX(13%);
}
.show-pin{
display: initial !important;
}
.divlocais{
background-color: rgb(235 87 52);
max-width: 362px; height: calc(100% - 7px);
border-radius: 15px;
text-align: center;
border: 1px solid rgb(236, 97, 66,0.8);
border-radius: 0 10px 10px 0;
border-left: solid 16px #FAAE01;
}
.divlocaismobile{
background-color: rgb(236, 97, 66,0.8);
position: relative;
max-width: 100%;
text-align: center;
display: none;
}
.map{
position: relative;
display: inline-block;
overflow: hidden;
}
.trigger{
text-transform: uppercase;
}
.hovertrigger{
background-color: #fff;
border-color: #fff;
color: #ec6142;
}
.divlista {
padding: 10px 20px;
color: #FFF;
font-size: 16px;
font-weight: 400;
border-radius: 0 20px 0 0;
background: #EB5734;
text-align: -webkit-left;
border-bottom: solid 3px #DB4C2A;
}
.divitens{
color: white;
font-size: 22px;
}
.listamap{
list-style: none;
padding: 0;
text-align: left;
}
.trigger{
padding-left: 13%;
padding-right: 13%;
cursor: pointer;
color: #FFF;
font-size: 16px;
font-weight: 400;
background: #EB5734;
}
.trigger:hover {
background-color: #DB4C2A;
}
.textpin{
background-color: rgb(255, 255, 255,0.8);
color: black;
border: none;
border-radius: 6px;
padding: 10px 20px;
text-align: center;
position: absolute;
top: 12%;
left: 13%;
font-size: 24px;
}
.textpin{
display: none !important;
}
.textpin26{
left: -40% !important;
top: -45% !important
}
.textpinextra{
left: -53% !important;
}
.divpin{
z-index: 10;
height: 100%;
position: absolute;
}
.imgpin{
height: 100%;
vertical-align: initial;
}
@media (max-width:1800px) {
.textpin{
font-size: 20px !important;
}
}
@media (max-width:1600px) {
.textpin{
font-size: 16px !important;
}
.divitens{
font-size: 22px;
}
}
@media (max-width:1366px) {
.textpin{
font-size: 12px !important;
}
.divitens{
font-size: 20px !important;
}
.divlocais{
max-width: 275px;
}
}
@media (max-width:1200px) {
.divitens{
font-size: 16px !important;
}
}
@media (max-width:1100px) {
.textpin{
padding: 5px 15px !important;
}
.obra .form-control{
font-size: 0.7rem;
font-weight: 600;
}
}
@media (max-width:1000px) {
.divlista{
font-size: 15px;
}
.divlocais{
max-width: 230px !important;
}
.divitens {
font-size: 14px !important;
}
.boxoutros{
top: -10px !important;
}
.textpinextra{
left: -60% !important;
}
}
@media (max-width:850px) {
.divlista{
font-size: 19px;
}
.divlocais{
max-width: 200px !important;
}
.divitens {
font-size: 13px !important;
}
.textpin26{
left: -40% !important;
top: -63% !important
}
.textpinextra{
left: -65% !important;
}
}
@media(max-width:991px){
.divlocais{
display: none;
}
.divlocaismobile{
display: grid;
}
}
@media(max-width:767px){
.divlocais{
display: none;
}
.divlocaismobile{
display: grid;
}
.divlista{
border-radius: 0;
}
.divoutros{
width: 100% !important;
}
.boxoutros{
top: 0 !important;
}
.divitens {
font-size: 20px !important;
}
.itensoutros li{
margin-left: 17%;
}
.textpin26{
left: -63% !important;
top: -83% !important
}
.textpinextra{
left: -78% !important;
}
}
@media(max-width:670px){
.textpin{
top: -80% !important;
}
.textpinextra{
left: -96% !important;
top: 0% !important
}
.trigger {
height: 40px;
text-align: center;
}
}
@media(max-width:500px){
.textpin{
top: -80% !important;
}
.trigger {
height: 40px;
text-align: center;
padding: 27px 0;
}
}
@media(min-width:992px){
.trigger{
padding-top: 10px;
padding-bottom: 10px;
}
}
@media(max-width: 600px){
.tooltip, .tooltip-inner{
font-size: .575rem !important;
}
}
.page-404 {
padding: 150px 0;
text-align: center;
}
.page-404 h1 {
font-size: 50px;
margin-bottom: -20px;
font-weight: 600;
color: #7a0d10;
}
.page-404 p {
font-size: 28px;
font-weight: 500;
text-align: center;
}
.page-resposta {
padding: 150px 0;
text-align: center;
}
.page-resposta h1 {
font-size: 50px;
margin-bottom: -20px;
font-weight: 600;
color: #7a0d10;
}
.page-resposta p {
font-size: 28px;
font-weight: 500;
text-align: center;
}
.desk{
display: block !important;
}
.mob{
display: none !important;
}
.sombra-cliente4 {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8;
top: 0;
border-radius: 10px;
background: linear-gradient(230deg, rgb(47 46 46) 9.19%, #2F2E2E 93.94%);
mix-blend-mode: multiply;
}
.d-flex-contato {
display: flex!important;
flex-wrap: wrap;
}
.output {
margin: 0 auto;
padding: 1em; 
}
.block {
display: block;
}
.none {
display: none;
}
.output .colors:nth-child(1) {
display: block;
}
.form-control:focus {
box-shadow: none;
}
.meio{
margin-bottom: 20px;
}
.card-blog {
margin-bottom: 30px;
}
.itemComum{
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.itemComum p {
margin-left: 10px; }
@media (min-width: 992px) and (max-width: 1100px){
.nav-link{
font-size: 13px;
}
.fluid-tablet{
max-width: 100%;
padding: 0px 10px;
margin: 0;
}
} @media (min-width: 768px) and (max-width: 1200px) {
img.menu {
width: 50px;
}
#display .owl-nav {
top: -40px;
}
.capaEmpreendimento {
border-radius: 0px 0px 10px 10px;
}
.pr-0{
padding-right: calc(var(--bs-gutter-x) * .5);
}
.pl-0{
padding-left: calc(var(--bs-gutter-x) * .5);
}
.experiencia {
margin-top: 70px;
}
.card-experiencia h4 {
font-size: 28px;
}
.card-experiencia p {
font-size: 14px;
}
.esconderExperiencia {
height: 110px;
}
.experiencia h2 {
font-size: 24px;
}
.social-footer {
flex-direction: column;
}
.social-footer li {
margin-bottom: 10px;
}
img.imgSobre.img-fluid {
position: absolute;
width: 60%;
bottom: -100px;
}
ul.navbar-nav.ms-auto.mb-2.mb-lg-0 {
text-align: center;
}
.social-header {
list-style-type: none;
margin: 0 15px !important;
display: flex;
justify-content: center;
}
.btn-contatoMenu {
margin: 0;
}
.navbar-collapse li {
text-align: center;
margin: 6px 0;
display: inline-table;
width: 100%;
}
.btns-menu {
list-style-type: none;
display: flex;
flex-direction: column;
}
footer h3 {
font-size: 14px;
}
.numeroSobre {
position: relative;
display: flex;
align-items: flex-start;
margin-top: 50px;
margin-bottom: -30px;
}
.historico h2 {
font-size: 31px;
}
.geralEmp {
background: #F0F0F0;
margin-top: 0px;
padding: 50px 0;
}
.arealogo {
margin-bottom: 30px;
}
.boxIconeComum {
border-radius: 5px;
border: 3px solid #E4E4E4;
background: #FFF;
padding: 4px;
}
.maps {
font-size: 13px;
}
.waze {
font-size: 13px;
}
.title_andamento {
font-size: 16px;
min-height: 43px;
}
.card-obra {
margin-top: 20px;
}
.porcentagem {
top: 30px;
}
.imgObra {
min-height: 200px;
}
.img-galeria {
min-height: 200px;
}
.cardDiferencialPlanta {
padding: 20px 0;
min-height: 0;
}
.cardInfoPlanta2 {
display: flex;
flex-direction: column;
justify-content: center;
}
.cabecalho2{
min-height: 170px !important;
}
.novaAruana_img{
margin: 15px 0;
width: 100%;
}
.itemBoxLaranja {
font-size: 16px;
margin-left: -10px;
}
.trigger {
padding: 16px 20px;
}
.logo-footer{
position: relative;
left: -25px
}
.nossoBlog .nav {
justify-content: space-around;
display: flex;
flex-wrap: nowrap;
}
.btns-homeplay .nav-item{
margin-right: 8px;
}
} @media all and (max-width: 767px) { 
.desk{
display: none !important;
}
.mob{
display: block !important;
}
#display .owl-nav {
top: -90px;
}
.bannerDisplay {
aspect-ratio: 1/1;
}
.empreendimentos button.owl-prev {
left: 0px;
}
.empreendimentos button.owl-next {
right: 0px;
}
.empreendimentos .owl-nav {
top: -260px;
}
.experiencia h2 {
margin-bottom: 20px;
}
.card-experiencia h4 {
font-size: 42px;
}
section.experiencia {
left: 0px;
}
.imgSobre {
margin-top: 40px;
}
.fim-mob{
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
.menu {
width: 43px;
}
.blog .owl-nav {
position: relative;
top: -250px;
display: flex;
justify-content: space-between;
height: 0;
}
.blog button.owl-prev {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
border: solid 1px #7A0D10 !important;
left: 0;
}
.blog button.owl-next {
color: #fff !important;
position: relative;
background: #7A0D10 !important;
width: 58px;
height: 58px;
right: 0;
border: solid 1px #7A0D10 !important;
}
.box-homeplay .mao {
position: absolute;
bottom: -60px;
width: 150px;
left: 280px;
}
.homeplaylogo {
width: 190px;
margin: 20px 0;
}
ul.navbar-nav.ms-auto.mb-2.mb-lg-0 {
text-align: center;
}
.social-header {
list-style-type: none;
margin: 0 15px !important;
display: flex;
justify-content: center;
}
.btn-contatoMenu {
margin: 0;
}
.navbar-collapse li {
text-align: center;
margin: 6px 0;
display: inline-table;
width: 100%;
}
.btns-menu {
list-style-type: none;
display: flex;
flex-direction: column;
}
.cabecalho h1 {
font-size: 35px;
}
footer {
text-align: left;
position: static;
padding: 0px;
margin-top: 2.5rem;
}
footer::before {
width: 0;
}
.fundo-vermelho{
background: #500E02;
padding: 27px;
}
.barra-footer::before{
top: 0px;
height: 106%;
}
.footer-complemento::before{
background-color: #4F4F4F;
background-size: auto;
display: inline-block;
width: 100%;
height: 2px;
left: 0px;
top: 240px;
content: "";
z-index: 0;
position: relative;
}
.social-footer {
justify-content: center;
margin-bottom: 20px;  
}
.contatoFooter {
display: flex;
flex-wrap: wrap; }
footer h3 {
color: #F5F5F5;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 40px;
}
.cabecalho {
min-height: auto;
padding: 100px 0;
}
.card-missao {
margin-bottom: 40px;
}
.selos h3 {
margin-top: 40px;
}
.selos {
text-align: center;
}
.card-empreendimento {
margin: 0px 0px 40px 0;
}
.card-empreendimento h3 { font-size: 32px;
}
.unidades {
border-radius: 0px;
}
.local-empreendimento{ font-size: 16px;
padding: 10px;
border-radius: 4px;
z-index: 99;
}
.status-empreendimento{
color: #F5F5F5;
margin-top: 22px;
margin-left: 10px;
font-size: 17px;
z-index: 1;
position: relative;
}
.capaEmpreendimento{
height: 290px;
border-radius: 10px 10px 0px 0px;
}
.info-empreendimento{
height: fit-content;
min-height: 260px;
border-radius: 0 0px 10px 10px;
}
.geralEmp {
background: #F0F0F0;
margin-top: 0px;
padding: 20px 0 40px 0;
}
.geralEmp .col-sm-3 {
display: flex;
justify-content: center;
}
.geralEmp .col-sm-9 {
display: flex;
flex-direction: column;
align-items: center;
}
.geralEmp .itensEmpr {
justify-content: center;
}
.card-experiencia{
background: #611012;
justify-content: center;
height: 160px;
margin: 10px;
}
.experiencia::before {
right: 0px;
height: 38px;
}
.card-experiencia img {
width: 75px;
}
.card-blog {
margin-bottom: 30px;
}
.nossoBlog li.nav-item {
margin-bottom: 25px;
}
.mobBaixo {
position: absolute;
bottom: 20px;
}
.blogLeitura {
padding-bottom: 70px;
margin-bottom: 0;
}
.tab {
width: 100%;
}
.tablinks {
justify-content: center;
}
.cardAtendimento {
margin-top: 30px;
}
.mapaCabecalho a {
font-size: 12px;
}
.localEmpr {
margin-top: 50px;
} 
.itensEmpr {
margin-bottom: 20px;
}
.cabecalho-empreendimento {
min-height: 170px;
}
.galerias h2 {
margin-bottom: 50px;
}
.galerias button.owl-prev{
left: 0px;
}
.galerias button.owl-next{
right: 0px;
}
.alinhar-finalBaixo {
justify-content: flex-start;
margin-top: 40px;
}
.meio{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: 50%;
}
.row.card-comum {
margin-block: 10px;
width: 60%;
text-align: center;
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.t-center{
justify-content: center;
}
.cabecalho2{
min-height: 90px !important;
padding: 0;
}
.whatsappmob{
display: block !important;
}
.whatsappdesk{
display: none !important;
}
.my-float{
margin-top: 9px;
width: 50px;
right: 0;
}
.float {
position: fixed;
width: 70px;
height: 70px;
bottom: 20px;
right: 40px;
background-color: #7a0d10;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.obra .form-control {
font-size: 1.2rem;
font-weight: 500;
}
.cab-portf-desk {
display: none !important;
}
.cab-portf-mob {
display: block !important;
}
.cab-portf-mob{
min-height: 430px !important;
display: flex !important;
align-items: flex-end;
}
.btn-contatoMenu {
width: 100%;
}
.card-experiencia p {
text-align: left;
}
.homeplay {
margin-top: 100px;
overflow: hidden;
}
.btns-homeplay{
flex-direction: column;
}
.btns-homeplay .nav-item{
margin-bottom: 15px;
}
.certificacao p {
text-align: left;
}
}
.whatsappdesk{
display: block;
}
.whatsappmob{
display: none;
}
.cab-portf-desk{
display: flex;
}
.cab-portf-mob {
display: none;
}