/* Geral */
html {
    font-family: 'Exo 2', 'Helvetica', 'Arial', sans-serif
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
    padding-top: 3px;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, .3);
}

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=range],
input[type=date],
input[type=mounth],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
    border-radius: 3px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
}

select {
    border-radius: 3px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
}

textarea {
    border-radius: 3px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
}

address .ico {
    display: inline;
    vertical-align: baseline;
    position: relative;
    top: 1px;
    margin-right: 3px;
    width: 9px;
    height: 13px;
    fill: rgba(0, 0, 0, .5);
}

iframe[name="google_conversion_frame"] {
    position: fixed;
    top: -999px;
    left: -999px;
}

a {
    color: #152F4B
}

a:hover {
    color: #224C78
}

/* Transition */
a,
button,
input,
select,
textarea,
.search-button,
.pagtos-container .name,
.envios-container .name,
.order-status:after,
.order-status .ico,
body.osc-steps .opc-block-progress dt:after,
.selos .title,
.tab-cor .name,
.tab-cor label,
.borda-cores label,
.borda-cores .name,
.borda-tipo label,
.borda-tipo img,
.tab-produto label,
.tab-produto img,
#canvas-font-color label,
#canvas-font-color .name,
#canvas-font label,
#canvas-images label,
#canvas-images .name {
    transition: all 200ms ease-in-out
}

/* icon */
.toolbar-bottom .pager a.next:before,
.toolbar-bottom .pager a.previous:before,
.block-layered-nav .currently .btn-remove:before,
.tele-troca .troca .widget:before,
.bundle-options-dl dd.one-option .input-box:after,
#shipping-estimate-results .fechar:before,
.cart-table .btn-remove:before,
.cart-table .button.btn-update:before,
.custom-options-dl .time-picker:before,
.review-summary label:before,
#checkout-step-login .hints li:before,
body.osc-accordion .opc-block-progress dt.complete:after,
#checkout-shipping-method-load ul li label:after,
body.osc-accordion .step-title .number:before,
#checkout-payment-method-load dt:after,
.downloadable-sample-link:before,
.downloadable-free-sample .link:before,
.mycart-products .btn-remove:before,
.success-content .confirmation:before,
.success-content .print:before,
.account-login .benefits li:before,
.order-status.state-complete span:after,
.my-account .pager a.next:before,
.my-account .pager a.previous:before,
.order-date:before,
.boleto-info a:before,
.order-items a.link-print:before,
body.osc-onepage .step-title .number:before,
body.osc-steps .step-title .number:before,
body.osc-steps .opc-block-progress dt:before,
.brands .bx-controls-direction a:before,
.the-share a:before,
.success-content .pagto a.boleto:before,
.qty-wrapper .bt:before,
.owl-theme .owl-buttons div:before,
.or-map:before,
.revendaslist .telmail li:before,
.arevenda .dados .contato li:before,
.no-coms:before,
.case-detail-content .bx-controls-direction a:before,
.testimonial-rating:before,
.testimonial-submit .refresh-captcha:before {
    
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}

/* Mensagens */
.cart-table .item-msg,
.messages>li {
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .8)
}

.cart-table .item-msg.success,
.messages .success-msg {
    background: #c4df9b
}

.cart-table .item-msg.error,
.messages .error-msg {
    background: #ff8469
}

.messages .notice-msg {
    background: #fff799
}

/* Banners */
.banner-js-container {
    position: relative
}

.banner-js-container .svg-loader {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.banner-js-container .banner-js {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.banner-js-container .title {
    display: none
}

.banner-js-container .link {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}

.item-html {
    position: relative;
    z-index: 1;
}

.item-html .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.item_html {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-youtube {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.item-youtube .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.item_youtube {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 177%;
}

.item_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}

.no-js .item-youtube {
    overflow: visible
}

.no-js .item_youtube {
    left: auto;
    transform: none;
    padding: 56.25% 0 0;
}

.banner-js-container.no-js img.d_img {
    display: block
}

.banner-js-container.no-js img.m_img {
    display: none
}

.banner-js-container:not(.no-js) img.d_img {
    display: block;
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-js-container:not(.no-js) img.m_img {
    display: none;
    width: 100vw;
    min-width: 100%;
    height: auto;
}

.banner-js-container.loading .svg-loader {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.banner-js-container.loading .banner-js {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.banner-js-container .owl-theme .owl-buttons div.owl-prev {
    left: 20px
}

.banner-js-container .owl-theme .owl-buttons div.owl-next {
    right: 20px
}

/* Banners - Responsivo */
@media (max-width: 992px) {
    .m-hide {
        display: block
    }

    .banner-js-container .has_m_img .link {
        height: auto !important
    }

    .banner-js-container .has_m_img img.d_img {
        display: none
    }

    .banner-js-container .has_m_img img.m_img {
        display: block
    }

    .banner-js-container .owl-controls {
        display: none !important
    }
}

@media (max-width: 568px) {
    .item_youtube {
        padding: 100% 182% 0 0;
        height: auto !important;
    }
}

/* Logo */
.logo-container img {
    width: auto;
    height: auto;
    display: block;
}

.logo-container svg {
    display: block;
    width: auto;
    height: auto;
    min-height: 50px;
    max-width: 260px;
}

@media (max-width: 500px) {
    .logo-container svg {
        max-width: 100%;
        height: 50px;
    }
}

/* Home */
.cms-home .col-main .std {
    margin-bottom: 40px
}

.home-grid {
    margin-bottom: 40px;
    position: relative;
    line-height: 1em
}

.home-grid .main-banner {
    margin: 0 0 20px calc(20% + 10px)
}

.home-grid .banner-regua {
    margin-left: calc(20% + 10px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05)
}

.home-side-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc(20% - 10px);
    padding: 20px 0;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05)
}

.home-side-menu:before {
    display: block;
    height: 20px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 20;
    background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    content: ''
}

.home-side-menu .widget {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
    width: calc(100% + 2px);
    margin-left: -2px;
    direction: rtl
}

.home-side-menu .widget::-webkit-scrollbar {
    width: 3px
}

.home-side-menu .widget::-webkit-scrollbar-track {
    background-color: transparent;
    background-image: linear-gradient(90deg, transparent 50%, rgba(21,47,75, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px;
}

.home-side-menu .widget::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(21,47,75, .7);
}

.main-menu.vertical nav {
    padding-bottom: 20px;
    direction: ltr;
    text-align: left;
}

.main-menu.vertical li.level0 {
    margin-bottom: 10px
}

.main-menu.vertical li.level0:hover div.level1 {
    left: 0
}

.main-menu.vertical li.level0:hover a.level0 {
    background: #f2f2f2
}

.main-menu.vertical a.level0 {
    background: none;
    padding: 5px 20px;
}

.main-menu.vertical a.level0 .name {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.main-menu.vertical a.level0 .thumb {
    display: none
}

.main-menu.vertical div.level1 {
    position: relative;
    left: 0;
    background: none;
    padding: 0;
}

.main-menu.vertical ul.level1 {
    padding: 0;
    width: auto;
}

.main-menu.vertical li.level1 {
    margin: 0
}

.main-menu.vertical li.level1:hover a.level1 {
    background: #f2f2f2
}

.main-menu.vertical a.level1 {
    padding: 3px 20px;
    font-size: 14px;
    color: #222;
}

.main-menu.vertical ul.level2 {
    display: none !important
}

.home-grid a {
    transition: all 150ms ease-in-out
}

.home-mini-banners {
    margin: 0 0 40px
}

.home-mini-banners .widget {
    margin: -10px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.home-mini-banners .widget>* {
    padding: 10px;
    max-width: 100%;
    min-width: 300px;
    flex: 0 1 50%;
}

#banner-js-home_mini_banners {
    margin-bottom: 40px
}

#banner-js-home_mini_banners .banner-js {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -10px -20px;
}

#banner-js-home_mini_banners .item {
    flex: 1 1 50%;
    min-width: 400px;
    padding: 0 10px 20px;
    text-align: center;
}

#banner-js-home_mini_banners a {
    display: block
}

/* Breadcrumb */
.breadcrumbs-container {
    min-width: 980px;
    width: 90%;
    max-width: 1380px;
    position: relative;
    margin: 0 auto 20px
}

.breadcrumbs {
    font-size: 13px;
    color: #333;
    text-transform: uppercase
}

.breadcrumbs ul li a {
    color: #333
}

.breadcrumbs .sep {
    padding: 0 3px
}

/* Catálogo */
.banner-categoria {
    margin-bottom: 20px
}

.page-title h1 {
    font-size: 29px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333
}

.page-title.brand img {
    max-height: 40px;
    width: auto
}

.page-title.brand img[src*='.svg'] {
    height: 40px;
    width: auto
}

.category-title {
    max-width: 50%;
    float: left
}

.category-title .category-thumb {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.category-title .category-thumb img {
    max-height: 30px;
    width: auto
}

.category-title h1 {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.category-block-mode {
    display: table;
    width: 100%
}

.category-description {
    display: none;
    padding: 20px;
    font-size: 14px;
    color: #333;
    line-height: 1.3em;
    border: 1px solid rgba(33,124,219, .2);
}

.col-main .note-msg {
    display: table;
    width: 100%;
    text-align: center;
    padding: 100px 0
}

.col-main .note-msg.suggest {
    padding: 50px 0
}

.col-main .note-msg .suggest {
    padding-top: 10px;
    font-style: italic
}

.col-main .note-msg .suggest a {
    color: #152F4B
}

.col-main .note-msg .suggest a:hover {
    color: #224C78
}

.toolbar {
    margin: 0 0 20px calc(50% + 20px)
}

.toolbar .pager,
.toolbar .amount,
.toolbar .limiter {
    display: none
}

.toolbar .sorter {
    text-align: right
}

.toolbar .view-mode {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.toolbar .view-mode label {
    font-size: 14px;
    color: #333
}

.toolbar .view-mode label,
.toolbar .view-mode .list,
.toolbar .view-mode .grid {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    margin-left: 7px
}

.toolbar .view-mode .list svg,
.toolbar .view-mode .grid svg {
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.toolbar .view-mode strong svg {
    fill: #152F4B
}

.toolbar .view-mode a svg {
    fill: #d6d6d6;
    transition: all 100ms ease-in-out;
}

.toolbar .view-mode a:hover svg {
    fill: #224C78
}

.toolbar .sort-by {
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 30px
}

.toolbar .sort-by label,
.toolbar .sort-by a {
    display: none
}

.toolbar .sort-by select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    height: 30px;
    width: 180px
}

.toolbar-bottom .toolbar {
    margin: 0;
    display: table;
    width: 100%;
    padding: 7px 0;
    border: 1px solid rgba(33,124,219, .2);
    border-width: 1px 0;
}

.toolbar-bottom .pager,
.toolbar-bottom .amount {
    display: block
}

.toolbar-bottom .amount {
    float: left;
    line-height: 26px;
    font-size: 14px;
    color: #333
}

.toolbar-bottom .amount span {
    font-weight: 600;
    color: #111
}

.toolbar-bottom .pager {
    float: right
}

.toolbar-bottom .pager ol li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin-left: 3px
}

.toolbar-bottom .pager ol li span span {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    border-radius: 2px;
    background: #224C78;
    color: #FFFFFF
}

.toolbar-bottom .pager ol li a {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    color: #333;
    border-radius: 2px
}

.toolbar-bottom .pager ol li a:hover {
    background: #f5f5f5
}

.toolbar-bottom .pager ol li a.next span,
.toolbar-bottom .pager ol li a.previous span {
    display: none
}

.toolbar-bottom .pager ol li a.next:before,
.toolbar-bottom .pager ol li a.previous:before {
    display: block;
    line-height: 26px;
    content: '\f054';
    color: #152F4B
}

.toolbar-bottom .pager ol li a.previous:before {
    content: '\f053'
}

.toolbar-bottom .pager .label,
.toolbar-bottom .sorter {
    display: none
}

.block-layered-nav .block-title {
    display: none
}

.block-layered-nav .block-content>* {
    margin-bottom: 10px
}

.block-layered-nav .block-content>*:last-child {
    margin-bottom: 0
}

.block-layered-nav .block-subtitle-filter {
    display: none
}

.block-layered-nav .currently,
.block-layered-nav .filters-list .item {
    padding: 15px;
    border: 1px solid rgba(33,124,219, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.block-layered-nav .filters-list .item {
    margin-bottom: 10px
}

.block-layered-nav .filters-list .item:last-child {
    margin-bottom: 0
}

.block-layered-nav .currently .block-subtitle,
.block-layered-nav .filter-name {
    font-size: 16px;
    color: #111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px
}

.block-layered-nav .the-filters .a-filter {
    display: block;
    padding: 5px 10px;
    width: calc(100% + 10px);
    margin-left: -10px;
    color: #333;
    font-size: 14px
}

.block-layered-nav .the-filters .a-filter.link:hover {
    background: #f5f5f5
}

.block-layered-nav .sub {
    padding-left: 10px;
    margin-bottom: 10px;
}

.block-layered-nav .sub .a-filter {
    font-size: 12px;
    padding: 2px 10px;
}

.block-layered-nav .the-filters .count {
    font-size: 13px;
    color: #999
}

.block-layered-nav .configurable-swatch-list {
    margin: -5px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
}

.block-layered-nav .configurable-swatch-list li {
    padding: 5px;
    text-align: center;
    flex: 1 1 auto;
}

.block-layered-nav .configurable-swatch-list .a-filter {
    display: block;
    padding: 0;
    width: auto;
    margin: 0;
    text-align: center;
    box-shadow: 0 0 0 3px transparent
}

.block-layered-nav .configurable-swatch-list .a-filter.link:hover {
    background: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #666
}

.block-layered-nav .configurable-swatch-list .swatch {
    display: block;
    height: 30px;
    line-height: 30px;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-layered-nav .configurable-swatch-list span.swatch {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    padding: 0 5px;
    min-width: 30px
}

.block-layered-nav .configurable-swatch-list img.swatch {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

.block-layered-nav .configurable-swatch-list .count {
    display: none
}

.block-layered-nav .currently {
    position: relative
}

.block-layered-nav .currently .block-subtitle {
    margin-right: 65px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-layered-nav .currently .actions {
    position: absolute;
    top: 15px;
    right: 15px
}

.block-layered-nav .currently .actions a {
    display: block;
    line-height: 15px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    text-transform: lowercase;
    color: #FFFFFF;
    background: #217CDB
}

.block-layered-nav .currently .actions a:hover {
    color: #FFFFFF;
    background: #1961AD
}

.block-layered-nav .currently ol li {
    margin-bottom: 10px;
    position: relative;
    padding-right: 20px;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

.block-layered-nav .currently ol li .text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-layered-nav .currently ol li .value {
    padding-left: 3px;
    color: #666;
    font-weight: 400
}

.block-layered-nav .currently .btn-remove {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px
}

.block-layered-nav .currently .btn-remove:before {
    display: block;
    line-height: 20px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    color: #152F4B;
    content: '\f00d'
}

.block-layered-nav .currently .btn-remove span {
    display: none
}

.block-layered-nav .currently .btn-remove:hover:before {
    background: #152F4B;
    color: #FFFFFF
}

.category-image {
    clear: both
}

/* Preços */
.price-box {
    margin-bottom: 10px;
    font-size: 15px;
}

.price-box>*:not(:last-child) {
    margin-bottom: 6px
}

.price-from {
    color: #224C78;
    display: block
}

.price-from .label {
    font-size: .8em
}

.price-from .price {
    font-weight: 700
}

.price-to {
    color: #666;
    display: block
}

.minimal-price {
    color: #888;
    display: block
}

.minimal-price .label {
    font-size: .8em;
    display: block
}

.minimal-price .price {
    font-weight: 700
}

.minimal-price-link {
    color: #888;
    display: block;
}

.tier-price {
    color: #888;
    display: block;
    text-decoration: none;
}

.tier-price .qty,
.tier-price .price {
    font-weight: 700;
    color: #224C78;
}

.price-to .price,
.minimal-price-link .price {
    font-weight: 600
}

.old-price {
    color: #666;
    display: block
}

.old-price .price {
    text-decoration: line-through
}

.regular-price,
.special-price {
    color: #224C78;
    display: block
}

.regular-price .price,
.special-price .price {
    font-weight: 700
}

.price-as-configured {
    font-size: 14px;
    color: #224C78;
    display: block
}

.price-as-configured .price {
    font-weight: 700
}

.tier-prices {
    color: #333;
    margin-bottom: 10px;
    padding: 10px;
    background: #f0f6f9
}

.tier-prices li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5
}

.tier-prices li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.tier-prices .and {
    display: none
}

.tier-prices .qts,
.tier-prices .price {
    font-weight: 600;
    font-size: 15px
}

.tier-prices .benefit {
    display: block;
    padding-top: 2px;
    color: #888;
    font-size: 11px;
    font-style: italic
}

.tier-prices .benefit .percent {
    font-weight: 600
}

.price-box-avista {
    font-size: 15px;
    text-align: left;
    margin-bottom: 10px;
    color: #217CDB;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-box-avista .label {
    margin-right: 5px;
    line-height: 10px;
    font-size: .7em;
    text-align: right
}

.price-box-avista .price {
    font-weight: 700;
    flex: 1 1 auto;
}

.price-box-parcelado {
    font-size: 15px;
    margin-bottom: 10px;
    color: rgba(33,124,219, .7)
}

.price-box-parcelado .num,
.price-box-parcelado .value {
    font-weight: 700;
    color: #217CDB
}

.price-box-parcelado .juros {
    display: block;
    font-size: .7em;
}

.preco-parcelado-sem-juros {
    margin-bottom: 3px;
    color: #217CDB
}

.product-essential .price-box,
.product-essential .price-box-avista,
.product-essential .price-box-parcelado {
    text-align: left
}

.product-essential .price-box-avista {
    justify-content: flex-start
}

.product-essential .price-box-avista .price {
    flex: 0 1 auto
}

.product-essential .price-from,
.product-essential .price-to {
    color: #bbb
}

/* Busca - Autocomplete */
form.searchautocomplete {
    position: relative
}

.searchautocomplete-loader {
    position: absolute;
    top: calc(50% - 20px);
    right: 110px
}

.searchautocomplete-placeholder {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 0 10px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.searchautocomplete-placeholder:before,
.searchautocomplete-placeholder:after {
    position: absolute;
    bottom: 100%;
    left: calc(50% - 10px);
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
    content: ''
}

.searchautocomplete-placeholder:after {
    margin-bottom: -1px;
    border-bottom-color: #fff
}

.searchautocomplete-placeholder ul {
    max-height: 200px;
    overflow: auto;
    padding-right: 5px;
    margin-right: 5px
}

.searchautocomplete-placeholder ul::-webkit-scrollbar {
    width: 3px
}

.searchautocomplete-placeholder ul::-webkit-scrollbar-track {
    background-color: transparent;
    background-image: linear-gradient(90deg, transparent 50%, rgba(21,47,75, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px
}

.searchautocomplete-placeholder ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(21,47,75, .7);
}

.searchautocomplete-placeholder ul li {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.searchautocomplete-placeholder .all {
    padding: 10px 10px 0 0;
    margin-left: -10px;
    border-top: 1px solid #ccc;
    text-align: right
}

.searchautocomplete-placeholder .all a {
    display: inline-block;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 20px;
    background: #217CDB;
    color: #FFFFFF;
    font-size: 12px
}

.searchautocomplete-placeholder .all a:hover {
    background: #1961AD;
    color: #FFFFFF
}

.searchautocomlete-image {
    margin-right: 10px;
    flex: 0 0 auto;
}

.searchautocomlete-info {
    font-size: 12px;
    color: #666;
    flex: 1 1 auto;
}

.searchautocomlete-info>* {
    margin-bottom: 7px
}

.searchautocomlete-info>*:last-child {
    margin-bottom: 0
}

.searchautocomlete-info .name {
    color: #222;
    font-weight: 600;
    display: block
}

.searchautocomlete-info .name:hover {
    color: #224C78
}

.searchautocomlete-info .name,
.searchautocomlete-info .regular-price,
.searchautocomlete-info .special-price {
    font-size: 14px
}

/* Avaliações */
.product-rate .rating-box {
    height: 16px
}

.product-rate .rating-box:before {
    content: '\f005\f005\f005\f005\f005';
    font-size: 16px;
    letter-spacing: 3px;
    color: #dad9da;
    opacity: 1
}

.product-rate .rating-box .rating:before {
    color: #faa332;
    font-size: 16px;
    letter-spacing: 3px;
    opacity: 1
}

.product-rate .amount,
.product-rate .x-out-of-5,
.product-rate .to-rate,
.product-rate .percent {
    display: none
}

.product-rate .circle-percent .on {
    stroke: #152F4B
}

/* Produto - Listagem */
.product-collection-container header .title {
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

.product-collection li.item {
    position: relative;
    margin-bottom: 40px
}

.product-collection .product-link {
    display: block
}

.product-collection .product-image {
    display: block;
    margin-bottom: 10px
}

.product-collection .product-name {
    display: block;
    font-size: 16px;
    line-height: 16px;
    height: 33px;
    overflow: hidden;
    font-weight: 400;
    color: #222;
    margin-bottom: 10px
}

.product-collection .configurable-swatch-list {
    font-size: 0;
    margin-bottom: 11px
}

.product-collection .configurable-swatch-list li {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 0
}

.product-collection .configurable-swatch-list li a,
.product-collection .esgotado {
    color: #ef6c53;
    font-size: 14px
}

.product-collection .configurable-swatch-list li img {
    display: block;
    font-size: 14px;
    color: #888
}

.product-collection .configurable-swatch-list li.selected {
    position: relative
}

.product-collection .configurable-swatch-list li.selected a {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, .2)
}

.product-collection .add-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.product-collection .add-checkbox label {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    background: #217CDB
}

.product-collection .add-checkbox label input {
    margin: 0
}

.mode-list .configurable-swatch-list {
    text-align: left
}

/* Produto - Detalhe */
.product-essential .product-img-box {
    width: 440px
}

.product-essential .product-image-gallery {
    width: 380px;
    height: 380px;
    max-width: calc(100vw - 20px);
    max-height: calc(100vw - 20px);
    box-shadow: 0 0 0 1px #e5e5e5
}

.product-essential .product-img-box .more-views {
    width: 50px
}

.product-essential .product-img-box .more-views .title {
    display: none
}

.product-essential .product-image-thumbs {
    max-height: 350px
}

.product-essential .product-image-thumbs::-webkit-scrollbar-thumb {
    background: #152F4B
}

.product-essential .product-image-thumbs li {
    width: 50px;
    margin-bottom: 10px
}

.product-essential .product-image-thumbs li:last-child {
    margin-bottom: 0
}

.product-essential .product-image-thumbs .thumb-link {
    display: block;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    overflow: hidden
}

.product-essential .product-shop {
    margin-left: 460px
}

.product-essential .product-shop .col1 {
    margin-right: 250px
}

.product-essential .product-shop .col2 {
    float: right;
    width: 230px;
    text-align: center
}

.product-essential .product-name {
    margin-bottom: 15px
}

.product-essential .product-name h1,
.product-essential .product-name .sku {
    line-height: 1em;
    display: inline;
    vertical-align: baseline;
    text-transform: uppercase;
    font-size: 12px;
    color: #999
}

.product-essential .product-name h1 {
    font-size: 30px;
    color: #333;
    font-weight: 400;
    padding-right: 5px
}

.product-essential .shopbybrands-brand-page {
    padding-top: 10px
}

.product-essential .shopbybrands-brand-page a {
    display: inline-block;
    opacity: .6
}

.product-essential .shopbybrands-brand-page img {
    display: inline-block;
    height: 20px;
    width: auto
}

.product-essential .shopbybrands-brand-page a:hover {
    opacity: 1
}

.product-essential .product-rate {
    margin-bottom: 20px;
    display: flex;
    align-content: center;
}

.product-essential .product-rate .to-rate {
    color: #666;
    display: block;
    font-size: 13px;
    margin-left: 10px
}

.product-essential .product-rate .to-rate:hover {
    color: #224C78
}

.product-image-container {
    margin-bottom: 20px
}

.sharing-links .list {
    margin: 0 -5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sharing-links li {
    margin: 0 5px;
    flex: 0 0 40px;
}

.sharing-links a {
    display: block;
    height: 40px;
    padding: 10px;
    border-radius: 100%;
    background: #3b5998;
}

.sharing-links a:hover {
    opacity: .8
}

.sharing-links .tt-share a {
    background: #00aced
}

.sharing-links .gp-share a {
    background: #dd4b39
}

.sharing-links .wa-share a {
    background: #4dc247
}

.sharing-links .pt-share a {
    background: #cb2027
}

.sharing-links .tb-share a {
    background: #32506d
}

.sharing-links .lk-share a {
    background: #007bb5
}

.sharing-links .email-to-friend a {
    background: #152F4B
}

.sharing-links .email-to-friend a:before {
    color: #FFFFFF;
    display: block;
    line-height: 20px;
    text-align: center;
    
    content: "\f003";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}

.sharing-links span {
    display: none
}

.sharing-links .ico {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.wa-share {
    display: none
}

body.mobile .wa-share {
    display: block
}

.product-essential .add-to-cart {
    padding: 10px 0 0;
    margin-bottom: 10px;
    position: relative
}

.product-essential .add-to-cart-buttons {
    position: relative
}

.qty-wrapper {
    position: relative
}

.qty-wrapper label {
    display: none
}

.qty-wrapper .bt-box {
    position: absolute;
    top: 50%;
    right: -5px;
    z-index: 10;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    transform: translateY(-50%);
}

.qty-wrapper .bt {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #222;
    font-size: 6px
}

.qty-wrapper .bt:before {
    content: '\f077'
}

.qty-wrapper .bt:hover {
    background: #ddd
}

.qty-wrapper .bt span {
    display: none
}

.qty-wrapper .bt.less {
    border-radius: 0 0 10px 10px
}

.qty-wrapper .bt.less:before {
    content: '\f078'
}

.qty-wrapper .bt.less:before {
    content: '\f078'
}

.qty-wrapper .bt.type {
    display: none;
    border-radius: 10px;
    height: 20px;
    line-height: 20px
}

.qty-wrapper .bt.type:before {
    content: '\f00c'
}

.qty-wrapper .typing .bt {
    display: none
}

.qty-wrapper .typing .bt.type {
    display: block
}

.qty-wrapper .msg {
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    min-width: 150px;
    border-radius: 3px;
    text-align: center;
    line-height: 1.1em;
    font-size: 12px;
    background: #fff799;
    color: rgba(0, 0, 0, .9);
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform-origin: center bottom;
    transform: translateX(-50%) scale(0);
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.qty-wrapper .msg:before {
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff799;
    content: ''
}

.qty-wrapper .msg.on {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1)
}

.qty-wrapper input {
    display: block;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: center
}

.product-essential .qty-wrapper {
    position: absolute;
    top: 10px;
    left: 10px
}

.product-essential .qty-wrapper input {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .1)
}

.product-essential .add-to-cart .add-to-cart-buttons>*:not(:last-child) {
    margin-bottom: 10px
}

.product-essential .add-to-cart .add-to-cart-buttons button {
    display: block;
    padding: 0 10px 0 60px;
    width: 100%;
    line-height: 54px;
    height: 60px;
    white-space: nowrap;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #FFF60A;
    color: #000000
}

.product-essential .add-to-cart .add-to-cart-buttons button:hover {
    background: #F1C800;
    color: #FFFFFF
}

.product-essential .add-to-cart .add-to-cart-buttons button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .2)
}

.product-essential .add-to-cart .add-to-cart-buttons button.out-of-stock,
.product-essential .add-to-cart .add-to-cart-buttons button.out-of-stock:hover,
.product-essential .add-to-cart .add-to-cart-buttons button.out-of-stock:active {
    padding-top: 0;
    cursor: default;
    background: #e5e5e5;
    color: #666;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2)
}

.product-essential .add-to-cart .add-to-cart-buttons button.no-qty {
    padding: 0 10px
}

.product-essential .add-to-links li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #000
}

.product-essential .add-to-links li:last-child {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: 0
}

.product-essential .add-to-links .separator {
    display: none
}

.product-essential .add-to-links a {
    display: inline-block;
    color: #000
}

.product-essential .add-to-links a.link-compare {
    display: none
}

.product-essential .add-to-links a:hover {
    color: #152F4B
}

.product-essential .tele-troca {
    padding: 20px;
    margin-bottom: 20px;
    background: #f7f7f7;
    font-size: 13px;
    text-transform: uppercase;
    color: #666
}

.product-essential .tele-troca>strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #152F4B
}

.product-essential .tele-troca .troca {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.product-essential .tele-troca .troca .widget:before {
    font-size: 20px;
    content: '\f021'
}

.product-essential .std.short-desc {
    font-size: 14px;
    color: #888;
    margin-bottom: 20px
}

.product-essential .esgotado {
    background: #fff9ba;
    padding: 45px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .5);
    font-size: 13px
}

.product-essential .esgotado .title {
    color: #222;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px
}

.product-essential .esgotado p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.product-essential .esgotado p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.product-essential .esgotado a {
    color: rgba(0, 0, 0, .7)
}

.product-essential .esgotado a:hover {
    text-decoration: underline
}

.product-options-bottom .price-box {
    margin-bottom: 20px
}

.col-main #messages_product_view {
    margin: 0
}

.parcelamento ul {
    font-size: 12px;
    margin: -5px -10px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
}

.parcelamento ul li {
    box-shadow: inset -10px 0 0 #fff, inset 10px 0 0 #fff, inset 0 -1px 0 #ccc;
    width: 200px;
    padding: 5px 10px;
    display: flex;
    align-content: flex-start;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
}

.parcelamento .juros,
.parcelamento .s-juros {
    line-height: 10px;
    text-align: right;
    font-size: 10px;
    color: #888;
    font-style: italic
}

.parcelamento .s-juros {
    white-space: nowrap;
    padding: 0 4px 2px;
    border-radius: 3px;
    background: #57ADE1;
    color: #FFFFFF;
}

.parcelamento .parcela {
    flex: 1 1 60%
}

.parcelamento .parcela .num,
.parcelamento .parcela .valor {
    font-size: 14px;
    font-weight: 600
}

.parcelamento .valor-total {
    font-size: 10px;
    color: #888;
    order: 1;
    flex: 1 1 100%
}

.parcelamento .valor-total .label:after {
    content: ':'
}

.product-video .video-thumb {
    cursor: pointer;
    position: relative;
    height: 50px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    background: #152F4B;
    display: flex;
}

.product-video .video-thumb:hover {
    background: #224C78
}

.product-video .video-thumb:active {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 3px 0 rgba(0, 0, 0, .3)
}

.product-video .img {
    display: none
}

.product-video .play {
    margin: auto
}

.product-video .play span {
    display: none
}

.product-video .play .ico {
    width: 36px;
    height: 36px;
    fill: #fff
}

#product-video .modal-container .std {
    overflow: visible
}

.block-freegift {
    box-shadow: inset 0 0 0 3px #152F4B;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center
}

.block-freegift .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #152F4B
}

.freegifts li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    text-align: left;
    display: flex;
    align-items: center;
}

.freegifts li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.freegifts .thumb {
    margin-right: 10px;
    flex: 0 0 60px;
}

.freegifts .gift-name {
    color: #222;
    margin-bottom: 10px
}

.freegifts .price-box .label,
.freegifts .old-price,
.freegifts .preco-a-vista,
.freegifts .preco-parcelado {
    display: none
}

.freegifts .special-price .price,
.freegifts .regular-price .price {
    font-size: 12px;
    color: #666;
    text-decoration: line-through
}

/* Produto - Configurável */
.configurable-options-dl {
    margin-bottom: 20px
}

.configurable-options-dl:before {
    content: 'Escolha as opções:';
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}

.configurable-options-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.configurable-options-dl dt .select-label {
    font-weight: 400;
    color: #333
}

.configurable-options-dl dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.configurable-options-dl dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.configurable-options-dl .configurable-swatch-list {
    margin: 0 0 -5px -5px
}

.configurable-options-dl .configurable-swatch-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5px 5px
}

.configurable-options-dl .configurable-swatch-list .swatch-link {
    display: block;
    position: relative
}

.configurable-options-dl .configurable-swatch-list .swatch-label {
    display: block;
    height: 40px;
    box-shadow: inset 0 0 0 1px #ccc;
    color: #888;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
    padding: 0 5px;
    transition: all 200ms ease-in-out
}

.configurable-options-dl .configurable-swatch-list .has-image .swatch-label {
    border: 0;
    padding: 0
}

.configurable-options-dl .configurable-swatch-list img {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

.configurable-options-dl .configurable-swatch-list .x {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 200ms ease-in-out
}

.configurable-options-dl .configurable-swatch-list .x-ico {
    stroke-width: .5px;
    width: 100%;
    height: 100%;
    stroke-opacity: .5
}

.configurable-options-dl .configurable-swatch-list .selected .swatch-link {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #888
}

.configurable-options-dl .configurable-swatch-list .not-available .swatch-label {
    opacity: .3
}

.configurable-options-dl .configurable-swatch-list .not-available .x {
    opacity: 1
}

.configurable-options-dl select {
    height: 40px;
    padding: 10px
}

.configurable-options-dl .validation-advice {
    right: auto;
    left: -21px;
    margin: 0;
    bottom: auto;
    top: -26px
}

.configurable-options-dl .validation-advice div {
    right: auto;
    left: 0
}

.configurable-options-dl .validation-advice div:before {
    right: auto;
    left: 4px
}

/* Produto - Empacotado */
.bundle-options-dl {
    margin-bottom: 20px
}

.bundle-options-dl:before {
    content: 'Monte o seu produto:';
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}

.bundle-options-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.bundle-options-dl dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    align-items: center
}

.bundle-options-dl dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.bundle-options-dl dd.one-option .input-box {
    padding-top: 6px
}

.bundle-options-dl dd.one-option .input-box:after {
    padding-left: 5px;
    font-size: 18px;
    color: #152F4B;
    content: '\f00c'
}

.bundle-options-dl .options-bundle-images {
    min-width: 80px;
    margin-right: 10px;
    flex: 1 1 80px;
}

.bundle-options-dl .options-bundle-images li {
    display: none
}

.bundle-options-dl .options-bundle-images li.active {
    display: block
}

.bundle-options-dl .options-bundle-images img {
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.bundle-options-dl .options-bundle-images.multiple {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap
}

.bundle-options-dl .options-bundle-images.multiple li {
    padding: 2.5px;
    flex: 1 1 50%;
}

.bundle-options-dl .options-list li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.bundle-options-dl .options-list li:last-child {
    margin-bottom: 0
}

.bundle-options-dl .qty-holder {
    min-width: 40px;
    margin-left: 10px;
    flex: 1 1 40px;
}

.bundle-options-dl .qty-holder label {
    display: none
}

.bundle-options-dl .qty-holder input {
    display: block;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    line-height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1)
}

.bundle-options-dl .qty-holder input.qty-disabled {
    display: none
}

.bundle-options-dl .input-box {
    position: relative;
    flex: 1 1 100%;
}

.bundle-options-dl .input-box .label {
    padding-left: 5px
}

.bundle-options-dl .input-box .price-notice {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.bundle-options-dl .input-box select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px
}

.bundle-options-dl .input-box select[multiple=multiple] {
    height: 90px
}

.bundle-options-dl .options-bundle-checkbox {
    padding: 0
}

.bundle-options-dl .options-bundle-checkbox .options-list li {
    display: flex;
    align-items: center
}

.bundle-options-dl .options-bundle-checkbox .label {
    flex: 1 1 90%
}

.bundle-options-dl .options-bundle-checkbox .input-check {
    flex: 1 1 20px
}

.bundle-options-dl .bundle-checkbox-image {
    position: relative;
    min-width: 80px;
    max-height: 80px;
    margin-right: 10px;
    display: flex;
    flex: 1 1 80px
}

.bundle-options-dl .bundle-checkbox-image img {
    display: block;
    margin: auto
}

#product-options-wrapper p.required {
    display: none
}

/* Produto - Agrupado */
.grouped-items-dl {
    margin-bottom: 20px
}

.grouped-items-dl:before {
    content: 'Escolha a quantidade de cada item:';
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}

.grouped-items-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.grouped-items-dl dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    align-items: center
}

.grouped-items-dl dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.grouped-items-dl .grouped-images {
    max-height: 80px;
    margin-right: 10px;
    flex: 0 0 80px;
    display: flex;
}

.grouped-items-dl .grouped-images img {
    display: block;
    margin: auto
}

.grouped-items-dl .grouped-price-box {
    flex: 1 1 100%
}

.grouped-items-dl .qty-holder {
    min-width: 40px;
    margin-left: 10px;
    flex: 1 1 40px;
}

.grouped-items-dl .qty-holder label {
    display: none
}

.grouped-items-dl .qty-holder input {
    display: block;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    line-height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1)
}

.grouped-items-dl .input-box {
    position: relative
}

/* Produto agrupado - Com opções customizadas */
.grouped-options-row {
    flex: 1 1 100%
}

.grouped-items-dl .grouped-option>ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end
}

.grouped-items-dl .grouped-option ul {
    margin: -2.5px
}

.grouped-items-dl .grouped-option ul li {
    margin: 5px;
    min-width: 1px
}

/* Produto - Customizado (Opções Customizadas) */
.custom-options-dl {
    margin-bottom: 20px
}

.custom-options-dl:before {
    content: 'Personalize seu produto:';
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}

.custom-options-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.custom-options-dl dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    align-items: center
}

.custom-options-dl dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.custom-options-dl dd .img-calendar {
    color: #152F4B
}

.custom-options-dl dd .img-calendar:hover {
    color: #224C78
}

.custom-options-dl dd.date.time .img-calendar {
    margin-right: 20px
}

.custom-options-dl dd.date.time select {
    min-width: 60px
}

.custom-options-dl .options-list li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.custom-options-dl .options-list li:last-child {
    margin-bottom: 0
}

.custom-options-dl input[type=text],
.custom-options-dl select {
    height: 40px;
    padding: 10px
}

.custom-options-dl select[multiple] {
    height: 90px;
    padding: 5px 10px
}

.custom-options-dl input.datetime-picker {
    padding: 10px 0;
    min-width: 110px;
    max-width: 110px;
    text-align: center
}

.custom-options-dl p.note {
    font-size: 12px;
    color: #888
}

.custom-options-dl .time-picker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 140px;
}

.custom-options-dl .time-picker:before {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    margin-right: 3px;
    content: '\f017'
}

/* Produto - Baixável */
.downloadable-title {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}

.downloadable-dl {
    margin-bottom: 20px
}

.downloadable-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.downloadable-dl dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.downloadable-dl dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.downloadable-dl .options-list li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333
}

.downloadable-dl .options-list li:last-child {
    margin-bottom: 0
}

.downloadable-dl .price-notice {
    color: #888;
    font-weight: 600
}

.downloadable-dl .validation-advice {
    right: auto;
    left: -20px;
    bottom: auto;
    top: 0
}

.downloadable-dl .validation-advice div {
    right: auto;
    left: 0;
    transform-origin: left bottom;
    text-align: left
}

.downloadable-dl .validation-advice div:before {
    left: 4px;
    right: auto
}

.downloadable-dl dd:hover .validation-advice div {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.downloadable-sample-link {
    font-size: 12px;
    position: relative;
    top: -2px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px 3px;
    border-radius: 3px;
    color: #FFFFFF;
    background: #217CDB
}

.downloadable-sample-link:before {
    font-size: 14px;
    margin-right: 3px;
    content: '\f01a'
}

.downloadable-sample-link .sep {
    display: none
}

.downloadable-sample-link:hover {
    color: #FFFFFF;
    background: #1961AD
}

.downloadable-free-sample {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}

.downloadable-free-sample dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.downloadable-free-sample dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.downloadable-free-sample dd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.downloadable-free-sample .link {
    color: #217CDB
}

.downloadable-free-sample .link:before {
    font-size: 18px;
    margin-right: 3px;
    content: '\f01a'
}

/* Produto - Conteúdo Adicional */
.product-collateral>* {
    margin-bottom: 60px
}

.product-collateral>*:last-child {
    margin-bottom: 0
}

.collateral-tabs {
    box-shadow: inset 0 40px 0 #fff, inset 0 41px 0 #ccc;
    display: flex;
    flex-flow: row wrap
}

.collateral-tabs dt {
    cursor: pointer;
    line-height: 40px;
    padding: 0 40px;
    background: #fafafa;
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    margin-right: 5px;
    order: 1;
    transition: all 100ms ease-in-out;
    transform-origin: left bottom
}

.collateral-tabs dt.on {
    cursor: default;
    background: #f2f2f2;
    transform: scale(1.1)
}

.collateral-tabs dd {
    display: none;
    padding: 30px;
    max-width: 100%;
    flex: 1 1 100%;
    order: 2
}

.collateral-tabs dd.on {
    display: block
}

/* Produto - Simulador de Frete */
.simulador-frete .title {
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    color: #111;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.simulador-frete .title .ico {
    margin-right: 5px;
    width: 26px;
    height: 13px
}

.simulador-frete .title span {
    order: 1
}

.simulador-frete .title:hover {
    color: #152F4B
}

.simulador-frete .title:hover .ico {
    fill: #152F4B
}

.simulador-frete .content {
    display: none
}

.simulador-frete.ready .title {
    cursor: default
}

.simulador-frete.ready .title:hover {
    color: #111
}

.simulador-frete.ready .title:hover .ico {
    fill: #111
}

.simulador-frete.ready .content {
    display: block
}

.simulador-frete .nao-sei-cep {
    color: #888;
    font-size: 12px
}

.simulador-frete .nao-sei-cep:hover {
    text-decoration: underline
}

.shipping-estimation-form {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.shipping-estimation-form .actions {
    margin-left: 10px;
    position: relative;
    flex: 1 1 40px;
}

.shipping-estimation-form .actions button {
    display: block;
    width: 100%;
    padding: 0;
    height: 30px;
    line-height: 26px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #217CDB;
    color: #FFFFFF
}

.shipping-estimation-form .actions button:hover {
    background: #1961AD;
    color: #FFFFFF
}

.shipping-estimation-form .actions button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.shipping-estimation-form .actions .please-wait {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.shipping-estimation-form .actions .please-wait .svg-loader {
    width: 100%;
    height: 30px
}

.shipping-estimation-form .input-box {
    display: flex;
    align-items: center
}

.shipping-estimation-form .input-box label {
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase
}

.shipping-estimation-form .input-box label em {
    display: none
}

.shipping-estimation-form .input-box input {
    flex: 1 1 90%
}

#shipping-estimate-results {
    text-align: left;
    padding-top: 10px
}

#shipping-estimate-results .valores-frete {
    padding: 15px 20px;
    position: relative;
    background: #f7f7f7
}

#shipping-estimate-results .title {
    font-weight: 700;
    font-size: 14px
}

#shipping-estimate-results dl {
    font-size: 12px
}

#shipping-estimate-results dl dt {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

#shipping-estimate-results dl dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#shipping-estimate-results ul li {
    margin-bottom: 10px
}

#shipping-estimate-results ul li:last-child {
    margin-bottom: 0
}

#shipping-estimate-results ul li .price {
    font-weight: 600;
    padding-left: 5px
}

#shipping-estimate-results .demo {
    font-size: 12px;
    color: #888;
    line-height: 1.3em
}

#shipping-estimate-results .fechar {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

#shipping-estimate-results .fechar:before {
    font-size: 14px;
    color: #333;
    content: '\f00d'
}

#shipping-estimate-results .fechar span {
    display: none
}

#shipping-estimate-results .fechar:hover {
    background: #152F4B
}

#shipping-estimate-results .fechar:hover:before {
    color: #FFFFFF
}

#shipping-estimate-results .messages {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#shipping-estimate-results .messages .error-msg {
    padding: 10px;
    background: #fff799;
    color: rgba(0, 0, 0, .7);
    font-size: 12px;
    line-height: 1.3em
}

/* Produto - Relacionados */
.collateral-products .block-title {
    margin-bottom: 20px;
    font-size: 29px;
    color: #333;
    text-transform: uppercase
}

.block-related .block-subtitle {
    margin: -10px 0 20px;
    font-size: 12px;
    color: #888
}

.block-related .block-subtitle a {
    display: inline-block;
    border-radius: 3px;
    padding: 0 4px 2px;
    background: #217CDB;
    color: #FFFFFF
}

.block-related .block-subtitle a:hover {
    background: #1961AD;
    color: #FFFFFF
}

/* Produto - Avaliações */
.box-reviews .reviews-title {
    margin-bottom: 30px;
    font-size: 29px;
    color: #333;
    text-transform: uppercase
}

.box-reviews .subtitle {
    margin-bottom: 15px;
    font-size: 18px;
    color: #888;
    text-transform: uppercase
}

.rating-excerpt {
    text-align: center
}

.rating-excerpt .product-rate .amount {
    display: block;
    color: #224C78
}

.rating-excerpt .product-rate .percent {
    font-size: 35px;
    font-weight: 300;
    width: 120px;
    height: 120px;
    margin: 10px 0;
    display: flex;
    order: 1;
}

.rating-excerpt .product-rate {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.rating-excerpt .rating-box {
    order: 2
}

.reviews-list li {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.reviews-list .title {
    font-size: 18px;
    font-weight: 600;
    margin-right: 20px
}

.reviews-list .details {
    margin-top: 15px;
    flex: 1 1 100%;
}

.reviews-list .customer-message {
    font-size: 16px;
    color: #666;
    line-height: 1.4em
}

.reviews-list .review-meta {
    font-size: 12px;
    color: #999
}

.reviews-list .date-time:before {
    padding: 0 5px;
    content: '•'
}

.form-add .form-list>li {
    margin-bottom: 10px
}

.form-add .form-list>li:last-child {
    margin-bottom: 0
}

.form-add label {
    display: block;
    margin-bottom: 5px
}

.form-add input[type=text] {
    height: 40px;
    padding: 10px
}

.form-add .buttons-set {
    margin-top: 10px
}

.form-add .button {
    display: block;
    width: 100%;
    line-height: 36px;
    height: 40px;
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    font-size: 15px;
    text-transform: uppercase;
    background: #217CDB;
    color: #FFFFFF
}

.form-add .button:hover {
    color: #FFFFFF;
    background: #1961AD;
}

.form-add .button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.form-add-subtitle {
    margin-bottom: 10px;
    font-size: 13px;
    color: #999
}

.form-add-subtitle span {
    display: block;
    font-weight: 600;
    color: #444
}

.review-summary {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.review-summary li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    flex: 1 1 auto
}

.review-summary input {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden
}

.review-summary label {
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 20px
}

.review-summary label:before {
    content: '\f005';
    display: block;
    color: #dad9da;
    transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1)
}

.review-summary .hover label:before {
    color: rgba(34,76,120, .5);
    transform: scale(1.5);
}

.review-summary .active label:before {
    color: #224C78;
    transform: scale(2);
}

.review-summary .active.hover label:before {
    transform: scale(1.7)
}

.no-reviews {
    font-size: 16px;
    color: #777;
    line-height: 1.5em;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-reviews .be-first {
    margin-left: 20px;
    font-size: 20px;
    color: #224C78;
}

/* Produto - Compre Junto */
.block-jointsales .block-title {
    margin-bottom: 20px;
    font-size: 29px;
    color: #333;
    text-transform: uppercase;
    line-height: 1em;
}

.jointsale-list li.item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
}

.jointsale-list li.item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.jointsale-list div.products {
    margin-right: 40px;
    flex: 1 1 auto;
}

.jointsale-list div.products ul {
    margin: 0 -20px -40px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.jointsale-list div.products ul li {
    min-width: 250px;
    padding: 0 20px 40px;
    display: flex;
    align-items: center;
    flex: 1 1 33.333%;
}

.jointsale-list div.products ul li:nth-child(3n+1) .item-image .more {
    top: -40px;
    left: calc(50% - 20px);
}

.jointsale-list .item-image {
    position: relative;
    margin-right: 20px;
    display: flex;
    align-items: center;
    flex: 0 0 100px;
}

.jointsale-list .item-image img {
    flex: 1 1 auto
}

.jointsale-list .item-image .more {
    position: absolute;
    top: calc(50% - 20px);
    left: -40px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    font-size: 30px;
    font-weight: 600;
    color: #152F4B
}

.jointsale-list .info {
    flex: 1 1 auto
}

.jointsale-list .item-name {
    display: block;
    margin-bottom: 10px
}

.jointsale-list .price-box,
.jointsale-list .price-box .label,
.jointsale-list .price-box .price {
    font-size: 12px
}

.jointsale-list .product-options-jointsales {
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.jointsale-list .product-options-jointsales dt {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px
}

.jointsale-list .product-options-jointsales dd {
    margin-bottom: 10px
}

.jointsale-list .product-options-jointsales dd:last-child {
    margin-bottom: 0
}

.jointsale-list .product-options-jointsales select {
    height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 13px
}

.jointsale-list div.avista-parcelado {
    margin-right: 40px;
    flex: 0 0 15%;
}

.jointsale-list div.vantagens {
    flex: 0 0 15%
}

.jointsale-list .avista-parcelado {
    font-size: 14px
}

.jointsale-list .avista-parcelado .avista {
    margin-bottom: 15px;
    color: #152F4B
}

.jointsale-list .avista-parcelado .avista .price {
    color: #152F4B
}

.jointsale-list .avista-parcelado .price,
.jointsale-list .avista-parcelado .num,
.jointsale-list .avista-parcelado .value {
    font-weight: 700;
    color: #217CDB
}

.jointsale-list .vantagens {
    font-size: 13px
}

.jointsale-list .vantagens>div {
    margin-bottom: 10px
}

.jointsale-list .vantagens>div:last-child {
    margin-bottom: 0
}

.jointsale-list .vantagens .price {
    display: block;
    font-weight: 700;
    color: #217CDB
}

.jointsale-list .vantagens .btn-cart {
    background: #FFF60A;
    color: #000000
}

.jointsale-list .vantagens .btn-cart span {
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.jointsale-list .vantagens .btn-cart:hover {
    background: #F1C800;
    color: #FFFFFF
}

.paypal-logo.no-bml {
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.paypal-or {
    line-height: 30px;
    margin-right: 5px
}

/* Modal */
.biz-modal-frame .modal-container .modal::-webkit-scrollbar-thumb {
    background: #152F4B
}

/* Loader - Rolagem Infinita */
.ias-trigger {
    text-align: center
}

.ias-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ias-noneleft {
    display: none !important
}

/* Carrinho */
.checkout-cart-index .page-title {
    width: 50%;
    float: left
}

.checkout-cart-index .page-title h1 {
    line-height: 40px
}

.wrap-links.top {
    margin: 0 0 20px calc(50% + 20px);
    text-align: right
}

.wrap-links.bottom {
    padding-top: 20px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap-links .btn-checkout {
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    height: 40px;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 40px;
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #FFF60A;
    color: #000000;
    order: 3;
}

.wrap-links .btn-checkout:hover {
    color: #FFFFFF;
    background: #F1C800
}

.wrap-links .btn-checkout:active {
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3);
    padding-top: 4px
}

.wrap-links .btn-continue,
.wrap-links a {
    background: none;
    height: 40px;
    box-shadow: none;
    padding: 0;
    line-height: 40px;
    text-shadow: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF60A
}

.wrap-links .btn-continue:hover {
    color: #F1C800
}

.wrap-links a {
    color: #217CDB
}

.wrap-links a:hover {
    color: #1961AD
}

.cart-table header {
    background: #f5f5f5;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
}

.cart-table header .th {
    height: 40px;
    display: block;
    line-height: 40px;
    padding: 0 15px;
    flex: 1 1 10%;
}

.cart-table header .cart-product-head {
    flex: 1 1 65%
}

.cart-table main {
    border: 1px solid #eee
}

.cart-table .cart-product-line {
    margin: 0 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-between
}

.cart-table .cart-product-line:last-child {
    border: 0
}

.cart-table .cart-product-line>div {
    flex: 1 1 10%;
    padding: 15px
}

.cart-table .cart-product-line>div:first-child {
    padding-left: 0;
    flex: 1 1 65%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-table .cart-product-line>div:last-child {
    padding-right: 0
}

.cart-table .cart-product-line>.product-cart-actions {
    display: flex;
    align-items: center
}

.cart-table .product-image {
    max-width: 100px;
    margin-right: 20px;
    flex: 0 0 100px;
    display: flex;
    align-items: center;
}

.cart-table .product-image img {
    display: block;
    width: 100px
}

.cart-table .product-info {
    flex: 1 1 auto
}

.cart-table .btn-remove {
    max-width: 30px;
    min-width: 30px;
    margin-left: 20px;
    text-shadow: none;
    flex: 0 1 30px;
}

.cart-table .btn-remove:before {
    display: block;
    color: #f04a38;
    opacity: .5;
    font-size: 20px;
    content: '\f014'
}

.cart-table .btn-remove span {
    display: none
}

.cart-table .btn-remove:hover:before {
    opacity: 1
}

.cart-table h2.name {
    font-size: 20px;
    color: #111;
    font-weight: 400;
    display: block;
    margin-bottom: 3px
}

.cart-table h2.name a {
    color: #111
}

.cart-table h2.name a:hover {
    color: #152F4B
}

.cart-table .sku {
    font-size: 12px;
    color: #888;
    display: block
}

.cart-table .item-options {
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    background: #f0f6f9;
    font-size: 12px
}

.cart-table .item-options dt {
    font-weight: 600;
    color: #333
}

.cart-table .item-options dd {
    color: #666;
    margin-bottom: 10px
}

.cart-table .item-options dd:last-child {
    margin-bottom: 0
}

.cart-table .item-options .price {
    font-weight: 600;
    padding-left: 3px
}

.cart-table .qty-wrapper {
    margin-right: 10px;
    flex: 0 0 40px;
}

.cart-table .qty-wrapper .bt {
    background: #57ADE1;
    color: #FFFFFF;
}

.cart-table .qty-wrapper .bt:hover {
    background: #1A2E3F;
    color: #FFFFFF;
}

.cart-table .button.btn-update {
    width: 20px;
    box-shadow: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: none;
    text-shadow: none;
    flex: 0 0 20px;
}

.cart-table .button.btn-update:before {
    font-size: 20px;
    color: rgba(0, 0, 0, .2);
    content: '\f0e2';
    transform: rotate(0deg);
    transition: all 700ms ease-out;
}

.cart-table .button.btn-update span {
    display: none
}

.cart-table .button.btn-update:hover:before {
    color: #152F4B;
    transform: rotate(-360deg);
}

.cart-table footer {
    background: #eee;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
}

.cart-table .actions-cart {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.cart-table .actions-cart li {
    margin: 0 5px;
    flex: 0 1 auto;
}

.cart-table .actions-cart button {
    height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    line-height: 27px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    text-transform: uppercase;
    background: #57ADE1;
    color: #FFFFFF;
}

.cart-table .actions-cart button:hover {
    color: #FFFFFF;
    background: #1A2E3F
}

.cart-table .actions-cart button:active {
    padding-top: 3px;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, .3)
}

.cart-table .giftwrap_button {
    flex: 0 0 auto;
    font-size: .8rem;
    border-radius: .25rem;
    background: #152F4B;
    color: #FFFFFF;
    padding: .5rem;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    order: 99;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
}

.cart-table .giftwrap_button .giftwrap_last {
    flex: 0 0 auto;
    margin-right: .5rem;
    order: -1;
}

.cart-table .giftwrap_button .giftwrap-price {
    font-weight: 700;
    margin-left: .5rem;
}

.cart-table .giftwrap_button:hover {
    background: #224C78;
    color: #FFFFFF;
}

.cart-boxes {
    padding: 8px;
    background: #f5f5f5;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

/* Carrinho - Simulador de Frete */
.cart-boxes .shipping,
.cart-boxes .right {
    padding: 10px 10px 10px 50px;
    flex: 1 1 50%;
}

.cart-boxes .right {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.cart-boxes .shipping {
    padding: 10px 50px 10px 10px;
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.cart-boxes .shipping .title {
    margin-right: 10px;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.cart-boxes .shipping .title .ico {
    display: block;
    width: 26px;
    height: 13px;
    margin-right: 10px;
    fill: #152F4B
}

.cart-boxes .shipping .title span {
    order: 1
}

.cart-boxes .shipping-form {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-boxes .shipping-desc,
.cart-boxes .shipping-region {
    display: none
}

.cart-boxes .shipping-postcode {
    flex: 1 0 auto
}

.cart-boxes .shipping-postcode label {
    display: none
}

.cart-boxes .shipping-postcode input {
    display: block;
    width: 100%
}

.cart-boxes .shipping-form .buttons-set {
    margin-left: 10px
}

.cart-boxes .shipping-form button {
    display: block;
    border-radius: 3px;
    height: 30px;
    text-transform: uppercase;
    font-size: 13px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .3);
    background: #152F4B;
    color: #FFFFFF;
    line-height: 27px;
    padding: 0 20px
}

.cart-boxes .shipping-form button:hover {
    color: #FFFFFF;
    background: #224C78
}

.cart-boxes .shipping-form button:active {
    padding-top: 3px;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, .3)
}

.cart-boxes input:not([type=checkbox]):not([type=radio]) {
    height: 30px;
    padding: 5px 10px
}

.co-shipping-form {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    flex: 1 1 100%;
}

.co-shipping-form .co-sp-methods {
    margin-bottom: 15px
}

.co-shipping-form .co-sp-methods dt {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.co-shipping-form .co-sp-methods dd {
    margin-bottom: 15px
}

.co-shipping-form .co-sp-methods dd:last-child {
    margin-bottom: 0
}

.co-shipping-form .co-sp-methods ul {
    font-size: 13px;
    color: #444
}

.co-shipping-form .co-sp-methods ul li {
    margin-bottom: 7px
}

.co-shipping-form .co-sp-methods ul li:last-child {
    margin-bottom: 0
}

.co-shipping-form .co-sp-methods .price {
    font-weight: 600
}

.co-shipping-form .button {
    height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    line-height: 27px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    text-transform: uppercase;
    background: #57ADE1;
    color: #FFFFFF;
}

.co-shipping-form .button:hover {
    color: #FFFFFF;
    background: #1A2E3F
}

.co-shipping-form .button:active {
    padding-top: 3px;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, .3)
}

/* Carrinho - Cupom de Desconto */
.discount-coupon-form {
    margin-bottom: 40px
}

.discount-coupon-form .title {
    cursor: pointer;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.discount-coupon-form .title:hover {
    color: #224C78
}

.discount-coupon-form .title span {
    order: 1
}

.discount-coupon-form .title .ico {
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 10px;
    fill: #224C78;
}

.discount-coupon-form .validation-advice {
    right: 90px
}

.discount-form.active {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.discount-form label {
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
    white-space: nowrap
}

.discount-form .input-box {
    width: auto;
    margin-left: 10px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discount-form .input-text {
    width: auto;
    margin-right: 10px;
    flex: 1 1 auto;
}

.discount-form .button {
    display: block;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    background: #152F4B;
    color: #FFFFFF;
    padding: 0 20px
}

.discount-form .button:hover {
    color: #FFFFFF;
    background: #224C78
}

.discount-form .button.cancel {
    background: #217CDB;
    color: #FFFFFF;
    margin-left: 10px
}

.discount-form .button.cancel:hover {
    color: #FFFFFF;
    background: #1961AD
}

/* Carrinho - Fidelidade */
.rewards-cart {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.rewards-cart .title {
    cursor: pointer;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 20px;
}

.rewards-sales-rules dt {
    margin-bottom: 10px;
    font-weight: 700;
}

.rewards-price {
    margin-bottom: 20px
}

.rewards-price .price {
    color: #152F4B
}

/* Carrinho - Totais */
#shopping-cart-totals-table th,
#shopping-cart-totals-table td {
    padding: 20px 0;
    background: none
}

#shopping-cart-totals-table .reward-row td {
    padding: 10px 20px;
    background: #217CDB;
    color: #FFFFFF;
}

#shopping-cart-totals-table .reward-row td:last-child {
    background: #1961AD;
    color: #FFFFFF;
}

#shopping-cart-totals-table .reward-row td a,
#shopping-cart-totals-table .reward-row td a:hover {
    color: #FFFFFF;
    font-weight: 700;
}

#shopping-cart-totals-table .a-right:first-child {
    text-align: left
}

.msg-free_shipping {
    padding: 20px;
    text-align: center;
    margin: 2px 0;
    background: #f0f6f9
}

/* Tabelas */
table thead th,
table thead td {
    padding: 10px 20px;
    border: 0;
    background: #f5f5f5;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    font-weight: 400
}

table tbody th,
table tbody td {
    padding: 20px;
    border: 1px solid #eee;
    border-width: 1px 0;
    font-size: 16px;
    color: #555
}

table tbody th:first-child,
table tbody td:first-child {
    border-left: 1px solid #eee
}

table tbody th:last-child,
table tbody td:last-child {
    border-right: 1px solid #eee
}

table dl.item-options {
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    background: #f0f6f9;
    font-size: 12px
}

table dl.item-options dt {
    font-weight: 600;
    color: #333
}

table dl.item-options dd {
    color: #666;
    margin-bottom: 10px
}

table dl.item-options dd:last-child {
    margin-bottom: 0
}

table dl.item-options .price {
    font-weight: 600;
    padding-left: 3px
}

table dl.item-options a {
    color: #217CDB;
    text-decoration: underline
}

table dl.item-options a:hover {
    color: #1961AD
}

table tfoot th,
table tfoot td {
    background: #f5f5f5;
    padding: 20px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .06)
}

table tfoot th:first-child,
table tfoot td:first-child {
    box-shadow: inset 20px 0 0 #f5f5f5,
        inset 0 -1px 0 rgba(0, 0, 0, .06)
}

table tfoot th:last-child,
table tfoot td:last-child {
    box-shadow: inset -20px 0 0 #f5f5f5,
        inset 0 -1px 0 rgba(0, 0, 0, .06)
}

table tfoot tr:last-child th,
table tfoot tr:last-child td {
    box-shadow: none
}

table tbody .bundle.label th,
table tbody .bundle.label td {
    padding: 10px 20px;
    font-weight: 700;
    background: #f0f6f9
}

table tbody .bundle.child th,
table tbody .bundle.child td {
    padding: 10px 20px;
    font-size: 13px;
    background: #f0f6f9
}

table tbody .bundle.child th:first-child:before,
table tbody .bundle.child td:first-child:before {
    content: '• '
}

table tbody .bundle.child th div,
table tbody .bundle.child td div {
    display: inline
}

table a {
    font-weight: 600;
    color: #217CDB;
    text-decoration: underline
}

table a:hover {
    color: #1961AD
}

/* Login */
.account-login {
    margin: -10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.account-login>div {
    padding: 10px;
    flex: 1 1 33.333%;
    display: flex;
    align-items: stretch
}

.account-login .box {
    padding: 20px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.account-login .registered-users {
    order: 1
}

.account-login .socialconnect-login {
    order: 2
}

.account-login .new-users {
    order: 3
}

.socialconnect-login .box {
    display: block
}

.socialconnect-login .box:after {
    display: table;
    clear: both;
    content: ''
}

.socialconnect-login .box>div {
    float: left;
    width: calc(50% - 10px);
    margin: 0 0 20px 20px
}

.socialconnect-login .box>div:nth-child(2n+1) {
    margin-left: 0
}

.socialconnect-login .content {
    display: none
}

.socialconnect-login .buttons-set {
    flex: 1 1 auto
}

.socialconnect-login .sc-bt {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px 0 10px;
    height: 40px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    background: #3b5998;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.socialconnect-login .sc-bt>span {
    margin-left: 10px
}

.socialconnect-login .sc-bt.google {
    background: #dd4b39
}

.socialconnect-login .sc-bt.twitter {
    background: #00aced
}

.socialconnect-login .sc-bt.linkedin {
    background: #007bb5
}

.socialconnect-login .sc-bt.stelo {
    background: #00ffc4;
    justify-content: center
}

.socialconnect-login .sc-bt .ico {
    width: 30px;
    height: 20px;
    fill: #fff;
    order: -1
}

.socialconnect-login .sc-bt .img-facebook {
    height: 18px
}

.socialconnect-login .sc-bt .img-twitter {
    height: 17px
}

.socialconnect-login .sc-bt .img-linkedin {
    height: 22px
}

.socialconnect-login .sc-bt:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3),
        inset 0 -6px 12px rgba(0, 0, 0, .1)
}

.socialconnect-login .sc-bt:active {
    padding-top: 4px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .3),
        inset 0 8px 16px rgba(0, 0, 0, .2)
}

.socialconnect-login-facebook h3 {
    color: #3b5998
}

.socialconnect-login-google h3 {
    color: #dd4b39
}

.socialconnect-login-twitter h3 {
    color: #00aced
}

.socialconnect-login-linkedin h3 {
    color: #007bb5
}

.account-login h2 {
    font-size: 22px;
    line-height: 1.1em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #217CDB
}

.account-login p {
    margin-bottom: 15px;
    line-height: 1.5em
}

.account-login p.required {
    display: none
}

.account-login .benefits {
    margin-bottom: 15px
}

.account-login .benefits li {
    margin-bottom: 5px
}

.account-login .benefits li:before {
    margin-right: 5px;
    font-size: 18px;
    color: #217CDB;
    content: '\f00c'
}

.account-login .benefits li:last-child {
    margin-bottom: 0
}

.account-login .new-users .button {
    display: inline-block;
    line-height: 36px;
    height: 40px;
    border-radius: 3px;
    padding: 0 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #217CDB;
    color: #FFFFFF
}

.account-login .new-users .button:hover {
    color: #FFFFFF;
    background: #1961AD
}

.account-login .new-users .button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.account-login .registered-users label {
    display: block;
    font-size: 14px;
    color: #777;
    margin-bottom: 5px
}

.account-login .registered-users a {
    font-size: 14px;
    color: #888
}

.account-login .registered-users a:hover {
    text-decoration: underline
}

.account-login .registered-users .buttons-set {
    display: flex;
    align-items: center;
}

.account-login .registered-users .buttons-set>* {
    margin-left: 10px
}

.account-login .registered-users .buttons-set>*:first-child {
    margin-left: 0
}

.account-login .registered-users .button {
    line-height: 36px;
    height: 40px;
    border-radius: 3px;
    padding: 0 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #FFF60A;
    color: #000000;
    flex: 0 1 auto;
}

.account-login .registered-users .button:hover {
    background: #F1C800;
    color: #FFFFFF
}

.account-login .registered-users .button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.account-login .form-list>li {
    margin-bottom: 10px
}

/* Login - Recuperar Senha */
.forgot-password h2.legend {
    font-size: 16px;
    display: block;
    margin-bottom: 20px
}

.forgot-password .fieldset {
    margin-bottom: 20px
}

.forgot-password .fieldset p {
    display: block;
    margin-bottom: 20px
}

.forgot-password .fieldset p.required,
.forgot-password .buttons-set .back-link {
    display: none
}

.forgot-password .form-list {
    max-width: 600px
}

.forgot-password label {
    font-size: 15px;
    display: block;
    margin-bottom: 3px
}

.reset-password-form {
    max-width: 600px
}

.reset-password-form .fieldset {
    margin-bottom: 20px
}

.reset-password-form p.required {
    display: none
}

/* Cadastro */
.account-create p.required,
.account-create .back-link {
    display: none
}

.account-create .buttons-set {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd
}

.account-create .buttons-set .button {
    display: block;
    margin-left: auto;
    line-height: 36px;
    height: 40px;
    padding: 0 20px;
    background: #FFF60A;
    color: #000000
}

.account-create .buttons-set .button:hover {
    background: #F1C800;
    color: #FFFFFF
}

.socialconnect-register .sc-bt {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px 0 10px;
    height: 40px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    background: #3b5998;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 320px;
}

.socialconnect-register .sc-bt>span {
    margin-left: 10px
}

.socialconnect-register .sc-bt.google {
    background: #dd4b39
}

.socialconnect-register .sc-bt.twitter {
    background: #00aced
}

.socialconnect-register .sc-bt.linkedin {
    background: #007bb5
}

.socialconnect-register .sc-bt .ico {
    width: 30px;
    height: 20px;
    fill: #fff;
    order: -1
}

.socialconnect-register .sc-bt .img-facebook {
    height: 18px
}

.socialconnect-register .sc-bt .img-twitter {
    height: 17px
}

.socialconnect-register .sc-bt .img-linkedin {
    height: 22px
}

.socialconnect-register .sc-bt:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3),
        inset 0 -6px 12px rgba(0, 0, 0, .1)
}

.socialconnect-register .sc-bt:active {
    padding-top: 4px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .3),
        inset 0 8px 16px rgba(0, 0, 0, .2)
}

.socialconnect-register h3 {
    margin-bottom: 7px
}

.socialconnect-register p {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px
}

.socialconnect-register-facebook h3 {
    color: #3b5998
}

.socialconnect-register-google h3 {
    color: #dd4b39
}

.socialconnect-register-twitter h3 {
    color: #00aced
}

.socialconnect-register-linkedin h3 {
    color: #007bb5
}

.form-list .customer-dob label {
    font-size: 12px;
    color: #999;
    padding: 2px 0 0 10px;
    margin: 0
}

/* Painel do Cliente */
.my-account {
    font-size: 14px;
    color: #666
}

.my-account p.required,
.my-account .back-link {
    display: none
}

.my-account form h2.legend {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #217CDB
}

.my-account button,
.my-account input[type=button],
.my-account input[type=reset],
.my-account input[type=submit] {
    line-height: 37px;
    height: 40px;
    padding: 0 20px
}

.my-account form>* {
    margin-bottom: 20px
}

.my-account form>*:last-child {
    margin-bottom: 0
}

.welcome-msg {
    display: flex;
    align-items: center
}

.welcome-msg .picture {
    margin: 0 20px 0 10px;
    box-shadow: 0 0 0 5px #fff, 0 0 0 6px #224C78;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden
}

.welcome-msg .picture img {
    display: block;
    width: 100px;
    min-height: 100px
}

.welcome-msg .hello {
    font-size: 18px;
    margin-bottom: 10px;
    color: #224C78
}

.dashboard .box-account {
    margin-bottom: 40px
}

.box-account .box-head,
.box-account .box-title {
    margin-bottom: 15px;
    color: #217CDB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-account .box-head:before,
.box-account .box-title:before {
    display: block;
    margin-left: 10px;
    border-top: 1px solid rgba(33,124,219, .5);
    content: '';
    flex: 1 1 auto;
}

.box-account .box-head h2 {
    font-size: 20px;
    order: -1;
}

.box-account .box-title h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    order: -1;
}

.box-account .box-head a {
    line-height: 20px;
    border-radius: 3px;
    margin-left: 20px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #217CDB
}

.box-account .box-head a:hover {
    color: #FFFFFF;
    background: #1961AD
}

.box-account .box-title a {
    line-height: 20px;
    border-radius: 3px;
    margin-left: 20px;
    opacity: .7;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #217CDB;
    box-shadow: inset 0 0 0 1px #217CDB
}

.box-account .box-title a:hover {
    color: #FFFFFF;
    background: #217CDB
}

.box-account .col2-set>div {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px
}

.box-account .box-content {
    line-height: 1.5em
}

.box-account .box-content a {
    font-weight: 600;
    color: #217CDB
}

.box-account .box-content a:hover {
    text-decoration: underline
}

.my-account .pager {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.my-account .pager:last-child,
.my-account .pager:nth-last-child(2) {
    margin-top: 20px;
    padding: 20px 0 0;
    border-bottom: 0;
    border-top: 1px solid #ccc
}

.my-account .pager .amount {
    font-size: 16px
}

.my-account .pager .amount span {
    color: #333;
    font-weight: 600
}

.my-account .pager .limiter {
    margin-right: 40px;
    opacity: .6;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.my-account .pager .limiter:hover {
    opacity: 1
}

.my-account .pager .limiter select {
    width: 50px;
    height: 30px;
    padding: 5px 10px;
    margin: 0 10px
}

.my-account .pager .limiter .per {
    position: relative;
    top: -2px;
    width: 40px;
    line-height: 13px
}

.my-account .pager .pages .label {
    display: none
}

.my-account .pager ol {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.my-account .pager ol li {
    margin-left: 5px;
    font-size: 14px;
    color: #333;
    line-height: 26px
}

.my-account .pager ol li span span {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    border-radius: 2px;
    background: #1961AD;
    color: #FFFFFF
}

.my-account .pager ol li a {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    color: #333;
    border-radius: 2px
}

.my-account .pager ol li a:hover {
    background: #f5f5f5
}

.my-account .pager ol li a.next span,
.my-account .pager ol li a.previous span {
    display: none
}

.my-account .pager ol li a.next:before,
.my-account .pager ol li a.previous:before {
    display: block;
    line-height: 26px;
    content: '\f054';
    color: #217CDB
}

.my-account .pager ol li a.previous:before {
    content: '\f053'
}

.my-orders {
    margin: -10px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start
}

.my-orders .item-order {
    margin: 0;
    padding: 10px;
    flex: 0 1 33.333%;
    display: flex;
    align-items: stretch;
}

.my-orders .last-order {
    flex: 1 1 66.666%
}

.my-orders article {
    position: relative;
    padding: 15px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ddd, inset 0 -3px 0 #eee;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 100%;
}

.my-orders article.state-complete {
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px #FFF60A,
        inset 0 - 3px 0 #FFF60A
}

.my-orders .last-order article:before {
    display: block;
    line-height: 20px;
    padding: 0 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #FFFFFF;
    background: #57ADE1;
    content: 'Último pedido'
}

.my-orders header {
    margin-bottom: 10px;
    padding: 0 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #777;
    font-size: 12px
}

.my-orders .last-order header {
    margin-bottom: 15px;
    padding-bottom: 15px
}

.my-orders .order-num {
    margin-bottom: 3px;
    font-size: 16px;
    color: #444
}

.my-orders .order-num .num {
    font-weight: 700;
    color: #217CDB
}

.my-orders main {
    flex: 1 1 auto;
    display: flex;
}

.my-orders footer {
    margin-top: 10px;
    padding: 10px 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.my-orders .last-order footer {
    margin-top: 15px;
    padding-top: 15px
}

.my-orders .order-open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: 10;
    display: flex;
}

.my-orders .order-open span {
    opacity: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 3px;
    background: #152F4B;
    color: #FFFFFF;
    margin: auto;
    transform: scale(0);
}

.my-orders .order-open:hover {
    box-shadow: 0 0 0 2px #152F4B
}

.my-orders .order-open:hover span {
    opacity: 1;
    transform: scale(1)
}

.order-products {
    margin: auto;
    display: flex;
    flex-flow: row wrap
}

.order-products .images,
.order-products .names {
    text-align: center;
    flex: 1 1 100%;
}

.order-products .images {
    margin-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}

.order-products .img {
    margin: 5px;
    max-width: 70px;
    flex: 1 1 30px
}

.last-order .order-products .img {
    max-width: 140px
}

.order-products .name {
    font-size: 15px;
    color: #555;
    line-height: 1.3em;
    text-align: center
}

.order-products .name:not(.first):before {
    padding: 0 10px;
    content: '+';
    color: #999
}

/* Painel do Cliente - Afiliados */
.data-range {
    display: flex;
    align-items: center;
}

.data-range.from-date {
    margin-bottom: .5rem
}

.data-range span {
    flex: 0 0 2rem
}

.data-range input {
    flex: 1 1 auto
}

.data-range:after {
    
    content: "\f073";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    margin-left: .5rem;
    flex: 0 0 auto;
}

#affiliate-coupon-codes .-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

#affiliate-coupon-codes .-title {
    text-transform: uppercase;
    font-size: 1rem;
}

#affiliate-coupon-codes li {
    margin-bottom: 2rem
}

#affiliate-coupon-codes li:last-child {
    margin-bottom: 0
}

.tweeter a {
    color: #00aced;
    font-size: .8rem;
}

.tweeter a:before {
    
    content: "\f099";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    color: #00aced
}

#affiliateplus-sidebar .actions {
    margin-bottom: 2rem
}

#affiliate-personal-url-form {
    margin-bottom: 2rem
}

#affiliate-opc-personal-url {
    display: flex;
    align-items: flex-end;
}

#affiliate-opc-personal-url ul {
    flex: 1 1 auto;
    min-width: 1px;
}

#affiliate-opc-personal-url .buttons-set {
    flex: 0 0 auto;
    margin-left: 1rem;
}

#affiliate-opc-personal-url .buttons-set button {
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

#input-personal-url {
    position: relative
}

#input-personal-url label {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: .25;
    padding: 0 .1rem 0 1rem;
    transform: translateY(-50%);
}

.affiliateplus-opc {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
}

.affiliateplus-opc .step-title {
    padding: 1rem;
    border-top: 1px solid #ddd;
    cursor: pointer;
}

.affiliateplus-opc .step-title:hover {
    color: #152F4B;
    background: rgba(0, 0, 0, .02);
}

.affiliateplus-opc .a-item {
    padding: 0 10px;
    margin-bottom: 20px;
}

/* Painel do Cliente - Status dos Pedidos */
.order-status {
    position: relative;
    font-size: 13px;
    color: #666;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-status:before,
.order-status:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    border-radius: 5px;
    content: '';
    box-shadow: inset 0 0 0 1px #fff
}

.order-status:before {
    width: 100%;
    background: rgba(0, 0, 0, .2)
}

.order-status:after {
    box-shadow: none
}

.order-status .ico {
    min-width: 30px;
    max-width: 30px;
    width: 30px;
    height: 50px;
    margin-right: 10px;
    transform: scale(0);
    order: -1;
    transform-origin: center bottom;
}

.order-status .ico,
.order-status:after {
    animation-delay: 900ms;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal
}

.order-status:after {
    animation-delay: 0ms;
    animation-duration: 1000ms;
    animation-timing-function: ease-out
}

/* Painel do Cliente - Status NEW */
.order-status.state-new strong,
.order-status.state-pending_payment strong,
.order-status.state-payment_review strong {
    color: #152F4B
}

.order-status.state-new:after,
.order-status.state-pending_payment:after,
.order-status.state-payment_review:after {
    animation-name: os-new-bar
}

.order-status.state-new .ico,
.order-status.state-pending_payment .ico,
.order-status.state-payment_review .ico {
    animation-name: os-new
}

@keyframes os-new {
    0% {
        transform: scale(0)
    }

    100% {
        fill: #152F4B;
        transform: scale(1)
    }
}

@keyframes os-new-bar {
    0% {
        width: 0
    }

    100% {
        width: 33.333%;
        background: #152F4B
    }
}

/* Painel do Cliente - Status PROCESSING */
.order-status.state-processing strong {
    color: #224C78
}

.order-status.state-processing:after {
    animation-name: os-processing-bar
}

.order-status.state-processing .ico {
    animation-name: os-processing
}

@keyframes os-processing {
    0% {
        transform: scale(0)
    }

    100% {
        fill: #224C78;
        transform: scale(1)
    }
}

@keyframes os-processing-bar {
    0% {
        width: 0
    }

    100% {
        width: 66.666%;
        background: #224C78
    }
}

/* Painel do Cliente - Status COMPLETE */
.order-status.state-complete strong {
    color: #FFF60A
}

.order-status.state-complete:after {
    animation-name: os-complete-bar
}

.order-status.state-complete .ico {
    animation-name: os-complete
}

.order-status.state-complete span:after {
    padding-left: 5px;
    font-size: 15px;
    color: #FFF60A;
    content: '\f00c'
}

@keyframes os-complete {
    0% {
        transform: scale(0)
    }

    100% {
        fill: #FFF60A;
        transform: scale(1)
    }
}

@keyframes os-complete-bar {
    0% {
        width: 0
    }

    100% {
        width: 100%;
        background: #FFF60A
    }
}

/* Painel do Cliente - Status HOLDED */
.order-status.state-holded strong {
    color: #e98f33
}

.order-status.state-holded:after {
    animation-name: os-holded-bar
}

.order-status.state-holded .ico {
    animation-name: os-holded
}

@keyframes os-holded {
    0% {
        transform: scale(0)
    }

    100% {
        fill: #e98f33;
        transform: scale(1)
    }
}

@keyframes os-holded-bar {
    0% {
        width: 0
    }

    100% {
        width: 100%;
        background: #fff;
        box-shadow: inset 0 0 0 1px #e98f33
    }
}

/* Painel do Cliente - Status CANCELED */
.order-status.state-closed strong,
.order-status.state-canceled strong {
    color: #ea1d2c
}

.order-status.state-closed:after,
.order-status.state-canceled:after {
    animation-name: os-canceled-bar
}

.order-status.state-closed .ico,
.order-status.state-canceled .ico {
    animation-name: os-canceled
}

@keyframes os-canceled {
    0% {
        transform: scale(0)
    }

    100% {
        fill: #ea1d2c;
        transform: scale(1)
    }
}

@keyframes os-canceled-bar {
    0% {
        width: 0
    }

    100% {
        width: 100%;
        background: #ea1d2c;
        box-shadow: inset 0 0 0 2px #fff
    }
}

/* Painel do Cliente */
.my-account .buttons-set {
    text-align: right
}

.title-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-buttons:after {
    margin: 0 10px;
    border-top: 1px solid #ddd;
    content: '';
    flex: 1 1 auto;
}

.title-buttons button,
.title-buttons a {
    order: 2
}

.title-buttons .separator {
    display: none
}

.addresses-list h2 {
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    color: #217CDB
}

.addresses-primary {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #ddd
}

.addresses-primary h2 {
    color: #FFF60A
}

.addresses-primary ol li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 1.5em
}

.addresses-primary ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.addresses-primary address {
    margin-bottom: 5px
}

.addresses-primary a {
    display: inline-block;
    line-height: 20px;
    border-radius: 3px;
    opacity: .7;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #217CDB;
    box-shadow: inset 0 0 0 1px #217CDB
}

.addresses-primary a:hover {
    color: #FFFFFF;
    background: #217CDB
}

.addresses-primary h3 {
    margin-bottom: 15px;
    font-weight: 600;
    color: #F1C800;
    align-items: center;
    display: flex;
}

.addresses-primary h3 .ico {
    height: 20px;
    width: 30px;
    margin-right: 10px;
    fill: #F1C800
}

.addresses-additional ol li {
    line-height: 1.5em;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.addresses-additional ol li:last-child {
    margin-bottom: 0
}

.addresses-additional address {
    margin-right: 10px;
    flex: 1 1 auto;
}

.addresses-additional .separator {
    display: none
}

.addresses-additional a {
    display: block;
    margin: 0 0 10px;
    white-space: nowrap;
    line-height: 20px;
    border-radius: 3px;
    opacity: .7;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #217CDB;
    box-shadow: inset 0 0 0 1px #217CDB
}

.addresses-additional a:hover {
    color: #FFFFFF;
    background: #217CDB
}

.title-buttons .order-status {
    margin: 0 0 -15px 20px;
    font-size: 16px;
    justify-content: flex-start;
}

.title-buttons .order-status span {
    max-width: 420px
}

.sales-order-view .title-buttons,
.sales-order-shipment .title-buttons,
.sales-order-invoice .title-buttons {
    margin-bottom: 40px;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.sales-order-view .title-buttons h1,
.sales-order-view .title-buttons .order-status,
.sales-order-shipment .title-buttons h1,
.sales-order-shipment .title-buttons .order-status,
.sales-order-invoice .title-buttons h1,
.sales-order-invoice .title-buttons .order-status {
    order: 1
}

.sales-order-view .title-buttons h1,
.sales-order-shipment .title-buttons h1,
.sales-order-invoice .title-buttons h1 {
    white-space: nowrap
}

.sales-order-view .title-buttons .order-status,
.sales-order-shipment .title-buttons .order-status,
.sales-order-invoice .title-buttons .order-status {
    flex: 1 1 auto
}

.sales-order-view .title-buttons:after,
.sales-order-shipment .title-buttons:after,
.sales-order-invoice .title-buttons:after {
    border: 0;
    margin: 0;
    order: 2;
    flex: 1 1 100%;
}

.sales-order-view .title-buttons a,
.sales-order-shipment .title-buttons a,
.sales-order-invoice .title-buttons a {
    margin-right: 10px;
    line-height: 20px;
    border-radius: 3px;
    opacity: .7;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #217CDB;
    box-shadow: inset 0 0 0 1px #217CDB;
    order: 3;
}

.sales-order-view .title-buttons a:hover,
.sales-order-shipment .title-buttons a:hover,
.sales-order-invoice .title-buttons a:hover {
    color: #FFFFFF;
    background: #217CDB
}

.order-date {
    font-size: 16px;
    color: #57ADE1
}

.order-date:before {
    content: '\f133';
    font-size: 15px;
    margin-right: 6px
}

dl.order-info dt {
    display: none
}

#order-info-tabs {
    box-shadow: inset 0 -1px 0 #ddd;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end
}

#order-info-tabs li {
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 600;
    flex: 0 0 auto;
}

#order-info-tabs li.current {
    line-height: 30px;
    padding: 0 20px;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-radius: 3px 3px 0 0
}

#order-info-tabs a {
    display: block;
    line-height: 30px;
    padding: 0 20px;
    color: #888
}

#order-info-tabs a:hover {
    color: #333
}

.order-info-box>div {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.5em
}

.order-info-box .box-title h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #217CDB
}

.order-info-box .box-title .ico {
    height: 20px;
    width: 30px;
    margin-right: 10px;
    fill: #F1C800
}

.order-info-box .shipping-address h2,
.order-info-box .billing-address h2 {
    color: #F1C800
}

.bankpayment_info {
    padding: 5px;
    background: #f0f6f9;
    color: #222;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: row wrap;
}

.bankpayment_info dt {
    min-width: 35%;
    max-width: 35%;
    padding: 5px;
    font-weight: 600
}

.bankpayment_info dd {
    padding: 5px;
    flex: 1 1 65%;
}

.boleto-info a {
    margin-top: 10px;
    display: inline-block;
    line-height: 36px;
    height: 40px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    padding: 0 20px;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    background: #FFF60A;
    color: #000000
}

.boleto-info a:before {
    position: relative;
    top: -2px;
    font-size: 20px;
    content: '\f02a';
    vertical-align: middle;
    margin-right: 10px
}

.boleto-info a:hover {
    background: #F1C800;
    color: #FFFFFF
}

.boleto-info a:ctive {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.order-items>* {
    margin-bottom: 20px
}

.order-items>*:last-child {
    margin-bottom: 0
}

.order-items .table-caption {
    font-size: 20px;
    color: #333;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.order-items .table-caption .separator,
.order-items .sub-title .separator {
    font-weight: 400;
    color: #999;
    padding: 0 7px
}

.order-items a {
    display: inline-block;
    line-height: 20px;
    border-radius: 3px;
    opacity: .7;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #217CDB;
    box-shadow: inset 0 0 0 1px #217CDB
}

.order-items a:hover {
    color: #FFFFFF;
    background: #217CDB
}

.order-items a.link-print:before {
    content: '\f02f';
    margin-right: 5px
}

.order-items table tbody th,
.order-items table tbody td {
    vertical-align: middle
}

.order-items div.qty {
    font-size: 14px;
    text-align: left;
    white-space: nowrap
}

.order-items div.qty strong {
    font-size: 16px
}

.order-items div.shipped {
    color: #FFF60A
}

.order-items *:not(.order-links) a[onclick*=track] {
    opacity: 1;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    display: inline-block;
    color: #FFF60A;
    box-shadow: inset 0 0 0 1px #FFF60A;
    flex: 0 0 auto;
}

.order-items *:not(.order-links) a[onclick*=track] .ico {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    height: 20px;
    width: 20px;
    fill: #FFF60A
}

.order-items *:not(.order-links) a[onclick*=track]:hover {
    background: rgba(255,246,10, .1);
    color: #F1C800;
    box-shadow: inset 0 0 0 1px #F1C800
}

.order-items *:not(.order-links) a[onclick*=track]:hover .ico {
    fill: #FFF60A
}

table.tracking-table tbody th,
table.tracking-table tbody td {
    padding: 10px;
    border-width: 0 0 1px
}

.newsletter-manage-index .my-account .buttons-set {
    text-align: left
}

.block-account {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05)
}

.block-account .block-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400
}

.block-account .block-title strong {
    font-weight: 400
}

.block-account ul li {
    margin-bottom: 10px
}

.block-account ul li.last {
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 0
}

.block-account a {
    color: #217CDB
}

.block-account .current {
    font-size: 17px
}

.my-wishlist .buttons-set {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.my-wishlist .buttons-set button {
    margin-left: 10px
}

.my-wishlist .buttons-set button:first-child {
    margin-left: 0
}

.my-account table a {
    font-size: 12px
}

.my-account table .product-name a {
    font-size: 16px;
    text-decoration: none
}

.wishlist-sku {
    font-size: 12px;
    margin-bottom: 10px
}

#wishlist-table thead {
    display: none
}

#wishlist-table tbody th,
#wishlist-table tbody td {
    padding: 10px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between
}

#wishlist-table tbody td:before {
    border-top: 1px solid #ccc;
    content: '';
    flex: 1 1 100%;
    order: 2;
}

#wishlist-table tbody td>div {
    padding: 10px
}

#wishlist-table .customer-wishlist-item-info {
    flex: 1 1 auto
}

#wishlist-table .customer-wishlist-item-cart,
#wishlist-table .customer-wishlist-item-remove {
    order: 3
}

#wishlist-table .customer-wishlist-item-cart {
    display: flex;
    align-items: center
}

#wishlist-table .customer-wishlist-item-cart p {
    margin-left: 20px
}

.my-account input.qty {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.my-account table button,
.my-account table input[type=button],
.my-account table input[type=reset],
.my-account table input[type=submit] {
    line-height: 21px;
    height: 25px;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 12px
}

.my-account button.btn-add,
.my-account button.btn-cart {
    background: #FFF60A;
    color: #000000
}

.my-account button.btn-add:hover,
.my-account button.btn-cart:hover {
    background: #F1C800;
    color: #FFFFFF
}

.my-account button.btn-update {
    background: #57ADE1;
    color: #FFFFFF
}

.my-account button.btn-update:hover {
    background: #1A2E3F;
    color: #FFFFFF
}

.my-account table button.btn-update {
    margin-top: 10px
}

#my-downloadable-products-table td {
    vertical-align: middle
}

#my-downloadable-products-table .order-number {
    display: block;
    margin-bottom: 10px
}

#my-downloadable-products-table .order-date {
    font-size: 12px
}

#my-downloadable-products-table td.title {
    font-size: 13px
}

#my-downloadable-products-table td.title strong {
    color: #222;
    font-size: 16px;
    display: block
}

#my-downloadable-products-table .download-me {
    display: block;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .1);
    text-align: center;
    text-decoration: none;
    background: #FFF60A;
    color: #000000
}

#my-downloadable-products-table .download-me.status-pending {
    cursor: default;
    background: #f5f5f5;
    box-shadow: inset 0 0 0 1px #217CDB;
    color: #217CDB
}

#my-downloadable-products-table .download-me.status-expired {
    cursor: default;
    background: none;
    box-shadow: inset 0 0 0 1px #999;
    color: #999
}

#my-downloadable-products-table .download-me.status-available:hover {
    background: #F1C800;
    color: #FFFFFF
}

#my-downloadable-products-table .download-me.status-available:active {
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .1);
    background: #F1C800;
    color: #FFFFFF
}

.socialconnect-account .sc-bt {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px 0 10px;
    height: 40px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    background: #3b5998;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.socialconnect-account .sc-bt>span {
    margin-left: 10px
}

.socialconnect-account .sc-bt.google {
    background: #dd4b39
}

.socialconnect-account .sc-bt.twitter {
    background: #00aced
}

.socialconnect-account .sc-bt.linkedin {
    background: #007bb5
}

.socialconnect-account .sc-bt .ico {
    width: 30px;
    height: 20px;
    fill: #fff;
    order: -1
}

.socialconnect-account .sc-bt .img-facebook {
    height: 18px
}

.socialconnect-account .sc-bt .img-twitter {
    height: 17px
}

.socialconnect-account .sc-bt .img-linkedin {
    height: 22px
}

.socialconnect-account .sc-bt:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3), inset 0 -6px 12px rgba(0, 0, 0, .1)
}

.socialconnect-account .sc-bt:active {
    padding-top: 4px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .3), inset 0 8px 16px rgba(0, 0, 0, .2)
}

/* Painel do Cliente - Lista de Presentes */
.amgiftreg-event-edit .col-main form label,
.amgiftreg-event-edit .col-main form .img-calendar {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.amgiftreg-event-edit .col-main form .img-calendar {
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.amgiftreg-event-edit .selects-time {
    display: flex;
    align-items: center;
}

.amgiftreg-event-edit .selects-time .sep {
    margin: 0 5px
}

.amgiftreg-event-edit .selects-time select {
    min-width: 60px;
    flex: 0 0 60px;
}

.gift-event-nav-links {
    display: flex;
    align-items: center;
    margin: 0 -2px 20px;
}

.gift-event-nav-links>* {
    flex: 1 1 auto;
    padding: 20px;
    text-align: center;
    font-weight: 600;
    background: #fff;
    color: #333;
    margin: 0 2px;
}

.gift-event-nav-links b {
    font-weight: 400
}

.gift-event-nav-links a {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.gift-event-nav-links a:hover {
    background: #152F4B;
    color: #FFFFFF
}

.share-gift-list {
    display: flex;
    align-items: center;
    margin: 0 -10px;
}

.share-gift-list li {
    flex: 1 1 auto;
    padding: 0 10px
}

.share-gift-list li.link {
    display: flex;
    align-items: center;
    position: relative
}

.share-gift-list li.link .label {
    color: #777;
    font-size: 12px;
    margin-right: 10px;
}

.share-gift-list li.link input {
    background: #eee;
    color: #666;
    font-size: 12px;
}

.share-gift-list li.link small {
    position: absolute;
    top: calc(100% + 2px);
    right: 10px;
    font-size: 10px;
    color: #999;
}

.share-gift-list a {
    display: flex;
    align-items: center;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 3px;
    background: #3b5998;
    color: #fff;
}

.share-gift-list .tt a {
    background: #00aced
}

.share-gift-list .fb a:hover {
    background: #22407F
}

.share-gift-list .tt a:hover {
    background: #0093D4
}

.share-gift-list a .ico {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

#search_event_form .input-box {
    display: flex;
    align-items: center;
}

#search_event_form label {
    flex: 0 0 auto
}

#search_event_form button {
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 40px;
}

#search_event_form button span {
    display: none
}

#search_event_form button .ico {
    width: 16px;
    height: 16px;
    fill: #FFFFFF;
}

#search_event_form input {
    flex: 1 1 auto;
    margin: 0 10px
}

.block-gift-list {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.block-gift-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 16px;
}

.block-gift-list .title:before {
    
    content: "\f06b";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    color: #152F4B
}

.block-gift-list ol li {
    display: flex;
    align-items: center;
}

.block-gift-list ol li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

.block-gift-list ol li>a {
    flex: 0 0 70px;
    margin-right: 20px;
}

.block-gift-list .product-details {
    flex: 1 1 auto
}

.block-gift-list .product-name a {
    color: #333;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

/* Formulários */
.form-list .wide label,
.form-list .field label {
    display: block;
    margin-bottom: 5px
}

.validation-advice {
    right: -9px
}

/* Loader */
.svg-loader .spinner {
    stroke: #152F4B
}

/* Texto Normalize */
.std {
    line-height: 1.6em
}

/* Modal - Termos de Aceite */
#term-box-warning .title {
    text-transform: uppercase;
    line-height: 1.2em
}

#term-box-warning button {
    height: 40px;
    line-height: 36px;
    border-radius: 3px;
    background: #57ADE1;
    color: #FFFFFF;
}

#term-box-warning button.yes {
    background: #FFF60A;
    color: #000000;
}

/* Produto - Carrossel */
.product-collection-container .bx-controls-direction a {
    float: none;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -40px 10px 0 0;
    color: #FFFFFF;
    padding-bottom: 3px;
    background: #152F4B;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -3px 0 rgba(0, 0, 0, .1)
}

.product-collection-container .bx-controls-direction a:before {
    line-height: 40px
}

.product-collection-container .bx-controls-direction a.bx-next {
    right: auto;
    left: 100%;
    margin: -40px 0 0 10px
}

.product-collection-container .bx-controls-direction a:hover {
    background: #224C78;
    color: #FFFFFF
}

.product-collection-container .bx-controls-direction a.disabled {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .5);
    opacity: .2;
    cursor: default
}

.owl-theme .owl-buttons div {
    position: absolute;
    top: calc(50% - 40px);
    opacity: 1;
    margin: 0;
    padding: 0 0 3px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #FFFFFF;
    background: #152F4B;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -3px 0 rgba(0, 0, 0, .1)
}

.owl-theme .owl-buttons div:before {
    display: block;
    line-height: 40px;
    text-align: center;
    content: '\f053'
}

.owl-theme .owl-buttons div:hover {
    background: #224C78;
    color: #FFFFFF
}

.owl-theme .owl-buttons div.owl-prev {
    left: -50px
}

.owl-theme .owl-buttons div.owl-next {
    right: -50px
}

.owl-theme .owl-buttons div.owl-next:before {
    content: '\f054'
}

.owl-theme .owl-page span {
    background: #152F4B
}

/* Footer - Newsletter */
#news-footer {
    background: #fff;
    border-top: 1px solid rgba(21,47,75, .3);
    border-bottom: 4px solid #152F4B
}

#news-footer .newsletter {
    min-width: 980px;
    width: 90%;
    max-width: 1380px;
    padding-top: 20px;
    position: relative;
    margin: 0 auto 20px
}

#news-footer .newsletter:after {
    display: table;
    clear: both;
    content: ''
}

#news-footer .title {
    width: 200px;
    float: left;
    font-size: 13px;
    color: #222;
    text-transform: uppercase;
    white-space: nowrap
}

#news-footer .title strong {
    display: block;
    font-size: 19px
}

#news-footer form {
    margin-left: 220px;
    height: 40px;
    position: relative;
    display: block;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    text-transform: uppercase
}

#news-footer div.gender {
    display: block
}

#news-footer div.gender .label {
    font-weight: 700
}

#news-footer div.gender label {
    padding-left: 10px
}

#news-footer div.gender input {
    position: relative;
    top: -2px;
    margin-right: 3px;
    vertical-align: middle
}

#news-footer div.name {
    position: absolute;
    top: 0;
    left: 270px
}

#news-footer div.email {
    position: absolute;
    top: 0;
    left: 440px;
    right: 120px;
    width: auto
}

#news-footer div.name label,
#news-footer div.email label {
    display: none
}

#news-footer div.name input,
#news-footer div.email input {
    display: block;
    font-size: 13px;
    color: #555;
    width: 160px;
    height: 40px;
    padding: 10px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid rgba(21,47,75, .3);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1)
}

#news-footer div.email input {
    width: 100%
}

#news-footer div.submit {
    position: absolute;
    top: 0;
    right: 0
}

#news-footer div.submit button {
    display: block;
    width: 110px;
    line-height: 36px;
    height: 40px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #217CDB;
    color: #FFFFFF
}

#news-footer div.submit button:hover {
    color: #FFFFFF;
    background: #1961AD
}

#news-footer div.submit button:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

/* Pop-ups */
body.page-popup {
    padding: 20px 20px 0
}

.wrapper-popup>* {
    margin-bottom: 20px
}

.wrapper-popup>*:last-child {
    margin-bottom: 0
}

/* Blog */
.page-title.tag h1 span {
    color: #888;
    font-weight: 300
}

.blog-index-index .blog-title {
    display: none
}

.blog-sidebar>* {
    margin-bottom: 20px
}

.blog-sidebar>*:last-child {
    margin-bottom: 0
}

.blog-sidebar .title {
    margin-bottom: 15px;
    font-size: 16px;
    color: #111;
    font-weight: 600;
    text-transform: uppercase
}

.blog-recents,
.blog-categories,
.blog-tags {
    padding: 15px;
    border: 1px solid rgba(70, 87, 102, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.blog-categories {
    text-transform: uppercase
}

.blog-categories li.level0 {
    margin-bottom: 10px
}

.blog-categories li.level0:last-child {
    margin-bottom: 0
}

.blog-categories li.level0>a {
    display: block;
    font-size: 16px;
    color: #555
}

.blog-categories li.level0>a:hover {
    color: #152F4B
}

.blog-categories ul.level1 {
    position: relative;
    padding: 5px 0 0 10px
}

.blog-categories ul.level1:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    content: ''
}

.blog-categories li.level1 {
    margin-bottom: 5px
}

.blog-categories li.level1:last-child {
    margin-bottom: 0
}

.blog-categories li.level1>a {
    display: block;
    font-size: 14px;
    color: #777
}

.blog-categories li.level1>a:hover {
    color: #224C78
}

.blog-tags .list {
    margin: -5px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center
}

.blog-tags .tag {
    padding: 5px
}

.blog-tags .tag a {
    color: #217CDB
}

.blog-tags .tag a:hover {
    color: #1961AD
}

.blog-tags .size-1 {
    font-size: 12px
}

.blog-tags .size-2 {
    font-size: 13px
}

.blog-tags .size-3 {
    font-size: 14px
}

.blog-tags .size-4 {
    font-size: 15px
}

.blog-tags .size-5 {
    font-size: 16px
}

.blog-tags .size-6 {
    font-size: 17px
}

.blog-tags .size-7 {
    font-size: 18px
}

.blog-tags .size-8 {
    font-size: 19px
}

.blog-tags .size-9 {
    font-size: 20px
}

.blog-tags .size-10 {
    font-size: 21px
}

.blog-recents li.post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.blog-recents li.post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.blog-recents a {
    display: flex;
    align-content: stretch;
}

.blog-recents .thumb {
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    flex: 0 0 70px;
}

.blog-recents .thumb img {
    opacity: 0
}

.blog-recents .info {
    flex: 1 1 auto
}

.blog-recents .date {
    display: block;
    font-size: 11px;
    color: #777;
    margin-bottom: 5px
}

.blog-recents .post-title {
    display: block;
    font-size: 16px;
    color: #222
}

.blog-recents a:hover {
    color: #224C78
}

.posts-list .the-post {
    margin: 0 0 80px
}

.the-post:last-child {
    margin: 0
}

.the-post .thumbnail {
    float: left;
    width: 300px;
    margin-bottom: 10px
}

.the-post main {
    margin: 0 0 10px 320px
}

.the-post footer {
    display: table;
    width: 100%
}

.the-post .the-title {
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin: 0 0 5px
}

.the-post .the-title a {
    color: #222
}

.the-post .the-title a:hover {
    color: #224C78
}

.the-post .the-date {
    margin: 0 0 10px;
    font-size: 13px;
    color: #888
}

.the-post .blog-entry .ler {
    display: block;
    text-transform: lowercase;
    font-weight: 600;
    color: #224C78
}

.the-post .blog-entry .ler:hover {
    color: #152F4B
}

.the-post footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.the-share {
    margin-right: 20px
}

.the-share .title {
    display: none
}

.the-share ul {
    display: flex;
    align-items: center
}

.the-share ul li {
    margin-right: 5px
}

.the-share ul li:last-child {
    margin-right: 0
}

.the-share a {
    width: 30px;
    height: 30px;
    background: #3b5998;
    display: flex;
}

.the-share a:before {
    content: '\f09a';
    color: #fff;
    margin: auto
}

.the-share a.wa-bt:before {
    display: none
}

.the-share a.wa-bt {
    background: #56c154
}

.the-share a.wa-bt .ico {
    fill: #fff;
    margin: auto auto;
    height: 1rem;
}

.the-share a.tt-bt {
    background: #00aced
}

.the-share a.tt-bt:before {
    content: '\f099'
}

.the-share a.gp-bt {
    background: #dd4b39
}

.the-share a.gp-bt:before {
    content: '\f0d5'
}

.the-share a span {
    display: none
}

.the-share a:hover {
    
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
}

.the-tags {
    margin-right: 20px
}

.the-tags .title {
    display: none
}

.the-tags ul {
    display: flex;
    align-items: center
}

.the-tags ul li {
    font-size: 12px;
    margin-right: 10px
}

.the-tags ul li:last-child {
    margin: 0
}

.the-tags a {
    padding: 2px 10px;
    border-radius: 30px;
    background: #f5f5f5;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.the-tags a:hover {
    background: #224C78;
    color: #FFFFFF
}

.posts-list .the-tags {
    display: none
}

.the-cats .title {
    display: none
}

.the-cats ul {
    display: flex;
    align-items: center
}

.the-cats ul li {
    font-size: 12px;
    margin-right: 10px
}

.the-cats ul li:last-child {
    margin: 0
}

.the-cats a {
    padding: 2px 10px;
    border-radius: 30px;
    background: #f5f5f5;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.the-cats a:hover {
    background: #224C78;
    color: #FFFFFF
}

.single-post {
    margin-bottom: 20px
}

.single-post header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.single-post .the-title {
    display: block;
    line-height: 1em;
    margin-bottom: 5px;
    font-size: 44px;
    font-weight: 600;
    color: #222
}

.single-post .the-date {
    color: #888;
    font-size: 13px
}

.single-post main {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.single-post footer {
    padding-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single-post .the-cats {
    display: none
}

.single-post .blog-entry img {
    margin: 0 auto 20px
}

.single-post .blog-entry img[style*='float'][style*='left'] {
    margin: 0 20px 10px 0
}

.single-post .blog-entry img[style*='float'][style*='right'] {
    margin: 0 0 10px 20px
}

.post-coms {
    border-top: 1px solid #eee;
    padding-top: 20px
}

.post-coms form .legend {
    margin-bottom: 15px;
    font-size: 18px
}

.post-coms .button-set .required {
    font-size: 10px;
    opacity: .5;
    margin-bottom: 10px
}

.post-coms .button-set button {
    width: 100%;
    margin-bottom: 10px
}

.coms-title {
    margin-bottom: 20px;
    font-size: 18px;
    color: #152F4B
}

.no-coms {
    padding: 20px;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.no-coms:before {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 10px;
    content: '\f023'
}

/* Glossário */
.page-title.letter h1 {
    font-weight: 700
}

.page-title.letter h1 span {
    color: #999;
    font-weight: 300
}

.glossary-navigation {
    margin-bottom: 20px
}

.glossary-navigation .title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    color: #222
}

.glossary-navigation ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.glossary-navigation ul li {
    margin-left: 10px;
    flex: 1 1 auto
}

.glossary-navigation ul li:first-child {
    margin-left: 0
}

.glossary-navigation .letter {
    display: block;
    line-height: 40px;
    text-align: center;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    font-weight: 600;
    color: #152F4B
}

.glossary-navigation span.letter {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .2);
    box-shadow: none;
    font-weight: 400
}

.glossary-navigation a.letter.current,
.glossary-navigation a.letter:hover {
    background: #152F4B;
    color: #FFFFFF
}

.letters-list .letter {
    margin-bottom: 10px
}

.letters-list .letter:last-child {
    margin-bottom: 0
}

.letters-list a {
    display: inline-block;
    color: #666
}

.letters-list a:hover {
    color: #224C78
}

/* Marcas */
.brands-container {
    margin-bottom: 40px
}

.brands {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 40px;
    position: relative
}

.brands .owl-theme .owl-controls {
    margin: 0
}

.brands .owl-theme .owl-buttons div {
    top: calc(50% - 20px);
    background: none;
    color: #152F4B;
    font-size: 20px;
    box-shadow: none
}

.brands .owl-theme .owl-buttons div.owl-prev {
    left: -40px
}

.brands .owl-theme .owl-buttons div.owl-next {
    right: -40px
}

.brands>.list {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.brands>.list .item {
    margin: 0 20px
}

.brands-container.list .brands {
    padding: 20px
}

.brands-container.list .brands>.list {
    margin: -10px -20px;
    flex-flow: row wrap
}

.brands-container.list .brands>.list .item {
    margin: 10px 20px
}

.brands a {
    display: block
}

.brands .name {
    display: none
}

.brands img {
    display: block;
    margin: 0 auto;
    max-height: 30px;
    width: auto;
    max-width: none
}

.brands img[src*='.svg'] {
    height: 30px
}

.all-brands-list {
    margin: 0 -20px -40px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
}

.all-brands-list .brand {
    padding: 0 20px 40px;
    flex: 1 1 200px;
    display: flex;
    align-items: stretch
}

.all-brands-list a {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    color: #333;
    font-size: 20px;
    flex: 0 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-brands-list .logo {
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.all-brands-list .has-img .title {
    display: none
}

.brand-description {
    margin-bottom: 1rem
}

/* Sucesso */
.checkout-onepage-success .main {
    padding-bottom: 50px
}

.success-content {
    padding-top: 50px
}

.success-content aside {
    text-align: center
}

.success-content .sub-title {
    font-weight: 600;
    font-size: 18px
}

.success-content .ico {
    margin: 20px 40px 0;
    width: calc(100% - 80px);
    fill: url(#button_v);
    animation: success 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms 1 forwards;
}

.success-content .order-number {
    margin-bottom: 40px;
    font-size: 20px;
    color: #333
}

.success-content .order-number .txt {
    display: block;
    margin-bottom: 10px
}

.success-content .order-number .number {
    font-size: 30px;
    color: #FFF60A
}

.success-content .order-number a.number:hover {
    color: #F1C800
}

.success-content .confirmation,
.success-content .print {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.success-content .confirmation:before {
    min-width: 25px;
    font-size: 20px;
    margin-right: 10px;
    color: #999;
    content: '\f0e0'
}

.success-content .print:before {
    min-width: 25px;
    font-size: 20px;
    margin-right: 10px;
    color: #999;
    content: '\f02f'
}

.success-content .print a {
    margin: 0 5px;
    font-weight: 600;
    color: #224C78
}

.success-content .print a:hover {
    text-decoration: underline
}

.success-content .pagto {
    padding-top: 20px;
    border-top: 1px solid #ddd
}

.success-content .pagto .tit {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px
}

.success-content .pagto a {
    margin-top: 10px;
    display: inline-block;
    line-height: 36px;
    height: 40px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    padding: 0 20px;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    background: #FFF60A;
    color: #000000
}

.success-content .pagto a.boleto:before {
    position: relative;
    top: -2px;
    font-size: 20px;
    content: '\f02a';
    vertical-align: middle;
    margin-right: 10px
}

.success-content .pagto a:hover {
    background: #F1C800;
    color: #FFFFFF
}

.success-content .pagto a:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

.buttons-success {
    display: flex;
    align-items: center;
    justify-content: center
}

.buttons-success .back-shopping {
    margin-right: 40px;
    height: 40px;
    background: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #217CDB;
    color: #217CDB
}

.buttons-success .back-shopping:hover {
    background: #217CDB;
    color: #FFFFFF
}

.buttons-success .my-order {
    line-height: 36px;
    border-radius: 3px;
    padding: 0 20px;
    height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    font-weight: 600;
    background: #FFF60A;
    color: #000000
}

.buttons-success .my-order:hover {
    color: #FFFFFF;
    background: #F1C800
}

.buttons-success .my-order:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3)
}

@keyframes success {
    from {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.title-retorno-mp {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #217CDB;
}

.dados-retorno-mp li:not(:last-child) {
    margin-bottom: 5px
}

.dados-retorno-mp span {
    padding-right: 5px
}

.dados-retorno-mp .approved strong {
    color: #8dc63f
}

.dados-retorno-mp .rejected strong {
    color: #ed1c24
}

.dados-retorno-mp .general strong {
    color: #217CDB
}

.checkout-onepage-success .col-main a[href*='ebitempresa'] {
    display: block;
    margin: 0 0 20px;
    text-align: center;
}

.checkout-onepage-success .col-main a[href*='ebitempresa']:last-child {
    margin-bottom: 0
}

/* Revendas */
.revendas-index-main {
    padding-top: 20px;
    display: flex;
    align-items: stretch;
}

.revendas-map {
    margin-right: 80px;
    flex: 0 0 auto;
}

.revendas-busca {
    padding-top: 50px;
    flex: 1 1 auto;
    min-width: 1px;
}

.revendas-busca form .title {
    margin-bottom: 20px;
    color: #217CDB;
    font-weight: 600;
    display: block;
    font-size: 18px
}

.revendas-filtros {
    margin-bottom: 40px
}

#Brasil {
    overflow: visible;
    
    -webkit-transform-origin: center;
            transform-origin: center;
}

#Brasil path {
    cursor: pointer;
    fill: #f3f3f3;
    stroke: rgba(0, 0, 0, .15);
    position: relative;
    filter: url(#sombra);
    transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform-origin: center;
}

#Brasil path.on {
    fill: url(#color1_v)
}

#Brasil path:hover {
    fill: url(#color1_v);
    filter: url(#sombra2);
}

#listagem-mapa {
    display: inline-block;
    position: relative
}

#listagem-mapa.ops:before {
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    z-index: 9999;
    content: 'Este estado não possui nenhuma revenda.';
    text-align: center;
    padding: 5px 15px;
    background: #152F4B;
    color: #FFFFFF;
    border-radius: 5px;
    transform: translateX(-50%);
}

#listagem-mapa.go:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(255, 255, 255, .7);
    content: ''
}

#listagem-mapa.go .loader {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 9999;
    display: block
}

#listagem-mapa .loader {
    width: 40px;
    height: 40px;
    display: none
}

#listagem-mapa .links {
    display: none
}

#listagem-mapa .o-mapa {
    display: inline-block;
    position: relative
}

#listagem-mapa .o-mapa .pin {
    width: 20px;
    height: 26px;
    fill: #217CDB;
    position: absolute;
    transform: translate(-50%, -100%);
    transform-origin: center bottom
}

#listagem-mapa .tiptop {
    visibility: hidden;
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 3px 10px;
    background: rgba(255, 255, 255, .8);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .1);
    position: absolute;
    transform: translate(-50%, -150%)
}

#listagem-mapa .tiptop:before {
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: rgba(255, 255, 255, .8);
    content: ''
}

#listagem-mapa .tiptop.on {
    visibility: visible
}

#listagem-mapa .tiptop strong {
    display: block;
    font-size: 16px;
    color: #152F4B
}

.revendas-cep .input-box {
    margin-bottom: 20px;
    display: flex;
    align-items: stretch;
}

.revendas-cep input[type=text] {
    flex: 1 1 auto
}

.revendas-cep input[type=submit] {
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    flex: 0 0 auto;
}

.or-map {
    font-size: 14px;
    color: #666;
    position: relative;
    margin-bottom: 20px
}

.or-map:before {
    position: absolute;
    right: calc(100% + 10px);
    top: calc(50% - 10px);
    content: '\f060';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #152F4B
}

.revendas-uf-cidade {
    display: none
}

.revendas-uf-cidade.searched {
    display: block
}

.revendas-uf-cidade .filtros {
    display: flex;
    align-items: stretch;
}

.revendas-uf-cidade .filtro-estado {
    flex: 1 1 auto
}

.revendas-uf-cidade .filtro-cidade {
    margin: 0 10px;
    flex: 2 1 auto;
}

.revendas-uf-cidade .bt {
    height: 40px;
    line-height: 40px;
    flex: 0 0 auto
}

.revendas-list {
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.revendaslist {
    margin: 0 -10px -20px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.revendaslist>li {
    min-width: 300px;
    padding: 0 10px 20px;
    position: relative;
    flex: 0 1 25%;
}

.revendaslist>li:before {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
    content: ''
}

.revendaslist .img {
    position: relative
}

.revendaslist .cidade {
    position: relative;
    padding: 20px;
    font-size: 13px
}

.revendaslist .info {
    position: relative;
    padding: 0 20px 20px
}

.revendaslist .info h2 {
    margin-bottom: 10px;
    font-size: 18px
}

.revendaslist .endereco {
    line-height: 1.3em;
    font-size: 13px;
    color: #666
}

.revendaslist .telmail {
    display: block;
    padding-top: 10px;
    font-size: 13px
}

.revendaslist .telmail li:before {
    content: '\f095';
    margin-right: 7px
}

.revendaslist .telmail li.mail:before {
    content: '\f003'
}

.revendaslist .telmail a {
    color: #217CDB
}

.revendaslist .telmail a:hover {
    color: #1961AD
}

.revendaslist .conheca {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    background: #217CDB;
    color: #FFFFFF
}

.revendaslist .conheca:hover {
    background: #1961AD;
    color: #FFFFFF
}

.arevenda {
    display: flex;
    align-items: stretch;
}

.arevenda .left {
    flex: 1 1 auto
}

.arevenda .right {
    margin-left: 20px;
    padding-left: 20px;
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .2);
    flex: 0 0 25%;
}

.arevenda .dados {
    margin-bottom: 20px
}

.arevenda .dados {
    font-size: 13px
}

.arevenda .dados>div {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.arevenda .dados>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.arevenda .dados h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600
}

.arevenda .dados address {
    line-height: 1.3em
}

.arevenda .dados .contato li {
    margin-bottom: 5px
}

.arevenda .dados .contato li:last-child {
    margin-bottom: 0
}

.arevenda .dados .contato li:before {
    content: '\f095';
    margin-right: 7px
}

.arevenda .dados .contato li.mail:before {
    content: '\f003'
}

.arevenda .dados a {
    color: #217CDB
}

.arevenda .dados a:hover {
    color: #1961AD
}

.arevenda .galeria-nav {
    border: 1px solid rgba(0, 0, 0, .2);
    border-width: 1px 0;
    padding: 20px 0 10px;
    margin: 0 0 20px -20px;
    background: #fff
}

.arevenda .galeria-nav ul {
    
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.arevenda .galeria-nav li {
    padding-bottom: 10px;
    display: block;
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
}

.arevenda .galeria-nav a,
.arevenda .galeria-nav img {
    display: block
}

.arevenda .map h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600
}

.mapa-revenda {
    width: 100%;
    height: 300px
}

.cases-revenda h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600
}

.cases-revenda ul {
    margin: 0 -10px -20px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.cases-revenda li {
    padding: 0 10px 20px;
    min-width: 250px;
    flex: 0 1 20%;
}

.cases-revenda a {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    min-height: 250px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}

.cases-revenda a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    content: ''
}

.cases-revenda a:hover:before {
    opacity: .5
}

.cases-revenda a .svg-loader {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px
}

.cases-revenda .img {
    display: none
}

.cases-revenda .name {
    position: relative
}

.case-detail-content {
    display: flex
}

.case-detail-content .images {
    flex: 0 0 400px
}

.case-detail-content .dados {
    margin-left: 30px;
    flex: 1 1 auto;
}

.case-detail-content .bx-wrapper {
    position: relative
}

.case-detail-content .bx-pager {
    text-align: center;
    font-size: 0;
    line-height: 1em;
    padding-top: 10px
}

.case-detail-content .bx-pager-item {
    display: inline-block;
    margin: 0 2px
}

.case-detail-content .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ccc;
    font-size: 0;
    text-indent: -9999px
}

.case-detail-content .bx-pager-item a.active {
    background: #152F4B
}

.case-detail-content .bx-controls-direction a {
    position: absolute;
    top: calc(50% - 10px);
    left: -20px;
    font-size: 0;
    text-indent: -9999px;
    color: #ccc
}

.case-detail-content .bx-controls-direction a:before {
    display: block;
    content: '\f053';
    font-size: 16px;
    text-indent: 0;
    line-height: 20px;
    width: 20px;
    text-align: center
}

.case-detail-content .bx-controls-direction a.bx-next {
    left: auto;
    right: -20px
}

.case-detail-content .bx-controls-direction a.bx-next:before {
    content: '\f054'
}

.case-detail-content .bx-controls-direction a:hover {
    color: #152F4B
}

.case-detail-content .nome {
    color: #111;
    margin-bottom: 20px
}

/* Modal */
.biz-modal-frame .modal-container .modal {
    box-shadow: 0 5px 35px rgba(0, 0, 0, .3)
}

.biz-modal-frame .modal-container .std {
    padding: 20px
}

.biz-modal-frame .modal-close {
    margin-bottom: 10px
}

/* Modal - Vídeo */
#product-video.biz-modal-frame .modal-container .std {
    position: relative;
    padding: 0;
    line-height: 1em
}

#product-video.biz-modal-frame .modal-container .std:before {
    display: block;
    width: 100vw;
    max-width: 100%;
    padding-top: 56.25%;
    content: ''
}

#product-video.biz-modal-frame .modal-container .std iframe,
#product-video.biz-modal-frame .modal-container .std object,
#product-video.biz-modal-frame .modal-container .std embed,
#product-video.biz-modal-frame .modal-container .std video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#product-video.biz-modal-frame .modal-container .std .video-fix-frame {
    position: static !important;
    width: auto !important
}

#product-video.biz-modal-frame .modal-container .std .video-fix-frame:before {
    display: none !important
}

/* Modal - Continuar / Finalizar */
#continuar-finalizar {
    background: rgba(0, 0, 0, .3)
}

#continuar-finalizar .modal-close {
    opacity: 1
}

#continuar-finalizar .modal-close .ico path {
    stroke: #fff;
    stroke-width: 3px
}

#continuar-finalizar .modal-container .modal {
    background: #fff;
    padding: 30px
}

#continuar-finalizar .modal-container .std {
    padding: 0;
    margin-bottom: 20px
}

#continuar-finalizar .modal-container .actions {
    padding: 20px 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#continuar-finalizar .current-product {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

#continuar-finalizar .actions {
    margin: 0 -10px;
    display: flex;
    align-items: stretch;
}

#continuar-finalizar .actions a {
    margin: 0 10px;
    padding: 0 15px;
    border-radius: 3px;
    min-height: 40px;
    text-align: center;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    background: #57ADE1;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

#continuar-finalizar .actions a:hover {
    background: #1A2E3F;
    color: #FFFFFF
}

#continuar-finalizar .actions a.btn-cart {
    background: #217CDB;
    color: #FFFFFF
}

#continuar-finalizar .actions a.btn-cart:hover {
    background: #1961AD;
    color: #FFFFFF
}

#continuar-finalizar .actions a.btn-checkout {
    background: #FFF60A;
    color: #000000
}

#continuar-finalizar .actions a.btn-checkout:hover {
    background: #F1C800;
    color: #FFFFFF
}

/* Quickview */
#quickview-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    background: rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 9999px rgba(255, 255, 255, .5);
    transform: translate(-50%, -50%);
}

#quickview-loader .svg-loader {
    width: 100px;
    height: 100px;
    display: block
}

#quickview-loader .txt {
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #152F4B;
    font-size: 14px;
    font-weight: 600
}

#quick-window .over {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 999
}

.quickview-outerbox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 90vw;
    height: 530px;
    max-width: 980px;
    max-height: 80vh;
    padding: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
}

.quick-view-essential {
    display: flex;
    align-items: stretch;
}

.quickview-close {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0
}

.quickview-close span {
    display: none
}

.quickview-close .ico {
    width: 30px;
    height: 30px;
    stroke: #fff
}

.quickview-close:hover .ico {
    stroke: #152F4B
}

.quick-view-img {
    max-width: 400px;
    margin-right: 20px;
    flex: 0 0 400px;
}

.quick-view-img .owl-theme .owl-buttons div {
    width: 20px
}

.quick-view-img .owl-theme .owl-buttons div.owl-prev {
    left: -20px
}

.quick-view-img .owl-theme .owl-buttons div.owl-next {
    right: -20px
}

.quick-view-img .owl-theme .owl-page span {
    width: 6px;
    height: 6px;
    margin: 4px;
    opacity: .3
}

.quick-view-img .owl-theme .owl-page.active span,
.quick-view-img .owl-theme .clickable .owl-page:hover span {
    opacity: 1
}

.quick-view-img .main-images:not(.owl-carousel) {
    margin-bottom: 10px
}

.quick-view-img .thumb-images {
    margin: 0 -5px;
    width: calc(100% + 10px)
}

.quick-view-img .thumb-images li {
    cursor: pointer;
    padding: 0 5px;
    width: 20%
}

.quick-view-img .video-thumbs-line .thumb-images li {
    width: 25%
}

.quick-view-img .thumb-images .owl-item {
    opacity: .5
}

.quick-view-img .thumb-images .owl-item:hover,
.quick-view-img .thumb-images .owl-item.synced {
    opacity: 1
}

.quick-view-img .thumb-images .owl-item li,
.quick-view-img .video-thumbs-line .thumb-images .owl-item li {
    width: auto
}

.quick-view-img .video-thumbs-line {
    display: flex;
    align-items: stretch;
}

.quick-view-img .product-video {
    height: auto;
    min-height: 0;
    margin: 0;
    padding-right: 10px;
    flex: 0 0 20%;
    display: flex;
    flex-flow: column nowrap;
}

.quick-view-img .product-video .video-thumb {
    flex: 1 1 auto
}

.quick-view-img .thumbs {
    max-width: 80%;
    flex: 1 1 auto;
}

.quick-view-shop {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
}

.quick-view-shop .no-scroll {
    flex: 0 0 auto
}

.quick-view-shop .scroll {
    margin-top: 20px;
    position: relative;
    flex: 1 1 auto
}

.quick-view-shop .product-name {
    margin-bottom: 10px
}

.quick-view-shop .product-name h2 {
    font-size: 30px;
    line-height: 1.1em;
    margin-bottom: 10px
}

.quick-view-shop .product-name .sku {
    font-size: 12px;
    color: #666
}

.quick-view-shop .product-rate {
    margin-bottom: 20px
}

.quick-view-shop .btn-cart {
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 16px
}

.quick-view-shop .price-box {
    margin-bottom: 20px
}

.quick-view-short-desc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto
}

/* Depoimentos */
.testimonial-submit {
    margin-bottom: 20px
}

.testimonial-submit .title {
    cursor: pointer;
    display: inline-block;
    font-size: 16px
}

.testimonial-submit .title span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-right: 10px;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 3px;
    background: #217CDB;
    color: #FFFFFF
}

.testimonial-submit .title small {
    display: inline-block;
    vertical-align: middle;
    color: #666
}

.testimonial-submit .title:hover span {
    background: #1961AD;
    color: #FFFFFF
}

.testimonial-submit form {
    margin-top: 20px;
    padding: 20px;
    box-shadow: inset 0 0 0 1px #ddd;
    display: none
}

.testimonial-submit .input-box-captcha {
    padding: 10px;
    background: #eee;
    display: flex;
    align-items: center;
}

.testimonial-submit .input-box-captcha img {
    margin-right: 10px;
    flex: 0 0 auto;
}

.testimonial-submit .input-box-captcha label {
    font-size: 12px;
    margin: 0
}

.testimonial-submit .input-box-captcha label input {
    margin-top: 5px
}

.testimonial-submit .refresh-captcha {
    font-size: 20px;
    color: #555;
    align-self: flex-end
}

.testimonial-submit .refresh-captcha:before {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    content: '\f021'
}

.testimonial-submit .refresh-captcha span {
    display: none
}

.testimonial-submit .refresh-captcha:hover {
    color: #152F4B
}

.testimonial-submit .refresh-captcha.loading:before {
    display: none
}

.testimonial-submit .form-list .fields>.name,
.testimonial-submit .form-list .fields>.email {
    flex: 1 1 33.333%
}

.testimonial-submit .form-list .fields>.rating {
    flex: 1 1 10%
}

.testimonial-submit .form-list .fields.actions {
    align-items: flex-end
}

.testimonial-submit .form-list .fields>* {
    flex: 1 1 auto;
    max-width: none
}

.testimonial-submit .form-list .fields>*.bts {
    flex: 0 0 auto
}

.testimonial-submit button {
    width: 100%;
    height: 40px;
    white-space: nowrap;
    font-size: 16px
}

.customer-testimonials {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.customer-testimonials>div {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 1px 0 20px;
    vertical-align: top;
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
}

.testimonial-source {
    margin-bottom: 5px;
    padding: 0 20px 0 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.testimonial-author {
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 600;
    margin-right: 20px
}

.testimonial-date {
    font-size: 12px;
    color: #666
}

.testimonial-content {
    display: flex;
    align-items: flex-start;
}

.testimonial-content .std {
    margin: 0 0 0 10px !important;
    padding: 10px 20px 15px;
    border-radius: 0 20px 20px;
    box-shadow: inset 0 0 0 1px #ccc;
    flex: 1 1 auto;
}

.testimonial-rating {
    line-height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 100%;
    background: #eee;
    color: rgba(0, 0, 0, .7);
    font-size: 22px;
    flex: 0 0 50px;
}

.testimonial-rating:before {
    content: '\f088'
}

.testimonial-rating span {
    display: none
}

.positivo .testimonial-rating {
    background: #8dc63f
}

.positivo .testimonial-rating:before {
    content: '\f087'
}

/* Depoimentos - Inserção */
.testimonials header {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.testimonials .title {
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

.testimonials .links {
    display: flex;
    align-items: flex-start;
}

.testimonials .links a {
    margin-left: 10px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #217CDB;
    color: #FFFFFF
}

.testimonials .links a:hover {
    background: #1961AD;
    color: #FFFFFF
}

.testimonials .list {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.testimonials .testimonial {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 1px 0 20px;
    vertical-align: top;
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
}

/* Comparador */
#compare-loader {
    position: fixed;
    z-index: 9999;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    box-shadow: 0 0 0 9999px rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .5)
}

#compare-loader .svg-loader {
    width: 100px;
    height: 100px
}

#compare-modal {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.compare-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    max-width: 1180px;
    transform: translate(-50%, -50%)
}

#compare-result {
    max-height: 80vh;
    overflow-y: auto;
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 35px rgba(0, 0, 0, .4)
}

.compare-close {
    cursor: pointer;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    display: block
}

.compare-close .ico {
    width: 30px;
    height: 30px;
    stroke: #fff
}

.compare-close .ico path {
    stroke: #fff
}

.compare-close:hover .ico path {
    stroke: #152F4B
}

/* Perguntas */
.questions {}

.questions__title {
    margin-bottom: 30px
}

.questions__title .title {
    font-size: 29px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.questions .subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.questions__noresults {
    padding: 20px;
    background: #eee;
    margin-bottom: 30px;
    color: #777;
}

.questions__form .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.questions__list {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.questions__item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.questions__item.voted {
    position: relative;
    margin-right: 200px;
    padding-right: 20px;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.questions__info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.questions__info:before {
    
    content: "\f059";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #152F4B;
    margin-right: 10px;
    flex: 0 0 auto;
}

.questions__author {
    font-size: 18px;
    font-weight: 600;
    margin-right: 20px;
}

.questions__date {
    font-size: 14px;
    color: #777
}

.questions__question {
    margin-bottom: 5px
}

.questions__question .std {
    font-size: 16px;
    color: #000
}

.questions__reply {
    display: flex;
    align-items: flex-start;
}

.questions__reply:before {
    
    content: "\f106";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    flex: 0 0 auto;
    font-size: 20px;
    margin-right: 10px;
    color: #217CDB;
}

.questions__reply .std {
    font-size: 16px;
    color: #777
}

.questions__vote {
    position: absolute;
    right: -200px;
    top: 0;
    width: 180px;
    text-align: right;
}

.questions__vote .subtitle {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.questions__vote .btn {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    transition: all 200ms ease-out;
}

.questions__vote .btn:hover {
    background: #152F4B;
    color: #FFFFFF;
}

.questions__vote .btn span {
    display: none
}

.questions__like:before {
    
    content: "\f087";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}

.questions__dislike:before {
    
    content: "\f088";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}

.questions__pager {
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.questions__pager .subtitle {
    font-size: 14px
}

.questions__pager select {
    flex: 0 0 100px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    margin-left: 10px;
}

.questions__pager .order {
    display: none
}

/* Mensagem de Presente */
#onepage-checkout-shipping-method-additional-load {
    margin: 20px -35px 0;
    padding: 20px 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-width: 1px 0;
    position: relative;
    text-align: right;
}

#onepage-checkout-shipping-method-additional-load h3 {
    position: relative;
    padding-left: 50px;
    display: inline-block;
}

#onepage-checkout-shipping-method-additional-load h3:before {
    
    content: "\f06b";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    color: #152F4B;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
}

label[for='allow_gift_messages_for_order'],
label[for='allow_gift_messages_for_items'],
label[for='allow_gift_messages'] {
    display: inline-block;
    padding: 10px 20px;
    height: auto;
    line-height: 1em;
    border-radius: 3px;
    background: #217CDB;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .1);
    color: #FFFFFF;
    cursor: pointer;
    transition: all 200ms ease-out;
}

label[for='allow_gift_messages_for_order'],
label[for='allow_gift_messages_for_items'] {
    display: block;
    background: #eee;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    text-align: center;
}

label[for='allow_gift_messages']:hover {
    background: #1961AD;
    color: #FFFFFF;
}

.gift-messages-form {
    padding-top: 20px;
    line-height: 1.3em;
    color: #555
}

.gift-messages-form h4 {
    display: none
}

.gift-messages-form .inner-box {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -10px;
    text-align: left;
}

.gift-messages-form .inner-box>div {
    flex: 1 1 50%;
    min-width: 250px;
    padding: 10px
}

.form-box {
    padding-top: 10px
}

.form-box p.msg {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin: 0 10px 10px;
    line-height: 1.1em;
}

.form-box label {
    font-size: 13px
}

.form-box li.item {
    padding: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    border-radius: 3px;
    margin-bottom: 20px;
}

.form-box li.item:last-child {
    margin-bottom: 0
}

.form-box li.item:hover {
    box-shadow: inset 0 0 0 1px #152F4B
}

.form-box li.item .number {
    display: none
}

.form-box .prod-line {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-box .prod-info {
    flex: 0 0 40%;
    max-width: 150px;
    margin-right: 20px;
}

.form-box .product-name {
    margin-bottom: 10px
}

.form-box .fields .field {
    min-width: 200px
}

/*Lista de Materiais*/
#change-product-content .title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .25rem;
}

#change-product-content .subtitle {
    margin-bottom: 1rem;
    font-size: .8rem;
    opacity: .6;
}

#change-product-content .topline {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#change-product-content .quick-search {
    flex: 0 1 50%;
    margin-left: 2rem;
    display: flex;
    align-items: center;
}

#change-product-content .quick-search:before {
    
    content: "\f002";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    margin-right: 1rem;
    color: #152F4B;
    flex: 0 0 auto;
}

#change-product-content .quick-search input {
    flex: 1 1 auto;
    border-color: #152F4B;
}

.materials-exchange {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0 -.5rem -1rem;
    font-size: .8rem;
}

.materials-exchange * {
    line-height: 1em
}

.std .materials-exchange>li {
    list-style: none;
    padding: 0 .5rem 1rem;
    margin: 0;
    flex: 1 1 25%;
    min-width: 280px;
    display: flex;
    flex-flow: column nowrap;
}

.std .materials-exchange>li.found {
    order: -1
}

.materials-exchange .case {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid #ddd;
    background: #fff;
}

.materials-exchange .found .case {
    border: 3px solid #152F4B
}

.materials-exchange .image {
    display: block;
    flex: 0 0 100%;
    margin-bottom: .5rem;
}

.materials-exchange .image img {
    height: 100px
}

.materials-exchange .name {
    display: block;
    flex: 0 0 100%;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2em;
}

.materials-exchange .price {
    font-weight: 600;
    color: #152F4B;
    margin-bottom: -.5rem;
}

.materials-exchange .changed-product {
    cursor: pointer;
    padding: .5rem;
    font-weight: 700;
    background: #152F4B;
    color: #FFFFFF;
    margin: 0 -.5rem -.5rem 0;
}

.materials-exchange .changed-product:hover {
    background: #224C78;
    color: #FFFFFF;
}

table .change-product-link {
    text-decoration: none;
    font-size: .9rem;
    padding: .5rem;
    background: #217CDB;
    color: #FFFFFF;
    display: inline-block;
}

table .change-product-link:before {
    
    content: "\f021";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    margin-right: .25rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

table .change-product-link:hover {
    background: #1961AD;
    color: #FFFFFF;
}

/*Fidelidade*/
.rewards {}

.rewards__title {
    font-size: .8rem;
    text-align: center;
    background: #57ADE1;
    color: #FFFFFF;
    padding: .5rem;
    border-radius: 3px 3px 0 0;
}

.rewards__content {
    padding: .5rem;
    border-radius: 0 0 3px 3px;
    border: 1px solid #ccc;
    background: #fff;
    color: #57ADE1
}

.rewards__points {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rewards__label {
    order: 2;
    margin-left: .5rem;
}

.rewards__sep {
    display: none
}

.rewards__value {
    font-weight: 700;
    font-size: 1.4rem;
}

.totals__table .reward-row {
    background: #57ADE1;
    color: #FFFFFF;
}

.totals__table .reward-row td {
    color: #FFFFFF;
    padding: 1rem;
}

.totals__table .reward-row td:last-child {
    text-align: right;
    font-weight: 700;
}

.totals__table .reward-row a {
    color: #FFFFFF;
    text-decoration: underline;
}

.rewards-cart {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}

/*Vendedores*/
body[class*='sellers']:not(.sellers-login-index) .header,
body[class*='sellers']:not(.sellers-login-index) .main,
body[class*='sellers']:not(.sellers-login-index) .footer {
    max-width: 1200px
}

body[class*='sellers']:not(.sellers-login-index) .header-container {
    box-shadow: none
}

body[class*='sellers']:not(.sellers-login-index) .header-container:before {
    display: none
}

.seller__header {}

.seller__logo {
    display: table;
    padding: 2rem;
    margin: 0 auto;
}

.seller__logo .-name {
    display: none
}

.seller__nav .ul--0 {
    display: flex;
    align-items: stretch;
}

.seller__nav .li--0 {
    flex: 1 1 auto;
    position: relative;
}

.seller__nav .a--0 {
    display: block;
    text-align: center;
    padding: .5rem 0;
    font-size: 1rem;
    cursor: pointer;
}

.seller__nav .a--0:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    position: relative;
    top: -2px;
    filter: brightness(.6);
    content: "\f078";
    font-family: "biz_icons", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.seller__nav .a--0.favoritos {
    color: #e94c3c !important
}

.seller__nav .a--0.favoritos:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    position: relative;
    top: -2px;
    content: "\f004";
    font-family: "biz_icons", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.seller__nav .a--0.favoritos:after {
    display: none
}

.seller__nav .-active .a--0:after {
    display: none
}

.seller__nav .-active .a--0 .-name {
    opacity: .7
}

.seller__nav .-active .a--0 .-filters {
    font-weight: 700
}

.seller__nav .-active .btn {
    padding: .3rem .5rem
}

.seller__nav .-active .btn:before {
    content: "\f00d";
    font-family: "biz_icons", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.seller__nav .-active .btn span {
    display: none
}

.seller__nav .li--0:active .a--0 {
    color: #fff
}

.seller__nav .ul--1 {
    display: flex;
    align-items: stretch;
    align-content: flex-start;
    flex-flow: row wrap;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    z-index: 99999;
    transform: translate3d(0, -110%, 0);
    transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    overflow-y: auto;
}

.seller__nav .ul--1 .close {
    cursor: pointer
}

.seller__nav .li--1 {
    flex: 0 1 20%;
    min-width: 1px;
    border: 1px solid rgba(255, 255, 255, .1)
}

.seller__nav .-top {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
    font-size: 1.2rem;
    padding: 1rem;
}

.seller__nav .title {
    color: #fff;
    font-weight: 700;
}

.seller__nav .a--1 {
    display: block;
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1em;
    color: #fff;
}

.seller__nav .a--1 .count {
    display: none
}

body.-open-seller {
    overflow: hidden
}

body.-open-seller .seller__nav .on .ul--1 {
    transform: translate3d(0, 0, 0)
}

.minha-franquia-filter {
    margin-bottom: 2rem
}

.minha-franquia-filter .form-list .fields .date {
    display: flex;
    align-items: stretch;
}

.minha-franquia-filter .form-list .fields .date .input-box {
    flex: 1 1 50%;
    min-width: 1px;
    padding-right: 10px;
}

.minha-franquia-filter .form-list .fields .date .input-box:last-child {
    padding: 0 0 0 10px
}

.minha-franquia-filter .form-list .fields .date .input-box>span {
    display: flex;
    align-items: center;
}

.pager-no-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8rem;
    color: #666;
    margin-bottom: .5rem;
}

.pager-no-toolbar .amount,
.pager-no-toolbar .limiter {
    flex: 0 0 auto;
    margin-right: 1rem;
}

.pager-no-toolbar .limiter {
    display: flex;
    align-items: center;
}

.pager-no-toolbar .limiter select {
    margin-left: .5rem
}

.pager-no-toolbar .limiter .per {
    display: none
}

.pager-no-toolbar .pages {
    flex: 0 0 auto;
    margin-left: auto;
}

.pager-no-toolbar .pages ol li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin-left: 3px
}

.pager-no-toolbar .pages ol li span span {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    border-radius: 2px;
    background: #224C78;
    color: #FFFFFF
}

.pager-no-toolbar .pages ol li a {
    display: block;
    line-height: 26px;
    padding: 0 7px;
    color: #333;
    border-radius: 2px
}

.pager-no-toolbar .pages ol li a:hover {
    background: #f5f5f5
}

.pager-no-toolbar .pages ol li a.next span,
.pager-no-toolbar .pages ol li a.previous span {
    display: none
}

.pager-no-toolbar .pages ol li a.next:before,
.pager-no-toolbar .pages ol li a.previous:before {
    display: block;
    line-height: 26px;
    content: '\f054';
    font-family: "biz_icons", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.pager-no-toolbar .pages ol li a.previous:before {
    content: '\f053'
}

.pager-no-toolbar .pages .label {
    display: none
}

table thead th {
    line-height: 1em
}

.seller__flow {
    position: relative;
    left: 50%;
    margin-left: -45vw;
    width: 90vw;
}

.seller__flow .item {
    box-shadow: 0 0 3rem #fff;
    width: 470px;
    opacity: .4;
    perspective: 500px;
    overflow: hidden;
}

.seller__flow .item .image {
    transform: rotateY(5deg) scale(.9);
    padding: 1px 1px 3rem;
    background: linear-gradient(to top, #fff 0, rgba(0, 0, 0, .1) 3rem, rgba(0, 0, 0, .1) 3rem, rgba(0, 0, 0, 0) 100%);
    transition: all 200ms ease-in-out;
}

.seller__flow .item.is-selected {
    opacity: 1;
    transform: scale(1);
}

.seller__flow .item.is-selected .image {
    transform: rotateY(0) scale(1)
}

.seller__flow .item.is-selected+.item .image,
.seller__flow .item.is-selected+.item+.item .image,
.seller__flow .item.is-selected+.item+.item+.item .image {
    transform: rotateY(-5deg) scale(.9)
}

.seller__flow img {
    display: block;
    width: 100%;
}

.seller__flow .actions {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.seller__flow .actions a {
    flex: 0 0 auto;
    margin: 0 .5rem;
}

.seller__flow .actions a .ico {
    display: block;
    width: 2rem;
    height: 2rem;
}

.seller__flow .actions a.add-favorite .ico {
    fill: none;
    stroke-width: 2px;
    stroke: #e94c3c;
    padding: 2px;
    overflow: visible;
}

.seller__flow .actions a.add-favorite.fav .ico {
    fill: #e94c3c
}

.seller__flow .actions a span {
    display: none
}

.seller__flow .item.is-selected .actions {
    visibility: visible
}

.seller__view {
    padding-top: 1rem
}

.seller__view .product-essential .product-img-box {
    flex: 0 0 60%;
    width: auto;
    margin: 0;
    padding: 0;
}

.seller__view .product-essential .product-shop {
    flex: 1 1 auto;
    min-width: 1px;
    padding: 0 0 0 1rem;
    margin: 0;
}

.seller__view .product-image-container {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.seller__view .product-img-box .more-views {
    flex: 0 0 130px;
    padding-right: 30px;
    order: -1;
    box-shadow: inset -14px 0 0 #fff, inset -15px 0 0 #ddd;
}

.seller__view .product-img-box .product-image {
    margin: 0;
    width: auto;
    height: auto;
    flex: 1 1 auto;
    min-width: 1px;
}

.seller__view .product-essential .product-image-thumbs {
    margin: 0;
    display: block;
    max-height: none;
}

.seller__view .product-essential .product-image-thumbs li {
    width: auto;
    padding: 0;
    margin: 0 0 10px;
    max-width: 100%;
}

.seller__view .product-essential .product-name {
    margin-bottom: 1rem;
    border: 0;
}

.seller__view .product-essential .product-name h1 {
    display: inline;
    margin: 0;
    font-size: 22px;
    padding: 0;
}

.seller__view .product-essential .product-name .sep {
    padding: 0 5px;
    font-size: 24px;
}

.seller__view .product-essential .product-name small {
    font-size: 14px
}

.seller__view .product-essential .std.short-desc {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 14px;
    color: #666;
}

.seller__view .product-essential .add-to-cart {
    padding-top: 30px
}

.seller__view .product-essential .add-to-cart .add-to-cart-buttons button {
    width: auto;
    padding: 0 30px 0 90px;
}

.seller__view .product-essential .add-to-cart .add-to-cart-buttons button:before {
    content: 'Eu quero!'
}

.seller__view .product-essential .add-to-cart .add-to-cart-buttons button span {
    display: none
}

.seller__view .product-essential {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#confirm-order {
    background: rgba(233, 76, 60, .9)
}

#confirm-order .modal-container .modal {
    background: #fff
}

#confirm-order .modal-close {
    opacity: 1
}

#confirm-order .modal-close .ico {
    width: 20px;
    height: 20px;
    stroke-width: 3px;
}

#confirm-order .modal-close path {
    stroke: #fff !important
}

#confirm-order form>div {
    margin-bottom: 10px
}

#confirm-order form>div:last-child {
    margin-bottom: 0
}

#confirm-order form .btn {
    width: 100%;
    height: 2.5rem;
    font-size: 1rem;
}

.success-content.seller__success {
    background: none;
    padding: 2rem 0 0;
    text-align: center;
}

.success-content.seller__success .page-title {
    margin-bottom: 1rem;
    text-align: center;
}

.success-content.seller__success .page-title h1 {
    padding: 0;
    border: 0;
}

.seller__success .alert-msg {
    display: table;
    background: #e94c3c;
    color: #fff;
    text-align: center;
    padding: .75rem 2rem;
    margin: 0 auto 2.5rem;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.seller__success .alert-msg .ico {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 .5rem 0 0;
    fill: #fff;
    width: 1.2rem;
    height: 1.2rem;
}

.seller__success.success-content .order-number {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #333;
}

.seller__success.success-content .order-number .number {
    color: inherit
}

.seller__success .customer {
    margin-bottom: 4rem
}

.seller__success .customer .nome {
    font-size: 1.4rem
}

.seller__success .customer .email {
    font-size: .9rem
}

.seller__success .buttons-success .back-shopping {
    margin: 0;
    background: #56be41;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 2rem;
    padding: 1rem 2rem;
    height: auto;
    max-width: 18rem;
    line-height: 1em;
}

.sellers-login-index {
    background-size: auto 100%;
    background-position: center;
    background-repeat: repeat-x;
}

.sellers-login-index .header-container {
    box-shadow: none;
    padding: 3rem 0;
    margin: 0;
}

.sellers-login-index .header-container:before {
    display: none
}

.sellers-login-index .seller__logo {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}

.sellers-login-index .seller__logo>* {
    position: relative
}

.sellers-login-index .seller__logo:before {
    content: '';
    display: block;
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    border-radius: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 50px 50px #fcfcfc;
    opacity: .7;
}

.sellers-login-index .footer-container {
    border: 0
}

.seller__login {
    max-width: 420px;
    position: relative;
}

.seller__login .tit {
    position: relative;
    margin-bottom: 2rem;
}

.seller__login .tit h2 {
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

.seller__login .tit h2 span {
    color: #333;
    display: block;
}

.seller__login .tit:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 50px 50px #fcfcfc;
}

.seller__login .form-list>li {
    margin-bottom: 10px
}

.seller__login .form-list .fields>.pass {
    flex: 1 1 3rem;
    min-width: 1px;
    max-width: none;
}

.seller__login .form-list .fields>.send {
    align-self: flex-end;
    flex: 0 0 auto;
}

.seller__login .input-box {
    position: relative
}

.seller__login .input-box>* {
    position: relative
}

.seller__login .input-box:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 50px 50px #fcfcfc;
    opacity: .7;
}

.seller__login .button {
    height: 2.5rem;
    padding: 0 2rem;
    position: relative;
}

/*Mix & Match*/
.combined {
    display: flex;
    align-items: stretch;
    line-height: 1em;
    padding-bottom: 4rem;
}

.combined__list {
    flex: 1 1 auto;
    min-width: 1px;
    display: flex;
    align-items: stretch;
    position: relative;
}

.combined__item {
    flex: 1 1 25%;
    min-width: 1px;
    margin-right: 1rem;
    display: flex;
    flex-flow: column nowrap;
}

.combined__item .-products {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -.25rem;
}

.combined__item .-prod {
    flex: 0 0 16.666%;
    padding: .25rem;
    min-width: 4rem;
}

.combined__item .-prod .-image {
    border: 1px solid #ddd
}

.combined__item .-prod .-name {
    display: none
}

.combined__item .-prod:hover,
.combined__item .-prod.active {
    opacity: 1
}

.combined__item .-prod.active {
    position: relative
}

.combined__item .-prod.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #A88D5B;
    position: absolute;
    top: calc(100% - .25rem);
    left: calc(50% - 5px);
}

.combined__item .-prod.active .-image {
    border-color: #A88D5B
}

.combined__item .-details .add-to-cart {
    display: none
}

.combined__item .-details {
    border: 1px solid #ddd;
    padding: 1rem;
    flex: 1 1 auto;
    min-width: 1px;
    margin-top: 1rem;
    background: #fff;
}

.combined__item .-details dl {
    padding: 1rem
}

.combined__item .-details dl dd {
    margin-bottom: 1rem !important
}

.combined__item .-details dl dd:last-child {
    margin-bottom: 0 !important
}

.combined__item .-details .-image {
    margin-bottom: 1rem;
    text-align: center;
}

.combined__item .-details .-name h2 {
    font-size: 1rem;
    text-transform: uppercase;
    color: #A88D5B;
    margin-bottom: 1rem;
    text-align: center;
}

.combined__add {
    margin-top: 2rem;
    text-align: center;
}

.combined__totals {
    flex: 0 0 20%;
    padding: 1rem;
    background: #fff;
    border: 1px solid #ddd;

    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.combined__item .-categories {
    flex: 0 0 auto;
    margin-bottom: 1rem;
    position: relative;
    z-index: 9;
}

.combined__item .-categories h3 {
    display: none
}

.combined__item .-categories ul {
    height: 3rem
}

.combined__item .-categories ul:before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: #ccc;
    color: #fff;
    font-size: 1.5rem;
    content: '\f107';
    font-family: "biz_icons", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.combined__item .-categories li {
    display: none;
    list-style: none;
    margin: 0 !important;
}

.combined__item .-categories li.active {
    display: block
}

.combined__item .-categories a {
    display: block;
    padding: 0 3rem 0 1rem;
    line-height: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #666;
    background: #fff;
    text-align: center;
    font-weight: 400;
    height: 3rem;
    border: 2px solid #ddd;
    border-width: 0 2px;
}

.combined__item .-categories a:hover {
    background: #eee
}

.combined__item .-categories li.active a {
    border-width: 2px
}

.combined__item .-categories ul:hover:before {
    display: none
}

.combined__item .-categories ul:hover li {
    display: block
}

.combined__item .-categories ul:hover li:first-child a {
    border-width: 2px 2px 0
}

.combined__item .-categories ul:hover li:last-child a {
    border-width: 0 2px 2px
}

.combined__item .-categories ul:hover li.active a {
    color: #A88D5B
}

.combined__item .-categories ul:hover a {
    padding: 0 1rem
}

.combined__item .product-options {
    display: flex;
    flex-flow: row wrap;
}

.combined__item .options__caption {
    margin-bottom: .25rem
}

.combined__item .options__option {
    padding-bottom: 0;
    border-bottom: 0;
}

.combined__prices {
    text-align: center
}

.combined__prices .regular-price .label {
    display: none
}

.combined__prices .regular-price .price {
    font-size: 1.5rem;
    font-weight: 600;
    color: #A88D5B
}

.combined__prices .preco-parcelado {
    color: #000;
    font-size: 1rem;
}

.combined__prices .preco-parcelado .s-juros {
    display: block;
    color: #888;
    font-size: .8rem;
}

.combined__prices .price-box-avista {
    display: block;
    text-align: center;
}

/*Mande sua foto*/
.sendpic {}

.sendpic__title {}

.sendpic__resumo {
    font-size: .8rem;
    color: #666;
    margin-bottom: 1rem;
}

.sendpic__list {
    margin-bottom: 1rem
}

.sendpic__list ul {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 0 -.5rem -1rem;
}

.sendpic__list li {
    flex: 0 0 20%;
    padding: 0 .5rem 1rem;
}

.sendpic__list .-image {
    margin-bottom: .5rem
}

.sendpic__list .-info {
    font-size: .8rem
}

.sendpic__list .-por {}

.sendpic__list .-name {
    font-size: 1rem;
    font-weight: 700;
}

.sendpic__actions {
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

.sendpic__form {
    display: flex;
    align-items: stretch;
}

.sendpic__block {
    flex: 1 1 auto;
    min-width: 1px;
    margin-right: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #ddd
}

.sendpic__form form {
    flex: 0 0 30%;
    padding: 1rem;
    background: #fff;
    border: 1px solid #ddd
}

.sendpic__form .-name {
    font-size: 1.4rem;
    font-weight: 700;
}

.sendpic__form .-sku {
    font-size: .8rem;
    color: #666;
    margin-bottom: 1rem;
}

.sendpic__form .-image {
    margin-bottom: 1rem
}

.sendpic__form .form-list {
    margin-bottom: 1rem
}

.sendpic__form .form-list label {
    font-size: 1rem;
    color: inherit;
}

.sendpic__form .obs {
    font-size: .8rem;
    color: #888
}

.sendpic__form .button {
    width: 100%
}

/*Compartilhar Carrinho*/
#shared-cart {
    text-align: center
}

#shared-cart .page-title {
    margin-bottom: 2rem
}

#shared-cart .page-title h1 {
    font-size: 1.4rem;
    margin: 0;
}

#shared-cart .sharing-links .list {
    justify-content: center
}

#shared-cart .std .sharing-links li {
    list-style: none;
    margin: 0 .25rem .5rem !important;
}

#shared-cart .modal__content {
    min-height: 8rem;
    padding: 2rem;
}

/* Modulo: Subscription */
.plans-container .title {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
}

.plans-container .subscription-plan {
    padding: 10px;
    cursor: pointer
}

.subscription-plan .plan-description {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
}

.plan-description .label {
    display: none
}

.subscription-plan .price-box {
    padding: 10px 22px;
    margin-bottom: 0
}

.subscription-plan .special-price-date {
    font-size: 11px;
    color: #333;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.special-price-date .from,
.special-price-date .to {
    font-weight: 700;
    font-size: 15px;
    margin: 0 5px
}

.add-to-cart-buttons.disabled-subscription {
    display: none
}

.product-essential .add-to-cart-buttons.enabled-subscription button {
    padding-left: 0;
    padding-right: 0
}

.add-to-cart-buttons.enabled-subscription .qty-wrapper {
    display: none
}

/* Orcamento */
.header-miniquote .item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.header-miniquote .product-image {
    max-width: 70px;
    min-width: 70px;
}

.header-miniquote .product-details {
    text-align: right;
    font-size: 14px;
    color: #111;
    flex: 1 1 170px;
}

.quote-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-miniquote .qty-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
    align-items: center;
}

.header-miniquote .qty-wrapper .txt {
    flex: 0 0 100%
}

.header-miniquote .product-name a {
    display: block;
    color: #111;
    margin-bottom: 5px
}

.header-miniquote .qty-wrapper input {
    margin: 5px 0;
    box-shadow: none;
    border: 1px solid #888;
    flex: 0 0 auto;
    height: 30px;
    border-radius: 2px 0 0 2px
}

.header-miniquote .qty-wrapper .qquantity-button {
    border-radius: 0 2px 2px 0
}

.mycart-dropdown .skip-quote {
    display: none
}

.mycart-dropdown .block-subtitle {
    display: none
}

.header-miniquote .-actions {
    clear: both;
    display: block;
}

.header-miniquote .btn-edit {
    display: none
}

.header-miniquote .remove {
    position: absolute;
    top: 0;
    right: -30px;
    text-align: center;
    width: 40px;
    height: 40px;
    opacity: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: inset 20px 0 0 #fff, inset 0 0 0 1px rgba(0, 0, 0, .2);
    transition: all 100ms ease-in-out;
    font-size: 0
}

.header-miniquote .remove:before {
    display: block;
    line-height: 40px;
    color: #f04a38;
    opacity: .5;
    font-size: 20px;
    content: '\f014';
    font-family: "biz_icons", sans-serif;
    speak: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.header-miniquote .item {
    position: relative;
    border-bottom: 1px dotted #cbcbcb;
    align-items: flex-start
}

.header-miniquote .item:hover .remove {
    opacity: 1;
    right: -40px;
}

.block-content-inner .mini-products-list {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.block-content-inner .mycart-buttons .editar,
.block-content-inner .mycart-buttons .finalizar {
    flex: 1 1 auto
}

/*Finalização*/
#checkoutSteps button {
    background: #FFF60A;
    color: #000000
}

#checkoutSteps button:hover {
    color: #FFFFFF;
    background: #F1C800
}

#checkoutSteps .section .buttons-set a {
    color: #217CDB
}

#checkoutSteps .section .buttons-set a:hover {
    color: #1961AD
}

#checkoutSteps .opc-new-users button {
    background: #217CDB;
    color: #FFFFFF
}

#checkoutSteps .opc-new-users button:hover {
    color: #FFFFFF;
    background: #1961AD
}

#checkout-step-login .hints li:before {
    color: #217CDB
}

.mycart-opc-totals .title {
    color: #217CDB
}

.mycart-opc-totals .price {
    color: #217CDB
}

#checkout-shipping-method-load ul li label:after {
    color: #FFF60A
}

#checkout-shipping-method-load ul li .price {
    color: #224C78
}

#checkout-payment-method-load>dt:after {
    color: #FFF60A
}

#opc-payment .valor-card .value {
    color: #FFF60A
}

.cardGrid .cod a {
    color: #224C78
}

.mp-coupon .bts span {
    background: #217CDB;
    color: #FFFFFF
}

.boletoGrid .boleto-discount,
.boletoGrid .boleto-price {
    color: #FFF60A
}

.banks-accounts dt a.on {
    color: #FFF60A
}

#payment_form_mundipagg_api_boletocartao .boleto-entry .input-box input {
    color: #FFF60A
}

#payment_form_mundipagg_api_boletodoiscartoes .boleto-entry .input-box input {
    color: #FFF60A
}

#payment_form_mundipagg_api_boletodoiscartoes .valor-card input {
    color: #FFF60A
}

#payment_form_mundipagg_api_doiscartoes .valor-card input {
    color: #FFF60A
}

.mercadopago-coupon-action-apply,
.mercadopago-coupon-action-remove {
    background: #217CDB;
    color: #FFFFFF;
}

/*modelo accordion*/
body.osc-accordion .step-title .number,
body.osc-accordion .allow.active .step-title .number {
    color: #FFFFFF;
    background: #224C78;
}

body.osc-accordion .allow .step-title .number {
    background: #FFF60A
}

body.osc-accordion .allow .step-title .number:before {
    color: #000000
}

body.osc-accordion .step-title a {
    background: #217CDB;
    color: #FFFFFF;
}

body.osc-accordion .step-title a:hover {
    background: #1961AD
}

body.osc-accordion h3 {
    color: #217CDB
}

body.osc-accordion .opc-block-progress dt.complete:after {
    color: #FFF60A
}

body.osc-accordion .opc-block-progress .price {
    color: #217CDB
}

body.osc-accordion .opc-block-progress .pay-link {
    background: #217CDB;
    color: #FFFFFF
}

body.osc-accordion .opc-block-progress .pay-link:hover {
    color: #FFFFFF;
    background: #1961AD
}

/*modelo colunas*/
body.osc-onepage .step-title .number,
body.osc-onepage .allow.active .step-title .number {
    color: #FFFFFF;
    background: #224C78;
}

body.osc-onepage .allow .step-title .number {
    background: #FFF60A
}

body.osc-onepage .allow .step-title .number:before {
    color: #000000
}

body.osc-onepage .step-title a {
    background: #217CDB;
    color: #FFFFFF;
}

body.osc-onepage .step-title a:hover {
    background: #1961AD
}

body.osc-onepage h3 {
    color: #217CDB
}

body.osc-onepage #checkout-shipping-method-load ul li label:hover .label {
    color: #FFF60A
}

/*modelo etapas*/
body.osc-steps .step-title .number,
body.osc-steps .allow.active .step-title .number {
    color: #FFFFFF;
    background: #224C78;
}

body.osc-steps .allow .step-title .number {
    background: #FFF60A
}

body.osc-steps .allow .step-title .number:before {
    color: #000000
}

body.osc-steps h3 {
    color: #217CDB
}

body.osc-steps .opc-block-progress dt a {
    border: 1px solid #217CDB;
    color: #217CDB
}

body.osc-steps .opc-block-progress dt a:hover {
    background: #1961AD;
    color: #FFFFFF
}

body.osc-steps .opc-block-progress dt.complete {
    color: #FFF60A
}

body.osc-steps .opc-block-progress dt.complete:before {
    color: #000000;
    background: #FFF60A
}

body.osc-steps .opc-block-progress dt.complete:after {
    background: #FFF60A
}

.-bt-change {
    background: #57ADE1;
    color: #FFFFFF;
}

.-bt-change:hover {
    background: #1A2E3F;
    color: #FFFFFF;
}

/* end of custom content */

/**
*
* CSS Editável
* Tema: Selenium
* Arquivo: editable.css
*
* Use este arquivo para remover ou alterar
* partes do CSS do tema atual que você
* precisa personalizar
*
* Este CSS estiliza apenas o header, footer e o responsivo
* Excluí-lo não afetará o funcionamento do site como desktop
*
*/

/**
*
* Header
*
*/
.header-container {
    box-shadow: inset 0 35px 0 #f8f8f8,
        inset 0 -4px 0 rgba(0, 0, 0, .3),
        inset 0 -5px 0 rgba(255, 255, 255, .15),
        inset 0 -50px 0 #152F4B;
}

.header {
    padding-bottom: 70px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
}

.header .login-create-container {
    margin-right: 20px;
    text-align: right;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    
    -webkit-order: 1;
            order: 1;
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

.header .login-create-container a {
    margin: 0 5px;
    font-weight: 600;
    color: #224C78;
}

.header .login-create-container a:hover {
    color: #152F4B;
}

.header .login-create-container strong {
    color: #222;
    margin: 0 2px 0 5px;
}

.header .login-create {
    height: 35px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
            justify-content: flex-end;
}

.header .login-create .picture {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 100%;
}

.header .login-create .picture img {
    width: 30px;
    min-height: 30px;
    display: block;
}

.header .televendas {
    padding-top: 9px;
    height: 35px;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    
    -webkit-order: 2;
            order: 2;
}

.header .televendas strong {
    font-size: 14px;
    font-weight: 600;
    color: #1961AD;
}

.header .before {
    content: '';
    margin-bottom: 20px;
    
    -webkit-order: 3;
            order: 3;
    
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
}

.header .logo-container {
    max-width: 35%;
    
    -webkit-order: 4;
            order: 4;
    
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
}

.header .logo-container a {
    display: block;
}

.header .logo-container .logo-name {
    position: absolute;
    left: -99999px;
}

.header .logo-container .img-span {
    display: block;
}

.header .search-container {
    margin: 0 20px;
    z-index: 12;
    
    -webkit-order: 5;
            order: 5;
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

.header .mycart-container {
    z-index: 11;
    position: relative;
    
    -webkit-order: 6;
            order: 6;
}

.header .after {
    content: '';
    
    -webkit-order: 7;
            order: 7;
    
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
}

.header .main-menu {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}

/* Header - Carrinho */
.mycart>a {
    position: relative;
    display: block;
    width: 180px;
    height: 50px;
    padding-left: 80px;
    border-radius: 3px;
    color: #FFFFFF;
    background: #152F4B;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
}

.mycart>a .icon {
    position: absolute;
    left: 38px;
    top: 50%;
    margin-top: -14px;
    display: block;
    width: 28px;
    height: 28px;
    fill: #FFFFFF;
}

.mycart>a .txt {
    display: block;
    padding-top: 10px;
    width: 65px;
    line-height: 12px;
    font-size: 13px;
    text-transform: uppercase;
}

.mycart>a .qtd {
    position: absolute;
    top: 5px;
    left: 57px;
    width: 15px;
    height: 15px;
    font-size: 11px;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
    background: #1961AD;
    color: #FFFFFF;
}

.mycart>a:hover {
    color: #FFFFFF;
    background: #224C78;
}

.mycart>a:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3);
}

.mycart-dropdown-container {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px 0 0;
}

.mycart-dropdown {
    position: relative;
    padding: 20px;
    width: 300px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2),
        0 2px 5px rgba(0, 0, 0, .2);
}

.mycart-dropdown:before,
.mycart-dropdown:after {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 90px;
    margin-right: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: '';
}

.mycart-dropdown:after {
    margin-bottom: -1px;
    border-bottom-color: #fff;
}

.mycart-dropdown .tit {
    font-size: 16px;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.mycart-dropdown .std {
    font-size: 14px;
}

.mycart-container:hover .mycart-dropdown-container {
    display: block;
}

.mycart-products {
    margin-bottom: 20px;
}

.mycart-products .item {
    position: relative;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
}

.mycart-products .item:not(:first-child):before {
    line-height: 30px;
    color: #000;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    content: '+';
    
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
}

.mycart-products .product-image {
    max-width: 70px;
    min-width: 70px;
}

.mycart-products .product-details {
    text-align: right;
    font-size: 14px;
    color: #111;
    
    -webkit-flex: 1 1 170px;
            flex: 1 1 170px;
}

.mycart-products .btn-remove {
    position: absolute;
    top: 0;
    right: -30px;
    text-align: center;
    width: 40px;
    height: 40px;
    opacity: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: inset 20px 0 0 #fff,
        inset 0 0 0 1px rgba(0, 0, 0, .2);
    
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}

.mycart-products .item:not(:first-child) .btn-remove {
    top: 30px;
}

.mycart-products .btn-remove:before {
    display: block;
    line-height: 40px;
    color: #f04a38;
    opacity: .5;
    font-size: 20px;
    content: '\f014';
}

.mycart-products .btn-remove:hover:before {
    opacity: 1;
}

.mycart-products .btn-remove span {
    display: none;
}

.mycart-products .item:hover .btn-remove {
    opacity: 1;
    right: -40px;
}

.mycart-products .product-name a {
    display: block;
    color: #111;
    margin-bottom: 5px;
}

.mycart-products .btn-edit {
    display: none;
}

.mycart-products .qtd {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
}

.mycart-products .price {
    font-size: 16px;
    color: #224C78;
}

.mycart-totals .title {
    font-size: 15px;
    color: #222;
    font-weight: 600;
    margin-bottom: 15px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
}

.mycart-totals .title:before {
    border-top: 1px solid #bbb;
    margin-right: 10px;
    content: '';
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

.mycart-totals .regular-price {
    font-size: 17px;
    color: #333;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 1px dotted #cbcbcb;
    margin-bottom: 5px;
}

.mycart-totals .regular-price .label {
    display: none;
}

.mycart-totals .regular-price .price {
    font-weight: 400;
}

.mycart-totals .preco-a-vista {
    text-align: right;
    padding: 5px 0 10px;
    border-bottom: 1px dotted #cbcbcb;
    margin-bottom: 5px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
}

.mycart-totals .preco-a-vista .label {
    margin: 0 10px;
    font-size: 12px;
    color: #999;
}

.mycart-totals .preco-a-vista .discount {
    font-size: 17px;
    font-weight: 600;
    color: #888;
    
    -webkit-order: -1;
            order: -1;
}

.mycart-totals .preco-a-vista .price {
    font-size: 25px;
    font-weight: 600;
    color: #224C78;
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

.mycart-totals .preco-parcelado {
    font-size: 13px;
    color: #111;
    text-align: right;
    margin-bottom: 10px;
}

.mycart-totals .preco-parcelado span {
    color: #224C78;
}

.mycart-totals .preco-parcelado .juros {
    display: block;
    font-size: 12px;
    color: #999;
    padding-top: 3px;
}

.mycart-buttons {
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
}

.mycart-buttons .editar {
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    padding: 0 15px;
    color: #666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #666;
}

.mycart-buttons .editar span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
    line-height: 10px;
}

.mycart-buttons .editar:hover {
    color: #FFF60A;
    border-color: #FFF60A;
}

.mycart-buttons .finalizar {
    margin-left: 10px;
    height: 40px;
    line-height: 36px;
    border-radius: 3px;
    padding: 0 30px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    background: #FFF60A;
    color: #000000;
}

.mycart-buttons .finalizar:hover {
    color: #FFFFFF;
    background: #F1C800;
}

.mycart-buttons .finalizar:active {
    padding-top: 4px;
    box-shadow: inset 0 4px 0 rgba(0, 0, 0, .3);
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

/* Header - Busca */
.search-container .search-input {
    height: 50px;
    padding: 10px 100px 10px 50px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    border-radius: 3px;
    border: 1px solid rgba(21,47,75, .3);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1)
}

.search-container .search-label {
    top: 50%;
    left: 25px;
    height: auto;
    line-height: 1em;
    
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.search-container .search-label .ico {
    display: block;
    width: 16px;
    height: 16px;
    fill: #ccc
}

.search-container .search-button {
    background: none;
    text-shadow: none;
    line-height: 50px;
    height: 50px;
    box-shadow: none;
    border-radius: 3px;
    width: 100px;
    text-transform: uppercase;
    font-size: 16px;
    color: #217CDB;
}

.search-container .search-button .ico {
    display: none;
    fill: rgba(0, 0, 0, .5);
}

.search-container .search-button:hover {
    background: #217CDB;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}

/* Header - Menu */
.main-menu.normal li.level0 {
    margin: 0;
    padding-bottom: 10px;
}

.main-menu.normal a.level0 {
    padding: 0;
    position: relative;
    z-index: 2;
    height: 50px;
    background: none;
}

.main-menu.normal a.level0 .name {
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.main-menu.normal li.all a.level0 .name .ico {
    display: block;
    width: 20px;
    height: 20px;
}

.main-menu.normal li.all a.level1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFFFFF;
}

.main-menu.normal li.all a.level2 {
    font-size: 14px;
    color: rgba(255,255,255, .7);
}

.main-menu.normal li.all a.level3 {
    color: rgba(255,255,255, .6)
}

.main-menu.normal li.all div.level1 {
    background: #224C78;
}

.main-menu.normal li.level0:hover a.level0 {
    background: #224C78;
    color: #FFFFFF;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3),
        inset 0 -5px 0 rgba(255, 255, 255, .15);
}

.main-menu.normal li.level0.parent:hover a.level0:before,
.main-menu.normal li.level0.parent:hover a.level0:after,
.main-menu.normal li.level0.all:hover a.level0:before,
.main-menu.normal li.level0.all:hover a.level0:after {
    display: block;
}

.main-menu.normal li.level0.parent a.level0:before,
.main-menu.normal li.level0.parent a.level0:after,
.main-menu.normal li.level0.all a.level0:before,
.main-menu.normal li.level0.all a.level0:after {
    display: none;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: '';
}

.main-menu.normal li.level0.parent a.level0:after {
    bottom: -11px;
    border-bottom-color: #fff;
}

.main-menu.normal li.level0.all a.level0:after {
    bottom: -11px;
    border-bottom-color: #224C78;
}

.main-menu.normal div.level1 {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2),
        0 2px 5px rgba(0, 0, 0, .2);
}

.main-menu.normal a.level1 {
    font-size: 16px;
    color: #333;
}

.main-menu div.level1.promo .promo-container {
    padding: 10px 10px 10px 20px;
    box-shadow: -1px 0 0 rgba(21,47,75, .3);
}

.main-menu div.level1.promo .promo-container .title {
    font-size: 16px;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.main-menu div.level1.promo.promo-destaque .promo-container {
    width: 210px;
    max-width: 210px;
}

.main-menu .destaques-item .destaque-link {
    display: block;
    margin-bottom: 10px;
}

.main-menu .destaques-item .img {
    display: block;
    margin-bottom: 10px;
}

.main-menu .destaques-item .name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

/**
*
* Finalização - Header
*
*/
.checkout-onepage-index .header-container {
    box-shadow: none;
    background: none;
}

.checkout-onepage-index .header {
    padding: 40px 0;
    border-bottom: 1px solid #224C78;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
}

.checkout-onepage-index .header .before,
.checkout-onepage-index .header .after {
    display: none;
}

.checkout-onepage-index .header .televendas {
    margin: 0;
    position: static;
    
    -webkit-order: 10;
            order: 10;
}

.checkout-onepage-index .header .login-create-container {
    margin: 0 20px;
    text-align: right;
    
    -webkit-order: 5;
            order: 5;
}

.checkout-onepage-index .header .login-create {
    height: auto;
}

.checkout-onepage-index .header .no-pic .login-create:before {
    margin-left: 15px;
    font-size: 60px;
    font-family: serif;
    color: #224C78;
    content: ':)';
    
    -webkit-order: 10;
            order: 10;
}

.checkout-onepage-index .header .login-create .picture {
    margin-left: 15px;
    width: 70px;
    height: 70px;
    box-shadow: 0 0 0 5px #fff,
        0 0 0 6px #224C78;
    
    -webkit-order: 10;
            order: 10;
}

.checkout-onepage-index .header .login-create .picture img {
    width: 70px;
    min-height: 70px;
}

.checkout-onepage-index .header .login-create .name {
    font-size: 18px;
    margin-bottom: 3px;
    color: #224C78;
}

.checkout-onepage-index .header .login-create .name strong {
    color: #224C78;
}

.checkout-onepage-index .header .login-create b {
    display: block;
}

/**
*
* Footer
*
*/
.footer-container {
    background: #f5f5f5;
    padding-bottom: 40px;
}

.footer-texto {
    padding: 40px 70px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(21,47,75, .3);
    text-align: center;
    font-size: 14px;
    color: #999;
}

.footer-4cols {
    padding-bottom: 30px;
    margin: -10px -10px 10px;
    border-bottom: 1px solid rgba(21,47,75, .3);
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.footer-4cols .col {
    margin: 20px;
    
    -webkit-flex: 1 1 25%;
            flex: 1 1 25%;
}

.footer-2cols {
    padding-bottom: 30px;
    margin: -10px -10px 10px;
    border-bottom: 1px solid rgba(21,47,75, .3);
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.footer-2cols.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.footer-2cols .col {
    margin: 20px;
    
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
}

.footer .ftitle {
    line-height: 1em;
    margin-bottom: 15px;
    font-size: 13px;
    color: #222;
    text-transform: uppercase;
}

.footer .ftitle strong {
    display: block;
    font-size: 17px;
}

.footer .tele {
    font-size: 18px;
    color: #224C78;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer .horario {
    font-size: 13px;
    color: #666;
    line-height: 1.3em;
}

.footer .horario .email {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 600;
    color: #224C78;
    padding-top: 5px;
}

.footer .mb-menu {
    font-size: 14px;
}

.footer .mb-menu li {
    margin-bottom: 5px;
}

.footer .mb-menu li:last-child {
    margin-bottom: 0;
}

.footer .mb-menu a {
    color: #666;
}

.footer .mb-menu a:hover {
    color: #152F4B;
}

.footer .mb-menu ul {
    display: none;
}

.redes-sociais-container {
    margin-bottom: 20px;
}

.redes-sociais-container .name {
    display: none;
}

.selos .title {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    line-height: 15px;
    font-size: 10px;
    padding: 0 10px;
    white-space: nowrap;
    border-radius: 20px;
    color: #FFFFFF;
    background: #224C78;
    
    -webkit-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
    
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
}

.selos .title:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    display: block;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #224C78;
    content: '';
}

.selos li:hover .title {
    opacity: 1;
    visibility: visible;
    
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
}

.selos .list {
    margin: -10px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
}

.selos .list li {
    position: relative;
    padding: 10px;
}

.pagtos-container ul.list li {
    position: relative;
}

.pagtos-container ul.list li .icon {
    margin: 0;
}

.pagtos-container ul.list li .icon svg {
    display: block;
    height: 30px;
}

.pagtos-container ul.list li .name {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    left: 50%;
    line-height: 15px;
    font-size: 10px;
    padding: 0 10px;
    white-space: nowrap;
    border-radius: 20px;
    color: #FFFFFF;
    background: #224C78;
    
    -webkit-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
    
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
}

.pagtos-container ul.list li .name:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    display: block;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #224C78;
    content: '';
}

.pagtos-container ul.list li:hover .name {
    opacity: 1;
    visibility: visible;
    
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
}

.envios-container ul.list li {
    margin-bottom: 0;
    position: relative;
}

.envios-container ul.list li .icon {
    margin: 0;
}

.envios-container ul.list li .icon svg {
    display: block;
    height: 30px;
}

.envios-container ul.list li .name {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 120%;
    left: 50%;
    line-height: 15px;
    font-size: 10px;
    padding: 0 10px;
    white-space: nowrap;
    border-radius: 20px;
    color: #FFFFFF;
    background: #224C78;
    
    -webkit-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
    
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
}

.envios-container ul.list li .name:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    display: block;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #224C78;
    content: '';
}

.envios-container ul.list li:hover .name {
    opacity: 1;
    visibility: visible;
    
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
}

.footer-copy {
    font-size: 12px;
    color: #777;
}

.footer-copy p {
    margin-bottom: 5px;
}

.footer-copy p:last-child {
    margin-bottom: 0;
}

/**
*
* Floater - Form Newsletter
*
*/
#floater-block .std {
    overflow: visible;
}

#floater-block .bg-fill .std {
    padding: 0;
}

.floater.style-form .newsletter {
    padding: 0 20px 20px;
    line-height: 1em;
    font-size: 15px;
    color: #666;
    text-align: center;
}

.floater.style-form .newsletter form {
    margin: 5px -5px -5px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.floater.style-form .newsletter label {
    display: none;
}

.floater.style-form .newsletter form>div {
    padding: 5px;
}

.floater.style-form .newsletter .input-box {
    width: auto;
}

.floater.style-form .newsletter .name,
.floater.style-form .newsletter .gender {
    
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
}

.floater.style-form .newsletter .email {
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

.floater.style-form .newsletter .submit {
    
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
}

.floater.style-form .newsletter .gender {
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    
    -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
            justify-content: flex-end;
}

.floater.style-form .newsletter .gender label {
    display: block;
    margin-left: 10px;
}

.floater.style-form .newsletter .button {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    line-height: 36px;
}

/*
* .home-grid fix
*/
.home-grid {
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
}

.home-side-menu {
    
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    position: relative;
    width: auto;
}

.home-side-menu:before {
    bottom: 0
}

.home-side-menu .widget {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.home-grid .home-banners {
    
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 80%;
    padding-left: 10px;
}

.home-grid .home-banners.full {
    max-width: 100%
}

.home-grid .main-banner {
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    min-height: 100px;
}

.home-grid .banner-regua {
    margin: 0;
    border: 0;
    box-shadow: none;
}

.home-grid .banner-regua .widget {
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}

/**
*
* Responsivo
* < 992px
*
*/
@media (max-width:992px) {

    /**
   *
   * Icomoon
   *
   */
    .header .main-menu nav:before,
    .block-account a:before,
    .block-account .block-title:before {
        
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    }

    /**
   *
   * Estrutura
   *
   */
    .header,
    .main,
    .footer,
    #news-footer .newsletter,
    .breadcrumbs-container {
        min-width: 0;
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .col-left {
        width: calc(25% - 10px);
    }

    .col2-left-layout .col-main {
        width: calc(75% - 10px);
    }

    /**
   *
   * Header
   *
   */
    .header-container {
        border-bottom: 1px solid #152F4B;
        padding-bottom: 20px;
        box-shadow: inset 0 49px 0 #152F4B,
            inset 0 50px 0 rgba(0, 0, 0, .3),
            inset 0 50px 0 #152F4B;
    }

    .header {
        padding: 0;
    }

    .header .login-create-container {
        margin-left: 80px;
        color: rgba(255,255,255, .8);
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    .header .login-create-container strong,
    .header .login-create-container a,
    .header .login-create-container a:hover {
        color: #FFFFFF;
    }

    .header .login-create {
        height: 50px;
    }

    .header .televendas {
        height: 50px;
        line-height: 50px;
        padding: 0;
        color: rgba(255,255,255, .8);
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    .header .televendas strong {
        color: #FFFFFF;
    }

    .header .main-menu {
        position: absolute;
        top: 0;
        left: -20px;
        right: auto;
        bottom: auto;
        z-index: 90;
    }

    .header .main-menu nav {
        width: 50px;
        height: 50px;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    }

    .header .main-menu nav:before {
        content: '\f0c9';
        margin: auto;
        font-size: 25px;
        color: #FFFFFF;
    }

    .header .main-menu.normal.justified ul.level0 {
        display: none;
    }

    .header .main-menu.open {
        position: absolute;
        left: -20px;
    }

    .header .main-menu.open nav {
        display: block;
        position: absolute;
        top: 0;
        left: 0rem;
        width: 100vw;
        height: auto;
        background: #152F4B;
        padding: 20px;
    }

    .header .main-menu.open nav:before {
        display: block;
        margin-bottom: 20px;
        content: '\f053';
    }

    .header .main-menu.normal.justified.open ul.level0 {
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    /* Header - Menu */
    .main-menu.normal.open li.level0 {
        float: none;
        padding: 0;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .1);
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .main-menu.normal.open li.level0.first {
        border-top: 0;
    }

    .main-menu.normal.open a.level0 {
        height: 50px;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        
    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
    }

    .main-menu.normal.open a.level0 .name {
        line-height: 50px;
        font-size: 22px;
        font-weight: 700;
        padding: 0;
    }

    .main-menu.normal.open li.level0.all {
        margin-top: 20px;
        border-top: 0;
        
    -webkit-order: 99;
            order: 99;
    }

    .main-menu.normal.open li.level0.all:before {
        display: inline-block;
        padding: 15px 20px 10px;
        margin-bottom: -3px;
        border-radius: 3px 3px 0 0;
        background: #217CDB;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #FFFFFF;
        content: 'Todos os Departamentos';
    }

    .main-menu.normal.open li.level0.all a.level0 {
        display: none;
    }

    .main-menu.normal.justified.open li.level0.all div.level1 {
        left: 0;
        display: block;
        padding: 20px;
        position: static;
        background: #217CDB;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    }

    .main-menu.normal.justified.open li.level1 {
        border-top: 0;
    }

    .main-menu li.level0.all ul.level1 {
        margin: -20px;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
    }

    .main-menu li.level0.all li.level1 {
        padding: 20px;
        margin: 0;
        width: auto;
        
    -webkit-flex: 1 1 33.333%;
            flex: 1 1 33.333%;
    }

    .main-menu.normal li.all a.level1 {
        padding: 0;
        line-height: 40px;
    }

    .main-menu.normal ul.level2 {
        padding: 0;
        margin: 0;
        background: rgba(0, 0, 0, .1);
    }

    .main-menu.normal li.level2 {
        border-top: 1px solid rgba(255, 255, 255, .3);
    }

    .main-menu.normal a.level2 {
        padding: 10px;
        color: #FFFFFF;
    }

    .main-menu.normal li.all a.level2 {
        padding: 0;
        line-height: 40px;
    }

    .main-menu.normal li.level0:hover a.level0 {
        background: none;
        box-shadow: none;
        color: #FFFFFF;
    }

    .main-menu.normal li.level0 div.level1 {
        margin: 0 0 20px !important;
        left: auto;
        top: auto;
        position: relative;
        background: rgba(0, 0, 0, .1);
        box-shadow: none;
        padding: 0;
    }

    .main-menu div.level1.promo.promo-destaque .promo-container {
        display: none;
    }

    .main-menu.normal ul.level1 {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .main-menu.normal li.level1 {
        border-top: 1px solid rgba(255, 255, 255, .3);
    }

    .main-menu.normal li.level1:first-child {
        border-top: 0;
    }

    .main-menu.normal a.level1 {
        font-size: 18px;
        padding: 12px;
        color: #FFFFFF;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    /* Header - Carrinho */
    .header .mycart-container {
        box-shadow: 1px 0 0 rgba(0, 0, 0, .1),
            -1px 0 0 rgba(0, 0, 0, .1);
        position: absolute;
        top: 0;
        left: 30px;
    }

    .mycart>a {
        background: none;
        box-shadow: none;
        height: 50px;
        width: 50px;
        padding: 0;
    }

    .mycart>a .icon {
        left: 50%;
        margin-left: -14px;
    }

    .mycart>a .qtd {
        left: 30px;
    }

    .mycart>a .txt {
        display: none;
    }

    .mycart-dropdown-container {
        display: none !important;
    }

    .header .search-container {
        margin-right: 0;
    }

    /**
   *
   * Home
   *
   */
    .home-grid .home-side-menu {
        display: none
    }

    .home-grid .main-banner {
        margin: 0 0 20px
    }

    .home-grid .banner-regua {
        margin: 0
    }

    .home-grid .home-banners {
        max-width: 100%
    }

    /**
   *
   * Lateral - Filtros
   *
   */
    .block-layered-nav .configurable-swatch-list li {
        
    -webkit-flex: 0 1 33.333%;
            flex: 0 1 33.333%;
    }

    /**
   *
   * Produtos - Listagem
   *
   */
    .product-collection-container.carroussel>main {
        margin: 0 40px;
    }

    .product-image-container {
        margin-bottom: 20px;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
    -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
            justify-content: flex-end;
    }

    .col1-layout .product-collection li.item {
        width: calc(33.333% - 13.333px);
    }

    .col1-layout .product-collection li.item:nth-child(5n+1) {
        clear: none;
        margin-left: 20px;
    }

    .col1-layout .product-collection li.item:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .col2-left-layout .product-collection li.item,
    .col2-right-layout .product-collection li.item {
        width: calc(33.333% - 13.333px);
    }

    .col2-left-layout .product-collection li.item:nth-child(4n+1),
    .col2-right-layout .product-collection li.item:nth-child(4n+1) {
        clear: none;
        margin-left: 20px;
    }

    .col2-left-layout .product-collection li.item:nth-child(3n+1),
    .col2-right-layout .product-collection li.item:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .product-collection .owl-item li.item,
    .col1-layout .product-collection .owl-item li.item,
    .col2-left-layout .product-collection .owl-item li.item,
    .col2-right-layout .product-collection .owl-item li.item,
    .col3-layout .product-collection .owl-item li.item {
        width: auto;
        margin: 0 10px;
    }

    /**
   *
   * Produto - Detalhe
   *
   */
    .product-essential .product-shop .col1 {
        margin: 0;
    }

    .product-essential .product-shop .col2 {
        width: auto;
        float: none;
        text-align: left;
    }

    .product-essential .product-rate {
        display: block;
    }

    .product-essential .product-rate .to-rate {
        margin: 3px 0 0;
    }

    .product-essential .price-box-avista {
        
    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
    }

    .product-essential .tele-troca {
        text-align: center;
    }

    .product-essential .parcelamento {
        padding-top: 20px;
        border-top: 1px solid #ccc;
    }

    .price-as-configured,
    .product-options-bottom .price-box {
        display: none;
    }

    /**
   *
   * Produto - Conteúdo Adicional
   *
   */
    .box-reviews .form-add {
        max-width: 35%;
    }

    .no-reviews {
        display: block;
    }

    .no-reviews .be-first {
        margin: 5px 0 0;
    }

    /**
   *
   * Carrinho
   *
   */
    .cart-table header .th.cart-total-head,
    .cart-table .cart-product-line>div.product-cart-total {
        display: none;
    }

    .cart-boxes {
        display: block;
        padding: 20px;
    }

    .cart-boxes .shipping,
    .discount-coupon-form {
        padding: 0 0 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .cart-boxes .right {
        padding: 0;
        margin: 0;
    }

    /**
   *
   * Finalização
   *
   */
    .checkout-onepage-index .header-container {
        padding: 0;
        border: 0;
    }

    .checkout-onepage-index .header .televendas {
        color: #666;
        text-shadow: none;
    }

    .checkout-onepage-index .header .televendas strong {
        color: #333;
    }

    .checkout-onepage-index .header .login-create-container {
        color: #666;
        text-shadow: none;
    }

    .checkout-onepage-index .biz-modal-frame .modal-container .std {
        text-align: center;
    }

    #checkout-step-login {
        margin-left: -10px;
        margin-right: -10px;
    }

    #checkoutSteps .section .buttons-set button {
        min-width: 90px;
        padding: 0 10px;
        text-align: center;
    }

    .opc-new-users,
    .opc-registered-users,
    .socialconnect-checkout {
        padding: 0 10px;
    }

    .socialconnect-checkout>div {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    /* Finalização - Modelo Accordion */
    body.osc-accordion .col-right {
        display: none;
    }

    body.osc-accordion .col2-right-layout .col-main {
        width: 100%;
        margin: 0;
    }

    /* Finalização - Etapas */
    body.osc-steps .col-main #checkout-progress-wrapper {
        margin: 0 0 30px;
    }

    body.osc-steps #checkoutSteps {
        margin: 0;
    }

    body.osc-steps #checkoutSteps .section {
        padding: 20px;
    }

    body.osc-steps .opc-block-progress dt {
        font-size: 12px;
    }

    /* Finalização - Colunas */
    body.osc-onepage #checkoutSteps>div {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    /**
   *
   * Sucesso
   *
   */
    .success-content aside {
        
    -webkit-flex: 0 1 25%;
            flex: 0 1 25%;
    }

    .success-content .ico {
        margin: 20px 0 0;
        max-width: 120px;
        max-height: 120px;
    }

    /**
   *
   * Login / Cadastro
   *
   */
    .socialconnect-login .box>div {
        width: auto;
        margin: 0 0 10px;
        float: none;
    }

    .account-login {
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    body.iphone.mobile .account-login,
    body.ipad.mobile .account-login {
        display: block;
        display: box;
    }

    .account-login>div {
        min-width: 220px;
    }

    .account-login .registered-users .button,
    .account-login .new-users .button {
        display: block;
        text-align: center;
        padding: 0 10px;
        width: 100%;
    }

    /**
   *
   * Painel do Cliente
   *
   */
    .customer-account .main {
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    }

    .customer-account .col-left {
        min-width: 50px;
        max-width: 50px;
        width: auto;
    }

    .customer-account .col-main {
        width: auto;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    }

    .my-orders .item-order {
        
    -webkit-flex: 0 1 50%;
            flex: 0 1 50%;
    }

    .my-orders .last-order {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .block-account {
        width: 50px;
        padding: 0;
        border-color: rgba(0, 0, 0, .2);
        background: #fff;
    }

    .block-account .block-title {
        background: #f5f5f5;
        margin-bottom: 0;
        height: 50px;
        width: 100%;
        padding-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .block-account .block-title:before {
        height: 50px;
        width: 50px;
        text-align: center;
        font-size: 20px;
        line-height: 50px;
        display: block;
        content: '\f0c9';
    }

    .block-account .block-title strong {
        display: none;
    }

    .block-account ul li {
        margin-bottom: 5px;
    }

    .block-account ul li.last {
        padding-top: 0;
        border-color: rgba(0, 0, 0, .1);
    }

    .block-account a {
        height: 40px;
        padding: 0 10px;
        font-size: 0;
        text-indent: -99999px;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
        
    -webkit-justify-content: center;
              -ms-flex-pack: center;
            justify-content: center;
        
    -webkit-transition: none;
            transition: none;
    }

    .block-account a:before {
        min-height: 20px;
        min-width: 20px;
        font-size: 20px;
        line-height: 20px;
        opacity: .6;
        text-indent: 0;
        text-align: center;
        display: block;
        content: '\f022';
    }

    .block-account a[href*='/edit']:before {
        content: '\f007';
    }

    .block-account a[href*='/address']:before {
        content: '\f041';
    }

    .block-account a[href*='/history']:before {
        content: '\f07a';
    }

    .block-account a[href*='/review']:before {
        content: '\f006';
    }

    .block-account a[href*='/wishlist']:before {
        content: '\f08a';
    }

    .block-account a[href*='/newsletter']:before {
        content: '\f003';
    }

    .block-account a[href*='/downloadable']:before {
        content: '\f019';
    }

    .block-account a[href*='/google']:before {
        content: '\f0d5';
    }

    .block-account a[href*='/facebook']:before {
        content: '\f09a';
    }

    .block-account a[href*='/linkedin']:before {
        content: '\f08c';
    }

    .block-account a[href*='/twitter']:before {
        content: '\f099';
    }

    .block-account a[href*='/logout']:before {
        content: '\f08b';
    }

    .block-account .current a:before {
        color: #F1C800;
        opacity: 1;
    }

    .block-account.on {
        width: 250px;
        border-color: rgba(0, 0, 0, .4);
    }

    .block-account.on .block-title:before {
        content: '\f00d';
        opacity: .5;
    }

    .block-account.on a {
        font-size: inherit;
        text-indent: 0;
        
    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
    }

    .block-account.on a:before {
        margin-right: 10px;
        opacity: 1;
    }

    .box-account .box-title a {
        min-width: 60px;
        text-align: center;
        line-height: 1em;
        padding: 3px 10px;
    }

    .addresses-additional a {
        white-space: normal;
        padding: 3px 10px;
        text-align: center;
        line-height: 1em;
    }

    .my-wishlist .buttons-set {
        display: block;
    }

    .my-wishlist .buttons-set button {
        display: block;
        margin: 0 0 10px;
        width: 100%;
        line-height: 1em;
        padding: 10px 20px;
        height: auto;
    }

    .sales-order-view .title-buttons .order-status,
    .sales-order-shipment .title-buttons .order-status,
    .sales-order-invoice .title-buttons .order-status {
        margin: 5px 0 10px;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    #my-orders-table thead th,
    #my-orders-table tbody td {
        padding: 15px;
    }

    #my-orders-table thead th:nth-child(2),
    #my-orders-table>tbody td:nth-child(2),
    #my-orders-table thead th:last-child,
    #my-orders-table>tbody td:last-child {
        display: none;
    }

    #my-orders-table thead th:nth-child(4),
    #my-orders-table>tbody td:nth-child(4) {
        border-right: 1px solid #eee;
    }

    #my-orders-table tfoot th,
    #my-orders-table tfoot td {
        padding: 20px 10px;
    }

    /**
   *
   * Modal
   *
   */
    .biz-modal-frame .modal-container .modal {
        width: 90%;
        max-width: 90%;
    }

    .modal .video-fix-frame {
        width: 100%;
    }

    .biz-modal-frame .modal-close:before {
        display: none !important;
    }

    /**
   *
   * Footer
   *
   */
    #news-footer .title {
        float: none;
        width: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    #news-footer form {
        margin: 0;
    }

    .footer-texto {
        padding-left: 20px;
        padding-right: 20px;
    }

    /**
   *
   * Floater
   *
   */
    .floater.style-form .newsletter .button {
        padding: 0;
        width: 40px;
        
    -webkit-flex: 0 0 40px;
            flex: 0 0 40px;
    }

    .floater.style-form .newsletter .button:before {
        content: 'ok';
    }

    .floater.style-form .newsletter .button span {
        display: none;
    }

    /**
   *
   * Depoimentos
   *
   */
    .customer-testimonials,
    .testimonials .list {
        
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    }
}

/**
*
* < 768px
*
*/
@media (max-width:768px) {

    /**
   *
   * Estrutura
   *
   */
    .header,
    .main,
    .footer,
    #news-footer .newsletter,
    .breadcrumbs-container {
        margin-left: 10px;
        margin-right: 10px;
    }

    select {
        padding: 0 5px;
        line-height: 30px;
    }

    /**
   *
   * Floater
   *
   */
    #floater-block .floater {
        max-height: none;
        max-width: 90%;
        z-index: 90;
    }

    #floater-block .floater-close {
        margin-bottom: 1rem;
        width: 30px;
        height: 30px;
    }

    /**
   *
   * Header
   *
   */
    .header-container {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .header {
        padding: 60px 0 0;
        
        -webkit-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }

    .header .before,
    .header .after {
        display: none;
    }

    .header .login-create-container {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        color: rgba(255,255,255, .8);
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    .header .mycart-container {
        left: 40px;
    }

    .header .televendas {
        display: none;
    }

    .search-container .search-label {
        display: none;
    }

    .search-container .search-input {
        padding: 10px 60px 10px 10px;
    }

    .search-container .search-button {
        font-size: 0;
        text-indent: -9999px;
        width: 50px;
        padding: 0;
    }

    .search-container .search-button span {
        display: block;
    }

    .search-container .search-button .ico {
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .header .main-menu,
    .header .main-menu.open {
        left: -10px;
    }

    .header .main-menu.open nav {
        padding: 10px;
    }

    .header .main-menu.open nav:before {
        line-height: 25px;
        margin-bottom: 10px;
    }

    .main-menu li.level0.all li.level1 {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    /**
   *
   * Home
   *
   */
    .home-grid {
        margin-bottom: 20px
    }

    .home-grid .banner-regua {
        display: none
    }

    .brands {
        padding: 20px 0;
        margin: 0 -10px;
    }

    .brands:before {
        left: 0;
    }

    .brands:after {
        right: 0;
    }

    .home-mini-banners .widget {
        margin: -5px
    }

    .home-mini-banners .widget>* {
        padding: 5px
    }

    /**
   *
   * Catálogo
   *
   */
    .category-description,
    .toolbar .view-mode {
        display: none !important;
    }

    .toolbar .sort-by {
        margin: 0;
        display: block;
    }

    .toolbar .sort-by select {
        width: 100%;
    }

    .col2-left-layout .product-collection li.item,
    .col2-right-layout .product-collection li.item {
        width: calc(50% - 10px);
    }

    .col2-left-layout .product-collection li.item:nth-child(3n+1),
    .col2-right-layout .product-collection li.item:nth-child(3n+1) {
        clear: none;
        margin-left: 20px;
    }

    .col2-left-layout .product-collection li.item:nth-child(2n+1),
    .col2-right-layout .product-collection li.item:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    /**
   *
   * Produto - Listagem
   *
   */
    .price-box-avista {
        display: block;
    }

    .price-box-avista .label {
        display: block;
        margin: 0 0 3px;
        max-width: none;
        text-align: inherit;
    }

    /**
   *
   * Produto - Detalhe
   *
   */
    .product-essential .product-img-box {
        width: 60%;
    }

    .product-essential .product-img-box .product-image {
        width: auto;
        height: auto;
        padding: 0 0 1px;
        margin: 0 0 0 50px;
    }

    .product-essential .product-img-box .more-views {
        width: 40px;
    }

    .product-essential .product-video,
    .product-video .video-thumb {
        height: 40px;
        min-height: 40px;
    }

    .product-video .play .ico {
        width: 26px;
        height: 26px;
    }

    .product-essential .product-image-thumbs li {
        width: 40px;
    }

    .product-essential .product-shop {
        margin-left: calc(60% + 20px);
    }

    .box-reviews .rating-excerpt {
        display: none;
    }

    .catalog-product-view .breadcrumbs-container li:nth-last-child(2) .sep,
    .breadcrumbs-container li.product {
        display: none;
    }

    .jointsale-list div.avista-parcelado,
    .jointsale-list div.vantagens {
        
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    }

    /**
   *
   * Carrinho
   *
   */
    .checkout-cart-index .page-title {
        float: none;
        width: auto;
    }

    .wrap-links.top {
        display: none;
    }

    .cart-table header .th.cart-product-head span:after {
        content: 's';
    }

    .cart-table header .th.cart-price-head,
    .cart-table header .th.cart-qty-head {
        display: none;
    }

    .cart-table .cart-product-line {
        margin: 0 0 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #ccc;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .cart-table .cart-product-line:last-child {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .cart-table .cart-product-line>div {
        
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
    }

    .cart-table .cart-product-line>div:first-child {
        padding: 10px;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        
    -webkit-align-items: flex-start;
         -ms-flex-align: start;
            align-items: flex-start;
    }

    .cart-table .btn-remove {
        min-width: 20px;
        max-width: 20px;
        margin-left: 5px;
        text-align: center;
    }

    .cart-boxes .shipping-postcode .input-box,
    .cart-boxes .shipping-postcode input {
        max-width: 150px;
    }

    .cart-boxes .shipping-form .buttons-set {
        min-width: 100px;
        
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    }

    .discount-coupon-form .title {
        line-height: 1em;
    }

    .wrap-links .btn-continue,
    .wrap-links a {
        max-width: 100px;
        text-align: left;
        font-size: 12px;
        line-height: 1em;
    }

    .discount-form.active {
        display: block;
    }

    .discount-form .input-box {
        margin: 5px 0 0;
    }

    /**
   *
   * Finalização
   *
   */
    .checkout-onepage-index .header-container {
        margin-bottom: 20px;
    }

    .checkout-onepage-index .header {
        padding: 10px 0;
        
    -webkit-justify-content: center;
              -ms-flex-pack: center;
            justify-content: center;
    }

    .checkout-onepage-index .header .logo-container {
        margin: 0;
        
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
    }

    .checkout-onepage-index .header .login-create-container,
    .checkout-onepage-index .header .televendas {
        display: none;
    }

    .opc-registered-users {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .opc-new-users,
    .socialconnect-checkout {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    .cardGrid {
        margin: -5px;
    }

    .cardGrid .input-box {
        padding: 5px;
    }

    .cardGrid .exp,
    .cardGrid .cod {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    .cardGrid .pars {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .flag-selection-entry {
        margin-bottom: 10px;
    }

    .flag-selection-entry .input-box {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .card-flags {
        display: none;
    }

    .checkout-review-table>thead th:not(:first-child):not(:nth-child(2)),
    .checkout-review-table>tbody td:not(:first-child):not(:nth-child(2)) {
        display: none;
    }

    /* Finalização - Etapas */
    body.osc-steps .step-title h2 {
        font-size: 18px;
    }

    body.osc-steps .opc-block-progress dt {
        font-size: 10px;
        line-height: 10px;
        display: block;
    }

    body.osc-steps .opc-block-progress dt .changelink {
        display: block;
        margin: 5px;
    }

    body.osc-steps .opc-block-progress dt a {
        margin: 0;
    }

    body.osc-steps .card-entry {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    /**
   *
   * Painel do Cliente
   *
   */
    body:not(.sales-order-history) .my-orders .item-order:not(:first-child),
    .order-details #my-orders-table thead th:nth-child(4),
    .order-details #my-orders-table tbody td:nth-child(4) {
        display: none;
    }

    .col4-set {
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .col4-set>div {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
        margin: 0;
    }

    .form-list .customer-dob {
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    /**
   *
   * Footer
   *
   */
    .footer-texto {
        padding: 20px;
        margin-bottom: 20px;
    }

    .footer-4cols {
        margin: -10px -10px 10px;
        padding: 0 0 10px;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .footer-4cols .col {
        margin: 0;
        padding: 10px;
    }

    .footer-2cols {
        padding: 0 0 10px;
        margin: -10px -10px 10px;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .footer-2cols .col {
        margin: 0;
        padding: 10px;
    }

    .pagtos-container ul.list,
    .envios-container ul.list {
        margin: -5px;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .pagtos-container ul.list li,
    .envios-container ul.list li {
        margin: 0;
        padding: 5px;
    }

    .pagtos-container ul.list li .icon svg,
    .envios-container ul.list li .icon svg {
        height: 20px;
    }

    /* Footer - Newsletter */
    #news-footer form {
        height: auto;
        margin: -5px;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
    }

    #news-footer div.name,
    #news-footer div.email {
        position: static;
        padding: 5px;
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
        
    -webkit-order: 1;
            order: 1;
    }

    #news-footer div.name input,
    #news-footer div.email input {
        width: 100%;
    }

    #news-footer div.gender {
        padding: 5px;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        
    -webkit-order: 2;
            order: 2;
    }

    #news-footer div.submit {
        position: static;
        min-width: 110px;
        padding: 5px;
        
    -webkit-order: 2;
            order: 2;
    }

    /**
   *
   * Blog
   *
   */
    .the-post .thumbnail {
        float: none;
    }

    .the-post main {
        margin: 20px 0 0;
    }

    /**
   *
   * Glossário
   *
   */
    .glossary-navigation ul {
        margin: -5px;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        
    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
    }

    .glossary-navigation ul li {
        min-width: 40px;
        margin: 5px !important;
        
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
    }

    /**
   *
   * Depoimentos
   *
   */
    .customer-testimonials,
    .testimonials .list {
        
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    }

    /*
   *
   * Revendas
   *
   */
    .revendas-map {
        margin-right: 2rem;
        flex: 0 0 200px;
        position: relative;
    }

    #Brasil {
        width: 200px;
        height: 200px;
    }

    .revendas-map:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }

    .or-map {
        display: none
    }

    .cases-revenda li {
        min-width: 200px
    }

    .revendaslist>li {
        flex: 0 1 50%;
        min-width: 200px;
    }

    .case-detail-content .images li {
        list-style: none !important
    }
}

/**
*
* < 500px
*
*/
@media (max-width:568px) {

    /**
   *
   * Icomoon
   *
   */
    .box-reviews .form-add.on .subtitle:before {
        
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    }

    /**
   *
   * Header
   *
   */
    .header .logo-container {
        width: auto;
        max-width: none;
        margin-right: 70px;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    }

    .header .search-container {
        margin: 0;
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
    }

    .header .search-container:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .header .search-container form {
        width: 100vw;
        padding: 0 10px;
        position: absolute;
        top: 0;
        right: -10px;
    }

    .search-container .search-input {
        border: 0;
        box-shadow: none;
    }

    .search-container .search-button .ico {
        fill: #224C78;
        
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
        
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
    }

    .header .search-container.on {
        overflow: visible;
    }

    .header .search-container.on:after {
        display: none;
    }

    .header .search-container.on .search-input {
        border: 1px solid rgba(255, 183, 0, .3);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
    }

    .header .search-container.on .search-button .ico {
        fill: rgba(0, 0, 0, .3);
        
    -webkit-transform: scale(1);
            transform: scale(1);
    }

    .search-container .search-button {
        right: 10px;
    }

    .header .login-create-container {
        margin-right: 0;
        font-size: 0;
        text-indent: -9999px;
    }

    .header .login-create-container a {
        font-size: 13px;
        text-indent: 0;
    }

    .header .login-create-container a:last-child {
        margin-right: 0;
    }

    .header .login-create-container a:last-child:before {
        content: '/';
        margin-right: 10px;
    }

    .header .login-create .picture {
        margin: 0;
    }

    .main-menu li.level0.all li.level1 {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    /**
   *
   * Home
   *
   */
    .home-mini-banners .widget>* {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    /**
   *
   * Produto - Listagem
   *
   */
    .col2-left-layout .product-collection li.item,
    .col2-right-layout .product-collection li.item,
    .col1-layout .product-collection li.item {
        width: 100%;
        margin: 0 0 20px !important;
        padding: 0 0 20px;
        border-bottom: 1px solid #ccc;
    }

    .col2-left-layout .product-collection li.item:last-child,
    .col2-right-layout .product-collection li.item:last-child,
    .col1-layout .product-collection li.item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .col1-layout .product-collection li.item:nth-child(3n+1) {
        clear: none;
    }

    .product-collection .owl-item li.item,
    .col1-layout .product-collection .owl-item li.item,
    .col2-left-layout .product-collection .owl-item li.item,
    .col2-right-layout .product-collection .owl-item li.item,
    .col3-layout .product-collection .owl-item li.item {
        width: auto;
        margin: 0 10px;
    }

    .product-collection article {
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
    -webkit-align-items: flex-start;
         -ms-flex-align: start;
            align-items: flex-start;
        padding: 5px;
    }

    .product-collection header,
    .product-collection .product__header {
        margin: 0;
        min-width: calc(40% - 10px);
        max-width: calc(40% - 10px);
    }

    .product-collection main,
    .product-collection .product__main {
        margin: 0 0 0 20px;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    }

    .product-collection .product-link {
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }

    .product-collection .product-image {
        margin: 0;
        
    -webkit-order: 2;
            order: 2;
    }

    .product-collection .configurable-swatch-list {
        display: none;
    }

    .product-collection .price-box-avista {
        display: block;
    }

    /**
   *
   * Lateral - Filtros
   *
   */
    .block-layered-nav .block-title {
        display: inline-block;
        padding: 0 20px;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 14px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        border-radius: 3px;
        color: #FFFFFF;
        background: #152F4B;
    }

    .block-layered-nav .filters-list {
        display: none;
    }

    .block-layered-nav.on .block-title span {
        display: none;
    }

    .block-layered-nav.on .block-title:before {
        content: 'Ocultar';
    }

    .block-layered-nav.on .filters-list {
        display: block;
    }

    /**
   *
   * Catálogo
   *
   */
    .page-title h1 {
        font-size: 22px;
        white-space: normal;
        line-height: 1em;
    }

    .col-left,
    .col-right {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    .sidebar>* {
        display: none;
    }

    .sidebar>.block-layered-nav {
        display: block;
    }

    .col2-left-layout .col-main,
    .col2-right-layout .col-main {
        float: none;
        width: auto;
        margin: 0;
    }

    .block-layered-nav .configurable-swatch-list li {
        
    -webkit-flex: 0 1 20%;
            flex: 0 1 20%;
    }

    .product-collection article main {
        position: relative;
    }

    .prolabel,
    .prolabel.top-center,
    .prolabel.middle-left,
    .prolabel.middle-right,
    .prolabel.bottom-center,
    .prolabel.middle-center,
    .prolabel.top-left,
    .prolabel.top-right,
    .prolabel.bottom-left,
    .prolabel.bottom-right {
        margin: 0 0 5px;
        position: static;
        
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    }

    /**
   *
   * Produto - Detalhe
   *
   */
    .product-essential .product-img-box {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    .product-essential .product-img-box .product-image {
        margin: 0
    }

    .product-essential .product-shop {
        margin: 0;
    }

    .collateral-tabs dt {
        padding: 0 20px;
    }

    .collateral-tabs dd {
        padding: 10px;
    }

    .box-reviews main {
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .box-reviews .reviews-title {
        font-size: 22px;
        line-height: 1.1em;
    }

    .box-reviews .form-add {
        max-width: none;
        margin: 0 10px 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #ccc;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        
    -webkit-order: -1;
            order: -1;
    }

    .box-reviews .form-add .subtitle {
        margin: 0;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        background: #152F4B;
        color: #FFFFFF;
    }

    .box-reviews .form-add form {
        display: none;
        padding-top: 15px;
    }

    .box-reviews .form-add.on .subtitle {
        background: #f5f5f5;
        color: #888;
    }

    .box-reviews .form-add.on .subtitle:before {
        content: '\f00d';
        margin-right: 7px;
    }

    .box-reviews .form-add.on form {
        display: block;
    }

    .collateral-products .block-title {
        font-size: 22px;
        line-height: 1.1em;
    }

    .product-collection .add-checkbox {
        margin: 0;
        top: auto;
        bottom: 20px;
    }

    .sharing-links {
        margin-bottom: 20px;
    }

    .sharing-links li {
        margin: 0 3px;
        
    -webkit-flex: 0 0 30px;
            flex: 0 0 30px;
    }

    .sharing-links a {
        height: 30px;
        padding: 7px;
    }

    .sharing-links .ico {
        height: 16px;
        width: 16px;
    }

    .sharing-links .email-to-friend a:before {
        line-height: 16px;
    }

    .jointsale-list li.item {
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .jointsale-list div.avista-parcelado,
    .jointsale-list div.vantagens {
        margin: 0;
        padding: 0 10px;
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    .jointsale-list div.products {
        margin: 0 0 30px;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .jointsale-list div.products ul li {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    /**
   *
   * Finalização
   *
   */
    .opc-registered-users,
    .opc-new-users,
    .socialconnect-checkout {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .opc-new-users {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .step form {
        padding: 0;
    }

    #checkout-payment-method-load>dt {
        font-size: 16px;
        line-height: 1em;
    }

    .checkout-onepage-index dl.sp-methods>dd {
        margin-bottom: 0;
    }

    .checkout-onepage-index #checkout-shipping-method-load dl.sp-methods>dd {
        margin-bottom: 20px;
    }

    #checkout-payment-method-load>dd {
        padding: 0 19px;
    }

    .card-entry {
        padding: 15px;
    }

    .bcashGrid {
        display: block;
    }

    .bcashGrid .ico {
        margin-bottom: 10px;
    }

    .cardGrid .num,
    .cardGrid .nome,
    .cardGrid .exp,
    .cardGrid .cod {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .checkout-review-table>thead th:not(:first-child),
    .checkout-review-table>tbody td:not(:first-child) {
        display: none;
    }

    #checkoutSteps .section #checkout-review-submit .buttons-set .f-left {
        display: none;
    }

    #checkoutSteps .section #checkout-review-submit .buttons-set button {
        margin: 0;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    }

    .banks-accounts dt {
        font-size: 14px;
    }

    .banks-accounts table tr {
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }

    .banks-accounts table th,
    .banks-accounts table td {
        width: 100%;
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    }

    .banks-accounts table thead th {
        padding: 5px 20px;
    }

    .banks-accounts table tbody td {
        border-width: 1px;
    }

    .banks-accounts table th:before,
    .banks-accounts table td:before {
        content: '1 -';
        opacity: .5;
    }

    .banks-accounts table th:nth-child(2):before,
    .banks-accounts table td:nth-child(2):before {
        content: '2 -';
    }

    .banks-accounts table th:nth-child(3):before,
    .banks-accounts table td:nth-child(3):before {
        content: '3 -';
    }

    /* Finalização - Modelo Accordion */
    body.osc-accordion #checkoutSteps .section {
        padding: 10px;
    }

    /* Finalização - Modelo Colunas */
    body.osc-onepage #checkoutSteps {
        display: block;
        margin: 0;
    }

    body.osc-onepage #checkoutSteps>div {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    body.osc-onepage #checkoutSteps .section {
        margin-bottom: 20px;
    }

    body.osc-onepage .step-title {
        margin: 0;
    }

    body.osc-onepage .step.a-item {
        padding-top: 15px;
    }

    body.osc-onepage #checkoutSteps .section.allow .step.a-item {
        display: none !important;
    }

    body.osc-onepage #checkoutSteps .section.active .step.a-item {
        display: block !important;
    }

    body.osc-onepage .card-entry {
        margin: 0 -20px;
        padding: 15px;
        width: calc(100vw - 20px);
    }

    /* Finalização - MundiPagg */
    #payment_form_mundipagg_api_doiscartoes .cardGrid {
        display: block;
    }

    #payment_form_mundipagg_api_doiscartoes .valor-card {
        display: block;
    }

    #payment_form_mundipagg_api_doiscartoes .valor-card input {
        margin: 5px 0 0;
    }

    /**
   *
   * Painel do Cliente
   *
   */
    .sidebar>.block-account {
        display: block;
    }

    .customer-account .col-left {
        margin: 0 10px 0 -10px;
    }

    .box-account .col2-set {
        display: block;
    }

    .box-recent .box-head,
    .box-address .box-head {
        display: block;
    }

    .box-recent .box-head:before,
    .box-address .box-head:before {
        display: none;
    }

    .box-recent .box-head a,
    .box-address .box-head a {
        margin: 5px 0 0;
        display: inline-block;
    }

    .title-buttons {
        display: block;
    }

    .col2-set.addresses-list {
        display: block;
    }

    .addresses-primary h3 {
        line-height: 1em;
    }

    .my-orders .item-order {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    .order-date {
        font-size: 12px;
    }

    .order-info-box {
        display: block;
    }

    .sales-order-view .title-buttons a,
    .sales-order-shipment .title-buttons a,
    .sales-order-invoice .title-buttons a {
        white-space: nowrap;
    }

    .socialconnect-account .col2-set {
        display: block;
    }

    .socialconnect-account .col2-set>div {
        padding: 10px 0;
    }

    /**
   *
   * Formulários
   *
   */
    .form-list .fields {
        margin: -5px -5px 5px;
    }

    .form-list .fields>*,
    .form-list .fields>.customer-name>* {
        padding: 5px;
    }

    .form-list .fields.tipopessoa label {
        padding: 0 10px;
    }

    .form-list .fields.tipopessoa label input {
        display: none;
    }

    .form-list .wide label,
    .form-list .field label {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .form-list .customer-dob>div {
        margin-left: 5px;
    }

    .form-list .customer-dob input {
        padding: 5px 0;
        text-align: center;
    }

    /**
   *
   * Sucesso
   *
   */
    .success-content {
        display: block;
        padding-top: 0;
    }

    .success-content aside {
        margin: 0 0 20px;
    }

    .success-content .confirmation,
    .success-content .print {
        display: block;
    }

    /**
   *
   * Footer
   *
   */
    .footer-4cols .col {
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }

    .footer-2cols .col {
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }

    /*
   *
   * Revendas
   *
   */
    .revendas-index-main {
        display: block
    }

    .revendas-map {
        display: none
    }

    .revendaslist {
        display: block
    }

    .arevenda {
        display: block
    }

    .arevenda .right {
        margin: 20px 0 0;
        padding: 20px 0 0;
        box-shadow: none;
        border-top: 1px solid #ccc;
    }

    .arevenda .galeria-nav {
        padding: 20px 10px 10px;
        margin: 0 0 20px;
    }

    .cases-revenda ul {
        margin: 0;
        display: block;
    }

    .cases-revenda li {
        padding: 0;
        margin: 0 0 10px;
    }

    .cases-revenda a {
        display: block;
        padding: 10px;
        min-height: 150px;
    }

    .case-detail-content {
        display: block
    }

    .case-detail-content .dados {
        margin: 20px 0 0
    }
}

/* editable.css */
/* end of editable */

/*
* Utilities
*/
/*
* Libraries
*/
/**
* Mixins - Font-weight
*/
/**
* Mixins - Viewport
*/
/**
* Mixins - Responsive
* @media (max-width screen-sm-min)
* @media (max-width screen-md-min)
* @media (max-width screen-lg-min)
*/
/*
* Global
*/
.container,
.header-container>header.header,
.wide-container .footer-2cols,
.wide-container .footer-1col,
.main-container>.main,
.footer-container .footer,
.breadcrumbs-container .breadcrumbs {
    min-width: 0;
    max-width: 1230px;
    width: auto;
    margin: 0 auto;
}

@media (max-width: 992px) {

    .container,
    .header-container>header.header,
    .wide-container .footer-2cols,
    .wide-container .footer-1col,
    .main-container>.main,
    .footer-container .footer,
    .breadcrumbs-container .breadcrumbs {
        max-width: 95%;
    }
}

.button,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar,
.product-essential .add-to-cart .add-to-cart-buttons button,
.product-collection li.item .add-to-cart,
#news-footer div.submit button,
.wrap-links .btn-continue,
.wrap-links .btn-checkout,
.account-login .registered-users .buttons-set .button,
.account-login .new-users .buttons-set .button {
    border-radius: 5px;
    text-shadow: none;
    font-style: italic;
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
}

.button.sm,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.sm,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.sm,
.product-essential .add-to-cart .add-to-cart-buttons button.sm,
.product-collection li.item .add-to-cart.sm,
#news-footer div.submit button.sm,
.wrap-links .btn-continue.sm,
.wrap-links .btn-checkout.sm,
.account-login .registered-users .buttons-set .button.sm,
.account-login .new-users .buttons-set .button.sm,
.product-collection li.item .add-to-cart,
.wrap-links .btn-checkout,
.account-login .registered-users .buttons-set .button,
.account-login .new-users .buttons-set .button {
    height: 53px;
}

.button.xs,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.xs,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.xs,
.product-essential .add-to-cart .add-to-cart-buttons button.xs,
.product-collection li.item .add-to-cart.xs,
#news-footer div.submit button.xs,
.wrap-links .btn-continue.xs,
.wrap-links .btn-checkout.xs,
.account-login .registered-users .buttons-set .button.xs,
.account-login .new-users .buttons-set .button.xs,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar,
.wrap-links .btn-continue {
    text-transform: none;
    padding: 0 37px;
    height: 49px;
    line-height: 16px;
    border-radius: 4px;
    font-size: 16px;
}

.button.flat,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.flat,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.flat,
.product-essential .add-to-cart .add-to-cart-buttons button.flat,
.product-collection li.item .add-to-cart.flat,
#news-footer div.submit button.flat,
.wrap-links .btn-continue.flat,
.wrap-links .btn-checkout.flat,
.account-login .registered-users .buttons-set .button.flat,
.account-login .new-users .buttons-set .button.flat,
.wrap-links .btn-continue {
    background: #1f77d3;
    color: #fff;
    border-bottom: 3px solid #175ba3;
    box-shadow: none;
}

.button.cta,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.cta,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.cta,
.product-essential .add-to-cart .add-to-cart-buttons button.cta,
.product-collection li.item .add-to-cart.cta,
#news-footer div.submit button.cta,
.wrap-links .btn-continue.cta,
.wrap-links .btn-checkout.cta,
.account-login .registered-users .buttons-set .button.cta,
.account-login .new-users .buttons-set .button.cta,
.product-essential .add-to-cart .add-to-cart-buttons button,
.product-collection li.item .add-to-cart,
.wrap-links .btn-checkout,
.account-login .registered-users .buttons-set .button {
    background-image: linear-gradient(180deg, #FFF60A 0%, #F1C800 100%);
    color: #000000;
    font-size: 18px;
    border-bottom: 3px solid #d1ad00;
}

.button.light,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.light,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.light,
.product-essential .add-to-cart .add-to-cart-buttons button.light,
.product-collection li.item .add-to-cart.light,
#news-footer div.submit button.light,
.wrap-links .btn-continue.light,
.wrap-links .btn-checkout.light,
.account-login .registered-users .buttons-set .button.light,
.account-login .new-users .buttons-set .button.light,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar,
#news-footer div.submit button,
.account-login .new-users .buttons-set .button {
    background: linear-gradient(0deg, #1961AD 0%, #217CDB 100%);
    color: #fff;
    border: 1px solid #2376ce;
    text-shadow: 0px -2px 0px rgba(28, 28, 29, 0.7);
}

.button.dark,
.mycart-container .mycart-dropdown-container .mycart-buttons .editar.dark,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar.dark,
.product-essential .add-to-cart .add-to-cart-buttons button.dark,
.product-collection li.item .add-to-cart.dark,
#news-footer div.submit button.dark,
.wrap-links .btn-continue.dark,
.wrap-links .btn-checkout.dark,
.account-login .registered-users .buttons-set .button.dark,
.account-login .new-users .buttons-set .button.dark,
.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar {
    background: linear-gradient(0deg, #152F4B 0%, #224b77 100%);
    color: #fff;
}

.dropdown {
    position: relative;
}

.dropdown-content,
.mycart-container .mycart-dropdown-container,
.parcelamento ul {
    position: absolute;
    transform: translateY(-2000px);
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(30, 30, 31, 0.08);
    padding: 14px 22px;
    right: 0;
    top: calc(100% + 11px);
    z-index: 40;
}

.dropdown-content:before,
.mycart-container .mycart-dropdown-container:before,
.parcelamento ul:before {
    content: '';
    width: 100%;
    height: 13px;
    position: absolute;
    top: -13px;
    right: 0;
}

.dropdown-content.active,
.mycart-container .mycart-dropdown-container.active,
.parcelamento ul.active,
.mycart-container:hover .mycart-dropdown-container,
.atendimento:hover .dropdown-content,
.parcelamento:hover ul {
    transform: translateY(0);
}

/*
* Base
* Estilo base do elementos do Html
*/
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #666;
}

/*
* Components
* Componentes que se adaptam ao contexto
*/
/*
* Component - Messages
*/
.messages>li {
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.messages .success-msg {
    border: 1px solid #2baf60;
    background: #c8efc0;
    color: #1d904b;
}

.messages .error-msg {
    border: 1px solid #d92100;
    background: #ffdcdc;
    color: #d92100;
}

.messages .notice-msg {
    border: 1px solid #f7be07;
    background: #f9f0d5;
    color: #f7be07;
}

/*
* Module - Login
*/
.login-create-container .login-create {
    font-size: 11px;
    display: block;
    text-align: left;
    line-height: 15px;
    padding: 5px 0;
}

.login-create-container .login-create a {
    color: #1961AD;
    font-weight: 900;
    margin: 0;
    letter-spacing: -0.5px;
}

.login-create-container .login-create .welcome {
    display: block;
    line-height: 12px;
}

.login-create-container .login-create .links {
    display: block;
    width: 100%;
    line-height: 11px;
}

/*
* Module - Televendas
*/
.televendas {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.header .televendas {
    padding-top: 0;
}

.televendas .icon {
    width: 35px;
    height: 32px;
    margin-right: 9px;
}

.televendas .text strong {
    color: #666;
    font-size: 11px;
    display: block;
    line-height: 8px;
}

.televendas .text .send-email {
    font-size: 14px;
    color: #1961AD;
    text-transform: lowercase;
    line-height: 13px;
    font-weight: 900;
}

/*
* Module - Component
*/
.mycart-container .mycart>a {
    padding: 0;
    width: auto;
    height: auto;
    min-height: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #11263a;
    border-radius: 5px;
    background-image: linear-gradient(0deg, #152F4B 0%, #224b77 100%);
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
    position: static;
    display: flex;
    align-items: center;
    padding: 14px 25px 14px 14px;
}

.mycart-container .mycart>a .icon {
    fill: #fff;
    position: static;
    margin: 0;
    width: 31px;
    height: 30px;
}

.mycart-container .mycart>a .qtd {
    background: #fff;
    color: #163250;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(22, 50, 80, 0.9);
    left: 35px;
    top: 8px;
}

.mycart-container .mycart-dropdown-container .mycart-dropdown {
    min-width: 410px;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .editar {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 13px;
    flex: 1 1 auto;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .editar:before {
    content: '';
    display: block;
    background: url("/media/interface/images/cart-img-icon.png") no-repeat center center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .editar span {
    position: static;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 13px;
    flex: 1 1 auto;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar:before {
    content: '';
    display: block;
    background: url("/media/interface/images/tick-icon.png") no-repeat center center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.mycart-container .mycart-dropdown-container .mycart-buttons .finalizar span {
    position: static;
}

/*
* Module - Mycart dropdown
*/
.mycart-dropdown {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.mycart-dropdown:before {
    display: none;
}

.mycart-dropdown .tit {
    display: none;
}

.mycart-dropdown .product-details {
    text-align: left;
}

.mycart-dropdown .product-details a {
    color: #1961AD;
    font-size: 13px;
    text-align: left;
}

.mycart-dropdown .product-details .qtd {
    display: none;
}

.mycart-dropdown .product-details .price {
    font-size: 14px;
    color: #217CDB;
}

.mycart-dropdown .product-name {
    margin-top: 10px 0 3px 0;
    line-height: 13px;
    font-size: 13px;
}

.mycart-dropdown .product-image {
    margin-right: 11px;
    max-width: 47px;
    min-width: 47px;
}

.mycart-dropdown .item-options {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 400;
}

.mycart-dropdown .item-options dd {
    color: #217CDB;
}

.mycart-dropdown .mycart-totals {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.mycart-dropdown .mycart-totals .title {
    margin: 0;
    color: #1961AD;
    font-style: normal;
    font-size: 12px;
}

.mycart-dropdown .mycart-totals .title:before {
    display: none;
}

.mycart-dropdown .mycart-totals .preco-a-vista {
    display: none;
}

.mycart-dropdown .mycart-totals .preco-parcelado {
    display: none;
}

.mycart-dropdown .mycart-totals .regular-price {
    padding: 0;
    border: 0;
    margin: 0;
}

/*
* Module - Search container
*/
.search-container .search-label svg {
    width: 16px;
    height: 16px;
    fill: #1961AD;
}

.search-container .search-input {
    font-size: 14px;
    color: #888;
    font-style: italic;
    border-radius: 4px;
    height: 60px;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.5);
}

.search-container .search-button {
    background-image: linear-gradient(0deg, #1961AD 0%, #217CDB 100%);
    color: #fff;
    height: 60px;
    font-size: 13px;
    font-style: italic;
    border-radius: 0 5px 5px 0;
    border: 1px solid #2376ce;
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
    text-shadow: 0px -2px 0px rgba(28, 28, 29, 0.7);
}

/*
* Module - Main menu
*/
.main-menu.normal ul.level0 {
    justify-content: flex-end;
}

.main-menu.normal li.level0 {
    padding-bottom: 0;
    flex: 0 0 auto !important;
    padding: 0 35px;
}

.main-menu.normal li.level0.all {
    position: relative !important;
}

.main-menu.normal li.level0.all div.level1 {
    background: #f0f0f0;
}

.main-menu.normal li.level0.all div.level1 a.level1 {
    color: #325f97;
    font-size: 16px;
}

.main-menu.normal li.level0.all div.level1 a.level2 {
    font-size: 12px;
    color: #333;
}

.main-menu.normal li.level0:hover a.level0 {
    background: none;
    box-shadow: none;
}

.main-menu.normal li.level0:hover a.level0:before,
.main-menu.normal li.level0:hover a.level0:after {
    bottom: 0;
    border-bottom-color: #f0f0f0;
}

.main-menu.normal a.level0 {
    height: 33px;
}

.main-menu.normal a.level0 .name {
    font-size: 15px;
    color: #333;
    text-shadow: none;
}

.main-menu.normal a.level1 {
    color: #325f97;
    font-size: 16px;
}

.main-menu.normal a.level2 {
    font-size: 12px;
    color: #333;
}

.main-menu.normal div.level1 {
    box-shadow: none;
    background: #f0f0f0;
    border-bottom: 6px solid #224C78;
}

/*
* Module - Atendimento
*/
.atendimento .dropdown-trigger {
    display: flex;
    align-items: center;
    background: url("/media/interface/images/mini-arrow-down.png") no-repeat bottom 4px right;
    padding-right: 24px;
}

.atendimento .dropdown-trigger svg.icon {
    width: 31px;
    height: 32px;
    fill: #1961AD;
    margin-right: 8px;
}

.atendimento .dropdown-trigger .text {
    text-transform: uppercase;
    color: #1961AD;
}

.atendimento .dropdown-trigger .text strong {
    font-size: 11px;
    display: block;
    line-height: 9px;
    margin-bottom: 2px;
    color: #666;
    line-height: 9px;
}

/*
* Module - Mb menu
*/
.header .mb-menu a {
    font-size: 10px;
    text-transform: uppercase;
    color: #888;
}

.header .mb-menu a:hover {
    color: #1d4167;
}

.header .mb-menu li:not(:last-child) {
    margin-bottom: 10px;
}

.header .mb-menu .orders {
    background: url("/media/interface/files/mini-cart-icon.svg") no-repeat center left;
    padding-left: 25px;
}

.header .mb-menu .chat {
    background: url("/media/interface/files/mini-chat-icon.svg") no-repeat center left;
    padding-left: 25px;
}

.header .mb-menu .email {
    background: url("/media/interface/files/mail-icon.svg") no-repeat center left;
    padding-left: 25px;
}

.footer .mb-menu a {
    color: #fff;
    font-size: 13px;
}

.footer .mb-menu a:hover {
    color: #57ADE1;
}

/*
* Module - Header
*/
header.header {
    padding: 20px 0 12px 0;
    justify-content: flex-start;
}

header.header .logo-container {
    order: 1;
    margin-right: 0;
    margin-bottom: 10px;
    min-width: 100px;
}

header.header .main-menu {
    order: 2;
    align-self: flex-end;
    margin-left: auto;
    flex: 1 1 600px;
    margin-bottom: 30px;
    position: static;
    z-index: 40;
}

header.header .before {
    order: 3;
    height: 1px;
}

header.header .search-container {
    order: 4;
    margin-right: 30px;
}

header.header .login-create-container {
    order: 5;
    max-width: 146px;
    margin-right: 34px;
}

header.header .televendas {
    order: 6;
    margin-right: 40px;
}

header.header .atendimento {
    order: 7;
    margin-right: 50px;
}

header.header .mycart-container {
    order: 8;
}

header.header .after {
    order: 10;
}

/*
* Module - Header container
*/
.header-container {
    box-shadow: none;
    background: url("/media/interface/images/bg-header.png") repeat-x bottom center;
}

/*
* Module - Price box
*/
.price-box .old-price {
    color: #666;
    font-size: 14px;
}

.price-box span.special-price,
.price-box span.regular-price {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
}

.price-box span.special-price .label,
.price-box span.regular-price .label {
    color: #666;
    font-size: 14px;
    line-height: 10px;
    margin-right: 3px;
}

.price-box span.special-price .price,
.price-box span.regular-price .price {
    font-size: 25px;
    line-height: 20px;
}

.product-shop .price-box .old-price {
    font-size: 14px;
    color: #666;
    font-style: italic;
    text-decoration: line-through;
    margin-bottom: 17px;
}

.product-shop .price-box .special-price,
.product-shop .price-box .regular-price {
    color: #000;
    align-items: flex-end;
}

.product-shop .price-box .special-price .label,
.product-shop .price-box .regular-price .label {
    color: #000;
}

.product-shop .price-box .special-price .price,
.product-shop .price-box .regular-price .price {
    font-size: 33px;
}

.product-shop .price-box .special-price .price span,
.product-shop .price-box .regular-price .price span {
    line-height: 25px;
}

/*
* Module - Tier prices
*/
.tier-prices span {
    color: #1f77d3;
}

.tier-prices .benefit {
    color: #1f77d3;
}

/*
* Module - Price box parcelado
*/
.price-box-parcelado .preco-parcelado-sem-juros,
.price-box-parcelado .preco-parcelado {
    color: #666;
    font-size: 14px;
}

/*
* .price-box-parcelado .preco-parcelado {
*    display: none;
* }
*/

.product-shop .price-box-parcelado .preco-parcelado-sem-juros,
.product-shop .price-box-parcelado .preco-parcelado {
    font-size: 16px;
    color: #000;
}

.product-shop .price-box-parcelado .preco-parcelado-sem-juros .num span,
.product-shop .price-box-parcelado .preco-parcelado .num span,
.product-shop .price-box-parcelado .preco-parcelado-sem-juros .value span,
.product-shop .price-box-parcelado .preco-parcelado .value span {
    color: #000;
}

/*
* Module - Configurable options
*/
.configurable-options-dl {
    display: flex;
    flex-flow: row wrap;
}

.configurable-options-dl dt {
    flex: 0 0 50%;
    order: 1;
}

.configurable-options-dl dd {
    flex: 0 0 50%;
    order: 2;
}

.configurable-options-dl:before {
    display: none;
}

.configurable-options-dl .swatch-attr {
    font-size: 14px;
    text-transform: none;
}

/*
* Module - Add to cart btn
*/
.product-essential .add-to-cart {
    border-radius: 6px;
    background: #fff;
    padding: 10px 16px;
}

.product-essential .add-to-cart .add-to-cart-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-essential .add-to-cart .add-to-cart-buttons .qty-wrapper {
    position: static;
    margin-bottom: 0;
}

.product-essential .add-to-cart .add-to-cart-buttons button {
    padding: 0;
}

/*
* Module - Product action
*/
.product-action {
    background: #eee;
    padding: 10px;
    border-radius: 6px;
}

.product-action .configurable-options-dl {
    margin-bottom: 0;
}

.product-action .add-to-cart {
    margin-bottom: 0;
}

/*
* Module - product-essential
*/
.production-time {
    font-size: 10px;
    color: #333;
    line-height: 10px;
}

.production-time strong {
    color: #1f77d3;
    display: block;
    font-size: 10px;
    line-height: 10px;
}

/*
* Module  - Simulador de frete
*/
.simulador-frete {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    padding: 0 10px;
}

.simulador-frete .production-time {
    margin-top: 9px;
}

.simulador-frete>.title {
    text-transform: none;
    font-size: 12px;
    text-align: left;
    justify-content: flex-start;
    flex: 0 0 100%;
}

.simulador-frete>.title .ico {
    display: none;
}

.simulador-frete .content {
    display: block;
    flex: 1 1 auto;
    margin-right: 19px;
    max-width: 173px;
}

.simulador-frete .content label {
    display: none;
}

.simulador-frete .content .nao-sei-cep {
    font-size: 10px;
    color: #a2a2a2;
    font-weight: 400;
    margin-left: 8px;
}

.simulador-frete .content input {
    font-size: 12px;
    color: #a2a2a2;
    font-style: italic;
}

.simulador-frete #shipping-estimate-results {
    padding-top: 0;
    flex: 1 1 auto;
    max-width: 170px;
}

.simulador-frete #shipping-estimate-results .valores-frete {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.simulador-frete #shipping-estimate-results dt {
    text-transform: none;
    margin-bottom: 0;
    font-size: 10px;
}

.simulador-frete #shipping-estimate-results dl {
    font-size: 10px;
    color: #333;
}

.simulador-frete #shipping-estimate-results dd {
    color: #1f77d3;
    font-size: 10px;
}

.simulador-frete #shipping-estimate-results .demo {
    font-size: 10px;
}

/*
* Module - Shipping estimation form
*/
.shipping-estimation-form {
    border-width: 1px;
    border-color: #d7d7d7;
    border-style: solid;
    border-radius: 3px;
    background-color: #fff;
}

.shipping-estimation-form input {
    border: none;
    box-shadow: none;
}

.shipping-estimation-form .actions button {
    border-radius: 0;
    box-shadow: none;
    background: none;
    font-size: 12px;
    color: #1f77d3;
    height: 40px;
    line-height: 100%;
    border-radius: 3px;
}

/*
* Module - Product collection
*/
.product-collection li.item {
    border: 1px solid #fff;
    padding: 20px 14px;
}

.product-collection li.item header.header {
    position: relative;
}

.product-collection li.item .selos {
    left: 25px;
    top: 25px;
}

.product-collection li.item .selos .prolabel {
    position: static;
    margin-bottom: 3px;
}

.product-collection li.item .product-rate {
    margin-bottom: 14px;
}

.product-collection li.item .add-to-cart {
    max-width: 150px;
    margin: 0 auto;
}

.product-collection li.item:hover {
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

/*
* Module - Products container
*/
.product-collection-container>header .title,
.collateral-products>header .title,
.product-collection-container>header .block-title,
.collateral-products>header .block-title {
    background: url("/media/interface/images/bg-home-quisty.png") no-repeat center center;
    min-height: 87px;
    line-height: 87px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.product-collection-container>header strong,
.collateral-products>header strong {
    color: #217CDB;
}

.product-collection-container .block-subtitle,
.collateral-products .block-subtitle,
.product-collection-container .add-checkbox,
.collateral-products .add-checkbox {
    display: none;
}

/*
* Module - Newsletter  container
*/
#news-footer {
    background: none;
    border: 0;
}

#news-footer .newsletter {
    padding: 0;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

#news-footer .newsletter>.message {
    margin-right: 15px;
}

#news-footer .title {
    width: auto;
    display: flex;
    align-items: center;
    text-transform: none;
    font-size: 19px;
    color: #fff;
    line-height: 19px;
    position: static;
    float: none;
}

#news-footer .title strong {
    color: #57ADE1;
}

#news-footer .title img {
    margin-right: 14px;
}

#news-footer div.name,
#news-footer div.email {
    position: static;
    clear: both;
    flex: 1 1 270px;
    margin-right: 27px;
}

#news-footer div.name input,
#news-footer div.email input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: none;
}

#news-footer div.submit {
    position: static;
    clear: both;
}

#news-footer div.submit button {
    height: 100%;
}

#news-footer form {
    margin: 0;
    height: auto;
    line-height: initial;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    flex: 1 1 auto;
}

/*
* Module - Payments footer
*/
.wide-container {
    background: #fff;
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
}

/*
* Module - Footer 1 col
*/
.footer-1col {
    padding: 46px 30px;
}

.footer-1col .col {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}

.footer-1col .ftitle {
    margin: 0;
    color: #57ADE1;
    font-size: 18px;
    flex: 0 0 auto;
    margin-right: 60px !important;
}

.footer-1col .ftitle strong {
    color: #004786;
}

.footer-1col .textblock-footer-selos-seguranca {
    flex: 1 1 auto;
}

/*
* Module - Footer 2 cols
*/
.footer-2cols .col .ftitle {
    font-size: 18px;
    color: #325f97;
}

/*
* Module - Main container
*/
.main-container>.banner-js-container {
    margin-bottom: 20px;
}

/*
* Module - Footer
*/
.footer .ftitle {
    font-size: 18px;
    color: #57ADE1;
    text-transform: none;
}

.footer .email-title {
    font-size: 13px;
    color: #57ADE1;
}

.footer .social {
    display: flex;
    align-items: center;
    color: #57ade1;
    font-size: 13px;
}

.footer .ftitle {
    font-size: 18px;
    margin-right: 15px;
}

.footer .horario {
    margin-bottom: 49px;
}

.footer .horario .textblock-horario-atendimento {
    margin-bottom: 35px;
}

/*
* Module - Text block
*/
.footer .tele {
    color: #57ADE1;
    font-weight: 700;
    font-size: 20px;
}

.textblock-horario-atendimento {
    color: #fff;
    font-size: 13px;
}

/*
* Module - Redes sociais
*/
.redes-sociais-container span.icon svg {
    height: 20px;
}

/*
* Module - Footer container
*/
.footer-container {
    background: #1A2E3F;
    padding-top: 23px;
}

/*
* Module - Breadcrumbs container
*/
.breadcrumbs-container {
    min-width: 0;
    width: auto;
    max-width: 100%;
    background: linear-gradient(0deg, #152F4B 0%, #224b77 100%);
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: #11263a;
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.15);
}

.breadcrumbs-container .breadcrumbs {
    padding: 0 15px;
}

.breadcrumbs-container .bread-link {
    color: #fff;
    text-transform: none;
    line-height: 70px;
}

.breadcrumbs-container strong {
    color: #fff;
    text-transform: none;
    line-height: 70px;
}

.breadcrumbs-container .sep {
    color: #fff;
    line-height: 70px;
    font-size: 0;
}

.breadcrumbs-container .sep:before {
    content: '•';
    font-size: 11px;
}

/*
* Module - Black layred nav
*/
.block-layered-nav .currently .block-subtitle,
.block-layered-nav .filter-name {
    color: #1a395a;
    font-size: 16px;
}

.block-layered-nav .currently .item,
.block-layered-nav .filters-list .item {
    border-radius: 3px;
    background: #f1f3f4;
    box-shadow: none;
    border: none;
    margin-bottom: 35px;
}

.block-layered-nav .the-filters .a-filter {
    font-size: 13px;
    color: #1a395a;
}

.block-layered-nav .block-title {
    font-size: 18px;
    color: #217ad8;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

/*
* Module - Page title
*/
.page-title h1 {
    font-size: 18px;
    color: #217ad8;
}

/*
* Module - Toolbar
*/
.toolbar label {
    color: #333;
    font-size: 12px;
}

.toolbar .sort-by {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.toolbar .sort-by label {
    display: block;
    margin-right: 8px;
}

.toolbar .sort-by select {
    font-weight: 400;
    font-size: 13px;
    color: #333;
    font-weight: 700;
    font-style: italic;
}

.toolbar .view-mode {
    display: block;
    order: 2;
}

.toolbar .view-mode label {
    display: none;
}

.toolbar .view-mode .grid svg,
.toolbar .view-mode .list svg {
    width: 25px;
    height: 25px;
}

.toolbar .sort-by {
    display: flex;
    margin: 0;
    order: 1;
    margin-right: 20px;
}

.toolbar .sorter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*
* Module - Product price wrapper
*/
.product-price-wrapper {
    position: relative;
    text-indent: 10px;
    padding-right: 15px;
    min-width: 89px;
}

.product-price-wrapper .tier-prices {
    background: none;
}

.product-price-wrapper:after {
    content: '';
    display: block;
    height: calc(100% - 20px);
    border-radius: 4px;
    background: linear-gradient(180deg, #FFF60A 0%, #F1C800 100%);
    transform: skewX(-8deg);
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
}

.product-price-wrapper .price-box {
    margin: 0 0 10px 0;
}

/*
* Module - Parcelamento
*/
.parcelamento {
    position: relative;
}

.parcelamento:before {
    content: 'Veja mais opções de pagamento';
    border-radius: 4px;
    background: #1f77d3;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    line-height: 20px;
    display: table;
}

/*
* Module - Product rate
*/
.product-essential .product-rate {
    align-items: center;
}

.product-essential .product-rate .to-rate {
    display: none;
}

.product-essential .product-rate .amount {
    display: none;
}

.product-essential .product-rate .x-out-of-5 {
    display: block;
    color: #dba900;
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
}

/*
* Module - Top prod
*/
.top-prod {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    justify-content: flex-start;
    align-items: center;
}

.top-prod .product-name {
    flex: 0 0 100%;
}

.top-prod .product-rate {
    margin-bottom: 0;
    flex: 1 1 auto;
}

.top-prod .sku {
    margin-right: 10px;
}

/*
* Module - Configurable options dl
*/
.configurable-options-dl .configurable-swatch-list .swatch-label {
    height: 20px;
    width: 20px;
    min-width: 20px;
    line-height: 20px;
    font-size: 10px;
}

.configurable-options-dl .configurable-swatch-list img {
    width: 20px;
    height: 20px;
}

.configurable-options-dl dd {
    border: 0;
    margin-bottom: 0;
}

/*
* Module - Product shop
*/
.product-shop {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.product-shop>* {
    flex: 0 0 100%;
}

.product-shop .product-name {
    font-size: 22px;
    text-transform: uppercase;
    color: #1a395a;
    line-height: 28px;
}

.product-shop .sku {
    font-size: 12px;
    color: #333;
    flex: 0 0 auto;
}

.product-shop .product-rate {
    flex: 0 0 auto;
}

.product-shop .product-price-wrapper {
    flex: 0 0 auto;
}

.product-shop .parcelamento {
    flex: 0 0 auto;
    margin-bottom: 10px;
}

.product-shop .product-action {
    margin-bottom: 25px;
    margin-top: 20px;
}

.product-shop .top-prod {
    margin-bottom: 17px;
}

/*
* Module - Sharing links
*/
.sharing-links .list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.sharing-links .list:before {
    content: 'Compartilhar';
    font-size: 12px;
    color: #333;
    display: block;
}

.sharing-links .list span {
    display: block;
    font-size: 12px;
    color: #fff;
}

.sharing-links a {
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.sharing-links a .ico {
    margin-right: 10px;
    fill: #fff;
}

.sharing-links li {
    display: none;
}

.sharing-links li.fb-share,
.sharing-links li.tt-share,
.sharing-links li.wa-share {
    display: block;
}

/*
* Module - More views
*/
.more-views .product-image-thumbs {
    width: 100%;
    margin: 0 auto;
}

.more-views .product-image-thumbs li {
    width: auto;
}

.more-views .product-image-thumbs .thumb-link {
    text-align: center;
    border: 0;
}

/*
* Module - Product image gallery
*/
.product-essential .product-image-gallery {
    box-shadow: none;
}

.product-essential .product-image-gallery img {
    margin: 0 auto;
}

/*
* Module - Product image container
*/
.product-essential .product-image-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.product-essential .product-image-container .more-views {
    width: auto;
    position: static;
    order: 1;
    float: none;
    margin-right: 30px;
}

.product-essential .product-image-container .product-image-gallery {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.product-essential .product-image-container .product-image {
    order: 2;
    float: none;
}

.product-essential .product-image-container .product-image:after {
    content: 'Passe o mouse para ampliar';
    font-size: 10px;
    color: #283d57;
    border-radius: 6px;
    background: #f1f3f4;
    order: 5;
    margin: 0 auto;
    display: table;
    padding: 0 10px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-top: 20px;
}

/*
* Module - Product img box
*/
.product-img-box .product-image-container {
    flex: 0 0 100%;
}

.product-img-box .sharing-links {
    flex: 0 0 100%;
}

/*
* Module - Product essential
*/
.product-essential>form {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.product-essential>form .product-img-box {
    width: auto;
    flex: 1 1 799px;
    max-width: 799px;
    margin: 0 auto 20px auto;
}

.product-essential>form .product-shop {
    margin: 0;
    flex: 1 1 390px;
    margin-left: 30px;
}

/*
* Module - Collateral tabs
*/
.collateral-tabs dt.tab {
    background: none;
    color: #c7c7c7;
    font-size: 16px;
    padding: 0 30px;
}

.collateral-tabs dt.tab.on {
    transform: none;
    background: none;
    color: #1f77d3;
    font-size: 16px;
}

/*
* Module - Page title
*/
.checkout-cart-index .page-title h1 {
    color: #1a395a;
    text-transform: none;
}

/*
* Module - Cart table
*/
.cart-table {
    clear: both;
}

.cart-table header {
    background: none;
}

.cart-table header .th {
    font-size: 16px;
    color: #333;
    text-transform: none;
}

.cart-table main {
    border-radius: 6px;
    background: #f9fafb;
    border: 0;
    margin-bottom: 30px;
}

.cart-table footer {
    display: none;
}

.cart-table h2.name {
    font-size: 14px;
    font-style: italic;
    color: #1a395a;
}

.cart-table .sku {
    display: none;
}

.cart-table .btn-remove:before {
    font-size: 30px;
    opacity: 1;
}

.cart-table .btn-remove:hover:before {
    opacity: 0.5;
}

.cart-table .cart-product-line {
    border: 0;
}

.cart-table .cart-product-line .price {
    color: #1f77d3;
    font-size: 16px;
}

/*
* Module - Cart-boxes
*/
.cart-boxes {
    background: none;
    justify-content: space-between;
}

.cart-boxes .shipping {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0;
    margin-right: 30px;
}

.cart-boxes .shipping .title {
    font-size: 12px;
    text-transform: none;
    line-height: 12px;
    margin: 0;
}

.cart-boxes .shipping .title .ico {
    display: none;
}

.cart-boxes .shipping .button2 {
    color: #1f77d3;
    font-size: 12px;
    font-style: italic;
    text-shadow: none;
    text-transform: none;
    background: none;
    box-shadow: none;
    padding: 0 10px;
}

.cart-boxes .shipping input {
    box-shadow: none;
    border: 0;
}

.cart-boxes .shipping .buttons-set {
    margin: 0;
    flex: 0 0 auto;
    display: block;
}

.cart-boxes .shipping .shipping-form {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    justify-content: space-between;
}

.cart-boxes .right {
    max-width: 486px;
}

.cart-boxes .discount-coupon-form .title {
    font-size: 12px;
    text-transform: none;
    line-height: 12px;
    margin-right: 10px;
}

.cart-boxes .discount-coupon-form .input-box {
    margin: 0;
}

.cart-boxes .discount-coupon-form label {
    display: none;
}

.cart-boxes .discount-coupon-form .ico {
    display: none;
}

.cart-boxes .right {
    padding: 0;
}

/*
* Module - Cart totals
*/
.cart-totals table tfoot {
    border: 0;
}

.cart-totals table tfoot td {
    border: 0;
    color: #325f97;
    padding: 10px !important;
}

.cart-totals table tbody {
    border: 0;
}

.cart-totals table tbody td {
    color: #333;
    border: 0;
    padding: 10px !important;
}

/*
* Module - Discount cupon form
*/
.discount-coupon-form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.discount-coupon-form .discount-form {
    margin: 0;
    display: block;
    flex: 1 1 auto;
}

.discount-coupon-form .discount-form input {
    box-shadow: none;
    border: none;
    color: #a2a2a2;
    font-size: 12px;
}

.discount-coupon-form .discount-form .apply {
    color: #1f77d3;
    text-transform: none;
    font-size: 12px;
    box-shadow: none;
    background: none;
    padding: 0 12px;
}

.discount-coupon-form .discount-form .input-box {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}

/*
* Module - Wrap links
*/
.wrap-links {
    flex-flow: row wrap;
}

.wrap-links .wrapper-cart-go {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    background: #f7f8f9;
    border-radius: 6px;
    padding: 20px;
    flex: 1 1 auto;
}

.wrap-links .frete-gratis {
    background: #e03636;
    color: #fff;
    font-size: 13px;
    line-height: 46px;
    padding: 0 20px;
    border-radius: 4px;
    margin: 0 20px;
}

.wrap-links .cart-totals {
    margin-right: 40px;
    flex: 1 1 auto;
}

/*
* module - Account login
*/
.account-login {
    justify-content: space-between;
    padding: 0 60px;
    flex-flow: row wrap;
}

.account-login .registered-users {
    background: linear-gradient(0deg, #1961AD 0%, #217CDB 100%);
    border-radius: 6px;
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
    padding: 27px;
    position: relative;
    max-width: 460px;
}

.account-login .registered-users h2 {
    color: #1f77d3;
    position: absolute;
    top: -35px;
}

.account-login .registered-users .box {
    padding: 0;
}

.account-login .registered-users form {
    border: 0;
}

.account-login .registered-users .form-instructions {
    display: none;
}

.account-login .registered-users label {
    color: #fff;
    font-size: 13px;
}

.account-login .registered-users a {
    color: #fff;
    font-size: 13px;
}

.account-login .registered-users .buttons-set {
    position: absolute;
    bottom: -23px;
}

.account-login .registered-users .buttons-set .button {
    text-transform: none;
}

.account-login .new-users {
    background: linear-gradient(0deg, #152F4B 0%, #224b77 100%);
    border-radius: 6px;
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
    padding: 27px;
    position: relative;
    max-width: 652px;
}

@media (max-width: 768px) {

    .account-login .new-users,
    .account-login .registered-users {
        margin-bottom: 100px;
    }
}

.account-login .new-users .box {
    padding: 0;
    border: 0;
    color: #fff;
    font-size: 17px;
}

.account-login .new-users h2 {
    color: #333;
    top: -35px;
    position: absolute;
}

.account-login .new-users .buttons-set {
    max-width: 165px;
    position: absolute;
    bottom: -23px;
}

.account-login .new-users .buttons-set .button {
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
* State
* Estado global do Layout
*/
/*
* Theme
* Customização do modulos ou layout, hacks !importants e etc

.banner-js
  display: flex
  justify-content: space-between
  .item
    margin 0 auto

*/
.cms-home .wrapper>.header-container {
    margin-bottom: 0;
}

.customer-account-login .page-title {
    display: none;
}

.customer-account-login .account-login {
    margin-top: 50px;
}

@media (max-width: 1200px) {
    header.header .login-create-container {
        margin: 0 10px;
    }

    header.header .search-container {
        margin: 0 10px;
    }

    header.header .televendas {
        margin: 0 10px;
        display: none;
    }

    header.header .atendimento {
        margin: 0 10px;
    }

    .cart-boxes .shipping .title,
    .cart-boxes .discount-coupon-form .title {
        display: block;
        flex: 0 0 100%;
    }
}

@media (max-width: 992px) {

    .cart-boxes .shipping,
    .discount-coupon-form {
        margin: 0 0 20px 0;
        border: 0;
    }

    header.header {
        align-items: center;
        justify-content: space-between;
    }

    header.header .login-create-container {
        order: 2;
        text-shadow: none;
        color: #666;
    }

    header.header .login-create-container .login-create {
        height: auto;
    }

    header.header .televendas {
        line-height: initial;
        order: 3;
    }

    header.header .atendimento {
        order: 2;
    }

    header.header .before {
        order: 4;
    }

    header.header .search-container {
        order: 5;
    }

    header.header .mycart-container {
        position: relative;
        left: auto;
        order: 5;
    }

    header.header .main-menu {
        order: 6;
        margin-bottom: 0;
        margin-left: 10px;
        flex: 0 0 auto;
    }

    header.header .main-menu nav {
        height: auto;
        width: auto;
    }

    header.header .main-menu nav:before {
        height: 60px;
        min-width: 50px;
        line-height: 60px;
        display: flex;
        padding: 0 10px;
        justify-content: center;
        align-items: center;
        background: linear-gradient(0deg, #1961AD 0%, #217CDB 100%);
        border-radius: 4px;
    }

    header.header .main-menu nav a.level0 .name {
        color: #fff;
    }

    header.header .main-menu div.level1 {
        border: 0;
    }

    .header-container {
        padding: 0;
    }

    .product-essential .parcelamento {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 768px) {

    .wrap-links .btn-continue,
    .wrap-links a {
        max-width: 100%;
        margin: 10px auto;
    }

    .cart-boxes .shipping-form .buttons-set {
        min-width: 0;
    }

    .header .login-create-container {
        position: static;
    }

    .header.header {
        flex-flow: row wrap;
    }

    .header.header .search-container .search-button {
        text-indent: 0;
    }

    .header.header .search-container .search-button:before {
        content: "\f002";
        font-family: 'biz_icons';
        font-style: normal;
        font-size: 16px;
        line-height: 100%;
        display: block;
    }

    .header.header .search-container .search-button span {
        display: none;
    }

    .header-container {
        background-repeat: repeat;
    }
}

@media (max-width: 570px) {
    header.header {
        padding: 0;
        justify-content: flex-end;
    }

    header.header .logo-container {
        order: 1;
        flex: 0 0 auto;
        align-self: flex-start;
        margin-right: auto;
        margin-top: 10px;
    }

    header.header .search-container {
        order: 6;
        position: static;
        flex: 0 0 100%;
        margin: 10px 0 0 0;
    }

    header.header .search-container:after {
        display: none;
    }

    header.header .search-container form {
        position: static;
        display: flex;
        width: auto;
        margin: 0;
        padding: 0;
    }

    header.header .search-container .search-input {
        background: #fff;
        padding: 0 10px;
        height: 40px;
    }

    header.header .search-container .search-button {
        height: 40px;
        position: static;
    }

    header.header .mycart-container {
        order: 3;
    }

    header.header .main-menu {
        display: block;
        order: 4;
        margin: 10px 0 10px 10px;
    }

    header.header .login-create-container {
        display: none;
    }

    header.header .atendimento {
        display: none;
    }

    header.header .before {
        display: none;
    }

    header.header .after {
        display: none;
    }
}

/*
* Thema - Temporizador
*/
.countdown-timer.aw_countdown_timer_container_default {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}

.countdown-timer.aw_countdown_timer_container_default:after {
    content: 'PRA ESSA OFERTA ACABAR';
    font-size: 12px;
    color: #333;
}

.countdown-timer.aw_countdown_timer_container_default .title {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer {
    margin-bottom: 0;
    margin: 0 3px;
    color: #fff;
    border-radius: 4px;
    background: #122840;
    padding: 0 5px;
    display: flex;
}

.countdown-timer .timer__clock {
    margin: 0 20px;
    font-size: 20px;
    border-radius: 5px;
    padding: 5px;
    border: 2px solid white !important;
    display: flex;
    background: #122840;
}

.countdown-timer .timer__clock .timer__days,
.countdown-timer .timer__clock .timer__hours,
.countdown-timer .timer__clock .timer__minutes,
.countdown-timer .timer__clock .timer__seconds {
    border: 0;
    margin: 0;
    padding: 6px 5px;
    font-size: 16px;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_days_container,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_hours_container,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_minutes_container,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_seconds_container {
    border: 0;
    margin: 0;
    padding: 6px 5px;
    font-size: 16px;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_days,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_minutes,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_seconds,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_hours {
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 4px;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_separator {
    color: #2789f0;
    font-size: 14px;
    line-height: 44px;
}

.countdown-timer.aw_countdown_timer_container_default .aw_countdown_days_label {
    color: #2789f0;
    font-size: 12px;
}

.countdown-timer.aw_countdown_timer_container_default .aw_countdown_seconds_label {
    color: #2789f0;
    font-size: 12px;
}

.countdown-timer.aw_countdown_timer_container_default .aw_countdown_minutes_label {
    color: #2789f0;
    font-size: 12px;
}

.countdown-timer.aw_countdown_timer_container_default .aw_countdown_hours_label {
    color: #2789f0;
    font-size: 12px;
}

.col1-layout .product-collection .owl-item li.item,
.col2-left-layout .product-collection .owl-item li.item,
.col2-right-layout .product-collection .owl-item li.item,
.col3-layout .product-collection .owl-item li.item {
    padding: 20px;
}

.qty-wrapper {
    border-radius: 4px;
    background: #f1f3f4;
    padding: 6px;
    border-bottom: 3px solid #d4d5d6;
    margin: 0 20px 0 0;
}

.qty-wrapper label {
    display: block;
    font-size: 8px;
    color: #989898;
    text-align: center;
    line-height: 7px;
    margin-bottom: 10px;
}

.qty-wrapper .input-box input {
    background: none;
    width: 50px;
    color: #333;
    font-size: 18px;
    font-style: italic;
    border: 0;
    box-shadow: none;
    height: 20px;
}

.qty-wrapper .bt-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    box-shadow: none;
    background: none;
}

.qty-wrapper .bt-box .bt {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #1f77d3;
    color: #fff;
    font-size: 14px;
}

.qty-wrapper .bt-box .bt.plus {
    position: static;
    order: 2;
}

.qty-wrapper .bt-box .bt.plus:before {
    content: '+';
}

.qty-wrapper .bt-box .bt.less {
    position: static;
    order: 1;
}

.qty-wrapper .bt-box .bt.less:before {
    content: '-';
}

.modal-trigger.medidas {
    display: flex;
    text-transform: uppercase;
    color: #333;
    font-size: 9px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 14px;
}

.modal-trigger.medidas:before {
    background: url("/media/interface/images/medidas.png") no-repeat center left;
    content: '';
    display: block;
    width: 23px;
    height: 9px;
    margin-right: 3px;
}

/*
* COMMERCE-1925
*/
header.header .main-menu {
    max-width: 892px
}

.main-menu.normal.justified ul.level0 {
    flex-flow: row wrap;
    justify-content: space-between
}

.main-menu.normal {
    position: relative
}

.main-menu.normal li.level0 {
    padding: 0
}

.main-menu.normal.justified li.level0.all {
    position: static !important;
}

.main-menu.normal.justified li.level0 div.level1 {
    margin-left: 0 !important;
    left: auto;
    right: -9999px
}

.main-menu.normal.justified li.level0.all div.level1 {
    width: 100%;
    top: auto;
    margin: 0;
    z-index: 3;
}

.main-menu.normal li.level0:hover div.level1 {
    right: 0;
    z-index: 3;
}

.product-collection li.item .price-box {
    height: 48px
}

.product-collection li.item .price-box-parcelado {
    height: 12px
}

.owl-theme .owl-buttons>div {
    border-radius: 50%;
    background-image: linear-gradient(90deg, rgb(21, 47, 75) 0%, rgb(34, 76, 120) 100%);
    box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
    border: 1px solid #172b3f;
    height: 32px;
    width: 32px
}

.owl-theme .owl-buttons>div:before {
    line-height: 32px;
    font-size: 15px
}

.product-shop .add-to-cart-btn span {
    display: none
}

.product-shop .add-to-cart-btn:before {
    content: 'Comprar';
    display: block
}

.product-price-wrapper:after {
    height: 100%;
    padding: 36px 0
}

.product-price-wrapper:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 89px 0 0;
    border-color: #d1ae00 transparent transparent transparent;
    position: absolute;
    left: 0;
    bottom: -14px
}

/*
* COMMERCE-2197
*/
.product-essential .product-image-thumbs {
    max-height: 545px
}

.product-shop .product-price-wrapper {
    margin-bottom: 10px
}

.configurable-options-dl dt {
    font-size: 14px;
    text-transform: none
}

.configurable-options-dl select {
    height: 27px;
    font-weight: normal;
    font-size: 12px
}

.product-shop>img {
    
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
}

/*
* COMMERCE-2197
*/
.product-shop .product-price-wrapper {
    padding: 10px 0;
    margin-bottom: 20px;
    flex: 1 1 236px;
}

.product-shop .parcelamento {
    flex: 0 0 auto;
    margin-bottom: 30px
}

.product-shop .product-price-wrapper .price-box-parcelado {
    max-width: 236px
}

.custom-options-dl dt {
    text-transform: none
}

.product-essential>form {
    
    -webkit-align-items: flex-start;
         -ms-flex-align: start;
            align-items: flex-start;
}

/*
* COMMERCE-2430
*/
.product-essential .product-image-thumbs {
    padding-left: .9rem;
}

/*   barra de rolagem -  all-ul--0  */
.product-essential .product-image-thumbs::-webkit-scrollbar {
    width: 5px;
    pointer-events: none;
    margin-left: 0.31rem;
}

.product-essential .product-image-thumbs::-webkit-scrollbar-track {
    background-color: #eee;
    background-image: none;
    background-size: 2px 1px;
    pointer-events: none;
}

.product-essential .product-image-thumbs::-webkit-scrollbar-thumb {
    background: #1a395a;
    width: 5px;
    border-radius: 3px;
    pointer-events: none;
}

/*
* COMMERCE 2680 
*/
.product-essential .product-image-thumbs::-webkit-scrollbar,
.product-essential .product-image-thumbs::-webkit-scrollbar-track,
.product-essential .product-image-thumbs::-webkit-scrollbar-thumb,
.product-essential .product-image-thumbs::-webkit-scrollbar-button {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
    background-size: auto;
    border-radius: 0;
    pointer-events: auto;
}

.product-essential .product-image-thumbs::-webkit-scrollbar-thumb {
    background: #999
}

body.checkout-onepage-index .header,
body.checkout-onepage-index .login-create-container,
body.checkout-onepage-index .televendas {
    display: none
}

.footer .horario .email {
    color: #fff
}

.discount-coupon-form {
    margin-right: 30px
}

.cart-boxes .shipping .title {
    margin-right: 10px
}

@media (max-width: 992px) {
    .main-menu.normal.justified li.level0 div.level1 {
        right: 0
    }

    .product-collection li.item .price-box-parcelado {
        height: auto
    }

    .product-essential .modal-trigger.medidas {
        justify-content: flex-start
    }

    .product-essential>form .product-shop {
        margin-left: 0
    }

    .discount-coupon-form {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .product-essential .product-image-container {
        flex-wrap: wrap
    }

    .product-essential .product-image-container .more-views {
        order: 9
    }

    .product-essential .product-image-thumbs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .product-essential .product-image-thumbs li {
        margin-left: 20px
    }
}

/*
* COMMERCE-2680
*/
.configurable-options-dl select {
    padding: 0px;
}

/*
* COMMERCE-2964
*/
@media(max-width: 768px) {
    .qty-wrapper .input-box input {
        height: 30px
    }
}

/* COMMERCE-3047 */
.modal-trigger.medidas {
    font-size: 18px;
}

/* COMMERCE-3310 */
.price-box-parcelado {
    margin-bottom: 25px;
}

.product-collection .product-name {
    font-size: 16px;
    line-height: 17px;
    height: 35px
}

/* COMMERCE-3698 */
.configurable-options-dl .swatch-attr {
    height: 100%;
}

.configurable-options-dl .swatch-attr .input-box {
    box-sizing: border-box;
    padding: 3px;
}

.configurable-options-dl .swatch-attr .input-box .configurable-swatch-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*COMMERCE-4305*/
.main-menu.normal li.level3 a.level3 {
    font-size: 12px;
    color: #333;
}

/*Espaçamento após Temporizador*/
.countdown-timer.aw_countdown_timer_container_default {
    margin-bottom: 14px;
}

.aw_countdown_timer_container_default {
    display: flex;
}

.aw_countdown_timer_container_default .stock {
    flex: 0 0 100%;
    margin: 20px 0;
}

/*COMMERCE-4812*/
.main-menu.normal .all li.level3 a.level3 {
    color: #325f97;
}

@media(max-width: 992px) {
    .main-menu.normal a.level2 {
        color: #fff;
    }
}




/*
* COMMERCE - 5320 - Thamires
*/
.success-content .order-number .number {
    color: #1961ad
}


/*
*
*  Categorias
*/
.main-menu li.level0.all ul.level1 {
    display: block;
    padding: 0.5rem 0 0.5rem 0.5rem;
    position: static;
}

.main-menu li.level0.all li.level1 {
    padding-bottom: 0;
    max-width: 100%;
}

.main-menu.normal li.level1 {
    display: block;
    flex: 1 1 20%;
    min-width: 250px;
}

.main-menu.normal li.level0.all div.level1 a.level1 {
    color: #325f97;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    width: 250px;
    justify-content: left;
}

.main-menu.normal li.level1 {
    position: static;
}

.main-menu.normal li.level1>div {
    position: absolute;
    top: 0;
    left: 250px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    width: 500px;
    height: 100%;
    overflow: auto;
    opacity: 0;
    box-shadow: inset 6px -2px 13px -3px rgba(0, 0, 0, 0.07);
    transform: translate3d(95%, 0, 0);
    z-index: 10;
    background: #f0f0f0;
}

.main-menu.normal li.level1:hover>div {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.main-menu.normal div.level1 {
    background: #f0f0f0;
}

.main-menu li.level1 ul.level2:hover {
    display: block;
    padding: 0.5rem 0 0.5rem 0.5rem;
    position: static;
}

.main-menu .level1 li.level1 li.level2:hover {
    padding-bottom: 0;
    max-width: 100%;
}

.main-menu.normal .level1 li.level2:hover {
    display: block;
    flex: 1 1 20%;
    min-width: 250px;
}

.main-menu.normal .level1 li.level1 div.level2 a.level2:hover {
    color: #325f97;
    font-size: 16px;
    display: flex;
    width: 250px;
    justify-content: left;
}

.main-menu.normal .level1 li.level2:hover {
    position: static;
}

.main-menu.normal .level1 li.level2:hover>div {
    position: absolute;
    top: 0;
    left: 250px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    width: 18.75rem;
    height: 100%;
    overflow: auto;
    opacity: 0;
    box-shadow: inset 6px -2px 13px -3px rgba(0, 0, 0, 0.07);
    transform: translate3d(95%, 0, 0);
    z-index: 10;
    background: #f0f0f0;
}

.main-menu.normal .level1 li.level2:hover>div {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.main-menu.normal .level1 div.level2 {
    background: #f0f0f0;
}

.main-menu li.level0.all div.level1 {
    width: 250px !important;
}

.main-menu.normal.justified li.level0.all {
    position: relative !important;
}

ul.level2 .level2 span {
    font-weight: 600;
    text-transform: uppercase;
}

.main-menu.normal ul.level3 {
    position: absolute;
    top: 0;
    left: 250px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    width: 250px;
    height: 100%;
    overflow: auto;
    opacity: 0;
    box-shadow: inset 6px -2px 13px -3px rgba(0, 0, 0, 0.07);
    transform: translate3d(95%, 0, 0);
    z-index: 10;
    background: #f0f0f0;
}

.main-menu.normal li.level2 {
    position: relative;
}

.main-menu.normal ul.level2 {
    width: 250px;
}

li.level2:hover>ul.level3 {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
}

/*
* Categoria - Black November
*/

li.level0.promo.promo-destaque.black-november {
    background: linear-gradient(0deg, #3a3737 0%, #000 100%);
    padding: 5px !important;
    border-radius: 5px;
}

.parent-black-november .level0 span {
    color: #fae606 !important;
}

li.level0.promo.promo-destaque.black-november:hover {
    background: linear-gradient(0deg, #000 0%, #3a3737 100%);
    padding: 5px !important;
    border-radius: 5px;
}


/*
* Temporizador - Black November
*/

.countdown-timer {
    color: #fff;
    width: auto;
    justify-content: center !important;
    align-content: center !important;
    border-radius: 5px;
    max-width: 970px;
}

.aw_countdown_days_container {
    background: #fff;
    color: #2889f0;
    border-right: 5px solid #2889f0 !important;
}

.countdown-timer .black-tempo {
    margin-right: 12px;
}

.countdown-timer .black-tempo:before {
    content: url("/media/interface/images/temporiza.png");
}

.countdown-timer .black-nome {
    margin-right: 30px;
    font-size: 40px;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer {
    margin: 0 20px;
    font-size: 20px;
    border-radius: 5px;
    padding: 5px;
    border: 2px solid white !important;
}

.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_days,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_minutes,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_seconds,
.countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer .aw_countdown_hours {
    font-size: 30px;
    line-height: 20px;
    margin-bottom: 5px;
}

.countdown-timer.aw_countdown_timer_container_default:after {
    content: '';
    font-size: 20px;
    color: #fff;
}

.countdown-timer {
    background: linear-gradient(0deg, #2889f0 0%, #224b77 100%);
}

@media (max-width: 998px) {
    .countdown-timer.aw_countdown_timer_container_default:after {
        content: '';
        font-size: 18px;
        color: #fff;
        margin-top: 13px;
    }

}

@media (max-width: 500px) {
    .countdown-timer.aw_countdown_timer_container_default>.aw_countdown_timer {
        margin: 20px 0 20px 0;
        font-size: 20px;
        border-radius: 5px;
        padding: 5px;
        border: 2px solid white !important;
    }

    .countdown-timer.aw_countdown_timer_container_default:after {
        display: none
    }
}

@media (max-width: 500px) {


    .main-menu.normal.justified.open li.level0.all div.level1 {
        background: #122a43 !important;
    }

    .main-menu.normal.open li.level0.all:before {
        background: #122a43 !important;
    }

    .main-menu.normal li.level0.all div.level1 a.level1 {
        color: #fff !important;
        background: #122a43 !important;
    }

    .main-menu.normal li.level0.all div.level1 a.level2 {
        color: #fff !important;
        background: #122a43 !important;
    }

    .main-menu.normal li.level1>div {
        opacity: 1 !important;
        transform: none !important;
        background: #122a43 !important;
        position: static !important;
    }
}

/*
* Carrinho de Compra - Ajustes de conversão
*/


button.btn.btn--outline.btn-continue:hover {
    background: #ffffff;
    color: #000;
    border: 3px solid #000;
    margin-right: 10px;
    height: 52px;
    text-transform: uppercase;
}


button.btn.btn--outline.btn-continue {
    background: #fff;
    color: #325f97;
    border: 3px solid #325f97;
    margin-right: 10px;
    height: 52px;
    text-transform: uppercase;
}

.wrap-links .frete-gratis {
    background: #f7f8f9;
    color: #f00;
    margin-right: 10px;
    border: 3px solid #f00;
    text-transform: uppercase;
}


button.btn.btn-proceed-checkout.btn-checkout {
    background-image: linear-gradient(180deg, #FFF60A 0%, #F1C800 100%);
    color: #000000;
    height: 53px;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 40px;
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .3);
    background: #FFF60A;
    text-shadow: none;
    font-style: italic;
    float: right;
    border-bottom: 3px solid #d1ad00;
}

.bottom-finalizar {
    padding: 20px;
    padding-bottom: 70px;
}

.product-collection li.item .selos .prolabel {
    position: absolute !important;
    margin-bottom: 3px !important;
}

/*
* IMAGEM  - Catalogo
*/
@media (min-width: 992px) {

    .col2-left-layout .product-collection li.item,
    .col2-right-layout .product-collection li.item {
        clear: none;
        width: calc(34% - 27px);
    }

    .col2-left-layout .product-collection li.item:nth-child(4n+1),
    .col2-right-layout .product-collection li.item:nth-child(4n+1) {
        clear: none;
        margin-left: 20px;
    }

    .product-collection .list .owl-wrapper-outer .owl-wrapper .owl-item {
        margin-right: 2px;
        width: 311px !important;
    }
}

@media (max-width: 992px) {
    .wrap-links .wrapper-cart-go {
        order: 1;
    }

    button.btn.btn--outline.btn-continue {
        order: 2;
    }

    .wrap-links .frete-gratis {
        order: 2;
    }
}

/*
* CUSTOMIZAÇÃO DO TÍTULO DO MENU PRONTA ENTREGA


.main-menu .level0 .pronta-entrega .level0 .name span {
    color: #1f75d0;
    -webkit-animation-name: animan;
    -webkit-animation-iteration-count: infinite;
    animation-name: animan;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
}
*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animan {
    from {
        color: #ff0103;
    }

    to {
        color: #1f75d0;
    }
}

/* Standard syntax */
@keyframes animan {
    from {
        color: #ff0103;
    }

    to {
        color: #1f75d0;
    }
}

/*
* COMMERCE - 14215
*/

@media(max-width: 992px) {
    .header .main-menu.open nav:before {
        padding-top: 17px
    }

    ul.level1 li .plus {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 1rem;
        box-shadow: none;
        background: none;
        margin-top: -10px
    }

    #menu-categorias .close {
        position: fixed;
        width: 40px;
        right: 0rem;
        height: 40px;
        line-height: 40px;
        font-size: 1.5rem;
        top: 10px;
        color: #fff;
        display: none;
    }

    ul.level1 li a.level1 {
        width: 300px
    }

    .header .main-menu.open nav::before {
        color: #132f4b;
        background: #142f4b;
    }

    ul.level1 li ul.level2.active,
    ul.level0.main-menu-list .level0 div.level1.active {
        display: block !important
    }

    .main-menu.normal ul.level2,
    ul.level0.main-menu-list .level0 div.level1 {
        display: none
    }

    .header .main-menu.open nav {
        top: -10px;
        left: -9px;
    }

    .main-menu.normal .promo a.level1 {
        white-space: inherit
    }

    ul.level1 li .plus.active,
    button.plus.parent.active {
        transform: rotate(90deg)
    }

    .main-menu.normal.justified.open li.level1 {
        margin: 5px
    }

    button.plus.parent {
        position: absolute;
        right: 0;
        background: none;
        box-shadow: none;
        font-size: 1rem;
    }

    .main-menu.normal li.level0.all div.level1 a.level1,
    .main-menu.normal li.level1>div,
    .main-menu.normal.open li.level0.all:before,
    .main-menu.normal.justified.open li.level0.all div.level1 {
        background: #142f4b !important;
    }

    .main-menu.normal a.level1 {
        color: #fff
    }

    header.header .main-menu.open nav:before {
        height: 20px;
        margin: 0
    }

    .main-menu.normal.open a.level0 {
        height: auto
    }

    .main-menu.normal.open a.level0 {
        white-space: inherit !important;
    }

    .main-menu.normal.open li.level0,
    .main-menu.normal.open li.level0.all:before {
        display: none;
    }

    .main-menu.normal.justified li.level0.all {
        display: block;
    }

    .main-menu.normal.open li.level0.all {
        margin-top: 0
    }

    .main-menu.normal.justified.open li.level0.all div.level1 {
        box-shadow: none
    }
}


/*
* Página - Produto 
*/
.avaliacao-products {
    border-bottom: 2px solid #eee;
}

.avaliacao-products span {
    transform: none;
    color: #1f77d3;
    font-size: 16px;
    line-height: 40px;
    padding: 0 40px;
    text-transform: uppercase;
    margin-right: 5px;
    order: 1;
    transition: all 100ms ease-in-out;
    transform-origin: left bottom;
}

.beneficios-col {
    width: 50%;
    justify-content: center;
    align-content: center;
    display: inline-grid;
}

.beneficios-conteudo {
    width: 100%;
    display: flex;
    background: #142143;
    border-radius: 5px;
    padding: 20px;
}

.avaliacao-title {
    font-family: 'Raleway', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.tabela-beneficios .bloco-beneficios .icone-beneficios:hover {
    filter: contrast(70%);
}

.beneficios-title {
    background: #142143;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
}

.tabela-beneficios .bloco-beneficios {
    width: 100%;
    display: flex;
}

.tabela-beneficios .bloco-beneficios .icone-beneficios {
    width: 20%;
    margin: 10px;
}

@media(max-width: 992px) {
    .beneficios-conteudo {
        width: 100%;
        display: block;
    }

    .beneficios-col {
        width: 100%;
    }

    .tabela-beneficios .bloco-beneficios {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }

}

@media(max-width: 992px) {
    .header .login-create-container {
        position: inherit;
    }

    .login-create-container .login-create a {
        border-style: solid;
        border-width: 1px;
        border-color: #11263a;
        border-radius: 5px;
        background-image: linear-gradient(0deg, #152F4B 0%, #224b77 100%);
        box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 72px;
        height: 60px;
        font-size: 0;
    }

    .header .login-create-container a:last-child,
    .login-create-container .login-create .welcome {
        display: none
    }

    .login-create-container .login-create .links {
        font-size: 0;
        display: flex;
        justify-content: flex-end;
    }

    .login-create-container .login-create a::before {
        content: '\f007';
        font-family: biz_icons;
        color: #fff;
        font-size: 2rem;
        font-style: normal;
    }

    header.header .login-create-container {
        display: block
    }

    .banner-js-container:not(.no-js) img.d_img {
        width: 100vw;
        height: auto
    }

    .breadcrumbs-container {
        display: none;
    }

    .product-essential .product-image-container .more-views {
        display: grid
    }

    .product-essential .product-image-thumbs {
        display: grid;
        grid-template-columns: 87px;
        grid-template-rows: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: calc(50px * 2);
        grid-gap: 10px;
        padding: 0;
        scroll-snap-type: x proximity;
        margin-top: 1rem;
        direction: inherit;
    }

    .product-essential .product-image-thumbs li {
        scroll-snap-align: start;
        margin: 0;
    }

    .product-essential .product-image-thumbs::after,
    .product-essential .product-image-thumbs::before {
        content: '';
        width: 10px;
    }

}

@media only screen and (min-width: 600px) {

    .level0.all li a[title="Pesca Esportiva"],
    .level0.all li a[title="Lançamentos"],
    .level0.all li a[title="Ofertas!"],
    .level0.all li a[title="Camisas Premium Dry UV 50+"],
    #atendimento .chat {
        display: none !important;
    }

}

#banner-js-rulebanner {
    margin-bottom: 15px;
}

.product-collection .owl-theme .owl-controls .owl-pagination {
    display: none;
}

.price-box-parcelado .s-juros {
    display: block;
    font-size: .7em;
}

.product-collection li.item .price-box-parcelado {
    height: 40px;
}

.simulador-frete #shipping-estimate-results {
    display: contents;
}

.simulador-frete #shipping-estimate-results dt {
    font-size: 14px;
}

.simulador-frete #shipping-estimate-results dd {
    font-size: 12px;
}

#shipping-estimate-results ul li .price {
    color: #f00;
}


.pergunt-freq {
    color: #1f77d3;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.pergunt-freq-text {
    font-weight: 100 !important;
    margin-top: 10px;
    color: #737272;
    text-transform: unset;
}

@media(max-width: 992px) {
    .main-menu.normal ul.level3 {
        position: inherit;
        opacity: 1 !important;
        transform: translate3d(0, 0, 0);
        left: unset;
    }
}

/* New Checkout 

.opc .wrapper {
    padding: 0;
}
.opc .header-container{
    background:#000
}

@media (min-width:62rem){
    .opc .logo img{
      padding:15px;
    }
}

.opc .col-main{
    margin: auto;
    max-width: 500px;
}

.field, .wide, .fields {
padding: 0px!important;
}

.opc-new-users .btn--outline{
    width:100%;
}
.opc .buttons-set > *{
    margin-left: 0;
}

#login-form .title--xs{
    text-align:center;
}
.opc-registered-users{
    order:2;
}
.opc-new-users{
    order:1;
}
.opc-registered-users button, 
.opc .buttons-set button:not(.btn--outline){
    width:100%
}
.cart__links{
    display:flex;
}
.cart__links .btn-checkout{
    width:300px;
    order:1;
}
.btn--outline{
    margin: 10px 0 0 0;
}
.display-single-price .title--sm{
margin: 10px 0 10px 0;
}
.cart-product-line > div:first-child{
    padding: 0;
}
.cart-product-line > div{
    padding:0 10px 10px;
}
.cart-product-line{
    margin: 1rem 0 0 1rem;
}
.cart-price{
    font-weight: 900;
}
.cart-table h2.name{
    font-size:1rem;
}

Etapas

#shipping-progress-opcheckout .complete .changelink a,
#shipping_method-progress-opcheckout .complete .changelink a,
#payment-progress-opcheckout .complete .changelink a,
#payment-progress-opcheckout .complete .changelink a,
#billing-progress-opcheckout .complete .changelink a{
    display:none!important;
}

.opc .back-link {
    display: flex;
    width: 100%;
} */


/*AVISO*/
.aviso-covid {
    background: #fff;
    color: #000;
    font-size: 14px;
    border: 3px solid #325f97;
    padding: 10px;
}


button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    background: #1f77d3;
    color: #fff;
    width: 30px;
    height: 30px;
}

.slick-dots {
    display: none !important;
}

.product-action .add-to-cart {
    margin-bottom: 0;
    margin-top: 20px;
}

.product-action span {
    font-size: 14px;
    color: #265586;
}

ol.checkout-agreements {
    color: #fff;
    background: #000;
    margin-top: 10px;
    padding: 10px;
}

@media (max-width: 560px) {
    .product-collection li.item .selos .prolabel img {
        display: none;
    }

    .prolabel img {
        display: none;
    }

    .logo-container .has-m-img .m-img {
        max-height: 34px;
        margin-top: 15px;
    }

    .prolabel,
    .prolabel.top-center,
    .prolabel.middle-left,
    .prolabel.middle-right,
    .prolabel.bottom-center,
    .prolabel.middle-center,
    .prolabel.top-left,
    .prolabel.top-right,
    .prolabel.bottom-left,
    .prolabel.bottom-right {
        position: absolute !important;
    }

}

/* LGPD */
#privacy-popup {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000;
}

#privacy-popup-close {
    display: none;
}


#privacy-popup-close-accept {
    border: 1px solid #fff;
    padding: 10px;
    display: inline;
    background: linear-gradient(0deg, #1961AD 0%, #217CDB 100%);
    color: #fff;
    border-radius: 5px;
}

#privacy-popup-block {
    margin-bottom: 35px;
}

/* Ajuste Configuravel */
.product-action .configurable-options-dl .required .txt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.product-options .configurable-options-dl select {
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 10px;
    font-weight: 700;
    font-size: medium;
}

.product-options .configurable-options-dl dd {
    flex: auto;
}

/*
 * Igor
 * 20/01/2021
 */

@media (max-width: 992px) {
    .product-essential .product-image-container .product-image:after {
        display: none;
    }


    .product-view .parcelamento:before {
        font-size: 0.8rem;
        line-height: 1.3rem;
    }

    .product-view .collateral-tabs dt.tab {
        color: #404040;
    }
}

a#privacy-popup-close {
    display: none !important;
}


/*
 * Correção menu mobile
 */
@media (max-width: 568px) {
    .level1 button.plus {
        color: #fff;
    }

    .product-collection-container>header .title,
    .collateral-products>header .title,
    .product-collection-container>header .block-title,
    .collateral-products>header .block-title {
        line-height: initial;
        padding-top: 15px;
    }
}


/*
 * Correção zoom x busca
 */
.sh-search-visible .wrapper-container {
    z-index: 22;
}


.user-rastreiozapp img {
    width: 15% !important;
}

.location-rastreiozapp img {
    width: 15% !important;
}

.widget.widget-static-block.textblock-SEO {
    display: none;
}

/* 
* Priscila - AG-497
*/
body {
    font-weight: 400;
    font-style: initial;
}

/* 
* Ajuste Selo SmartHint
*/
.smarthint .product-collection .selos .prolabel p {
    padding: 5px !important;
    margin-top: -25px !important;
}

/* 
* Aviso cupom - carrinho de compra
*/

.cart-aviso .aviso-cupom {
    background: #f7f8f9;
    color: #f00;
    margin-right: 10px;
    border: 3px solid #f00;
    font-size: 13px;
    line-height: 46px;
    border-radius: 4px;
    justify-content: center;
    display: flex;
    margin-bottom: 10px;
}

/* 
* Eliezer - AG-603
*/
@media(max-width: 992px) {
    .product-essential .product-image-thumbs::before {
        display: none
    }

    .product-essential .product-image-thumbs {
        justify-content: flex-start;
    }
}

/* 
* Menu BlackNovember
*/

/*
* * li.level0.promo.promo-destaque.ofertas.even.parent.parent-ofertas span {
    * color: #fff60a;
    *
}

* * li.level0.promo.promo-destaque.ofertas.even.parent.parent-ofertas {
    * background: #000;
    * padding: 5px;
    * border-radius: 5px;
    *
}
*/ 
.level1.only.promo.promo-destaque.child-ofertas {
    background: #000;
}

.main-menu div.level1.promo .promo-container .title {
    color: #fff;
}

.ofertas .destaques-item .name {
    color: #fff;
}

.ofertas .old-price .price span {
    color: #fff;
}

.ofertas .special-price .price span {
    color: #fff;
}

.cart-aviso .aviso-cupom {
    background: #204ae2;
    color: #fff;
    border: 3px solid #000;
    font-size: 24px;
    padding: 10px;
}

.ofertas .destaques-item .name,
.ofertas .special-price .price span {
    color: #000;
}

li.level0.ofertas.even {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}

li.level0.ofertas.even:hover {
    background: #fff;
}


.bundle-options-dl .qty-holder {
    display: none;
}

.price-bundle .price-as-configured {
    display: none;
}

.price-box .price span {
    font-size: 33px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    margin-left: 20px;
}


@media (max-width: 560px) {
    .prolabel img {
        display: block !important;
        max-width: 25vw;
        display: flex;
        margin: 0;
    }
}

div#onesignal-slidedown-container {
    display: none !important;
}

.field.-fax {
    display: none;
}

/* 
* Menu Black
*/

.level1.only.promo.promo-destaque.child-black-november {
    background: #000;
}

.black-november .destaques-item .name {
    color: #fff;
}

.black-november .old-price .price span {
    color: #fff;
}

.black-november .special-price .price span {
    color: #fff;
}

/* 
* Menu Natal
*/

.parent-pronta-entrega .level0 .name span {
    color: #fff;
}

li.level0.promo.promo-destaque.pronta-entrega.parent.parent-pronta-entrega {
    background: #cb0000;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

/* 
* Menu Ano NOvo
*/

li.level0.promo.promo-destaque.present-o-ano-novo.even.parent.parent-present-o-ano-novo {
    background: linear-gradient(90deg, rgba(192, 192, 192, 1) 8%, rgba(192, 192, 192, 0.7819502801120448) 22%, rgba(192, 192, 192, 0.8183648459383753) 34%, rgba(192, 192, 192, 0.835171568627451) 62%, rgba(192, 192, 192, 0.9528186274509804) 85%);
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.level1.only.promo.promo-destaque.child-present-o-ano-novo {
    background: linear-gradient(90deg, rgba(192, 192, 192, 1) 8%, rgba(192, 192, 192, 0.7819502801120448) 22%, rgba(192, 192, 192, 0.8183648459383753) 34%, rgba(192, 192, 192, 0.835171568627451) 62%, rgba(192, 192, 192, 0.9528186274509804) 85%);
}

/* 
* Menu Carnaval
*/

li.level0.promo.promo-destaque.carnaval-da-quisty.odd.parent.parent-carnaval-da-quisty {
    background: red;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow, green);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow, green);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow, green);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow, green);
    /* Standard syntax */
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.parent-carnaval-da-quisty .level0 .name span {
    color: #000;
    background: #fff;
    border-radius: 5px;
}

.product-collection li.item header:has(.selos) {
    position: relative;
}

#smarthint-search-result-body .product-collection article {
    flex-flow: column;
}

#smarthint-search-result-body .product-collection article header, 
#smarthint-search-result-body .product-collection article .product__header {
    min-width: 100% !important;
    max-width: 100% !important;
}

/* 
* AwCountdown
*/
.countdown-timer {
    padding: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timer__label {
   margin: 0 5px;
}
.timer__time {
   text-align: center;
}



@media (max-width:62rem){
    .prolabel {
        top: 0px!important;
    }
    .prolabel p{
        margin:0!important;
        padding:2px!important;
        font-size:12px
    }
    
    .smarthint .product-collection .selos .prolabel p{
        margin:0px!important;
        font-size:12px
    }
}