@import url(bootstrap.min.css);
@import url(animate.min.css);
@import url(jquery.bxslider.css);
@import url(jquery.fancybox.min.css);
@import url(../fonts/montserrat/stylesheet.css);
@import url(../fonts/fontello/css/fontello.css);
:root {
    --main-primary-color: #EF6E17;
    --main-secondary-color: #80C3EC;
    --main-tertiary-color: #505052;
    --main-secondary-color-hover: rgba(218, 24, 46, .2);
}

::-webkit-scrollbar-track {
    width: 8px;
    background-color: #fff
}

::-webkit-scrollbar {
    width: 8px;
    background-color: var(--main-primary-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: var(--main-primary-color);
}

#page-loading {
    background-color: var(--main-primary-color);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 11pt;
    font-display: 100%;
    overflow-x: hidden;
    color: #505052
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: bold;
}

header {
    z-index: 9;
    position: relative;
    padding: 30px 0;
}

header img {
    width: 200px;
}

.btn {
    background-color: var(--main-primary-color);
    color: #fff;
    font-size: 1.4em;
    border-radius: 40px;
    padding: 14px 30px;
    line-height: 1em;
    transition: all .5s;
}

.btn:hover,
.btn:active,
.btn:focus {
    box-shadow: none;
    color: #fff;
    background-color: var(--main-primary-color);
    box-shadow: none;
}

#modalLead .modal-header {
    border-bottom: 0;
    align-items: flex-start;
    padding-top: 1.5rem;
}

#modalLead .modal-body {
    padding-bottom: 2rem;
}

#modalLead .btn {
    font-size: 1em;
}

#modalLead .form-control {
    border-radius: 40px;
}

#modalLead .form-floating>label {
    padding-left: 1rem;
}

#modalLead .form-floating>.form-control,
#modalLead .form-floating>.form-select {
    padding-left: 1rem;
}

#modalLead .form-control:focus {
    border-color: var(--main-secondary-color-hover);
    box-shadow: 0 0 0 0.25rem var(--main-secondary-color-hover)
}

#banner {
    margin-top: -200px;
}

#banner .slide {
    height: 800px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#banner .slide .overlay {
    background-color: rgba(0, 0, 0, .3);
}

#banner .slide .overlay h1 {
    color: #fff;
    font-size: 3.4em;
    white-space: pre-line;
    margin-bottom: 30px;
}

#banner .bx-controls {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
}

#banner .bx-controls a {
    font-size: 2em;
    color: #fff;
    font-weight: bold;
}

#banner .bx-controls a:hover,
#banner .bx-controls a:active {
    color: var(--main-secondary-color);
}

#content {
    padding: 70px 0;
}

#content .capa {
    height: 500px;
    background-image: url(../images/capa.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .capa a {
    color: #fff;
    text-decoration: none;
}

#content .capa .icon {
    border: solid 1px #fff;
    border-radius: 50%;
    padding: 18px;
    color: var(--main-secondary-color);
    font-size: 1.6em;
}

#content .capa span {
    margin-left: 10px;
    position: relative;
}

#content .texto p {
    white-space: pre-line;
}

#content .texto {
    padding: 10px 40px;
}

#empreendimento {
    padding: 60px 0;
}

#empreendimento h3 {
    font-size: 2.5em;
    text-align: center;
}

#empreendimento #slider-galeria {
    margin-top: 40px;
    margin-bottom: 40px;
}

#empreendimento .bx-wrapper {
    margin: 0 auto;
}

#empreendimento .bx-wrapper .bx-controls {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    margin-bottom: -40px;
}

#empreendimento .bx-wrapper .bx-controls a {
    font-size: 2em;
    color: var(--main-secondary-color);
    font-weight: bold;
    position: absolute;
}

#empreendimento .bx-wrapper .bx-controls a.bx-prev {
    left: 0;
    /* margin-left: -50px; */
}

#empreendimento .bx-wrapper .bx-controls a.bx-next {
    right: 0;
    /* margin-right: -50px; */
}

#empreendimento .bx-wrapper .bx-controls a:hover,
#empreendimento .bx-wrapper .bx-controls a:active {
    color: var(--main-primary-color);
}

#empreendimento #slider-galeria .slide .titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    min-height: 50px;
}

#empreendimento #slider-galeria .slide .titulo::before {
    position: absolute;
    content: '';
    left: 20px;
    bottom: -55px;
    height: 50px;
    width: 1px;
    background-color: var(--main-secondary-color);
}

#empreendimento #slider-galeria .slide .titulo .icone {
    width: 40px;
    margin-right: 10px;
}

#empreendimento #slider-galeria .slide .titulo h5 {
    margin-bottom: 0;
    font-size: 1em;
}
#empreendimento #slider-galeria .slide .titulo h6 {
    margin-bottom: 0;
    font-size: .8em;
}

#diferenciais {
    padding: 80px 0;
    background-color: var(--main-primary-color);
}

#diferenciais .item {
    border: solid 1px var(--main-secondary-color);
    padding: 10px;
    padding-top: 20px;
    text-align: center;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#diferenciais .item .icone {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 20px;
    top: -20px;
    background-color: var(--main-primary-color);
}

#diferenciais .item .icone img {
    width: 35px;
}

#diferenciais .item h5 {
    color: #fff;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
    font-size: 1.5em;
    text-transform: uppercase;
}

#diferenciais .item h6 {
    color: #fff;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
    font-size: 1.1em;
    text-transform: uppercase;
}

#diferenciais .item h6::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    height: 1px;
    width: 80px;
    margin-left: -50px;
    background-color: #fff;
}
#diferenciais .item h5::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    height: 1px;
    width: 100px;
    margin-left: -50px;
    background-color: #fff;
}

#diferenciais .item p {
    color: #fff;
    text-transform: uppercase;
    white-space: pre-line;
}

#diferenciais .btn,
#diferenciais .btn:hover {
    background-color: #fff;
    color: var(--main-primary-color);
}

#localizacao {}

#localizacao .titulo {
    background-color: var(--main-secondary-color);
    padding: 40px 0;
}

#localizacao .titulo h4 {
    font-size: 2em;
    margin-bottom: 0;
}

#localizacao .btn {
    background-color: var(--main-primary-color);
    display: inline-flex;
    align-items: center;
}

#localizacao .btn .icon {
    font-size: 1.3em;
}

#voltar-topo {
    background-color: var(--main-secondary-color);
    color: var(--main-primary-color)
}

#voltar-topo>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#voltar-topo p {
    margin-bottom: 0;
    font-size: .9em;
    margin-right: 10px;
    color: var(--main-secondary-color);
}

#voltar-topo a {
    background-color: var(--main-primary-color);
    color: var(--main-secondary-color);
    padding: 20px;
}

#btn-whatsapp {
    position: fixed;
    bottom: 40px;
    right: 30px;
    height: 60px;
    width: 60px;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2340C351;stroke:%23FFFFFF;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M79.2,16.8C70.8,8.4,59.8,3.9,48,3.7C23.6,3.7,3.7,23.6,3.7,47.9c0,8.4,2.4,16.5,6.7,23.5l1.1,1.8L7.1,89.5 l16.7-4.3l1.7,1c6.7,4.1,14.6,6.2,22.5,6.2l0,0c24.4,0,44.3-19.9,44.3-44.3C92.3,36.2,87.6,25.2,79.2,16.8z'/%3E%3Cpath class='st1' d='M35.7,27.1C34.8,25,33.8,25,33,25s-1.5,0-2.3,0s-2.2,0.3-3.2,1.5c-1.2,1.3-4.3,4.1-4.3,10.2s4.4,11.9,5,12.6 c0.6,0.8,8.5,13.6,20.9,18.5C59.5,72,61.6,71.1,63.9,71c2.2-0.3,7.2-3,8.3-5.8c1-2.8,1-5.3,0.8-5.8c-0.3-0.5-1.2-0.8-2.3-1.4 s-7.2-3.6-8.4-4c-1.3-0.5-2.2-0.8-3,0.5c-0.8,1.2-3.2,4-3.9,4.8c-0.8,0.8-1.4,0.9-2.7,0.3c-1.2-0.6-5.2-1.9-9.8-6.1 c-3.6-3.2-6.1-7.2-6.8-8.5c-0.8-1.2-0.1-1.9,0.5-2.5c0.5-0.5,1.2-1.4,1.8-2.2s0.8-1.3,1.2-2.1s0.3-1.5-0.1-2.2 C39.2,35.5,36.9,29.5,35.7,27.1z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}

footer {
    background-color: var(--main-primary-color);
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

footer img {
    width: 200px;
}

footer .social a {
    color: #fff;
    text-decoration: none;
    font-size: 1.8em;
}

footer .social a:hover {
    color: var(--main-secondary-color);
}

@media (max-width: 1400px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {}

@media (max-width: 768px) {}

@media (max-width: 575.98px) {
    header img {
        width: 160px;
    }
    #content .texto {
        text-align: center;
        padding-top: 30px;
    }
    #content .capa .icon {
        padding: 12px;
        font-size: 1.4em;
    }
    #localizacao .titulo {
        text-align: center;
    }
    #localizacao .btn {
        margin-top: 20px;
    }
}