/* vietnamese */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks6FospT4.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks51os.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_A8s52Hs.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_Ass52Hs.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_DMs5.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6FospT4.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6VospT4.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s51os.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s51os.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}
.fa-xs {
    font-size: 0.75em;
}
.fa-sm {
    font-size: 0.875em;
}
.fa-1x {
    font-size: 1em;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}
.fa-8x {
    font-size: 8em;
}
.fa-9x {
    font-size: 9em;
}
.fa-10x {
    font-size: 10em;
}
.fa-fw {
    text-align: center;
    width: 1.25em;
}
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.fa-border {
    border: 0.08em solid #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}
.fa-whatsapp {
    color: #fff;
    font-size: 34px;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: 0.3em;
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-envelope-open:before {
    content: "\f2b6";
}
.fa-envelope-open-text:before {
    content: "\f658";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-instagram-square:before {
    content: "\e055";
}
.grecaptcha-badge {
    display: none !important;
}
html,
body {
    font-family: "Barlow", sans-serif !important;
    overflow-x: hidden;
}
body {
    overflow-y: hidden;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

p,
h2,
h3,
h4,
h5,
h6 {
    color: #3c3c3b;
}
.p-55 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.pt-55 {
    padding-top: 5rem !important;
}
.m-55 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.mb-55 {
    margin-bottom: 5rem !important;
}
.h5,
h5 {
    font-size: 0.95rem !important;
}
.font-weight {
    font-weight: 600 !important;
}
.size-14 {
    font-size: 14px;
}
.size-16 {
    font-size: 16px;
}
.color-white {
    color: #fff !important;
}
.bottom-sobre span {
    font-weight: 700;
    letter-spacing: 0px;
    color: #f3af4a;
}
.fixed-top-scroll .color-white {
    color: #3c3c3b !important;
}

.container-padding {
    padding: 0px 5% !important;
}

.img-responsive {
    max-width: 80%;
}

.container-title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    height: 700px;
}
a.btn-banner {
    border: 1px solid white;
    padding: 10px 25px;
    border-radius: 50px;
    display: block;
    width: 260px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5rem;
    text-align: center;
    float: right;
}
a.btn-banner:hover {
    background-color: #ab7628;
    color: #fff;
    text-decoration: none;
}

.background-cinza {
    background-color: #eeeeee;
    margin-bottom: 0px;
    margin-top: 100px;
    position: relative;
}
.background-branco {
    margin-bottom: 0px;
    position: relative;
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    content: "-";
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content: "+";
}
.panel.panel-default {
    border-radius: 28px;
    -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%);
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%);
    padding: 0px 30px;
    margin-bottom: 20px;
}
.panel-heading {
    cursor: pointer;
}
.panel-heading h3 {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 50px !important;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.panel-body p {
    font-size: 14px;
    margin: 9px 15px;
}

.monta-campo {
    border: 1px solid #393938;
    border-radius: 10px;
    padding: 20px;
    padding-top: 0px;
    background-image: url("img/table-starts.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 110px;
    margin-bottom: 20px;
}

.table-pacotes {
    border-top: none !important;
}

.table-pacotes thead {
    font-weight: 600;
    background: #eab963;
}
.table-pacotes thead td {
    border-top: none !important;
}
.table-pacotes td {
    vertical-align: middle !important;
    height: 55px !important;
    line-height: 1;
    padding-left: 12px !important;
    font-size: 0.9rem !important;
}
.table-pacotes td:nth-child(2):not(small),
.table-pacotes td:nth-child(3):not(small) {
    font-weight: 600;
    font-size: 0.85rem;
}
.table-titulo {
    margin-bottom: 20px;
    font-size: 22px;
    color: #808080;
    letter-spacing: -1px;
}
.table-titulo span {
    font-size: 45px;
    font-weight: 800;
    padding-right: 10px;
}
.form-group {
    font-size: 13px;
}
.form-group label {
    margin-bottom: 4px !important;
    color: #3c3c3b;
}
.form-control {
    font-size: 13px !important;
}
#form-submit {
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    outline: none;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    background-color: #ab7628;
    border-color: #ab7628;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
}
.fixed-top {
    z-index: 9 !important;
}
/* .fixed-top-scroll {
    background: rgb(38, 107, 140);
    background: linear-gradient(
        0deg,
        rgb(38 107 140 / 68%) 0%,
        rgb(29 57 108) 100%
    );
} */
.fixed-top-scroll {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 9px 1px rgb(85 85 85 / 20%);
    box-shadow: 0px 0px 9px 1px rgb(85 85 85 / 20%);
}
.navbar-nav a {
    color: #3c3c3b;
}
.navbar-nav a:hover {
    color: #ab7628;
}

h2.icon-stars {
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}
h2.icon-stars span {
    font-weight: 300;
}
.icon-star-before {
    padding-left: 70px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
}
h2.icon-stars-org {
    padding-left: 70px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    color: #b58436;
}
h2.icon-stars-sobre span {
    font-weight: 300;
    font-size: 1.7rem;
    position: relative;
    left: -39px;
}
h2.icon-stars-estrela span {
    font-weight: 300;
    font-size: 1.5rem;
}
#app {
    background: url(img/organizadores.webp);
    background-size: cover;
    background-position: center;
}
.icon-star-before::before {
    content: "";
    width: 73px;
    height: 64px;
    background: url(img/icon-stars.png);
    position: absolute;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 20px 10px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}
.icon-stars-sobre::before {
    top: 3px;
    left: -190px;
}
.icon-stars-parc::before {
    top: -19px;
    left: -313px;
}
.icon-stars-estrela::before {
    top: -8px;
    left: -295px;
}
.icon-stars-org::before {
    top: -19px;
    left: -239px;
}
.icon-stars-tenis::before {
    top: -19px;
    left: -98px;
}
.icon-stars-futebol::before {
    top: -19px;
    left: -146px;
}

h2.icon-stars-estrela {
    line-height: 25px;
}
.title-stars h2:before {
    content: "";
    width: 73px;
    height: 64px;
    background: url(img/icon-stars.png);
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 20px 10px;
    margin-left: auto;
    margin-right: auto;
}
.gold::before {
    content: "";
    width: 73px;
    height: 64px;
    background: url(img/icon-stars-gold.png);
    position: absolute;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 20px 10px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}
.background-top-sobre,
.back-beach {
    display: flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 6px 12px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    text-shadow: 2px 1px 3px rgb(0 0 0 / 50%);
    letter-spacing: -0.5px;
    border-bottom: 5px solid #945f11;
    background-position: center;
}

.back-beach {
    background-size: cover;
    min-height: 200px;
}
.top-sobre-nascemos {
    background-image: url(img/nascemos-para.webp);
}
.top-sobre-porque {
    background-image: url(img/porque-participar.webp);
}
.o-maior {
    background-image: url(img/o-maior.webp);
}
.tenis1 {
    background-image: url(img/tenis1.webp);
}
.tenis2 {
    background-image: url(img/tenis2.webp);
}
.tenis3 {
    background-image: url(img/tenis3.webp);
}
.futebol1 {
    background-image: url(img/futebol1.webp);
}
.futebol2 {
    background-image: url(img/futebol2.webp);
}
.beach1 {
    background-image: url(img/beach1.webp);
}
.beach2 {
    background-image: url(img/beach2.webp);
}
.beach3 {
    background-image: url(img/beach3.webp);
}
.background-top-sobre span,
.back-beach span {
    position: relative;
}
.bottom-sobre {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url(img/fundo-adicional.webp);
    background-size: cover;
    background-position: bottom;
    padding: 0px 20px;
    font-size: 14px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: -0.5px;
    color: #fff;
}
.bottom-sobre-16 {
    font-size: 16px;
    padding: 0 30px;
}
.bottom-sobre-18 {
    font-size: 18px;
}
/* No Mobile */
@media only screen and (min-width: 601px) {
    .background-top-sobre {
        background-size: contain;
        min-height: 184px;
    }
    .banner_top {
        background-image: url("../assets/img/banner_top.webp");
        background-size: cover;
        background-position: bottom center;
        height: 700px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .background-ze-roberto {
        background: url(img/ze-roberto-page.webp);
    }
    .background-andre-sa {
        background: url(img/ze-roberto-page.webp);
    }
    .container-title h1 {
        width: 100%;
        font-size: 2.3rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: -1px;
        text-shadow: 2px 1px 3px rgb(0 0 0 / 50%);
    }
    .btn-contato {
        padding: 6px 25px;
        border-radius: 50px;
        color: #fff;
        margin-left: 6px;
        background: rgb(1, 158, 224);
        background: linear-gradient(
            180deg,
            rgba(1, 158, 224, 1) 0%,
            rgba(32, 68, 132, 1) 100%
        );
    }

    .contato {
        margin-top: 60px !important;
    }
    .logo-rodape {
        position: absolute;
        right: 8%;
        top: -70px;
    }

    #estrelas-box ul li {
        width: 25%;
        display: inline-flex;
        margin: -3px -2px;
        min-height: 350px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        background-size: cover;
        background-position: top center;
    }
    .parent {
        width: 49%;
        margin: -4px;
        height: 250px;
        overflow: hidden;
        position: relative;
        display: inline-block;
    }
    .form-check {
        display: inline-block !important;
        width: 17%;
    }
    .investidores img {
        margin-left: 30px;
        text-align: right;
    }
    footer .social-footer {
        margin-left: 0px !important;
        padding: 0px;
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .sim-nao {
        text-align: right;
    }
    .sim-nao .form-check {
        width: 30%;
    }
    .background-top-sobre::before {
        content: "";
        background: rgb(0, 0, 0);
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.8) 100%
        );
        width: calc(100% - 30px);
        height: 95px;
        position: absolute;
        left: 15px;
        margin-bottom: -6.5px;
    }
    #camps ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0px;
        min-height: 200px;
    }
    #camps li {
        background-size: cover !important;
        background-position: top center !important;
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding: 1px 9px;
        color: #fff;
        font-weight: 400;
        font-size: 1.1rem !important;
        letter-spacing: -0.5px;
        background-color: #ab7629;
    }

    #outras ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0px;
        min-height: 250px;
    }
    #outras .linha1 li {
        background-size: cover !important;
        background-position: center !important;
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding: 1px 9px;
        color: #fff;
        font-weight: 400;
        font-size: 1.1rem !important;
        letter-spacing: -0.5px;
        background-color: #ab7629;
    }
    #outras .linha2 li {
        background-size: cover !important;
        background-position: center !important;
        width: 33.33333333%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding: 1px 9px;
        color: #fff;
        font-weight: 400;
        font-size: 1.1rem !important;
        letter-spacing: -0.5px;
        background-color: #ab7629;
    }

    .icon-stars-beach::before {
        top: -19px;
        left: -515px;
    }
    .solitaria {
        height: 320px;
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        width: 101%;
    }
    .solitaria li {
        width: 14.5% !important;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        color: #fff;
        font-size: 1.1rem;
        padding: 2px 20px;
        font-weight: 400;
        letter-spacing: -0.5px;
        background-size: cover !important;
        background-position: center !important ;
        box-shadow: inset -10px -10px 20px -10px rgb(0 0 0 / 76%);
        position: relative;
    }
    .solitaria li a {
        height: 320px;
        width: 100%;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: -0.5px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: flex-end;
    }
    .solitaria li span {
        position: relative;
        right: -5px;
    }
    .solitaria li:after {
        content: "";
        border-right: 7px solid #945f11;
        position: relative;
        width: 4%;
        height: 321px;
        right: -22px;
        top: 3px;
        transform: rotate(1deg);
    }
    .solitaria li::before {
        content: "";
        width: 160px;
        background-color: #945f11;
        height: 30px;
        display: block;
        position: absolute;
        margin-right: -15px;
        margin-bottom: -2px;
    }
    .mobile {
        display: none !important;
    }
    .img-estrutura-1 {
        background: url(img/costao-destaque.webp);
        background-position: bottom !important;
        background-size: cover !important;
        width: 100%;
        height: 72%;
    }
    .img-estrutura-2 {
        background: url(img/vila1.webp);
        height: 100%;
        background-position: center !important;
        background-size: cover !important;
    }
    .img-estrutura-3 {
        background: url(img/vila2.webp);
        height: 100%;
        background-position: center !important;
        background-size: cover !important;
    }
    #outras .linha1 li:before {
        content: "";
        width: 65%;
        height: 30px;
        background: #ab7629e0;
        position: relative;
        right: -136px;
        bottom: -27px;
        z-index: 0;
    }
    #outras .linha2 li:before {
        content: "";
        width: 40%;
        height: 30px;
        background: #ab7629e0;
        position: relative;
        right: -302px;
        bottom: -28px;
        z-index: 0;
    }
    #camps li:before {
        content: "";
        width: 65%;
        height: 30px;
        background: #ab7629e0;
        position: relative;
        right: -109px;
        bottom: -28px;
        z-index: 0;
    }
    .box-stars {
        border: 1px solid #3c3c3bc2;
        border-radius: 10px;
        background-size: cover !important;
        background-position: top right !important;
        padding: 2rem;
        padding-left: 2rem !important;
    }
    footer .social-footer li {
        padding: 5px 7px;
        border: 2px solid white;
        border-radius: 100px;
        margin-left: 20px;
    }

    .back-beach::before {
        content: "";
        background: rgb(0, 0, 0);
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.8) 100%
        );
        width: calc(100% - 30px);
        height: 95px;
        position: absolute;
        left: 15px;
        bottom: 230px !important;
    }
    .quebra-br-desktop {
        display: none !important;
    }
}

/*  Mobile */
@media only screen and (max-width: 600px) {
    .background-top-sobre {
        background-size: cover;
        min-height: 200px;
    }
    .banner_top {
        background-image: url("../assets/img/banner_top_mobile.webp");
        background-size: cover;
        background-position: bottom center;
        height: 500px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .back-beach::before {
        content: "";
        background: rgb(0, 0, 0);
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.8) 100%
        );
        width: calc(100% - 30px);
        height: 95px;
        position: absolute;
        left: 15px;
        bottom: 0px !important;
    }
    .fixed-top a {
        color: #3c3c3b !important;
    }
    .navbar-light .navbar-toggler {
        color: rgba(171, 118, 40, 1) !important;
        border-color: rgba(171, 118, 40, 1) !important;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(171,118,40,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
    .order-mobile {
        order: 2;
    }
    .no-mobile,
    .quebra-br {
        display: none !important;
    }
    .background-ze-roberto {
        background: url(img/ze-roberto.webp);
        height: 300px;
        border: none !important;
        margin-bottom: 20px;
    }
    .background-andre-sa {
        background: url(img/ze-roberto.webp);
        height: 300px;
        border: none !important;
        margin-bottom: 20px;
    }
    .rem-br {
        border: 1px solid #3c3c3bc2;
        border-radius: 10px;
    }

    .icon-stars-beach::before {
        top: 16px;
        left: -245px;
    }
    .navbar-toggler {
        position: fixed;
        right: 10px;
        top: 10px;
    }
    .top-sobre-porque,
    .o-maior {
        margin-top: 40px;
    }
    .mt-sm-40 {
        margin-top: 40px;
    }
    .form-check {
        display: inline-block !important;
        width: 25%;
    }
    .xs-mx {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .rai {
        padding: 10px 0px;
    }
    .container-title h1 {
        width: 100%;
        font-size: 1.2rem;
        font-weight: 500;
        color: #fff;
        letter-spacing: 0px;
        text-shadow: 2px 1px 3px rgb(0 0 0 / 50%);
    }
    div#navbarCollapse {
        background: #fff;
        padding: 20px 0px;
        border-radius: 5px;
        text-align: center;
    }
    #navbarCollapse li {
        border: 1px dashed #ccc;
        margin: 0 20px;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .p1 h3,
    .p5 h3 {
        line-height: 2 !important;
    }

    form.widget-contact-form.mt-4 {
        width: 95%;
        margin: 0 auto;
    }
    .contato {
        margin-top: 60px !important;
    }

    #estrelas-box ul li {
        width: 100%;
        display: inline-flex;
        margin: -3px -2px;
        min-height: 350px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        background-size: cover;
        background-position: top center;
    }
    .parent {
        width: 51%;
        margin: -4px;
        height: 250px;
        overflow: hidden;
        position: relative;
        display: inline-block;
    }
    #perguntas .panel-heading h3 {
        font-size: 16px;
        margin-bottom: 0px;
        line-height: 20px !important;
        font-weight: 600;
        letter-spacing: -0.5px;
        padding: 20px 0px;
    }
    .parceiros {
        margin-top: 40px;
    }
    .investidores {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .investidores img {
        margin-right: 30px;
        text-align: left;
    }
    .text-sm-center {
        text-align: center !important;
    }
    footer .social-footer {
        margin-left: 0px !important;
        padding: 0px;
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .sim-nao {
        text-align: left;
    }
    .background-top-sobre::before {
        content: "";
        background: rgb(0, 0, 0);
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.8) 100%
        );
        width: calc(100% - 30px);
        height: 95px;
        position: absolute;
        left: 15px;
        margin-bottom: -6.5px;
    }
    #camps ul {
        display: inherit;
        list-style: none;
        margin: 0;
        padding: 0px;
        min-height: 200px;
    }
    #camps li {
        background-size: cover !important;
        background-position: top !important;
        min-height: 310px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding: 1px 9px;
        color: #fff;
        font-weight: 400;
        background-color: #ab7629;
    }
    #outras ul {
        display: inherit;
        list-style: none;
        margin: 0;
        padding: 0px;
        min-height: 250px;
    }
    #outras li {
        background-size: cover !important;
        background-position: 0px -45px !important;
        min-height: 195px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding: 1px 9px;
        color: #fff;
        font-weight: 400;
        background-color: #ab7629;
    }

    #app img {
        margin: 20px 0px;
    }
    #parc .col {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 10px 0px;
    }
    .solitaria {
        /* height: 320px; */
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        width: 94%;
        margin-left: 3%;
    }
    .solitaria li {
        width: 100%;
        display: flex;
        color: #fff;
        font-size: 1.1rem;
        padding: 2px 20px;
        font-weight: 400;
        letter-spacing: -0.5px;
        background-size: cover !important;
        background-position: 0px -65px !important;
        box-shadow: inset -10px -10px 20px -10px rgb(0 0 0 / 76%);
        position: relative;
        align-items: flex-end;
    }
    .solitaria li a {
        width: 100%;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: -0.5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: 230px;
        align-content: flex-end;
        align-items: flex-end;
    }
    .solitaria li::before {
        content: "";
        width: 160px;
        background-color: #945f11;
        height: 30px;
        display: block;
        position: absolute;
        margin-right: 0px;
        margin-bottom: -2px;
        right: 0;
    }
    .solitaria li span {
        position: absolute;
        right: 10px;
    }
    .solitaria li:after {
        content: "";
        height: 209px;
    }
    .img-estrutura-1 {
        background: url(img/costao-destaque.webp);
        width: 100%;
        height: 350px;
        background-position: center !important;
        background-size: cover !important;
    }
    .img-estrutura-2 {
        background: url(img/vila1.webp);
        height: 350px;
        background-position: center !important;
        background-size: cover !important;
    }
    .img-estrutura-3 {
        background: url(img/vila2.webp);
        height: 350px;
        background-position: center !important;
        background-size: cover !important;
    }
    #outras .linha1 li:before {
        content: "";
        width: 65%;
        height: 30px;
        background: #ab7629e0;
        position: absolute;
        z-index: 0;
        right: 0px;
        margin-bottom: -1px;
    }
    #outras .linha2 li:before {
        content: "";
        width: 65%;
        height: 30px;
        background: #ab7629e0;
        position: absolute;
        z-index: 0;
        right: 0px;
        margin-bottom: -1px;
    }
    #camps li:before {
        content: "";
        width: 65%;
        height: 30px;
        background: #ab7629e0;
        position: absolute;
        right: 0px;
        z-index: 0;
        margin-bottom: -1px;
    }
    .box-stars {
        border: 1px solid #3c3c3bc2;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-size: cover !important;
        background-position: top right !important;
        padding: 2rem;
        padding-left: 2rem !important;
    }
    footer .social-footer li {
        padding: 5px 7px;
        border: 2px solid white;
        border-radius: 100px;
        margin-left: 0px;
    }
}

#camps li span {
    position: relative;
    top: -2px;
}

#outras li span {
    position: relative;
    top: -2px;
}
.space {
    height: 15px;
}
.covid {
    background: #3c3c3b;
    padding: 10px 10px 13px 10px;
    font-size: 0.9rem;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 40px;
}

.gallery-estrutura {
    width: 100%;
    height: 180px;
    background-position: center !important;
    background-size: cover !important;
}
.gal-1 {
    background: url(img/foto4.webp);
}
.gal-2 {
    background: url(img/foto3.webp);
}
.gal-3 {
    background: url(img/foto1.webp);
}
.gal-4 {
    background: url(img/foto7.webp);
}

#breadcrumbs {
    background: #ab7628;
    color: #fff;
    padding: 4px 8px 8px 8px;
    font-size: 1.4rem;
    letter-spacing: -1px;
}
/* Estrelas */
#estrelas-box:before {
    background-image: url(img/background-estrelas.png);
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 350px;
    background-size: cover;
}
#estrelas-box:after {
    background-image: url(img/background-estrelas.png);
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: bottom;
}

#estrelas-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 8;
    position: relative;
}

#estrelas-box ul li:hover::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 7px;
    background-color: #ab7628;
    top: 0px;
    left: 0px;
}

#estrelas-box ul li:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 284px;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(
        360deg,
        rgba(171, 118, 40, 1) 0%,
        rgba(171, 118, 40, 0) 70%
    );
}
.content-stars {
    text-align: left;
    width: calc(100% - 30px);
    padding-left: 20px;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0px;
    z-index: 99999999;
}
/* .content-stars h1 {
    display: none;
} */
.content-stars h3 {
    display: none;
}
#estrelas-box ul li .name {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 1px 3px rgb(0 0 0 / 50%);
}
#estrelas-box ul li h3 {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
}
#estrelas-box ul li:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    position: relative;
    z-index: 99999999;
    background-position: top center;
}
#estrelas-box ul li h3 a {
    margin-top: 20px;
    color: #fff !important;
    display: block;
    font-weight: 600;
}
/* Estrelas */

/* Estruturas */

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.parent:hover .child,
.parent:focus .child {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#estrutura-box a {
    color: #fdc315;
    font-weight: 600;
}
#estrutura-box a:hover {
    color: #3c3c3b;
    font-weight: 600;
    text-decoration: none;
}
/* Estruturas */
/* Links */

/* Links */

/* Footer */

footer {
    background: linear-gradient(
        270deg,
        rgba(229, 188, 95, 1) 0%,
        rgba(171, 118, 40, 1) 80%
    );
}
footer .menu-footer {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-left: 0px !important;
    padding: 0px;
    list-style: none;
    line-height: 2;
    font-size: 18px !important;
}
footer .menu-footer li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    align-content: center;
    align-items: flex-start;
    text-align: center;
}
footer .menu-footer li a {
    font-weight: 300;
}
footer .menu-footer li a:hover {
    font-weight: 300;
    text-decoration: none;
    color: #3c3c3b !important;
}

footer .social-footer li a {
    font-weight: 300;
    min-width: 40px !important;
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
}
footer h2 {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: -0.5px;
    font-weight: 600;
}
.parceiros img {
    margin-right: 30px;
}
.investidores {
    text-align: right;
}
/* Footer */
#btnTop {
    position: fixed;
    z-index: 998;
    margin-bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.25);
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s, bottom 0.5s,
        box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1),
        background-color 0.1s linear;
    background-color: rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
    text-align: center;
    padding-top: 8px;
    bottom: 65px;
    right: 59px;
    display: none;
}
#btnTopWhats {
    position: fixed;
    z-index: 99999999;
    margin-bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    text-align: center;
    padding-top: 13px;
    bottom: 65px;
    right: 14px;
    background: rgb(100, 253, 127);
    background: linear-gradient(
        180deg,
        rgba(100, 253, 127, 1) 0%,
        rgba(3, 183, 34, 1) 100%
    );
    -webkit-box-shadow: 2px 1px 5px 1px rgb(0 0 0 / 68%);
    box-shadow: 2px 1px 5px 1px rgb(0 0 0 / 68%);
}
#btnTop a {
    color: #fff !important;
}

footer .menu-footer li .active {
    font-weight: 600;
    color: #3c3c3b !important;
}
.active {
    font-weight: 800;
    color: #b78939 !important;
}
ul.social-footer li:nth-child(2) {
    margin-left: 6px;
}
footer .social-footer li:nth-child(1) a {
    font-size: 22px;
    line-height: 50px;
    line-height: 25px;
}
footer .social-footer li:nth-child(1) {
    border: none;
}