@charset "UTF-8";

:root {
    --color-primary: #82193a;
    --color-primary-hover: #70042c;
    --color-second: #82193a;
    --color-second-hover: #70042c;
    --color-third: #82193a;
    --color-third-hover: #70042c;
    --color-four: #0f7845;
    --color-fifth: #f3f3f4;
    --color-white: #FFFFFF;
    --color-topo: #ffffff;
    --gradient-first: #82193a;
    --gradient-last: #82193a;
    --gradient-instagram: linear-gradient(135deg, #82193a, #82193a);
    --text-color: #646464; 
    --gradient: linear-gradient(90deg,#82193a,#82193a);
    --box-shadow: 0 4px 16px #555555;
    --color-title: #383838;
    --color-topo: #ffffff;
    --color-text: #646464;
    --color-icon: #82193a;
    --color-bg-menu: #82193a;
    --color-menu: #ffffff;
    --color-ico-menu: #82193a;
    --color-regua: #82193a;
    --color-selo-desconto: #82193a;
    --color-frete-gratis: #82193a;
    --color-bg-instagram: #d0b35c;
    --bg-instagram: linear-gradient(135deg,#1c1c1c, #1c1c1c);
    --bg-input-news: #921f4a;
    --color-text-itens: #e9d7a6;
    font-size: 16px;
}

*,::before,::after {
    box-sizing: inherit;
    font-family: inherit;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    line-height: 1.4;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

[hidden], .hidden, .d-none {
    display: none !important;
}

ol, ul {
    list-style: none;
}

th,td {
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

.clear-content::after {
    content: "";
    display: block;
}

input,button,select,textarea {
    font-family: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
    font-weight: normal;
    background: #fff;
}

select::-ms-expand {
    display: none;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.img-responsive, .img-fluid {
  max-width: 100%;
  height: auto;
}

/* flex */
.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.justify-self-end {
    justify-self: end;
}

.align-content-center {
    align-items: center;
}

.align-self-center {
    align-self: center;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: flex-end;
}

.align-self-base {
    align-self: baseline;
}

.f-wrap {
    flex-wrap: wrap;
}

.flex-grow {
    flex-grow: 1;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 1;
}

/* container and cols */

.container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 0.938rem;
}

.row {
    margin: 0 -.938rem;
}

.row .col {
    padding: 0 .938rem;
    display: block;
}

.row .col.s12 {
    width: 100%;
}
.row .col.s11 {
    width: 91.6666666667%;
}
.row .col.s10 {
    width: 83.3333333333%;
}
.row .col.s9 {
    width: 75%;
}
.row .col.s8 {
    width: 66.6666666667%;
}
.row .col.s7 {
    width: 58.3333333333%;
}
.row .col.s6 {
    width: 50%;
}
.row .col.s5 {
    width: 41.6666666667%;
}
.row .col.s4 {
    width: 33.3333333333%;
}
.row .col.s3 {
    width: 25%;
}
.row .col.s2 {
    width: 16.6666666667%;
}
.row .col.s1 {
    width: 8.3333333333%;
}

@media (min-width: 601px) {
    .row .col.m12 {
        width: 100%;
    }
    .row .col.m11 {
        width: 91.6666666667%;
    }
    .row .col.m10 {
        width: 83.3333333333%;
    }
    .row .col.m9 {
        width: 75%;
    }
    .row .col.m8 {
        width: 66.6666666667%;
    }
    .row .col.m7 {
        width: 58.3333333333%;
    }
    .row .col.m6 {
        width: 50%;
    }
    .row .col.m5 {
        width: 41.6666666667%;
    }
    .row .col.m4 {
        width: 33.3333333333%;
    }
    .row .col.m3 {
        width: 25%;
    }
    .row .col.m2 {
        width: 16.6666666667%;
    }
    .row .col.m1 {
        width: 8.3333333333%;
    }
}

@media (min-width: 993px) {
    .row .col.l12 {
        width: 100%;
    }
    .row .col.l11 {
        width: 91.6666666667%;
    }
    .row .col.l10 {
        width: 83.3333333333%;
    }
    .row .col.l9 {
        width: 75%;
    }
    .row .col.l8 {
        width: 66.6666666667%;
    }
    .row .col.l7 {
        width: 58.3333333333%;
    }
    .row .col.l6 {
        width: 50%;
    }
    .row .col.l5 {
        width: 41.6666666667%;
    }
    .row .col.l4 {
        width: 33.3333333333%;
    }
    .row .col.l3 {
        width: 25%;
    }
    .row .col.l2 {
        width: 16.6666666667%;
    }
    .row .col.l1 {
        width: 8.3333333333%;
    }
}

@media (min-width: 1201px) {
    .row .col.x12 {
        width: 100%;
    }
    .row .col.x11 {
        width: 91.6666666667%;
    }
    .row .col.x10 {
        width: 83.3333333333%;
    }
    .row .col.x9 {
        width: 75%;
    }
    .row .col.x8 {
        width: 66.6666666667%;
    }
    .row .col.x7 {
        width: 58.3333333333%;
    }
    .row .col.x6 {
        width: 50%;
    }
    .row .col.x5 {
        width: 41.6666666667%;
    }
    .row .col.x4 {
        width: 33.3333333333%;
    }
    .row .col.x3 {
        width: 25%;
    }
    .row .col.x2 {
        width: 16.6666666667%;
    }
    .row .col.x1 {
        width: 8.3333333333%;
    }
}

/* text */

.text-line {
    white-space: nowrap;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.decoration {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.user-select {
    -webkit-user-select: none;
            user-select: none;
}

/* transiton */

.transition {
    transition: ease-in-out .3s;
}

.t-scale {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
            transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.t-color {
    -webkit-transition: color ease-in-out .2s;
            transition: color ease-in-out .2s;
}

.t-bg {
    -webkit-transition: background-color ease-in-out .2s;
            transition: background-color ease-in-out .2s;
}
.t-opacity {
    -webkit-transition: opacity ease-in-out .2s;
            transition: opacity ease-in-out .2s;
}

/* border */
.rounded {
    border-radius: 50%;
    overflow: hidden;
}

.photo-rounded {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.photo-rounded::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.photo-rounded img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.photo-square {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.photo-square::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.photo-square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.square {
    position: relative;
}

.square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* margin */

.off-margin-top {
    margin-top: 0 !important;
}

.off-margin-bottom {
    margin-bottom: 0 !important;
}

.off-margin-right {
    margin-right: 0 !important;
}

.off-margin-left {
    margin-bottom: 0 !important;
}

/* font */

/* config */

.container,.container2 {
    background: transparent;
    position: static;    
}

.container2 {
    float: none;
    background: transparent;
    position: static;
}

.container3 {
    float: none;
    background: transparent;
    position: static;
    border: 0;
}

.line {
    border: 0;
    height: auto;
    width: auto;
}

.bottom,.topBorder {
    background: transparent;
}

.leftCorner {
    display: none;
}

.bottom .bLeft,
.bottom .bRight {
    display: none;
}

.obriga-barra.red {
    font-size: 0;
}

.obriga-barra.red::before {
    content: "*";
    font-size: 16px;
}

.botao-calcular-frete, .botao-calcular-frete:hover, .botao-cupom-desconto, .botao-cupom-desconto:hover, .botao-efetuar-login, .botao-efetuar-login:hover, .botao-enviar-cadastro, .botao-enviar-cadastro:hover, .botao-enviar-cartao, .botao-enviar-cartao:hover, .botao-finalizar-compra, .botao-finalizar-compra:hover, .botao-novo-cadastro, .botao-novo-cadastro:hover, .botao-prosseguir-cadastro, .botao-prosseguir-cadastro:hover, .botao-prosseguir-compra, .botao-prosseguir-compra:hover, .botao-salvar-lista, .botao-salvar-lista:hover, .botao-simular-frete, .botao-simular-frete:hover, a.botao-calcular-frete, a.botao-cupom-desconto, a.botao-efetuar-login, a.botao-enviar-cadastro, a.botao-enviar-cartao, a.botao-finalizar-compra, a.botao-novo-cadastro, a.botao-prosseguir-cadastro, a.botao-prosseguir-compra, a.botao-salvar-lista, a.botao-simular-frete {
    background: unset;
    border: unset;
    color: unset;
    color: unset;
}

.Mapa {
    display: none;
}

input, select, textarea {
    border: 0;
}

button {
    border: 0;
}

p,ul,li {
    border: 0;
}

input.text,select.text {
    border: 1px solid #d4d4d4;
    height: 40px;
    padding: 20px;
    border-radius: 5px;
    color: var(--text-color);
}

textarea.textarea {
    border: 1px solid #d4d4d4;
    padding: 20px;
    border-radius: 5px;
    color: var(--text-color);
}

.MapaSite {
    width: 100%;
    margin: 15px 0;
    overflow: auto;
}

p {
    padding: 0;
    position: static;
}

.MapaSite > ul {
    min-width: 600px;
}

.MapaSite h2 {
    background: transparent;
}

.button-primary {
    cursor: pointer;
    border-radius: 30px;
    background: var(--color-primary);
    color: #fff;
    padding: 0 14px;
    -webkit-transition: background ease-in-out .3s;
    transition: background ease-in-out .3s;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

.button-primary:hover,
.button-primary:focus {
    background: var(--color-primary-hover);
}

.button-primary.white {
    color: var(--color-icon);
    background: #fff;
}

.button-primary.white:focus,
.button-primary.white:hover {
    background: #efefef;
}

.button-primary .icon {
    top: 3px;
    position: relative;
    font-size: 1rem;
}

.button-primary.buy {
    background-color: var(--color-third);
    line-height: 52px;
    max-width: 210px;
    width: 100%;
}

.button-primary.buy:hover,
.button-primary.buy:focus {
    background-color: var(--color-third-hover);
}

/* box alerts */
.down-sub {
    position: absolute;
    width: 236px;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    z-index: 2;
    box-shadow: var(--box-shadow);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: cubic-bezier(0.54, -0.65, 0.48, 1.64) .3s;
            transition: cubic-bezier(0.54, -0.65, 0.48, 1.64) .3s;
    -webkit-transform: translateY(5px) scale(.8);
            transform: translateY(5px) scale(.8);
    -webkit-transform-origin: top;
            transform-origin: top;
}

.down-sub::before {
    content: "";
    display: block;
    background: inherit;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.down-sub .title {
    font-size: 0.688rem;
    font-weight: 700;
}

.down-sub.white {
    background: #fff;    
}

.down-sub.tracking::before {
    right: auto;
    left: 19px;
}

.down-sub input {
    height: 44px;
    border-radius: 25px;
    border: 1px solid #e5e5e5;
    padding: 0 14px;
    font-size: .75rem;
    color: var(--text-color);
    margin: 10px 0 5px;
    width: 100%;
    text-transform: uppercase;
}

.down-sub input:-webkit-autofill,
.down-sub input:-webkit-autofill:hover,
.down-sub input:-webkit-autofill:focus {
    border: 1px solid #e5e5e5;
    -webkit-text-fill-color: var(--text-color);
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.down-sub input::-webkit-input-placeholder {
    color: var(--text-color);
}

.down-sub input:-ms-input-placeholder {
    color: var(--text-color);
}

.down-sub input::-moz-placeholder {
    color: var(--text-color);
    opacity: 1;
}

.down-sub .button-primary {
    width: 100%;
}

.down-sub .link {
    font-size: .813rem;
}

.down-sub .line {
    position: relative;
    text-align: center;
    color: #fff;
    margin: 12px 0 5px;
    opacity: .5;
    font-size: .75rem;
}

.down-sub .line::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 58%;
    top: 0;
    bottom: 0;
    height: 1px;
    background-color: #fff;
    margin: auto 0;
}

.down-sub .line::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 58%;
    top: 0;
    bottom: 0;
    height: 1px;
    background-color: #fff;
    margin: auto 0;
}

.down-sub .link.white {
    color: #fff;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.down-sub .link.white::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    background: #fff;
    height: 2px;
}

.down-sub .link.white:hover::before,
.down-sub .link.white:focus::before {
    width: 100%;
}

/* modal */

.modal-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
            transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
    z-index: 31;
}

p iframe {
    height: 100%;
    max-width: 600px !important;
    width: 100% !important;
    min-height: 399px;
}




.modal-box .close-box {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.modal-box .close-box svg {
    width: 15px;
    height: 15px;
    fill: #555555;
    transition: ease-in-out .3s;
}

.modal-box .close-box:focus svg,
.modal-box .close-box:hover svg {
    opacity: .6;
}

.modal-box .modal-center {
    display: table;
    height: 100%;
    width: 100%;
}

.modal-box .modal-center .center {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.modal-box .content-modal {
    border-radius: 5px;
    padding: 30px;
    width: 95%;
    max-width: 650px;
    margin: auto;
    background: #fff;
    transition: ease-in-out .3s;
    -webkit-transform: scale(.8);
            transform: scale(.8);
    position: relative;
    overflow: hidden;
    min-height: 300px;
    z-index: 2;
}
.modal-box .append {
    height: 100%;
}

.modal-box .content-modal iframe {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.modal-box.active {
    opacity: 1;
    visibility: visible;
}

.modal-box.active .content-modal {
    -webkit-transform: scale(1);
            transform: scale(1);
}

.modal-box.load .load-box {
    opacity: 1;
    visibility: visible;
}

.load-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
            transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
}

.load-box .center-load {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}

.load-box .center-load::before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    border: 4px solid var(--color-primary);
    border-radius: 50%;
}

.load-box .center-load::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    border: 4px solid transparent;
    border-right: solid 4px #fff;
    animation: load infinite .5s linear;
    margin: auto;
}

@keyframes load {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.shadow-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.60);
    z-index: 1;
}

body {
    font-size: 1rem;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: var(--text-color);
}

.wrapper {
    padding-top: 168px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.featured, header .account .login .text {
    color: var(--color-icon);
}

tray-login .tray-btn-primary {
    background: var(--color-primary) !important;
    border-bottom-color: var(--color-primary) !important;
}

tray-login .tray-btn-primary:hover {
    background: var(--color-primary-hover) !important;
}

.box-alerts {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 20;
    width: 300px;
}

.infobox {
    border-radius: 4px !important;
    padding: 10px 50px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    width: 100%;
    background: #f7f7f7!important;
    border: 1px solid #eaeaea!important;
    color: #6a6a69!important;
    font-size: .8rem;
    text-align: left;
    top: auto;
    left: auto;
    right: auto;
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 120px;
    -webkit-transition: ease-in-out .2s .3s,opacity ease-in-out .3s;
            transition: ease-in-out .2s .3s,opacity ease-in-out .3s;
    -webkit-border-radius: 4px !important;
       -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
         -o-border-radius: 4px !important;
}

.infobox span {
    font-size: .8rem;
    font-weight: 700;
}

.infobox a {
    color: inherit;
}

/* header */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--color-topo);
    z-index: 20;
    padding: 13px 0 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    -webkit-transition: padding ease-in-out .3s;
            transition: padding ease-in-out .3s;
}

.header::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;   
    content: "";
    display: block;
    background: var(--color-topo);
}

.header .bar-top {
    position: relative;
}

.header .logo {
    width: 341px;
}

.header .logo img {
    max-width: 304px;
    max-height: 80px;
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
}

.header .logo h1 {
    display: inline;
    font-size: 0;
}

.header .menu-bar {
    position: absolute;
    left: 256px;
    top: 0;
    bottom: 0;
    height: 19px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    cursor: pointer;
}

.header .menu-bar .bar {
    display: block;
    height: 3px;
    margin: auto;
    margin-bottom: 5px;
    background: var(--color-ico-menu);
    width: 35px;
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    -webkit-transform-origin: left;
            transform-origin: left;
    
}

@media (max-width: 1024px) {
    .header .menu-bar .bar {
        background: var(--color-icon);
    }
}

.menu-ativo .menu-bar .bar:first-child {
    width: 23px;
    transform: rotate(45deg);
}
.menu-ativo .menu-bar .bar:nth-child(2) {
    width: 0px;
    opacity: 0;
}

.menu-ativo .menu-bar .bar:last-child {
    width: 23px;
    transform: rotate(-45deg);
}

.header .menu-bar .bar:last-child {
    margin-bottom: 0;
}

.header .content-right {
    width: calc(100% - 341px);
    position: relative;
    padding: 29px 0 24px;
    -webkit-transition: padding ease-in-out .3s;
            transition: padding ease-in-out .3s;
}

.header .bar-links {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
            transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
    z-index: 2;
    font-size: 12px;
}
.header .bar-links span, 
.header .bar-links a {
    color: var(--color-text);
    font-weight: 700;
}

.header .bar-links .hover {
    cursor: pointer;
}

.header .bar-links .item:focus .hover,
.header .bar-links .item:hover .hover {
    color: var(--color-icon);
}

.header .bar-links .item {
    margin-left: 16px;
}

.header .bar-links .item.box-tracking {
    position: relative;
}

.header .bar-links .item.box-tracking::before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 5px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.header .bar-links .item.box-tracking:focus .down-sub,
.header .bar-links .item.box-tracking:hover .down-sub {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}

.header .bar-links .item.box-tracking .down-sub {
    top: 18px;
    left: -18px;
}

.header .search {
    width: calc(100% - 293px);
    position: relative;
}

.header .search .search-key {
    font-size: 0.62rem;
    padding: 0 50px 0 25px;
    background: var(--color-fifth);
    height: 50px;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
        -ms-border-radius: 30px;
         -o-border-radius: 30px;
    color: var(--color-text);
    text-transform: uppercase;
}

.header .search .search-key::-webkit-input-placeholder {
    color: var(--color-text);
}

.header .search .search-key::-moz-placeholder {
    color: var(--color-text);
    opacity: 1;
}

.header .search .search-key:-ms-input-placeholder {
    color: var(--color-text);
}

.header .search .bt-search {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: 23px;
    background: transparent;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.header .search .bt-search svg {
    width: 23px;
    height: 23px;
    padding: 1px;
    fill: var(--color-icon);
}

.header .box-right {
    width: 241px;
}

.header .box-text .title-text {
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--color-text);
    font-weight: 700;
}

.header .box-text .text {
    font-size: .75rem;
    line-height: 1;
    color: var(--color-text);
}

.header .box-text .text .icon {
    display: inline-block;
    vertical-align: -2px;
}

.header .account {
    position: relative;
}

.header .account .down-sub {
    background: var(--color-primary);
    top: 47px;
    left: 50%;
    -webkit-transform: translate(-50%, 5px) scale(.8);
            transform: translate(-50%, 5px) scale(.8);
}

.header .account .down-sub::after {
    content: "";
    display: block;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    position: absolute;
}

.header .account:hover .down-sub {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
}

.header .cart .icon-bag {
    font-size: 1.625rem;
    display: inline-block;
    position: relative;
    top: .2rem;
    padding-right: .2rem;
}
.header .cart .icon-bag svg {
    fill: var(--color-icon);
}
.header .cart .icon-bag::before {
    display: none;
}

/* header fixed */

@media (min-width: 992px) {

    .fixed .header {
        padding: 0;
    }

    .fixed .header .nav {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        opacity: 0;
        visibility: hidden;
    }
    
    body:not(.menu-ativo) .fixed .header .nav li:hover .box-sub {
        visibility: hidden;
        opacity: 0;
    }

    .menu-ativo .header .nav {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        opacity: 1;
        visibility: visible;
    }

    .fixed .header .bar-links {
        opacity: 0;
        visibility: hidden;
    }
    
    .fixed .header .logo img {
        max-width: 214px;
        max-height: 65px;
    }

    .fixed .header .content-right {
        padding: 14px 0;
    }

    .fixed .header .menu-bar {
        opacity: 1;
        visibility: visible;
    }

    .header .open-nav {
        display: none;
    }
}

@media (max-width: 991px) {
    .header .bar-top {
        display: block;
    }

    .header .logo {
        width: auto;
        text-align: center;
        min-height: 50px;
        justify-content: center;
    }

    .header .logo img {
        max-width: 204px;
        max-height: 70px;
    }

    .header::before,
    .header .bar-links {
        display: none;
    }

    .wrapper {
        padding-top: 0;
    }

    .header .content-right {
        width: auto;
        padding: 10px 0 0;
        position: static;
    }

    .header .search {
        width: 100%;
    }

    .header .box-right {
        width: auto;
    }

    .header .account {
        display: none;
    }

    .header .action-shop {
        display: block;
    }

    .header .cart {
        position: absolute;
        bottom: 58px;
        top: 0;
        right: 0;
        height: 30px;
        margin: auto;
    }

    .header .cart .icon-bag {
        font-size: 1.875rem;
        line-height: 1;
        top: 0;
    }
    
    .header .cart .box-text {
        display: none;
    }

    .header {
        position: relative;
        top: auto;
        left: auto;
        padding: 10px 0;
    }

    .header .menu-bar {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 58px;
        height: 19px;
        margin: auto;
        cursor: pointer;
        opacity: 1;
        visibility: visible;
    }

    .header .menu-bar .bar {
        width: 29px;
    }

    .header .search .search-key {
        height: 48px;
    }
}

#carouselHome .slick-slide img {
    margin: 0 auto;
}

/* autocomplete */
.suggestion {
    top: 64px;
    width: 100%;
    box-shadow: var(--box-shadow);
    background: #fff;
    border: 0;
    border-radius: 5px;
    padding: 0 20px;
}

.suggestion-words {
    padding: 0;
}

.suggestion-title {
    font-family: inherit;
    line-height: 1.4;
    font-size: .813rem;
    text-indent: 0;
    margin-bottom: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 28px;
}

.suggestion-products strong,
.suggestion-words strong {
    color: var(--color-primary);
    background: transparent;
}

.suggestion-words {
    padding-bottom: 23px;
}

.suggestion-words span {
    font-size: .813rem;
    border: 0;
    background: transparent;
    margin: 0 -20px;
    padding: 0 20px;
    line-height: 24px;
}

.suggestion-words span:hover {
    background: #f9f9f9;
}

.suggestion-products {
    padding: 0;
    background: transparent;
    border-top: 1px solid #dfe0e4;    
}

.suggestion-product:hover {
    background: transparent;
}

.suggestion-products .suggestion-img {
    width: 72px;
    height: 72px;
    border-radius: 2px;
    border: 1px solid #f7f8f9;
    position: relative;
    margin-right: 14px;
}

.suggestion-products .suggestion-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.suggestion-products a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
    margin: 0 -20px;
    padding: 0 20px;
}

.suggestion-products a:hover {
    background: transparent;
}

.suggestion-products .titlep {
    font-size: .813rem;
    color: inherit;
    font-weight: 400;
}

.suggestion-desc {
    width: calc(100% - 86px);
}

/* nav */

@media (min-width: 992px) {
    .nav {
        background: var(--color-bg-menu);
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        transform: translateY(100%);
        -webkit-transition: ease-in-out .3s;
                transition: ease-in-out .3s;
        z-index: -1;
    }

    .nav .level-primary {
        position: relative;
        z-index: 2;
    }

    .nav .level-primary > li {
        font-size: .813rem;
    }

    .nav .level-primary > li > a {
        color: var(--color-menu);
        line-height: 47px;
        display: block;
        font-size: 1.06em;
        text-align: center;
        text-transform: uppercase;
    }
    
    .nav .level-primary > li.padding > a {
        padding: 0 26px;
    }

    .nav .level-primary > li > a .icon {
        font-size: 0.923rem;
        position: relative;
        top: .18em;
        display: inline-block;
        color: var(--color-menu);
    }
    
    .nav .drop { display: none; }
   
    .nav .box-sub {
        position: absolute;
        top: 40px;
        left: 15%;
        background: #fff;
        border-radius: 5px;
        padding: 30px;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
        transform-origin: top left;
        transform: scale(.9);
        opacity: 0;
        visibility: hidden;
    }
    .nav .level-primary > li:last-child,
    .nav .level-primary > li:nth-child(n+4) .box-sub {
        left: auto;
        right: 0;
    }

    .nav li:hover .box-sub {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }

    .nav .no-relative .box-sub {
        width: 100%;
        left: 0;
    }

    .product-nav {
        width: 172px;
    }

    .product-nav .info-product .price-promotion {
        font-size: 1.125rem;
    }

    .product-nav .info-product .product-name {
        font-size: .75rem;
    }

    .product-nav .action-product {
        display: none;
    }

    .product-nav .product-box {
        box-shadow: none !important;
    }

    .nav .box-sub .product-nav + .level-second {
        padding: 0 0 0 40px;
        width: calc(100% - 172px);
    }

    .nav .box-sub .level-second > li {
        margin-bottom: 20px;
    }

    .nav .box-sub .level-second > li > a {
        font-size: 15px;
        color: var(--color-primary);
        font-weight: 700;
        margin-bottom: 10px;
        display: inline-block;
        /*width: 170px; */
        padding: 7.5px 15px;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
    }

    .nav .box-sub .level-second > li > a:hover {
        background: var(--color-primary-hover);
        color: #FFF;
    }

    .nav .box-sub .level-second > li:not(:last-child) {
        padding-right: 30px;
    }

    .nav .box-sub .level-third {
        padding-left: 10px;        
    }

    .nav .box-sub .level-third a {
        font-size: .813rem;
        display: inline-block;
        margin: 4px 0;
        line-height: 1.2;
        max-width: 160px;
    }

    .nav .box-sub .level-third a:hover {
        color: var(--color-primary);
    }

    .nav .box-sub .level-third .show-hide {
        color: var(--color-primary);
        font-weight: 700;
    }
    .nav .box-sub .level-third.down li:last-child a {
        font-size: 0;
    }
    .level-third.down li:last-child a::before {
        content: 'Recolher';
        font-size: .813rem;
    }
    .level-third:not(.down) li:nth-child(n+6) {
        display: none;
    }
    .level-third:not(.down) li:last-child {
        display: block;
    }

}

@media (max-width: 991px) {
    .nav,.suggestion {
        display: none !important;
    }
    nav .drop {
        display: inline-block;
        width: 26px;
        height: 28px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        fill: #f4f4f4;
        line-height: 0;
    }
    nav .drop svg {}
}


/* cart sidebar */
.cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    height: 100vh;
    background: #fff;
    font-size: 1rem;
    padding: 0 3.750em 0 1.875em;
    z-index: 22;
    width: 497px;
    max-width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    opacity: 0;
}

.active .cart-sidebar, .cart-sidebar.active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.cart-sidebar .header-cart {
    padding: 3.063em 0 2.063em;
}

.cart-sidebar .header-cart .icon {
    font-size: 1.625em;
    height: 1.225em;
    color: var(--color-primary);
    margin: -3px 0.938em 0 0;
    line-height: 1;
}
.cart-sidebar .header-cart .icon svg {
    fill: var(--color-primary);
}
.cart-sidebar .header-cart .icon::before {
    display: none;
}
.cart-sidebar .header-cart .text {
    font-size: 1.1125em;
}

.cart-sidebar .header-cart .prev {
    cursor: pointer;
}

.cart-sidebar .header-cart .prev svg {
    width: 2.063em;
    height: 2.063em;
    fill: var(--color-primary);
    -webkit-transition: fill ease-in-out .3s;
            transition: fill ease-in-out .3s;
}

.cart-sidebar .header-cart .prev:focus svg,
.cart-sidebar .header-cart .prev:hover svg {
    fill: var(--color-primary-hover);
}

.cart-sidebar .content-cart .error {
    text-align: center;
}

.cart-sidebar .content-cart .error .icon {
    font-size: 3em;
}

.cart-sidebar .box-cart .box-image {
    width: 4.500em;
    height: 4.500em;
}

.cart-sidebar .box-cart .box-image .image {
    border-radius: 4px;
    border: 1px solid #fafafb;
    overflow: hidden;
    display: block;
    position: relative;
}

.cart-sidebar .box-cart .box-image .image::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.cart-sidebar .box-cart .box-image .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cart-sidebar .box-cart .info-product {
    width: calc(100% - 4.5em);
    padding-left: 5px;
}

.cart-sidebar .box-cart .info-product .name,
.cart-sidebar .box-cart .info-product .qnt {
    font-size: .813em;
}

.cart-sidebar .box-cart .info-product .remove {
    font-size: 1em;
    cursor: pointer;
}

.cart-sidebar .box-cart .info-product .name:hover,
.cart-sidebar .box-cart .info-product .name:focus,
.cart-sidebar .box-cart .info-product .remove:focus,
.cart-sidebar .box-cart .info-product .remove:hover {
    color: var(--color-primary);
}

.cart-sidebar .box-cart .info-product .price {
    font-size: .875rem;
    font-weight: 700;
    color: var(--color-second);
}

.cart-sidebar .line-top {
    margin-bottom: 5px;
}

.cart-sidebar .item {
    margin-bottom: 10px;
}

.cart-sidebar .footer-cart {
    padding: 1.1125rem 0;
    border-top: 1px solid #dfe0e4;
}

.cart-sidebar .footer-cart .prev {
    font-size: .875rem;
    cursor: pointer;
    color: var(--color-third);
    font-weight: 700;
}

.cart-sidebar .footer-cart .prev:focus,
.cart-sidebar .footer-cart .prev:hover {
    color: var(--color-third-hover);
}

.cart-sidebar .info-text {
    font-size: .75rem;
    padding: 1.688em 0;
}

.cart-sidebar .text-info p {
    line-height: 1.4;
    margin: .4em 0;
}

.cart-sidebar .footer-cart .prev .fa { margin: 4px 2px 0 0; }
.cart-sidebar .footer-cart a.buy {
    background: var(--color-third);
    color: #FFF;
    padding: 15px 25px;
    font-size: 12px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

@media (min-width: 768px) {
    .cart-sidebar .list {
        overflow: auto;
        margin-right: -14px;
        padding-right: 14px;
        max-height: calc(100vh - 325px);
    }
    
    .cart-sidebar .footer-cart {
        padding-bottom: 3rem;
    }
}

@media (max-width: 600px) {
    .cart-sidebar .list {
        overflow: auto;
        max-height: calc(100vh - 285px);
    }
    
    .cart-sidebar .footer-cart {
        padding-bottom: 2rem;
    }
    .cart-sidebar {
        padding: 0 .625rem;
    }
    
    .cart-sidebar .header-cart {
        padding: 1rem 0 .75rem;
    }
    
    .cart-sidebar .header-cart .icon {
        margin-right: .5rem;
    }
    
    .cart-sidebar .header-cart .text {
        font-size: .875rem;
    }
    
    .cart-sidebar .footer-cart .prev {
        font-size: .75rem;
    }
    
    .button-primary.buy {
        max-width: 145px;
    }
}

.shadow-cart-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    z-index: 20;
}

.cart-header.active ~ .shadow-cart-header {
    opacity: 1;
    visibility: visible;
}
.cart-header .area > a { cursor: pointer; }

/* nav mobile */

.nav-mobile {
    display: none;
}

@media (max-width: 991px) {
    .nav-mobile {
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        height: 100%;
        height: 100vh;
        background: #fff;
        width: 310px;
        max-width: 100%;
        display: block;
        z-index: 21;
        -webkit-transition: ease-in-out .3s;
                transition: ease-in-out .3s;
        overflow: auto;
    }

    .menu-ativo .nav-mobile {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    body.menu-ativo {
        overflow: hidden;
    }

    .shadow-nav {
        opacity: 0;
        visibility: hidden;
        background: rgba(0,0,0,.6);
        -webkit-transition: ease-in-out .3s;
                transition: ease-in-out .3s;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        z-index: 20;
        display: none;
    }

    .menu-ativo .shadow-nav {
        opacity: 1;
        visibility: visible;
        display: block;
    }
    
    .nav-mobile .header-mobile {
        background-color: var(--color-primary);
        color: #fff;
        padding: 10px;
    }

    .nav-mobile .header-mobile .box-text .primary {
        font-size: .875rem;
        font-weight: 500;
        display: block;
    }
    .nav-mobile .header-mobile .box-text .second {
        font-size: 1rem;
        font-weight: 700;
    }

    .nav-mobile .header-mobile .box-text .second .icon-right {
        line-height: .8;
        display: inline-block;
    }
    
    .nav-mobile .header-mobile .icon {
        fill: #fff;
        width: 30px;
        height: 30px;
        margin-right: 14px;
        cursor: pointer;
    }

    .nav-mobile .list-category {
        padding: 20px 10px;
    }

    .nav-mobile .list-category > li > a, .nav-mobile .list-category > li ul a {
        font-size: 1rem;
        display: block;
        position: relative;
        padding: 10px 0 10px 35px;
        color: inherit;
        font-weight: 500;
    }

    .nav-mobile .list-category > li a .icon {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        line-height: .8;
        display: block;
        margin: auto;
        height: 18px;
    }

    .nav-mobile .list-category > li ul {
        height: 0;
        overflow: hidden;
    }

    .nav-mobile .list-category li.active > ul {
        height: auto;
    }
    /*
    .nav-mobile .list-category > li ul a {
        font-size: .875rem;
        padding: 8px 0;
        display: block;
        position: relative;
    }
    */
}


/* Banner full */
.banner-full .owl-carousel .owl-item img {
    margin: 0 auto;
}

.banner-full .owl-dots {
    position: absolute;
    left: 0;
    bottom: 34px;
    width: 100%;
    height: 0;
    text-align: center;
}

.banner-full .owl-dots button {
    -webkit-appearance: none;
       -moz-appearance: none;
    border: 0;
    background: transparent;
    display: inline;
}

.banner-full .owl-dots button span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
    margin: 0 0.281rem;
    background: #fff;
            transition: opacity ease-in-out .3s;
    -webkit-transition: opacity ease-in-out .3s;
       -moz-transition: opacity ease-in-out .3s;
        -ms-transition: opacity ease-in-out .3s;
         -o-transition: opacity ease-in-out .3s;
    opacity: .4;
}

.banner-full .owl-dots button.active span {
    opacity: 1;
}

@media (max-width: 460px) {
    .banner-full {
        margin: 5px 5px 15px;
    }
}

.banners-list.two img {
    margin: 0 auto;
    display: block;
}

/* linha fio */
.news-footer .line-content .box-content {
    text-align: left;
}

.news-footer .line-content .first {
    color: var(--color-regua);
    font-weight: 700;
    font-size: .875rem;
}

.line-content .first {
    font-weight: 700;
    font-size: .87em;
    color: var(--color-regua);
}
.line-content .second {
    font-size: .813rem;
}

.line-content .box-icon {
    padding-right: 11px;
    height: 37px;
}

.line-content .icon {
    fill: var(--color-regua);
    width: 37px;
    height: 37px;
}

.rotate {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.line-content .icon.shipping {
    width: 56px;
    height: 56px;
}


@media (max-width: 767px) {
    .line-content .box-line .owl-item a {
        justify-content: center;
    }
    .extra1 img {
        width: 100%;
    }
}
/* content */

.page-content {
    padding: 20px 0;
}

@media (max-width: 460px) {
    .page-content {
        padding-top: 0;
    }
}

.sidebar .visible-xs {
    display: none;
}

@media (max-width: 991px) {
    .sidebar {
        display: none;
    }
    .page-catalog .filtro-habilitado .sidebar,
    .page-search .filtro-habilitado .sidebar {
        display: block;
    }
    .page-catalog .page-content,
    .page-search .page-content {
        flex-flow: column;
    }
    .page-search .page-content {
        margin-top: 15px;
    }

    .smart-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 92%;
        height: 90vh;
        box-shadow: 0 2px 5px #ccc;
        background: #fff;
        overflow-y: scroll;
        z-index: 99;
        text-align: left;
    }
    .smart-filter.filtro-ativo {
        display: block;
    }
    aside.sidebar > div {
        padding: 18px 20px;
        text-align: center;
        cursor: pointer;
        margin: 15px 0;
    }
    .smart-filter .fechar-filtros {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        border-bottom: 1px solid #eee;
        padding: 10px;
        background: #eee;
        cursor: pointer;
        display: block;
    } 
    .smart-filter .fechar-filtros svg {
        fill: var(--text-color);
    }       

    .sidebar .visible-xs {
        display: block;
    }

}

.catalog-products {
    margin: 0 15px;
}

.catalog-products .list .item {
    padding: 14px 15px 18px;
    width: 100%;
}

.catalog-products .list > .item {
    width: 25%;
}

.list.owl-carousel .owl-stage {
    display: flex;
}

.list.owl-carousel .owl-stage .owl-item {
    display: flex;
}

.catalog-products .arrow {
    position: absolute;
    top: 0;
    bottom: 10%;
    height: 50px;
    margin: auto;
    font-size: 45px;
    color: var(--color-text);
}

.catalog-products .owl-prev,
.catalog-products .owl-next {
    width: 0;
    height: 0;
}

.catalog-products .arrow.prev {
    left: -18px;
}
.catalog-products .arrow.next {
    right: -18px;
}

@media (max-width: 1200px) {
    .catalog-products .arrow.prev {
        left: -8px;
    }
    .catalog-products .arrow.next {
        right: -8px;
    }
    .nav .level-primary > li:not(.no-relative) {
        position: initial;
    }
    .nav .box-sub {
        width: 100%;
        left: 0;
        right: 0;
    }
}

.title-section {
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-title);
    /*letter-spacing: 0.211em;*/
    margin: 50px 0 26px 0;
    position: relative;
}

@media (max-width: 460px) {
    .title-section {
        margin-top: 20px;
    }
}

.title-section::after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: var(--color-primary);
    margin-top: 16px;
}
.title_branco .title-section::after { background: #f5e387; }
.title_rose .title-section::after { background: #ffd5bf ; }
.title_verde .title-section::after { background: #8cc63e; }
.title_do_porto .title-section::after { background: #828299; }
.title_espumantes .title-section::after { background: #e0d4b0; }
.title_azeites .title-section::after { background: #808000; }
.title_acessorios .title-section::after { background: #828299; }

.title-section.center {
    text-align: center;
}

.title-section.center::after {
    margin-left: auto;
    margin-right: auto;
}

.title-section .link-page {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.625rem;
    color: var(--color-second);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (max-width: 1220px) {
    .catalog-products {
        margin: 0 -15px;
    }

    .catalog-products .list .item {
        padding: 14px 15px 18px;
    }
}

@media (max-width:  900px) {
    .catalog-products .list > .item {
        width: 33.33333%;
    }
}

@media (max-width:  660px) {
    .catalog-products .list > .item {
        width: 50%;
        padding: 5px;
    }

    .catalog-products .list .item {
        padding: 5px;
    }
}


/* box-product */

.product-box {
    position: relative;
    border-radius: 5px;
    /*
    box-shadow: 0px 0px 4px rgba(0,0,0,.1);
    */
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    background: #fff;
    /*padding: 25px 0;*/
    margin: 15px 0;
}

.product-box .box-abs {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}

.product-box .box-abs .box {
    margin-bottom: 5px;
}

.product-box .box-abs .box.discount {
    background: var(--color-selo-desconto);
    border-radius: 4px;
    color: var(--color-text-itens);
    font-weight: 700;
    text-align: center;
    width: 48px;
    height: 40px;
    font-size: .75rem;
    line-height: 1;
    float: right;
}
.product-box .box-abs .box.shipping {
    background: var(--color-frete-gratis);
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    display: block;
    padding: 5px;
    clear: both;
}
.product-box .box-abs .box.discount span {
    display: block;
}

.product-box .box-abs .box.shipping {
    background:var(--color-primary);
    border-radius:4px;
    font-size:.75rem;
    line-height:1;
    color:#fff;
    font-weight:600;
    text-align:center;
    padding: 5px;
}

.product-box .product-image {
    position: relative;
    width: 100%;
}

.product-box .box-image {
    display: block;
    position: relative;
}

.product-box .box-image img {}

.product-box .box-image img, .product-box .box-image img.loaded {
    opacity: 1;
}

.product-box .action-product {
    position: absolute;
    bottom: 76px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: ease-in-out .3s;
    opacity: 0;
    transform: translateY(0) scale(.8);
    transform-origin: top;
    height: 0;
    z-index: 2;
}

.action-button {
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    margin: 0 4px;
    z-index: 3;
    -webkit-transition: box-shadow ease-in-out .2s;
    transition: box-shadow ease-in-out .2s;
    box-shadow: 0 0 0 transparent;
    padding: 0 15px;
}

/*
.action-button:focus,
.action-button:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
*/

.action-button.view {
    background: var(--color-white);    
}

.action-button.add {
    background: var(--color-third);
}

.action-button.esgotado {
    background: var(--text-color);
}
.action-button.esgotado svg {
    fill: #fff;
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.action-button .text {
    font-size: .75rem;
    font-weight: 700;
}

.action-button .icon {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 3px;
}
.action-button .icon-bag::before {
    display: none;
}
.action-button .icon-bag svg {
    fill: #fff;
}

.product-box .info-product {
    padding: 20px 0;
    text-align: center;
    color: var(--color-title);
}

.info-product .product-name { margin: 0; }
.info-product .product-name a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    height: 48px;
    text-overflow: ellipsis;
}

.info-product .price-before {
    font-size: 0.808rem;
    margin-bottom: 13px;
}

.info-product .price-before .line-price {
    position: relative;
}

.info-product .price-before .line-price::before,
#produto_preco .precode::before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    right: -3px;
    height: 1px;
    background-color: var(--color-second);
    top: 1px;
    bottom: 0;
    margin: auto;
}

.info-product #precoDe {
    text-decoration: line-through;
    font-size: 12px;
}
.info-product .price-promotion, .info-product .precoAvista, .info-product #precoDe + .preco {
    font-size: 21px;
    color: var(--color-second);
    font-weight: 700;
    line-height: 1;
}

.info-product br { display: none; }

.info-product .product-payment, .info-product .parcelamento {
    font-size: 14px;
}

.info-product .product-payment .txt-cadaparcelas, .info-product .product-payment .txt-corparcelas strong {
    color: var(--color-second);
}

.precoAvista, .precoparc { font-size: inherit; }

.list-variants .qtde-adicionar-carrinho {
    width: 30% !important;
    float: left;
    background: #f0f0f0;
    height: 51px;
    border: 1px solid #ececec;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.list-variants input[type=tel]  {
    box-shadow: none;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    border: none;
    background: none;
    float: left;
    padding: 0;
    width: 62% !important;
    height: 49px;
}
.list-variants .quantity-nav {
    float: left;
    position: relative;
    padding: 2px 0;
    width: 38%;
}
.list-variants .botao-quantidade {
    /* width: 20px; */
    height: 20px;
    text-align: center;
    background: #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 3px;
}
.list-variants .quantity-button.quantity-up { margin-bottom: 2px; }
.list-variants .botao-quantidade:hover { background: #CCC; }
.list-variants button {
    margin-left: 4px;
}

/*
.product-box:hover { box-shadow: 0 4px 16px rgba(189,189,189,.6); }
.product-box:hover .box-image::before { opacity: 1; }
.product-box:hover .action-product {
    opacity: 1;
    transform: translateY(0) scale(1);
}
*/

.list-products .view_more .cx_btn {
    padding: 0 10px;
    display: inline-block;
    background-color: #FFFFFF;
}
.list-products .view_more hr { margin-top: -20px; }

@media (max-width: 1010px) {
    .product-box .action-product {
        display: none;
    }
}

@media ( max-width: 767px ) {
    .list-variants input[type=tel] {
        width: 45px;
    }
    .column-left { display: none; }
}

@media (max-width: 660px) {
    .product-box,
    .product-box:hover {
        box-shadow: none;
    }

    .product-box:hover .box-image::before {
        opacity: 0;
    }

    .info-product .price-promotion {
        font-size: 1.5rem;
    }
}

@media (  max-width: 479px ) {
    .showcase-list .showcase-item {
        padding: 0 7.5px;
    }
    .page-content button, #acceptTerm {
        padding: 0 10px;
    }
    .page-content button i { display: none; }
}

@media (max-width: 359px) {
    .info-product .price-promotion {
        font-size: 1.3rem;
    }
}

/* page product */

.product-colum-left {
    width: 60%;
    padding-right: 15px;
}

.produto-imagem-abas,
.produto-zoom-detalhe {
    display: none;
}

#foto_p,
#foto_a,
#col3D, #colFotos, #colVideo {
    border: 0 none;
    background: none;
}

#foto_a .icon-video::before {
    content: "\6f";
    font-family: "Font Awesome 5 Free"!important;
    font-size: 60px;
    margin-top: 9px;
    display: block;
}

@media (min-width: 768px) {

    .page-product #wrap {
        z-index: 9!important;
    }
    .mousetrap {
        z-index: 9999!important;
    }

    #foto_p {
        width: calc(100% - 120px);
        min-height: 600px;
        float: right;
    }
    #foto_p a,
    #foto_p a img {
        max-height: 430px!important;
        max-width: 430px!important;
    }
    #foto_a {
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        width: 115px;
        margin: 0;
        padding: 0;
        left: 0;
        border: 0 none;
    }
    #foto_a .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 500px;
    }
    #foto_a .jcarousel-skin-tango .jcarousel-clip-horizontal,
    #foto_a > #carousel {
        width: 460px;
        height: 105px;
    }
    #foto_a a img,
    #foto_a .cloud-zoom-gallery-video {
        transform: rotate(-90deg);
    }
    #foto_a .jcarousel-skin-tango .jcarousel-item {
        height: 105px;
        width: 105px;
    }
    #foto_a a {
         max-height: 105px;
         border-radius: 5px;
    }
    #foto_a img {
        max-height: 95px;
        max-width: 95px!important;
        border-radius: 5px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #foto_a a {
        border: 1px solid transparent;
        opacity: 0.8!important;
        width: 105px;
        height: 105px;
        position: relative;
    }
    #foto_a a:hover {
        border: 1px solid var(--color-primary);
        opacity: 1!important;
    }
    #foto_a .icon-video {
        height: 103px;
        border-radius: 5px;
    }

    .page-product .product-gallery #foto_a .jcarousel-skin-tango .jcarousel-next-horizontal, 
    .page-product .product-gallery #foto_a .jcarousel-skin-tango .jcarousel-prev-horizontal {
        bottom: 0;
        top: auto;
        height: 86px;
    }

}  

@media (min-width: 768px) and (max-width: 1200px) {
    #foto_p a img {
        max-height: 400px!important;
        max-width: 400px!important;
    }
}  

@media (max-width: 767px) {
    .page-product .product-gallery #foto_p img {
        max-width: 350px!important;
    }
    .page-product .product-gallery #foto_a .jcarousel-skin-tango .jcarousel-clip {
        width: 300px!important;
    }
    #foto_a {
        border: 0 none;
    }
    .page-product .product-gallery #foto_a .icon-video:before {
        height: 75px;
    }
    .page-product .product-gallery #foto_p .produto-video iframe {
        height: 100%!important;
        width: 100%!important;
        min-height: 350px;
    }
    .mousetrap {
        display: none;
    }
} 

@media (max-width: 460px) {
    .page-product .product-gallery #foto_p .produto-video iframe {
        min-height: 230px;
    }
}

@media (max-width: 340px) {
    .page-product .product-gallery #foto_p img {
        max-width: 300px!important;
    }
}   

.product-labels #botoes,
.product-labels #botoes img {
    width: auto;
    float: none;
}

.product-labels {
    clear: both;
    margin-bottom: 20px;
}

.lista-social {
    clear: both;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 460px) {
    .lista-social {
        flex-flow: column;
    }
}

.lista-social > * {
    margin-top: 30px;
}
#bloco-add-lista {
    border: 0 none;
}
.page-product #bloco-add-lista>a {
    font-size: 0;
    border-radius: 15px;
    background-color: var(--color-primary);
    padding: 0;
}
.page-product #bloco-add-lista>a:before {
    content: 'Lista de desejos';
    font-size: 0.62rem;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    display: block;
    text-align: center;
}

.product-colum-right {
    padding-left: 15px;
    text-align: left;
    width: 40%;
}

@media (max-width: 991px) {

    .box-col-product {
        flex-flow: column;
    }

    .product-colum-left,
    .product-colum-right {
        width: 100%;
        padding: 0;
    }

}

.box-col-product .product-name {
    font-size: 1.750rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 16px;
    color: var(--color-title);
}

.product-details {
    font-size: .75rem;
    font-style: italic;
    text-transform: uppercase;
    clear: both;
}
.product-details strong {
    font-weight: normal;
}

.product-labels #botoes {
    text-align: left;
}
.product-labels .botao-commerce {
    margin-right: 4px;
    border-radius: 30px;
    line-height: 35px;
}
.product-labels .botao-destaque {
    background: var(--color-third);    
}
.product-labels .botao-lancamento {
    background: var(--color-white);
}
.botao-commerce .botao-commerce-bullet-esq, .botao-commerce .botao-commerce-bullet-dir,
.botao-destaque:before, .botao-frete:before, .botao-indisponivel:before, .botao-lancamento:before,
.botao-destaque:after, .botao-frete:after, .botao-indisponivel:after, .botao-lancamento:after {
    display: none;
}

.product-colum-right > .ranking {
    font-size: 0;
    text-align: center;
    margin-top: 10px;
}

#preco {
    text-align: unset;
    font-size: unset;
    border: unset;
    margin: unset;
    padding: unset;
}

#preco > br {
    display: none;
}

#produto_preco {
    font-size: 1rem;
}

#produto_preco .precode {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

#produto_preco .txt-por,
#produto_preco .color-tone-2,
#produto_preco br {
    display: none;
}

#produto_preco .PrecoPrincipal {
    font-size: 2.125em;
    color: var(--color-second);
    font-weight: 700;
    display: block;
}

#economize {
    font-weight: 700;
}

#info_preco {
    font-size: 1.097em;
    font-weight: 300;
    color: inherit;
}

#info_preco * {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

#info_preco br {
    display: none;
}

#info.produto-formas-pagamento {
    display: none;
}

#produto_nao_disp #nao_disp a {
    background: var(--text-color);
    line-height: 41px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 5px;
    width: 90px;
    text-align: center;
}
#produto_nao_disp #nao_disp a::before {
    content: 'OK';
    color: #fff;
}
#produto_nao_disp #nao_disp a img {
    visibility: hidden;
    width: 0;
    height: 0;
}

#menuVars {
    text-align: left;
    margin: 30px 0 0;
}

#menuVars .texto_variacao {
    padding: 0 0 15px;
}
#menuVars .texto_variacao h2,
#vars,
.onVar, .onVar:hover,
.varTit, .varTit:hover,
.brinde_produto .varTit,
.texto_variacao h2 {
    width: 100%;
    float: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .87rem;
    background: none;
    color: var(--text-color);
    text-align: center;
}
#menuVars .texto_variacao span {
    display: none;
}

.brinde_produto .varTit,
.brinde_produto .varTit:hover {
    text-align: left;
}
.brinde_produto {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
}

#menuVars li {
    position: relative;
    vertical-align: top;
}
#menuVars li div {
    background: #f4f5f6;
    border: 2px solid #f4f5f6;
    color: var(--text-color);
    border-radius: 45px;
    min-height: 65px;
    min-width: 95px;
    padding: 0;
    line-height: 65px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}
#menuVars li div.cor_selecionada {
    background: #fff;
    border: 2px solid var(--color-second)!important;
    color: var(--color-second);
}

#menuVars li img {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
#menuVars li img.cor_selecionada {
    border: 1px solid transparent!important;
}

#menuVars li .cor_selecionada + span,
#menuVars li.sem_estoque span {
    display: block!important;
    font-size: 0;
}
#menuVars li span::after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: block;
    font-size: .87rem;
    font-weight: 700;
}
#menuVars li div + span::after {
    display: none;
}
#menuVars li .cor_selecionada + span::after {
    content: "\76";
    color: #3fe196;
}
#menuVars li.sem_estoque span::after {
    content: 'x';
    color: #ff0000;
}

#menuVars input[type="checkbox"] {
	-webkit-appearance: checkbox;
	   -moz-appearance: checkbox;
		-ms-appearance: checkbox;
		 -o-appearance: checkbox;
		 	appearance: checkbox; 
		  margin-right: 5px;
}

.cor_variacao select,
.compreJunto li div.produto select {
    height: 50px;
    border-radius: 30px;
    padding: 0 10px;
    color: var(--text-color);
    font-weight: 400;
    background: url(../img/seta-select.png) no-repeat 88% center;
    cursor: pointer;
    min-width: 150px;
}

.tray-kit {
    margin-top: 25px;
}
.tray-kit .tray-kit-image {
    border: 0 none;
}
.tray-kit .tray-kit-image img {
    max-width: 85px;
    max-height: 85px;
}
.tray-kit-name {
    margin-bottom: 0;
}
.tray-kit-info {
    text-align: left;
}
.tray-kit-name,
.tray-kit .texto_variacao {
    padding: 0;
}
.tray-kit-name a {
    font-size: 1rem;
}
.tray-kit .texto_variacao h2 {
    width: 100%;
    float: none;
    font-size: .87rem;
    margin-bottom: 5px;
    text-align: left;
}
.tray-kit-unity {
    font-size: .87rem;
}
.tray-kit #vars, .tray-kit .onVar, .tray-kit .onVar:hover, .tray-kit .varTit, .tray-kit .varTit:hover {
    text-align: left;
}
.tray-kit .lista_cor_variacao, .tray-kit .lista_cor_variacao2 {
    padding: 0;
}

#quantidade {
    border: unset;
    margin: unset;
    margin-bottom: 15px;
    margin-top: 8px;
}
#quantidade input.text {
    text-align: center;
}
#quantidade #estoque_variacao {
    display: none;
}


.fotosCompreJunto::after {
    content: '=';
    font-size: 3rem;
    color: var(--color-primary);
    margin-top: 45px;
    display: block;
    font-weight: 700;
}
.remove-bg .botao-comprar, 
#ProdBlockCompreJunto .botao-compre-junto {
    background: var(--color-four);
    border-radius: unset;
    border: 0;
    color: #fff;
    padding: 0 20px;
    height: 60px;
    border-radius: 30px;
    display: inline-block;
    width: 80%;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
    margin: 10px 0 0;
    display: block;
}
#ProdBlockCompreJunto .botao-compre-junto {
    width: 100%;
    background: var(--color-four);
    margin-top: 15px;
}
#ProdBlockCompreJunto .botao-compre-junto span {
    font-size: 0;
    background: none;
    padding: 0;
}
#ProdBlockCompreJunto .botao-compre-junto span::before {
    content: 'Comprar Junto';
    text-transform: uppercase;
    font-size: 1rem;
}
.compreJunto li div.produto span, .compreJunto li div.produto span div {
    height: inherit;
}
.compreJunto li div.produto .name-product {
    font-size: 12px;
    font-weight: 700;
}
.compreJunto .varTit {
    font-size: 12px;
    padding-bottom: 0;
}
.compreJunto li div.produto select {
    height: 38px;
}
.compreJunto .varCont {
    padding: 2px 0 5px;
}

.remove-bg .botao-comprar:hover,
.remove-bg .botao-comprar:focus {
    background: var(--color-four);
    border-radius: 30px;
}

.botao-comprar .botao-commerce-img {
    background: unset;
    padding: unset;
    display: inline;
    font-weight: unset;
    font-size: unset;
}

#cepbox {
    border: unset;
    padding: unset;
    text-align: left;
    font-weight: 400;
    width: 80%;
    margin: 28px 0;
}
@media (max-width: 460px) {
    #cepbox {
        width: 100%;
    }
}

#cepbox .cepbox-text {
    font-weight: 400;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

#cepbox label {
    display: none;
}

#cepbox input.text {
    font-size: .75rem;
    border: 0;
    height: 40px;
    border-radius: 20px;
    background: #f4f5f6;
}

#cepbox #cep1.text {
    padding: 0 20px;
    min-width: 108px;
}

#cepbox #cep2.text {
    padding: 0 20px;
    min-width: 70px;
}

.botao-commerce.botao-simular-frete {
    background: var(--color-title);
    height: 40px;
    border-radius: 20px;
    padding: 0 18px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    font-size: 0;
    margin-left: 10px;
    width: calc(100% - 215px);
    text-align: center;
}

.botao-commerce.botao-simular-frete::before {
    content: "CALCULAR";
    font-size: .75rem;
    font-weight: 700;
}

@media (max-width: 460px) {
    #cepbox #cep1.text {
        padding: 0 10px;
        min-width: 90px;
    }
    #cepbox #cep2.text {
        padding: 0 10px;
        min-width: 70px;
    }
    .botao-commerce.botao-simular-frete {
        width: 100px;
    }
}

#ProdBlockCompreJunto #ProdAbas {
    display: none;
}
#ProdBlockCompreJunto .prodBox {
    background: none;
}
.precoCompreJunto,
.precosCompreJunto {
    color: var(--text-color);
    border: 0;
}
.precoCompreJunto > div:first-child {
    display: none;
}
.compreJunto>li {
    border-bottom: 0 none;
    padding: 15px 0;
}
.compreJunto li div.plus {
    font-size: 3rem;
    color: var(--color-primary);
}
.compreJunto li.comprejuto_preco {
    font-size: 1rem;
    color: #2f2f2f;
    font-weight: 700;
}
.compreJunto .comprejunto_preco2 > strong {
    font-size: 1.12rem;
    color: var(--color-primary);
}
.compreJunto .comprejunto_economize {
    color: #a6abb7;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .fotosCompreJunto,
    .precoCompreJunto {
        width: 100%;
    }
    .fotosCompreJunto::after {
        display: none;
    }
}
@media (max-width: 460px) {
    .fotosCompreJunto .produto {
        width: 100%;
    }
    .compreJunto li div.plus {
        display: none;
    }
}

.onVar, .onVar:hover,
.varTit {
    text-align: left;
}
.varCont {
    border: 0 none;
    padding: 0;
    margin-bottom: 20px;
}
.varCont select {
    min-width: 50px;
    line-height: 35px;
    padding: 0 10px;
}

#ProdAbas {
    background: transparent;
    letter-spacing: unset;
    margin-top: 30px;
}

#ProdAbas li {
    background: unset;
    margin: 0;
}

#ProdAbas .aberta {
    background: unset;
    margin: 0;    
}

#ProdAbas a {
    background: unset;
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 700;
    padding: 5px 25px 12px 0;
}
#ProdAbas a::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background: transparent;
    margin: 16px auto 0;
}

#ProdAbas ul li.aberta a {
    background: unset;
    color: var(--color-title);
    padding: 5px 25px 12px 0;
    font-size: 1rem;
}
#ProdAbas li.aberta a::after {
    background: var(--color-primary);
}

.prodBox {
    background: none;
}

.board_htm {
    font-size: 1rem;
    color: inherit;
}

.board_htm img {
    max-width: 100%;
    height: auto !important;
}

.board_htm * {
    font-family: inherit !important;
    color: var(--text-color) !important;
    line-height: 1.4 !important;
}

.board_htm p {
    font-size: 1em !important;
    color: var(--text-color) !important;
}

.product-tabs .board,
.board_htm p * {
    font-size: inherit !important;
    color: var(--text-color) !important;
}
.tablePags,
.board hr {
    border: 0 none;
}

.page-product #atualizaFormas li {
    margin: 10px 0;
    border: 1px solid #f0f0f0;
    padding: 10px!important;
    background: none;
}
@media (max-width: 767px) {
    .page-product #atualizaFormas li {
        width: 100%;
    }
}
.page-product #atualizaFormas li a {
    cursor: pointer;
}
.page-product #atualizaFormas .tablePags {
    display: none;
    margin-top: 15px;
    background: #fff;
}

#formasPagto .board > .color {
    display: none;
}
.page-product #atualizaFormas li a:after {
    content: "\63";
    font-family: "Font Awesome 5 Free";
    font-size: 1.50rem;
    float: right;
}

#comentario_cliente .rateBlock {
    border: 0 none;
}
#comentario_cliente .ajuste-nota {
    display: none;
}

.page-content #coments h3 {
    font-size: 1rem;
    margin-bottom: 0;
}
.page-product #coments .starn {
    background-image: url(../img/estrelas.png);
    height: 16px;
    width: 18px;
    background-position: -88px 0;
    display: inline-block;
    text-align: left;
    cursor: pointer;
}
.page-product #coments .starn.star-on {
    background-position: 1px 0!important;
}
.page-product .ranking {
    border: 0 none;
}
.page-product .ranking .star0, 
.page-product .ranking .star1, 
.page-product .ranking .star2, 
.page-product .ranking .star3, 
.page-product .ranking .star4, 
.page-product .ranking .star5 {
    background-image: url(../img/ranking-novo.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 90px;
    position: relative;
    top: 1px;
    float: none;
    display: inline-block;
}
.star0 {
    background-position: -90px 0;
}
.star1 {
    background-position: -72px 0;
}
.star2 {
    background-position: -54px;
}
.star3 {
    background-position: -36px 0;
}
.star4 {
    background-position: -18px 0;
}
.star5 {
    background-position: 0 0;
}

.cart-preview .botao-continuar-comprando,
.cart-preview .botao-prosseguir-compra {
    padding: 9px 15px;
    color: #fff;
    border: 0 none;
    border-radius: 15px;
}
.cart-preview .botao-continuar-comprando {
    background: var(--text-color);
}
.cart-preview .botao-prosseguir-compra {
    background: var(--color-third);
}
.cart-preview .botao-continuar-comprando .botao-commerce-img,
.cart-preview .botao-prosseguir-compra .botao-commerce-img {
    padding: 0;
    background: none;
}

/* catalog */
.system-filter .button-compare {
    text-align: right;
    float: right;
    display: block;
    background: var(--color-third);
    line-height: 40px;
    border-radius: 26px;
    padding: 0 15px;
    color: #fff;
    margin-bottom: 10px;
}
.compare-buttons {
    text-align: center;
    margin-bottom: 10px;
}
.page-catalog .filter-checkbox, .page-search .filter-checkbox {
    border: 1px solid #aaa;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    margin-top: 4px;
    position: relative;
    vertical-align: top;
    width: 14px;
}
.page-catalog .filter-checkbox.checked:before, .page-search .filter-checkbox.checked:before {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    content: '';
    height: 5px;
    left: 1px;
    position: absolute;
    top: 2px;
    width: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.comparatorTabs li, .comparatorTabs a, .comparator ul li ul li, .comparator ul .Labels ul li, .comparator ul .Labels ul .comparsionFoto, .comparator ul li ul .comparsionFoto {
    background: none;
}
.comparator ul .comparsionFoto a {
    font-size: 14px;
    line-height: 16px;
    display: block;
}
.comparatorTabs ul {
    border: 0 none;
}
.comparator .comparsionInfoPreco span + br {
    display: none;
}
.comparator .comparsionFoto a[alt='Comprar'] img {
    opacity: 0;
}
.comparator .comparsionFoto a[alt='Comprar']::before {
    background: var(--color-third);
    content: 'Comprar';
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100px;
    line-height: 30px;
    border-radius: 20px;
    margin: 0 auto;
}

.central-menu .icoPai {
    display: none;
}
.central-menu .icoFilhoa {
    border-right: none;
}

.sidebar > .bordered {
    border: 1px solid #e4e6e9;
    border-radius: 25px;
    padding: 25px 20px;
    margin-bottom: 20px;
}
#menu-esquerdo h2 {
    font-size: 22px;
    color: #82193a;
}
#menu-esquerdo .filter__title {
    font-size: 16px;
    margin: 8px 0;
}
#menu-esquerdo .filter__label {
    font-size: 14px;
    font-weight: normal;
}
#menu-esquerdo .filter__button {
    background: #82193a;
    color: #FFF;
    margin: 8px 0 0 0;
    width: 100%;
    height: 45px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}


.catalog .showcase-catalog li {
    width: 33%;
    padding: .5%;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .catalog .showcase-catalog li {
        width: 49%;
    }
}

.sidebar .level1 > li,
.sidebar.central div > ul > li,
.smart-filter .filtro.contem-filtro,
.smart-filter .filter__block {
    border-bottom: 1px solid #e4e6e9;
    padding: 10px 0;
}
.sidebar .level1 > li:first-child,
.sidebar.central div > ul > li:first-child,
.smart-filter .filtro.contem-filtro:first-child,
.smart-filter .filter__block:first-child {
    padding-top: 0;
}
.sidebar .level1 > li:last-child,
.sidebar.central div > ul > li:last-child,
.smart-filter .filtro.contem-filtro:last-child,
.smart-filter .filtro:last-child,
.smart-filter .filter__block:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.smart-filter input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox;
}

.smart-filter .filter__block:last-child {
    border: 0 none;
}
.sidebar .level1 > li > a,
.sidebar.central h4,
.sidebar .smart-filter h3,
.sidebar .smart-filter h4 {
    font-size: 1rem;
    margin: 10px 0;
    font-weight: 700;
    display: block;
}
.sidebar .smart-filter h3, .sidebar .smart-filter h4 {
    margin: 10px 0 0;
}
.filter__button {
    margin: 10px auto 15px;
}
.smart-filter label {
    cursor: pointer;
}

.sidebar .level2 a,
.sidebar.central a,
.sidebar .smart-filter a {
    font-size: 1rem;
    line-height: 1.50rem;
}
.sidebar a:hover {
    color: var(--color-primary);
}
.filtro-aplicado a {
    display: block;
}
.filtro-aplicado a span {
    float: right;
}
.filtro-aplicado a span svg {
    fill: #ff0000;
}

.filters-list label input[type="checkbox"] {
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
        -ms-appearance: checkbox;
         -o-appearance: checkbox;
            appearance: checkbox;
}

@media (max-width: 991px) {
    .smart-filter .filtro.contem-filtro {
        padding: 0 10px;
    } 
    .smart-filter > div {
        padding: 0 10px;
    }
    .filter__button {
        width: 95%!important;
        margin-left: 10px;
    }
}

.page-content .breadcrumb {
    display: none;
}
.breadcrumb {
    margin-top: 30px;
}
.breadcrumb > * {
    font-size: .75rem;
    padding-right: 3px;
    margin-right: 2px;
}

#carouselHome { margin-bottom: 0; }
#banner-info {
    background-color: #f4f5f6;
    padding-top: 30px;
    padding-bottom: 30px;
}

.catalog-header .banner-title img {
    width: 100%;
}

.catalog-header .catalog-name {
    color: var(--color-title);
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}
.catalog-header .catalog-name::after {
    background: var(--color-primary);
    content: '';
    height: 4px;
    width: 50px;
    display: block;
    margin-top: 10px;
}

.catalog-header {
    margin-bottom: 25px;
}
.catalog-header .category-description {
    margin-top: 25px;
}
.catalog-header .category-description > * {
    font-size: .87rem;
}
.catalogo-form-filtros .filtros {
    display: none;
}
.catalogo-form-filtros .filtros.filtro-ordem {
    display: block;
    line-height: 45px;
}
.catalog-header select {
    height: 45px;
    line-height: 1.3;
    border-radius: 30px;
    padding: 0 10px;
    color: var(--text-color);
    font-weight: 400;
    cursor: pointer;
    float: right;
    width: auto;
    line-height: 1.3;
    background: url(../img/seta-select.png) no-repeat 88% center;
}

@media (max-width: 460px) {
    .catalog-header .bar-info-catalog {
        flex-flow: column;
    }
    .catalogo-form-filtros .filtros.filtro-ordem {
        float: none;
    }
}

.catalog-empty {
    text-align: center;
}

#vitrine-catalogo #ProdBlock,
.page-central_cliente #ProdBlock {
    display: none;
}

#vitrine-catalogo #Vitrine input[type="image"] {
    background: url(../img/bt-enviar.png) left top no-repeat;
    height: 0;
    padding: 20px 60px;
    width: 0;
}

.catalog-footer.pagination {
    border-top: 1px solid #eeeef2;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.catalog-footer.pagination .search-counter {
    color: var(--text-color);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 35px;
    text-align: left;
}

.paginate-links {
    text-align: right;
}
.paginate-links span {
    display: inline-block;
    color: #fff;
    font-size: 0.87rem;
    height: 35px;
    min-width: 40px;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    vertical-align: top;
    margin: 0 2px;
    padding: 0 5px;
    background-color: var(--text-color);
    font-weight: 700;
}

.paginate-links .page-prev, .paginate-links .page-next { display: none; }
.paginate-links span.page-current,
.paginate-links span:hover {
    color: #fff;
    background-color: var(--color-primary);
}
.paginate-links span a {
    display: block;
}

@media (max-width: 767px) {
    .catalog-footer.pagination {
        flex-flow: column;
    }
    .catalog-footer.pagination .search-counter {
        display: none;
    }
    .paginate-links {
        text-align: center;
    }
}

/* Menu de marcas */
.menu-marcas a {
    height: 70px;
    position: relative;
    display: block;
    outline: none;
    margin-bottom: 25px;
}
.menu-marcas a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto!important;
    filter: grayscale(100%);
    opacity: .8;
    max-width: 150px;
    max-height: 72px;
}
.menu-marcas a:hover img {
    filter: grayscale(0);
    opacity: 1;
}

/* noticias */
.box-col #ultimasNoticias > .myColor2 {
    display: none;
}
.box-col #listaUltimasNoticias > li {
    border-bottom: 0 none;
    margin-bottom: 5px;
    background: #eff0f2;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    color: var(--color-title);;
    font-weight: 700;
    width: 49%;
    display: inline-block;
    margin: 0 0.5% 5px;
    -webkit-transition: ease-in-out .2s;
            transition: ease-in-out .2s;
}
.box-col #listaUltimasNoticias > li:hover {
    background: var(--color-title);;
    color: #eff0f2;
}
.box-col #listaUltimasNoticias > li a {
    display: block;
}

@media (max-width: 768px) {
    .box-col #listaUltimasNoticias > li {
        width: 100%;
    }
}

/* depoimentos */
.page-depoimentos .container2 .board .left,
.page-depoimentos hr,
.editDep li ul li strong,
.box-person .dep_nome span,
.box-person .dep_nota span,
.box-person .dep_data span {
    display: none;
}
.page-depoimentos .page-content h2 {
    text-align: center;
}
.page-depoimentos .page-content > .board > h2 {
    font-size: 1.50rem;
}

.editDep>li {
    border: 0 none;
    width: 50%;
    float: left;
    padding: 0;
    min-height: 150px;
    position: relative;
}
.box-person .dep_dados {
    position: relative;
    padding: 0 12px;
}
.page-depoimentos .editDep h3.color,
.box-person .dep_nome {
    font-size: .87rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-title);    
    margin: 0;
}
.editDep li ul li:first-child,
.box-person .dep_nota {
    font-weight: 700;
    color: var(--color-primary);
    margin: 5px 0;
}
.editDep li ul li:first-child + li,
.box-person .dep_data {
    position: absolute;
    top: 2px;
    right: 15px;
    font-size: .75rem;
    font-style: italic;
}
.editDep li ul li {
    padding: 0;
}
.editDep li ul li.dep,
.box-person .dep_msg {
    padding: 0;
    border: 0 none;
    font-size: .87rem;
    margin: 5px 0;
}
.person-shop .dep_link {
    font-size: 0;
    text-align: center;
}
.person-shop .dep_link a {
    border-radius: 30px;
    width: 108px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    line-height: 50px;
    height: 50px;
    margin: 0 4px;
    z-index: 3;
    -webkit-transition: box-shadow ease-in-out .2s;
            transition: box-shadow ease-in-out .2s;
    box-shadow: 0 0 0 transparent;
    background: var(--color-second);
    margin-top: 30px;
}
.person-shop .dep_link a:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.person-shop .owl-nav button,
.person-shop .owl-nav button:hover,
.menu-marcas .owl-nav button,
.menu-marcas .owl-nav button:hover,
#menu-icones .owl-nav button,
#menu-icones .owl-nav button:hover {
    position: absolute;
    top: 0;
    bottom: 10%;
    height: 50px;
    margin: auto;
    color: #ccc;
    min-width: auto;
    box-shadow: none;
}
.person-shop .owl-nav button span,
.menu-marcas .owl-nav button span,
#menu-icones .owl-nav button span {
    font-size: 0;
}
.person-shop .owl-prev,
.menu-marcas .owl-prev,
#menu-icones .owl-prev {
    left: -26px;
}
.person-shop .owl-prev span:before,
.menu-marcas .owl-prev span:before,
#menu-icones .owl-prev span:before {
    content: "\67";
    font-family: "Font Awesome 5 Free" !important;
    font-size: 28px;
}
.person-shop .owl-next,
.menu-marcas .owl-next,
#menu-icones .owl-next {
    right: -26px;    
}
.person-shop .owl-next span:before,
.menu-marcas .owl-next span:before,
#menu-icones .owl-next span:before {
    content: "\68";
    font-size: 28px;
    font-family: "Font Awesome 5 Free" !important;
}

.list-products .owl-nav button,
.list-products .owl-nav button:hover {
    position: absolute;
    width: 45px;
    height: 50px;
    top: 45%;
    box-shadow: none;
}
.list-products .owl-nav .owl-prev {
    left: -25px;
}
.list-products .owl-nav .owl-next {
    right: -25px;
}


@media (max-width: 1200px) {
    .person-shop .owl-prev,
    .menu-marcas .owl-prev,
    .list-products .owl-nav .owl-prev {
        left: -15px;
    }
    .person-shop .owl-next,
    .menu-marcas .owl-next,
    .list-products .owl-nav .owl-next {
        right: -15px;    
    }
}

@media (max-width: 767px) {
    .editDep>li {
        width: 100%;
    }
    .list-products .owl-nav button, 
    .list-products .owl-nav button:hover {
        top: 150px;
    }
    .list-products .owl-nav button span {
        font-size: 35px;   
    }
    .catalog-products .arrow.prev {
        left: 7px;
    }
    .catalog-products .arrow.next {
        right: 7px;
    }
}

/* Noticias */
.page-content #listaCategoriasNoticias a > b,
.page-listas_index .board h2 {
    text-align: center;
    font-size: 1.75rem;
    color: var(--color-primary);
    display: block;
}

.page-busca_noticias .noticias li {
    border: 1px solid #eee;
    min-height: 110px;
    text-align: left;
    height: 100%;
}
.noticias #noticia_imagem {
    width: 125px;
}
.noticias #noticia_imagem img {
    max-width: 90px;
}
.noticias #noticia_dados {
    margin-top: 10px;
}
.noticias li h3, .noticias li h3 a {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}
.noticias #noticia_dados p {
    margin-top: 8px;
    font-size: 0.81rem;
    line-height: 0.87rem;
}

.page-noticia .imagemNoticia {
    float: none;
    display: block;
    margin: 0 auto;
}
.page-noticia .board * {
    font-family: inherit !important;
    color: var(--text-color) !important;
    line-height: 1.4 !important;
}

/* listas */
.page-listas_index #tipos-listas {
    text-align: center;
}
#tipos-listas h3 {
    display: none;
}
.page-listas_index #tipos-listas li {
    margin-bottom: 60px;
}
.banner_lista {
    text-align: center;
    margin-bottom: 30px;
}
.banners-list {
    margin-bottom: 50px;
}
.page-listas_index .container3 .container2 h2, 
.page-listas_evento .titulo-box h2, 
.page-listas_busca .titCatalogo {
    text-align: center;
    font-size: 1.50rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary);
}
.page-listas_evento table {
    width: calc(100% - 100px);
    float: left;
}
.page-listas_evento label {
    width: 100px;
}
.page-listas_evento table input,
.page-listas_busca table input {
    width: 98%;
    border: 1px solid #d4d4d4;
    height: 26px;
    padding: 0 10px;
    border-radius: 5px;
    color: var(--text-color);
}  
.page-listas_evento .container3 .container2 .board form .bt-avancar {
    margin-top: 19px;
} 
.page-listas_busca .container3 .container2 .bt-avancar {
    margin-top: 20px;
}
.page-listas_evento .container3 .container2 .board form,
.page-listas_busca .container3 .container2 .board form {
    font-size: 0;
}
.page-listas_evento .container3 .container2 .board form span {
    font-size: 0.87rem;
}
.page-listas_busca .container3 .container2 .busca {
    width: 90%;
    float: left;    
}
.page-listas_busca .container3 .container2 .busca input {
    width: 98%;
    margin: 5px 0 15px;
    background: #fff;
    padding-left: 5px;
}
#lista_criar table tr {
    margin-bottom: 8px;
}
#lista_criar .text {
    background: #fff;
    margin: 5px 0;
}
#lista_criar .obriga {
    border-left: 0 none;
}

@media (max-width: 991px) {
    .page-listas_index img,
    .page-listas_evento img,
    .page-listas_criar img {
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    #lista_criar .label, #lista_criar td {
        text-align: left!important;
        width: auto;
        display: block;
    }
    #lista_criar .label, #lista_criar td {
        font-size: 0;
    }
    #lista_criar input,
    #lista_criar select {
        width: 100%;
    }
    #lista_criar input[type="image"] {
        width: auto;
    }
    .page-listas_index #tipos-listas li {
        margin-bottom: 10px;
    }
}

.page-checkout_cart .container.caixa-produto+.container,
.page-checkout_cart .Seguro,
#cesta_produtos .container.AvancarTopo,
#cesta_produtos > .board > .botao-commerce.botao-prosseguir-compra.pointer,
#cesta_produtos .board > br,
.page-checkout_cart .carrinho-tabs,
.page-finalizar_presentes .carrinho-tabs,
#cesta_produtos .bottom,
#cesta_produtos .caixa-frete .board,
.page-checkout_cart #tabela_carrinho .refresh img, 
.caixa-forma-frete th > br {
    display: none;
}

/* carrinho */
.page-checkout_cart .wrapper {
    padding-top: 0;
}

.header-checkout {
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    padding: 10px 0 5px;
}
.header-checkout .logo img {
    max-width: 215px;
    max-height: 55px;
}
.header-checkout .selo-seguro svg {
    fill: var(--color-primary);
    margin-right: 5px;
}
.header-checkout .selo-seguro .safe-text {
    color: var(--color-primary);
    font-size: .75rem;
    text-transform: uppercase;
}
.header-checkout .selo-seguro .safe-text b {
    font-size: .87rem;
    display: block;
}

.page-checkout_cart .caixa-produto {
    margin: 10px 0;
    padding: 0;
}

#cesta_produtos>.board:first-child {
    width: calc(100% - 370px);
    float: left;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.box-right-cart {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px;
    float: right;
    width: 350px;
}

#cesta_produtos .tablePage,
#cesta_produtos .tablePage th,
#cesta_produtos .tablePage tr,
#cesta_produtos .tablePage td,
#tabela_carrinho .qntd {
    border: 0 none;
    background: none;
}
#tabela_carrinho tr:first-child {
    background: #f4f5f6;
}
#tabela_carrinho th {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 10px;
}
#tabela_carrinho th:first-child {
    padding-left: 20px;
}
#tabela_carrinho th:nth-child(3) {
    padding-right: 0;
    padding-left: 0;
}
#tabela_carrinho th:last-child {
    padding-right: 18px;
}
#cesta_produtos #tabela_carrinho td {
    text-align: center;
    border-bottom: solid 1px #e8e8e8;
    padding: 15px 0;
}
#cesta_produtos #tabela_carrinho td > a > img {
    max-width: 85px;
}
#cesta_produtos #tabela_carrinho td:nth-child(2) {
    text-align: left;
}
#cesta_produtos #tabela_carrinho tr:last-child td {
    border-bottom: none;
}

#tabela_carrinho h4 a strong {
    font-size: .81rem;
    font-weight: 400;
}
#tabela_carrinho .qntd {
    border-bottom: 1px solid #9a9a9a;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.12rem;
    height: 32px;
}
#tabela_carrinho h3 {
    margin-bottom: 0;
}
#tabela_carrinho span {
    font-size: .87rem;
    font-weight: 700;
    color: var(--color-second);
}
.page-checkout_cart #tabela_carrinho .refresh, 
.page-checkout_cart #tabela_carrinho .bt-excluir {
    background: none;
    position: relative;
}
.page-checkout_cart #tabela_carrinho .refresh:before, 
.page-checkout_cart #tabela_carrinho .bt-excluir:before {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 17px;
    display: block;
    color: var(--color-second);
}
.page-checkout_cart #tabela_carrinho .refresh:before {
    content: "\74";
    font-weight: 400;
}
.page-checkout_cart #tabela_carrinho .bt-excluir:before {
    content: "\73";
}

.page-checkout_cart #tabela_carrinho .bt-excluir img {
    position: absolute;
    top: -22px;
    opacity: 0;
    right: -12px;
}

.page-checkout_cart .caixa-forma-frete,
.page-checkout_cart .caixa-forma-frete > table,
.page-checkout_cart .caixa-forma-frete th {
    margin: 0!important;
}

#calculoFrete {
    text-align: left;
    min-width: 310px;
}
#calculoFrete > label[for="cep1"] {
    font-size: 0;
    display: block;
    text-align: left;
}
#calculoFrete > label[for="cep1"]::before {
    content: "Calcular Frete";
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}
.page-checkout_cart .caixa-forma-frete th {
    display: block;
    padding: 0;
}
.page-checkout_cart .caixa-forma-frete input {
    border-radius: 20px;
    background: #f4f5f6;
    border-color: #f4f5f6;
}
.page-checkout_cart .caixa-forma-frete input.radio {
    -webkit-appearance: radio;
}
.page-checkout_cart .caixa-forma-frete #cep1 {
    width: 100%;
    max-width: 100px;
    margin-left: -8px;
    padding: 0 5px;
}
.page-checkout_cart .caixa-forma-frete #cep2 {
    width: 80px;
    padding: 0 5px;
}
.caixa-forma-frete .botao-commerce.botao-simular-frete {
    margin: 0;
    width: 105px;
}
.caixa-forma-frete .carFretePara {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
}

#cesta_produtos .caixa-forma-frete > .tablePage > tbody > tr > td {
    width: 100%;
    display: table;
    clear: both;
}
#cesta_produtos .caixa-forma-frete > .tablePage > tbody > tr > td[align="right"] {
    text-align: right;
}

#formas_envio_frete .tablePage > tbody tr td:last-child {
    text-align: left;
    width: 140px;
}
.page-checkout_cart .caixa-total .board {
    margin: 0;
}
.page-checkout_cart .caixa-total .tit-total {
    display: none;
}
.page-checkout_cart .caixa-total th:last-child {
    width: 1px;
    padding: 0;
}
.page-checkout_cart .caixa-total th:nth-child(2) {
    padding: 0;
    text-align: right;
    width: 100%;
}
.caixa-forma-frete tr td h3 {
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--color-second);
}
.page-checkout_cart .caixa-total h3:before {
    content: 'TOTAL ';
    color: #a6abb7;
    font-size: .75rem;
    position: relative; 
    top: -8px;
}
.page-checkout_cart .caixa-total tr h3 {
    font-size: 1.56rem;
    font-weight: 700;
    color: var(--color-second);
}

#cesta_produtos .caixa-botoes .bt-continuar-comprando {
    float: none;
    margin-top: 20px;
}
#cesta_produtos .caixa-botoes .bt-continuar-comprando > a {
    width: 100%;
    text-align: center;
    background: #f4f5f6;
    border: 0 none;
    border-radius: 29px;
    line-height: 45px;
    padding: 0;
}
#cesta_produtos .caixa-botoes .bt-continuar-comprando > a span {
    font-size: .87rem;
    color: var(--text-color);
    background: none;
    padding: 0;
    font-weight: 700;
}
#cesta_produtos .caixa-botoes .bt-continuar-comprando > a span::before {
    content: "\75";
    font-family: "Font Awesome 5 Free" !important;
    margin-right: 4px;
    text-transform: none;
}

#cesta_produtos .caixa-botoes .botao-prosseguir-compra {
    width: 100%;
    padding: 0;
    margin: 10px auto 5px;
    border-radius: 29px;
}
#cesta_produtos .caixa-botoes .botao-prosseguir-compra a,
#cesta_produtos .caixa-botoes .botao-prosseguir-compra span {
    text-align: center;
    background: var(--color-four);
    border-radius: 29px;
    line-height: 55px;
    padding: 0;
    display: block;
    color: #fff!important;
    font-size: 1rem;
}

.page-checkout_cart .foo-content .line {
    border-top: 1px solid #e4e6e9;
}

#form_presentes .lista_presentes {
    width: 100%;
    margin: 10px 0;
}
.lista_presentes * {
    vertical-align: middle;
}
.lista_presentes li table th {
    background: none;
    border-right: 1px solid #eee;
}
.lista_presentes li table th:last-child {
    border-right: 0 none;
}
.lista_presentes li table td {
    background: none; 
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.lista_presentes li table td select {
    height: 50px;
    border-radius: 30px;
    padding: 0 27px 0 10px;
    color: var(--text-color);
    font-weight: 400;
    background: url(../img/seta-select.png) no-repeat 91% center;
    cursor: pointer;
    min-width: 150px;
}
.lista_presentes li table td div.detalhe_cartao {
    float: none;
    clear: both;
}
#form_presentes > .container3 input[type="image"] {
    background: url(../img/bt-avancar.png) left top no-repeat;
    height: 0;
    padding: 21px 54px;
    width: 0;
}
#form_presentes > .container3 a::before {
    content: 'Continuar Comprando';
    background: var(--text-color);
    padding: 9px 15px;
    color: #fff;
    border: 0 none;
    border-radius: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#form_presentes > .container3 a > img {
    display: none;
}

@media (max-width: 767px) {
    .lista_presentes li:first-child {
        display: none;
    }
    .lista_presentes li table td {
        width: 100%;
        display: block;
        height: auto;
    }
    #form_presentes > .container3 a, #form_presentes > .container3 input[type="image"] {
        clear: both;
        display: block;
        text-align: center;
        float: none;
        margin: 15px auto;
    }
}

.page-central_troca input[type="checkbox"], #modal-form input[type="checkbox"] {
    width: auto;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

/* Login */
h1.color {
    text-align: center;
    font-size: 1.75rem;
    color: var(--color-primary);
}
.page-content fieldset {
    border: 0 none;
}
.page-content .caixa-login,
.page-content .caixa-cadastro {
    border: 1px solid #e2e2e2;
    padding: 15px;
    text-align: center;
    min-height: 192px;
    border-radius: 5px;
}
.page-content h3 {
    font-size: 1.25rem;
    margin-bottom: 15px;
}
.page-content label {
    font-size: .87rem;
    font-weight: 700;
}
.page-content .cadastro-desc {
    display: none;
}
.page-content .campo-email {
    text-align: left;
}
.page-content button, #acceptTerm {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    height: 51px;
    width: 65%;
    margin-left: 5%;
}

/* Cadastro */
.botao-prosseguir-cadastro .botao-commerce-img {
    padding: 0;
    background: none;
}
#estado_cliente {
    border: 1px solid #d4d4d4;
    height: 40px;
    border-radius: 5px;
    color: var(--text-color);
    min-width: 40px;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px;
    font-weight: 400;
}

.obriga.red {
    font-size: 0;
}
.obriga.red::before {
    content: '*';
    font-size: 1rem;
}
.page-register .page-content .container2,
.page-contact .page-content > *,
.page-depoimentos main h2.color+br+.container3 {
    max-width: 60%;
    margin: 0 auto;
}
.page-register .page-content fieldset input,
.page-contact .page-content input,
.page-contact .page-content #spanTextarea,
.page-contact .page-content textarea {
    width: 100%;
}
.page-register .page-content #cep_1,
.page-register .page-content #cep_2 {
    width: auto;
} 

.page-register .page-content fieldset input[type="checkbox"],
#form-comments input[type="checkbox"],
#emails input[type="checkbox"],
#modal-form input[type="checkbox"] {
    width: auto;
    -webkit-appearance: checkbox;
            appearance: checkbox;
}
#depoimento input[type="radio"],
#menuVars label input[type="radio"] {
    width: auto;
    -webkit-appearance: radio;
            appearance: radio;
}
#depoimento input.text {
    width: 100%;
}

#CadastroAbas {
    text-align: center;
}
#CadastroAbas,
#CadastroAbas li {
    background: none;
    border: 0 none;
    float: none;
    display: inline-block;
}
#CadastroAbas li a,
#CadastroAbas li.aberta a {
    background: #eee;
    border: 0 none;
    padding: 15px 25px;
    font-size: .87rem;
    font-weight: 700;
    color: var(--text-color);
    border-radius: 27px;
    transition: ease-out .2s;
}
#CadastroAbas li.aberta a,
#CadastroAbas li:hover a {
    background: var(--color-primary);
    color: #fff;
}

.botao-commerce.botao-simular-frete:hover,
#cesta_produtos .caixa-botoes .bt-continuar-comprando > a:hover,
#cesta_produtos .caixa-botoes .botao-prosseguir-compra a:hover,
.page-content button:hover,
#produto_nao_disp #nao_disp > a:hover,
#cesta_produtos .caixa-botoes .botao-prosseguir-compra span:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.page-contact .board {
    margin: 0 auto;
}
.page-contact #imagem,
.page-central_senha input[type="image"],
#depoimento .image.pointer,
#comentario_cliente #bt-submit-comments {
    background: url(../img/bt-enviar.png) left top no-repeat;
    height: 0;
    padding: 20px 60px;
    width: 0;
}

.page-contact #imagem {
    float: right;
}

.central-icons.icoFilho {
    border: 0 none;
}
.central-icons img {
    background: var(--text-color);
    margin-top: 10px;
}

@media (max-width: 1200px) {
    .banners-list img {
        margin: 0 auto 15px;
        display: block;
        max-width: 100%;
        max-height: 100%;
    } 
}

@media (max-width: 991px) {

    #cesta_produtos>.board:first-child,
    .page-checkout_cart .box-right-cart {
        width: 100%;
    }
    .page-checkout_cart .box-right-cart {
        margin-top: 15px;
    }

    #cesta_produtos #formas_envio_frete .tablePage {
        width: 100%;
    }

}

@media (max-width: 767px) {

    #cesta_produtos #tabela_carrinho tr:first-child {
        display: none;
    }
    #cesta_produtos #tabela_carrinho tr {
        border-bottom: solid 1px #e8e8e8;
    }
    #cesta_produtos #tabela_carrinho tr:last-child {
        border-bottom: 0 none;
    }
    #cesta_produtos #tabela_carrinho td {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        border: 0 none;
        padding: 5px 0;
    }
    #cesta_produtos #tabela_carrinho td:nth-child(1) {
        width: 100px;
    }
    #cesta_produtos #tabela_carrinho td:nth-child(2) {
        width: calc(100% - 100px);
        text-align: left;
    }
    #cesta_produtos #tabela_carrinho td h4 a strong {
        margin-top: 15px;
        display: block;
    }

    .Login,
    .Cadastro {
        width: 100%;
        margin: 5px 0;
    }

    .page-register .page-content .container2,
    .page-contact .page-content > *,
    .page-depoimentos main h2.color+br+.container3 {
        max-width: 100%;
    }

}

@media (max-width: 460px) {

    .header-checkout > .container > .flex {
        flex-flow: column;
    }

    .page-checkout_cart .caixa-forma-frete #cep1 {
        max-width: 75px;
    }
    .page-checkout_cart .caixa-forma-frete #cep2 {
        width: 65px;
    }
    .caixa-forma-frete .carFretePara {
        display: block;
        margin-top: 5px;
        text-align: left;
    }   
    .caixa-forma-frete tr td h3 {
        display: none;
    } 
    #formas_envio_frete #tab tr td {
        display: block;
    }
    #tab .valores_carrinho {
        font-size: 1rem;
        font-weight: 700;
    }

    .page-checkout_cart .caixa-total th:first-child {
        margin: 0;
    }
    .page-checkout_cart .caixa-total th:nth-child(2) {
        text-align: right;
    }

    h1.color {
        font-size: 1.25rem;
    }

    .page-login .page-content .container,
    .page-register .page-content .container {
        padding: 0;
    }
    #CadastroAbas li a, #CadastroAbas li.aberta a {
        padding: 15px 12px;
    }

}

/* footer */

.news-footer {
    background: var(--gradient);
    padding: 25px 0;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
}

.news-footer .newsletter .first {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: .2em;
    font-weight: 700;
    letter-spacing: .185em;
    color: var(--color-text-white);
}

.news-footer .newsletter .last {
    font-size: 0.818em;
    color: var(--color-text-white);
}

.news-footer .newsletter .box-form {
    position: relative;
    display: block;
    max-width: 556px;
    width: 100%;
    margin: 19px auto;
}

.news-footer .text-mail {
    height: 50px;
    background: var(--bg-input-news);
    width: 100%;
    display: block;
    border-radius: 30px;
    padding: 0 20px;
    font-size: .68rem;
    color: var(--color-text-white);
    text-transform: uppercase;
}

.news-footer .text-mail::-webkit-input-placeholder {
    color: var(--color-text-white);
}

.news-footer .text-mail::-moz-placeholder {
    color: var(--color-text-white);
    opacity: 1;
}

.news-footer .text-mail:-ms-input-placeholder {
    color: var(--color-text-white);
    opacity: 1;
}

.news-footer .news-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent;
    padding-right: 23px;
    color: var(--color-text-white);
    font-weight: 700;
    font-size: .875rem;
}

.news-footer .news-button .icon {
    display: inline-block;
    position: relative;
    top: 2px;
    padding-left: 4px;
}

@media (max-width: 767px) {
    .news-footer {
        font-size: 1rem;
    }
}

.foo-content .line {
    border-bottom: 1px solid #e4e6e9;
    padding: 40px 0;
}

.foo-content .title {
    font-size: .875rem;
    color: var(--color-primary);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.foo-content .title i { opacity: 0; float: right; }
.foo-content ul { }
.foo-content ul.list {}

.foo-content ul.list li a {
    font-size: .875rem;
}

.foo-content .box-tel {}
.foo-content .box-tel .phone {
    font-size: .875rem;
    color: var(--color-primary);
    font-weight: 700;
}
.foo-content .box-tel .text { font-size: .813rem; }

.payment-list li { margin-right: 4px; }

.payment-list { max-width: 230px; }

.box-tel + .payment-list { margin-top: 6px; }

.box-atendimento {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #DDDDDD;
}

.social-list { margin-bottom: 20px; }

.social-list li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.social-list li:last-child {
    margin-right: 0;
}

.social-list li a {
    display: block;
    width: 43px;
    height: 43px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--color-primary);
    color: #FFF;
    fill: #FFF;
    text-align: center;
    font-size: 1.1rem;
}

.social-list li a:hover, .social-list li a:focus {
    color: #FFF;
    fill: #FFF;
    opacity: .9;
}
.social-list li a i {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.box-payment .list-inline-item {
    margin-top: 8px;
    float: left;
}

.box-seal {
    min-width: 240px;
    margin-top: 25px;
}

.box-seal img { max-width: 118px; }
.box-seal .seal-comschool img { max-width: 80px; }

.box-entrega .icon-transp {
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    padding: 4px 8px 4px 4px;
    margin-bottom: 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.box-entrega .icon-transp .icon {
    display: inline-block;
    background: #FFF;
    margin-right: 4px;
}

.footer .copy {
    text-align: center;
    padding: 16px 0 15px;
}

.footer .copy p {
    font-size: .75rem;
}

.footer .logo {
    font-size: .5rem;
    padding-top: 15px;
    display: inline-block;
}

.footer .logo img {
    width: 69px;
    margin-left: 5px;
    vertical-align: -6px;
}

.box.social { display: none; }

@media (max-width: 991px) {
    .foo-content .line .box.facebook { display: none; }
}

@media (min-width: 768px) {
    .box-atendimento { margin-bottom: 20px; }
}

@media (max-width: 767px) {
    .foo-content .line { display: block; }

    .foo-content .title { position: relative; }

    .foo-content .title i { opacity: 1; }

    .foo-content .overflow {
        max-height: 0;
        overflow: hidden;
        transition: ease-in-out .3s;
        opacity: 0;
    }

    .foo-content .overflow .social-list { display: none; }

    .foo-content .active ~ .overflow {
        max-height: unset;
        opacity: 1;
        margin-bottom: 20px;
    }
    
    .box-seal { margin-top: 0; }

    .box.social {
        display: block;
        text-align: center;
    }
}

#modal.open-modal, #modal-form.open-modal { display: block; }
#modal .modal-dialog.modal-dialog-center, #modal-form .modal-dialog.modal-dialog-center {
    margin: auto!important;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1000px;
    max-height: 350px;
    height: 100%;
    width: 100%!important;
    -webkit-transform: inherit;
        -ms-transform: inherit;
         -o-transform: inherit;
            transform: inherit;
    z-index: 10;        
}
#modal-form .wrapper {
    padding: 0;
}
#modal::before,
#modal-form::before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
    z-index: 9;
}    
.modal-backdrop {
    display: none!important;
}

.tablePage,
.tablePage th {
    border: 0;
    background: #fff;
}

@media (min-width: 768px) {
    .content-home .list-products:first-child .title-section {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .page-product .page-simula-frete .tablePage:first-child {
        display: none;
    }
    .modal-body p, .modal-body span, .modal-body fieldset, .modal-body .tablePage th {
        font-size: 0.75rem;
        line-height: 0.81rem;
        background: none;
        padding: 0 3px;
        border-left: 0 none;
        border-right: 0 none;
    }
}

#Page .text,
#Page .text.opcional,
#Page fieldset {
    background: #fff;
}

#NavLogoTray {
    display: block;
    overflow: hidden;
}

.pricing {
    position: relative;
}
.pricing .load .ico {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    width: 30px;
    height: 30px
}

.pricing .load .ico::after,
.pricing .load .ico::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.pricing .load .ico::before {
    border: 3px solid #e0dfdf;
    border-radius: 50%
}

.pricing .load .ico::after {
    border: 3px solid #ccc;
    border-right-color: transparent;
    animation: rotate infinite linear .6s;
    border-radius: 50%
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.produto-bonus strong {
    font-size: 1rem;
    font-weight: 400;
}
.produto-bonus #idBonusVariacao {
    color: var(--color-icon);
    border: 0;
    margin-right: 5px;
    background: none;
    padding: 0;
    font-weight: 700;
}

.blocoAlerta, .message {
    background: #FFEDED;
}
.page-search #Vitrine input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
    margin: 0 3px 0 0;
    position: relative;
    top: 1px;
}
.page-search #Vitrine .select {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #d4d4d4;	
    height: 40px;
    padding: 20px;
    border-radius: 5px;
    color: var(--text-color);
    top: 10px;
    position: relative;
    margin-bottom: 15px;
    background: url(../img/seta-select.png) no-repeat 95% center;
}

#modal-form .modal-dialog.modal-dialog-center .modal-body {
    max-height: 350px;
}
#Page #form1 fieldset {
    border: 0 none;
    background: #fff;
}

#Page #form1 .text, #Page #form1 .opcional {
    background: #fff;
}
#Page #form1 select.text {
    background: #fff url(../img/seta-select.png) no-repeat 90% center;
}

#form_comprar .select {
    border: 1px solid #d4d4d4;
    background: url(../img/seta-select.png) no-repeat 95% center;
    min-height: 45px;
    padding: 0 20px 0 10px;
    border-radius: 5px;
    color: var(--text-color);
    min-width: 145px;
}
.brinde_detalhes {
    border: none;
}
.brinde_detalhes .botao {
    position: relative;
}
.brinde_detalhes .botao img {
    position: relative;
    z-index: 1;
    opacity: 0;
}
.brinde_detalhes .botao::after {
    content: 'Escolher';
    display: block;
    background: var(--color-third);
    line-height: 35px;
    border-radius: 30px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}

/* Custom Israel */
.listaVendidos .view_more .cx_btn {
    padding: 0 15px;
    display: inline-block;
    background-color: #FFFFFF;
}
.listaVendidos .view_more .cx_btn + hr { margin-top: -24px; }

#colFotos #add { display: none; }
.page-product .product-title {
    font-size: 28px;
    font-weight: 400;
    font-style: italic;
    line-height: 34px;
    margin-bottom: 16px;
}
.produto-bonus {
    padding: 0;
    margin: 0;
}
.product-quantity { margin-bottom: 15px; }
.product-quantity .qtd_btn #quant {
    width: 60px;
    text-align: center;
}
#form_comprar > #price-box {
    padding: 0 15px;
}
.page-product .products-related { display: none; }

@media (min-width: 768px) {
    #descricao [class*='categ-'] {
        transform: rotate(-15deg);
        margin-top: 35px;
    }
}

@media(max-width: 767px) {
    #product-colum-right { text-align: center; }
    #form_comprar #button-buy { margin: 0 auto; }
}


/*iconografia*/
.productHelper-icons > br { display: none; }
#iconografia .icones {
    display: inline-flex; 
    width: 50%;
    margin-bottom: 15px;
    align-items: center;
    position: relative;
}

#iconografia .icones img {
    max-width: 30px;
}

#iconografia .icones .carac-wrapped {
    font-size: 14px;
    margin: 0;
    padding: 0 10px;
}
#iconografia .icones .carac-wrapped p {
    display: block;
    font-weight: 700;
}
#iconografia .icones .carac-wrapped span {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    display: block;
}

@media ( max-width: 991px ) {
    #iconografia .icones { width: 100%; }
}

@media ( max-width: 767px ) {
    #descricao #img-categ { display: none; }
    #iconografia { padding-right: 20%; position: relative; }
    #descricao .iconografia:after {
        content: "";
        background-size: cover;
        width: 15vh;
        height: 70vh;
        background-position: 40% 75%;
        z-index: 2;
        position: absolute;
        top: 15vh;
        right: -15px;
    }
}