@media only screen and (max-width: 768px) {

/* OS VALORES EM VW SÃO PARA UMA TELA DE 390px DE LARGURA */



/* LAYOUT */

.mobile-view,
.mobile-d-block {
    display: block !important;
}
.mobile-view.grid-12 {
    display: grid !important;
}

.flex.mobile-view,
.mobile-flex {
    display: flex !important;
}
.desktop-view {
    display: none !important;
}

.mobile-flex-justify {
    justify-content: space-between;
}
.mobile-flex-justify-end {
    justify-content: flex-end;
}
.mobile-flex-justify-start {
    justify-content: flex-start;
}
.mobile-flex-justify-center {
    justify-content: center;
}
.mobile-justify {
    justify-content: space-between;
}
.mobile-justify-end {
    justify-content: flex-end;
}
.mobile-justify-start {
    justify-content: flex-start;
}
.mobile-justify-center {
    justify-content: center;
}
.mobile-flex-align-unset {
    align-items: unset;
}
.mobile-flex-align-end {
    align-items: flex-end;
}
.mobile-flex-align-start {
    align-items: flex-start;
}
.mobile-flex-align-start {
    align-items: flex-start;
}
.mobile-flex-end {
    align-items: flex-end;
}
.mobile-flex-start {
    align-items: flex-start;
}
.mobile-flex-center {
    align-items: center;
}
.mobile-flex-baseline {
    align-items: baseline;
}
.mobile-flex-row {
    flex-direction: row;
}
.mobile-flex-row-reverse {
    flex-direction: row-reverse;
}
.mobile-flex-column {
    flex-direction: column;
}
.mobile-flex-column-reverse {
    flex-direction: column-reverse;
}
.mobile-flex-wrap {
    flex-wrap: wrap;
}

.mobile-column_count-2 {
    column-count: 2;
}
.mobile-column_count-1 {
    column-count: 1;
}

.mobile-grid-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.mobile-grid-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}
.mobile-grid-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}
.mobile-grid-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.mobile-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.mobile-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.mobile-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.mobile-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.mobile-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.mobile-grid-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.mobile-grid-span-1 {
    grid-column: span 1;
}
.mobile-grid-span-2 {
    grid-column: span 2;
}
.mobile-grid-span-3 {
    grid-column: span 3;
}
.mobile-grid-span-4 {
    grid-column: span 4;
}
.mobile-grid-span-5 {
    grid-column: span 5;
}
.mobile-grid-span-6 {
    grid-column: span 6;
}
.mobile-grid-span-7 {
    grid-column: span 7;
}
.mobile-grid-span-8 {
    grid-column: span 8;
}
.mobile-grid-span-9 {
    grid-column: span 9;
}
.mobile-grid-span-10 {
    grid-column: span 10;
}
.mobile-grid-span-11 {
    grid-column: span 11;
}
.mobile-grid-span-12 {
    grid-column: span 12;
}

.mobile-p-absolute {
    position: absolute;
}
.mobile-p-relative {
    position: relative;
}

.mobile-h-100 {
    height: 100%;
}
.mobile-h-auto {
    height: auto;
}

/* MARGINS - PADDINGS */

.mobile-gap-0 {
    gap: 0;
}
.mobile-gap-0_1em {
    gap: 0.1em;
}
.mobile-gap-0_2em {
    gap: 0.2em;
}
.mobile-gap-0_3em {
    gap: 0.3em;
}
.mobile-gap-0_5em {
    gap: 0.5rem;
}
.mobile-gap-0_8em {
    gap: 0.8rem;
}
.mobile-gap-1em {
    gap: 1em;
}
.mobile-gap-1_5em {
    gap: 1.5em;
}
.mobile-gap-2em {
    gap: 2em;
}
.mobile-gap-3em {
    gap: 3em;
}
.mobile-gap-4em {
    gap: 4em;
}
.mobile-gap-5em {
    gap: 5em;
}

.mobile-gap-10 {
    gap: 2.56vw;
}
.mobile-gap-15 {
    gap: 3.85vw;
}
.mobile-gap-20 {
    gap: 5.13vw;
}
.mobile-gap-30 {
    gap: 7.69vw;
}
.mobile-gap-40 {
    gap: 9.74vw;
}
.mobile-gap-50 {
    gap: 12.31vw;
}
.mobile-gap-60 {
    gap: 15.38vw;
}
.mobile-gap-80 {
    gap: 20.5vw;
}
.mobile-gap-90 {
    gap: 23vw;
}
.mobile-gap-100 {
    gap: 24.62vw;
}
.mobile-gap-120 {
    gap: 29vw;
}
.mobile-gap-160 {
    gap: 38.6vw;
}
.mobile-gap-200 {
    gap: 48.3vw;
}

.mobile-w-fit-content {
    width: fit-content;
}
.mobile-w-max-content {
    width: max-content;
}

.mobile-w-25 {
    width: 25%;
}
.mobile-w-30 {
    width: 30%;
}
.mobile-w-33 {
    width: 33.33%;
}
.mobile-w-40 {
    width: 40%;
}
.mobile-w-45 {
    width: 45%;
}
.mobile-w-47 {
    width: 47%;
}
.mobile-w-50 {
    width: 50%;
}
.mobile-w-55 {
    width: 55%;
}
.mobile-w-60 {
    width: 60%;
}
.mobile-w-66 {
    width: 66.66%;
}
.mobile-w-70 {
    width: 70%;
}
.mobile-w-75 {
    width: 75%;
}
.mobile-w-80 {
    width: 80%;
}
.mobile-w-85 {
    width: 85%;
}
.mobile-w-90 {
    width: 90%;
}
.mobile-w-95 {
    width: 95%;
}
.mobile-w-100 {
    width: 100%;
}

.mobile-m-0 {
    margin: 0;
}
.mobile-m-auto {
    margin: auto;
}
.mobile-ml-auto {
    margin-left: auto;
}
.mobile-mr-auto {
    margin-right: auto;
}
.mobile-mt-auto {
    margin-top: auto;
}
.mobile-mb-auto {
    margin-bottom: auto;
}

.mobile-mb-0 {
    margin-bottom: 0;
}
.mobile-mb-0_2em {
    margin-bottom: 0.2em;
}
.mobile-mb-0_3em {
    margin-bottom: 0.3em;
}
.mobile-mb-0_5em {
    margin-bottom: 0.5em;
}
.mobile-mb-0_7em {
    margin-bottom: 0.7em;
}
.mobile-mb-0_8em {
    margin-bottom: 0.8em;
}
.mobile-mb-1em {
    margin-bottom: 1em;
}
.mobile-mb-1_5em {
    margin-bottom: 1.5em;
}
.mobile-mb-2em {
    margin-bottom: 2em;
}
.mobile-mb-3em {
    margin-bottom: 3em;
}
.mobile-mb-4em {
    margin-bottom: 4em;
}

.mobile-mt-0 {
    margin-top: 0;
}
.mobile-mt-0_5em {
    margin-top: 0.5em;
}
.mobile-mt-1em {
    margin-top: 1em;
}
.mobile-mt-1_5em {
    margin-top: 1.5em;
}
.mobile-mt-2em {
    margin-top: 2em;
}
.mobile-mt-3em {
    margin-top: 3em;
}
.mobile-mt-3_5em {
    margin-top: 3.5em;
}
.mobile-mt-4em {
    margin-top: 4em;
}
.mobile-mt-5em {
    margin-top: 5em;
}

.mobile-mr-0 {
    margin-right: 0;
}
.mobile-mr-0_5em {
    margin-right: 0.5em;
}
.mobile-mr-1em {
    margin-right: 1em;
}
.mobile-mr-2em {
    margin-right: 2em;
}
.mobile-mr-3em {
    margin-right: 3em;
}
.mobile-mr-4em {
    margin-right: 4em;
}

.mobile-ml-0 {
    margin-left: 0;
}
.mobile-ml-0_5em {
    margin-left: 0.5em;
}
.mobile-ml-1em {
    margin-left: 1em;
}

.mobile-mt-5 { margin-top: 1.28vw; }
.mobile-mt-10 { margin-top: 2.56vw; }
.mobile-mt-15 { margin-top: 3.85vw; }
.mobile-mt-20 { margin-top: 5.13vw; }
.mobile-mt-30 { margin-top: 7.69vw; }
.mobile-mt-40 { margin-top: 10.26vw; }
.mobile-mt-50 { margin-top: 12.82vw; }
.mobile-mt-60 { margin-top: 15.38vw; }
.mobile-mt-70 { margin-top: 17.95vw; }
.mobile-mt-80 { margin-top: 20.51vw; }
.mobile-mt-90 { margin-top: 23.08vw; }
.mobile-mt-100 { margin-top: 25.64vw; }

.mobile-mb-5 { margin-bottom: 1.28vw; }
.mobile-mb-10 { margin-bottom: 2.56vw; }
.mobile-mb-15 { margin-bottom: 3.85vw; }
.mobile-mb-20 { margin-bottom: 5.13vw; }
.mobile-mb-30 { margin-bottom: 7.69vw; }
.mobile-mb-40 { margin-bottom: 10.26vw; }
.mobile-mb-50 { margin-bottom: 12.82vw; }
.mobile-mb-60 { margin-bottom: 15.38vw; }
.mobile-mb-70 { margin-bottom: 17.95vw; }
.mobile-mb-80 { margin-bottom: 20.51vw; }
.mobile-mb-90 { margin-bottom: 23.08vw; }
.mobile-mb-100 { margin-bottom: 25.64vw; }

.mobile-ml-5 { margin-left: 1.28vw; }
.mobile-ml-10 { margin-left: 2.56vw; }
.mobile-ml-15 { margin-left: 3.85vw; }
.mobile-ml-20 { margin-left: 5.13vw; }
.mobile-ml-30 { margin-left: 7.69vw; }
.mobile-ml-40 { margin-left: 10.26vw; }
.mobile-ml-50 { margin-left: 12.82vw; }
.mobile-ml-60 { margin-left: 15.38vw; }
.mobile-ml-70 { margin-left: 17.95vw; }
.mobile-ml-80 { margin-left: 20.51vw; }
.mobile-ml-90 { margin-left: 23.08vw; }
.mobile-ml-100 { margin-left: 25.64vw; }


.mobile-mr-5 { margin-right: 1.28vw; }
.mobile-mr-10 { margin-right: 2.56vw; }
.mobile-mr-15 { margin-right: 3.85vw; }
.mobile-mr-20 { margin-right: 5.13vw; }
.mobile-mr-30 { margin-right: 7.69vw; }
.mobile-mr-40 { margin-right: 10.26vw; }
.mobile-mr-50 { margin-right: 12.82vw; }
.mobile-mr-60 { margin-right: 15.38vw; }
.mobile-mr-70 { margin-right: 17.95vw; }
.mobile-mr-80 { margin-right: 20.51vw; }
.mobile-mr-90 { margin-right: 23.08vw; }
.mobile-mr-100 { margin-right: 25.64vw; }

.mobile-p-0 {
    padding: 0;
}
.mobile-p-10 {
    padding: 2.56vw;
}
.mobile-p-30 {
    padding: 5.13vw;
}
.mobile-p-40 {
    padding: 9.74vw;
}

.mobile-pt-0 {
    padding-top: 0;
}
.mobile-pt-0_5em {
    padding-top: 0.5em;
}
.mobile-pt-1em {
    padding-top: 1em;
}
.mobile-pt-1_6em {
    padding-top: 1.6em;
}
.mobile-pt-2em {
    padding-top: 2em;
}
.mobile-pt-3em {
    padding-top: 3em;
}
.mobile-pt-4em {
    padding-top: 4em;
}
.mobile-pt-5em {
    padding-top: 5em;
}

.mobile-pb-0 {
    padding-bottom: 0;
}
.mobile-pb-0_3em {
    padding-bottom: 0.3em;
}
.mobile-pb-0_5em {
    padding-bottom: 0.5em;
}
.mobile-pb-1em {
    padding-bottom: 1em;
}
.mobile-pb-1_5em {
    padding-bottom: 1.5em;
}
.mobile-pb-2em {
    padding-bottom: 2em;
}
.mobile-pb-3em {
    padding-bottom: 3em;
}
.mobile-pb-4em {
    padding-bottom: 4em;
}
.mobile-pb-5em {
    padding-bottom: 5em;
}

.mobile-pl-0 {
    padding-left: 0;
}
.mobile-pl-0_5em {
    padding-left: 0.5em;
}
.mobile-pl-1em {
    padding-left: 1em;
}
.mobile-pl-2em {
    padding-left: 2em;
}
.mobile-pl-3em {
    padding-left: 3em;
}
.mobile-pl-4em {
    padding-left: 4em;
}

.mobile-pr-0 {
    padding-right: 0;
}
.mobile-pr-0_5em {
    padding-right: 0.5em;
}
.mobile-pr-1em {
    padding-right: 1em;
}
.mobile-pr-2em {
    padding-right: 2em;
}
.mobile-pr-3em {
    padding-right: 3em;
}
.mobile-pr-4em {
    padding-right: 4em;
}

.mobile-pt-5 { padding-top: 1.28vw; }
.mobile-pt-10 { padding-top: 2.56vw; }
.mobile-pt-15 { padding-top: 3.85vw; }
.mobile-pt-20 { padding-top: 5.13vw; }
.mobile-pt-30 { padding-top: 7.69vw; }
.mobile-pt-40 { padding-top: 10.26vw; }
.mobile-pt-50 { padding-top: 12.82vw; }
.mobile-pt-60 { padding-top: 15.38vw; }
.mobile-pt-70 { padding-top: 17.95vw; }
.mobile-pt-80 { padding-top: 20.51vw; }
.mobile-pt-90 { padding-top: 23.08vw; }
.mobile-pt-100 { padding-top: 25.64vw; }
.mobile-pt-120 { padding-top: 30.77vw; }
.mobile-pt-160 { padding-top: 40vw; }
.mobile-pt-200 { padding-top: 51.28vw; }
.mobile-pt-300 { padding-top: 79vw; }
.mobile-pt-400 { padding-top: 102.56vw; }

.mobile-pb-5 { padding-bottom: 1.28vw; }
.mobile-pb-10 { padding-bottom: 2.56vw; }
.mobile-pb-15 { padding-bottom: 3.85vw; }
.mobile-pb-20 { padding-bottom: 5.13vw; }
.mobile-pb-30 { padding-bottom: 7.69vw; }
.mobile-pb-40 { padding-bottom: 10.26vw; }
.mobile-pb-50 { padding-bottom: 12.82vw; }
.mobile-pb-60 { padding-bottom: 15.38vw; }
.mobile-pb-70 { padding-bottom: 17.95vw; }
.mobile-pb-80 { padding-bottom: 20.51vw; }
.mobile-pb-90 { padding-bottom: 23.08vw; }
.mobile-pb-100 { padding-bottom: 25.64vw; }
.mobile-pb-120 { padding-bottom: 30.77vw; }
.mobile-pb-160 { padding-bottom: 40vw; }
.mobile-pb-200 { padding-bottom: 51.28vw; }


.mobile-pl-5 { padding-left: 1.28vw; }
.mobile-pl-10 { padding-left: 2.56vw; }
.mobile-pl-15 { padding-left: 3.85vw; }
.mobile-pl-20 { padding-left: 5.13vw; }
.mobile-pl-30 { padding-left: 7.69vw; }
.mobile-pl-32 { padding-left: 8.3vw; }
.mobile-pl-40 { padding-left: 10.26vw; }
.mobile-pl-50 { padding-left: 12.82vw; }
.mobile-pl-60 { padding-left: 15.38vw; }
.mobile-pl-70 { padding-left: 17.95vw; }
.mobile-pl-80 { padding-left: 20.51vw; }
.mobile-pl-90 { padding-left: 23.08vw; }
.mobile-pl-100 { padding-left: 25.64vw; }

.mobile-pr-5 { padding-right: 1.28vw; }
.mobile-pr-10 { padding-right: 2.56vw; }
.mobile-pr-15 { padding-right: 3.85vw; }
.mobile-pr-20 { padding-right: 5.13vw; }
.mobile-pr-30 { padding-right: 7.69vw; }
.mobile-pr-40 { padding-right: 10.26vw; }
.mobile-pr-50 { padding-right: 12.82vw; }
.mobile-pr-60 { padding-right: 15.38vw; }
.mobile-pr-70 { padding-right: 17.95vw; }
.mobile-pr-80 { padding-right: 20.51vw; }
.mobile-pr-90 { padding-right: 23.08vw; }
.mobile-pr-100 { padding-right: 25.64vw; }

.mobile-p-40 {
    padding: 10.26vw;
}


/* BUTTONS */

.button svg {
    width: 3vw;
}
.button span {
    border-radius: 3em;
    height: 15.9vw;
}
.button-arrow-interaction {
    height: 200%;
    width: 15.9vw;
}
.button-arrow-wrapper {
    width: 15.9vw;
}
.button-arrow {
    width: 15.9vw;
    height: 15.9vw;
}
.button-title-interaction {
    height: 300%;
}
.button-title {
    height: 15.9vw;
    padding: 0 5.7vw;
}


/* TYPOGRAPHY */

input:-webkit-autofill,
input:-webkit-autofill::first-line,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    font-size: 4.1vw !important;
    line-height: 1 !important;
}

.mobile-font-12, .btn-prev, .btn-next {
    font-size: 3.08vw;
    line-height: 130%;
}
.mobile-font-14 {
    font-size: 3.69vw;
    line-height: 130%;
}
.mobile-font-16, html {
    font-size: 4.1vw;
    line-height: 130%;
}
.mobile-font-18, .button {
    font-size: 4.62vw;
    line-height: 130%;
}
.mobile-font-20, h6, .contato-item {
    font-size: 5.12vw;
    line-height: 130%;
}
.mobile-font-22, h5 {
    font-size: 5.64vw;
    line-height: 130%;
}
.mobile-font-24, h4 {
    font-size: 6.15vw;
    line-height: 130%;
}
.mobile-font-28 {
    font-size: 7.18vw;
    line-height: 130%;
}
.mobile-font-30 , h2 {
    font-size: 7.69vw;
    line-height: 130%;
}
.mobile-font-32 {
    font-size: 8.21vw;
    line-height: 130%;
}
.mobile-font-38, h1, .big_number_sufixo .font-76, .services-slider-section .services-title, .contato-item h3 {
    font-size: 9.65vw;
    line-height: 130%;
}
.mobile-font-44 {
    font-size: 11.28vw;
    line-height: 130%;
}
.mobile-font-48 {
    font-size: 12.3vw;
    line-height: 130%;
}
.mobile-font-60 {
    font-size: 14.5vw;
    line-height: 130%;
}
.mobile-font-76 {
    font-size: 19.49vw;
    line-height: 130%;
}
.mobile-font-80 {
    font-size: 20.51vw;
    line-height: 130%;
}
.mobile-font-100 {
    font-size: 25.64vw;
    line-height: 130%;
}

.font-light {
    font-weight: 300;
}
.font-regular {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 500;
}
.font-bold, b, strong {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-black {
    font-weight: 800;
}

.mobile-font-light {
    font-weight: 300;
}
.mobile-font-regular {
    font-weight: 400;
}
.mobile-font-medium {
    font-weight: 500;
}
.mobile-font-bold {
    font-weight: 700;
}
.mobile-font-heavy {
    font-weight: 800;
}
.mobile-font-black {
    font-weight: 900;
}

.mobile-align-left {
    text-align: left;
}
.mobile-align-center {
    text-align: center;
}
.mobile-align-right {
    text-align: right;
}


.mobile-h-auto {
    height: auto;
}

.mobile-order-1 {
    order: 1;
}
.mobile-order-2 {
    order: 2;
}
.mobile-order-3 {
    order: 3;
}



/* HEADER + MENU */

.header {
    height: 30vw;
}
html.menu-open .header {
    height: 150vh;
}
body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(10px);
    -webkit-mask: -webkit-gradient(linear, left 100%, left 85%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    z-index: 5;
    transition: height 0.75s cubic-bezier(0.8,0,0,1) 0.3s;
    pointer-events: none;
}
html.menu-open body:before {
    height: 120%;
    transition: height 0.75s cubic-bezier(0.8,0,0,1) 0s;
}
.menu-mobile ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1em;
    line-height: 1;
}
.menu-mobile li {
    transform: translate3d(100vw, 0, 0);
    transition: transform 0.5s cubic-bezier(0.8,0,0,1) 0s;
}
.menu-mobile.active li {
    transform: translate3d(0, 0, 0);
    transition: transform 1s cubic-bezier(0.8,0,0,1) 0s;
}
.menu-mobile li:nth-child(1) {
    transition-delay: 0.5s;
}
.menu-mobile li:nth-child(2) {
    transition-delay: 0.4s;
}
.menu-mobile li:nth-child(3) {
    transition-delay: 0.3s;
}
.menu-mobile li:nth-child(4) {
    transition-delay: 0.2s;
}
.menu-mobile li:nth-child(5) {
    transition-delay: 0.1s;
}
.menu-mobile li:nth-child(6) {
    transition-delay: 0.5s;
}
.menu-mobile.active li:nth-child(1) {
    transition-delay: 0s;
}
.menu-mobile.active li:nth-child(2) {
    transition-delay: 0.1s;
}
.menu-mobile.active li:nth-child(3) {
    transition-delay: 0.2s;
}
.menu-mobile.active li:nth-child(4) {
    transition-delay: 0.3s;
}
.menu-mobile.active li:nth-child(5) {
    transition-delay: 0.4s;
}
.menu-mobile.active li:nth-child(6) {
    transition-delay: 0.5s;
}
body:after {
    height: 29vw;
    -webkit-mask: -webkit-gradient(linear, left 100%, left 85%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
}
body.header-collapsed:after {
    height: 18vw;
}
.header .logo {
    width: 11.54vw;
}
.header > .flex {
    position: relative;
    z-index: 4;
    background-color: unset;
}
.header-collapsed .header {
    height: 20vw;
}
.header-collapsed .header .logo {
    width: 11.54vw;
    transform: unset;
}
.header-collapsed .header > .flex {
    padding-top: 3.3vw;
    padding-bottom: 3.3vw;
}
.btn-menu {
    transition: transform 0.8s cubic-bezier(0.8, 0, 0, 1) 0s, font-size 0.8s cubic-bezier(0.8, 0, 0, 1) 0s;
    will-change: transform, font-size;
    line-height: 1;
}
.btn-menu * {
    line-height: 1;
}
.btn-menu > .flex {
    height: 1em;
    overflow: hidden;
    transition: transform 0.8s cubic-bezier(0.8, 0, 0, 1) 0s;
    will-change: transform;
}
.btn-menu > .flex span {
    transform: translate3d(0, 0, 0);
    transition: transform 0.8s cubic-bezier(0.8, 0, 0, 1) 0s;
    will-change: transform;
}
.menu-open .btn-menu > .flex span {
    transform: translate3d(0, -100%, 0);
}
.header-collapsed .btn-menu {
    font-size: 5.3vw;
}
.menu-mobile {
    display: block;
    padding-top: 1em;
    position: absolute;
    z-index: 5;
    top: 25.5vw;
    width: 100%;
    pointer-events: none;
}
.menu-mobile.active {
    pointer-events: all;
}
.bg-close-menu {
    display: block;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    pointer-events: none;
}
html.menu-open .bg-close-menu {
    pointer-events: all;
    height: 100%;
}
.header-collapsed .header + .bg-close-menu {
    height: 16.5vw;
}
.menu-mobile > div:not(.bg-close-menu) {
    position: relative;
    z-index: 4;
}



/* CIRCLE CAROUSEL */

.circle-carousel-wrapper {
    mix-blend-mode: difference;
}
.circle-carousel {
    height: calc(100svh - 41vw);
}
.circle-track {
    width: 300vw;
    height: 300vw;
}
.content-carousel-wrapper {
    top: 0;
    padding-top: 0;
    height: auto;
    min-height: calc(100svh - 41vw);
    overflow: hidden;
    z-index: 4;
}
.content-carousel-wrapper .slide-content > .flex {
    padding: 28.5vw 0 0;
    gap: 31.5vw;
    height: auto;
    max-height: unset;
}
.content-carousel-wrapper .font-192 {
    line-height: 0.8;
}
.content-carousel-wrapper .titulo_1 {
    margin-top: 0;
}
.content-carousel-wrapper .layout_2 > .flex {
    gap: 0;
}
.content-carousel-wrapper .layout_2 .titulo_1 {
    margin-bottom: 33vw;
}
.content-carousel-wrapper .layout_2 .titulo_3 {
    padding-left: 0;
    margin-bottom: 10vw;
}
.content-carousel-wrapper .layout_2 .titulo_2, .content-carousel-wrapper .layout_2 .titulo_4 {
    margin-bottom: 10vw;
}
.content-carousel-wrapper .layout_1 .bottom-right {
    width: 88%;
}
.content-carousel-wrapper .layout_1 .bottom-right {
    margin-bottom: 0;
}
.content-carousel-wrapper .layout_1 .grid-2, .content-carousel-wrapper .layout_2 .hide-scrollbar > .flex {
    margin-bottom: 0;
}
.content-carousel-wrapper .slide-content.layout_2 .slide_link {
    margin-bottom: 10.26vw;
}
.btn-arrow-left {
    left: -30%;
}
.btn-arrow-right {
    left: unset;
    right: -30%;
}
.hero .waveform-counter, .hero .waveform-duration {
    width: 12%;
}
.waveform-container {
    height: 9.74vw;
    width: 76%;
}
.waveform-placeholder {
    height: 9.74vw;
    top: 0;
}
.waveform-placeholder img {
    bottom: -0.3vw;
}
.hero .controls-wrapper {
    background-color: rgba(0, 0, 0, 0.9);
    height: 41vw;
    transform: translate3d(0, 100%, 0px);
    padding: 5.13vw 5.13vw 5.13vw 5.13vw;
}
.hero.work .controls-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
}
.hero .controls-left {
    overflow: hidden;
    width: 60%;
}
.hero .controls-right {
    width: 39%;
}
.hero .slide-image-receiver {
    display: none;
}
.hero .slide-info-wrapper {
    height: auto;
}
.hero .slide-title-receiver, .hero .slide-agency-receiver {
    max-width: 100%;
}
.hero .controls-wrapper .controls-center {
    top: 0;
    height: auto;
}
.hero .controls-wrapper > div {
    gap: 4vw 0;
}
.hero .controls-wrapper .controls-center button {
    width: auto;
}
.hero .controls-wrapper button {
    width: 3.2em;
}
.hero .controls-wrapper .controls-center button img {
    height: 1.6em;
}
.hero .controls-wrapper button.btn-toggle-volume {
    width: auto;
    padding: 0;
}
.hero .controls-wrapper button.btn-toggle-volume img {
    height: 7.7vw;
    width: 7.7vw;
}
.hero .btn-toggle-volume img {
    cursor: pointer;
    width: 1.66vw;
    height: 1.66vw;
    transform: rotate(180deg);
    opacity: 1;
    transition: transform 0.8s cubic-bezier(0.8,0,0,1), opacity 0.5s;
}
.hero .btn-toggle-volume.muted img, .hero .btn-toggle-volume.muted:hover img {
    opacity: 1;
}
.hero .btn-toggle-volume.muted > span, .hero .btn-toggle-volume.muted:hover > span {
    opacity: 0.5;
}
.hero .now-playing + div {
    line-height: 1;
}



/* HERO */

.btn-prev, .btn-next {
    display: flex;
    align-items: center;
    gap: 3.05em;
}
.btn-prev span, .btn-next span {
    color: var(--light);
    width: 2.9em;
}

/* HOMEPAGE */

.slide-link-receiver {
    display: none;
}
.about_us-section .about_us-wrapper .button {
    position: unset;
    white-space: nowrap;
}
.about_us-section .about_us-item .texto {
    line-height: 1;
}
.services-intro {
    padding-top: 40vw;
}
.home-services-section {
    width: 100%;
}
.home-services-section .titulo {
    margin-left: 15vw;
}
.work-slider-item:nth-child(odd) {
    width: 80% !important;
}
.work-slider-item:nth-child(even) {
    width: 80% !important;
    margin-left: 0 !important;
}
.services-work-slider-wrapper {
    z-index: 4;
}
.services-work-slider-wrapper .image-video-swapper img {
    min-height: 66vw;
}

.outcome-item {
    height: 87.4vw;
}
.outcome-item.empty {
    display: none;
}
.outcome-item .icone {
    height: 20vw;
    margin-top: -20vw;
}
.clients_marquee-wrapper, .clients_marquee-item img {
    height: 28vw;
}
.client-switcher.active-1:after {
    width: 30vw;
}
.client-switcher.active-2:after {
    width: 39vw;
    left: calc(100% - 39vw);
}



/* FOOTER */

.footer-marquee img {
    height: 20.5vw;
}


/* ABOUT */

.our-team-intro .eyebrown {
    padding-left: 11.5vw;
}
.our-team-intro .animate-text-fill-wrapper p:first-child > div:first-child {
    margin-left: 11.5vw;
}
.nome-vertical-swiper {
    height: auto;
}
.our-team-slider-1 .cargo {
    width: 100%;
    margin-top: 0;
}
.our-team-slider-2 {
    height: auto;
}
.image-gallery-section {
    overflow: scroll;
}
.image_gallery-wrapper {
    width: 550vw;
    position: unset;
    transform: unset;
}
.image_gallery-item {
    width: auto;
    height: auto !important;
}
.image_gallery-item:hover {
    width: 27vw;
}
.image_gallery-item:first-child:hover {
    margin-left: 0;
}
.image_gallery-item:last-child:hover {
    margin-right: 0;
}


/* WORK */

.section.hero.work {
    overflow: hidden;
    max-height: calc(100svh - 25.5vw);
    margin-top: 25.5vw;
    transition: transform 0.8s cubic-bezier(0.8,0,0,1);
}
.hero-video-wrapper {
    position: relative;
    animation-name: resize_video_wrapper;
    animation-duration: 0.8s;
    animation-delay: 1.4s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.8,0,0,1);
    animation-fill-mode: forwards;
}
.single .hero-video-wrapper {
    animation-delay: 1.3s;
}
@keyframes resize_video_wrapper {
    0%   {height: calc(100svh - 25.5vw);}
    100% {height: calc(100svh - 61vw);}
}
.work-list-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.single-work .animate-text-fill-wrapper p:first-child > div:first-child, .single-work .eyebrown, .animate-text-fill-wrapper p:first-child > div:first-child {
    margin-left: 23vw;
}
.marquee-listings .js-marquee-wrapper, .marquee-listings .js-marquee {
    gap: 3em;
}
.work-list .image-video-swapper:before {
    background-size: 20vw;
}
.image-video-swapper:after {
    right: 0.5em;
    bottom: 0.5em;
    width: 6vw;
    height: 6vw;
}


/* SERVICES */

.services-slider {
    height: auto;
    max-height: 100%;
    margin-top: 10vw;
}
.services-slider-section > .wrapper {
    align-items: unset;
}
.swiper-controls {
    
}
.services-slide > .wrapper .img-wrapper {
    margin-left: -5.13vw;
    width: calc(100% - 2.53vw);
}
.swiper-controls-wrapper {
    
}
.services-slider .texto .reveal-animation-line {
    background-color: var(--dark);
    width: fit-content;
}


/* CONTATO */

.contato-item h3 {
    margin: 0.5em 0;
}
.contato-item h3 a {
    font-size: 7.7vw;
}



/* AWARDS */

.awards_marquee-item img {
    height: 12.4vw;
    width: 12.4vw;
    padding: 1.6vw 1.2vw;
}
.awards_marquee-item:before {
    height: 12.4vw;
    width: 12.4vw;
}





    
}

@media only screen and (max-width: 414px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    
}

@media only screen and (max-width: 376px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    
}

@media only screen and (max-width: 321px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    
}