@font-face {
    font-family: 'Anybody';
    src: url("./../font/Anybody[slnt,wdth,wght].woff2") format("woff2 supports variations"), url("./../font/Anybody[slnt,wdth,wght].woff2") format("woff2-variations");
    font-weight: 100 1000;
    font-stretch: 25% 151%
}

@font-face {
    font-family: 'Manrope';
    src: url("./../font/Manrope[wght].ttf") format("truetype supports variations"), url("./../font/Manrope[wght].ttf") format("truetype-variations");
    font-weight: 100 1000;
    font-stretch: 25% 151%
}

:root {
    --primary-color: #e3e0d7;
    --grey: #3b3b3b;
    --red: #fb3729;
    --bg-font-variable: #fb3729;
    --yellow: #ffbb39;
    --glass: hsla(0, 0%, 100%, 0.5);
    --border-color: #161616;
    --bg-footer: #242424;
    --font-family: 'Manrope';
    --width-default: 1200px
}

[dark] {
    --primary-color: '#222222',
    --border-color: '#fff',
    --grey: '#fff',
    --glass: hsla(0, 0%, 0%, 0.5),
    --bg-font-variable: '#161616',
    --bg-footer: '#161616',
}

.container {
    display: block;
    width: var(--width-default);
    max-width: 100vw;
    margin: 0;
    padding: 0
}

.inner {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100vw
}

.space {
    --line: 30px;
    display: block;
    height: var(--line)
}

body {
    display: block;
    max-width: 100vw
}

.font-manrope-regular {
    font-family: Manrope !important
}

.the-title {
    font-size: 50px
}

.the-title strong {
    display: block;
    font-weight: bold;
    font-style: italic !important
}

.max-w-100 {
    max-width: 100% !important
}

.max-w-90-single {
    max-width: 90% !important
}

@media only screen and (max-width: 800px) {
    .max-w-90-single {
        max-width: 95% !important
    }
}

@media only screen and (max-width: 480px) {
    .movel-hide {
        display: none
    }
}

body {
    width: 100vw;
    overflow-x: hidden
}

* {
    box-sizing: border-box;
    outline: none
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0;
    background-color: var(--primary-color);
    color: var(--grey);
    transition: 1s;
    font-family: 'Manrope'
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    outline: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none;
    max-width: 100%
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.dark .moon {
    opacity: 0
}

.dark .sun {
    opacity: 1;
    filter: invert(100)
}

.dark .invert {
    filter: invert(100)
}

.dark .title-colecao span, .dark .title-trip span {
    color: #3b3b3b !important
}

.dark .main-home__products--item .btn {
    background-color: #3b3b3b;
    border: none
}

.dark .rotate-logo {
    filter: invert(100)
}

.dark .menu--icon--cart .menu--icon--cart-svg path {
    fill: #fff;
    stroke: #fff
}

.dark .lamp_mode-color:hover {
    filter: drop-shadow(0px 0px 5px var(--yellow));
    cursor: pointer;
    background-color: var(--yellow)
}

.dark .lamp_mode-color:hover img {
    filter: invert(0%)
}

.c-nav {
    min-height: 90px;
    height: 90px;
    background-clip: padding-box;
    background-color: var(--glass);
    position: fixed;
    padding-top: 0;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 999999999;
    border-bottom: 1px solid var(--border-color)
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .c-nav {
        backdrop-filter: blur(40px);
        -moz-backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px)
    }
}

.c-nav__hamburgue {
    display: none
}

@media only screen and (max-width: 800px) {
    .c-nav__hamburgue {
        display: block
    }
}

.c-nav__links {
    display: block
}

@media only screen and (max-width: 800px) {
    .c-nav__links {
        display: none
    }
}

.c-nav a {
    text-decoration: none;
    color: var(--font-color);
    font-size: clamp(0.875rem, 0.9vw, 1rem);
    text-transform: uppercase;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px
}

.c-nav a:hover {
    font-weight: bold;
}

.c-navlinks {
    line-height: 60px;
}

.c-nav .link {
    line-height: 60px;
}

.c-nav .link--shop ~ .sub_link {
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100vw;
}

.c-nav .link--shop:hover ~ .sub_link {
    display: flex;
}

.c-nav .link--over {
    display: block;
    padding: 0 15px;
}

.c-nav .sub_link:hover {
    display: flex;
}

.c-nav .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-right: 1px solid var(--border-color);
}

.c-nav .logo {
    height: 40px;
}

@media only screen and (max-width: 800px) {
    .c-nav .logo {
        height: 35px;
    }
}

.c-nav .shop_over {
    display: flex;
    width: 100vw;
    justify-content: center;
}

.c-nav .trips_over {
    display: flex;
    width: 100vw;
    position: fixed;
    top: 150px;
    left: 0;
    justify-content: center;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.c-nav .menu_trips {
    display: block;
    position: relative;
    width: 180px;
    margin: 30px
}

.c-nav .menu_trips span {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    color: #3b3b3b;
    background-color: #FFF;
    padding: 5px 10px
}

.c-nav .menu_trips img {
    width: 100%;
    height: 124px;
    object-fit: cover
}

.c-nav .ico--cart {
    display: block;
    width: 60px;
    height: 58px;
    padding: 12px;
    border-left: 1px solid var(--border-color) !important;
    border-right: 1px solid var(--border-color) !important
}

.c-nav .ico--cart:hover {
    background-color: var(--border-color);
    cursor: pointer
}

.c-nav .ico--menu {
    display: block;
    width: 60px;
    height: 60px;
    padding: 12px
}

.c-nav .lamp_mode-color {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
}

@media only screen and (max-width: 480px) {
    .c-nav .lamp_mode-color {
        height: 59px
    }
}

.c-nav .sun-moon-container {
    --rotation: 0;
    position: absolute;
    pointer-events: none;
    display: grid;
    justify-items: center;
    align-items: center;
    top: 0;
    height: 20vmin;
    width: 100%;
    transform: rotate(calc(var(--rotation) * 1deg));
    transition: transform 1s;
    margin-top: 6px
}

@media only screen and (max-width: 480px) {
    .c-nav .sun-moon-container {
        height: 100px;
        top: 0;
        position: relative
    }
}

.c-nav .moon, .c-nav .sun {
    position: absolute;
    width: 30px
}

@media only screen and (max-width: 480px) {
    .c-nav .moon, .c-nav .sun {
        width: 50px;
        height: 50px;
        padding: 12px;
        position: relative
    }
}

.c-nav .moon {
    top: 5%;
    opacity: 1
}

@media only screen and (max-width: 800px) {
    .c-nav .moon {
        top: 10px
    }
}

@media only screen and (max-width: 480px) {
    .c-nav .moon {
        top: 0px;
        transform: rotate(180deg)
    }
}

.c-nav .sun {
    bottom: 5%;
    transform: rotate(180deg)
}

@media only screen and (max-width: 800px) {
    .c-nav .sun {
        bottom: -50px
    }
}

@media only screen and (max-width: 480px) {
    .c-nav .sun {
        bottom: 0px
    }
}

.c-nav .menu_over_mobile {
    display: block;
    width: 100vw;
    position: absolute;
    top: 90px;
    left: 0;
    background-color: var(--yellow);
    height: 0px;
    overflow: hidden;
    transition: all .5s ease
}

.c-nav .menu_over_mobile.active {
    height: calc(100vh - 90px)
}

.c-nav .menu_over_mobile a {
    display: block;
    text-align: center;
    font-size: 35px;
    font-weight: 200;
    font-stretch: expanded;
    letter-spacing: 0.86px;
    color: #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
    margin: 0 20px;
    padding: 15px 0
}

@media only screen and (max-width: 800px) {
    .dark .moon {
        top: -20px
    }
}

@media only screen and (max-width: 480px) {
    .dark .moon {
        top: 0px;
        transform: rotate(180deg)
    }
}

@media only screen and (max-width: 800px) {
    .dark .sun {
        bottom: 10px
    }
}

.my-cart {
    display: none;
    position: fixed;
    top: 100px;
    right: 15px;
    width: 450px;
    max-width: calc(100vw - 30px);
    background-color: var(--glass);
    border: 1px solid var(--border-color);
    z-index: 99999;
    padding: 12px
}

.my-cart.active {
    display: block
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .my-cart {
        backdrop-filter: blur(40px);
        -moz-backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px)
    }
}

.my-cart--box {
    border-top: 1px solid var(--border-color);
    padding: 12px 0
}

.my-cart__title {
    display: grid;
    grid-template-columns:1fr 40px;
    margin-bottom: 10px
}

.my-cart__input {
    display: block;
    width: 30px;
    line-height: 30px;
    border: 1px solid var(--border-color);
    color: var(--border-color);
    background-color: transparent;
    text-align: center
}

.my-cart__btn {
    color: #FFF;
    background-color: #161616;
    display: block;
    text-align: center;
    font-family: Manrope;
    font-weight: 200;
    font-size: 15px;
    margin: 7px;
    line-height: 40px;
    text-decoration: none
}

.my-cart__total {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid var(--border-color)
}

.my-cart__close {
    background-color: var(--bg-footer);
    border-radius: 50px;
    padding: 5px;
    cursor: pointer
}

.my-cart__remover {
    display: flex;
    color: #FFF;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-family: sans-serif;
    width: 16px;
    height: 16px;
    font-weight: lighter;
    background-color: #C00;
    cursor: pointer
}

.my-cart__quant {
    font-size: 25px !important;
    font-weight: bolder;
    cursor: pointer
}

.l-quantidade {
    display: inline-grid;
    grid-template-columns:repeat(3, 30px);
    text-align: center;
    align-items: center
}

.l-cart {
    display: grid;
    grid-template-columns:20px 70px 1fr 80px;
    grid-gap: 7px;
    align-items: center;
    margin-bottom: 15px
}

.l-user {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    text-transform: uppercase
}

@media only screen and (max-width: 800px) {
    .l-user a {
        font-size: 12px
    }
}

.l-user div {
    display: inline-block;
    border-left: 1px solid var(--border-color);
    line-height: 30px;
    height: 30px;
    padding: 0 30px
}

@media only screen and (max-width: 800px) {
    .l-user div {
        padding: 0;
        text-align: center;
        width: 50%
    }
}

.l-menu {
    display: grid;
    width: 100%;
    grid-template-columns:300px 1fr 60px 60px
}

@media only screen and (max-width: 800px) {
    .l-menu {
        grid-template-columns:1fr repeat(3, 60px)
    }
}

.l-links {
    display: flex;
    justify-content: space-around
}

.inner--menu {
    border-top: 1px solid var(--border-color);
    width: 100vw
}

.dark .ligh-mode-img {
    display: none
}

.dark .dark-mode-img {
    display: block
}

.dark .dark__invert {
    filter: invert(100)
}

.dark .ico--cart {
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .menu_mascara {
        display: none;
        backdrop-filter: blur(40px);
        -moz-backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
        background-clip: padding-box;
        background-color: var(--glass);
        position: fixed;
        padding-top: 0;
        top: 90px;
        left: 0;
        width: 100vw;
        height: 251px;
        z-index: 99999999
    }

    .menu_mascara.active {
        display: block
    }
}

.cart-count {
    display: block;
    position: relative
}

.cart-count .cart-count__total {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C00;
    width: 20px;
    height: 20px;
    right: 7px;
    top: 7px;
    position: absolute;
    border-radius: 22px;
    font-family: Anybody;
    font-weight: bold;
    color: #FFF;
    font-size: 12px;
    padding-top: 1px;
    z-index: 9999
}

.footer {
    font-family: Manrope;
    background-color: var(--bg-footer);
    width: 100%;
    color: #fff;
    height: auto;
    border-top: 1px solid var(--border-color);
    position: relative;
    padding-bottom: 135px
}

.footer__over {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px
}

@media only screen and (max-width: 480px) {
    .footer__over {
        display: block
    }
}

.footer__last-item {
    opacity: 0.5;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns:repeat(2, 1fr);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 70px
}

@media only screen and (max-width: 480px) {
    .footer__last-item {
        line-height: 40px;
        grid-template-columns:repeat(1, 1fr);
        text-align: center;
        font-size: 11px
    }
}

@media only screen and (max-width: 800px) {
    .footer__last-item {
        line-height: 40px;
        grid-template-columns:repeat(3, 1fr);
        text-align: center;
        font-size: 11px
    }
}

.footer__last-item div {
    text-align: right
}

@media only screen and (max-width: 480px) {
    .footer__last-item div {
        text-align: center;
        font-size: 11px
    }
}

@media only screen and (max-width: 800px) {
    .footer__last-item div {
        margin-top: 20px
    }
}

@media only screen and (max-width: 800px) {
    .footer__last-item div a {
        display: block;
        text-align: left
    }
}

.footer__social_icon {
    width: 36px;
    height: auto;
    filter: invert(100)
}

.footer__social_icon:hover {
    filter: invert(0);
    background-color: #FFF;
    border-radius: 30px
}

.footer__card_icon {
    width: 36px;
    height: auto;
    filter: invert(100);
    opacity: .5;
    margin-left: 10px
}

.footer__title {
    display: block;
    margin-bottom: 15px
}

.footer a {
    color: #fff;
    text-decoration: none;
    line-height: normal;
    margin-left: 15px
}

.footer__link {
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    opacity: 0.5;
    padding-bottom: 3px;
    margin-left: 0px !important
}

.footer__link :hover {
    opacity: 1
}

.footer__logo {
    width: 150px
}

.footer__item {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(5, 1fr)
}

@media only screen and (max-width: 800px) {
    .footer__item {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 480px) {
    .footer__item {
        grid-template-columns:repeat(2, 1fr)
    }
}

.footer__item > div {
    padding: 20px
}

.footer__split {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px
}

@media only screen and (max-width: 480px) {
    .footer__split {
        display: flex
    }
}

.footer__mobile {
    display: none !important
}

.footer__tablet {
    display: none !important
}

.footer__desktop {
    display: block
}

@media only screen and (max-width: 800px) {
    .footer__tablet {
        display: block !important
    }
}

@media only screen and (max-width: 480px) {
    .footer__tablet {
        display: none !important
    }

    .footer__mobile {
        display: block !important
    }

    .footer__desktop {
        display: none !important
    }
}

.main-home {
    max-width: 100vw;
    height: auto;
    text-align: center
}

.main-home__img {
    position: absolute;
    top: 0 !important;
    height: 600px
}

.main-home__img--2 {
    position: relative;
    min-height: 1000px;
    background-image: url("../img/surfer.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.main-home__img > img, main-home__img--2 {
    object-fit: cover;
    width: 100%;
    height: auto
}

.inner--red {
    position: relative;
    background-color: var(--bg-font-variable);
    color: #fff;
    height: auto;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 24px
}

.l-red-more {
    display: grid;
    grid-template-columns:1fr 40px;
    grid-gap: 20px;
    align-items: center;
    font-family: Manrope;
    font-size: 25px;
    border-top: 1px solid #FFF;
    padding-top: 20px;
    margin-top: 20px
}

@media only screen and (max-width: 800px) {
    .l-red-more {
        font-size: 12px;
        max-width: 90vw;
        margin: 0 auto
    }
}

@media only screen and (max-width: 480px) {
    .l-red-more {
        max-width: 90vw;
        margin: 0 auto
    }
}

.red__language {
    text-transform: uppercase;
    color: #FFF;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    justify-content: space-between
}

.red__language img {
    display: inline-block;
    height: 16px;
    filter: invert(100);
    margin-left: 7px;
    margin-bottom: -3px
}

@media only screen and (max-width: 800px) {
    .red__language {
        max-width: 90vw;
        margin: 0 auto
    }
}

@media only screen and (max-width: 480px) {
    .red__language {
        max-width: 90vw;
        margin: 0 auto
    }
}

.main-home__call {
    position: relative;
    background-color: var(--bg-font-variable);
    color: #fff;
    height: auto;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.rotate-logo {
    position: absolute;
    right: 135px;
    top: -100px;
    z-index: 99;
    background-image: url("./../icon/logo/head-logo.svg");
    background-size: 300px 150px, cover;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 800px) {
    .rotate-logo {
        background-size: 100px 100px, cover;
        right: 25px;
        top: -70px
    }
}

@media only screen and (max-width: 800px) {
    .rotate-logo--item {
        width: 150px
    }
}

.main__variable-font--text {
    font-family: Manrope;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left !important;
    line-height: normal;
    letter-spacing: 2px;
    display: grid;
    align-items: center;
    justify-items: left;
    width: var(--width-default);
    padding-top: 30px
}

@media only screen and (max-width: 800px) {
    .main__variable-font--text {
        padding-left: 20px;
        padding-top: 10px
    }
}

@media only screen and (max-width: 480px) {
    .main__variable-font--text {
        padding-left: 20px;
        padding-top: 10px
    }
}

.main__variable-font {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%
}

.main__variable-font--inner {
    font-family: Anybody;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--width-default);
    height: 350px;
    max-width: 90vw
}

.main__variable-font--inner h1 {
    text-rendering: optimizeSpeed;
    color: #fff;
    width: 100%;
    user-select: none;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 400px;
    font-weight: 110;
    text-align: center
}

.main__variable-font--inner h1 span {
    transform: translateY(-10px);
    user-select: none
}

.main__variable-font--inner h1.flex {
    display: flex;
    justify-content: space-between
}

.main__variable-font--inner h1.stroke span {
    position: relative;
    color: #211D26;
    line-height: inherit
}

.main__variable-font--inner h1.stroke span:after {
    content: attr(data-char);
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #FE6730;
    position: absolute;
    left: 0;
    line-height: inherit;
    color: transparent;
    z-index: -1
}

.main-home__flag {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%
}

.main-home__flag--inner {
    font-family: Manrope;
    letter-spacing: 2px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    align-items: center;
    justify-items: right;
    width: var(--width-default);
    border-bottom: 2px solid #fff;
    padding-bottom: 15px
}

.main-home__flag--inner img {
    width: 26px;
    height: auto;
    filter: invert(100)
}

.main-home__flag--inner div:first-child {
    justify-self: left
}

.main-home__text {
    display: grid !important;
    grid-template-columns:1fr 100px;
    grid-column-gap: 50px;
    align-items: center;
    font-family: Manrope;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 2px;
    display: block;
    margin: 0 auto;
    text-align: left;
    width: var(--width-default);
    padding-top: 15px;
    padding-bottom: 25px
}

.main-home__text a {
    justify-self: right
}

.main-home__products {
    font-family: Manrope;
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%
}

.main-home__products__inner {
    letter-spacing: 2px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    align-items: center;
    justify-items: center;
    width: var(--width-default);
    height: auto
}

.main-home__products__inner img {
    width: 90%;
    height: 250px;
    object-fit: cover;
    margin-top: 15px;
    margin-left: 5%
}

.main-home__products--item {
    border-right: 1px solid var(--border-color)
}

.main-home__products--item:first-child {
    border-left: 1px solid var(--border-color)
}

.main-home__products--item__price {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 50px;
    padding-top: 10px;
    text-align: left;
    font-size: 15px;
    margin-bottom: 15px
}

.main-home__products--item--img {
    position: relative
}

.main-home__products--item .btn {
    display: none;
    position: absolute;
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 190px;
    background-color: var(--grey);
    color: #fff;
    text-transform: uppercase !important
}

.main-home__products--item:hover .btn {
    display: flex
}

.main-home__products--item__price span {
    display: block;
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500
}

.main-home__products--item__price span:first-child {
    font-family: Manrope;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800
}

.main-home__colecao, .main-home__trips, .main-home__insta {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    max-width: 100vw;
    height: auto
}

.main-home__colecao--text div, .main-home__trips--text div, .main-home__insta--text div {
    width: var(--width-default);
    display: grid;
    grid-template-columns:90% 10%;
    justify-items: center;
    align-items: center
}

.main-home__insta--text-title {
    position: relative
}

.main-home__insta--text, .main-home__colecao--text, .main-home__trips--text {
    width: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
    border-bottom: 1px solid var(--border-color);
}

.main-home__colecao--text a, .main-home__trips--text a, .main-home__insta--text a {
    justify-self: right
}

.main-home__colecao--text h1, .main-home__trips--text h1, .main-home__insta--text h1 {
    display: inline-block;
    font-family: Anybody;
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 400;
    font-stretch: 100%;
    font-style: italic;
    letter-spacing: 2.67px;
    margin: 30px 0 30px 0;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default
}

.main-home__colecao--text h1:hover, .main-home__trips--text h1:hover {
    font-weight: 200;
    font-stretch: 80%
}

.main-home__insta--text h1:hover {
    font-weight: 600;
    font-stretch: 80%
}

.main-home__insta--text h1 {
    font-weight: 1000
}

.btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--grey);
    font-family: Manrope;
    width: 230px;
    height: 50px;
    border: solid 1px var(--border-color);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase
}

.main-home__colecao--item, .main-home__trip--item {
    width: 100%;
    height: auto;
    display: grid;
    align-items: center;
    justify-items: center;
    border-bottom: 1px solid var(--border-color)
}

.main-home__colecao--item__containner, .main-home__trip--item__containner {
    display: grid;
    width: var(--width-default);
    height: auto;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))
}

.main-home__colecao--item__inner, .main-home__trip--item__inner {
    width: 100%;
    height: auto;
    display: block;
    align-items: center;
    justify-items: center;
    border-right: 1px solid var(--border-color)
}

@media only screen and (max-width: 480px) {
    .main-home__colecao--item__inner, .main-home__trip--item__inner {
        border-right: none
    }
}

.main-home__colecao--item__inner div, .main-home__trip--item__inner > div {
    margin: 0.93rem 0.93rem 1.87rem 0.93rem
}

@media only screen and (max-width: 480px) {
    .main-home__colecao--item__inner div, .main-home__trip--item__inner > div {
        margin: 0;
        padding: 2rem;
        border-bottom: 1px solid var(--grey)
    }
}

.main-home__colecao--item__inner:hover, .main-home__trip--item__inner:hover {
    background-color: var(--yellow);
    filter: drop-shadow(0px 0px 7px var(--yellow));
    transition: 0.5s
}

.main-home__colecao--item__inner:hover .btn {
    background-color: var(--grey);
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.main-home__colecao--item__inner .btn {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.main-home__colecao--item__inner:first-child, .main-home__trip--item__inner:first-child {
    border-left: 1px solid var(--border-color)
}

@media only screen and (max-width: 480px) {
    .main-home__colecao--item__inner:first-child, .main-home__trip--item__inner:first-child {
        border-left: none
    }
}

.main-home__insta--item__containner {
    width: var(--width-default);
    height: auto;
    display: grid;
    align-items: center;
    object-fit: cover;
    grid-template-columns:repeat(4, 1fr)
}

.main-home__insta--item__containner div {
    width: 100%;
    border-right: 1px solid var(--border-color)
}

.main-home__insta--item__containner div:first-child {
    border-left: 1px solid var(--border-color)
}

.main-home__insta--item__containner img {
    margin: 20px 0 20px 0;
    max-width: 155px;
    height: 155px
}

.main-home__colecao--item__inner img, .main-home__trip--item__inner img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: 450px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 800px) {
    .main-home__colecao--item__inner img, .main-home__trip--item__inner img {
        height: 198px
    }
}

@media only screen and (max-width: 480px) {
    .main-home__colecao--item__inner img, .main-home__trip--item__inner img {
        height: 198px
    }
}

.title-colecao, .title-trip {
    display: block;
    height: auto;
    margin-bottom: 33px;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none
}

.title-trip {
    min-height: 50px
}

@media only screen and (max-width: 800px) {
    .m-title-trip {
        min-height: 64px
    }
}

@media only screen and (max-width: 800px) {
    .m-btn {
        width: 100%
    }
}

.title-trip span, .title-colecao span {
    background-color: #fff
}

.title-colecao span, .title-trip span {
    font-family: Manrope;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-weight: 600;
    letter-spacing: 2.5px;
    color: var(--grey)
}

.main-home__trip--body {
    display: grid;
    width: 100%;
    grid-template-columns:80% 20%;
    margin-top: 25px
}

.main-home__trip--body .btn--arrow {
    justify-self: center
}

.main-home__trip--body span {
    text-align: left;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.btn--arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: solid 1px var(--grey);
    background-color: #ffffff;
    cursor: pointer;
    transition: all .2s ease-out;
    overflow: hidden
}

.btn--arrow:hover img {
    animation-name: next;
    animation-duration: 2s;
    animation-timing-function: ease-out
}

@keyframes next {
    0% {
        margin-left: 0px
    }
    50% {
        margin-left: 60px
    }
    51% {
        margin-left: -60px
    }
    100% {
        margin-left: 0px
    }
}

.btn--arrow--invert {
    background-color: transparent;
    border: 1px solid #fff
}

.btn--arrow img {
    width: 22px;
    height: auto
}

.btn--arrow--invert img {
    filter: invert(100)
}

.inner--supere {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.supere {
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 530px;
    background-image: url("./../img/bannershop-01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: cover
}

@media only screen and (max-width: 800px) {
    .supere {
        min-height: 250px
    }
}

.supere .btn {
    filter: invert(100)
}

.supere__tag {
    width: 150px;
    text-align: center;
    height: 40px;
    margin: 0 0 10px;
    background-color: #fb3729;
    color: #EEE;
    font-family: Anybody;
    font-size: 40px;
    font-weight: 500;
    font-stretch: condensed;
    font-style: italic;
    position: absolute;
    right: -50px;
    top: 30px
}

@media only screen and (max-width: 800px) {
    .supere__tag {
        right: 30px
    }
}

.btn--supere {
    position: inherit !important;
    right: none
}

.border--img {
    border: 1px solid var(--grey)
}

.main-home__colecao--text .btn::before, .main-home__colecao--text .btn::after, .main-home__trips--text .btn::before, .main-home__trips--text .btn::after, .main-home__insta--text .btn::before, .main-home__insta--text .btn::after {
    background: #000;
    content: '';
    position: absolute;
    z-index: -1
}

.main-home__colecao--text .btn::after, .main-home__trips--text .btn::after, .main-home__insta--text .btn::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0
}

.main-home__colecao--text .btn:hover:after, .main-home__trips--text .btn:hover:after, .main-home__insta--text .btn:hover:after {
    width: 100%
}

.main-home__colecao--text .btn:hover, .main-home__trips--text .btn:hover, .main-home__insta--text .btn:hover {
    color: #fff
}

.main-home__colecao--text .btn, .main-home__colecao--text .btn::after, .main-home__trips--text .btn, .main-home__trips--text .btn::after, .main-home__insta--text .btn, .main-home__insta--text .btn::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main-home__products__inner, .main-home__colecao--item__containner, .main-home__trip--item__containner, .main-home__insta--item__containner {
        width: 100%;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        overflow-y: visible
    }

    .main-home__insta--item__containner img {
        width: 80%
    }
}

@media only screen and (max-width: 320px) and (max-width: 671px) {
    .main-home__colecao--text, .main-home__trips--text {
        grid-template-columns:1fr;
        margin-bottom: 15px
    }

    .main-home__colecao--text div, .main-home__trips--text div, .main-home__insta--text div {
        grid-template-columns:1fr
    }

    .main-home__colecao--text a, .main-home__trips--text a, .main-home__insta--text a {
        justify-self: center;
        margin-bottom: 40px
    }

    .main-home__colecao--text h1, .main-home__trips--text h1 {
        font-size: 50px;
        margin: 15px 0
    }

    .main__variable-font--inner {
        height: 150px
    }

    .main__variable-font--inner h1 {
        font-size: 140px
    }

    .main-home__products {
        height: 375px
    }

    .main-home__products__inner, .main-home__colecao--item__containner, .main-home__trip--item__containner, .main-home__insta--item__containner {
        width: 100%;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .main-home__colecao--text, .main-home__trips--text {
        margin-bottom: 0
    }

    .main-home__insta--item__containner {
        height: 100%
    }

    .main-home__products--item {
        width: 300px;
        height: auto
    }

    .main-home__img-supere__inner {
        height: 330px
    }

    .main-home__img-supere__inner .btn {
        left: 15%;
        bottom: 30px;
    }

    .main-home__insta--item__containner {
        grid-template-columns:repeat(2, 1fr);
    }

    .main-home__insta--item__containner div {
        border-bottom: 1px solid var(--border-color);
    }

    .main-home__insta--item__containner img {
        width: 150px;
    }

    .main-home__text {
        font-size: 15px;
        grid-column-gap: 0;
        letter-spacing: 1px;
        line-height: 25px;
    }

    .main-home__trip--item__inner {
        width: 300px;
    }

    .main-home__colecao--item__inner img, .main-home__trip--item__inner > div > img {
        display: block;
        max-width: 245px;
        height: 310px;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto
    }

    .footer__item__social div:first-child {
        display: none
    }

    .rotate-logo {
        top: -11%;
        background-size: 70px, cover
    }

    .main-home__img-supere__inner {
        background-image: url("./../img/bannershop-02.jpg")
    }
}

.inner--insta {
    border-bottom: 1px solid var(--border-color);
    position: relative
}

.l-insta__image {
    display: grid;
    width: 100%;
    grid-template-columns:repeat(4, 1fr)
}

@media only screen and (max-width: 800px) {
    .l-insta__image {
        width: 200%
    }
}

.container--insta__image {
    border-left: 1px solid var(--border-color)
}

@media only screen and (max-width: 800px) {
    .container--insta__image {
        width: 100vw;
        overflow-x: scroll
    }
}

.insta__image {
    display: block;
    border-right: 1px solid var(--border-color)
}

.insta__image img {
    display: block;
    width: 100%;
    padding: 20px;
    margin-left: -1px
}

@media only screen and (max-width: 800px) {
    .insta__image img {
        padding: 7px
    }
}

.title-home {
    display: block;
    text-transform: uppercase;
    font-family: Anybody;
    font-size: 80px;
    text-align: center;
    transition: all .3s ease-in-out;
    font-weight: 600;
    font-stretch: 80%
}

.title-home--light {
    font-weight: 200;
    font-style: italic
}

.title-home:hover {
    font-weight: 900;
    font-stretch: 100%
}

.container--insta {
    position: relative
}

.btn--insta {
    position: absolute;
    right: 0;
    top: 70px;
    transition: all .3s ease;
    color: var(--border-color);
    background: linear-gradient(var(--border-color), var(--border-color));
    background-size: 0px 100%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 800px) {
    .btn--insta {
        position: inherit;
        top: none;
        margin: 0 auto;
        margin-bottom: 40px
    }
}

.btn--insta:hover {
    color: var(--primary-color);
    background-size: 100% 100%
}

@media only screen and (max-width: 800px) {
    .container--last-pros, .container--colecoes, .main-home__colecao--item, .main-home__trip--item {
        width: 100vw;
        overflow-x: scroll
    }
}

.paralax--surfe {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

@media only screen and (max-width: 800px) {
    .main__variable-font--inner h1 {
        font-size: 140px;
    }
}

.main__variable-font--inner {
    width: 100%;
}

@media only screen and (max-width: 800px) {
    .main__variable-font--inner {
        height: 140px;
    }
}

.main-origin {
    max-width: 100vw;
    height: auto
}

.main-origin__header, .main-social__img {
    position: absolute;
    top: 0 !important;
    height: 600px;
    text-align: center
}

.main-origin__img--text div {
    display: grid;
    align-items: center;
    justify-items: center;
    margin-top: -100px
}

.main-origin__img--text h1 {
    font-family: Anybody;
    font-size: 150px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 2.14px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default
}

@media only screen and (max-width: 800px) {
    .main-origin__img--text h1 {
        font-size: 80px
    }
}

.main-origin__img--text h1:hover {
    font-weight: 600;
    font-stretch: 80%
}

.main-origin__img--text span {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #3b3b3b;
    text-transform: uppercase
}

@media only screen and (max-width: 480px) {
    .main-origin__img--text span {
        font-size: 12px
    }
}

.border--top-bottom {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.main-origin__call, .main-origin--video, .main-origin--we-are, .main-origin--timeline {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: auto
}

.main-origin__call {
    margin: 40px 0 40px 0;
    padding-bottom: 20px
}

.main-origin__call__container, .main-origin--we-are__container > div {
    width: 1200px;
    max-width: 90vw;
    height: auto
}

@media only screen and (max-width: 800px) {
    .max-w-90 {
        max-width: 90vw !important
    }
}

.main-origin__call__container {
    text-align: center
}

.main-origin__call__container span:first-child {
    display: block;
    font-family: Anybody;
    font-size: 35px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: var(--grey);
    padding: 20px 0 20px 0
}

.main-origin__call__container span:last-child {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--grey)
}

.main-origin--video {
    margin-top: 70px
}

.main-origin--video iframe {
    max-width: 1140px;
    height: 650px;
    border: 1px solid var(--border-color);
    margin-bottom: 70px
}

.main-origin--we-are__container {
    width: 100%;
    max-width: 100vw;
    border-top: 1px solid var(--grey);
    padding-top: 70px;
    padding-bottom: 70px;
    display: grid;
    align-items: center;
    justify-items: center
}

.main-origin--we-are__item--info img {
    display: block;
    max-width: 550px;
    height: 377px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #3b3b3b
}

.main-origin--we-are__item--info {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 40px
}

.main-origin--we-are__item--info div span:first-child {
    text-transform: uppercase
}

.main-origin--we-are__item--info div span:first-child {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey)
}

.title-bolder {
    display: block;
    font-family: Anybody;
    font-size: 80px;
    font-weight: 600;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey);
    padding-bottom: 40px
}

.main-origin--we-are__item--info div span:last-child {
    display: block;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.main-origin--timeline__container {
    width: var(--width-default);
    max-width: 90vw;
    display: grid;
    grid-template-columns:1;
    overflow: hidden
}

@media only screen and (max-width: 800px) {
    .main-origin--timeline__container {
        overflow-x: scroll
    }
}

.main-origin--timeline__container > div {
    display: flex
}

@media only screen and (max-width: 800px) {
    .main-origin--timeline__container > div {
        width: 200vw;
        overflow-x: scroll
    }
}

.main-origin--timeline__card {
    width: clamp(17.18rem, 400px, 29vw);
    height: auto;
    display: grid;
    align-items: center;
    justify-items: center;
    height: auto;
    padding: 25px;
    border-left: 1px solid var(--grey)
}

@media only screen and (max-width: 480px) {
    .main-origin--timeline__card {
        width: 60vw
    }
}

.main-origin--timeline__card:last-child {
    border-right: 1px solid var(--grey)
}

.main-origin--timeline__card:hover {
    background-color: var(--yellow)
}

.main-origin--timeline .main-origin--timeline__card:first-child {
    margin-left: 30px
}

.main-origin--timeline__card h2 {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 1.14px;
    color: var(--grey);
    margin: 0
}

@media only screen and (max-width: 800px) {
    .main-origin--timeline__card h2 {
        font-size: 50px
    }
}

.main-origin--timeline__card h3 {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--grey)
}

.main-origin--timeline__card span {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.main-origin-social, .main-origin__header {
    position: relative;
    width: 100%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-items: center
}

.main-origin-social__img--text {
    width: 100%;
    height: 500px;
    display: flex !important;
    align-items: center;
    justify-items: center;
    text-align: center;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8))
}

.main-origin-social__img--text span {
    font-family: Manrope;
    font-size: 35px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    text-align: center;
    color: #FFF;
    text-align: center;
    display: block;
    width: 100vw;
    margin: 0 auto;
    margin-bottom: 50px
}

@media only screen and (max-width: 800px) {
    .main-origin-social__img--text span {
        font-size: 28px
    }
}

@media only screen and (max-width: 480px) {
    .main-origin-social__img--text span {
        font-size: 15px
    }
}

.main-origin-social__img__media--icons {
    width: 200px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-items: center;
    margin: 0 auto
}

.main-origin-social__img__media--icons img {
    width: 68px;
    height: 68px;
    filter: invert(100) contrast(2)
}

.main-origin-social__img__media--icons img:hover {
    cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main-origin--timeline__container {
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        max-width: 100vw
    }

    .main-origin--video iframe {
        width: 666px;
        height: 380px
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .main-origin__img--text h1 {
        font-size: 45px
    }

    .main-origin__img--text {
        text-align: center
    }

    .main-origin__call__container span:first-child {
        font-size: 25px
    }

    .main-origin--we-are__item--info {
        max-width: 100vw;
        grid-template-columns:1fr;
        padding: 20px
    }

    .main-origin--we-are__item--info div span:first-child, .title-bolder {
        font-size: 50px
    }

    .main-origin--we-are__item--info div span:last-child {
        font-size: 12px
    }

    .main-origin--we-are__item--info img {
        width: 100%;
        margin: 20px 0
    }

    .main-origin--video iframe {
        width: 333px;
        height: 190px
    }

    .main-origin--timeline__container {
        width: 100%;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        overflow-y: visible
    }

    .main-origin-social__img--text {
        height: 100%
    }

    .main-origin-social__img__media--icons {
        width: 50%
    }
}

[parax-bg-stage] {
    position: relative;
    overflow: hidden;
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

[parax-bg] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    will-change: transform;
    background-size: cover
}

[parax-bg] > [parax-bg-visible] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.main-wedo, .main-wedo__destaque {
    max-width: 100vw;
    height: auto
}

.main-wedo__destaque__containner {
    width: 100%;
    max-width: 100vw;
    height: auto
}

.main-wedo__header {
    position: absolute;
    top: 0 !important;
    height: 600px
}

.main-wedo__header {
    position: relative;
    width: 100%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-items: center
}

.main-wedo__img--text {
    display: grid;
    align-items: center;
    justify-items: center;
    text-align: center
}

.main-wedo__img--text h1 {
    font-family: Anybody;
    font-size: 140px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 2.14px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default
}

.main-wedo__img--text h1:hover {
    font-weight: 600;
    font-stretch: 80%
}

.main-wedo__img--text span {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #3b3b3b;
    text-transform: uppercase
}

.main-wedo__call {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: auto
}

.main-wedo__call {
    margin: 40px 0 40px 0;
    padding-bottom: 20px
}

.main-wedo__call__container {
    width: 100%;
    max-width: 100vw;
    height: auto
}

.main-wedo__call__container {
    text-align: center
}

.main-wedo__call__container span:first-child {
    display: block;
    font-family: Manrope;
    font-size: 35px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: var(--grey);
    padding: 20px 0 20px 0
}

.main-wedo__call__container span:last-child {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--grey)
}

.bg-yellow {
    position: absolute;
    bottom: 0;
    background-color: var(--yellow);
    width: 100%;
    height: 80vh;
    z-index: -1
}

.main-wedo__destaque__items {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    width: 100%;
    height: auto
}

.main-wedo__destaque {
    position: relative;
    display: grid;
    justify-items: center;
    align-items: center;
    padding-bottom: 80px;
    max-width: 100vw
}

@media only screen and (max-width: 800px) {
    .main-wedo__destaque {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 480px) {
    .main-wedo__destaque {
        padding-bottom: 90px
    }
}

.main-wedo__destaque__containner img {
    max-width: 100%;
    height: auto;
    padding-bottom: 50px
}

@media only screen and (max-width: 800px) {
    .main-wedo__destaque__containner img {
        width: 80vw;
        margin: 0 auto
    }
}

.main-wedo__destaque--cards {
    border-right: 1px solid var(--border-color);
    padding: 30px
}

.main-wedo__destaque--cards h3 {
    font-family: Anybody;
    font-size: 35px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 0.5px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 5px;
    text-transform: uppercase
}

.main-wedo__destaque--cards--sub-title {
    display: block;
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 35px;
    text-transform: uppercase
}

.main-wedo__destaque--cards span:last-child {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: #3b3b3b
}

@media only screen and (max-width: 480px) {
    .main-wedo__destaque--cards span:last-child {
        width: 90vw;
        margin: 0 auto
    }
}

.main-wedo--we-are__container > div {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 800px) {
    .main-wedo--we-are__container > div {
        width: 100%;
        height: auto
    }
}

.main-wedo--we-are__container {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
    max-width: 90vw;
    display: grid;
    align-items: center;
    justify-items: center;
    margin: 0 auto
}

.main-wedo--we-are__item--info img {
    display: block;
    max-width: 550px;
    height: 377px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #3b3b3b
}

@media only screen and (max-width: 800px) {
    .main-wedo--we-are__item--info img {
        max-width: 100% !important;
        height: auto
    }
}

.main-wedo--we-are__item--info {
    display: grid;
    grid-template-columns:1fr 1fr
}

@media only screen and (max-width: 800px) {
    .main-wedo--we-are__item--info {
        gap: 40px
    }
}

.main-wedo--we-are__item--info div span:first-child {
    text-transform: uppercase;
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey)
}

.main-wedo--we-are__item--info div span:last-child {
    display: block;
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.main-wedo--we-are__item--info-text {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: 0.4px;
    color: var(--grey)
}

.main-wedo--we-are__item--info:last-child {
    grid-auto-flow: dense
}

.main-wedo--we-are__item--info .btn {
    margin-top: 15px
}

.main-wedo--we-are__item--info .btn::before, .main-wedo--we-are__item--info .btn::after {
    background: #000;
    content: '';
    position: absolute;
    z-index: -1
}

.main-wedo--we-are__item--info .btn::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0
}

.main-wedo--we-are__item--info .btn:hover:after {
    width: 100%
}

.main-wedo--we-are__item--info .btn:hover {
    color: #fff
}

.main-wedo--we-are__item--info .btn, .main-wedo--we-are__item--info .btn::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.main-wedo--we-are__item--info div .title-bolder {
    padding-bottom: 0
}

.main-wedo .main-home__products--item--img {
    display: grid;
    justify-items: center
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main-wedo__destaque__items {
        grid-template-columns:1fr
    }

    .main-wedo__destaque--cards {
        border-right: none;
        border-bottom: 1px solid #3b3b3b
    }

    .main-wedo__destaque--cards:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .main-wedo__destaque__containner img {
        padding-bottom: 0
    }

    .bg-yellow {
        height: 70%
    }

    .main-wedo--we-are__item--info div .title-bolder, .main-wedo--we-are__item--info div span:first-child {
        font-size: 50px
    }

    .main-wedo__img--text h1 {
        font-size: 80px
    }
}

@media only screen and (min-width: 320px) and (max-width: 760px) {
    .main-wedo--we-are__item--info {
        grid-template-columns:1fr;
        max-width: 100vw
    }

    .main-wedo--we-are__item--info div span:first-child, .title-bolder {
        font-size: 50px
    }

    .main-wedo--we-are__item--info div span:last-child, .main-wedo__destaque--cards span:last-child {
        font-size: 12px
    }

    .main-wedo--we-are__item--info img {
        width: 300px;
        height: 200px
    }

    .main-wedo__destaque__items {
        grid-template-columns:1fr
    }

    .main-wedo__destaque--cards > span {
        display: block;
        padding-bottom: 20px
    }

    .main-wedo__destaque--cards--sub-title {
        margin-bottom: 0
    }

    .main-wedo__destaque--cards {
        display: block;
        border-right: none;
        border-bottom: 1px solid #3b3b3b;
        padding: 0
    }

    .main-wedo__destaque--cards:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .main-wedo__destaque__containner img {
        padding-bottom: 0
    }

    .bg-yellow {
        height: 90%
    }

    .main-wedo__img--text h1 {
        font-size: 45px
    }

    .main-wedo__call__container span:first-child {
        font-size: 25px
    }
}

.inner--wedo {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

.figure--wedo {
    display: block;
    width: 100%;
    max-height: 100vh;
    object-fit: cover;
    padding: 0
}

.inner--history {
    background-color: var(--yellow)
}

.title_hover {
    position: absolute;
    font-family: Manrope;
    font-size: 25px;
    font-weight: 600;
    background-color: #FFF;
    color: #3b3b3b;
    padding: 4px 30px;
    top: 30px;
    left: -30px;
    text-transform: uppercase
}

@media only screen and (max-width: 800px) {
    .title_hover {
        left: 30px
    }
}

.container--title {
    position: relative
}

.inner-wedo-image {
    background: linear-gradient(var(--yellow), var(--yellow));
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 60%
}

.wedo_selo {
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 100px;
    background-color: #CCC
}

.wedo_selo .rotate-logo {
    top: -100px;
    right: none;
    left: 0;
    width: 250px
}

@media only screen and (max-width: 800px) {
    .wedo_selo .rotate-logo {
        width: 159px
    }
}

@media only screen and (max-width: 800px) {
    .tablet-title-font-size {
        font-size: 40px !important
    }

    .tablet-title-font-size strong {
        font-size: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .tablet-title-banner-size h1 {
        font-size: 80px
    }
}

@media only screen and (max-width: 480px) {
    .tablet-title-banner-size h1 {
        font-size: 50px !important
    }
}

.main-trips {
    max-width: 100vw;
    height: auto
}

.main-trips__header {
    position: relative;
    width: 100%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-items: center;
    text-align: center
}

.main-trips__img--text div {
    display: grid;
    align-items: center;
    justify-items: center;
    margin-top: -100px
}

.main-trips__img--text h1 {
    font-family: Anybody;
    font-size: 150px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 2.14px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default
}

.main-trips__img--text h1:hover {
    font-weight: 600;
    font-stretch: 80%
}

.main-trips__img--text span {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #3b3b3b;
    text-transform: uppercase
}

.main-trips__articles, .main-trips__articles__container {
    width: 100%;
    height: auto
}

.main-trips__articles__container {
    display: grid;
    align-items: center;
    justify-items: center
}

.main-trips__articles__row {
    width: var(--width-default);
    max-width: 90vw;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    justify-items: center
}

@media only screen and (max-width: 480px) {
    .main-trips__articles__row {
        max-width: 100vw
    }
}

.main-trips__articles__card {
    display: grid;
    align-items: center;
    justify-items: center;
    height: 100%;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

.main-trips__articles__card:first-child {
    border-left: 1px solid var(--border-color)
}

.main-trips__articles__card:nth-child(4n) {
    border-left: 1px solid var(--border-color)
}

.main-trips__articles__card--inner {
    width: 80%;
    margin: 20px 0 20px 0
}

.main-trips__articles__card--inner > span {
    width: 50%;
    height: auto;
    background-color: #ffffff;
    font-family: Anybody;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #3b3b3b;
    text-transform: uppercase
}

.main-trips__articles__card--inner > a > img {
    display: block;
    max-width: 100%;
    height: 450px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px
}

.main-trips__articles__card--info {
    display: grid;
    grid-template-columns:80% 20%;
    align-items: center;
    margin-top: 25px;
    font-family: Anybody
}

.main-trips__articles__card--info a {
    justify-self: right
}

.main-trips__articles__card:hover {
    background-color: var(--yellow);
    filter: drop-shadow(0px 0px 7px var(--yellow));
    border: none;
    transition: 0.5s
}

@media only screen and (max-width: 800px) {
    .main-trips__articles__row {
        grid-template-columns:repeat(3, 1fr)
    }

    .main-trips__articles__card:nth-child(1), .main-trips__articles__card:nth-child(2) {
        border-bottom: 1px solid var(--border-color)
    }

    .container--selo {
        max-width: 90vw
    }

    .tablet-title-banner-size h1 {
        font-size: 80px !important
    }
}

@media only screen and (max-width: 800px) and (max-width: 480px) {
    .tablet-title-banner-size h1 {
        font-size: 40px !important
    }
}

@media only screen and (max-width: 500px) {
    .main-trips__img--text h1 {
        font-size: 45px
    }

    .main-trips__articles__row {
        width: 100%;
        grid-template-columns:1fr 1fr
    }

    .main-trips__articles__row {
        grid-template-columns:repeat(1, 1fr)
    }

    .main-trips__articles__card:nth-child(1), .main-trips__articles__card:nth-child(2) {
        border-bottom: 1px solid var(--border-color)
    }

    .main-single-trip--img {
        grid-row: 2;
        margin-top: 20px
    }

    .main-single-trip__container {
        height: auto !important;
        grid-template-columns:1fr !important
    }
}

.main-partnerships {
    max-width: 100vw;
    height: auto
}

.title-bolder {
    font-family: Anybody;
    font-weight: 900
}

.main-partnerships__header {
    position: relative;
    width: 100%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-items: center;
    text-align: center
}

.main-partnerships__img--text div {
    display: grid;
    align-items: center;
    justify-items: center;
    margin-top: -100px
}

.main-partnerships__img--text h1 {
    font-family: Anybody;
    font-size: 150px;
    font-weight: 900;
    font-stretch: expanded;
    letter-spacing: 2.14px;
    color: #3b3b3b;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default
}

.main-partnerships__img--text h1:hover {
    font-weight: 600;
    font-stretch: 80%
}

.main-partnerships__img--text span {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #3b3b3b;
    text-transform: uppercase
}

.main-partnerships__call {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: auto
}

.main-partnerships__call {
    margin: 40px 0 40px 0;
    padding-bottom: 20px
}

.main-partnerships__call__container {
    width: 100%;
    height: auto
}

.main-partnerships__call__container {
    text-align: center
}

.main-partnerships__call__container span:first-child {
    display: block;
    font-family: Manrope;
    font-size: 35px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: var(--grey);
    padding: 20px 0 20px 0
}

.ain-partnerships--we-are__item--info-text:last-child {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--grey)
}

.main-partnerships--video, .main-origin--we-are, .main-partnerships__apoio, .main-partnerships__insta, .main-partnerships__parceiros {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    max-width: 100vw;
    height: auto
}

.main-partnerships--video {
    margin-top: 70px
}

.main-partnerships--video iframe {
    margin-bottom: 70px
}

.main-partnerships--we-are__container > div, .main-partnerships__apoio__container, .main-partnerships__insta__container, .main-partnerships__parceiros__container {
    width: var(--width-default);
    height: auto;
    max-width: 100vw
}

.main-partnerships--we-are__container {
    width: 100%;
    border-top: 1px solid var(--grey);
    padding-top: 70px;
    padding-bottom: 70px;
    display: grid;
    align-items: center;
    justify-items: center
}

.main-partnerships--we-are__item--info img {
    display: block;
    max-width: 100%;
    height: 377px;
    object-fit: cover;
    border: 1px solid var(--border-color)
}

.main-partnerships .title-bolder {
    padding-bottom: 0
}

.main-partnerships--we-are__item--info {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-column-gap: 25px
}

.main-partnerships--we-are__item--info div {
    text-transform: uppercase
}

.main-partnerships--we-are__item--info div span:first-child {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey)
}

.main-partnerships__apoio__container, .main-partnerships__parceiros__container {
    display: grid;
    grid-template-columns:40% 60%;
    justify-items: center;
    margin: 50px 0 50px 0
}

.main-partnerships__apoio__container div span {
    display: block;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey);
    margin-bottom: 25px
}

.main-partnerships__apoio__container h1, .main-partnerships__parceiros__container h1 {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey);
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    justify-self: left
}

.main-partnerships__insta__container {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    justify-items: center;
    align-items: center
}

.main-partnerships__insta__card {
    width: 100%;
    border-left: 1px solid var(--border-color);
    display: grid;
    justify-items: center;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .main-partnerships__insta__card {
        border-top: 1px solid var(--border-color)
    }
}

.main-partnerships__insta__card:last-child {
    border-right: 1px solid var(--border-color)
}

.main-partnerships__insta {
    border-bottom: 1px solid var(--border-color)
}

.main-partnerships__insta__card--inner {
    width: 80%;
    margin: 25px 0 20px 0
}

.main-partnerships__insta__card--inner > img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 800px) {
    .main-partnerships__insta__card--inner > img {
        width: 90%;
        height: 150px
    }
}

.main-partnerships__insta__card--inner > div {
    display: grid;
    grid-template-columns:80% 20%;
    margin-top: 12px
}

@media only screen and (max-width: 480px) {
    .main-partnerships__insta__card--inner > div {
        grid-template-columns:1fr;
        gap: 20px
    }
}

.main-partnerships__insta__card--inner > div div {
    justify-self: right
}

.main-partnerships__parceiros__container {
    display: grid
}

.main-partnerships__parceiros__container div {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    align-items: center;
    justify-items: center;
    grid-column-gap: 15px
}

.main-partnerships__parceiros__container div img {
    width: 100%
}

.main-partnerships__insta__card--inner > div span {
    font-family: Anybody;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--grey);
    text-transform: uppercase
}

@media only screen and (max-width: 480px) {
    .main-partnerships__insta__card--inner > div span {
        font-size: 12px
    }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .main-partnerships--video iframe {
        width: 780px;
        height: 580px
    }

    .main-partnerships__img--text h1 {
        font-size: 80px
    }

    .main-partnerships--we-are__item--info img {
        height: 241px
    }

    .main-partnerships--we-are__item--info div span:first-child, .main-partnerships .title-bolder {
        font-size: 50px
    }

    .ain-partnerships--we-are__item--info-text:last-child {
        font-size: 12px
    }

    .main-partnerships__insta__card--inner > div {
        grid-template-columns:1fr
    }

    .main-partnerships__insta__card--inner > div div {
        justify-self: left
    }
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
    .main-partnerships__img--text h1 {
        font-size: 45px
    }

    .main-partnerships__call__container {
        max-width: 100vw
    }

    .main-partnerships__call__container span:first-child {
        font-size: 25px
    }

    .main-partnerships--video iframe {
        width: 90vw;
        height: 200px
    }

    .main-partnerships--we-are__item--info {
        grid-template-columns:1fr 1fr;
        max-width: 90vw;
        margin: 0 auto
    }

    .main-partnerships--we-are__item--info div span:first-child {
        font-size: 50px
    }

    .main-partnerships--we-are__item--info div span:last-child {
        font-size: 12px
    }

    .main-partnerships--we-are__item--info img {
        width: 100%;
        margin-bottom: 20px;
        height: 250px
    }

    .main-partnerships__apoio__container {
        grid-template-columns:30% 1fr;
        max-width: 90vw
    }

    .main-partnerships__insta__container {
        width: 100%;
        grid-template-columns:repeat(4, 1fr)
    }

    .main-partnerships__parceiros__container {
        grid-template-columns:40% 1fr;
        max-width: 90vw
    }

    .main-partnerships__parceiros__container div {
        padding: 30px;
        grid-template-columns:1fr 1fr;
        grid-gap: 30px;
        align-items: center
    }
}

@media only screen and (max-width: 480px) {
    .main-partnerships__insta__container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 800px) {
    .main-partnerships--video iframe {
        height: 300px
    }
}

@media only screen and (max-width: 480px) {
    .main-partnerships--we-are__item--info {
        grid-template-columns:1fr
    }
}

@media only screen and (max-width: 480px) {
    .main-partnerships__apoio__container {
        grid-template-columns:1fr
    }
}

@media only screen and (max-width: 480px) {
    .main-partnerships__parceiros__container {
        grid-template-columns:1fr
    }
}

@media only screen and (max-width: 800px) {
    .tablet-title-parceiros {
        font-size: 50px !important
    }

    .tablet-title-parceiros strong {
        font-size: 50px !important
    }
}

.inner--single {
    padding-top: 170px;
    padding-bottom: 70px
}

@media only screen and (max-width: 480px) {
    .inner--single {
        padding-top: 120px
    }
}

.single {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.single__destaque {
    margin-bottom: 15px
}

.single__galeria {
    grid-area: area-single-galeria;
    max-height: 100vh;
    overflow-y: scroll
}

.single__galeria > *:not(figure) {
    display: none !important
}

.single__galeria img {
    display: block !important;
    width: 100%;
    border: 1px solid #161616
}

@media only screen and (max-width: 480px) {
    .single__galeria {
        max-height: none !important
    }
}

.single__content {
    grid-area: area-single-content
}

.single__content img {
    display: none !important
}

.single h1 {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    line-height: 85px;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey);
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 800px) {
    .single h1 {
        font-size: 50px;
        line-height: 50px
    }
}

.single h1 strong {
    font-weight: 700;
    display: block
}

.single div {
    max-width: 100%
}

.single p {
    display: block;
    width: 100%
}

.single .blocks-gallery-grid {
    display: grid
}

.single .blocks-gallery-grid li {
    width: 100% !important
}

.single .blocks-gallery-grid img {
    width: 100%
}

@media screen and (max-width: 800px) {
    .single {
        padding: 34px 0
    }

    .single__galeria {
        max-height: 75vh;
        overflow-y: scroll
    }
}

.l-single {
    display: grid;
    grid-template-columns:1fr;
    grid-template-areas:"area-single-content" "area-single-galeria";
    max-width: 90vw;
    margin: 0 auto !important;
    box-sizing: border-box
}

.single__galeria {
    padding-right: 0
}

@media (min-width: 600px) {
    .l-single {
        grid-template-columns:45% 55%;
        grid-template-areas:"area-single-galeria area-single-content"
    }

    .single__galeria {
        padding-right: 40px
    }
}

@media (min-width: 992px) {
    .single__galeria {
        padding-right: 0px
    }

    .l-single {
        grid-template-columns:40% 60%
    }

    .single__content {
        padding-left: 40px
    }
}

.body__coming-soon {
    background-color: #FFBB39
}

.main__coming-soon {
    position: relative;
    width: 100%;
    height: 100vh;
    display: grid;
    align-items: center;
    justify-items: center
}

.main__coming-soon__container {
    width: 60%;
    height: 55%;
    display: grid;
    justify-items: center;
    grid-template-rows:repeat(3, 33%)
}

.main__coming-soon--logo {
    max-width: 200px;
    height: auto;
    filter: invert(100);
    justify-self: right
}

.main__coming-soon--gif {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    height: 50%;
    z-index: -1
}

.main__coming-soon__container .btn {
    color: #fff;
    background-color: #3b3b3b;
    border: none;
    margin-top: 140px
}

.main__coming-soon__text {
    display: inline-block;
    font-family: Anybody;
    text-transform: uppercase;
    font-size: clamp(3rem, 10vw, 11.25rem);
    font-weight: 1000;
    font-stretch: 100%;
    font-style: italic;
    letter-spacing: 2.67px;
    transition: font-weight 1s ease, font-stretch 1s ease;
    cursor: default;
    margin: -50px
}

.main__coming-soon__text-title {
    font-weight: 300 !important
}

.link-underline {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #3b3b3b;
    font-family: Anybody;
    border-bottom: 1px solid #000
}

.main__coming-soon__container {
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .main__coming-soon--gif {
        display: block;
        width: 90%;
        height: auto
    }

    .main__coming-soon__container {
        width: 80%;
        height: 100%;
        margin-top: 150px;
        grid-template-rows:25% 9% 40%;
        align-items: center;
        justify-items: center
    }

    .main__coming-soon--logo {
        display: block;
        margin: 0 auto;
        width: 50%
    }
}

.main-single-product {
    width: 100%;
    max-width: 100vw;
    height: auto;
    display: grid;
    justify-items: center;
    align-items: center;
    margin-top: 26px
}

@media only screen and (max-width: 800px) {
    .main-single-product {
        overflow: hidden
    }
}

.main-single-product__info {
    display: grid;
    grid-template:"photos photos payment"
 "photos photos payment"
 "photos photos payment"
 "anchors anchors payment"
 "details details details"
 "info info info" / 1fr 1fr 1fr;
    row-gap: 1rem;
    width: 1200px;
    max-width: 100vw;
    border-right: 1px solid var(--grey);
    border-left: 1px solid var(--grey)
}

@media only screen and (max-width: 800px) {
    .main-single-product__info {
        grid-template:"photos payment"
 "photos payment"
 "photos payment"
 "anchors payment"
 "details details"
 "info info" / 1fr 45%
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info {
        grid-template:"photos "
 "payment"
 "anchors"
 "details"
 "info" / 1fr
    }
}

.main-single-product__info--photos {
    display: grid;
    justify-items: center;
    align-items: center;
    grid-area: photos;
    position: relative
}

.main-single-product__info--photos--slider figure img {
    grid-area: a;
    max-width: 100%;
    height: 436px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    cursor: zoom-in
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--photos--slider figure img {
        height: 300px
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--photos--slider figure img {
        height: 35vh
    }
}

.zoom {
    background-repeat: no-repeat;
    background-size: 150%
}

.zoom_selo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    font-family: Manrope;
    font-size: 8px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 9999999;
    pointer-events: none
}

@media only screen and (max-width: 480px) {
    .zoom_selo {
        display: none
    }
}

figure.zoom img:hover {
    opacity: 0
}

figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%
}

.main-single-product__info--photos--slider-containner {
    position: relative
}

.main-single-product__info--photos--slider--arrows-right, .main-single-product__info--photos--slider--arrows-left {
    position: absolute;
    top: 315px;
    width: 40px;
    height: 40px;
    display: grid;
    align-items: center;
    justify-items: center;
    border: solid 1px var(--grey)
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--photos--slider--arrows-right, .main-single-product__info--photos--slider--arrows-left {
        top: 220px
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--photos--slider--arrows-right, .main-single-product__info--photos--slider--arrows-left {
        top: 100px
    }
}

.main-single-product__info--photos--slider--arrows-right img, .main-single-product__info--photos--slider--arrows-left img {
    width: 24px;
    height: 16px
}

.main-single-product__info--photos--slider--arrows-right {
    right: 20px
}

.main-single-product__info--photos--slider--arrows-left {
    left: 20px
}

.main-single-product__info--photos--slider--arrows-left img {
    transform: rotate(180deg)
}

.main-single-product__info--photos--slider img {
    max-width: 755px;
    height: 435px;
    object-fit: cover
}

.main-single-product__info--payment {
    display: grid;
    align-items: center;
    grid-area: payment;
    padding-top: clamp(2rem, 2vw, 4rem);
    padding-bottom: clamp(2rem, 2vw, 4rem);
    padding-left: clamp(6rem, 2vw, 7rem);
    width: clamp(30rem, 7vw, 35rem);
    min-height: 645px;
    background-color: var(--yellow);
    border-left: 1px solid var(--grey);
    border-bottom: 1px solid var(--grey);
    max-width: 100vw
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment {
        height: auto;
        padding: 20px
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment {
        display: block;
        padding: 20px;
        gap: 0;
        min-height: 50vh
    }
}

.main-single-product__info--payment--size {
    width: 60%
}

.main-single-product__info--payment--size > span {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--grey);
    color: var(--grey)
}

.main-single-product__info--payment--size div {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    margin-top: 20px
}

.main-single-product__info--payment--size div span {
    display: grid;
    justify-items: center;
    align-items: center;
    width: 100%;
    height: 35px;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    color: var(--grey);
    border: 1px solid var(--grey)
}

.size-active {
    background-color: #fff
}

.main-single-product__info--payment--details--infos {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    grid-area: anchors;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 50px
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment--details--infos {
        display: flex;
        justify-content: space-between;
        padding: 0 20px
    }
}

.main-single-product__info--payment--details--infos a {
    color: var(--grey);
    text-decoration: none
}

.main-single-product__info--payment--details--infos a:hover {
    font-weight: 800
}

.main-single-product__info--payment--details {
    display: grid;
    justify-items: center;
    align-items: center;
    grid-area: details;
    box-sizing: border-box;
    padding: 50px;
    margin-top: -16px;
    margin-bottom: -16px
}

.main-single-product__info--payment--details--descrition {
    max-width: 100vw;
    display: grid;
    grid-template-columns:1fr 50%;
    grid-gap: 50px
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment--details--descrition {
        max-width: 90vw;
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment--details--descrition {
        max-width: 90vw;
        grid-template-columns:1fr
    }
}

.main-single-product__info--payment--details--descrition span {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey)
}

.main-single-product__info--payment--info {
    grid-area: info;
    padding: 30px 0 30px 0
}

.main-single-product__info--payment--info__features__characteristics div ul {
    margin: 0;
    padding: 0
}

.main-single-product__info--payment--info__features, .main-single-product__info--payment--info__features__characteristics div ul {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(3, 1fr);
    justify-content: center;
    grid-column-gap: 50px
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment--info__features, .main-single-product__info--payment--info__features__characteristics div ul {
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment--info__features, .main-single-product__info--payment--info__features__characteristics div ul {
        grid-template-columns:1fr 1fr;
        padding: 0 20px;
        gap: 5px
    }
}

.main-single-product__info--payment--info__features div {
    display: grid;
    grid-template-columns:36px 1fr;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment--info__features div {
        grid-gap: 10px
    }
}

.main-single-product__info--payment--info__features div img {
    width: 36px;
    height: 36px;
    padding: 5px
}

.btn--info-payment {
    width: 100%;
    background-color: #000;
    color: #fff;
    margin-top: 35px;
    font-family: Manrope;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none
}

@media only screen and (max-width: 480px) {
    .btn--info-payment {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90vw
    }
}

.main-single-product__info--payment--title-product {
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200;
    font-stretch: condensed;
    font-style: italic;
    letter-spacing: 1.14px;
    color: var(--grey);
    text-transform: uppercase;
    margin: 0
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment--title-product {
        font-size: 50px
    }
}

.main-single-product__info--payment--title-product strong {
    display: block;
    font-family: Anybody;
    font-size: 80px;
    font-weight: 900
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment--title-product strong {
        font-size: 50px
    }
}

.main-single-product__info--payment--price, .main-single-product__info--payment--size-text {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey);
    width: 60%
}

.main-single-product__info--payment--price span {
    display: block
}

.main-single-product__info--payment--info {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    align-items: center;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: var(--grey)
}

@media only screen and (max-width: 800px) {
    .main-single-product__info--payment--info {
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (max-width: 480px) {
    .main-single-product__info--payment--info {
        grid-template-columns:1fr
    }
}

.single_title_more {
    display: block;
    text-transform: uppercase;
    margin-bottom: 24px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 800
}

.single_categorys {
    width: 70%
}

.single_categorys a {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #3b3b3b
}

.single_categorys b {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #3b3b3b;
    border-radius: 50px;
    position: relative;
    padding-bottom: -5px;
    margin: 0 10px
}

.l-galery-single {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 20px;
    margin: 0 40px
}

@media only screen and (max-width: 800px) {
    .l-galery-single {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 480px) {
    .l-galery-single {
        display: none;
        grid-template-columns:repeat(2, 1fr)
    }
}

.iten-galery {
    filter: opacity(0.3);
    border: 1px solid #3b3b3b;
    display: block;
    height: 100px;
    width: 100%;
    object-fit: cover;
    cursor: pointer
}

.iten-galery.js-item-galery-active {
    filter: opacity(1)
}

@media only screen and (max-width: 800px) {
    .iten-galery {
        height: 100px
    }
}

.single_price {
    background-color: var(--primary-color);
    display: inline-block !important;
    padding: 0px 6px;
    font-family: Manrope;
    font-weight: bold;
    font-size: 15px
}

.single-attribute {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 800;
    padding: 0 5px;
    text-transform: uppercase
}

.single-attribute:hover {
    background-color: #FFF
}

.popup_single {
    --color: #CCC
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100vw;
    position: fixed;
    bottom: -140px;
    transition: all .5s ease-in-out;
    z-index: 99999;
    left: 0
}

@media only screen and (max-width: 800px) {
    .popup_single {
        width: 90vw !important;
        left: 22px
    }
}

.popup_single.active {
    bottom: 40px
}

@media only screen and (max-width: 480px) {
    .popup_single.active {
        bottom: 0px
    }
}

@media only screen and (max-width: 800px) {
    .popup_single.active {
        bottom: 22px
    }
}

.popup_single strong {
    color: #3b3b3b
}

.popup_single .single-attribute {
    color: #3b3b3b;
    border: 1px solid #3b3b3b;
    width: 47px;
    height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.popup_single .btn--info-payment {
    padding: 10px 24px;
    margin-top: 0
}

.popup_single .btn--info-payment img {
    display: none;
    width: 35px;
    height: 35px;
    padding: 5px;
    filter: brightness(1.2)
}

@media only screen and (max-width: 800px) {
    .popup_single .btn--info-payment img {
        display: block
    }
}

.popup_single .btn--info-payment span {
    display: block
}

@media only screen and (max-width: 800px) {
    .popup_single .btn--info-payment span {
        display: none
    }
}

@media only screen and (max-width: 800px) {
    .popup_single .btn--info-payment {
        border-radius: 50px;
        width: 50px;
        height: 50px;
        padding: 0
    }
}

.popup_single__container {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: flex;
    padding: 15px 15px;
    width: 1200px;
    max-width: 100vw;
    background-color: var(--color);
    margin: 0 auto;
    justify-content: space-between;
    align-items: center
}

.popup_single__container img {
    width: 100px;
    height: 65px;
    object-fit: cover
}

@media only screen and (max-width: 800px) {
    .popup_single__container img {
        display: none
    }
}

@media only screen and (max-width: 800px) {
    .popup_single__container {
        display: grid;
        grid-template-areas:"title title" "var bt";
        grid-template-columns:1fr 50px;
        grid-gap: 10px
    }
}

.a-title {
    grid-area: title;
    font-size: 15px
}

@media only screen and (max-width: 800px) {
    .a-title {
        display: flex
    }
}

.a-title strong {
    margin-right: 15px
}

.a-var {
    grid-area: var
}

.a-bt {
    grid-area: bt
}

.variation_check:checked ~ label span {
    background-color: #fff !important
}

.variation_check ~ label span {
    cursor: pointer
}

.single_grafico {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 30px;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .single_grafico {
        grid-template-columns:repeat(2, 1fr);
        width: 90vw;
        margin: 0 auto
    }
}

@media only screen and (max-width: 480px) {
    .single_grafico {
        grid-template-columns:repeat(1, 1fr)
    }
}

.inner--grafico {
    border-top: 1px solid var(--border-color);
    padding: 70px 0
}

@media only screen and (max-width: 480px) {
    .inner--grafico {
        padding: 40px 0
    }
}

.sem-stock, .sem-stock span {
    pointer-events: none;
    background: linear-gradient(37deg, transparent 50%, var(--grey), transparent 54%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.single_arco {
    display: block;
    filter: invert(100);
    position: absolute;
    width: 150px;
    right: 50px;
    top: 50px
}

@media only screen and (max-width: 800px) {
    .single_arco {
        right: 50px
    }
}

.box_arco {
    position: relative
}

.link-click-view {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: var(--grey);
    cursor: pointer
}

.zero-stock {
    pointer-events: none;
    opacity: .3
}

.main__login {
    max-width: 100vw;
    height: auto;
    display: grid;
    justify-items: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 50px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: bold;
    color: var(--grey)
}

.main__login__containner {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    width: var(--width-default)
}

.main__login--form input[type=email], .main__login--form input[type=text], .main__login--form input[type=password] {
    display: block;
    width: 70%;
    padding: 17px 0 17px 0;
    border: solid 1px var(--grey);
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 20px;
    text-indent: 20px;
    color: var(--border-color)
}

.entry-content {
    max-width: 100vw;
    height: auto;
    display: grid;
    justify-items: center;
    align-items: center;
    margin-top: 80px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: bold;
    color: var(--grey)
}

.entry-content .woocommerce {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    width: var(--width-default)
}

.entry-content .woocommerce {
    grid-template-columns:repeat(1, 1fr)
}

.woocommerce form.register, .woocommerce form.login {
    border: 0px solid var(--grey);
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 0px
}

.woocommerce form .form-row input.input-text {
    background-color: transparent;
    border: 1px solid var(--grey);
    min-height: 40px;
    line-height: 40px;
    text-indent: 12px;
    color: var(--border-color);
    max-width: 100vw
}

.woocommerce form .form-row label {
    font-weight: lighter;
    line-height: 3
}

.woocommerce button.button {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce button.button:hover {
    background-color: var(--bg-footer);
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce .u-column1 {
    border-right: 1px solid var(--border-color)
}

.woocommerce a {
    color: var(--border-color);
    text-decoration: underline;
    font-weight: lighter
}

.woocommerce a:hover {
    font-weight: bold
}

.woocommerce-privacy-policy-text {
    font-size: 12px;
    font-weight: lighter
}

.woocommerce-privacy-policy-link {
    color: var(--border-color);
    text-decoration: underline
}

.woocommerce-privacy-policy-link:hover {
    font-weight: bold
}

.lost_password a {
    color: var(--border-color);
    text-decoration: underline;
    font-weight: lighter
}

.lost_password a:hover {
    font-weight: bold
}

.lost_reset_password {
    padding: 50px 30px
}

fieldset {
    border: 1px dashed var(--border-color)
}

.woocommerce-MyAccount-navigation {
    max-width: 100vw
}

.woocommerce-MyAccount-navigation ul {
    display: block;
    border: 1px solid var(--border-color);
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: none
}

.woocommerce-MyAccount-navigation ul .is-active a {
    background-color: var(--border-color);
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    line-height: 40px;
    border-bottom: 1px solid var(--border-color);
    color: var(--border-color);
    text-decoration: none;
    font-weight: lighter;
    padding: 0 15px
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: var(--border-color);
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce-Address {
    font-size: 12px;
    font-weight: normal
}

.woocommerce table.shop_table td {
    border-top: 1px solid var(--border-color)
}

.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
    border-top: 1px solid var(--border-color)
}

.woocommerce .woocommerce-customer-details address {
    border: 1px solid var(--border-color);
    padding: 20px
}

.woocommerce-checkout #payment div.payment_box {
    background-color: var(--border-color);
    max-width: 100vw
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--border-color);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent
}

.my_step_minha_conta_go .woocommerce-MyAccount-content p:nth-child(2) {
    font-size: 0px;
    border-bottom: 1px solid var(--border-color)
}

.my_step_minha_conta_go .woocommerce-MyAccount-content p:nth-child(2) strong:nth-child(1) {
    display: block;
    font-family: Anybody;
    font-weight: bold;
    font-size: 80px;
    text-transform: uppercase;
    font-style: italic
}

.my_step_minha_conta_go .woocommerce-MyAccount-content p:nth-child(2) strong:nth-child(1)::before {
    display: block;
    font-style: italic !important;
    content: 'HELLO,';
    font-family: Anybody;
    font-size: 80px;
    font-weight: 200
}

.my_step_minha_conta_edit_address_faturamento_go .entry-content .woocommerce, [class*='my_step_minha_conta_view_order'] .entry-content .woocommerce, .my_step_minha_conta_edit_address_go .entry-content .woocommerce, .my_step_minha_conta_edit_account_go .entry-content .woocommerce, .my_step_minha_conta_go .entry-content .woocommerce, .my_step_minha_conta_orders_go .entry-content .woocommerce, .my_step_minha_conta_downloads_go .entry-content .woocommerce {
    grid-template-columns:30% 1fr;
    grid-gap: 50px;
    padding: 50px 0
}

@media only screen and (max-width: 800px) {
    .my_step_minha_conta_edit_address_faturamento_go .entry-content .woocommerce, [class*='my_step_minha_conta_view_order'] .entry-content .woocommerce, .my_step_minha_conta_edit_address_go .entry-content .woocommerce, .my_step_minha_conta_edit_account_go .entry-content .woocommerce, .my_step_minha_conta_go .entry-content .woocommerce, .my_step_minha_conta_orders_go .entry-content .woocommerce, .my_step_minha_conta_downloads_go .entry-content .woocommerce {
        grid-template-columns:1fr
    }
}

.my_step_minha_conta_edit_address_faturamento_go .entry-content .woocommerce > div, [class*='my_step_minha_conta_view_order'] .entry-content .woocommerce > div, .my_step_minha_conta_edit_address_go .entry-content .woocommerce > div, .my_step_minha_conta_edit_account_go .entry-content .woocommerce > div, .my_step_minha_conta_go .entry-content .woocommerce > div, .my_step_minha_conta_orders_go .entry-content .woocommerce > div, .my_step_minha_conta_downloads_go .entry-content .woocommerce > div {
    max-width: 100vw
}

.dark .woocommerce .woocommerce-message a.button {
    background-color: #3b3b3b !important;
    color: #e3e0d7
}

.dark .woocommerce .woocommerce-message a.button:hover {
    color: #e3e0d7;
    background-color: #161616 !important
}

.validate-required input.input-text {
    border-color: #fb3729 !important
}

.validate-required select {
    border-color: #fb3729 !important
}

.my_step_finalizar_compra_go .entry-content .woocommerce, .my_step_carrinho_go .entry-content .woocommerce {
    padding: 50px 0
}

@media only screen and (max-width: 800px) {
    .woocommerce form .form-row-last {
        float: none !important
    }
}

.woocommerce form .form-row textarea {
    border: 1px solid var(--border-color);
    padding: 7px;
    background-color: transparent;
    color: var(--border-color)
}

.woocommerce button.button:disabled {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color)
}

.woocommerce button.button:disabled[disabled] {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color)
}

.woocommerce button.button.alt {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color)
}

.woocommerce button.button.alt:hover {
    background-color: var(--bg-footer);
    border-radius: 0;
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce a.button {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce a.button.alt {
    background-color: var(--border-color);
    border-radius: 0;
    color: var(--primary-color)
}

.woocommerce a.button.alt:hover {
    background-color: var(--bg-footer);
    border-radius: 0;
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce a.button:hover {
    background-color: var(--bg-footer);
    border-radius: 0;
    color: var(--primary-color);
    font-weight: lighter
}

.woocommerce table.shop_table {
    border: 1px solid var(--border-color);
    border-radius: 0
}

.woocommerce table.cart td.actions .input-text {
    line-height: 30px;
    width: 180px;
    max-width: 100vw
}

.woocommerce form .form-row .select2-container, .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .woocommerce-checkout #payment, .woocommerce-checkout-review-order, .woocommerce-form-coupon-toggle {
    max-width: 100vw
}

.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0px
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid var(--border-color)
}

.woocommerce-info {
    background-color: var(--glass);
    color: var(--grey);
    border-top: 3px solid var(--border-color)
}

.woocommerce-info::before {
    color: var(--border-color)
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
    max-width: 100vw
}

.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 75px
}

.woocommerce table.shop_table {
    max-width: 100vw
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    background-color: transparent;
    color: var(--border-color);
    border: 1px solid var(--border-color)
}

.woocommerce table.cart td.actions .input-text {
    background-color: transparent;
    color: var(--border-color);
    border: 1px solid var(--border-color);
    text-indent: 12px
}

.my_step_categoria_produto_clothing_tshirts_go {
    padding-top: 78px
}

.l-category {
    display: grid;
    grid-template-columns:30% 1fr;
    grid-gap: 30px
}

.l-category > div:nth-child(1) {
    border-right: 1px solid var(--border-color)
}

.l-products {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 480px) {
    .l-products {
        width: 90vw;
        margin: 0 auto
    }
}

.filtros__title {
    display: grid;
    grid-template-columns:1fr 20px;
    border-top: 1px solid var(--border-color);
    text-transform: uppercase;
    font-weight: lighter;
    line-height: 50px;
    color: var(--border-color);
    margin-bottom: 0;
    font-family: Manrope;
    font-size: 15px;
    text-transform: uppercase
}

.filtros__title span {
    font-weight: bold;
    cursor: pointer
}

.filtros__options {
    display: flex;
    align-items: center;
    line-height: 34px;
    color: var(--border-color)
}

.filtros__options input[type=checkbox] {
    margin-right: 12px;
    width: 12px;
    height: 12px
}

.filter__title {
    margin-left: 10px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (max-width: 800px) {
    .filter__title {
        font-size: 12px
    }
}

.filtros__title {
    font-family: Manrope;
    font-size: 25px;
    font-weight: normal;
    line-height: 58px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 800px) {
    .filtros__title {
        padding-left: 30px
    }
}

.accordion-faq {
    text-transform: none !important;
    font-size: 18px !important
}

@media only screen and (max-width: 480px) {
    .accordion-faq {
        font-size: 14px !important
    }
}

@media only screen and (max-width: 480px) {
    .faq-title {
        padding-left: 30px
    }
}

.filter__box {
    display: block;
    margin-bottom: 0px;
    transition: all .5s ease-in-out;
    max-height: 0px;
    overflow: hidden
}

@media only screen and (max-width: 800px) {
    .filter__box {
        padding-left: 30px;
        padding-right: 20px
    }
}

.filter__box.active {
    display: block;
    max-height: 100vh;
    margin-bottom: 20px
}

.alter-image ~ .off {
    display: inline-block
}

.alter-image ~ .on {
    display: none
}

.alter-image:checked ~ .off {
    display: none
}

.alter-image:checked ~ .on {
    display: inline-block
}

.products__item {
    display: block;
    font-size: 15px
}

@media only screen and (max-width: 800px) {
    .products__item {
        font-size: 12px
    }
}

.products__figuro {
    display: block;
    position: relative;
    border: 1px solid var(--border-color)
}

.products__off {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #FFF;
    color: #3b3b3b;
    padding: 4px;
    font-size: 15px
}

.products__link_image {
    display: block;
    line-height: 0 !important
}

.products__cart {
    --size: 80%;
    position: absolute;
    right: 10%;
    bottom: 10px;
    width: var(--size);
    height: 40px;
    background-color: #252525;
    color: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 40px;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .products__cart {
        font-size: 11px
    }
}

.products__cart img {
    padding: 12px
}

.products__cart:hover {
    background-color: #303030
}

.products__title {
    display: block;
    text-transform: uppercase;
    line-height: 34px;
    color: var(--border-color);
    font-weight: 800;
    text-decoration: none;
    font-size: 14px
}

@media only screen and (max-width: 800px) {
    .products__title {
        font-size: 12px
    }
}

.products__from {
    color: var(--gre);
    text-decoration: line-through
}

.products__do {
    color: #C00
}

.products__figure {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.color_filter {
    --is-color: #CCC;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50px
}

.color_filter:hover, .color_filter.active {
    border: 1px solid var(--border-color);
    cursor: pointer
}

.color_filter span {
    background-color: var(--is-color);
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    margin: 4px
}

.pa_cores {
    display: grid !important;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 10px
}

.pa_cores .filter__title {
    display: none
}

@media screen and (max-width: 761px) {
    .l-category {
        grid-template-columns:1fr;
        padding-top: 0 30px
    }

    .l-products {
        grid-template-columns:repeat(2, 1fr);
        padding-top: 0 30px
    }
}

.multiple {
    display: block;
    position: relative;
    background: linear-gradient(var(--border-color), var(--border-color));
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
    margin-bottom: 20px
}

.multiple span {
    display: block;
    height: 22px;
    background: linear-gradient(var(--border-color), var(--border-color));
    background-size: 100% 3px;
    width: 30%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute
}

.multiple input[type=range] {
    background-color: transparent;
    overflow: visible;
    display: block;
    width: 100%;
    position: absolute;
    -webkit-appearance: none;
    pointer-events: none
}

.multiple input[type=range]::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
    background-color: transparent;
    -webkit-appearance: none;
    pointer-events: all;
    border: 1px solid var(--border-color);
    background-color: var(--primary-color);
    border-radius: 50px;
    cursor: pointer
}

.container--selo {
    position: relative
}

.blog_selo {
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: -120px;
    right: 0
}

@media only screen and (max-width: 800px) {
    .blog_selo {
        width: auto;
        height: auto
    }
}

.filters {
    padding: 30px 0
}

.filters h2 {
    font-family: Manrope;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid var(--border-color);
    width: auto;
    display: inline-block
}

.filtros_category {
    display: flex;
    width: 50%
}

.filtros_category [type=checkbox]:checked ~ label {
    font-weight: bold
}

.filtros_category [type=checkbox]:checked ~ label::before {
    display: block;
    content: 'X';
    margin-right: 15px;
    font-weight: lighter
}

.filtros_category label {
    display: flex;
    margin-top: 20px;
    margin-right: 20px
}

.correcao_trip {
    align-items: none
}

@media only screen and (max-width: 800px) {
    .max-w-tablet-95 {
        padding-right: 30px
    }
}

.filtros-menu {
    display: none;
    width: 100%;
    border-bottom: 1px solid var(--grey);
    line-height: 50px;
    margin-top: 10px;
    padding-left: 20px
}

.filtros-menu span:before {
    display: block;
    content: '>';
    transform: rotate(90deg);
    padding-left: 13px;
    font-size: 32px;
    cursor: pointer
}

.filtros-menu.active span:before {
    content: 'x'
}

@media only screen and (max-width: 480px) {
    .filtros-menu {
        display: grid;
        grid-template-columns:1fr 50px;
        align-items: center
    }
}

@media only screen and (max-width: 480px) {
    .js-filter-mobile {
        transition: all .5s ease-in-out;
        max-height: 0px;
        overflow: hidden
    }

    .js-filter-mobile.active {
        max-height: 200vh
    }
}

@media only screen and (max-width: 480px) {
    .gap-top-category-mobile {
        --line: 10px !important
    }
}

.privacy {
    display: grid;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999;
    grid-template-rows:1fr 200px
}

@media only screen and (max-width: 800px) {
    .privacy {
        grid-template-rows:1fr 1fr
    }
}

.privacy__box {
    display: block;
    box-sizing: border-box;
    padding: 30px;
    background-color: #FFF;
    border-radius: 5px 5px 0 0
}

.privacy__box .container {
    display: grid;
    min-height: 200px;
    grid-template-columns:1fr 30%;
    margin: 0 auto;
    align-items: center;
    max-width: 80vw;
    padding-bottom: 50px
}

@media only screen and (max-width: 800px) {
    .privacy__box .container {
        grid-template-columns:1fr;
        gap: 40px
    }
}

.privacy h3 {
    margin: 0;
    margin-bottom: 5px
}

.privacy p {
    margin: 0;
    padding: 0
}

.privacy__list {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.privacy__list li {
    margin-left: 27px
}

.privacy__list li::marker {
    color: #C00
}

.privacy a {
    text-decoration: none;
    font-family: Manrope;
    font-weight: 200;
    color: #C00;
    font-size: 12px;
    padding: 3px 7px
}

.privacy a:hover {
    text-decoration: underline
}

.privacy__btn {
    display: block;
    background-color: #f7f7f7;
    color: #555;
    border: none;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    padding: 12px 0;
    text-align: center;
    margin-bottom: 12px
}

.privacy__btn:hover {
    background: #e6e6e6
}

.privacy__btn--primary {
    background-color: #C00;
    color: #FFF
}

.privacy__btn--primary:hover {
    background: #800
}

.privacy__links {
    text-align: center
}

.terms {
    width: 1200px;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid var(--border-color);
    color: var(--border-color)
}

.terms h2 {
    text-transform: uppercase;
    font-family: Anybody;
    font-weight: 900;
    font-size: 32px;
    transition: all .3s ease-in-out
}

.terms h2:hover {
    font-weight: 600;
    font-stretch: 80%
}

.terms > div {
    display: grid;
    grid-template-columns:1fr 50px;
    align-items: center
}

.terms > span {
    display: block;
    transition: all 1s ease-in-out;
    max-height: 0px;
    overflow: hidden;
    font-family: Manrope;
    font-size: 12px
}

.terms label {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid var(--border-color);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 32px;
    font-weight: 200
}

.terms label::before {
    display: block;
    content: '+'
}

.checks:checked + div > span {
    display: block;
    max-height: 7000px
}

.checks:checked + div > div > label::before {
    display: block;
    content: '-'
}

.area-logo {
    grid-area: area-logo
}

.area-title {
    grid-area: area-title
}

.area-variacao {
    grid-area: area-variacao
}

.area-botao {
    grid-area: area-botao
}

.variation_check:checked ~ label {
    background-color: #FFF
}

.dark .c-cart-pop .single-attribute {
    color: #3b3b3b
}

.dark .c-cart-pop .sem-stock, .dark .c-cart-pop .sem-stock span {
    background: linear-gradient(37deg, transparent 50%, #3b3b3b, transparent 54%)
}

.c-cart-pop.active {
    bottom: 0px
}

.c-cart-pop {
    --color: #C00;
    display: grid;
    box-sizing: border-box;
    width: 100vw;
    padding: 21px;
    background-color: var(--color);
    position: fixed;
    bottom: -150px;
    left: 0;
    grid-template-areas:"area-title area-title"
 "area-variacao area-botao";
    grid-template-columns:1fr 35px;
    row-gap: 15px;
    transition: all .7s ease-in-out;
    z-index: 99999
}

.c-cart-pop img {
    max-width: 100%
}

.area-logo {
    display: none
}

.c-card-pop-btn {
    display: block;
    cursor: pointer
}

.c-card-pop-btn img {
    display: block;
    width: 35px;
    height: 35px;
    padding: 6px;
    background-color: #000;
    filter: brightness(1.2);
    border-radius: 50px
}

.c-card-pop-btn span {
    display: none
}

.area-title strong {
    display: inline-block;
    font-family: Manrope;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.5px;
    color: #3b3b3b;
    margin-right: 15px
}

.area-title span {
    width: 85px;
    height: 21px;
    margin: 0 8px 0 6px;
    font-family: Manrope;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1.5px;
    color: #3b3b3b;
    background-color: #FFF;
    padding: 0 7px
}

.area-variacao {
    display: block
}

.area-variacao span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 48px;
    border: 1px solid #3b3b3b;
    font-weight: bold;
    font-family: Manrope
}

@media (min-width: 600px) {
    .c-cart-pop.active {
        bottom: 21px
    }

    .c-cart-pop {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        width: calc(100vw - 42px);
        padding: 40px;
        bottom: -150px;
        left: 21px;
        grid-template-areas:"area-title area-variacao area-botao";
        grid-template-columns:1fr 45% 33%;
        row-gap: 15px;
        align-items: center
    }

    .c-card-pop-btn img {
        display: none
    }

    .c-card-pop-btn span {
        display: block;
        background-color: #161616;
        color: #FFF;
        text-align: center;
        line-height: 45px;
        font-size: 15px;
        text-transform: uppercase
    }

    .area-variacao span {
        height: 45px;
        width: 58px
    }

    .area-title strong {
        font-family: Manrope;
        display: block;
        font-size: 15px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        margin-bottom: 7px
    }

    .area-title span {
        font-size: 15px
    }
}

@media (min-width: 992px) {
    .c-cart-pop.active {
        bottom: 21px
    }

    .c-cart-pop {
        width: 90vw;
        padding: 21px;
        bottom: -150px;
        left: 5vw;
        grid-template-areas:"area-logo area-title area-variacao area-botao";
        grid-template-columns:119px 15% 1fr 240px;
        gap: 21px;
        align-items: center
    }

    .area-logo {
        display: block;
        height: 79px;
        object-fit: cover
    }
}

.quick-view {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out
}

.quick-view--active {
    opacity: 1;
    pointer-events: all
}

.quick-view > div {
    width: 500px;
    max-width: 80vw;
    position: relative
}

.quick-view > div > b {
    background-color: #000;
    color: #EEE;
    border: 3px solid #EEE;
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: absolute;
    right: -15px;
    top: -15px;
    font-size: 14px;
    cursor: pointer
}

.quick-view > div > b:hover {
    filter: invert(1)
}

.popup_size-fluid {
    display: flex;
    position: fixed;
    width: 100vw;
    top: 110px;
    left: 0;
    justify-content: center;
    align-items: center
}

.popup_size-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    color: #FFF;
    padding: 7px 14px;
    width: 700px;
    max-width: 90vw;
    align-items: center;
    position: relative;
    height: 50px
}

.popup_size-text {
    text-align: center;
    display: block;
    font-family: Anybody;
    font-size: 24px;
    font-stretch: condensed;
    letter-spacing: 1.14px;
    color: #FFF;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 200
}

@media (min-width: 800px) {
    .popup_size-text {
        font-size: 35px
    }
}

.popup_size-text b {
    font-family: Anybody;
    font-weight: 900
}

.popup_size-close {
    display: flex;
    --w: 20px;
    width: var(--w);
    height: var(--w);
    color: #000;
    background-color: #FFF;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    cursor: pointer;
    position: absolute;
    right: 32px;
    top: 16px
}

.container--spotify {
    display: grid;
    grid-template-columns: 1fr 30%;
    margin: 30px 0 30px 0;
}

@media (max-width: 1000px) {
    .container--spotify {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    
    .container--spotify iframe {
        padding: 0 2rem;
    }
}