@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /*checkout-fallback body-html*/ *, body { font-family: 'Montserrat'; } /*header*/ .topo { background: var(--header-bg); padding: 15px 0; border-bottom: 2px solid var(--header-border); } .topo img { display: block; margin: 0 auto; max-width: 150px; } .default-modal-body, .default-modal, .default-modal i:before { background: var(--main-color); color: #FFFFFF; } /*botão fechar pedido cor do texto*/ .btn:first-child { color: #FFFFFF !important; } .default-modal-body .btn { color: #FFFFFF !important; background: var(--theme-color-1) !important; } /********************************************************** **************** CONTAINER DEPARTAMENTOS ****************** **********************************************************/ .container-links { display: flex; } .container-footer { background: var(--footer-bg); padding: 50px 0; padding-bottom: 0 } .container-footer .max-container { max-width: 1110px; } .footer-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px } .icon-pag-container { max-width: 248px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 7px 1fr 7px 1fr 7px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 7px; margin-bottom: 60px } .dep-links { margin-bottom: 30px; color: var(--footer-color) !important; } .dep-links li { margin-bottom: 10px } a.icon-social { display: inline-block; margin-right: 5px } .dep-links h4 { color: var(--footer-color); font-weight: 500; margin-bottom: 15px; font-size: 17px; text-transform: uppercase; /* font-family: Rockwell, Kameron, sans-serif; */ } .dep-links a { font-weight: 400; font-size: 15px; color: var(--footer-color); /* font-family: Rockwell, Kameron, sans-serif; */ } .dep-links p { font-weight: 400; font-size: 12px; color: #FFFFFF; /* font-family: Rockwell, Kameron, sans-serif; */ } .dep-links li a>img { margin-right: 10px; } /********************************************************** ******************** CONTAINER VINCI ********************** **********************************************************/ .container-vinci { background: var(--footer-bottom-bg); } .container-vinci .max-container { border-top: 1px solid #FFFFFF; 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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; padding-right: 20px } .container-vinci span { font-weight: 300; font-size: 9px; text-align: center; color: var(--footer-color); letter-spacing: 1px; /* font-family: Rockwell, Kameron, sans-serif; */ } .logo-vinci p { color: #fff; font-size: 15px; margin-bottom: 5px } .logo-vinci img { width: 90px; display: block; margin-left: auto } footer .bold { font-weight: 700; color: var(--footer-color); font-size: 9px; display: inline-block; margin-right: 10px } .container-vinci-content { 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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 950px; width: 100%; margin: auto; } .container-vinci .max-container>* { display: flex; justify-content: space-between; align-content: center; } .container-vinci span:last-child p { font-weight: 700; color: var(--footer-color); font-size: 9px; display: inline-block; margin-right: 20px; } @media all and (max-width: 991px) { .newsletter .max-container { flex-direction: column; align-items: center; text-align: center; } .container-input #email { width: 100%; margin: 20px auto; margin-bottom: 5px; box-sizing: border-box; } .container-input .btn-send { width: 100%; box-sizing: border-box; } } /********************************************************** ********************** MEDIA QUERY 767PX ****************** **********************************************************/ @media all and (max-width: 767px) { .container-input #email { text-align: center; } .icon-pag-container { margin-bottom: 10px; } .container-links { display: unset; } .container-footer { padding: 50px 0; } .footer-links { flex-direction: column; align-items: center; text-align: center; } .dep-links { margin: 0 auto; } .dep-links { margin-top: 20px; } .container-vinci .max-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 0px 0 20px; } .logo-vinci { margin: 20px 0; flex-direction: column-reverse; align-items: center; text-align: center; } .logo-vinci p { margin: 0 auto; text-align: center; margin-bottom: 5px; } .container-vinci .max-container>* { flex-direction: column; } .container-vinci-content>span { margin-top: 20px; } } .container-vinci-content>span:nth-child(3)>img:nth-child(2) { max-width: 100px; } @media all and (min-width: 992px) { .container-vinci-content>span:nth-child(1) { text-align: left; } .container-vinci-content>span:nth-child(3) { text-align: right; } .container-vinci .max-container>* { flex-direction: row; } } .vtex-shipping-preview-0-x-postalCodeForgotten .help.error { position: absolute; } .vtex-shipping-preview-0-x-pc .btn { line-height: 1px !important; } button.vbw1 { color: white !important; background: var(--main-color) !important; } .container { max-width: 93vw; } @media all and (max-width: 490px) { /* checkout6-custom.css | http://tezbgl.vtexlocal.com.br/files/checkout6-custom.css?v=48f87958 */ .link-choose-more-products { /* margin-right: 15px; */ margin-right: 0px; width: 100%; text-align: center; box-sizing: border-box; } } .srp-unavailable { font-size: 0px; } .container-footer { z-index: 99; position: relative; border-top: 2px solid var(--footer-border); color: var(--header-color); } .bold { font-weight: bold } .italic { font-style: italic } .line-trought { text-decoration: line-through } .underline { text-decoration: underline } .letter-spacing-1 { letter-spacing: 1px } .font-size-xxs { font-size: 10px } .font-size-xs { font-size: 12px } .font-size-sm { font-size: 14px } .font-size-md { font-size: 16px } .font-size-lg { font-size: 18px } .font-size-xlg { font-size: 20px } .font-size-h1 { font-size: 30px } .font-size-h2 { font-size: 27px } .font-size-h3 { font-size: 23px } .font-size-h4 { font-size: 19px } .font-size-h5 { font-size: 15px } .font-size-h6 { font-size: 11px } a { color: #686868 } a:hover { color: #828282 } a:focus, a:active { outline: none; color: #4f4f4f } .heading-1 { color: #686868; font-size: 20px; text-transform: uppercase; text-align: center; display: block; border-bottom: solid 1px #aca9a952; padding-bottom: 18px } .heading-2 { color: #686868; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: left; display: block; border-bottom: solid 1px #aca9a952; padding-bottom: 20px; line-height: 1.2; margin-bottom: 20px; margin-top: 20px } .heading-3 { color: #000; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px } .bg-color-1-50 { background: #623d2f } .bg-color-1-100 { background: #543429 } .bg-color-1-200 { background: #462c22 } .bg-color-1-300 { background: #39231b } .bg-color-1-400 { background: #2b1b15 } .bg-color-1-500 { background: #1d120e } .bg-color-1-600 { background: #0c0706 } .bg-color-1-700 { background: #000 } .bg-color-1-800 { background: #000 } .bg-color-1-900 { background: #000 } .bg-color-2-50 { background: #0cc4ff } .bg-color-2-100 { background: #00bbf7 } .bg-color-2-200 { background: #00abe2 } .bg-color-2-300 { background: #009cce } .bg-color-2-400 { background: #008cb9 } .bg-color-2-500 { background: #007da5 } .bg-color-2-600 { background: #006a8c } .bg-color-2-700 { background: #005672 } .bg-color-2-800 { background: #004359 } .bg-color-2-900 { background: #00303f } .bg-color-3-50 { background: #0cc4ff } .bg-color-3-100 { background: #00bbf7 } .bg-color-3-200 { background: #00abe2 } .bg-color-3-300 { background: #009cce } .bg-color-3-400 { background: #008cb9 } .bg-color-3-500 { background: #007da5 } .bg-color-3-600 { background: #006a8c } .bg-color-3-700 { background: #005672 } .bg-color-3-800 { background: #004359 } .bg-color-3-900 { background: #00303f } .bg-color-4-50 { background: #623d2f } .bg-color-4-100 { background: #543429 } .bg-color-4-200 { background: #462c22 } .bg-color-4-300 { background: #39231b } .bg-color-4-400 { background: #2b1b15 } .bg-color-4-500 { background: #1d120e } .bg-color-4-600 { background: #0c0706 } .bg-color-4-700 { background: #000 } .bg-color-4-800 { background: #000 } .bg-color-4-900 { background: #000 } .bg-color-5-50 { background: #f9f9f9 } .bg-color-5-100 { background: #efefef } .bg-color-5-200 { background: #e5e5e5 } .bg-color-5-300 { background: #dadada } .bg-color-5-400 { background: #d0d0d0 } .bg-color-5-500 { background: #C6C6C6 } .bg-color-5-600 { background: #b9b9b9 } .bg-color-5-700 { background: #adadad } .bg-color-5-800 { background: #a0a0a0 } .bg-color-5-900 { background: #939393 } .bg-color-6-50 { background: #9d9d9d } .bg-color-6-100 { background: #939393 } .bg-color-6-200 { background: #898989 } .bg-color-6-300 { background: #7e7e7e } .bg-color-6-400 { background: #747474 } .bg-color-6-500 { background: #6A6A6A } .bg-color-6-600 { background: #5d5d5d } .bg-color-6-700 { background: #515151 } .bg-color-6-800 { background: #444 } .bg-color-6-900 { background: #373737 } .bg-text-color-1-500 { background: #262626 } .bg-text-color-1-400 { background: #686868 } .bg-text-color-1-300 { background: #aca9a952 } .bg-text-color-1-200 { background: #d3d3d3 } .txt-color-1-50 { color: #623d2f } .txt-color-1-100 { color: #543429 } .txt-color-1-200 { color: #462c22 } .txt-color-1-300 { color: #39231b } .txt-color-1-400 { color: #2b1b15 } .txt-color-1-500 { color: #1d120e } .txt-color-1-600 { color: #0c0706 } .txt-color-1-700 { color: #000 } .txt-color-1-800 { color: #000 } .txt-color-1-900 { color: #000 } .txt-color-2-50 { color: #0cc4ff } .txt-color-2-100 { color: #00bbf7 } .txt-color-2-200 { color: #00abe2 } .txt-color-2-300 { color: #009cce } .txt-color-2-400 { color: #008cb9 } .txt-color-2-500 { color: #007da5 } .txt-color-2-600 { color: #006a8c } .txt-color-2-700 { color: #005672 } .txt-color-2-800 { color: #004359 } .txt-color-2-900 { color: #00303f } .txt-color-3-50 { color: #0cc4ff } .txt-color-3-100 { color: #00bbf7 } .txt-color-3-200 { color: #00abe2 } .txt-color-3-300 { color: #009cce } .txt-color-3-400 { color: #008cb9 } .txt-color-3-500 { color: #007da5 } .txt-color-3-600 { color: #006a8c } .txt-color-3-700 { color: #005672 } .txt-color-3-800 { color: #004359 } .txt-color-3-900 { color: #00303f } .txt-color-4-50 { color: #623d2f } .txt-color-4-100 { color: #543429 } .txt-color-4-200 { color: #462c22 } .txt-color-4-300 { color: #39231b } .txt-color-4-400 { color: #2b1b15 } .txt-color-4-500 { color: #1d120e } .txt-color-4-600 { color: #0c0706 } .txt-color-4-700 { color: #000 } .txt-color-4-800 { color: #000 } .txt-color-4-900 { color: #000 } .txt-color-5-50 { color: #f9f9f9 } .txt-color-5-100 { color: #efefef } .txt-color-5-200 { color: #e5e5e5 } .txt-color-5-300 { color: #dadada } .txt-color-5-400 { color: #d0d0d0 } .txt-color-5-500 { color: #C6C6C6 } .txt-color-5-600 { color: #b9b9b9 } .txt-color-5-700 { color: #adadad } .txt-color-5-800 { color: #a0a0a0 } .txt-color-5-900 { color: #939393 } .txt-color-6-50 { color: #9d9d9d } .txt-color-6-100 { color: #939393 } .txt-color-6-200 { color: #898989 } .txt-color-6-300 { color: #7e7e7e } .txt-color-6-400 { color: #747474 } .txt-color-6-500 { color: #6A6A6A } .txt-color-6-600 { color: #5d5d5d } .txt-color-6-700 { color: #515151 } .txt-color-6-800 { color: #444 } .txt-color-6-900 { color: #373737 } .txt-text-color-1-500 { color: #262626 } .txt-text-color-1-400 { color: #686868 } .txt-text-color-1-300 { color: #aca9a952 } .txt-text-color-1-200 { color: #d3d3d3 } .txt-white { color: #FFF } @media (max-width:767px) { .checkout-qd-v1-header-content { text-align: center } } .body-order-form, .body-cart { padding: 0 } .checkout-qd-v1-header { box-shadow: 0 2px 3px 0 rgba(239, 238, 238, 0.87); border-bottom: solid 1px #f1f1f1; background: #FFF } @media (max-width:767px) { .checkout-qd-v1-footer-structure { padding: 0 } } .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-content { background: #525252 } .checkout-qd-v1-footer-structure .footer-qd-v1-store-footer-extra { background: #333 } .checkout-qd-v1-footer-structure .footer-qd-v1-store-footer-extra .footer-legal-info p { line-height: 1.2; color: #686868 } .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-content, .checkout-qd-v1-footer-structure .footer-qd-v1-store-footer-extra { padding: 15px 0 } .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-content .heading-3, .checkout-qd-v1-footer-structure .footer-qd-v1-store-footer-extra .heading-3 { color: #FFF } @media (max-width:767px) { .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-content, .checkout-qd-v1-footer-structure .footer-qd-v1-store-footer-extra { padding: 15px } } @media (max-width:767px) { .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-text { margin-bottom: 0 } } .checkout-qd-v1-footer-structure .footer-qd-v1-info-company-text p { color: #aca9a952 } .checkout-qd-v1-footer-structure .footer-qd-v1-payment-stamps { margin: 0 } .checkout-qd-v1-footer-structure .footer-qd-v1-certified { list-style-type: none; margin-left: 0 } .checkout-qd-v1-footer-structure .footer-qd-v1-certified li { margin: 5px } .checkout-qd-v1-footer-structure .footer-qd-v1-company-stamps a { margin: 0 5px } .footer-qd-v1-content { background: #333 } .footer-qd-v1-store-footer-extra { background: #333; padding-bottom: 35px } .footer-qd-v1-store-footer-extra .footer-legal-info p { color: #686868 } @media (max-width:767px) { body { padding: 0 } body>* { padding-left: 20px; padding-right: 20px } body .container-cart { padding: 0 } } body>.container-main { padding-left: 10px !important; padding-right: 10px !important } body .row-fluid [class*="span"] { min-height: auto } #cart-shipping-calculate, #shipping-calculate-link, .btn-continue-shop, a.link-choose-more-products { border: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: #aca9a952 solid; border-width: 1px; font-weight: 600; color: #262626; background: #f7f7f7; padding: 5px 9px 4px 10px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 10px; cursor: pointer; display: inline-block; box-shadow: none; text-shadow: none } #cart-shipping-calculate:hover, #shipping-calculate-link:hover, .btn-continue-shop:hover, a.link-choose-more-products:hover { text-decoration: none; outline: none } #cart-shipping-calculate:focus, #shipping-calculate-link:focus, .btn-continue-shop:focus, a.link-choose-more-products:focus, #cart-shipping-calculate:active, #shipping-calculate-link:active, .btn-continue-shop:active, a.link-choose-more-products:active { text-decoration: none; outline: none; box-shadow: none } #cart-shipping-calculate[disabled], #shipping-calculate-link[disabled], .btn-continue-shop[disabled], a.link-choose-more-products[disabled] { opacity: .8; filter: alpha(opacity=80) } #cart-shipping-calculate:hover, #shipping-calculate-link:hover, .btn-continue-shop:hover, a.link-choose-more-products:hover, #cart-shipping-calculate:focus, #shipping-calculate-link:focus, .btn-continue-shop:focus, a.link-choose-more-products:focus { color: #262626; background: #fff; text-decoration: none; box-shadow: 0 -3px 2px #f7f7f7 inset; outline: none } #cart-shipping-calculate:active, #shipping-calculate-link:active, .btn-continue-shop:active, a.link-choose-more-products:active { color: #262626; background: #ededed; text-decoration: none; box-shadow: 0 3px 2px #d1d1d1 inset; outline: none } #cart-shipping-calculate:disabled, #shipping-calculate-link:disabled, .btn-continue-shop:disabled, a.link-choose-more-products:disabled, #cart-shipping-calculate.disabled, #shipping-calculate-link.disabled, .btn-continue-shop.disabled, a.link-choose-more-products.disabled { background: #d3d3d3; border: #aca9a952 solid; border-width: 1px; color: #aca9a952; box-shadow: 0 2px 2px #c2c2c2 inset } @media (max-width:767px) { a.link-choose-more-products { width: 100% } } .link-cart a { border: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: #aca9a952 solid; border-width: 1px; font-weight: 600; color: #262626; background: #f7f7f7; padding: 5px 9px 4px 10px; border-radius: 4px; text-align: center; text-transform: uppercase; cursor: pointer; display: inline-block; box-shadow: none; text-shadow: none; padding-left: 13px; padding-right: 21px; font-size: 10px } .link-cart a:hover { text-decoration: none; outline: none } .link-cart a:focus, .link-cart a:active { text-decoration: none; outline: none; box-shadow: none } .link-cart a[disabled] { opacity: .8; filter: alpha(opacity=80) } .link-cart a:hover, .link-cart a:focus { color: #262626; background: #fff; text-decoration: none; box-shadow: 0 -3px 2px #f7f7f7 inset; outline: none } .link-cart a:active { color: #262626; background: #ededed; text-decoration: none; box-shadow: 0 3px 2px #d1d1d1 inset; outline: none } .link-cart a:disabled, .link-cart a.disabled { background: #d3d3d3; border: #aca9a952 solid; border-width: 1px; color: #aca9a952; box-shadow: 0 2px 2px #c2c2c2 inset } .link-cart a:before { content: "\f053"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; font-size: 20px; margin-right: 11px; margin-left: 4px; line-height: 1; position: relative; top: 2px } .link-cart a:before, .link-cart a:after { font-size: 14px } .ship-street-text .link-edit { color: #1d120e } .ship-street-text .link-edit:hover { color: #3f271f; text-decoration: underline } .ship-street-text .link-edit:active, .ship-street-text .link-edit:focus { color: #1d120e; outline: none; text-decoration: underline } .ship-street-text .link-edit:disabled, .ship-street-text .link-edit.disabled { color: #aca9a952; box-shadow: none } #cart-link-coupon-add { border: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: #aca9a952 solid; border-width: 1px; font-weight: 600; color: #262626; background: #f7f7f7; padding: 5px 9px 4px 10px; border-radius: 4px; text-align: center; text-transform: uppercase; cursor: pointer; display: inline-block; box-shadow: none; text-shadow: none; padding-left: 13px; padding-right: 21px; font-size: 10px } #cart-link-coupon-add:hover { text-decoration: none; outline: none } #cart-link-coupon-add:focus, #cart-link-coupon-add:active { text-decoration: none; outline: none; box-shadow: none } #cart-link-coupon-add[disabled] { opacity: .8; filter: alpha(opacity=80) } #cart-link-coupon-add:hover, #cart-link-coupon-add:focus { color: #262626; background: #fff; text-decoration: none; box-shadow: 0 -3px 2px #f7f7f7 inset; outline: none } #cart-link-coupon-add:active { color: #262626; background: #ededed; text-decoration: none; box-shadow: 0 3px 2px #d1d1d1 inset; outline: none } #cart-link-coupon-add:disabled, #cart-link-coupon-add.disabled { background: #d3d3d3; border: #aca9a952 solid; border-width: 1px; color: #aca9a952; box-shadow: 0 2px 2px #c2c2c2 inset } #cart-link-coupon-add:before { content: "\f02c"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; font-size: 20px; margin-right: 11px; margin-left: 4px; line-height: 1; position: relative; top: 2px } #cart-link-coupon-add:before, #cart-link-coupon-add:after { font-size: 14px } @media (max-width:767px) { #cart-link-coupon-add { display: block } } .btn-place-order { box-shadow: none; text-shadow: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: none; color: #FFF; background: #ff9232; padding: 6px 0 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #fe7700 inset; display: inline-block; letter-spacing: .6px } .btn-place-order:hover { text-decoration: none; outline: none } .btn-place-order:focus, .btn-place-order:active { text-decoration: none; outline: none; box-shadow: none } .btn-place-order[disabled] { opacity: .8; filter: alpha(opacity=80) } .btn-place-order:hover, .btn-place-order:focus { color: #FFF; background: #ffad65; text-decoration: none; box-shadow: 0 -3px 0 #ff9232 inset; outline: none } .btn-place-order:active { color: #FFF; background: #ff871e; text-decoration: none; box-shadow: 0 2px 0 #e46b00 inset; outline: none } .btn-place-order:disabled, .btn-place-order.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } .btn-place-order:before { content: "\f023"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 14px; margin-right: 15px } .btn-place-order:after { content: "\f054"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 16px; margin-right: 8px } #cart-choose-products { transition: all .2s ease-out; border: none; color: #FFF; background: #ff9232; padding: 4px 16px 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #fe7700 inset; display: inline-block; letter-spacing: 1px; padding-left: 13px; padding-right: 21px } #cart-choose-products:hover, #cart-choose-products:focus { color: #FFF; background: #ff8418; text-decoration: none; box-shadow: 0 -3px 0 #ff9232 inset; outline: none } #cart-choose-products:active { color: #FFF; background: #ff871e; text-decoration: none; box-shadow: 0 2px 0 #e46b00 inset; outline: none } #cart-choose-products:disabled, #cart-choose-products.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } #cart-choose-products:before { content: "\f104"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; font-size: 20px; margin-right: 11px; margin-left: 4px; line-height: 1; position: relative; top: 2px } #cart-choose-products:hover, #cart-choose-products:active, #cart-choose-products:focus { background: #ff9232 } .btn-submit-wrapper { zoom: 1 } .btn-submit-wrapper:before, .btn-submit-wrapper:after { content: " "; display: table } .btn-submit-wrapper:after { clear: both } .btn-submit-wrapper:before, .btn-submit-wrapper:after { content: ""; display: table } .btn-submit-wrapper:after { clear: both } #go-to-payment, #go-to-shipping, .btn-go-to-payment, #payment-data-submit { box-shadow: none; text-shadow: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: none; color: #FFF; background: #ff9232; padding: 6px 0 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #fe7700 inset; display: inline-block; letter-spacing: .6px; display: block; width: 100%; margin-top: 15px } #go-to-payment:hover, #go-to-shipping:hover, .btn-go-to-payment:hover, #payment-data-submit:hover { text-decoration: none; outline: none } #go-to-payment:focus, #go-to-shipping:focus, .btn-go-to-payment:focus, #payment-data-submit:focus, #go-to-payment:active, #go-to-shipping:active, .btn-go-to-payment:active, #payment-data-submit:active { text-decoration: none; outline: none; box-shadow: none } #go-to-payment[disabled], #go-to-shipping[disabled], .btn-go-to-payment[disabled], #payment-data-submit[disabled] { opacity: .8; filter: alpha(opacity=80) } #go-to-payment:hover, #go-to-shipping:hover, .btn-go-to-payment:hover, #payment-data-submit:hover, #go-to-payment:focus, #go-to-shipping:focus, .btn-go-to-payment:focus, #payment-data-submit:focus { color: #FFF; background: #ffad65; text-decoration: none; box-shadow: 0 -3px 0 #ff9232 inset; outline: none } #go-to-payment:active, #go-to-shipping:active, .btn-go-to-payment:active, #payment-data-submit:active { color: #FFF; background: #ff871e; text-decoration: none; box-shadow: 0 2px 0 #e46b00 inset; outline: none } #go-to-payment:disabled, #go-to-shipping:disabled, .btn-go-to-payment:disabled, #payment-data-submit:disabled, #go-to-payment.disabled, #go-to-shipping.disabled, .btn-go-to-payment.disabled, #payment-data-submit.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } #go-to-payment:before, #go-to-shipping:before, .btn-go-to-payment:before, #payment-data-submit:before { content: "\f023"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 14px; margin-right: 15px } #go-to-payment:after, #go-to-shipping:after, .btn-go-to-payment:after { content: "\f054"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 16px; margin-right: 8px } #btn-client-pre-email { min-width: 145px; font-size: 19px; padding-left: 0; padding-right: 0; box-shadow: none; text-shadow: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: none; color: #FFF; background: #ff9232; padding: 6px 0 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #fe7700 inset; display: inline-block; letter-spacing: .6px } #btn-client-pre-email:hover { text-decoration: none; outline: none } #btn-client-pre-email:focus, #btn-client-pre-email:active { text-decoration: none; outline: none; box-shadow: none } #btn-client-pre-email[disabled] { opacity: .8; filter: alpha(opacity=80) } #btn-client-pre-email:hover, #btn-client-pre-email:focus { color: #FFF; background: #ffad65; text-decoration: none; box-shadow: 0 -3px 0 #ff9232 inset; outline: none } #btn-client-pre-email:active { color: #FFF; background: #ff871e; text-decoration: none; box-shadow: 0 2px 0 #e46b00 inset; outline: none } #btn-client-pre-email:disabled, #btn-client-pre-email.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } #btn-client-pre-email:before { content: "\f023"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 14px; margin-right: 15px } #btn-client-pre-email:after { content: "\f054"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 16px; margin-right: 8px } .payment-submit-wrap .submit, .payment-submit-hide .submit, .btn-submit-wrapper .submit { display: block; box-shadow: none; text-shadow: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: none; color: #FFF; background: #ff9232; padding: 6px 0 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #fe7700 inset; display: inline-block; letter-spacing: .6px; float: left } .payment-submit-wrap .submit:hover, .payment-submit-hide .submit:hover, .btn-submit-wrapper .submit:hover { text-decoration: none; outline: none } .payment-submit-wrap .submit:focus, .payment-submit-hide .submit:focus, .btn-submit-wrapper .submit:focus, .payment-submit-wrap .submit:active, .payment-submit-hide .submit:active, .btn-submit-wrapper .submit:active { text-decoration: none; outline: none; box-shadow: none } .payment-submit-wrap .submit[disabled], .payment-submit-hide .submit[disabled], .btn-submit-wrapper .submit[disabled] { opacity: .8; filter: alpha(opacity=80) } .payment-submit-wrap .submit:hover, .payment-submit-hide .submit:hover, .btn-submit-wrapper .submit:hover, .payment-submit-wrap .submit:focus, .payment-submit-hide .submit:focus, .btn-submit-wrapper .submit:focus { color: #FFF; background: #ffad65; text-decoration: none; box-shadow: 0 -3px 0 #ff9232 inset; outline: none } .payment-submit-wrap .submit:active, .payment-submit-hide .submit:active, .btn-submit-wrapper .submit:active { color: #FFF; background: #ff871e; text-decoration: none; box-shadow: 0 2px 0 #e46b00 inset; outline: none } .payment-submit-wrap .submit:disabled, .payment-submit-hide .submit:disabled, .btn-submit-wrapper .submit:disabled, .payment-submit-wrap .submit.disabled, .payment-submit-hide .submit.disabled, .btn-submit-wrapper .submit.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } .payment-submit-wrap .submit:before, .payment-submit-hide .submit:before, .btn-submit-wrapper .submit:before { content: "\f023"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 14px; margin-right: 15px } /* .payment-submit-wrap .submit:after, .payment-submit-hide .submit:after, .btn-submit-wrapper .submit:after { content: "\f054"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 16px; margin-right: 8px } */ .payment-submit-wrap i, .payment-submit-hide i, .btn-submit-wrapper i { display: none !important } #print-bank-invoice { font-size: 19px } #print-bank-invoice:before { content: "Visualizar boleto" } #print-bank-invoice span { display: none } #order-print-bank-invoice-mini { padding-right: 10px } @media (min-width:768px) and (max-width:991px) { #order-print-bank-invoice-mini { margin: 10px auto } } @media (max-width:767px) { #order-print-bank-invoice-mini { display: block; padding: 13px; font-size: 18px } } #order-print-bank-invoice-mini:after { display: none } body.body-order-placed h1.title, #orderform-title, #cart-title { color: #686868; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: left; display: block; border-bottom: solid 1px #aca9a952; padding-bottom: 20px; line-height: 1.2; margin-bottom: 20px; margin-top: 20px } .cart-fixed h2, .accordion-toggle span { font-size: 16px; font-weight: bold; text-transform: uppercase } .cart { border: 0 !important; padding: 0 } .table thead th { color: #686868; font-weight: normal; font-size: 14px; padding: 12px 8px; border: none } .table thead .item-remove:before { content: "Excluir" } .table tbody td { color: #686868 } .table tbody td.quantity input { border-radius: 0 !important; width: 42px } .table .product-item { border-bottom: solid 1px #d3d3d3 } .table .product-name a { color: #262626; font-weight: bold } .table .product-name a:hover { color: #404040; text-decoration: underline } .table .product-name a:active, .table .product-name a:focus { color: #1d120e; outline: none; text-decoration: underline } .table .product-name a:disabled, .table .product-name a.disabled { color: #aca9a952; box-shadow: none } .table .shipping-estimate-date { white-space: nowrap } .table .product-price .field-help { background: #262626; box-shadow: none; font-size: 12px; border: #262626 solid; border-width: 1px; border-radius: 4px; width: 100%; height: auto; position: absolute; top: -1px; left: auto; right: 0 } .table .product-price .field-help span { color: #f7f7f7 } .table .product-price .old-product-price-label:after, .table .product-price .new-product-price-label:after { content: ":" } @media (max-width:767px) { .table .product-price .list-price { white-space: nowrap } } @media (min-width:768px) and (max-width:991px) { .table .product-price .list-price { white-space: nowrap } } @media (max-width:767px) { .table .product-price .best-price { white-space: nowrap } } @media (min-width:768px) and (max-width:991px) { .table .product-price .best-price { white-space: nowrap } } .table .seller { display: none } .table .brand-name { color: #686868 } @media (max-width:767px) { .table .quantity input { display: block; margin: 0 auto } } @media (min-width:768px) and (max-width:991px) { .table .quantity input { display: block; margin: 0 auto } } .table .quantity .item-quantity-change { color: #686868 } .table .quantity .item-quantity-change:hover { color: #828282; text-decoration: none } .table .quantity .item-quantity-change:active, .table .quantity .item-quantity-change:focus { color: #262626; outline: none; text-decoration: none } .table .quantity .item-quantity-change:disabled, .table .quantity .item-quantity-change.disabled { color: #aca9a952; box-shadow: none } @media (max-width:767px) { .table .quantity .item-quantity-change { position: static; height: auto; display: inline-block; margin: 2px 0 } } @media (min-width:768px) and (max-width:991px) { .table .quantity .item-quantity-change { position: static; height: auto; display: inline-block; margin: 2px 0 } } .table .item-link-remove { color: #AD2228 } .table .item-link-remove:hover { color: #d62c34; text-decoration: none } .table .item-link-remove:active, .table .item-link-remove:focus { color: #AD2228; outline: none; text-decoration: none } .table .item-link-remove:disabled, .table .item-link-remove.disabled { color: #aca9a952; box-shadow: none } @media (max-width:767px) { .table .item-link-remove { position: relative; right: 5px } } .table .item-link-remove i:before { content: "\f057"; font-size: 18px } .summary-coupon-wrap .coupon-label label { font-weight: bold !important } @media (max-width:767px) { .summary-coupon-wrap .summary-coupon { width: 100% !important } } @media (max-width:767px) { .summary-coupon-wrap .coupon-data { float: none !important } } .summary-coupon-wrap .coupon-fields #cart-coupon { width: 142px; } .summary-coupon-wrap .coupon-fields button { border: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: #aca9a952 solid; border-width: 1px; font-weight: 600; color: #FFF; background: var(--main-color); padding: 5px 9px 4px 10px; border-radius: 4px; text-align: center; text-transform: uppercase; cursor: pointer; display: inline-block; box-shadow: none; font-size: 10px; text-shadow: none } .summary-coupon-wrap .coupon-fields button:hover { text-decoration: none; outline: none } .summary-coupon-wrap .coupon-fields button:focus, .summary-coupon-wrap .coupon-fields button:active { text-decoration: none; outline: none; box-shadow: none } .summary-coupon-wrap .coupon-fields button[disabled] { opacity: .8; filter: alpha(opacity=80) } .summary-coupon-wrap .coupon-fields button:hover, .summary-coupon-wrap .coupon-fields button:focus { color: #FFF; background: var(--main-color); text-decoration: none; box-shadow: 0 -3px 2px #007da5 inset; outline: none } .summary-coupon-wrap .coupon-fields button:active { color: #FFF; background: #006e91; text-decoration: none; box-shadow: 0 3px 2px #004359 inset; outline: none } .summary-coupon-wrap .coupon-fields button:disabled, .summary-coupon-wrap .coupon-fields button.disabled { background: #d3d3d3; border: #aca9a952 solid; border-width: 1px; color: #aca9a952; box-shadow: 0 2px 2px #c2c2c2 inset } .summary-coupon-wrap .coupon-fields button:before, .summary-coupon-wrap .coupon-fields button:after { font-size: 14px } .summary-coupon-wrap .loading-inline { margin: 0 } body.body-cart .totalizers { border-radius: 0; padding: 5px 10px } body.body-cart .totalizers .totalizers-list tr, body.body-cart .totalizers .shipping-calculate tr { border-color: #d3d3d3 } body.body-cart .totalizers .totalizers-list tr .info, body.body-cart .totalizers .shipping-calculate tr .info { font-weight: bold; text-align: left } body.body-cart .totalizers .totalizers-list tr .monetary, body.body-cart .totalizers .shipping-calculate tr .monetary { color: #686868; font-weight: bold } body.body-cart .totalizers .totalizers-list tr .monetary a, body.body-cart .totalizers .shipping-calculate tr .monetary a { color: #686868; font-weight: bold } body.body-cart .totalizers tfoot tr .info { font-weight: bold } body.body-cart .totalizers tfoot tr .monetary { color: #1d120e; font-weight: bold } body.body-cart .totalizers tbody tr { border-bottom: 1px none solid } body.body-cart .totalizers .space { display: none } body.body-cart .totalizers .empty { width: auto; padding: 0 } body.body-cart .totalizers .monetary { white-space: nowrap } .empty-cart-content { margin: 0 auto; padding: 0 0 0 130px; position: relative } .empty-cart-content:before { content: "\f07a"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; position: absolute; top: 15px; left: 10px; font-size: 60px; line-height: 1; color: #aca9a952 } .empty-cart-content .empty-cart-title { color: #000; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; color: #1d120e; line-height: 1; font-size: 20px } .empty-cart-content .empty-cart-message p { color: #686868; width: 90%; margin-top: 15px } .container-cart .cart-totalizers { position: relative; margin-top: 50px } .client-pre-email { border: none } .client-pre-email .emailInfo { padding: 0; background: #d3d3d3; border: 0; border-radius: 0; width: 50%; position: relative; overflow: visible } @media (max-width:767px) { .client-pre-email .emailInfo { width: 100% } } .client-pre-email .emailInfo h3 { padding: 10px 15px; margin: 0; color: #000; font-size: 18px; background: #aca9a952; position: relative } .client-pre-email .emailInfo h3:before { content: "\f023 "; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; font-size: 19px; line-height: 1 } .client-pre-email .emailInfo h3:after { content: "\f052"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; position: absolute; top: -16px; left: 60px; line-height: 1; font-size: 30px; color: #aca9a952 } .client-pre-email .emailInfo .unstyled { margin: 15px; color: #262626 } .client-pre-email .emailInfo .icon-lock { display: none } .client-pre-email label[for='client-pre-email'] span:first-child { color: #686868 } .client-pre-email #client-pre-email { padding-right: 149px } @media (max-width:490px) { .client-pre-email #client-pre-email { padding-right: 4px } } @media (max-width:767px) { .client-pre-email #client-pre-email { width: 99% !important } } .client-pre-email .client-email .loading-inline { right: 172px !important; color: #686868 } .client-pre-email .client-pre-email-h { margin: 0 0 35px } .client-pre-email .client-pre-email-h label { margin-top: 0 } .client-profile-data { border-width: 1px !important; border-radius: 0 !important } .client-profile-data .orderform-template-holder .btn.btn-success { width: 100% } .client-profile-data .step { border: #aca9a952 solid; border-width: 1px; border-radius: 2px; position: relative } .client-profile-data .step.active, .client-profile-data .cart.active, .client-profile-data .totalizers.active { border-color: #aca9a952 } .client-profile-data input { border-radius: 0 } .client-profile-data label { color: #262626 !important } .client-profile-data #is-corporate-client { color: #1d120e; font-weight: bold; text-decoration: underline; } .client-profile-data .box-client-info-pj { margin-top: 5px } .client-profile-data .newsletter { margin-bottom: 10px } .accordion-toggle { position: static } .accordion-toggle .link-box-edit { background: #d3d3d3; border: 0 none; border-radius: 0 0 0 6px; box-shadow: none; text-shadow: none; color: #686868; font-size: 14px; line-height: 1px; opacity: 1; padding: 4px 3px 4px 9px; position: absolute; right: 0; top: 0; transition: all .2s ease-out } .accordion-toggle .link-box-edit:hover { background: #aca9a952; color: #262626 } .accordion-toggle .link-box-edit:active, .accordion-toggle .link-box-edit:focus { background: #aca9a952; color: #262626 } .shipping-data { border-width: 1px !important; border-radius: 0 !important } .shipping-data .step { border: #aca9a952 solid; border-width: 1px; position: relative } .shipping-data input { border-radius: 0 } .shipping-data label { color: #262626 !important } .shipping-data label.btn { border-radius: 0 !important } .shipping-data .icon-home:before { content: "\f0d1" } .shipping-data #change-other-shipping-option { border-radius: 0 } .payment-data .payment-submit-hide .btn[disabled]:after { display: inline-block; content: "\f021"; animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .payment-data select, .payment-data input { border-radius: 0 } .payment-data label { color: #262626 !important } .payment-data .payment-alert-error { position: absolute; top: 155px; width: 186px } @media (max-width:767px) { .payment-data .payment-alert-error { position: relative; top: 0; left: 0; width: auto } } .payment-data .accordion-inner { padding: 0 } .payment-data .accordion-group { padding: 0; border-width: 1px !important; border-radius: 0 !important; border: #aca9a952 solid; border-width: 1px } .payment-data .notification { padding: 9px } .payment-data .gift-card-section { position: relative; top: -55px; border-radius: 0; width: 404px; border: #aca9a952 solid; border-width: 1px } div.payment-data .gift-card-section { right: -31px } @media (min-width:768px) and (max-width:991px) { .payment-data .gift-card-section { right: -35px; width: auto; margin-right: 33px } } @media (max-width:767px) { .payment-data .gift-card-section { width: auto; top: -21px; left: 0 } } .payment-data .link-gift-card { left: 15px; font-size: 14px; font-weight: bold } .payment-data .box-step-content { margin-top: 20px } .payment-data .payment-group .payment-group-list-btn a { background: transparent !important; padding: 0; font-size: 18px; margin: 0; opacity: 1; padding: 10px 15px; font-weight: bold; border: transparent; margin-left: -1px; width: 200px; border-radius: 0; z-index: 0; padding-left: 5px; } .payment-data .payment-group .payment-group-list-btn a:focus, .payment-data .payment-group .payment-group-list-btn a:active, .payment-data .payment-group .payment-group-list-btn a:hover { text-decoration: none !important } .payment-data .payment-group .payment-group-list-btn a>span { padding: 0 } @media (max-width:767px) { .payment-data .payment-group .payment-group-list-btn a { width: auto; margin-left: 0 } } .payment-data .payment-group .payment-group-item { color: #686868 } .payment-data .payment-group .payment-group-item.active { background: #1d120e !important; color: #FFF; border: #aca9a952 solid; border-width: 1px; padding-left: 5px !important; } .payment-data .steps-view { position: relative; top: -56px; right: -1px; padding-bottom: 20px !important; border-radius: 0; margin-bottom: -57px; border: #aca9a952 solid; border-width: 1px } @media (max-width:767px) { .payment-data .steps-view { top: -6px; right: 0; margin-bottom: -20px } } .qdBoletoAlertPreLoading { position: fixed; bottom: 0; left: -99pc; width: 1px; height: 1px; background: url("//bramamateriais.vteximg.com.br/arquivos/araujo.boleto-info-alert.png") } @media (max-width:510px) { .qdBoletoAlertPreLoading { background: url("//bramamateriais.vteximg.com.br/arquivos/araujo.boleto-info-alert-mobile2.png") } } body.ie8 .qdBoletoAlertPreLoading { background: url("//bramamateriais.vteximg.com.br/arquivos/araujo.boleto-info-alert-mobile2.png") } .mini-cart .cart-fixed { border: #d3d3d3 solid; border-width: 1px; border-radius: 0; height: auto !important; min-height: 0 } .mini-cart .cart-fixed>h2 { text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 11px 15px 0 10px; background: none } .mini-cart .cart-fixed .link-cart { float: none; width: 100%; display: block; background: #FFF; zoom: 1 } .mini-cart .cart-fixed .link-cart:before, .mini-cart .cart-fixed .link-cart:after { content: " "; display: table } .mini-cart .cart-fixed .link-cart:after { clear: both } .mini-cart .cart-fixed .link-cart:before, .mini-cart .cart-fixed .link-cart:after { content: ""; display: table } .mini-cart .cart-fixed .link-cart:after { clear: both } .mini-cart .cart-fixed .link-cart a { float: right; margin: 10px 0 15px; margin-right: 5px } .mini-cart .cart-fixed .summary-cart-template-holder { height: auto !important } .mini-cart .cart-fixed .summary-template-holder { border-top: none; margin-left: -1px; background: none; /*! border:#d3d3d3 solid; */ border-width: 1px } .mini-cart .cart-fixed .summary-template-holder .item { border-bottom: 1px solid #d3d3d3; border-top: none } .mini-cart .cart-fixed .summary-template-holder .info { color: #000; font-weight: bold } .mini-cart .cart-fixed .summary-template-holder tfoot .monetary { font-size: 16px; color: #1d120e } .mini-cart .cart-fixed .table td { text-align: left !important } .mini-cart .table tbody td { font-weight: bold } .mini-cart .monetary { white-space: nowrap } .shipping-options .btn-group.btn-group-vertical { text-shadow: none; color: #262626; box-shadow: none } .shipping-options .btn-group.btn-group-vertical .btn.label-vertical-group { background: #FFF; color: #262626 !important; text-shadow: none; border: #aca9a952 solid; border-width: 1px } .shipping-options .btn-group.btn-group-vertical .btn.label-vertical-group.active { background: #1d120e !important; color: #FFF !important; box-shadow: none } .shipping-options .btn-group.btn-group-vertical .btn.label-vertical-group.active i { color: #FFF !important } .shipping-options .btn-group.btn-group-vertical .btn.label-vertical-group:hover { background: #f7f7f7; color: #939393 } .shipping-options .btn-group.btn-group-vertical .btn.label-vertical-group:hover i { color: #686868 } @media (min-width:768px) and (max-width:991px) { .container { width: 724px } } @media (max-width:767px) { .container { width: auto } } .order-details+hr, .orderplaced-hr-continue { display: none } #orderplaced-top .eBitWrapper { float: left; width: 86px; height: 92px } #orderplaced-top .ebitBannerWrapper { display: block !important; background-color: #aca9a952; border: #aca9a952 solid; border-width: 1px; border-radius: 4px; font-size: 16px } #orderplaced-top .ebitBannerWrapper+.ebitImg { height: 1px; width: 1px; opacity: 0; filter: alpha(opacity=0) } #orderplaced-top .ebitBannerWrapper p { margin-top: 15px } #orderplaced-top .ebitBannerWrapper p.qdEbitLogo { margin-top: 9px; margin-bottom: 9px } #orderplaced-top .ebitBannerWrapper .qdPrizeWrapper { display: none; margin-top: 9px; margin-bottom: 0 } @media (min-width:768px) and (max-width:991px) { #orderplaced-top .ebitBannerWrapper .qdPrizeWrapper { margin-top: 28px } } #orderplaced-top .qdEbitLogo { text-align: right } @media (max-width:767px) { #orderplaced-top .qdEbitLogo { text-align: center } } #orderplaced-top .qdEbitImg { text-align: center } #orderplaced-top .qdQuestionWrapper { padding: 6px; color: #262626; font-weight: bold; text-align: center; font-size: 14px } #orderplaced-top .qdQuestionWrapper .qdEbitImg { display: none } #orderplaced-top .qdResponseWrapper { background: #1d120e; border-radius: 5px; text-align: center; padding: 10px 0; margin: 0; position: relative; top: -2px; font-size: 18px; width: 320px; float: right; margin-right: 10px } #orderplaced-top .qdResponseWrapper * { color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) } @media (max-width:991px) { #orderplaced-top .qdResponseWrapper { width: auto; float: none } } @media (max-width:767px) { #orderplaced-top .qdResponseWrapper { margin-right: 0 } } #orderplaced-top div.ebitBannerWrapper[class*="span"] { min-height: 1px } .myorders-list .ordergroup { margin-top: 0 } .myorders-list .ordergroup .order-header { margin: 0; padding: 0; border: 0 } .myorders-list .ordergroup .order-header .order-title span { font-size: 16px; color: #262626 } .myorders-list .orderid { margin: 0; margin-bottom: 15px } .myorders-list .orderid span { font-size: 14px; color: #000 } .myorders-list .seller-info { margin-bottom: 0 } .myorders-list .seller-info span { font-size: 14px; color: #000; font-weight: normal } .myorders-list .order-info { margin-top: 25px } .myorders-list .order-info .total-info { background: #747474; border-radius: 0; padding: 5px 10px } .myorders-list .order-info .total-info .section-info-title { display: none } .myorders-list .order-info .total-info tbody tr { border-bottom: 1px solid #d3d3d3 } .myorders-list .order-info .total-info tbody tr td { padding: 5px } .myorders-list .order-info .total-info tbody tr td.info { font-weight: bold; text-align: right } .myorders-list .order-info .total-info tbody tr td.monetary { color: #686868; font-weight: bold; text-align: center } .myorders-list .order-info .total-info tbody tr td.monetary a { color: #686868; font-weight: bold } .myorders-list .order-info .total-info tfoot tr .monetary { color: #686868 !important } .myorders-list .order-info .total-info tfoot tr td { padding: 5px } .myorders-list .order-info .total-info tfoot tr td.info { text-align: right } .myorders-list .order-info .total-info tfoot tr td.monetary { font-size: 18px; text-align: center } .myorders-list .order-info .payment-info { text-align: center; background: #747474; border-radius: 0; padding: 5px 10px; padding-bottom: 17px; margin-bottom: 5px } .myorders-list .order-info .payment-info .section-info-title { font-size: 14px; color: #686868; font-weight: bold } .myorders-list .order-info .payment-info .payment-method-info span { color: #686868 } .myorders-list .order-info .payment-info .bank-invoice-print-link { display: block; margin: 20px 69px; box-shadow: none; text-shadow: none; border-radius: 0; padding: 0; outline: none; transition: all .2s ease-out; border: none; color: #FFF; background: #007da5; padding: 6px 0 8px; border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 -3px 0 #005672 inset; display: inline-block; letter-spacing: .6px } .myorders-list .order-info .payment-info .bank-invoice-print-link:hover { text-decoration: none; outline: none } .myorders-list .order-info .payment-info .bank-invoice-print-link:focus, .myorders-list .order-info .payment-info .bank-invoice-print-link:active { text-decoration: none; outline: none; box-shadow: none } .myorders-list .order-info .payment-info .bank-invoice-print-link[disabled] { opacity: .8; filter: alpha(opacity=80) } .myorders-list .order-info .payment-info .bank-invoice-print-link:hover, .myorders-list .order-info .payment-info .bank-invoice-print-link:focus { color: #FFF; background: #00a4d8; text-decoration: none; box-shadow: 0 -3px 0 #007da5 inset; outline: none } .myorders-list .order-info .payment-info .bank-invoice-print-link:active { color: #FFF; background: #006e91; text-decoration: none; box-shadow: 0 2px 0 #004359 inset; outline: none } .myorders-list .order-info .payment-info .bank-invoice-print-link:disabled, .myorders-list .order-info .payment-info .bank-invoice-print-link.disabled { background: #686868; border: #686868 solid; border-width: 1px; color: #FFF; box-shadow: none } .myorders-list .order-info .payment-info .bank-invoice-print-link:before { content: "\f07a"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 14px; margin-right: 15px } .myorders-list .order-info .payment-info .bank-invoice-print-link:after { content: "\f07a"; display: inline-block; font-size: 1em; font-style: normal; font-weight: normal; height: 1em; text-align: center; text-decoration: inherit; text-rendering: optimizelegibility; width: 1em; font-family: 'FontAwesome'; line-height: 1; position: relative; margin-left: 16px; margin-right: 8px } .myorders-list .orderplaced-hr-continue { display: none } .myorders-list #order-continue-shopping { position: relative; top: -8px; color: #FFF } .myorders-list .monetary { white-space: nowrap } .page-header { border-bottom: none; margin-bottom: 10px } /*login*/ @media (min-width:10px) { /*login*/ #vtexIdContainer { position: fixed !important; } #vtexIdUI-auth-selector { display: block !important; } #vtexIdUI-global-loader { background: #0000008a !important; } .vtexIdUI .modal-body, .vtexIdUI, .vtexIdUI .modal-header { background: var(--main-color) !important; border: none !important; box-shadow: none !important; } #vtexIdContainer .btn { border-radius: 0px; box-shadow: none; background: var(--theme-color-1); border: none; height: 50px; display: flex; align-items: center; justify-content: center; } #vtexIdContainer .btn *:not(i) { color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 700; } #vtexIdContainer .btn i { opacity: 0.8; font-size: 25px; position: static; margin-right: 15px; display: none; } .vtexIdUI .modal-header .close { background: var(--main-color) !important; font-size: 25px !important; width: 34px; font-weight: 300 !important; height: 30px !important; border: none !important; box-shadow: none !important; } #vtexIdContainer .modal-header span { font-size: 0; } #vtexIdContainer input { height: 50px; border: 0; padding: 0px 15px; } #vtexIdContainer .modal-header span::before { background: url(/arquivos/logo.png) no-repeat; content: ""; width: 150px; background-size: contain; background-position: center center; height: 150px; margin: 0 auto; display: block; } #vtexIdContainer .modal-footer { background: white !important; } .vtexIdUI a { color: var(--theme-color-1) !important; text-transform: uppercase !important; font-weight: 600 !important; cursor: pointer; font-size: 16px !important; display: flex !important; align-items: center !important; } .vtexIdUI a i { margin-right: 10px; } .vtexIdUI .modal-body { margin-bottom: 20px; } #vtexIdContainer .modal-body a { color: #fff !important; } #vtexIdContainer .modal-body a { color: #fff !important; font-size: 13px !important; margin-bottom: 20px; font-weight: 300 !important; /* float: unset; */ } .vtexIdUI form { margin: 0; background: var(--main-color); } #vtexIdContainer .control-label * { font-weight: 600; color: #fff; text-transform: uppercase; } /** tratamento tela de esqueci minha senha */ .vtexIdUI-header.row-fluid { display: none; } .vtexid-password-requirements-description { width: 100%; display: block; text-align: center; } .vtexIdUI .muted { color: white !important; margin-bottom: 7px; } .vtexid-password-requirements { color: white !important; } .vtexid-password-requirements-list { width: 100%; display: flex; flex-direction: column; align-items: center; } .vtexIdUI { max-height: 654.5px; } .vtexid-password-requirements-list { margin-left: 0 !important; } } /*custom login*/ @media (min-width:10px) { #vtexIdUI-change-pswd>form:nth-child(2)>div:nth-child(1)>div:nth-child(4) { font-size: 11px; } #vtexIdContainer .modal-header span::before { /* height: 150px; */ height: 100px; } .vtexIdUI .modal-body { /* margin-bottom: 20px; */ margin-bottom: 0px; } #vtexIdContainer input { /* height: 50px; */ height: 41px; } #vtexIdContainer .btn { /* height: 50px; */ height: 42px; font-size: 14px; } .vtexIdUI a { /* font-size: 16px !important; */ font-size: 14px !important; } .vtexIdUI { /* top: 15%; */ top: 8%; max-height: 590px; } .vtexIdUI button, .vtexIdUI input, .vtexIdUI label { /* font-size: 14px; */ font-size: 13px; } .vtexIdUI .vtexIdUI-classic-login-control input, .vtexIdUI .vtexIdUI-change-pswd input, .vtexIdUI .vtexIdUI-change-exp-pswd input { /* font-size: 16px; */ font-size: 14px; } /* vtexid.css | https://io.vtex.com.br/vtex-id-ui/3.22.2/style/vtexid.css */ .vtexIdUI .modal-header { /* padding: 9px 15px; */ padding: 0px !important; } .vtexIdUI h4 { max-height: 85px; } /* vtexid.css | https://io.vtex.com.br/vtex-id-ui/3.22.2/style/vtexid.css */ #vtexIdContainer { padding: 5px !important; box-sizing: border-box !important; } #vtexIdContainer .btn { max-width: 95%; margin: auto; } } @media (max-height:630px) { .vtexIdUI { max-height: 90vh !important; overflow-y: auto !important; } /* vtexid.css | https://io.vtex.com.br/vtex-id-ui/3.22.2/style/vtexid.css */ .vtexIdUI { /* top: 15%; */ top: 1% !important; } } /*custom*/ @media (min-width:10px) { * { box-shadow: none !important; text-shadow: none !important; } .vtex-omnishipping-1-x-deliveryChannelsToggle { border: solid 0px red !important; background: var(--main-color) !important; } .btn-success, .btn-success:hover { /* background-color: #5bb75b; */ /* background-image: linear-gradient(to bottom,#62c462,#51a351); */ background: var(--main-color); background-color: var(--main-color) !important; background-image: unset !important; border: 0px !important; transition: all .3s; } .btn-success:hover { opacity: .8; } /* checkout6-custom.css | https://tezbgl.myvtex.com/files/checkout6-custom.css?v=8eaf4e91 */ .table .item-link-remove i::before { /* content: "\f057"; */ /* font-size: 18px; */ color: var(--main-color); } /* font-awesome.min.css | https://io.vtex.com.br/front-libs/font-awesome/3.2.1/css/font-awesome.min.css */ .icon-plus-sign::before { color: var(--main-color); } a [class^="icon-"], a [class*=" icon-"] { color: var(--main-color); } .client-profile-data .step.active, .client-profile-data .cart.active, .client-profile-data .totalizers.active { /* border-color: #aca9a952; */ border-color: transparent !important; } .container-footer .max-container { margin: auto; } /* checkout6-custom.css | https://tezbgl.myvtex.com/files/checkout6-custom.css?v=8eaf4e91 */ .client-profile-data .step { padding: 5px; box-sizing: border-box; } .shipping-data .step { padding: 5px; box-sizing: border-box; } .payment-data .accordion-group { padding: 5px; box-sizing: border-box; } /* Element | https://tezbgl.myvtex.com/checkout/#/shipping */ .cart-fixed { padding: 5px; box-sizing: border-box; } /* Element | https://tezbgl.myvtex.com/checkout/#/shipping */ .cart-fixed { margin-bottom: 71px; } /* Element | https://tezbgl.myvtex.com/checkout/#/shipping */ #edit-address-button { color: #807e7e !important; } /* Element | https://tezbgl.myvtex.com/checkout/#/shipping */ #new-address-button { color: #807e7e !important; } /* Element | https://tezbgl.myvtex.com/checkout/#/shipping */ #back-to-address-list { color: #807e7e !important; } li { list-style: none !important; } } /* Element | https://tezbgl.myvtex.com/checkout/#/cart */ .vtex-shipping-preview-0-x-frame { background: var(--main-color); z-index: -1; border: 0px !important; ; } /* Element | https://tezbgl.myvtex.com/checkout/#/cart */ .srp-toggle .blue { color: white !important; ; } .ChangeNumberOfPayments { display: none !important; } footer a:hover { color: var(--footer-color); } .btn { background-image: none !important; border: 0px !important; } .add-item-attachment-container .btn { background-color: var(--main-color) !important; } footer [class^="icon-"], footer [class*=" icon-"] { width: unset; height: unset; background-image: unset; } @media (max-width: 767px) { .full-cart .cart table tr td.quantity input { /* width: 45px; */ width: 30px; } } body.body-cart .totalizers tfoot tr .monetary { padding-top: 5px; } /* Inline #9 | https://agenciavinci.vtexcommercestable.com.br/checkout/#/cart */ @media (max-width: 767px) { a.link-choose-more-products { /* width: 100%; */ width: unset; } } #checkout-confirmation-footer, #checkout-confirmation-header { padding-left: 0px !important; padding-right: 0px !important; } .modal-body p:first-of-type { font-size: 19px; font-weight: bold; } .modal-body, .modal-body button { font-size: 13px; } @media (max-width: 767px) { .payment-submit-wrap .submit, .payment-submit-hide .submit, .btn-submit-wrapper .submit { font-size: 11px !important; } .identified-user-hello, .payment-confirmation-thanks, .guest-login-title { font-size: 13px !important; } /* Element | https://tb2404.myvtex.com/checkout/orderPlaced/?og=1136391152422 */ #app-top .f2 { font-size: 26px !important; } } .totalizers-list .srp-summary-result { display: table-row !important } .srp-result .srp-unavailable { font-size: 12px; }