@font-face {
    font-family: serif;
    font-style: italic;
    font-weight: 300;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@font-face {
    font-family: serif;
    font-style: italic;
    font-weight: 400;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@font-face {
    font-family: serif;
    font-style: italic;
    font-weight: 700;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@font-face {
    font-family: serif;
    font-style: normal;
    font-weight: 300;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@font-face {
    font-family: serif;
    font-style: normal;
    font-weight: 400;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@font-face {
    font-family: serif;
    font-style: normal;
    font-weight: 700;
    src: local(Georgia),local("Times New Roman"),local(Times)
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown .swal2-container {
    position: fixed;
    background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-shown {
    background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row
}

.swal2-pop {
    align-items: center
}

.swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-popup .swal2-actions {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0;
    z-index: 1
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1))
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2))
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    box-sizing: border-box;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff;
    content: '';
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal
}

.swal2-popup .swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none
}

.swal2-popup .swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,0.4)
}

.swal2-popup .swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-popup .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-popup .swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-popup .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden
}

.swal2-popup .swal2-close:hover {
    transform: none;
    color: #f27474
}

.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea {
    display: none
}

.swal2-popup .swal2-content {
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    z-index: 1;
    word-wrap: break-word
}

.swal2-popup #swal2-content {
        text-align: center
}
.swal2-toast .swal2-title {
    flex-grow:1;
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial;
        width: .8em;
        height: .8em;
        line-height: .8
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: .3125em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: .3125em
    }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 0.0625em #fff,0 0 0 0.125em rgba(50,100,150,0.4)
    }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 2em;
        height: 2.8125em;
        transform: rotate(45deg);
        border-radius: 50%
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.25em;
        left: -.9375em;
        transform: rotate(-45deg);
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.25em;
        left: .9375em;
        transform-origin: 0 2em;
        border-radius: 0 4em 4em 0
    }

    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
        height: .3125em
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }

    .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: showSweetToast .5s;
        animation: showSweetToast .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: hideSweetToast .2s forwards;
        animation: hideSweetToast .2s forwards
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: animate-toast-success-tip .75s;
        animation: animate-toast-success-tip .75s
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: animate-toast-success-long .75s;
        animation: animate-toast-success-long .75s
    }

    @-webkit-keyframes showSweetToast {
        0% {
            transform: translateY(-0.625em) rotateZ(2deg);
            opacity: 0
        }

        33% {
            transform: translateY(0) rotateZ(-2deg);
            opacity: .5
        }

        66% {
            transform: translateY(0.3125em) rotateZ(2deg);
            opacity: .7
        }

        100% {
            transform: translateY(0) rotateZ(0);
            opacity: 1
        }
    }

    @keyframes showSweetToast {
        0% {
            transform: translateY(-0.625em) rotateZ(2deg);
            opacity: 0
        }

        33% {
            transform: translateY(0) rotateZ(-2deg);
            opacity: .5
        }

        66% {
            transform: translateY(0.3125em) rotateZ(2deg);
            opacity: .7
        }

        100% {
            transform: translateY(0) rotateZ(0);
            opacity: 1
        }
    }

    @-webkit-keyframes hideSweetToast {
        0% {
            opacity: 1
        }

        33% {
            opacity: .5
        }

        100% {
            transform: rotateZ(1deg);
            opacity: 0
        }
    }

    @keyframes hideSweetToast {
        0% {
            opacity: 1
        }

        33% {
            opacity: .5
        }

        100% {
            transform: rotateZ(1deg);
            opacity: 0
        }
    }

    @-webkit-keyframes animate-toast-success-tip {
        0% {
            top: .5625em;
            left: .0625em;
            width: 0
        }

        54% {
            top: .125em;
            left: .125em;
            width: 0
        }

        70% {
            top: .625em;
            left: -.25em;
            width: 1.625em
        }

        84% {
            top: 1.0625em;
            left: .75em;
            width: .5em
        }

        100% {
            top: 1.125em;
            left: .1875em;
            width: .75em
        }
    }

    @keyframes animate-toast-success-tip {
        0% {
            top: .5625em;
            left: .0625em;
            width: 0
        }

        54% {
            top: .125em;
            left: .125em;
            width: 0
        }

        70% {
            top: .625em;
            left: -.25em;
            width: 1.625em
        }

        84% {
            top: 1.0625em;
            left: .75em;
            width: .5em
        }

        100% {
            top: 1.125em;
            left: .1875em;
            width: .75em
        }
    }

    @-webkit-keyframes animate-toast-success-long {
        0% {
            top: 1.625em;
            right: 1.375em;
            width: 0
        }

        65% {
            top: 1.25em;
            right: .9375em;
            width: 0
        }

        84% {
            top: .9375em;
            right: 0;
            width: 1.125em
        }

        100% {
            top: .9375em;
            right: .1875em;
            width: 1.375em
        }
    }

    @keyframes animate-toast-success-long {
        0% {
            top: 1.625em;
            right: 1.375em;
            width: 0
        }

        65% {
            top: 1.25em;
            right: .9375em;
            width: 0
        }

        84% {
            top: .9375em;
            right: 0;
            width: 1.125em
        }

        100% {
            top: .9375em;
            right: .1875em;
            width: 1.375em
        }
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow:hidden
    }

    body.swal2-height-auto {
        height: auto !important
    }

    body.swal2-no-backdrop .swal2-shown {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        background-color: transparent
    }

    body.swal2-no-backdrop .swal2-shown>.swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,0.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

    .swal2-container {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background-color: transparent;
        z-index: 1060;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }

    .swal2-container.swal2-top {
        align-items: flex-start
    }

    .swal2-container.swal2-top-left,.swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end,.swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        align-items: center
    }

    .swal2-container.swal2-center-left,.swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end,.swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .swal2-container.swal2-grow-row>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
    }

    .swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top {
        align-items: center
    }

    .swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start {
        align-items: flex-start
    }

    .swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right {
        align-items: flex-end
    }

    .swal2-container.swal2-grow-column>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
        margin: auto
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .swal2-container .swal2-modal {
            margin: 0 !important
        }
    }

    .swal2-container.swal2-fade {
        transition: background-color .1s
    }

    .swal2-container.swal2-shown {
        background-color: rgba(0,0,0,0.4)
    }

    .swal2-popup {
        display: none;
        position: relative;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border-radius: .3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem;
        box-sizing: border-box
    }

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea {
        margin: 1em auto
    }

    .swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s, box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
        box-sizing: border-box
    }

    .swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
    }

    .swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5
    }

    .swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder {
        color: #ccc
    }

    .swal2-popup .swal2-file::-moz-placeholder, .swal2-popup .swal2-input::-moz-placeholder, .swal2-popup .swal2-textarea::-moz-placeholder {
        color: #ccc
    }

    .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
        color: #ccc
    }

    .swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder {
        color: #ccc
    }

    .swal2-popup .swal2-range input {
        width: 80%
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input,.swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: 0 .75em
    }

    .swal2-popup .swal2-input[type=number] {
        max-width: 10em
    }

    .swal2-popup .swal2-file {
        font-size: 1.125em
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio {
        align-items: center;
        justify-content: center
    }

    .swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label {
        margin: 0 .6em;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input {
        margin: 0 .4em
    }

    .swal2-popup .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
    }

    .swal2-popup .swal2-validation-message::before {
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center;
        content: '!';
        zoom:normal}

    @supports (-ms-accelerator: true) {
        .swal2-range input {
            width: 100% !important
        }

        .swal2-range output {
            display: none
        }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .swal2-range input {
            width: 100% !important
        }

        .swal2-range output {
            display: none
        }
    }

    @-moz-document url-prefix() {
        .swal2-close:focus {
            outline: 2px solid rgba(50,100,150,0.4)
        }
    }

    .swal2-icon {
        position: relative;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        border: .25em solid transparent;
        border-radius: 50%;
        line-height: 5em;
        cursor: default;
        box-sizing: content-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        zoom:normal}

    .swal2-icon-text {
        font-size: 3.75em
    }

    .swal2-icon.swal2-error {
        border-color: #f27474
    }

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: 1.0625em;
        transform: rotate(45deg)
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: 1em;
        transform: rotate(-45deg)
    }

    .swal2-icon.swal2-warning {
        border-color: #facea8;
        color: #f8bb86
    }

    .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
    }

    .swal2-icon.swal2-question {
        border-color: #c9dae1;
        color: #87adbd
    }

    .swal2-icon.swal2-success {
        border-color: #a5dc86
    }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        transform: rotate(45deg);
        border-radius: 50%
    }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -2.0635em;
        transform: rotate(-45deg);
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em
    }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.6875em;
        left: 1.875em;
        transform: rotate(-45deg);
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: 0.25em solid rgba(165,220,134,0.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        transform: rotate(-45deg);
        z-index: 1
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875em;
        left: .875em;
        width: 1.5625em;
        transform: rotate(45deg)
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        transform: rotate(-45deg)
    }

    .swal2-progresssteps {
        align-items: center;
        margin: 0 0 1.25em;
        padding: 0;
        font-weight: 600
    }

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
    }

    .swal2-progresssteps .swal2-progresscircle:first-child {
        margin-left: 0
    }

    .swal2-progresssteps .swal2-progresscircle:last-child {
        margin-right: 0
    }

    .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
        background: #3085d6
    }

    .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
        background: #add8e6
    }

    .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
        background: #add8e6
    }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
    }

    [class^=swal2] {
        -webkit-tap-highlight-color: transparent
    }

    .swal2-show {
        -webkit-animation: swal2-show .3s;
        animation: swal2-show .3s
    }

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

    .swal2-hide {
        -webkit-animation: swal2-hide .15s forwards;
        animation: swal2-hide .15s forwards
    }

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

    .swal2-rtl .swal2-close {
        right: auto;
        left: 0
    }

    .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: swal2-animate-success-line-tip .75s;
        animation: swal2-animate-success-line-tip .75s
    }

    .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: swal2-animate-success-line-long .75s;
        animation: swal2-animate-success-line-long .75s
    }

    .swal2-animate-success-icon .swal2-success-circular-line-right {
        -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
        animation: swal2-rotate-success-circular-line 4.25s ease-in
    }

    .swal2-animate-error-icon {
        -webkit-animation: swal2-animate-error-icon .5s;
        animation: swal2-animate-error-icon .5s
    }

    .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
    }

    @-webkit-keyframes swal2-rotate-loading {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes swal2-rotate-loading {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @media print {
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
            overflow-y: scroll !important
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: initial !important
        }
    }

    @font-face {
        font-family: Lato;
        font-style: italic;
        font-weight: 100;
        src: local("Lato Hairline Italic"),local(Lato-HairlineItalic),url(//fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCY.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCQ.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: italic;
        font-weight: 300;
        src: local("Lato Light Italic"),local(Lato-LightItalic),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwfp.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwfr.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: italic;
        font-weight: 400;
        src: local("Lato Italic"),local(Lato-Italic),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-u.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-s.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: italic;
        font-weight: 700;
        src: local("Lato Bold Italic"),local(Lato-BoldItalic),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwfp.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwfr.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: italic;
        font-weight: 900;
        src: local("Lato #000 Italic"),local(Lato-BlackItalic),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwfp.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwfr.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: normal;
        font-weight: 100;
        src: local("Lato Hairline"),local(Lato-Hairline),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-u.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-q.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-s.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: normal;
        font-weight: 300;
        src: local("Lato Light"),local(Lato-Light),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: normal;
        font-weight: 400;
        src: local("Lato Regular"),local(Lato-Regular),url(//fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWg.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: normal;
        font-weight: 700;
        src: local("Lato Bold"),local(Lato-Bold),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff) format("woff")
    }

    @font-face {
        font-family: Lato;
        font-style: normal;
        font-weight: 900;
        src: local("Lato Black"),local(Lato-Black),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHw.woff) format("woff")
    }

    body {
        font-family: Lato;
        background: #fff
    }

    .caixa-sombreada,.conteiner-principal .conteiner {
        box-shadow: none
    }

    .conteiner,.tarja,.tema-pequeno .conteiner {
        max-width: 1274px
    }

    .titulo {
        font-family: Lato
    }

    .cabecalho-interno .titulo {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 22px;
        text-transform: none
    }

    .cabecalho-interno .titulo small {
        color: #3b3b3b;
        font-size: 14px;
        font-weight: 400
    }

    .conteudo h1 {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase
    }

    .acoes-produto-responsiva .tag-comprar,.botao.principal.botao-comprar,.botao.principal.grande {
        background: #3b3b3b
    }

    .botao.principal,.botao.principal.botao-comprar,.botao.principal.grande {
        border-radius: 5px
    }

    .botao {
        border-radius: 5px;
        background: 0 0;
        border: solid 1px #3b3b3b;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        color: #3b3b3b
    }

    .botao:hover {
        opacity: .8;
        color: #fff;
        background-image: none;
        background: #3b3b3b
    }

    .atributos ul li a:hover,.atributos ul li.active a,.borda-principal,.elastislide-carousel ul li.active a,.tema-scuro .nav-tabs li.active a {
        border-color:#3b3b3b
    }

    .botao.principal,.botao.principal:hover,.dropdown-menu>li>a:hover,.filtro.lista ul li label:hover,.filtro.lista ul li.active label,.flex-control-paging li a.flex-active,.fundo-principal,.menu li:hover>a .fundo-secundario,.menu-simples li a:hover,.menu-simples li.active a {
        background:0 0;
        color: #3b3b3b;
        text-shadow: none
    }

    .atributo-comum .active a span,.atributo-comum a:hover span,.cor-principal,.menu a:hover,a,a:focus,a:hover {
        color:#3b3b3b
    }

    .fundo-secundario,.fundo-secundario *,.fundo-secundario :hover,.fundo-secundario.botao:hover,.fundo-secundario:hover {
        color: #fff
    }

    .form-horizontal input,.form-horizontal select {
        border-radius: 5px !important
    }

    body.tema-escuro {
        color: inherit
    }

    .tema-escuro .conteiner,.tema-escuro .modal {
        background-color: inherit
    }

    .tema-escuro .modal-footer {
        background-color: #fff;
        box-shadow: none;
        border-top-color: #3b3b3b
    }

    .tema-escuro .carrinho {
        background: inherit
    }

    .tema-escuro .atributos ul li a,.tema-escuro .carrinho-interno,.tema-escuro .direitos-reservados,.tema-escuro .menu .nivel-dois,.tema-escuro .menu .nivel-tres,.tema-escuro .menu.lateral .nivel-um>li>a,.tema-escuro .sugestoes {
        background-color: #3b3b3b
    }

    .tema-escuro .parcelas-produto .nav-tabs li a {
        background-color: inherit;
        box-shadow: none
    }

    .tema-escuro .atributo-comum a span,.tema-escuro .cor-secundaria {
        color: inherit
    }

    .tema-escuro .menu.superior .nivel-um>li {
        border-left: 0
    }

    .tema-escuro .menu .nivel-dois a {
        color: inherit
    }

    .tema-escuro .cep .add-on i,.tema-escuro .pagamento-selos .titulo {
        color: inherit
    }

    .tema-escuro .abas-conta li.active a,.tema-escuro .listagem-item .acoes-produto {
        background-color: inherit
    }

    .tema-escuro .caixa-dados ul {
        border-color: inherit
    }

    .tema-escuro #barraTopo {
        background-color: inherit
    }

    .tema-escuro .sem-banner .caixa-vazia {
        background-color: inherit
    }

    .tema-escuro .alert-message {
        color: inherit
    }

    .tema-escuro #rodape .span9.span12 p {
        color: inherit
    }

    .tema-escuro td,.tema-escuro th,.tema-escuro tr {
        border-color: inherit
    }

    .tema-transparente .conteiner {
        background-color: transparent;
        box-shadow: none
    }

    .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
        background-color:inherit
    }

    .tema-transparente .identificacao .identificacao-inner {
        background: inherit
    }

    .cadastro input[type=password],.cadastro input[type=text],.cadastro select {
        border-radius: 0;
        border: solid 1px #ccc
    }

    .cadastro legend {
        border-color: #3b3b3b;
        border-width: 3px;
        color: #3b3b3b;
        font-weight: 600;
        font-size: 20px
    }

    .cadastro label {
        color: #3b3b3b;
        font-weight: 600
    }

    .cadastro .caixa-sombreada.borda-principal {
        background: #fff
    }

    .cadastro .caixa-sombreada {
        box-shadow: none;
        border: solid 1px #ccc
    }

    .cadastro .recuperar-senha {
        color: #000;
        transition: all .2s ease-out
    }

    .cadastro .recuperar-senha i {
        color: #000
    }

    .cadastro .recuperar-senha:hover {
        color: #000;
        text-decoration: none;
        transition: all .2s ease-out
    }

    .pagina-conta .conta-menu,.pagina-favorito-listar .conta-menu,.pagina-pedido-listar .conta-menu {
        border: solid 1px #d8d9da
    }

    .pagina-conta .conta-menu .nome-usuario,.pagina-favorito-listar .conta-menu .nome-usuario,.pagina-pedido-listar .conta-menu .nome-usuario {
        font-size: 18px;
        color: #3b3b3b;
        font-weight: 600;
        border-bottom: solid 3px #3b3b3b;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .pagina-conta .conta-menu .nome-usuario i,.pagina-favorito-listar .conta-menu .nome-usuario i,.pagina-pedido-listar .conta-menu .nome-usuario i {
        color: #3b3b3b
    }

    .pagina-conta .conta-menu .menu-simples li,.pagina-favorito-listar .conta-menu .menu-simples li,.pagina-pedido-listar .conta-menu .menu-simples li {
        border: none
    }

    .pagina-conta .conta-menu .menu-simples li a,.pagina-favorito-listar .conta-menu .menu-simples li a,.pagina-pedido-listar .conta-menu .menu-simples li a {
        color: #9f9f9f;
        font-size: 14px;
        font-weight: 500;
        transition: all .2s ease-out
    }

    .pagina-conta .conta-menu .menu-simples li a i,.pagina-favorito-listar .conta-menu .menu-simples li a i,.pagina-pedido-listar .conta-menu .menu-simples li a i {
        color: #3b3b3b
    }

    .pagina-conta .conta-menu .menu-simples li a i.icon-star:before,.pagina-favorito-listar .conta-menu .menu-simples li a i.icon-star:before,.pagina-pedido-listar .conta-menu .menu-simples li a i.icon-star:before {
        content:"\f004"
    }

    .pagina-conta .conta-menu .menu-simples li a:hover,.pagina-favorito-listar .conta-menu .menu-simples li a:hover,.pagina-pedido-listar .conta-menu .menu-simples li a:hover {
        background:0 0;
        color: #3b3b3b
    }

    .pagina-conta .cadastro [class*=" icon-"],.pagina-conta .cadastro [class^=icon-],.pagina-conta .conteudo [class*=" icon-"],.pagina-conta .conteudo [class^=icon-],.pagina-favorito-listar .cadastro [class*=" icon-"],.pagina-favorito-listar .cadastro [class^=icon-],.pagina-favorito-listar .conteudo [class*=" icon-"],.pagina-favorito-listar .conteudo [class^=icon-],.pagina-pedido-listar .cadastro [class*=" icon-"],.pagina-pedido-listar .cadastro [class^=icon-],.pagina-pedido-listar .conteudo [class*=" icon-"],.pagina-pedido-listar .conteudo [class^=icon-] {
        color: #3b3b3b
    }

    .pagina-conta .cadastro .abas-conta li a,.pagina-conta .conteudo .abas-conta li a,.pagina-favorito-listar .cadastro .abas-conta li a,.pagina-favorito-listar .conteudo .abas-conta li a,.pagina-pedido-listar .cadastro .abas-conta li a,.pagina-pedido-listar .conteudo .abas-conta li a {
        box-shadow: none;
        border-color: #d8d9da;
        border-radius: 0;
        color: #3b3b3b;
        font-size: 18px;
        font-weight: 600
    }

    .pagina-conta .cadastro .abas-conta li a i,.pagina-conta .conteudo .abas-conta li a i,.pagina-favorito-listar .cadastro .abas-conta li a i,.pagina-favorito-listar .conteudo .abas-conta li a i,.pagina-pedido-listar .cadastro .abas-conta li a i,.pagina-pedido-listar .conteudo .abas-conta li a i {
        width: 40px;
        font-size: 2rem;
        vertical-align: middle
    }

    .pagina-conta .cadastro .abas-conta li a i.icon-star:before,.pagina-conta .conteudo .abas-conta li a i.icon-star:before,.pagina-favorito-listar .cadastro .abas-conta li a i.icon-star:before,.pagina-favorito-listar .conteudo .abas-conta li a i.icon-star:before,.pagina-pedido-listar .cadastro .abas-conta li a i.icon-star:before,.pagina-pedido-listar .conteudo .abas-conta li a i.icon-star:before {
        content:"\f004"
    }

    .pagina-conta .cadastro .abas-conteudo,.pagina-conta .conteudo .abas-conteudo,.pagina-favorito-listar .cadastro .abas-conteudo,.pagina-favorito-listar .conteudo .abas-conteudo,.pagina-pedido-listar .cadastro .abas-conteudo,.pagina-pedido-listar .conteudo .abas-conteudo {
        box-shadow: none;
        border: solid 1px #d8d9da
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados,.pagina-conta .conteudo .abas-conteudo .caixa-dados,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados {
        border: solid 1px #d8d9da
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-conta .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .caixa-info {
        box-shadow: none;
        border: solid 1px #d8d9da
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao {
        border-radius: 5px
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno {
        background: #e3e3e3;
        color: #3b3b3b
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i {
        color: #3b3b3b
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal {
        background: var(--botoes);
        color: #fff
    }

    .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i {
        color: #fff
    }

    .pagina-conta .cadastro h3.titulo,.pagina-conta .conteudo h3.titulo,.pagina-favorito-listar .cadastro h3.titulo,.pagina-favorito-listar .conteudo h3.titulo,.pagina-pedido-listar .cadastro h3.titulo,.pagina-pedido-listar .conteudo h3.titulo {
        font-size: 22px;
        font-weight: 600;
        color: #3b3b3b;
        border: none
    }

    .pagina-conta .cadastro h3.titulo small,.pagina-conta .conteudo h3.titulo small,.pagina-favorito-listar .cadastro h3.titulo small,.pagina-favorito-listar .conteudo h3.titulo small,.pagina-pedido-listar .cadastro h3.titulo small,.pagina-pedido-listar .conteudo h3.titulo small {
        color: #959595;
        font-weight: 500;
        font-size: 14px
    }

    .pagina-conta .cadastro .botao,.pagina-conta .conteudo .botao,.pagina-favorito-listar .cadastro .botao,.pagina-favorito-listar .conteudo .botao,.pagina-pedido-listar .cadastro .botao,.pagina-pedido-listar .conteudo .botao {
        border: 0;
        border-radius: 5px
    }

    .pagina-conta .cadastro .botao i,.pagina-conta .conteudo .botao i,.pagina-favorito-listar .cadastro .botao i,.pagina-favorito-listar .conteudo .botao i,.pagina-pedido-listar .cadastro .botao i,.pagina-pedido-listar .conteudo .botao i {
        color: #fff
    }

    #barraTopo {
        visibility: hidden;
        display: none;
        opacity: 0
    }

    .barra-inicial {
        background: #fff;
        display: none
    }

    .barra-inicial .row-fluid {
        display: flex;
        flex-wrap: wrap;
        border-bottom: solid 1px rgba(0,0,0,0.2);
        padding: 5px 0
    }

    .barra-inicial ul {
        overflow: visible;
        float: none
    }

    .barra-inicial .lista-redes {
        flex: 0 0 20%;
        width: auto;
        float: none;
        width: auto
    }

    @media only screen and (max-width: 1320px) {
        .barra-inicial .lista-redes {
            flex:auto
        }
    }

    .barra-inicial .canais-contato {
        flex: 0 0 42%;
        margin: 0
    }

    .barra-inicial .canais-contato ul li {
        margin: 0;
        padding: 0;
        border: 0
    }

    .barra-inicial .canais-contato ul li a,.barra-inicial .canais-contato ul li span {
        color: #9f9f9f;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        transition: all .2s ease-out
    }

    .barra-inicial .canais-contato ul li a i,.barra-inicial .canais-contato ul li span i {
        display: none
    }

    .barra-inicial .canais-contato ul li a:hover,.barra-inicial .canais-contato ul li span:hover {
        color:#3b3b3b
    }

    .barra-inicial .canais-contato ul li:first-child {
        display:none
    }

    .barra-inicial .canais-contato ul li:after {
        content:'\f111';
        font-family: FontAwesome;
        vertical-align: middle;
        font-size: .5em;
        color: #9f9f9f;
        padding: 0 10px
    }

    .barra-inicial .canais-contato ul li:last-child:after {
        display:none
    }

    @media only screen and (max-width: 1320px) {
        .barra-inicial .canais-contato {
            display:none
        }
    }

    .barra-inicial .top-actions {
        flex: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .barra-inicial .top-actions .top-action-item {
        padding: 0 10px;
        transition: all .2s ease-out
    }

    .barra-inicial .top-actions .top-action-item a {
        color: #9f9f9f;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        transition: all .2s ease-out
    }

    .barra-inicial .top-actions .top-action-item a .icon {
        width: 12px;
        fill: #9f9f9f;
        vertical-align: middle;
        margin-right: 5px;
        transition: all .2s ease-out
    }

    .barra-inicial .top-actions .top-action-item a:hover {
        color:#3b3b3b
    }

    .barra-inicial .top-actions .top-action-item a:hover .icon {
        fill:#3b3b3b
    }

    .barra-inicial .top-actions .top-action-item.rastreio:hover a {
        color: #3b3b3b
    }

    .barra-inicial .top-actions .top-action-item.rastreio:hover a .icon {
        fill: #3b3b3b
    }

    .barra-inicial .top-actions .top-action-item.rastreio:hover:after {
        color: #3b3b3b
    }

    .barra-inicial .top-actions .top-action-item.rastreio:after {
        content: '\f0d7';
        font-family: FontAwesome;
        margin-left: 5px;
        vertical-align: middle;
        color: #9f9f9f;
        transition: all .2s ease-out
    }

    .tracking {
        position: relative
    }

    .tracking .form-tracking {
        background: #fff;
        box-sizing: border-box;
        padding: 10px;
        transition: all .2s ease-out;
        margin-bottom: 0
    }

    .tracking .form-tracking .wrap {
        position: relative;
        margin: 10px 0
    }

    .tracking .form-tracking span {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        display: block;
        text-transform: none;
        margin: 10px 0;
        text-align: left;
        line-height: 20px
    }

    .tracking .form-tracking span .icon {
        width: 10px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        fill: #3b3b3b
    }

    .tracking .form-tracking input {
        width: 100%;
        padding: 0 10px;
        height: 48px;
        background: 0 0;
        box-sizing: border-box;
        padding: 10px;
        border-radius: 8px;
        margin-bottom: 0;
        color: #9b9b9b;
        font-weight: 400;
        font-size: 13px;
        outline: 0;
        border: solid 1px #d1d1d1;
        outline: 0
    }

    .tracking .form-tracking input::-webkit-input-placeholder {
        color:#9b9b9b;
        font-size: 13px;
        font-weight: 400
    }

    .tracking .form-tracking input:-moz-placeholder {
        color:#9b9b9b;
        font-size: 13px;
        font-weight: 400
    }

    .tracking .form-tracking input::-moz-placeholder {
        color:#9b9b9b;
        font-size: 13px;
        font-weight: 400
    }

    .tracking .form-tracking input:-ms-input-placeholder {
        color:#9b9b9b;
        font-size: 13px;
        font-weight: 400
    }

    .tracking .form-tracking input:focus {
        border-color:#3b3b3b;
        outline: 0;
        box-shadow: none
    }

    .tracking .form-tracking button {
        position: absolute;
        right: 10px;
        height: 48px;
        line-height: 48px;
        padding: 0;
        background: 0 0;
        color: #000;
        box-shadow: none;
        border: none
    }

    .tracking .form-tracking button .icon {
        width: 15px;
        height: 15px;
        fill: #3b3b3b;
        vertical-align: middle
    }

    #cabecalho {
        background: var(--cor-topo)
    }

    #cabecalho .conteiner {
        background: 0 0;
        padding-bottom: 12px
    }

    #cabecalho .conteiner>.row-fluid>.span3 {
        max-width: 21%
    }

    #cabecalho .conteiner>.row-fluid>.span3 .conteudo-topo.span9 {
        width: 78%;
        margin: 0
    }

    @media screen and (max-width: 767px) {
        #cabecalho .conteiner>.row-fluid>.span3 {
            max-width:100%
        }

        #cabecalho .conteiner>.row-fluid>.span3 .logo {
            margin: 0
        }
    }

    #cabecalho .bem-vindo .superior,#cabecalho .conteudo-topo .superior {
        display: none
    }

    #cabecalho .bem-vindo .inferior .busca-mobile,#cabecalho .conteudo-topo .inferior .busca-mobile {
        flex: 1;
        width: auto;
        justify-content: center;
        display: flex
    }

    #cabecalho .bem-vindo .inferior .span4,#cabecalho .conteudo-topo .inferior .span4 {
        min-width: 300px;
        width: auto
    }

    #cabecalho .row-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    #cabecalho .logo a {
        max-height: 75px
    }

    #cabecalho .busca {
        background: 0 0;
        border: none;
        padding-left: 0;
        flex: 1;
        max-width: 440px
    }

    #cabecalho .busca input,#cabecalho .busca input:focus {
        background:#f7f7f7;
        height: 45px;
        box-sizing: border-box;
        width: 100%;
        border-radius: 5px;
        padding: 0 16px;
        color: #3b3b3b;
        border: solid 1px transparent;
        font-size: 15px;
        font-weight: 400;
        outline: 0;
        box-shadow: none
    }

    #cabecalho .busca input::-webkit-input-placeholder,#cabecalho .busca input:focus::-webkit-input-placeholder {
        color:#a3a3a3;
        font-size: 15px;
        font-weight: 400
    }

    #cabecalho .busca input:-moz-placeholder,#cabecalho .busca input:focus:-moz-placeholder {
        color:#a3a3a3;
        font-size: 15px;
        font-weight: 400
    }

    #cabecalho .busca input::-moz-placeholder,#cabecalho .busca input:focus::-moz-placeholder {
        color:#a3a3a3;
        font-size: 15px;
        font-weight: 400
    }

    #cabecalho .busca input:-ms-input-placeholder,#cabecalho .busca input:focus:-ms-input-placeholder {
        color:#a3a3a3;
        font-size: 15px;
        font-weight: 400
    }

    #cabecalho .busca .botao {
        background: 0 0;
        color: #3b3b3b;
        height: 45px;
        border: none;
        font-size: 1.5em;
        font-weight: 400
    }

    #cabecalho .busca .botao:hover {
        color: #3b3b3b;
        opacity: .7
    }

    #cabecalho .actions {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        justify-content: space-between;
        align-items: center;
        max-width: 240px;
        float: right;
        width: 100%
    }

    #cabecalho .actions>li {
        margin-right: 5px;
        flex: auto;
        max-width: 40px;
        margin: 0 0
    }

    #cabecalho .actions>li>a {
        display: flex;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.3em;
        color: #3b3b3b;
        text-decoration: none;
        box-sizing: border-box;
        transition: all .2s ease-out
    }

    #cabecalho .actions>li>a .icon {
        width: 35px;
        height: 35px;
        display: block;
        margin: 0 0;
        margin-right: 0
    }

    #cabecalho .actions>li>a .icon * {
        fill: var(--cor-iconestopo)
    }

    #cabecalho .actions>li>a .icon circle {
        fill: #3b3b3b
    }

    #cabecalho .actions>li>a:hover .icon * {
        fill:var(--cor-principal)
    }

    #cabecalho .actions>li>a:hover .icon circle {
        fill:var(--cor-principal)
    }

    #cabecalho .actions>li:last-child {
        margin-right:0
    }

    #cabecalho .actions>li.cart>a {
        display: block;
        min-width: 130px
    }

    #cabecalho .actions>li.cart>a .wrap {
        display: none
    }

    #cabecalho .actions>li:hover .total-cart,#cabecalho .actions>li:hover a {
        color:#3b3b3b
    }

    #cabecalho .account {
        position: relative
    }

    #cabecalho .account>a .icon .c {
        fill: transparent
    }

    #cabecalho .account .account-list {
        transition: all .2s ease-out;
        border: 0;
        margin-left: 0;
        position: absolute;
        right: -45px;
        top: 100%;
        background: #fff;
        z-index: 999;
        min-width: 220px;
        visibility: hidden;
        opacity: 0;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2)
    }

    #cabecalho .account .account-list li {
        transition: all .2s ease-out
    }

    #cabecalho .account .account-list li a {
        color: #3b3b3b;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        padding: 10px;
        display: block;
        text-transform: none
    }

    #cabecalho .account .account-list li a .icon {
        width: 15px;
        height: 15px;
        fill: #3b3b3b;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    #cabecalho .account .account-list li a .icon * {
        fill: #3b3b3b
    }

    #cabecalho .account .account-list li:hover {
        background:#eaeaea
    }

    #cabecalho .account .account-list li:hover a {
        color:#3b3b3b
    }

    #cabecalho .account:hover .account-list {
        visibility: visible;
        opacity: 1
    }

    #cabecalho .support {
        position: relative
    }

    #cabecalho .support .support-items {
        transition: all .2s ease-out;
        border: 0;
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 100%;
        background: #fff;
        z-index: 999;
        min-width: 300px;
        visibility: hidden;
        opacity: 0;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2)
    }

    #cabecalho .support .support-items .icon {
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        fill: #3b3b3b;
        margin-right: 5px
    }

    #cabecalho .support .support-items .contact {
        margin: 0;
        padding: 10px;
        border-bottom: solid 1px #d4d5d6
    }

    #cabecalho .support .support-items .contact li {
        margin-bottom: 5px
    }

    #cabecalho .support .support-items .contact li i {
        margin-right: 10px
    }

    #cabecalho .support .support-items .contact li a,#cabecalho .support .support-items .contact li span {
        color: #3b3b3b;
        font-size: 13px;
        font-weight: 400;
        display: block;
        transition: all .2s ease-out
    }

    #cabecalho .support .support-items .contact li a:hover,#cabecalho .support .support-items .contact li span:hover {
        text-decoration:none;
        color: #3b3b3b
    }

    #cabecalho .support .support-items .office-hours {
        padding: 10px;
        display: flex;
        border-bottom: solid 1px #d4d5d6
    }

    #cabecalho .support .support-items .office-hours i {
        margin-right: 10px
    }

    #cabecalho .support .support-items .office-hours .icon .a {
        fill: transparent
    }

    #cabecalho .support .support-items .office-hours .icon .c {
        fill: #3b3b3b
    }

    #cabecalho .support .support-items .office-hours p {
        color: #3b3b3b;
        font-size: 13px;
        font-weight: 400;
        margin: 0
    }

    #cabecalho .support .support-items .office-hours p.title {
        color: #3b3b3b
    }

    #cabecalho .support:hover .support-items {
        visibility: visible;
        opacity: 1
    }

    #cabecalho .cart {
        position: relative
    }

    #cabecalho .carrinho {
        border: 0;
        float: none
    }

    #cabecalho .carrinho>a .icon {
        float: left
    }

    #cabecalho .carrinho>a span {
        display: none !important
    }

    #cabecalho .carrinho>a i {
        display: none
    }

    #cabecalho .carrinho>a strong {
        line-height: normal
    }

    #cabecalho .carrinho .qtd-carrinho {
        position: absolute;
        top: -9px;
        left: 22px;
        right: auto;
        width: 22px;
        height: 22px;
        background: var(--cor-principal);
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        border: solid 0 #000;
        display: block !important;
        margin: 0 2px
    }

    #cabecalho .carrinho .wrap .title-cart {
        display: none
    }

    #cabecalho .carrinho .wrap .total-cart {
        color: #3b3b3b;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        transition: all .2s ease-out;
        display: none;
        float: right;
        width: 100%
    }

    #cabecalho .carrinho .carrinho-interno {
        top: 100%
    }

    #cabecalho .carrinho .carrinho-interno.borda-principal {
        border-top-color: #3b3b3b
    }

    #cabecalho .carrinho .carrinho-interno .nome-produto {
        color: #000;
        text-transform: none;
        font-weight: 600;
        font-size: 13px;
        text-decoration: none
    }

    #cabecalho .carrinho .carrinho-interno .preco-produto .preco-promocional {
        font-size: 14px;
        font-weight: 700
    }

    #cabecalho .carrinho .carrinho-interno li {
        transition: all .2s ease-out;
        border-color: #d4d5d6
    }

    #cabecalho .carrinho .carrinho-interno li:hover {
        background:#f2f2f2
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao {
        height: 30px;
        line-height: 30px;
        font-size: 0;
        background-color: var(--botoes);
        border-radius: 5px;
        transition: all .2s ease-out;
        border: none
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao i {
        display: none
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao:after {
        content: "Fechar Compra";
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao:hover {
        opacity: .8
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .carrino-total {
        font-size: 14px;
        color: #c4c4c4;
        font-weight: 400
    }

    #cabecalho .carrinho .carrinho-interno .carrinho-rodape .carrino-total .titulo {
        color: #000;
        font-weight: 700
    }

    #cabecalho .carrinho.vazio .total-cart {
        display: none
    }

    #cabecalho .open-menu {
        width: 80px;
        height: 20px;
        background: 0 0;
        cursor: pointer;
        display: none;
        margin-right: 20px
    }

    #cabecalho.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.2)
    }

    @media only screen and (max-width: 768px) {
        #cabecalho.fixed {
            position:relative
        }

        #cabecalho .account .account-list li {
            line-height: 24px
        }
    }

    #cabecalho.fixed .full.menu {
        max-height: 0;
        opacity: 0;
        z-index: -1;
        transition: all .2s ease-out;
        overflow-y: hidden
    }

    #cabecalho.fixed .full.menu.active {
        max-height: 70px;
        opacity: 1;
        z-index: 20;
        overflow-y: visible
    }

    #cabecalho.fixed .open-menu {
        display: block;
        color: var(--cor-iconestopo)
    }

    #cabecalho.fixed .open-menu .line {
        background: var(--cor-iconestopo);
        height: 3px;
        width: 28px;
        margin-bottom: 5px;
        transform-origin: left;
        transition: ease-out .2s;
        transform: rotate(0);
        display: block
    }

    #cabecalho.fixed .open-menu .line:last-child {
        width: 20px
    }

    #cabecalho.fixed .open-menu.active {
        transform: translateX(5px)
    }

    #cabecalho.fixed .open-menu.active .line {
        transform: rotate(45deg);
        width: 23px
    }

    #cabecalho.fixed .open-menu.active .line:nth-child(1) {
        transform: rotate(45deg);
        width: 23px
    }

    #cabecalho.fixed .open-menu.active .line:nth-child(2) {
        width: 0;
        opacity: 0
    }

    #cabecalho.fixed .open-menu.active .line:nth-child(3) {
        transform: rotate(-45deg);
        width: 23px
    }

    @media only screen and (max-width: 768px) {
        #cabecalho.fixed .open-menu {
            display:none
        }
    }

    #cabecalho.fixed .conteudo-topo .inferior .span12 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end
    }

    @media not all and (max-width: 768px) {
        #cabecalho.fixed .busca-mobile {
            display:flex;
            flex-wrap: wrap;
            align-items: center
        }
    }

    @media only screen and (max-width: 768px) {
        #cabecalho.fixed {
            position:relative;
            z-index: 1000
        }
    }

    #cabecalho.logo-centro .conteudo-topo .inferior .span12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    #cabecalho.logo-centro .conteudo-topo.span3 {
        flex: auto;
        margin-left: 0
    }

    @media not all and (max-width: 768px) {
        #cabecalho.logo-centro .row-fluid>.span6 {
            width:33%;
            margin: 0 10px;
            flex: 0 0 33%
        }
    }

    @media (max-width: 979px) and (min-width: 768px) {
        #cabecalho.logo-centro .row-fluid>.span6 {
            width:33%;
            flex: 0 0 33%
        }
    }

    #cabecalho.logo-centro .logo a img {
        left: 0;
        right: 0;
        margin: auto
    }

    #cabecalho.logo-centro .actions>li {
        flex: auto;
        margin-right: 20px
    }

    #cabecalho.logo-centro .actions>li:last-child {
        margin-right:0
    }

    @media only screen and (max-width: 960px) {
        #cabecalho.logo-centro .actions>li.cart .wrap {
            display:none
        }
    }

    .ui-autocomplete a {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px
    }

    .full.menu {
        background: var(--cor-barramenu);
        flex: 1;
        border-top: solid 1px transparent;
        height: 48px;
        box-shadow: 0 0 6px rgba(0,0,0,0.16)
    }

    .full.menu .conteiner {
        background: 0 0;
        padding: 0;
        max-width: 1250px
    }

    .full.menu .conteiner .nivel-um {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .full.menu .conteiner .nivel-um:after {
        display: none
    }

    .full.menu .conteiner .nivel-um ul {
        border: none;
        border-radius: 0;
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.2)
    }

    .full.menu .conteiner .nivel-um>li {
        border: none;
        height: 100%;
        padding: 0;
        text-align: center;
        width: auto !important;
        padding: 8px 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .full.menu .conteiner .nivel-um>li>a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 30px
    }

    .full.menu .conteiner .nivel-um>li>a>.titulo {
        color: var(--cor-textomenu);
        font-size: 16px;
        text-transform: uppercase;
        font-family: Lato;
        font-weight: 600;
        transition: all .2s ease-out;
        line-height: normal
    }

    .full.menu .conteiner .nivel-um>li>a img.icon-category {
        margin-right: 5px;
        max-width: 35px;
        max-height: 35px
    }

    .full.menu .conteiner .nivel-um>li.offers>a {
        background: 0 0 !important;
        cursor: pointer;
        border-radius: 5px;
        padding: 0 16px
    }

    .full.menu .conteiner .nivel-um>li.offers .icon {
        width: 10px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        fill: #000 !important;
        margin-right: 10px
    }

    .full.menu .conteiner .nivel-um>li.offers>a>.titulo {
        color: #000 !important
    }

    .full.menu .conteiner .nivel-um>li.offers:hover>a>.titulo {
        color:#000 !important
    }

    .full.menu .conteiner .nivel-um>li:hover>.nivel-dois {
        display:block;
        height: auto;
        overflow-y: visible
    }

    .full.menu .conteiner .nivel-um>li:hover>a>.titulo {
        color:var(--cor-textomenu);
        opacity: .7
    }

    .full.menu .conteiner .nivel-um>li:hover .icon {
        opacity:.7
    }

    .full.menu .conteiner .nivel-um>li:nth-last-child(2) ul {
        right:0;
        left: auto
    }

    .full.menu .conteiner .nivel-um>li:nth-last-child(3) ul {
        right:0;
        left: auto
    }

    .full.menu .conteiner .nivel-um i {
        background: 0 0;
        color: #fff;
        display: none
    }

    .full.menu .conteiner .nivel-dois i {
        display: block;
        color: #9f9f9f;
        top: 3px
    }

    .full.menu .conteiner .nivel-dois li:hover>a i {
        color:#3b3b3b
    }

    .full.menu .conteiner .nivel-um i:hover {
        color:#fff
    }

    .full.menu .conteiner .nivel-dois {
        background: #fff;
        display: block;
        height: 0;
        overflow-y: hidden;
        position: absolute;
        left: 0 !important;
        top: 100%;
        padding: 0;
        width: 100vh;
        max-width: 230px;
        transition: all linear .2s
    }

    .full.menu .conteiner .nivel-dois li {
        border: none;
        padding: 0 15px
    }

    .full.menu .conteiner .nivel-dois li a {
        color: #9f9f9f;
        font-size: 14px;
        font-weight: 700;
        text-align: left
    }

    .full.menu .conteiner .nivel-dois li:hover {
        background:0 0
    }

    .full.menu .conteiner .nivel-dois li:hover>a {
        color:#3b3b3b
    }

    .full.menu .conteiner .nivel-dois li .titulo {
        color: #c4c4c4;
        font-size: 14px;
        font-weight: 600;
        text-align: left
    }

    .full.menu .conteiner .nivel-um>li:last-child>ul.nivel-dois,.full.menu .conteiner .nivel-um>li:nth-last-child(2)>ul.nivel-dois {
        right:0;
        left: auto
    }

    .full.menu .conteiner .offers .nivel-dois {
        width: 100vh;
        max-width: 900px
    }

    .full.menu .conteiner .categoria-marcas,.full.menu .conteiner .categoria-paginas {
        background-color: rgba(0,0,0,0.05)
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois li,.full.menu .conteiner .categoria-paginas .nivel-dois li {
        border: 0;
        padding: 0
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois li a,.full.menu .conteiner .categoria-paginas .nivel-dois li a {
        padding: 0 20px
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-3 {
        -moz-column-count: 3;
        column-count: 3
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-4 {
        -moz-column-count: 4;
        column-count: 4
    }

    .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-5 {
        -moz-column-count: 5;
        column-count: 5
    }

    .full.menu .conteiner #listagemProdutos.listagem .imagem-produto {
        height: 28vh
    }

    .full.menu .conteiner #listagemProdutos.listagem .imagem-produto img {
        opacity: 1 !important
    }

    @media screen and (max-height: 660px) {
        .full.menu .conteiner #listagemProdutos.listagem .imagem-produto {
            height:100px
        }
    }

    .full.menu .conteiner li.other-categories>.nivel-dois {
        width: auto
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li a strong {
        color: #9f9f9f;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        height: 30px
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois {
        position: absolute;
        top: 0;
        right: 100%;
        left: auto
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .com-filho .nivel-tres {
        right: 100%;
        left: auto
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .mega-categorias {
        padding: 0 !important
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .mega-recebe {
        display: none !important;
        width: auto !important
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho:hover>.nivel-dois {
        display:block
    }

    .full.menu .conteiner li.other-categories>.nivel-dois li:hover a strong {
        color:#3b3b3b
    }

    .full.menu .nivel-dois {
        width: 600px
    }

    .full.menu .nivel-dois .mega-categorias,.full.menu .nivel-dois .mega-recebe {
        margin: 0;
        width: 50%
    }

    .full.menu .nivel-dois .mega-categorias {
        padding: 30px;
        box-sizing: border-box
    }

    .full.menu .nivel-dois .mega-recebe {
        padding: 30px;
        box-sizing: border-box
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul {
        margin: 0;
        box-shadow: none
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha {
        padding: 0;
        width: 100%
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul {
        box-shadow: none
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li {
        margin: 0;
        padding: 0;
        width: 100%
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        border: 0 !important
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .imagem-produto img {
        opacity: 1
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .info-produto {
        min-height: 1px !important
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .info-produto .nome-produto {
        white-space: normal;
        text-align: center
    }

    .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item:hover {
        border:0 !important
    }

    .full.menu .offers .nivel-dois {
        left: auto;
        right: 0;
        width: 900px
    }

    .full.menu .offers .nivel-dois li {
        margin-bottom: 10px;
        padding: 10px 10px
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod {
        width: 100%
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul {
        margin: 0;
        padding: 0 30px;
        box-shadow: none
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul ul.slick-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        box-shadow: none;
        margin-top: -10px;
        padding-bottom: 10px;
        box-shadow: none
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul ul.slick-dots li {
        font-size: 0;
        background: #bdbdbd;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        border: none;
        padding: 0;
        margin: 0 5px
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul ul.slick-dots li button {
        font-size: 0
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul ul.slick-dots li.slick-active {
        background: var(--cor-principal);
        border: none
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul ul.slick-dots li:hover {
        background:var(--cor-principal);
        border: none
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .slick-prev {
        left: -17px
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .slick-next {
        right: -17px
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        width: 100%;
        box-shadow: none
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li {
        flex: 0 0 33%;
        width: 33%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item {
        margin: 0
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .imagem-produto img {
        opacity: 1 !important
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .info-produto {
        min-height: 1px !important
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .info-produto .nome-produto {
        white-space: normal;
        text-align: center
    }

    .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item.indisponivel img {
        opacity: .4
    }

    .full.menu .offers .nivel-dois .counter-offer {
        display: flex;
        flex-wrap: wrap
    }

    .full.menu .offers .nivel-dois .counter-offer .counter,.full.menu .offers .nivel-dois .counter-offer .promo {
        flex: 0 0 50%;
        box-sizing: border-box
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .title,.full.menu .offers .nivel-dois .counter-offer .promo .title {
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        line-height: normal;
        padding: 5px 0
    }

    .full.menu .offers .nivel-dois .counter-offer .promo {
        border-right: solid 1px #d1d1d1
    }

    .full.menu .offers .nivel-dois .counter-offer .promo .title {
        background: var(--cor-principal);
        position: relative
    }

    .full.menu .offers .nivel-dois .counter-offer .promo .title:after {
        content: '';
        width: 1px;
        height: 100%;
        display: block;
        background: var(--cor-principal);
        position: absolute;
        top: 0;
        right: -1px
    }

    .full.menu .offers .nivel-dois .counter-offer .promo p {
        display: block;
        font-size: 30px;
        color: #3b3b3b;
        font-weight: 400;
        margin: 25px 0;
        text-align: center
    }

    .full.menu .offers .nivel-dois .counter-offer .promo p strong {
        color: var(--cor-principal)
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .title {
        background: #3b3b3b
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 25px 0
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer {
        width: 52px;
        height: 52px;
        display: block
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer .a {
        fill: var(--cor-principal)
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer .c {
        fill: #fff
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item {
        line-height: normal;
        padding: 0 20px;
        position: relative
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:before {
        content: attr(date-value);
        display: block;
        font-size: 24px;
        font-weight: 400;
        color: #3b3b3b
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:after {
        content: ':';
        display: block;
        font-size: 30px;
        font-weight: 400;
        color: #3b3b3b;
        position: absolute;
        top: 0;
        right: 0
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:last-child:after {
        display: none
    }

    .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item .description {
        font-size: 16px;
        font-weight: 400;
        color: #909090
    }

    .full.menu .bandeiras-produto {
        left: 2px
    }

    .pagina-inicial .menu.lateral {
        border: solid 1px #d4d5d6
    }

    .pagina-inicial .menu.lateral ul.nivel-um>li {
        border: none
    }

    .pagina-inicial .menu.lateral ul.nivel-um>li>a {
        box-shadow: none;
        background: 0 0
    }

    .pagina-inicial .menu.lateral ul.nivel-um>li.com-filho a i {
        display: none
    }

    .pagina-inicial .menu.lateral .nivel-dois {
        box-shadow: none;
        background: #fff;
        padding: 0;
        border: solid 1px #d4d5d6
    }

    .pagina-inicial .menu.lateral .nivel-dois li {
        border: none
    }

    .pagina-inicial .menu.lateral .nivel-dois li a {
        font-size: 15px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase
    }

    .pagina-inicial .menu.lateral .titulo {
        font-size: 15px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase
    }

    .banner .flexslider {
        border: none;
        border-radius: 0
    }

    .banner .flexslider .flex-control-nav {
        left: 0;
        right: 0;
        bottom: 5%
    }

    .banner .flexslider .flex-control-paging li a {
        background: #fff;
        box-sizing: border-box;
        border-radius: 50%;
        width: 9px;
        height: 9px;
        border: none
    }

    .banner .flexslider .flex-control-paging li a:hover {
        background:#fff
    }

    .banner .flexslider .flex-control-paging li a.flex-active {
        background: var(--cor-principal);
        border: none
    }

    .banner.mini-banner {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center
    }

    .banner.mini-banner .modulo.span4 {
        width: auto;
        flex: auto;
        min-width: auto;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 5px
    }

    @media only screen and (max-width: 767px) {
        .banner.mini-banner .modulo.span4 {
            margin:10px 5px
        }
    }

    .banner.mini-banner .modulo.span4.sem-banner {
        display: none
    }

    @media only screen and (max-width: 767px) {
        .banner.mini-banner .modulo.span4 {
            top:0 !important
        }
    }

    .banner.mini-banner .modulo.span4 img {
        transition: all .4s ease-out;
        width: 100%;
        height: auto
    }

    .banner.mini-banner .modulo.span4 img:hover {
        transform:scale(1.1)
    }

    .banner.span12.banner.tarja {
        text-align: center;
        float: initial;
        margin: 20px auto
    }

    .pagina-inicial .secao-banners>.conteiner {
        max-width: 100%;
        padding: 0
    }

    body:not(.pagina-inicial) .banner.tarja {
        border-bottom:solid 1px #ddd;
        margin: 20px 0;
        padding-bottom: 20px
    }

    @media screen and (max-width: 768px) {
        .mini-banner {
            display:flex;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

        .mini-banner .modulo {
            margin: 20px 0
        }
    }

    .flex-direction-nav li a {
        width: 50px;
        height: 50px;
        background: 0 0;
        font-size: 0;
        margin-top: -25px;
        background: var(--cor-principal)
    }

    .flex-direction-nav li a.flex-next:before,.flex-direction-nav li a.flex-prev:before {
        visibility:hidden
    }

    .flex-direction-nav li a .icon {
        height: 30px;
        display: block;
        margin: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0
    }

    .flex-direction-nav li a .icon * {
        fill: #fff
    }

    .banner.cheio+.row-fluid {
        margin-top: 0
    }

    #carouselImagem .flex-direction-nav a.flex-next,#carouselImagem .flex-direction-nav a.flex-prev {
        background: 0 0;
        border: 0;
        opacity: 1
    }

    #carouselImagem .flex-direction-nav a.flex-next .icon *,#carouselImagem .flex-direction-nav a.flex-prev .icon * {
        fill: #3b3b3b
    }

    #fullbanner-mob {
        margin: 0
    }

    #fullbanner-mob ul.slick-dots {
        display: block !important;
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        margin: 0
    }

    #fullbanner-mob ul.slick-dots li {
        float: left;
        margin-right: 5px
    }

    #fullbanner-mob ul.slick-dots li:last-child {
        margin-right:0
    }

    #fullbanner-mob ul.slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        font-size: 0;
        background: #fff
    }

    #fullbanner-mob ul.slick-dots li.slick-active button {
        background: var(--cor-principal)
    }

    @media screen and (min-width: 768px) {
        #fullbanner-mob {
            display:none !important
        }
    }

    @media screen and (max-width: 767px) {
        body.pagina-inicial .cheio {
            display:none !important
        }

        #fullbanner-mob img {
            width: 100%
        }
    }

    body .BannerCentral.span12 {
        margin: 20px auto 30px;
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
        padding: 0
    }

    body .BannerCentral.span12.d-flex {
        display: flex
    }

    body .BannerCentral.span12 img {
        margin: 0 auto;
        width: 100%
    }

    #corpo .conteiner>.marcas {
        margin-bottom: 0
    }

    #corpo .conteiner>.marcas strong {
        color: #3b3b3b;
        text-transform: none;
        font-size: 26px;
        font-family: Lato;
        font-weight: 700;
        text-align: left;
        display: block;
        position: relative;
        padding: 20px 0
    }

    #corpo .conteiner>.marcas strong:after {
        content:"";
        background: var(--cor-principal);
        width: 5px;
        max-width: 5px;
        height: 45px;
        display: block;
        float: left;
        margin: 0;
        margin-right: 10px;
        margin-top: -7px
    }

    #corpo .conteiner>.marcas .flexslider {
        margin: 40px 0
    }

    #corpo .conteiner>.marcas .flexslider ul li img {
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: all .2s ease-out;
        opacity: .7
    }

    #corpo .conteiner>.marcas .flexslider ul li:hover img {
        -moz-filter:grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1
    }

    #corpo .conteiner>.marcas .flex-direction-nav .flex-next,#corpo .conteiner>.marcas .flex-direction-nav .flex-prev {
        background: 0 0;
        opacity: 1
    }

    #corpo .conteiner>.marcas .flex-direction-nav .flex-next .icon *,#corpo .conteiner>.marcas .flex-direction-nav .flex-prev .icon * {
        fill: #3b3b3b
    }

    #listagemProdutos.listagem .titulo-categoria strong,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria strong,.listagem.aproveite-tambem>.titulo {
        color: #3b3b3b;
        text-transform: none;
        font-size: 26px;
        font-family: Lato;
        font-weight: 700
    }

    #listagemProdutos.listagem .titulo-categoria,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria,.listagem.aproveite-tambem>.titulo {
        background: 0 0;
        border-top: none;
        text-align: left;
        position: relative;
        padding: 20px 0;
        margin-top: 15px;
    }

    #listagemProdutos.listagem .titulo-categoria:hover,#listagemProdutos.listagem>.titulo:hover,.listagem.aproveite-tambem .titulo-categoria:hover,.listagem.aproveite-tambem>.titulo:hover {
        background: 0 0;
        padding-left: 0
    }

    #listagemProdutos.listagem .titulo-categoria:after,#listagemProdutos.listagem>.titulo:after,.listagem.aproveite-tambem .titulo-categoria:after,.listagem.aproveite-tambem>.titulo:after {
        content: "";
        background: var(--cor-principal);
        width: 5px;
        max-width: 5px;
        height: 45px;
        display: block;
        float: left;
        margin: 0;
        margin-right: 10px;
        margin-top: -7px
    }

    #listagemProdutos.listagem .listagem-linha,.listagem.aproveite-tambem .listagem-linha {
        border: none
    }

    #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li {
        border: none
    }

    #listagemProdutos.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item {
        transition: all .2s ease-out;
        border: solid 0 transparent;
        box-shadow: 0 0 9px transparent;
        padding: 10px 0;
        margin: 0
    }

    #listagemProdutos.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-item .info-produto {
        text-align: center;
        min-height: 100px
    }

    #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
        font-size: 15px;
        color: #3b3b3b;
        font-weight: 400;
        text-transform: none;
        min-height: 10px;
        white-space: pre-wrap;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda {
        font-size: 14px;
        font-weight: 400;
        color: #3b3b3b;
        display: block;
        font-weight: 800;
        margin: 0 0 10px
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,#listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong {
        color: #3b3b3b;
        font-size: 22px;
        display: block;
        font-weight: 600
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela {
        font-size: 15px;
        font-weight: 400;
        color: #868686 !important
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong {
        font-weight: 400;
        color: #868686;
        font-size: 15px
    }

    #listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover {
        background: #fff;
        transition: all .2s ease-out;
        box-shadow: none;
        outline: 0;
        box-shadow: 0 0 9px rgba(0,0,0,0.2);
        border: solid 0 #d0d0d0;
        border-radius: 5px
    }

    #listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover .info-produto,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover .info-produto {
        opacity: .4
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto,.listagem.aproveite-tambem .listagem-item .acoes-produto {
        border: none;
        bottom: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        padding: 10px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
        box-sizing: border-box;
        transition: all .2s ease-out;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase !important;
        border: 0;
        border-radius: 5px;
        background: var(--botoes);
        display: block;
        text-align: center;
        padding: 0;
        width: auto;
        flex: auto;
        height: 42px;
        line-height: 42px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar i,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar i {
        display: none
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar .icon,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar .icon {
        fill: #fff;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        display: none
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar .icon *,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar .icon * {
        fill: #fff
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover {
        opacity: .7
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax {
        font-size: 0
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax:before,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax:before {
        content: 'Adicionar';
        font-size: 14px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter {
        height: 42px;
        width: 52px;
        margin-right: 10px;
        box-sizing: border-box;
        position: relative;
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 9px rgba(0,0,0,0.2)
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-prod,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-prod {
        border: solid 0 #c4c4c4;
        color: #3b3b3b;
        font-size: 18px;
        font-weight: 400;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 0;
        margin: 0;
        padding-left: 10px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
        height: 39px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty {
        height: 40%;
        width: 80%;
        display: block;
        background: #e8e8e8;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: .8em;
        color: #000;
        margin: 2px;
        border: none;
        border-radius: 3px;
        margin-top: 23%
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty:first-child,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty:first-child {
        border-bottom: solid 1px #c4c4c4
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty *,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty * {
        top: 1px
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty i.icon-sort-down,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty i.icon-sort-down {
        height: 12px
    }

    #listagemProdutos.listagem .listagem-item.item-adicionado,.listagem.aproveite-tambem .listagem-item.item-adicionado {
        border-color: #3b3b3b
    }

    #listagemProdutos.listagem .listagem-item.item-adicionado:hover,.listagem.aproveite-tambem .listagem-item.item-adicionado:hover {
        border-color: #3b3b3b
    }

    #listagemProdutos.listagem .listagem-item.item-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.item-adicionado .acoes-produto {
        opacity: 1
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado .info-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .info-produto {
        opacity: 0
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .acoes-produto {
        display: none
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho,.listagem.aproveite-tambem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho {
        display: none
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::before,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::before {
        content:"\f00c";
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15%;
        height: 50px;
        width: 50px;
        border-radius: 60px;
        text-align: center;
        color: #3b3b3b;
        font-size: 3em;
        display: flex;
        align-items: center;
        background: #e2e2e2;
        justify-content: center;
        margin: 0 auto
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::after,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::after {
        content:"Adicionado à sacola";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 5%;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        text-align: center
    }

    #listagemProdutos.listagem .listagem-item.indisponivel,.listagem.aproveite-tambem .listagem-item.indisponivel {
        background: 0 0
    }

    #listagemProdutos.listagem .listagem-item.indisponivel:hover .info-produto,.listagem.aproveite-tambem .listagem-item.indisponivel:hover .info-produto {
        opacity: 1
    }

    #listagemProdutos.listagem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn,.listagem.aproveite-tambem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn {
        background: #3b3b3b;
        color: #fff;
        border-color: #3b3b3b;
        text-align: center
    }

    #listagemProdutos.listagem .imagem-produto,#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem.aproveite-tambem .imagem-produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .imagem-produto {
        height: 300px
    }

    .bandeiras-produto {
        right: auto;
        left: 15px
    }

    .bandeiras-produto .bandeira-indisponivel {
        background: #3b3b3b;
        border: none;
        box-shadow: none
    }

    .bandeiras-produto .bandeira-frete-gratis,.bandeiras-produto .bandeira-promocao {
        border-radius: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        box-shadow: none;
        border: none
    }

    .bandeiras-produto .bandeira-promocao {
        background: var(--cor-principal);
        color: #fff;
        border-radius: 5px
    }

    .bandeiras-produto .bandeira-promocao:before {
        content: '-'
    }

    .bandeiras-produto .bandeira-frete-gratis {
        background: #3b3b3b;
        color: #fff;
        float: right;
        border-radius: 5px
    }

    .bandeiras-produto .adicionado-carrinho {
        display: none
    }

    .adic-favo {
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: 30;
        text-decoration: none;
        color: #3b3b3b;
        background: 0 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 40px;
        transition: all .2s ease-out
    }

    .adic-favo .icon {
        fill: #3b3b3b
    }

    .adic-favo:active,.adic-favo:focus,.adic-favo:hover {
        background: 0 0;
        color: var(--cor-principal);
        text-decoration: none
    }

    .adic-favo.added {
        color: var(--cor-principal)
    }

    @media not all and (max-width: 768px) {
        body.pagina-busca .listagem .listagem-linha ul:after,body.pagina-categoria .listagem .listagem-linha ul:after {
            display:none
        }

        body.pagina-busca .listagem .listagem-linha ul>li,body.pagina-categoria .listagem .listagem-linha ul>li {
            width: 33%;
            margin-left: 0;
            margin-right: 0
        }
    }

    .listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem .span3 .imagem-produto {
        height: 300px
    }

    .listagem button.slick-next.slick-arrow {
        font-size: 0;
        background: 0 0
    }

    .listagem button.slick-next.slick-arrow:before {
        content:'\f105';
        font-family: fontawesome;
        font-size: 48px
    }

    .listagem button.slick-prev.slick-arrow {
        font-size: 0;
        background: 0 0
    }

    .listagem button.slick-prev.slick-arrow:before {
        content:'\f104';
        font-family: fontawesome;
        font-size: 48px
    }

    .listagem>ul:not(.produtos-carrossel) li {
        padding:0;
        margin: auto
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

    .slick-slider .slick-list,.slick-slider .slick-track {
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block
    }

    .slick-track:after,.slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir=rtl] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    .slick-next,.slick-prev {
        width: 15px;
        height: 15px;
        display: block;
        z-index: 20;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer
    }

    .slick-next .icon,.slick-prev .icon {
        fill: #3b3b3b
    }

    .slick-next .icon .a,.slick-prev .icon .a {
        fill: #3b3b3b
    }

    .slick-prev {
        left: -7px
    }

    .slick-next {
        right: -7px
    }

    .listagem>ul {
        margin: 0
    }

    .listagem>ul:not(.produtos-carrossel) {
        display:-moz-flex;
        display: flex;
        flex-wrap: wrap
    }

    .pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem>ul:not(.produtos-carrossel)>li {
        width:33%;
        margin: 0 0 30px
    }

    .listagem>ul>li {
        display: inline;
        padding: 0
    }

    .listagem-linha * {
        outline: 0
    }

    .slick-slider {
        display: block !important
    }

    .listagem .produtos-carrossel {
        padding: 0
    }

    .pagina-produto .listagem>ul {
        margin: 0 -15px
    }

    @media screen and (max-width: 1024px) {
        .pagina-produto .listagem>ul {
            margin:0
        }
    }

    @media screen and (max-width: 767px) {
        .listagem ul>li li {
            margin:0;
            padding: 0;
            width: 25%;
            border: 0;
            float: left;
            padding: 0 15px;
            padding-bottom: 30px
        }

        .listagem ul:not(.produtos-carrossel)>li {
            margin: 0;
            padding: 0;
            width: 25%;
            border: 0;
            float: left;
            padding: 0 15px;
            padding-bottom: 30px
        }

        .listagem .listagem-linha {
            position: relative
        }

        .pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul:not(.produtos-carrossel)>li {
            width: 33%
        }

        .pagina-produto .listagem .listagem-linha ul:nth-child(n+2) {
            display: none
        }

        .listagem-linha .slick-product {
            margin-left: -15px !important;
            margin-right: -15px !important
        }

        .listagem .listagem-item {
            margin: 0;
            padding: 5px
        }
    }

    @media screen and (max-width: 1024px) {
        .listagem-linha .slick-product {
            margin-left:0 !important;
            margin-right: 0 !important
        }

        .listagem ul:not(.produtos-carrossel)>li {
            width: 25%;
            padding: 0 0 15px 0
        }

        .listagem ul>li li {
            padding: 0 0 15px 0
        }
    }

    @media screen and (max-width: 767px) {
        .listagem ul:not(.produtos-carrossel)>li,.pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul>li {
            width:50%
        }

        #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
            font-size: 25px
        }
    }

    @media screen and (max-width: 480px) {
        .listagem ul:not(.produtos-carrossel)>li,.pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul:not(.produtos-carrossel)>li {
            width:100%
        }
    }

    .smarthint .bandeiras-produto .bandeira-promocao::after {
        display: none
    }

    ul.slick-dots {
        display: none !important
    }

    #barraNewsletter.posicao-rodape {
        background: #fff;
        box-shadow: none;
        display: block;
        float: left;
        width: 100%
    }

    #barraNewsletter.posicao-rodape .conteiner {
        width: 100%;
        min-height: 120px;
        background: 0 0;
        display: flex;
        align-items: center
    }

    #barraNewsletter.posicao-rodape .componente {
        background: 0 0
    }

    #barraNewsletter.posicao-rodape .componente .interno {
        padding: 0
    }

    #barraNewsletter.posicao-rodape .componente .interno .interno-conteudo {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: no-wrap
    }

    #barraNewsletter.posicao-rodape .componente .texto-newsletter {
        text-align: center;
        font-size: 26px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        overflow: visible;
        margin: 0 auto
    }

    #barraNewsletter.posicao-rodape .componente .texto-newsletter::before {
        content: '\F003';
        font-family: FontAwesome;
        font-size: 1.3em;
        font-weight: 400;
        margin-top: -10px;
        display: inline-block;
        vertical-align: middle;
        width: 60px;
        height: 30px;
        margin-right: 10px
    }

    #barraNewsletter.posicao-rodape .componente .input-conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter {
        padding: 0
    }

    #barraNewsletter.posicao-rodape .componente .texto-newsletter {
        width: 100%
    }

    #barraNewsletter.posicao-rodape .componente .input-conteiner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        overflow: visible;
        margin-bottom: 0
    }

    #barraNewsletter.posicao-rodape .componente .input-conteiner.hide {
        display: none
    }

    #barraNewsletter.posicao-rodape .componente input[type=text] {
        width: 40%;
        background: #fff;
        border: solid 1px #d1d1d1;
        border-radius: 5px;
        box-sizing: border-box;
        height: 42px;
        padding: 0 26px;
        box-shadow: none;
        margin-right: 10px;
        color: #8d8d8d;
        font-size: 13px
    }

    #barraNewsletter.posicao-rodape .componente input[type=text]::-webkit-input-placeholder {
        color:#8d8d8d;
        font-size: 13px;
        font-weight: 400
    }

    #barraNewsletter.posicao-rodape .componente input[type=text]:-moz-placeholder {
        color:#8d8d8d;
        font-size: 13px;
        font-weight: 400
    }

    #barraNewsletter.posicao-rodape .componente input[type=text]::-moz-placeholder {
        color:#8d8d8d;
        font-size: 13px;
        font-weight: 400
    }

    #barraNewsletter.posicao-rodape .componente input[type=text]:-ms-input-placeholder {
        color:#8d8d8d;
        font-size: 13px;
        font-weight: 400
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar {
        width: 20%;
        background: 0 0;
        border-radius: 5px;
        color: #fff;
        height: 42px;
        border: solid 2px transparent;
        transition: all .2s ease-out
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar::before {
        content: 'Assinar';
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        display: inline-block;
        font-family: Lato;
        margin-right: 10px;
        vertical-align: middle
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar::after {
        content: '\F105';
        font-family: FontAwesome;
        color: #fff;
        vertical-align: middle;
        font-size: 1.4em;
        font-weight: 400
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover {
        background: 0 0;
        color: #fff
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:after,#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:before {
        color: transparent;
        fill: transparent
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-confirmacao span {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--cor-principal)
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok {
        color: var(--cor-principal)
    }

    #barraNewsletter.posicao-rodape .componente .alert {
        position: absolute;
        z-index: 99999
    }

    @media screen and (max-width: 767px) {
        #barraNewsletter.posicao-rodape {
            height:auto;
            padding: 20px;
            box-sizing: border-box
        }

        #barraNewsletter.posicao-rodape .componente .input-conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter {
            width: 100%;
            margin-bottom: 10px;
            text-overflow: clip;
            overflow: visible;
            white-space: normal;
            text-align: center;
            padding: 0 40px
        }

        #barraNewsletter.posicao-rodape .componente .interno-conteudo {
            flex-wrap: wrap
        }

        #barraNewsletter.posicao-rodape .componente .texto-newsletter::before {
            margin: 10px auto;
            display: block
        }

        #barraNewsletter.posicao-rodape .componente input[type=text] {
            width: 100%;
            margin: 10px 0;
            text-align: center
        }

        #barraNewsletter.posicao-rodape .componente .botao {
            width: 100%
        }
    }

    .coluna div.componente.newsletter {
        background: #fff;
        height: auto;
        border-radius: 6px;
        box-sizing: border-box;
        border: solid 1px #d0d0d0
    }

    .coluna div.componente.newsletter .titulo {
        margin-bottom: 0
    }

    .coluna div.componente.newsletter .titulo i {
        float: none
    }

    .coluna div.componente.newsletter .titulo i:before {
        height:30px;
        margin: 0 auto 20px;
        display: inline-block;
        content: '\F003';
        font-family: FontAwesome;
        vertical-align: middle;
        font-size: 2.3em;
        font-weight: 400;
        width: 100%;
        margin-top: -10px
    }

    .coluna div.componente.newsletter .interno {
        padding: 20px;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .coluna div.componente.newsletter .texto-newsletter {
        color: #3b3b3b;
        font-size: 14px;
        font-family: Lato;
        font-weight: 400;
        display: block;
        margin: 10px 0 20px;
        text-align: center
    }

    .coluna div.componente.newsletter input[type=text] {
        width: 100%;
        height: 55px;
        box-sizing: border-box;
        display: block;
        border-radius: 6px;
        padding: 0 15px;
        background: #fff;
        border: solid 1px #c4c4c4;
        color: #9f9f9f;
        text-align: center
    }

    .coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder {
        color:#9f9f9f;
        font-weight: 400;
        font-size: 13px
    }

    .coluna div.componente.newsletter input[type=text]:-moz-placeholder {
        color:#9f9f9f;
        font-weight: 400;
        font-size: 13px
    }

    .coluna div.componente.newsletter input[type=text]::-moz-placeholder {
        color:#9f9f9f;
        font-weight: 400;
        font-size: 13px
    }

    .coluna div.componente.newsletter input[type=text]:-ms-input-placeholder {
        color:#9f9f9f;
        font-weight: 400;
        font-size: 13px
    }

    .coluna div.componente.newsletter .botao {
        margin: 15px 0 0 0;
        width: 100%;
        display: block;
        background: var(--cor-principal);
        border: solid 2px var(--cor-principal);
        height: 55px;
        transition: all .2s ease-out;
        position: inherit;
        border-radius: 6px;
        color: #fff
    }

    .coluna div.componente.newsletter .botao:before {
        content:"Assinar";
        font-size: 16px;
        font-family: Lato;
        font-weight: 400;
        text-transform: uppercase;
        margin-right: 10px;
        vertical-align: middle
    }

    .coluna div.componente.newsletter .botao:after {
        content:'\F105';
        font-family: FontAwesome;
        color: #fff;
        vertical-align: middle;
        font-size: 1.4em;
        font-weight: 400
    }

    .coluna div.componente.newsletter .botao:hover {
        transition:all .2s ease-out;
        opacity: 0.7
    }

    .coluna div.componente.newsletter .newsletter-confirmacao span {
        color: #3b3b3b
    }

    .coluna div.componente.newsletter .newsletter-confirmacao .icon-ok {
        color: #3b3b3b
    }

    .modal-modalNewsletter {
        left: 50% !important;
        transform: translateX(-50%)
    }

    .modal-modalNewsletter .fancybox-skin {
        width: 420px !important;
        height: 260px !important;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        border-radius: 0
    }

    @media screen and (max-width: 680px) {
        .modal-modalNewsletter .fancybox-skin {
            width:340px !important
        }
    }

    .modal-modalNewsletter .fancybox-outer {
        height: 260px !important
    }

    .modal-modalNewsletter .fancybox-inner {
        width: 100% !important;
        height: 260px !important
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno {
        background: 0 0;
        height: 260px;
        padding: 0
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .titulo {
        display: none
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo {
        height: 100%;
        position: relative
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
        position: absolute;
        top: 10%;
        color: #3b3b3b;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        display: block;
        padding: 0;
        max-width: 385px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:before {
        height: 30px;
        margin: 0 auto 20px;
        display: inline-block;
        content: '\F003';
        font-family: FontAwesome;
        vertical-align: middle;
        font-size: 2.3em;
        font-weight: 400;
        width: 100%;
        margin-top: -10px
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner {
        position: absolute;
        bottom: 10%;
        left: 0;
        right: 0;
        margin: 0 30px
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
        box-sizing: border-box;
        box-shadow: none;
        height: 45px;
        background: #fff;
        padding: 0 18px;
        border: solid 1px #c4c4c4;
        border-radius: 0;
        width: 100%;
        color: #3b3b3b;
        text-align: center;
        margin: 20px 0;
        border-radius: 6px
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:focus {
        border-color:#3b3b3b
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-webkit-input-placeholder {
        color:#959595;
        font-size: 13px;
        font-weight: 400
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-moz-placeholder {
        color:#959595;
        font-size: 13px;
        font-weight: 400
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-moz-placeholder {
        color:#959595;
        font-size: 13px;
        font-weight: 400
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-ms-input-placeholder {
        color:#959595;
        font-size: 13px;
        font-weight: 400
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
        width: 100%;
        border-radius: 0;
        border: solid 1px var(--cor-principal);
        background: var(--cor-principal);
        height: 45px;
        padding: 0 10px;
        line-height: 40px;
        color: #fff;
        box-sizing: border-box;
        transition: all .2s ease-out;
        position: relative;
        border-radius: 6px
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao::before {
        content: "Assinar";
        font-family: Lato;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px;
        margin-right: 10px;
        vertical-align: middle
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao::after {
        content: '\F105';
        font-family: FontAwesome;
        color: #fff;
        vertical-align: middle;
        font-size: 1.2em;
        font-weight: 400
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover {
        opacity: 0.7
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao {
        position: absolute;
        bottom: 20%;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 300px
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao .icon-ok {
        float: none;
        vertical-align: middle;
        color: #3b3b3b
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao span {
        margin-left: 0;
        padding: 0;
        display: inline-block;
        font-weight: 400;
        color: #3b3b3b
    }

    .modal-modalNewsletter .fancybox-close {
        background: 0 0;
        top: 10px;
        right: 5px
    }

    .modal-modalNewsletter .fancybox-close:hover {
        text-decoration: none
    }

    .modal-modalNewsletter .fancybox-close:before {
        content: "\f00d";
        color: #3b3b3b;
        font-size: 2em;
        font-family: FontAwesome;
        font-weight: 400
    }

    .breadcrumbs,.info-principal-produto .breadcrumbs {
        background: #f2f2f2;
        border: none;
        border-radius: 2px
    }

    .breadcrumbs ul li,.info-principal-produto .breadcrumbs ul li {
        border: none
    }

    .breadcrumbs ul li:first-child *,.info-principal-produto .breadcrumbs ul li:first-child * {
        padding-left:10px
    }

    .breadcrumbs ul li a,.info-principal-produto .breadcrumbs ul li a {
        color: #3b3b3b;
        font-weight: 400;
        text-transform: none;
        font-size: 14px
    }

    .breadcrumbs ul li a>.icon-home,.info-principal-produto .breadcrumbs ul li a>.icon-home {
        display: none
    }

    .breadcrumbs ul li::after,.info-principal-produto .breadcrumbs ul li::after {
        content:"\00BB";
        color: #999
    }

    .breadcrumbs ul li:last-child a,.info-principal-produto .breadcrumbs ul li:last-child a {
        color:#9f9f9f
    }

    .breadcrumbs ul li:last-child::after,.info-principal-produto .breadcrumbs ul li:last-child::after {
        content:""
    }

    .breadcrumbs ul li strong,.info-principal-produto .breadcrumbs ul li strong {
        color: #9f9f9f;
        text-transform: none;
        font-weight: 400;
        font-size: 14px
    }

    .pagina-produto .breadcrumbs {
        background: 0 0
    }

    .pagina-produto .breadcrumbs ul li:first-child * {
        padding-left:0
    }

    .pagina-produto .breadcrumbs ul li a {
        color: #3b3b3b;
        font-size: 14px
    }

    .pagina-produto .breadcrumbs ul li a i {
        display: none
    }

    .pagina-produto .breadcrumbs ul li::after {
        color:#999
    }

    .pagina-produto .breadcrumbs ul li:last-child a {
        color:#9f9f9f
    }

    .pagina-produto .breadcrumbs ul li:last-child::after {
        content:""
    }

    .pagina-busca .menu.lateral,.pagina-categoria .menu.lateral {
        border-radius: 6px;
        box-shadow: none;
        border: solid 1px #d4d5d6
    }

    .pagina-busca .menu.lateral .nivel-um,.pagina-categoria .menu.lateral .nivel-um {
        border-top: 0
    }

    .pagina-busca .menu.lateral .nivel-um>li>a,.pagina-categoria .menu.lateral .nivel-um>li>a {
        background: 0 0;
        box-shadow: none
    }

    .pagina-busca .menu.lateral .nivel-um>li>a .titulo,.pagina-categoria .menu.lateral .nivel-um>li>a .titulo {
        color: #3b3b3b;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase
    }

    .pagina-busca .menu.lateral .nivel-um>li.ativo,.pagina-categoria .menu.lateral .nivel-um>li.ativo {
        background: 0 0;
        border: none
    }

    .pagina-busca .menu.lateral .nivel-um>li.ativo i,.pagina-categoria .menu.lateral .nivel-um>li.ativo i {
        background: 0 0;
        color: #3b3b3b
    }

    .pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo,.pagina-categoria .menu.lateral .nivel-um>li.ativo a .titulo {
        color: #3b3b3b;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase
    }

    .pagina-busca .menu.lateral .nivel-um>li.com-filho,.pagina-categoria .menu.lateral .nivel-um>li.com-filho {
        border: none
    }

    .pagina-busca .menu.lateral .nivel-um>li.com-filho>a strong,.pagina-categoria .menu.lateral .nivel-um>li.com-filho>a strong {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 15px
    }

    .pagina-busca .menu.lateral .nivel-um>li.com-filho>a i,.pagina-categoria .menu.lateral .nivel-um>li.com-filho>a i {
        display: none
    }

    .pagina-busca .menu.lateral .nivel-dois,.pagina-categoria .menu.lateral .nivel-dois {
        padding: 10px 0;
        box-shadow: none
    }

    .pagina-busca .menu.lateral .nivel-dois>li,.pagina-categoria .menu.lateral .nivel-dois>li {
        border: none
    }

    .pagina-busca .menu.lateral .nivel-dois>li>a,.pagina-categoria .menu.lateral .nivel-dois>li>a {
        color: #9f9f9f;
        font-size: 14px;
        font-weight: 400;
        padding: 0 10px
    }

    .pagina-busca .menu.lateral .nivel-dois>li:hover,.pagina-categoria .menu.lateral .nivel-dois>li:hover {
        background:0 0
    }

    .pagina-busca .menu.lateral .nivel-dois>li:hover>a,.pagina-categoria .menu.lateral .nivel-dois>li:hover>a {
        font-weight:400;
        color: #3b3b3b
    }

    .pagina-busca .menu.lateral .nivel-dois>li i,.pagina-categoria .menu.lateral .nivel-dois>li i {
        display: none
    }

    .pagina-busca .menu.lateral .nivel-tres,.pagina-categoria .menu.lateral .nivel-tres {
        box-shadow: none;
        border: solid 1px #d4d5d6
    }

    .pagina-busca .menu.lateral .nivel-tres>li>a,.pagina-categoria .menu.lateral .nivel-tres>li>a {
        color: #9b9b9b;
        font-size: 14px;
        font-weight: 400;
        padding: 0 10px
    }

    .pagina-busca .menu.lateral .nivel-tres>li:hover>a,.pagina-categoria .menu.lateral .nivel-tres>li:hover>a {
        color:#3b3b3b;
        font-weight: 400
    }

    .pagina-busca .menu.lateral.outras .nivel-um li,.pagina-categoria .menu.lateral.outras .nivel-um li {
        padding: 10px
    }

    .pagina-busca .menu.lateral.outras .nivel-um li>a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li>a .titulo {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 15px;
        text-transform: uppercase
    }

    .pagina-busca .menu.lateral.outras .nivel-um li:hover a,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a {
        background:0 0
    }

    .pagina-busca .menu.lateral.outras .nivel-um li:hover a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a .titulo {
        opacity:.7
    }

    .pagina-busca .menu.lateral li.ativo,.pagina-categoria .menu.lateral li.ativo {
        background: 0 0
    }

    .pagina-busca .menu.lateral li.ativo>a,.pagina-categoria .menu.lateral li.ativo>a {
        color: #3b3b3b;
        font-weight: 400
    }

    .pagina-categoria .conteudo h1.titulo {
        color: #3b3b3b;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        line-height: normal
    }

    .pagina-categoria .conteudo h1.titulo:after {
        content:"";
        width: 100%;
        height: 1px;
        display: block;
        background: #d0d0d0;
        margin: 15px 0
    }

    .pagina-busca .conteudo ol {
        margin: 0;
        margin-bottom: 10px
    }

    .pagina-busca .conteudo ol li {
        color: #b5b5b5;
        font-size: 14px
    }

    .ordenar-listagem.rodape,.ordenar-listagem.topo {
        border: none
    }

    .filtro {
        box-shadow: none;
        outline: 0;
        border: solid 1px #d4d5d6;
        border-radius: 6px
    }

    .filtro .titulo {
        font-size: 15px;
        color: #3b3b3b;
        font-weight: 700;
        border: none;
        text-transform: uppercase
    }

    .filtro.lista ul {
        border: solid 1px #d4d5d6
    }

    .filtro.lista ul li {
        border: none;
        border-bottom: solid 1px #d4d5d6
    }

    .filtro.lista ul li a {
        text-decoration: none;
        transition: all .2s ease-out
    }

    .filtro.lista ul li a label {
        color: #838383;
        font-size: 14px;
        font-weight: 400
    }

    .filtro.lista ul li a label:hover {
        background:0 0;
        color: #3b3b3b;
        font-weight: 700
    }

    .filtro.lista ul li.active label {
        background: 0 0;
        color: #3b3b3b;
        font-weight: 700
    }

    .filtro.lista ul li:first-child {
        border-bottom:solid 1px #d4d5d6
    }

    .filtro.lista ul li:last-child {
        border-bottom:0
    }

    .filtro.atributos .icon-remove {
        display: none !important
    }

    .filtro.atributos .atributo-cor ul li {
        overflow: hidden
    }

    .filtro.atributos .atributo-cor ul li a {
        box-shadow: none;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        position: relative;
        overflow: hidden;
        border: solid 1px #c4c4c4
    }

    .filtro.atributos .atributo-cor ul li a span {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border-width: 100px;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .filtro.atributos .atributo-cor ul li a:hover {
        margin:0 0px 2px 0;
        border: solid 1px #c4c4c4;
        opacity: .7
    }

    .filtro.atributos .atributo-cor ul li.active a {
        border-radius: 6px;
        width: 30px;
        height: 30px;
        position: relative;
        overflow: hidden;
        border: solid 1px #c4c4c4;
        opacity: .7
    }

    .filtro.atributos .atributo-comum ul li {
        overflow: hidden
    }

    .filtro.atributos .atributo-comum ul li a {
        box-shadow: none;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #d4d5d6;
        transition: all .2s ease-out
    }

    .filtro.atributos .atributo-comum ul li a span {
        padding: 0
    }

    .filtro.atributos .atributo-comum ul li a:hover {
        margin:0 0px 2px 0;
        border-color: #3b3b3b
    }

    .filtro.atributos .atributo-comum ul li.active a {
        border: solid 1px #3b3b3b;
        padding: 0;
        border-radius: 6px
    }

    .pagina-categoria #listagemProdutos.listagem .listagem-item {
        margin-bottom: 30px
    }

    .span12.produto {
        padding-top: 15px
    }

    .produto div.principal .nome-produto {
        font-size: 25px;
        font-weight: 600;
        color: #3b3b3b;
        text-transform: none;
    }

    .produto div.principal .codigo-produto {
        border-bottom: none
    }

    .produto div.principal .codigo-produto span * {
        font-weight: 400;
        font-size: 12px;
        border: none
    }

    .produto div.principal .codigo-produto span b {
        color: #4d4d4d;
        text-transform: uppercase
    }

    .produto div.principal .codigo-produto span>a,.produto div.principal .codigo-produto span>span {
        color: #3b3b3b
    }

    .produto div.principal .acoes-produto {
        padding: 0
    }

    .produto div.principal .acoes-produto .preco-produto .preco-venda {
        font-size: 14px;
        font-weight: 300;
        color: #9f9f9f;
        display: block;
        margin: 0 0 7px
    }

    .produto div.principal .acoes-produto .preco-produto .preco-promocional,.produto div.principal .acoes-produto .preco-produto span.preco-a-partir strong {
        font-size: 22px;
        font-weight: 600;
        color: #3b3b3b;
        display: block
    }

    .produto div.principal .acoes-produto .preco-produto .preco-parcela {
        font-weight: 400;
        color: #3b3b3b;
        font-size: 14px
    }

    .produto div.principal .acoes-produto .preco-produto .preco-parcela strong {
        font-weight: 400;
        color: #3b3b3b;
        font-size: 14px
    }

    .produto div.principal .acoes-produto .comprar {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .produto div.principal .acoes-produto .comprar .botao-comprar {
        height: 70px;
        line-height: 70px;
        text-shadow: none;
        border: none;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 26px;
        box-sizing: border-box;
        border-radius: 5px;
        color: #fff;
        background: var(--botoes);
        padding: 0 10px;
        width: auto;
        flex: auto
    }

    .produto div.principal .acoes-produto .comprar .botao-comprar:before {
        content:url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" width="20px" height="23px" data-prefix="fal" data-icon="shopping-bag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon" style="/* width: 20px; *//* height: 30px; */"><path fill="currentColor" d="M352 128C352 57.421 294.579 0 224 0 153.42 0 96 57.421 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 32c52.935 0 96 43.065 96 96H128c0-52.935 43.065-96 96-96zm192 400c0 26.467-21.533 48-48 48H80c-26.467 0-48-21.533-48-48V160h64v48c0 8.837 7.164 16 16 16s16-7.163 16-16v-48h192v48c0 8.837 7.163 16 16 16s16-7.163 16-16v-48h64v272z" style="/* width: 20px; *//* height: 30px; */fill: white;"></path></svg>')
    }

    .produto div.principal .acoes-produto .comprar .botao-comprar i {
        display: none !important
    }

    .produto div.principal .acoes-produto .comprar .botao-comprar:hover {
        opacity:.8
    }

    .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho {
        width: auto !important;
        text-align: left;
        float: none;
        width: 20% !important;
        margin-right: 10px
    }

    .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
        width: 100%;
        height: 70px;
        border-radius: 5px;
        border: solid 2px #d1d1d1;
        box-sizing: border-box;
        color: #3b3b3b;
        font-size: 18px;
        font-weight: 700;
        text-align: center
    }

    .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
        display: none
    }

    .produto div.principal .acoes-produto .comprar .disponibilidade-produto {
        width: 100%;
        color: #3b3b3b;
        text-align: left;
        text-transform: none;
        font-size: 13px;
        font-weight: 400;
        margin-top: 0px
    }

    .produto div.principal .acoes-produto .comprar .disponibilidade-produto .cor-principal {
        color: #00ae7c
    }

    .produto div.principal .acoes-produto .comprar span span {
        text-align: left
    }

    .produto div.principal .cep label {
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 10px;
        float: left;
        font-weight: 700;
        margin-right: 10px;
        width: 100%
    }

    .produto div.principal .cep .label-cep {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 100%;
        float: left;
        margin: 0
    }

    .produto div.principal .cep .label-cep i.fa.fa-truck {
        transform: scaleX(-1);
        margin-left: 56px;
        margin-bottom: 6px
    }

    .produto div.principal .cep .input-append.input-prepend {
        position: relative;
        width: 100%;
        max-width: 326px
    }

    .produto div.principal .cep .input-append.input-prepend .input-small.input-cep[type=tel] {
        width: 100%;
        max-width: 250px;
        border-left: none;
        height: 45px;
        border: solid 1px #ccc;
        border-radius: 5px;
        padding-left: 20px;
        box-sizing: border-box
    }

    .produto div.principal .cep .input-append.input-prepend .btn {
        font-size: 0;
        position: absolute;
        left: auto;
        right: 78px;
        height: 45px;
        background: 0 0;
        border: none;
        line-height: 37px
    }

    .produto div.principal .cep .input-append.input-prepend .btn:before {
        content:"calcular";
        font-size: 14px;
        text-transform: none;
        color: #3b3b3b;
        font-weight: 600;
        text-align: center
    }

    .produto div.principal .cep .aviso-disponibilidade {
        width: 100%;
        float: left
    }

    .sharethis-inline-share-buttons {
        float: left;
        width: 35%
    }

    @media only screen and (max-width: 768px) {
        .sharethis-inline-share-buttons {
            width:100%;
            margin-top: 20px
        }
    }

    .sharethis-inline-share-buttons:before {
        content: "Compartilhe";
        color: #3b3b3b;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        display: block;
        margin: 10px 0;
        font-family: Lato
    }

    #st-1 .st-btn[data-network=facebook],#st-1 .st-btn[data-network=googleplus],#st-1 .st-btn[data-network=pinterest],#st-1 .st-btn[data-network=twitter] {
        border-radius: 60px;
        background: 0 0 !important;
        padding: 0;
        width: 40px;
        height: 40px;
        border: solid 0 #3b3b3b;
        filter: invert(1);
        opacity: .4;
        background: #717171 !important;
        transition: all 0s ease-out
    }

    #st-1 .st-btn[data-network=facebook]>svg,#st-1 .st-btn[data-network=googleplus]>svg,#st-1 .st-btn[data-network=pinterest]>svg,#st-1 .st-btn[data-network=twitter]>svg {
        fill: #3b3b3b !important
    }

    #st-1 .st-btn[data-network=facebook]>img,#st-1 .st-btn[data-network=googleplus]>img,#st-1 .st-btn[data-network=pinterest]>img,#st-1 .st-btn[data-network=twitter]>img {
        filter: invert(0)
    }

    #st-1 .st-btn[data-network=facebook]:hover,#st-1 .st-btn[data-network=googleplus]:hover,#st-1 .st-btn[data-network=pinterest]:hover,#st-1 .st-btn[data-network=twitter]:hover {
        top:0;
        background: #5a5a5a !important;
        opacity: 1;
        filter: invert(0)
    }

    #st-1 .st-btn[data-network=facebook]:hover>svg,#st-1 .st-btn[data-network=googleplus]:hover>svg,#st-1 .st-btn[data-network=pinterest]:hover>svg,#st-1 .st-btn[data-network=twitter]:hover>svg {
        fill:#fff !important
    }

    .produto-compartilhar .lista-favoritos {
        float: left;
        background: 0 0;
        border: solid 1px #3b3b3b;
        color: #3b3b3b;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
        height: 45px;
        line-height: 45px;
        width: 200px;
        margin-left: 10px;
        text-decoration: none;
        transition: all .2s ease-out
    }

    .produto-compartilhar .lista-favoritos i {
        color: #3b3b3b
    }

    .produto-compartilhar .lista-favoritos i:before {
        content:"\f004";
        margin-right: 10px
    }

    .produto-compartilhar .lista-favoritos:hover {
        background: #3b3b3b;
        color: #fff
    }

    .produto-compartilhar .lista-favoritos:hover i {
        color: #fff
    }

    .produto-compartilhar .lista-redes ul li {
        border: 0
    }

    body .thumbs-horizontal,body .thumbs-horizontal .elastislide-carousel,body .thumbs-vertical,body .thumbs-vertical .elastislide-carousel {
        min-width: 90px
    }

    body .thumbs-horizontal .elastislide-carousel ul.miniaturas li,body .thumbs-horizontal ul.miniaturas li,body .thumbs-vertical .elastislide-carousel ul.miniaturas li,body .thumbs-vertical ul.miniaturas li {
        height: 90px;
        margin: auto 5px
    }

    body .thumbs-horizontal .elastislide-carousel ul.miniaturas li a,body .thumbs-horizontal ul.miniaturas li a,body .thumbs-vertical .elastislide-carousel ul.miniaturas li a,body .thumbs-vertical ul.miniaturas li a {
        border-radius: 5px;
        border: solid 1px #d1d1d1;
        box-shadow: none;
        width: 80px;
        height: 80px
    }

    body .thumbs-horizontal .elastislide-carousel ul.miniaturas li.active a,body .thumbs-horizontal ul.miniaturas li.active a,body .thumbs-vertical .elastislide-carousel ul.miniaturas li.active a,body .thumbs-vertical ul.miniaturas li.active a {
        border: solid 1px #3b3b3b
    }

    .abas-custom .tab-content {
        box-shadow: none
    }

    .produto .acoes-flutuante {
        border-top: 0
    }

    .produto .acoes-flutuante .close_float {
        color: #3b3b3b;
        font-size: 1.4em;
        font-weight: 400
    }

    .produto .acoes-flutuante .nome-produto {
        color: #3b3b3b;
        font-size: 15px;
        font-weight: 400;
        text-transform: none;
        text-align: center
    }

    .produto .acoes-flutuante .preco-produto {
        text-align: center
    }

    .produto .acoes-flutuante .preco-produto .preco-venda {
        font-size: 14px;
        font-weight: 400;
        color: #3b3b3b;
        display: block;
        margin: 0 0 7px
    }

    .produto .acoes-flutuante .preco-produto .preco-promocional.cor-principal,.produto .acoes-flutuante .preco-produto span.preco-a-partir {
        font-size: 22px;
        font-weight: 600;
        color: #3b3b3b;
        display: block
    }

    .produto .acoes-flutuante .preco-produto .preco-parcela {
        font-weight: 400;
        color: #3b3b3b;
        font-size: 15px
    }

    .produto .acoes-flutuante .preco-produto .preco-parcela .titulo,.produto .acoes-flutuante .preco-produto .preco-parcela strong {
        font-weight: 400;
        color: #3b3b3b;
        font-size: 15px
    }

    .produto .acoes-flutuante .botao-comprar {
        width: 100%;
        background: var(--botoes);
        color: #fff;
        border-radius: 5px;
        height: 44px;
        box-sizing: border-box;
        padding: 0 10px;
        line-height: 44px;
        font-weight: 700;
        font-size: 0;
        border: 0
    }

    .produto .acoes-flutuante .botao-comprar:after {
        content: "Comprar";
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700
    }

    .produto .acoes-flutuante .botao-comprar i {
        width: 12px;
        height: 12px
    }

    .produto .acoes-flutuante .botao-comprar i .icon * {
        fill: #fff
    }

    .produto .acoes-flutuante .botao-comprar i:before {
        content:""
    }

    .produto .acoes-flutuante .disponibilidade-produto {
        font-size: 14px;
        font-weight: 400;
        color: #3b3b3b
    }

    .produto .acoes-flutuante .disponibilidade-produto .cor-principal {
        color: #00ae7c
    }

    .produto .atributos .icon-remove {
        display: none !important
    }

    .produto .atributos .atributo-cor ul li {
        overflow: hidden
    }

    .produto .atributos .atributo-cor ul li a {
        box-shadow: none;
        width: 30px;
        height: 30px;
        position: relative;
        overflow: hidden;
        border: solid 1px #c4c4c4;
        border-radius: 6px
    }

    .produto .atributos .atributo-cor ul li a span {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border-width: 100px;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .produto .atributos .atributo-cor ul li a:hover {
        margin:0 0px 2px 0;
        border: solid 1px var(--cor-principal);
        opacity: .7
    }

    .produto .atributos .atributo-cor ul li.active a {
        border-radius: 6px;
        width: 30px;
        height: 30px;
        position: relative;
        overflow: hidden;
        border: solid 1px var(--cor-principal);
        opacity: .7
    }

    .produto .atributos .atributo-comum ul li {
        overflow: hidden
    }

    .produto .atributos .atributo-comum ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: solid 1px #d1d1d1;
        box-shadow: none;
        transition: all .2s ease-out;
        border-radius: 6px
    }

    .produto .atributos .atributo-comum ul li a span {
        padding: 0
    }

    .atributos ul li a {
        margin: 0 0px 2px 0
    }

    .produto .atributos .atributo-comum ul li a:hover {
        margin:0 0px 2px 0;
        border: solid 1px var(--cor-principal)
    }

    .produto .atributos .atributo-comum ul li a:hover span {
        color:var(--cor-principal)
    }

    .produto .atributos .atributo-comum ul li.active a {
        border: solid 1px var(--cor-principal);
        color: var(--cor-principal)
    }

    .produto .atributos .atributo-comum ul li.active a span {
        color: var(--cor-principal)
    }

    .produto .tab-content {
        padding: 0;
        font-size: 14px;
    }

    .produto #descricao:before {
        content: 'informações';
        text-transform: none;
        color: #3b3b3b;
        font-size: 22px;
        font-weight: 500;
        display: block;
        margin: 30px auto;
        width: -webkit-fill-available;
        text-align: left;
        border-left: 5px solid var(--cor-principal);
        padding-left: 10px
    }

    .produto #descricao .tabs {
        list-style: none;
        margin-left: 0
    }

    .produto #descricao .tabs li {
        background: #fff;
        float: left;
        border: solid 1px #ccc;
        text-align: center;
        border-radius: 2px;
        display: block;
        height: 44px;
        line-height: 44px;
        padding: 0 10px;
        text-transform: uppercase;
        color: #9f9f9f;
        font-size: 13px;
        font-weight: 700;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        cursor: pointer
    }

    .produto #descricao .tabs li.current {
        background: #3b3b3b;
        border-color: #3b3b3b;
        color: #fff
    }

    .produto #descricao .tab-content {
        display: none
    }

    .produto #descricao .tab-content.current {
        display: block
    }

    .produto .atributos .atributo-comum ul li a {
        width: auto;
        height: auto;
        padding: 0 10px;
        border-radius: 6px
    }

    .avise-me .avise-btn .botao {
        background: #3b3b3b;
        color: #fff
    }

    .listagem.aproveite-tambem h4.titulo.cor-secundaria {
        font-size: 0
    }

    .listagem.aproveite-tambem h4.titulo.cor-secundaria::before {
        content:'Aproveite Também';
        font-size: 22px;
        line-height: 30px;
    }

    #descricao li,#descricao ul {
        list-style-type: none
    }

    .produto #descricao .tab-content {
        display: block
    }

    div#descricao ul.nav.nav-tabs li.nav-item a {
        border: 1px solid #ccc;
        color: #ccc;
        padding: 10px 25px
    }

    div#descricao ul.nav.nav-tabs li.nav-item.active a,div#descricao ul.nav.nav-tabs li.nav-item:hover a {
        color:var(--cor-principal);
        border-color: var(--cor-principal)
    }

    a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone {
        font-size: 0
    }

    a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i {
        font-size: 17px;
        color: var(--cor-principal);
        border: 1px solid var(--cor-principal);
        border-radius: 5px;
        height: 42px;
        width: 42px;
        float: left;
        margin-right: 5px;
        line-height: 42px
    }

    a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i:hover {
        background:var(--cor-principal);
        color: #fff
    }

    a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i:before {
        content:'\f004'
    }

    .thumbs-vertical .flex-direction-nav {
        top: 0;
        margin-top: 10px
    }

    .thumbs-vertical #carouselImagem .flex-direction-nav a.flex-next svg,.thumbs-vertical #carouselImagem .flex-direction-nav a.flex-prev svg {
        transform: rotate(90deg);
        margin: 0 auto;
        height: 22px;
        margin-top: -10px
    }

    .thumbs-vertical #carouselImagem .flex-direction-nav a.flex-next,.thumbs-vertical #carouselImagem .flex-direction-nav a.flex-prev {
        background: #dcdcdc;
        display: block;
        border-radius: 5px;
        width: 39px;
        height: 40px
    }

    .produto .atributos .atributo-cor ul li,.produto .atributos ul li {
        position: relative;
        overflow: inherit
    }

    .produto .atributos ul li.active:before {
        content:'\f00c';
        background: var(--botoes);
        color: #fff;
        padding: 1px;
        font-family: fontawesome;
        position: absolute;
        height: 15px;
        width: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: -5px;
        top: -5px;
        border-radius: 60px;
        z-index: 1
    }

    .produto .atributos .atributo-comum ul li {
        overflow: initial
    }

    .produto .size-table {
        position: relative
    }

    .produto .size-table .open-table {
        box-sizing: border-box;
        transition: all .2s ease-out;
        background: #fff;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        margin: 10px 0;
        float: right;
        font-size: 15px;
        font-weight: 500;
        text-transform: none;
        border: 1px solid var(--cor-principal);
        border-radius: 5px;
        color: var(--cor-principal);
        vertical-align: middle
    }

    @media screen and (max-width: 767px) {
        .produto .size-table .open-table {
            width:100%
        }
    }

    .produto .size-table .open-table .icon {
        fill: var(--cor-principal);
        width: 25px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .produto .size-table .open-table:hover {
        background: var(--cor-principal);
        color: #fff
    }

    .produto .size-table .open-table:hover .icon {
        fill: #fff
    }

    .others-acoes-produto {
        display: flex;
        float: left;
        width: 100%;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    @media screen and (max-width: 767px) {
        .others-acoes-produto {
            flex-direction:column
        }
    }

    .others-acoes-produto .size-table {
        width: 49%;
        height: 45px;
        margin: 10px 0
    }

    @media screen and (max-width: 767px) {
        .others-acoes-produto .size-table {
            width:100%
        }
    }

    .others-acoes-produto .size-table .open-table {
        width: 100%;
        margin: 0;
        padding: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .others-acoes-produto a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone,.produto-compartilhar a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone {
        font-size: 12px;
        display: flex;
        float: left;
        width: 49%;
        height: 43px;
        align-items: center;
        justify-content: center;
        color: #3b3b3b;
        font-size: 17px;
        color: #3b3b3b;
        display: flex !important;
        border: 1px solid #3b3b3b;
        border-radius: 5px;
        margin: 10px 0
    }

    .produto-compartilhar a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone {
        align-items: center;
        justify-content: center;
        color: #3b3b3b;
        font-size: 17px;
        border: 1px solid #3b3b3b;
        border-radius: 5px;
        margin: 10px 0;
        text-transform: inherit;
        width: auto;
        padding: 0 17px 0 7px
    }

    .produto-compartilhar a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i {
        border: none;
        color: #3b3b3b;
        line-height: 44px;
        width: 17px;
        padding: 0 10px
    }

    .produto-compartilhar a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone:hover {
        color:#fff
    }

    .produto-compartilhar a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone:hover i {
        color:#fff;
        background-color: transparent
    }

    @media screen and (max-width: 767px) {
        .others-acoes-produto a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone {
            width:100%
        }
    }

    .others-acoes-produto a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i {
        border: none;
        color: #3b3b3b;
        height: auto;
        width: 25px;
        float: left;
        margin-right: 5px;
        line-height: 1px
    }

    .others-acoes-produto a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone:hover {
        background:#3b3b3b;
        color: #fff;
        text-decoration: none;
        border-color: #3b3b3b
    }

    .others-acoes-produto a.lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone:hover * {
        background:#3b3b3b;
        color: #fff
    }

    .pagina-carrinho .caixa-destaque h1 {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase
    }

    .tabela-carrinho td,.tabela-carrinho th,.tabela-carrinho tr {
        border: none
    }

    .tabela-carrinho h6 {
        color: #3b3b3b;
        font-size: 14px
    }

    .tabela-carrinho .hidden-phone.bg-dark:nth-child(odd) {
        background: #fff
    }

    .tabela-carrinho .quantidade input[type=text] {
        border-radius: 50px
    }

    .tabela-carrinho #formCalcularFrete #calcularFrete {
        border-radius: 50px;
        width: 50%
    }

    .tabela-carrinho #formCalcularFrete button {
        margin-left: 10px;
        background: #e3e3e3;
        color: #3b3b3b;
        border-radius: 6px;
        border: none
    }

    .tabela-carrinho #formCalcularFrete button i {
        display: none
    }

    .finalizar-compra .caixa-sombreada {
        box-shadow: none
    }

    .finalizar-compra .botao {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        background: 0 0;
        color: #3b3b3b;
        border-color: #3b3b3b;
        font-size: 14px;
        border-radius: 5px;
        text-transform: uppercase
    }

    .finalizar-compra .botao:first-child:before {
        content: "\f104";
        font-family: FontAwesome;
        margin-right: 10px
    }

    .finalizar-compra .botao.principal {
        background: var(--botoes);
        color: #fff;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        font-size: 18px;
        text-transform: uppercase;
        border-color: var(--botoes)
    }

    #comprar-ajax-status .sucesso .head {
        line-height: 1.4em
    }

    #comprar-ajax-status .sucesso .buttons .continuar-comprando {
        background: #3b3b3b;
        color: #fff;
        border-radius: 5px
    }

    #comprar-ajax-status .sucesso .buttons>* {
        background: var(--botoes);
        color: #fff;
        border-radius: 5px;
        border: none
    }

    .carrinho-checkout .atendimento {
        border: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        align-items: center
    }

    .carrinho-checkout .atendimento li a:hover {
        text-decoration:none
    }

    .carrinho-checkout .atendimento li span.display-table {
        color: #3b3b3b;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 13px;
        display: inline-block;
        vertical-align: middle
    }

    .carrinho-checkout .atendimento li span.display-table .icone-box {
        border: none
    }

    .carrinho-checkout .atendimento li span.display-table .icone-box .icon {
        fill: #3b3b3b;
        width: 35px;
        height: 35px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px
    }

    .carrinho-checkout .atendimento li span.display-table .icone-box .icon * {
        fill: #3b3b3b
    }

    .carrinho-checkout .atendimento li span.display-table .icone-box .icon .c {
        fill: transparent
    }

    .carrinho-checkout .atendimento li span.display-table .icone-box i {
        color: #3b3b3b;
        font-size: 3rem
    }

    .carrinho-checkout .atendimento li strong {
        color: #3b3b3b;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 13px
    }

    .carrinho-checkout .conteiner-principal #corpo .conteiner {
        box-shadow: none
    }

    .carrinho-checkout .identificacao hr.sem-margem {
        display: none
    }

    .campos-pedido .caixa-sombreada {
        box-shadow: none;
        border: none;
        border: solid 1px #d8d9da
    }

    .campos-pedido legend {
        border-color: #3b3b3b;
        border-width: 3px;
        color: #3b3b3b;
        font-size: 18px;
        font-weight: 600
    }

    .campos-pedido legend [class^=icon-] {
        color: #3b3b3b
    }

    .campos-pedido .identificacao .identificacao-title {
        font-size: 20px;
        font-weight: 400;
        color: #3b3b3b;
        text-transform: uppercase
    }

    .campos-pedido .identificacao input {
        box-sizing: border-box;
        height: 44px;
        padding: 0 0 0 15px;
        width: 100%
    }

    .campos-pedido .identificacao .submit-email.botao.principal {
        height: 44px;
        box-sizing: border-box;
        max-width: 100%;
        text-transform: uppercase;
        background: 0 0;
        color: #3b3b3b;
        border-color: #3b3b3b;
        font-size: 13px;
        border-radius: 5px;
        font-weight: 700
    }

    #finalizarCompra {
        background: var(--botoes);
        border-color: var(--botoes);
        color: #fff
    }

    .resumo-compra .tabela-carrinho {
        margin: 0
    }

    .checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok,.checkout-alerta-seguro .checkout-alerta-seguro-tit {
        color: #000;
        font-weight: 500
    }

    .free-shipping {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        margin: 0 0 20px;
        text-transform: uppercase;
        border-radius: 6px
    }

    .free-shipping .icon {
        width: 30px;
        height: 30px;
        fill: #fff;
        vertical-align: middle;
        margin-right: 10px
    }

    .free-shipping em {
        font-weight: 600;
        font-style: normal
    }

    .free-shipping.warning {
        background: #f0ad4e
    }

    .free-shipping.success {
        background: #5cb85c
    }

    .float-contact {
        position: fixed;
        top: auto;
        bottom: 2rem;
        left: 1rem;
        z-index: 99;
        height: auto
    }

    .float-contact .icon {
        width: 35px;
        height: 35px;
        fill: #fff
    }

    .float-contact .icon * {
        fill: #fff
    }

    .float-contact .float-items {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease-out;
        transform: translateX(-100%)
    }

    .float-contact .float-items>li {
        padding: 5px 0
    }

    .float-contact .float-items>li>a {
        display: block;
        background: var(--cor-principal);
        width: 64px;
        height: 64px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        transition: all .2s ease-out;
        border-radius: 5px
    }

    .float-contact .float-items>li:hover a {
        background:#707070
    }

    .float-contact .float-items>li:hover a .icon {
        width:35px;
        height: 35px;
        fill: #fff
    }

    .float-contact .float-items>li:hover a .icon * {
        fill:#fff
    }

    .float-contact .float-items>li:last-child {
        padding-bottom:10px
    }

    .float-contact .float-open {
        background: var(--cor-principal);
        width: 64px;
        height: 64px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        transition: all .2s ease-out;
        border-radius: 5px
    }

    .float-contact .float-open:hover {
        background: #707070
    }

    .float-contact .float-open:hover .icon {
        width: 35px;
        height: 35px;
        fill: #fff
    }

    .float-contact .float-open:hover .icon * {
        fill: #fff
    }

    .float-contact.open-contato .float-items {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

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

    #rodape .lista-redes ul li,.barra-inicial .lista-redes ul li {
        border: none;
        margin: 0 2px
    }

    #rodape .lista-redes ul li a,.barra-inicial .lista-redes ul li a {
        border: 0;
        display: block;
        box-sizing: border-box;
        transition: all .2s ease-out
    }

    #rodape .lista-redes [class^=icon],.barra-inicial .lista-redes [class^=icon] {
        background: 0 0;
        border: none;
        font-size: 1.4em;
        transition: all .2s ease-out
    }

    .barra-inicial .lista-redes ul li:hover a i {
        color:#3b3b3b
    }

    .barra-inicial .lista-redes [class^=icon] {
        color: #9f9f9f
    }

    #rodape .institucional .lista-redes ul {
        display: flex;
        justify-content: left
    }

    #rodape .institucional .lista-redes ul li {
        display: block !important;
        margin-bottom: 5px
    }

    #rodape .institucional .lista-redes ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: solid 1px var(--cor-fundorodape);
        color: var(--cor-fundorodape);
        display: block;
        border-radius: 60px;
        background-color: var(--conteudo-rodape)
    }

    #rodape .institucional .lista-redes ul li a i[class^=icon] {
        color: var(--cor-fundorodape);
        vertical-align: baseline
    }

    #rodape .institucional .lista-redes ul li:hover a {
        background:var(--cor-fundorodape);
        border-color: var(--conteudo-rodape)
    }

    #rodape .institucional .lista-redes ul li:hover a i {
        color:var(--conteudo-rodape)
    }

    #rodape .institucional .lista-redes [class^=icon] {
        color: #fff
    }

    @media screen and (max-width: 767px) {
        #rodape .institucional .lista-redes ul {
            justify-content:center
        }

        #rodape .institucional .lista-redes span.titulo.redes {
            text-align: center;
            justify-content: center
        }
    }

    #st-1 .st-btn>img {
        filter: invert(1)
    }

    #st-1 .st-btn:hover>img {
        filter: invert(0)
    }

    .whats-btn-fixed {
        position: fixed;
        bottom: 7em;
        right: 2em;
        width: 40px;
        height: 40px;
        z-index: 30;
        background: #25d366;
        padding: 14px;
        border-radius: 60px
    }

    div#instagram {
        text-align: left;
        margin: 0 0 60px;
        display: block;
        float: left;
        width: 100%;
        background: #fff
    }

    div#instagram .icon {
        width: 30px;
        height: 30px;
        vertical-align: sub;
        margin-right: 10px;
        display: none
    }

    div#instagram .icon .cls-1 {
        fill: var(--cor-principal)
    }

    div#instagram h2 {
        padding: 0 0 20px;
        position: relative;
        display: block;
        margin: 0 0 20px
    }

    div#instagram h2 img.instagram_profile_image {
        height: 50px;
        border-radius: 60px
    }

    div#instagram h2>span {
        margin-right: 5px
    }

    div#instagram h2 a,div#instagram h2 span {
        font-size: 26px;
        font-weight: 400;
        color: #3b3b3b;
        display: inline-block;
        text-decoration: none;
        text-transform: lowercase
    }

    div#instagram h2 a {
        color: var(--cor-principal)
    }

    div#instagram h2 a:hover {
        color:#3b3b3b
    }

    div#instagram p.instagram_username {
        display: none
    }

    div#instagram ul {
        display: flex;
        flex-flow: row;
        margin: 0
    }

    div#instagram ul li {
        margin-right: 10px;
        display: inline-block;
        overflow: hidden;
        flex: auto;
        border-radius: 0;
        cursor: pointer
    }

    div#instagram ul li a {
        position: relative;
        display: block;
        height: 100%
    }

    div#instagram ul li a:before {
        content:'\f06e';
        font-family: FontAwesome;
        text-align: center;
        color: #fff;
        font-size: 1.5rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        z-index: 10;
        transition: all .2s ease-out
    }

    div#instagram ul li a:after {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        opacity: 0;
        transition: all .2s ease-out
    }

    div#instagram ul li a img {
        transition: all .2s ease-out;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 100%;
        max-height: 195px;
        width: 100%;
        max-width: 195px;
        border-radius: 5px
    }

    div#instagram ul li:hover img {
        transform:scale(1.1)
    }

    div#instagram ul li:hover a:after,div#instagram ul li:hover a:before {
        opacity:1
    }

    div#instagram ul li:last-child {
        margin-right:0
    }

    .pagina-categoria #instagram,.pagina-inicial #instagram,.pagina-produto #instagram {
        display: block
    }

    .pagina-cadastro #instagram,.pagina-carrinho #instagram,.pagina-checkout #instagram,.pagina-conta #instagram,.pagina-login #instagram {
        display: none
    }

    .a-marca {
        display: block;
        float: left;
        width: 100%;
        background: #f2f2f2;
        padding: 20px 0;
        margin: 0 auto
    }

    .a-marca .conteiner {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #f2f2f2
    }

    .a-marca .conteiner .span6 {
        margin: 0 auto;
        width: 45%
    }

    .a-marca .conteiner .span6 .titulo {
        background: 0 0;
        border-top: none;
        text-align: left;
        position: relative;
        padding: 20px 0;
        color: #3b3b3b;
        text-transform: none;
        font-size: 26px;
        font-family: Lato;
        font-weight: 700
    }

    .a-marca .conteiner .span6 .titulo:hover {
        background: 0 0;
        padding-left: 0
    }

    .a-marca .conteiner .span6 .titulo:after {
        content: "";
        background: var(--cor-principal);
        width: 5px;
        max-width: 5px;
        height: 45px;
        display: block;
        float: left;
        margin: 0;
        margin-right: 10px;
        margin-top: -7px
    }

    .a-marca .conteiner .span6 p {
        font-size: 16px;
        color: #707070;
        line-height: 24px
    }

    .a-marca .conteiner .span6 img {
        display: block;
        width: 100%
    }

    @media screen and (max-width: 767px) {
        .a-marca .conteiner {
            flex-direction:column
        }

        .a-marca .conteiner .span6 {
            width: 100%
        }
    }

    #video {
        display: block;
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 0;
        margin: 20px auto
    }

    #video .video-container {
        position: relative;
        width: 100%;
        max-width: 1274px;
        height: 500px;
        margin: 0 auto
    }

    @media only screen and (max-width: 768px) {
        #video .video-container {
            height:200px
        }
    }

    #video .video-container iframe {
        position: absolute
    }

    body:not(.pagina-inicial) #video {
        display:none !important
    }

    #rodape {
        display: block;
        float: left;
        width: 100%
    }

    @media only screen and (max-width: 768px) {
        #rodape {
            text-align:center
        }
    }

    #rodape .titulo {
        border: none;
        font-size: 20px;
        font-weight: 700;
        text-transform: none;
        margin: 0
    }

    #rodape .institucional {
        background: var(--cor-fundorodape);
        min-height: 0;
        box-sizing: border-box;
        box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
        position: relative
    }

    #rodape .institucional .titulo {
        color: var(--conteudo-rodape)
    }

    #rodape .institucional>.conteiner>div>.span9 {
        width: 100%;
        margin: 0
    }

    #rodape .institucional>.conteiner>div>.span9+.span3 {
        display: none
    }

    #rodape .institucional>.conteiner>div>.span9>div>.span4 {
        width: 21%;
        margin-right: 2%
    }

    #rodape .pagamento-selos {
        background: #f2f2f2
    }

    #rodape .pagamento-selos .titulo {
        color: #3b3b3b
    }

    #rodape .redes-sociais {
        display: none;
        background: 0 0;
        box-shadow: none;
        border: none
    }

    #rodape .institucional li {
        list-style: none
    }

    #rodape .institucional li a {
        transition: all .2s ease-out;
        position: relative;
        text-transform: none
    }

    #rodape .institucional li a:hover {
        color:var(--conteudo-rodape);
        text-decoration: none
    }

    #rodape .institucional .links-rodape-paginas .titulo:before {
        content: "Institucional";
        font-size: 20px
    }

    #rodape .institucional .links-rodape-atendimento .titulo:before {
        content: "Contatos";
        font-size: 20px
    }

    #rodape .institucional .links-rodape-paginas .titulo,#rodape .institucional .links-rodape-atendimento .titulo {
        font-size: 0px !important
    }

    #rodape .institucional li.bt-faleconocosco {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--conteudo-rodape);
        background: var(--cor-fundorodape);
        padding: 0;
        height: 40px;
        line-height: 0;
        border-radius: 5px;
        max-width: 200px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600
    }

    #rodape .institucional li.bt-faleconocosco a {
        line-height: 0;
        height: 100%;
        padding: 0;
        width: 100%;
        margin: 0;
        display: flex;
        text-align: center;
        color: var(--conteudo-rodape);
        justify-content: center;
        align-items: center;
        font-size: 12px
    }

    #rodape .institucional li.bt-faleconocosco:hover {
        background:var(--conteudo-rodape)
    }

    #rodape .institucional li.bt-faleconocosco:hover a {
        color:var(--cor-fundorodape)
    }

    #rodape .institucional a,#rodape .institucional p {
        color: var(--conteudo-rodape);
        font-size: 15px;
        font-weight: 400;
        margin-top: 22px;
        text-transform: lowercase
    }

    #rodape li.bt-faleconocosco a {
        text-transform: uppercase !important
    }

    #rodape .links-rodape-atendimento .office-hours p:nth-child(2) {
        margin-right:4px
    }

    #rodape .sobre-loja-rodape.newsletter {
        display: flex;
        flex-direction: column
    }

    #rodape .sobre-loja-rodape.newsletter input[type=text] {
        float: left;
        width: 67%
    }

    #rodape .sobre-loja-rodape span.titulo {
        display: block
    }

    #rodape .sobre-loja-rodape span.titulo.redes {
        display: flex;
        margin-bottom: 0;
        padding-bottom: 0
    }

    #rodape .sobre-loja-rodape input[type=text] {
        height: 40px;
        padding: 0 0;
        background: #f7f7f7;
        border: none;
        width: 67%;
        color: #8d8d8d;
        box-shadow: none;
        padding-left: 10px
    }

    #rodape .sobre-loja-rodape .newsletter-assinar {
        border: 1px solid var(--conteudo-rodape);
        background: var(--cor-principal);
        color: var(--conteudo-rodape);
        height: 40px;
        margin: 0;
        top: 0;
        margin-top: 0;
        border-radius: 5px
    }

    #rodape .sobre-loja-rodape .newsletter-assinar:before {
        content: 'enviar';
        font-family: lato;
        text-transform: uppercase;
        font-size: 12px
    }

    #rodape .sobre-loja-rodape .newsletter-assinar:hover {
        background-color: var(--conteudo-rodape);
        color: var(--cor-principal)
    }

    #rodape .sobre-loja-rodape .logo a {
        min-height: 70px;
        max-width: 210px;
        height: auto
    }

    #rodape .sobre-loja-rodape .logo a img {
        margin: 15px 0
    }

    @media only screen and (max-width: 768px) {
        #rodape .sobre-loja-rodape .logo a img {
            margin:15px auto
        }
    }

    #rodape .sobre-loja-rodape p {
        text-transform: none;
        margin-top: 0
    }

    #rodape .sobre-loja-rodape .more {
        font-size: 14px;
        font-weight: 600;
        display: block;
        width: 136px;
        height: 44px;
        background: var(--cor-principal);
        border: none;
        text-align: center;
        color: var(--cor-principal);
        padding: 12px 0;
        transition: all 1s;
        margin: 20px 0;
        border-radius: 8px;
        line-height: 1.4em;
        text-transform: uppercase;
        text-decoration: none;
        box-sizing: border-box;
        transition: all .2s ease-out
    }

    #rodape .sobre-loja-rodape .more:hover {
        opacity: .8;
        text-decoration: none
    }

    @media only screen and (max-width: 768px) {
        #rodape .sobre-loja-rodape .more {
            margin:20px auto
        }
    }

    #rodape .links-rodape-atendimento {
        display: none
    }

    #rodape .links-rodape-paginas+.links-rodape-atendimento {
        display: block
    }

    .contact li a i {
        display: none !important
    }

    #rodape .links-rodape-atendimento .icon,#rodape .links-rodape-atendimento i {
        width: 17px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        fill: var(--conteudo-rodape);
        color: var(--conteudo-rodape);
        margin-right: 10px
    }

    #rodape .links-rodape-atendimento ul {
        padding-bottom: 0
    }

    #rodape .links-rodape-atendimento .office-hours,#rodape .links-rodape-atendimento .office-mapa {
        display: flex;
        border-top: solid 0 #d4d5d6;
        padding-top: 0
    }

    #rodape .links-rodape-atendimento .office-hours .title .icon .a,#rodape .links-rodape-atendimento .office-mapa .title .icon .a {
        fill: transparent
    }

    #rodape .links-rodape-atendimento .office-hours .title .icon.mapa,#rodape .links-rodape-atendimento .office-mapa .title .icon.mapa {
        stroke: var(--conteudo-rodape)
    }

    #rodape .links-rodape-atendimento .office-hours .title .icon .c,#rodape .links-rodape-atendimento .office-mapa .title .icon .c {
        fill: var(--conteudo-rodape)
    }

    #rodape .links-rodape-atendimento .office-hours p,#rodape .links-rodape-atendimento .office-mapa p {
        margin-top: 0;
        line-height: 1.5em;
        margin-bottom: 7px;
        text-transform: none
    }

    #rodape .links-rodape-atendimento .office-hours p a,#rodape .links-rodape-atendimento .office-mapa p a {
        color: var(--conteudo-rodape);
        text-transform: none;
    }

    #rodape .gateways-rodape {
        border: 0
    }

    #rodape .componente.newsletter .interno {
        padding: 0
    }

    #rodape .componente.newsletter .interno .titulo {
        display: block
    }

    #rodape .componente.newsletter .interno .texto-newsletter {
        padding: 25px 0 15px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 15px
    }

    #rodape .componente.newsletter .interno .input-conteiner input {
        background: #2c2c2c;
        height: 40px;
        border-radius: 4px;
        border: 0;
        box-sizing: border-box;
        outline: 0;
        padding: 0 0 0 15px;
        color: #fff;
        width: 100%
    }

    #rodape .componente.newsletter .interno .input-conteiner input::-webkit-input-placeholder {
        color:#9f9f9f;
        font-size: 13px;
        font-weight: 500
    }

    #rodape .componente.newsletter .interno .input-conteiner input:-moz-placeholder {
        color:#9f9f9f;
        font-size: 13px;
        font-weight: 500
    }

    #rodape .componente.newsletter .interno .input-conteiner input::-moz-placeholder {
        color:#9f9f9f;
        font-size: 13px;
        font-weight: 500
    }

    #rodape .componente.newsletter .interno .input-conteiner input:-ms-input-placeholder {
        color:#9f9f9f;
        font-size: 13px;
        font-weight: 500
    }

    #rodape .componente.newsletter .interno .input-conteiner .botao {
        height: 40px;
        border-radius: 4px;
        background: #3b3b3b;
        box-sizing: border-box;
        font-size: 0
    }

    #rodape .componente.newsletter .interno .input-conteiner .botao:after {
        content: 'Assinar';
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: Lato
    }

    #rodape .componente.newsletter .interno .newsletter-confirmacao {
        padding: 25px 0 15px
    }

    #rodape .componente.newsletter .interno .newsletter-confirmacao span {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase
    }

    #rodape .componente.newsletter .interno .newsletter-confirmacao .icon-ok {
        color: #3b3b3b
    }

    #rodape .componente.newsletter .interno .newsletter-confirmacao .icon-ok:before {
        content: "\f058"
    }

    #rodape .links-rodape-categorias {
        padding-left: 0;
        margin: 0
    }

    @media only screen and (max-width: 768px) {
        #rodape .links-rodape-categorias {
            padding-left:0
        }
    }

    .scrollToTop {
        position: fixed;
        z-index: 999;
        bottom: 1rem;
        right: 2rem;
        background: var(--cor-principal);
        color: #fff;
        display: block;
        width: 52px;
        height: 52px;
        text-align: center;
        border-radius: 5px;
        padding: 10px;
        display: none;
        text-transform: uppercase;
        box-sizing: border-box;
        transition: all .2s ease-out
    }

    .scrollToTop span {
        font-size: 13px;
        font-weight: 600;
        font-family: Lato;
        display: none
    }

    .scrollToTop i {
        font-size: 2.5em;
        font-weight: 400
    }

    .scrollToTop:active,.scrollToTop:focus,.scrollToTop:hover {
        text-decoration: none;
        background: #fff;
        color: var(--cor-principal);
        border: 1px solid var(--cor-principal)
    }

    #fb-root {
        display: none
    }

    .fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
        width: 100% !important
    }

    #modalContato {
        border-radius: 0;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #modalContato .modal-header {
        padding: 0 0 20px;
        font-size: 15px;
        font-weight: 400;
        color: #3b3b3b;
        border-bottom: solid 1px #3b3b3b;
        margin: 30px
    }

    #modalContato .modal-header .titulo {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
        color: #3b3b3b;
        margin-right: 35px
    }

    #modalContato .modal-header .close {
        color: #3b3b3b;
        font-weight: 400;
        font-size: 1.2em;
        opacity: 1
    }

    #modalContato .modal-body {
        border: 0
    }

    #modalContato .form-horizontal .control-label {
        font-weight: 400;
        color: #9f9f9f;
        font-size: 14px
    }

    #modalContato .form-horizontal input,#modalContato .form-horizontal textarea {
        border-radius: 0;
        width: 100%;
        height: 40px;
        border: solid 1px #d1d1d1;
        transition: all .2s ease-out;
        box-sizing: border-box;
        padding: 10px;
        outline: 0;
        box-shadow: none
    }

    #modalContato .form-horizontal input focus,#modalContato .form-horizontal textarea:focus {
        border-color:#3b3b3b;
        outline: 0;
        box-shadow: none;
    }

    #modalContato .form-horizontal textarea {
        height: 110px
    }

    #modalContato table td,#modalContato table th,#modalContato table tr {
        border: none
    }

    #modalContato table td b {
        color: #9f9f9f;
        font-weight: 400;
        font-size: 14px
    }

    #modalContato table td span {
        font-size: 14px;
        font-weight: 400;
        color: #3b3b3b
    }

    #modalContato .table-hover tbody tr:hover>td,#modalContato .table-hover tbody tr:hover>th {
        background:0 0
    }

    #modalContato .controls {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    #modalContato .controls .botao {
        opacity: 1;
        transition: all .2s ease-out
    }

    #modalContato .controls .botao.principal {
        order: 2
    }

    #modalContato .controls .botao.principal.pull-right {
        margin: 0
    }

    #modalContato .controls .botao.principal+.botao {
        border-color: #9f9f9f
    }

    #modalContato .controls .botao:hover {
        background: #3b3b3b;
        border-color: #3b3b3b;
        color: #fff;
        opacity: 1
    }

    @media only screen and (max-width: 767px) {
        #cabecalho {
            padding-top:0
        }

        #cabecalho .conteiner {
            height: 0;
            padding: 0;
            margin: 0;
            overflow: hidden
        }

        #cabecalho:before {
            display: none
        }

        .atalhos-mobile {
            background: var(--cor-topo);
            border: none;
            z-index: 10;
            position: relative;
            border-bottom: solid 1px #b8b8b8;
            padding: 0 15px
        }

        .atalhos-mobile ul {
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .atalhos-mobile ul li {
            float: left;
            width: initial;
            border: none
        }

        .atalhos-mobile ul li.fundo-principal {
            background: 0 0
        }

        .atalhos-mobile ul li a {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            top: 0;
            padding: 0;
            max-height: 75px;
            max-width: 85%;
            margin: 0 auto
        }

        .atalhos-mobile ul li a .icon {
            height: 30px;
            fill: #3b3b3b
        }

        .atalhos-mobile ul li a .icon * {
            fill: var(--cor-iconestopo)
        }

        .atalhos-mobile ul li a .icon .c {
            fill: transparent
        }

        .atalhos-mobile ul li a .qtd-carrinho {
            left: 30px;
            font-size: 13px;
            font-weight: 600;
            background: var(--cor-principal);
            color: #fff;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            display: inline-block !important
        }

        .atalhos-mobile ul li a:before {
            display: none
        }

        .atalhos-mobile ul li a:hover {
            opacity: .7
        }

        .atalhos-mobile ul li a.atalho-menu.visible-phone.icon-th.botao.principal {
            font-size: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 0;
            border: 0;
            margin-left: 9px;
            background: 0 0 !important
        }

        .atalhos-mobile ul li a.atalho-menu.visible-phone.icon-th.botao.principal:before {
            content: "\f0c9";
            font-size: 30px;
            font-weight: 400;
            display: block;
            color: var(--cor-iconestopo);
            margin: 0;
            padding: 0;
            background: 0 0 !important
        }

        .atalhos-mobile ul li .carrinho>a {
            min-width: 30px
        }

        .atalhos-mobile ul li .carrinho>a>.wrap {
            display: none
        }

        .atalhos-mobile ul li .carrinho>a>.wrap .icon {
            min-width: 30px
        }

        .atalhos-mobile ul li.mob-logo {
            min-width: 160px
        }

        .atalhos-mobile ul li.mob-busca button.botao.botao-busca.icon-search {
            border: none;
            color: var(--cor-iconestopo);
            font-size: 21px;
            margin: 0;
            padding: 0;
            width: auto;
            background: 0 0 !important
        }

        .atalhos-mobile ul li.mob-busca .busca {
            width: 100%;
            position: absolute;
            background: 0 0 !important;
            left: 0;
            padding: 20px 0;
            z-index: 99;
            display: none
        }

        .atalhos-mobile ul li.mob-busca.active>button.botao.botao-busca.icon-search:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            color: var(--cor-iconestopo);
            background: none;
        }

        .atalhos-mobile ul li.mob-busca.active .busca {
            display: block;
            box-sizing: border-box;
            box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
            background: #fff !important;
            margin-top: 11px
        }

        .atalhos-mobile ul li.mob-busca.active .busca form {
            width: 90%;
            margin: 0 auto
        }

        .atalhos-mobile ul li.mob-busca.active .busca form button.botao {
            top: 20px;
            position: absolute;
            right: 40px
        }

        .atalhos-mobile ul li.mob-cart,.atalhos-mobile ul li.mob-menu,.atalhos-mobile ul li.mob-user {
            width: 30px
        }

        .fixed .atalhos-mobile {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: var(--cor-topo);
            box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
            z-index: 999;
            border-radius: 0
        }

        .conteudo-topo .busca-mobile {
            background: 0 0;
            overflow: visible
        }

        .conteudo-topo .busca-mobile .busca {
            margin: 0
        }

        .conteudo-topo .busca-mobile .busca .botao-busca {
            top: 0;
            right: 0
        }

        .conteudo-topo .busca-mobile .atalho-menu {
            background: 0 0;
            border-radius: 0;
            height: 55px;
            width: 50px;
            padding: 0 10px;
            line-height: 55px;
            border: none;
            box-sizing: border-box
        }

        .conteudo-topo .busca-mobile .atalho-menu.icon-th::before {
            content: "\f0c9";
            font-size: 2em;
            font-weight: 400;
            color: #000
        }

        .conteudo-topo .busca-mobile.fixed {
            height: 0;
            position: fixed;
            top: -110px;
            left: 0;
            right: 0;
            background: #fff;
            box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
            z-index: 999;
            border-radius: 0;
            display: block !important
        }

        .conteudo-topo .busca-mobile.fixed .busca {
            display: none !important
        }

        .conteudo-topo .menu.superior.visible-phone {
            position: fixed;
            top: 0;
            left: -100%;
            visibility: hidden;
            opacity: 0;
            bottom: 0;
            z-index: 999;
            background: rgba(0,0,0,0.4);
            width: 100%;
            transition: all .2s ease-out;
            display: flex !important;
            flex-direction: column
        }

        .conteudo-topo .menu.superior.visible-phone:before {
            content: "Categorias";
            color: #9b9b9b;
            font-size: 20px;
            font-weight: 600;
            display: block;
            padding: 20px;
            background: #fff
        }

        .conteudo-topo .menu.superior.visible-phone .wrap {
            height: 100%;
            background: #fff;
            width: 80%
        }

        .conteudo-topo .menu.superior.visible-phone ul {
            border: none;
            margin: 0
        }

        .conteudo-topo .menu.superior.visible-phone ul li {
            border: none;
            padding: 0 20px
        }

        .conteudo-topo .menu.superior.visible-phone ul li a,.conteudo-topo .menu.superior.visible-phone ul li strong {
            color: #3b3b3b;
            font-size: 14px;
            font-weight: 600
        }

        .conteudo-topo .menu.superior.visible-phone ul li:hover {
            background: 0 0
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-um {
            height: 320px;
            overflow: auto
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-um>li.com-filho>a i {
            position: absolute;
            right: 10px;
            width: 30px;
            height: 30px;
            top: 5px;
            display: block;
            font-size: 0;
            background: 0 0
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-um>li.com-filho>a i:after {
            content: '\f107';
            font-family: FontAwesome;
            display: inline-block;
            vertical-align: middle;
            color: #3b3b3b;
            font-size: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-dois {
            display: none
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-dois li {
            padding: 0
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-dois li a {
            color: #3b3b3b;
            font-size: 12px
        }

        .conteudo-topo .menu.superior.visible-phone ul.nivel-dois.active {
            display: block
        }

        .conteudo-topo .menu.superior.visible-phone ul.action-links {
            margin: 20px 0
        }

        .conteudo-topo .menu.superior.visible-phone ul.action-links li {
            margin: 20px 0
        }

        .conteudo-topo .menu.superior.visible-phone ul.action-links li a {
            color: #9b9b9b;
            font-size: 20px;
            font-weight: 600
        }

        .conteudo-topo .menu.superior.visible-phone .menu-close {
            border: none;
            cursor: pointer;
            outline: 0;
            box-shadow: none;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            height: 100%;
            width: 20%;
            background: 0 0
        }

        .conteudo-topo .menu.superior.visible-phone .menu-close:after {
            content: 'X';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 72px;
            line-height: 72px;
            font-size: 20px;
            font-weight: 600;
            background: var(--cor-principal);
            color: #fff
        }

        .conteudo-topo .menu.superior.visible-phone.menu-active {
            left: 0;
            visibility: visible;
            opacity: 1
        }

        .banner.tarja {
            display: none
        }

        #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva,.listagem.aproveite-tambem .listagem-item .acoes-produto-responsiva {
            display: none !important
        }

        #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone {
            background: 0 0;
            opacity: 1;
            position: relative
        }

        #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax:before,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar.botao-comprar-ajax:before {
            display: none
        }

        #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,#listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .prod-counter,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .prod-counter {
            width: 100%;
            margin: 5px 0
        }

        #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar {
            font-size: 12px
        }

        #listagemProdutos.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-item .info-produto {
            min-height: 145px
        }

        .produto-compartilhar {
            border: none;
            justify-content: center;
            display: none
        }

        .produto-compartilhar li {
            display: block !important
        }

        .produto-compartilhar li .fa-whatsapp {
            display: none !important
        }

        .produto .principal .acoes-produto .comprar>.qtde-adicionar-carrinho .qtde-carrinho {
            width: 100%
        }

        .produto .principal .acoes-produto .comprar>.botao-comprar {
            background-color: #42d859
        }

        .produto .principal .acoes-produto .preco-produto {
            text-align: center
        }

        .produto .principal .acoes-produto .preco-produto,.produto .principal .acoes-produto.disponivel {
            border: none
        }

        .produto .principal .parcelas-produto {
            border: none
        }

        .atributos>div {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

        .nome-produto {
            color: #3b3b3b;
            font-weight: 800;
            text-transform: uppercase;
            text-align: left
        }

        .size-table {
            height: 70px
        }

        .a-marca .span6 {
            width: 100%;
            padding: 0 15px
        }

        div#instagram h2 a,div#instagram h2 span {
            font-size: 20px
        }

        div#instagram h2 a:after,div#instagram h2 span:after {
            margin-top: -6px
        }

        div#instagram ul {
            display: block;
            margin: 0 auto;
            width: auto
        }

        div#instagram ul li {
            max-width: 31%;
            width: 100%;
            float: left;
            margin-bottom: 7px
        }

        #rodape .institucional {
            min-height: 1px
        }

        #rodape .institucional a i {
            color: var(--conteudo-rodape)
        }

        #rodape .institucional .visible-phone {
            display: none !important
        }

        #rodape .links-rodape {
            border: solid 1px #fff
        }

        #rodape .links-rodape .titulo {
            margin: 0;
            padding: 15px 0;
            vertical-align: middle
        }

        #rodape .links-rodape .titulo::after {
            content: '\F107';
            font-family: FontAwesome;
            color: #fff;
            vertical-align: middle;
            font-size: 25px;
            font-weight: 400;
            position: absolute;
            right: 20px
        }

        #rodape .links-rodape .office-hours,#rodape .links-rodape .office-mapa,#rodape .links-rodape li.bt-faleconocosco,#rodape .links-rodape ul {
            display: none
        }

        #rodape .links-rodape .office-hours.active,#rodape .links-rodape .office-mapa.active,#rodape .links-rodape li.bt-faleconocosco.active,#rodape .links-rodape ul.active {
            display: block
        }

        #rodape .links-rodape .office-mapa.active,#rodape .links-rodape li.bt-faleconocosco.active {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px auto
        }

        .listagem .listagem-item .imagem-produto,.listagem .listagem-item .info-produto {
            float: left;
            width: 100%
        }

        .prod-counter {
            display: none
        }

        #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li {
            border: none;
            min-height: inherit;
            height: inherit;
            max-height: inherit;
            padding: 10px
        }

        #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
            text-align: center
        }

        .redes-sociais {
            margin: 20px 0
        }

        .finalizar-compra .acao-editar.row-fluid .span12 {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .finalizar-compra .acao-editar.row-fluid .span12>* {
            width: 250px;
            padding: 0
        }

        #rodape .institucional>.conteiner>div>.span9>.row-fluid>div {
            width: 100% !important;
            min-width: 100%
        }

        #rodape .sobre-loja-rodape .logo a {
            min-height: 70px;
            max-width: 210px;
            text-align: center;
            height: auto;
            margin: 0 auto
        }
    }

    @media only screen and (max-width: 449px) {
        div#instagram h2 a,div#instagram h2 span {
            font-size:20px
        }

        div#instagram h2 a:after,div#instagram h2 span:after {
            margin-top: -6px
        }

        div#instagram ul {
            display: block;
            margin: 0 auto;
            width: auto
        }

        div#instagram ul li {
            max-width: 46%;
            width: 100%;
            float: left;
            margin-bottom: 7px
        }

        #modalContato {
            border-radius: 0;
            margin: 0;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-width: 330px
        }

        iframe#playerVideo {
            width: 100%
        }
    }

    @media only screen and (max-width: 350px) {
        .atalhos-mobile ul li.mob-logo {
            min-width:130px
        }
    }

    .span4.offset8 input.botao.principal.grande {
        font-size: 13px;
        border: solid 1px #3b3b3b;
        background-color: #fff
    }

    .span4.offset8 {
        margin-left: -28px !important
    }

    .pagina-conta .span4.offset8,.pagina-conta-endereco .span4.offset8 {
        margin-left: 68.37606837606839% !important
    }

    @media only screen and (max-width: 767px) {
        .marcas-mobile .slides ul {
            display:none
        }

        .aproveite-tambem ul.dois-por-linha li.span3,#listagemProdutos ul.dois-por-linha li.span3 {
            padding: 10px
        }

        .aproveite-tambem ul.dois-por-linha li,#listagemProdutos ul.dois-por-linha li {
            padding: 10px
        }

        #rodape .pagamento>ul,#rodape .selos>ul {
            display: inline-block
        }

        .pagina-conta .span4.offset8,.pagina-conta-endereco .span4.offset8 {
            margin-left: 0 !important
        }

        .listagem .titulo-categoria:first-child {
            margin-top: 0
        }

        #listagemProdutos.listagem .titulo-categoria,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria,.listagem.aproveite-tambem>.titulo {
            padding: 0 0 20px
        }

        #corpo .conteiner>.marcas strong {
            padding: 0
        }

        #corpo .conteiner>.marcas .flexslider {
            margin: 20px 0 0
        }

        .pagina-carrinho tr {
            border-bottom: 1px solid #b8b8b8 !important
        }

        .tabela-carrinho .produto-info *,.tabela-carrinho .produto-info {
            text-align: center
        }

        .subtotal,.total,.descontos {
            text-align: center
        }
    }

    .pagina-conta .form-horizontal.large-label .controls {
        margin-left: 0
    }

    .produto #descricao::before {
        content: "Informações"!important;
        font-weight: 600 !important;
        height: 45px;
        line-height: 43px;
    }


#cn-banner-tarja-mobile{justify-content:center;margin-top:10px;margin-bottom:10px}#cn-banner-tarja-mobile .inner-div{width:calc(100vw - 20px)}@media (orientation: landscape){#cn-banner-tarja-mobile img{min-width:260px}}

.instagram_gallery .owl-theme .owl-dots .owl-dot.active span,.instagram_gallery .owl-theme .owl-dots .owl-dot:hover span{background:var(--cor-principal)}.instagram_gallery .owl-theme .owl-dots .owl-dot span{margin:5px 4px}.cn-instagram{width:100%;max-width:1274px;margin:auto;text-align:center;margin-bottom:20px}.cn-instagram .owl-carousel{display:block !important}.cn-instagram .instagram_username{color:#5f5f5f;line-height:28px;font-size:25px;font-weight:700;text-align:left;padding:20px 0}.cn-instagram .instagram_username a{text-decoration:none}.cn-instagram svg.icon{fill:var(--cor-principal);margin:0 10px 0 0px;vertical-align:bottom;height:26px;vertical-align:sub}.cn-instagram .instagram_gallery{overflow:hidden}.cn-instagram .instagram_gallery img{margin:0px !important;width:100% !important;display:inline-block;position:relative;transition:0.3s;-o-object-fit:cover;object-fit:cover}.cn-instagram .instagram_gallery img:hover{opacity:0.8;transform:scale(1.1)}.cn-instagram .instagram_gallery .owl-item>a{overflow:hidden}.cn-instagram .owl-nav [class*="owl-"]{font-size:30px;margin:8px;padding:8px 15px 12px;border-radius:10px}@media only screen and (max-width: 767px){.cn-instagram .instagram_username{margin-left:10px}}

@media (max-width: 767px){.listagem-item .acoes-produto.acoes-produto-mobile{opacity:1;position:relative}.listagem-item .acoes-produto.acoes-produto-mobile a.botao.botao-comprar.principal{font-size:unset !important}}@media (max-width: 812px){.listagem-item .acoes-produto.acoes-produto-mobile .div-control{width:100%;display:flex}}

.full.menu .conteiner .ver-mais-categorias{position:relative}.full.menu .conteiner .ver-mais-categorias .categorias-adjacentes{position:absolute;z-index:9}.full.menu .conteiner .ver-mais-categorias .categorias-adjacentes.nivel-dois{left:unset !important}.full.menu .conteiner .ver-mais-categorias .categorias-adjacentes.nivel-dois .nivel-tres{right:100%;left:unset}.full.menu .conteiner .nivel-dois.background-image{display:none;background-repeat:no-repeat;background-position:calc(100% - 47px) 40px;background-size:300px 300px;min-height:400px;padding-right:400px}.full.menu .conteiner .nivel-um>li>ul.nivel-dois.align-right{left:auto !important;position:absolute}#cabecalho.logo-centro .conteiner>.row-fluid>.span3{max-width:50%}.mob-user .account-list{z-index:9999}@media (min-width: 768px){#cabecalho{position:fixed;width:100%;height:100px;z-index:999;top:0}}@media (max-width: 767px){#cabecalho{position:relative;z-index:999}#cabecalho .atalhos-mobile>ul{height:76px}#cabecalho .atalhos-mobile>ul .mob-logo{width:130px}#cabecalho .atalhos-mobile>ul .mob-busca .icon-search:before{font-size:1.1em;z-index:9}.conteudo-topo .menu.superior.visible-phone ul.nivel-um{height:75vh}.conteudo-topo .menu.superior.visible-phone ul.nivel-um li a>i{border:0.5px solid #ababab;border-radius:5px}.conteudo-topo .menu.superior.visible-phone ul.nivel-um li .nivel-tres.active{display:contents}.conteudo-topo .menu.superior.visible-phone ul.nivel-um li .nivel-tres li{padding-left:15px !important}}

.coluna div.componente.newsletter .titulo i{font-size:16px}.newsletter-cadastro .icon-chevron-right:before{content:"enviar";padding:3px 0;font-family:Lato;font-weight:700}.componente.newsletter.borda-principal .titulo{display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:600}.componente.newsletter.borda-principal .titulo i{font-size:31px;margin-bottom:7px}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .titulo{display:flex;flex-direction:column;align-items:center;font-size:18px;font-weight:600}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .titulo i{font-size:31px;margin-bottom:7px}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .interno-conteudo{height:170px}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .interno-conteudo .texto-newsletter{top:0}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .interno-conteudo .alert.alert-error.erro-newsletter.text-error{position:relative}@media (max-width: 767px){.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .interno-conteudo .alert.alert-error.erro-newsletter.text-error{top:-35px}}.modal-modalNewsletter #modalNewsletter .componente.newsletter .interno .interno-conteudo .texto-newsletter:before{display:none}.newsletter-rodape{display:flex;width:100%;height:16vh;background:#f2f2f2;justify-content:center}.newsletter-rodape>div{max-width:1274px;display:flex;width:100%;flex-wrap:wrap;position:relative;justify-content:center}.newsletter-rodape>div .erro-newsletter{position:absolute;z-index:9}@media (min-width: 768px){.newsletter-rodape>div .erro-newsletter{right:70px;padding-bottom:0px;padding-top:4px}}@media (orientation: landscape){.newsletter-rodape>div .erro-newsletter{height:40px}}.newsletter-rodape .titulo{display:flex;width:25%;font-size:22px;text-transform:capitalize;justify-content:left;align-items:center;font-weight:700;color:#3b3b3b}.newsletter-rodape .texto-newsletter.newsletter-cadastro{display:flex;width:40%;font-size:16px;margin:0;justify-content:left;align-items:center;color:#3b3b3b}.newsletter-rodape .interno-conteudo{display:flex;justify-content:center;align-items:center;width:35%}.newsletter-rodape .interno-conteudo input{margin:0;border:1px solid #fff;box-shadow:inset 0 0px 0px;height:30px;border-radius:5px;border:1px solid #dddddd;margin-right:7px}@media (max-width: 767px){.newsletter-rodape .texto-newsletter.newsletter-cadastro,.newsletter-rodape .titulo{display:block;text-align:center}.newsletter-rodape{height:132px;flex-wrap:wrap;padding:20px 0}.newsletter-rodape .titulo{width:100%}.newsletter-rodape .texto-newsletter.newsletter-cadastro{width:100%}.newsletter-rodape .interno-conteudo{width:100%}.newsletter-rodape .interno-conteudo button{height:42px}}

#rodape .contact.active li a i{display:none !important}#rodape .office-hours svg.icon,#rodape .office-mapa svg.icon{display:none}@media (min-width: 768px){#rodape .links-rodape.links-rodape-paginas ul,#rodape .links-rodape.links-rodape-categorias ul{display:grid;grid-template-columns:auto auto}#rodape .institucional>.conteiner{max-width:1274px}#rodape .institucional>.conteiner>.row-fluid>div>.row-fluid{display:flex;justify-content:center}#rodape .institucional>.conteiner>.row-fluid>div>.row-fluid>.span4{width:30%}}#rodape .lista-redes ul a>i{margin:auto;height:30px}#rodape .cr.conteiner{display:flex !important;flex-direction:row-reverse;justify-content:center}

@media (max-width: 767px){.aproveite-tambem ul.dois-por-linha,#listagemProdutos ul.dois-por-linha{display:flex;flex-wrap:wrap}.aproveite-tambem ul.dois-por-linha li.span3,#listagemProdutos ul.dois-por-linha li.span3{margin-top:0 !important}.aproveite-tambem ul.dois-por-linha li,#listagemProdutos ul.dois-por-linha li{width:50% !important;margin:0;padding:0 10px}.listagem.aproveite-tambem .dois-por-linha .listagem-item .info-produto .nome-produto{white-space:normal}}@media (max-width: 767px) and (orientation: landscape){.aproveite-tambem ul.dois-por-linha li div,#listagemProdutos ul.dois-por-linha li div{display:flex;flex-direction:column;align-items:center}}@media (max-width: 767px) and (orientation: portrait){#listagemProdutos.listagem .dois-por-linha .imagem-produto,#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .dois-por-linha-slick .imagem-produto,.listagem.aproveite-tambem .dois-por-linha .imagem-produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .dois-por-linha-slick .imagem-produto{height:210px !important}.listagem .dois-por-linha .imagem-produto img,.listagem .dois-por-linha-slick .imagem-produto img{margin-bottom:0 !important;margin-top:43px !important}}

.pagina-produto .principal .acoes-produto{padding:0}.produto div.principal .acoes-produto.compra-wpp .comprar{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp i{display:block}#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp,.comprar-via-whatsapp{position:relative;padding:auto;top:-13px;align-items:center;display:flex;justify-content:center;width:100%;height:40px;font-size:14px;letter-spacing:0.2px;padding:5px 17px;text-transform:uppercase;bottom:70px;border:0;overflow:hidden;color:white !important;background-color:#25d366 !important;box-shadow:0px 0px 10em 20px gainsboro}#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp.produto,.comprar-via-whatsapp.produto{position:relative;bottom:0;top:0;background-image:none;color:white;background-color:#25d366}@media (max-width: 767px){#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp.produto,.comprar-via-whatsapp.produto{width:calc(100vw - 52px)}}@media (min-width: 767px){#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp.produto,.comprar-via-whatsapp.produto{width:50%}}#corpo .listagem .listagem-item .acoes-produto.hidden-phone a.comprar-via-whatsapp i:before,.comprar-via-whatsapp i:before{font-size:20px;vertical-align:-2px}.separador{width:40%;border-top:1px solid black}@media only screen and (max-width: 767px){.listagem-item{min-height:450px !important}.listagem-item .acoes-produto.hidden-phone{flex-wrap:wrap !important}.listagem-item .acoes-produto.hidden-phone .div-control{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.listagem-item .acoes-produto.hidden-phone .comprar-via-whatsapp{position:relative;bottom:unset !important;width:70%;margin:0;border-radius:6px;height:25px;line-height:25px;font-weight:600;font-size:10px;letter-spacing:normal;padding:8px 17px;text-transform:uppercase;overflow:hidden;box-shadow:0px 0px 10em 20px gainsboro;margin-bottom:-10px;box-shadow:none !important}.listagem-item .acoes-produto.hidden-phone .comprar-via-whatsapp.produto{position:relative;bottom:0;width:75%}.listagem-item .acoes-produto.hidden-phone .comprar-via-whatsapp i{margin-right:3px}.listagem-item .acoes-produto.hidden-phone .comprar-via-whatsapp i:before{font-size:20px;vertical-align:-2px}}

@media (min-width: 768px){.pagina-inicial #banner-central .banner_central{margin:0 5px}}@media (max-width: 767px){.pagina-inicial #banner-central{flex-wrap:wrap}}.pagina-inicial #banner-central>div{overflow:hidden}.pagina-inicial #banner-central>div img:hover{transition:transform .7s;transform:scale(1.1)}

@media (max-width: 767px){.pagina-inicial .marcas .flexslider.carousel{display:none}.pagina-inicial .marcas .flexslider.marcas-mobile .slick-arrow{width:30px;background:transparent}.pagina-inicial .marcas .flexslider.marcas-mobile .slick-next.slick-arrow::before{content:"\f105";font-family:fontawesome;font-size:48px}.pagina-inicial .marcas .flexslider.marcas-mobile .slick-prev.slick-arrow::before{content:"\f104";font-family:fontawesome;font-size:48px}}@media (min-width: 768px){.pagina-inicial .marcas .flexslider.marcas-mobile{display:none}}

.comprar-via-whatsapp{box-shadow:0px 0px 0 0 gainsboro}@media (max-width: 767px){.listagem-item .acoes-produto.hidden-phone .comprar-via-whatsapp{width:75%}}@media (max-width: 767px){.pagina-produto .atributos .wrapper-dropdown{width:90%}}.pagina-produto .conteiner-imagem>div{display:flex}.pagina-produto #carouselImagem:first-child button.nav-prev,.pagina-produto #carouselImagem:first-child button.nav-next{min-width:40px;height:40px;border-radius:5px}.pagina-produto #carouselImagem:first-child button.nav-prev .icon,.pagina-produto #carouselImagem:first-child button.nav-next .icon{height:22px}@media (min-width: 768px){.pagina-produto #carouselImagem:first-child .flex-direction-nav{display:none !important}.pagina-produto #carouselImagem:first-child .icon{transform:rotate(90deg)}}.pagina-produto #carouselImagem:first-child button.nav-prev{margin-right:auto}.pagina-produto .miniaturas.slides.mini-mobi li{margin-left:0 !important;margin-right:2px !important}@media (min-width: 768px){.pagina-produto .miniaturas.slides.mini-mobi li{display:flex !important;align-items:center}}.pagina-produto .miniaturas.slides.mini-mobi li a{width:60px !important;height:60px}.pagina-produto .lista-favoritos:not(.adicionar-favorito){text-transform:uppercase;text-decoration:none}.pagina-produto .lista-favoritos:not(.adicionar-favorito):hover{color:var(--cor-principal);text-decoration:none}.pagina-produto .lista-favoritos:not(.adicionar-favorito)::before{font-family:"FontAwesome";content:"\f00c"}@media (max-width: 767px){.pagina-produto .lista-favoritos:not(.adicionar-favorito){margin-bottom:10px}}.pagina-produto .lista-favoritos:not(.adicionar-favorito){line-height:unset}@media (max-width: 767px){.pagina-produto .produto-compartilhar{display:block}}

@media (min-width: 768px){.conteiner-principal{margin-top:146px}}@media (max-width: 767px){#AdicionarFavoritoSucessoModal,#AdicionarFavoritoErroModal{position:fixed;top:36vh}}.slick-next,.slick-prev{width:20px;height:30px}

#rodape>div:last-child .conteiner small{
    z-index: 9;
}

#rodape>div:last-child .conteiner .logo-cn img{
    width: 137px;
}
 
:root{
	--cor-principal: #dbb671;
	--cor-topo: #fff;
	--cor-iconestopo: #3b3b3b;
	--cor-barramenu: #fff;
	--cor-textomenu: #3b3b3b;
	--cor-fundorodape: #dbb671;
	--conteudo-rodape: #fff;
	--botoes: #25734f;
}

@media (max-width: 768px) {
	#rodape .cr.conteiner{
		padding-bottom: 30px;
	}
	#rodape .cr.conteiner #cr-empresa a img{
		margin-top: 5px;
	}
	#rodape .cr.conteiner .logo-cn img{
		margin-bottom: 16px;
	}
}