@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

/*------------------------------------
Author: Alexandre Trino
E-mail: trino.alexandre@gmail.com
------------------------------------*/


/*font-family: 'Roboto', sans-serif;*/


/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');*/


/*reset*/

* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    outline: none!important;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

button {
    background: none;
    border: 0;
    cursor: pointer;
}

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

fieldset,
img,
abbr,
acronym,
fieldset-img,
table {
    border: 0 none
}

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

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

body {
    line-height: 1;
    font-size: 12px;
    background: #fff;
    -webkit-font-smoothing: antialiased !important;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #4c4c4c;
    transition: all .12s linear;
    backface-visibility: hidden;
    font-size: 14px;
}

:after,
:before {
    backface-visibility: hidden;
}

p {
    line-height: normal
}

em {
    font-style: normal
}

img {
    border: none
}

input:focus {
    outline: none
}

div#ajaxBusy {
    display: none!important;
    background: url("/arquivos/ajax-loader.gif") no-repeat scroll center center #000;
    border-radius: 26px;
    height: 26px;
    left: 12px;
    position: absolute;
    text-indent: -9999px;
    top: 9px;
    width: 26px;
    z-index: 999999
}

.col10 {
    float: left;
    width: 10%
}

.col15 {
    float: left;
    width: 15%
}

.col16 {
    float: left;
    width: 16%
}

.col20 {
    float: left;
    width: 20%
}

.col25 {
    float: left;
    width: 25%
}

.col30 {
    float: left;
    width: 30%
}

.col33 {
    float: left;
    width: 33.33%
}

.col35 {
    float: left;
    width: 35%
}

.col40 {
    float: left;
    width: 40%
}

.col45 {
    float: left;
    width: 45%
}

.col48 {
    float: left;
    width: 48%
}

.col50 {
    float: left;
    width: 50%
}

.col60 {
    float: left;
    width: 60%
}

.col66 {
    float: left;
    width: 66.66%
}

.col70 {
    float: left;
    width: 70%
}

.col75 {
    float: left;
    width: 75%
}

.col80 {
    float: left;
    width: 80%
}

.col90 {
    float: left;
    width: 90%
}

.col100 {
    float: left;
    width: 100%;
    clear: both
}


/*grid*/

.ext {
    clear: both;
    width: 100%
}

.int {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1170px;
}

.clear {
    clear: both
}

.hide {
    display: none!important;
}

.transition {
    transition: all .12s linear;
    backface-visibility: hidden
}


/*recorrencia*/

#recurrence-bar {
    background: #571518
}

#recurrence-bar>.int {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px
}

#recurrence-bar>.int span,
#recurrence-bar>.int button {
    margin: 0 10px;
    color: #ffffff;
    font-size: 16px
}

#recurrence-bar>.int span {
    letter-spacing: .5px
}

#recurrence-bar>.int button {
    width: 228px;
    height: 40px;
    background: #CB343A;
    border-radius: 4px;
    transition: all .12s linear
}

#recurrence-bar>.int button:hover {
    background: #82af04
}


/*modal*/

.ext-modal {
    background: rgba(0, 0, 0, .3);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 997;
    height: 100%;
}

.int-modal,
.tpl-modal {
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
    position: fixed;
    max-width: 540px;
    min-height: 320px;
    padding: 10px 15px;
    left: 50%;
    font-size: 14px;
    top: 25%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: flex;
    color: #4a4a4a;
    align-items: center;
    justify-content: center;
}

.int-modal.sucesso {
    min-height: 100px;
}

.close-modal,
div#ajaxBusy {
    position: absolute;
    text-indent: -9999px;
}

.int-modal b {
    padding: 0 2px;
    display: initial;
    margin-top: 1px;
}

.close-modal {
    cursor: pointer;
    width: 25px;
    height: 25px;
    right: 1px;
    top: 1px;
    background: url(/arquivos/remove-item.png) center center no-repeat #FFF;
    display: block;
    font-size: 0;
    color: #fff;
    border-radius: 4px
}

.close-modal:hover {
    background-color: #e0e0e0;
}

.jn-wishlist {
    width: 500px;
    height: 440px;
    text-align: center;
    transform: translate(-50%);
    top: 50%;
    margin-top: -200px;
    display: flex;
}

.jn-wishlist iframe {
    width: 100%;
    min-height: 420px;
}

.jn-alert {
    width: 320px;
    margin-left: -160px;
    top: 40%;
    text-align: center;
    font-size: 16px;
}

.recurrence {
    width: 100%;
    max-width: 800px;
    align-items: flex-start;
}

.recurrence h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #cb343a;
    text-align: center;
    margin-top: 10px
}

.recurrence p {
    text-align: center;
    margin-bottom: 5px;
    padding: 0 10px;
}

.recurrence #div_recurrence {
    margin-top: 20px;
    text-align: center;
}

.recurrence #div_recurrence p {
    color: #000
}

.recurrence #div_recurrence a.menos-qtd-rec {
    transition: all .12s linear;
    display: inline-block;
    height: 25px;
    font-size: 18px;
    border-radius: 50px;
    background: #eee;
    width: 25px;
    text-align: center;
    line-height: 25px;
}

.recurrence #div_recurrence #qtd-rec {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px;
    border: none;
    background: none;
    font-size: 16px;
    margin-bottom: 20px;
    color: #777
}

.recurrence #div_recurrence a.mais-qtd-rec {
    display: inline-block;
    height: 25px;
    font-size: 18px;
    border-radius: 50px;
    background: #eee;
    width: 25px;
    text-align: center;
    line-height: 25px;
    transition: all .12s linear;
}

.recurrence #div_recurrence a:hover {
    background: #ddd;
    color: #fff;
}

.recurrence #div_recurrence button {
    width: 137px;
    display: flex;
    font-weight: 700;
    min-height: 30px;
    font-size: 14px;
    justify-content: center;
    padding: 15px;
    transition: all .15s linear;
    background: #cb343a;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto 10px;
}

.recurrence #div_recurrence button:hover {
    background: #8c232c
}

.recurrence #div_recurrence a.mais-qtd-rec:hover,
.recurrence #div_recurrence a.menos-qtd-rec:hover {
    background: #bc4345
}


/*ajuste da largura da quantidade de banners*/

.banners {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.banners img {
    display: block;
    width: 100%;
    height: auto
}

.banners.box-banner {
    transition: all .3s linear;
    backface-visibility: hidden
}

:not("#brands") .box-banner,
:not("#brands") .box-banner a {
    display: block;
    width: 100%
}

.banners.box-banner a img {
    width: 100%;
    height: auto;
    display: block
}

.banners.qtd-2 .box-banner {
    width: 49.5%;
    float: left
}

.banners.qtd-2 .box-banner+div {
    float: right;
    margin-right: 0
}

.banners.qtd-3 .box-banner {
    width: 32.8%;
    float: left
}

.banners.qtd-3 .box-banner:nth-child(2) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.banners.qtd-3 .box-banner+div+div {
    margin-right: 0;
    float: right
}

.banners.qtd-4 .box-banner {
    width: 32%;
    float: left
}

.banners.qtd-4 .box-banner+div+div+div {
    margin-right: 0
}

.banners.qtd-2 .box-banner:hover,
.banners.qtd-3 .box-banner:hover,
.banners.qtd-4 .box-banner:hover {
    opacity: 0.85;
    filter: opacity(85);
}


/*espiar*/

.zoomWindow {
    background: #fff
}


/*flags*/

.prateleira li .flags {
    clear: both;
    width: 100%;
    height: auto;
}

li .flag {
    display: none;
    width: 75%;
    height: 24px;
}

.flag:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #ffffff transparent transparent;
}

.flag.lancamentos {
    display: flex;
    background: #72BBE3;
    text-transform: uppercase;
    font-size: 12px;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.flag.frete-gratis {
    display: flex;
    background: #CB343A;
    text-transform: uppercase;
    font-size: 12px;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-weight: 700;
    position: relative;
}


/*minicart*/

.cart-info li.amount-products,
.search label .cart-info li.amount-kits,
.cart-info li.total-cart,
.cart-info .amount-items strong,
fieldset.busca select,
legend,
.search label {
    display: none!important
}

.cartInfoWrapper span.title,
.cart-info li,
.cart-info strong {
    display: none
}

.resume-cart {
    display: none;
    right: 0;
    width: 600px
}

.resume-cart .amount-items-in-cart {
    display: none !important
}

.vtexsc-cart {
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 10px 15px!important;
    position: relative;
    top: auto !important;
    width: auto !important
}

.vtexsc-cart .vtexsc-wrap .vtexsc-productList tbody {
    max-height: 215px;
    overflow-y: auto;
    display: block;
    width: 100%!important;
    text-align: center;
    position: relative
}

.vtexsc-cart .vtexsc-wrap .vtexsc-productList thead,
.vtexsc-cart .vtexsc-wrap .vtexsc-productList thead tr {
    display: block;
    width: 100%
}

.vtexsc-cart .vtexsc-wrap .vtexsc-productList thead th {
    float: left;
    box-sizing: border-box;
    text-align: center
}

.vtexsc-cart .vtexsc-wrap .vtexsc-productList tbody tr {
    border-bottom: 1px solid #e5e5e5
}

.vtexsc-cart .vtexsc-wrap .vtexsc-productList tbody tr:hover td {
    background: #f0f0f0 !important
}

.vtexsc-cart table.vtexsc-productList {
    width: 100%
}

.vtexsc-cart .vtexsc-wrap th {
    color: black;
    font-size: 12px;
    padding: 8px 0;
    font-weight: 700;
    text-align: left
}

.vtexsc-cart .vtexsc-wrap th.cartSkuPrice {
    width: 20%
}

.vtexsc-cart .vtexsc-wrap th.cartSkuQuantity {
    width: 10%
}

.vtexsc-cart .vtexsc-wrap th.cartSkuName {
    width: 59%;
    text-align: left!important
}

.vtexsc-cart td.cartSkuName a {
    font-weight: normal
}

.vtexsc-cart .vtexsc-wrap td {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 13px;
    padding: 14px 1%
}

.vtexsc-cart .vtexsc-wrap td h4 {
    font-size: 12px;
    font-family: Arial, Sans-serif
}

.vtexsc-cart td.cartSkuImage {
    text-align: center;
    width: 14%
}

.vtexsc-cart td.cartSkuImage img {
    height: auto;
    width: 90%
}

.vtexsc-cart td.cartSkuName {
    width: 38%
}

.vtexsc-cart td.cartSkuName h4 {
    font-weight: normal;
    line-height: 18px;
    text-align: left
}

.vtexsc-cart td.cartSkuName a {
    color: #000;
    font-weight: 700;
    font-size: 13px
}

.vtexsc-cart td.cartSkuName a:hover {
    color: #000
}

.vtexsc-cart td.cartSkuPrice {
    width: 18%
}

.vtexsc-cart td.cartSkuQuantity {
    width: 8%
}

.vtexsc-cart .cartSkuQuantity {
    text-align: center
}

.vtexsc-cart td.cartSkuActions {
    text-align: center;
    width: 8%
}

.vtexsc-cart span.cartSkuRemove a {
    background: rgba(0, 0, 0, 0) url("/arquivos/icon-trash.png") no-repeat scroll 0 0;
    color: #fff;
    display: block !important;
    font-size: 0;
    height: 16px;
    margin: 0 auto;
    text-indent: -999px;
    width: 12px
}

.vtexsc-cart span.cartSkuRemove a:hover {
    opacity: .75;
    filter: alpha(opacity=75)
}

.cartFooter {
    overflow: hidden;
    padding: 14px 6px 14px 26px
}

.cartTotal {
    color: #000;
    font-size: 0;
    padding: 16px 0;
    width: 100%;
    text-align: right
}

.cartTotal:before {
    content: "Subtotal:";
    font-size: 15px
}

.vtexsc-text {
    font-size: 22px
}

.cartTotal span {
    display: inline-block;
    padding-left: 4px;
    font-weight: 700
}

.cartFooter a.cartCheckout {
    background: #fff;
    color: #000;
    display: block;
    float: right;
    font-size: 0;
    padding: 18px 0;
    font-weight: 700;
    text-align: center;
    width: 100%;
    border: 2px solid #000
}

.cartFooter a.cartCheckout:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 15px;
    margin-left: 8px;
    background: url("/arquivos/arrow-right.png") no-repeat;
    top: 2px;
    position: relative
}

.cartFooter a.cartCheckout:hover:after {
    margin-left: 13px;
    filter: invert(100%)
}

.cartFooter a.cartCheckout:before {
    content: "Ir para Carrinho";
    font-size: 18px
}

.cartFooter a.cartCheckout:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff
}


/*popup vtex*/

#TB_overlay {
    background-color: rgba(0, 0, 0, .7)
}

#TB_window {
    width: 80%!important;
    margin-left: -40%!important;
    padding: 10px;
    box-sizing: border-box;
    height: 520px!important;
    margin-top: 0!important;
    top: 25px!important;
    background-color: #fff
}

#TB_closeAjaxWindow {
    text-align: center;
    position: absolute;
    top: 20px;
    right: 30px
}

#TB_closeAjaxWindow a {
    display: block;
    background-color: #fff;
    padding: 5px
}

#TB_window iframe {
    width: 100%!important;
    height: 95%!important
}


/*HEADER MOBILE
---------------------------------*/

#mob-header {
    display: none;
    width: 100%;
    background-color: #ffffff;
    height: 100%;
}

#mob-header > .int {
    padding: 0!important;
    width: 100%
}

#mob-header > .int > .eq01 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px #ddd;
    position: relative;
    z-index: 98;
}

#mob-header > .int > .eq01 #burger-menu {
    cursor: pointer;
    height: 50px;
    background: transparent;
    width: 50px;
    display: flex;
    justify-content: center;
    transition: all .15s linear;
    align-items: center;
}

#mob-header > .int > .eq01 #cart-mobile {
    margin-right: 15px
}

#mob-header > .int > .eq01 .logo img {
    height: 30px;
}

#mob-header > .int > .eq02 input[type="text"] {
    border-radius: 0
}

.close-sub {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: url("/arquivos/icon-mobile-back.png") no-repeat 0px 5px;
    position: absolute;
    left: 10px;
    top: 19px;
    z-index: 99;
    font-size: 0;
    cursor: pointer;
    display: none;
}

.close-sub.active {
    display: block
}

iframe#launcher.zEWidget-launcher--active {
    opacity: 0!important;
    pointer-events: none;
}


/*HEADER DESKTOP
---------------------------------*/

.box-top {
    border-bottom: 1px solid #CB343A;
    display: flex;
    align-items: center;
    padding: 0 4px
}

.box-top a {
    color: #000;
    font-size: 12px;
    transition: all .15s linear;
}

.box-top a:hover {
    color: #bd2d33;
}

#header {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 98
}

#header .int {
    display: flex;
    justify-content: space-between;
}

#header .int .logo {
    padding-top: 14px;
}

#header .int .content-header {
    display: flex;
    flex-direction: column;
    width: 90%;
    padding-top: 18px;
}

#header .int .content-header .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

#header .int .content-header .top .ticket-info:after {
    content: "";
    display: block;
    background: url('/arquivos/icon-ticket.png') no-repeat 0 0;
    width: 36px;
    height: 24px;
    margin-left: 15px
}

#header .int .content-header .top ul li {
    padding: 0 12px;
    position: relative;
}

#header .int .content-header .top ul li:first-child {
    padding-left: 0;
}

#header .int .content-header .top ul li:last-child {
    padding-right: 0;
}

#header .int .content-header .top ul li:after {
    content: "";
    display: block;
    height: 12px;
    width: 1px;
    background: #333;
    position: absolute;
    right: 0;
    top: 0;
}

#header .int .content-header .top ul li:last-child:after {
    display: none
}

#header .int .content-header .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .int .content-header .bottom nav {
    width: 70%;
    position: relative;
    z-index: 99;
}

#header .int .content-header .bottom nav > ul {
    display: flex;
    justify-content: space-around;
}

#header .int .content-header .bottom nav > ul > li {
    position: relative;
    height: 50px;
}

#header .int .content-header .bottom nav > ul li a {
    display: block;
    width: 100%;
    height: 30px;
    color: #CB343A;
    display: flex;
    height: inherit;
    align-items: center;
    background: #fff;
    position: relative;
}

#header .int .content-header .bottom nav > ul > li > a:after,
#header .int .content-header .bottom #topbar > li.enter:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    transition: all .15s linear;
}

#header .int .content-header .bottom nav > ul > li:hover > a:after,
#header .int .content-header .bottom #topbar > li.enter:hover:after {
    background: #cb343a
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li > a {
    display: flex;
    flex-direction: column;
    align-items: center
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li > a:before {
    content: "";
    display: block;
    background: url('/arquivos/sprite_submenu.png') no-repeat 0 -16px;
    width: 104px;
    height: 91px;
    margin-bottom: 15px;
}

#header .int .content-header .bottom nav > ul > li:nth-child(2) > ul li:nth-child(1) a:before {
    background-image: url('/arquivos/lowrefluxnovo.jpg');
    background-size: 100%;
    background-position: center;
}

#header .int .content-header .bottom nav > ul > li:nth-child(2) > ul li:nth-child(2) a:before {
    background-image: url('/arquivos/norwegian-sb.png') !important;
    background-size: 102% !important;
    background-position: center;
}

#header .int .content-header .bottom nav > ul > li:nth-child(2) > ul li:nth-child(3) a:before {
    background-image: url('/arquivos/norwegian-cb.png') !important;
    background-size: 102% !important;
    background-position: center;
}

#header .int .content-header .bottom nav > ul > li:nth-child(2) > ul li:nth-child(2) a,
#header .int .content-header .bottom nav > ul > li:nth-child(2) > ul li:nth-child(3) a {
    font-size: 12px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.vitamina-d > a:before {
    background: url("/arquivos/VITAMINA-D.png")
}

#header .int .content-header .bottom nav > ul > li a:hover {
    color: #af2500;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 15px;
    background: #fff;
    text-align: center;
    transition: all .15s linear;
    box-shadow: 0 0 10px rgba(0, 0, 0, .18);
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 ul {
    display: flex;
    top: 100%;
}

#header .int .content-header .bottom nav > ul > li:nth-child(1) .nivel-1 {
    margin-left: -160px;
}

#header .int .content-header .bottom nav > ul > li:nth-child(1) .nivel-1 .nivel-2 ul li:last-child {
    width: 130px
}

#header .int .content-header .bottom nav > ul > li:hover .nivel-1 {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li {
    width: 110px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li {
    margin: 0 10px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #433A3B;
    line-height: 24px;
    width: 100%;
}

#header .int .content-header .bottom #topbar {
    width: 25%;
    align-items: center;
    display: flex;
    height: 49px;
    justify-content: space-between;
}

#header .int .content-header .bottom #topbar > li {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#header .int .content-header .bottom #topbar > li.wl-summary a {
    position: absolute;
    left: 0;
    font-size: 0;
    display: block;
    width: 100%;
    height: inherit;
}

#header .int .content-header .bottom #topbar > li.wl-summary a strong {
    display: none
}

#header .int .content-header .bottom #topbar > li.wl-summary a span {
    font-size: 11px;
    background: #af2500;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    top: 25px;
    right: 0;
}

#header .int .content-header .bottom #topbar > li.enter {
    padding: 0 5px;
}

#header .int .content-header .bottom #topbar > li.enter ul {
    position: absolute;
    top: 100%;
    background: #fff;
    overflow: hidden;
    transition: all .15s linear;
    width: 100%;
    box-shadow: 0 0 15px #ccc;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

#header .int .content-header .bottom #topbar > li.enter:hover ul {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

#header .int .content-header .bottom #topbar > li.enter ul li a {
    line-height: 26px;
    text-align: center;
    display: block;
    transition: all .12s linear;
    color: #999;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

#header .int .content-header .bottom #topbar > li.enter ul li a:hover {
    color: #fff;
    background: #CB343A
}

#header .int .content-header .bottom #topbar > li.enter ul li:first-child {
    border-bottom: 1px solid #dfdfdf;
}

#header .int .content-header .bottom #topbar li a,
#header .int .content-header .bottom #topbar li >span {
    color: #CB343A;
    display: flex;
    width: inherit;
    height: inherit;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
}

#header .int .content-header .bottom #topbar li.enter > span:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-login.png') no-repeat 0 0;
    width: 18px;
    height: 18px;
    margin-right: 12px;
}

#header .int .content-header .bottom #topbar li.wl-summary:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-star.png') no-repeat 0 0;
    width: 26px;
    height: 26px;
}

#header .int .content-header .bottom #topbar li.wl-summary:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-star.png') no-repeat 0 0;
    width: 26px;
    height: 26px;
}

#header .int .content-header .bottom #topbar li.cart {
    padding-right: 13px!important;
    cursor: pointer;
}

#header .int .content-header .bottom #topbar li.cart a {
    width: 43px;
    position: absolute;
    height: 40px;
    right: 0;
    z-index: 98;
}

#header .int .content-header .bottom #topbar li.cart:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-cart.png') no-repeat 0 0;
    width: 29px;
    height: 26px;
}


/*submenu*/

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.colageno > a:before {
    background: url("/arquivos/colageno-toptherm.png") center center;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.omega-3 > a:before {
    background: url("/arquivos/omega-menu.jpg") center center;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.top-fit-2ltr > a:before {
    background: url("/arquivos/TOP-FIT-GREGO-5-ENVELOPES.png") center center;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.polivitaminico-homem > a:before {
    background-position: -121px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.polivitaminico-mulher > a:before {
    background-position: -242px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.luteina > a:before {
    background-position: -363px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.cramberry > a:before {
    background-position: -484px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.oleo-de-cartamo > a:before {
    background-position: -605px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.calcio-500 > a:before {
    background-position: -726px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.coezina-q10 > a:before {
    background-position: -847px -2px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.top-fit-1ltr > a:before {
    background-position: -975px 0;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.top-fit-2ltr > a:before {
    background-position: -665px -122px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.top-fit-3ltr > a:before {
    background-position: -975px 0;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.top-flora-plus > a:before {
    background-position: -3px -126px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.coalho-liquido > a:before {
    background-position: -122px -127px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.cram-and-cheese > a:before {
    background-position: -248px -122px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.pote-de-mel > a:before {
    background-position: -397px -135px;
}

#header .int .content-header .bottom nav > ul > li .nivel-1 .nivel-2 > ul > li.receitas-de-saude > a:before {
    background-position: -527px -122px;
}


/*LOGIN
------------------------------------------------------------*/

.vtexIdUI {
    width: 320px!important;
    min-height: 314px!important;
}

.vtexIdUI {
    border-radius: 5px!important;
    box-shadow: 0 0 10px #d8d8d8!important;
}

.vtexIdUI .modal-header .close {
    border-radius: 5px!important;
    ;
    margin-top: 2px;
}

.vtexIdUI .modal-header {
    background: none!important;
    border: none!important;
    font-size: 12px!important;
}

.vtexIdUI .modal-header .vtexIdUI-heading span {
    margin-top: 20px!important;
    display: block;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
}

.vtexIdUI .modal-body button {
    border-radius: 5px;
    box-shadow: none;
    border: none;
    width: 214px;
    transition: all .15s linear;
    height: 38px;
    margin-left: auto;
    font-size: 14px;
    margin-right: auto;
}

.vtexIdUI .modal-body button:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.vtexIdUI .vtexIdUI-providers-list li,
.vtexIdUI .account-list li {
    margin-bottom: 8px!important;
}

.vtexIdUI .modal-body * {
    box-shadow: none!important;
    text-shadow: none;
    line-height: initial;
}

.vtexIdUI form .modal-body .control-group label {
    margin-left: 0!important
}

.control-group.vtexIdUI-classic-login-control {
    margin-bottom: 5px;
}

.vtexIdUI .vtexIdUI-providers-list p,
.vtexIdUI .modal-body button span {
    font-size: 11px;
    text-transform: initial;
    font-family: Roboto, Arial;
    font-weight: normal;
    color: #fff;
}

#vtexIdUI-google-plus {
    background: #ED4037!important;
}

#loginWithUserAndPasswordBtn {
    background: #9B9B9B;
}

#loginWithAccessKeyBtn span {
    font-size: 0;
}

#loginWithAccessKeyBtn span:before {
    content: "Receber chave de acesso r\00E1pido";
    font-size: 11px;
}

.vtexIdUI .modal-body button i {
    display: none;
}

.vtexIdUI #vtexIdUI-facebook p {
    display: flex;
    align-items: center;
    justify-content: center
}

.vtexIdUI #vtexIdUI-facebook p:before {
    content: "";
    display: inline-block;
    background: url('/arquivos/icon-login-facebook.png') no-repeat -4px 0;
    width: 10px;
    height: 18px;
    margin-right: 10px;
}

.vtexIdUI #vtexIdUI-google-plus p {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vtexIdUI #vtexIdUI-google-plus p:before {
    content: "";
    display: inline-block;
    background: url('/arquivos/icon-login-google.png') no-repeat 0 0;
    width: 18px;
    height: 19px;
    margin-right: 10px;
}

.vtexIdUI .vtexIdUI-heading {
    font-weight: 400;
    padding-left: 10px;
    font-size: 12px;
}

.vtexIdUI .vtexIdUI-classic-login-control input,
.vtexIdUI .vtexIdUI-change-pswd input,
.vtexIdUI .vtexIdUI-change-exp-pswd input {
    width: 238px!important;
    font-size: 14px!important;
    height: 38px!important;
    margin: 0 auto 10px!important;
    float: none!important;
    display: block!important;
}

.vtexIdUI label {
    width: 238px!important;
    margin: 0 auto 4px!important;
    font-size: 12px!important;
}

.vtexIdUI .modal-footer {
    background: #fff!important;
    border: none!important;
}

.vtexIdUI .dead-link {
    font-size: 12px;
    color: #989898;
    text-align: center;
    width: 100%;
}

.vtexIdUI-back-link.dead-link {
    width: auto;
    color: #434343
}

.control-label span+.dead-link {
    position: absolute;
    bottom: 0;
    left: 0
}

#classicLoginBtn {
    width: 96px!important;
    min-width: initial;
    height: 38px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    display: block!important;
    color: #fff!important;
    background: #CB343A!important;
    border-radius: 5px!important;
    font-family: Roboto, Arial!important;
    box-shadow: none!important;
    padding: 0!important;
}

#tryChangePswdBtn {
    width: 100%!important;
    min-width: initial;
    height: 38px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    display: block!important;
    color: #fff!important;
    background: #CB343A!important;
    border-radius: 5px!important;
    font-family: Roboto, Arial!important;
    box-shadow: none!important;
    padding: 0!important;
}

#sendAccessKeyBtn {
    width: 96px!important;
    min-width: initial;
    height: 38px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    display: block!important;
    color: #fff!important;
    background: #CB343A!important;
    border-radius: 5px!important;
    font-family: Roboto, Arial!important;
    box-shadow: none!important;
    padding: 0!important;
}


}
.vtexIdUI .vtexIdUI-classic-login-control input,
.vtexIdUI .vtexIdUI-change-pswd input,
.vtexIdUI .vtexIdUI-change-exp-pswd input {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
}
.video-modal iframe {
    height: 320px;
    width: 100%;
}

/*responsive header desktop*/
@media only screen and (max-width: 1260px) {
    #header .search {
        width: 35%
    }
}
@media only screen and (max-width: 1150px) {
    #header .int .content-header .top ul li:last-child {
        display: none
    }
    
    #header .int .content-header .top ul li:nth-child(2):after {
        display: none
    }
}

/*search mobile*/
#mob-header .search {
    width: 100%;
    display: none;
}

/*menu mobile*/
.menu-mobile .close-menu {
    position: absolute;
    right: 0;
    width: 15%;
    height: 100%;
    top: 0;
    cursor: pointer;
    text-align: center;
    color: #4a4a4a;
    z-index: 95;
    line-height: 50px;
    font-size: 32px;
}
.menu-mobile .close-menu:after {
    content: "X";
    transition: all .12s linear;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 100%;
    background-color: #d6d6d6;
    font-size: 28px;
    color: #000;
}
.menu-mobile .close-menu:hover:after {
    background-color: #000000;
    color: #fff
}
.menu-mobile {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    overflow-y: auto;
    left: -100%;
    box-sizing: border-box
}
.menu-mobile .wrap {
    float: left;
    width: 85%;
    position: relative;
    height: 100%;
    background-color: #fff;
    overflow-y: auto
}
.menu-mobile .wrap > ul > .tit-menu,
.menu-mobile .wrap .tit-menu a {
    color: #4a4a4a;
    font-weight: 700;
    font-size: 22px;
    padding: 8px 0 20px 45px;
    display: block;
}
.menu-mobile .wrap > ul {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 15px;
    position: absolute;
    box-sizing: border-box;
    height: 100%
}
.menu-mobile .wrap > ul.active {
    overflow-y: auto
}
.menu-mobile ul li {
    clear: both;
    display: block;
    width: auto!important
}
.menu-mobile .nivel-1 {
    position: absolute;
    display: block;
    left: 100%;
    background: #fff;
    padding-top: 8px;
    top: 0;
    transition: all .2s ease-out;
}
.menu-mobile .wrap .pai {
    color: #000
}
.menu-mobile .nivel-1 ul li a {
    text-align: left;
    line-height: 30px;
    color: #aaa;
    display: block;
    box-sizing: border-box;
}
.menu-mobile .nivel-1 ul li a:hover {
    color: #000
}
.menu-mobile .nivel-1 ul li.ver-tudo a {
    color: #000
}
.menu-mobile .nivel-1 ul li > span .drop {
    position: absolute;
    right: 0px;
    background: url('/arquivos/sprite-dropdow.png') no-repeat 5px -14px;
    width: 25px;
    height: 22px;
    top: 9px;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s ease;
    backface-visibility: hidden
}
.menu-mobile .nivel-1 ul li > span .drop.ativo {
    background-position: 4px -46px
}
.menu-mobile .nivel-1.active {
    left: 0;
    min-height: 100%;
    box-sizing: border-box
}
.menu-mobile .nivel-2 ul li a {
    padding-left: 45px
}
.menu-mobile .nivel-2 {
    padding-top: 10px
}
.menu-mobile .nivel-2 h2 {
    margin: 0 0 10px 45px
}
.menu-mobile .nivel-2 h2 a {
    color: #000;
    font-size: 20px
}
.menu-mobile .nivel-2 > ul {
    margin-bottom: 25px;
    column-count: 1!important;
}
.menu-mobile ul li:last-child a {
    border-bottom: 0
}
.menu-mobile ul li .child {
    display: none
}
.menu-mobile .wrap > ul > li > a {
    clear: both;
    width: 100%!important;
    color: #000;
    padding: 10px 0;
    display: block;
    box-sizing: border-box;
    padding-left: 45px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
.menu-mobile .wrap > ul > li > a:hover {
    color: #000
}
.menu-mobile ul li.tit {
    padding-left: 45px;
    font-weight: 700;
    font-size: 17px;
    color: #666
}
.menu-mobile ul li.linkCont01,
.menu-mobile ul li.linkCont02 {
    display: block;
    font-weight: 700
}
.menu-mobile ul li.linkCont01 {
    padding-top: 30px
}
.menu-mobile ul li.linkCont01 a,
.menu-mobile ul li.linkCont02 a {
    color: #888
}

/*topo flutuante*/
#top-fixed {
    position: fixed;
    left: 0;
    display: none;
    top: 0;
    background: #000000;
    width: 100%;
    z-index: 998;
    height: 73px;
    top: -155px;
    transition: all .15s linear;
}
#top-fixed.ativo {
    top: 0
}
#top-fixed .int {
    display: flex;
    justify-content: space-between;
    align-items: center
}
#top-fixed.ativo #topbar li.eq01 > a {
    height: 54px
}
#top-fixed #topbar > li.eq02 {
    height: 64px
}
#top-fixed #topbar > li.eq02 ul {
    top: 60px
}
#top-fixed #topbar li.eq03 {
    height: 61px
}
#top-fixed #topbar li.eq03 > div > a {
    padding-bottom: 20px
}
#top-fixed #topbar > li #miniC {
    top: 60px;
    display: none!important
}
#top-fixed .int .move-logo {
    margin-top: 0px;
    justify-self: flex-start;
    display: flex;
}
#top-fixed .int .logo {
    margin-top: 1px;
}
#top-fixed .int .move-search > section.find {
    width: 100%;
    margin-top: 10px;
    margin-left: 3%
}
#top-fixed .move-menu {
    padding-bottom: 0;
    width: 50%;
}
#top-fixed .move-menu nav.nav {
    height: 30px;
    margin-top: 10px;
    margin-bottom: 0
}
#top-fixed .move-menu nav > ul > li > div {
    top: 32px;
    z-index: 1;
    height: auto
}

/*header mobile*/
#menu-mobile {
    position: absolute;
    width: 100%;
    top: 42px;
    z-index: 101;
    background-color: #1b71b4;
    display: none;
    padding-bottom: 2px
}
#menu-mobile ul {
    margin: 15px 0
}
#menu-mobile ul li {
    clear: both;
    display: block
}
#menu-mobile ul li a {
    display: block;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 18px;
    line-height: 35px
}
#menu-mobile ul li a:hover {
    text-decoration: none;
    background-color: #1367a9
}
#menu-mobile > a {
    clear: both;
    display: block;
    width: 95%!important;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
    background-color: #1e7cc5;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0
}
#menu-mobile > a:hover {
    text-decoration: none;
    background-color: #0d60a2
}

/*search*/
#header .search fieldset {
    width: 100%
}
.search {
    position: relative;
    width: 37%;
}
.search input[type="text"] {
    float: left;
    font-size: 13px;
    color: #AEAEAE;
    margin-right: 0px;
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
    height: 40px;
    font-style: italic;
    padding: 0px 45px 0px 4%;
    display: block;
    width: 100%;
    border: 1px solid #CB343A;
}
.search input[type="text"]::placeholder {
    color: #fff
}
.search input[type="button"] {
    cursor: pointer;
    border: none;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 7px;
    transition: all .2s linear;
    background: url(/arquivos/icon-search.png) no-repeat center center;
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.search input[type="button"]:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}
.busca-vazia main .search input[type="button"] {
    background: url('/arquivos/lupa.png') no-repeat
}

/*sub login*/
#topbar > li.eq01 > ul {
    position: absolute;
    top: 76px;
    z-index: 99999999;
    display: none;
    clear: both;
    background-color: #fff;
    width: 220px;
    left: 50%;
    border: 1px solid #ddd;
    border-top: none;
    transform: translateX(-50%)
}
#topbar > li.eq01.logged:hover ul {
    display: block
}
#topbar > li.eq01 > ul > li {
    clear: both;
    transition: all .12s linear;
    border-bottom: 1px solid #ccc
}
#topbar > li.eq01 > ul > li:hover {
    background-color: #f0f0f0
}
#topbar > li.eq01 > ul > li:last-child {
    border: 0
}
#topbar > li.eq01 > ul > li a {
    display: block;
    text-align: center;
    padding: 6px 15px;
    color: #000000;
    line-height: 30px;
    margin: 0 4px
}
.cart-info li.amount-items {
    color: #000;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 0;
    line-height: 22px;
    border: 0;
    box-sizing: border-box;
    bottom: 6px;
    position: absolute;
    right: 0;
}
.cart-info li.amount-items em {
    font-weight: normal;
    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    border-radius: 10px;
    background: #af2500;
}
#cart:after {
    content: " Itens";
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
.resume-cart {
    display: none;
    right: 0;
    width: 600px
}
.resume-cart .amount-items-in-cart {
    display: none !important
}
.amount-items {
    display: block
}
.amount-items strong {
    display: none
}
.compras .amount-items em {
    line-height: 19px
}

/*TOPO
---------------------------------*/
#welcome {
    width: 138px;
    height: 50px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    margin-left: 5px;
}
#welcome #login > span {
    height: 50px;
    text-transform: uppercase;
    background: #ED2836;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#welcome:hover #login.logged > ul {
    opacity: 1;
    visibility: visible;
    bottom: -83px;
}
#welcome #login > ul {
    bottom: -115px;
    position: absolute;
    width: 98%;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background: #f0f0f0;
    overflow: hidden;
    transition: all .15s linear;
    opacity: 0;
    visibility: hidden;
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    left: 50%;
}
#welcome #login > ul li a {
    display: block;
    padding: 8px 15px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 13px
}
#welcome #login > ul li a:hover {
    background: #ed2836;
    color: #fff
}

/*SOCIAL LINKS FLUTUANTE
---------------------------------*/
#float-social-links {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 98;
    right: 0;
    top: 25%;
    width: 54px;
}
#float-social-links li {
    margin-bottom: 6px;
}
#float-social-links li.title-float-links {
    transform: rotate(270deg);
    width: 95px;
    text-align: center;
    position: relative;
    left: -12px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#float-social-links li a,
#float-social-links li.chat-online {
    background-color: #CB343A;
    display: flex;
    width: 54px;
    height: 54px;
    justify-content: center;
    align-items: center;
    transition: all .15s linear;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
}
#float-social-links li a:hover,
#float-social-links li.chat-online:hover {
    width: 110%;
    position: relative;
    margin-left: -10%;
    background: #c12d33;
}

/*MENU FLUTUANTE
---------------------------------*/
#top-fixed #trigger-menu {
    display: none
}
#top-fixed nav#nav-menu > ul.ready {
    opacity: 1;
    filter: alpha(opacity=100)
}
#top-fixed nav#nav-menu > ul > li {
    float: left
}
#top-fixed .nivel-1 ul {
    overflow: hidden
}
#top-fixed .nivel-1 ul li a:hover {
    color: #000
}
#top-fixed nav#nav-menu > ul > li > span a {
    color: #fff;
    font-size: 15px!important;
    display: block;
    padding: 14px 0 13px;
    width: 100%;
    text-align: center
}
#top-fixed nav#nav-menu > ul > li > span a:hover {
    background-color: #0774bf
}
#top-fixed .nivel-1 {
    display: none;
    position: absolute;
    top: 54px;
    z-index: 95;
    background-color: #fff;
    left: 0;
    width: 100%;
    padding-bottom: 35px;
    box-shadow: 0 100pc 0 100pc rgba(0, 0, 0, 0.3)
}
#top-fixed li.pai+.nivel-1 {
    left: 100%;
    top: initial;
    display: block;
    top: 0;
    padding-top: 15px
}
#top-fixed .nivel-1 ul li.tit {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    text-indent: -1px;
    height: 14px;
    display: block
}
#top-fixed .nivel-1 ul li a {
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    color: #aaa;
    display: block;
    box-sizing: border-box;
    font-weight: 700
}
#top-fixed .nivel-1 ul li.ver-tudo a {
    color: #000
}
#top-fixed .nivel-1 ul li > span .drop {
    position: absolute;
    right: 0px;
    background: url('/arquivos/sprite-dropdow.png') no-repeat 5px -14px;
    width: 25px;
    height: 22px;
    top: 9px;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s linear;
    backface-visibility: hidden
}
#top-fixed .nivel-1 ul li > span .drop.ativo {
    background-position: 4px -46px
}
#top-fixed .nivel-1 ul li ul {
    display: none
}
#top-fixed .menu-mobile .nivel-1 li a {
    padding-left: 45px
}
#top-fixed .menu-mobile .nivel-1 li.ver-tudo a {
    color: #000;
    font-weight: 700
}
#top-fixed nav#nav-menu > ul > li .nivel-2 > ul {
    float: left;
    min-width: 29%
}
#top-fixed nav#nav-menu > ul > li .nivel-2 > ul > ul {
    clear: both;
    margin-bottom: 20px
}
#top-fixed .nivel-1 ul li ul li {
    line-height: 23px
}
#top-fixed .nivel-1 ul li ul li a {
    padding-left: 7px;
    color: #222
}
nav#nav-menu > ul > li .nivel-2 {
    padding-top: 20px;
    box-sizing: border-box;
}

/*tabs*/
.tabs-home {
    margin: 40px 0;
}
.tabs-home .menu-tabs {
    margin-bottom: 25px;
    overflow: hidden;
    clear: both
}
.tabs-home .content-tabs {
    clear: both;
    position: relative;
}
.tabs-home .content-tabs > div {
    display: none;
}
.tabs-home .menu-tabs ul {
    display: flex;
    justify-content: center;
}
.tabs-home .menu-tabs li {
    display: inline-block;
    min-width: 11.1%;
    margin: 0 2px;
}
.tabs-home .menu-tabs li a {
    display: block;
    padding: 10px 12px 9px;
    width: 100%;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    font-weight: 700;
    color: #9a9a9a;
    transition: all .3s ease;
    backface-visibility: hidden;
    border: 2px solid #fff;
}
.tabs-home .menu-tabs li.current a,
.tabs-home .menu-tabs li a:hover {
    color: #000;
    border-color: #000
}
.tabs-home .content-tabs .prateleira > h2 {
    display: none
}

/*CONTEUDO
---------------------------------*/
#content {
    width: 72.5%;
    float: right
}

/*modal de compra prateleira*/
.gt-ext-modal {
    position: fixed;
    z-index: 0;
    background: rgba(255, 255, 255, 0.7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none!important;
}
.jn-comprar {
    background: rgba(255, 255, 255, 1);
    height: 100%;
    position: absolute;
    text-align: center;
    width: 93%;
    box-sizing: border-box;
    z-index: 999999999;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 6px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    top: -4px;
    margin: 4px;
}
.prateleira .jn-comprar h2 {
    color: #000;
    font-size: 22px;
    display: block;
    padding: 12px 0 16px;
    margin-bottom: 30px;
    border: 0;
    display: block!important;
    background: none
}
.prateleira .jn-comprar:hover {
    text-decoration: none;
    opacity: .8
}
.jn-comprar a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0px 10%;
    text-align: center;
    border-radius: 5px;
    width: 95%;
    text-transform: capitalize;
}
.jn-comprar a.finalizar {
    background: #69bd47;
    font-size: 16px;
    padding: 16px 0;
    color: #fff;
}
.jn-comprar a.close-modal {
    background: #ccc none repeat scroll 0 0;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 13px 0;
    display: block;
    cursor: pointer;
    position: initial;
    line-height: 25px;
    height: 50px;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    text-indent: 0;
}
.jn-comprar p.errorBuy {
    color: #000;
    font-size: 20px
}

/* Return to top */
#returnToTop {
    display: none!important;
    position: fixed;
    bottom: 100px;
    right: 0;
    width: 90px;
    padding: 3px 0 0 4px;
    z-index: 99;
    height: 32px;
    background-color: #FFF;
    border-radius: 4px 0 0 4px
}
#returnToTop a:hover {
    text-decoration: none
}
#returnToTop span {
    font-weight: bold;
    height: auto;
    line-height: 12px;
    color: #d61446
}
#returnToTop .text {
    display: block
}
#returnToTop .text2 {
    float: left;
    font-size: 18px;
    font-weight: normal
}
#returnToTop .arrowToTop {
    background: url("/arquivos/returnToTop.png") no-repeat #d61446;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    float: right
}

/*autocomplete*/
.ui-autocomplete {
    background-color: #fff;
    text-align: left;
    width: 46.75% !important;
    z-index: 300 !important;
    border: #e6e6e6 solid;
    border-width: 1px;
    max-height: 315px;
    overflow-x: auto;
    border-radius: 5px;
}
.ui-autocomplete a {
    color: #000;
    cursor: pointer;
    display: block;
    text-decoration: none;
    padding: 8px 0 2px 18px;
    line-height: 20px;
    min-height: 23px;
    font-size: 13px
}
.ui-autocomplete .ui-state-hover {
    transition: all .2s linear-out;
    background: #e0e0e0;
    color: #444
}
.ui-autocomplete .ui-menu-item {
    display: block;
    margin: 0;
    border-bottom: 1px solid #e5e5e5
}
.ui-autocomplete img {
    vertical-align: middle;
    margin: -2px 10px 3px 0;
    width: 75px;
    height: 75px;
}

/*HOME
--------------------------------*/
.home main {
    background: #f6f6f6;
    padding-top: 45px;
}
.home .line {
    clear: both;
}
.slider__controls {
    margin-top: 32px
}
#suggestions-home {
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
}
#suggestions-home > .eq01 {
    max-width: 252px;
}
#suggestions-home > .eq01 li {
    width: 100%;
}
#suggestions-home > .eq02 {
    width: 80.5%;
    margin-bottom: 0;
}
#suggestions-home > .eq02 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
#suggestions-home > .eq02 strong {
    display: block;
    width: 100%;
}
#suggestions-home > .eq02 .box-banner {
    float: left;
    width: 52%;
    margin-right: 0%;
    margin-top: 32px;
}
#suggestions-home > .eq02 .collection {
    width: 48%;
    float: left;
    clear: none;
}
#shelf-04 .slick-list {
    padding-top: 0
}
#suggestions-home > .eq02 .prateleira ul {
    display: flex;
    justify-content: space-between
}
#suggestions-home > .eq02 .prateleira h2 {
    display: none
}
section#seu-corpo-saudavel {
    background: #f0f0f0;
    padding: 38px 0;
}
section#seu-corpo-saudavel ul {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
section#seu-corpo-saudavel ul li {
    width: 154px;
    height: 164px;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
section#seu-corpo-saudavel ul li a {
    display: block;
    transition: all .12s linear;
    border: 1px solid #fff;
}
section#seu-corpo-saudavel ul li a:hover {
    border-radius: 10px;
    border-color: rgb(232, 232, 232);
    background: rgba(0, 0, 0, .01);
}
section#seu-corpo-saudavel ul li a > span {
    display: flex;
    justify-content: center;
    height: 110px;
    width: 100%;
    text-align: center;
}
section#seu-corpo-saudavel ul li a span svg {
    width: 65%;
    height: auto;
    display: block;
    margin: auto;
    max-height: 70px;
}
section#seu-corpo-saudavel ul li a h3 {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    height: 35px;
    line-height: 17px;
}
section#seu-corpo-saudavel ul li a h3 span {
    color: #326DA1;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}
#posts {
    padding-top: 45px
}
#posts .menu-tabs {
    display: flex;
    justify-content: space-between;
    border: 1px solid #CFCEC7;
    border-radius: 6px;
    margin-bottom: 25px;
}
#posts .menu-tabs li {
    width: 100%;
    border-right: 1px solid #c7c7c7;
}
#posts .menu-tabs li:last-child {
    border: none;
}
#posts .menu-tabs li.current a {
    background: #af2500;
    color: #fff;
    font-weight: 500;
}
#posts .menu-tabs li a {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    width: 100%;
}
#posts .content-tabs > div {
    display: none;
}
#posts .content-tabs > div.current {
    display: block;
}
#posts .content-tabs > div > div {
    display: flex;
    justify-content: space-between;
}
#posts .content-tabs > div > div .post {
    width: 32%;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
#posts .content-tabs > div > div .post h3 {
    color: #af2500;
    font-size: 18px;
}
#posts .content-tabs > div > div .post figure {
    border-radius: 5px;
    overflow: hidden;
}
#posts .content-tabs > div > div .post figure img {
    display: block;
    width: auto;
    height: 195px;
}
#posts .content-tabs > div > div .post .info-post {
    padding: 18px 30px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#posts .content-tabs > div > div .post .info-post h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 13px;
}
#posts .content-tabs > div > div .post .info-post p {
    font-size: 13px;
    line-height: 17px;
    color: #4A4A4A;
    min-height: 80px;
}
#posts .content-tabs > div > div .post .info-post a {
    display: flex;
    width: 124px;
    height: 32px;
    background: #af2500;
    justify-content: center;
    align-items: center;
    color: #ffff;
    border-radius: 5px;
    transition: all .15s linear;
    align-self: flex-end;
}
#posts .content-tabs > div > div .post .info-post a:hover {
    background: #de8976;
}

/*CATEGORIA -- KITS
------------------------------------------------------------*/
.categoria .min-kits .prateleira > ul,
.kits .min-kits .prateleira > ul {
    display: flex;
    flex-wrap: wrap
}
.categoria .min-kits .prateleira > ul > li,
.kits .min-kits .prateleira > ul > li {
    margin-bottom: 20px
}
.alternate-post #posts {
    clear: both;
    margin-bottom: 80px;
}
.alternate-post #posts .int > div {
    display: flex;
    justify-content: space-around;
}
.alternate-post #posts .int > div > .post {
    width: 30%
}
.alternate-post #posts .int > div > .post span.subject {
    border-radius: 5px;
    background: #F7F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 109px;
    height: 33px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #2B2B2B;
    margin-bottom: 15px;
}
.alternate-post #posts .int > div > .post h3 a {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 26px;
    display: block;
    margin-bottom: 15px
}
.alternate-post #posts .int > div > .post .author {
    margin-bottom: 30px;
    display: block;
}
.alternate-post #posts .int > div > .post figure img {
    display: block;
    width: 100%;
    height: auto;
}

/*Slider*/
#slider {
    border-radius: 0;
    margin-bottom: 0;
}
#slider.int {
    width: 100%;
    max-width: 1100px;
}
#slider .slick-dots {
    bottom: 25px;
    position: relative;
}

/*gallery*/
.gallery {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -3px;
}
.gallery .gallery__row {
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
    max-width: 33.3333%;
    padding: 0 3px;
    margin-bottom: -7px;
}
.gallery .gallery__col {
    padding-bottom: 7px;
}
.gallery img {
    width: 100%;
}
.banner {
    position: relative;
    min-height: 330px;
    background-position: center;
    background-size: cover;
}
.banner .banner__content {
    position: absolute;
    right: 60px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    width: 491px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 7px;
}
.banner .btn {
    margin-top: -12px;
    -ms-flex-item-align: center;
    align-self: center;
}
.banner strong {
    margin-bottom: 0;
    margin-right: 14px;
    font-weight: 700;
    color: #000;
    font-style: italic;
    font-size: 70px;
    font-family: 'Samantha Pro', sans-serif;
    letter-spacing: 0.038em;
    line-height: 1.39;
}
.banner strong small {
    display: block;
    font-size: 20px;
    color: #64473C;
    font-family: 'Avenir LT Std';
    font-weight: 400;
    letter-spacing: 0.038em;
    font-style: normal;
}

/* Mobile */
@media (max-width: 767px) {
    .banner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 178px;
    }
    
    .banner .banner__content {
        position: static;
        display: block;
        -ms-transform: none;
        transform: none;
        width: auto;
        margin-top: 0;
        padding: 32px 21px 0 0;
    }
    
    .banner strong {
        font-size: 50px;
        margin-right: 0;
        line-height: 1;
        margin-bottom: -8px;
    }
    
    .banner strong small {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .banner .btn {
        margin-top: 1px;
        font-weight: 500;
    }

    body.home #slider:not(.for-mobile) {
        display: none;
    }

    body.home #slider.for-mobile {
        display: block !important;
    }
}

@media (min-width: 768px) {
    body.home #slider:not(.for-mobile) {
        display: block;
    }

    body.home #slider.for-mobile {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */
.gallery-home {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -3px;
}
.gallery-home .gallery__row {
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
    max-width: 33.3333%;
    padding: 0 3px;
    margin-bottom: -7px;
}
.gallery-home .gallery__col {
    padding-bottom: 7px;
}
.gallery-home img {
    width: 100%;
}

/* ------------------------------------------------------------ *\
    Article
\* ------------------------------------------------------------ */
.home .article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.home .article .article__title {
    margin-bottom: 14px;
    line-height: 1.67;
    color: #EC4E5B;
    font-weight: 300;
    text-transform: uppercase;
}
.home .article .article__footer {
    margin-top: auto;
}
.home .article .article__author {
    display: block;
    margin-bottom: 20px;
    font-weight: 900;
}
.home .article p {
    margin-bottom: 15px;
    line-height: 1.71;
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section .section__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 38px;
    text-align: center;
}
.section .section__head .btn {
    position: relative;
    left: 10px;
    margin-top: 10px;
    -ms-flex-item-align: center;
    align-self: center;
}
.section .section__head p {
    width: 100%;
    font-size: 16px;
    color: #707070;
    font-weight: 500;
    font-family: 'Avenir LT Std';
}
.section .section__title {
    position: relative;
    margin-bottom: 45px;
}
.section .section__title:after {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    width: 73px;
    height: 1px;
    background: currentColor;
    content: "";
}
.section .section__heading {
    margin: 0 53px 8px -6px;
    text-align: left;
}
.section .section__heading span {
    font-family: 'Samantha Pro', sans-serif;
    font-style: italic;
    color: rgba(237, 40, 54, 0.44);
    font-weight: 700;
    line-height: 0;
}
.section .section__heading a {
    text-decoration: none;
    color: inherit;
}
.section .section__heading small {
    display: block;
    margin-top: -6px;
    color: #181818;
    font-size: 67%;
    font-weight: 900;
    font-family: 'Avenir', sans-serif;
}
.section .section__heading i {
    margin-right: -2px;
}
.section .section__heading--alt {
    margin: 0 0 9px;
    text-align: center;
}
.section .section__heading--alt small {
    margin-top: 11px;
}
.section--divided {
    padding: 12px 0 50px;
    margin-bottom: 55px;
}
.section--divided .section__inner {
    display: -ms-flexbox;
    display: flex;
}
.section--divided .section__aside {
    -ms-flex: 0 1 527px;
    flex: 0 1 527px;
    max-width: 527px;
    margin-right: 44px;
}
.section--divided .section__content {
    -ms-flex: 1;
    flex: 1;
}
.section--no-spacing-bottom {
    padding-bottom: 0 !important;
}
.section--dark {
    background: rgba(248, 233, 225, 0.2);
}
.section--darker {
    background: #EAE4DA;
}
.section--tabs {
    padding: 75px 0 40px;
    margin-bottom: 76px;
}
.section--media {
    padding-bottom: 71px;
}
.section--product-view {
    padding-bottom: 109px;
}
.section--no-spacing {
    padding-bottom: 0 !important;
}
#instagram ul {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
#instagram ul li {
    margin: 0 3px;
    height: fit-content;
    margin-bottom: -3px;
}
#instagram ul li img {
    width: 100%;
    height: auto;
    transition: all .12s linear;
}
#instagram ul li:hover img {
    opacity: .7
}

/* Mobile */
@media (max-width: 767px) {
    #instagram {
        padding-bottom: 40px;
    }
    
    #instagram .section__title {
        margin-bottom: 38px;
        line-height: 1.37;
    }
    
    #instagram .section__title:after {
        margin-top: 1px;
    }
    
    .section--product-view {
        padding-bottom: 28px;
    }
    
    .section--product-combination {
        padding-bottom: 63px;
    }
    
    .section--tabs {
        padding-top: 4px;
        margin-bottom: 0;
        padding-bottom: 33px;
        background: #fff;
    }
    
    .section--product-reviews {
        margin-bottom: 25px;
        padding-top: 23px;
    }
    
    .section--product-reviews .section__title {
        margin-bottom: 25px;
    }
}

/* ------------------------------------------------------------ *\
    Section-subscribe
\* ------------------------------------------------------------ */
.section-subscribe {
    padding: 79px 0 69px;
    background-position: center;
    background-size: cover;
}
.section-subscribe .section__content {
    max-width: 786px;
    margin-left: auto;
}

/* Mobile */
@media (max-width: 767px) {
    .section-subscribe {
        padding: 33px 0 35px;
    }
}

/* ------------------------------------------------------------ *\
	Section-primary
\* ------------------------------------------------------------ */
.section-primary {
    padding-bottom: 44px;
}
.section-primary .section__title {
    margin-bottom: 48px;
}
.section-primary .section__inner {
    display: -ms-flexbox;
    display: flex;
}
.section-primary .section__sidebar {
    -ms-flex: 0 1 22%;
    flex: 0 1 22%;
    max-width: 22%;
}
.section-primary .section__content {
    -ms-flex: 1;
    flex: 1;
    padding-top: 17px;
    margin-left: 68px;
}

/* Mobile */
@media (max-width: 767px) {
    .section-primary {
        background: #fff;
        padding-bottom: 30px;
    }
    
    .section-primary .section__inner {
        display: block;
    }
    
    .section-primary .section__sidebar {
        max-width: none;
    }
    
    .section-primary .section__content {
        max-width: none;
        margin: 0;
    }
    
    .section-primary .section__title {
        margin-bottom: 19px;
    }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    min-width: 156px;
    font-weight: 500;
    border: 1px solid #ED2836;
    padding: 0 5px;
    color: #ED2836;
    text-transform: uppercase;
    background: none;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    transition: background .3s, color .3s;
}
.btn .btn__icon {
    margin-right: 13px;
}
.btn span {
    vertical-align: middle;
}
.btn:hover {
    background: #ED2836;
    color: #fff;
}
.btn--black {
    color: #181818;
    border-color: #181818;
}
.btn--black:hover {
    background: #181818 !important;
    color: #fff;
}
.btn[class*="--solid-"] {
    transition: opacity .3s;
}
.btn[class*="--solid-"]:hover {
    opacity: .8;
}
.btn--solid-black {
    color: #fff;
    border-color: #181818;
    background: #181818 !important;
}
.btn--solid-black strong {
    font-weight: 900;
}
.btn--solid-red {
    background: #CB343A;
    color: #fff !important;
    border-color: #CB343A;
}
.btn--solid-yellow {
    background: #EED484 !important;
    color: #000 !important;
    border-color: #EED484;
}
.btn--md {
    min-width: 138px;
}
.btn--small {
    min-width: 131px;
    font-weight: 500;
    padding: 0 1px;
    font-size: 14px;
}
.btn--font-md {
    font-size: 15px;
}
.btn--lg {
    font-size: 18px;
}
.btn--xl {
    min-width: 284px;
}
.btn--xl strong {
    font-weight: 900;
    vertical-align: middle;
}
.btn--strong {
    font-weight: 800;
    letter-spacing: 0.12em;
    font-size: 16px;
    font-family: 'Avenir', sans-serif;
}
.btn--strong i {
    margin-right: 12px;
    margin-top: -4px;
    margin-left: 12px;
}
.btn--strong strong {
    font-weight: 800;
}
.btn--unset-transform {
    text-transform: unset;
}
.btn--rotated {
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.btn--rotated strong {
    font-weight: 700;
}
.btn--primary-font {
    font-family: 'Avenir', sans-serif;
}

/*  Button Block  */
.btn-block {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 0;
    width: 100%;
}
.btn-reset {
    background: none;
    border: 0;
    border-radius: 0;
}
.btn-primary-large {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 67px;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #ED2836;
    border-radius: 4px;
    color: #ED2836;
    text-align: center;
}
.btn-primary-large:hover {
    background: #ED2836;
    font-weight: 700;
    color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
    .btn-clean-xs {
        border: 0;
        background: none;
        min-width: 0;
        padding: 0;
        height: auto;
        line-height: 1;
        font-weight: 500;
    }
}

/* --secondary */
.banner--secondary {
    min-height: 0;
}
.banner--secondary .btn {
    position: absolute;
    left: 52px;
    bottom: 0;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    margin: 0;
}

/* SEGUNDA VIA DO BOLETO
--------------------------------*/
.segunda-via #get_dados_boleto {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 1px solid #bc4345;
    padding: 20px 20px 0;
    align-items: flex-start;
    width: fit-content;
    float: left;
}
.segunda-via #result p,
.segunda-via #result li {
    margin-bottom: 15px;
}
.segunda-via #result p span {
    cursor: pointer;
}
.segunda-via #result b {
    margin-right: 10px;
}
.segunda-via #result b:after {
    content: " -";
}
.segunda-via #result p a {
    font-size: 0;
}
.segunda-via #result p a:before {
    font-size: 18px;
    transition: all .15s linear;
    color: #bc4345;
    margin-left: 20px;
}
.segunda-via #result p a:hover:before {
    color: #000000;
}
.segunda-via #get_dados_boleto p {
    margin-bottom: 20px;
}
.segunda-via #get_dados_boleto p label {
    display: block;
    margin-bottom: 10px;
}
.segunda-via #get_dados_boleto p input,
.segunda-via #get_dados_boleto p select,
.segunda-via #get_dados_boleto p button {
    width: 150px;
    height: 30px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #cb343a;
}
.segunda-via #get_dados_boleto p input {
    text-indent: 10px;
}
.segunda-via #get_dados_boleto p button {
    background: #cb343a;
    color: #fff;
    height: 40px;
    transition: all .15s linear;
}
.segunda-via #get_dados_boleto p button:hover {
    background: #8c232c;
    border-color: #8c232c;
}
.segunda-via #result {
    margin-left: 4%;
    float: left;
    width: fit-content;
}
.segunda-via #result ul li ul {
    margin-top: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px 20px;
}
.segunda-via #result ul li ul:before {
    content: "Detalhes: ";
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
    font-size: 16px;
}

/* BREADCRUMB
--------------------------------*/
.bread-crumb {
    position: relative;
    box-sizing: border-box;
    z-index: 90;
    clear: both;
    float: left;
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 45px;
    width: 100%;
    padding-bottom: 10px;
}
.bread-crumb ul {
    float: left
}
.bread-crumb ul li {
    padding-right: 7px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}
.bread-crumb ul li:first-child a {
    display: inline-block;
    font-size: 0;
    background: url("/arquivos/icon-home-breadcrumb.png") no-repeat;
    padding-left: 25px;
    text-transform: uppercase;
}
.bread-crumb ul li:first-child a:before {
    content: "Home";
    font-size: 13px;
    color: #cb343a;
}
.bread-crumb ul li:after {
    padding: 0;
    margin: 0;
    content: "  / ";
    background: none;
    text-align: center;
    top: -1px;
    color: #cb343a;
    margin-left: 3px;
}
.bread-crumb ul li a {
    font-size: 13px;
    color: #cb343a;
}
.bread-crumb ul li:last-child,
.bread-crumb ul li:last-child a {
    color: #777;
    font-weight: 300;
}
.bread-crumb ul li:last-child:after {
    display: none
}
.bread-crumb ul li strong a {
    font-weight: normal
}
.bread-crumb ul li a.busca-texto-livre-elimina {
    display: none
}
.bread-crumb ul li a:hover {
    text-decoration: underline;
}

/*CORPO SAUDAVEL
----------------------------------------------------*/
.saudavel .content-custom {
    clear: both;
    display: flex;
    margin-bottom: 80px;
}
.saudavel .content-custom .left {
    width: 100%;
    max-width: 400px;
    border-radius: 15px;
    box-shadow: 0 0 15px #ccc;
    padding: 5% 75px 4%;
    margin-right: 5%;
    min-width: 320px;
    max-height: fit-content;
}
.saudavel .content-custom .left svg {
    max-height: 168px;
    margin-bottom: 15%;
}
.saudavel .content-custom .left h1 {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #5A5B59;
    line-height: 42px
}
.saudavel .content-custom .left h1 span {
    color: #326DA1
}
.saudavel .content-custom article {
    color: #4C4C4C
}
.saudavel .content-custom article>span {
    font-size: 14px;
    font-weight: 200;
}
.saudavel .content-custom article>h2 {
    font-size: 28px;
    font-weight: 400;
    margin: 8px 0 35px;
    display: block;
}
.saudavel .content-custom article>p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px;
}
.saudavel .content-custom article>p>em {
    color: #CB343A;
    font-style: italic;
    font-size: 18px;
}
.saudavel section#seu-corpo-saudavel {
    margin-bottom: 60px;
}

/*DEPARTMENT - CATEGORY - SEARCH RESULT
----------------------------------------------------*/
#search-term {
    float: left;
    font-size: 28px;
    font-weight: 300;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-top: 20px;
    margin-bottom: 35px;
    width: 100%;
}
#search-term span {
    color: #000000;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    display: inline-block;
}

/*sidebar links-filters*/
#side-products {
    width: 100%;
    float: right;
    position: relative;
}
#sidebar .menu-navegue,
.pager {
    display: none!important
}
.categoria div.prateleira {
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

/*side products*/
.resultado-busca-filtro {
    position: absolute;
    top: 18px;
    right: 0;
}
.resultado-busca-numero {
    display: none
}
.resultado-busca-termo,
.resultado-busca-tempo {
    display: none
}
.sub .resultado-busca-filtro .orderBy {
    float: right;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 10px 3px 18px;
    height: 40px;
}
#select-filtro {
    float: left;
    margin-top: 1px;
    width: 146px;
    border-style: solid;
    border-bottom: 2px solid #111;
    border-left: 2px solid #111;
    border-top: 2px solid #111
}
#side-products .sub .resultado-busca-filtro .orderBy label {
    color: #7b7b7b;
    text-transform: lowercase;
    font-size: 12px;
    margin-right: 8px;
}
#side-products .sub .resultado-busca-filtro .filterBy {
    display: none
}
.resultItemsWrapper~div {
    display: none
}
#side-products .searchResultsTime {
    display: none
}
.resultItemsWrapper .os-vitrine {
    clear: both
}
.resultado-busca-filtro select {
    text-transform: uppercase;
    height: 33px;
    padding: 0px;
    font-size: 11px;
    width: 100px;
    cursor: pointer;
    text-indent: 4px;
    font-weight: 700;
    margin: 0;
    outline: none;
    color: #333;
    z-index: 90;
    backface-visibility: hidden;
    border: 0;
}
.resultado-busca-filtro select:hover {
    border-color: #666
}
.resultado-busca-filtro select option {
    display: block !important;
    clear: both
}
.resultado-busca-filtro select option:first-child {
    font-size: 0!important;
    background: #000;
    color: #fff!important
}
#side-products .sub .resultado-busca-filtro .compare {
    display: none
}

/*FALE CONOSCO
------------------------------------------*/
.form-custom {
    padding: 0px 50px 20px 0;
    float: left;
    width: 100%;
}
.form-custom label {
    display: block;
    margin-bottom: 10px;
}
.form-custom .line > span label span {
    color: #cc3340
}
.form-custom .line > span {
    box-sizing: border-box;
    display: block;
}
.form-custom .line {
    padding: 0;
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;
}
.form-custom .line.enviar span.eq01,
.form-custom .line.enviar span.eq02 {
    float: left
}
.form-custom .line.enviar span.eq01 {
    margin-right: 5%
}
.form-custom .line.enviar span.eq01 label {
    width: 100%;
    min-width: 286px;
    height: 48px;
    display: flex;
    text-transform: uppercase;
    border-radius: 4px;
    border: 2px solid #bc4345;
    align-items: center;
    justify-content: center;
    color: #CB343A;
    font-size: 15px;
    cursor: pointer;
    transition: all .12s linear;
}
.form-custom .line.enviar span.eq01 label:before {
    content: "";
    width: 25px;
    height: 24px;
    display: block;
    margin-right: 30px;
    background: url(/arquivos/icon-select-archive.png) center center no-repeat;
}
.form-custom .line.enviar span.eq01 label:hover {
    background-color: #fcfcfc
}
.form-custom .line.enviar span.eq01 input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.form-custom .line:first-child {
    padding-top: 0!important
}
#co_message_success {
    background: #d0d0d0;
    padding: 14px 10px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin: 25px 0px;
}
.form-custom h4 {
    color: #000;
    font-size: 15px;
    margin: 20px 0 20px
}
.form-custom input[type="text"],
.form-custom select,
.form-custom textarea {
    border: 1px solid #aaa;
    color: #333;
    font-size: 13px;
    padding: 15px 2%;
    border-radius: 5px;
    width: calc( 100% - 5px);
    background: #fff!important;
}
.form-custom select {
    height: 49px;
}
.form-custom input[type="text"]:focus {
    background: #eee none repeat scroll 0 0
}
.form-custom textarea,
.form-custom textarea:focus {
    height: 240px
}
.form-custom select {
    text-transform: uppercase;
    cursor: pointer;
    width: calc( 100% - 5px);
}
.form-custom .regulamento {
    padding: 30px 0 30px 30px;
    position: relative
}
.form-custom .regulamento a {
    text-decoration: underline
}
.form-custom #confirma {
    left: 10px;
    margin-top: -7px;
    position: absolute;
    top: 50%
}
.form-custom .enviar a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 18px 0;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s linear 0s;
    width: 410px
}
.form-custom .enviar a:hover {
    background: #000 none repeat scroll 0 0
}
.form-custom a.busca-cep {
    color: #999;
    display: inline-block;
    padding: 16px 0;
    text-decoration: underline
}
.form-custom a.busca-cep:hover {
    text-decoration: none
}
.form-custom .enviar a,
.form-custom .enviar input {
    background: #cb343a none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    font-weight: 700;
    font-size: 16px;
    float: right;
    max-width: 160px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s linear 0s;
    width: 100%;
    height: 48px;
}
.form-custom .enviar a,
.form-custom .enviar input:hover {
    background-color: #333333
}

/*alerts*/
.institucional .alert {
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 13px;
    position: fixed;
    box-shadow: 0 0 13px #ccc;
    clear: both;
    top: 50%;
    background: #c5c5c5;
    color: #fff;
    display: flex;
    font-weight: 500;
    width: 320px;
    align-items: center;
    height: 100px;
    justify-content: center;
    z-index: 90;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    align-items: centerjustify-content: center;
}
.institucional .alert span {
    position: absolute;
    height: 25px;
    width: 25px;
    justify-content: center;
    margin: 0!important;
    transition: all .15s linear;
    align-items: center;
    right: 5px;
    top: 5px;
    background: rgba(0, 0, 0, .3);
    color: #999;
    border-radius: 5px;
    align-items: center;
    cursor: pointer;
    color: #fff;
    line-height: 26px;
}
.institucional .alert span:hover {
    background: rgba(0, 0, 0, .3);
}
.institucional .alert-warning {
    background-color: #fffd00!important;
    color: #4a4a4a;
}
.institucional .alert-danger {
    background-color: #c50a0a!important;
}
.institucional .alert-success {
    background-color: #94c547!important;
}

/*PRODUTO
---------------------------------------------------------*/
#main-product {
    margin-bottom: 90px
}
#main-product > .top {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    clear: both;
}
#image-product {
    overflow: hidden;
    float: left;
    width: 43%;
    margin-right: 3%;
    position: relative;
    box-sizing: border-box;
}
#image-product:hover .move {
    z-index: 9999
}
.produto .move {
    margin-right: 2%
}
.produto .move a {
    cursor: pointer;
    font-size: 0;
    border: 1px solid #bdbdbd;
    color: #000;
    padding: 0px 8px;
    display: flex;
    height: 57px;
    box-sizing: border-box;
    align-items: center;
    transition: all .15s linear
}
.produto .move a:hover {
    border-color: #000
}
.produto .move a:hover svg {
    fill: #000;
    stroke: #0000
}
.produto .move a svg {
    width: 40px;
    transition: all .15s linear
}
.prateleira.similares h2 {
    font-size: 14px;
    font-weight: 500
}
.prateleira.similares > ul > li {
    width: 42px;
    height: 42px;
    border-radius: 30px;
    padding: 0;
    border: 1px solid #d8d8d8;
    margin-right: 18px;
    transition: all .12s linear;
}
.prateleira.similares > ul > li a li {
    color: #4a4a4a
}
.prateleira.similares > ul > li:hover,
.prateleira.similares > ul > li.active {
    border-color: #cb343a;
    color: #fff;
    background-color: #cb343a
}
.prateleira.similares > ul > li:hover a li,
.prateleira.similares > ul > li.active a li {
    color: #fff;
}
.prateleira.similares li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
}
.prateleira li a .product-field {
    font-size: 0;
}
.prateleira li a .product-field li {
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 100%;
}
.prateleira.similares li:last-child {
    margin-right: 0;
}
#about-product {
    float: right;
    width: 46%;
}
#about-product h1 {
    display: block;
    clear: both
}
#about-product h1 .productName {
    font-size: 28px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 27px;
    margin-top: 7px;
    margin-bottom: 16px;
}
.produto .sugestoes h2 {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.produto #description {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
.produto #description .productDescription >:first-child {
    margin-top: 45px;
    display: block;
}
.produto #specification {
    clear: both
}
.produto #specification br {
    display: none
}
.produto #specification>div>table>tbody>tr>th {
    display: none;
}
.produto #specification > div > table > tbody > tr > td > table * {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #4a4a4a;
    line-height: 33px;
}
.produto #specification > div > table > tbody > tr > td > table tr~tr td {
    font-weight: normal
}
.produto #specification > div > table > tbody > tr > td > table tr~tr td {
    width: 45%
}
.produto #specification table td b {
    font-size: 20px;
    color: #4a4a4a;
    display: block;
    margin-bottom: 10px;
    margin-top: 35px;
}
.produto #specification table td.Tabela-nutricional img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 786px;
}
.produto #specification table tr.URL-Video,
.produto #specification table tr.Quantidade-de-Itens,
.produto #specification table tr.Saude-para,
.produto #specification table tr.Informacao-Promocional,
.produto #specification table tr.Quantidade-Unitaria {
    display: none;
}
.produto #extras.closed {
    height: 310px;
    position: relative;
}
.produto #extras.closed:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background: url("/arquivos/degrade-descricao.png") no-repeat;
    pointer-events: none;
}
.produto #extras .bt-accodion em {
    font-size: 0;
}
.produto #extras .bt-accodion em:before {
    content: "X Fechar informa\00E7 \00F5 es";
    font-size: 14px;
    color: #979797;
}
.produto #extras .bt-accodion em:hover:before {
    color: #fff;
}
.produto #extras.closed .bt-accodion em {
    font-size: 14px;
    color: #9a9a9a;
}
.produto #extras.closed .bt-accodion em:before {
    display: none;
}
.produto #qccp {
    margin-top: 55px;
    float: left;
    width: 100%;
}
.produto .bt-accodion {
    width: 100%;
    position: absolute;
    overflow: hidden;
    float: left;
    background: #fff;
    bottom: 0px;
}
.produto #extras.closed .bt-accodion em:hover {
    color: #fff;
}
.produto .bt-accodion:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    display: block
}
.produto .bt-accodion em {
    display: flex;
    margin: 0 auto;
    width: 222px;
    height: 32px;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    position: relative;
    border-radius: 15px;
    border: 1px solid #d8d8d8;
    z-index: 50;
    background: white;
    transition: all .12s linear;
}
.produto .bt-accodion em:hover {
    background: #d8d8d8;
    color: #fff;
}

/*especial*/
.especial .top-product {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.especial .top-product > div {
    width: 45%;
}
.especial .top-product > div.right {
    padding-left: 5%;
}
.especial .top-product > div.right img {
    display: block;
    width: 100%;
    height: auto
}
.especial .top-product > .left h1 {
    font-size: 60px;
    font-weight: 700;
    color: #CB343A;
}
.especial.omega3 .top-product > .left h1 {
    color: #003054;
}
.especial .top-product > .left h1 span {
    font-size: 35px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
}
.especial .top-product > .left > p {
    margin: 5px 0 70px;
    color: #9B9B9B;
    font-size: 20px;
    font-weight: 400;
}
.especial .top-product > .left .flag {
    border-radius: 5px;
    height: 38px;
    color: #fff;
    max-width: 515px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.especial .top-product > .left .und-per-pkg {
    margin-bottom: 15px;
}
.especial .top-product > .left .price {
    display: flex;
    justify-content: space-between;
    max-width: 511px;
}
.especial .top-product > .left .price .left {
    color: #4A4A4A;
}
.especial .top-product > .left .price .left .best-price {
    font-size: 54px;
    font-weight: 700;
}
.especial .top-product > .left .price .left .installment {
    display: block;
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px
}
.especial .top-product > .left > .price > a {
    display: flex;
    width: 169px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #067002;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    transition: all .15s linear;
}
.especial .top-product > .left > .price > a:hover {
    background: #01BB00;
}
.especial .video {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 50px 0;
    box-shadow: 0 0 15px #aaa;
}
.especial .video iframe {
    display: block;
    width: 100%;
    border-radius: 5px;
}
.especial .aditional-info {
    display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
}
.especial .aditional-info > div {
    width: 48%;
}
.especial .aditional-info > div img {
    width: 95%;
    height: auto;
    display: block;
}
.especial .aditional-info > div h2 {
    font-size: 32px;
    font-weight: 400;
    color: #CB343A;
    margin-bottom: 20px;
}
.especial .aditional-info > div p,
.especial .aditional-info > div li {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 24px;
}
.especial .aditional-info > div b {
    display: block;
    font-size: 16px;
    margin: 20px 0 10px;
    color: #4A4A4A;
}

/*iogurteira*/
.iogurteira .top-product > .left .flag {
    background: #CB343A;
}
.iogurteira .top-product > .left .flag span+span {
    background: #882529;
}
.iogurteira .top-product > .left .flag span+span:before {
    border-color: transparent #882528 transparent transparent;
}
.omega3 .top-product > .left .flag {
    background: #003051;
}
.omega3 .top-product > .left .flag span+span {
    background: #72BBE3;
}
.omega3 .top-product > .left .flag span+span:before {
    border-color: transparent #72BBE3 transparent transparent;
}
.especial .top-product > .left .flag * {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.especial .top-product > .left .flag span {
    font-size: 18px;
    font-weight: 400;
    width: 50%;
}
.especial .top-product > .left .flag span em {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 9px;
    position: relative;
    width: 20%;
    margin-right: 10%;
}
.especial .top-product > .left .flag span em:after {
    width: 1px;
    height: 80%;
    top: 10%;
    background: #fff;
    float: right;
    content: "";
    display: block;
    position: absolute;
    left: 0
}
.especial .top-product > .left .flag span+span {
    position: relative;
    width: 38%;
}
.especial .top-product > .left .flag span+span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 21px 19px 0;
    position: absolute;
    left: -21px
}

/*Especial B*/
.especial.b .top-product {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.especial.b .top-product > div {
    width: 45%;
}
.especial.b .top-product > div.left {
    padding-right: 5%;
}
.especial.b .top-product > div.left img {
    display: block;
    width: 100%;
    height: auto
}
.especial.b .top-product > .right h1 {
    font-size: 60px;
    font-weight: 700;
    color: #CB343A;
}
.especial.b.omega3 .top-product > .left h1 {
    color: #003054;
}
.especial.b .top-product > .right h1 span {
    font-size: 35px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
}
.especial.b .top-product > .right > p {
    margin: 5px 0 70px;
    color: #9B9B9B;
    font-size: 20px;
    font-weight: 400;
}
.especial.b .top-product > .right .flag {
    border-radius: 5px;
    height: 38px;
    color: #fff;
    max-width: 515px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.especial.b .top-product > .right .und-per-pkg {
    margin-bottom: 15px;
}
.especial.b .top-product > .right .price {
    display: flex;
    justify-content: space-between;
    max-width: 511px;
}
.especial.b .top-product > .right .price .left {
    color: #4A4A4A;
}
.especial.b .top-product > .right .price .left .best-price {
    font-size: 54px;
    font-weight: 700;
}
.especial.b .top-product > .right .price .left .installment {
    display: block;
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px
}
.especial.b .top-product > .right > .price > a {
    display: flex;
    width: 169px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #067002;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    transition: all .15s linear;
}
.especial.b .top-product > .right > .price > a:hover {
    background: #01BB00;
}
.especial.b .banner-conteudo {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 50px 0;
    box-shadow: 0 0 15px #aaa;
}
.especial.b .banner-conteudo img {
    display: block;
    width: 100%;
    border-radius: 5px;
}
.especial.b .aditional-info {
    display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.especial.b .aditional-info > div,
.especial.b .aditional-info > iframe {
    width: 48%;
}
.especial.b .aditional-info > div img {
    width: 95%;
    height: auto;
    display: block;
}
.especial.b .aditional-info > div h2 {
    font-size: 32px;
    font-weight: 400;
    color: #CB343A;
    margin-bottom: 20px;
}
.especial.b .aditional-info > div p,
.especial.b .aditional-info > div li {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 24px;
}
.especial.b .aditional-info > div b {
    display: block;
    font-size: 16px;
    margin: 20px 0 10px;
    color: #4A4A4A;
}

/*iogurteira*/
.iogurteira.b .top-product > .right .flag {
    background: #CB343A;
}
.iogurteira.b .top-product > .right .flag span+span {
    background: #882529;
}
.iogurteira.b .top-product > .right .flag span+span:before {
    border-color: transparent #882528 transparent transparent;
}
.omega3.b .top-product > .right .flag {
    background: #003051;
}
.omega3.b .top-product > .right .flag span+span {
    background: #72BBE3;
}
.omega3.b .top-product > .right .flag span+span:before {
    border-color: transparent #72BBE3 transparent transparent;
}
.especial.b .top-product > .right .flag * {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.especial.b .top-product > .right .flag span {
    font-size: 18px;
    font-weight: 400;
    width: 50%;
}
.especial.b .top-product > .right .flag span em {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 9px;
    position: relative;
    width: 20%;
    margin-right: 10%;
}
.especial.b .top-product > .right .flag span em:after {
    width: 1px;
    height: 80%;
    top: 10%;
    background: #fff;
    float: right;
    content: "";
    display: block;
    position: absolute;
    left: 0
}
.especial.b .top-product > .right .flag span+span {
    position: relative;
    width: 38%;
}
.especial.b .top-product > .right .flag span+span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 21px 19px 0;
    position: absolute;
    left: -21px
}
#details-aside {
    margin-top: 20px
}
#details-aside > div.eq01 {
    float: left
}
#details-aside > div.eq01 strong {
    display: none
}
#details-aside > div.eq02 {
    float: right
}
#details-aside > div.eq02 span {
    margin-right: 8px
}
#details-aside > div.eq02 span,
#details-aside > div.eq02 div {
    display: inline-block;
    color: #6e6e6e
}
#details-aside > div.eq02 div {
    color: #000
}
#comments {
    margin-top: 80px;
    clear: both;
    float: left;
    width: 100%
}
#comments #resenha {
    clear: both
}
#relacionados {
    margin-top: 65px;
    float: left;
    width: 100%
}
#extras {
    clear: both;
    padding-bottom: 45px;
    transition: all 1s linear;
    overflow: hidden;
}

/*breadcrumb*/
.produto .bread-crumb {
    padding: 0;
    margin: 20px auto 5px;
    border: 0;
    width: 92%;
    float: none;
}

/*tabela de medidas*/
.medidas-modal table {
    margin-top: 10px
}
.medidas-modal table .name-field {
    display: none
}
.medidas-modal table.tabela-medidas tr {
    border-bottom: 1px solid #ddd
}
.medidas-modal table.tabela-medidas tr td,
.medidas-modal table.tabela-medidas tr th {
    padding: 10px 5px;
    text-align: center;
    background: #e5e5e5
}
.medidas-modal table.tabela-medidas tr td {
    background: #ebebeb
}
.medidas-modal table.tabela-medidas tr td:first-child {
    background: #e5e5e5;
    text-align: center;
    font-weight: 700
}
.medidas-modal table.tabela-medidas tr th,
.medidas-modal table.tabela-medidas tr td:first-child {
    color: #444444
}
.medidas-modal br {
    display: none
}
.medidas-modal .group.Google {
    display: none
}
.medidas-modal table.tabela-medidas {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0
}
.medidas-modal table {
    width: 100%;
    display: inline-table
}
.medidas-modal .eq01 table.medidas-modelo {
    display: none
}
.medidas-modal .eq02 {
    margin-top: 30px
}
.medidas-modal .eq02 .tabela-medidas {
    display: none
}
.medidas-modal .eq02 .tabela-medidas.medidas-modelo {
    display: table
}
.medidas-modal #how-to img {
    display: block;
    width: 100%;
    height: auto
}

/*tabela de especificacoes*/
#caracteristicas {
    clear: both;
}
#caracteristicas table {
    width: 100%;
}
#caracteristicas h4 {
    display: none
}
#caracteristicas td {
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
}
#caracteristicas td:first-childtd {
    font-weight: 400;
}
#caracteristicas th {
    font-size: 14px;
    color: #6e6e6e;
    font-weight: normal;
}
#caracteristicas th.Tabela-de-Medidas,
#caracteristicas td.Tabela-de-Medidas {
    display: none
}

/*descricao do produto*/
.productDescription {
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    clear: both;
}

/*tabs*/
.tabs {
    margin-top: 40px
}
.tabs .menu-tabs {
    margin-bottom: 25px;
    overflow: hidden
}
.tabs .menu-tabs ul {
    text-align: left
}
.tabs .menu-tabs li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    position: relative
}
.tabs .menu-tabs li:after {
    content: "|";
    position: absolute;
    right: 0;
    top: 7px
}
.tabs .menu-tabs li:last-child:after {
    display: none
}
.tabs .menu-tabs li a {
    display: block;
    box-sizing: content-box;
    width: 100%;
    font-size: 24px;
    letter-spacing: 1px;
    color: #9a9a9a;
    transition: all .3s linear;
    backface-visibility: hidden
}
.tabs .menu-tabs li.current a,
.tabs .menu-tabs li a:hover {
    color: #000;
    font-size: 25px
}
.tabs .content-tabs > section {
    display: none
}
.tabs .content-tabs > section .os-vitrine > h2 {
    display: none
}

/*PRATELEIRA*/
.prateleira > ul {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D8D8D8;
    float: left;
    width: 100%
}
.prateleira > ul:last-of-type {
    padding: 0;
    margin-bottom: 25px;
    border: none;
}
.shelf-carousel .slick-slider {
    margin-bottom: 0!important
}
.shelf-carousel .slick-dots {
    clear: both;
    width: fit-content;
    text-align: center;
    margin: 20px auto;
}
.prateleira li[layout] {
    float: left;
    position: relative;
    padding: 0 10px;
    border-radius: 5px;
    width: 25%;
}
.prateleira li .top-qtd-items {
    text-align: center;
    display: block;
    margin-bottom: 15px;
    color: #cb343a;
    font-size: 17px;
    font-weight: 700;
}
.prateleira li .unitary-value {
    text-align: center;
    display: block;
    border: 1px solid #cb343a;
    color: #cb343a;
    border-radius: 4px;
    padding: 10px 0;
    margin-top: 12px;
    font-size: 13px;
    margin-bottom: 20px;
}
.slick-track li .unitary-value,
.slick-track li {
    margin-bottom: 0
}
.prateleira li > span {
    display: block;
    border-radius: 5px;
    box-shadow: 0 0 13px #ddd;
    position: relative;
}
.prateleira li > span.sem-estoque {
    padding-bottom: 35px;
    overflow: hidden;
}
.prateleira li > span > a {
    background: #fff;
    display: block;
    padding: 15px 15px 0;
    color: #4A4A4A;
    border-radius: 6px 6px 0 0;
}
.prateleira li .btn-wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 0px;
    display: block;
    background: url("/arquivos/icon-wishlist-not-add.png") no-repeat;
    width: 23px;
    height: 22px;
    padding: 0;
}
.prateleira li > span > a strong {
    overflow: hidden;
    display: flex;
    height: 17px;
    align-items: flex-start;
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}
.prateleira li > span > a .qtd-per-und {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}
.prateleira li > span > a .qtd-per-und .product-field.product_field_33 {
    font-size: 0;
}
.prateleira li > span > a .qtd-per-und .product-field.product_field_33 li {
    font-size: 12px;
    padding: 0;
    width: 100%;
}
.prateleira li > span > a img {
    width: 100%;
    display: block;
    height: auto;
}
.prateleira li > span > a .price {
    display: flex;
    flex-direction: column;
    padding: 7px 15px 0;
    min-height: 72px;
}
.prateleira.a li > span > a .price {
    border-top: 1px solid #ccc;
}
.prateleira.a li > span > a .price {
    width: 111%;
}
.prateleira.b .price {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.prateleira:not(.b) li > span > a .price {
    margin-left: -5.5%;
}
.prateleira li span > a .price .old-price {
    display: block;
    text-decoration: line-through;
}
.prateleira li span > a .price .best-price {
    font-size: 24px;
    font-weight: 700;
}
.prateleira li span > a .price .installment {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 300;
}
.prateleira li[layout] {
    width: 25%;
    margin-bottom: 10px;
}
.prateleira li.not-kited {
    padding-top: 33px;
}
.prateleira.b li.not-kited {
    padding-top: 0;
}
.prateleira h2,
.title-box {
    position: relative;
    margin-bottom: 25px;
    font-size: 28px;
    clear: both;
    font-weight: 300;
    color: #4a4a4a;
    text-align: center;
}
.kits .prateleira h2 {
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 20px;
    display: block;
    width: 100%;
    float: left;
    text-transform: uppercase;
}
.especial .title-box,
.saudavel .title-box {
    padding-bottom: 15px;
    display: block;
    margin-bottom: 35px;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 700;
    color: #CB343A;
}
#seu-corpo-saudavel h2 {
    font-weight: 300;
    color: #4a4a4a
}
.show-action {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 15px;
    background: #fff;
    border-radius: 0 0 6px 6px;
}
.show-action .see-more-shelf,
.prateleira.b li > span > a .right .button-shelf-b {
    display: flex;
    border-radius: 5px;
    background: #067002;
    align-items: center;
    width: 56%;
    font-size: 13px;
    justify-content: center;
    color: #fff;
    transition: all .15s linear;
}
.show-action .see-more-shelf:hover {
    background: #179c12;
}
.show-action .bt-comprar .qtd {
    height: 50px;
    position: relative
}
.show-action .bt-comprar {
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 32px;
    background-color: #01BB00;
    border: 1px solid #01BB00;
    width: 42%;
    transition: all .15s linear;
    letter-spacing: -1px;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.show-action > a:first-of-type:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-cart-shelf-white.png') no-repeat 0 0;
    width: 18px;
    margin-right: 5px;
    height: 16px;
    transition: all .15s linear;
}
.show-action.comprado .bt-comprar:after {
    display: none
}
.show-action.comprado .bt-comprar,
.show-action.comprado .bt-comprar:hover {
    border-color: #61C462
}
.show-action.comprado .bt-comprar a {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #fff;
}
.show-action.comprado .bt-comprar,
.show-action.comprado .bt-comprar:hover {
    background: #61C462;
}
.show-action .bt-comprar:hover:after {
    filter: brightness(10)
}
.show-action .bt-comprar a {
    display: block;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}
.show-action .bt-comprar a br {
    display: none
}
.val-qtd-pt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 5px 5px 8px #ddd inset;
    color: #999;
    font-size: 16px;
    left: 10px;
    margin-top: 8px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    width: 34px
}
.qtd-comprada {
    background: rgba(0, 0, 0, 0) url("/arquivos/sep44.png") no-repeat scroll center bottom;
    padding-bottom: 10px;
    position: absolute;
    top: -46px;
    width: 100%
}
.qtd-comprada p {
    background: #fff467 none repeat scroll 0 0;
    font-size: 12px;
    font-style: italic;
    padding: 10px 0;
    text-align: center
}
.ja-comprado {
    overflow: visible !important
}
.prateleira li .ja-comprado .bt-comprar,
.prateleira li .ja-comprado a {
    bottom: 0 !important
}
.show-action .comprando,
.show-action .adicionado,
.show-action .ver-produto,
.show-action .bt-escolher,
.show-action .bt-esgotado {
    border-radius: 3px;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: -1px;
    padding: 15px 0 0;
    text-align: center;
    text-transform: lowercase;
    width: 73%;
    display: inline;
}
.show-action .comprando {
    background: #999 none repeat scroll 0 0
}
.show-action .adicionado {
    background: #009900 none repeat scroll 0 0
}
.show-action .ver-produto {
    background: #009900 none repeat scroll 0 0
}
.show-action .bt-escolher {
    background: #cb343a none repeat scroll 0 0;
    display: none;
    float: left;
}
.show-action .bt-comprar:hover {
    background: #3ad62e;
    border-color: #3ad62e;
}
.show-action .bt-comprar:hover:before {
    filter: brightness(1)
}
.show-action .bt-escolher:hover {
    background: #00cc00 none repeat scroll 0 0
}
.show-action .bt-esgotado:hover {
    background: #f23543 none repeat scroll 0 0
}
.sold-out {
    display: block;
    clear: both;
    position: absolute;
    bottom: 15px;
    font-size: 16px;
    text-align: left;
    width: 83%;
    color: #cb343a;
}
.prateleira.b li > span > a {
    display: flex;
    padding-bottom: 10px;
    border-radius: 6px;
}
.prateleira.b li > span > a figure {
    width: 100%;
    max-width: 242px;
}
.prateleira.b li > span > a .right {
    margin-left: 20px;
    width: 100%;
}
.prateleira.b li > span > a .right .price {
    width: 55%;
    float: left;
}
.prateleira.b li > span > a .right .button-shelf-b {
    width: 40%;
    float: right;
    margin-top: 18px;
    height: 32px;
    transition: all .12s linear;
}
.prateleira.b li > span > a .right .button-shelf-b:hover {
    background: #5fb13f;
}
.prateleira.b li > span > a .right .description-shelf {
    display: block;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
}
.prateleira.b li > span > a .right .qtd-per-und {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/*foto*/
#image-product #include {
    width: 100%;
    float: right;
    position: relative;
}
#image-product #image img#image-main {
    width: 100%;
    height: auto;
    max-width: 630px
}
#image-product .thumbs {
    width: 100%;
    float: left;
    display: flex;
    margin-top: 5px;
    justify-content: center;
}
#image-product .thumbs li {
    margin: 0 5px;
    display: block;
}
#image-product .thumbs li a {
    display: flex;
    width: 100%;
    border: 1px solid #EAEAEA;
    height: 100%;
    align-items: center;
}
#image-product .thumbs li a:hover,
#image-product .thumbs li a.ON {
    border-color: #cb343a;
}
#image-product .thumbs li img {
    width: 100%;
    height: auto;
    display: block
}
.thumb-slider {
    padding: 35px 0;
    position: relative
}
.os_next,
.os_prev {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    font-size: 0;
    cursor: pointer;
    text-align: center;
    height: 35px
}
.os_prev {
    left: 0;
    top: 0;
    background: #fff url("/arquivos/thumb1.gif") no-repeat center center
}
.os_next {
    left: 0;
    bottom: 0;
    background: #fff url("/arquivos/thumb2.gif") no-repeat center center
}

/*zoom*/
.zoomWrapper {
    width: 100%!important;
    height: 100%!important
}
.zoomWrapperImage {
    height: 100%!important
}
.zoomWindow {
    overflow: hidden;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    z-index: 95!important
}
.zoomPad {
    position: relative;
    border: 1px solid #fff
}
#image:hover .zoomPad {
    border-color: #ccc
}
.zoomPup {
    filter: alpha(opacity=70);
    opacity: .7;
    background: #fff
}
.zoomWrapperImage {
    width: 100%!important;
    height: 100%!important;
    box-sizing: border-box
}
.zoomPreload {
    height: 30x;
    width: 30px;
    border-radius: 30px;
    background: url('/arquivos/ajax-loader.gif') no-repeat center center;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-left: -15px;
    margin-top: -15px
}
.zoom-image {
    text-align: center;
    padding-left: 14%;
    clear: both
}
.zoom-image p {
    font-size: 13px;
    text-transform: uppercase;
    height: 13px;
    line-height: 1;
    display: inline-block;
    padding: 15px 0 15px 22px;
    position: relative;
    color: #777
}
.zoom-image .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    background-position: 0 -230px
}

/*descricao curta*/
.productDescriptionShort {
    font-size: 16px;
    margin: 15px 0 30px;
    line-height: 20px;
    color: #858585;
    font-weight: 300;
}
.productDescriptionShort a {
    padding-left: 6px
}
.productDescriptionShort a:before {
    content: ".."
}
.productDescriptionShort a:hover {
    color: #d91446
}

/*comprar em quantidade*/
#buy-quantity {
    display: flex;
    justify-content: space-between;
}
.m-qtd > b {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}
.m-qtd {
    color: #4C4C4C;
    float: left;
}
.m-qtd label,
ul.topic li.specification {
    display: block;
    font-size: 14px;
    color: black;
    margin-bottom: 19px;
    font-weight: 700
}
.m-qtd label {
    display: none
}
.m-qtd span {
    display: flex;
    position: relative;
}
.m-qtd a {
    cursor: pointer;
    text-align: center;
    color: #D8D8D8;
    font-size: 18px;
    display: flex;
    width: 45px;
    transition: all .15s linear;
    height: 38px;
    align-items: center;
    justify-content: center;
}
.m-qtd a.menos-qtd {
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 20px 0 0 20px;
}
.m-qtd a.mais-qtd {
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0 20px 20px 0;
}
.m-qtd a:hover {
    background: #ddd;
    color: #fff;
}
#val-qtd {
    border: 1px solid #D8D8D8;
    background: #fff;
    text-align: center;
    width: 45px;
    color: #4c4c4c;
    height: 38px;
    font-size: 14px;
}

/*botao comprar em quantidade*/
#buy-product {
    margin-bottom: 30px;
    display: flex;
    width: 195px;
    flex-wrap: wrap;
    justify-content: center;
}
#buy-product .unitary-value {
    clear: both;
    display: block;
    color: #78a300;
}
#buy-product.fullW {
    width: 100%
}
#buy-product > a {
    width: 100%;
    max-width: 325px;
    height: 40px;
    margin-left: 0px;
    margin-bottom: 10px;
    float: left;
    border-radius: 5px;
    background-color: #416b24;
    font-size: 14px;
    line-height: 41px;
    text-transform: uppercase;
    color: #fff;
    text-indent: 0px;
    backface-visibility: hidden;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
}
#buy-product > a:before,
.especial .top-product > .left > .price > a:before {
    content: "";
    display: inline-block;
    background: url('/arquivos/icon-cart-buybutton.png') no-repeat;
    width: 22px;
    height: 17px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.especial .top-product > .left > .price > a:before {
    top: 0
}
#buy-product > a:hover {
    background-color: #60c284;
}
.produto .aditional-info {
    clear: both;
    border-top: 1px solid #d8d8d8;
    margin: 15px 0 15px;
    float: left;
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.produto .aditional-info .flags .flag {
    width: 181px;
    height: 24px;
    position: relative;
}
.produto .price-buy {
    display: flex;
    justify-content: space-between;
    clear: both;
}
.select-variation {
    display: none
}
.select-variation .prateleira ul {
    margin: 0
}

/*compre junto*/
#buyToghether {
    clear: both;
    padding: 30px 0;
    margin-top: 30px;
    overflow: hidden
}
#buyToghether h4 {
    font-size: 0
}
#buyToghether h4:before {
    content: "Compre junto !";
    font-size: 22px;
    font-weight: normal
}
#buyToghether.on {
    display: block
}
#buyToghether > h3 {
    width: 196px;
    height: 26px;
    float: left;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9999px
}
#buyToghether #divCompreJunto {
    clear: both;
    margin-top: 30px;
    float: left;
    width: 100%
}
hr.buy-together {
    display: none
}
#buyToghether tr {
    display: block;
    margin-bottom: 25px
}
#buyToghether p.more {
    display: none
}
#buyToghether table {
    clear: both;
    width: 100%;
    border: 0
}
#buyToghether table td.itemA,
#buyToghether table td.itemB {
    vertical-align: top;
    max-width: 320px
}
#buyToghether table td.itemA a,
#buyToghether table td.itemB a {
    width: 100%;
    display: block;
    margin-bottom: 15px
}
#buyToghether table td.itemA a img,
#buyToghether table td.itemB a img {
    max-width: 255px;
    height: auto;
    margin: 0 auto;
    display: block
}
#buyToghether table td.itemA h3,
#buyToghether table td.itemB h3 {
    text-align: center;
    font-weight: normal
}
#buyToghether table td.itemA h3 a,
#buyToghether table td.itemB h3 a {
    text-decoration: none;
    color: #747474;
    width: 100%;
    line-height: 17px;
    box-sizing: border-box;
    font-size: 13px;
    padding: 0 10%
}
#buyToghether table td.itemA select,
#buyToghether table td.itemB select,
#buyToghether table td .gravacao {
    background: #f5f5f5;
    border: solid 1px #dddddd;
    padding: 10px;
    margin: 20px 0 0 20px;
    width: 50%;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Sintony', sans-serif;
    box-shadow: inset 0px 1px 3px #ddd;
    -moz-box-shadow: inset 0px 1px 3px #ddd;
    -webkit-box-shadow: inset 0px 1px 3px #ddd;
    text-transform: uppercase
}
#buyToghether table td.itemA select:hover,
#buyToghether table td.itemB select:hover,
#buyToghether table td .gravacao:hover {
    box-shadow: inset 0px 1px 3px #bbb;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb
}
#buyToghether table td .gravacao {
    width: 45%;
    text-transform: uppercase;
    margin-top: 20px
}
#buyToghether table td.plus,
#buyToghether td.equal {
    font-size: 75px;
    text-align: center;
    position: relative;
}
#buyToghether td.equal {
    padding-right: 2%
}
#buyToghether td.buy {
    line-height: 23px;
    font-size: 14px;
    padding: 20px 0;
    min-width: 270px;
    text-align: center
}
#buyToghether td.buy:before {
    content: "Aproveite!";
    font-size: 48px;
    display: block;
    font-weight: 700;
    height: 48px;
    color: #000000;
    line-height: 48px;
    margin-bottom: 30px;
}
#buyToghether td.buy strong {
    color: #000000;
    font-weight: normal;
}
#buyToghether td.buy strong:nth-child(1),
#buyToghether td.buy strong:nth-child(2) {
    font-size: 18px;
    font-weight: 700
}
#buyToghether td.buy strong+br+strong {
    display: block
}
#buyToghether td.buy strong:last-child {
    display: block
}
#buyToghether td.buy .preco-a-vista strong {
    display: inline-block
}
#buyToghether p.comprar-junto {
    display: block;
    clear: both;
    float: left;
    margin-top: 15px;
    width: 100%
}
#buyToghether p.comprar-junto a:before {
    font-size: 14px
}

/*comentario*/
#resenha .user-review>h4 {
    display: none
}
ul.rating {
    display: block;
    float: left;
    margin-bottom: 30px!important
}
p.media > span {
    display: none
}
#resenha:after,
#resenha #opiniao_de_usuario {
    content: "";
    display: table;
    clear: both;
    width: 100%;
    position: relative
}
#resenha #opiniao_de_usuario hr {
    display: none
}
#resenha #opiniao_de_usuario .avaliacao {
    float: left;
    width: 50%
}
#resenha #opiniao_de_usuario .avaliacao .media {
    float: left;
    width: 100%;
    margin-bottom: 20px
}
.media span {
    display: inline-block;
    top: 8px;
    font-size: 12px
}
#rtAvaliacao_A:hover {
    text-decoration: none
}
.media em {
    display: block;
    margin-top: 3px;
    line-height: 40px;
    float: left
}
#spnRatingProdutoBottom {
    display: inline-block
}
.media em span {
    margin-left: 10px
}
#estrelasProduto {
    height: 32px;
    width: 258px
}
#ulPubliqueResenha {
    clear: both;
    float: left;
    width: 100%
}
.links-resenha-usuario {
    clear: both;
    left: 38px;
    padding-top: 30px;
    position: absolute;
    top: 159px
}
.ver-todos-comentarios {
    left: 0;
    position: absolute;
    top: 69px;
    width: 310px;
    display: none
}
.resenhas {
    display: none;
    height: 179px;
    line-height: 1.1em;
    margin-top: 0;
    overflow: hidden;
    width: 563px
}
.resenhas .dados {
    text-transform: uppercase
}
.resenhas .dados strong {
    display: block;
    float: left;
    font-size: 14px;
    margin: 0 0 1px
}
.resenhas .email-resenha {
    clear: right;
    color: #790101;
    display: block;
    float: left;
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    margin: 0 0 2px;
    padding: 0 5px;
    text-decoration: underline;
    text-transform: none
}
.resenhas .cidade-resenha {
    clear: both;
    display: block;
    float: left
}
.rating-wrapper div {
    margin: 5px 0
}
div.rating-wrapper {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0
}
blockquote.opt-texto {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0
}
#rtAvaliacao_A {
    display: block;
    position: relative;
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    padding-top: 2px
}
#rtAvaliacao_A span {
    float: left;
    display: block;
    width: 21px;
    height: 17px
}
#rtAvaliacao_A span.emptyRatingStar {
    background-position: 0 -191px
}
ul.rating {
    clear: left
}
.avalie-produto {
    padding: 0;
    text-align: center;
    z-index: 1;
    float: left;
    clear: both;
    position: absolute;
    left: 21.27%;
    border: 1px solid #f4f4f4;
    top: 7px;
    padding: 10px 0 0 9px
}
#opcoes-avalie {
    display: none
}
#opcoes-avalie>label {
    clear: right;
    color: #666;
    display: block;
    float: left
}
#opcoes-avalie>input {
    clear: left;
    display: block;
    float: left;
    margin: 0 4px 0 0
}
#opcoes-avalie>label {
    margin: 0 6px 6px 0
}
ul.rating {
    display: block;
    float: left;
    margin-right: 0;
    overflow: hidden;
    width: 100%
}
.rating li {
    overflow: hidden;
    padding: 4px 0;
    margin-bottom: 6px
}
.voteRatingStar {
    float: left;
    margin-right: 10px;
    margin-top: 5px
}
.voteRatingBar {
    background-color: #F4F4F4;
    border: 1px solid #F4F4F4;
    display: block;
    float: left;
    height: 23px;
    margin: 0 13px 0 10px;
    width: 60%
}
.voteRatingBar span {
    display: block;
    height: 100%;
    background: #016ab3
}
.voteRatingBar+span {
    margin-top: 7px;
    display: inline-block;
    font-size: 14px;
    color: #6e6e6e
}
.avalie-produto h5 {
    color: #000;
    font-size: 12px;
    margin: 0px 0 10px;
    float: left;
    font-weight: normal
}
#opcoes-avalie p {
    color: #7F7F7F
}
#opcoes-avalie p strong {
    display: none
}
.rating-avalie-wrapper {
    margin: -4px auto 0;
    padding: 0;
    width: 123px;
    float: left;
    margin-left: 12px
}
#lnkPubliqueResenha {
    display: block;
    width: 100%;
    max-width: 260px;
    line-height: 45px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    background-color: #92c93f;
    font-size: 0
}
#lnkPubliqueResenha:after {
    content: "Escrever minha avalia\00E7\00E3o";
    font-size: 14px;
    position: relative;
    top: 2px;
    text-transform: capitalize;
    font-weight: normal
}
#lnkPubliqueResenha:hover {
    background-color: #a3da50
}
.considera-util {
    overflow: hidden;
    padding: 10px 0
}
.opiniao-ajudou .bts {
    padding-top: 0
}
.resenha {
    clear: both;
    padding-top: 20px
}
.paginacao,
.paginacao li,
.opiniao-ajudou .bts li,
.detalhes-ordenacao {
    float: left;
    margin-right: 10px
}
#userReviewAllComments {
    padding-top: 30px;
    float: left;
    border: 0
}
#publishUserReview>.formUserComment {
    background: #fff;
    position: absolute;
    border: 2px dashed #004D21;
    left: 460px;
    padding: 10px
}
#publishUserReview .footer {
    background: none repeat scroll 0 0 #000;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}
#publishUserReview .header {
    background: none repeat scroll 0 0 #FFF;
    border: 4px solid #525252;
    color: #000;
    font: 12px Arial, Helvetica, sans-serif;
    height: 430px;
    left: 50%;
    margin: -150px 0 0 -250px;
    padding: 10px;
    position: fixed;
    text-align: left;
    top: 50%;
    width: 500px;
    z-index: 999999;
    overflow: hidden
}
.popup #aspnetForm {
    background-color: #FFF!important;
    float: left;
    height: 100%;
    width: 100%
}
#publishUserReview .header h1 {
    display: none;
    color: #790101;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase
}
#publishUserReview .header h2 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px
}
#publishUserReview .header .content,
#publishUserReview .header .content .grp {
    float: left;
    width: 480px
}
#publishUserReview .header .content .grp label {
    display: block;
    font-size: 13px;
    float: left;
    width: 100%
}
#publishUserReview .header .content .grp span,
#publishUserReview input[type="text"],
#publishUserReview textarea {
    float: left;
    margin-bottom: 10px
}
#publishUserReview .header .content .grp span {
    margin-left: 5px
}
#publishUserReview .header .content .grp.fDivulgaEmail.checkgroups {
    margin-bottom: 10px
}
#publishUserReview .header .content .grp.fDivulgaEmail.checkgroups input {
    float: left
}
#publishUserReview .header .content .grp.fDivulgaEmail.checkgroups label {
    float: left;
    margin-left: 5px;
    line-height: 15px;
    width: auto
}
#publishUserReview .header .content .ranking,
#publishUserReview .header .content .ranking ul,
#publishUserReview .header .content .ranking .opiniaoInfo,
#publishUserReview .header .content .aviso-resenha,
#publishUserReview .avaliar {
    float: left;
    width: 100%
}
#publishUserReview .header .content .ranking label {
    display: none
}
#publishUserReview .header .content .ranking .opiniaoInfo {
    margin: 10px 0
}
#publishUserReview input[type="text"] {
    width: 440px
}
#publishUserReview textarea {
    width: 440px
}
#publishUserReview .header .close {
    background: url(/arquivos/fechar-modal.png) no-repeat -519px -393px;
    width: 31px;
    height: 26px;
    text-indent: -99999em;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    cursor: pointer
}
#publishUserReview .header .close a {
    width: 25px;
    height: 25px;
    text-indent: -99999em;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 9999;
    cursor: pointer;
    display: block;
    background: url(/arquivos/sprite_cepel.png) -148px -613px
}
#publishUserReview input[type="text"],
input[type="password"],
textarea {
    display: block
}
#publishUserReview .header .grp.fComentario {
    margin-bottom: 10px
}
#publishUserReview .avaliar {
    margin: 10px 0;
    width: 120px;
    height: 26px;
    background: #222;
    margin-top: 7px;
    border-radius: 3px
}
#publishUserReview .avaliar:hover {
    background: #666
}
#publishUserReview .avaliar a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}
#publishUserReview .avaliar a:hover {
    text-decoration: none
}
#publishUserReview .footer {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
#publishUserReview .footer a {
    width: 30px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: -30PX;
    right: -224PX;
    z-index: 9999999
}
.formUserComment {
    position: relative
}

/*prices*/
#prices .valor-de {
    font-size: 15px;
    display: block;
}
#prices .valor-de:after {
    content: " por:"
}
#prices .valor-de strong {
    font-size: 15px;
    color: #000000
}
#prices .valor-de .skuListPrice {
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: line-through;
    display: inline-block;
    clear: both
}
#prices .valor-por {
    clear: both;
    font-size: 0;
    color: #4a4a4a;
}
#prices .valor-por strong {
    font-size: 32px;
    color: #4a4a4a;
    display: block;
}
#prices .valor-dividido {
    clear: both;
    margin-top: 3px;
}
#prices .valor-dividido strong,
#prices .valor-dividido strong span,
#prices .valor-dividido label {
    font-size: 18px;
    font-weight: normal;
}
#prices .valor-dividido > span {
    overflow: hidden
}
#prices .valor-dividido > span > span {
    font-size: 0;
}
#prices .valor-dividido > span > strong:before {
    content: "de";
    display: inline-block;
    margin: 0 4px
}
#prices .preco-a-vista {
    font-size: 0;
    display: none!important
}
#prices .preco-a-vista:before {
    content: "ou";
    font-size: 20px;
    margin-right: 5px;
    float: left
}
#prices .preco-a-vista .skuPrice:after {
    content: "a vista";
    font-size: 20px;
    display: inline-block;
    margin-left: 5px
}
#prices .preco-a-vista .skuPrice {
    font-size: 20px;
    font-weight: normal;
    display: flex;
    margin: 0;
    color: #737373
}
#prices .economia-de {
    display: none!important
}

/*notfyme*/
.notifyme {
    display: block;
    margin: 5px 0;
    padding: 6px
}
.notifyme h3 {
    color: #4a4a4a;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.notifyme p {
    color: #666;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}
.notifyme-client-name,
.notifyme-client-email {
    margin: 8px 5px 0 0;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    font-size: 14px;
}
.notifyme-button-ok {
    padding: 8px 10px;
    border-radius: 3px;
    border: none;
    background: #d0d0d0;
    color: #4a4a4a;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    margin-top: 10px;
    top: -1px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    transition: all .15s linear;
}
.notifyme-button-ok:hover {
    background: #4a4a4a;
    color: #fff;
}

/*buy*/
#prices-buy #buy-product {
    float: right
}
#buy-product.indisponivel {
    width: 100%
}
#buy-product.indisponivel > figure {
    display: none
}
#prices-buy #buy-product a,
#buyToghether p.comprar-junto a {
    max-width: 325px;
    height: 57px;
    width: 100%;
    margin-left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #60c284;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    text-indent: 0px;
    transition: all .2s linear;
    backface-visibility: hidden;
    cursor: pointer;
    text-align: center;
}
#buyToghether p.comprar-junto a:before {
    content: "";
    display: inline-block;
    background: url('/arquivos/icon-bt.png') no-repeat;
    width: 22px;
    height: 24px;
    margin: 0px 10px 0 0;
    position: relative;
}
#prices-buy #buy-product a:hover,
#buyToghether p.comprar-junto a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}
#prices-buy #buy-product figure {
    float: right;
    margin: 5px 4px 0 0;
    width: 110%
}
#prices-buy #buy-product figure img {
    width: 96%;
    height: auto;
    float: right
}

/*calc frete*/
#shipping {
    float: left;
    width: 100%;
}
#calculoFrete {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 0 13px 0;
    box-sizing: border-box
}
#popupCalculoFreteWrapper {
    display: none
}
#calculoFrete .content #txtCep {
    margin-top: 10px;
    width: 70%;
    max-width: 180px;
    height: 33px;
    float: left;
    text-align: left;
    color: #444;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    text-indent: 6%
}
#calculoFrete .header,
#calculoFrete .content .quantity,
#calculoFrete .footer {
    display: none
}
#calculoFrete .content .prefixo {
    color: #000;
    font-weight: 700;
    display: block;
    width: 100%;
}
.cep-busca {
    display: block;
    float: left;
    width: 60px;
    margin: 15px 0 0 3%;
}
.cep-busca a {
    font-size: 11px;
    color: #666
}
.frete-calcular {
    float: left
}
#btnFreteSimulacao {
    top: 38px;
    width: 35px;
    height: 34px;
    background-color: #8e8e8e;
    margin: 10px 0 0 15%;
    border: none;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
#btnFreteSimulacao:hover {
    background-color: #000;
}
.freight-values table {
    margin-top: 10px;
    text-align: left;
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%
}
.freight-values tr th {
    background: #fafafa
}
.freight-values tr th,
.freight-values tr td {
    padding: 3px;
    border-right: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
    color: #000000;
}
.freight-values tr th+th {
    border-right: 1px solid #e5e5e5
}
.freight-values tr td+td {
    font-weight: normal;
    color: #5a5a5a;
    padding: 10px 3px;
    font-size: 12px;
    line-height: 17px;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #e5e5e5
}
.freight-values tr td:last-child {
    padding: 0;
    border-right: 0
}
.freight-values tr td:empty {
    display: none
}
#share-wishlist {
    float: left;
    width: 100%
}
#share-wishlist .move {
    float: left;
    margin-top: 25px
}

/*compartilhamento*/
#share {
    float: right;
    width: 50%;
    margin-top: 25px
}
#share > strong {
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
    color: #000;
    float: left;
    font-size: 13px;
    margin-right: 5%
}
#share li {
    float: left;
    margin-right: 5%;
    transition: all .2s linear
}
#share li a {
    display: block;
    height: 26px;
    background: url("/arquivos/sprite-3.png");
    font-size: 0
}
#share li:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}
#share li.facebook a {
    background-position: -767px -69px;
    width: 14px
}
#share li.twitter a {
    width: 32px;
    background-position: -806px -69px
}
#share li.pinterest a {
    width: 20px;
    background-position: -862px -69px
}
#share li.google-plus a {
    width: 32px;
    background-position: -906px -69px
}

/*opcoes de pagamento*/
.formas-pagamento {
    float: left;
    width: 244px;
    margin-top: 20px
}
.other-payment-method-content {
    margin: 0;
    border: 1px solid #e9e9e9;
    float: left;
    border-radius: 10px
}
.other-payment-method-content .titulo-parcelamento {
    font-size: 0;
    width: 100%;
    display: block;
    height: 27px;
    margin-bottom: 5px;
    background: url('/arquivos/title-otherPaymentsForms.png') no-repeat 0 0
}
.other-payment-method-content ul {
    margin: 0;
    list-style: none;
    padding-bottom: 7px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    padding-left: 6%;
    column-count: 2;
    box-sizing: border-box
}
.other-payment-method-content li {
    padding: 3px 5px 1px;
    line-height: 16px;
    box-sizing: border-box;
    display: inline
}
.other-payment-method-content li,
.other-payment-method-content li * {
    font-size: 10px;
    color: #666666
}
.other-payment-method-content li strong {
    font-weight: normal
}
.see-other-payment-method-link {
    display: none
}

/*botoes*/
#about-product #extra {
    margin: 10px 0 20px
}

/*INSTITUCIONAL
---------------------------------*/

/*quem somos*/
body.quem-somos h1+p {
    font-style: italic;
    max-width: 720px;
}
body.quem-somos .box-institucional.eq02 {
    background: url("/arquivos/dona_aracy.png") no-repeat right center;
}
body.quem-somos .box-institucional.eq02 > div {
    width: 80%;
}
body.quem-somos .box-institucional>div {
    border-left: 1px dashed #cb343a;
    padding: 28px 0 5px 4%;
}

/*contato*/
.contato #co_form {
    width: 100%;
    float: left;
    width: 100%;
    max-width: 650px;
}
.contato #co_form+img {
    float: right;
    width: 38%;
}

/*content*/
.institucional .content-custom {
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
}
.institucional .content-custom h1,
.institucional .content-custom h2 {
    color: #CB343A;
    font-size: 20px;
    margin: 10px 0 20px;
    display: block;
}
.institucional .content-custom h1+strong {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
}
.institucional .content-custom h1 {
    margin-top: 0
}
.institucional .content-custom strong {
    display: block;
    margin-bottom: 20px
}
.institucional:not(.trocas-e-devolucoes) .content-custom h3 {
    margin-bottom: 25px
}
.institucional .content-custom .line > span,
.institucional .content-custom .line > .form-field {
    display: block;
    margin: 6px 0;
    position: relative;
    padding-left: 5px;
}
.institucional .content-custom span #bt_cep {
    position: absolute;
    right: 5px;
    width: 54px;
    height: 50px;
    border-radius: 0 5px 5px 0;
    background: #cc3340;
    color: #fff;
    font-size: 23px;
    display: flex;
    cursor: pointer;
    transition: all .12s linear;
    top: 22px;
    align-items: center;
    justify-content: center;
}
.institucional .content-custom span #bt_cep:after {
    content: "";
    display: block;
    width: 22px;
    height: 24px;
    background: url("/arquivos/icon-search-cep.png") no-repeat center center;
}
.institucional .content-custom span #bt_cep:hover {
    background: #616161
}
.col100.obr h4 {
    display: none;
}
.institucional .content-custom span.col50:first-child input {}
.institucional .content-custom p,
.institucional .content-custom li {
    line-height: 18px;
    color: #333;
    font-size: 14px;
    margin-bottom: 40px;
}
.institucional .content-custom .bread-crumb {
    margin-bottom: 15px
}
.institucional .content-custom .bread-crumb li:before {
    display: none
}
.institucional .content-custom .bread-crumb ul {
    float: left
}
.institucional #newsletter {
    margin-top: 80px
}
.box-institucional {
    clear: both;
    margin-bottom: 47px;
}
.box-institucional:first-of-type {
    margin-top: 45px;
}
.box-institucional span.title-box {
    color: #CB343A;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
.box-institucional span.title-box em {
    display: flex;
    border-radius: 5px;
    margin-right: 28px;
    background: #cb343a;
    color: #fff;
    width: 170px;
    height: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
}
.box-institucional p {
    display: block;
    margin-bottom: 20px;
}

/*duvidas*/
.tire-duvidas {
    margin: 30px 0 0
}
.sanfona {
    padding-top: 1px;
    clear: both
}
.sanfona .show-content {
    background: #fafafa;
    margin-top: 0px;
    z-index: 7;
    position: relative;
    margin-bottom: 16px;
}
.sanfona a.item {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 14px 40px 0 13px;
    height: 48px;
    display: block;
    background: url('/arquivos/os-setas.png') no-repeat right -21px #CBCBCB;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
}
.sanfona a.item:hover {
    background-color: #cb343a;
}
.sanfona .show-content.ativo {
    background: #fff;
    z-index: 8
}
.sanfona .show-content.ativo a.item {
    color: #fff;
    background-color: #cb343a;
    background-position: right 9px;
    font-weight: 700;
    cursor: default;
}
.sanfona .aba {
    padding: 10px 40px 10px 25px;
    display: none;
    border-left: 2px dashed #cb343a;
    margin-left: 5px;
    margin-top: 5px;
}
.sanfona .aba p {
    margin: 0 0 5px 0;
    text-align: justify;
    color: #333;
    font-size: 14px;
    line-height: 21px;
}

/*BUSCA VAZIA
---------------------------------*/
.busca-vazia #text-empty-search {
    text-align: left;
    display: block;
    font-size: 15px;
    margin: 90px 0 120px;
    float: left;
    width: 100%;
}
.busca-vazia #text-empty-search .search {
    margin: 5px auto 15px;
    float: none;
    width: 80%
}
.busca-vazia #text-empty-search .search input[type="text"] {
    background-color: transparent;
    border: 1px solid #e5e5e5
}
.busca-vazia #text-empty-search p {
    display: block;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 300;
}
.busca-vazia #text-empty-search p span {
    color: #cb343a;
    font-weight: 700;
}
.busca-vazia #text-empty-search strong {
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
    color: #999;
    font-weight: 700
}
.busca-vazia #text-empty-search li {
    line-height: 20px;
    font-size: 13px
}
.busca-vazia .os-vitrine.ch-default li {
    width: 25%
}
.busca-vazia #shelf-01 {
    margin-bottom: 80px
}
body.resultado-busca.tableView main.ext div#sidebar {
    display: none
}
body.resultado-busca.tableView main.ext {
    min-height: 440px
}
body.resultado-busca.tableView main.ext p.didyoumean {
    font-size: 0px;
    width: 100%;
    float: left;
    margin-top: 20px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding: 12px 0px
}
body.resultado-busca.tableView main.ext p.didyoumean:before {
    content: 'Ops. N\00E3o encontrou o que queria?';
    font-weight: bold;
    float: none;
    font-size: 34px;
    margin-bottom: 20px;
    text-align: left;
    margin-right: 10px;
    width: 100%
}
body.resultado-busca.tableView main.ext p.didyoumean a {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    float: left;
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    width: 100%;
    color: black
}
body.resultado-busca.tableView main.ext #side-products {
    width: 100%
}
body.resultado-busca.tableView main.ext p.didyoumean a:before {
    content: 'Voc\00EA quis dizer?';
    color: #747474;
    margin-right: 11px
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
    font-size: 13px;
    color: #959595;
}
.footer #content-footer {
    padding-top: 27px;
    background: #F7F7F7;
    padding-bottom: 10px;
}
.footer #content-footer .int {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer .int .title-footer {
    font-weight: 700;
    color: #727272;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}
.footer .int .top {
    margin-bottom: 15px;
}
.footer .int .bottom {
    display: flex;
    justify-content: space-between;
}
.footer .int .box-banner {
    margin-bottom: 15px;
}
.footer .int p {
    line-height: 20px;
}
.footer .int ul li a {
    color: #999999;
    height: 25px;
    display: block;
    font-size: 13px;
    transition: all .12s linear;
}
.footer .int .bottom ul li {
    float: left;
    margin-right: 10px;
}
.footer .int a:hover {
    color: #af2500;
}
.footer .int .social {
    margin-left: 30px;
}
.footer .int .social li a {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #af2500;
    ;
    align-items: center;
    justify-content: center;
}
.footer .int .social li a svg {
    display: block;
    width: 20px;
    fill: #af2500;
}
.footer #poweredby ul {
    display: flex;
    justify-content: center;
}
.footer #poweredby ul li {
    margin: 15px 10px;
}
.content-down-footer {
    padding-top: 5px;
    background: #ffffff;
    padding-bottom: 5px;
    text-align: center;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.social-icon-footer {
    display: inline-block;
    padding-left: 2px;
}
.adress-footer {
    font-size: 12px;
}
.company-name {
    font-size: 11px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .company-name {
        font-size: 13px;
    }
    .adress-footer {
        font-size: 13px;
    }
    .company-infos {
        line-height: 18px !important;
    }
}
#minicart {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 999;
}
#minicart .wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    transition: all .5s linear;
    background: #fff;
    max-width: 462px;
    padding: 45px 10px 0 10px;
}
#minicart .wrap.open {
    right: 0;
}
#minicart .wrap > span {
    display: block;
}
#minicart .wrap > #minicart-back {
    color: #cb343a;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 25px;
    padding-left: 15px;
}
#minicart .wrap .minicart-title {
    display: flex;
    font-size: 14px;
    align-items: center;
    color: #4a4a4a;
    padding: 10px 0 40px 16px;
}
#minicart .wrap .minicart-title:before {
    content: "";
    display: block;
    background: url('/arquivos/icon-cart.png') no-repeat 0 0;
    width: 29px;
    height: 26px;
    margin-right: 15px;
}
#minicart .wrap > #minicart-back:before {
    position: relative;
    display: block;
    content: "";
    transition: all .12s linear;
    width: 9px;
    height: 16px;
    margin-right: 15px;
    background: url("/arquivos/icon-back-minicart.png") no-repeat;
}
#minicart .wrap > #minicart-back:hover:before {
    margin-left: -3px;
    margin-right: 18px;
}
#minicart #minicart-content {
    height: 60vh;
    overflow: auto;
}
#minicart #minicart-content>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    color: #4a4a4a
}
#minicart #minicart-content>p {
    text-align: left;
    padding-left: 20px;
    font-size: 20px;
    padding-top: 20px;
    border-top: 1px solid #d8d8d8;
    display: block;
}
#minicart #minicart-content>div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
#minicart #minicart-content>div .minicart-name-item {
    width: 170px;
    line-height: 16px;
    font-weight: 500
}
#minicart #minicart-content>div .minicart-name-item span {
    font-size: 13px;
    color: #4a4a4a;
}
#minicart #minicart-content>div .minicart-name-item span.name {
    margin-bottom: 5px;
    display: block
}
#minicart #minicart-content>div .minicart-quantity-item {
    display: flex;
}
#minicart #minicart-content>div .minicart-remove-item {
    background: rgba(0, 0, 0, 0) url(/arquivos/delete-items.png) no-repeat scroll 0 0;
    color: #fff;
    display: block !important;
    font-size: 0;
    height: 20px;
    cursor: pointer;
    margin: 0 0 0 0;
    width: 17px;
    transition: all .13s linear;
}
#minicart #minicart-content>div .minicart-remove-item:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#minicart #minicart-content>div .minicart-quantity-item input {
    width: 30px;
    height: 20px;
    text-align: center;
    border: none;
    font-size: 12px;
    color: #4a4a4a
}
#minicart #minicart-content>div .minicart-quantity-item span {
    border-radius: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CB343A;
    color: #fff;
    cursor: pointer;
    transition: all .13s linear;
    font-weight: 500;
}
#minicart #minicart-content>div .minicart-quantity-item span:hover {
    background: #ed2836;
}
#minicart #footer-minicart {
    padding: 20px 15px 0;
    border-top: 1px solid #d8d8d8;
    position: absolute;
    width: 90%;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#minicart #footer-minicart #subtotal-minicart {
    margin-bottom: 22px;
    text-transform: uppercase;
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 500;
}
#minicart #footer-minicart #subtotal-minicart span {
    display: inline-block;
    margin-left: 4%;
    font-weight: 700;
    color: #CB343A;
}
#minicart #footer-minicart > a {
    display: flex;
    align-items: center;
    transition: all .12s linear;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #007200;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 500;
}
#minicart #footer-minicart > a:hover {
    background: #048604;
}

/*newsletter*/
#newsletter {
    color: #fff;
    float: left;
    width: 100%;
    height: 90px;
    position: relative;
    margin: 185px 0 48px;
}
#newsletter > .int {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .18);
}
#newsletter > .int > img {
    margin-right: 25px;
    display: block;
    flex-grow: 1;
}
#newsletter > .int > div:not(.img) {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    bottom: 0;
    width: 60%;
    height: 90px;
    padding-right: 25px;
}
#newsletter > .int > div:not(.img) .col:nth-child(2) {
    flex-grow: 1;
    margin: 0 20px;
}
#newsletter > .int > div.img {
    position: absolute;
    bottom: -1px;
    left: 2%;
}
#newsletter > .int > div .subscribe__header {
    margin-bottom: 36px;
}
#newsletter > .int > div .subscribe__title {
    margin-bottom: -4px;
    padding-left: 8px;
    font-size: 65px;
    font-weight: 700;
    font-style: italic;
    color: #D8507F;
    font-family: 'Samantha Pro', sans-serif;
    line-height: 1;
}
#newsletter > .int > div .subscribe__description {
    font-size: 15px;
}
#newsletter > .int > div label {
    display: block;
    margin-bottom: 11px;
    color: #D8507F;
    font-weight: 700;
    font-size: 15px;
}
#newsletter > .int > div .col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#newsletter > .int > div .subscribe__field {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 10px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #CB343A;
    border-radius: 4px;
    color: rgb(130, 129, 129);
    transition: border .3s, background .3s, box-shadow .3s;
}
#newsletter > .int > div .subscribe__btn {
    height: 50px;
    line-height: 50px;
    margin-top: auto;
    min-width: 0;
    width: 96px;
}
#newsletter > .int > div .subscribe__field:focus {
    border-color: #ed2836;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
}
#newsletter > .int .row {
    display: flex;
    justify-content: space-around;
}
#newsletter > .int .row.success {
    flex-direction: column;
    align-items: center;
    color: #68737d;
}
#newsletter > .int .row.success span {
    font-size: 20px;
    margin-bottom: 5px
}
#newsletter > .int .row.success p {
    font-size: 14px
}

/* Mobile */
@media (max-width: 767px) {
    .subscribe .subscribe__title {
        margin-bottom: -6px;
        padding-left: 8px;
        line-height: 1;
    }
    
    .subscribe .subscribe__header {
        margin-bottom: 19px;
    }
    
    .subscribe .row {
        max-width: 96.5%;
    }
    
    .subscribe .col {
        display: block;
    }
    
    .subscribe .col + .col {
        margin-top: 15px;
    }
    
    .subscribe .btn {
        min-width: 133px;
        margin-top: 2px;
    }
}

/* SLIDER
---------------------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 6px;
    margin: 0;
    padding-bottom: 14px;
}
#slider .slick-list {
    padding-bottom: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right
}
.slick-slide img {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: #fff url('/arquivos/ajax-loader.gif') center center no-repeat
}

/* Arrows */
.slick-prev,
.slick-next {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 41px;
    height: 41px;
    border: 1px solid #757575;
    font-size: 0;
    -ms-flex-pack: center;
    z-index: 89;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 45%;
    left: 50%;
    cursor: pointer;
    border-radius: 20px;
    background: #fff;
    color: #757575;
    transition: background .2s;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}
.slick-prev:hover,
.slick-next:hover {
    background: #af2500;
    color: #fff;
    border-color: #af2500
}
.slick-next:hover {
    background-position: 17px center
}
.slick-prev:hover {
    background-position: 20px center;
}
.slick-prev {
    transform: rotate(180deg);
    left: -4.5%;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}
.slick-prev:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(-45deg) translateX(2px);
    transform: rotate(135deg) translateX(2px);
    width: 15px;
    height: 15px;
    content: "";
    border-top: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-radius: 2px;
    position: relative;
    top: -2px;
    left: -2px;
}
[dir='rtl'] .slick-prev:before {
    content: '<'
}
.slick-next {
    left: 100%;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}
.slick-next:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(-45deg) translateX(2px);
    transform: rotate(135deg) translateX(2px);
    width: 15px;
    height: 15px;
    content: "";
    border-top: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-radius: 2px;
    position: relative;
    top: 0px;
    left: -2px;
}
[dir='rtl'] .slick-next:before {
    content: '>'
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico-angle-right {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: inherit;
}
.ico-angle-right:before {
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(45deg) translateX(-2px);
    transform: rotate(45deg) translateX(-2px);
    width: 1em;
    height: 1em;
    content: "";
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    border-radius: 2px;
}
.ico-angle-left {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: inherit;
}
.ico-angle-left:before {
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(-45deg) translateX(2px);
    transform: rotate(-45deg) translateX(2px);
    width: 1em;
    height: 1em;
    content: "";
    border-top: 3px solid currentColor;
    border-left: 3px solid currentColor;
    border-radius: 2px;
}
.ico-angle-top {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: inherit;
}
.ico-angle-top:before {
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(45deg) translateX(2px);
    transform: rotate(45deg) translateX(2px);
    width: 1em;
    height: 1em;
    content: "";
    border-top: 3px solid currentColor;
    border-left: 3px solid currentColor;
    border-radius: 2px;
}
.ico-angle-bottom {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: inherit;
}
.ico-angle-bottom:before {
    display: inline-block;
    vertical-align: middle;
    -ms-transform: rotate(-45deg) translateX(2px);
    transform: rotate(-45deg) translateX(2px);
    width: 1em;
    height: 1em;
    content: "";
    border-bottom: 3px solid currentColor;
    border-left: 3px solid currentColor;
    border-radius: 2px;
}
.ico-close {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 0;
}
.ico-close:before,
.ico-close:after {
    position: absolute;
    left: 0;
    left: .45em;
    content: ' ';
    height: 1em;
    width: 1px;
    background-color: currentColor;
}
.ico-close:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ico-close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ico-close--bold:after,
.ico-close--bold:before {
    width: 1px;
}
.ico-plus {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}
.ico-plus:before,
.ico-plus:after {
    content: "";
    position: absolute;
    background-color: currentColor;
}
.ico-plus:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 6px;
    margin-top: -3px;
}
.ico-plus:before {
    top: 0;
    left: 50%;
    width: 6px;
    height: 100%;
    margin-left: -3px;
}
.ico-equals {
    display: inline-block;
    width: 1em;
}
.ico-equals:before,
.ico-equals:after {
    display: block;
    width: 100%;
    height: 6px;
    background: currentColor;
    content: "";
}
.ico-equals:after {
    margin-top: 6px;
}

/* ------------------------------------------------------------ *\
	Slick-theme
\* ------------------------------------------------------------ */
.slick-dots {
    list-style: none;
    text-align: center;
    line-height: 0;
    font-size: 0;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li + li {
    margin-left: 10px;
}
.slick-dots .slick-active button {
    background: #4A4A4A;
}
.slick-dots button {
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 50%;
    background: #D8D8D8;
    border: 0;
    transition: background .3s;
}

/* ------------------------------------------------------------ *\
	Slider-products
\* ------------------------------------------------------------ */
.collection {
    position: relative;
    clear: both;
    margin-bottom: 25px;
}
.shelf-carousel .slider__controls {
    display: -ms-flexbox;
    clear: both;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.shelf-carousel .slider__paging {
    margin: 0 12px;
}
.shelf-carousel .slick-arrow {
    color: rgba(236, 78, 91, 0.71);
    transition: color .3s;
}
.shelf-carousel .slick-arrow:hover {
    color: #EC4E5B;
}

/*NEWSLETTER FLOAT BAR*/

.float-news{
    position: fixed!important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: white;
}
.int.float-news img{
    width: 80%;
}

/* Mobile */
@media (max-width: 767px) {
    .shelf-carousel .slider__controls {
        margin-top: 23px;
    }
    
    .shelf-carousel .slick-arrow {
        position: absolute;
        top: 41.8%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        font-size: 0;
    }
    
    .shelf-carousel .shelf-prev {
        right: 97%;
        margin-right: -6px;
    }
    
    .shelf-carousel .shelf-next {
        left: 97%;
        margin-left: -6px;
    }
}
@media only screen and (max-width: 1350px) {
    /*#header*/
    
    #header {
        height: auto
    }
    
    .int {
        width: 95%;
        padding: 0 0.5%
    }
}
@media only screen and (min-width: 1285px) {
    /*home*/
    
    .tabs-home .slick-prev {
        left: 0;
    }
    
    .tabs-home .slick-next {
        right: 0;
    }
    /*topo flutuante*/
    
    #top-fixed .int .logo img {
        width: auto
    }
    
    section#seu-corpo-saudavel ul {
        display: flex;
        flex-wrap: wrap
    }
}
@media only screen and (max-width: 1285px) {
    /*home*/
    
    section#seu-corpo-saudavel ul {
        display: flex;
        flex-wrap: wrap
    }
    
    section#seu-corpo-saudavel ul li {
        margin-bottom: 10px
    }
    
    #slider .slick-next {
        left: initial;
        right: 5px
    }
    
    #slider .slick-prev {
        left: 5px
    }
}
@media only screen and (max-width: 1200px) {
    /*produto*/
    
    #shipping,
    #share {
        width: 100%
    }
    
    #calculoFrete .content #txtCep {
        width: 40%;
        text-align: left;
        text-indent: 5%
    }
    
    #share li {
        margin-right: 25px
    }
}
@media only screen and (max-width: 1100px) {
    /*home*/
    
    section#seu-corpo-saudavel ul {
        justify-content: space-around
    }
    /*wishlist*/
    
    body.wishlist .giftlistproductsv2 tr {
        width: 49%;
        padding: 0;
        margin: 0 0 20px 0
    }
    
    body.wishlist .giftlistproductsv2 tr:nth-child(2n) {
        float: right
    }
}
@media only screen and (max-width:980px) {
    /*header*/
    
    #top-fixed {
        display: none!important
    }
    /*common*/
    
    .int {
        width: 98%;
        padding: 0 1%;
    }
    /*header*/
    
    #header#header {
        display: none
    }
    
    #mob-header {
        display: block;
    }
    
    .menu-mobile .nivel-1 {
        box-shadow: none
    }
    
    .busca-vazia #text-empty-search p {
        font-size: 24px
    }
    /*iogurteira*/
    
    .especial .top-product > .left .price .left .best-price {
        font-size: 40px
    }
    /*prateleira*/
    
    .prateleira.b span > a {
        flex-direction: column
    }
    /*autocomplete*/
    
    .ui-autocomplete {
        width: 92% !important
    }
    /*busca vazia*/
    
    .busca-vazia #text-empty-search .search {
        width: 80%
    }
    /*home*/
    
    #posts {
        display: none;
    }
    
    #newsletter {
        margin-top: 30px
    }
    
    #suggestions-home > .eq02 .box-banner {
        width: 100%;
        margin: 0 0 15px 0;
        order: 0;
    }
    
    #suggestions-home > .eq02 {
        width: 100%;
    }
    
    #suggestions-home > .eq02 .collection {
        width: 100%
    }
    
    #shelf-03 {
        display: none
    }
    
    #suggestions-home > .eq01 {
        order: 1;
        max-width: initial
    }

    .bread-crumb {
        margin: 20px 0 0 0;
    }

    #search-term {
        margin-top: 10px;
    }
}
@media only screen and (max-width:850px) {
    .prateleira > ul > li {
        width: 50%;
    }
    
    #search-term {
        margin-bottom: 15px
    }
    
    .resultado-busca-filtro {
        position: initial;
        clear: both;
        float: left;
        margin-bottom: 30px;
    }
    /*Iogurteira*/
    
    .especial .aditional-info > div {
        width: 100%;
        margin-bottom: 35px
    }
    
    .especial .aditional-info > div img {
        width: 100%;
        margin-right: 0
    }
    
    .especial .top-product > .left .price .left .best-price {
        font-size: 30px
    }
    
    .especial .top-product > .left .price .left .installment {
        font-size: 18px
    }
    /*corpo saudavel*/
    
    .saudavel .content-custom {
        flex-wrap: wrap;
    }
    
    .saudavel .content-custom .left {
        width: 100%;
        margin-right: 0;
        display: none;
    }
    /*institucional*/
    
    body.quem-somos .box-institucional.eq02 {
        background: none;
    }
    
    body.quem-somos .box-institucional.eq02>div {
        width: 100%;
    }
}
@media only screen and (max-width:800px) {
    .especial .top-product > div {
        width: 100% !important;
        margin: 0 0 30px 0!important
    }
    
    .especial .top-product > .left .price {
        width: 100%;
    }
    
    .categoria .prateleira li[layout] {
        width: 33%;
    }

    .especial.b .top-product > .right h1 {
        font-size: 35px;
    }

    .especial.b .top-product > .right h1 span {
        font-size: 30px;
    }

    .especial.b .top-product > .right .price .left .best-price {
        font-size: 28px;
    }

    .especial.b .top-product > .right .price .left .installment {
        font-size: 18px;
    }

    .especial.b .top-product > .right > .price > a {
        width: 150px;
    }

    .especial.b .top-product > .right > p {
        font-size: 18px;
        margin-top: 10px;
    }

    .especial.b .banner-conteudo {
        padding: 0 10px;
    }

    .especial.b .banner-conteudo img {
        height: auto;
    }

    .especial.b .aditional-info > div, .especial.b .aditional-info > iframe {
        width: 100%;
        height: 330px;
        margin-bottom: 30px;
    }

    .especial.b .aditional-info > div h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .especial.b .aditional-info {
        display: inline-block;
        padding: 10px;
        margin-bottom: 30px;
    }

    .collection.shelf-carousel-2 {
        margin-top: 30px;
    }

    .prateleira.b li > span > a .right {
        margin-left: 0;
    }

    .especial .top-product > div.right {
        padding: 0 10px;
    }

    .box-footer img[alt="Formas de Pagamento"] {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:685px) {
    #float-social-links {
        display: none;
    }
    /*home*/
    
    .content-banner {
        display: none
    }
    
    .banners .box-banner a img {
        width: 100%
    }
    /*institucional*/
    
    .institucional #sidebar {
        display: none
    }
    
    .institucional .content-custom {
        width: 100%
    }
    
    .institucional #contactForm {
        padding: 0
    }
}
@media only screen and (max-width: 650px) {
    /*produto*/
    
    #buy-product a {
        min-width: initial
    }
    
    #calculoFrete {
        width: 100%
    }
    /*produto*/
    
    #image-product #include {
        width: 100%
    }
    
    #image-product .thumbs {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
    
    #image-product .thumbs li {
        width: 60px;
        float: none;
        display: inline-block;
        margin-bottom: 4px
    }
    /*prateleira*/
    
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        margin-left: 0;
    }
    
    .prateleira:not(.b) li > span > a .price {
        width: 100%;
        margin: 0;
        padding-left: 0;
    }
    
    #newsletter {
        height: auto
    }
    
    #newsletter > .int {
        flex-direction: column;
        height: auto;
    }
    
    #newsletter > .int > div:not(.img) {
        margin: 0 auto;
        width: 95%;
        padding: 0;
        height: auto;
    }
    
    #newsletter > .int > div:not(.img) .row {
        margin: 0;
        height: 100%;
        width: 100%;
        flex-direction: column;
    }
    
    #newsletter > .int > div:not(.img) .row .col {
        width: 100%;
        margin: 5px 0;
    }
    
    #newsletter > .int > div:not(.img) .row .col * {
        margin:
    }
    
    #newsletter > .int > div.img {
        position: initial;
        left: 0;
        bottom: 0;
        float: left;
        height: auto;
        margin: 15px 0 0 10px;
    }
    
    #newsletter > .int > div.img img {
        display: none
    }
    
    #newsletter > .int > div.img:before {
        content: "";
        display: block;
        background: url('/arquivos/icone-news-mobile.png') no-repeat 0 0;
        width: 134px;
        height: 81px;
    }
    /*produto*/
    
    #image-product,
    #about-product {
        width: 99%;
        margin: 10px 0 0 0!important
    }
    
    #about-product {
        margin-top: 30px
    }
    
    #buy-product a {
        max-width: 99%
    }
    /*institucional*/
    
    .institucional .content-custom .line > span {
        width: 100%
    }
    /*common*/
    
    .int {
        width: 98%;
        padding: 0 1%;
        box-sizing: border-box;
        float: none;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 550px) {
    .jn-wishlist {
        width: 95%
    }
    /*prateleira*/
    
    .categoria .prateleira li[layout],
    .collection .prateleira li[layout] {
        width: 50%;
        border-right: 0;
    }
    /*produto*/
    
    #calculoFrete .content #txtCep {
        position: initial;
        clear: left;
        margin-top: 15px;
        margin-left: 6%
    }
    
    #calculoFrete .content .prefixo {
        width: 60%;
        float: left
    }
    
    #calculoFrete .content .prefixo input {
        width: 85%!important
    }
    
    #calculoFrete .content #btnFreteSimulacao {
        position: initial;
        top: 0;
        left: 0;
        float: left;
        margin-top: 45px
    }
    
    .frete-calcular:after {
        top: 45px;
        right: 22%
    }
    
    .cep-busca {
        position: initial;
        width: 100%;
        float: left;
        clear: both;
        margin-top: 5px
    }
    /*wishlist*/
    
    .header-client p {
        padding-left: 20px;
        padding-right: 20px
    }
    /*banners*/
    
    *[class*="qtd"] .box-banner {
        width: 100%!important;
        clear: both;
        position: relative!important;
    }
    
    .box-banner {
        width: 100%;
        margin: 0 0 10px;
    }
    /*footer*/
    
    .footer #content-footer .int .box-footer:nth-child(1) {
        order: 10;
        width: 100%;
    }
    
    .footer #content-footer .int .box-footer:nth-child(1) .box-banner {
        float: left;
        width: auto;
        margin-right: 20px;
    }
    
    .footer #content-footer .int .box-footer {
        margin-bottom: 35px;
    }
    
    .footer .int .social {
        margin-left: 0
    }
    
    .footer .int .title-footer {
        width: auto
    }
    
    .footer .int .bottom {
        flex-direction: column;
    }
    
    .footer .int .bottom .security,
    .footer .int .top {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 500px) {
    /*produto*/
    
    #buy-product a {
        margin-top: 0;
    }
    
    #buy-product,
    #prices {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    /*header*/
    
    #mob-header ul#mobile-actions > li {
        padding: 0 16px 6px;
        cursor: pointer;
    }
    /*prateleira*/
    
    .prateleira > ul > li {
        padding: 0;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .prateleira:not(.b) > ul > li > span > a .price {
        width: 100%;
        margin: 0;
    }
    
    #search-term,
    #search-term h2 {
        font-size: 20px
    }
    /*home*/
    
    #suggestions-home {
        flex-direction: column;
    }
    
    #shelf-03 {
        display: block;
        order: 2;
    }
}

body.home #slider .slick-arrow {
    display: none !important;
}

body.home #slider {
    max-width: 1170px;
}

.banner-beneficios {
    display: block !important;
    padding: 10px;
    padding-left: 20px;
    background-image: linear-gradient(to right, #D4D5D7,#FEFEFE,#D4D5D7,#FEFEFE,#D4D5D7,#FEFEFE,#D4D5D7);
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    text-align: center;
}

.banner-beneficios li {
    color: #000;
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: lighter;
    font-family: "Oswald", sans-serif;
    vertical-align: middle;
    width: 33%;
}

.banner-beneficios li strong {
    display: inline-block;
    font-size: 25px;
    font-family: "Oswald", sans-serif;
    margin-right: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.banner-beneficios li > div:first-of-type {
    display: inline-block;
    text-align: justify;
    vertical-align: middle;
    text-transform: uppercase;
}

.banner-beneficios li > div:last-of-type {
    display: inline-block;
    text-align: justify;
    vertical-align: middle;
    text-transform: uppercase;
}

.banner-beneficios li > div p:first-of-type {
    /* font-size: 21px; */
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    vertical-align: top;
}

.banner-beneficios li > div p:last-of-type {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.compras-via-boleto {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.banner-beneficios span {
     font-weight: bold;
}


@media (max-width: 768px) {
    .banner-beneficios .slick-list {
        margin: 0;
        padding: 0;
    }

    .banner-beneficios li {
        display: block;
        font-size: 13px;
        text-align: center;
        line-height: 30px;
    }

    .banner-beneficios li:first-of-type {
        margin: 0;
        padding: 0;
    }

    .banner-beneficios li:first-of-type:after {
        content: none;
    }

    .banner-beneficios li strong {
        font-size: 15px;
    }
}

.welcome-overlay {
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    z-index: 999;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
}

.blur-overlay {
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    z-index: 999;
    position: fixed;
}

body.add-blur > *:not(.popup-success-message):not(.blur-overlay) {
    filter: blur(4px);
    transition: .3s;
}

.welcome-modal {
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    z-index: 9999;
    position: fixed;
    transform: translate(-50%,-50%);
    max-width: 800px;
    background: #2b2b2b;
}

.welcome-modal__close {
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    background: url('/arquivos/close-modal.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.welcome-modal__banner img {
    width: 100%;
}

.welcome-modal .form__title {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

.welcome-modal .welcome-modal__form {
    padding: 15px 8px;
}

.welcome-modal .form__group {
    width: 25%;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
}

.welcome-modal .form__group input[type="text"],
.welcome-modal .form__group input[type="email"] {
    color: #af2500;
    width: 100%;
    border: 0;
    padding: 8px 15px;
    font-size: 16px;
    font-style: italic;
    background-color: #e7e7e9;
}

.welcome-modal .form__group input::-webkit-input-placeholder {
    color: #af2500;
}

.welcome-modal .form__group label {
    color: #fff;
    width: 50%;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

.form__group button {
    width: 100%;
    color: #fff;
    padding: 10px 0;
    font-size: 18px;
    background-color: #af2500;
}

.radio-content {
    width: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
}

.radio-content div input {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    transform: translateY(3px);
    transition: .2s;
    box-shadow: inset 0px 0px 0px 2px rgb(43, 43, 43);
    border-radius: 50%;
    -webkit-appearance: none;
}

.radio-content div input:checked {
    background-color: #fff;
}

.popup-success-message {
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    height: 340px;
    z-index: 999999;
    display: flex;
    opacity: 0;
    position: fixed;
    flex-wrap: nowrap;
    transform: translate(-50%,-50%);
    max-width: 900px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    box-sizing: border-box;
    align-items: center;
    border-radius: 10px;
    justify-content: flex-start;
    background-color: #fff;    
}

.popup-success-message:after {
    right: 10px;
    width: 80px;
    height: 80px;
    bottom: 10px;
    content: "";
    position: absolute;
    background: url('/arquivos/loguinho-top.png?v=1') no-repeat;
}

.close-success-message {
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    background: url('/arquivos/close-success.png') no-repeat;
    background-position: center;
}

.text-success-message {
    width: calc(100% - 360px);
    padding-left: 60px;
}

.text-success-message h3 {
    color: #CB343A;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 30px;
    text-decoration: none;
}

.text-success-message p {
    color: #707070;
    font-size: 27px;
    font-weight: 400;
}

.aracy-success-image {
    right: 0;
    width: 360px;
    height: 445px;
    bottom: 0;
    position: absolute;
    background-size: contain;
    background-image: url('/arquivos/aracy-top.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media (max-width: 768px) {
    .welcome-modal .form__title {
        font-size: 16px;
    }

    .form__group {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .welcome-modal .form__group label {
        width: 100%;
        margin-bottom: 10px;
    }

    .radio-content {
        width: 100%;
        text-align: center;
    }

    .radio-content div {
        width: auto;
        margin: 0 10px;
        display: inline-block;
    }

    .popup-success-message {
        padding: 30px;
    }

    .text-success-message {
        width: 100%;
        padding: 0;
    }

    .text-success-message h3, .text-success-message p {
        font-size: 24px;
    }

    .aracy-success-image {
        display: none;
    }

    .popup-success-message:after {
        content: none;
    }
}

.container-blackfriday {
    background: #F5F5F5;
}

.banner-blackfriday {
    position: relative;
}
.banner-blackfriday img {
    display: block;
    width: 99vw;
    height: auto;
    object-fit: cover;
}
.banner-blackfriday-mobile img {
    display: none;
}
.mouse-absolute {
    position: absolute;
    width: 45px;
    margin: -115px auto;
    left: 50%;
    cursor: pointer;
}

.title-blackfriday {
    margin: 50px auto 25px;
    font-size: 62px;
    font-weight: bold;
    border-bottom: 3px solid #B60D15;
    display: block;
    text-align: center;
    max-width: 850px;
}

.show-products-blackfriday {
    width: 250px;
    margin: 130px auto 65px;
    display: none;
    align-items: center;
}
.show-products-blackfriday span {
    font-size: 42px;
    font-weight: bold;
    margin-right: 15px;
}
.show-products-blackfriday img {
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.second-container-blackfriday {
    background: #E8E8EA;
    display: flex;
    justify-content: space-around;
}
.second-container-blackfriday > div > h1 {
    font-size: 45px;
    font-weight: bold;
    margin: 30px auto 60px;
    border-bottom: 3px solid #B60D15;
    text-align: center;
}
.second-container-blackfriday > img {
    bottom: 0;
    align-self: flex-end;
}

.accordion {
    max-width: 900px;
}
.acc {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 8px;
    transition: background .5s;
}
#arrow {
    transition: transform 0.2s ease-in-out;
}  
.flip {
    transform: rotate(-180deg);
}

.acc:hover {
    background: #fafafa;
}
.acc > .title-acc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.acc > .title-acc >img {
    width: 28px;
    height: 16px;
    cursor: pointer;
    padding-left: 10px;
}
.acc > .title-acc > h4 {
    margin: 0;
    cursor: pointer;
    font-size: 22px;
}
.acc > .conteudo {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
}
.acc > .conteudo > div {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    font-size: 20px;
}
.acc > .conteudo.open {
    max-height: 100%;
    transition: max-height  .2s ease-out;
}

.vitrine-blackfriday h2 {
    display: none;
}
.vitrine-blackfriday .prateleira {
    display: flex;
    flex-direction: column;
}
.vitrine-blackfriday .prateleira ul {
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {
    .second-container-blackfriday > img {
        display: none;
    }
}

@media (max-width: 576px) {
    .banner-blackfriday img {
        display: none;
    }
    .banner-blackfriday-mobile img {
        display: block;
        width: 100vw;
        height: auto;
        object-fit: cover;
    }
    .vitrine-blackfriday .prateleira ul {
        flex-direction: column;
    }
    .vitrine-blackfriday .prateleira ul li {
        width: 100%;
    }
}

@media (min-width: 577px) and (max-width: 849px) {
    .vitrine-blackfriday .prateleira ul li {
        width: 50% 
    }
}
@media (min-width: 850px) and (max-width: 1024px) {
    .vitrine-blackfriday .prateleira ul li {
        width: 50% 
    }
}

@media (max-width: 850px) {
    .title-blackfriday {
        max-width: 360px;
    }
    .second-container-blackfriday > div > h1 {
        max-width: 360px;
    }
}

/* Iogurteira + livro LP */
.iogurteira-livro .full-banner {
    margin-bottom: 30px;
}

.iogurteira-livro .full-banner img {
    width: 100%;
}

.iogurteira-livro #side-products h2 {
    display: none;
}

.iogurteira-livro .prateleira > ul:last-of-type {
    text-align: center;
    margin-bottom: 30px;
}

.iogurteira-livro .prateleira li[layout] {
    float: none;
    width: 29%;
    padding-left: 14px;
    padding-right: 14px;
    display: inline-block;
    text-align: left;
}

.iogurteira-livro .prateleira li > span > a .qtd-per-und {
    height: 12px;
}

@media (max-width: 767px) {
    .iogurteira-livro .full-banner.desk {
        display: none;
    }
}

@media (min-width: 768px) {
    .iogurteira-livro .bread-crumb {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .iogurteira-livro .full-banner.mobile {
        display: none;
    }
}