/* EMPREENDIMENTO ABERTO */

section.loading-order{
    height: 0px !important;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.loading-order.visible{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: initial !important;
    overflow: hidden
}

#empreendimento{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    overflow: hidden;
}

#empreendimento .banner-empreendimento{
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
}

#empreendimento .banner-empreendimento .banner{
    height: 100vh;
    overflow: hidden;
}

#empreendimento .banner-empreendimento .banner img{
    min-height: 100%;
    width: 100%;
    opacity: 0 !important;
}

#empreendimento .banner-empreendimento .banner:before{
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,0.7);
    z-index: 2;
}

#empreendimento .banner-empreendimento .descritivo img{
    max-width: 100%;
    display: block;
    margin-left: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
    max-height: 115px;
}

#empreendimento .banner-empreendimento .descritivo .texto-destaque{
    max-width: 570px;
}

#empreendimento .banner-empreendimento .demais-itens{
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    z-index: 3;
}

#empreendimento .banner-empreendimento .demais-itens h6{
    text-transform: uppercase;
    color: #10AAB1;
    font-size: 18px;
    line-height: 40px;
    font-weight: 800;
}

#empreendimento .banner-empreendimento .demais-itens p{
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    margin-bottom: 20px;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes{
    display: flex;
    flex-direction: row;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.m2{
    /* background: url(/common/default/img/area-ap.svg) no-repeat left center; */
    padding-left: 40px;
    position: relative;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.m2 svg{
    position: absolute;
    top: 7px;
    left: 0px;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.suites{
    /* background: url(/common/default/img/suits-ap.svg) no-repeat left center; */
    padding-left: 45px;
    position: relative;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.suites svg{
    position: absolute;
    top: 7px;
    left: 0px;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.quartos{
    /* background: url(/common/default/img/suits-ap.svg) no-repeat left center; */
    padding-left: 45px;
    margin-right: 40px;
    position: relative;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.quartos svg{
    position: absolute;
    top: 0px;
    left: 10px;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.vagas{
    /* background: url(/common/default/img/garagens-ap.svg) no-repeat left center; */
    padding-left: 42px;
    position: relative;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span.vagas svg{
    position: absolute;
    top: 7px;
    left: 0px;
}

#empreendimento .banner-empreendimento .demais-itens .detalhes span{
    color: #fff;
    margin-right: 45px;
    font-size: 26px;
    line-height: 40px;
}

#empreendimento .banner-empreendimento .demais-itens .container{
    height: 100%;
}

#empreendimento .banner-empreendimento .form-lateral{
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 750px;
    width: 100%;
    background: rgba(16, 170, 177, 0.8);
    align-items: center;
    justify-content: center;
    height: 100%;
}

#empreendimento .banner-empreendimento .form-lateral form{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    background: #fff;
    margin-top: 82px;
}

#empreendimento .banner-empreendimento .form-lateral form h2{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background: #263A3D;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 60px;
    font-weight: 700;
}

#empreendimento .banner-empreendimento .form-lateral form input[type="text"],
#empreendimento .banner-empreendimento .form-lateral form select{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 25px;
    border-bottom: 1px solid #000;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    padding: 10px 2%;
    text-transform: uppercase;
    font-size: 14px;
}

#empreendimento .banner-empreendimento .form-lateral .aceito{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 25px;
}

#empreendimento .banner-empreendimento .form-lateral .aceito input{
    zoom: 1.4;
    margin-left: 10px;
}

#empreendimento .banner-empreendimento .form-lateral .aceito span{
    font-size: 14px;
    line-height: 42px;
    color: #000;
    margin-left: 10px;
}

#empreendimento .banner-empreendimento .form-lateral .aceito span a{
    color: #10AAB1;
}

#empreendimento .banner-empreendimento .form-lateral form input::placeholder,
#empreendimento .banner-empreendimento .form-lateral form select::placeholder{
    text-transform: uppercase;
    color: #000;
}

#empreendimento .banner-empreendimento .form-lateral form input[type="submit"]{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    border: 1px solid #10AAB1;
    text-align: center;
    padding: 17px 0px;
    border-radius: 20px;
    background-image: url(/common/default/img/arrow-mais-empreendimentos.webp);
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 30px auto !important;
    background-color: #fff;
    padding-right: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

#empreendimento .banner-empreendimento .form-lateral form input[type="submit"]:disabled{
    background-color: #10AAB1;
    opacity: 0.5;
}

#empreendimento .detalhes-emp{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

#empreendimento .detalhes-emp .lista-itens{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 45px 0px;
    padding-bottom: 43px;
    border-bottom: 2px solid #10AAB1;
}

#empreendimento .detalhes-emp .lista-itens ul{
    display: flex;
    list-style: none;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#empreendimento .detalhes-emp .lista-itens ul .ativo{
    font-weight: 800;
    color: #10AAB1;
}

#empreendimento .breadcrumb{
    max-width: 83%;
    margin: 0px 0px;
}

#empreendimento .destaque-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: relative;
    margin-bottom: 100px;
}

#empreendimento .destaque-item .centraliza-texto{
    display: flex;
    width: 100%;
    flex-direction: column;
    position:relative
}

#empreendimento .destaque-item .texto:after{
    content: ' ';
    position: absolute;
    top: 0px;
    right: -4000px;
    width: 4000px;
    height: 100%;
    background-color: #C5BCAD;
}

#empreendimento .imagem-empreendimento{
    display: flex;
    z-index: 20;
}

#empreendimento .destaque-item .texto{
    display: flex;
    width: 100%;
    background-color: #C5BCAD;
    min-height: 550px;
    height: 100%;
    position: relative;
    align-items: center;
}

#empreendimento .destaque-item .texto h3{
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin-left: 7%;
    max-width: 420px;
    width: 100%;
    line-height: 56px;
    margin-bottom: 35px;
}

#empreendimento .destaque-item .texto p{
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    margin-left: 7%;
    max-width: 560px;
}

#empreendimento .imagem-destaque-banner{
    display: flex;
    width: 100%;
    margin-bottom: 100px;
}

#empreendimento .imagem-destaque-banner img{
    max-width: 100%;
}

#o-empreendimento{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 100px;
}

#o-empreendimento .container{
    flex-direction: column;
    display: flex;
    width: 100%;
}

#o-empreendimento .titulo-secao h2{
    display: flex;
    color: #263A3D;
    font-size: 30px;
    line-height: 65px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    background: #fff;
    z-index: 5;
    padding-right: 30px;
}

#o-empreendimento .titulo-secao{
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

#o-empreendimento .titulo-secao .traco{
    position: absolute;
    top: 49%;
    left: 0px;
    content: ' ';
    width: 130%;
    height: 2px;
    background-color: #10AAB1;
}

#o-empreendimento .galeria-imagem{
    display: flex;
    width: 100%;
    overflow: hidden;
}

#o-empreendimento .lista-empreendimentos {
    display: flex;
    overflow: hidden;
    width: 92.5%;
    margin-left: 8.5%;
}

#o-empreendimento .owl-carousel {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#o-empreendimento .owl-carousel.owl-empreendimentos {
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    /* width: 100%; */
    width: 60%;
    /* margin-left: 8.5%; */
}

#o-empreendimento .owl-carousel.owl-empreendimentos .owl-item > div{
    margin-right: 35px;
}

#o-empreendimento .owl-carousel.owl-empreendimentos img{
    max-width: 100%;
    opacity: 1;
}

#o-empreendimento .owl-nav, #o-empreendimento .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#o-empreendimento .owl-carousel .owl-nav button.owl-next,
#o-empreendimento .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font-size: 45px;
    color: rgb(73, 73, 73);
    position: relative;
    opacity: 1;
    font-weight: 100;
    position: relative;
    top: -2px;
}

#o-empreendimento .owl-carousel .owl-nav button.owl-prev {
    margin-right: 5px;
}

#o-empreendimento .owl-carousel .owl-nav button.owl-next {
    margin-left: 5px;
}

#o-empreendimento .owl-carousel .owl-nav button.owl-next span, 
#o-empreendimento .owl-carousel .owl-nav button.owl-prev span {
    cursor: pointer;
    text-indent: 0px;
    overflow: inherit;
    position: initial;
}

#o-empreendimento .owl-nav, #o-empreendimento .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#o-empreendimento .owl-dots {
    margin-bottom: 23px;
}

#o-empreendimento .owl-dots.disabled {
    display: none;
}

#apto-decorado, #tour-virtual{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 100px;
}

#apto-decorado .container, #tour-virtual .container{
    flex-direction: column;
    display: flex;
    width: 100%;
}

#apto-decorado .titulo-secao h2, #tour-virtual .titulo-secao h2{
    display: flex;
    color: #263A3D;
    font-size: 30px;
    line-height: 65px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    background: #fff;
    z-index: 5;
    padding-right: 30px;
}

#apto-decorado .titulo-secao, #tour-virtual .titulo-secao{
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

#apto-decorado .titulo-secao .traco, #tour-virtual .titulo-secao .traco{
    position: absolute;
    top: 49%;
    left: 0px;
    content: ' ';
    width: 130%;
    height: 2px;
    background-color: #10AAB1;
}

#apto-decorado .galeria-imagem{
    display: flex;
    width: 100%;
    overflow: hidden;
}

#apto-decorado .lista-empreendimentos, #tour-virtual .lista-empreendimentos {
    display: flex;
    overflow: hidden;
    width: 92.5%;
    margin-left: 8.5%;
}

#tour-virtual .lista-empreendimentos{
    width: 83%;
    margin: 0px 0px;
}

#tour-virtual .lista-empreendimentos iframe{
    width: 100%;
    height: 100%;
    min-height: 500px;
    height: 90vh;
    position: relative;
}

#apto-decorado .owl-carousel {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#apto-decorado .owl-carousel.owl-decorado {
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    /* width: 100%; */
    width: 60%;
    /* margin-left: 8.5%; */
}

#apto-decorado .owl-carousel.owl-decorado .owl-item > div{
    margin-right: 35px;
}

#apto-decorado .owl-carousel.owl-decorado img{
    max-width: 100%;
    opacity: 1;
}

#apto-decorado .owl-nav, #apto-decorado .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#apto-decorado .owl-carousel .owl-nav button.owl-next,
#apto-decorado .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font-size: 45px;
    color: rgb(73, 73, 73);
    position: relative;
    opacity: 1;
    font-weight: 100;
    position: relative;
    top: -2px;
}

#apto-decorado .owl-carousel .owl-nav button.owl-prev {
    margin-right: 5px;
}

#apto-decorado .owl-carousel .owl-nav button.owl-next {
    margin-left: 5px;
}

#apto-decorado .owl-carousel .owl-nav button.owl-next span, 
#apto-decorado .owl-carousel .owl-nav button.owl-prev span {
    cursor: pointer;
    text-indent: 0px;
    overflow: inherit;
    position: initial;
}

#apto-decorado .owl-nav, #apto-decorado .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#apto-decorado .owl-dots {
    margin-bottom: 23px;
}

#apto-decorado .owl-dots.disabled {
    display: none;
}

#plantas{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 100px;
}

#plantas .container{
    flex-direction: column;
    display: flex;
    width: 100%;
}

#plantas .titulo-secao h2{
    display: flex;
    color: #263A3D;
    font-size: 30px;
    line-height: 65px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    background: #fff;
    z-index: 5;
    padding-right: 30px;
}

#plantas .titulo-secao{
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

#plantas .titulo-secao .traco{
    position: absolute;
    top: 49%;
    left: 0px;
    content: ' ';
    width: 130%;
    height: 2px;
    background-color: #10AAB1;
}

#plantas .galeria-imagem .btns-plantas{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

#plantas .galeria-imagem .btns-plantas .links-plantas {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 50px;
}

#plantas .galeria-imagem .btns-plantas .container  a{
    display: flex;
    justify-content: space-around;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    border: 1px solid #10AAB1;
    padding: 22px 20px;
    width: 80%;
    border-radius: 30px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    white-space: nowrap;
}

#plantas .galeria-imagem .btns-plantas .container  a:hover,
#plantas .galeria-imagem .btns-plantas .container  a.selected{
    background: #10AAB1;
    color: #fff;
}

#plantas .galeria-imagem{
    /* display: flex; */
    width: 100%;
    overflow: hidden;
}

#plantas .lista-empreendimentos{
    display: flex;
    overflow: hidden;
    width: 92.5%;
    margin-left: 8.5%;
}

#tour-virtual .lista-empreendimentos{
    width: 83%;
    margin: 0px 0px;
}

#tour-virtual .lista-empreendimentos iframe{
    width: 100%;
    height: 100%;
    min-height: 700px;
    position: relative;
}

#plantas .owl-carousel {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#plantas .owl-carousel.owl-plantas {
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    /* width: 100%; */
    width: 60%;
    /* margin-left: 8.5%; */
}

#plantas .owl-carousel.owl-plantas .owl-item > div{
    margin-right: 35px;
}

#plantas .owl-carousel.owl-plantas img{
    max-width: 100%;
    opacity: 1;
}

#plantas .owl-nav, #plantas .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#plantas .owl-carousel .owl-nav button.owl-next,
#plantas .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font-size: 45px;
    color: rgb(73, 73, 73);
    position: relative;
    opacity: 1;
    font-weight: 100;
    position: relative;
    top: -2px;
}

#plantas .owl-carousel .owl-nav button.owl-prev {
    margin-right: 5px;
}

#plantas .owl-carousel .owl-nav button.owl-next {
    margin-left: 5px;
}

#plantas .owl-carousel .owl-nav button.owl-next span, 
#plantas .owl-carousel .owl-nav button.owl-prev span {
    cursor: pointer;
    text-indent: 0px;
    overflow: inherit;
    position: initial;
}

#plantas .owl-nav, #plantas .owl-dots {
    position: absolute;
    top: 20%;
    left: calc(100% - 62px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 310px;
}

#plantas .owl-dots {
    margin-bottom: 23px;
}

#plantas .owl-dots.disabled {
    display: none;
}

#plantas .owl-plantas-setas .center{
    display: flex;
    justify-content: center;
}
#plantas .owl-carousel.owl-plantas-setas .owl-nav, .owl-carousel.owl-plantas-setas .owl-dots{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: none;
}
#plantas .owl-carousel.owl-plantas-setas {
    width: 90%;
    margin: 0 auto;
}
#plantas .owl-carousel.owl-plantas-setas .owl-stage-outer{
    z-index: 2;
}
#plantas .owl-carousel.owl-plantas-setas button.owl-prev{
    position: absolute;
    left: -2.5%;
    height: 100%;
    z-index: 10;
    min-width: 15px;
    background: #fff;
}
#plantas .owl-carousel.owl-plantas-setas button.owl-next{
    position: absolute;
    right: -2.5%;
    height: 100%;
    z-index: 10;
    background: #fff;
    min-width: 15px;
}

#localizacao{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 100px;
}

#localizacao .mapa-localizacao{
    display: flex;
    width: 100%;
    min-height: 550px;
}

#localizacao .mapa-localizacao iframe{
    width: 100%;
    height: initial;
}

/* NEWSLETTER */
#newsletters{
    display: flex;
    flex: 1;
    flex-direction: column;
}

#newsletters .faca-parte{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#newsletters .faca-parte h3{
    font-size: 16px;
    color: #6FAD45;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 35px;
}

#newsletters .faca-parte h2{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 35px;
    margin-bottom: 55px;
}

#newsletters .faca-parte .form-newsletter{
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 380px;
    width: 100%;
}

#newsletters .faca-parte .form-newsletter form{
    width: 100%;
}

#newsletters .faca-parte .form-newsletter input[type="text"]{
    padding: 5px 0px 5px 0px;
    padding-left: 35px;
    background: url(/common/default/img/email-news.webp) no-repeat 5px center;
    font-size: 14px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    padding-right: 30px;
    width: 100%;
    max-width: 316px;
}

#newsletters .faca-parte .form-newsletter input[type="submit"]{
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/common/default/img/arrow-submit.webp) no-repeat center right;
    overflow: hidden;
    min-height: 30px;
    overflow: hidden;
    text-indent: -300px;
    border: 0px solid transparent;
    min-width: 60px;
    cursor: pointer;
}
/* NEWSLETTER */

#status-da-obra{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin-top: 100px;
    padding-bottom: 60px;
}

#status-da-obra .container{
    flex-direction: column;
    display: flex;
    width: 100%;
}

#status-da-obra .titulo-secao h2{
    display: flex;
    color: #263A3D;
    font-size: 30px;
    line-height: 65px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    background: #fff;
    z-index: 5;
    padding-right: 30px;
}

#status-da-obra .titulo-secao{
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

#status-da-obra .titulo-secao .traco{
    position: absolute;
    top: 49%;
    left: 0px;
    content: ' ';
    width: 130%;
    height: 2px;
    background-color: #10AAB1;
}

.fill-galerias{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.fill-galerias >div{
    min-height: 333px;
    width: 50%;
}

#status-da-obra .galeria-imagem{
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    background: #10AAB1;
    align-items: center;
    min-height: 650px;
}

#status-da-obra .galeria-imagem:before{
    position: absolute;
    content: ' ';
    width: 150%;
    background: #fff;
    height: 70px;
    top: 0px;
    left: 0px;
    z-index: 2;
}

#status-da-obra .complementar-faixa{
    position: absolute;
    top: 0px;
    right: -50%;
    height: 100%;
    width: 50%;
    background: #10aab1;
}

#status-da-obra .galeria-imagem:after{
    position: absolute;
    content: ' ';
    width: 150%;
    background: #fff;
    height: 70px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}

/* #status-da-obra .galeria-imagem:after{
    content: ' ';
    position: absolute;
    top: 0px;
    right: -100%;
    height: 100%;
    width: 100%;
    background: #10aab1;
} */

#status-da-obra .galeria-imagem .avanco-obra{
    display: flex;
    position: relative;
    margin-left: 8%;
    flex-direction: column;
    z-index: 5;
    width: 100%;
    max-width: 360px;
}

#status-da-obra .galeria-imagem .avanco-obra h2{
    font-size: 100px;
    color: #fff;
    font-weight: 800;
    line-height: 80px;
    margin-bottom: 35px;
}

#status-da-obra .galeria-imagem .avanco-obra .progresso{
    flex-direction: column;
    display: flex;
    min-width: 320px;
}

#status-da-obra .galeria-imagem .avanco-porcentagem{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 17px;
}

#status-da-obra .galeria-imagem .avanco-porcentagem span{
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 0px 10px;
    position: relative;
}

#status-da-obra .galeria-imagem .avanco-porcentagem span.preenchido{
    height: 2px;
    width: 100%;
    position: relative;
    background-color: rgb(194, 194, 194);
}

#status-da-obra .galeria-imagem .avanco-porcentagem span.preenchido i{
    position: absolute;
    bottom: -20px;
    font-size: 15px;
    left: calc(8% - 8px);
}

#status-da-obra .galeria-imagem .avanco-porcentagem span.preenchido .progresso-cada{
    content: ' ';
    width: 20%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    height: 100%;
    margin: 0px 0px;
}

#status-da-obra .galeria-imagem .lista-itens{
    margin-top: 55px;
}

#status-da-obra .galeria-imagem .lista-itens,
#status-da-obra .galeria-imagem .lista-itens ul{
    display: flex;
    width: 100%;
    list-style: none;
    flex-direction: column;
}

#status-da-obra .galeria-imagem .lista-itens ul li{
    display: flex;
    width: 100%;
    list-style: none;
    flex-direction: column;
    margin-bottom: 35px;
}

#status-da-obra .galeria-imagem .lista-itens ul li {
    font-size: 24px;
    color: #fff;
    position: relative;
    font-weight: 600;
}
/* 
#status-da-obra .galeria-imagem .lista-itens ul li a:hover,
#status-da-obra .galeria-imagem .lista-itens ul li a.selecionada{
    color: #000;
    font-weight: 700;
}

#status-da-obra .galeria-imagem .lista-itens ul li a:hover:after,
#status-da-obra .galeria-imagem .lista-itens ul li a.selecionada:after{
    position: absolute;
    content: ' ';
    top: 5px;
    margin-left: 15px;
    width: 30px;
    height: 20px;
    background: url(/common/default/img/arrow-selecionada-emprendimento.webp) no-repeat center center;
} */

#status-da-obra .galeria-imagens{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 790px;
    z-index: 5;
    position: relative;
}

#status-da-obra .galeria-imagens .itens > div{
    width: 50%;
}

#status-da-obra .galeria-imagens .controles-galeria{
    position: absolute;
    bottom: -40px;
    left: 5%;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#status-da-obra .galeria-imagens div img{
    max-width: 96%;
    display: block;
    margin: 2%
}

#status-da-obra .galeria-imagens .controles-galeria .qtd-item {
    display: flex;
    max-width: 190px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight: 700;
}

#status-da-obra .galeria-imagens .controles-galeria .qtd-item span:first-child{
    margin-right: 10px;
    position: relative;
}

#status-da-obra .galeria-imagens .controles-galeria .qtd-item span:last-child{
    margin-left: 10px;
    position: relative;
}

#status-da-obra .galeria-imagem .qtd-item  span.preenchido .galeria-qual {
    content: ' ';
    width: 20%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000;
    z-index: 2;
    height: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    margin: 0px 0px;
}

#status-da-obra .galeria-imagens .controles-galeria .qtd-item .preenchido {
    height: 2px;
    width: 100%;
    position: relative;
    background-color: rgb(194, 194, 194);
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria{
    display: flex;
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span{
    opacity: 0.6;
}


#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span.arrow-esquerda{
    background: url(/common/default/img/arrow-left-status.webp) no-repeat center left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span.arrow-esquerda.disabled{
    opacity: 0.6 !important;
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span.arrow-direita{
    background: url(/common/default/img/arrow-right-status.webp) no-repeat center left;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span.arrow-direita.disabled{
    opacity: 0.6 !important;
}

#status-da-obra .galeria-imagens .controles-galeria .arrows-galeria span:hover{
    opacity: 1;
}

#entre-contato{
    margin-top: 100px;
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    padding: 6% 0px 8% 0px;
    justify-content: center;
    background: url(/common/default/img/bg-empreendimento-aberto-contato.jpg) no-repeat center top;
    background-size: cover;
}

#entre-contato .form-lateral {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#entre-contato .form-lateral form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    background: #fff;
}

#entre-contato .form-lateral form{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    background: #fff;
}

#entre-contato .form-lateral form h2{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background: #10AAB1;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 60px;
    font-weight: 700;
}

#entre-contato .form-lateral form input[type="text"],
#entre-contato .form-lateral form select{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 30px;
    border-bottom: 1px solid #000;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    padding: 10px 2%;
    text-transform: uppercase;
    font-size: 14px;
}

#entre-contato .form-lateral .aceito{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 25px;
}

#entre-contato .form-lateral .aceito input{
    zoom: 1.4;
    margin-left: 10px;
}

#entre-contato .form-lateral .aceito span{
    font-size: 14px;
    line-height: 42px;
    color: #000;
    margin-left: 10px;
}

#entre-contato .form-lateral .aceito span a{
    color: #10AAB1;
}

#entre-contato .form-lateral form input::placeholder,
#entre-contato .form-lateral form select::placeholder{
    text-transform: uppercase;
    color: #000;
}

#entre-contato .form-lateral form input[type="submit"]{
    width: 76%;
    position: relative;
    margin-left: 10%;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    border: 1px solid #10AAB1;
    text-align: center;
    padding: 17px 0px;
    border-radius: 20px;
    background-image: url(/common/default/img/arrow-mais-empreendimentos.webp);
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 30px auto !important;
    background-color: #fff;
    padding-right: 30px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    cursor: pointer;
}

#entre-contato .form-lateral form input[type="submit"]:hover{
    background-color: #10AAB1;
}

#entre-contato .form-lateral form input[type="submit"]:disabled{
    background-color: #10AAB1;
    opacity: 0.5;
}

footer{
    margin-top: 0px;
}

@media all and (max-width: 1680px){
    #apto-decorado .owl-nav, 
    #apto-decorado .owl-dots,
    #o-empreendimento .owl-nav, 
    #o-empreendimento .owl-dots,
    #plantas .owl-nav, 
    #plantas .owl-dots{
        left: calc(93.6% - 15px);
    }
}

@media all and (max-width: 1560px){
    #empreendimento .banner-empreendimento .form-lateral form h2,
    #entre-contato .form-lateral form h2{
        height: 45px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="submit"],
    #entre-contato .form-lateral form input[type="submit"]{
        padding: 15px 0px;
        margin-bottom: 15px;
    }
    #empreendimento .banner-empreendimento .form-lateral form select{
        width: 80%;
    }
    .imagem-empreendimento img {
        max-width: 625px;
        margin-left: 20px;
    }
    #empreendimento .destaque-item .texto{
        min-height: 450px;
    }
    #status-da-obra .galeria-imagens{
        max-width: 700px;
    }
    #empreendimento .banner-empreendimento .form-lateral{
        max-width: 620px;
    }
    #empreendimento .banner-empreendimento .form-lateral form{
        margin-top: 0px;
        max-width: 400px;
    }
}

@media all and (max-width: 1450px){
    #empreendimento .banner-empreendimento .form-lateral .aceito{
        height: 20px;
        margin: 5px 0px 5px 10%;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="text"], 
    #empreendimento .banner-empreendimento .form-lateral form select,
    #empreendimento .banner-empreendimento .form-lateral .aceito,
    #entre-contato .form-lateral form input[type="text"], 
    #entre-contato .form-lateral form select,
    #entre-contato .form-lateral .aceito{
        margin-top: 15px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="text"],
    #empreendimento .banner-empreendimento .form-lateral form select{
        padding: 5px 2%;
    }

    #status-da-obra .galeria-imagens{
        max-width: 600px;
    }
    #status-da-obra .galeria-imagem .avanco-obra h2{
        font-size: 70px;
    }
    #status-da-obra .galeria-imagem .lista-itens ul li a{
        font-size: 20px;
    }
    #status-da-obra .galeria-imagem .lista-itens ul li{
        margin-bottom: 10px;
    }
    #status-da-obra .galeria-imagens{
        max-width: 650px;
    }
    #localizacao .mapa-localizacao {
        min-height: 400px;
    }
}

@media all and (max-width: 1350px){
    #empreendimento .banner-empreendimento .form-lateral form{
        max-width: 340px;
    }
    #empreendimento .banner-empreendimento .form-lateral{
        max-width: 510px;
    }
    .imagem-empreendimento img {
        max-width: 500px;
    }
    #empreendimento .destaque-item .texto{
        min-height: 330px;
    }
    #empreendimento .destaque-item .texto h3 {
        font-size: 35px;
        max-width: 350px;
    }
    .detalhes-emp .container,
    #empreendimento .breadcrumb,
    #o-empreendimento .container,
    #apto-decorado .container,
    #plantas .container,
    #status-da-obra .container{
        max-width: 95%;
    }
    #apto-decorado .lista-empreendimentos,
    #o-empreendimento .lista-empreendimentos,
    #plantas .lista-empreendimentos{
        width: 97.5%;
        margin-left: 2.5%;
    }
    #empreendimento .banner-empreendimento img{
        margin-left: 0px;
    }
    #empreendimento .banner-empreendimento .descritivo {
        width: 50%;
    }
    #empreendimento .banner-empreendimento .demais-itens .container{
        max-width: 90%;
    }
    #empreendimento .banner-empreendimento .demais-itens p{
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    #empreendimento .banner-empreendimento .descritivo img{
        max-width: 270px;
    }
    #empreendimento .banner-empreendimento .demais-itens .detalhes span.m2{
        padding-left: 31px;
    }
    #empreendimento .banner-empreendimento .demais-itens .detalhes span{
        color: #fff;
        margin-right: 15px;
        font-size: 20px;
        line-height: 40px;
    }
    #empreendimento .destaque-item .texto h3{
        font-size: 31px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    #empreendimento .destaque-item .texto p{
        line-height: 28px;
    }
}

@media all and (max-width: 1200px){
    #apto-decorado .owl-nav, #apto-decorado .owl-dots, #o-empreendimento .owl-nav, #o-empreendimento .owl-dots, #plantas .owl-nav, #plantas .owl-dots {
        left: calc(93.6% - 25px);
    }
    #empreendimento .banner-empreendimento .form-lateral{
        max-width: 500px;
    }
    #empreendimento .banner-empreendimento .form-lateral form h2 {
        height: 40px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="submit"] {
        padding: 10px 0px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="text"], 
    #empreendimento .banner-empreendimento .form-lateral form select {
        padding: 4px 2%;
    }
    #empreendimento .banner-empreendimento .form-lateral form{
        max-width: 350px
    }
    #status-da-obra .galeria-imagens{
        max-width: 560px;
    }
    .fill-galerias >div{
        min-height: 240px;
    }
}

@media all and (max-width: 1023px){
    #apto-decorado .owl-nav, #apto-decorado .owl-dots, #o-empreendimento .owl-nav, #o-empreendimento .owl-dots, #plantas .owl-nav, #plantas .owl-dots{
        left: calc(93.6% - 33px);
    }
    #tour-virtual,
    .tour-mobile{
        display: none;
    }
    #empreendimento .banner-empreendimento{
        margin-top: 65px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="text"], 
    #empreendimento .banner-empreendimento .form-lateral form select {
        width: 90%;
        margin-left: 2%;
    }
    #empreendimento .banner-empreendimento .form-lateral form select {
        width: 95%;
    }
    #empreendimento .banner-empreendimento .form-lateral{
        max-width: 300px;
    }
    #empreendimento .banner-empreendimento .form-lateral form{
        display: inline-block;
        max-width: 275px;
        margin-top: 10px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[name="nome"],
    #empreendimento .banner-empreendimento .form-lateral form input[name="email"]{
        width: 43%;
        float: left;
    }
    #empreendimento .detalhes-emp .lista-itens ul{
        flex-direction: column;
    }
    #empreendimento .detalhes-emp .lista-itens{
        margin: 15px 0px;
        padding-bottom: 15px;
    }
    #empreendimento .detalhes-emp .lista-itens ul li{
        margin-bottom: 15px;
    }
    #empreendimento .banner-empreendimento .demais-itens .detalhes span{
        font-size: 18px;
        margin-right: 20px;
        line-height: initial;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="text"],
    #empreendimento .banner-empreendimento .form-lateral form select,
    #empreendimento .banner-empreendimento .form-lateral .aceito,
    #entre-contato .form-lateral form input[type="text"], 
    #entre-contato .form-lateral form select, #entre-contato .form-lateral .aceito {
        margin-top: 10px;
    }
    #empreendimento .banner-empreendimento .form-lateral .aceito span{
        line-height: initial;
    }
    #empreendimento .banner-empreendimento .form-lateral form h2 {
        height: 35px;
    }
    #empreendimento .banner-empreendimento .form-lateral form h2{
        font-size: 16px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="submit"]{
        margin-top: 0px;
        margin-bottom: 5px;
    }
    #empreendimento .banner-empreendimento .form-lateral .aceito {
        margin: 5px 0px 5px 2%;
        width: 98%;
    }
    #empreendimento .banner-empreendimento .form-lateral .aceito span a{
        font-size: 12px;
    }
    #empreendimento .banner-empreendimento .form-lateral form input[type="submit"]{
        padding: 4px 0px;
    }
    .imagem-empreendimento img {
        max-width: 370px;
    }
    #empreendimento .destaque-item .texto h3 {
        font-size: 30px;
        max-width: 320px;
    }
    #empreendimento .breadcrumb{
        margin: 20px 0px
    }
    #empreendimento .breadcrumb {
        max-width: 100%;
        margin: 20px 0px;
        width: 98%;
    }
    #apto-decorado .lista-empreendimentos,
    #o-empreendimento .lista-empreendimentos{
        width: 97.5%;
        margin-left: 2.5%;
    }
    #newsletters .faca-parte h2{
        text-align: center;
    }
    #newsletters .faca-parte h2 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    #entre-contato .form-lateral .aceito span{
        line-height: 22px;
    }
    .fill-galerias >div{
        min-height: initial;
    }
    #status-da-obra .galeria-imagem .avanco-obra{
        margin-left: 3%;
    }
    #status-da-obra .galeria-imagem .lista-itens ul li{
        margin-bottom: 20px;
    }
    #status-da-obra .galeria-imagem .avanco-obra{
        max-width: 250px;
    }
    #status-da-obra .galeria-imagem{
        min-height: 580px;
    }
}

@media all and (max-width: 767px){
    #status-da-obra .galeria-imagem{
        min-height: initial;
        flex-direction: column;
        width: 90%;
    }
    #status-da-obra .galeria-imagem .lista-itens, #status-da-obra .galeria-imagem .lista-itens ul{
        width: 90%;
        margin-left: 5%;
    }
    #status-da-obra .galeria-imagem:before{
        display: none;
    }
    #status-da-obra .galeria-imagens,
    #status-da-obra .galeria-imagem .avanco-obra{
        max-width: initial;
        flex-direction: column;
    }
    #empreendimento .banner-empreendimento .descritivo{
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    #empreendimento .banner-empreendimento .descritivo .texto-destaque {
        width: 90%;
    }
    #empreendimento .banner-empreendimento .demais-itens p{
        margin-bottom: 35px;
    }
    #empreendimento .detalhes-emp .lista-itens{
        margin-top: 30px;
    }
    #empreendimento .destaque-item .centraliza-texto{
        padding-bottom: 20px;
    }
    #empreendimento .banner-empreendimento .demais-itens .detalhes span{
        margin-bottom: 30px;
    }
    #plantas .galeria-imagem .btns-plantas .links-plantas{
        justify-content: center;
        align-items: center;
    }
    #plantas .galeria-imagem .btns-plantas .container a{
        margin: 0px 5px;
    }
    #localizacao .mapa-localizacao {
        min-height: 320px;
    }
    #status-da-obra .titulo-secao h2,
    #plantas .titulo-secao h2,
    #apto-decorado .titulo-secao h2,
    #o-empreendimento .titulo-secao h2,
    #oplantas .titulo-secao h2{
        padding-right: 10px;
    }
    #empreendimento .imagem-destaque-banner,
    #empreendimento .destaque-item,
    #o-empreendimento,
    #apto-decorado,
    #plantas,
    #localizacao{
        margin-bottom: 50px;
    }
    #status-da-obra .titulo-secao{
        margin-bottom: 20px;
    }
    #apto-decorado .owl-nav, 
    #apto-decorado .owl-dots, 
    #o-empreendimento .owl-nav, 
    #o-empreendimento .owl-dots,
    #plantas .owl-nav, 
    #plantas .owl-dots {
        left: calc(96.6% - 30px);
        height: 60px;
        width: 60px;
    }
    #apto-decorado .owl-carousel.owl-decorado,
    #o-empreendimento .owl-carousel.owl-empreendimentos,
    #plantas .owl-carousel.owl-plantas{
        width: 80%;
    }
    .detalhes-emp .container{
        flex-direction: column;
    }
    #empreendimento .destaque-item .texto{
        min-height: initial;
        max-width: initial;
        width: 100%;
    }
    #empreendimento .destaque-item .texto:after{
        display: none;
    }
    #empreendimento .destaque-item .texto h3{
        max-width: initial;
        text-align: center;
        margin: 0px 0px;
        padding: 20px 0px;
    }
    .imagem-empreendimento img {
        max-width: 100%;
    }
    #empreendimento .banner-empreendimento .form-lateral{
        display: none;
    }
    #empreendimento .banner-empreendimento .demais-itens .container{
        max-width: initial;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #empreendimento .banner-empreendimento img{
        max-width: 250%;
    }
    #empreendimento .banner-empreendimento .demais-itens .detalhes{
        flex-direction: column;
        align-items: center;
    }
    #apto-decorado .owl-carousel.owl-decorado, #plantas .owl-carousel.owl-plantas, #o-empreendimento .owl-carousel.owl-empreendimentos {
        width: 90%;
    }
    #newsletters .faca-parte{
        width: 90%;
        margin: 0 auto;
    }
    #entre-contato .form-lateral form{
        width: 85%;
    }
}

@media all and (max-width: 490px){
    #plantas .galeria-imagem .btns-plantas .container a{
        font-size: 12px;
    }
    .imagem-destaque-banner{
        display: none !important;
    }
   section .traco{
        display: none;
    }
    section .titulo-secao{
        text-align: center;
        align-items: center;
        justify-content: center;
        padding: 0px 0px;
        margin-bottom: 10px !important;
    }
    section .titulo-secao h2{
        padding: 0px 0px !important;
        line-height: initial !important;
        font-size: 24px !important;
    }
    #newsletters .faca-parte h2 {
        font-size: 25px;
    }
    #newsletters .faca-parte .form-newsletter{
        max-width: 250px;
    }
    #newsletters .faca-parte .form-newsletter input[type="text"]{
        max-width: 180px;
    }
    #plantas .galeria-imagem .btns-plantas .container a{
        padding: 12px 0px;
        border-radius: 10px;
    }
    #empreendimento .destaque-item .texto h3{
        line-height: 40px;
    }
    #apto-decorado .owl-nav, 
    #apto-decorado .owl-dots, 
    #o-empreendimento .owl-nav, 
    #o-empreendimento .owl-dots,
    #plantas .owl-nav, 
    #plantas .owl-dots {
        left: calc(94.6% - 30px);
        height: 60px;
        width: 60px;
    }
}