@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/1d699af3-0e50-4c4b-a343-42d071e85714.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/1d699af3-0e50-4c4b-a343-42d071e85714.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/5414f75e-5cb8-4357-88e5-5a294424c859.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/537b145a-6a7d-4787-81d9-7228d3a42458.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/8e50278c-45cd-4808-b774-24767d958f17.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/d918b947-5fcb-42e2-8286-a98a801876de.svg.css#d918b947-5fcb-42e2-8286-a98a801876de") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 300;
    font-style: oblique;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/b1721311-de06-4277-8dcb-bf39e072b75e.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/b1721311-de06-4277-8dcb-bf39e072b75e.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/c71beaba-ad09-45b0-9e21-78db525b4d1c.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/c357a65e-dd87-4d11-8063-db04802d44c0.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/6b9ca17d-cb9d-43bb-8b43-93670b45b83f.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/198ed3e2-0cdf-496f-a0ef-86da8d4dde55.svg.css#198ed3e2-0cdf-496f-a0ef-86da8d4dde55") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/413d9688-00d4-47c4-bb55-656a0cd396e9.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/413d9688-00d4-47c4-bb55-656a0cd396e9.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg.css#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 400;
    font-style: oblique;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/402df645-4a32-4a66-9584-257f7972c133.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/1c164451-034c-41f5-9542-390709016510.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/7062b4ff-265a-4366-b34f-443ec5cc2dad.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/09f52831-e1cf-48be-9c1e-2d1577e420b7.svg.css#09f52831-e1cf-48be-9c1e-2d1577e420b7") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/2e9af08f-0faf-45e3-9767-78a700434af3.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/2e9af08f-0faf-45e3-9767-78a700434af3.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/d5153ad4-7c93-4757-9147-640e69ec4801.svg.css#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/28713fce-3c78-4ec7-86bd-fc6da65d2b1c.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/746f551e-eccf-461a-93a8-b885802a32a5.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/e721a83e-fd4b-4dd9-82fd-76f3108e7e16.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/ee5ac1bd-d9cf-43b7-8e09-407b4c5d4e9e.svg.css#ee5ac1bd-d9cf-43b7-8e09-407b4c5d4e9e") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/7bb1c0cb-e6e9-44ea-ae0c-1984ad7e3339.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/1454a71d-cdbb-429c-8092-122f4493e0c7.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg.css#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/363fd092-cd55-4bd1-bdc5-cfc9a7057517.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/363fd092-cd55-4bd1-bdc5-cfc9a7057517.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/2576748c-c86d-474c-b80b-33a1ce248599.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/25f577c3-f32b-4fbf-b684-3e7c1a76d1ea.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/2ed49e17-92ad-4026-9ae6-d20f88f21840.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/969cd675-2b4c-4baa-ada6-62bb7ace778f.svg.css#969cd675-2b4c-4baa-ada6-62bb7ace778f") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/087e5c21-3358-4cf3-9d2c-289a03a48292.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/087e5c21-3358-4cf3-9d2c-289a03a48292.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/30ebcbfa-d651-4ecd-a0a2-2bb110def1d4.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/fb754dec-aa8f-444c-be48-868464c47ab0.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/c573d9d0-0726-4b95-aeee-fb621a299563.svg.css#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 400;
    font-style: oblique;
    font-stretch: condensed;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/d8bd40fc-2c9a-4086-8784-aa10c7143886.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/d8bd40fc-2c9a-4086-8784-aa10c7143886.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/bedf9150-5659-4119-9640-0f16e67d82b9.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/9131f395-46ef-4940-8480-8ff008c42e59.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/d399cbfa-b9be-47ac-983c-3600c2684bb2.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/18bf7dff-7b52-4a2c-8fcc-c7eac8f02636.svg.css#18bf7dff-7b52-4a2c-8fcc-c7eac8f02636") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/257c802f-349c-4b4d-aefa-546d5de15ec6.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/257c802f-349c-4b4d-aefa-546d5de15ec6.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/5fdc935e-9e30-442a-bbe9-8d887b858471.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/616c4c87-a077-43f4-a9f4-f01267c13818.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/c901ad5f-a842-4549-a1f4-583a97f7e169.svg.css#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/0061ab1d-ac0a-492f-a33d-d95980a095a8.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/0061ab1d-ac0a-492f-a33d-d95980a095a8.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/2d0f2527-9135-46ea-8ebb-c5ac063478f7.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/1feee13e-ded1-4d73-9d76-c5ed16a43117.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/b3f82d90-14bc-4c20-8a10-a6b7bd0f304f.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/5e602f8a-1e6a-461e-bfd8-ff46a5460527.svg.css#5e602f8a-1e6a-461e-bfd8-ff46a5460527") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/1c50e546-f8f6-40c2-8230-2d8f284effee.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/1b99d71c-c066-4ce3-b4af-38dfd9fe3d85.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/8fa9ef8a-e824-4c25-a2ae-90b58c98c789.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/aea6178e-a137-430d-9ebb-265f36bc6380.svg.css#aea6178e-a137-430d-9ebb-265f36bc6380") format("svg")
}

@font-face {
    font-family: "Trade Gothic LT STD";
    font-weight: 700;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/05caf824-53b4-4d9b-ac35-8a6015f654c6.eot.css?#iefix");
    src: url("https://bathbodymx.vteximg.com.br/arquivos/05caf824-53b4-4d9b-ac35-8a6015f654c6.eot.css?#iefix") format("eot"),url("https://bathbodymx.vteximg.com.br/arquivos/8308f746-cb57-4066-a22a-ce1538f045d4.woff2.css") format("woff2"),url("https://bathbodymx.vteximg.com.br/arquivos/996dd89e-14cc-474b-ab23-4c08626c90af.woff.css") format("woff"),url("https://bathbodymx.vteximg.com.br/arquivos/61c477f8-fef9-4faa-a464-e5b4096672c4.ttf.css") format("truetype"),url("https://bathbodymx.vteximg.com.br/arquivos/e02253cf-f0ca-49e8-bc36-38ef6e2b9812.svg.css#e02253cf-f0ca-49e8-bc36-38ef6e2b9812") format("svg")
}

@font-face {
    font-family: "Just Lovely";
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap;
    src: url("https://bathbodymx.vteximg.com.br/arquivos/bathandbodyJustLovely.woff2.css") format("woff2")
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0;
    marker-offset: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit
}

button {
    border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none;
    margin-bottom: 0
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-size: 16px;
    overflow-x: hidden
}

@media screen and (min-width: 360px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1440px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size:16px
    }
}

body {
    width: 100%;
    min-height: 100vh;
    font-family: "Source Sans 3", sans-serif;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #666666;
    background-color: white;
    -webkit-transition: padding-top 0.3s;
    transition: padding-top 0.3s
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #c2c2c2
}

body::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #f2f2f2
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: black
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    color: inherit;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.1
}

h1>small,h2>small,h3>small,h4>small,h5>small,h6>small {
    display: block;
    color: inherit
}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {
    font-weight: 800;
    color: inherit
}

h1 {
    font-size: 25.2px;
    font-size: 2.1rem
}

@media screen and (min-width: 1024px) {
    h1 {
        font-size:30px;
        font-size: 2.5rem
    }
}

h2 {
    font-size: 22.8px;
    font-size: 1.9rem
}

@media screen and (min-width: 1024px) {
    h2 {
        font-size:27.6px;
        font-size: 2.3rem
    }
}

h3 {
    font-size: 20.4px;
    font-size: 1.7rem
}

@media screen and (min-width: 1024px) {
    h3 {
        font-size:24px;
        font-size: 2rem
    }
}

h4 {
    font-size: 18px;
    font-size: 1.5rem
}

@media screen and (min-width: 1024px) {
    h4 {
        font-size:24px;
        font-size: 2rem
    }
}

h5 {
    font-size: 15.6px;
    font-size: 1.3rem
}

@media screen and (min-width: 1024px) {
    h5 {
        font-size:18px;
        font-size: 1.5rem
    }
}

h6 {
    font-size: 13.2px;
    font-size: 1.1rem
}

@media screen and (min-width: 1024px) {
    h6 {
        font-size:15.6px;
        font-size: 1.3rem
    }
}

p {
    margin-bottom: 1em
}

p:last-child,p:only-child,p:only-of-type {
    margin-bottom: 0
}

a {
    text-decoration: none;
    -webkit-transition: color 0.2s ease,background-color 0.2s ease;
    transition: color 0.2s ease,background-color 0.2s ease
}

p a {
    text-decoration: underline;
    color: #333333
}

p a:hover {
    text-decoration: none;
    color: #333333
}

a:focus,a:hover {
    outline: none;
    color: inherit;
    text-decoration: underline
}

b,mark,strong {
    font-weight: 700;
    color: inherit;
    background: none
}

em,i {
    font-weight: 400;
    font-style: normal
}

em {
    color: inherit
}

blockquote {
    margin: 0.75em 2em;
    font-size: 14.4px;
    font-size: 1.2rem
}

img {
    width: 100%;
    display: block
}

button {
    font-size: inherit;
    background-color: transparent;
    cursor: pointer
}

.page-main--home-page,.page-main--internal-page,.re-central,.re-cien,.re-middle,.site-footer,.site-header,.site-nav {
    width: 100%;
    min-width: 240px
}

.re-central,.re-cien,.re-middle {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.re-central,.re-central--big,.re-central--medium,.re-central--small {
    margin-left: auto;
    margin-right: auto
}

.re-central,.re-central--big,.re-central--medium,.re-central--small {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 0) and (max-width:359px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:100%
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:100%
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:98%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:94%
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:972.8px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:1248px
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:1224px
    }
}

@media screen and (min-width: 1920px) {
    .re-central,.re-central--big,.re-central--medium,.re-central--small {
        width:1440px
    }
}

.re-central--big,.re-central--medium,.re-central--small {
    width: auto
}

.re-central--small {
    max-width: 955px
}

.re-central--medium {
    max-width: 1400px
}

@media screen and (min-width: 1920px) {
    .re-central--medium {
        max-width:1440px
    }
}

.re-central--big {
    max-width: 1680px
}

.re-middle {
    width: 88%
}

h1.brand-wrapper {
    position: static;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0
}

.site-brand {
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 505;
    background-color: transparent;
    -webkit-transform: translate(-50%,55%);
    -ms-transform: translate(-50%,55%);
    transform: translate(-50%,55%);
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s
}

@media screen and (min-width: 1024px) {
    .site-brand {
        bottom:3.375em;
        z-index: 595;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.site-brand__svg {
    width: 50vw;
    display: block;
    opacity: 1
}

@media screen and (min-width: 480px) {
    .site-brand__svg {
        width:260px
    }
}

@media screen and (min-width: 1024px) {
    .site-brand__svg {
        width:21.25em
    }
}

.Cintillo-wrapper {
    width: 100%;
    height: 2.5em;
    border-bottom: 1px solid #f2f2f2;
    display: none;
    position: sticky;
    top: 0;
    font-size: 12px;
    font-size: 1rem;
    z-index: 600;
    background: white url(https://bathbodymx.vteximg.com.br/arquivos/290620-gingham-pattern.svg) center top;
    -webkit-transition: top 0.3s;
    transition: top 0.3s
}

@media screen and (min-width: 768px) {
    .Cintillo-wrapper {
        height:2.5em
    }
}

@media screen and (min-width: 1024px) {
    .Cintillo-wrapper {
        height:2.5em
    }
}

body.has-cintillo .Cintillo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Cintillo-wrapper.is-sticky {
    position: sticky;
    top: 0
}

.Cintillo {
    max-width: 90%;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 8.4px;
    font-size: 0.7rem;
    text-align: center;
    color: #005699;
    background-color: white
}

@media screen and (min-width: 480px) {
    .Cintillo {
        font-size:9.6px;
        font-size: 0.8rem
    }
}

@media screen and (min-width: 768px) {
    .Cintillo {
        font-size:10.8px;
        font-size: 0.9rem
    }
}

@media screen and (min-width: 1024px) {
    .Cintillo {
        font-size:12px;
        font-size: 1rem
    }
}

.Cintillo-title {
    font-weight: 600
}

.Cintillo-titleKind {
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase
}

.Cintillo-titleCode {
    margin-left: 0.75em;
    margin-right: 0.5em;
    white-space: nowrap
}

.Cintillo-titleDetails {
    font-size: 0.6em;
    text-transform: uppercase;
    text-decoration: underline
}

@media screen and (max-width: 479px) {
    .Cintillo-titleDetails {
        float:right;
        font-size: 0.7em
    }
}

.Cintillo-title small {
    font-size: 0.9em
}

.Cintillo-trigger__hide {
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Cintillo-trigger__hide .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    color: white
}

.site-header {
    height: 3.125em;
    border-bottom: 3px solid #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 650;
    background-color: white;
    -webkit-transition: top 0.5s,-webkit-box-shadow 0.3s;
    transition: top 0.5s,-webkit-box-shadow 0.3s;
    transition: top 0.5s,box-shadow 0.3s;
    transition: top 0.5s,box-shadow 0.3s,-webkit-box-shadow 0.3s
}

@media screen and (min-width: 768px) {
    .site-header {
        height:2.8125em
    }
}

@media screen and (min-width: 1024px) {
    .site-header {
        height:9.5625em
    }
}

@media screen and (min-width: 1024px) {
    .site-header {
        z-index:500
    }
}

@media screen and (max-width: 1023px) {
    .site-header.is-sticky {
        z-index:500
    }
}

@media screen and (min-width: 1024px) {
    .site-header.is-sticky {
        position:fixed;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.075);
        box-shadow: 0 0 4px rgba(0,0,0,0.075)
    }
}

.top-bar {
    width: 100%;
    display: none;
    position: relative;
    z-index: 580;
    font-size: 12px;
    font-size: 1rem;
    color: #333333;
    background-color: #f2f2f2;
    line-height: 0em
}

@media screen and (min-width: 768px) {
    .top-bar {
        line-height:0em
    }
}

@media screen and (min-width: 1024px) {
    .top-bar {
        line-height:2.1875em
    }
}

@media screen and (min-width: 1024px) {
    .top-bar {
        display:block
    }
}

.top-bar__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7em
}

[class*=top-bar__list] {
    position: relative;
    margin-right: 2em
}

@media screen and (min-width: 1024px) {
    [class*=top-bar__list] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

[class*=top-bar__list]:last-child {
    margin-right: 0
}

.top-bar__list--left {
    display: none
}

@media screen and (min-width: 768px) {
    .top-bar__list--left {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.top-bar__item {
    font-style: italic;
    color: currentColor
}

.top-bar__item svg {
    width: 1em;
    height: 1em;
    margin-left: 0.75em;
    color: currentColor
}

.top-bar__item svg.svg-icon-chevron-down {
    stroke-width: 4
}

.top-bar a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: inherit
}

.top-bar a:hover {
    color: #ed088c
}

[class*=middle-bar--] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    z-index: 530;
    font-size: 9px;
    font-size: 0.75rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s
}

@media screen and (min-width: 1024px) {
    [class*=middle-bar--] {
        top:3.4375em;
        font-size: 12px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .middle-bar--left {
        left:calc((100% - 94%) / 2 + 15px)
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .middle-bar--left {
        left:calc((100% - 98%) / 2 + 15px)
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .middle-bar--left {
        left:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (max-width: 359px) {
    .middle-bar--left {
        left:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (min-width: 1024px) {
    .middle-bar--left {
        display:none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .middle-bar--right {
        right:calc((100% - 94%) / 2 + 15px)
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .middle-bar--right {
        right:calc((100% - 98%) / 2 + 15px)
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .middle-bar--right {
        right:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (max-width: 359px) {
    .middle-bar--right {
        right:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (min-width: 1024px) {
    .middle-bar--right {
        right:50%;
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .middle-bar--right {
        margin-right:-486.4px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .middle-bar--right {
        margin-right:-624px
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .middle-bar--right {
        margin-right:-612px
    }
}

@media screen and (min-width: 1920px) {
    .middle-bar--right {
        margin-right:-720px
    }
}

.middle-bar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.middle-bar__item,.middle-bar__separator {
    font-size: 0.9em;
    margin-right: 0.5em
}

@media screen and (min-width: 1024px) {
    .middle-bar__item,.middle-bar__separator {
        margin-right:1.25em
    }
}

.middle-bar__item:last-child,.middle-bar__separator:last-child {
    margin-right: 0
}

.middle-bar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit
}

.middle-bar__separator {
    display: none;
    position: relative
}

@media screen and (min-width: 1024px) {
    .middle-bar__separator {
        display:inline-block;
        vertical-align: middle
    }
}

.middle-bar__separator:before {
    content: "";
    width: 1px;
    height: 25px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: inherit;
    background-color: #005699
}

.middle-bar a:hover {
    text-decoration: underline
}

.nav-ecommerce__item {
    position: relative;
    font-size: 1em
}

.nav-ecommerce__item--minicart.is-empty .svg-icon {
    display: block
}

.nav-ecommerce__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.nav-ecommerce__link:focus,.nav-ecommerce__link:hover {
    text-decoration: none;
    color: inherit
}

[class*=nav-ecommerce__icon] {
    width: 1.75em;
    height: 1.75em;
    display: block;
    color: #005699
}

@media screen and (max-width: 1023px) {
    .middle-bar--right [class*=nav-ecommerce__icon] {
        width:2.25em;
        height: 2.25em
    }
}

@media screen and (min-width: 1024px) {
    .nav-ecommerce__icon--minicart {
        width:2em;
        height: 2em
    }
}

.nav-ecommerce__label {
    margin-left: 0.5em;
    display: none;
    line-height: 1
}

.nav-ecommerce__label--counter {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #005699;
    -webkit-transform: translate(-50%,-5%);
    -ms-transform: translate(-50%,-5%);
    transform: translate(-50%,-5%)
}

.nav-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    background-color: transparent;
    cursor: pointer
}

.nav-trigger--open {
    margin-right: 0.25em;
    position: static;
    top: 0;
    z-index: 2;
    font-size: 1rem
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .nav-trigger--open {
        left:calc((100% - 94%) / 2 + 15px)
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .nav-trigger--open {
        left:calc((100% - 98%) / 2 + 15px)
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .nav-trigger--open {
        left:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (max-width: 359px) {
    .nav-trigger--open {
        left:calc((100% - 100%) / 2 + 15px)
    }
}

@media screen and (min-width: 1024px) {
    .nav-trigger--open {
        left:50%;
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .nav-trigger--open {
        margin-left:-486.4px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .nav-trigger--open {
        margin-left:-624px
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .nav-trigger--open {
        margin-left:-612px
    }
}

@media screen and (min-width: 1920px) {
    .nav-trigger--open {
        margin-left:-720px
    }
}

@media screen and (min-width: 1024px) {
    .nav-trigger--open {
        display:none;
        height: 4.625em
    }
}

.nav-trigger--close {
    float: right
}

.nav-trigger--close .svg-icon.svg-icon {
    width: 1em;
    height: 1em;
    margin-right: 0;
    color: #005699
}

.nav-trigger__icon {
    width: 21px;
    height: 21px;
    display: block;
    position: relative;
    overflow: hidden
}

.nav-trigger__hamburguer {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 2px;
    margin-top: -1px;
    background: #005699
}

.nav-trigger.is-active .nav-trigger__hamburguer {
    background-color: transparent
}

.nav-trigger__hamburguer,.nav-trigger__hamburguer:after,.nav-trigger__hamburguer:before {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.nav-trigger__hamburguer:after,.nav-trigger__hamburguer:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    border-radius: 2px;
    background: #005699
}

.nav-trigger__hamburguer:before {
    bottom: 7px
}

.nav-trigger.is-active .nav-trigger__hamburguer:before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-trigger__hamburguer:after {
    top: 7px
}

.nav-trigger.is-active .nav-trigger__hamburguer:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-trigger__label {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    display: none;
    font-size: 1.25em;
    margin-right: 1em
}

@media screen and (min-width: 768px) {
    .nav-trigger__label {
        display:block
    }
}

@media screen and (min-width: 1024px) {
    .nav-trigger__label {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 1em;
        margin-right: 0
    }
}

.site-nav {
    position: absolute;
    left: 0
}

.site-nav .svg-icon__wrapper {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 5;
    font-size: 1.2em;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out
}

@media screen and (min-width: 1024px) {
    .site-nav .svg-icon__wrapper {
        display:none
    }
}

.site-nav .svg-icon__wrapper .svg-icon {
    width: 0.8em;
    height: 0.8em;
    stroke-width: 3;
    color: #666666
}

.site-nav .nav-accordion__trigger--active .svg-icon__wrapper {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.site-nav li>a {
    font-family: "Source Sans 3", sans-serif;
    text-decoration: none
}

@media screen and (max-width: 1023px) {
    .site-nav {
        width:85%;
        max-width: 350px;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 1010;
        background-color: #f2f2f2;
        visibility: hidden;
        -webkit-transition: left 0.5s cubic-bezier(0.25,0.46,0.45,0.94),visibility 0.5s;
        transition: left 0.5s cubic-bezier(0.25,0.46,0.45,0.94),visibility 0.5s
    }

    body.menu-shown .site-nav {
        left: 0;
        visibility: visible
    }

    .site-nav::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #c2c2c2
    }

    .site-nav::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #f2f2f2
    }

    .site-nav::-webkit-scrollbar {
        width: 10px;
        background-color: black
    }

    .site-nav__header {
        padding: 20px 20px 20px 15px;
        line-height: normal;
        text-transform: uppercase;
        color: #005699;
        background-color: white
    }

    ul.re-ul-principal {
        width: 100%;
        background-color: white
    }

    ul.re-ul-principal li>a {
        display: block;
        position: relative
    }

    ul.re-ul-principal li>a,ul.re-ul-principal li>a:focus,ul.re-ul-principal li>a:hover {
        padding-top: 1em;
        padding-bottom: 1em;
        margin-left: auto;
        margin-right: auto
    }

    .site-nav__secondary {
        padding-top: 15px;
        padding-bottom: 75px;
        background-color: #f2f2f2
    }

    .site-nav__secondary a {
        padding: 8px 15px;
        display: block;
        font-size: 0.875em
    }

    .nav-item--level-1 {
        position: relative;
        border-bottom: 1px solid #eaeaea;
        background-color: white;
        -webkit-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out
    }

    .nav-item--level-1:first-child {
        border-top: 1px solid #eaeaea
    }

    .nav-item--level-1>a {
        padding-left: 15px;
        padding-right: 15px;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1em;
        font-weight: 300;
        text-transform: uppercase;
        color: #333333
    }

    .nav-item--level-1>a.nav-accordion__trigger--active:before {
        width: 4px
    }

    .nav-item--level-1>a:before {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #005699;
        -webkit-transition: width 0.3s ease-out;
        transition: width 0.3s ease-out
    }

    .nav-item--level-1>a>.svg-icon {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
        color: #005699
    }

    .nav-list--level-2 {
        min-height: 0!important;
        max-height: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        -webkit-transition-property: max-height,opacity,visibility,-webkit-transform;
        transition-property: max-height,opacity,visibility,-webkit-transform;
        transition-property: max-height,opacity,visibility,transform;
        transition-property: max-height,opacity,visibility,transform,-webkit-transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)
    }

    .nav-item--is-active>.nav-list--level-2 {
        max-height: 2500px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nav-item--level-2 {
        width: 100%;
        position: relative;
        -webkit-transition: max-height 0.3s ease-out;
        transition: max-height 0.3s ease-out
    }

    .nav-item--level-2:last-child,.nav-item--level-2:last-of-type {
        border-bottom: none
    }

    .nav-item--level-2>a {
        padding-left: 30px;
        padding-right: 15px;
        font-size: 0.75em;
        font-weight: 700;
        text-transform: uppercase;
        color: #333333
    }

    .nav-list--level-3 {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out
    }

    .nav-item--is-active>.nav-list--level-3 {
        max-height: 1000px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nav-item--level-3:last-child,.nav-item--level-3:last-of-type {
        border-bottom: none
    }

    .nav-item--level-3>a {
        padding-top: 0.75em!important;
        padding-bottom: 0.75em!important;
        padding-left: 45px;
        padding-right: 15px;
        font-size: 0.75rem;
        color: #666666
    }

    .nav-item--level-3>a>img {
        display: none
    }

    .nav-item--image,.nav-item--product-list {
        display: none
    }

    .nav-item--image,.nav-item--product-list {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .site-nav {
        width:100%;
        height: 2.75em;
        position: absolute;
        bottom: 0;
        z-index: 520;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent
    }

    .site-nav__header {
        display: none
    }

    .re-nav-color {
        width: 100%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1024px) and (min-width:0) and (max-width:359px) {
    .re-nav-color {
        width:100%
    }
}

@media screen and (min-width: 1024px) and (min-width:360px) and (max-width:479px) {
    .re-nav-color {
        width:100%
    }
}

@media screen and (min-width: 1024px) and (min-width:480px) and (max-width:767px) {
    .re-nav-color {
        width:98%
    }
}

@media screen and (min-width: 1024px) and (min-width:768px) and (max-width:1023px) {
    .re-nav-color {
        width:94%
    }
}

@media screen and (min-width: 1024px) and (min-width:1024px) and (max-width:1279px) {
    .re-nav-color {
        width:972.8px
    }
}

@media screen and (min-width: 1024px) and (min-width:1280px) and (max-width:1439px) {
    .re-nav-color {
        width:1248px
    }
}

@media screen and (min-width: 1024px) and (min-width:1440px) and (max-width:1919px) {
    .re-nav-color {
        width:1224px
    }
}

@media screen and (min-width: 1024px) and (min-width:1920px) {
    .re-nav-color {
        width:1440px
    }
}

@media screen and (min-width: 1024px) {
    ul.re-ul-principal {
        height:auto!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        position: static;
        font-size: 12px;
        font-size: 1rem;
        font-weight: 400
    }

    ul.re-ul-principal ul a {
        display: block
    }

    .nav-item--level-1 {
        height: 44px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: static
    }

    .nav-item--level-1:first-child {
        margin-left: 0
    }

    .nav-item--level-1>a {
        height: 44px;
        padding-left: 1.75em;
        padding-right: 1.75em;
        border-bottom: 3px solid white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        font-size: 0.8125em;
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.2px;
        color: #333333;
        -webkit-transition: border-color 0.5s;
        transition: border-color 0.5s
    }

    .nav-item--level-1>a>.svg-icon {
        display: none
    }

    .nav-item--level-1.is-active>a {
        color: #333333;
        border-bottom-color: #005699
    }

    .nav-list--level-2 {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 90px;
        padding-right: 90px;
        border-top: 3px solid #f2f2f2;
        position: absolute;
        top: 100%;
        left: 15px;
        right: 15px;
        background-color: white;
        opacity: 0;
        visibility: hidden;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

    .nav-list--level-1.ListL2-shown .nav-list--level-2 {
        -webkit-transition: all 0s ease;
        transition: all 0s ease
    }

    .nav-item--level-1.is-active>.nav-list--level-2 {
        opacity: 1;
        visibility: visible
    }

    .nav-list--level-2:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        z-index: -1;
        background-color: white;
        -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.075);
        box-shadow: 0 7px 20px rgba(0,0,0,0.075)
    }

    .nav-item--level-2 {
        width: 175px;
        margin-bottom: 1em
    }

    .nav-item--level-2.is-hover>a {
        color: #005699
    }

    .nav-item--level-2.has-children.is-hover>a:before {
        width: 0.35em
    }

    .nav-item--level-2.has-children.is-hover>a:after {
        border-color: #005699;
        right: 0.5em
    }

    .nav-item--level-2.has-children>a:before {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: -1.5em;
        background-color: #005699;
        -webkit-transition: width 0.5s;
        transition: width 0.5s
    }

    .nav-item--level-2.has-children>a:after {
        content: "";
        width: 0.5em;
        height: 0.5em;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #666666;
        position: absolute;
        top: 50%;
        right: 1em;
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
        -webkit-transition: all 0.5s;
        transition: all 0.5s
    }

    .nav-item--level-2.nav-item--offers {
        position: absolute;
        top: 30px;
        left: 335px;
        -webkit-transition: left 0.3s ease-out;
        transition: left 0.3s ease-out
    }

    .grandchildren-shown .nav-item--level-2.nav-item--offers {
        left: 500px
    }

    .nav-item--level-2.nav-item--offers:before {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        left: -30px;
        border-left: 1px solid #f2f2f2
    }

    .nav-item--level-2>a {
        padding-top: 0.85em;
        padding-bottom: 0.85em;
        display: block;
        position: relative;
        font-family: "Source Sans 3", sans-serif;
        font-size: 0.7625em;
        font-weight: 700;
        text-transform: uppercase;
        color: #333333;
        cursor: pointer
    }

    .nav-list--level-3 {
        width: 175px;
        position: absolute;
        top: 30px;
        left: 280px;
        z-index: -1;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: left 0.5s ease-out,opacity 0.5s ease-out,z-index 0 step-end;
        transition: left 0.5s ease-out,opacity 0.5s ease-out,z-index 0 step-end;
        pointer-events: none
    }

    .is-hover .nav-list--level-3 {
        left: 295px;
        z-index: 1;
        opacity: 1;
        -webkit-transition: left 0.5s ease-out,opacity 0.5s ease-out,z-index 0.2s step-start;
        transition: left 0.5s ease-out,opacity 0.5s ease-out,z-index 0.2s step-start;
        pointer-events: auto
    }

    .nav-item--offers .nav-list--level-3 {
        width: 100%;
        display: block;
        position: static;
        opacity: 1;
        pointer-events: auto
    }

    .nav-item--level-3 {
        width: 100%;
        margin-bottom: 0.25em
    }

    .nav-item--level-3>a {
        padding-top: 0.75em;
        padding-bottom: 0.75em;
        font-size: 0.875em;
        font-weight: 300;
        color: #666666
    }

    .nav-item--level-3:hover>a {
        color: #005699
    }

    .nav-item--level-3 img {
        display: block
    }

    .nav-item--level-3 span {
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: inherit;
        text-align: center
    }

    .nav-item--product-list {
        width: 25%;
        position: absolute;
        top: 55px;
        right: 2.5%;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .nav-item--product-list h2 {
        display: none
    }

    .nav-item--product-list .product-item {
        width: 100%;
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #f2f2f2;
        background-color: rgba(255,255,255,0.75)
    }

    .nav-item--product-list .product-item-quick-view {
        display: none
    }

    .nav-item--product-list .product-item-name {
        display: block
    }

    .nav-item--product-list .button-flat {
        margin-bottom: 15px
    }

    .nav-item--product-list .button-lineal {
        display: none
    }

    .nav-link--bold {
        font-weight: 500
    }

    .nav-link--italic {
        font-weight: 500;
        font-style: italic
    }

    .nav-link--label {
        cursor: default
    }

    .nav-link--label:hover {
        text-decoration: none
    }

    .nav-item--image {
        width: 30%;
        border-left: 1px solid #dddddd
    }
}

@media screen and (min-width: 1024px) and (min-width:1024px) {
    .nav-item--image {
        padding-left:60px;
        margin-left: auto
    }
}

@media screen and (min-width: 1024px) {
    .nav-image__figure {
        width:100%
    }

    .nav-image__caption {
        width: 100%;
        margin-top: 1.5em;
        font-family: "Source Sans 3", sans-serif
    }

    .nav-image__caption a {
        font-size: 0.95em
    }

    .nav-image__title {
        display: block;
        margin-bottom: 0.5em;
        text-transform: uppercase;
        color: #005699
    }

    li.dl-back {
        display: none
    }
}

body>main {
    margin-bottom: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: auto;
    background-color: white
}

@media screen and (min-width: 1024px) {
    body.brand main,body.categoria main,body.departamento main,body.resultado-busca main {
        z-index:auto
    }
}

main>.re-central:after,main>.re-cien>.re-central:after {
    content: "";
    display: block;
    clear: both
}

.general-sidebar {
    position: relative;
    z-index: 200
}

.site-footer {
    min-height: 25px;
    border-top: 3px solid #f2f2f2;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    font-family: "Source Sans 3", sans-serif;
    color: #666666;
    background: white
}

.footer__block-container {
    overflow: hidden;
    margin-bottom: 1.5em
}

@media screen and (min-width: 1024px) {
    .footer__block-container {
        margin-bottom:0
    }
}

.footer__block-container:last-child {
    margin-bottom: 0
}

.footer__block-container--contact {
    width: 100%
}

@media screen and (min-width: 768px) {
    .footer__block-container--contact {
        width:35%
    }
}

@media screen and (min-width: 1024px) {
    .footer__block-container--contact {
        width:20em
    }
}

.footer__block-container--nav {
    width: 100%
}

@media screen and (max-width: 767px) {
    .footer__block-container--nav {
        margin-top:2em
    }
}

@media screen and (min-width: 768px) {
    .footer__block-container--nav {
        width:40%;
        margin-left: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 1024px) {
    .footer__block-container--nav {
        margin-left:5em
    }
}

.footer__block {
    position: relative;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 300
}

.pre-footer .footer__block {
    padding-left: 70px;
    margin-bottom: 2em
}

.pre-footer .footer__block:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .pre-footer .footer__block {
        width:30%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .footer__block--nav .footer__block {
        width:50%
    }
}

.footer__block--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__block--copy {
    width: 80%;
    margin-top: 3em
}

@media screen and (min-width: 768px) {
    .footer__block--copy {
        width:23.4375em;
        margin-top: 0.5em;
        margin-left: auto
    }
}

@media screen and (min-width: 1280px) {
    .footer__block--copy {
        width:28.125em
    }
}

.footer__note {
    font-weight: 400
}

.footer__title {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.75em;
    text-transform: uppercase;
    color: #333333
}

@media screen and (min-width: 1024px) {
    .footer__title {
        margin-top:0;
        margin-bottom: 0.5em
    }
}

.footer__title svg {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    color: currentColor
}

.footer__list {
    font-size: 0.875em
}

.footer__list--payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__list--payment>li {
    margin-bottom: 1em;
    margin-right: 0.75em
}

.footer__list--payment>li:last-child {
    margin-right: 0
}

.footer__list--social {
    font-size: 15px;
    font-size: 1.25rem
}

.footer__list--social>li {
    display: inline-block;
    margin-right: 1em
}

.footer__list--social>li:last-child {
    margin-right: 0
}

.footer__list--social>li a {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__list--social>li svg {
    width: 0.9em;
    height: 0.9em;
    color: white
}

.footer__list--social a:hover {
    text-decoration: none
}

.footer__list>li {
    margin-bottom: 0.75em
}

.footer__list a:hover {
    color: inherit
}

.footer__link--facebook {
    background-color: #3460a1
}

.footer__link--instagram {
    background-color: #35648b
}

.footer__link--twitter {
    background-color: #28aae1
}

.footer__link--youtube {
    background-color: #ee3138
}

.footer__link--pinterest {
    background-color: #ce2129
}

.pre-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #666666
}

@media screen and (min-width: 1024px) {
    .pre-footer {
        padding-top:45px;
        padding-bottom: 45px
    }
}

.principal-footer__wrapper {
    margin-bottom: 2.5em
}

.principal-footer__wrapper .svg-icon-brand-footer {
    width: 8em;
    height: 1.0675675676em;
    margin-top: 30px;
    color: #005699
}

@media screen and (min-width: 1024px) {
    .principal-footer__wrapper .svg-icon-brand-footer {
        width:15em;
        height: 2.0016891892em
    }
}

.principal-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto
}

@media screen and (min-width: 1024px) {
    .principal-footer {
        padding-top:30px;
        padding-bottom: 30px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.post-footer {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 6px;
    font-size: 0.5rem;
    font-weight: 400;
    background-color: #f2f2f2
}

@media screen and (min-width: 1024px) {
    .post-footer {
        font-size:8.4px;
        font-size: 0.7rem;
        margin: 0 auto
    }
}

.post-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width: 480px) {
    .post-footer__content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right
    }
}

.footer__legal__links a {
    margin-right: 1em;
    display: inline-block
}

.footer__legal__links a:last-child {
    margin-right: 0
}

.developed-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300
}

@media screen and (max-width: 479px) {
    .developed-by {
        margin-top:1em
    }
}

.developed-by a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-decoration: none
}

.developed-by a:first-child img {
    max-height: 18px
}

.developed-by a:nth-child(2) {
    margin-left: 1em;
    margin-right: 1em
}

.developed-by a:nth-child(2) img {
    max-height: 20px
}

.developed-by img {
    width: auto;
    display: block
}

.FooterAccordion-trigger {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
    text-transform: uppercase;
    background-color: #f2f2f2
}

@media screen and (min-width: 768px) {
    .FooterAccordion-trigger {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .FooterAccordion-content {
        display:none
    }
}

.button-wrapper {
    display: block;
    margin-top: 15px
}

.button-flat,.button-lineal {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    font-size: 12px;
    font-size: 1rem;
    cursor: pointer
}

.button-flat:focus,.button-flat:hover,.button-lineal:focus,.button-lineal:hover {
    text-decoration: none
}

.button-flat.short,.button-lineal.short {
    padding-left: 1em;
    padding-right: 1em
}

.button-flat.large,.button-lineal.large {
    padding-left: 2em;
    padding-right: 2em
}

.button-flat.small,.button-lineal.small {
    font-size: 0.8rem
}

.button-flat.big,.button-lineal.big {
    font-size: 1.5rem
}

.button-flat svg,.button-lineal svg {
    margin-right: 0.5em
}

.button-lineal {
    width: auto;
    min-width: 125px;
    padding: 1em 1.875em;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.025em;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: border-color 0.2s,color 0.2s,-webkit-box-shadow 0.2s;
    transition: border-color 0.2s,color 0.2s,-webkit-box-shadow 0.2s;
    transition: border-color 0.2s,color 0.2s,box-shadow 0.2s;
    transition: border-color 0.2s,color 0.2s,box-shadow 0.2s,-webkit-box-shadow 0.2s
}

.button-lineal.primary {
    border-color: #005699;
    color: #005699;
    -webkit-box-shadow: inset 0 0 0 #005699,inset 0 0 0 #005699;
    box-shadow: inset 0 0 0 #005699,inset 0 0 0 #005699
}

.button-lineal.primary:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 #005699,inset -300px 0 0 #005699;
    box-shadow: inset 300px 0 0 #005699,inset -300px 0 0 #005699
}

.button-lineal.secondary {
    border-color: #ed088c;
    color: #ed088c;
    -webkit-box-shadow: inset 0 0 0 #ed088c,inset 0 0 0 #ed088c;
    box-shadow: inset 0 0 0 #ed088c,inset 0 0 0 #ed088c
}

.button-lineal.secondary:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 #ed088c,inset -300px 0 0 #ed088c;
    box-shadow: inset 300px 0 0 #ed088c,inset -300px 0 0 #ed088c
}

.button-lineal.tertiary {
    border-color: #cc0000;
    color: #cc0000;
    -webkit-box-shadow: inset 0 0 0 #cc0000,inset 0 0 0 #cc0000;
    box-shadow: inset 0 0 0 #cc0000,inset 0 0 0 #cc0000
}

.button-lineal.tertiary:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 #cc0000,inset -300px 0 0 #cc0000;
    box-shadow: inset 300px 0 0 #cc0000,inset -300px 0 0 #cc0000
}

.button-lineal.accent {
    border-color: #f5323e;
    color: #f5323e;
    -webkit-box-shadow: inset 0 0 0 #f5323e,inset 0 0 0 #f5323e;
    box-shadow: inset 0 0 0 #f5323e,inset 0 0 0 #f5323e
}

.button-lineal.accent:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 #f5323e,inset -300px 0 0 #f5323e;
    box-shadow: inset 300px 0 0 #f5323e,inset -300px 0 0 #f5323e
}

.button-lineal.dark {
    border-color: #2c3137;
    color: #2c3137;
    -webkit-box-shadow: inset 0 0 0 #2c3137,inset 0 0 0 #2c3137;
    box-shadow: inset 0 0 0 #2c3137,inset 0 0 0 #2c3137
}

.button-lineal.dark:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 #2c3137,inset -300px 0 0 #2c3137;
    box-shadow: inset 300px 0 0 #2c3137,inset -300px 0 0 #2c3137
}

.button-lineal.white {
    border-color: white;
    color: white;
    -webkit-box-shadow: inset 0 0 0 white,inset 0 0 0 white;
    box-shadow: inset 0 0 0 white,inset 0 0 0 white
}

.button-lineal.white:hover {
    color: black;
    -webkit-box-shadow: inset 300px 0 0 white,inset -300px 0 0 white;
    box-shadow: inset 300px 0 0 white,inset -300px 0 0 white
}

.button-lineal.black {
    border-color: black;
    color: black;
    -webkit-box-shadow: inset 0 0 0 black,inset 0 0 0 black;
    box-shadow: inset 0 0 0 black,inset 0 0 0 black
}

.button-lineal.black:hover {
    color: white;
    -webkit-box-shadow: inset 300px 0 0 black,inset -300px 0 0 black;
    box-shadow: inset 300px 0 0 black,inset -300px 0 0 black
}

.button-flat {
    width: auto;
    padding: 1em 1.4375em;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    background-color: transparent;
    -webkit-transition: color 0.2s,background-color 0.2s!important;
    transition: color 0.2s,background-color 0.2s!important
}

.button-flat.primary {
    color: white;
    background-color: #005699
}

.button-flat.primary:hover {
    background-color: #003966
}

.button-flat.secondary {
    color: white;
    background-color: #ed088c
}

.button-flat.secondary:hover {
    background-color: #bc066f
}

.button-flat.tertiary {
    color: white;
    background-color: #cc0000
}

.button-flat.tertiary:hover {
    background-color: #990000
}

.button-flat.accent {
    color: white;
    background-color: #f5323e
}

.button-flat.accent:hover {
    background-color: #e90b19
}

.button-flat.dark {
    color: white;
    background-color: #2c3137
}

.button-flat.dark:hover {
    background-color: #15181b
}

.button-flat.white {
    color: black;
    background-color: white
}

.button-flat.white:hover {
    background-color: #e6e6e6
}

.button-flat.black {
    color: white;
    background-color: black
}

.button-flat.black:hover {
    background-color: black
}

.button-flat.dark {
    background: #333333;
    border: 1px solid #333333;
    color: white
}

.button-flat.dark:focus,.button-flat.dark:hover {
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    color: #333333
}

.button-flat.dark:active {
    background: white
}

.button-flat.line {
    color: #333333;
    text-decoration: underline;
    font-size: 0.875em;
    text-transform: capitalize
}

.button-flat.line:focus,.button-flat.line:hover {
    text-decoration: none
}

.icons-additional {
    display: inline-block;
    vertical-align: middle;
    background-image: url(https://bathbodymx.vteximg.com.br/arquivos/images_icons_icons-additional.png);
    background-position: center top;
    background-size: 1000px auto;
    background-repeat: no-repeat
}

.icons-additional[class*=" icon-"]:hover,.icons-additional[class^=icon-]:hover {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.icon-playstore {
    width: 40px;
    height: 40px;
    background-position: -100px -314px
}

.icon-appstore {
    width: 32px;
    height: 40px;
    background-position: -100px -354px
}

.icon-amex,.icon-amipci,.icon-amvo,.icon-banamex,.icon-bancomer,.icon-dhl,.icon-estafeta,.icon-fedex,.icon-firewall,.icon-mastercard,.icon-mercadopago,.icon-norton,.icon-oxxo,.icon-pagoseguro,.icon-paypal,.icon-santander,.icon-scotiabank,.icon-seveneleven,.icon-socioamipci,.icon-ssl,.icon-visa {
    background-size: 600px auto
}

@media screen and (min-width: 768px) {
    .icon-amex,.icon-amipci,.icon-amvo,.icon-banamex,.icon-bancomer,.icon-dhl,.icon-estafeta,.icon-fedex,.icon-firewall,.icon-mastercard,.icon-mercadopago,.icon-norton,.icon-oxxo,.icon-pagoseguro,.icon-paypal,.icon-santander,.icon-scotiabank,.icon-seveneleven,.icon-socioamipci,.icon-ssl,.icon-visa {
        background-size:700px auto
    }
}

@media screen and (min-width: 1024px) {
    .icon-amex,.icon-amipci,.icon-amvo,.icon-banamex,.icon-bancomer,.icon-dhl,.icon-estafeta,.icon-fedex,.icon-firewall,.icon-mastercard,.icon-mercadopago,.icon-norton,.icon-oxxo,.icon-pagoseguro,.icon-paypal,.icon-santander,.icon-scotiabank,.icon-seveneleven,.icon-socioamipci,.icon-ssl,.icon-visa {
        background-size:700px auto
    }
}

@media screen and (min-width: 1440px) {
    .icon-amex,.icon-amipci,.icon-amvo,.icon-banamex,.icon-bancomer,.icon-dhl,.icon-estafeta,.icon-fedex,.icon-firewall,.icon-mastercard,.icon-mercadopago,.icon-norton,.icon-oxxo,.icon-pagoseguro,.icon-paypal,.icon-santander,.icon-scotiabank,.icon-seveneleven,.icon-socioamipci,.icon-ssl,.icon-visa {
        background-size:800px auto
    }
}

.icon-amex {
    width: 18px;
    height: 18px;
    background-position: -60px 0px
}

@media screen and (min-width: 768px) {
    .icon-amex {
        width:21px;
        height: 21px;
        background-position: -70px 0px
    }
}

@media screen and (min-width: 1024px) {
    .icon-amex {
        width:21px;
        height: 21px;
        background-position: -70px 0px
    }
}

@media screen and (min-width: 1440px) {
    .icon-amex {
        width:24px;
        height: 24px;
        background-position: -80px 0px
    }
}

.icon-visa {
    width: 37.2px;
    height: 12px;
    background-position: -60px -21px
}

@media screen and (min-width: 768px) {
    .icon-visa {
        width:43.4px;
        height: 14px;
        background-position: -70px -24.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-visa {
        width:43.4px;
        height: 14px;
        background-position: -70px -24.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-visa {
        width:49.6px;
        height: 16px;
        background-position: -80px -28px
    }
}

.icon-mastercard {
    width: 23.4px;
    height: 18px;
    background-position: -60px -36px
}

@media screen and (min-width: 768px) {
    .icon-mastercard {
        width:27.3px;
        height: 21px;
        background-position: -70px -42px
    }
}

@media screen and (min-width: 1024px) {
    .icon-mastercard {
        width:27.3px;
        height: 21px;
        background-position: -70px -42px
    }
}

@media screen and (min-width: 1440px) {
    .icon-mastercard {
        width:31.2px;
        height: 24px;
        background-position: -80px -48px
    }
}

.icon-paypal {
    width: 53.4px;
    height: 13.8px;
    background-position: -60px -57px
}

@media screen and (min-width: 768px) {
    .icon-paypal {
        width:62.3px;
        height: 16.1px;
        background-position: -70px -66.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-paypal {
        width:62.3px;
        height: 16.1px;
        background-position: -70px -66.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-paypal {
        width:71.2px;
        height: 18.4px;
        background-position: -80px -76px
    }
}

.icon-mercadopago {
    width: 60px;
    height: 15.6px;
    background-position: -60px -75px
}

@media screen and (min-width: 768px) {
    .icon-mercadopago {
        width:70px;
        height: 18.2px;
        background-position: -70px -87.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-mercadopago {
        width:70px;
        height: 18.2px;
        background-position: -70px -87.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-mercadopago {
        width:80px;
        height: 20.8px;
        background-position: -80px -100px
    }
}

.icon-banamex {
    width: 57.6px;
    height: 12.6px;
    background-position: -60px -93px
}

@media screen and (min-width: 768px) {
    .icon-banamex {
        width:67.2px;
        height: 14.7px;
        background-position: -70px -108.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-banamex {
        width:67.2px;
        height: 14.7px;
        background-position: -70px -108.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-banamex {
        width:76.8px;
        height: 16.8px;
        background-position: -80px -124px
    }
}

.icon-bancomer {
    width: 60px;
    height: 16.8px;
    background-position: -60px -108px
}

@media screen and (min-width: 768px) {
    .icon-bancomer {
        width:70px;
        height: 19.6px;
        background-position: -70px -126px
    }
}

@media screen and (min-width: 1024px) {
    .icon-bancomer {
        width:70px;
        height: 19.6px;
        background-position: -70px -126px
    }
}

@media screen and (min-width: 1440px) {
    .icon-bancomer {
        width:80px;
        height: 22.4px;
        background-position: -80px -144px
    }
}

.icon-santander {
    width: 55.8px;
    height: 10.2px;
    background-position: -60px -129px
}

@media screen and (min-width: 768px) {
    .icon-santander {
        width:65.1px;
        height: 11.9px;
        background-position: -70px -150.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-santander {
        width:65.1px;
        height: 11.9px;
        background-position: -70px -150.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-santander {
        width:74.4px;
        height: 13.6px;
        background-position: -80px -172px
    }
}

.icon-scotiabank {
    width: 60px;
    height: 10.8px;
    background-position: -60px -144px
}

@media screen and (min-width: 768px) {
    .icon-scotiabank {
        width:70px;
        height: 12.6px;
        background-position: -70px -168px
    }
}

@media screen and (min-width: 1024px) {
    .icon-scotiabank {
        width:70px;
        height: 12.6px;
        background-position: -70px -168px
    }
}

@media screen and (min-width: 1440px) {
    .icon-scotiabank {
        width:80px;
        height: 14.4px;
        background-position: -80px -192px
    }
}

.icon-oxxo {
    width: 30px;
    height: 15px;
    background-position: -60px -159px
}

@media screen and (min-width: 768px) {
    .icon-oxxo {
        width:35px;
        height: 17.5px;
        background-position: -70px -185.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-oxxo {
        width:35px;
        height: 17.5px;
        background-position: -70px -185.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-oxxo {
        width:40px;
        height: 20px;
        background-position: -80px -212px
    }
}

.icon-seveneleven {
    width: 17.4px;
    height: 18px;
    background-position: -60px -177px
}

@media screen and (min-width: 768px) {
    .icon-seveneleven {
        width:20.3px;
        height: 21px;
        background-position: -70px -206.5px
    }
}

@media screen and (min-width: 1024px) {
    .icon-seveneleven {
        width:20.3px;
        height: 21px;
        background-position: -70px -206.5px
    }
}

@media screen and (min-width: 1440px) {
    .icon-seveneleven {
        width:23.2px;
        height: 24px;
        background-position: -80px -236px
    }
}

.icon-ssl {
    width: 20.4px;
    height: 20.4px;
    background-position: -120px -132px
}

@media screen and (min-width: 768px) {
    .icon-ssl {
        width:23.8px;
        height: 23.8px;
        background-position: -140px -154px
    }
}

@media screen and (min-width: 1024px) {
    .icon-ssl {
        width:23.8px;
        height: 23.8px;
        background-position: -140px -154px
    }
}

@media screen and (min-width: 1440px) {
    .icon-ssl {
        width:27.2px;
        height: 27.2px;
        background-position: -160px -176px
    }
}

.icon-socioamipci {
    width: 39.6px;
    height: 20.4px;
    background-position: -180px -72px
}

@media screen and (min-width: 768px) {
    .icon-socioamipci {
        width:46.2px;
        height: 23.8px;
        background-position: -210px -84px
    }
}

@media screen and (min-width: 1024px) {
    .icon-socioamipci {
        width:46.2px;
        height: 23.8px;
        background-position: -210px -84px
    }
}

@media screen and (min-width: 1440px) {
    .icon-socioamipci {
        width:52.8px;
        height: 27.2px;
        background-position: -240px -96px
    }
}

.icon-amvo {
    width: 39.6px;
    height: 12px;
    background-position: -180px -96px
}

@media screen and (min-width: 768px) {
    .icon-amvo {
        width:46.2px;
        height: 14px;
        background-position: -210px -112px
    }
}

@media screen and (min-width: 1024px) {
    .icon-amvo {
        width:46.2px;
        height: 14px;
        background-position: -210px -112px
    }
}

@media screen and (min-width: 1440px) {
    .icon-amvo {
        width:52.8px;
        height: 16px;
        background-position: -240px -128px
    }
}

.icon-firewall {
    width: 39.6px;
    height: 15px;
    background-position: -120px -114px
}

@media screen and (min-width: 768px) {
    .icon-firewall {
        width:46.2px;
        height: 17.5px;
        background-position: -140px -133px
    }
}

@media screen and (min-width: 1024px) {
    .icon-firewall {
        width:46.2px;
        height: 17.5px;
        background-position: -140px -133px
    }
}

@media screen and (min-width: 1440px) {
    .icon-firewall {
        width:52.8px;
        height: 20px;
        background-position: -160px -152px
    }
}

.icon-pagoseguro {
    width: 31.2px;
    height: 24px;
    background-position: -60px -104.4
}

@media screen and (min-width: 768px) {
    .icon-pagoseguro {
        width:36.4px;
        height: 28px;
        background-position: -70px -121.8
    }
}

@media screen and (min-width: 1024px) {
    .icon-pagoseguro {
        width:36.4px;
        height: 28px;
        background-position: -70px -121.8
    }
}

@media screen and (min-width: 1440px) {
    .icon-pagoseguro {
        width:41.6px;
        height: 32px;
        background-position: -80px -139.2
    }
}

.icon-norton {
    width: 45.6px;
    height: 24px;
    background-position: -60px -128.4
}

@media screen and (min-width: 768px) {
    .icon-norton {
        width:53.2px;
        height: 28px;
        background-position: -70px -149.8
    }
}

@media screen and (min-width: 1024px) {
    .icon-norton {
        width:53.2px;
        height: 28px;
        background-position: -70px -149.8
    }
}

@media screen and (min-width: 1440px) {
    .icon-norton {
        width:60.8px;
        height: 32px;
        background-position: -80px -171.2
    }
}

.icon-amipci {
    width: 36px;
    height: 22.8px;
    background-position: -60px -152.4
}

@media screen and (min-width: 768px) {
    .icon-amipci {
        width:42px;
        height: 26.6px;
        background-position: -70px -177.8
    }
}

@media screen and (min-width: 1024px) {
    .icon-amipci {
        width:42px;
        height: 26.6px;
        background-position: -70px -177.8
    }
}

@media screen and (min-width: 1440px) {
    .icon-amipci {
        width:48px;
        height: 30.4px;
        background-position: -80px -203.2
    }
}

.icon-estafeta {
    width: 60px;
    height: 9px;
    background-position: -300px 0px
}

@media screen and (min-width: 768px) {
    .icon-estafeta {
        width:70px;
        height: 10.5px;
        background-position: -350px 0px
    }
}

@media screen and (min-width: 1024px) {
    .icon-estafeta {
        width:70px;
        height: 10.5px;
        background-position: -350px 0px
    }
}

@media screen and (min-width: 1440px) {
    .icon-estafeta {
        width:80px;
        height: 12px;
        background-position: -400px 0px
    }
}

.icon-dhl {
    width: 43.2px;
    height: 6.6px;
    background-position: -300px -12px
}

@media screen and (min-width: 768px) {
    .icon-dhl {
        width:50.4px;
        height: 7.7px;
        background-position: -350px -14px
    }
}

@media screen and (min-width: 1024px) {
    .icon-dhl {
        width:50.4px;
        height: 7.7px;
        background-position: -350px -14px
    }
}

@media screen and (min-width: 1440px) {
    .icon-dhl {
        width:57.6px;
        height: 8.8px;
        background-position: -400px -16px
    }
}

.icon-fedex {
    width: 34.8px;
    height: 9.6px;
    background-position: -300px -22.2px
}

@media screen and (min-width: 768px) {
    .icon-fedex {
        width:40.6px;
        height: 11.2px;
        background-position: -350px -25.9px
    }
}

@media screen and (min-width: 1024px) {
    .icon-fedex {
        width:40.6px;
        height: 11.2px;
        background-position: -350px -25.9px
    }
}

@media screen and (min-width: 1440px) {
    .icon-fedex {
        width:46.4px;
        height: 12.8px;
        background-position: -400px -29.6px
    }
}

form {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    color: #666666
}

fieldset {
    margin-bottom: 1.5em
}

legend {
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15.6px;
    font-size: 1.3rem;
    font-weight: 600;
    color: inherit;
    text-transform: uppercase
}

.control-wrapper {
    width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 5px
}

.control-wrapper--send {
    overflow: hidden;
    clear: both;
    margin-bottom: 0
}

.control-wrapper--captcha {
    background: none
}

.control-wrapper--captcha>input[type=text] {
    width: 50%;
    float: right;
    clear: none;
    border: 1px solid #005699;
    margin-top: 20px
}

.control-wrapper--captcha>img {
    width: 45%;
    display: block;
    float: left
}

.control-wrapper--captcha>a {
    position: absolute;
    top: 0;
    right: 65%;
    cursor: pointer
}

@media screen and (min-width: 360px) {
    .control-wrapper.float-left,.control-wrapper.float-right {
        width:48%;
        clear: none
    }
}

label {
    border: none;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 25px
}

label span {
    height: 25px;
    margin-left: 2px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
    color: #005699
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    width: 100%;
    height: 30px;
    display: block;
    clear: both;
    padding-left: 1em;
    padding-right: 1em;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 300;
    color: inherit;
    background-color: rgba(255,255,255,0.8);
    -webkit-transition: border-color 0.2s,color 0.2s;
    transition: border-color 0.2s,color 0.2s
}

input[type=color]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=file]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {
    color: #999999
}

input[type=color]:-moz-placeholder,input[type=date]:-moz-placeholder,input[type=datetime-local]:-moz-placeholder,input[type=datetime]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=file]:-moz-placeholder,input[type=month]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=search]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=time]:-moz-placeholder,input[type=url]:-moz-placeholder,input[type=week]:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder {
    color: #999999
}

input[type=color]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=file]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999999
}

input[type=color]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=file]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999999
}

input[type=color].touched:invalid,input[type=date].touched:invalid,input[type=datetime-local].touched:invalid,input[type=datetime].touched:invalid,input[type=email].touched:invalid,input[type=file].touched:invalid,input[type=month].touched:invalid,input[type=number].touched:invalid,input[type=password].touched:invalid,input[type=search].touched:invalid,input[type=tel].touched:invalid,input[type=text].touched:invalid,input[type=time].touched:invalid,input[type=url].touched:invalid,input[type=week].touched:invalid,select.touched:invalid,textarea.touched:invalid {
    border: 1px dashed #cc0000;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=file] {
    height: 32px
}

input[type=checkbox],input[type=radio] {
    margin: 5px 5px 0 0
}

textarea {
    height: 80px
}

.alert {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1rem;
    color: #4d4d4d;
    text-align: center;
    border-width: 1px;
    border-style: solid
}

.alert.info {
    color: #666666;
    border-color: #666666;
    background-color: #f2f2f2
}

.alert.success {
    color: #008000;
    border-color: #008000;
    background-color: #9aff9a
}

.alert.danger,.alert.error {
    color: #cc0000;
    border-color: #cc0000;
    background-color: #ff9999
}

.alert span {
    font-weight: 500
}

.error {
    display: block;
    color: #cc0000
}

label.error {
    font-size: 8.4px;
    font-size: 0.7rem;
    font-weight: 400;
    color: #cc0000
}

input.error,textarea.error {
    border-color: #ff4d4d!important
}

.contact-form .control-wrapper {
    margin-bottom: 15px
}

table {
    width: 100%;
    max-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: white
}

table caption {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.4em;
    color: #2c3137;
    text-align: left
}

table>tbody>tr>td,table>tbody>tr>th,table>tfoot>tr>td,table>tfoot>tr>th,table>thead>tr>td,table>thead>tr>th {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

table>thead>tr>th {
    text-align: left;
    vertical-align: bottom
}

table>tbody+tbody {
    border-top: 2px solid #d9d9d9
}

table .table {
    background-color: red
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 7.5px
}

.table-bordered {
    border: 1px solid #d9d9d9
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #d9d9d9
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(2n) {
    background-color: #fafafa
}

.table-hover>tbody>tr:hover {
    background-color: #e5e5e5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto
}

@media screen and (max-width: 1023px) {
    .table-responsive {
        width:100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive>table {
        margin-bottom: 0
    }

    .table-responsive>table>tbody>tr>td,.table-responsive>table>tbody>tr>th,.table-responsive>table>tfoot>tr>td,.table-responsive>table>tfoot>tr>th,.table-responsive>table>thead>tr>td,.table-responsive>table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .table-with-header,.table-without-header {
        display:block
    }

    .table-with-header tr,.table-without-header tr {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f2f2f2
    }

    .table-with-header tr td,.table-with-header tr th,.table-without-header tr td,.table-without-header tr th {
        display: block;
        line-height: 1;
        border: none
    }
}

.table-with-header em {
    display: none
}

@media screen and (max-width: 767px) {
    .table-with-header tbody,.table-with-header tfoot,.table-with-header thead {
        display:block
    }

    .table-with-header thead:after {
        content: "";
        display: table;
        clear: both
    }

    .table-with-header thead tr th {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .table-with-header tbody tr td {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 5px;
        font-weight: 700;
        color: gray;
        text-align: left!important
    }

    .table-with-header tbody tr td:first-child {
        font-size: 1.75em;
        color: #2c3137;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .table-with-header tbody tr td:first-child em {
        display: none
    }

    .table-with-header tbody tr td em {
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 1em;
        font-weight: 700;
        color: #4d4d4d
    }
}

@media screen and (max-width: 479px) {
    .table-without-header tr td:first-child {
        font-size:12px;
        font-size: 1rem
    }
}

body.modal-open {
    overflow: hidden!important;
    padding-right: 0!important
}

body.modal-open .modal {
    padding-right: 0!important
}

.modal-backdrop.in {
    opacity: 0.75
}

.modal-dialog {
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px
}

.modal.fade .modal-dialog {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.modal.in .modal-dialog {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal-content {
    border: none;
    border-radius: 0
}

.modal-content .close {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 400;
    border-radius: 50%;
    margin-top: 0;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 20px;
    color: #acacac;
    font-family: "Source Sans 3", sans-serif;
    text-shadow: none;
    opacity: 1
}

.modal-body,.modal-footer,.modal-header {
    padding-left: 15px;
    padding-right: 15px
}

.modal-header {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    background-color: white
}

.modal-header .modal-title {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
    font-size: 12px;
    font-size: 1rem;
    letter-spacing: 0.1em;
    color: #f2f2f2
}

.modal-body {
    overflow: hidden;
    font-size: 10.8px;
    font-size: 0.9rem
}

.modal-footer {
    border-top: 1px solid #f2f2f2
}

.bread-crumbs {
    margin-right: auto;
    overflow: hidden;
    font-family: "Source Sans 3", sans-serif;
    font-size: 9px;
    font-size: 0.75rem;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 4px 0 17px
}

.bread-crumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bread-crumbs li {
    position: relative;
    margin-right: 30px;
    line-height: 30px;
    color: #666666
}

.bread-crumbs li:first-child {
    color: #666666
}

.bread-crumbs li:first-child a {
    font-size: 0;
    line-height: 0
}

.bread-crumbs li:first-child a:before {
    content: "Home";
    display: block;
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 30px
}

.bread-crumbs li.last,.bread-crumbs li:last-child {
    margin-right: 0;
    color: #666666
}

.bread-crumbs li.last:after,.bread-crumbs li:last-child:after {
    display: none
}

body.resultado-busca .bread-crumbs li.last strong a:first-child,body.resultado-busca .bread-crumbs li:last-child strong a:first-child {
    font-size: 0;
    line-height: 0
}

body.resultado-busca .bread-crumbs li.last strong a:first-child:before,body.resultado-busca .bread-crumbs li:last-child strong a:first-child:before {
    content: attr(title);
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 30px
}

body.resultado-busca .bread-crumbs li.last strong a.busca-texto-livre-elimina,body.resultado-busca .bread-crumbs li:last-child strong a.busca-texto-livre-elimina {
    display: none
}

.bread-crumbs li:after {
    content: "/";
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    color: #666666;
    -webkit-transform: translate(50%,-2%);
    -ms-transform: translate(50%,-2%);
    transform: translate(50%,-2%)
}

.bread-crumbs a,.bread-crumbs strong {
    display: block;
    position: relative;
    font-weight: inherit
}

.bread-crumbs a {
    color: inherit
}

.monster-video {
    display: none;
    position: relative;
    overflow: hidden;
    background-color: white
}

@media screen and (orientation: landscape) {
    html.browser--desktop .monster-video {
        display:block!important
    }
}

.monster-banner-landscape,.monster-banner-portrait {
    position: relative;
    overflow: hidden
}

.monster-banner-landscape img,.monster-banner-portrait img {
    width: 100%;
    display: block
}

.monster-banner-landscape .button-lineal,.monster-banner-portrait .button-lineal {
    position: absolute;
    z-index: 10;
    font-size: 18px;
    font-size: 1.5rem
}

@media screen and (orientation: landscape) {
    .monster-banner-portrait {
        display:none!important
    }
}

.monster-banner-portrait .button-lineal {
    left: 30%;
    bottom: 15%
}

@media screen and (orientation: portrait) {
    .monster-banner-landscape {
        display:none!important
    }
}

.monster-banner-landscape .button-lineal {
    top: 50%;
    left: 30%;
    margin-top: 50px
}

.main-slider-fullscreen {
    position: relative;
    z-index: 1
}

.main-slider-fullscreen .container-slider-landscape,.main-slider-fullscreen .container-slider-mobile-landscape,.main-slider-fullscreen .container-slider-mobile-portrait {
    display: none!important;
    position: relative
}

@media screen and (orientation: portrait) {
    .main-slider-fullscreen .container-slider-mobile-portrait {
        display:block!important
    }
}

@media screen and (orientation: landscape) {
    .main-slider-fullscreen .container-slider-landscape,.main-slider-fullscreen .container-slider-mobile-landscape {
        display:block!important
    }
}

html.browser--desktop .main-slider-fullscreen .container-slider-landscape.only-mobile,html.browser--desktop .main-slider-fullscreen .container-slider-mobile-landscape.only-mobile {
    display: none!important
}

.main-slider-fullscreen .slider-landscape,.main-slider-fullscreen .slider-mobile-landscape,.main-slider-fullscreen .slider-mobile-portrait {
    width: 100%;
    display: none;
    position: relative
}

.main-slider-fullscreen li.video-slider .slotholder {
    display: none!important
}

@media screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-ms-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
    .main-slider-fullscreen li.video-slider .slotholder {
        display:block!important
    }
}

@media screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-ms-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
    .main-slider-fullscreen li.video-slider .fullscreenvideo {
        display:none!important
    }
}

.main-slider--control-banner {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.main-slider--control-banner.slick-initialized {
    opacity: 1
}

.main-slider--control-banner img {
    height: auto
}

.searcher__wrapper .nav-ecommerce__icon.svg-icon {
    display: block
}

@media screen and (max-width: 1023px) {
    .searcher__wrapper {
        width:100%;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
        position: fixed;
        top: 2.5rem;
        left: -100%;
        z-index: 1020;
        background-color: white;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.2s,visibility 0.2s;
        transition: opacity 0.2s,visibility 0.2s
    }
}

@media screen and (max-width: 1023px) and (max-width:1023px) {
    .searcher__wrapper.is-shown {
        padding-top:10px;
        padding-bottom: 10px;
        left: 0;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 1023px) {
    .site-nav .searcher__wrapper {
        width:100%;
        padding-top: 20px;
        padding-bottom: 15px;
        display: block;
        position: static;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (min-width: 1024px) {
    .searcher__wrapper {
        right:50%;
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .searcher__wrapper {
        margin-right:-486.4px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .searcher__wrapper {
        margin-right:-624px
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .searcher__wrapper {
        margin-right:-612px
    }
}

@media screen and (min-width: 1920px) {
    .searcher__wrapper {
        margin-right:-720px
    }
}

@media screen and (min-width: 1024px) {
    .searcher__wrapper {
        width:11.25em;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border: 1px solid #acacac;
        position: absolute;
        bottom: 3.6875em;
        z-index: 590;
        background-color: white;
        -webkit-transform: translateX(-7.5em);
        -ms-transform: translateX(-7.5em);
        transform: translateX(-7.5em)
    }
}

.searcher__form {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #005699
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .searcher__form {
        width:94%
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .searcher__form {
        width:98%
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .searcher__form {
        width:100%
    }
}

@media screen and (max-width: 359px) {
    .searcher__form {
        width:100%
    }
}

.site-nav .searcher__form {
    width: 100%
}

.searcher__form .control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    -webkit-transition: margin-right 0.3s ease-out;
    transition: margin-right 0.3s ease-out
}

@media screen and (max-width: 1023px) {
    .searcher__form .control-wrapper {
        margin-left:0.75em
    }
}

@media screen and (max-width: 1023px) {
    .searcher__wrapper.is-shown .searcher__form .control-wrapper {
        margin-right:1em
    }
}

.site-nav .searcher__wrapper.with-focus .searcher__form .control-wrapper {
    margin-right: 55px
}

.searcher__form .control-wrapper:after {
    border: 1px solid #2c3137
}

.searcher__form input[type=text] {
    height: 2.1875em;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    background-color: white
}

.searcher__form input[type=text]::-moz-placeholder {
    color: #333333
}

.searcher__form input[type=text]:-moz-placeholder {
    color: #333333
}

.searcher__form input[type=text]:-ms-input-placeholder {
    color: #333333
}

.searcher__form input[type=text]::-webkit-input-placeholder {
    color: #333333
}

@media screen and (max-width: 1023px) {
    .searcher__form input[type=text] {
        padding-left:0px;
        padding-right: 0px;
        border-bottom: 1px solid #666666;
        font-size: 1em
    }
}

@media screen and (min-width: 768px) {
    .searcher__form input[type=text] {
        height:2.1875em
    }
}

@media screen and (min-width: 1024px) {
    .searcher__form input[type=text] {
        height:2.5em;
        padding-left: 1em;
        padding-right: 0em;
        font-size: 0.875em
    }
}

@media screen and (max-width: 1023px) {
    .searcher__wrapper.is-shown .searcher__form input[type=text] {
        padding-left:0.5em;
        padding-right: 0.5em;
        border: 1px solid #acacac;
        border-bottom: 2px solid #005699
    }
}

.site-nav .searcher__form input[type=text] {
    height: 1.5625rem
}

.searcher__form__close,.searcher__form__submit {
    font-size: 1em
}

.searcher__form__close .nav-ecommerce__icon,.searcher__form__submit .nav-ecommerce__icon {
    width: 1.25em;
    height: 1.25em;
    margin-right: 0
}

@media screen and (min-width: 1024px) {
    .searcher__form__close .nav-ecommerce__icon,.searcher__form__submit .nav-ecommerce__icon {
        width:1em;
        height: 1em
    }
}

.searcher__form__submit {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media screen and (min-width: 1024px) {
    .searcher__form__submit {
        margin-right:0.5em;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.searcher__form__submit .svg-icon {
    color: #005699;
    width: 1.2em;
    height: 1.2em
}

.site-nav .searcher__form__submit .svg-icon {
    color: #333333
}

.searcher__form__close {
    font-size: 0.75em;
    text-decoration: underline;
    color: #333333;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .searcher__form__close {
        margin-right:-486.4px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .searcher__form__close {
        margin-right:-624px
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .searcher__form__close {
        margin-right:-612px
    }
}

@media screen and (min-width: 1920px) {
    .searcher__form__close {
        margin-right:-720px
    }
}

@media screen and (min-width: 1024px) {
    .searcher__form__close {
        display:none;
        right: 50%;
        -webkit-transform: translate(-15px,-50%);
        -ms-transform: translate(-15px,-50%);
        transform: translate(-15px,-50%)
    }
}

.site-nav .searcher__form__close {
    position: absolute;
    right: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.site-nav .searcher__wrapper.with-focus .searcher__form__close {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.searcher__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    stroke-width: 2;
    margin-right: 0;
    font-size: 1em;
    cursor: pointer;
    -webkit-transition: top 0.3s;
    transition: top 0.3s
}

@media screen and (max-width: 1023px) {
    .searcher__trigger {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    body.home .searcher__trigger__wrapper {
        display:none
    }
}

ul.ui-autocomplete {
    overflow-y: auto;
    position: fixed!important;
    z-index: 1000;
    padding: 0.5em;
    background: white;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.025);
    box-shadow: 0 5px 5px rgba(0,0,0,0.025);
    -webkit-transition: top 0.3s;
    transition: top 0.3s
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    ul.ui-autocomplete {
        left:calc((100% - 94%) / 2 + 15px)!important
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    ul.ui-autocomplete {
        left:calc((100% - 98%) / 2 + 15px)!important
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    ul.ui-autocomplete {
        left:calc((100% - 100%) / 2 + 15px)!important
    }
}

@media screen and (max-width: 359px) {
    ul.ui-autocomplete {
        left:calc((100% - 100%) / 2 + 15px)!important
    }
}

@media screen and (min-width: 1024px) {
    ul.ui-autocomplete {
        width:11.25em!important
    }
}

body.page-scroll-on ul.ui-autocomplete {
    top: 6.5625em!important
}

@media screen and (min-width: 768px) {
    body.page-scroll-on ul.ui-autocomplete {
        top:6.25em!important
    }
}

@media screen and (min-width: 1024px) {
    body.page-scroll-on ul.ui-autocomplete {
        top:9.5625em!important
    }
}

body.has-cintillo.page-scroll-on ul.ui-autocomplete {
    top: 6.5625em!important
}

@media screen and (min-width: 768px) {
    body.has-cintillo.page-scroll-on ul.ui-autocomplete {
        top:6.25em!important
    }
}

@media screen and (min-width: 1024px) {
    body.has-cintillo.page-scroll-on ul.ui-autocomplete {
        top:9.5625em!important
    }
}

ul.ui-autocomplete li.ui-menu-item:last-child a {
    border: 0
}

ul.ui-autocomplete li.ui-menu-item a {
    display: block;
    position: relative;
    padding-top: 0.75em;
    padding-bottom: 0.5em;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.95em;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

ul.ui-autocomplete li.ui-menu-item a#ui-active-menuitem,ul.ui-autocomplete li.ui-menu-item a:focus,ul.ui-autocomplete li.ui-menu-item a:hover {
    text-decoration: none;
    color: #005699;
    background-color: #f2f2f2
}

ul.ui-autocomplete li.SuggestionProduct a {
    padding-left: 45px
}

ul.ui-autocomplete li.ui-menu-item a img {
    width: 35px!important;
    height: auto!important;
    border-radius: 0.25em;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

ul.ui-autocomplete li.ui-menu-item a span {
    display: none
}

ul.ui-autocomplete .SuggestionSpecificResult,ul.ui-autocomplete .ver-halloween {
    font-size: 0.9375rem;
    color: #005699;
    background-color: aliceblue;
    -webkit-box-shadow: 1px 1px 3px #d1d1d1;
    box-shadow: 1px 1px 3px #d1d1d1;
    cursor: pointer
}

.AccountMenu {
    width: 300px;
    padding: 0 15px;
    background-color: white
}

@media screen and (max-width: 1023px) {
    .AccountMenu {
        height:100%;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 2000;
        -webkit-transition: right 0.2s;
        transition: right 0.2s
    }
}

@media screen and (min-width: 1024px) {
    .AccountMenu {
        width:230px;
        padding-left: 30px;
        padding-right: 30px;
        border: 1px solid #dddddd;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 2000;
        font-size: 1rem;
        opacity: 0;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }
}

@media screen and (max-width: 1023px) {
    .AccountMenu.is-active {
        right:0
    }
}

.AccountMenu-header {
    display: none
}

.AccountMenu-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0.75em;
    padding-bottom: 0.75em
}

[class*=AccountMenu-option__] {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0.875em
}

[class*=AccountMenu-option__] a {
    display: block;
    font-weight: 300
}

[class*=AccountMenu-option__] a:hover {
    text-decoration: none;
    color: #005699
}

body.user-logged .AccountMenu-option__without-log {
    display: none
}

body.user-not-logged .AccountMenu-option__with-log {
    display: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.AccountMenu-link__wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative
}

.AccountMenu-link__wishlist .svg-icon {
    margin-right: 0.5em;
    color: #ed088c
}

.site-nav .AccountMenu-link__wishlist .svg-icon {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(calc(-100% - 1em),-50%);
    -ms-transform: translate(calc(-100% - 1em),-50%);
    transform: translate(calc(-100% - 1em),-50%)
}

.AccountMenu .tag-title--level-2 {
    font-size: 0.875em;
    color: #005699
}

.AccountMenu-trigger__close {
    margin-left: auto
}

@media screen and (min-width: 1024px) {
    .AccountMenu-trigger__close {
        display:none
    }
}

.AccountMenu .svg-icon {
    width: 1em;
    height: 1em;
    color: #ed088c
}

div[id*=ResultItems_]>div.prateleira.vitrine>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-list.grid-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px
}

@media screen and (min-width: 1280px) {
    .product-list.grid-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        padding-left:15px;
        padding-right: 15px;
        margin-bottom: 60px
    }
}

.product-list.grid-large div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
    width: 100%;
    font-size: 10.8px;
    font-size: 0.9rem
}

@media screen and (min-width: 360px) {
    .product-list.grid-large div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        width:100%
    }
}

@media screen and (min-width: 768px) {
    .product-list.grid-large div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        font-size:11.4px;
        font-size: 0.95rem
    }
}

.product-list.grid-small div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
    width: 100%
}

@media screen and (min-width: 360px) {
    .product-list.grid-small div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        width:50%
    }
}

@media screen and (min-width: 480px) {
    .product-list.grid-small div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        width:33.33%
    }
}

@media screen and (min-width: 1280px) {
    .product-list.grid-small div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        width:25%
    }
}

.product-list.list-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
    width: 100%;
    height: auto!important;
    padding-left: 15px;
    padding-right: 15px
}

.product-list.list-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li:after {
    content: "";
    display: table;
    clear: both
}

.product-list.slider-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
    width: 100%;
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .product-list.slider-view div[id*=ResultItems_]>div.prateleira.vitrine>ul>li {
        padding-left:30px;
        padding-right: 30px
    }
}

.product-item__wrapper {
    position: relative;
    z-index: 1
}

.product-item__wrapper.is-show-colors {
    z-index: 10
}

.product-item {
    position: relative;
    background-color: white
}

.product-list.list-view .product-item {
    padding-top: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    text-align: left
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item {
        padding-top:10px;
        padding-bottom: 10px
    }
}

.product-item__figure {
    width: 100%;
    position: relative
}

.product-list.grid-view .product-item__figure {
    margin-bottom: 0.5em
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__figure {
        width:70%
    }
}

.product-item--square .product-item__figure {
    margin-bottom: 0
}

.product-item__main-image {
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: white
}

.product-list.grid-view .product-item__main-image {
    margin-bottom: 0
}

.product-list.list-view .product-item__main-image {
    width: 40%;
    height: auto!important;
    float: left
}

.product-item__main-image.loaded img {
    opacity: 1;
    visibility: visible
}

.product-item__main-image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.product-item.velas-medianas .product-item__main-image img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@media screen and (min-width: 480px) {
    .product-list.list-view .product-item__main-image img {
        top:0!important
    }
}

.product-item__secondary-image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: rgba(0,86,153,0);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.product-item:hover .product-item__secondary-image {
    opacity: 1
}

.product-list.list-view .product-item__secondary-image {
    opacity: 0
}

.product-list.list-view .product-item-summary {
    font-size: 0.8em
}

@media screen and (min-width: 480px) {
    .product-list.list-view .product-item-summary {
        display:block
    }
}

.product-list.grid-view .product-item__caption {
    margin-bottom: 0.25em
}

.product-list.list-view .product-item__caption {
    width: 60%;
    float: left;
    padding-left: 15px;
    padding-right: 0px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__caption {
        padding-left:15px;
        padding-right: 30px
    }
}

.product-item__name {
    padding-left: 0px;
    padding-right: 0px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase
}

.product-list.grid-view .product-item__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0
}

.product-list.list-view .product-item__name {
    font-weight: 700
}

.product-item__name-new {
    display: none;
    color: #1f74bf
}

.product-item .flag.new~.product-item__caption .product-item__name-new {
    display: inline-block
}

.product-item__name a {
    color: #333333;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.product-item__name a:hover {
    text-decoration: none
}

.product-item__category {
    display: none
}

.product-item__brand {
    font-size: 0.9em;
    font-weight: 400;
    text-transform: uppercase;
    color: #66bcff
}

.product-item__form {
    font-size: 0
}

.product-item__form ul {
    font-size: 0.8rem;
    text-align: center;
    color: #666666
}

.product-item__sku {
    font-size: 0.75em;
    color: #ed088c
}

.product-list.list-view .product-item__sku {
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__sku {
        border-bottom:1px solid #005699;
        margin-bottom: 1em
    }
}

.product-list.grid-view .product-item__stock {
    display: none
}

.product-list.list-view .product-item__stock {
    display: block;
    color: #005699
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__stock {
        margin-bottom:1.5em
    }
}

.product-item__label {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.2em;
    font-weight: 700
}

.product-item__qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10em;
    margin: 5px auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-item__wrapper[data-id="1803"] .product-item__qty--wrapper,.product-item__wrapper[data-id="1804"] .product-item__qty--wrapper,.product-item__wrapper[data-id="1805"] .product-item__qty--wrapper {
    display: none!important
}

.product-item__qty input,.product-item__qty span {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #f2f2f2;
    color: #333333;
    border: 1px solid #f2f2f2;
    font-size: 10.5px;
    font-size: 0.875rem;
    padding: 0;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative
}

.product-item__qty input:focus,.product-item__qty span:focus {
    outline: 1px dotted #333333;
    outline-offset: 2px
}

.product-item__qty span {
    cursor: pointer;
    font-size: 15.6px;
    font-size: 1.3rem
}

.product-item__qty span:focus,.product-item__qty span:hover {
    background: #333333;
    color: white;
    z-index: 1
}

.product-item__qty span:active {
    background: white;
    color: #333333;
    border: 1px solid #f2f2f2;
    outline: 1px dotted #333333;
    outline-offset: 2px
}

.product-item__qty-input {
    margin: 0 1px;
    line-height: 1;
    padding-top: 0.4em
}

.product-item__qty-input:focus,.product-item__qty-input:hover {
    background: white;
    z-index: 1
}

.product-item__qty-input:focus {
    outline: 1px dotted #333333;
    outline-offset: 2px
}

.product-item__cta {
    z-index: 10;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.product-item__skus {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0.5s;
    transition: opacity 0.2s 0.5s
}

@media screen and (min-width: 768px) {
    .product-item__skus {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-item__skus.checked {
    opacity: 1
}

.product-list.grid-large .product-item__skus {
    font-size: 0.7em
}

.product-list.grid-small .product-item__skus,.product-list.slider-view .product-item__skus {
    font-size: 0.725em
}

.product-item__size {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 0.75em
}

@media screen and (min-width: 768px) {
    .product-item__size {
        margin-top:0
    }
}

@media screen and (max-width: 767px) {
    .is-show-colors .product-item__size {
        display:none
    }
}

.product-item__size.active .size-wrapper,.product-item__size:hover .size-wrapper {
    height: auto;
    padding-top: 7px;
    padding-bottom: 32px
}

.product-item__size select {
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    text-align: center;
    padding-left: calc(50% - 24px)
}

.product-item .size {
    display: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-left: auto;
    margin-right: auto;
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.15em;
    text-transform: uppercase;
    color: #005699;
    -webkit-appearance: none;
    -moz-appearance: none
}

.product-item .size::-ms-expand {
    display: none
}

.product-item .size:focus {
    background-image: url(https://bathbodymx.vteximg.com.br/arquivos/images_icons_up.png)
}

.product-item .size.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-item .sku-pi {
    width: 2.5em;
    height: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    margin: auto 2% 5px;
    color: #005699;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.product-item .sku-pi.active,.product-item .sku-pi.is-selected,.product-item .sku-pi:hover {
    color: white;
    background: #005699
}

.product-item .sku-pi.disabled {
    border: none;
    color: white;
    background-color: #dddddd;
    pointer-events: none
}

.product-item__colors-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0em;
    margin-bottom: 1em
}

.product-item__colors {
    min-width: auto;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background-color: white
}

.is-show-colors .product-item__colors {
    position: relative;
    height: auto;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    overflow: visible;
    -webkit-transform: translateY(-0.6em);
    -ms-transform: translateY(-0.6em);
    transform: translateY(-0.6em)
}

@media screen and (min-width: 768px) {
    .is-show-colors .product-item__colors {
        -webkit-transform:translateY(calc(50% - 1.6em));
        -ms-transform: translateY(calc(50% - 1.6em));
        transform: translateY(calc(50% - 1.6em))
    }
}

.product-item__color {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.6em;
    margin-right: 0.3em;
    text-indent: -9999999px;
    background-image: url(https://bathbodymx.vteximg.com.br/arquivos/Color-Sin-Color.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.product-item__color:hover {
    border-color: transparent
}

.product-item__color.active {
    border-color: transparent
}

.product-item__color-more {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 5.25em;
    flex-basis: 5.25em;
    display: none;
    position: relative;
    z-index: 150;
    border-radius: 50%;
    margin-left: 0.6em;
    font-size: 0.82em;
    color: #666666;
    cursor: pointer
}

.more .product-item__color-more {
    display: block
}

.is-show-colors .product-item__color-more {
    background-image: url(https://bathbodymx.vteximg.com.br/arquivos/images_icons_collapse.png)
}

.product-list.grid-view .product-item__action {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .product-list.grid-large .product-item__action {
        width:96%
    }
}

.product-list.list-view .product-item__action {
    padding-top: 15px;
    clear: both;
    text-align: center
}

@media screen and (max-width: 767px) {
    .product-list.list-view .product-item__action {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 480px) {
    .product-list.list-view .product-item__action {
        width:30%;
        float: right;
        clear: none;
        text-align: left
    }
}

.product-item__action>.js-buy-pdp,.product-item__action>.js-buy-plp {
    width: 10em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    font-size: 0.8em;
    line-height: 1;
    text-transform: uppercase
}

.product-list.grid-view .product-item__action>.js-buy-pdp:last-child,.product-list.grid-view .product-item__action>.js-buy-plp:last-child {
    margin-bottom: 0
}

.product-list.list-view .product-item__action>.js-buy-pdp,.product-list.list-view .product-item__action>.js-buy-plp {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__action>.js-buy-pdp,.product-list.list-view .product-item__action>.js-buy-plp {
        width:auto!important
    }
}

.product-item__action .js-buy-pdp {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1em;
    border-top: 1px solid #acacac;
    display: none;
    color: #ed088c
}

.product-item__action svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.product-item__action--trigger {
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    margin-top: 100%;
    background-color: #ed088c;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.product-item__action--trigger svg {
    width: 1.1em;
    height: 1.1em;
    color: white
}

.product-item__price {
    text-align: center
}

.product-list.grid-view .product-item__price {
    padding-left: 0px;
    padding-right: 0px
}

@media screen and (min-width: 1920px) {
    .product-list.grid-view .product-item__price {
        min-height:0
    }
}

.product-list.list-view .product-item__price {
    width: 60%;
    float: right;
    padding-left: 15px;
    padding-right: 0px;
    border-top: none;
    margin-top: 15px;
    margin-bottom: 0px
}

@media screen and (min-width: 768px) {
    .product-list.list-view .product-item__price {
        width:30%;
        padding-left: 0px;
        padding-right: 15px;
        margin-top: 0px;
        margin-bottom: 15px
    }
}

.product-item__price .price-new,.product-item__price .price-old {
    font-weight: 400
}

.product-item__price .price-old {
    position: relative;
    font-size: 0.9em;
    color: #666666
}

.product-item__price .price-old:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: inherit;
    background-color: currentColor
}

.product-item__price .price-new {
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.9em;
    color: #666666
}

.product-item__price .price-new.price-promo {
    margin-left: 0.25em;
    color: #cc0000
}

.product-item__quick-view {
    width: 100%;
    position: absolute;
    z-index: 50;
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.slider-view .product-item:hover .product-item__quick-view {
    opacity: 1;
    visibility: visible
}

.product-list.grid-view .product-item__quick-view {
    top: 30%;
    left: 0
}

.product-item__quick-view__trigger {
    font-family: "Source Sans 3", sans-serif;
    font-size: 8.25px;
    font-size: 0.6875rem;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    width: 110px;
    text-align: center;
    letter-spacing: 0.12em;
    background: #333333;
    color: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.product-item__quick-view__trigger:focus,.product-item__quick-view__trigger:hover {
    background: #eaeaea;
    color: #333333
}

.product-item__quick-view__trigger:active {
    outline-offset: 2px;
    outline: 1px dotted #333333
}

.product-item__quick-view__trigger svg {
    display: none
}

.product-item__wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 15px;
    position: absolute;
    z-index: 50;
    opacity: 1
}

.product-item:hover .product-item__wishlist {
    -webkit-box-shadow: 0px 2px 4px 0px rgb(209,209,209);
    box-shadow: 0px 2px 4px 0px rgb(209,209,209);
    background-color: white;
    border-radius: 50%
}

.product-list.grid-view .product-item__wishlist {
    top: 0px;
    right: 15px;
    -webkit-transform: translate(0,0.5em);
    -ms-transform: translate(0,0.5em);
    transform: translate(0,0.5em)
}

.product-item__wishlist__trigger {
    display: block
}

.product-item__wishlist__trigger.active svg {
    color: #ed088c
}

.product-item__wishlist .svg-icon-wishlist {
    display: block;
    width: 1em;
    height: 1em;
    font-size: 1.25em;
    cursor: pointer;
    stroke-width: 2;
    color: #acacac
}

.product-item__flags--collections,.product-item__flags--discounts {
    text-align: center
}

.product-item__flags--discounts {
    margin-top: 0.25rem;
    margin-bottom: 0.75rem
}

.product-item__flags--discounts .flag {
    font-size: 0.6875em;
    color: #cc0000
}

.flag {
    margin-bottom: 0;
    font-size: 1em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1
}

.flag[class*=new],.flag[class*=nuevo],.flag[class*=preventa] {
    padding: 0.35em 0.5em 0;
    display: inline-block;
    font-family: "Source Sans 3", sans-serif;
    font-size: 10.8px;
    font-size: 0.9rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: #005699
}

.flag[class*=preventa] {
    display: inline-block!important
}

.flag[class*=exclusivo] {
    padding: 0.35em 0.5em 0;
    display: inline-block;
    font-family: "Source Sans 3", sans-serif;
    font-size: 10.8px;
    font-size: 0.9rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: #005699
}

[class*=products-slider__wrapper] {
    margin-top: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

body.buscavazia [class*=products-slider__wrapper] {
    margin-bottom: 3em
}

body.produto [class*=products-slider__wrapper] {
    margin-top: 3em;
    padding: 1em 0;
    border-top: 1px solid #333333;
    margin-left: auto;
    margin-right: auto
}

[class*=products-slider__wrapper].has-tabs .prateleira.vitrine>h2 {
    display: none
}

[class*=products-slider__wrapper].has-tabs .slider-view {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -30;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 0.2s,-webkit-transform 0.2s ease-in;
    transition: opacity 0.2s,-webkit-transform 0.2s ease-in;
    transition: opacity 0.2s,transform 0.2s ease-in;
    transition: opacity 0.2s,transform 0.2s ease-in,-webkit-transform 0.2s ease-in
}

[class*=products-slider__wrapper].has-tabs .slider-view.is-active {
    height: auto;
    position: relative;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2 {
    margin-bottom: 1.5em
}

body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2 {
    margin-bottom: 0.5em
}

@media screen and (min-width: 768px) {
    .products-slider__wrapper--home,.products-slider__wrapper--home-collection {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.products-slider__wrapper--home .products-slider__title,.products-slider__wrapper--home-collection .products-slider__title {
    display: none;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

@media screen and (min-width: 768px) {
    .products-slider__wrapper--home .products-slider__title,.products-slider__wrapper--home-collection .products-slider__title {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .products-slider__wrapper--home .tag-other-products,.products-slider__wrapper--home body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2,.products-slider__wrapper--home-collection .tag-other-products,.products-slider__wrapper--home-collection body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2,body.produto [class*=products-slider__wrapper] .products-slider__wrapper--home .prateleira.vitrine>h2,body.produto [class*=products-slider__wrapper] .products-slider__wrapper--home-collection .prateleira.vitrine>h2 {
        text-align:left
    }
}

.products-slider__wrapper--home .products-slider__container,.products-slider__wrapper--home-collection .products-slider__container {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    margin-left: auto
}

@media screen and (min-width: 768px) {
    .products-slider__wrapper--home .prateleira.vitrine>h2,.products-slider__wrapper--home-collection .prateleira.vitrine>h2 {
        display:none
    }
}

.products-slider__nav {
    margin-bottom: 2em;
    font-size: 12px;
    font-size: 1rem;
    text-align: center
}

.products-slider__nav-item {
    display: inline-block;
    padding-top: 0.75em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #005699;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .products-slider__nav-item {
        padding-left:2.5em;
        padding-right: 2.5em
    }
}

.products-slider__nav-item.is-active {
    color: white;
    background-color: #005699
}

.products-slider__container {
    position: relative;
    overflow: hidden
}

#web-predict-personal {
    min-height: 350px
}

.scarab-itemlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 35px;
    position: relative;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 3rem auto;
    max-width: 1224px
}

@media screen and (max-width: 1023px) {
    .scarab-itemlist {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2rem;
        padding: 0 40px;
        height: 320px;
        overflow: hidden
    }
}

.scarab-item {
    display: inline-block;
    width: auto;
    margin: 5px;
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .scarab-item {
        width:45%
    }
}

.scarab-item a {
    text-decoration: none
}

.scarab-item img {
    display: block;
    margin: 0px auto;
    border: 0px;
    height: 320px;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 767px) {
    .scarab-item img {
        height:250px
    }
}

@media screen and (max-width: 359px) {
    .scarab-item img {
        height:200px
    }
}

.scarab-next,.scarab-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    text-align: center;
    color: #000;
    font-size: 0
}

.scarab-next:after,.scarab-prev:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.scarab-prev {
    left: 10px
}

.scarab-prev:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjM1NCAxLjY0NmEuNS41IDAgMCAxIDAgLjcwOEw1LjcwNyA4bDUuNjQ3IDUuNjQ2YS41LjUgMCAwIDEtLjcwOC43MDhsLTYtNmEuNS41IDAgMCAxIDAtLjcwOGw2LTZhLjUuNSAwIDAgMSAuNzA4IDB6Ii8+Cjwvc3ZnPg==")
}

@media screen and (max-width: 1023px) {
    .scarab-prev {
        left:7.5px
    }
}

.scarab-next {
    right: 10px
}

.scarab-next:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjY0NiAxLjY0NmEuNS41IDAgMCAxIC43MDggMGw2IDZhLjUuNSAwIDAgMSAwIC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDgtLjcwOEwxMC4yOTMgOCA0LjY0NiAyLjM1NGEuNS41IDAgMCAxIDAtLjcwOHoiLz4KPC9zdmc+")
}

@media screen and (max-width: 1023px) {
    .scarab-next {
        right:7.5px
    }
}

.scarab-disabled-button {
    cursor: default;
    opacity: 0.4
}

.triplets-board,.twin-board,.twin-board--inverted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px;
    padding-top: 20px
}

.triplets-board__links,.twin-board--inverted__links,.twin-board__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .triplets-board__links,.twin-board--inverted__links,.twin-board__links {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.triplets-board .tag-copy,.triplets-board .tag-title,.twin-board .tag-copy,.twin-board .tag-title,.twin-board--inverted .tag-copy,.twin-board--inverted .tag-title {
    text-align: center
}

@media screen and (min-width: 768px) {
    .triplets-board .tag-copy,.triplets-board .tag-title,.twin-board .tag-copy,.twin-board .tag-title,.twin-board--inverted .tag-copy,.twin-board--inverted .tag-title {
        text-align:left
    }
}

.triplets-board .button-lineal,.twin-board .button-lineal,.twin-board--inverted .button-lineal {
    font-size: 9.6px;
    font-size: 0.8rem;
    margin-top: 15px;
    margin-left: 3px;
    margin-right: 3px
}

@media screen and (min-width: 768px) {
    .triplets-board .button-lineal,.twin-board .button-lineal,.twin-board--inverted .button-lineal {
        font-size:10.8px;
        font-size: 0.9rem;
        margin-left: 0px;
        margin-right: 10px
    }
}

[class*=twin-board]:not([class*=twin-board__]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.twin-board__picture,.twin-board__summary {
    padding: 0 10px
}

.twin-board__summary {
    width: 100%
}

@media screen and (max-width: 767px) {
    .twin-board__summary {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 768px) {
    .twin-board__summary {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 50%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .twin-board__summary {
        width:45%
    }
}

@media screen and (min-width: 768px) {
    .twin-board--inverted .twin-board__summary {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 768px) {
    .twin-board__picture {
        width:50%
    }
}

.triplets-board__item:first-child,.triplets-board__item:nth-child(2) {
    width: 100%;
    padding: 0 10px
}

@media screen and (min-width: 768px) {
    .triplets-board__item:first-child,.triplets-board__item:nth-child(2) {
        width:50%
    }
}

.triplets-board__item:nth-child(3) {
    width: 100%;
    padding: 0 10px
}

.product-list__aside {
    opacity: 0
}

.product-list__aside.is-loaded {
    opacity: 1
}

.lifestyle__wrapper {
    padding-top: 0px;
    padding-bottom: 30px
}

.lifestyle__title {
    font-weight: 700;
    text-align: center;
    color: #005699
}

.lifestyle__item {
    padding-left: 15px;
    padding-right: 15px
}

.slick-slider {
    position: relative
}

.slick-vertical .slick-list {
    overflow: hidden
}

.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vertical .product-detail__thumbnails .slick-track {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto
}

.product-list .slick-track {
    padding-bottom: 15px
}

.slick-slide {
    float: right;
    cursor: pointer
}

.vertical .product-detail__thumbnails-wrapper .slick-slide.slick-current {
    position: relative;
    z-index: 50000
}

.slick-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 99;
    font-size: 0;
    color: #005699;
    background-color: initial;
    background-repeat: no-repeat;
    opacity: 0.8;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.slick-slider:not(.slick-vertical) .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-vertical .slick-arrow {
    left: 50%
}

.vertical .product-detail__thumbnails-wrapper .slick-arrow {
    width: 15px;
    height: 15px;
    display: none
}

@media screen and (min-width: 480px) {
    .vertical .product-detail__thumbnails-wrapper .slick-arrow {
        display:block
    }
}

.slick-slider:not(.slick-vertical) .slick-arrow.slick-prev {
    left: 15px
}

.slick-vertical .slick-arrow.slick-prev {
    top: 0;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.slick-slider:not(.slick-vertical) .slick-arrow.slick-next {
    right: 15px
}

.slick-vertical .slick-arrow.slick-next {
    bottom: 0;
    -webkit-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.slick-arrow:hover {
    opacity: 1
}

.slick-arrow:before {
    position: absolute;
    font-family: "bathandbodyworks";
    font-size: 36px;
    font-size: 3rem
}

.slick-slider:not(.slick-vertical) .slick-arrow:before {
    font-size: 36px;
    font-size: 3rem
}

.slick-vertical .slick-arrow:before {
    font-size: 24px;
    font-size: 2rem
}

.vertical .product-detail__thumbnails-wrapper .slick-arrow:before {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slick-slider:not(.slick-vertical) .slick-arrow.slick-prev:before {
    left: 35%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slick-slider:not(.slick-vertical) .slick-arrow.slick-next:before {
    right: 35%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.slick-arrow svg {
    width: 20px;
    height: 20px;
    color: black;
    stroke: white;
    stroke-width: 2
}

.slick-dots {
    margin-top: 1em;
    text-align: center
}

.slick-dots li {
    display: inline-block;
    margin-right: 15px
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li.slick-active button {
    background-color: #005699
}

.slick-dots button {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    font-size: 0;
    background-color: #dddddd;
    cursor: pointer
}

[class*=grid-board__list]:not(.slick-initialized) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[class*=grid-board__list].slick-dotted {
    padding-bottom: 2em
}

.grid-board__list:not(.slick-initialized) {
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (min-width: 360px) {
    .grid-board__list:not(.slick-initialized) {
        margin-left:-5px;
        margin-right: -5px
    }
}

@media screen and (min-width: 1024px) {
    .grid-board__list:not(.slick-initialized) {
        margin-left:-5px;
        margin-right: -5px
    }
}

.grid-board__item {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px
}

@media screen and (min-width: 360px) {
    .grid-board__item {
        width:50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) {
    .grid-board__item {
        width:33.3333333333%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px
    }
}

.grid-board__list--categories {
    margin-top: 2.5em;
    margin-bottom: 2em
}

.grid-board__item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1024px) {
    .grid-board__list--categories .grid-board__item {
        width:16%
    }
}

.grid-board__summary--over,.grid-board__summary--over-center {
    width: 100%;
    position: absolute;
    z-index: 1;
    text-align: center
}

.grid-board__summary--over {
    bottom: 2em
}

.grid-board__summary--over-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.grid-board__summary--outside {
    text-align: center
}

.grid-board__summary .button-flat {
    font-size: 0.8em
}

.grid-board__title {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.75em;
    font-weight: 700;
    text-transform: uppercase
}

.grid-board__title small {
    display: block;
    margin-top: 1em;
    text-transform: none
}

[class*=grid-board__figure] {
    display: block;
    position: relative;
    overflow: hidden
}

[class*=grid-board__figure] img {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.grid-board__item:hover [class*=grid-board__figure] img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.grid-board__item:hover .grid-board__figure--to-gray img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.grid-board__lookbook-hotspots {
    position: relative;
    background-color: #fff
}

.fit-guide__modal-dialog {
    width: 75%;
    max-height: 80vh;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    .fit-guide__modal-dialog {
        width:500px
    }
}

@media screen and (min-width: 1280px) {
    .fit-guide__modal-dialog {
        width:525px;
        max-height: 90vh
    }
}

.fit-guide__poster-wrapper {
    text-align: center
}

.fit-guide__poster {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
    display: inline-block
}

.fit-guide__link--modal {
    font-size: 0.8em;
    font-weight: 500;
    color: black
}

.fit-guide__link--modal,.fit-guide__link--modal:focus,.fit-guide__link--modal:hover {
    text-decoration: underline;
    color: #005699
}

.web-predict-carousel #web-predict-cart,.web-predict-carousel #web-predict-personal {
    position: relative
}

.web-predict-carousel #web-predict-cart .scarab-itemlist,.web-predict-carousel #web-predict-personal .scarab-itemlist {
    margin-top: 0px;
    margin-bottom: 15px
}

.web-predict-carousel-title {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.web-predict-carousel-title h2 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    text-align: center;
    color: #2c3137
}

.web-predict-carousel-title .tag-more,.web-predict-carousel-title body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2,body:not(.produto) [class*=products-slider__wrapper] .web-predict-carousel-title .prateleira.vitrine>h2 {
    margin-top: 0px;
    margin-bottom: 0px
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.home-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-animation: fadein 4s;
    animation: fadein 4s
}

.home-collection__banner {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .home-collection__banner {
        width:60%
    }
}

.home-collection__container {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .home-collection__container {
        width:40%
    }
}

.home-collection__container .products-slider__container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0
}

.home-collection__container .products-slider__container .prateleira.vitrine h2 {
    display: none!important
}

.home-collection__container .products-slider__container .slick-arrow.slick-next svg {
    width: 60px;
    height: 40px
}

.home-collection__header {
    text-align: center
}

.home-collection__header h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2em;
    color: #333
}

.home-collection__header p.urgency {
    font-family: "Just Lovely";
    font-size: 28px;
    margin-bottom: 0em
}

.home-collection__header p.strap {
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px
}

.home-collection__footer {
    text-align: center
}

.home-collection__footer a {
    color: #333;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 2px
}

.productFinder__wrapper {
    position: fixed;
    bottom: 0;
    right: 160px;
    z-index: 999;
    width: 300px;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.productFinder__wrapper.pfactive {
    height: auto!important
}

.productFinder__wrapper.pfhidden {
    -webkit-transform: translateY(calc(100% - 80px));
    -ms-transform: translateY(calc(100% - 80px));
    transform: translateY(calc(100% - 80px))
}

.productFinder__wrapper.pfhidden .productFinder__updown {
    height: 40px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.productFinder__wrapper.pfhidden .productFinder__updown .productFinder__chevron {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (max-width: 1023px) {
    .productFinder__wrapper {
        width:calc(100% - 105px);
        right: 90px;
        max-width: 300px
    }
}

.productFinder__updown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 46px;
    height: 46px;
    padding: 16px;
    border-radius: 1000px 1000px 0 0;
    background: #005699;
    cursor: pointer;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.productFinder__updown .productFinder__chevron {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #f2f2f2;
    stroke-width: 1.5;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.productFinder__updown.pfhidden {
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 14px;
    background: #005699
}

.productFinder__header h6 {
    padding: 0;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    color: #f2f2f2
}

.productFinder__form {
    padding-bottom: 8px;
    border: solid 1px #005699;
    border-top: none;
    background: white
}

.productFinder__form label {
    font-size: 0.9rem;
    line-height: 1.2em
}

.productFinder__form label.error {
    color: red!important;
    font-size: 0.72rem
}

.productFinder__form .pferror {
    padding: 25px;
    text-align: center;
    font-size: 0.9rem
}

.productFinder__field {
    overflow: hidden
}

.productFinder__field--product {
    padding-bottom: 0;
    height: 92px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__field--product.no-active {
    padding-bottom: 10px;
    height: 192px
}

.productFinder__field--product.pfhidden {
    height: 0px;
    padding-bottom: 0
}

.productFinder__field--email,.productFinder__field--thankyou {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__field--email.pfhidden,.productFinder__field--thankyou.pfhidden {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.productFinder__field--thankyou {
    height: 135px
}

.productFinder__field--email {
    height: 151px
}

.productFinder__field--email input {
    text-align: center;
    min-height: 37px
}

.productFinder__field--send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px;
    height: 58px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__field--send.pfhidden {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.productFinder__field p {
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 10px
}

.productFinder__radio {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 46px;
    margin: 0!important;
    opacity: 0;
    cursor: pointer;
    z-index: 1
}

.productFinder__radio#productFinderNo {
    top: 46px
}

.productFinder__radio+label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 1px
}

.productFinder__radio+label .productFinder__check {
    width: 26px;
    border: 2px solid #949494;
    display: block;
    border-radius: 1000px;
    margin-right: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__radio+label .productFinder__check:after {
    content: " ";
    width: 6px;
    height: 12px;
    border: 2px solid transparent;
    border-left: none;
    border-top: 0;
    -webkit-transform: rotate(45deg) translate(-1px,-1px);
    -ms-transform: rotate(45deg) translate(-1px,-1px);
    transform: rotate(45deg) translate(-1px,-1px);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.productFinder__radio:hover+label {
    background: #F2F2F2
}

.productFinder__radio:hover+label .productFinder__check {
    border-color: black
}

.productFinder__radio:checked+label .productFinder__check {
    border-color: black
}

.productFinder__radio:checked+label .productFinder__check:after {
    border-color: black
}

.productFinder__products {
    margin: 10px 10px 10px 48px;
    width: calc(100% - 60px);
    padding: 5px 10px
}

.productFinder__close,.productFinder__next {
    background-color: #262626;
    font-size: 0.9rem;
    color: white;
    letter-spacing: 0.05em;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 9
}

.productFinder__close .productFinder__chevron,.productFinder__next .productFinder__chevron {
    stroke-width: 1.5;
    margin-left: 10px
}

.productFinder__close.inactive,.productFinder__next.inactive {
    background-color: #F2F2F2;
    color: #949494;
    pointer-events: none
}

.productFinder__close:hover,.productFinder__next:hover {
    background-color: black;
    color: white;
    text-decoration: none
}

#ajaxBusy {
    display: none!important;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 1000;
    border-radius: 50%;
    margin-left: -25px;
    font-size: 0;
    text-indent: -1000px;
    background: white url(https://bathbodymx.vteximg.com.br/arquivos/loading.gif?v=1) center center no-repeat;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

#returnToTop {
    display: none!important
}

.buscavazia__wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center
}

.buscavazia__title {
    margin-bottom: 0.5em;
    font-size: 1em;
    color: #333333
}

.minicart__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    width: 290px;
    padding: 0 10px 10px;
    border: 1px solid #acacac;
    z-index: 2000;
    background: white;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

body.page-scroll-on .minicart__wrapper {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

@media screen and (min-width: 768px) {
    body.page-scroll-on .minicart__wrapper {
        -webkit-transform:translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }
}

@media screen and (min-width: 1024px) {
    body.page-scroll-on .minicart__wrapper {
        -webkit-transform:translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px)
    }
}

.minicart__wrapper.is-active {
    opacity: 1
}

@media screen and (max-width: 479px) {
    .minicart__wrapper.is-active {
        right:0!important
    }
}

.minicart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.minicart__header {
    border-bottom: 3px solid #f2f2f2;
    position: relative;
    line-height: 50px;
    text-align: center
}

.minicart__header .svg-icon {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 1024px) {
    .minicart__header .svg-icon {
        display:none
    }
}

.minicart__header span {
    font-size: 0.875em;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333
}

.minicart__header .close-minicart {
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) {
    .minicart__header .close-minicart {
        right:10px
    }
}

.minicart__products {
    min-height: 10px;
    max-height: 270px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: -10px;
    margin-right: -10px;
    display: block;
    overflow-y: auto
}

.minicart__products::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #c2c2c2
}

.minicart__products::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #f2f2f2
}

.minicart__products::-webkit-scrollbar {
    width: 10px;
    background-color: black
}

.minicart__empty-message {
    padding: 0.5em 0;
    font-size: 0.9em;
    text-align: center;
    color: #666666
}

.minicart__footer {
    width: 100%;
    border-top: 3px solid #f2f2f2
}

.is-empty .minicart__footer {
    display: none
}

.minicart__footer .button-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.25em
}

.minicart__footer a[class*=button-] {
    font-size: 0.6875em;
    text-transform: uppercase;
    background-color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.minicart__subtotals,.minicart__total {
    padding: 2% 0;
    display: none;
    font-size: 0.875em;
    font-weight: 700
}

.minicart__subtotals {
    padding-top: 1em;
    padding-bottom: 1em
}

.minicart__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1em;
    text-transform: uppercase;
    color: #333333
}

.minicart__total-products {
    margin-left: 10px;
    display: none;
    vertical-align: bottom;
    font-size: 70%;
    font-weight: 100;
    line-height: 1.5;
    text-transform: none;
    color: #acacac
}

.item-added {
    padding: 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-weight: 300;
    overflow: hidden
}

.item-added__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    margin-right: 5px
}

.item-added__img img {
    width: 100%;
    display: block
}

.item-added__summary {
    width: 60%;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

.item-added__name {
    width: 65%;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.8125em;
    font-weight: 300;
    line-height: 1.1;
    text-transform: uppercase;
    color: #333333
}

.item-added__name a:focus,.item-added__name a:hover {
    text-decoration: none
}

.item-added__color {
    padding-bottom: 0.5em
}

.item-added__size {
    padding-bottom: 0.5em
}

.item-added__qty {
    width: 100%;
    font-size: 0.675em;
    font-weight: 300;
    line-height: 15px;
    position: relative
}

.item-added__qty .qty {
    display: inline-block;
    text-align: center
}

.item-added__qty a {
    position: relative;
    color: white;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    text-align: center;
    text-decoration: none!important
}

.item-added__qty-no-stock {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: white
}

.item-added__qty .qty-less,.item-added__qty .qty-plus {
    display: none
}

.item-added__qty .qty-less:before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    width: 10px;
    height: 1px;
    background: #666666
}

.item-added__qty .qty-plus:before {
    content: "";
    position: absolute;
    right: 0;
    top: 45%;
    width: 9px;
    height: 1px;
    background: #666666
}

.item-added__qty .qty-plus:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 3px;
    width: 1px;
    height: 9px;
    background: #666666
}

.item-added__price {
    display: inline-block;
    position: relative
}

.item-added__price-wrapper {
    margin-bottom: 0.5em;
    display: none
}

.item-added__price:after {
    content: "";
    display: block;
    width: 110%;
    height: 1px;
    background: #666666;
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.item-added__price--selling {
    display: inline-block;
    margin-left: 4px;
    color: #cc0000
}

.item-added__additional-info {
    min-height: 1px;
    padding: 0;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    font-size: 1;
    font-weight: 700
}

.item-added__subtotal {
    font-size: 0.75em;
    font-weight: 300;
    text-align: right;
    color: #333333
}

.item-added__discount {
    padding-top: 0.5em;
    font-size: 0.675em;
    font-weight: 400;
    color: #cc0000
}

.item-added__del {
    position: absolute;
    top: 0;
    right: 0
}

.item-added__del .svg-icon {
    width: 0.8em;
    height: 0.8em;
    color: #333333
}

.item-added__del .remove {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.item-added__del .remove:hover {
    color: #333333
}

.item-added:hover .product-del .remove {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

body.no-overflow {
    height: 100%;
    position: absolute;
    overflow: hidden
}

.box-reset {
    padding-left: 0!important;
    padding-right: 0!important
}

.box-reset .row {
    margin-left: 0;
    margin-right: 0
}

.box-reset .row>* {
    padding-left: 0;
    padding-right: 0
}

.box-table {
    display: table
}

.box-table>div {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.child-inline>* {
    display: inline-block;
    vertical-align: middle
}

.hide {
    display: none
}

.hidden {
    display: none;
    visibility: hidden
}

@media screen and (min-width: 0) and (max-width:359px) {
    .hidden-bs {
        display:none!important
    }
}

@media screen and (min-width: 0) {
    .hidden-bs-up {
        display:none!important
    }
}

@media screen and (max-width: 359px) {
    .hidden-bs-down {
        display:none!important
    }
}

@media screen and (min-width: 360px) and (max-width:479px) {
    .hidden-xs {
        display:none!important
    }
}

@media screen and (min-width: 360px) {
    .hidden-xs-up {
        display:none!important
    }
}

@media screen and (max-width: 479px) {
    .hidden-xs-down {
        display:none!important
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .hidden-sm {
        display:none!important
    }
}

@media screen and (min-width: 480px) {
    .hidden-sm-up {
        display:none!important
    }
}

@media screen and (max-width: 767px) {
    .hidden-sm-down {
        display:none!important
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hidden-md {
        display:none!important
    }
}

@media screen and (min-width: 768px) {
    .hidden-md-up {
        display:none!important
    }
}

@media screen and (max-width: 1023px) {
    .hidden-md-down {
        display:none!important
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .hidden-lg {
        display:none!important
    }
}

@media screen and (min-width: 1024px) {
    .hidden-lg-up {
        display:none!important
    }
}

@media screen and (max-width: 1279px) {
    .hidden-lg-down {
        display:none!important
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .hidden-xl {
        display:none!important
    }
}

@media screen and (min-width: 1280px) {
    .hidden-xl-up {
        display:none!important
    }
}

@media screen and (max-width: 1439px) {
    .hidden-xl-down {
        display:none!important
    }
}

@media screen and (min-width: 1440px) and (max-width:1919px) {
    .hidden-xxl {
        display:none!important
    }
}

@media screen and (min-width: 1440px) {
    .hidden-xxl-up {
        display:none!important
    }
}

@media screen and (max-width: 1919px) {
    .hidden-xxl-down {
        display:none!important
    }
}

@media screen and (min-width: 1920px) and (max-width:10000px) {
    .hidden-hd {
        display:none!important
    }
}

@media screen and (min-width: 1920px) {
    .hidden-hd-up {
        display:none!important
    }
}

@media screen and (max-width: 10000px) {
    .hidden-hd-down {
        display:none!important
    }
}

.absolute-center {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: inherit
}

.vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.horizontal-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.horizontal-center-auto {
    margin-left: auto;
    margin-right: auto
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear-both {
    clear: both
}

.clearfix {
    content: "";
    display: block;
    clear: both
}

.num-font {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
    white-space: nowrap
}

.llamar {
    cursor: default
}

.llamar:hover {
    text-decoration: none;
    color: none
}

.content-stand {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px dotted #d9d9d9;
    margin-bottom: 10px
}

span.mensaje {
    font-size: 18px;
    font-size: 1.5rem;
    color: #4d4d4d
}

.font-title {
    font-family: "Source Sans 3", sans-serif
}

.font-body {
    font-family: "Source Sans 3", sans-serif
}

.font-number {
    font-family: "Source Sans 3", sans-serif
}

.font-2 {
    font-size: 2px;
    font-size: 0.1666666667rem
}

.font-4 {
    font-size: 4px;
    font-size: 0.3333333333rem
}

.font-6 {
    font-size: 6px;
    font-size: 0.5rem
}

.font-8 {
    font-size: 8px;
    font-size: 0.6666666667rem
}

.font-10 {
    font-size: 10px;
    font-size: 0.8333333333rem
}

.font-12 {
    font-size: 12px;
    font-size: 1rem
}

.font-14 {
    font-size: 14px;
    font-size: 1.1666666667rem
}

.font-16 {
    font-size: 16px;
    font-size: 1.3333333333rem
}

.font-18 {
    font-size: 18px;
    font-size: 1.5rem
}

.font-20 {
    font-size: 20px;
    font-size: 1.6666666667rem
}

.font-22 {
    font-size: 22px;
    font-size: 1.8333333333rem
}

.font-24 {
    font-size: 24px;
    font-size: 2rem
}

.font-26 {
    font-size: 26px;
    font-size: 2.1666666667rem
}

.font-28 {
    font-size: 28px;
    font-size: 2.3333333333rem
}

.font-30 {
    font-size: 30px;
    font-size: 2.5rem
}

.font-32 {
    font-size: 32px;
    font-size: 2.6666666667rem
}

.font-34 {
    font-size: 34px;
    font-size: 2.8333333333rem
}

.font-36 {
    font-size: 36px;
    font-size: 3rem
}

.font-38 {
    font-size: 38px;
    font-size: 3.1666666667rem
}

.font-40 {
    font-size: 40px;
    font-size: 3.3333333333rem
}

.font-42 {
    font-size: 42px;
    font-size: 3.5rem
}

.font-44 {
    font-size: 44px;
    font-size: 3.6666666667rem
}

.font-46 {
    font-size: 46px;
    font-size: 3.8333333333rem
}

.font-48 {
    font-size: 48px;
    font-size: 4rem
}

.font-50 {
    font-size: 50px;
    font-size: 4.1666666667rem
}

.font-52 {
    font-size: 52px;
    font-size: 4.3333333333rem
}

.font-54 {
    font-size: 54px;
    font-size: 4.5rem
}

.font-56 {
    font-size: 56px;
    font-size: 4.6666666667rem
}

.font-58 {
    font-size: 58px;
    font-size: 4.8333333333rem
}

.font-60 {
    font-size: 60px;
    font-size: 5rem
}

.font-62 {
    font-size: 62px;
    font-size: 5.1666666667rem
}

.font-64 {
    font-size: 64px;
    font-size: 5.3333333333rem
}

.font-66 {
    font-size: 66px;
    font-size: 5.5rem
}

.font-68 {
    font-size: 68px;
    font-size: 5.6666666667rem
}

.font-70 {
    font-size: 70px;
    font-size: 5.8333333333rem
}

.font-72 {
    font-size: 72px;
    font-size: 6rem
}

.font-74 {
    font-size: 74px;
    font-size: 6.1666666667rem
}

.font-76 {
    font-size: 76px;
    font-size: 6.3333333333rem
}

.font-78 {
    font-size: 78px;
    font-size: 6.5rem
}

.font-80 {
    font-size: 80px;
    font-size: 6.6666666667rem
}

.font-82 {
    font-size: 82px;
    font-size: 6.8333333333rem
}

.font-84 {
    font-size: 84px;
    font-size: 7rem
}

.font-86 {
    font-size: 86px;
    font-size: 7.1666666667rem
}

.font-88 {
    font-size: 88px;
    font-size: 7.3333333333rem
}

.font-90 {
    font-size: 90px;
    font-size: 7.5rem
}

.font-92 {
    font-size: 92px;
    font-size: 7.6666666667rem
}

.font-94 {
    font-size: 94px;
    font-size: 7.8333333333rem
}

.font-96 {
    font-size: 96px;
    font-size: 8rem
}

.font-98 {
    font-size: 98px;
    font-size: 8.1666666667rem
}

.font-100 {
    font-size: 100px;
    font-size: 8.3333333333rem
}

.font-thin {
    font-weight: 100
}

.font-x-light {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-x-bold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.font-primary {
    color: #005699!important
}

.font-secondary {
    color: #ed088c!important
}

.font-tertiary {
    color: #cc0000!important
}

.font-accent {
    color: #f5323e!important
}

.font-dark {
    color: #2c3137!important
}

.font-white {
    color: white!important
}

.font-black {
    color: black!important
}

.font-lowercase {
    text-transform: lowercase
}

.font-uppercase {
    text-transform: uppercase
}

.font-capitalize {
    text-transform: capitalize
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

ul.unordered-list {
    padding-left: 1.5em;
    list-style-type: disc
}

ol.ordered-list {
    padding-left: 30px;
    list-style-type: decimal-leading-zero
}

.img-center {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.img-100,.img-cien {
    width: 100%;
    display: block
}

.bg-primary {
    background-color: #005699
}

.bg-primary-opacity-10 {
    background-color: rgba(0,86,153,0.1)
}

.bg-primary-opacity-20 {
    background-color: rgba(0,86,153,0.2)
}

.bg-primary-opacity-30 {
    background-color: rgba(0,86,153,0.3)
}

.bg-primary-opacity-40 {
    background-color: rgba(0,86,153,0.4)
}

.bg-primary-opacity-50 {
    background-color: rgba(0,86,153,0.5)
}

.bg-primary-opacity-60 {
    background-color: rgba(0,86,153,0.6)
}

.bg-primary-opacity-70 {
    background-color: rgba(0,86,153,0.7)
}

.bg-primary-opacity-80 {
    background-color: rgba(0,86,153,0.8)
}

.bg-primary-opacity-90 {
    background-color: rgba(0,86,153,0.9)
}

.bg-primary-opacity-100 {
    background-color: #005699
}

.bg-secondary {
    background-color: #ed088c
}

.bg-secondary-opacity-10 {
    background-color: rgba(237,8,140,0.1)
}

.bg-secondary-opacity-20 {
    background-color: rgba(237,8,140,0.2)
}

.bg-secondary-opacity-30 {
    background-color: rgba(237,8,140,0.3)
}

.bg-secondary-opacity-40 {
    background-color: rgba(237,8,140,0.4)
}

.bg-secondary-opacity-50 {
    background-color: rgba(237,8,140,0.5)
}

.bg-secondary-opacity-60 {
    background-color: rgba(237,8,140,0.6)
}

.bg-secondary-opacity-70 {
    background-color: rgba(237,8,140,0.7)
}

.bg-secondary-opacity-80 {
    background-color: rgba(237,8,140,0.8)
}

.bg-secondary-opacity-90 {
    background-color: rgba(237,8,140,0.9)
}

.bg-secondary-opacity-100 {
    background-color: #ed088c
}

.bg-tertiary {
    background-color: #cc0000
}

.bg-tertiary-opacity-10 {
    background-color: rgba(204,0,0,0.1)
}

.bg-tertiary-opacity-20 {
    background-color: rgba(204,0,0,0.2)
}

.bg-tertiary-opacity-30 {
    background-color: rgba(204,0,0,0.3)
}

.bg-tertiary-opacity-40 {
    background-color: rgba(204,0,0,0.4)
}

.bg-tertiary-opacity-50 {
    background-color: rgba(204,0,0,0.5)
}

.bg-tertiary-opacity-60 {
    background-color: rgba(204,0,0,0.6)
}

.bg-tertiary-opacity-70 {
    background-color: rgba(204,0,0,0.7)
}

.bg-tertiary-opacity-80 {
    background-color: rgba(204,0,0,0.8)
}

.bg-tertiary-opacity-90 {
    background-color: rgba(204,0,0,0.9)
}

.bg-tertiary-opacity-100 {
    background-color: #cc0000
}

.bg-accent {
    background-color: #f5323e
}

.bg-accent-opacity-10 {
    background-color: rgba(245,50,62,0.1)
}

.bg-accent-opacity-20 {
    background-color: rgba(245,50,62,0.2)
}

.bg-accent-opacity-30 {
    background-color: rgba(245,50,62,0.3)
}

.bg-accent-opacity-40 {
    background-color: rgba(245,50,62,0.4)
}

.bg-accent-opacity-50 {
    background-color: rgba(245,50,62,0.5)
}

.bg-accent-opacity-60 {
    background-color: rgba(245,50,62,0.6)
}

.bg-accent-opacity-70 {
    background-color: rgba(245,50,62,0.7)
}

.bg-accent-opacity-80 {
    background-color: rgba(245,50,62,0.8)
}

.bg-accent-opacity-90 {
    background-color: rgba(245,50,62,0.9)
}

.bg-accent-opacity-100 {
    background-color: #f5323e
}

.bg-dark {
    background-color: #2c3137
}

.bg-dark-opacity-10 {
    background-color: rgba(44,49,55,0.1)
}

.bg-dark-opacity-20 {
    background-color: rgba(44,49,55,0.2)
}

.bg-dark-opacity-30 {
    background-color: rgba(44,49,55,0.3)
}

.bg-dark-opacity-40 {
    background-color: rgba(44,49,55,0.4)
}

.bg-dark-opacity-50 {
    background-color: rgba(44,49,55,0.5)
}

.bg-dark-opacity-60 {
    background-color: rgba(44,49,55,0.6)
}

.bg-dark-opacity-70 {
    background-color: rgba(44,49,55,0.7)
}

.bg-dark-opacity-80 {
    background-color: rgba(44,49,55,0.8)
}

.bg-dark-opacity-90 {
    background-color: rgba(44,49,55,0.9)
}

.bg-dark-opacity-100 {
    background-color: #2c3137
}

.bg-white {
    background-color: white
}

.bg-white-opacity-10 {
    background-color: rgba(255,255,255,0.1)
}

.bg-white-opacity-20 {
    background-color: rgba(255,255,255,0.2)
}

.bg-white-opacity-30 {
    background-color: rgba(255,255,255,0.3)
}

.bg-white-opacity-40 {
    background-color: rgba(255,255,255,0.4)
}

.bg-white-opacity-50 {
    background-color: rgba(255,255,255,0.5)
}

.bg-white-opacity-60 {
    background-color: rgba(255,255,255,0.6)
}

.bg-white-opacity-70 {
    background-color: rgba(255,255,255,0.7)
}

.bg-white-opacity-80 {
    background-color: rgba(255,255,255,0.8)
}

.bg-white-opacity-90 {
    background-color: rgba(255,255,255,0.9)
}

.bg-white-opacity-100 {
    background-color: white
}

.bg-black {
    background-color: black
}

.bg-black-opacity-10 {
    background-color: rgba(0,0,0,0.1)
}

.bg-black-opacity-20 {
    background-color: rgba(0,0,0,0.2)
}

.bg-black-opacity-30 {
    background-color: rgba(0,0,0,0.3)
}

.bg-black-opacity-40 {
    background-color: rgba(0,0,0,0.4)
}

.bg-black-opacity-50 {
    background-color: rgba(0,0,0,0.5)
}

.bg-black-opacity-60 {
    background-color: rgba(0,0,0,0.6)
}

.bg-black-opacity-70 {
    background-color: rgba(0,0,0,0.7)
}

.bg-black-opacity-80 {
    background-color: rgba(0,0,0,0.8)
}

.bg-black-opacity-90 {
    background-color: rgba(0,0,0,0.9)
}

.bg-black-opacity-100 {
    background-color: black
}

.accordion__trigger {
    cursor: pointer
}

.accordion__content {
    display: none
}

.overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 1023px) {
    .overlay--searcher {
        top:40px
    }
}

@media screen and (min-width: 1024px) {
    .overlay--filters {
        display:none
    }
}

.overlay.is-active {
    opacity: 1;
    visibility: visible
}

.close-modal {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 1.75rem;
    text-transform: uppercase;
    color: #333333;
    background-color: #f2f2f2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}

.close-modal:hover {
    opacity: 1
}

.loading__image-wrapper {
    display: none;
    margin-top: 50px
}

.page-main--home-page,.page-main--internal-page,.page-main--product-list {
    -webkit-transition: padding-top 0.3s;
    transition: padding-top 0.3s
}

.page-header--internal {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-header--product-list {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-header--product-detail {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-header--account {
    padding-top: 15px;
    padding-bottom: 15px
}

.tag-title,.tag-title--level-1 {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
    color: #333333
}

@media screen and (min-width: 768px) {
    .tag-title,.tag-title--level-1 {
        font-size:18px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .tag-title,.tag-title--level-1 {
        font-size:18px;
        font-size: 1.5rem
    }
}

.tag-subtitle,.tag-title--level-2,.tag-title--level-3 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 400;
    display: block;
    text-transform: uppercase
}

.tag-subtitle strong,.tag-title--level-2 strong,.tag-title--level-3 strong {
    margin-left: -1.5em;
    font-size: 1.2em;
    font-weight: 400;
    color: inherit
}

.tag-subtitle small,.tag-title--level-2 small,.tag-title--level-3 small {
    display: block;
    margin-right: -1.5em
}

.tag-subtitle,.tag-title--level-2 {
    font-size: 22.512px;
    font-size: 1.876rem
}

.tag-title--level-3 {
    font-size: 15px;
    font-size: 1.25rem
}

.tag-legend {
    display: block;
    font-family: "Source Sans 3", sans-serif;
    font-size: 21px;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.3
}

@media screen and (min-width: 1440px) {
    .tag-legend {
        font-size:30px;
        font-size: 2.5rem
    }
}

.tag-copy {
    display: block;
    font-size: 9.6px;
    font-size: 0.8rem;
    font-weight: 300;
    color: #ed088c;
    padding-top: 5px
}

@media screen and (min-width: 768px) {
    .tag-copy {
        font-size:12px;
        font-size: 1rem
    }
}

.tag-more,body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #333333
}

.tag-more:after,.tag-more:before,body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2:after,body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2:before {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: currentColor
}

.tag-more:before,body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2:before {
    margin-right: 0.75em
}

.tag-more:after,body:not(.produto) [class*=products-slider__wrapper] .prateleira.vitrine>h2:after {
    margin-left: 0.75em
}

.tag-other-products,body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2 {
    display: block;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    text-transform: capitalize;
    color: #333333
}

@media screen and (min-width: 1024px) {
    .tag-other-products,body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2 {
        font-size:1.5rem
    }
}

.tag-other-products small,body.produto [class*=products-slider__wrapper] .prateleira.vitrine>h2 small {
    display: block;
    margin-top: 1em;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700
}

body {
    display: block
}
