/**
* Tema:     Neon
* Versão:   2.0
* Update:   03/2018
*/

/* Geral */
html { background: #f9f9f9 }
input,
select,
textarea {
    border-radius: 3px;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
}
select:hover,
textarea:hover,
input:hover,
input:focus { border-color: #781198 }
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='radio'],
input[type='file'] {
    border: unset;
    border-radius: unset;
    box-shadow: unset;
}
address .ico {
    display: inline;
    vertical-align: baseline;
    position: relative;
    top: 2px;
    margin-right: .25rem;
    fill: #FE00E3;
}
iframe[name="google_conversion_frame"] {
    position: fixed;
    top: -999px;
    left: -999px;
}
a { color: #781198 }
a:hover { color: #FE00E3 }

/* Transition */
a,
button,
input,
select,
textarea,
.order-status:after,
.order-status .ico,
.osc-steps .opc-block-progress dt:after,
.tab-cor .name,
.tab-cor label,
.borda-cores label,
.borda-cores .name,
.borda-tipo label,
.borda-tipo img,
.tab-produto label,
.tab-produto img { transition: all 100ms ease-out }

/* icon */
.toolbar-bottom a.next:before,
.toolbar-bottom a.previous:before,
.cart-table .btn-remove:before,
.review-summary label:before,
#checkout-step-login .hints li:before,
.osc-accordion .opc-block-progress dt.complete:after,
#checkout-shipping-method-load ul li label:after,
.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,
.benefits li:before,
.order-status.state-complete span:after,
.my-account .pager ol li a.next:before,
.my-account .pager ol li a.previous:before,
.order-date:before,
.boleto-info a:before,
.order-items a.link-print:before,
.osc-onepage .step-title .number:before,
.osc-steps .step-title .number:before,
.osc-steps .opc-block-progress dt:before,
.the-share a:before,
.success-content .pagto a.boleto:before,
.qty-wrapper .bt:before,
.or-map:before,
.revendaslist .telmail li:before,
.arevenda .dados .contato li:before,
.no-coms:before,
.case-detail-content .bx-controls-direction a: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 */
.wrapper-container { padding-top: 8.5rem }
.wrapper { padding: 0 1rem }
.wrapper > *:not(:last-child),
.header-container > *:not(:last-child),
.main-container > *:not(:last-child),
.col-main > *:not(:last-child),
.sidebar > *:not(:last-child),
.footer-container > *:not(:last-child),
.footer > *:not(:last-child) { margin-bottom: 1rem }
.header,
.main-container,
.footer {
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
}

/* Tamanho mínimo do conteúdo = ~ Altura da tela - (Cabeçalho + Margens) */
.main-container { min-height: calc(100vh - 9.5rem) }

/* Flex Grid */
.flex {
    display: flex;
    margin: 0 -.5rem -1rem;
}
.flex--column { flex-direction: column }
.flex--wrap { flex-wrap: wrap }
.flex--a-start { align-items: flex-start }
.flex--a-center { align-items: center }
.flex--a-end { align-items: flex-end }
.flex--a-stretch { align-items: stretch }
.flex--j-start { justify-content: flex-start }
.flex--j-center { justify-content: center }
.flex--j-end { justify-content: flex-end }
.flex--j-around { justify-content: space-around }
.flex--j-between { justify-content: space-between }
.flex > * {
    padding: 0 .5rem 1rem;
    list-style: none !important;
    margin: 0 !important;
}

/* Modifiers Globais */
[class*='--xs'] { font-size: .8rem }
[class*='--sm'] { font-size: .9rem }
[class*='--lg'] { font-size: 1.2rem }
[class*='--xl'] { font-size: 1.5rem }

/* Componentes */

/* svg.ico*/
svg.ico {
    width: 1rem;
    height: 1rem;
}
svg.ico--right { margin-right: -1rem }
svg.ico--left { margin-left: -1rem }
svg.img-googleplus { width: 1.5625rem }
svg.img-twitter { width: 1.25rem }

/* .title */
.title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1em;
}
.title--xs {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(0,0,0,.7)
}
.title--sm {
    font-size: 1.5rem;
    font-weight: 400;
}
.title--lg { font-size: 2.5rem }
.title--xl { font-size: 3rem }

/* sub title */
.subtitle {
    font-size: .8rem;
    font-weight: 700;
    color: rgba(0,0,0,.5);
    margin-bottom: 1rem;
}
.title + .subtitle { margin-top: -1rem }

/* .page-title */
.page-title { margin-bottom: 1rem }
.page-title h1 {
    font-size: 3rem;
    line-height: 1em;
    font-weight: 700;
    margin: 0 0 .25em;
    color: #781198;
}
.page-title h1 small {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 3rem;
    color: rgba(0,0,0,.5)
}

/* .btn + basic fix */
.btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    display: inline-block;
    padding: .875em 1em;
    line-height: 1em;
    height: auto;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    border: 0;
    font-size: 1rem;
    background: #781198;
    color: #F2F2F2;
    transition: all 200ms ease-out;
}
.btn .ico,
button .ico {
    fill: #FFFFFF;
    display: inline-block;
    vertical-align: baseline;
}
.btn:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.btn:hover .ico,
button:hover .ico { fill: #FFFFFF }
.btn--flat {
    border-radius: 0;
    box-shadow: none;
}
.btn--flat:hover {
    border-radius: 0;
    box-shadow: 0 1rem 1.5rem -1.5rem rgba(0,0,0,.3);
}
.btn--emboss {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),inset 0 -3px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);
    background: linear-gradient(#FE00E3, #781198);
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.btn--emboss:hover {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),inset 0 3px 0 rgba(0,0,0,.2);
    background: linear-gradient(#781198, #FE00E3);
}
.btn--outline {
    background: none;
    color: #FE00E3;
    box-shadow: inset 0 0 0 1px #FE00E3;
}
.btn--outline:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.btn--disabled {
    background: rgba(0,0,0,.5);
    color: #fff;
    cursor: not-allowed;
}
.btn--remove:before { 
    content: "\f014";
    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; }
.btn--remove span { display: none }
.btn--close: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; }
.btn--close span { display: none }
.btn--back {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn--back:before {
    
    content: "\f104";
    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;
}
.btn--xs {
    font-size: .8rem;
    padding: .5em 1em;
}
.btn--sm { font-size: .9rem }
.btn--lg { font-size: 1.5rem }
.btn--xl { font-size: 2rem }

/* .link */
.link {
    font-weight: 600;
    color: #781198;
}
.link:hover { color: #FE00E3 }

/* .divider */
.divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 2rem;
}
.divider:before,
.divider:after {
    content: '';
    border-top: 1px solid rgba(0,0,0,.2);
    flex: 1 1 auto;
}
.divider:before { margin-right: 1rem }
.divider:after { margin-left: 1rem }
.divider--lg:before,
.divider--lg:after,
.divider--xl:before,
.divider--xl:after { border-top-width: 2px }
.divider:empty:before,
.divider:empty:after { margin: 0 }

/* .imgcase */
.imgcase {
    position: relative;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.imgcase img { opacity: 0 }

/* Componentes */

/*  Blog: Últimos Posts */
.blogfeed__list {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    margin: -.5rem;
}
.blogfeed__list li {
    flex: 1 1 25%;
    display: flex;
    flex-flow: column nowrap;
    min-width: 280px;
    padding: .5rem;
}
.blogfeed__post {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    padding: 1rem;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    border-radius: 3px;
    position: relative;
}
.blogfeed__thumb {
    flex: 0 0 33.333%;
    margin-right: 1rem;
}
.blogfeed__thumb a {
    display: block;
    position: relative;
}
.blogfeed__thumb a:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.blogfeed__thumb .imgcase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.blogfeed__info { flex: 1 1 auto }
.blogfeed__time {
    font-size: .8rem;
    margin-bottom: 1rem;
    color: #777
}
.blogfeed__excerpt { margin-bottom: 1rem }

/* Busca */
.search {
    position: relative;
    z-index: 20;
}
.search__form {
    display: flex;
    align-items: center;
    position: relative;
}
.search__form .input-box {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}
.search__label {
    flex: 0 0 auto;
    margin-right: 1rem;
    color: rgba(0,0,0,.5)
}
.search__label:empty { display: none }
.search__input {
    flex: 1 1 auto;
    border-radius: 3px 0 0 3px !important;
}
.search__filter {
    flex: 0 0 auto;
    position: relative;
}
.search__filter .label {
    display: flex;
    align-items: center;
    line-height: 2.75rem;
    height: 2.75rem;
    padding: 0 1rem;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: #fff;
    color: rgba(0,0,0,.5);
    cursor: pointer;
}
.search__filter .label:before {
    margin-right: 1rem;
    
    content: "\f0b0";
    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: rgba(0,0,0,.2);
}
.search__filter .label:hover,
.search__filter .label:hover:before,
.search__filter.filtered .label,
.search__filter.filtered .label:before { color: #781198 }
.search__filter select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.search__filter ul {
    position: absolute;
    width: 320px;
    max-width: 90vw;
    display: none;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1rem 2rem -1rem rgba(0,0,0,.5);
    
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    padding: .5rem;
}
.search__filter.drop--left ul { left: 0 }
.search__filter.drop--right ul { right: 0 }
.search__filter.drop--top ul { top: 100% }
.search__filter.drop--bottom ul { bottom: 100% }
.search__filter.on ul { display: block }
.search__filter li {
    display: block;
    width: 100%;
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
    padding: .5rem;
    cursor: pointer;
    color: rgba(0,0,0,.5);
    transition: all 200ms ease-out;
}
.search__filter li:hover { color: #781198 }
.search__filter li.default {
    -moz-column-span: all;
    column-span: all;
    border-top: 1px solid rgba(0,0,0,.1);
    display: block;
    padding: 1rem;
    margin: .5rem -.5rem -.5rem;
    width: calc(100% + 1rem);
}
.search__filter li.default:hover {
    color: #F2F2F2;
    background: #781198;
}
.search__button {
    flex: 0 0 auto;
    border-radius: 0 3px 3px 0;
}
.search__button span span {
    display: flex;
    align-items: center;
}
.search__autocomplete {
    position: absolute;
    top: 100% !important;
}
.search__autocomplete ul {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem -1rem rgba(0,0,0,.5);
}
.search__autocomplete li { cursor: pointer }
.search__autocomplete li:hover { color: #781198 }
.search__autocomplete li:not(:last-child) { margin-bottom: 1rem }
.search__autocomplete .amount {
    padding-right: 1rem;
    color: rgba(0,0,0,.5);
}
.search__hide { display: none }

/* 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(120,17,152, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px
}
.searchautocomplete-placeholder ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(120,17,152, .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: #FE00E3;
    color: #FFFFFF;
    font-size: 12px
}
.searchautocomplete-placeholder .all a:hover {
    background: #781198;
    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: #FE00E3 }
.searchautocomlete-info .name,
.searchautocomlete-info .regular-price,
.searchautocomlete-info .special-price { font-size: 14px }

/* Breadcrumb */
.breadcrumb li {
    list-style: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.breadcrumb__list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.breadcrumb__sep {
    margin: 0 .5rem;
    color: rgba(0,0,0,.3);
}
.breadcrumb__link {
    display: flex;
    align-items: center;
}
.breadcrumb__home .breadcrumb__link:before {
    
    content: "\f015";
    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: .5rem;
}
.breadcrumb__last { font-weight: 700 }

/* Newsletter */
.newsletter { position: relative }
.newsletter__form {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    transition: all 300ms ease-out;
    margin: 0 -.25rem -.5rem;
}
.newsletter__text {
    flex: 1 1 100%;
    padding: 0 .25rem;
    margin-bottom: 1rem;
}
.newsletter__name {
    flex: 1 1 20%;
    display: flex;
    align-items: center;
    padding: 0 .25rem .5rem;
    min-width: 250px;
}
.newsletter__gender {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-width: 250px;
    padding: 0 .25rem .5rem;
}
.newsletter__email {
    flex: 1 1 40%;
    display: flex;
    align-items: center;
    padding: 0 .25rem .5rem;
    min-width: 250px;
}
.newsletter__submit {
    flex: 1 1 auto;
    padding: 0 .25rem .5rem;
}
.newsletter__btn { width: 100% }
.newsletter__loader {
    position: absolute;
    top: calc(50% - 1.375rem);
    left: calc(50% - 1.375rem);
    width: 2.75rem;
    height: 2.75rem;
    opacity: 0;
    transition: all 300ms ease-out;
}
.newsletter__message {
    text-align: center;
    background: #FE00E3;
    color: #FFFFFF;
    padding: 1rem;
}
.newsletter .male-label,
.newsletter .female-label {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms ease-out;
    cursor: pointer;
    line-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
    color: rgba(0,0,0,.8);
    border-radius: 3px;
}
.newsletter .male-label:before {
    
    content: "\f183";
    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: .5em;
}
.newsletter .female-label:before {
    
    content: "\f182";
    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: .5em;
}
.newsletter .male-label:hover,
.newsletter .female-label:hover {
    border-color: #781198;
    color: #781198;
}
.newsletter .male-label.checked,
.newsletter .female-label.checked {
    background: #781198;
    border-color: #781198;
    color: #F2F2F2;
}
.newsletter .label {
    flex: 0 0 auto;
    padding-right: .5rem;
    color: rgba(0,0,0,.5);
    display: none;
}
.newsletter .input-radio {
    position: fixed;
    top: -9999px;
    left: -9999px
}
.newsletter.loading {
    position: relative;
    min-height: 2.75rem;
}
.newsletter.loading .newsletter__loader { opacity: 1 }
.newsletter.done .newsletter__loader {
    opacity: .1;
    filter: grayscale(1);
    z-index: -1;
}
.newsletter.done {
    display: flex;
    align-items: center;
    justify-content: center;
}
.newsletter.loading .newsletter__form,
.newsletter.done .newsletter__form { display: none }

/* Coleção de Produtos */
.products__list {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0 -.5rem -1rem;
}
.products__item {
    flex: 1 1 250px;
    display: flex;
    min-width: 250px;
    margin: 0;
    padding: 0 .5rem 1rem;
}
.products__list .flex-fix {
    order: 99;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 0 !important;
}
.products__case {
    flex: 1 1 100%;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

/* custom markup */
.product__main {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    padding: 1rem;
}
.product__name {
    margin-bottom: 1rem;
    color: #222;
    font-size: 1rem;
    display: block;
}
.product__image {
    display: block;
    position: relative;
    padding: 1px 1px 0;
}
.products__list img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.products__list img.hidden { display: none !important }
.products__list img.active-img { display: block }
.products__list .price-box > span:not(:last-child) {
    display: block;
    margin-bottom: .5rem;
}
.products .esgotado {
    margin-bottom: 1rem;
    font-size: .8rem;
    font-weight: 600;
    color: #FF9900;
}
.products .product-rate { margin-top: auto }

/* --list */
.products--list {
    flex-flow: column nowrap;
    margin: 0;
}
.products--list .products__item {
    margin-bottom: 1rem;
    padding: 0;
    flex: 0 0 auto
}
.products--list .products__case {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.products--list .product__header {
    flex: 0 0 auto;
    padding: 1rem 0 1rem 1rem;
}
.products--list .product__main { flex: 1 1 auto }

/* carrossel */
.carrossel .products__list {
    display: block;
    margin-bottom: 0;
}
.carrossel .products__item {
    width: 100%;
    padding: 0 .5rem;
    min-width: 0;
}

/* Relacionados */
.related__subtitle { margin-bottom: 1rem }
.related__add-checkbox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20
}
.related__add-checkbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 3px;
    cursor: pointer;
    transition: all 200ms ease-out;
}
.related__add-checkbox label:hover { background: #FE00E3 }
.related__add-checkbox input { margin: 0 }
.related__hide,
.recommended__hide,
.whosaw__hide,
.jointsales__hide,
.upsell__hide { display: none }

/* Comparador */
.compare__amount {
    margin-bottom: 1rem;
    color: rgba(0,0,0,.5);
    font-size: .8rem;
}
.compare__list {
    margin: 0 -.5rem;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.compare__item {
    position: relative;
    flex: 1 1 16.666%;
    display: flex;
    flex-flow: column nowrap;
    min-width: 200px;
    padding: 0 .5rem 1rem;
}
.compare__item.fix {
    padding-bottom: 0;
    order: 99;
}
.compare__product-image {
    flex: 1 1 auto;
    display: block;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    text-align: center;
}
.compare__product-name {
    display: block;
    padding: 0 1rem 1rem;
    border: 1px solid rgba(0,0,0,.1);
    border-top: 0;
    border-radius: 0 0 3px 3px;
}
.compare__remove {
    position: absolute;
    top: 0;
    right: .5rem;
    box-shadow: none;
}

/* Depoimentos */
.testimonials header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.testimonials__nav {
    display: flex;
    align-items: flex-start;
}
.testimonials__nav .btn { margin-left: 1rem }
.testimonials__list {
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    margin: 1rem -.5rem -1rem;
    padding-top: 1rem;
}
.testimonials__item {
    flex: 1 1 20%;
    position: relative;
    padding: 1px 0 1rem;
    list-style: none !important;
    margin: 0 !important;
}
.testimonials__item.fix { padding-bottom: 0 }
.testimonials__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}
.testimonials__author { font-weight: 700 }
.testimonials__date { color: rgba(0,0,0,.5) }
.testimonials__content {
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
}

/* Depoimentos - Page */
.testimonials__toggler {
    display: flex;
    align-items: center;
}
.testimonials__toggler .btn { margin-right: 1rem }
.testimonials__form {
    padding-top: 1rem;
    display: none;
}
.testimonials__form .refresh-captcha: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; }
.testimonials__form .refresh-captcha .svg-loader {
    width: 2rem;
    height: 2rem;
    margin: 0 -.5rem;
    display: inline-block;
    vertical-align: middle;
}
.testimonials__form .refresh-captcha span,
.testimonials__form .refresh-captcha.loading:before { display: none }
.testimonials__form .refresh-captcha:hover .svg-loader .spinner { stroke: #FFFFFF }
.testimonials__rating {
    color: rgba(0,0,0,.7);
    float: left;
    margin-right: 1rem;
}
.testimonials__rating:before { 
    content: "\f165";
    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; }
.testimonials__rating span { display: none }
.positivo .testimonials__rating:before {
    color: #781198;
    content: '\f164';
}

/* Enquete */
.poll__content {
    position: relative;
    display: flex;
    align-items: stretch;
}
.poll__content .svg-loader {
    position: absolute;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.poll__form {
    flex: 1 1 auto;
    transition: all 200ms ease-out;
}
.poll__list { margin-bottom: 1rem }
.poll__list .validation-advice {
    right: auto;
    left: -25px;
    bottom: 100%;
    margin-bottom: -19px;
}
.poll__list .validation-advice div {
    right: auto;
    left: 0;
    transform-origin: left bottom;
    text-align: left;
}
.poll__list .validation-advice div:before {
    right: auto;
    left: 4px
}
.poll__answer {
    display: flex;
    align-items: center;
}
.poll__answer:not(:last-child) { margin-bottom: .5rem }
.poll__radio { margin-right: 1rem }
.poll__label {
    cursor: pointer;
    font-weight: 600;
}
.poll__label:hover { color: #781198 }
.poll__results {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}
.poll__results:empty { display: none }
.poll__results-list { flex: 1 1 50% }
.poll__results-item:not(:last-child) { margin-bottom: 1rem }
.poll__results-item:nth-child(9n+1) { color: #781198 }
.poll__results-item:nth-child(9n+2) { color: #FE00E3 }
.poll__results-item:nth-child(9n+3) { color: #FF9900 }
.poll__results-item:nth-child(9n+4) { color: #FF9900 }
.poll__results-item:nth-child(9n+5) { color: #FE00E3 }
.poll__results-item:nth-child(9n+6) { color: #781198 }
.poll__results-item:nth-child(9n+7) { color: #F26613 }
.poll__results-item:nth-child(9n+8) { color: #F26613 }
.poll__results-item .votes {
    font-size: .8em;
    color: #999;
    display: block;
}
.poll__results-item .percent {
    font-weight: 700;
    margin-right: 1rem;
    font-size: 1.2em;
}
.poll__percent {
    flex: 1 1 50%;
    max-height: 25vh;
    min-height: 150px;
    margin-right: 1rem;
}
.poll__percent .on {
    transition: stroke-dashoffset 2s ease-out;
    transform-origin: center;
    transform: rotate(-90deg);
    stroke-dasharray: 132px 132px;
    stroke-dashoffset: 132px;
    stroke-linecap: round;
    animation: stroke-free 10ms ease-out;
}
.poll__percent .on.locked { stroke-dashoffset: 132px !important }
.poll__percent .on:nth-child(9n+1) { stroke: #781198 }
.poll__percent .on:nth-child(9n+2) { stroke: #FE00E3 }
.poll__percent .on:nth-child(9n+3) { stroke: #FF9900 }
.poll__percent .on:nth-child(9n+4) { stroke: #FF9900 }
.poll__percent .on:nth-child(9n+5) { stroke: #FE00E3 }
.poll__percent .on:nth-child(9n+6) { stroke: #781198 }
.poll__percent .on:nth-child(9n+7) { stroke: #F26613 }
.poll__percent .on:nth-child(9n+8) { stroke: #F26613 }
.poll__content.loading .svg-loader {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.poll__content.loading .poll__form { opacity: .5 }
.poll__content.results .poll__form { display: none }

/* Pagamentos / Envios / Sociais / Selos */
.pays__svg {
    height: 2rem;
    max-width: 9rem;
}
.pays__name { display: none }
.ships__svg { height: 2rem }
.ships__name { display: none }
.socials__svg {
    height: 2rem;
    max-width: 9rem;
}
.socials__name { display: none }
.certs__name { display: none }

/* Formulários */
.forms__fieldset { margin-bottom: 1rem }
.forms__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.forms .required {
    font-size: .8em;
    opacity: .5;
}

/* Glossário */
.glossary__list {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    margin: 0 -.25em -.5rem;
}
.glossary__list:before,
.glossary__list:after {
    content: '';
    flex: 1 1 auto;
    height: 2.75rem;
    background: rgba(0,0,0,.03);
}
.glossary__item {
    flex: 0 0 3.25rem;
    display: flex;
    flex-flow: column nowrap;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 .25rem .5rem;
}
.glossary__letter {
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    padding: 0 .5rem;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #781198;
    color: #781198;
}
.glossary__letter:not(.empty):hover,
.glossary__letter.current {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    background: #781198;
    color: #F2F2F2;
}
.glossary__letter.empty {
    box-shadow: none;
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.2)
}

/* Glossário - Páginas */
.glossary__terms {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 -.5rem -1rem;
    max-width: calc(100% + 1rem);
}
.glossary__term {
    flex: 1 1 20%;
    min-width: 250px;
    padding: 0 .5rem 1rem;
}
.glossary__term-link { line-height: 2.75rem }
.glossary__term-link:before {
    
    content: "\f105";
    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: .5rem;
    vertical-align: middle;
    opacity: .5;
}

/* Lista de Desejos */
.mywish {
    position: relative;
    z-index: 20;
    height: 2.75rem;
}
.mywish__header a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    box-shadow: inset 0 0 0 1px #781198;
    border-radius: 100%;
}
.mywish__header .ico {
    fill: none;
    stroke: #781198;
    width: 1.2rem;
    height: 1rem;
    max-height: none;
}
.mywish__header .text { display: none }
.mywish__header .qtd {
    position: absolute;
    top: 0;
    right: -.25rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #FE00E3;
    color: #FFFFFF;
    line-height: 1rem;
    text-align: center;
    font-size: .7rem;
    letter-spacing: -.1em;
    text-indent: -1.5px;
}
.mywish__content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    max-width: 90vw;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
    display: none;
}
.drop--left .mywish__content {
    left: 0;
    right: auto;
}
.drop--right .mywish__content {
    left: auto;
    right: 0;
}
.drop--top .mywish__content {
    top: 100%;
    bottom: auto;
}
.drop--bottom .mywish__content {
    top: auto;
    bottom: 100%;
    box-shadow: inset 0 -1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
}
.mywish:hover .mywish__content { display: block }
.mywish:hover .mywish__header a { background: #781198 }
.mywish:hover .mywish__header .ico { fill: #F2F2F2 !important }
.mywish__list {
    max-height: 50vh;
    overflow: auto;
    padding-right: .5rem;
    margin-right: -.5rem;
}
.mywish__list::-webkit-scrollbar { width: 1px }
.mywish__list::-webkit-scrollbar-track { background: rgba(0,0,0,.1) }
.mywish__list::-webkit-scrollbar-thumb { background: #781198 }
.mywish__item {
    position: relative;
    display: flex;
    align-items: center;
}
.mywish__item:not(:last-child) {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.2)
}
.mywish__thumb {
    flex: 0 0 auto;
    margin-right: 1rem;
}
.mywish__details { flex: 1 1 auto }
.mywish__name {
    display: block;
    margin-bottom: 1rem;
}
.mywish__remove {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: none;
    background: #fff;
    padding: .25rem;
    line-height: 1rem;
    height: 1.5rem;
}
.mywish__actions {
    margin: 1rem -1rem -1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.mywish__actions a {
    display: block;
    padding: 1rem;
}
.mywish__actions a:hover {
    background: #781198;
    color: #F2F2F2;
}
.mywish--items .mywish__header .ico { fill: #781198 }

/* Meu Carrinho */
.mycart {
    position: relative;
    z-index: 20;
    height: 2.75rem;
}
.mycart__header a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    box-shadow: inset 0 0 0 1px #781198;
    border-radius: 100%;
}
.mycart__header .ico {
    fill: #781198;
    width: 1rem;
    height: 1rem;
    max-height: none;
}
.mycart__header .text { display: none }
.mycart__header .qtd {
    position: absolute;
    top: 0;
    right: -.25rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #FE00E3;
    color: #FFFFFF;
    line-height: 1rem;
    text-align: center;
    font-size: .7rem;
    letter-spacing: -.1em;
    text-indent: -1.5px;
}
.mycart__content {
    max-height: 80vh;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    max-width: 90vw;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
    display: none;
}
.drop--left .mycart__content {
    left: 0;
    right: auto;
}
.drop--right .mycart__content {
    left: auto;
    right: 0;
}
.drop--top .mycart__content {
    top: 100%;
    bottom: auto;
}
.drop--bottom .mycart__content {
    top: auto;
    bottom: 100%;
    box-shadow: inset 0 -1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
}
.mycart:hover .mycart__content { display: block }
.mycart:hover .mycart__header a { background: #781198 }
.mycart:hover .mycart__header .ico { fill: #F2F2F2 }
.mycart__list {
    max-height: 50vh;
    overflow: auto;
    padding-right: .5rem;
    margin-right: -.5rem;
}
.mycart__list::-webkit-scrollbar { width: 1px }
.mycart__list::-webkit-scrollbar-track { background: rgba(0,0,0,.1) }
.mycart__list::-webkit-scrollbar-thumb { background: #781198 }
.mycart__item {
    position: relative;
    display: flex;
    align-items: center;
}
.mycart__item {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.2)
}
.mycart__thumb {
    flex: 0 0 auto;
    margin-right: 1rem;
}
.mycart__details { flex: 1 1 auto }
.mycart__details .price { font-weight: 600 }
.mycart__details dl { font-size: .6rem }
.mycart__details dt { font-weight: 600 }
.mycart__details dd { color: rgba(0,0,0,.7) }
.mycart__details dd:not(:last-child) { margin-bottom: .5rem }
.mycart__details .truncated a { display: none }
.mycart__name {
    display: block;
    margin-bottom: 1rem;
}
.mycart__qtd {
    font-size: .6rem;
    opacity: .5;
}
.mycart__remove {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: none;
}
.mycart__actions {
    display: flex;
    align-items: stretch;
    margin: 1rem -1rem -1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.mycart__actions a {
    flex: 1 1 50%;
    padding: 1rem;
}
.mycart__actions .editar { font-size: .8rem }
.mycart__actions .finalizar {
    text-align: right;
    font-weight: 600;
}
.mycart__actions a:hover {
    background: #781198;
    color: #F2F2F2;
}
.mycart__hide { display: none }

/* Minha Conta */
.myaccount {
    position: relative;
    z-index: 20;
    height: 2.75rem;
}
.myaccount__header a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #781198;
    border-radius: 100%;
}
.myaccount__header .thumb {
    position: absolute;
    top: 0;
    left: 0;
}
.myaccount__header .thumb img {
    display: block;
    width: auto;
    height: 2.75rem;
    min-width: 100%;
}
.myaccount__header .thumb:empty { display: none }
.myaccount__header .ico {
    fill: #781198;
    width: 2.75rem;
    height: 2.75rem;
    max-height: none;
    margin: 0;
}
.myaccount__header .name,
.myaccount__header .text { display: none }
.myaccount__content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    max-width: 90vw;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
    display: none;
}
.drop--left .myaccount__content {
    left: 0;
    right: auto;
}
.drop--right .myaccount__content {
    left: auto;
    right: 0;
}
.drop--top .myaccount__content {
    top: 100%;
    bottom: auto;
}
.drop--bottom .myaccount__content {
    top: auto;
    bottom: 100%;
    box-shadow: inset 0 -1px 0 #781198,inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 2rem - 1rem rgba(0,0,0,.5);
}
.myaccount:hover .myaccount__content { display: block }
.myaccount:hover .myaccount__header a { background: rgba(120,17,152,.1) }
#i-user .female { display: none }
.user-female #i-user .male { display: none }
.user-female #i-user .female { display: block }
.myaccount__content .mb-menu {
    display: flex;
    flex-flow: column nowrap;
}
.myaccount__content .mb-menu li { margin-bottom: .5rem }
.myaccount__content .mb-menu li.logout {
    order: 2;
    margin: .5rem -1rem -1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.myaccount__content .mb-menu li.logout a {
    display: block;
    padding: 1rem;
}
.myaccount__content .mb-menu li.logout a:hover {
    background: #781198;
    color: #F2F2F2;
}
.myaccount__login { margin-bottom: 1rem }
.myaccount__login .fields {
    flex-flow: row nowrap;
    align-items: flex-end;
}
.myaccount__login label { display: none }
.myaccount__login .pass { position: relative }
.myaccount__forgot {
    position: absolute;
    top: 2.75rem;
    left: 1.5rem;
    line-height: 1rem;
    font-size: .6rem;
}
.myaccount__register {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.myaccount__register .std { margin-bottom: 1rem }
.myaccount__register-btn {
    display: block;
    text-align: center;
}
.myaccount__hide { display: none }

/* Mini Cadastro */
.logincreate {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0 -1rem -2rem;
}
.logincreate__login {
    flex: 1 1 50%;
    padding: 0 1rem 2rem;
    min-width: 250px;
}
.logincreate__social { margin-bottom: 1rem }
.logincreate__create {
    flex: 1 1 50%;
    padding: 0 1rem 2rem;
    min-width: 250px;
}
.logincreate__forgot {
    position: absolute;
    top: 2.75rem;
    left: 1rem;
    line-height: 1rem;
    font-size: .6rem;
}

/* Logo */
.logo__name { display: none }
.logo a { display: block }
.logo img,
.logo svg {
    display: block;
    height: 2.75rem;
    width: auto;
    max-width: 30vw;
}
.logo .m-img { display: none }

/* Marcas */
.brands__list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.brands__item { flex: 1 1 auto }
.brands__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    position: relative;
}
.brands__item a:hover {
    z-index: 10;
    border-color: #781198;
}
.brands__item img {
    width: auto;
    height: auto;
    max-height: 2rem;
    max-width: 25vw;
    display: block;
}
.brands__item svg {
    height: 2rem;
    display: block;
}
.brands__item .name:not(:only-child) { display: none }
.brands--carrossel .brands__list {
    padding: 0 .5rem;
    margin: 0 -.5rem;
}
.brands .owl-wrapper-outer { border-right: 1px solid rgba(0,0,0,.1) }

/* Menu de Categorias */
.categories { background: #781198 }
.categories a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories a img,
.categories a svg {
    max-height: 2rem;
    width: auto;
    height: auto;
    margin-right: .5rem;
    fill: #F2F2F2;
    flex: 0 0 auto;
}
.categories a svg {
    width: 1rem;
    height: 1rem;
}
.categories a span { flex: 1 1 auto }
.categories .ul--0 {
    position: relative;
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
}
.categories .li--0 { position: relative }
.categories .li--0:hover .box--1 { transform: translateX(0) }
.categories .li--0:hover .a--0 {
    background: #FE00E3;
    color: #FFFFFF;
}
.categories .li--0:hover .a--0 svg { fill: #FFFFFF }
.categories .a--0 {
    color: #F2F2F2;
    padding: 0 1rem;
    height: 2.75rem;
    cursor: pointer;
    line-height: 2.75rem;
    text-align: center;
}
.categories .box--1 {
    transform: translateX(-99999px);
    display: flex;
    align-items: stretch;
}
.categories .ul--1 { flex: 1 1 auto }
body:not(.mobile) .categories .ul--1 {
    max-height: 65vh;
    overflow: auto;
}
.categories .ul--2 { font-size: .8rem }
.categories__products .products__list { flex-flow: row nowrap }
.categories__products .products__item,
.categories__products.carrossel {
    width: 16rem !important;
    max-width: 16rem;
}
.categories__products,
.categories__block {
    flex: 1 1 16rem;
    margin-left: .5rem;
    padding: .5rem .5rem .5rem 1rem;
    border-left: 1px solid rgba(0,0,0,.1);
}
.categories__products a,
.categories__block a { display: block }
.categories__products a img,
.categories__block a img,
.categories__products a svg,
.categories__block a svg {
    max-height: none;
    margin: 0;
}
.categories__all { position: static !important }
.categories .products__case {
    padding: 0;
    box-shadow: none;
}
.all-ul--0 {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: 100%;
    max-height: calc(60vh - 7.5rem);
    overflow-y: auto;
    padding: .5rem .5rem 0;
}
.all-ul--0::-webkit-scrollbar { width: 1px }
.all-ul--0::-webkit-scrollbar-track { background: rgba(0,0,0,.1) }
.all-ul--0::-webkit-scrollbar-thumb { background: #781198 }
.all-ul--0 .std { display: none }
.all-li--0 {
    display: block;
    flex: 1 1 20%;
    min-width: 250px;
    max-width: 20%;
    padding-bottom: 1rem;
}
.all-a--0 {
    display: block;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 700;
}
.all-a--0:hover {
    box-shadow: -.5rem 0 0 #781198;
    color: #781198;
}
.all-ul--1 { font-size: .8rem }
.all-a--1 {
    display: block;
    padding: .25rem .5rem;
    color: rgba(0,0,0,.7)
}
.all-a--1:hover {
    box-shadow: -.5rem 0 0 #FE00E3;
    color: #FE00E3;
}
.all-ul--2 { font-size: .7rem }
.all-a--2 {
    display: block;
    padding: 0 .5rem;
    color: rgba(0,0,0,.4)
}
.all-a--2:hover {
    box-shadow: -.5rem 0 0 #FF9900;
    color: #FF9900;
}

/* Ajustado - default */
.categories--justify .ul--0 {
    display: flex;
    align-items: center;
}
.categories--justify .li--0 { flex: 1 1 auto }
.categories--justify .li--0.removed {
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
}
.categories--justify .box--1 {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),
    0 1rem 2rem -1rem rgba(0,0,0,.5);
    padding: .5rem;
}
.categories--justify .drop--left .box--1 { left: 0 }
.categories--justify .drop--right .box--1 { right: 0 }
.categories--justify .drop--top .box--1 { top: 100% }
.categories--justify .drop--bottom .box--1 { bottom: 100% }
.categories--justify .ul--1 {
    width: 16rem;
    max-width: 90vw;
}
.categories--justify .li--1 { display: block }
.categories--justify .a--1 {
    display: block;
    padding: .5rem;
}
.categories--justify .a--1:hover { box-shadow: -.5rem 0 0 #781198 }
.categories--justify .ul--2 { padding-bottom: .5rem }
.categories--justify .a--2 {
    color: rgba(0,0,0,.5);
    padding: 0 .5rem;
}
.categories--justify .a--2:hover {
    color: #FE00E3;
    box-shadow: -.5rem 0 0 #FE00E3;
}
.categories--justify .categories__all { flex: 0 0 auto }
.categories--justify .categories__all .box--1 {
    left: 0 !important;
    right: 0 !important;
    padding: 0;
}

/* Vertical */
.categories--vertical .li--0:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.1) }
.categories--vertical .a--0 { text-align: left }
.categories--vertical .box--1 {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),
    0 1rem 2rem -1rem rgba(0,0,0,.5);
    padding: .5rem;
}
.categories--vertical .drop--left .box--1 { left: 100% }
.categories--vertical .drop--right .box--1 { right: 100% }
.categories--vertical .drop--top .box--1 { top: 0 }
.categories--vertical .drop--bottom .box--1 { bottom: 0 }
.categories--vertical .ul--1 {
    width: 16rem;
    max-width: 90vw;
}
.categories--vertical .li--1 { display: block }
.categories--vertical .li--1:only-child {
    -moz-column-span: all;
    column-span: all;
}
.categories--vertical .a--1 {
    display: block;
    padding: .5rem;
}
.categories--vertical .a--1:hover { box-shadow: -.5rem 0 0 #781198 }
.categories--vertical .ul--2 { padding-bottom: .5rem }
.categories--vertical .a--2 {
    color: rgba(0,0,0,.5);
    padding: 0 .5rem;
}
.categories--vertical .a--2:hover {
    color: #FE00E3;
    box-shadow: -.5rem 0 0 #FE00E3;
}

/* Prateleira */
.categories--shelf { background: linear-gradient(#781198 0, #781198 2.75rem, rgba(1,9,1,.9) 5.5rem, rgba(1,8,1,.8) 8.25rem, rgba(1,7,1,.7) 11rem, rgba(1,6,1,.6) 13.75rem) }
.categories--shelf .ul--0 {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.categories--shelf .li--0 { flex: 0 0 auto }
.categories--shelf .li--0.removed {
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
}
.categories--shelf .li--0:hover { z-index: 20 }
.categories--shelf .box--1 {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),
    0 1rem 2rem -1rem rgba(0,0,0,.5);
    padding: .5rem;
}
.categories--shelf .drop--left .box--1 { left: 0 }
.categories--shelf .drop--right .box--1 { right: 0 }
.categories--shelf .drop--top .box--1 { top: 100% }
.categories--shelf .drop--bottom .box--1 { bottom: 100% }
.categories--shelf .ul--1 {
    width: 16rem;
    max-width: 90vw;
}
.categories--shelf .li--1 { display: block }
.categories--shelf .li--1:only-child {
    -moz-column-span: all;
    column-span: all;
}
.categories--shelf .a--1 {
    display: block;
    padding: .5rem;
}
.categories--shelf .a--1:hover { box-shadow: -.5rem 0 0 #781198 }
.categories--shelf .ul--2 { padding-bottom: .5rem }
.categories--shelf .a--2 {
    color: rgba(0,0,0,.5);
    padding: 0 .5rem;
}
.categories--shelf .a--2:hover {
    color: #FE00E3;
    box-shadow: -.5rem 0 0 #FE00E3;
}
.categories--shelf .categories__all { flex: 0 0 auto }
.categories--shelf .categories__all .box--1 {
    top: 2.75rem;
    left: 0 !important;
    right: 0 !important;
    padding: 0;
}

/* Carrossel */
.categories--carrossel {
    height: 2.75rem;
    visibility: hidden;
}
.categories--carrossel.loaded {
    height: auto;
    visibility: visible;
}
.categories--carrossel .ul--0 {
    padding: 0 1rem;
    max-width: 90rem;
}
.categories--carrossel .owl-prev,
.categories--carrossel .owl-next {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),0 0 0 1rem #fff;
    border-radius: 0;
}

/* Mini */
.categories--mini { display: inline-block }
.categories__header {
    cursor: pointer;
    color: #F2F2F2;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
}
.categories__header:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.categories__content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    overflow: auto;
    padding: 1rem;
    background: #781198;
    transform: translateX(-100%);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.categories__content.open { transform: translateX(0) }
.categories__close {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    margin-left: auto;
    color: #F2F2F2;
}
.categories__close: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; }
.categories__close span { display: none }
.categories__close:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.categories--mini .ul--0 {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
}
.categories--mini .li--0 {
    flex: 1 1 20%;
    padding: 0;
    margin-bottom: 2rem;
    min-width: 250px;
    transition: all 400ms ease-out;
}
.categories--mini .li--fix {
    height: 0;
    margin: 0;
    order: 2;
    align-self: flex-start;
}
.categories--mini .li--0:hover { background: rgba(0,0,0,.1) }
.categories--mini .li--0:hover .box--1 { transform: none }
.categories--mini .li--0:hover .a--0 {
    background: none;
    color: #F2F2F2;
}
.categories--mini .li--0:hover .a--0 svg { fill: #F2F2F2 }
.categories--mini .a--0 {
    height: auto;
    line-height: 1em;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
}
.categories--mini .li--0:hover .a--0:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.categories--mini .li--0:hover .a--0:hover svg { color: #FFFFFF }
.categories--mini .box--1 {
    transform: none;
    display: block;
}
.categories--mini .li--1 { display: block }
.categories--mini .li--1:only-child {
    -moz-column-span: all;
    column-span: all;
}
.categories--mini .a--1 {
    display: block;
    padding: .5rem 1rem;
    color: #F2F2F2
}
.categories--mini .a--1:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
.categories--mini .ul--2 {
    
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
}
.categories--mini .li--2 {
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
    display: block
}
.categories--mini .a--2 {
    color: #F2F2F2;
    padding: .5rem 1rem;
}
.categories--mini .a--2:hover {
    background: #FF9900;
    color: #FFFFFF;
}
.categories__show,
.categories__hide { display: none }

/* Menu Configurável */
.mymenu .li--0:not(:last-child) { margin-bottom: .5rem }
.mymenu .a--0 { font-weight: 600 }
.mymenu .ul--1 { font-size: .9em }
.mymenu .li--1 { opacity: .8 }
.mymenu .ul--2 { font-size: .8em }
.mymenu .li--2 { opacity: .8 }

/* Social Connect */
.socialconnect {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -.25rem .5rem;
}
.socialconnect:before,
.socialconnect:after {
    content: '';
    flex: 1 1 auto;
    margin: 0 .25rem .5rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.socialconnect li {
    flex: 0 0 auto;
    padding: 0 .25rem .5rem;
    list-style: none !important;
    margin: 0 !important;
}
.socialconnect a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 100%;
    background: none;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.socialconnect span { display: none }
.socialconnect__facebook .ico { fill: #3b5998 }
.socialconnect__twitter .ico { fill: #00aced }
.socialconnect__google .ico { fill: #dd4b39 }
.socialconnect__linkedin .ico { fill: #007bb5 }
.socialconnect a:hover .ico { fill: #fff }
.socialconnect__facebook a:hover { background: #3b5998 }
.socialconnect__twitter a:hover { background: #00aced }
.socialconnect__google a:hover { background: #dd4b39 }
.socialconnect__linkedin a:hover { background: #007bb5 }

/* Carrossel */
.owl-prev,
.owl-next {
    position: absolute;
    top: calc(50% - 1.375rem);
    width: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
    color: #F2F2F2;
    background: #781198;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    font-size: 0;
    text-indent: -9999px;
}
.owl-prev:before,
.owl-next:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 2.75rem;
    height: 100%;
    width: 100%;
    text-align: center;
    
    content: "\f053";
    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: 1rem;
    text-indent: 0;
}
.owl-prev:hover,
.owl-next:hover {
    background: #FE00E3;
    color: #FFFFFF
}
body.ie .owl-prev,
body.ie .owl-next {
    text-indent: 0;
    font-size: inherit;
    line-height: 2.75rem;
}
body.ie .owl-prev:before,
body.ie .owl-next:before { display: none }
.owl-prev { right: 100% }
.owl-next { left: 100% }
.owl-next:before { content: '\f054' }
.owl-page span { background: #781198 }

/* Feed RSS */
.feeds__list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1rem -2rem;
}
.feeds__post {
    flex: 1 1 33.333%;
    min-width: 280px;
    padding: 0 1rem 2rem;
    display: flex;
}
.feeds__post.fix {
    padding-bottom: 0;
    order: 2;
}
.feeds__thumb {
    flex: 0 0 7rem;
    margin-right: 1rem;
}
.feeds__thumb .imgcase {
    display: block;
    height: 7rem;
    border-radius: 100%;
}
.feeds__name { margin: 0 }
.feeds__date {
    font-size: .8rem;
    opacity: .5;
}
.feeds__excerpt {
    padding-top: 1rem;
    font-size: .8rem;
}
.feeds__content { padding-top: 1rem }
.feeds__content img { margin: 0 0 1rem }
.feeds__content .centered,
.feeds__content .aligncenter {
    display: block;
    margin: 0 auto 1rem;
    text-align: center
}
.feeds__content .alignright {
    margin: 0 0 1rem 1rem;
    float: right;
    text-align: right
}
.feeds__content .alignleft {
    margin: 0 1rem 1rem 0;
    float: left;
    text-align: left
}
.feeds__content img.size-full { width: auto }
.feeds__content img.size-large { width: 100% }
.feeds__content img.alignleft,
.feeds__content img.alignright { max-width: 50% }
.feeds__content img[style*='margin-left: auto'],
.feeds__content img[style*='margin-right: auto'],
.feeds__content img[style*='margin-left:auto'],
.feeds__content img[style*='margin-right:auto'] { display: block }
.feeds--content .feeds__list {
    display: block;
    
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    margin: 0
}
.feeds--content .feeds__post {
    padding: 0 0 8rem;
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
    display: block;
    margin: 0;
}
.feeds--content .feeds__post.fix { display: none }
.feeds--content .feeds__post:last-child {
    margin: 0;
    padding: 0;
    border: 0
}
.feeds--content .feeds__thumb { margin: 0 0 1rem }
.feeds--content .feeds__thumb .imgcase {
    border-radius: 0;
    height: 12rem;
}

/* Temporizador */
.timer {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.timer__ani {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
}
.timer__ani .bg {
    stroke-width: 5px;
    stroke: rgba(0,0,0,.1);
    stroke-dasharray: 126px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    transform-origin: center;
    transform: rotate(-90deg);
}
.go .timer__ani .bg { animation: one_sec 2s linear infinite }
@keyframes one_sec {
    0% { stroke-dashoffset: 0 }
    50% { stroke-dashoffset: -126px }
    100% { stroke-dashoffset: -252px }
}
.timer__ani .time-left {
    stroke-width: 3px;
    stroke-dasharray: 126px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    transform-origin: center;
    transform: rotate(-90deg);
    transition: stroke-dashoffset 500ms ease-out;
}
.timer__clock {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0 15%;
    width: 100%;
    color: #781198;
    font-size: 1.2rem;
    line-height: 1em;
}
.timer__days {
    position: relative;
    flex: 1 1 100%;
    font-size: 2rem;
    margin: -1rem 0 1rem;
    text-align: center;
    color: #FE00E3;
    line-height: 1em;
}
.timer__hours,
.timer__minutes,
.timer__seconds { position: relative }
.timer__days.zero { color: #FE00E3 }
.timer__hours.zero,
.timer__minutes.zero,
.timer__seconds.zero {
    color: rgba(0,0,0,.5);
    opacity: .5;
}
.timer__days.zero + .timer__hours,
.timer__hours.zero + .timer__afterhours + .timer__minutes,
.timer__minutes.zero + .timer__afterminutes + .timer__seconds { font-weight: 700 }
.timer__label {
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1em;
    color: rgba(0,0,0,.5);
    font-size: .5rem;
    transform: translateX(-50%)
}
.timer__afterhours,
.timer__afterminutes {
    color: rgba(0,0,0,.3);
    padding: 0 .25rem;
}
.sidebar .timer {
    margin-left: auto;
    margin-right: auto;
}

/* Mensagens */
.cart-table .item-msg,
.messages > li {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    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 { position: relative }
.banner .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__wrapper {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.banner__item { width: 100% }
.banner__item .title { display: none }
.banner__link {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}
.banner__link:hover { opacity: .8 }
.slide--html {
    position: relative;
    z-index: 1;
}
.slide--html .banner__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.slide__html {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide--youtube {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.slide--youtube .banner__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.slide__youtube {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 182%;
}
.slide__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}
.banner--nojs .slide--youtube { overflow: visible }
.banner--nojs .slide__youtube {
    left: auto;
    transform: none;
    padding: 56.25% 0 0;
}
.banner--nojs img.d_img { display: block }
.banner--nojs img.m_img { display: none }
.banner--nojs .banner__wrapper {
    
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
}
.banner--nojs .banner__item {
    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;
    overflow: hidden;
}
.banner:not(.banner--nojs) img.d_img {
    display: block;
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner:not(.banner--nojs) img.m_img {
    display: none;
    width: 100vw;
    min-width: 100%;
    height: auto;
}
.banner.loading .svg-loader {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
.banner.loading .banner__wrapper {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.banner .owl-prev {
    left: 1rem;
    right: auto;
}
.banner .owl-next {
    right: 1rem;
    left: auto;
}

/* Layout */

/* Header */
.header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.header-container .categories:not(.categories--mini) {
    padding: 0 1rem;
    margin: 0 -1rem;
}
.header {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .search {
    flex: 1 1 auto;
    margin-left: 1rem;
}
.header .mywish,
.header .mycart,
.header .myaccount,
.header .loginout { margin-left: 1rem }
.header .loginout { text-align: right }

/* Footer */
.footer-container {
    background: linear-gradient(#781198, #FE00E3);
    padding: 1rem 0;
    margin: 4rem -1rem 0;
}
.footer {
    color: #F2F2F2;
    font-size: .8rem;
}
.footer .newsletter {
    background: rgba(0,0,0,.2);
    box-shadow: -980px 0 0 rgba(0,0,0,.2),
    980px 0 0 rgba(0,0,0,.2);
    padding: 1rem 0;
    margin-top: -1rem;
    font-size: 1rem;
    border-bottom: 1px solid rgba(0,0,0,0);
}
.footer .newsletter .title {
    color: #F2F2F2;
    text-align: center;
}
.footer .flex .title {
    font-size: 1rem;
    opacity: .5;
    color: #F2F2F2;
}
.footer .std { color: #F2F2F2 }
.footer .tele { font-size: 2rem }
.footer .email {
    font-weight: 600;
    padding-top: .5rem;
}
.footer a { color: #F2F2F2 }
.footer a:hover { color: #FFFFFF }
.footer .myaccount__header a {
    margin-left: auto;
    background: #fff !important;
    box-shadow: 0 0 0 4px #fff;
}
.footer .myaccount__header a:hover {
    box-shadow: 0 0 0 4px #fff,
    0 1rem 1rem -.5rem rgba(0,0,0,.3);
}
.footer .myaccount__content { display: none !important }
.footer .socials { padding-top: 1rem }

/* Home */
.cms-home .header-container + .banner { margin: -1rem -1rem 1rem }

/* Catálogo */
.category-description {
    display: none;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
}
.col-main .note-msg {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 20rem);
    font-size: 1.5rem;
    opacity: .5;
}
.col-main .note-msg:before {
    
    content: "\f119";
    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-bottom: 1rem;
    opacity: .5;
    font-size: 3rem;
}
.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: #781198 }
.col-main .note-msg .suggest a:hover { color: #FE00E3 }

/* Toolbar */
.toolbar {
    display: flex;
    align-items: center;
}
.toolbar .sorter,
.toolbar .sort-by,
.toolbar .limiter,
.toolbar .view-mode {
    display: flex;
    align-items: center;
}
.toolbar .pager { display: none }
.toolbar .amount {
    flex: 1 1 auto;
    opacity: .7;
}
.toolbar .amount span { font-weight: 700 }
.toolbar .sorter { margin-left: 1rem }
.toolbar .sort-by { margin-left: 1rem }
.toolbar .sort-by a { display: none }
.toolbar .sort-by label {
    margin-right: .5rem;
    font-size: .8rem;
    opacity: .3;
    flex: 0 0 auto;
}
.toolbar .sort-by select {
    height: 2rem;
    width: 10rem
}
.toolbar .view-mode label { display: none }
.toolbar .view-mode .list,
.toolbar .view-mode .grid { flex: 0 0 auto }
.toolbar .view-mode .grid { margin-right: .5rem }
.toolbar .view-mode svg {
    height: 1.5rem;
    width: 1.5rem;
}
.toolbar .view-mode strong svg { fill: #781198 }
.toolbar .view-mode a svg {
    fill: #d6d6d6;
    transition: all 100ms ease-in-out;
}
.toolbar .view-mode a:hover svg { fill: #FE00E3 }
.toolbar .limiter { margin-left: 1rem }
.toolbar .limiter label {
    margin-right: .5rem;
    font-size: .8rem;
    opacity: .3;
}
.toolbar .limiter select {
    height: 2rem;
    width: 3rem
}
.pager ol {
    display: flex;
    align-items: center;
}
.pager li:not(:first-child) { margin-left: .25rem }
.pager li span span {
    display: block;
    line-height: 2rem;
    min-width: 2rem;
    text-align: center;
    padding: 0 .25rem;
    background: #FE00E3;
    color: #FFFFFF;
}
.pager a {
    display: block;
    line-height: 2rem;
    min-width: 2rem;
    text-align: center;
    padding: 0 .25rem;
}
.pager a:hover {
    background: #781198;
    color: #F2F2F2;
}
.pager a.next span,
.pager a.previous span { display: none }
.pager a.next:before,
.pager a.previous:before {
    display: block;
    line-height: 2rem;
    content: '\f054';
}
.pager a.previous:before { content: '\f053' }
.toolbar-bottom .pager { display: block }
.toolbar-bottom .pager .label,
.toolbar-bottom .sorter,
.toolbar-bottom .limiter { display: none }

/* Filtros */
.filters__filter {
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    transition: all 200ms ease-out;
}
.filters__filter:not(:last-child) { margin-bottom: 1rem }
.filters__filter:hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),0 1rem 1.5rem -1rem rgba(0,0,0,.4) }
.filters__filter .li--0:not(:last-child) { margin-bottom: 1rem }
.filters__filter .a--0 { display: block }
.filters__filter .count {
    font-size: .8em;
    color: rgba(0,0,0,.5)
}
.filters__filter .ul--1 {
    padding: .25rem 0 0 1rem;
    font-size: .8rem;
}
.filters__filter .li--1:not(:last-child) { margin-bottom: .5rem }
.filters__filter .a--1 {
    display: block;
    color: #FE00E3
}
.filters__filter .a--1:hover { color: #781198 }
.filters__swatches .ul--0 {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0 -.25rem -.5rem;
}
.filters__swatches .li--0 {
    margin: 0 !important;
    padding: 0 .25rem .5rem;
    max-width: 50%;
    min-width: 2.75rem;
    flex: 0 1 auto
}
.filters__swatches .a--0 {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    color: rgba(0,0,0,.6);
}
.filters__swatches .a--0:hover {
    box-shadow: 0 0 0 1px #781198;
    color: #781198
}
.filters__swatches .swatch {
    width: 100%;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
    display: block;
}
.filters__swatches span.swatch { padding: 0 .25rem }
.filters__swatches .count { display: none }
.filters__name {
    font-weight: 700;
    font-size: .8rem;
    margin-bottom: 1rem;
    color: rgba(0,0,0,.5)
}
.filters__filtered { margin-bottom: 1rem }
.filtered__clear {
    display: block;
    color: rgba(0,0,0,.5);
    margin-top: .5rem;
    font-size: .8rem;
    font-weight: 700;
}
.filtered__clear:hover { color: #781198 }
.filters__filtered .li--0 {
    padding-left: 1rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    background: #fff;
    display: flex;
    align-items: center;
}
.filtered__filter {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    max-width: calc(100% - 2.75rem);
}
.filtered__name { opacity: .5 }
.filtered__value {
    margin-left: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filtered__value .swatch {
    display: block;
    width: 1rem;
    height: 1rem;
}
.filters__filtered .btn--close {
    box-shadow: none;
    border-radius: 0
}

/* Swatches */
.configurable-swatch-list {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin: 0 -.25rem .5rem;
}
.configurable-swatch-list li {
    min-width: 1px;
    flex: 0 0 auto;
    padding: 0 .25rem .5rem;
    margin: 0 !important;
    list-style: none !important;
}
.configurable-swatch-list a {
    display: block;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    padding: 0 .25rem;
    color: #777;
    line-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center;
}
.configurable-swatch-list a.has-image { padding: 0 }
.configurable-swatch-list .swatch-label { display: block }
.configurable-swatch-list img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.configurable-swatch-list .x {
    position: absolute;
    top: .5rem;
    left: .5rem;
    opacity: 0;
    stroke: rgba(0,0,0,.5);
    stroke-width: 2px;
    stroke-linecap: round;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    transition: all 200ms ease-out;
    overflow: visible;
}
.configurable-swatch-list .not-available .x { opacity: 1 }
.configurable-swatch-list .not-available .swatch-label { opacity: .3 }
.configurable-swatch-list a:hover {
    box-shadow: 0 0 0 1px #781198;
    background: #781198;
    color: #F2F2F2;
}
.configurable-swatch-list .selected a {
    box-shadow: 0 0 0 3px #781198;
    background: #781198;
    color: #F2F2F2;
}

/* Preços */
.price-box { margin-bottom: 1rem }
.price-box > *:not(:last-child) { margin-bottom: .5rem }
.price-from {
    color: #FE00E3;
    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: #FE00E3;
}
.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: #FE00E3;
    display: block
}
.regular-price .price,
.special-price .price { font-weight: 700 }
.price-as-configured {
    font-size: 14px;
    color: #FE00E3;
    display: block
}
.price-as-configured .price { font-weight: 700 }
.tier-prices {
    color: #333;
    margin-bottom: 1rem;
    padding: .5rem;
    background: #f0f6f9
}
.tier-prices li {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.1)
}
.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 }
.tier-prices .benefit {
    display: block;
    padding-top: .25rem;
    color: #888;
    font-size: .8rem;
    font-style: italic
}
.tier-prices .benefit .percent { font-weight: 600 }
.price-box-avista {
    text-align: left;
    margin-bottom: 1rem;
    color: #FE00E3;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.price-box-avista .label {
    margin-right: .5rem;
    font-size: .8rem;
}
.price-box-avista .price {
    font-weight: 700;
    flex: 1 1 auto;
}
.price-box-parcelado { margin-bottom: 1rem }
.price-box-parcelado .num,
.price-box-parcelado .value {
    font-weight: 700;
    color: #FE00E3
}
.price-box-parcelado .juros {
    display: block;
    font-size: .8rem;
}
.preco-parcelado-sem-juros {
    margin-bottom: .25rem;
    color: #FE00E3
}
.price-box-parcelado,
.preco-parcelado-sem-juros,
.minimal-price .label,
.minimal-price-link .label,
.price-from .label,
.regular-price .label,
.special-price .label,
.price-box-avista .label { color: #777 }

/* Avaliações */
.product-rate .rating-box { height: 1em }
.product-rate .rating-box:before {
    content: '\f005\f005\f005\f005\f005';
    font-size: 1em;
    letter-spacing: 2px;
    color: rgba(0,0,0,.2);
}
.product-rate .rating:before {
    color: #faa332;
    font-size: 1em;
    letter-spacing: 2px;
}
.product-rate .amount,
.product-rate .x-out-of-5,
.product-rate .to-rate,
.product-rate .percent { display: none }
.product-rate .circle-percent {
    opacity: 0;
    transition: all 1s ease-in-out;
}
.product-rate .done .circle-percent { opacity: 1 }
.product-rate .circle-percent .on { stroke: url(#timer__gradient) }

/* Quantidade */
.qty-wrapper { position: relative }
.qty-wrapper label { display: none }
.qty-wrapper .bt-box {
    position: absolute;
    top: 50%;
    right: -.5rem;
    z-index: 10;
    border-radius: 1rem;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    transform: translateY(-50%);
}
.qty-wrapper .bt {
    cursor: pointer;
    display: block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 1rem 1rem 0 0;
    background: #fff;
    color: #222;
    font-size: .6rem
}
.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 1rem 1rem }
.qty-wrapper .bt.less:before { content: '\f078' }
.qty-wrapper .bt.type {
    display: none;
    border-radius: 1rem;
    height: 2rem;
    line-height: 2rem
}
.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: 1rem;
    min-width: 150px;
    border-radius: 3px;
    text-align: center;
    font-size: .8rem;
    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: 2.75rem;
    height: 2.75rem;
    padding: .5rem 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: center
}

/* Produto */

/* @compartilhar */
.sharing-links .list {
    margin: 0 -.25rem -.5rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.sharing-links .list:before {
    content: 'Compartilhar';
    font-size: .8rem;
    opacity: .5;
    margin: 0 .25rem .5rem
}
.sharing-links li {
    margin: 0 .25rem .5rem;
    flex: 0 0 2rem;
}
.sharing-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    height: 2rem;
    width: 2rem;
    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: #781198 }
.sharing-links .email-to-friend a:before {
    color: #F2F2F2;
    font-size: 1rem;
    
    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: 1rem;
    height: 1rem;
    fill: #fff;
}

/* @bt(comprar) */
.add-to-cart-buttons > *:not(:last-child) { margin-bottom: 1rem }
.add-to-cart-btn {
    display: block;
    padding: 0 1rem 0 4rem;
    width: 100%;
    line-height: 4rem;
    height: 4rem;
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 700;
    background: #FF9900;
    color: #FFFFFF;
}
.add-to-cart-btn.whole { padding-left: 1rem }
.add-to-cart-btn:hover,
.add-to-cart-btn:active {
    background: #F26613;
    color: #FFFFFF;
}
.add-to-cart-btn.out-of-stock,
.add-to-cart-btn.out-of-stock:hover,
.add-to-cart-btn.out-of-stock:active {
    cursor: default;
    background: #e5e5e5;
    color: #666;
}
.add-to-cart-btn.no-qty { padding: 0 1rem }

/* @links */
.add-to-links li:not(:last-child) { margin-bottom: .25rem }
.add-to-links a {
    display: block;
    padding: .5rem;
    color: rgba(0,0,0,.7);
    font-size: .8rem;
    font-weight: 600;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    text-align: center;
    border-radius: 3px;
}
.add-to-links a:hover {
    background: #781198;
    color: #F2F2F2;
}

/* @fotos */
.product-image-gallery {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    margin-bottom: .5rem;
}
.product-image-container { margin-bottom: 1rem }
.product-image-thumbs {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    margin: 0 -.25rem -.5rem;
}
.product-image-thumbs li {
    flex: 0 1 20%;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 .25rem .5rem;
    min-width: 3.25rem;
    min-height: 4.25rem;
}
.product-image-thumbs .thumb-link {
    display: block;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    overflow: hidden;
    flex: 1 1 100%;
}
body.safari .product-image-thumbs .thumb-link { min-height: 5rem }
.product-image-thumbs .thumb-link:hover,
.product-image-thumbs .thumb-link.on { box-shadow: 0 0 0 1px #781198 }
.product-image-thumbs .video-thumb {
    position: relative;
    flex: 1 1 100%;
    background-position: center;
    background-size: auto 140%;
    background-color: #FE00E3;
    cursor: pointer;
    transition: all 300ms ease-out;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
.product-image-thumbs .video-thumb .img { display: none }
.product-image-thumbs .play .ico {
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
    width: 2rem;
    height: 2rem;
    fill: #fff;
    overflow: visible;
    filter: url(#shadow--sm);
    transition: all 200ms ease-out;
}
.product-image-thumbs .video-thumb:hover { box-shadow: 0 0 0 1px #781198 }
.product-image-thumbs .video-thumb:hover .play .ico { opacity: .6 }
.product-image-thumbs .play span { display: none }
.more-views .title { display: none }

/* @marca */
.brand { padding-top: 1rem }
.brand a {
    display: inline-block;
    opacity: .6
}
.brand img {
    display: inline-block;
    height: 2rem;
    width: auto
}
.brand a:hover { opacity: 1 }

/* @parcelamento */
.parcelamento .title { display: none }
.parcelamento ul {
    font-size: .8rem;
    
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
}
.parcelamento li {
    
    -webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -moz-page-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid-column;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: .5rem 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.parcelamento .juros,
.parcelamento .s-juros {
    line-height: .7rem;
    text-align: right;
    font-size: .7rem;
    color: #888;
    font-style: italic
}
.parcelamento .s-juros {
    white-space: nowrap;
    padding: 0 4px 2px;
    border-radius: 3px;
    background: #FF9900;
    color: #FFFFFF;
}
.parcelamento .parcela { line-height: 1em }
.parcelamento .parcela .num,
.parcelamento .parcela .valor { font-weight: 600 }
.parcelamento .valor-total {
    font-size: .7rem;
    color: #888;
    order: 2;
    flex: 1 1 100%
}
.parcelamento .valor-total .label:after { content: ':' }
.parcelamento__hide { display: none }

/* @brinde */
.block-freegift {
    box-shadow: inset 0 0 0 3px #781198;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center
}
.block-freegift .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #781198
}
.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
}

/* @simulador-frete */
.frete { margin-bottom: 0 !important }
.frete__title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    padding: .5rem;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    transition: all 200ms ease-out;
    margin-bottom: .25rem;
}
.frete__title .ico {
    margin-right: .5rem;
    width: 1rem;
    height: 1rem
}
.frete__title span { order: 1 }
.frete__title:hover {
    background: #781198;
    color: #F2F2F2
}
.frete__title:hover .ico { fill: #F2F2F2 }
.frete__content { display: none }
.frete--open .frete__content { display: block }
.frete--open .frete__title {
    background: #781198;
    color: #F2F2F2
}
.frete--open .frete__title .ico { fill: #F2F2F2 }
.frete__naosei {
    display: block;
    color: #888;
    font-size: .7rem;
    line-height: 2rem;
}
.frete__naosei:hover { text-decoration: underline }
.frete__actions {
    position: relative;
    flex: 0 0 2.75rem;
}
.frete__actions .btn { border-radius: 0 3px 3px 0 }
.frete__wait {
    position: absolute;
    top: calc(50% - 1rem);
    right: calc(100% + .25rem);
}
.frete__wait .svg-loader {
    width: 2rem;
    height: 2rem
}
.frete__form {
    display: flex;
    align-items: center;
}
.frete__form .input-box {
    display: flex;
    align-items: center
}
.frete__form label {
    color: #555;
    font-size: .8rem;
    text-transform: uppercase;
    flex: 0 0 auto;
    padding: 0 .5rem;
    line-height: 2.75rem;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    background: #eee;
    border-radius: 3px 0 0 3px;
}
.frete__form em { display: none }
.frete__form .input-text {
    flex: 1 1 auto;
    border-radius: 0 !important;
}
.frete__results {
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    position: relative;
}
.frete__results dl {
    position: relative;
    font-size: .8rem;
    margin-bottom: 1rem;
}
.frete__results dt {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .25rem
}
.frete__results dd:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1)
}
.frete__results li:not(:last-child) { margin-bottom: .25rem }
.frete__results .price {
    font-weight: 600;
    padding-left: .25rem
}
.frete__results .demo {
    font-size: .6rem;
    color: #888;
}
.frete__close {
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none;
}
.frete__hide { display: none }

/* Tabs */
.tabs {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.tabs__tab {
    cursor: pointer;
    line-height: 2.75em;
    height: 2.75em;
    padding: 0 1em;
    font-size: .9rem;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom: 0;
    position: relative;
    z-index: 5;
    order: 1;
    align-self: flex-end;
}
.tabs__tab:not(:last-child) { margin-right: .25rem }
.tabs__tab.on {
    cursor: default;
    background: #fff;
    top: 1px;
    font-size: 1rem;
}
.tabs__tab:hover { background: #fff }
.tabs__content {
    display: none;
    padding: 1rem;
    max-width: 100%;
    flex: 1 1 100%;
    order: 2;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
}
.tabs__content.on { display: block }
.tabs__hide { display: none }

/* Produto - Layout */
.product-options-bottom .price-box { display: none }
.col-main #messages_product_view { margin: 0 }
.product-essential { margin-bottom: 4rem }
#product_addtocart_form {
    display: flex;
    align-items: stretch;
    max-width: 100%;
}
.prod__img {
    flex: 0 0 400px;
    margin-right: 2rem;
}
.prod__shop {
    flex: 1 1 5rem;
    display: flex;
    align-items: stretch;
    min-width: 1px;
}
.prod__shop .col1 {
    flex: 1 1 5rem;
    min-width: 1px;
}
.prod__shop .col2 {
    flex: 0 0 16rem;
    order: 2;
    margin-left: 2rem;
}
.prod__shop .col1 > *,
.prod__shop .col2 > * { margin-bottom: 1rem }
.prod__shop .col1 > *:last-child,
.prod__shop .col2 > *:last-child { margin-bottom: 0 }

/* @nome */
.prod__name h1 {
    display: block;
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
}
.prod__name .sku {
    font-size: .8rem;
    color: #999
}

/* @avaliacoes */
.prod__shop .product-rate {
    display: flex;
    align-content: center;
}
.prod__shop .product-rate .to-rate {
    color: #666;
    display: block;
    font-size: .8rem;
    margin-left: .5rem
}
.prod__shop .product-rate .to-rate:hover { color: #FE00E3 }

/* @bt(comprar) */
.prod__shop .add-to-cart {
    margin-bottom: 1rem;
    position: relative
}
.prod__shop .add-to-cart-buttons { position: relative }

/* qtd */
.prod__shop .qty-wrapper {
    position: absolute;
    top: 50%;
    left: .625rem;
    transform: translateY(-50%)
}
.prod__shop .qty-wrapper input {
    color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    background: rgba(0,0,0,.1)
}

/* @descricao(curta) */
.prod__short-desc {
    font-size: .8rem;
    color: #888;
}

/* @if(!is_disponivel) */
.prod__esgotado {
    background: #fff9ba;
    padding: 2rem 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}
.prod__esgotado p:not(:last-child) {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.1)
}
.prod__esgotado a { color: rgba(0,0,0,.7) }
.prod__esgotado a:hover { text-decoration: underline }
#product-video .modal-container .std { overflow: visible }

/*
* @variacoes
*/

/* Configurável */
.configurable {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    margin: 0 -.5rem 1rem;
}
.configurable:before {
    flex: 1 1 100%;
    content: 'Escolha as opções:';
    display: block;
    margin-bottom: 1rem;
    padding: 0 .5rem;
    opacity: .5
}
.configurable__option {
    flex: 1 1 280px;
    min-width: 280px;
    padding: 0 .5rem 1rem;
}
.configurable__caption { margin-bottom: .5rem }
.configurable__caption em { display: none }
.configurable__caption span {
    padding-left: .25rem;
    font-weight: 700;
}
.configurable .configurable-swatch-list { margin: 0 -.5rem -1rem }
.configurable .configurable-swatch-list li { padding: 0 .5rem 1rem }
.configurable .configurable-swatch-list a {
    line-height: 2.75rem;
    min-width: 2.75rem;
    font-weight: 600;
}
.configurable .configurable-swatch-list img {
    width: 2.75rem;
    height: 2.75rem;
}
.configurable .validation-advice {
    right: auto;
    left: -21px;
    margin: 0;
    bottom: auto;
    top: -26px
}
.configurable .validation-advice div {
    right: auto;
    left: 0
}
.configurable .validation-advice div:before {
    right: auto;
    left: 4px
}

/* Empacotado */
.bundle {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    margin-bottom: 1.5rem;
}
.bundle:before {
    content: 'Monte o seu produto:';
    flex: 1 1 100%;
    display: block;
    margin-bottom: 1rem;
    opacity: .5
}
.bundle__option {
    flex: 1 1 100%;
    min-width: 280px;
    padding: 1rem;
    margin-bottom: .5rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    transition: all 200ms ease-out;
    position: relative;
}
.bundle__option:hover {
    z-index: 10;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),
    0 1.5rem 1.5rem -1rem rgba(0,0,0,.2);
}
.bundle__caption {
    margin-bottom: 1rem;
    opacity: .5;
    font-size: .8rem;
    font-weight: 600;
}
.bundle__caption em { display: none }
.bundle__content {
    position: relative;
    display: flex;
    align-items: center
}
.bundle__content.one-option .input-box:after {
    margin-left: .25rem;
    color: #781198;
    
    content: "\f00c";
    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;
}
.bundle .options-bundle-images {
    margin-right: 1rem;
    flex: 0 0 5rem;
}
.bundle .options-bundle-images li { display: none }
.bundle .options-bundle-images li.active { display: block }
.bundle .options-bundle-images img {
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}
.bundle .options-bundle-images.multiple {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap
}
.bundle .options-bundle-images.multiple li {
    padding: 2.5px;
    flex: 1 1 50%;
}
.bundle .options-list li {
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: flex-start;
    margin-bottom: .5rem;
}
.bundle .options-list li:last-child { margin-bottom: 0 }
.bundle .options-list input {
    flex: 0 0 auto;
    position: relative;
    top: 3px
}
.bundle .options-list .label { flex: 1 1 auto }
.bundle .qty-holder {
    margin-left: 1rem;
    flex: 0 0 auto;
}
.bundle .qty-holder label { display: none }
.bundle .qty-holder input {
    display: block;
    text-align: center;
    padding: 0;
    width: 2.75rem
}
.bundle .qty-holder input.qty-disabled { display: none }
.bundle .input-box {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}
.bundle .price-notice {
    font-size: .8rem;
    font-weight: 400;
    color: #888;
    flex: 1 1 auto;
}
.bundle .options-bundle-checkbox { padding: 0 }
.bundle .bundle-checkbox-image {
    position: relative;
    max-height: 5rem;
    margin-right: 1rem;
    display: flex;
    flex: 0 0 5rem;
}
.bundle .bundle-checkbox-image img {
    display: block;
    margin: auto
}
#product-options-wrapper p.required { display: none }
tr.bundle {
    margin: 0;
    display: table-row;
}
tr.bundle:before { display: none }

/* Agrupado */
.grouped {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    margin: 0 -.25rem .5rem;
}
.grouped:before {
    content: 'Clique para escolher os itens que deseja:';
    flex: 1 1 100%;
    display: block;
    padding: 0 .25rem;
    margin-bottom: 1rem;
    opacity: .5
}
.grouped__option {
    flex: 1 1 calc(50% - .5rem);
    min-width: 250px;
    padding: 1rem;
    margin: 0 .25rem .5rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    cursor: pointer;
    position: relative;
    transition: all 200ms ease-out;
}
.grouped__option.added { box-shadow: inset 0 0 0 1px #781198 }
.grouped__option.added:not(.out-of-stock):hover { box-shadow: inset 0 0 0 1px #781198,0 1.5rem 1.5rem - 1rem rgba(0,0,0,.2) }
.grouped__option.out-of-stock {
    cursor: default;
    opacity: .5;
}
.grouped__caption {
    margin-bottom: 1rem;
    opacity: .5;
    font-size: .8rem;
    font-weight: 600;
}
.grouped__caption em { display: none }
.grouped__content {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}
.grouped__check {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.2);
    transition: all 200ms ease-out;
}
.added .grouped__check {
    top: -1.5rem;
    height: 1rem;
    color: #781198;
}
.grouped__option:not(.out-of-stock):hover {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),0 1.5rem 1.5rem -1rem rgba(0,0,0,.2);
    z-index: 10
}
.grouped__option:not(.out-of-stock):hover .grouped__check { color: #781198 }
.grouped__check:before { 
    content: "\f067";
    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; }
.added .grouped__check:before { content: '\f00c' }
.grouped .grouped-images {
    max-height: 5rem;
    margin-right: 1rem;
    flex: 0 0 5rem;
    display: flex;
}
.grouped .grouped-images img {
    display: block;
    margin: auto
}
.grouped .grouped-price-box { flex: 1 1 auto }
.grouped .qty-holder {
    min-width: 2.75rem;
    margin-left: 1rem;
    flex: 0 0 2.75rem;
    position: relative;
}
.grouped .qty-holder label { display: none }
.grouped .qty-holder input {
    display: block;
    text-align: center;
    padding: 0;
    width: 2.75rem
}
.grouped .input-box { position: relative }
.grouped .x {
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 99;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    stroke: #FF9900;
    stroke-width: 2px;
    stroke-linecap: round;
    overflow: visible;
}
.grouped .availability {
    font-size: .8rem;
    font-weight: 600;
    color: #FF9900;
    flex: 1 1 auto;
    text-align: right;
}
.grouped .price-box { margin: 0 }
.grouped__configurable {
    order: 2;
    flex: 1 1 100%;
    padding-top: 1rem;
}

/* Customizado (Opções Customizadas) */
.options {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    margin: 0 -.5rem 1rem;
}
.options:before {
    content: 'Personalize seu produto:';
    flex: 1 1 100%;
    display: block;
    margin-bottom: 1rem;
    padding: 0 .5rem;
    opacity: .5
}
.options__option {
    flex: 1 1 50%;
    min-width: 280px;
    padding: 0 .5rem 1rem;
}
.options__caption {
    margin-bottom: .5rem;
    opacity: .5;
    font-size: .8rem;
    font-weight: 600;
}
.options__caption em { display: none }
.options__content {
    position: relative;
    display: flex;
    align-items: center
}
.options__content > .input-box { flex: 1 1 auto }
.options .img-calendar { color: #781198 }
.options .img-calendar:hover { color: #FE00E3 }
.options .date.time .img-calendar { margin-right: 1rem }
.options .date.time select { min-width: 4rem }
.options .options-list li {
    position: relative;
    margin-bottom: .5rem;
}
.options .options-list li:last-child { margin-bottom: 0 }
.options input[type=text],
.options textarea,
.options select { width: 100% }
.options input.datetime-picker {
    flex: 0 0 7rem;
    max-width: 7rem;
    text-align: center;
}
.options p.note {
    font-size: .8rem;
    color: #888
}
.options .time-picker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 8.75rem;
}
.options .time-picker:before {
    color: rgba(0,0,0,.4);
    margin-right: .25rem;
    
    content: "\f017";
    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;
}

/* Baixável */
.downloadable { margin-bottom: 1rem }
.downloadable__caption {
    margin-bottom: .5rem;
    font-size: .8rem;
    font-weight: 600;
    opacity: .5;
}
.downloadable__caption em { display: none }
.downloadable__content { position: relative }
.downloadable__list li {
    position: relative;
    margin-bottom: 1rem;
}
.downloadable__list li:last-child { margin-bottom: 0 }
.downloadable__list .input-box {
    display: flex;
    align-items: center;
}
.downloadable__list .label {
    display: flex;
    align-items: center;
}
.downloadable .price-notice {
    color: #888;
    font-weight: 600;
    margin-left: .5rem;
}
.downloadable .validation-advice {
    right: auto;
    left: -20px;
    bottom: auto;
    top: 0
}
.downloadable .validation-advice div {
    right: auto;
    left: 0;
    transform-origin: left bottom;
    text-align: left
}
.downloadable .validation-advice div:before {
    left: 4px;
    right: auto
}
.downloadable dd:hover .validation-advice div {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.downloadable-sample-link {
    font-size: .8rem;
    position: relative;
    margin-left: .5rem;
    padding: .25rem .5rem;
    border-radius: 3px;
    color: #FFFFFF;
    background: #FF9900
}
.downloadable-sample-link:before {
    font-size: .8rem;
    margin-right: .25rem;
    
    content: "\f01a";
    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;
}
.downloadable-sample-link .sep { display: none }
.downloadable-sample-link:hover {
    color: #FFFFFF;
    background: #F26613
}
.downloadable__sample {
    margin-bottom: 1rem;
    padding: 1rem;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    background: #fff;
}
.downloadable__sample li:not(:last-child) { margin-bottom: 1rem }
.downloadable__sample .link {
    color: #FE00E3;
    display: flex;
    align-items: center;
}
.downloadable__sample .link:before {
    font-size: 1.2rem;
    margin-right: .5rem;
    
    content: "\f01a";
    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;
}
.downloadable__sample .link:hover { color: #781198 }

/* Produto - Conteúdo Adicional */
.product-collateral > *:not(:last-child) { margin-bottom: 4rem }

/* Produto - Avaliações */
.reviews__content {
    display: flex;
    align-items: stretch;
}
.reviews__resume {
    flex: 0 0 18rem;
    margin-right: .5rem;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.reviews__ratings {
    flex: 1 1 auto;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.reviews__add {
    flex: 0 0 16rem;
    margin-left: .5rem;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    position: relative;
}
.reviews__resume .product-rate {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}
.reviews__resume .product-rate .amount {
    display: block;
    opacity: .5;
    font-weight: 600;
}
.reviews__resume .product-rate .percent { display: block }
.reviews__resume .product-rate .rating-box {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.reviews__resume .product-rate .circle-percent .on {
    stroke-width: 4px;
    stroke-linecap: round;
}
.reviews__list {
    margin: 0 -1rem -1rem;
    overflow: auto;
    min-height: 24rem;
    max-height: 50vh;
}
.reviews__list::-webkit-scrollbar { width: 3px }
.reviews__list::-webkit-scrollbar-track {
    background-color: transparent;
    background-image: linear-gradient(90deg, transparent 50%, rgba(120,17,152, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px
}
.reviews__list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(120,17,152, .7);
}
.reviews__list li {
    padding: 0 1rem 1rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.reviews__list li:not(:first-child) {
    padding-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.reviews__list .title { margin: 0 1rem 0 0 }
.reviews__list .details {
    flex: 1 1 100%;
    margin-top: .5rem;
}
.reviews__list .review-meta {
    opacity: .5;
    font-size: .7rem;
}
.reviews__list .name { font-weight: 700 }
.reviews__list .date-time { margin-left: 1rem }
.reviews .product-rate .rating-box { display: block }
.reviews__logged .title { color: #FF9900 }
.reviews__add .myaccount { height: auto }
.reviews__add .myaccount__header { display: none }
.reviews__add .myaccount__content {
    position: static;
    display: block;
    width: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}
.reviews__add .myaccount__content .title { display: none }
.reviews__add .buttons-set { padding-top: 1rem }
.reviews__add .btn { width: 100% }
.reviews__add .svg-loader {
    width: 2.75rem;
    height: 2.75rem;
    display: block;
    position: absolute;
    top: calc(50% - .125rem);
    left: calc(50% - 1.375rem);
    transition: all 200ms ease-out;
    opacity: 0;
}
.reviews__add.loading .svg-loader { opacity: 1 }
.reviews__return {
    text-align: center;
    font-size: 1.2rem;
    padding-top: 1rem;
}
.reviews__return.success { color: #781198 }
.reviews__return.success:before {
    
    content: "\f00c";
    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;
    display: block;
    margin: 0 auto 1rem;
}
.reviews__return.error { color: #ff8469 }
.reviews__return.error: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;
    display: block;
    margin: 0 auto 1rem;
}
.reviews__no-reviews {
    padding-top: 10rem;
    text-align: center;
}
.reviews .be-first {
    font-weight: 700;
    color: #781198;
}
.review-summary {
    display: flex;
    align-items: center;
    justify-content: center
}
.review-summary li {
    height: 2.25rem;
    line-height: 2.25rem;
    flex: 0 0 auto;
    margin: 0 .5rem;
}
.review-summary input {
    position: fixed;
    top: -99999px;
    left: -99999px;
}
.review-summary label {
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 1.5rem;
    margin: 0;
}
.review-summary label:before {
    
    content: "\f005";
    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;
    display: block;
    color: rgba(0,0,0,.1);
    transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1)
}
.review-summary .hover label:before { color: rgba(0,0,0,.3) }
.review-summary .active label:before {
    color: #faa332;
    transform: scale(1.5);
}
.reviews__hide { display: none }

/* Produto - Compre Junto */
.jointsales__content {
    display: flex;
    align-items: stretch;
    position: relative;
    max-width: 100%;
}
.jointsales__current {
    flex: 0 0 30%;
    min-width: 1px;
    padding: 0 0 1.75rem;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    z-index: 2;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.jointsales__currentin {
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.jointsales__current .thumb {
    flex: 0 0 30%;
    margin-right: 1rem;
}
.jointsales__current .price-box { margin-bottom: 0 }
.jointsales .more {
    position: absolute;
    top: calc(50% - 1rem);
    right: -1rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1rem;
    color: #FE00E3;
    transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(2.5);
}
.jointsales .more:before { 
    content: "\f067";
    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; }
.jointsales__items {
    flex: 0 0 70%;
    max-width: 70%;
    min-width: 1px;
    position: relative;
    z-index: 1;
}
.jointsales__row {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1rem;
    background: #fff;
    position: relative;
    transition: all 200ms ease-out;
    width: 100%;
}
.jointsales__row:not(:last-child) { margin-bottom: 1rem }
.jointsales__list {
    flex: 1 1 100%;
    min-width: 1px;
    display: flex;
    align-self: flex-start;
    justify-content: center;
}
.jointsales__item {
    flex: 1 1 20%;
    min-width: 1px;
    max-width: 50%;
    padding: 1rem;
}
.jointsales__item:not(:first-child) { border-left: 1px solid rgba(0,0,0,.1) }
.jointsales__item .thumb {
    margin-bottom: 1rem;
    display: block;
}
.jointsales__item .info { flex: 1 1 60% }
.jointsales__item .title {
    font-size: .8rem;
    font-weight: 600;
    color: rgba(0,0,0,.7)
}
.jointsales__options {
    flex: 1 1 100%;
    min-width: 1px;
    margin: 1rem -.5rem -1rem;
    display: flex;
    flex-flow: row wrap;
}
.jointsales__options li {
    padding: 0 .5rem 1rem;
    min-width: 80px;
    flex: 1 1 50%;
}
.jointsales__options label {
    display: block;
    margin-bottom: .5rem;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(0,0,0,.7);
    text-transform: capitalize;
}
.jointsales__options em { display: none }
.jointsales__options select { height: 2rem }
.jointsales__totals {
    font-size: .8rem;
    color: rgba(0,0,0,.6);
    margin-top: 1rem;
}
.jointsales__totals .price {
    font-weight: 700;
    color: #F26613
}
.jointsales__totals .economize {
    display: inline-block;
    margin-top: .25rem;
    padding: .25rem .5rem;
    border-radius: 3px;
    background: #FF9900;
    color: #FFFFFF;
}
.jointsales__totals .economize .price { color: #FFFFFF }
.jointsales__payments {
    font-size: .8rem;
    line-height: 1em;
    margin-top: 1rem;
}
.jointsales__payments .preco-parcelado-sem-juros,
.jointsales__payments .avista { margin-bottom: .5rem }
.jointsales__action { margin-top: 1rem }
.jointsales .owl-wrapper-outer {
    border: 1px solid rgba(0,0,0,.1);
    border-width: 1px 1px 1px 0;
}
.jointsales .owl-wrapper.owl-flex { align-items: flex-start }
.jointsales .owl-prev,
.jointsales .owl-next {
    top: calc(100% - 1.75rem);
    background: none;
    color: #781198;
    box-shadow: none;
    left: auto;
    right: auto;
}
.jointsales .owl-prev { left: 0 }
.jointsales .owl-next { right: 0 }
.jointsales .regular-price,
.jointsales .special-price { font-size: .8rem }

/* Produto - PayPal */
.paypal-logo.no-bml {
    padding-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
    justify-content: flex-end;
}
.paypal-or {
    line-height: 2rem;
    margin-right: .5rem;
}

/* Modal */
.modal__content::-webkit-scrollbar-thumb { background: #781198 }

/* Floater */
.floater__content::-webkit-scrollbar-thumb { background: #781198 }

/* Termos de Aceite */
.terms__content::-webkit-scrollbar-thumb { background: #781198 }

/* Loader - Rolagem Infinita */
.ias-trigger { text-align: center }
.ias-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Carrinho */
.cart__links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart__links .btn-checkout {
    background: #FF9900;
    color: #FFFFFF;
}
.cart__links .btn-checkout:hover {
    background: #F26613;
    color: #FFFFFF;
}
.cart-table header {
    background: #781198;
    color: #F2F2F2;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.75rem;
}
.cart-table .th {
    padding: 0 1rem;
    flex: 1 1 10%;
}
.cart-table .cart-product-head { flex: 1 1 65% }
.cart-table main {
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
}
.cart-product-line {
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-between
}
.cart-product-line:last-child { border: 0 }
.cart-product-line > div {
    padding: 1rem;
    flex: 1 1 10%;
}
.cart-product-line > div:first-child {
    flex: 1 1 65%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-product-line > .product-cart-actions {
    display: flex;
    align-items: center
}
.cart-table .product-image {
    margin-right: 1rem;
    flex: 0 0 100px;
}
.cart-table .product-info { flex: 1 1 auto }
.cart-table .btn-remove {
    box-shadow: none;
    flex: 0 0 2.75rem;
    margin-left: 1rem;
}
.cart-table h2.name {
    font-size: 1.5rem;
    color: #111;
    font-weight: 400;
    display: block;
    margin-bottom: .25rem
}
.cart-table h2.name a { color: #111 }
.cart-table h2.name a:hover { color: #781198 }
.cart-table .sku {
    font-size: .8rem;
    color: #888;
    display: block
}
.cart-table .item-options {
    padding: .5rem;
    margin-top: 1rem;
    border-radius: 3px;
    background: #f0f6f9;
    color: #666;
    font-size: .8rem
}
.cart-table .item-options dt {
    font-weight: 600;
    color: #333
}
.cart-table .item-options dd:not(:last-child) { margin-bottom: 1rem }
.cart-table .item-options .price {
    font-weight: 600;
    margin-left: .25rem
}
.cart-table .qty-wrapper { flex: 0 0 2.75rem }
.cart-table .qty-wrapper .bt {
    background: #FE00E3;
    color: #FFFFFF;
}
.cart-table .qty-wrapper .bt:hover {
    background: #781198;
    color: #FFFFFF;
}
.cart-table footer {
    display: flex;
    justify-content: flex-end;
}
.cart-table .btn-empty { box-shadow: none }
.cart-table .giftwrap_button {
    flex: 0 0 auto;
    font-size: .8rem;
    border-radius: .25rem;
    background: #781198;
    color: #F2F2F2;
    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: #FE00E3;
    color: #FFFFFF;
}
.cart__boxes {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 1rem
}
.cart__boxes > * {
    flex: 1 1 33.333%;
    min-width: 280px;
}
.cart-empty {
    text-align: center;
    padding-top: 5rem;
}

/* Carrinho - Simulador de Frete */
.shipping {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
.shipping__form {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.shipping__desc { display: none }
.shipping__postcode {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}
.shipping__postcode label {
    flex: 0 0 auto;
    margin-right: .5rem;
}
.shipping__postcode em { display: none }
.shipping__postcode .input-box { flex: 1 1 auto }
.shipping__action { flex: 0 0 auto }
.co-shipping {
    padding-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: .8rem;
}
.co-shipping__methods dt {
    margin-bottom: .25rem;
    font-weight: 700;
}
.co-shipping__methods dd:not(:last-child) { margin-bottom: 1rem }
.co-shipping__methods li:not(:last-child) { margin-bottom: .5rem }
.co-shipping__methods .price { font-weight: 600 }

/* Carrinho - Cupom de Desconto */
.coupon {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
.coupon__form {
    display: flex;
    align-items: center;
}
.coupon__form label { display: none }
.coupon__form .input-box { flex: 1 1 auto }

/* Carrinho - Totais */
.totals {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
.totals__content { margin: 0 -1rem }
.totals__table th,
.totals__table td {
    padding: .5rem 1rem;
    background: none;
    border: 0 !important
}
.totals__table .a-right:first-child { text-align: left }

/* Carrinho - Mensagem Frete Grátis */
.msg-free_shipping {
    padding: 1rem;
    text-align: center;
    margin: .25rem 0;
    background: #FF9900;
    color: #FFFFFF;
}

/* Carrinho - Vendas Cruzadas */
.crosssell__options {
    flex: 1 1 100%;
    margin: 1rem -.5rem 0;
    display: flex;
    flex-flow: row wrap;
}
.crosssell__options li {
    padding: 0 .5rem 1rem;
    flex: 1 1 50%;
}
.crosssell__options label {
    display: block;
    margin-bottom: .5rem;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(0,0,0,.7);
    text-transform: capitalize;
}
.crosssell__options em { display: none }
.crosssell__options select { height: 2rem }
.crosssell__btn { margin-top: 1rem }

/* Tabelas */
table thead th,
table thead td {
    border: 0;
    background: #781198;
    font-size: .8rem;
    color: #F2F2F2;
    text-transform: uppercase;
    font-weight: 400;
    padding: .5rem 1rem;
}
table tbody th,
table tbody td {
    border-width: 1px 0;
    font-size: 1rem;
    color: #555
}
table tbody th:first-child,
table tbody td:first-child { border-left: 1px solid rgba(0,0,0,.1) }
table tbody th:last-child,
table tbody td:last-child { border-right: 1px solid rgba(0,0,0,.1) }
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: #FE00E3;
    text-decoration: underline
}
table dl.item-options a:hover { color: #781198 }
table tfoot th,
table tfoot td { background: #f5f5f5 }
table tbody .bundle.label th,
table tbody .bundle.label td {
    padding: .5rem 1rem;
    font-weight: 700;
    background: #f0f6f9
}
table tbody .bundle.child th,
table tbody .bundle.child td {
    padding: .5rem 1rem;
    font-size: .8rem;
    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: #FE00E3;
}
table a:hover { color: #781198 }
table .price-box { margin: 0 }

/* Sucesso */
.checkout-onepage-success .page-title { text-align: center }
.checkout-onepage-success .page-title small { display: block }
.success-content {
    display: block;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    text-align: center;
}
.success-content .ico-case { margin-bottom: 1rem }
.success-content .ico {
    margin: 0 auto;
    display: block;
    width: 5rem;
    height: 5rem;
    fill: url(#button_v);
    animation: success 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s 1 forwards;
}
.success-content > *:not(.ico-case):not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.success-content .order-number {
    font-size: 1.5rem;
    color: #333
}
.success-content .order-number .txt { display: block }
.success-content .order-number .number {
    font-size: 3rem;
    color: #FF9900
}
.success-content .order-number a.number:hover { color: #F26613 }
.success-content .confirmation,
.success-content .print {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-content .confirmation:before {
    flex: 0 0 auto;
    margin-right: 1rem;
    color: #999;
    content: '\f0e0'
}
.success-content .print:before {
    flex: 0 0 auto;
    margin-right: 1rem;
    color: #999;
    content: '\f02f'
}
.success-content .print a {
    margin: 0 .5rem;
    font-weight: 600;
    color: #FE00E3
}
.success-content .print a:hover { text-decoration: underline }
.success-content .pagto a {
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 0 1em;
    line-height: 2.75em;
    height: 2.75em;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    border: 0;
    font-size: 1rem;
    background: #781198;
    color: #F2F2F2;
    transition: all 200ms ease-out;
}
.success-content .pagto a.boleto:before {
    content: '\f02a';
    margin-right: 1rem
}
.success-content .pagto a:hover {
    background: #FE00E3;
    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: space-between
}
.buttons-success .my-order {
    margin-left: 2rem;
    background: #FF9900;
    color: #FFFFFF;
}
.buttons-success .my-order:hover {
    background: #F26613;
    color: #FFFFFF;
}
@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: #FE00E3;
}
.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: #FE00E3 }
.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 }

/* Login */
.customer-account-login .page-title { text-align: center }
.accountlogin {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.accountlogin > div {
    flex: 1 1 50%;
    padding: 2rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    min-width: 280px;
}
.accountlogin .socialconnect__login .title { display: none }
.accountlogin__registered label { display: none }
.accountlogin__registered .forgot {
    position: absolute;
    top: 2.75rem;
    left: 1.5rem;
    line-height: 1rem;
    font-size: .6rem;
}
.accountlogin__registered .form-list .fields > .actions { flex: 0 0 auto }
.accountlogin__new {
    display: flex;
    flex-flow: column nowrap;
}
.accountlogin__new ul {
    font-size: .8rem;
    flex: 1 1 auto
}
.accountlogin__new li:not(:last-child) { margin-bottom: .5rem }
.accountlogin__new li:before {
    content: '\f00c';
    margin-right: .5rem;
    color: #781198;
}
.accountlogin__new .btn {
    width: 100%;
    text-align: center;
}
.accountlogin__new .buttons-set { padding-bottom: 1rem }

/* Login - Recuperar Senha */
.customer-account-forgotpassword .page-title { text-align: center }
.forgotpass {
    padding: 2rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
}
.forgotpass .fieldset { margin-bottom: 1rem }
.forgotpass label { display: none }
.forgotpass input { text-align: center }
.forgotpass .buttons-set { display: flex }
.forgotpass .btn-reset {
    flex: 1 1 auto;
    margin-left: 1rem;
}

/* Resetar senha */
.reset-password-form { max-width: 600px }
.reset-password-form .fieldset { margin-bottom: 20px }
.reset-password-form p.required { display: none }

/* Cadastro */
.customer-account-create .page-title { text-align: center }
.account-create form {
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.account-create p.required,
.account-create .back-link { display: none }
.account-create .buttons-set { padding-top: 1rem }
.account-create .buttons-set .button {
    display: block;
    margin-left: auto;
    background: #FF9900;
    color: #FFFFFF
}
.account-create .buttons-set .button:hover {
    background: #F26613;
    color: #FFFFFF
}
.account-create .form-list .fields > * { min-width: 220px }
.account-create .socialconnect:before { display: none }
.form-list .fields.tipopessoa label { opacity: .5 }
.form-list .fields.tipopessoa label.on {
    color: #781198;
    opacity: 1;
}

/* Painel do Cliente */
.my-account { color: #666 }
.my-account p.required,
.my-account .back-link { display: none }
.my-account form h2.legend {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FE00E3
}
.my-account form > *:not(:last-child) { margin-bottom: 1rem }
.welcome-msg {
    display: flex;
    align-items: center
}
.welcome-msg .picture {
    margin: 0 1rem;
    box-shadow: 0 0 0 5px #fff,0 0 0 6px #FE00E3;
    flex: 0 0 6rem;
    height: 6rem;
    border-radius: 100%;
    overflow: hidden
}
.welcome-msg .picture img {
    display: block;
    width: 100%;
    min-height: 6rem
}
.welcome-msg .hello {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #FE00E3
}
.dashboard .box-account { margin-bottom: 2rem }
.box-account .box-head,
.box-account .box-title {
    margin-bottom: 1rem;
    color: #FE00E3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-account .box-head:before,
.box-account .box-title:before {
    display: block;
    margin-left: 1rem;
    border-top: 1px solid rgba(254,0,227, .5);
    content: '';
    flex: 1 1 auto;
}
.box-account .box-head h2,
.box-account .box-title h3 { order: -1 }
.box-account .box-head .title,
.box-account .box-title .title { margin: 0 }
.box-account .box-head a,
.box-account .box-title a { margin-left: 1rem }
.box-account .col2-set,
.box-account .col4-set { margin: 0 }
.box-account .col2-set > div,
.box-account .col4-set > div {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
.box-account .box-content { line-height: 1.5em }
.my-account .pager {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    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: 1rem;
    padding: 1rem 0 0;
    border-bottom: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}
.my-account .pager .amount span {
    color: #333;
    font-weight: 600
}
.my-account .pager .limiter {
    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: 2.75rem;
    margin: 0 1rem;
}
.my-account .pager .limiter .per { flex: 0 0 auto }
.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: .25rem;
    font-size: .9rem;
    color: #333;
    line-height: 2rem
}
.my-account .pager ol li span span {
    display: block;
    line-height: 2rem;
    padding: 0 .5rem;
    border-radius: 3px;
    background: #781198;
    color: #FFFFFF
}
.my-account .pager ol li a {
    display: block;
    line-height: 2rem;
    padding: 0 .5rem;
    color: #333;
    border-radius: 3px
}
.my-account .pager ol li a:hover { background: rgba(0,0,0,.2) }
.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: 2rem;
    content: '\f054';
    color: #FE00E3
}
.my-account .pager ol li a.previous:before { content: '\f053' }
.my-orders {
    margin: 0 -.5rem -1rem;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start
}
.my-orders .item-order {
    margin: 0;
    padding: 0 .5rem 1rem;
    flex: 0 1 33.333%;
    display: flex;
    align-items: stretch;
}
.my-orders .last-order { flex: 1 1 100% }
.my-orders article {
    position: relative;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    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 0 0 1px #FF9900 }
.my-orders .last-order article:before {
    display: block;
    line-height: 1rem;
    padding: 0 1rem;
    border-radius: 3px;
    margin-bottom: 1rem;
    font-size: .7rem;
    color: #FFFFFF;
    background: #FF9900;
    content: 'Último pedido'
}
.my-orders header {
    margin-bottom: 1rem;
    padding: 0 1rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #777;
    font-size: .8rem
}
.my-orders .order-num {
    color: #444;
    font-size: 1rem;
}
.my-orders .order-num .num {
    font-weight: 700;
    color: #FE00E3
}
.my-orders main {
    flex: 1 1 auto;
    display: flex;
}
.my-orders footer {
    margin-top: 1rem;
    padding: 1rem 1rem 0;
    border-top: 1px solid rgba(0,0,0,.1)
}
.my-orders .last-order footer { margin-top: 1rem }
.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;
    margin: auto;
    transform: scale(0);
}
.my-orders .order-open:hover { box-shadow: inset 0 0 0 1px #781198 }
.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: 1rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}
.order-products .img {
    margin: .25rem;
    max-width: 5rem;
    flex: 1 0 2rem
}
.last-order .order-products .img { max-width: 8rem }
.order-products .name {
    font-size: 1rem;
    color: #555;
    line-height: 1.3em;
    text-align: center
}
.order-products .name:not(.first):before {
    padding: 0 .5rem;
    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;
}
#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: #781198;
    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: .8rem;
    color: #666;
    padding-bottom: 1rem;
    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 {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 1rem;
    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: #781198 }
.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: #781198;
        transform: scale(1)
    }
}
@keyframes os-new-bar {
    0% { width: 0 }
    100% {
        width: 33.333%;
        background: #781198
    }
}

/* Painel do Cliente - Status PROCESSING */
.order-status.state-processing strong { color: #FE00E3 }
.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: #FE00E3;
        transform: scale(1)
    }
}
@keyframes os-processing-bar {
    0% { width: 0 }
    100% {
        width: 66.666%;
        background: #FE00E3
    }
}

/* Painel do Cliente - Status COMPLETE */
.order-status.state-complete strong { color: #FF9900 }
.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: .25rem;
    font-size: 1rem;
    color: #FF9900;
    content: '\f00c'
}
@keyframes os-complete {
    0% { transform: scale(0) }
    100% {
        fill: #FF9900;
        transform: scale(1)
    }
}
@keyframes os-complete-bar {
    0% { width: 0 }
    100% {
        width: 100%;
        background: #FF9900
    }
}

/* 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 .5rem;
    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 { margin: 0 !important }
.addresses-list h2 {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #FE00E3
}
.addresses-primary {
    padding: 1rem !important;
    border-radius: 3px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}
.addresses-primary h2 { color: #FF9900 }
.addresses-primary ol li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 1.5em
}
.addresses-primary ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.addresses-primary address { margin-bottom: .25rem }
.addresses-primary h3 {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #F26613;
    align-items: center;
    display: flex;
}
.addresses-primary h3 .ico {
    height: 1rem;
    width: 1rem;
    margin-left: 1rem;
    fill: #F26613
}
.addresses-additional ol li {
    line-height: 1.5em;
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.addresses-additional ol li:last-child { margin-bottom: 0 }
.addresses-additional address {
    margin-right: 1rem;
    flex: 1 1 auto;
}
.addresses-additional .separator { display: none }
.addresses-additional a {
    display: block;
    margin: 0 0 .5rem;
    white-space: nowrap;
    line-height: 1rem;
    border-radius: 3px;
    opacity: .7;
    padding: 0 .5rem;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #FE00E3;
    box-shadow: inset 0 0 0 1px #FE00E3
}
.addresses-additional a:hover {
    color: #FFFFFF;
    background: #FE00E3
}
.account-edit-form-list {
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}
.title-buttons .order-status {
    margin: 0 0 -1rem 1.5rem;
    font-size: 1rem;
    justify-content: flex-start;
}
.title-buttons .order-status span { max-width: 26rem }
.sales-order-view .title-buttons,
.sales-order-shipment .title-buttons,
.sales-order-invoice .title-buttons {
    margin-bottom: 2rem;
    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: .5rem;
    line-height: 1rem;
    border-radius: 3px;
    opacity: .7;
    padding: 0 .5rem;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #FE00E3;
    box-shadow: inset 0 0 0 1px #FE00E3;
    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: #FE00E3
}
.order-date {
    font-size: 1rem;
    color: #FF9900
}
.order-date:before {
    content: '\f133';
    font-size: 1rem;
    margin-right: .5rem
}
dl.order-info dt { display: none }
#order-info-tabs {
    display: flex;
    align-items: flex-end
}
#order-info-tabs li {
    margin-right: .5rem;
    line-height: 2rem;
    border-radius: 3px;
    padding: 0 1rem;
    font-weight: 600;
    opacity: .7;
    position: relative;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
#order-info-tabs li.current {
    color: #F2F2F2;
    background: #781198;
    box-shadow: inset 0 0 0 1px #781198;
    opacity: 1;
}
#order-info-tabs li.current:before {
    content: '';
    display: block;
    border: 5px solid transparent;
    border-top-color: #781198;
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
}
#order-info-tabs a {
    display: block;
    line-height: 2rem;
    padding: 0 1rem;
    color: #888
}
#order-info-tabs a:hover { color: #333 }
.order-items.order-details { margin-top: 1rem }
.order-info-box { margin: 0 }
.order-info-box > div {
    padding: 1rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    background: #fff;
    font-size: .8rem;
    line-height: 1.5em
}
.order-info-box .box-title h2 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FE00E3
}
.order-info-box .box-title .ico {
    height: 1rem;
    width: 1rem;
    margin-left: 1rem;
    fill: #F26613
}
.order-info-box .shipping-address h2,
.order-info-box .billing-address h2 { color: #F26613 }
.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;
    cursor: pointer;
    display: inline-block;
    padding: 0 1em;
    line-height: 2.75em;
    height: 2.75em;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    border: 0;
    font-size: 1rem;
    background: #FF9900;
    color: #FFFFFF;
    transition: all 200ms ease-out;
}
.boleto-info a:before {
    position: relative;
    top: -2px;
    font-size: 20px;
    content: '\f02a';
    vertical-align: middle;
    margin-right: 10px
}
.boleto-info a:hover {
    background: #F26613;
    color: #FFFFFF
}
.boleto-info a:active {
    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
}
.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: #FE00E3;
    box-shadow: inset 0 0 0 1px #FE00E3
}
.order-items a:hover {
    color: #FFFFFF;
    background: #FE00E3
}
.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: #FF9900 }
.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: #FF9900;
    box-shadow: inset 0 0 0 1px #FF9900
}
.order-items *:not(.order-links) a[onclick*=track] .ico {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    height: 20px;
    fill: #FF9900
}
.order-items *:not(.order-links) a[onclick*=track]:hover {
    background: rgba(255,153,0, .1);
    color: #F26613;
    box-shadow: inset 0 0 0 1px #F26613
}
.order-items *:not(.order-links) a[onclick*=track]:hover .ico { fill: #FF9900 }
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: 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
}
.block-account .block-title { display: none }
.block-account .block-title strong { font-weight: 400 }
.block-account ul li { margin-bottom: .5rem }
.block-account ul li.last {
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    margin: .5rem -1rem -1rem;
}
.block-account ul li.last a {
    display: block;
    font-size: 0;
    text-indent: -9999px;
    padding: 1rem;
}
.block-account ul li.last a:after {
    content: 'Sair';
    display: block;
    font-size: 1rem;
    text-indent: 0;
}
.block-account a { color: #666 }
.block-account .current a,
.block-account a:hover { color: #FE00E3 }
.my-wishlist .buttons-set {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.my-wishlist .buttons-set button:not(:first-child) { margin-left: 1rem }
.my-wishlist .buttons-set button.btn-add { order: 2 }
.my-account table:not(#wishlist-table) a { font-size: .8rem }
.my-account table .product-name a {
    font-size: 1rem;
    text-decoration: none
}
.wishlist-sku {
    font-size: .8rem;
    margin-bottom: .5rem
}
#wishlist-table tbody th,
#wishlist-table tbody td { vertical-align: middle }
#wishlist-table tbody td.last { padding-left: 0 }
.customer-wishlist-item-cart p { margin-left: 1rem }
.customer-wishlist-item-cart { display: flex }
.my-account input.qty {
    width: 2.75rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}
.my-account .btn-add,
.my-account .btn-cart {
    background: #FF9900;
    color: #FFFFFF
}
.my-account .btn-add:hover,
.my-account .btn-cart:hover {
    background: #F26613;
    color: #FFFFFF
}
.my-account .btn-share:before { 
    content: "\f1e0";
    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; }
.my-account .btn-share span { display: none }
.my-account .btn-update: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: -2px;
}
.my-account .btn-update span { display: none }
.my-account .link-edit { text-decoration: none }
.my-account .link-edit:before {
    
    content: "\f040";
    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: -2px;
}
.my-account .link-edit span { display: none }
.my-account table button.btn-update {
    margin-top: 1rem;
    font-size: .8rem;
    line-height: 1.5em;
}
.my-account table button.btn-update:before { display: none }
.my-account table button.btn-update span { display: block }
.newsletter-manage-index .my-account > form {
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
}
#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.status-pending {
    cursor: not-allowed;
    filter: grayscale(.5);
    opacity: .5;
}
#my-downloadable-products-table .download-me.status-expired {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: .5;
}
.socialconnect-account .col2-set {
    margin: 0;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}
.socialconnect-account .col2-set > div { padding: 1rem }
.socialaccount__btn .btn {
    display: flex;
    align-items: center;
}
.socialaccount__btn .btn .ico {
    order: -1;
    margin-right: 1rem;
}
.socialaccount__facebook .btn { background: #3b5998 }
.socialaccount__facebook .btn:hover { background: #22407F }
.socialaccount__twitter .btn { background: #00aced }
.socialaccount__twitter .btn:hover { background: #0093D4 }
.socialaccount__google .btn { background: #dd4b39 }
.socialaccount__google .btn:hover { background: #C43220 }
.socialaccount__linkedin .btn { background: #007bb5 }
.socialaccount__linkedin .btn:hover { background: #00629C }

/* 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: #781198;
    color: #F2F2F2
}
.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: #781198
}
.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 */
.validation-advice { right: -9px }

/* Loader */
.svg-loader .spinner { stroke: #781198 }

/* 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: #FF9900;
    color: #FFFFFF;
}
#term-box-warning button.yes {
    background: #FF9900;
    color: #FFFFFF;
}

/* Pop-ups */
body.page-popup { padding: 20px 20px 0 }
.wrapper-popup > * { margin-bottom: 20px }
.wrapper-popup > *:last-child { margin-bottom: 0 }

/* Blog */
.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
}
.menu-recent,
.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: #781198 }
.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: #FE00E3 }
.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: #FE00E3 }
.blog-tags .tag a:hover { color: #781198 }
.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 }
.menu-recent li.post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}
.menu-recent li.post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.menu-recent a {
    display: flex;
    align-content: stretch;
}
.menu-recent .thumb {
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    flex: 0 0 70px;
}
.menu-recent .thumb img { opacity: 0 }
.menu-recent .info { flex: 1 1 auto }
.menu-recent .date {
    display: block;
    font-size: 11px;
    color: #777;
    margin-bottom: 5px
}
.menu-recent .post-title {
    display: block;
    font-size: 16px;
    color: #222
}
.menu-recent a:hover { color: #FE00E3 }
.posts-list .the-post {
    margin: 0 0 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #eee
}
.posts-list .post-container {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
}
.posts-list .post-container .thumbnail {
    flex: 1 1 30%;
    min-width: 1px;
    margin: 0;
    padding-right: 1rem;
}
.the-post:last-child { margin: 0 }
.the-post .post-container main {
    flex: 1 1 70%;
    margin: 0;
    min-width: 1px;
}
.the-post .post-container footer {
    margin-top: 1rem;
    flex: 0 0 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: #FE00E3 }
.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: #FE00E3
}
.the-post .blog-entry .ler:hover { color: #781198 }
.the-post footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.blogfeed_share { margin-right: 20px }
.blogfeed_share .title { display: none }
.blogfeed_share ul.level0 {
    display: flex;
    align-items: center
}
.blogfeed_share li:not(:last-child) { margin-right: 5px }
.blogfeed_share a {
    width: 30px;
    height: 30px;
    background: #3b5998;
    display: flex;
}
.blogfeed_share a:before {
    
    content: "\f09a";
    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: #fff;
    margin: auto
}
.blogfeed_share a.wa-bt:before { display: none }
.blogfeed_share a.wa-bt { background: #56c154 }
.blogfeed_share a.wa-bt .ico {
    fill: #fff;
    margin: auto auto;
}
.blogfeed_share a.tt-bt { background: #00aced }
.blogfeed_share a.tt-bt:before { content: '\f099' }
.blogfeed_share a.gp-bt { background: #dd4b39 }
.blogfeed_share a.gp-bt:before { content: '\f0d5' }
.blogfeed_share a span { display: none }
.blogfeed_share a:hover { filter: brightness(1.2) }
.blogfeed_tags { margin-right: 20px }
.blogfeed_tags_title { display: none }
.blogfeed_tags_list {
    display: flex;
    align-items: center
}
.blogfeed_tags_tag {
    font-size: 12px;
    margin-right: 10px
}
.blogfeed_tags_tag:last-child { margin: 0 }
.blogfeed_tags a {
    padding: 2px 10px;
    border-radius: 30px;
    background: #f5f5f5;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.blogfeed_tags a:hover {
    background: #FE00E3;
    color: #FFFFFF
}
.posts-list .blogfeed_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: #FE00E3;
    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: #781198
}
.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'
}

/* Marcas */
.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 }

/* Subscription / Assinatura */
.plans-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px
}
.plans-container .title {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
    flex: 0 0 100%;
    opacity: .5;
}
.plans-container .subscription-plan {
    padding: 10px;
    cursor: pointer;
    flex: 1 0 50%;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1rem 2rem -1rem rgba(0, 0, 0, .5);
    border: 1px solid transparent;
    margin: 5px 0;
    background: #fff;
    min-width: 320px
}
.plans-container .plan-header {
    display: flex;
    flex-flow: row wrap
}
.plans-container .subscription-plan.selected {
    border: 1px solid #781198;
    position: relative;
    z-index: 2
}
.subscription-plan .plan-description {
    margin-bottom: 10px;
    font-size: 12px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
    flex: 0 0 auto;
    max-width: 100%;
    opacity: .5;
}
.subscription-plan .price-box {
    padding: 10px;
    margin-bottom: 0;
    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
}
.subscription-plan .price-box > * { flex: 0 0 100% }
.subscription-plan .special-price-date {
    font-size: 10px;
    color: #333;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    order: 10;
    margin: 10px 0
}
.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 }
.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;
    margin-bottom: 5px;
    font-size: 12px;
    color: #888;
    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 }
.cotacao .mycart-dropdown-container {
    position: absolute;
    top: 100%;
    width: 320px;
    max-width: 90vw;
    padding: 1rem;
    background: #fff;
    box-shadow: inset 0 1px 0 #121f28, inset 0 0 0 1px rgba(0, 0, 0, .1), 0 1rem 2rem -1rem rgba(0, 0, 0, .5);
    display: none;
    right: 0;
    left: auto
}
.cotacao .mycart > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    box-shadow: inset 0 0 0 1px #121f28;
    border-radius: 100%;
}
.cotacao .text { display: none }
.cotacao .qty-wrapper { align-items: center }
.cotacao .qty-wrapper .qquantity-button {
    font-size: 0;
    background: none;
    height: auto;
    border: 0;
    padding: 0;
    box-shadow: none;
    line-height: initial;
    margin-left: 5px
}
.cotacao .qty-wrapper .qquantity-button:before {
    content: '\f021';
    font-size: 14px;
    font-family: 'biz_icons';
    color: #781198;
}
.cotacao .qtd {
    position: absolute;
    top: 0;
    right: -.25rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #243d4f;
    color: #fff;
    line-height: 1rem;
    text-align: center;
    font-size: .7rem;
    letter-spacing: -.1em;
    text-indent: -1.5px;
}
.cotacao:hover .mycart-dropdown-container { display: block }
.cotacao .finalizar {
    text-align: center;
    background: none;
    border: 0;
    color: #781198;
    box-shadow: none;
    border-radius: 0
}
.header-miniquote > .item { padding: 10px 0 }
.cotacao .finalizar:hover {
    background: #781198;
    color: #fff
}
#quotelist .btn-remove { font-size: 0 }
#quotelist .btn-remove:before {
    font-size: 16px;

    content: "\f014";
    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;
}
.qquoteadv .introduction,
.qquoteadv .product-details { margin-bottom: 20px }

/* Temporizador */
.timer {
    width: 100%;
    height: auto;
    flex-flow: row wrap;
    padding: 0.8rem 0.98rem 1.3rem;
    background: #fff;
    border: 1px solid #781198;
    border-radius: 4px;
    margin: 0 auto 1rem;
    max-width: 100%;
}
.timer .timer__ani { display: none }
.timer .i-clock {
    width: 2rem;
    height: 2rem;
    fill: #781198;
    margin-right: 0.5rem;
    order: 1;
    margin-bottom: 1rem;
}
.timer .title {
    font-size: 1rem;
    color: #781198;
    text-transform: uppercase;
    flex: 1 1 100%;
    min-width: 1px;
    text-align: center;
    order: 0;
}
.timer .timer__clock {
    font-size: 2rem;
    color: #781198;
    position: relative;
    width: auto;
    order: 2;
    padding: 0 0.5rem;
}
.timer .timer__days {
    flex: 0 0 auto;
    font-size: 2rem;
    margin: 0 .19rem .56rem 0;
    color: #781198;
    position: relative;
    padding-right: 0.5rem;
}
.timer .timer__days:after {
    content: ':';
    color: #781198;
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.timer .timer__label {
    color: #781198;
    font-size: 0.56rem;
    top: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.timer .timer__afterhours,
.timer .timer__afterminutes {
    color: #781198;
    margin-bottom: 0.56rem;
}
.timer .timer__hours,
.timer .timer__minutes,
.timer .timer__seconds {
    margin-bottom: 0.56rem;
    color: #781198 !important;
    opacity: 1;
    font-weight: normal !important;
}

/*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;
}

/* Mensagem de Presente */
#onepage-checkout-shipping-method-additional-load {
    margin: 1rem 0;
    padding: 0;
    border: 0;
    position: relative;
    text-align: right;
}
#onepage-checkout-shipping-method-additional-load h3 {
    position: relative;
    padding-left: 3rem;
    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: #781198;
    position: absolute;
    left: 0;
    top: calc(50% - 1rem);
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 2rem;
}
label[for='allow_gift_messages_for_order'],
label[for='allow_gift_messages_for_items'],
label[for='allow_gift_messages'] {
    display: inline-block;
    padding: 1rem 2rem;
    height: auto;
    line-height: 1em;
    border-radius: 3px;
    background: #FE00E3;
    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: auto;
    line-height: 1em;
    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: #781198;
    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 #781198 }
.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: #781198;
    flex: 0 0 auto;
}
#change-product-content .quick-search input {
    flex: 1 1 auto;
    border-color: #781198;
}
.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 #781198 }
.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: #781198;
    margin-bottom: -.5rem;
}
.materials-exchange .changed-product {
    cursor: pointer;
    padding: .5rem;
    font-weight: 700;
    background: #781198;
    color: #F2F2F2;
    margin: 0 -.5rem -.5rem 0;
}
.materials-exchange .changed-product:hover {
    background: #FE00E3;
    color: #FFFFFF;
}
table .change-product-link {
    text-decoration: none;
    font-size: .9rem;
    padding: .5rem;
    background: #FE00E3;
    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: #781198;
    color: #FFFFFF;
}

/*Fidelidade*/
.rewards__title {
    font-size: .8rem;
    text-align: center;
    background: #FF9900;
    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: #FF9900
}
.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: #FF9900;
    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);
}

/* 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: #781198;
    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: #781198 }
.quick-view-img {
    max-width: 400px;
    margin-right: 20px;
    flex: 0 0 400px;
}
.quick-view-img .owl-prev,
.quick-view-img .owl-next { width: 20px }
.quick-view-img .owl-prev { left: -20px }
.quick-view-img .owl-next { right: -20px }
.quick-view-img .owl-page span {
    width: 6px;
    height: 6px;
    margin: 4px;
    opacity: .3
}
.quick-view-img .owl-page.active span,
.quick-view-img .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
}

/* Comparador */
#compare-loader {
    position: fixed;
    z-index: 9999;
    left: calc(50% - 2rem);
    top: calc(50% - 2rem);
    box-shadow: 0 0 0 9999px rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .5)
}
#compare-loader .svg-loader {
    width: 4rem;
    height: 4rem;
}
#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: #781198 }

/* 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;
}
.revendas-busca form .title {
    margin-bottom: 20px;
    color: #FE00E3;
    font-weight: 600;
    display: block;
    font-size: 18px
}
.revendas-filtros { margin-bottom: 40px }
#Brasil {
    overflow: visible;
    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(.68, -.55, .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: #781198;
    color: #F2F2F2;
    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: #FE00E3;
    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: #781198
}
.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: 2.75rem;
    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: #781198
}
.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: 2.75rem;
    flex: 0 0 auto
}
.revendas-list {
    padding-top: 2.75rem;
    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: #FE00E3 }
.revendaslist .telmail a:hover { color: #781198 }
.revendaslist .conheca {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    background: #FE00E3;
    color: #FFFFFF
}
.revendaslist .conheca:hover {
    background: #781198;
    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: #FE00E3 }
.arevenda .dados a:hover { color: #781198 }
.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: #f9f9f9
}
.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: #781198 }
.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: #781198 }
.case-detail-content .nome {
    color: #111;
    margin-bottom: 20px
}

/* 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__box {
    background: #fff;
    padding: 1rem
}
#continuar-finalizar .std {
    padding: 0;
    margin-bottom: 1rem
}
#continuar-finalizar .current-product {
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}
#continuar-finalizar .actions {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 1rem;
    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: #FF9900;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
#continuar-finalizar .actions a:hover {
    background: #F26613;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-cart {
    background: #FE00E3;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-cart:hover {
    background: #781198;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-checkout {
    background: #FF9900;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-checkout:hover {
    background: #F26613;
    color: #FFFFFF
}

/*Finalização*/
.opc-registered-users button,
.opc .buttons-set button:not(.btn--outline) {
    background: #FF9900;
    color: #FFFFFF;
}
.opc-registered-users button:hover,
.opc .buttons-set button:not(.btn--outline):hover {
    background: #F26613;
    color: #FFFFFF;
}
.opc .buttons-set a { color: #FE00E3 }
.opc .buttons-set a:hover { color: #781198 }
#checkout-step-login .hints li:before { color: #FE00E3 }
.mycart-opc-totals .title { color: #FE00E3 }
.mycart-opc-totals .price { color: #FE00E3 }
.step-title { color: #FE00E3 }
.step-title .number,
.allow.active .step-title .number {
    color: #FFFFFF;
    background: #FE00E3;
}
.allow.active .step-title { color: #FE00E3 }
.allow .step-title { color: #FF9900 }
.allow .step-title .number { background: #FF9900 }
.allow .step-title .number:before { color: #FFFFFF }
.step-title a { color: #FE00E3 }
.step-title a:before { 
    content: "\f040";
    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; }
.step-title a:hover {
    background: #FE00E3;
    color: #FFFFFF;
}

/*Finalização - Envios*/
#checkout-shipping-method-load ul li label:hover { box-shadow: 0 0 0 1px #781198 }
#checkout-shipping-method-load ul li label:after { color: #FF9900 }
#checkout-shipping-method-load ul li .price { color: #FE00E3 }
#checkout-payment-method-load > dt label:after {
    color: #FF9900;
    
    content: "\f00c";
    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;
}

/*Finalização - Pagamento*/
#checkout-payment-method-load > dt label:hover { color: #FF9900 }
#checkout-payment-method-load > dt.dt-selected label { color: #FF9900 }
#opc-payment .valor-card .value { color: #FF9900 }

/*Finalização - Pagamento - Cartão de Crédito*/
.cardGrid .cod a { color: #FE00E3 }
.mp-coupon .bts span {
    background: #FE00E3;
    color: #FFFFFF
}

/* Finalização - Pagamento - Boletos */
.boletoGrid .boleto-discount,
.boletoGrid .boleto-price { color: #FF9900 }

/* Finalização - Pagamento - Depósitos */
.banks-accounts dt a.on { color: #FF9900 }

/* Finalização - MundiPagg * Boleto + Cartão */
#payment_form_mundipagg_api_boletocartao .boleto-entry .input-box input { color: #FF9900 }

/* Finalização - MundiPagg * Boleto + 2 Cartões */
#payment_form_mundipagg_api_boletodoiscartoes .boleto-entry .input-box input { color: #FF9900 }
#payment_form_mundipagg_api_boletodoiscartoes .valor-card input { color: #FF9900 }

/* Finalização - MundiPagg * 2 Cartões */
#payment_form_mundipagg_api_doiscartoes .valor-card input { color: #FF9900 }

/* Finalização - Mercado Pago * Ticket */
.mercadopago-coupon-action-apply,
.mercadopago-coupon-action-remove {
    background: #FE00E3;
    color: #FFFFFF;
}

/* Finalização - Modelo Accordion */
.osc-accordion h3 { color: #FE00E3 }
.osc-accordion .opc-block-progress dt.complete:after { color: #FF9900 }
.osc-accordion .opc-block-progress .price { color: #FE00E3 }
.osc-accordion .opc-block-progress .pay-link {
    background: #FE00E3;
    color: #FFFFFF
}
.osc-accordion .opc-block-progress .pay-link:hover {
    color: #FFFFFF;
    background: #781198
}

/* Finalização - Modelo Colunas (OSC) */
.osc-onepage h3 { color: #FE00E3 }
.osc-onepage #checkout-shipping-method-load ul li label:hover .label { color: #FF9900 }

/* Finalização - Modelo Etapas */
.osc-steps h3 { color: #FE00E3 }
.osc-steps .opc-block-progress dt a { color: #FE00E3 }
.osc-steps .opc-block-progress dt a:before { 
    content: "\f040";
    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; }
.osc-steps .opc-block-progress dt a:hover {
    background: #FE00E3;
    color: #FFFFFF
}
.osc-steps .opc-block-progress dt.complete { color: #FF9900 }
.osc-steps .opc-block-progress dt.complete:before {
    color: #FFFFFF;
    background: #FF9900
}
.osc-steps .opc-block-progress dt.complete:after { background: #FF9900 }
.-bt-change {
    background: #FF9900;
    color: #FFFFFF;
}
.-bt-change:hover {
    background: #F26613;
    color: #FFFFFF;
}
/* end of custom content */

/**
*
* CSS Editável
* Tema:     Neon
* 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
*
* .block
* .block__element
* .block--modifier
*
*/

/* ------ Estrutura */
/* ~992px */
@media (max-width:62rem){
    .wrapper-container{ padding-top: 5.75rem }
    .sidebar{
        position: fixed;
        top: -9999px;
        left: -9999px;
        z-index: 9999;
    }
}
/* ~568px */
@media (max-width: 35.5rem){
    .wrapper-container{ padding-top: 4rem }
}

/* ------ Formulários */
/* ~568px */
@media (max-width: 35.5rem){
    .options input.datetime-picker{ 
    -webkit-flex: 0 0 5rem;
            flex: 0 0 5rem; }
}

/* ------ Newsletter */
/* ~568px */
@media (max-width: 35.5rem){
    .newsletter__form{ display: block }
}

/* ------ .page-title */
/* ~768px */
@media (max-width: 48rem){
    .page-title h1{ font-size: 2rem }
}

/* ------ Busca - Autocomplete */
/* ~768px */
@media (max-width:48rem){
    .search__filter{ display:none }
}

/* ------ Lista de Desejos */
/* ~992px */
@media (max-width:62rem){
    .mywish__content{ display: none !important }
    .mywish__header .ico{ fill: #781198 !important }
}

/* ------ Logo */
/* ~992px */
@media (max-width:62rem){
    .logo .has-m-img .d-img{ display: none !important }
    .logo .has-m-img .m-img{ display: block !important }
}

/* ------ Coleção de Produtos */
/* ~568px */
@media (max-width:35.5rem){
    .products__item{ 
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%; }
    .products__case{
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    .product__header{
        padding: 1rem 0 1rem 1rem;
        
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    }
    .product__main{ display: block }
    .product__name{
        font-size: 1rem;
        line-height: 1.2rem;
        height: 2.4rem;
        overflow: hidden;
        word-break: break-word;
        position: relative;
    }
    .product__name:after{
        content: '';
        display: block;
        height: 1.2rem;
        width: 25%;
        background: linear-gradient(90deg, rgba(255,255,255,0), #fff);
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .products .configurable-swatch-list,
    .products .price-box-avista,
    .products .price-box-parcelado{ display: none }
}

/* ------ Menu de Categorias */
/* ~1528px */
@media (max-width:95.5rem){
    .categories--carrossel .owl-prev{ box-shadow: 1rem 0 2rem -1rem rgba(0,0,0,.8) }
    .categories--carrossel .owl-next{ box-shadow: -1rem 0 2rem -1rem rgba(0,0,0,.8) }
}
/* ~992px */
@media (max-width:62rem){
    .categories--mobi{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        margin: 0 !important;
        padding: 0 0 3rem !important;
        
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        display: block;
        overflow-y: auto;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
    }
    .categories--mobi.on{
        
    -webkit-transform: translateX(0);
            transform: translateX(0);
    }
    .categories--mobi .ul--0{
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        max-width: none;
    }
    .categories--mobi .li--0:not(.categories__all),
    .categories--mobi .a--0{ display: none }
    .categories--mobi .box--1{
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        
    -webkit-transform: none;
            transform: none;
        display: block;
        padding: 0;
        background: none;
        box-shadow: none;
    }
    .categories--mobi .categories__all{ 
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%; }
    .categories--mobi .all-ul--0{
        display: block;
        max-height: none;
        overflow: visible;
        padding: 0;
    }
    .categories--mobi .all-li--0{
        box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
        max-width: none;
    }
    .categories--mobi .all-a--0{
        padding: .875rem 1rem;
        font-size: 1rem;
        color: #F2F2F2
    }
    .categories--mobi .all-ul--1{
        font-size: 1rem;
        background: rgba(0,0,0,.1);
    }
    .categories--mobi .all-li--1{ box-shadow: inset 0 1px 0 rgba(0,0,0,.1) }
    .categories--mobi .all-a--1{
        padding: .875rem 1rem;
        color: #F2F2F2
    }
    .categories--mobi .all-ul--2{
        font-size: .8rem;
        background: rgba(0,0,0,.1);
    }
    .categories--mobi .all-li--2{ box-shadow: inset 0 1px 0 rgba(0,0,0,.1) }
    .categories--mobi .all-a--2{
        padding: .975rem 1rem;
        color: #F2F2F2
    }
    .categories--mobi .std{ display: none }
    .categories__hide{
        box-shadow: none;
        
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
        margin: 0 0 0 auto;
        display: block;
    }
    .categories__show{
        display: block;
        box-shadow: none;
        font-size: 1.5rem;
        padding: 0;
        width: 2.75rem;
        height: 2.75rem;
        
    -webkit-flex: 0 0 2.75rem;
            flex: 0 0 2.75rem;
        margin-right: 1rem;
    }
    .categories__show span{ display: none }
    .categories__show:before{
        
    content: "\f0c9";
    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;
        position: relative;
        left: 1.5px;
    }
    .categories__show:hover{
        color: #F2F2F2;
        background: #781198;
    }
}
/* ~568px */
@media (max-width: 35.5rem){
    .categories__show{ margin: 0 }
}

/* ------ Marcas */
/* ~568px */
@media (max-width: 35.5rem){
    .brands .owl-wrapper-outer{
        padding: 0 1rem;
        margin: 0 -1rem;
        width: calc(100% + 2rem);
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    }
}

/* ------ Minha Conta */
/* ~992px */
@media (max-width:62rem){
    .myaccount__content{
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        z-index: 999;
        max-width: none;
        width: 100vw;
        height: 100vh;
        display: block;
        overflow-y: auto;
        box-shadow: inset 0 1px 0 #781198,
                    inset 0 0 0 1px rgba(0,0,0,.1);
        
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        
    -webkit-transition: all 600ms  cubic-bezier(.23,1,.32,1);
            transition: all 600ms  cubic-bezier(.23,1,.32,1);
    }
    .myaccount.on .myaccount__content{ 
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .myaccount__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }
    .myaccount__content .title{ text-align: center }
    .myaccount__social,
    .myaccount__login,
    .myaccount__register{
        max-width: 24rem;
        margin-left: auto;
        margin-right: auto;
    }
    .myaccount .mymenu{ margin: 0 -1rem }
    .myaccount .mymenu .ul--0 ul{ background: rgba(0,0,0,.05) }
    .myaccount .mymenu .li--0{ margin: 0 }
    .myaccount .mymenu li{ border-bottom: 1px solid rgba(0,0,0,.1) }
    .myaccount .mymenu li:first-child{ border-top: 1px solid rgba(0,0,0,.1) }
    .myaccount .mymenu a{
        display: block;
        padding: 1rem;
        line-height: 1em;
        font-size: 1rem;
    }
}

/* ------ Meu Carrinho */
/* ~992px */
@media (max-width:62rem){
    .mycart__content{
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        z-index: 999;
        max-width: none;
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        display: block;
        overflow-y: auto;
        box-shadow: inset 0 1px 0 #781198,
                    inset 0 0 0 1px rgba(0,0,0,.1);
        
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
    }
    .mycart.on .mycart__content{ 
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .mycart__header .ico{ fill: #781198 !important }
    .mycart__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }
    .mycart__list{
        max-height: none;
        overflow: visible;
        padding: 0;
        margin: 0;
    }
    .mycart__actions{ margin-bottom: 1rem }
}

/* ------ Breadcrumb */
/* ~768px */
@media (max-width: 48rem){
    .breadcrumb{ font-size: .8rem }
}

/* ------ Filtros */
/* ~992px */
@media (max-width:62rem){
    .filters .title{
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        z-index: 9999;
        width: 4rem;
        height: 4rem;
        border-radius: 100%;
        background: #781198;
        color: #F2F2F2;
        
    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;
        
    -webkit-transition: all 400ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 400ms  cubic-bezier(0.23, 1, 0.32, 1);
        font-size: 1rem;
        font-weight: 400;
        margin: 0;
        padding: 1.5rem;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),
                    0 2px 4px rgba(0,0,0,.3);
    }
    .filters .title:before{ 
    content: "\f1de";
    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; }
    .filters .title span{ display: none }
    .filters .title.scrolled{ 
    -webkit-transform: scale(0);
            transform: scale(0); }
    .filters__list{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        padding: 4rem 1rem 1rem;
        background: #781198;
        overflow-y: auto;
        
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
    }
    .filters.on .filters__list{ 
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .filters.on .title{
        bottom: auto;
        top: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0;
        width: 100vw;
    }
    .filters.on .title: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; }
    .filters__filter:not(:last-child){ margin-bottom: 2rem }
    .filters__filter{
        padding: 0;
        background: none;
        box-shadow: none !important;
    }
    .filters__name{
        color: rgba(255,255,255,.5);
        margin-bottom: .25rem;
    }
    .filters__filter .li--0:not(:last-child){ margin: 0 }
    .filters__filter .a--0{ color: #F2F2F2 }
    .filters__swatches .swatch{
        background: rgba(255,255,255,.5);
        color: rgba(0,0,0,.5)
    }
    .filters__filtered{
        position: fixed;
        top: 4.75rem;
        left: 0;
        right: 0;
        z-index: 999;
    }
    .filters__filtered .subtitle,
    .filtered__clear{ display: none }
}
/* ~568px */
@media (max-width: 35.5rem){
    .filters .title{
        bottom: 1rem;
        right: 1rem;
        padding: 1rem;
        width: 3rem;
        height: 3rem;
    }
    .filters__filtered{ top: 3rem }
}

/* ------ Pagamentos / Envios */
/* ~768px */
@media (max-width: 48rem){
    .pays__svg,
    .ships__svg{ height: 1rem }
}

/* ------ Banner */
/* ~992px */
@media (max-width:62rem){
    .has_m_img .banner__link{ height:auto !important }
    .has_m_img img.d_img{ display:none !important }
    .has_m_img img.m_img{
        display:block !important;
        width: 100%;
    }
    .banner .owl-controls{ display:none !important }
    .banner--nojs .banner__wrapper{ 
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; }
}
/* ~568px */
@media (max-width: 35.5rem){
    .slide__youtube{
        padding: 100% 182% 0 0;
        height: auto !important;
    }
    .banner--nojs .banner__wrapper{ 
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; }
}

/* ------ Modal */
/* ~992px */
@media (max-width: 62rem){
    .modal__content{
        margin-right: 0;
        max-width: calc(100vw - 2rem);
    }
    .modal .video-fix-frame{ width: calc(100vw - 2rem) }
}
/* ~568px */
@media (max-width: 35.5rem){
    .modal__content{ width: 100vw }
}

/* ------ Floater */
/* ~992px */
@media (max-width: 62rem){
    .floater__content{
        margin-right: 0;
        max-width: calc(100vw - 2rem);
    }
    .floater .video-fix-frame{ width: calc(100vw - 2rem) }
}
/* ~568px */
@media (max-width: 35.5rem){
    .floater__content{ width: 100vw }
}

/* ------ Termos de Aceite */
/* ~992px */
@media (max-width: 62rem){
    .terms__content{
        margin-right: 0;
        max-width: calc(100vw - 4rem);
    }
    .terms__actions{
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .terms__actions .btn{ 
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto; }
    .terms .video-fix-frame{ width: calc(100vw - 2rem) }
}
/* ~568px */
@media (max-width: 35.5rem){
    .terms__content{ width: 100vw }
}

/* ------ Carrossel */
/* ~1528px */
@media (max-width:95.5rem){
    .owl-prev{
        left:0;
        right:auto
    }
    .owl-next{
        right:0;
        left:auto
    }
}
/* ~992px */
@media (max-width:62rem){
    .owl-buttons{ display:none }
}

/* ------ Feed RSS */
/* ~992px */
@media (max-width:62rem){
    .feeds--content .feeds__list{ 
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; }
}

/* ------ Header */
/* ~1408px */
@media (max-width: 88rem){
    .header{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* ~992px */
@media (max-width:62rem){
    .header-container{
        
    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;
        background: #781198;
        margin: 0;
    }
    .header{ 
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto; }
    .header-container .loginout{ display:none }
    .header-container .mywish__header a,
    .header-container .mycart__header a,
    .header-container .myaccount__header a{
        background: #F2F2F2 !important;
        box-shadow: none;
    }
}
/* ~768px */
@media (max-width: 48rem){
    .mywish{ display: none }
}
/* ~568px */
@media (max-width: 35.5rem){
    .header{
        padding: .125rem 0 .125rem 1rem;
        margin: 0 !important;
    }
    .header .search{
        
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
        margin-left: auto;
        z-index: 20;
    }
    .header .search__button{ box-shadow: none }
    .header .search__form .input-box{ display: none }
    .header .search.on .search__form .input-box{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: block;
        width: 100vw;
    }
    .header .search.on .search__input{
        height: 3rem;
        width: 100%;
        padding: 1rem 3.75rem 1rem 1rem;
        background: #781198;
        color: #F2F2F2;
        box-shadow: none;
    }
    .header .search.on .search__input::-webkit-input-placeholder{ color: rgba(242,242,242,.5) }
    .header .search.on .search__input::-moz-placeholder{ color: rgba(242,242,242,.5) }
    .header .search.on .search__input:-ms-input-placeholder{ color: rgba(242,242,242,.5) }
    .header .search.on .search__input:-moz-placeholder{ color: rgba(242,242,242,.5) }
    .header .search__hide{
        position: fixed;
        top: .125rem;
        right: .125rem;
        z-index: 9999;
        box-shadow: none;
        background: none;
        display: block;
    }
    .header .logo img,
    .header .logo svg{
        max-height: 2rem;
        height: auto
    }
    .header .myaccount,
    .header .mycart{
        margin-left: 0;
        z-index: 10;
    }
    .header .myaccount__header,
    .header .mycart__header{ padding: .375rem }
    .header .myaccount__header a,
    .header .mycart__header a{
        width: 2rem;
        height: 2rem;
    }
}

/* ------ Footer */
/* ~1408px */
@media (max-width: 88rem){
    .footer .newsletter{
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .footer{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* ~768px */
@media (max-width: 48rem){
    .footer__payments,
    .footer__shipments,
    .footer__certificates{ 
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%; }
    .pays__list,
    .ships__list,
    .certs__list{ 
    -webkit-justify-content: center;
              -ms-flex-pack: center;
            justify-content: center; }
    .footer .pays__title,
    .footer .ships__title,
    .footer .certs__title{ display: none }
}

/* ------ Catálogo */
/* ~768px */
@media (max-width: 48rem){
    .toolbar{
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        
    -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
            justify-content: space-between;
    }
    .toolbar .amount{
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        margin-bottom: 1rem;
    }
    .toolbar .sorter{ margin-left: 0 }
}
/* ~568px */
@media (max-width: 35.5rem){
    .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: 5px;
        position: static;
        
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    }
    .prolabel img{
        width: auto;
        height: auto;
        max-height: 3rem;
        margin: 0;
    }
}
/* ~468px */
@media (max-width: 29.25rem){
    .toolbar .view-mode,
    .toolbar .limiter{ display: none }
    .toolbar .sort-by{ margin-left: 0 }
}

/* ------ Produto */
/* ~ 1024px */
@media (max-width:64rem){
    .prod__shop{ 
        -webkit-flex-flow: column nowrap;
                flex-flow: column nowrap; }
    .prod__shop .col1{ margin-bottom: 2rem }
    .prod__shop .col2{ margin: 0 }
}
/* ~992px */
@media (max-width:62rem){
    .prod__img{
        margin-right: 1rem;
        
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%;
    }
    .product-image-gallery{ height: auto }
    .prod__shop{ 
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%; }
    .prod__name h1{ font-size: 2rem }

    /* @parcelamento */
    .parcelamento .title{
        display: block;
        font-size: 1rem;
        padding: 1rem;
        background: #fff;
        border: 1px solid rgba(0,0,0,.1);
        
    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;
    }
    .parcelamento .title:after{ 
    content: "\f105";
    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; }
    .parcelamento ul{
        position: fixed;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        z-index: 9999;
        padding: 1rem;
        background: #fff;
        font-size:1rem;
        
    -webkit-column-count: initial;
       -moz-column-count: initial;
            column-count: initial;
        
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
    }
    .parcelamento.on ul{ 
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .parcelamento__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }

    /* @simulador-frete */
    .frete__title{
        font-size: 1rem;
        padding: 1rem;
        border-radius: 0;
        background: #fff;
        margin: 0;
        box-shadow: none;
        border: 1px solid rgba(0,0,0,.1);
    }
    .frete__title span{ 
    -webkit-order: -1;
            order: -1; }
    .frete__title .ico{ margin: 0 0 0 auto }
    .frete__content{
        position: fixed;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        z-index: 999;
        padding: 1rem;
        background: #fff;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
        
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
        
    -webkit-justify-content: center;
              -ms-flex-pack: center;
            justify-content: center;
        
        -webkit-flex-flow: column nowrap;
                flex-flow: column nowrap;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    }
    .frete--open .frete__content{
        
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    }
    .frete__hide{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        border-radius: 0;
    }
    .frete__results{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        z-index: 9999;
        display: block !important;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
        
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    }
    .frete.on .frete__results{ 
    -webkit-transform: translateY(0);
            transform: translateY(0); }

    /* Produto - Compre Junto */
    .jointsales .owl-buttons{ display: block }
}
/* ~768px */
@media (max-width: 48rem){
    /*Produto Configurável*/
    .configurable{ display: block }

    /* Produto - Compre Junto */
    .jointsales__current{ 
        -webkit-flex-flow: column nowrap;
                flex-flow: column nowrap; }
}
/* ~568px */
@media (max-width: 35.5rem){
    #product_addtocart_form{ display: block }
    .product-essential{ margin-bottom: 0 }
    .prod__img{ margin: 0 0 1rem }
    .product-image-gallery{
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .catalog-product-view .breadcrumb{ display: none }
    .catalog-product-view .wrapper-container{ padding-top: 3rem }
    .product-collateral > *:not(:last-child){ margin-bottom: 0 }

    /* @compartilhar */
    .sharing-links .list{
        margin: 0;
        
    -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .sharing-links li{ margin: 0 }
    .sharing-links .list:before{ display: none }

    /* .tabs */
    .tabs{
        display: block;
    }
    .tabs__tab{
        font-size: 1rem;
        font-weight: 700;
        padding: 1rem;
        margin: 0 -1rem !important;
        top: 0;
        position: static;
        background: #fff;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
        
    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;
    }
    .tabs__tab:first-child{ margin-left: auto }
    .tabs__tab:after{
        
    content: "\f105";
    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: auto;
    }
    .tabs__content{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        padding: 1rem;
        background: #fff;
        border: 0;
        z-index: 999;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
        
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    }
    .tabs__content.open{ 
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .tabs__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }

    /* Produto
     * @relacionados
     * @recomendados
     * @quemviu
     * @compre-junto
     * @vendas-acima
     */
    .related__title,
    .recommended__title,
    .whosaw__title,
    .jointsales__title,
    .upsell__title{
        cursor:pointer;
        font-size: 1rem;
        font-weight: 700;
        padding: 1rem;
        margin: 0 -1rem;
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,.1);
        
    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;
    }
    .related__title:after,
    .recommended__title:after,
    .whosaw__title:after,
    .jointsales__title:after,
    .upsell__title:after{
        
    content: "\f105";
    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: auto;
    }
    .related__content,
    .recommended__content,
    .whosaw__content,
    .jointsales__content,
    .upsell__content{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        padding: 1rem;
        background: #fff;
        z-index: 999;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
        
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    }
    .related.on .related__content,
    .recommended.on .recommended__content,
    .whosaw.on .whosaw__content,
    .jointsales.on .jointsales__content,
    .upsell.on .upsell__content{ 
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .related__hide,
    .recommended__hide,
    .whosaw__hide,
    .jointsales__hide,
    .upsell__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }

    /* @compre-junto */
    .jointsales__content{ display: block }
    .jointsales__current{
        
        -webkit-flex-flow: row nowrap;
                flex-flow: row nowrap;
        margin: 0;
        padding: 0;
    }
    .jointsales .more{
        top: calc(100% - 1rem);
        right: calc(50% - 1rem);
        
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    }
    .jointsales__items{ min-width: 100% }
    .jointsales .owl-wrapper-outer{ border-width: 0 1px 1px }
    .jointsales__row{ display: block }
    .jointsales__list{ display: block }
    .jointsales__item{
        max-width: none;
        padding: 0;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .jointsales__item:not(:first-child){
        border: 0;
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .jointsales__item .thumb{
        padding: 0 1rem 0 0;
        margin: 0;
        
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    }
    .btn-jointsales{ width: 100% }

    /* avaliacoes(form) */
    .reviews .subtitle{
        text-align: center;
        border-top: 1px solid rgba(0,0,0,.1);
        opacity: .5;
    }
    .reviews__title{
        font-size: 1rem;
        font-weight: 400;
        padding: 1rem;
        margin: 0 -1rem;
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,.1);
        
    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;
    }
    .reviews__title:after{
        
    content: "\f123";
    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: auto;
    }
    .reviews__content{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        padding: 1rem;
        background: #fff;
        z-index: 999;
        
    -webkit-transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 600ms  cubic-bezier(0.23, 1, 0.32, 1);
        
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
        display: block;
    }
    .reviews.on .reviews__content{ 
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .reviews__resume,
    .reviews__ratings,
    .reviews__add{
        padding: 0;
        margin: 0;
        background: none;
        box-shadow: none;
    }
    .reviews__resume .product-rate .percent{ margin: 0 20% }
    .reviews__ratings{ margin-bottom: 1rem }
    .reviews__no-reviews{ padding: 0 }
    .reviews__hide{
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }

    /* @parcelamento & @simulador-frete*/
    .parcelamento .title{
        margin-left: -1rem;
        margin-right: -1rem;
        border-width: 1px 0;
    }
    .frete__title{
        margin-left: -1rem;
        margin-right: -1rem;
        border-width: 0 0 1px;
    }

    /* @links */
    .add-to-links{ margin: 0 !important }
    .add-to-links li:not(:last-child){ margin: 0 }
    .add-to-links a{
        padding: 1rem;
        margin: 0 -1rem;
        text-align: left;
        font-size: 1rem;
        line-height: 1em;
        
    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;
        border-radius: 0;
        font-weight: 400;
        box-shadow: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .add-to-links li:first-child a{ border-top: 1px solid rgba(0,0,0,.1) }
    .add-to-links a:after{ margin-left: auto }
    .add-to-links .link-wishlist a:after{ 
    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; }
    .add-to-links .link-compare a:after{ 
    content: "\f012";
    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; }

    /* Empacotado */
    .bundle{ margin: 0 -1rem 1.5rem }
    .bundle:before{ padding: 0 1rem }
    .bundle__option{ margin: 0 0 -1px }
    .bundle .options-bundle-images,
    .bundle .bundle-checkbox-image,
    .bundle .bundle-checkbox-image{ 
    -webkit-flex: 0 0 3rem;
            flex: 0 0 3rem; }
    tr.bundle{
        margin: 0;
        display: table-row;
    }
    tr.bundle:before{ display: none }

    .grouped{ margin: 0 -1rem 1.5rem }
    .grouped:before{ padding: 0 1rem }
    .grouped__option{ margin: 0 0 -1px }
    .grouped .qty-holder{ margin: 0 }
    .grouped .grouped-images{ 
    -webkit-flex: 0 0 3rem;
            flex: 0 0 3rem; }
    .grouped__option.added:not(.out-of-stock):hover{ box-shadow: inset 0 0 0 1px #781198 }
}

/* ------ Carrinho */
/* ~992px */
@media (max-width: 62rem){
    .cart-table{ margin: 0 -1rem }
    .cart-table .cart-total-head,
    .cart-table .cart-product-line > div.product-cart-total{ display: none }
    .cart__boxes{ margin: 0 -1rem 1rem }
}
/* ~768px */
@media (max-width: 48rem){
    .cart-table h2.name{ font-size: 1rem }
    .cart-table .cart-product-head span:after{ content: 's'; }
    .cart-table .cart-price-head,
    .cart-table .cart-qty-head{ display: none }
    .cart-table .btn-remove{ margin: 0 }
    .cart-product-line{
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .cart-product-line:last-child{
        border: 0;
        padding: 0;
        margin: 0;
    }
    .cart-product-line > div{ 
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto; }
    .cart-product-line > div:first-child{
        padding: 1rem;
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        
    -webkit-align-items: flex-start;
         -ms-flex-align: start;
            align-items: flex-start;
    }
}
/* ~568px */
@media (max-width: 35.5rem){
    .cart__boxes{ display: block }
}

/* ------ Finalização */
/* ~992px */
@media (max-width: 62rem){
    .opc .header-container{
        background: #781198;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
        padding: 0;
        margin: 0 -1rem 2rem;
        width: auto;
    }
    .opc .header{ padding: .125rem 0 }
    .checkout-onepage-index .biz-modal-frame .modal-container .std{ text-align: center }

    /* Finalização - Modelo Accordion */
    .osc-accordion .col-right{ display: none }

    /* Finalização - Colunas */
    .osc-onepage #checkoutSteps > div{ 
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%; }
}
/* ~768px */
@media (max-width: 48rem){
    .opc-registered-users{
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.1);
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    }
    .opc-new-users{ 
    -webkit-flex: 1 1 50%;
            flex: 1 1 50%; }
    .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: .5rem }
    .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 */
    .osc-steps .opc-block-progress dl{ 
    -webkit-align-items: flex-end;
         -ms-flex-align: end;
            align-items: flex-end; }
    .osc-steps .opc-block-progress dt{
        font-size: 10px;
        line-height: 10px;
        display: block;
    }
    .osc-steps .opc-block-progress dt .changelink{ display: block }
    .osc-steps .opc-block-progress dt a{
        margin: 0;
        display: inline-block;
        height: 2rem;
    }
}
/* ~568px */
@media (max-width: 35.5rem){
    .bcashGrid{ display: block }
    .bcashGrid .ico{ margin-bottom: 1rem }
    .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 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: .5rem 1rem }
    .banks-accounts table tbody td{ border: 1px solid rgba(0,0,0,.1) }
    .banks-accounts table th:before,
    .banks-accounts table td:before{
        content: '1';
        opacity: .5;
        font-weight: 700;
        margin-right: 1rem;
    }
    .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 Etapas */
    .osc-steps #checkoutSteps{ margin: 0 -1rem }

    /* Finalização - Modelo Accordion */
    .osc-accordion #checkoutSteps{ margin: 0 -1rem }

    /* Finalização - Modelo Colunas */
    .osc-onepage #checkoutSteps{
        display: block;
        margin: 0 -1rem;
    }
    .osc-onepage #checkoutSteps > div{ width: 100% }
    .osc-onepage .section{ margin: 0 }
    .osc-onepage .step-title{ margin: 0 }
    .osc-onepage .step.a-item{ padding-top: 1rem }
    .osc-onepage #checkoutSteps .section.allow .step.a-item{ display: none !important }
    .osc-onepage #checkoutSteps .section.active .step.a-item{ display: block !important }

    /* 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: .25rem 0 0 }
}

/* ------ Sucesso */
/* ~568px */
@media (max-width: 35.5rem){
    .success-content{ margin: 0 -1rem }
    .success-content .confirmation,
    .success-content .print{ display: block }
    .buttons-success{ 
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch; }
}

/* ------ Painel do Cliente */
/* ~992px */
@media (max-width: 62rem){
    .my-orders .item-order{ 
    -webkit-flex: 0 1 50%;
            flex: 0 1 50%; }
    .box-account .box-title a{
        min-width: 60px;
        text-align: center;
        line-height: 1em;
        padding: 3px 10px;
    }
    .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%;
    }

    .customer-account .footer .newsletter,
    .customer-account .footer__about,
    .customer-account .footer__doubts,
    .customer-account .footer__account,
    .customer-account .footer__payments,
    .customer-account .footer__shipments,
    .customer-account .footer__certificates{ display: none }

    .block-account .block-title{
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        z-index: 9999;
        width: 4rem;
        height: 4rem;
        border-radius: 100%;
        background: #781198;
        color: #F2F2F2;
        
    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;
        
    -webkit-transition: all 400ms  cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 400ms  cubic-bezier(0.23, 1, 0.32, 1);
        font-size: 1rem;
        font-weight: 400;
        margin: 0;
        padding: 1.5rem;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),
                    0 2px 4px rgba(0,0,0,.3);
    }
    .block-account .block-title:before{ 
    content: "\f0c9";
    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; }
    .block-account .block-title strong{ display: none }
    .block-account .block-content{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        overflow-y: auto;
        padding: 0 1rem 1rem;
        background: #fff;
        width: 100vw;
        height: 100vh;
        
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
        
    -webkit-transition: all 600ms  cubic-bezier(.23,1,.32,1);
            transition: all 600ms  cubic-bezier(.23,1,.32,1);
    }
    .block-account.on .block-title{
        
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),
                    0 -2px 4px rgba(0,0,0,.3);
    }
    .block-account.on .block-title:before{
        
    content: "\f077";
    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;
        position: relative;
        bottom: 2px;
    }
    .block-account.on .block-content{ 
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .block-account ul li{
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .block-account ul li.last{
        border: 0;
        margin: 0;
    }
    .block-account a{
        display: block;
        font-size: 1rem;
        line-height: 1em;
        padding: 1rem;
        margin: 0 -1rem;
    }
    .block-account .current a,
    .block-account a:hover{
        background: #FE00E3;
        color: #FFFFFF;
    }
    .block-account ul li.last a:after{
        font-size: 1rem;
        font-weight: 700;
        line-height: 1em;
    }
}
/* ~768px */
@media (max-width: 48rem){
    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;
    }

    #wishlist-table tbody tr{
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        margin: 0;
        padding: .5rem;
        border: 1px solid rgba(0,0,0,.1);
    }
    #wishlist-table thead tr th:not(:first-child){ display: none }
    #wishlist-table tbody tr td{
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        width: auto;
        padding: .5rem !important;
        border: 0  !important;
    }
    #wishlist-table tbody tr td:first-child{
        
    -webkit-flex: 1 1 30%;
            flex: 1 1 30%;
        width: 30%;
    }
    #wishlist-table tbody tr td:nth-child(2){
        
    -webkit-flex: 1 1 70%;
            flex: 1 1 70%;
        width: 70%;
    }
}
/* ~568px */
@media (max-width: 35.5rem){
    .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 }
    .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 }
    .customer-account .col2-set > .addresses-additional{ padding: 0 }
    .customer-account .pager-no-toolbar .limiter{ display: none }

    .addresses-primary{ margin-bottom: 1rem }

    .sales-order-view .title-buttons h1,
    .sales-order-shipment .title-buttons h1,
    .sales-order-invoice .title-buttons h1{ white-space: normal }

    .block-account .block-title{
        bottom: 1rem;
        right: 1rem;
        padding: 1rem;
        width: 3rem;
        height: 3rem;
    }

    .form-list .fields.tipopessoa > .field{ padding: 0 }
    .form-list .fields.tipopessoa label{
        padding: 0 .5rem;
        font-size: .8rem;
    }

    #wishlist-table tbody tr{
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        margin: 0;
        padding: .5rem;
        border: 1px solid rgba(0,0,0,.1);
    }
    #wishlist-table thead tr th:not(:first-child){ display: none }
    #wishlist-table tbody tr td,
    #wishlist-table tbody tr td:first-child,
    #wishlist-table tbody tr td:nth-child(2){
        
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
        width: 100%;
        padding: .5rem !important;
        border: 0  !important;
    }
    #wishlist-table tbody tr td[width]{
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        width: auto;
    }

    #my-downloadable-products-table thead tr th:not(:first-child){ display: none }
    #my-downloadable-products-table tbody tr{
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
        
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
        margin: 0;
        border: 1px solid rgba(0,0,0,.1);
        padding: .5rem;
    }
    #my-downloadable-products-table tbody tr td{
        
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        padding: .5rem !important;
        margin: 0;
        border: 0 !important;
    }

    .socialconnect-account .col2-set{ 
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap; }
    .socialconnect-account .col2-set > div{ min-width: 250px }
}

/* ------ Revendas */
/* ~768px */
@media (max-width: 48rem){
    .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 }
}
/* ~568px */
@media (max-width: 35.5rem){
    .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 }
}
element.style {
}
.regular-price .label span, .regular-price .price span {
    font-size: 1em;
    line-height: 1em;
    display: none;
}
element.style {
}
.price-as-configured .label span, .price-as-configured .price span {
    font-size: 1em;
    line-height: 1em;
    display: none;
}
/* end of editable */

/**
*
* CSS Geral
* Arquivo:	general.css
*
* Use este editor para criar o seu CSS
* Este arquivo será o último arquivo .css chamado
*
* Use a barra de ferramentas ao lado para
* ver como usar os @minxins e @tags
*
*/