/**
* 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: #0965A1 }
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: #EC6812;
}
iframe[name="google_conversion_frame"] {
    position: fixed;
    top: -999px;
    left: -999px;
}
a { color: #0965A1 }
a:hover { color: #033266 }

/* 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: #0965A1;
}
.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: #0965A1;
    color: #FFFFFF;
    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: #033266;
    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(#EC6812, #BA520E);
    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(#BA520E, #EC6812);
}
.btn--outline {
    background: none;
    color: #EC6812;
    box-shadow: inset 0 0 0 1px #EC6812;
}
.btn--outline:hover {
    background: #EC6812;
    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: #0965A1;
}
.link:hover { color: #033266 }

/* .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: #0965A1 }
.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: #0965A1 }
.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: #FFFFFF;
    background: #0965A1;
}
.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: #0965A1 }
.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(9,101,161, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px
}
.searchautocomplete-placeholder ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(9,101,161, .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: #EC6812;
    color: #FFFFFF;
    font-size: 12px
}
.searchautocomplete-placeholder .all a:hover {
    background: #BA520E;
    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: #033266 }
.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: #EC6812;
    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: #0965A1;
    color: #0965A1;
}
.newsletter .male-label.checked,
.newsletter .female-label.checked {
    background: #0965A1;
    border-color: #0965A1;
    color: #FFFFFF;
}
.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: #6F686E;
}
.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: #EC6812 }
.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: #0965A1;
    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: #0965A1 }
.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: #0965A1 }
.poll__results-item:nth-child(9n+2) { color: #EC6812 }
.poll__results-item:nth-child(9n+3) { color: #6F686E }
.poll__results-item:nth-child(9n+4) { color: #2FB500 }
.poll__results-item:nth-child(9n+5) { color: #033266 }
.poll__results-item:nth-child(9n+6) { color: #BA520E }
.poll__results-item:nth-child(9n+7) { color: #534E52 }
.poll__results-item:nth-child(9n+8) { color: #289900 }
.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: #0965A1 }
.poll__percent .on:nth-child(9n+2) { stroke: #EC6812 }
.poll__percent .on:nth-child(9n+3) { stroke: #6F686E }
.poll__percent .on:nth-child(9n+4) { stroke: #2FB500 }
.poll__percent .on:nth-child(9n+5) { stroke: #033266 }
.poll__percent .on:nth-child(9n+6) { stroke: #BA520E }
.poll__percent .on:nth-child(9n+7) { stroke: #534E52 }
.poll__percent .on:nth-child(9n+8) { stroke: #289900 }
.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 #0965A1;
    color: #0965A1;
}
.glossary__letter:not(.empty):hover,
.glossary__letter.current {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    background: #0965A1;
    color: #FFFFFF;
}
.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 #0965A1;
    border-radius: 100%;
}
.mywish__header .ico {
    fill: none;
    stroke: #0965A1;
    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: #033266;
    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 #0965A1,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 #0965A1,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: #0965A1 }
.mywish:hover .mywish__header .ico { fill: #FFFFFF !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: #0965A1 }
.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: #0965A1;
    color: #FFFFFF;
}
.mywish--items .mywish__header .ico { fill: #0965A1 }

/* 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 #0965A1;
    border-radius: 100%;
}
.mycart__header .ico {
    fill: #0965A1;
    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: #033266;
    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 #0965A1,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 #0965A1,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: #0965A1 }
.mycart:hover .mycart__header .ico { fill: #FFFFFF }
.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: #0965A1 }
.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: #0965A1;
    color: #FFFFFF;
}
.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 #0965A1;
    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: #0965A1;
    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 #0965A1,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 #0965A1,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(9,101,161,.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: #0965A1;
    color: #FFFFFF;
}
.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: #0965A1;
}
.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: #0965A1 }
.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: #FFFFFF;
    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: #033266;
    color: #FFFFFF;
}
.categories .li--0:hover .a--0 svg { fill: #FFFFFF }
.categories .a--0 {
    color: #FFFFFF;
    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: #0965A1 }
.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 #0965A1;
    color: #0965A1;
}
.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 #EC6812;
    color: #EC6812;
}
.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 #6F686E;
    color: #6F686E;
}

/* 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 #0965A1 }
.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: #EC6812;
    box-shadow: -.5rem 0 0 #EC6812;
}
.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 #0965A1 }
.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: #EC6812;
    box-shadow: -.5rem 0 0 #EC6812;
}

/* Prateleira */
.categories--shelf { background: linear-gradient(#0965A1 0, #0965A1 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 #0965A1 }
.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: #EC6812;
    box-shadow: -.5rem 0 0 #EC6812;
}
.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: #FFFFFF;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
}
.categories__header:hover {
    background: #033266;
    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: #0965A1;
    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: #FFFFFF;
}
.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: #033266;
    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: #FFFFFF;
}
.categories--mini .li--0:hover .a--0 svg { fill: #FFFFFF }
.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: #033266;
    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: #FFFFFF
}
.categories--mini .a--1:hover {
    background: #EC6812;
    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: #FFFFFF;
    padding: .5rem 1rem;
}
.categories--mini .a--2:hover {
    background: #6F686E;
    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: #FFFFFF;
    background: #0965A1;
    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: #033266;
    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: #0965A1 }

/* 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: #0965A1;
    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: #EC6812;
    line-height: 1em;
}
.timer__hours,
.timer__minutes,
.timer__seconds { position: relative }
.timer__days.zero { color: #EC6812 }
.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(#0965A1, #033266);
    padding: 1rem 0;
    margin: 4rem -1rem 0;
}
.footer {
    color: #FFFFFF;
    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: #FFFFFF;
    text-align: center;
}
.footer .flex .title {
    font-size: 1rem;
    opacity: .5;
    color: #FFFFFF;
}
.footer .std { color: #FFFFFF }
.footer .tele { font-size: 2rem }
.footer .email {
    font-weight: 600;
    padding-top: .5rem;
}
.footer a { color: #FFFFFF }
.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: #0965A1 }
.col-main .note-msg .suggest a:hover { color: #033266 }

/* 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: #0965A1 }
.toolbar .view-mode a svg {
    fill: #d6d6d6;
    transition: all 100ms ease-in-out;
}
.toolbar .view-mode a:hover svg { fill: #033266 }
.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: #033266;
    color: #FFFFFF;
}
.pager a {
    display: block;
    line-height: 2rem;
    min-width: 2rem;
    text-align: center;
    padding: 0 .25rem;
}
.pager a:hover {
    background: #0965A1;
    color: #FFFFFF;
}
.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: #EC6812
}
.filters__filter .a--1:hover { color: #BA520E }
.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 #0965A1;
    color: #0965A1
}
.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: #0965A1 }
.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 #0965A1;
    background: #0965A1;
    color: #FFFFFF;
}
.configurable-swatch-list .selected a {
    box-shadow: 0 0 0 3px #0965A1;
    background: #0965A1;
    color: #FFFFFF;
}

/* Preços */
.price-box { margin-bottom: 1rem }
.price-box > *:not(:last-child) { margin-bottom: .5rem }
.price-from {
    color: #033266;
    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: #033266;
}
.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: #033266;
    display: block
}
.regular-price .price,
.special-price .price { font-weight: 700 }
.price-as-configured {
    font-size: 14px;
    color: #033266;
    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: #EC6812;
    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: #EC6812
}
.price-box-parcelado .juros {
    display: block;
    font-size: .8rem;
}
.preco-parcelado-sem-juros {
    margin-bottom: .25rem;
    color: #EC6812
}
.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: #0965A1 }
.sharing-links .email-to-friend a:before {
    color: #FFFFFF;
    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: #2FB500;
    color: #FFFFFF;
}
.add-to-cart-btn.whole { padding-left: 1rem }
.add-to-cart-btn:hover,
.add-to-cart-btn:active {
    background: #289900;
    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: #0965A1;
    color: #FFFFFF;
}

/* @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 #0965A1 }
.product-image-thumbs .video-thumb {
    position: relative;
    flex: 1 1 100%;
    background-position: center;
    background-size: auto 140%;
    background-color: #033266;
    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 #0965A1 }
.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: #6F686E;
    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 #0965A1;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center
}
.block-freegift .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0965A1
}
.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: #0965A1;
    color: #FFFFFF
}
.frete__title:hover .ico { fill: #FFFFFF }
.frete__content { display: none }
.frete--open .frete__content { display: block }
.frete--open .frete__title {
    background: #0965A1;
    color: #FFFFFF
}
.frete--open .frete__title .ico { fill: #FFFFFF }
.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: 3rem;
    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: #033266 }

/* @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: #0965A1;
    
    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 #0965A1 }
.grouped__option.added:not(.out-of-stock):hover { box-shadow: inset 0 0 0 1px #0965A1,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: #0965A1;
}
.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: #0965A1 }
.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: #6F686E;
    stroke-width: 2px;
    stroke-linecap: round;
    overflow: visible;
}
.grouped .availability {
    font-size: .8rem;
    font-weight: 600;
    color: #6F686E;
    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: #0965A1 }
.options .img-calendar:hover { color: #033266 }
.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: #6F686E
}
.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: #534E52
}
.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: #EC6812;
    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: #BA520E }

/* 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(9,101,161, .3) 50%);
    background-size: 2px 1px;
    border-radius: 3px
}
.reviews__list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(9,101,161, .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: #6F686E }
.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: #0965A1 }
.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: #0965A1;
}
.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: #EC6812;
    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: #534E52
}
.jointsales__totals .economize {
    display: inline-block;
    margin-top: .25rem;
    padding: .25rem .5rem;
    border-radius: 3px;
    background: #6F686E;
    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: #0965A1;
    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: #0965A1 }

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

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

/* 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: #2FB500;
    color: #FFFFFF;
}
.cart__links .btn-checkout:hover {
    background: #289900;
    color: #FFFFFF;
}
.cart-table header {
    background: #0965A1;
    color: #FFFFFF;
    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: #0965A1 }
.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: #EC6812;
    color: #FFFFFF;
}
.cart-table .qty-wrapper .bt:hover {
    background: #BA520E;
    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: #0965A1;
    color: #FFFFFF;
    padding: .5rem;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    order: 99;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
}
.cart-table .giftwrap_button .giftwrap_last {
    flex: 0 0 auto;
    margin-right: .5rem;
    order: -1;
}
.cart-table .giftwrap_button .giftwrap-price {
    font-weight: 700;
    margin-left: .5rem;
}
.cart-table .giftwrap_button:hover {
    background: #033266;
    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: #6F686E;
    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: #0965A1;
    font-size: .8rem;
    color: #FFFFFF;
    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: #EC6812;
    text-decoration: underline
}
table dl.item-options a:hover { color: #BA520E }
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: #EC6812;
}
table a:hover { color: #BA520E }
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: #2FB500
}
.success-content .order-number a.number:hover { color: #289900 }
.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: #033266
}
.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: #0965A1;
    color: #FFFFFF;
    transition: all 200ms ease-out;
}
.success-content .pagto a.boleto:before {
    content: '\f02a';
    margin-right: 1rem
}
.success-content .pagto a:hover {
    background: #033266;
    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: #2FB500;
    color: #FFFFFF;
}
.buttons-success .my-order:hover {
    background: #289900;
    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: #EC6812;
}
.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: #EC6812 }
.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: #0965A1;
}
.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: #2FB500;
    color: #FFFFFF
}
.account-create .buttons-set .button:hover {
    background: #289900;
    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: #0965A1;
    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: #EC6812
}
.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 #033266;
    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: #033266
}
.dashboard .box-account { margin-bottom: 2rem }
.box-account .box-head,
.box-account .box-title {
    margin-bottom: 1rem;
    color: #EC6812;
    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(236,104,18, .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: #BA520E;
    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: #EC6812
}
.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 #2FB500 }
.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: #6F686E;
    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: #EC6812
}
.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 #0965A1 }
.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: #0965A1;
    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: #0965A1 }
.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: #0965A1;
        transform: scale(1)
    }
}
@keyframes os-new-bar {
    0% { width: 0 }
    100% {
        width: 33.333%;
        background: #0965A1
    }
}

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

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

/* 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: #EC6812
}
.addresses-primary {
    padding: 1rem !important;
    border-radius: 3px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}
.addresses-primary h2 { color: #2FB500 }
.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: #289900;
    align-items: center;
    display: flex;
}
.addresses-primary h3 .ico {
    height: 1rem;
    width: 1rem;
    margin-left: 1rem;
    fill: #289900
}
.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: #EC6812;
    box-shadow: inset 0 0 0 1px #EC6812
}
.addresses-additional a:hover {
    color: #FFFFFF;
    background: #EC6812
}
.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: #EC6812;
    box-shadow: inset 0 0 0 1px #EC6812;
    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: #EC6812
}
.order-date {
    font-size: 1rem;
    color: #6F686E
}
.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: #FFFFFF;
    background: #0965A1;
    box-shadow: inset 0 0 0 1px #0965A1;
    opacity: 1;
}
#order-info-tabs li.current:before {
    content: '';
    display: block;
    border: 5px solid transparent;
    border-top-color: #0965A1;
    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: #EC6812
}
.order-info-box .box-title .ico {
    height: 1rem;
    width: 1rem;
    margin-left: 1rem;
    fill: #289900
}
.order-info-box .shipping-address h2,
.order-info-box .billing-address h2 { color: #289900 }
.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: #2FB500;
    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: #289900;
    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: #EC6812;
    box-shadow: inset 0 0 0 1px #EC6812
}
.order-items a:hover {
    color: #FFFFFF;
    background: #EC6812
}
.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: #2FB500 }
.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: #2FB500;
    box-shadow: inset 0 0 0 1px #2FB500
}
.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: #2FB500
}
.order-items *:not(.order-links) a[onclick*=track]:hover {
    background: rgba(47,181,0, .1);
    color: #289900;
    box-shadow: inset 0 0 0 1px #289900
}
.order-items *:not(.order-links) a[onclick*=track]:hover .ico { fill: #2FB500 }
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: #EC6812 }
.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: #2FB500;
    color: #FFFFFF
}
.my-account .btn-add:hover,
.my-account .btn-cart:hover {
    background: #289900;
    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: #0965A1;
    color: #FFFFFF
}
.share-gift-list {
    display: flex;
    align-items: center;
    margin: 0 -10px;
}
.share-gift-list li {
    flex: 1 1 auto;
    padding: 0 10px
}
.share-gift-list li.link {
    display: flex;
    align-items: center;
    position: relative
}
.share-gift-list li.link .label {
    color: #777;
    font-size: 12px;
    margin-right: 10px;
}
.share-gift-list li.link input {
    background: #eee;
    color: #666;
    font-size: 12px;
}
.share-gift-list li.link small {
    position: absolute;
    top: calc(100% + 2px);
    right: 10px;
    font-size: 10px;
    color: #999;
}
.share-gift-list a {
    display: flex;
    align-items: center;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 3px;
    background: #3b5998;
    color: #fff;
}
.share-gift-list .tt a { background: #00aced }
.share-gift-list .fb a:hover { background: #22407F }
.share-gift-list .tt a:hover { background: #0093D4 }
.share-gift-list a .ico {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-right: 20px;
}
#search_event_form .input-box {
    display: flex;
    align-items: center;
}
#search_event_form label { flex: 0 0 auto }
#search_event_form button {
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 40px;
}
#search_event_form button span { display: none }
#search_event_form button .ico {
    width: 16px;
    height: 16px;
    fill: #FFFFFF;
}
#search_event_form input {
    flex: 1 1 auto;
    margin: 0 10px
}
.block-gift-list {
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1)
}
.block-gift-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
}
.block-gift-list .title:before {
    
    content: "\f06b";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    color: #0965A1
}
.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: #0965A1 }

/* 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: #6F686E;
    color: #FFFFFF;
}
#term-box-warning button.yes {
    background: #2FB500;
    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: #0965A1 }
.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: #033266 }
.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: #EC6812 }
.blog-tags .tag a:hover { color: #BA520E }
.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: #033266 }
.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: #033266 }
.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: #033266
}
.the-post .blog-entry .ler:hover { color: #0965A1 }
.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: #033266;
    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: #033266;
    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: #0965A1
}
.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 #0965A1;
    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: #0965A1;
}
.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: #0965A1;
    box-shadow: none;
    border-radius: 0
}
.header-miniquote > .item { padding: 10px 0 }
.cotacao .finalizar:hover {
    background: #0965A1;
    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 #0965A1;
    border-radius: 4px;
    margin: 0 auto 1rem;
    max-width: 100%;
}
.timer .timer__ani { display: none }
.timer .i-clock {
    width: 2rem;
    height: 2rem;
    fill: #0965A1;
    margin-right: 0.5rem;
    order: 1;
    margin-bottom: 1rem;
}
.timer .title {
    font-size: 1rem;
    color: #0965A1;
    text-transform: uppercase;
    flex: 1 1 100%;
    min-width: 1px;
    text-align: center;
    order: 0;
}
.timer .timer__clock {
    font-size: 2rem;
    color: #0965A1;
    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: #0965A1;
    position: relative;
    padding-right: 0.5rem;
}
.timer .timer__days:after {
    content: ':';
    color: #0965A1;
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.timer .timer__label {
    color: #0965A1;
    font-size: 0.56rem;
    top: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.timer .timer__afterhours,
.timer .timer__afterminutes {
    color: #0965A1;
    margin-bottom: 0.56rem;
}
.timer .timer__hours,
.timer .timer__minutes,
.timer .timer__seconds {
    margin-bottom: 0.56rem;
    color: #0965A1 !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: #0965A1;
    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: #EC6812;
    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: #BA520E;
    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 #0965A1 }
.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: #0965A1;
    flex: 0 0 auto;
}
#change-product-content .quick-search input {
    flex: 1 1 auto;
    border-color: #0965A1;
}
.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 #0965A1 }
.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: #0965A1;
    margin-bottom: -.5rem;
}
.materials-exchange .changed-product {
    cursor: pointer;
    padding: .5rem;
    font-weight: 700;
    background: #0965A1;
    color: #FFFFFF;
    margin: 0 -.5rem -.5rem 0;
}
.materials-exchange .changed-product:hover {
    background: #033266;
    color: #FFFFFF;
}
table .change-product-link {
    text-decoration: none;
    font-size: .9rem;
    padding: .5rem;
    background: #EC6812;
    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: #BA520E;
    color: #FFFFFF;
}

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

/* 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: #EC6812;
    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: #0965A1;
    color: #FFFFFF;
    border-radius: 5px;
    transform: translateX(-50%);
}
#listagem-mapa.go:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(255, 255, 255, .7);
    content: ''
}
#listagem-mapa.go .loader {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 9999;
    display: block
}
#listagem-mapa .loader {
    width: 40px;
    height: 40px;
    display: none
}
#listagem-mapa .links { display: none }
#listagem-mapa .o-mapa {
    display: inline-block;
    position: relative
}
#listagem-mapa .o-mapa .pin {
    width: 20px;
    height: 26px;
    fill: #EC6812;
    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: #0965A1
}
.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: #0965A1
}
.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: #EC6812 }
.revendaslist .telmail a:hover { color: #BA520E }
.revendaslist .conheca {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    background: #EC6812;
    color: #FFFFFF
}
.revendaslist .conheca:hover {
    background: #BA520E;
    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: #EC6812 }
.arevenda .dados a:hover { color: #BA520E }
.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: #0965A1 }
.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: #0965A1 }
.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: #6F686E;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
#continuar-finalizar .actions a:hover {
    background: #534E52;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-cart {
    background: #EC6812;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-cart:hover {
    background: #BA520E;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-checkout {
    background: #2FB500;
    color: #FFFFFF
}
#continuar-finalizar .actions a.btn-checkout:hover {
    background: #289900;
    color: #FFFFFF
}

/*Finalização*/
.opc-registered-users button,
.opc .buttons-set button:not(.btn--outline) {
    background: #2FB500;
    color: #FFFFFF;
}
.opc-registered-users button:hover,
.opc .buttons-set button:not(.btn--outline):hover {
    background: #289900;
    color: #FFFFFF;
}
.opc .buttons-set a { color: #EC6812 }
.opc .buttons-set a:hover { color: #BA520E }
#checkout-step-login .hints li:before { color: #EC6812 }
.mycart-opc-totals .title { color: #EC6812 }
.mycart-opc-totals .price { color: #EC6812 }
.step-title { color: #033266 }
.step-title .number,
.allow.active .step-title .number {
    color: #FFFFFF;
    background: #033266;
}
.allow.active .step-title { color: #033266 }
.allow .step-title { color: #2FB500 }
.allow .step-title .number { background: #2FB500 }
.allow .step-title .number:before { color: #FFFFFF }
.step-title a { color: #EC6812 }
.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: #EC6812;
    color: #FFFFFF;
}

/*Finalização - Envios*/
#checkout-shipping-method-load ul li label:hover { box-shadow: 0 0 0 1px #0965A1 }
#checkout-shipping-method-load ul li label:after { color: #2FB500 }
#checkout-shipping-method-load ul li .price { color: #033266 }
#checkout-payment-method-load > dt label:after {
    color: #2FB500;
    
    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: #2FB500 }
#checkout-payment-method-load > dt.dt-selected label { color: #2FB500 }
#opc-payment .valor-card .value { color: #2FB500 }

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

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

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

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

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

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

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

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

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

/* Finalização - Modelo Etapas */
.osc-steps h3 { color: #EC6812 }
.osc-steps .opc-block-progress dt a { color: #EC6812 }
.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: #EC6812;
    color: #FFFFFF
}
.osc-steps .opc-block-progress dt.complete { color: #2FB500 }
.osc-steps .opc-block-progress dt.complete:before {
    color: #FFFFFF;
    background: #2FB500
}
.osc-steps .opc-block-progress dt.complete:after { background: #2FB500 }
.-bt-change {
    background: #6F686E;
    color: #FFFFFF;
}
.-bt-change:hover {
    background: #534E52;
    color: #FFFFFF;
}
/* end of custom content */

/*
* Sinergia TI
* 05/2017
* editable.css
*/

/* ------ 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 { flex: 0 0 5rem }
}

/* ------ .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: #0965A1 !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 { flex: 1 1 100% }
    .products__case {
        display: flex;
        flex-flow: row nowrap;
    }
    .product__header {
        padding: 1rem 0 1rem 1rem;
        flex: 0 0 40%;
    }
    .product__main { display: block }
    .product__name { font-size: .8rem }
    .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;
        transform: translateX(-100%);
        display: block;
        overflow-y: auto;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .categories--mobi.on { transform: translateX(0) }
    .categories--mobi .ul--0 {
        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;
        transform: none;
        display: block;
        padding: 0;
        background: none;
        box-shadow: none;
    }
    .categories--mobi .categories__all { 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: #FFFFFF
    }
    .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: #FFFFFF
    }
    .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: #FFFFFF
    }
    .categories--mobi .std { display: none }
    .categories__hide {
        box-shadow: none;
        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;
        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: #FFFFFF;
        background: #0965A1;
    }
}
/* ~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 #0965A1,
        inset 0 0 0 1px rgba(0, 0, 0, .1);
        transform: translateX(-100%);
        transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    }
    .myaccount.on .myaccount__content { 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;
        display: block;
        overflow-y: auto;
        box-shadow: inset 0 1px 0 #0965A1,
        inset 0 0 0 1px rgba(0, 0, 0, .1);
        transform: translateX(-100%);
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .mycart.on .mycart__content { transform: translateX(0) }
    .mycart__hide {
        display: block;
        margin: -1rem -1rem 1rem;
        border-radius: 0;
    }
}

/* ------ 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: #0965A1;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        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 { 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: #0965A1;
        overflow-y: auto;
        transform: translateY(100%);
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .filters.on .filters__list { 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: #FFFFFF }
    .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);
    }
}
/* ~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 { 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) {
}
/* ~768px */
@media (max-width: 48rem) {
}
/* ~568px */
@media (max-width: 35.5rem) {
    .header {
        padding: .125rem 0 .125rem 1rem;
        margin: 0 !important;
    }
    .header .search {
        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: #0965A1;
        color: #FFFFFF;
        box-shadow: none;
    }
    .header .search.on .search__input::-webkit-input-placeholder { color: rgba(255,255,255, .5) }
    .header .search.on .search__input::-moz-placeholder { color: rgba(255,255,255, .5) }
    .header .search.on .search__input:-ms-input-placeholder { color: rgba(255,255,255, .5) }
    .header .search.on .search__input:-moz-placeholder { color: rgba(255,255,255, .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
    }
}

/* ------ Catálogo */
/* ~768px */
@media (max-width: 48rem) {
    .toolbar {
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .toolbar .amount {
        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;
        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 { 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;
        flex: 1 1 50%;
    }
    .product-image-gallery { height: auto }
    .prod__shop { flex: 1 1 50% }
    .prod__name h1 { font-size: 2rem }
    /* @simulador-frete */
    .frete__content {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        z-index: 999;
        padding: 1rem;
        background: #fff;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        align-items: center;
        justify-content: center;
        flex-flow: column nowrap;
        display: flex;
    }
    .frete--open .frete__content {
        transform: translateX(-100%);
        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;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateY(100%);
    }
    .frete.on .frete__results { transform: translateY(0) }
    /* Produto - Compre Junto */
    .jointsales .owl-buttons { display: block }
}
/* ~768px */
@media (max-width: 48rem) {
    /* Produto - Compre Junto */
    .jointsales__current { 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 }
    .product-collateral > *:not(:last-child) { margin-bottom: 0 }
    /* @compartilhar */
    .sharing-links .list {
        margin: 0;
        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: flex;
        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;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(100%);
    }
    .tabs__content.open { 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 {
        font-size: 1rem;
        font-weight: 700;
        padding: 1rem;
        margin: 0 -1rem;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        display: flex;
        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;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(100%);
    }
    .related.on .related__content,
    .recommended.on .recommended__content,
    .whosaw.on .whosaw__content,
    .jointsales.on .jointsales__content,
    .upsell.on .upsell__content { 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 {
        flex-flow: row nowrap;
        margin: 0;
        padding: 0;
    }
    .jointsales .more {
        top: calc(100% - 1rem);
        right: calc(50% - 1rem);
        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: flex;
        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;
        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: flex;
        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;
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(100%);
        display: block;
    }
    .reviews.on .reviews__content { 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: flex;
        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 { 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 { flex: 0 0 3rem }
    .grouped__option.added:not(.out-of-stock):hover { box-shadow: inset 0 0 0 1px #0965A1 }
}
/* ------ 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);
        flex-flow: row wrap;
    }
    .cart-product-line:last-child {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .cart-product-line > div { flex: 0 1 auto }
    .cart-product-line > div:first-child {
        padding: 1rem;
        flex: 1 1 100%;
        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: #0965A1;
        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 { 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);
        flex: 1 1 100%;
    }
    .opc-new-users { flex: 1 1 50% }
    .cardGrid .exp,
    .cardGrid .cod { flex: 1 1 50% }
    .cardGrid .pars { flex: 1 1 100% }
    .flag-selection-entry { margin-bottom: .5rem }
    .flag-selection-entry .input-box { 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 { 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 { 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;
        flex: 1 1 auto;
    }
    .banks-accounts table tr {
        display: flex;
        flex-flow: column nowrap;
    }
    .banks-accounts table th,
    .banks-accounts table td {
        width: 100%;
        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 { align-items: stretch }
}
/* ------ Painel do Cliente */
/* ~992px */
@media (max-width: 62rem) {
    .my-orders .item-order { 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;
        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: #0965A1;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        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;
        transform: translateY(100%);
        transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    }
    .block-account.on .block-title {
        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 { 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: #EC6812;
        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 { flex-flow: row wrap }
    .col4-set > div {
        flex: 1 1 50%;
        margin: 0;
    }
    #wishlist-table tbody tr {
        display: flex;
        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 {
        flex: 1 1 auto;
        width: auto;
        padding: .5rem !important;
        border: 0 !important;
    }
    #wishlist-table tbody tr td:first-child {
        flex: 1 1 30%;
        width: 30%;
    }
    #wishlist-table tbody tr td:nth-child(2) {
        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 { 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: flex;
        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) {
        flex: 1 1 100%;
        width: 100%;
        padding: .5rem !important;
        border: 0 !important;
    }
    #wishlist-table tbody tr td[width] {
        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: flex;
        flex-flow: row wrap;
        margin: 0;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: .5rem;
    }
    #my-downloadable-products-table tbody tr td {
        flex: 1 1 auto;
        padding: .5rem !important;
        margin: 0;
        border: 0 !important;
    }
    .socialconnect-account .col2-set { flex-flow: row wrap }
    .socialconnect-account .col2-set > div { min-width: 250px }
}
/* end of editable */

/*
* Sinergia TI
* 09/2017
* general.css
*/

/*estrutura*/
html{
    background: #002450 url(/media/interface/images/bg-body.jpg) no-repeat center 0;
    background-attachment: fixed !important;
    font-family: 'Titillium Web','Open Sans',sans-serif;
}
body{ background-attachment: fixed !important }
.wrapper-container{ padding-top: 0 }
.header,
.main-container,
.footer { max-width: 62rem }
.main {
    padding: 1rem .5rem;
    max-width: 100%;
    margin: 0;
    background: #fff;
    border-radius: .25rem;
    min-height: calc(100vh - 9.5rem)
}
.col-main{ min-width: 1px }

/*header*/
.header-container {
    position: relative;
    z-index: 30;
    background: none;
    box-shadow: none;
    margin-bottom: 2rem !important;
}
.header{
    display: block;
    padding: 0;
}
.header .mywish,
.header .myaccount,
.header .loginout{ margin: 0 }
.header .-top{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 3rem;
    position: relative;
    z-index: 10;
}
.header .-phones-case{
    flex: 1 1 auto;
    min-width: 1px;
    margin-right: .5rem;
}
.header .-phones{
    padding: 0 .5rem;
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
    display: flex;
    flex-flow: column wrap;
    height: 4.5rem;
    font-size: .9rem;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
}
.header .-phones li{
    flex: 0 0 50%;
    width: auto;
    padding: .1rem .5rem;
    display: flex;
    align-items: center;
}
.header .-phones li:before{
    content: '';
    height: 32px;
    width: 90px;
    flex: 0 0 auto;
    margin-right: .5rem;
    background: url(/media/interface/images/bg.png) no-repeat 0 0;
    background-size: 295px 95px;
}
.header .-phones li.mail:before{
    width: 29px;
    background-position: -90px 0;
}
.header .-phones li.tel:before{
    width: 25px;
    background-position: -120px 0;
}
.header .-phones li.skype:before{
    width: 22px;
    background-position: -145px 0;
}
.header .-phones li.tim:before{
    width: 59px;
    background-position: -170px 0;
}
.header .-phones li.oi:before{
    width: 29px;
    background-position: -265px 0;
}
.header .-phones li.claro:before{
    width: 32px;
    background-position: -230px 0;
}
.header .-login{ flex: 0 0 auto }
.header .-line{
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 5;
}
.header .logo{
    flex: 0 0 auto;
    margin-right: 2rem;
}
.header .search{
    flex: 1 1 auto;
    min-width: 1px;
    margin: 0;
    padding: .25rem;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4), inset 0 2px 4px rgba(0,0,0,.2);
}
.header .mycart{
    flex: 0 0 auto;
    margin-left: .5rem;
}

/*quicktop*/
.quicktop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(43,87,156,.9);
    box-shadow: 0 0 0 1px #fff;
    padding: 1rem 0;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate3d(0,-110%,0);
}
.quicktop.on{ transform: translate3d(0,0,0) }
.quicktop .in{
    max-width: 62rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.quicktop .logo{
    flex: 0 0 auto;
    margin-right: 1rem;
}
.quicktop .logo img,
.quicktop .logo svg{ height: 3rem }
.quicktop .search{
    flex: 1 1 auto;
    min-width: 1px;
    margin: 0;
    padding: .25rem;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4), inset 0 2px 4px rgba(0,0,0,.2);
}
.quicktop .mycart{
    flex: 0 0 auto;
    margin-left: 1rem;
}

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

/*title*/
.title{ text-transform: uppercase }
.title--sm{ font-size: 1rem }

/*logo*/
.logo img,
.logo svg{ height: auto }

/*busca*/
.search input.search__input{
    border: 0;
    box-shadow: none !important;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
}
.search .search__button{
    height: 2.5rem;
    padding: 0 1rem;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EC6812;
    color: #FFFFFF;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border-radius: .25rem;
}
.search .search__button .ico{
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    fill: #FFFFFF;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.2));
    margin-right: .5rem;
}
.search .search__button:hover{
    background: #BA520E;
    color: #FFFFFF;
}
.search .search__button:hover .ico{ fill: #FFFFFF }

/*minha conta*/
.myaccount{ height: auto }
.myaccount__header a {
    display: block;
    height: 4.5rem;
    width: auto;
    overflow: visible;
    box-shadow: none;
    padding: .75rem 2rem;
    text-align: center;
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
    color: #EC6812;
    text-transform: uppercase;
}
.myaccount__header a span{ display: block }
.myaccount__header .ico{
    width: 1.2rem;
    height: 1.2rem;
    fill: #EC6812
}
.myaccount:hover .myaccount__header a{
    background: #EC6812;
    color: #FFFFFF;
    border-radius: 0;
}
.myaccount:hover .myaccount__header .ico{ fill: #FFFFFF }
.myaccount__content {
    box-shadow: inset 0 2px 0 #EC6812,
    inset 0 0 0 1px rgba(0,0,0,.1),
    0 1rem 2rem -1rem rgba(0,0,0,.5)
}

/*cart*/
.mycart{ height: auto }
.mycart__header a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: auto;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.2);
    border-radius: .25rem;
    background: #2FB500;
    color: #FFFFFF;
    font-size: .8rem;
    text-transform: uppercase;
    padding: 0 1rem;
}
.mycart__header .ico {
    fill: #FFFFFF;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    flex: 0 0 auto;
}
.mycart__header .text { display: block }
.mycart__header a:hover {
    background: #289900;
    color: #FFFFFF;
}
.mycart__header a:hover .ico { fill: #FFFFFF }

/*categorias*/
.categories--vertical{
    padding: .5rem;
    border-radius: .25rem;
    border: 1px solid #ccc;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    background: none;
}
.categories--vertical:before{
    content: 'Menu de Produtos';
    font-size: 1rem;
    color: #2b579c;
    text-transform: uppercase;
    font-weight: 600;
    padding: .5rem .25rem;
}
.categories--vertical .li--0:not(:last-child){ border: 0 }
.categories--vertical .a--0 {
    padding: .5rem .75rem;
    height: auto;
    line-height: 1em;
    text-align: left;
    font-size: .8rem;
    background: none;
    color: #666;
    text-transform: none;
    width: auto;
    margin: 0 -.5rem;
}
.categories--vertical .a--0 img,
.categories--vertical .a--0 svg{ display: none }
.categories--vertical .a--0:hover{
    color: #333;
    background: #eee;
}
.category-image{ display: none }

/*listagem*/
.products__title{ display: none }
.products__case{
    box-shadow: 0 0 0 1px #ccc;
    border-radius: .25rem;
    transition: all 200ms ease-in-out
}
.products__case:hover{ box-shadow: 0 0 0 2px #2FB500, 0 1px 3px rgba(0,0,0,.3) }
.products__item {
    flex: 1 1 25%;
    min-width: 190px;
}
.cms-home .products__item{ min-width: 200px }
.product__image{ padding: 0 }
.product__main{ font-size: .8rem }
.product__name {
    color: #444;
    line-height: 1.1em;
}
.price-box,
.price-box-avista{ margin-bottom: .25rem }
.price-box-parcelado{ margin: 0 }
.price-box-avista .label{ font-size: .6rem }
.price-box-avista .price{ font-size: 1rem }
.products .btn-cart{
    position: absolute;
    top: 20%;
    left: 1rem;
    right: 1rem;
    z-index: 10;
    width: calc(100% - 2rem);
    background: #2FB500;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: .5rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3), 0 2px 1px rgba(0,0,0,.2);
    transition: all 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translatey(10%);
}
body.cms-home .products .btn-cart{
    left: 2rem;
    right: 2rem;
    width: calc(100% - 4rem);
}
.products .btn-cart span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.products .btn-cart .ico{
    width: 1.4rem;
    height: 1.4rem;
    fill: #fff;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.3));
    flex: 0 0 auto;
    margin-right: .5rem;
}
.products .btn-cart:hover{
    background: #289900;
    color: #FFFFFF;
}
.products .btn-cart .ico{ fill: #FFFFFF }
.products__case:hover .btn-cart{
    opacity: 1;
    visibility: visible;
    transform: translatey(0);
}
.carrossel .products__item{ padding: .5rem }
.products__list img{ border-radius: .5rem }

/*preços*/
.preco-parcelado{ display: none }
.regular-price .price,
.special-price .price{ font-weight: 400 }

/*banner*/
.banner--nojs .banner__wrapper{
    -moz-column-count: initial;
    column-count: initial;
}
.banner--nojs .banner__item{ margin-bottom: 1rem }
.banner--nojs .banner__item:last-child{ margin-bottom: 0 }

/*marcar*/
.brands__list{
    margin: 0 -.5rem -1rem;
    align-items: stretch;
    justify-content: flex-start;
}
.brands__item {
    flex: 0 1 12.5%;
    min-width: 1px;
    padding: 0 .5rem 1rem;
    display: flex;
}
.brands__item a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: .25rem;
    background: none;
    border: 1px solid rgba(0,0,0,.5);
    font-size: .8rem;
    text-transform: uppercase;
    width: 100%;
}
.brands__item img{
    max-height: 2.5rem;
    width: 100%;
}

/*news*/
.newsletter__form {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin: 0;
}
.newsletter__text {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
}
.newsletter__name,
.newsletter__email {
    flex: 1 1 auto;
    display: block;
    padding: 0;
    min-width: 100px;
    margin: 0 0 0 1rem;
}
.newsletter__submit{
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
}
.newsletter__btn{
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
}

/*catalogo*/
body.catalog-category-view{
    background: #000 url(/media/interface/images/bg-categoria.jpg) no-repeat center 0;
    background-size: 100% auto;
}
.page-title h1 {
    font-size: 2rem;
    line-height: 1em;
    font-weight: 400;
    margin: 0 0 .25em;
    color: #333;
    text-transform: uppercase;
}
.breadcrumb{
    padding: 1rem 1rem 2rem;
    background: #fff;
    border-radius: .25rem .2rem 0 0;
    margin: 0 0 -.5rem !important;
    position: relative;
    text-transform: uppercase;
    font-size: .8rem;
}
.breadcrumb:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    height: .5rem;
    box-shadow: 0 .2rem .4rem -3px rgba(0,0,0,.3)
}
.toolbar .limiter,
.toolbar .sort-by label,
.filters > .title{ display: none }
.toolbar .view-mode .list,
.toolbar .view-mode .grid{ height: 1.5rem }
.toolbar .view-mode label{
    display: block;
    font-size: .8rem;
    color: #777;
    margin-right: .5rem;
}
.filters__filter {
    padding: 1rem;
    border-radius: .25rem;
    border: 1px solid #ccc;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    font-size: .8rem;
}
.filters__name{
    font-size: 1rem;
    color: #111;
    text-transform: uppercase;
    font-weight: 600;
}
.filters__filter .li--0:not(:last-child){ margin-bottom: .5rem }
.filters__filter .count{ display: none }
.filters__filter .a--0{ color: #666 }
.filters__filter .a--0:hover{ color: #0965A1 }
.filters__filtered{
    padding: 1rem 1rem 0;
    border: 1px solid #EC6812;
    border-radius: .25rem;
    margin-bottom: .5rem;
    position: relative;
}
.filters__filtered .subtitle{
    font-size: 1rem;
    color: #EC6812;
    text-transform: uppercase;
    font-weight: 600;
}
.filters__filtered .subtitle:before{ content: 'Filtro' }
.filters__filtered .subtitle span{ display: none }
.filtered__clear {
    display: block;
    color: #FFFFFF;
    margin-top: 0;
    font-size: .7rem;
    font-weight: 600;
    font-style: italic;
    background: #EC6812;
    padding: 0 .5rem;
    border-radius: .15rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 1rem;
    line-height: 1rem;
}
.filtered__clear:before{ content: 'limpar' }
.filtered__clear span{ display: none }
.filtered__clear:hover{
    background: #BA520E;
    color: #FFFFFF;
}
.filters__filtered .li--0 {
    box-shadow: none;
    background: none;
    margin: 0 -1rem
}

/*produto*/
body.catalog-product-view{
    background: #011828 url(/media/interface/images/bgproduct.jpg) no-repeat center 0;
    background-size: 100% auto;
}
.product-essential{
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    box-shadow: 0 4px 4px -4px rgba(0,0,0,.2);
}
#product_addtocart_form { display: block }
.prod__name{ margin-bottom: 1rem }
.prod__name h1{
    font-size: 30px;
    font-weight: 300;
    color: #2b579c;
    display: inline;
    line-height: 1em;
}
.prod__name .sku {
    font-size: .8rem;
    color: #999;
    text-transform: uppercase;
}
.prod__cols{
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}
.prod__img {
    flex: 0 0 380px;
    margin-right: 1rem;
}
.product-image-gallery {
    background: none;
    box-shadow: none;
}
.prod__shop {
    flex: 1 1 auto;
    min-width: 1px;
    display: block;
    padding: 1rem;
    border-radius: .25rem;
    background: #f7f7f7;
    border: 1px solid #ccc
}
.prod__shop .availability{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 13px;
    color: #129e14;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 5px 7px -5px rgba(0,0,0,.3);
}
.prod__shop .availability .label{ margin-right: .5rem }
.prod__shop .availability: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;
    margin-right: .5rem;
    font-size: .6rem;
    width: 1rem;
    height: 1rem;
    line-height: .8rem;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 100%;
    border: 2px solid #129e14;
}
.prod__shop .availability.envio,
.prod__shop .availability.recebimento{
    color: #666;
    flex-flow: row nowrap;
}
.prod__shop .availability.envio:before,
.prod__shop .availability.recebimento:before{ border-color: #666 }
.prod__shop .availability.envio span,
.prod__shop .availability.recebimento span{ line-height: 1em }
.prod__shop .ncm{
    flex: 0 0 100%;
    padding-left: 1.5rem;
    color: #333;
}
.prod__shop .garantia{
    padding-left: 1.5rem;
    color: #777;
    font-weight: 400;
    text-transform: none;
}
.prod__shop .price-box-avista{ display: block }
.prod__shop .price-box-avista .label,
.prod__shop .price-box-avista .price{ display: block }
.prod__shop .price-box{
    padding-bottom: 1rem;
    box-shadow: 0 5px 7px -5px rgba(0,0,0,.3);
    margin-bottom: 1rem;
}
.prod__shop .price-box-parcelado{ margin-bottom: 1rem }
.prod__shop .qty-wrapper{ display: none }
.prod__shop .link-wishlist{
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    border-radius: .25rem;
    background: #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2),
    0 2px 0 rgba(0,0,0,.1);
    font-size: 13px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    text-transform: uppercase;
}
.prod__shop .link-wishlist:before{

    content: "\f0f6";
    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;
}
.prod__shop .link-wishlist:hover{ background: #777 }
.prod__shop .-buttons{
    padding: 1rem 1rem 0;
    border-top: 1px solid #ccc;
    margin: 1rem -1rem 0;
}
.prod__shop .-buttons > div{
    cursor: pointer;
    padding: .5rem 1rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-weight: 600;
    font-size: 15px;
    background: #ff751a;
    border-radius: .25rem;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2),
    0 2px 0 rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1em;
}
.prod__shop .-buttons > div:before{
    content: '';
    display: block;
    width: 25px;
    height: 26px;
    background: url(/media/interface/images/bg.png) no-repeat -105px -35px;
    background-size: 295px 95px;
    filter: grayscale(1) brightness(4) drop-shadow(0 1px 1px rgba(0,0,0,.2));
    flex: 0 0 auto;
    margin-right: .5rem;
}
.prod__shop .-buttons > div:hover{ background: #ec6812 }
.prod__shop .-buttons > div.melhor-preco{
    background: #00aff0;
    margin-bottom: .5rem;
}
.prod__shop .-buttons > div.melhor-preco:before{ background-position: -80px -35px }
.prod__shop .-buttons > div.melhor-preco:hover{ background: #039ad2 }
.prod__shop .-buttons small{
    font-size: 13px;
    font-weight: 400;
    display: block;
}
.parcelamento {
    color: #666;
    line-height: 1em;
    margin-bottom: 1rem;
}
.parcelamento .title{
    display: block;
    font-size: .8rem;
    text-transform: uppercase;
    margin: 0;
}
.parcelamento ul {
    font-size: .8rem;
    -moz-column-count: initial;
    column-count: initial;
    -moz-column-gap: 0;
    column-gap: 0;
}
.parcelamento li {
    display: block;
    border-bottom: 0;
    padding: 0;
}
.parcelamento .parcela,
.parcelamento .valor-total,
.parcelamento .juros{
    display: inline;
    text-align: left;
}
.parcelamento .valor-total:before{ content: '(' }
.parcelamento .valor-total:after{ content: ')' }
.parcelamento .s-juros{ display: none }
.add-to-cart-btn{
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2),
    0 2px 1px rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}
.add-to-cart-btn .ico{
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    flex: 0 0 auto;
    filter: drop-shadow(0 2px 1px rgba(0,0,0,.2))
}
.frete__title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: .25rem;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.frete--open .frete__title,
.frete__title:hover {
    background: none;
    color: #EC6812
}
.frete--open .frete__title .ico,
.frete__title:hover .ico{ fill: #EC6812 }
.prod__description > .title{
    font-size: 1.4rem;
    line-height: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
/*compre junto*/
.jointsales__content{ display: block }
.jointsales__items{ max-width: none }
.jointsales__current{
    display: none;
    flex: 0 0 100px;
    min-width: 1px;
    padding: 0;
    position: relative;
    z-index: 2;
    transition: none;
}
.jointsales__currentin {
    padding: 0;
    background: none;
    box-shadow: none;
    display: block;
    position: relative;
    transition: none;
}
.jointsales__current .thumb { margin: 0 }
.jointsales__current .info{ display: none }
.jointsales__row{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    background: none;
    position: relative;
    transition: none;
    width: 100%;
}
.jointsales__row .jointsales__current{ display: block }
.jointsales__list {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: flex-start;
}
.jointsales__item {
    flex: 0 0 auto;
    max-width: none;
    padding: 0 0 0 4rem;
}
.jointsales__item .thumb{ margin: 0 }
.jointsales__item .info{ display: none }
.jointsales__item img{ width: 100px }
.jointsales .more {
    position: absolute;
    top: calc(50% - 1rem);
    right: -3rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #EC6812;
    color: #FFFFFF;
    border-radius: 100%;
    font-size: 1rem;
    transition: none;
    transform: none;
}
.jointsales .-data{
    flex: 1 1 auto;
    min-width: 1px;
    padding-left: 2rem;
}
.jointsales .-data:after{
    content: '';
    display: table;
    width: 100%;
}
.jointsales .-names{
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #666;
    line-height: 1.1em;
}
.jointsales .-names strong{
    line-height: 1.1em;
    color: #2b579c;
}
.jointsales__totals{
    margin: 0 0 .5rem;
    float: left;
}
.jointsales__payments{
    margin: 0;
    float: left;
    clear: left;
}
.jointsales__action{
    margin: 0;
    float: right;
}
.jointsales__totals .economize{ display: none }
.btn-jointsales{
    background: #2FB500;
    color: #FFFFFF;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.2);
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-jointsales .ico{
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
    fill: #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.2))
}
.prod__img .brand{
    padding: 0 0 1rem;
    margin: 0 0 1rem;
    box-shadow: 0 4px 4px -4px rgba(0,0,0,.2);
    text-align: center;
}

/*modal forms*/
.forms .required{ opacity: 1 }
.catalog-product-view .modal .forms{ max-width: 550px }
.forms__description{
    padding: 0 2rem;
    position: relative;
    margin-bottom: 1rem;
}
.forms__description h2{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
}
.forms__fieldset{
    padding: 1rem;
    border-radius: .25rem;
    background: #f7f7f7;
    border: 1px solid #ccc
}
#cotacao .input-box.lock:before,
#melhor-preco .input-box.lock:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
#cotacao input.-produto-form,
#melhor-preco input.-produto-form{
    background: none;
    border: 0;
    box-shadow: none;
    color: #2b579c;
    padding: 0;
    height: auto;
    line-height: 1em;
}
#cotacao .forms__description:before{
    content: '';
    display: block;
    width: 25px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/media/interface/images/bg.png) no-repeat -105px -35px;
    background-size: 295px 95px;
}
#melhor-preco .forms__description:before{
    content: '';
    display: block;
    width: 25px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/media/interface/images/bg.png) no-repeat -80px -35px;
    background-size: 295px 95px;
}
#melhor-preco .modal__close{ background: #00aff0 }
#melhor-preco .modal__close:hover{ background: #039ad2 }
#cotacao .modal__close{ background: #ff751a }
#cotacao .modal__close:hover{ background: #ff751a }
.catalog-product-view .form-list label{ color: #222 }

/*parceiros*/
.all-brands-list{ margin: 0 -.5rem -1rem }
.all-brands-list .brand {
    padding: 0 .5rem 1rem;
    flex: 0 1 16.666%;
    min-width: 1px;
    display: flex;
    align-items: stretch;
}
.all-brands-list a{
    padding: .5rem;
    opacity: 1;
    max-width: 100%;
}
.all-brands-list a:hover{ border-color: #EC6812 }
.all-brands-list .logo{ margin: 0 }
.all-brands-list .logo img,
.all-brands-list .logo svg{
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

/*modal*/
.modal__content{
    background: #fff;
    padding: 2rem;
}
.modal__box {
    transform: scale(1) translate3d(-50%,-20%,0);
}
.active .modal__box {
    opacity: 1;
    transform: scale(1) translate3d(-50%,-50%,0);
}

/*footer*/
.footer-container {
    background: none;
    padding: 0;
    margin: 4rem 0 0;
}
.footer .-marcas{
    padding: 1rem;
    margin: 0 0 1rem;
    background: #fff;
    border-radius: .25rem;
}
.footer .-marcas .-title{
    margin-bottom: 1rem;
    color: #2b579c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
}
.footer .-marcas .-todos{
    margin: 1rem 0 0 auto;
    color: #2b579c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    display: table;
}
.footer .newsletter {
    background: #EC6812;
    box-shadow: none;
    padding: .5rem 1rem .5rem 6rem;
    margin: 0 0 2rem;
    border-bottom: 0;
    border-radius: .25rem;
    position: relative;
}
.footer .newsletter:before {
    content: '';
    display: block;
    width: 78px;
    height: 56px;
    background: url(/media/interface/images/bg.png) no-repeat 0 -35px;
    background-size: 295px 95px;
    position: absolute;
    bottom: 0;
    left: 10px;
}
.footer .newsletter .title {
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 1rem;
}
.footer .newsletter .title strong {
    font-weight: 400;
    color: #0965A1
}
.footer .-in{
    padding: 1rem;
    margin: 0 0 1rem;
    border-radius: .25rem;
    color: #fff;
    font-size: .8rem;
}
.footer .-in .std{
    font-size: .8rem;
    color: #fff;
}
.footer .-in .std hr{
    border: 0;
    display: block;
    margin: -.5rem 0 1rem;
    height: .5rem;
    box-shadow: 0 .2rem .4rem -3px rgba(0,0,0,.3)
}
.footer .-in .std h3{
    text-transform: uppercase;
    font-weight: 600;
    color: #EC6812;
    font-size: .9rem;
}
.footer .-in .std h3:nth-of-type(2n){ color: #0965A1 }
.footer .std{ color: #666 }
.-hints{
    padding: 1.4rem;
    margin: -1rem -1rem 1rem;
    background: #f7f7f7;
    font-size: .8rem;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: .25rem;
}
.-hints li{
    display: flex;
    align-items: center;
}
.-hints .ico{
    width: 1.2rem;
    height: 1.2rem;
    fill: #EC6812;
    margin-right: .5rem;
    flex: 0 0 auto;
}
.footer .-cols{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 0 -1rem 2rem;
}
.footer .-cols > *{
    flex: 0 1 33.333%;
    padding: 0 1rem 2rem;
}
.footer .-tit,
.footer .pays__title,
.footer .ships__title,
.footer .certs__title{
    font-size: .9rem;
    text-transform: uppercase;
    color: #EC6812;
    font-weight: 600;
    margin-bottom: .6rem;
}
.footer .mymenu + .-tit{ padding-top: 2rem }
.footer .atendimento small{
    text-transform: uppercase;
    font-size: .9rem;
    display: block;
}
.footer .atendimento small:nth-of-type(2){ padding-top: 2rem }
.footer .atendimento .mymenu{ padding-top: 2rem }
.footer .-tele{
    font-size: 1.1rem;
    font-weight: 700;
}
.socials__svg,
.pays__svg,
.ships__svg{ max-height: 1.5rem }
.pays__list,
.ships__list,
.certs__list{
    padding: .25rem;
    background: #fff;
    border-radius: .25rem;
    margin: 0;
}
.pays__list > li,
.ships__list > li,
.certs__list > li{ padding: .25rem }
.footer .-copy{
    font-size: .8rem;
    text-align: center;
    color: #fff;
    margin-bottom: 4rem;
}

/*hide*/
#cat_m,
.-bt-menu,
.header .-phones li.-close{ display: none }

@media (max-width: 768px){

    /*header*/
    .header .-top{ margin-bottom: 1rem }
    .header .-phones{
        font-size: .7rem;
        height: 3rem;
    }
    .header .-phones li:before{
        height: 16px;
        width: 45px;
        background-size: 146px 47px;
    }
    .header .-phones li.mail:before{
        width: 14.5px;
        background-position: -46px 0;
    }
    .header .-phones li.tel:before{
        width: 13px;
        background-position: -60px 0;
    }
    .header .-phones li.skype:before{
        width: 11px;
        background-position: -72.5px 0;
    }
    .header .-phones li.tim:before{
        width: 29.5px;
        background-position: -84px 0;
    }
    .header .-phones li.oi:before{
        width: 14.5px;
        background-position: -131px 0;
    }
    .header .-phones li.claro:before{
        width: 17px;
        background-position: -113px 0;
    }
    .header .logo{ margin-right: 1rem }
    .-bt-menu{
        display: block;
        flex: 0 0 3rem;
        margin-left: .5rem;
        padding: 1rem .5rem;
        line-height: 1rem;
        text-align: center;
        border-radius: 0 0 .5rem .5rem;
        background: #fff;
        color: #EC6812
    }
    .-bt-menu: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; }
    .header .-phones-case{ flex: 0 0 auto }
    .header .-phones-case .-bt{
        padding: 0 1rem;
        border-radius: 0 0 .5rem .5rem;
        background: #fff;
        color: #EC6812;
        text-align: center;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
    }
    .header .-phones-case .-bt:before{ 
    content: "\f095";
    font-family: "biz_icons",sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased; }
    .header .-phones{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 1rem;
        background: #fff;
        transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
        transform: translate3d(-110%,0,0);
        border: 0;
        border-radius: 0;
        font-size: 1rem;
    }
    .header .-phones li{ padding: 0 0 1rem }
    .header .-phones li.-close{
        display: block;
        height: 3rem;
        line-height: 3rem;
        text-align: right;
        margin: -1rem -1rem 1rem;
        background: #0965A1;
        color: #FFFFFF;
        padding: 0 1rem;
    }
    .header .-phones li.-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;
        width: auto;
        height: auto;
        background: none;
    }
    body.open-phones{ overflow: hidden !important }
    body.open-phones .header .-phones{ transform: translate3d(0,0,0) }
    body.open-phones .main-container{ z-index: 1 }
    /*conta*/
    .myaccount__header a{
        height: 3rem;
        padding: .5rem;
        display: flex;
        align-items: center;
        font-size: .8rem;
    }
    .myaccount__header .ico{
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
        margin: 0 .5rem 0 0;
    }
    .myaccount__header a span{ display: none }
    .myaccount__header a:after{ content: 'Login' }
    body.open-account .main-container{ z-index: 1 }

    /*cart*/
    body.open-cart .header .-line{ z-index: 99 }
    body.open-cart .main-container{ z-index: 1 }

    /*logo*/
    .logo img,
    .logo svg{ height: 3rem }

    /*menu mobile*/
    #cat_m{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 4rem 1rem 1rem;
        background: #fff;
        transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
        transform: translate3d(-110%,0,0);
        border: 0;
        border-radius: 0;
    }
    #cat_m:before{
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        border-bottom: 1px solid #ddd;
    }
    #cat_m .li--0{ border-bottom: 1px solid #ddd }
    #cat_m .a--0{
        font-size: 1rem;
        padding: 1rem;
    }
    #cat_m .box--1{
        position: static;
        display: block;
        transform: none;
        background: none;
        box-shadow: none;
        padding: 0;
    }
    #cat_m .ul--1{ width: auto }
    #cat_m .li--1{ border-top: 1px solid #eee }
    #cat_m .close{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 3rem;
        line-height: 3rem;
        text-align: right;
        padding: 0 1rem;
        border-bottom: 1px solid #ccc;
        background: #0965A1;
        color: #FFFFFF;
    }
    #cat_m .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; }
    body.open-cat{ overflow: hidden !important }
    body.open-cat #cat_m{ transform: translate3d(0,0,0) }

    /*produto*/
    .reviews__resume{ flex: 0 0 12rem }
    .frete__title {
        padding: 1rem;
        border-radius: .25rem;
        background: #fff;
        margin: 0;
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, .1);
    }

}
@media (max-width: 568px){

    /*header*/
    
    .header .-login{
        flex: 1 1 auto;
        min-width: 1px;
    }
    .header .-top{ margin-bottom: .5rem }

    /*cart*/
    .mycart__header a{
        padding: 0;
        width: 3rem;
    }
    .mycart__header .ico{
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
    }
    .mycart__header .text{ display: none }

    /*busca*/
    .header .search {
        flex: 0 0 auto;
        margin: 0 0 0 auto;
        padding: 0;
        background: none;
        box-shadow: none;
    }
    .search .search__button{
        padding: 0;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
    }
    .search .search__button .ico{
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
    }
    .search .search__button .text{ display: none }
    .header .search.on .search__form .input-box{ top: 57px }
    .header .search__hide{ top: 58px }
    .header .search.on + .mycart{ z-index: -1 }

    /*catalogo*/
    .page-title h1{
        font-size: 1.2rem;
        font-weight: 700;
    }

    /*produto*/
    .prod__name h1 {
        font-size: 1.4rem;
        line-height: 1.1em;
    }
    .prod__cols{ display: block }

    /*modal*/
    .modal__content{ padding: 1rem }

    /*footer*/
    .footer .newsletter{
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .newsletter__form{ display: block }
    .newsletter__text,
    .newsletter__name,
    .newsletter__email{ margin: 0 0 .5rem }
    .newsletter__submit{ margin: 0 }
    .-hints{
        padding: .5rem;
        display: block;
    }
    .-hints li{ padding: .25rem }
    .footer .-cols > * {
        flex: 1 1 50%;
        min-width: 1px;
    }
    .brands__item{ flex: 0 1 50% }

}

.brand img {
    display: inline-block;
    height: 4rem;
    width: auto;
}

.atualiza-preco{ margin-bottom: 1rem }
.atualiza-preco .bt{
    color: #0965A1;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em;
    font-size: .9rem;
    font-weight: 700;
}
.atualiza-preco .bt:hover{ color: #033266 }
.atualiza-preco .drop{
    display: none;
    padding: 1rem;
    margin-top: 1rem;
    background: #0965A1;
    color: #FFFFFF;
    border: 1px solid rgba(0,0,0,.2);
    position: relative;
}
.atualiza-preco .drop:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #0965A1;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 10px);
}
.atualiza-preco .forms__description {
    padding: 0;
    font-size: .8rem;
    color: #FFFFFF;
}
.atualiza-preco .forms__fieldset {
    padding: 0;
    border-radius: 0;
    background: none;
    border: 0;
    margin: 0;
}
.atualiza-preco .forms .required{ display: none }
.atualiza-preco .forms__btn{
    margin-top: .5rem;
    width: 100%;
    display: block;
    padding: .5rem 1rem;
    text-align: center;
    background: #EC6812;
    color: #FFFFFF;
}
.atualiza-preco .forms__btn:hover{
    background: #BA520E;
    color: #FFFFFF;
}

/*modal video*/
.modal .video-fix-frame{ width: 60vw }
@media (max-width: 62rem) {
    .modal .video-fix-frame { width: calc(100vw - 7rem) }
}

/*
* Correção de Interface #33454
*/
.banner--nojs .banner__wrapper {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}



.header .-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.header .-phones {

    -webkit-border-radius: 0 0 .25rem .25rem;
            border-radius: 0 0 .25rem .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
}

.header .-phones li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.header .-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.quicktop .in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer .-cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.footer .-cols>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}
.flex--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/*
* Alteração Ticket #54826
*/
.header .-phones {
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    max-width: 829.27px;
    min-width: 1px
}
.header .-phones li:not(.-close) {
    max-width: 245px;
    flex: 0 0 auto;
    min-width: 1px;
    height: 36px;
}

.header .mail {
    margin-right: 71px!important;
}

.header .-phones .whatsvivo,
.header .-phones .mail{ 
    width: 257.7px
}
.header .-phones .tel {
    max-width: 161.52px;
    width: 161.52px
}
.header .-phones .skype,
.header .-phones .tim {
   	width: 211.36px
}
.header .-phones .oi, 
.header .-phones .claro {
    width: 182.64px
}
.header .-phones .-close { order: 0}
.header .-phones .whatsvivo { order: 1}
.header .-phones .tel.whats-1 { order: 2}
.header .-phones .skype { order: 3}
.header .-phones .oi { order: 4}
.header .-phones .mail { order: 5}
.header .-phones .tel { order: 6}
.header .-phones .tim { order: 7}
.header .-phones .claro { order: 8}

.product__main{
    min-width: 1px;
    flex: 1 1 244px;
    display: block
}
.products__case { display: block}
.cms-home .products__item { max-width: 260px}
.products__list,
.col-main{
    min-width: 1px;
    max-width: 780.81px
}
.products__list { 
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
}
.products {
    min-width: 1px;
    max-width: 764.81px
}
.main { max-width: 992px}
.header .-phones li:before { display: block}
.footer .menus,
.footer .atendimento,
.footer .rede,
.footer .pays,
.footer .ships,
.footer .certs{
    flex: 0 0 300px;
    min-width: 1px
}
.-cols {
    min-width: 1024px;
    justify-content: space-between;
}
.footer .-cols > * { padding: 0 .5rem 2rem 1rem}
.pays__list { flex-flow: row nowrap}
.ships__list { flex-flow: row nowrap}
.certs__list { flex-flow: row nowrap}
.ships .correios .ships__svg { max-width: 116px}
.ships .ships__item:not(.correios) .ships__svg { 
    flex: 0 0 auto;
    max-width: 35px
}
@media (max-width: 992px) {
    .pays__list { flex-flow: row wrap}
	.ships__list { flex-flow: row wrap}
	.certs__list { flex-flow: row wrap}
}

/*
* COMMERCE - 8522
* Componente: Topo Números de Contato
* Thamires
*/
.header .-phones li.whats{min-width:245px;order:1}
.header .-phones .whats::before{width: 27px;background-position: 0 0;}
.header .-phones .vivo{padding: .1rem 0;order:8}
.header .-phones .vivo::before{width: 64px;background-position: -27px 0;}

/*
* COMMERCE - 9596
* Componente: Topo Login
* Thamires
*/
.myaccount--logged .myaccount__header a{padding:.75rem 20px;}

/* devido a problemas no e-mail (blacklist barracuda) foi realizdo pequeno ajuste no topo - Alan*/
.header .-phones{
    justify-content: space-between
}

/* 
* Priscila - AG-495
*/
@media (max-width: 768px) {
    .footer .-cols {
        text-align: center;
        min-width: calc(100vw - 2rem);
    }
    .footer .-cols>* {
        flex: 0 0 100% !important;
        padding: 0 1rem 2rem 1rem !important;
    }
    .socials__list, .pays__list, .ships__list, .certs__list {
            justify-content: center;
    }
    .cms-home .products__item {
        max-width: initial;
    }
}
.footer .-in .textblock-footer_texto {
    color: #444;
    background: #fff;
    margin: 0 -1rem 1rem;
    border-radius: .25rem;
    padding: 1.5rem 1rem;
}
.footer .-cols {
    color: #444;
    background: #fff;
    margin: 0 0 1rem;
    border-radius: .25rem;
    padding: 1.5rem 1rem;
    min-width: auto;
}
.footer .a--0 {
    color: #444;
}
.footer .-copy {
    color: #444;
    background: #fff;
    border-radius: .25rem;
    padding: 1.5rem 1rem;
}
/* Whats flutuante */
.box-whats {
    position: fixed;
    right: 0;
    bottom: 2rem;
    color: #fff;
    background: #0965A1;
    padding: 1.5rem 1rem;
    z-index: 50;
    transition: 200ms ease;
}
.box-whats img {
    margin: 0 auto 1rem;
    max-height: 65px;
}
.box-whats .link {
    color: #fff;
    padding: 3px 0;
    display: block;
}
.box-whats .action {
    position: absolute;
    top: -10px;
    left: -18px;
    background: #EC6812;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-whats.off {
    transform: translateX(94%);
}
.box-whats .action::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;
    color: #ffffff);
}
.box-whats.off .action::before  {
    
    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;
}

/* colecao de Produtos */
@media (max-width: 568px) {
    .products .products__item {
        min-width: 150px;
        padding: 0 .15rem 1rem;
    }
    .products .product__header {
        padding: 0;
    }
    body.cms-home .products .btn-cart {
        left: .5rem;
        right: .5rem;
        width: calc(100% - 1rem);
    }
}
@media (max-width: 400px) {
    .products .products__item {
        min-width: 120px;
    }
}
/* Topo */
.header {
    display: grid;
    grid-template-columns: auto 1fr 166px;
    grid-template-rows: 1fr 1fr;
    grid-gap: 34px 8px;
    align-items: flex-end;
}
.header .-phones-case {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    margin-right: 0;
}
.header .mycart {
     margin-left: 0;
}
@media (max-width: 768px) {
    .header {
    	grid-template-columns: auto 1fr auto;
        grid-gap: 14px 8px;
    }
    .header .-phones-case {
    	grid-column: 1 / 2;
    }
    .header .-login {
        grid-column: 1 / 2;
    	grid-row: 2 / 3;
    }
    .myaccount__header a:after {
        display: none;
    }
    .header .logo {
        grid-column: 2 / 3;
    	grid-row: 1 / 1;
    }
    .logo .has-m-img .m-img {
        display: block !important;
        margin: 0 auto;
    }
    .header .logo {
        margin-right: 0;
    }
    .-bt-menu {
        margin-left: 0;
    }
    .header .search {
        flex: 1 1 auto;
        margin: 0;
    }
    .header .search__hide {
        display: none;
    }
    .search .search__button {
    	height: 3rem;
    }
    .header .search.on .search__form .input-box {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%;
    }
    .header .search {
        padding: 0;
    }
    .header .search__form .input-box {
    	display: flex !important;
	}
    .search input.search__input {
        height: 46px;
    }
    .related__content, .recommended__content, .whosaw__content, .jointsales__content, .upsell__content {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: initial;
    	overflow-y: visible;
        padding: 0;
        background: #fff;
        z-index: 0;
        transform: translateX(0);
    }
    .related__hide, .recommended__hide, .whosaw__hide, .jointsales__hide, .upsell__hide {
        display: none;
    }
    .related__title:after, .recommended__title:after, .whosaw__title:after, .jointsales__title:after, .upsell__title:after {
        display: none;
    }
    .related__title, .recommended__title, .whosaw__title, .jointsales__title, .upsell__title {
        border-bottom: 0;
        pointer-events: none;
    }
    .related .products__list, .recommended .products__list, .whosaw .products__list, .jointsales .products__list, .upsell .products__list {
    	margin: 0 0 -1rem;
    }
    .prod__img {
        margin-right: 0;
    }
    .product-image-gallery {
        margin-left: 0;
        margin-right: 0;
    }
    .myaccount__header a {
   		border-radius: .25rem;
    }
    .mycart__header .ico {
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
    }
    .mycart__header .text {
        display: none;
    }
}
body {
    background-size: cover !important;
    background: #011828 url(/media/interface/images/bgproduct.jpg) no-repeat center 0;
}

.pays__item img {
    max-height: 1.5rem;
    width: auto;
    min-width: fit-content;
    height: 1.5rem;
    max-width: 80px;
}
.footer .menus, .footer .atendimento, .footer .rede, .footer .pays, .footer .ships, .footer .certs {
    flex: 1 1 30%;
}
.footer .-cols .redes, .footer .-cols .certs {
    flex: 1 1 20%;
}