/* b5bc2bccfac */ @charset "UTF-8";@font-face { font-family: Montserrat; font-style: italic; font-weight: 300; src: local(Georgia),local("Times New Roman"),local(Times) } @font-face { font-family: Montserrat; font-style: italic; font-weight: 400; src: local(Georgia),local("Times New Roman"),local(Times) } @font-face { font-family: Montserrat; font-style: italic; font-weight: 700; src: local(Georgia),local("Times New Roman"),local(Times) } @font-face { font-family: Montserrat; font-style: normal; font-weight: 300; src: local(Georgia),local("Times New Roman"),local(Times) } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; src: local(Georgia),local("Times New Roman"),local(Times) } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; src: local(Georgia),local("Times New Roman"),local(Times) } @-webkit-keyframes swal2-show { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes swal2-show { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .875em; width: 1.5625em } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .875em; width: 1.5625em } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } @keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(.4); transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; -webkit-transform: scale(.4); transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15) } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(.4); transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; -webkit-transform: scale(.4); transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15) } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } @keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } body.swal2-toast-shown .swal2-container { position: fixed; background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto } body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0 } body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0 } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: .625em; box-shadow: 0 0 .625em #d9d9d9; overflow-y: hidden } .swal2-popup.swal2-toast .swal2-header { flex-direction: row } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 .6em; font-size: 1em } .swal2-popup.swal2-toast .swal2-footer { margin: .5em 0 0; padding: .5em 0 0; font-size: .8em } .swal2-popup.swal2-toast .swal2-close { position: initial; width: .8em; height: .8em; line-height: .8 } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0 } .swal2-popup.swal2-toast .swal2-icon-text { font-size: 2em; font-weight: 700; line-height: 1em } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: .875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: .3125em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: .3125em } .swal2-popup.swal2-toast .swal2-actions { height: auto; margin: 0 .3125em } .swal2-popup.swal2-toast .swal2-styled { margin: 0 .3125em; padding: .3125em .625em; font-size: 1em } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4) } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86 } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 2em; height: 2.8125em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50% } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -.25em; left: -.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 2em 2em; transform-origin: 2em 2em; border-radius: 4em 0 0 4em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -.25em; left: .9375em; -webkit-transform-origin: 0 2em; transform-origin: 0 2em; border-radius: 0 4em 4em 0 } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: .3125em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: .1875em; width: .75em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: .9375em; right: .1875em; width: 1.375em } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: showSweetToast .5s; animation: showSweetToast .5s } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hideSweetToast .2s forwards; animation: hideSweetToast .2s forwards } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: animate-toast-success-tip .75s; animation: animate-toast-success-tip .75s } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: animate-toast-success-long .75s; animation: animate-toast-success-long .75s } @-webkit-keyframes showSweetToast { 0% { -webkit-transform: translateY(-.625em) rotateZ(2deg); transform: translateY(-.625em) rotateZ(2deg); opacity: 0 } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: .5 } 66% { -webkit-transform: translateY(.3125em) rotateZ(2deg); transform: translateY(.3125em) rotateZ(2deg); opacity: .7 } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1 } } @keyframes showSweetToast { 0% { -webkit-transform: translateY(-.625em) rotateZ(2deg); transform: translateY(-.625em) rotateZ(2deg); opacity: 0 } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: .5 } 66% { -webkit-transform: translateY(.3125em) rotateZ(2deg); transform: translateY(.3125em) rotateZ(2deg); opacity: .7 } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1 } } @-webkit-keyframes hideSweetToast { 0% { opacity: 1 } 33% { opacity: .5 } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0 } } @keyframes hideSweetToast { 0% { opacity: 1 } 33% { opacity: .5 } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0 } } @-webkit-keyframes animate-toast-success-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @keyframes animate-toast-success-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @-webkit-keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em } } @keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden } body.swal2-height-auto { height: auto!important } body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; background-color: transparent } body.swal2-no-backdrop .swal2-shown>.swal2-modal { box-shadow: 0 0 10px rgba(0,0,0,.4) } body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0 } body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0 } body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0 } body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0 } .swal2-container { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 10px; background-color: transparent; z-index: 1060; overflow-x: hidden; -webkit-overflow-scrolling: touch } .swal2-container.swal2-top { align-items: flex-start } .swal2-container.swal2-top-left,.swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start } .swal2-container.swal2-top-end,.swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end } .swal2-container.swal2-center { align-items: center } .swal2-container.swal2-center-left,.swal2-container.swal2-center-start { align-items: center; justify-content: flex-start } .swal2-container.swal2-center-end,.swal2-container.swal2-center-right { align-items: center; justify-content: flex-end } .swal2-container.swal2-bottom { align-items: flex-end } .swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start } .swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end } .swal2-container.swal2-grow-fullscreen>.swal2-modal { display: flex!important; flex: 1; align-self: stretch; justify-content: center } .swal2-container.swal2-grow-row>.swal2-modal { display: flex!important; flex: 1; align-content: center; justify-content: center } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column } .swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top { align-items: center } .swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start } .swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end } .swal2-container.swal2-grow-column>.swal2-modal { display: flex!important; flex: 1; align-content: center; justify-content: center } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal { margin: auto } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-container .swal2-modal { margin: 0!important } } .swal2-container.swal2-fade { transition: background-color .1s } .swal2-container.swal2-shown { background-color: rgba(0,0,0,.4) } .swal2-popup { display: none; position: relative; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border-radius: .3125em; background: #fff; font-family: inherit; font-size: 1rem; box-sizing: border-box } .swal2-popup:focus { outline: 0 } .swal2-popup.swal2-loading { overflow-y: hidden } .swal2-popup .swal2-header { display: flex; flex-direction: column; align-items: center } .swal2-popup .swal2-title { display: block; position: relative; max-width: 100%; margin: 0 0 .4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word } .swal2-popup .swal2-actions { flex-wrap: wrap; align-items: center; justify-content: center; margin: 1.25em auto 0; z-index: 1 } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4 } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)) } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)) } .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent!important; color: transparent; cursor: default; box-sizing: border-box; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px } .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { display: inline-block; width: 15px; height: 15px; margin-left: 5px; border: 3px solid #999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; content: ''; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal } .swal2-popup .swal2-styled { margin: .3125em; padding: .625em 2em; font-weight: 500; box-shadow: none } .swal2-popup .swal2-styled:not([disabled]) { cursor: pointer } .swal2-popup .swal2-styled.swal2-confirm { border: 0; border-radius: .25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em } .swal2-popup .swal2-styled.swal2-cancel { border: 0; border-radius: .25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em } .swal2-popup .swal2-styled:focus { outline: 0; box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4) } .swal2-popup .swal2-styled::-moz-focus-inner { border: 0 } .swal2-popup .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em } .swal2-popup .swal2-image { max-width: 100%; margin: 1.25em auto } .swal2-popup .swal2-close { position: absolute; top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; transition: color .1s ease-out; border: none; border-radius: 0; background: 0 0; color: #ccc; font-family: Montserrat; font-size: 2.5em; line-height: 1.2; cursor: pointer; overflow: hidden } .swal2-popup .swal2-close:hover { -webkit-transform: none; transform: none; color: #f27474 } .swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea { display: none } .swal2-popup .swal2-content { justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 300; line-height: normal; z-index: 1; word-wrap: break-word } .swal2-popup #swal2-content { text-align: center } .swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea { margin: 1em auto } .swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea { width: 100%; transition: border-color .3s,box-shadow .3s; border: 1px solid #d9d9d9; border-radius: .1875em; font-size: 1.125em; box-shadow: inset 0 1px 1px rgba(0,0,0,.06); box-sizing: border-box } .swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror { border-color: #f27474!important; box-shadow: 0 0 2px #f27474!important } .swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: 0 0 3px #c4e6f5 } .swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder { color: #ccc } .swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder { color: #ccc } .swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder { color: #ccc } .swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder { color: #ccc } .swal2-popup .swal2-range input { width: 80% } .swal2-popup .swal2-range output { width: 20%; font-weight: 600; text-align: center } .swal2-popup .swal2-range input,.swal2-popup .swal2-range output { height: 2.625em; margin: 1em auto; padding: 0; font-size: 1.125em; line-height: 2.625em } .swal2-popup .swal2-input { height: 2.625em; padding: 0 .75em } .swal2-popup .swal2-input[type=number] { max-width: 10em } .swal2-popup .swal2-file { font-size: 1.125em } .swal2-popup .swal2-textarea { height: 6.75em; padding: .75em } .swal2-popup .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; color: #545454; font-size: 1.125em } .swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio { align-items: center; justify-content: center } .swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label { margin: 0 .6em; font-size: 1.125em } .swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input { margin: 0 .4em } .swal2-popup .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: .625em; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300; overflow: hidden } .swal2-popup .swal2-validation-message::before { display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; content: '!'; zoom:normal} @supports (-ms-accelerator:true) { .swal2-range input { width: 100%!important } .swal2-range output { display: none } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-range input { width: 100%!important } .swal2-range output { display: none } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50,100,150,.4) } } .swal2-icon { position: relative; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; line-height: 5em; cursor: default; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom:normal} .swal2-icon-text { font-size: 3.75em } .swal2-icon.swal2-error { border-color: #f27474 } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1 } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #f27474 } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86 } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd } .swal2-icon.swal2-success { border-color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50% } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -.4375em; left: -2.0635em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 3.75em 3.75em; transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -.6875em; left: 1.875em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 3.75em; transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0 } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; top: -.25em; left: -.25em; width: 100%; height: 100%; border: .25em solid rgba(165,220,134,.3); border-radius: 50%; z-index: 2; box-sizing: content-box } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1 } .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; height: .3125em; border-radius: .125em; background-color: #a5dc86; z-index: 2 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: .875em; width: 1.5625em; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: .5em; width: 2.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-progresssteps { align-items: center; margin: 0 0 1.25em; padding: 0; font-weight: 600 } .swal2-progresssteps li { display: inline-block; position: relative } .swal2-progresssteps .swal2-progresscircle { width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; z-index: 20 } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0 } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle { background: #add8e6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline { background: #add8e6 } .swal2-progresssteps .swal2-progressline { width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6; z-index: 10 } [class^=swal2] { -webkit-tap-highlight-color: transparent } .swal2-show { -webkit-animation: swal2-show .3s; animation: swal2-show .3s } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-hide { -webkit-animation: swal2-hide .15s forwards; animation: swal2-hide .15s forwards } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-rtl .swal2-close { right: auto; left: 0 } .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip .75s; animation: swal2-animate-success-line-tip .75s } .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long .75s; animation: swal2-animate-success-line-long .75s } .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in } .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon .5s; animation: swal2-animate-error-icon .5s } .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark .5s; animation: swal2-animate-error-x-mark .5s } @-webkit-keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll!important } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] { display: none } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: initial!important } } @font-face { font-family: Lato; font-style: italic; font-weight: 100; src: local("Lato Hairline Italic"),local(Lato-HairlineItalic),url(../../../fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCY.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-oPCQ.woff) format("woff") } @font-face { font-family: Lato; font-style: italic; font-weight: 300; src: local("Lato Light Italic"),local(Lato-LightItalic),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwfp.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwfr.woff) format("woff") } @font-face { font-family: Lato; font-style: italic; font-weight: 400; src: local("Lato Italic"),local(Lato-Italic),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-u.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-s.woff) format("woff") } @font-face { font-family: Lato; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"),local(Lato-BoldItalic),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwfp.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwfr.woff) format("woff") } @font-face { font-family: Lato; font-style: italic; font-weight: 900; src: local("Lato #000 Italic"),local(Lato-BlackItalic),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwfp.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI3wi_Gwfr.woff) format("woff") } @font-face { font-family: Lato; font-style: normal; font-weight: 100; src: local("Lato Hairline"),local(Lato-Hairline),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-u.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-q.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-s.woff) format("woff") } @font-face { font-family: Lato; font-style: normal; font-weight: 300; src: local("Lato Light"),local(Lato-Light),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHQ.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff) format("woff") } @font-face { font-family: Lato; font-style: normal; font-weight: 400; src: local("Lato Regular"),local(Lato-Regular),url(../../../fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWg.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff) format("woff") } @font-face { font-family: Lato; font-style: normal; font-weight: 700; src: local("Lato Bold"),local(Lato-Bold),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHQ.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff) format("woff") } @font-face { font-family: Lato; font-style: normal; font-weight: 900; src: local("Lato Black"),local(Lato-Black),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHQ.eot#) format("eot"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2"),url(../../../fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHw.woff) format("woff") } body { font-family: Lato; background: #fff; } #corpo { margin-bottom: 0; } #corpo .conteudo>.row-fluid { margin: 0; } #corpo .conteudo>.row-fluid .modulo.span4 { margin-left: 2%; width: 32%; } @media screen and (max-width: 768px) { #corpo .conteudo>.row-fluid .modulo.span4 { margin-left: 0%; } } #corpo .conteudo>.row-fluid [class*="span"]:first-child { margin-left: 0 !important; } .caixa-sombreada,.conteiner-principal .conteiner { -webkit-box-shadow: none; box-shadow: none } .conteiner,.tema-pequeno .conteiner { max-width: 1274px; width: auto; } .titulo { font-family: Lato; } .cabecalho-interno .titulo { color: #000; font-weight: 400; font-size: 22px; text-transform: none } .cabecalho-interno .titulo small { color: #000; font-size: 14px; font-weight: 400 } .conteudo h1 { color: #000; font-weight: 400; font-size: 20px; text-transform: lowercase; } .acoes-produto-responsiva .tag-comprar,.botao.principal.botao-comprar,.botao.principal.grande { background: #000 } .botao { border-radius: 5px; background: 0 0; border: none; font-size: 13px; font-weight: 400; text-transform: lowercase; color: #ffffff; background: #000000; } .botao:hover { opacity: .8; color: #fff; background-image: none; background: #000000; } .atributos ul li a:hover,.atributos ul li.active a,.borda-principal,.elastislide-carousel ul li.active a,.tema-scuro .nav-tabs li.active a { border-color: #000 } .botao.principal,.botao.principal:hover,.dropdown-menu>li>a:hover,.filtro.lista ul li label:hover,.filtro.lista ul li.active label,.flex-control-paging li a.flex-active,.fundo-principal,.menu li:hover>a .fundo-secundario,.menu-simples li a:hover,.menu-simples li.active a { background: 0 0; color: #bcbcbc; text-shadow: none; /* margin-bottom: 7px; */ } .cadastro-logar .botao.principal { text-transform: lowercase; background: #000000; color: white; border: none; height: 30px; } .atributo-comum .active a span,.atributo-comum a:hover span,.cor-principal,.menu a:hover,a,a:focus,a:hover { color: #000 } .fundo-secundario,.fundo-secundario *,.fundo-secundario :hover,.fundo-secundario.botao:hover,.fundo-secundario:hover { color: #fff } .form-horizontal input,.form-horizontal select { border-radius: 5px } body.tema-escuro { color: inherit } .tema-escuro .conteiner,.tema-escuro .modal { background-color: inherit } .tema-escuro .modal-footer { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border-top-color: #000 } .tema-escuro .carrinho { background: inherit } .tema-escuro .atributos ul li a,.tema-escuro .carrinho-interno,.tema-escuro .direitos-reservados,.tema-escuro .menu .nivel-dois,.tema-escuro .menu .nivel-tres,.tema-escuro .menu.lateral .nivel-um>li>a,.tema-escuro .sugestoes { background-color: #000 } .tema-escuro .parcelas-produto .nav-tabs li a { background-color: inherit; -webkit-box-shadow: none; box-shadow: none } .tema-escuro .atributo-comum a span,.tema-escuro .cor-secundaria { color: inherit } .tema-escuro .menu.superior .nivel-um>li { border-left: 0 } .tema-escuro .menu .nivel-dois a { color: inherit } .tema-escuro .cep .add-on i,.tema-escuro .pagamento-selos .titulo { color: inherit } .tema-escuro .abas-conta li.active a,.tema-escuro .listagem-item .acoes-produto { background-color: inherit } .tema-escuro .caixa-dados ul { border-color: inherit } .tema-escuro #barraTopo { background-color: inherit } .tema-escuro .sem-banner .caixa-vazia { background-color: inherit } .tema-escuro .alert-message { color: inherit } .tema-escuro #rodape .span9.span12 p { color: inherit } .tema-escuro td,.tema-escuro th,.tema-escuro tr { border-color: inherit } .tema-transparente .conteiner { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .secao-principal.row-fluid.sem-coluna, .secao-secundaria { margin-bottom: 0 !important; } #testimonials .conteiner { padding-top: 0; } .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th { background-color: inherit } .tema-transparente .identificacao .identificacao-inner { background: inherit } .cadastro input[type=password],.cadastro input[type=text],.cadastro select { border-radius: 5px; border: solid 1px #ccc } .cadastro legend { border-color: #000; border-width: 3px; color: #000; font-weight: 600; font-size: 20px } .cadastro label { color: #000; font-weight: 600 } .cadastro .caixa-sombreada.borda-principal { background: #fff } .cadastro .caixa-sombreada { -webkit-box-shadow: none; box-shadow: none; border: solid 1px #ccc } .cadastro .recuperar-senha { color: #000; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .cadastro .recuperar-senha i { color: #000 } .cadastro .recuperar-senha:hover { color: #000; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .pagina-conta .conta-menu,.pagina-favorito-listar .conta-menu,.pagina-pedido-listar .conta-menu { border: solid 1px #d8d9da } .pagina-conta .conta-menu .nome-usuario,.pagina-favorito-listar .conta-menu .nome-usuario,.pagina-pedido-listar .conta-menu .nome-usuario { font-size: 18px; color: #000; font-weight: 600; border-bottom: solid 3px #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pagina-conta .conta-menu .nome-usuario i,.pagina-favorito-listar .conta-menu .nome-usuario i,.pagina-pedido-listar .conta-menu .nome-usuario i { color: #000 } .pagina-conta .conta-menu .menu-simples li,.pagina-favorito-listar .conta-menu .menu-simples li,.pagina-pedido-listar .conta-menu .menu-simples li { border: none } .pagina-conta .conta-menu .menu-simples li a,.pagina-favorito-listar .conta-menu .menu-simples li a,.pagina-pedido-listar .conta-menu .menu-simples li a { color: #9f9f9f; font-size: 14px; font-weight: 500; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .pagina-conta .conta-menu .menu-simples li a i,.pagina-favorito-listar .conta-menu .menu-simples li a i,.pagina-pedido-listar .conta-menu .menu-simples li a i { color: #000 } .pagina-conta .conta-menu .menu-simples li a i.icon-star:before,.pagina-favorito-listar .conta-menu .menu-simples li a i.icon-star:before,.pagina-pedido-listar .conta-menu .menu-simples li a i.icon-star:before { content: "\f004" } .pagina-conta .conta-menu .menu-simples li a:hover,.pagina-favorito-listar .conta-menu .menu-simples li a:hover,.pagina-pedido-listar .conta-menu .menu-simples li a:hover { background: 0 0; color: #000 } .pagina-conta .cadastro [class*=" icon-"],.pagina-conta .cadastro [class^=icon-],.pagina-conta .conteudo [class*=" icon-"],.pagina-conta .conteudo [class^=icon-],.pagina-favorito-listar .cadastro [class*=" icon-"],.pagina-favorito-listar .cadastro [class^=icon-],.pagina-favorito-listar .conteudo [class*=" icon-"],.pagina-favorito-listar .conteudo [class^=icon-],.pagina-pedido-listar .cadastro [class*=" icon-"],.pagina-pedido-listar .cadastro [class^=icon-],.pagina-pedido-listar .conteudo [class*=" icon-"],.pagina-pedido-listar .conteudo [class^=icon-] { color: #000 } .pagina-conta .cadastro .abas-conta li a,.pagina-conta .conteudo .abas-conta li a,.pagina-favorito-listar .cadastro .abas-conta li a,.pagina-favorito-listar .conteudo .abas-conta li a,.pagina-pedido-listar .cadastro .abas-conta li a,.pagina-pedido-listar .conteudo .abas-conta li a { -webkit-box-shadow: none; box-shadow: none; border-color: #d8d9da; border-radius: 5px; color: #000; font-size: 18px; font-weight: 600 } .pagina-conta .cadastro .abas-conta li a i,.pagina-conta .conteudo .abas-conta li a i,.pagina-favorito-listar .cadastro .abas-conta li a i,.pagina-favorito-listar .conteudo .abas-conta li a i,.pagina-pedido-listar .cadastro .abas-conta li a i,.pagina-pedido-listar .conteudo .abas-conta li a i { width: 40px; font-size: 2rem; vertical-align: middle } .pagina-conta .cadastro .abas-conta li a i.icon-star:before,.pagina-conta .conteudo .abas-conta li a i.icon-star:before,.pagina-favorito-listar .cadastro .abas-conta li a i.icon-star:before,.pagina-favorito-listar .conteudo .abas-conta li a i.icon-star:before,.pagina-pedido-listar .cadastro .abas-conta li a i.icon-star:before,.pagina-pedido-listar .conteudo .abas-conta li a i.icon-star:before { content: "\f004" } .pagina-conta .cadastro .abas-conteudo,.pagina-conta .conteudo .abas-conteudo,.pagina-favorito-listar .cadastro .abas-conteudo,.pagina-favorito-listar .conteudo .abas-conteudo,.pagina-pedido-listar .cadastro .abas-conteudo,.pagina-pedido-listar .conteudo .abas-conteudo { -webkit-box-shadow: none; box-shadow: none; border: solid 1px #d8d9da } .pagina-conta .cadastro .abas-conteudo .caixa-dados,.pagina-conta .conteudo .abas-conteudo .caixa-dados,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados { border: solid 1px #d8d9da } .pagina-conta .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-conta .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .caixa-info { -webkit-box-shadow: none; box-shadow: none; border: solid 1px #d8d9da } .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno { background: #e3e3e3; color: #000 } .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i { color: #000 } .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal { background: #55af59; color: #fff } .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i { color: #fff } .pagina-conta .cadastro h3.titulo,.pagina-conta .conteudo h3.titulo,.pagina-favorito-listar .cadastro h3.titulo,.pagina-favorito-listar .conteudo h3.titulo,.pagina-pedido-listar .cadastro h3.titulo,.pagina-pedido-listar .conteudo h3.titulo { font-size: 22px; font-weight: 600; color: #000; border: none } .pagina-conta .cadastro h3.titulo small,.pagina-conta .conteudo h3.titulo small,.pagina-favorito-listar .cadastro h3.titulo small,.pagina-favorito-listar .conteudo h3.titulo small,.pagina-pedido-listar .cadastro h3.titulo small,.pagina-pedido-listar .conteudo h3.titulo small { color: #959595; font-weight: 500; font-size: 14px } .pagina-conta .cadastro .botao,.pagina-conta .conteudo .botao,.pagina-favorito-listar .cadastro .botao,.pagina-favorito-listar .conteudo .botao,.pagina-pedido-listar .cadastro .botao,.pagina-pedido-listar .conteudo .botao { border: 0 } .pagina-conta .cadastro .botao i,.pagina-conta .conteudo .botao i,.pagina-favorito-listar .cadastro .botao i,.pagina-favorito-listar .conteudo .botao i,.pagina-pedido-listar .cadastro .botao i,.pagina-pedido-listar .conteudo .botao i { color: #fff } #barraTopo { visibility: hidden; display: none; opacity: 0 } .barra-inicial { display: none; } .barra-inicial .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: solid 1px rgba(0,0,0,.2); padding: 5px 0 } .barra-inicial ul { overflow: visible; float: none } .barra-inicial .lista-redes { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: auto; float: none; width: auto } @media only screen and (max-width: 1320px) { .barra-inicial .lista-redes { -webkit-box-flex:1; -ms-flex: auto; flex: auto } } .barra-inicial .canais-contato { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; margin: 0 } .barra-inicial .canais-contato ul li { margin: 0; padding: 0; border: 0 } .barra-inicial .canais-contato ul li a,.barra-inicial .canais-contato ul li span { color: #363636; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .barra-inicial .canais-contato ul li a i,.barra-inicial .canais-contato ul li span i { display: none } .barra-inicial .canais-contato ul li a:hover,.barra-inicial .canais-contato ul li span:hover { color: #000 } .barra-inicial .canais-contato ul li:first-child { display: none } .barra-inicial .canais-contato ul li:after { content: '\f111'; font-family: FontAwesome; vertical-align: middle; font-size: .5em; color: #000000; padding: 0 10px; } .barra-inicial .canais-contato ul li:last-child:after { display: none } @media only screen and (max-width: 1320px) { .barra-inicial .canais-contato { display:none } } .barra-inicial .top-actions { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .barra-inicial .top-actions .top-action-item { padding: 0 10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .barra-inicial .top-actions .top-action-item a { color: #363636; font-size: 13px; font-weight: 700; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .barra-inicial .top-actions .top-action-item a .icon { width: 12px; fill: #000000; vertical-align: middle; margin-right: 5px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .barra-inicial .top-actions .top-action-item a:hover { color: #000 } .barra-inicial .top-actions .top-action-item a:hover .icon { fill: #000 } .barra-inicial .top-actions .top-action-item.rastreio:hover a { color: #000 } .barra-inicial .top-actions .top-action-item.rastreio:hover a .icon { fill: #000 } .barra-inicial .top-actions .top-action-item.rastreio:hover:after { color: #000 } .barra-inicial .top-actions .top-action-item.rastreio:after { content: '\f0d7'; font-family: FontAwesome; margin-left: 5px; vertical-align: middle; color: #000000; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .tracking { position: relative; border-top: 1px solid #cacaca; margin-top: 10px; } .tracking .form-tracking { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; margin-bottom: 0 } .tracking .form-tracking .wrapp { position: relative; margin: 10px 0 } .tracking .form-tracking span { color: #555; font-size: 15px; font-weight: bold; display: block; text-transform: lowercase; margin: 10px 0; text-align: left; line-height: 20px; } .tracking .form-tracking span .icon { width: 10px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; fill: #000 } .tracking .form-tracking input { width: 100%; padding: 0 10px; height: 48px; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; border-radius: 5px; margin-bottom: 0; color: #9b9b9b; font-weight: 400; font-size: 13px; text-transform: lowercase; outline: 0; border: solid 1px #d1d1d1; outline: 0; } .tracking .form-tracking input::-webkit-input-placeholder { color: #9b9b9b; font-size: 13px; font-weight: 400 } .tracking .form-tracking input:-moz-placeholder { color: #9b9b9b; font-size: 13px; font-weight: 400 } .tracking .form-tracking input::-moz-placeholder { color: #9b9b9b; font-size: 13px; font-weight: 400 } .tracking .form-tracking input:-ms-input-placeholder { color: #9b9b9b; font-size: 13px; font-weight: 400 } .tracking .form-tracking input:focus { border-color: #000; outline: 0; box-shadow: none } .tracking .form-tracking button { position: absolute; right: 10px; height: 48px; line-height: 48px; padding: 0; background: 0 0; color: #000; -webkit-box-shadow: none; box-shadow: none; border: none } .tracking .form-tracking button .icon { width: 15px; height: 15px; fill: #000; vertical-align: middle } #cabecalho .conteiner { background: 0 0; height: auto; } @media screen and (max-width: 767px) { #cabecalho .conteiner>.row-fluid>.span2 { max-width: 40%; position: relative; top: -68px; z-index: 99; left: -140px; width: 38%; } #cabecalho > div.conteiner { height: 0; padding: 0px; } #cabecalho .conteiner>.row-fluid>.span3 .logo { margin: 0 } #cabecalho .conteiner .conteudo-topo.span9 { width: 100%; margin: 0; } .banner.cheio h3.title-banner { bottom: 40%; } .banner.cheio p.info-banner.titulo { font-size: 3vw; bottom: 0%; } } @media only screen and (min-width: 992px) { #cabecalho .conteiner .conteudo-topo.span9 { width: 80%; margin: 0; } } #cabecalho.fixed .conteudo-topo .inferior .span4.hidden-phone { width: 49%; margin: 0; } #cabecalho.fixed .conteudo-topo .busca-mobile.fixed { width: 50%; flex: none; } #cabecalho.fixed form#form-buscar { margin: 0 10px; } #cabecalho .bem-vindo .superior,#cabecalho .conteudo-topo .superior { display: none } #cabecalho .bem-vindo .inferior .busca-mobile,#cabecalho .conteudo-topo .inferior .busca-mobile { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #cabecalho .bem-vindo .inferior .span4, #cabecalho .conteudo-topo .inferior .span4.hidden-phone { min-width: 220px; width: 45%; } #cabecalho .row-fluid .span2 { width: 13.529915%; margin-right: 10px; } #cabecalho.fixed .row-fluid .span2 { margin: 0; } #cabecalho .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } #cabecalho .row-fluid .conteudo-topo.span10 { margin-top: 0; } #cabecalho.fixed .logo.cor-secundaria:after { content: ""; border-left: 20px solid; display: block; position: fixed; left: 0; top: 0%; width: 40px; height: 79px; border-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(206, 206, 206, 0)) 1 100%; } #cabecalho .logo a { max-height: 55px } #cabecalho.fixed .logo.cor-secundaria:after { content: ""; border-left: 20px solid; display: block; position: fixed; left: 0; display: none; top: 0%; width: 40px; height: 79px; border-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(206, 206, 206, 0)) 1 100%; } @media screen and (max-width: 1400px) { #cabecalho.fixed .logo.cor-secundaria:after { content: ""; left: 18%; } } @media screen and (max-width: 1300px) { #cabecalho.fixed .logo.cor-secundaria:after { content: ""; left: 17%; } } #cabecalho .busca { background: 0 0; border: none; padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #cabecalho .busca input,#cabecalho .busca input:focus { background: #f2f2f2; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 5px; padding: 0 16px; color: #000000; border: solid 1px transparent; font-size: 15px; font-weight: 400; outline: 0; box-shadow: none; } #cabecalho .busca input::-webkit-input-placeholder,#cabecalho .busca input:focus::-webkit-input-placeholder { color: #000000; font-size: 15px; font-weight: 400 } #cabecalho .busca input:-moz-placeholder,#cabecalho .busca input:focus:-moz-placeholder { color: #000000; font-size: 15px; font-weight: 400 } #cabecalho .busca input::-moz-placeholder,#cabecalho .busca input:focus::-moz-placeholder { color: #000000; font-size: 15px; font-weight: 400 } #cabecalho .busca input:-ms-input-placeholder,#cabecalho .busca input:focus:-ms-input-placeholder { color: #000000; font-size: 15px; font-weight: 400 } #cabecalho .busca .botao { background: 0 0; color: #000000; height: 45px; border: none; font-size: 1.5em; font-weight: 400; right: 10px; } #cabecalho .busca .botao:hover { color: #000000; opacity: .7 } #cabecalho .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-direction: row; list-style: none; margin: 0; justify-content: space-between; align-items: center; } #cabecalho .lista-redes.span3.hidden-phone { display: contents; margin: 0 auto; } #cabecalho.lista-redes.span3.hidden-phone ul { margin: 0 auto; padding-left: 14px; } #cabecalho .lista-redes.span3.hidden-phone ul li { list-style: none; } #cabecalho .span4.hidden-phone > ul > div > div > div > ul > li > a > i { background: #363636; border-radius: 22%; margin: 0 auto; } .span4.links-rodape.links-rodape-atendimento { width: 122px; height: 36px; } .fale-conosco { display: flex; justify-content: space-between; align-items: center; } #cabecalho .span4.hidden-phone > ul> div.span4.links-rodape:hover > ul.contact { display: block; min-width: 322px; background: white; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border: 0; margin-left: 0; z-index: 99999; visibility: visible; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); width: auto; position: relative; min-height: 263px; } #cabecalho .span4.hidden-phone > ul> div.span4.links-rodape:hover > ul.contact li { list-style: none; list-style-image: none; } #cabecalho .span4.hidden-phone > ul > div > ul > li { text-align: -webkit-center; } #cabecalho .span4.hidden-phone > ul > div > ul > li a, #cabecalho .span4 > ul > div.span4.links-rodape .office-hours { text-decoration: none; font-size: 15px; color: #363636; font-weight: 600; } #cabecalho .span4 > ul > div.span4.links-rodape:hover .office-hours { display: block; min-width: 265px; background: white; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border: 0; margin-left: 0; position: absolute; z-index: 99999; visibility: visible; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; text-align: -webkit-center; top: 174px; } a.fale-conosco-list:after { content: 'email, whatsapp'; font-size: 12px; display: block; } #cabecalho .span4.hidden-phone > ul> div.span4.links-rodape > ul.contact, #cabecalho .span4 > ul > div.span4.links-rodape .office-hours { display: none; } #cabecalho .span4 > ul > div > div > div > ul { border: none; margin: 15px 44px; padding-bottom: 0; } #cabecalho .actions>li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; } #cabecalho .actions .login { display: flex; align-items: center; justify-content: space-between; } #cabecalho .actions .login span { font-size: 15px; font-weight: bold; display: flex; flex-direction: column; text-transform: lowercase; align-items: baseline; line-height: 1.2; } #cabecalho .actions .login span strong { font-size: 12px; } #cabecalho .actions>li>a, #cabecalho .span4.hidden-phone > ul .fale-conosco .title { text-align: -webkit-left; color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; font-size: 15px; font-weight: 900; } #cabecalho .actions>li>a svg path { fill: #ffffff; } #cabecalho .actions>li:hover >a svg path{ fill :#FFFFFF; } #cabecalho .span4.hidden-phone > ul > div:hover > div.fale-conosco > span { color: #ffffff; } #cabecalho .span4.hidden-phone > ul > div:hover > div.fale-conosco svg { fill: #bcbcbc; } #cabecalho .span4.hidden-phone > ul .fale-conosco span:after { content: 'email, whatsapp..'; font-size: 12px; display: -webkit-box; font-weight: initial; } #cabecalho .span4.hidden-phone ul li.action-item.account > a > svg, #Capa_1 { width: 22px; height: 22px; float: left; fill: 343434; padding-right: 5px; } #cabecalho .span4.hidden-phone ul li.action-item.account:hover > a > svg path, #Capa_1:hover { fill: #bcbcbc; } #cabecalho .carrinho.vazio a span { margin-left: 10px; line-height: normal; width: 80%; } #cabecalho .carrinho-manipula a span .carrinho-vazio-titulo, #cabecalho .carrinho-manipula a span .carrinho-vazio-preco { margin: 0; } #cabecalho .carrinho-manipula a span div { display: flex; align-items: center; flex-direction: row-reverse; height: auto; justify-content: flex-end; } #cabecalho .carrinho-manipula a span div span { padding: 0; white-space: nowrap; margin-left: 5px; color: #ffa133; } #cabecalho .carrinho-manipula a span div .carrinho-vazio-preco { text-align: center; height: 22px; width: auto; display: flex; align-items: center; justify-content: center; } span.carrinho-vazio-preco { color: #ffffff; } #cabecalho .carrinho-manipula a span .carrinho-vazio-titulo { font-weight: bold; white-space: nowrap; font-size: 14px; color: #fff; } #cabecalho .actions .carrinho .carrinho-info { width: 50%; } #cabecalho .actions li > a > span { font-size: 14px; font-weight: bold; display: flex; flex-direction: column; padding: 0; } #cabecalho .actions li > a > span strong { font-size: 12px; font-weight: 400; white-space: nowrap; } #cabecalho .account a { display: flex; align-items: center; justify-content: space-evenly; } #cabecalho .actions .cart i:before { display: none; } #cabecalho .actions .cart i { display: flex; align-items: center; justify-content: center; } #cabecalho .actions .carrinho a .icon * { fill: #ffa133 } #cabecalho .actions li a .icon circle { fill: #fff } #cabecalho .actions>li:last-child { margin-right: 0; margin-left: 0; } #cabecalho .actions .cart { display: flex; justify-content: center; align-items: center; } #cabecalho .span4.hidden-phone > ul > div > ul > li:hover > a > svg { fill: #ffffff; } span.titulo.cor-secundaria.vazio-text:hover { color: #bcbcbc; } #cabecalho .actions li:hover .total-cart,#cabecalho .actions li:hover a { color: #ffffff; opacity: .7; text-decoration: none; border-color: #ffffff; } #cabecalho .account { position: relative } #cabecalho .account>a .icon .c { fill: transparent } #cabecalho .account .account-list { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border: 0; margin-left: 0; position: absolute; right: 0; top: 100%; background: #fff; z-index: 999; min-width: 220px; visibility: hidden; opacity: 0; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); border-radius: 5px; } #cabecalho .account .account-list li { -webkit-transition: all .2s ease-out; transition: all .2s ease-out } #cabecalho .account .account-list li a { color: #000; font-size: 15px; font-weight: 800; text-decoration: none; padding: 5px; display: block; text-transform: lowercase; } #cabecalho .account .account-list li a .icon { display: none; } #cabecalho .account .account-list li a .icon * { fill: #000 } #cabecalho .account .account-list li:hover { background: #eaeaea } #cabecalho .account .account-list:hover li a { color: #000 } #cabecalho .account:hover .account-list { visibility: visible; opacity: 1; display: flex; flex-direction: column; align-items: center; } #cabecalho .support a { display: flex; justify-content: space-evenly; align-items: center; } #cabecalho .support .support-items { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border: 0; margin-left: 0; position: absolute; left: -50%; top: 100%; background: #fff; z-index: 999; opacity: 0; visibility: hidden; min-width: 300px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); box-shadow: 0 3px 10px 0 rgba(0,0,0,.2); border-radius: 5px; } #cabecalho .support .support-items .icon { width: 15px; height: 15px; display: none; vertical-align: middle; fill: #000; margin-right: 5px; } #cabecalho .support .support-items .contact { margin: 0; display: flex; flex-direction: column; align-items: center; } #cabecalho .support .support-items .redes-sociais { border: none; padding-top: 10px; } .support-items .caixa-facebook { display: none; } #cabecalho .support .support-items .redes-sociais .titulo { display: none; } #cabecalho .support .support-items .redes-sociais i { background-color: black; color: white; border-radius: 20px; background: black; } #cabecalho .support .support-items .contact li { border: none; } #cabecalho .support .support-items .contact li { margin: 10px 5px; } #cabecalho .support .support-items .contact li a,#cabecalho .support .support-items .contact li span { color: #000; font-size: 15px; font-weight: 600; display: block; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; text-align: center; text-transform: lowercase; } #cabecalho .support .support-items .contact li a:hover,#cabecalho .support .support-items .contact li span:hover { text-decoration: none; color: #000 } #cabecalho .support .support-items .office-hours { padding: 10px; text-align: center; } #cabecalho .support .support-items .office-hours i { margin-right: 10px } #cabecalho .support .support-items .office-hours .icon .a { fill: transparent } #cabecalho .support .support-items .office-hours .icon .c { fill: #000 } #cabecalho .support .support-items .office-hours p { color: #555; font-size: 15px; font-weight: bold; margin: 5px 0; } #cabecalho .support .support-items .office-hours p.title { color: #555; } #cabecalho .support:hover .support-items { visibility: visible; opacity: 1; } #cabecalho .support .support-items .contact li a svg.icon { display: none; } #cabecalho .cart { position: relative } #cabecalho .carrinho { border: 0; float: none; /* width: 140px; */ } #cabecalho .carrinho a { display: flex; align-items: center; } #cabecalho .carrinho>a strong { line-height: normal } #cabecalho .carrinho .qtd-carrinho { position: relative; top: 1px; width: 31px; height: 22px; background: 0; line-height: 20px; color: #ffa133; font-size: 11px; font-weight: 400; margin: 0 0px; /* float: left; */ display: block !important; } #cabecalho .carrinho .qtd-carrinho:after { content: ' item'; display: contents; position: absolute; } #cabecalho .carrinho .wrap .title-cart { display: none; } #cabecalho .carrinho .wrap .total-cart { color: #ffa133; font-size: 11px; font-weight: 400; margin: 4px 2px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; float: right; position: relative; top: 2px; text-transform: none; } #cabecalho .carrinho .carrinho-interno { top: 100% } #cabecalho .carrinho .carrinho-interno.borda-principal { border-top-color: #000000; } .carrinho-interno ul { overflow: auto; } .carrinho-interno .preco-produto.destaque-parcela.span2 { float: right; width: 25% !important; margin-right: 0 !important; } #cabecalho .carrinho .carrinho-interno .nome-produto { color: #000; font-weight: 700; font-size: 11px; text-decoration: none } #cabecalho .carrinho .carrinho-interno .preco-produto .preco-promocional { font-size: 14px; font-weight: 700; white-space: nowrap; } #cabecalho .carrinho .carrinho-interno li { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border-color: #d4d5d6; display: flex; justify-content: space-between; align-items: center; } #cabecalho .carrinho .carrinho-interno li .preco-produto { order: 3; margin: 0; } #cabecalho .carrinho .carrinho-interno li .imagem-produto { order: 1; } #cabecalho .carrinho .carrinho-interno li .nome-produto.cor-secundaria { order: 2; margin: 0; } #cabecalho .carrinho .carrinho-interno li:hover { background: #f2f2f2 } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao { height: 44px; line-height: 44px; font-size: 0; transition: all .2s ease-out; width: 40%; border: 1px solid; border-color: #ffa133; } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao i { display: none; } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao:after { content: "Checkout"; font-size: 13px; font-weight: 700; color: #ffa133; text-transform: uppercase; margin: 0 auto; width: auto; } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao:hover { background: #ffa133; border-color: #ffa133; } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao:hover:after { color: #fff } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .carrino-total { font-size: 14px; color: #c4c4c4; font-weight: 700 } #cabecalho .carrinho .carrinho-interno .carrinho-rodape .carrino-total .titulo { color: #000; font-weight: 700 } #cabecalho .open-menu { width: 15%; height: 45px; background: 0 0; cursor: pointer; display: none; } #cabecalho.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2); box-shadow: 0 0 30px 0 rgba(0,0,0,.2); height: 77px; } #cabecalho.fixed .conteiner>.row-fluid>.span3 { max-width: 15%; } #cabecalho.fixed .conteudo-topo.span9 { width: 77%; margin-left: 15px } @media only screen and (max-width: 768px) { #cabecalho.fixed { position:relative } } #cabecalho.fixed .full.menu { max-height: 0; opacity: 0; z-index: -1; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; overflow-y: hidden } #cabecalho.fixed .full.menu.active { max-height: 70px; opacity: 1; z-index: 20; overflow-y: visible; top: -1px; position: relative; } #cabecalho.fixed .open-menu { display: flex; justify-content: center; align-items: center; color: #ffffff; } #cabecalho.fixed .open-menu svg { margin-right: 10px; } #cabecalho.fixed .open-menu .icon2 { display: none; } #cabecalho.fixed .open-menu.active .icon2 { display: block; width: 20px; height: 25px; } #cabecalho.fixed .open-menu svg path { fill: #ffffff; } #cabecalho.fixed .open-menu.active .icon1 { display: none; } @media only screen and (max-width: 768px) { #cabecalho.fixed .open-menu { display:none } } #cabecalho.fixed .conteudo-topo .inferior .span12 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } @media not all and (max-width: 768px) { #cabecalho.fixed .busca-mobile { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media only screen and (max-width: 768px) { #cabecalho.fixed { position:relative } } #cabecalho.logo-centro .conteudo-topo .inferior .span12 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } #cabecalho.logo-centro .conteudo-topo.span3 { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-left: 0 } @media not all and (max-width: 768px) { #cabecalho.logo-centro .row-fluid>.span6 { width:33%; margin: 0 10px; -webkit-box-flex: 1; -ms-flex: auto; flex: 0 0 33% } } @media (max-width: 979px) and (min-width:768px) { #cabecalho.logo-centro .row-fluid>.span6 { width:33%; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33% } } #cabecalho.logo-centro .logo a img { left: 0; right: 0; margin: auto } #cabecalho.logo-centro .actions>li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-right: 20px } #cabecalho.logo-centro .actions>li:last-child { margin-right: 0 } @media only screen and (max-width: 960px) { #cabecalho.logo-centro .actions>li.cart .wrap { display:none } } .ui-autocomplete a { text-transform: uppercase; font-weight: 700; font-size: 11px } .full.menu { background: #ffffff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; height: 50px; } .full.menu .conteiner { padding: 0 20px; } .full.menu .conteiner .nivel-um { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; } .full.menu .conteiner .nivel-dois { border: none; border-radius: 5px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2); box-shadow: 0 0 30px 0 rgba(0,0,0,.2); } .full.menu .conteiner .nivel-um .all-categories.com-filho { width: 13% !important; margin-right: 45px; } .full.menu .conteiner .nivel-um li:nth-child(2) { margin-left: 0px; } .full.menu .conteiner .nivel-um>li { width: 8% !important; border: none; height: 50px; padding: 0; text-align: center; line-height: 3.5; } .full.menu .conteiner .nivel-um .all-categories.com-filho:after { content: ""; border-left: 20px solid; display: block; position: absolute; right: -67%; top: 0%; width: 40px; height: 50px; border-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(255, 255, 255, 0)) 1 100%; } .full.menu .conteiner .nivel-um>li>a { position: relative; height: 95%; } .full.menu .conteiner .nivel-um>li>a>.titulo { color: #484848; font-size: 1.2vw; font-family: Lato; font-weight: 600; transition: all .2s ease-out; line-height: normal; white-space: nowrap; } .full.menu .conteiner .nivel-um>li.offers>a { background: 0 0!important; cursor: pointer } .full.menu .conteiner .nivel-um>li.offers .icon { width: 24px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px } .full.menu .conteiner .nivel-um>li.offers .icon path { fill: #000000!important; } .full.menu .conteiner .nivel-um>li.offers>a>.titulo { color: #000000!important } .full.menu .conteiner .nivel-um>li.offers:hover>a>.titulo { color: #000000!important } .full.menu .conteiner .nivel-um>li:hover>.nivel-dois { display: block; } .full.menu .conteiner .nivel-um>li:not(.offers) > .nivel-dois { overflow-y: auto; } .full.menu .all-categories .nivel-dois { width: min-content; } .full.menu .conteiner .nivel-um>li:nth-child(6) > .nivel-dois { right: 0; left: auto; } .full.menu .conteiner .nivel-um>li:nth-child(7) > .nivel-dois { right: 0; left: auto; } .full.menu .conteiner .nivel-um>li:nth-child(8) > .nivel-dois { right: 0; left: auto; } .offers.com-filho > ul .full.menu .conteiner .nivel-um>li:hover>a>.titulo { color: #000000; opacity: .7; } .full.menu .conteiner .nivel-um>li:hover > a { border-bottom: 2px solid #000000; } .full.menu .conteiner .nivel-um>li:hover .icon { opacity: .7 } .full.menu .conteiner .nivel-um>li:nth-last-child(2) ul { right: 0; left: auto } .full.menu .conteiner .nivel-um>li:nth-last-child(3) ul { right: 0; left: auto } .full.menu .conteiner .nivel-um i { display: none } .full.menu .conteiner .nivel-dois { background: #ffffff; display: none; position: absolute; left: 0px; top: 100%; padding: 0; max-width: 600px; height: auto; } .full.menu .conteiner .nivel-dois li { border: none; padding: 0 15px; margin: 0 !important; } .full.menu .conteiner .nivel-dois li:hover { background: none; } .menu .nivel-dois li:hover>.nivel-tres { position: relative; left: 0; width: max-content; box-shadow: none; } .menu .nivel-dois li:hover>.nivel-tres li { border: none; } #cabecalho > div.full.menu.hidden-phone > div > ul > li.com-filho.borda-principal > ul > div.mega-categorias.span6 > li.com-filho:before { content: '\f078' !important; font-family: fontAwesome; line-height: 40px; float: right; } .full.menu .conteiner .nivel-dois li a { color: #afafaf; font-size: 14px; font-weight: 700; text-align: left; text-transform: none; } .full.menu .conteiner li.all-categories.com-filho .nivel-dois .titulo:hover { color: #000000; } .full.menu .conteiner .nivel-dois li:hover>a { color: #000 } .full.menu .conteiner .nivel-dois li .titulo { color: #9f9f9f; font-size: 14px; font-weight: 600; text-align: left } .full.menu .conteiner li.all-categories.com-filho .titulo:hover { color: #000000; } .full.menu .conteiner .nivel-dois li .titulo:hover { color: #000000; } .full.menu .conteiner .offers .nivel-dois { width: unset; min-width: 900px; max-width: 1000px; } .full.menu .conteiner .categoria-marcas,.full.menu .conteiner .categoria-paginas { background-color: rgba(0,0,0,.05) } .full.menu .conteiner .categoria-marcas .nivel-dois li,.full.menu .conteiner .categoria-paginas .nivel-dois li { border: 0; padding: 0 } .full.menu .conteiner .categoria-marcas .nivel-dois li a,.full.menu .conteiner .categoria-paginas .nivel-dois li a { padding: 0 20px } .full.menu .conteiner .categoria-marcas .nivel-dois { -webkit-column-gap: 0; column-gap: 0 } .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-2 { -webkit-column-count: 2; column-count: 2 } .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-3 { -webkit-column-count: 3; column-count: 3 } .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-4 { -webkit-column-count: 4; column-count: 4 } .full.menu .conteiner .categoria-marcas .nivel-dois.colunas-5 { -webkit-column-count: 5; column-count: 5 } .full.menu .conteiner #listagemProdutos.listagem .imagem-produto { height: 200px } @media screen and (max-height: 660px) { .full.menu .conteiner #listagemProdutos.listagem .imagem-produto { height:100px } } .full.menu .conteiner li.other-categories>.nivel-dois { width: auto } .full.menu .conteiner li.other-categories>.nivel-dois li a strong { color: #9f9f9f; font-size: 14px; font-weight: 700; text-align: left; height: 30px } .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois { position: absolute; top: 0; right: 100%; left: auto } .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .com-filho .nivel-tres { right: 100%; left: auto } .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .mega-categorias { padding: 0!important } .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho>.nivel-dois .mega-recebe { display: none!important; width: auto!important } .full.menu .conteiner li.other-categories>.nivel-dois li.com-filho:hover>.nivel-dois { display: block } .full.menu .conteiner li.other-categories>.nivel-dois li:hover a strong { color: #000 } .full.menu .conteiner li.all-categories.com-filho .mega-recebe { display: none } .full.menu .conteiner li.all-categories.com-filho .nivel-dois .titulo { white-space: pre; color: #c4c4c4; } .full.menu .conteiner li.all-categories.com-filho .titulo { white-space: pre; color: #000000; } .full.menu .conteiner li.all-categories.com-filho .titulo svg { padding-right: 20px; position: relative; top: 2px; } .full.menu .conteiner li.all-categories.com-filho .titulo svg path { fill: #000000; } .full.menu .nivel-dois { width: 600px } .full.menu .nivel-dois .mega-categorias,.full.menu .nivel-dois .mega-recebe { margin: 0; width: 50%; } .full.menu .nivel-dois .mega-categorias { padding: 30px; box-sizing: border-box } .full.menu .nivel-dois .mega-recebe { padding: 30px; box-sizing: border-box } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul { margin: 0; box-shadow: none } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha { padding: 0; width: 100% } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li { margin: 0; padding: 0; width: 100% } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item { margin: 0; padding: 0; box-sizing: border-box; border: 0!important } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .imagem-produto img { opacity: 1 } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .info-produto { min-height: 1px!important } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item .info-produto .nome-produto { white-space: normal; text-align: center } .full.menu .nivel-dois .mega-recebe .mega-recebe-prod .listagem ul .listagem-linha ul li .listagem-item:hover { border: 0!important } .full.menu .offers .nivel-dois { left: auto; right: 0; width: 900px } .full.menu .offers .nivel-dois .mega-recebe-prod { width: 100%; height: 100%; padding-bottom: 30px; } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul { margin: 0 } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha { width: 100%; padding: 0; margin: 0 } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; width: 100% } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li { flex: 0 0 33%; width: 33%; margin: 0; padding: 10px; box-sizing: border-box } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item { margin: 0 } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .imagem-produto img { opacity: 1 } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .info-produto { min-height: 1px!important } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item .info-produto .nome-produto { white-space: normal; text-align: center } .full.menu .offers .nivel-dois .mega-recebe-prod .listagem>ul .listagem-linha>ul>li .listagem-item.indisponivel img { opacity: .4 } .full.menu .offers .nivel-dois .counter-offer { display: flex; flex-wrap: wrap; background: #f2f2f2; height: 110px; } .full.menu .offers .nivel-dois .counter-offer .counter,.full.menu .offers .nivel-dois .counter-offer .promo { flex: 0 0 50%; box-sizing: border-box; } .full.menu .offers .nivel-dois .counter-offer .counter .title,.full.menu .offers .nivel-dois .counter-offer .promo .title { display: none; width: 100%; color: #f32828; text-align: center; font-weight: 400; font-size: 16px; line-height: normal; padding: 5px 0; } .full.menu .offers .nivel-dois .counter-offer .promo .title { background: #ffffff; position: relative; } .full.menu .offers .nivel-dois .counter-offer .promo p { display: block; font-size: 30px; color: #000000; font-weight: bold; margin: 0; text-align: center; text-transform: lowercase; } .full.menu .offers .nivel-dois .counter-offer .promo p strong { color: #000000; font-weight: bold; } .full.menu .offers .nivel-dois .counter-offer .counter .title { background: #fff; } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 25px 0 } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer { width: 52px; height: 52px; display: block } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer .a { fill: #000000; } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer .c { fill: #f2f2f2; } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item { line-height: normal; padding: 0 20px; position: relative } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:before { content: attr(date-value); display: block; font-size: 30px; font-weight: bold; color: #000; } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:after { content: ':'; display: block; font-size: 30px; font-weight: 400; color: #000; position: absolute; top: 0; right: 0 } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item:last-child:after { display: none } .full.menu .offers .nivel-dois .counter-offer .counter .counter-wrap .item .description { font-size: 16px; font-weight: 400; color: #000000; } .pagina-inicial .menu.lateral { border: solid 1px #d4d5d6 } .pagina-inicial .menu.lateral ul.nivel-um>li { border: none } .pagina-inicial .menu.lateral ul.nivel-um>li>a { -webkit-box-shadow: none; box-shadow: none; background: 0 0 } .pagina-inicial .menu.lateral ul.nivel-um>li.com-filho a i { display: none } .pagina-inicial .menu.lateral .nivel-dois { -webkit-box-shadow: none; box-shadow: none; background: #fff; padding: 0; border: solid 1px #d4d5d6 } .pagina-inicial .menu.lateral .nivel-dois li { border: none } .pagina-inicial .menu.lateral .nivel-dois li a { font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase } .pagina-inicial .menu.lateral .titulo { font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase } .banner .flexslider { border: none; border-radius: 0; } .banner .flexslider .flex-control-nav { left: 0; right: 0; bottom: 5% } .banner .flexslider .flex-control-paging li a { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; width: 9px; height: 9px; border: none } .banner .flexslider .flex-control-paging li a:hover { background: #fff } .banner .flexslider .flex-control-paging li a.flex-active { background: #000000; border: none } .banner.mini-banner { margin-bottom: 0 } @media only screen and (max-width: 768px) { .banner.mini-banner { top:0!important } } .banner.mini-banner img { -webkit-transition: all .4s ease-out; transition: all .4s ease-out } .banner.mini-banner img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) } .pagina-inicial .secao-banners>.conteiner { max-width: 100%; padding: 0 } @media screen and (max-width: 768px) { .mini-banner .modulo { margin:20px 0; width: 100% !important; } } /* banner vitrine */ .banner-center { margin: 35px auto; display: flex; justify-content: space-between; } .banner-center a.modulo.span6 { zoom: 1; overflow: hidden; position: relative; margin: 0; } .banner-center img { transition: all .4s ease-out; -webkit-transition: all .4s ease-out; } .banner-center img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .flex-direction-nav li a { width: 50px; height: 50px; background: 0 0; font-size: 0; margin-top: -25px; background: #ffa133; border-radius: 5px } .flex-direction-nav li a.flex-next:before,.flex-direction-nav li a.flex-prev:before { visibility: hidden } .flex-direction-nav li a .icon { height: 20px; display: block; margin: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0 } .banner.cheio+.row-fluid { margin-top: 5px; } .banner.tarja img:nth-child(2) { display: none; } #carouselImagem .flex-direction-nav a.flex-next,#carouselImagem .flex-direction-nav a.flex-prev { background: 0 0; border: 0; opacity: 1 } #carouselImagem .flex-direction-nav a.flex-next .icon *,#carouselImagem .flex-direction-nav a.flex-prev .icon * { fill: #000 } #fullbanner-mob { margin: 0 } #fullbanner-mob ul.slick-dots { display: block!important; position: absolute; bottom: 5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0; margin: 0 } #fullbanner-mob ul.slick-dots li { float: left; margin-right: 5px } #fullbanner-mob ul.slick-dots li:last-child { margin-right: 0 } #fullbanner-mob ul.slick-dots li button { width: 10px; height: 10px; border-radius: 50%; font-size: 0; background: #fff } #fullbanner-mob ul.slick-dots li.slick-active button { background: #000000 } @media screen and (min-width: 376px) { #fullbanner-mob { display:none!important } } @media screen and (max-width: 375px) { p.info-banner.titulo { font-size: 13px; } } .secao-banners .row-fluid.banner.cheio ul.slides > li > a > p { position: absolute; top: 50%; left: 60%; bottom: auto; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } h3.title-banner { position: absolute; bottom: 65%; left: 45%; padding: 15px; margin: 0; color: #000000; font-size: 6vw; } p.info-banner.titulo { color: #ffa133; white-space: inherit; text-align: left; font-weight: 900; display: block; max-width: 100%; width: 35%; line-height: normal; background: 0 0; bottom: 20%; left: 45%; } @media only screen and (min-width: 992px) { p.info-banner.titulo { font-size: 3vw; } } .marcas { margin: 15px auto; } .marcas strong { color: #000; text-transform: uppercase; font-size: 26px; font-family: Lato; font-weight: bold; text-align: center; display: block; position: relative; padding: 20px 0; text-transform: lowercase; } .marcas strong:after { content: ""; background: #d0d0d0; width: 100%; height: 1px; display: block; margin: 15px auto } .marcas .flexslider { margin: 10px 0 } .marcas .flexslider ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .2s ease-out; transition: all .2s ease-out; opacity: .7 } .marcas .flexslider ul li:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); opacity: 1 } .marcas .flex-direction-nav .flex-next,.marcas .flex-direction-nav .flex-prev { background: 0 0; opacity: 1 } .marcas .flex-direction-nav .flex-next .icon *,.marcas .flex-direction-nav .flex-prev .icon * { fill: #000 } #listagemProdutos.listagem .titulo-categoria strong,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria strong,.listagem.aproveite-tambem>.titulo { color: #343434; text-transform: lowercase; font-size: 32px; font-family: Lato; font-weight: bold; } #listagemProdutos.listagem .titulo-categoria,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria,.listagem.aproveite-tambem>.titulo { background: 0 0; border-top: none; text-align: left; position: relative; padding: 20px 0 } #listagemProdutos.listagem .titulo-categoria:hover,#listagemProdutos.listagem>.titulo:hover,.listagem.aproveite-tambem .titulo-categoria:hover,.listagem.aproveite-tambem>.titulo:hover { background: 0 0; padding-left: 0 } #listagemProdutos.listagem .titulo-categoria:after,#listagemProdutos.listagem>.titulo:after,.listagem.aproveite-tambem .titulo-categoria:after,.listagem.aproveite-tambem>.titulo:after { content: ""; background: #d0d0d0; width: 100%; height: 0; display: block; margin: 15px auto; } #listagemProdutos.listagem .listagem-linha,.listagem.aproveite-tambem .listagem-linha { border: none } #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li { border: none } #listagemProdutos.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border: solid 2px transparent; } #listagemProdutos.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-item .info-produto { text-align: -webkit-left; min-height: 200px; } .modo-catalogo-sem-preco #listagemProdutos.listagem .listagem-item .info-produto,.modo-catalogo-sem-preco .listagem.aproveite-tambem .listagem-item .info-produto { min-height: auto; } .modo-orcamento-sem-preco #listagemProdutos.listagem .listagem-item .info-produto,.modo-orcamento-sem-preco .listagem.aproveite-tambem .listagem-item .info-produto { min-height: auto; } #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto { font-size: 20px; color: #000; font-weight: 500; min-height: 40px; line-height: 22px; text-align: left; } #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda { font-size: 14px; font-weight: 400; color: #9f9f9f; display: block; margin: 0 0 10px } #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,#listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong { color: #000; font-size: 20px; display: block; font-weight: bold; } #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela { font-size: 15px; font-weight: 400; color: #868686 } #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong { font-weight: 400; color: #868686; font-size: 15px } #listagemProdutos.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item { background: #fff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-box-shadow: none; box-shadow: none; outline: 0; border: solid 1px #f2f2f2; border-radius: 5px; height: 100%; padding: 0 10px; } #listagemProdutos.listagem .listagem-item:hover,.listagem.aproveite-tambem .listagem-item:hover { background: #fff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-box-shadow: none; box-shadow: none; outline: 0; border: solid 1px #d0d0d0; border-radius: 5px } #listagemProdutos.listagem .listagem-item:hover .info-produto,.listagem.aproveite-tambem .listagem-item:hover .info-produto { opacity: .4 } #listagemProdutos.listagem .listagem-item .acoes-produto,.listagem.aproveite-tambem .listagem-item .acoes-produto { border: none; bottom: 0; padding: 0; display: flex; flex-wrap: wrap; padding: 10px; border-radius: 5px; box-shadow: 0 0 13px 0 rgba(0,0,0,.3) } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; color: #ffffff; font-size: 12px; font-weight: 400; border: 0; border-radius: 5px; background: #ffa133; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; width: auto; flex: auto; height: 42px; text-transform: lowercase; margin: 0; } a.botao.botao-comprar.principal.botao-comprar-ajax { font-size: 0 !important; width: 70%; } a.botao.botao-comprar.principal.botao-comprar-ajax:after { content: 'add'; font-size: 12px; padding-left: 5px; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar .icon,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar .icon { fill: #fff; width: 15px; height: 18px; display: inline-block; vertical-align: text-bottom; margin-right: 5px; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar .icon *,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar .icon * { fill: #ffffff; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover { opacity: .7 } #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter { height: 42px; width: 25%; margin-right: 10px; box-sizing: border-box; position: relative; background: #f2f2f2; border-radius: 5px; } #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-prod,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-prod { background: #f2f2f2; border: none; color: #000; font-size: 16px; text-align: center; font-weight: 600; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; margin: 0; padding-left: 10px; box-shadow: none; } #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav { position: absolute; top: 1px; right: 1px; width: 18px; height: 42px; border: solid 0 #c4c4c4; } #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty { height: 40%; width: 100%; display: block; background: #ffffff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: .8em; color: #000; margin: 2px 0px; } .fa-window-minimize:before { vertical-align: super; } span.bt-qty.bt-plus { border-radius: 5px; } span.bt-qty.bt-minus { border-radius: 5px; } #listagemProdutos.listagem .listagem-item.item-adicionado,.listagem.aproveite-tambem .listagem-item.item-adicionado { border-color: #000 } #listagemProdutos.listagem .listagem-item.item-adicionado:hover,.listagem.aproveite-tambem .listagem-item.item-adicionado:hover { border-color: #000 } #listagemProdutos.listagem .listagem-item.item-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.item-adicionado .acoes-produto { opacity: 1 } #listagemProdutos.listagem .listagem-item.produto-adicionado .info-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .info-produto { opacity: 0 } #listagemProdutos.listagem .listagem-item.produto-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .acoes-produto { display: none } #listagemProdutos.listagem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho,.listagem.aproveite-tambem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho { display: none } #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::before,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; right: 0; bottom: 30%; width: 100%; text-align: center; color: #1ACB2E; font-size: 2em; } #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::after,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::after { content: "added to cart"; position: absolute; left: 0; right: 0; bottom: 25%; font-size: 14px; font-weight: 600; width: 100%; text-align: center; } #listagemProdutos.listagem .listagem-item.indisponivel,.listagem.aproveite-tambem .listagem-item.indisponivel { background: 0 0 } #listagemProdutos.listagem .listagem-item.indisponivel:hover .info-produto,.listagem.aproveite-tambem .listagem-item.indisponivel:hover .info-produto { opacity: 1 } #listagemProdutos.listagem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn,.listagem.aproveite-tambem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn { background: #000; color: #fff; border-color: #000; text-align: center } #listagemProdutos.listagem .imagem-produto,#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem.aproveite-tambem .imagem-produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .imagem-produto { height: 270px } .mega-recebe .bandeiras-produto { width: 55%; } .mega-recebe-prod .bandeiras-produto { width: 45%; } .mega-recebe-prod span.fundo-principal.bandeira-promocao:before { content: ""; left: 108%; } .mega-recebe .mega-recebe-prod .bandeiras-produto { width: 55%; } .bandeiras-produto { right: auto; left: 1px; top: 1px; display: flex; flex-direction: column-reverse; width: 33%; } .bandeiras-produto .bandeira-indisponivel { background: #000; border: none; -webkit-box-shadow: none; box-shadow: none } .bandeiras-produto .bandeira-frete-gratis,.bandeiras-produto .bandeira-promocao { border-radius: 5px; height: 30px; line-height: 30px; text-align: left; font-size: 15px; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; border: none; text-transform: lowercase; } .bandeiras-produto .bandeira-promocao { background: #ffa133; color: #ffffff; float: left; font-weight: bold; } .bandeiras-produto > span > svg { height: 30px; float: right; position: absolute; } .bandeiras-produto span.bandeira-promocao svg { fill: #bcbcbc; } .bandeiras-produto > span.bandeira-frete-gratis > svg { fill: #f3f3f3; } .bandeiras-produto .bandeira-frete-gratis { background: #f3f3f3; color: #000; float: left; width: 100%; max-width: 96px; font-weight: bold; margin: 0; padding: 0; } span.fundo-principal.bandeira-promocao:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #ffa133; position: relative; left: 110%; top: -7%; } .mega-recebe .bandeiras-produto span.fundo-principal.bandeira-promocao:before { content: ""; left: 107%; } span.bandeira-frete-gratis.label-success:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 15px solid transparent; border-left: 14px solid #f3f3f3; position: relative; left: 98%; top: -3px; } .bandeiras-produto .adicionado-carrinho { display: none } .addwishlist { width: 38%; float: left; height: 37px; border: 1px solid #343434; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .addwishlist .adic-favo { display: flex; align-items: center; font-size: 13px; font-weight: bold; } .addwishlist:hover { background: black; } .addwishlist:hover .adic-favo { color: white; } .adic-favo { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .pagina-produto .adic-favo:before { content: "\f004"; font-size: 1em; } .adic-favo:before { content: "\f004"; font-family: FontAwesome; font-size: 1.3em; padding-right: 10px; } .adic-favo:active,.adic-favo:focus,.adic-favo:hover { background: 0 0; color: #000000; text-decoration: none } .adic-favo.added { color: #000000 } @media not all and (max-width: 768px) { body.pagina-busca .listagem .listagem-linha ul:after,body.pagina-categoria .listagem .listagem-linha ul:after { display:none } body.pagina-busca .listagem .listagem-linha ul>li,body.pagina-categoria .listagem .listagem-linha ul>li { width: 33%; margin-left: 0; margin-right: 0 } } .listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem .span3 .imagem-produto { height: 349px } .listagem button.slick-next.slick-arrow { font-size: 0; background: 0 0 } .listagem button.slick-next.slick-arrow:before { content: '\f105'; font-family: fontawesome; font-size: 48px } .listagem button.slick-prev.slick-arrow { font-size: 0; background: 0 0 } .listagem button.slick-prev.slick-arrow:before { content: '\f104'; font-family: fontawesome; font-size: 48px } .listagem>ul:not(.produtos-carrossel) li { padding: 0; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:after,.slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-next,.slick-prev { width: 15px; height: 15px; display: block; z-index: 20; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .slick-next .icon,.slick-prev .icon { fill: #000 } .slick-next .icon .a,.slick-prev .icon .a { fill: #000 } .slick-prev { left: -7px } .slick-next { right: -7px } .listagem>ul { margin: 0 } .listagem>ul:not(.produtos-carrossel) { display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem>ul:not(.produtos-carrossel)>li { width: 31%; margin: 10px; } .listagem>ul>li { display: inline; padding: 0 } .listagem-linha * { outline: 0; color: black; } .listagem-item .adic-favo { position: relative; right: -95%; top: 3px; z-index: 11; color: #0000005e; } .listagem-item .adic-favo:hover { color: #000000; } .slick-slider { display: block!important } .listagem .produtos-carrossel { padding: 0; } .pagina-produto .listagem>ul { margin: 0 -15px } @media screen and (max-width: 1024px) { .pagina-produto .listagem>ul { margin:0 } } @media screen and (max-width: 767px) { .adic-favo:before { content: "\f004"; font-family: FontAwesome; font-size: 1.1em; padding-right: 10px; } .addwishlist .adic-favo { font-size: 3vw; } span.fundo-principal.bandeira-promocao:before { top: -6%; } span.bandeira-frete-gratis.label-success:before { top: -3%; } .banner-center { flex-direction: column; margin: 5px auto; } #cabecalho .logo a { padding: 10px; } .banner-center a.modulo.span6 { margin: 10px 0 !important; } .bandeiras-produto { width: 63%; left: 2px; top: 2px; } .bandeiras-produto .bandeira-frete-gratis { font-size: 12px; } .bandeiras-produto .bandeira-promocao { font-size: 13px; } .listagem ul>li li { margin: 0; padding: 0; width: 25%; border: 0; float: left; padding: 0 15px; padding-bottom: 30px } .listagem ul:not(.produtos-carrossel)>li { margin: 0; padding: 0; width: 25%; border: 0; float: left; padding: 0 15px; padding-bottom: 30px } .listagem .listagem-linha { position: relative } .pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul:not(.produtos-carrossel)>li { width: 33%; margin-bottom: 0; padding-bottom: 0; } .pagina-produto .listagem .listagem-linha ul:nth-child(n+2) { display: none } .listagem-linha .slick-product { margin-left: -15px!important; margin-right: -15px!important } .listagem .listagem-item { margin: 0; padding: 5px; height: 550px !important; } } @media screen and (max-width: 1024px) { .listagem-linha .slick-product { margin-left:0!important; margin-right: 0!important } .listagem ul:not(.produtos-carrossel)>li { width: 25%; padding: 0 0 15px 0 } .listagem ul>li li { padding: 0 0 15px 0 } } @media screen and (max-width: 767px) { .pagina-categoria #listagemProdutos.listagem .listagem-item { margin: 5px !important; } .listagem-item .adic-favo { right: -90%; } .listagem ul:not(.produtos-carrossel)>li,.pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul>li { width: 50% } #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional { font-size: 25px } } @media screen and (max-width: 480px) { .listagem ul:not(.produtos-carrossel)>li,.pagina-busca .listagem>ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul:not(.produtos-carrossel)>li { width: 50%; margin: 0; } } .smarthint .bandeiras-produto .bandeira-promocao::after { display: none } ul.slick-dots { display: none!important } #barraNewsletter.posicao-rodape { -webkit-box-shadow: none; box-shadow: none; background: #000000; } #barraNewsletter.posicao-rodape .conteiner { width: auto; min-height: 65px; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } #barraNewsletter.posicao-rodape .componente { background: 0 0 } #barraNewsletter.posicao-rodape .componente .interno { padding: 0 } #barraNewsletter.posicao-rodape .componente .interno .interno-conteudo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; } #barraNewsletter.posicao-rodape .componente .texto-newsletter { text-align: center; font-size: 26px; font-weight: 400; text-transform: lowercase; color: #ffffff; overflow: visible; margin: 20px 0; } #barraNewsletter.posicao-rodape .componente .input-conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter { padding: 0 } #barraNewsletter.posicao-rodape .componente .texto-newsletter { width: 60%; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } #barraNewsletter.posicao-rodape .componente .texto-newsletter svg.icon { width: 59px; height: 47px; margin-right: 5%; } #barraNewsletter.posicao-rodape .componente .texto-newsletter svg.icon path { stroke: #ffffff; } #barraNewsletter.posicao-rodape .componente .input-conteiner { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; overflow: visible; } #barraNewsletter.posicao-rodape .componente .input-conteiner.hide { display: none } #barraNewsletter.posicao-rodape .componente input[type=text] { width: 70%; background: #fff; border: solid 1px #d1d1d1; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding: 0 20px; -webkit-box-shadow: none; box-shadow: none; margin-left: 20px; color: #8d8d8d; font-size: 13px; } #barraNewsletter.posicao-rodape .componente input[type=text]::-webkit-input-placeholder { color: #8d8d8d; font-size: 13px; font-weight: 400 } #barraNewsletter.posicao-rodape .componente input[type=text]:-moz-placeholder { color: #8d8d8d; font-size: 13px; font-weight: 400 } #barraNewsletter.posicao-rodape .componente input[type=text]::-moz-placeholder { color: #8d8d8d; font-size: 13px; font-weight: 400 } #barraNewsletter.posicao-rodape .componente input[type=text]:-ms-input-placeholder { color: #8d8d8d; font-size: 13px; font-weight: 400 } #barraNewsletter.posicao-rodape .componente .newsletter-assinar { width: 20%; background: 0 0; border-radius: 5px; color: #ffffff; height: 42px; border: solid 2px #ffffff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } #barraNewsletter.posicao-rodape .componente .newsletter-assinar::before { content: 'send'; font-size: 18px; font-weight: 400; text-transform: none; font-family: Lato; vertical-align: middle; display: block; } #barraNewsletter .componente .newsletter-assinar:after { display: none; } #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover { background: 0 0; color: #fff } #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:after,#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:before { color: #000000; fill: #000000 } #barraNewsletter.posicao-rodape .componente .newsletter-confirmacao span { font-size: 14px; font-weight: 600; text-transform: none; color: #ffffff } #barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok { color: #ffffff } #barraNewsletter.posicao-rodape .componente .alert { position: absolute; z-index: 99999 } @media screen and (max-width: 767px) { #barraNewsletter.posicao-rodape { height:auto; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box } #barraNewsletter.posicao-rodape .componente .input-conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter { width: 90%; text-overflow: clip; overflow: visible; white-space: normal; text-align: center; font-size: 20px; font-weight: bold; } #barraNewsletter.posicao-rodape .componente .texto-newsletter svg.icon { width: 40%; } #barraNewsletter.posicao-rodape .componente .interno-conteudo { -ms-flex-wrap: wrap; flex-wrap: wrap } #barraNewsletter.posicao-rodape .componente .texto-newsletter::before { margin: 10px auto; display: block } #barraNewsletter.posicao-rodape .componente input[type=text] { width: 100%; margin: 10px 0; text-align: center; } #barraNewsletter.posicao-rodape .componente .botao { width: 100%; } } .coluna div.componente.newsletter { background: #000000; height: auto; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d0d0d0 } .coluna div.componente.newsletter .titulo { font-size: 0; text-align: center; margin-bottom: 0 } .coluna div.componente.newsletter .titulo svg path { stroke: #ffffff; } .coluna div.componente.newsletter .titulo i { display: none; } .coluna div.componente.newsletter .titulo i:before { height: 30px; margin: 0 auto 20px; display: inline-block; content: '\F003'; font-family: FontAwesome; vertical-align: middle; font-size: 2.3em; font-weight: 400; width: 100%; margin-top: -10px } .coluna div.componente.newsletter .interno { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .coluna div.componente.newsletter .texto-newsletter { color: #ffffff; font-size: 20px; font-family: Lato; font-weight: 400; display: block; margin: 20px 0; text-align: center; } .coluna div.componente.newsletter input[type=text] { width: 100%; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; border-radius: 5px; padding: 0 15px; background: #fff; border: solid 1px #c4c4c4; color: #9f9f9f; text-align: center; text-transform: lowercase; } .coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder { color: #9f9f9f; font-weight: 400; font-size: 13px } .coluna div.componente.newsletter input[type=text]:-moz-placeholder { color: #9f9f9f; font-weight: 400; font-size: 13px } .coluna div.componente.newsletter input[type=text]::-moz-placeholder { color: #9f9f9f; font-weight: 400; font-size: 13px } .coluna div.componente.newsletter input[type=text]:-ms-input-placeholder { color: #9f9f9f; font-weight: 400; font-size: 13px } .coluna div.componente.newsletter .botao { margin-top: 15px; width: 100%; display: block; background: #ffa133; border: solid 2px #ffa133; height: 55px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; position: inherit; border-radius: 5px; color: #ffffff } .coluna div.componente.newsletter .botao:before { content: "Subscribe"; font-size: 16px; font-family: Lato; font-weight: 400; text-transform: lowercase; margin-right: 10px; vertical-align: middle; } .coluna div.componente.newsletter .botao:after { content: '\F105'; font-family: FontAwesome; color: #ffffff; vertical-align: middle; font-size: 1.4em; font-weight: 400 } .coluna div.componente.newsletter .botao:hover { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; background: #a1a1a1; border-color: #a1a1a1; } .coluna div.componente.newsletter .newsletter-confirmacao span { color: #ffffff } .coluna div.componente.newsletter .newsletter-confirmacao .icon-ok { color: #ffa133 } .modal-modalNewsletter { height: 350px !important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 600px !important; } .modal-modalNewsletter .fancybox-skin { width: 600px!important; height: 350px!important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #ffffff; border-radius: 5px; } @media screen and (max-width: 680px) { .modal-modalNewsletter .fancybox-skin { width:340px!important } } .modal-modalNewsletter .fancybox-outer { height: 350px!important; } .modal-modalNewsletter .fancybox-inner { width: 100%!important; height: 400px!important; } .modal-modalNewsletter #modalNewsletter .componente .interno { background: #ffffff; height: 350px; padding: 0; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; } .modal-modalNewsletter #modalNewsletter .componente .interno .titulo { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo { height: 60%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter { color: #000000; font-size: 25px; font-weight: 600; text-align: center; display: block; padding: 0; width: 60%; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter.control-group.error { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter.hide { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner { margin: 0 30px; width: 80%; display: flex; flex-direction: column; align-items: center; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner.control-group.error { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner.hide { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; height: 45px; background: #F2F2F2; padding: 0 18px; border: none; border-radius: 5px; width: 100%; color: #000; text-align: center; margin: 20px 0; text-transform: lowercase; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:focus { border-color: #000 } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-webkit-input-placeholder { color: #959595; font-size: 13px; font-weight: 400 } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-moz-placeholder { color: #959595; font-size: 13px; font-weight: 400 } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-moz-placeholder { color: #959595; font-size: 13px; font-weight: 400 } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-ms-input-placeholder { color: #959595; font-size: 13px; font-weight: 400 } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao { width: 40%; border-radius: 5px; border: solid 1px #000000; background: #000000; height: 45px; padding: 0 10px; line-height: 40px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; position: relative; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao::before { content: "Subscribe"; font-family: Lato; text-transform: lowercase; font-weight: 400; font-size: 16px; margin-right: 10px; vertical-align: middle; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover { background: #a2a2a2; border-color: #a2a2a2; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao { position: absolute; bottom: 20%; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 300px } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao .icon-ok { float: none; vertical-align: middle; color: #000000; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao span { margin-left: 0; padding: 0; display: inline-block; font-weight: 400; color: #000000; } .modal-modalNewsletter .fancybox-close { background: 0 0; top: 10px; right: 5px } .modal-modalNewsletter .fancybox-close:hover { text-decoration: none } .modal-modalNewsletter .fancybox-close:before { content: "\f00d"; color: #000000; font-size: 2em; font-family: FontAwesome; font-weight: 400 } .breadcrumbs,.info-principal-produto .breadcrumbs { background: #f2f2f2; border: none; border-radius: 2px } .breadcrumbs ul li,.info-principal-produto .breadcrumbs ul li { border: none } .breadcrumbs ul li:first-child *,.info-principal-produto .breadcrumbs ul li:first-child * { padding-left: 10px } .breadcrumbs ul li a,.info-principal-produto .breadcrumbs ul li a { color: #000; font-weight: 400; text-transform: none; font-size: 14px } .breadcrumbs ul li a>.icon-home,.info-principal-produto .breadcrumbs ul li a>.icon-home { display: none } .breadcrumbs ul li::after,.info-principal-produto .breadcrumbs ul li::after { content: "\00BB"; color: #999 } .breadcrumbs ul li:last-child a,.info-principal-produto .breadcrumbs ul li:last-child a { color: #9f9f9f } .breadcrumbs ul li:last-child::after,.info-principal-produto .breadcrumbs ul li:last-child::after { content: "" } .breadcrumbs ul li strong,.info-principal-produto .breadcrumbs ul li strong { color: #9f9f9f; text-transform: none; font-weight: 400; font-size: 14px } .pagina-produto .breadcrumbs { background: 0 0 } .pagina-produto .breadcrumbs ul li:first-child * { padding-left: 0 } .pagina-produto .breadcrumbs ul li a { color: #000; font-size: 14px } .pagina-produto .breadcrumbs ul li a i { display: none } .pagina-produto .breadcrumbs ul li::after { color: #999 } .pagina-produto .breadcrumbs ul li:last-child a { color: #9f9f9f } .pagina-produto .breadcrumbs ul li:last-child::after { content: "" } .pagina-busca .menu.lateral,.pagina-categoria .menu.lateral { border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; border: solid 1px #d4d5d6 } .pagina-busca .menu.lateral .nivel-um,.pagina-categoria .menu.lateral .nivel-um { border-top: 0 } .pagina-busca .menu.lateral .nivel-um>li>a,.pagina-categoria .menu.lateral .nivel-um>li>a { background: 0 0; -webkit-box-shadow: none; box-shadow: none } .pagina-busca .menu.lateral .nivel-um>li>a .titulo,.pagina-categoria .menu.lateral .nivel-um>li>a .titulo { color: #000; font-size: 15px; font-weight: 400; text-transform: none; } .pagina-busca .menu.lateral .nivel-um>li.ativo,.pagina-categoria .menu.lateral .nivel-um>li.ativo { background: 0 0; border: none } .pagina-busca .menu.lateral .nivel-um>li.ativo i,.pagina-categoria .menu.lateral .nivel-um>li.ativo i { background: 0 0; color: #000 } .icon-chevron-right:before { content: "\f078"; } .pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo,.pagina-categoria .menu.lateral .nivel-um>li.ativo a .titulo { color: #000; font-size: 15px; font-weight: 400; } .pagina-busca .menu.lateral .nivel-um>li.com-filho,.pagina-categoria .menu.lateral .nivel-um>li.com-filho { border: none } .pagina-busca .menu.lateral .nivel-um>li.com-filho>a strong,.pagina-categoria .menu.lateral .nivel-um>li.com-filho>a strong { color: #000; font-weight: 400; font-size: 15px } .pagina-busca .menu.lateral .nivel-dois,.pagina-categoria .menu.lateral .nivel-dois { padding: 10px 0; -webkit-box-shadow: none; box-shadow: none; position: relative !important; left: 0 !important; } .pagina-busca .menu.lateral .nivel-dois>li,.pagina-categoria .menu.lateral .nivel-dois>li { border: none } .pagina-busca .menu.lateral .nivel-dois>li>a,.pagina-categoria .menu.lateral .nivel-dois>li>a { color: #9f9f9f; font-size: 14px; font-weight: 400; padding: 0 10px } .pagina-busca .menu.lateral .nivel-dois>li:hover,.pagina-categoria .menu.lateral .nivel-dois>li:hover { background: 0 0 } .pagina-busca .menu.lateral .nivel-dois>li:hover>a,.pagina-categoria .menu.lateral .nivel-dois>li:hover>a { font-weight: 400; color: #000 } .pagina-busca .menu.lateral .nivel-tres,.pagina-categoria .menu.lateral .nivel-tres { -webkit-box-shadow: none; box-shadow: none; border: none; } .pagina-busca .menu.lateral .nivel-tres>li>a,.pagina-categoria .menu.lateral .nivel-tres>li>a { color: #9b9b9b; font-size: 14px; font-weight: 400; padding: 0 10px } .pagina-busca .menu.lateral .nivel-tres>li:hover>a,.pagina-categoria .menu.lateral .nivel-tres>li:hover>a { color: #000; font-weight: 400 } .pagina-busca .menu.lateral.outras .nivel-um li,.pagina-categoria .menu.lateral.outras .nivel-um li { padding: 10px } .pagina-busca .menu.lateral.outras .nivel-um li>a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li>a .titulo { color: #000; font-weight: 400; font-size: 15px; text-transform: lowercase; } .pagina-busca .menu.lateral.outras .nivel-um li:hover a,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a { background: 0 0 } .pagina-busca .menu.lateral.outras .nivel-um li:hover a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a .titulo { opacity: .7 } .pagina-busca .menu.lateral li.ativo,.pagina-categoria .menu.lateral li.ativo { background: 0 0 } .pagina-busca .menu.lateral li.ativo>a,.pagina-categoria .menu.lateral li.ativo>a { color: #000; font-weight: 400 } .pagina-categoria .conteudo h1.titulo { color: #000; font-size: 20px; font-weight: 400; text-transform: lowercase; line-height: normal; } .pagina-categoria .conteudo h1.titulo:after { content: ""; width: 100%; height: 1px; display: block; background: #d0d0d0; margin: 15px 0 } .pagina-busca .conteudo ol { margin: 0; margin-bottom: 10px } .pagina-busca .conteudo ol li { color: #b5b5b5; font-size: 14px } .ordenar-listagem.rodape,.ordenar-listagem.topo { border: none } .filtro { -webkit-box-shadow: none; box-shadow: none; outline: 0; border: solid 1px #d4d5d6; border-radius: 5px } .filtro .titulo { font-size: 15px; color: #000; font-weight: 700; border: none; text-transform: uppercase } .filtro.lista ul { border: solid 1px #d4d5d6 } .filtro.lista ul li { border: none; border-bottom: solid 1px #d4d5d6 } .filtro.lista ul li a { text-decoration: none; -webkit-transition: none; transition: none; } .filtro.lista ul li a label { color: #838383; font-size: 14px; font-weight: 400; } .filtro.lista ul li a label:hover { background: 0 0; color: #000; font-weight: 700; transition: none; margin: 0; } .filtro.lista ul li.active label { background: 0 0; color: #000; font-weight: 700 } .filtro.lista ul li:first-child { border-bottom: solid 1px #d4d5d6 } .filtro.lista ul li:last-child { border-bottom: 0 } .filtro.atributos .icon-remove { display: none!important } .filtro.atributos .atributo-cor ul li { overflow: hidden } .filtro.atributos .atributo-cor ul li a { -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; width: 30px; height: 30px; position: relative; overflow: hidden; border: solid 2px #c4c4c4 } .filtro.atributos .atributo-cor ul li a span { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-width: 100px; width: 100%; height: 100%; padding: 0 } .filtro.atributos .atributo-cor ul li a:hover { margin: 0 2px 2px 0; border: solid 2px #c4c4c4; opacity: .7 } .filtro.atributos .atributo-cor ul li.active a { border-radius: 50%; width: 30px; height: 30px; position: relative; overflow: hidden; border: solid 2px #c4c4c4; opacity: .7 } .filtro.atributos .atributo-comum ul li { overflow: hidden } .filtro.atributos .atributo-comum ul li a { -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; border: solid 1px #d4d5d6; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .filtro.atributos .atributo-comum ul li a span { padding: 0 } .filtro.atributos .atributo-comum ul li a:hover { margin: 0 2px 2px 0; border-color: #000 } .filtro.atributos .atributo-comum ul li.active a { border: solid 1px #000; padding: 0; border-radius: 50% } .produto div.principal .nome-produto { font-size: 24px; font-weight: 500; color: #000; } .produto div.principal .codigo-produto { border-bottom: none } .produto div.principal .codigo-produto span * { font-weight: 400; font-size: 12px; border: none } .produto div.principal .codigo-produto span b { color: #95989A; text-transform: uppercase; } .produto div.principal .codigo-produto span>a,.produto div.principal .codigo-produto span>span { color: #95989A; text-transform: uppercase; } .produto div.principal .acoes-produto .preco-produto .preco-venda { font-size: 14px; font-weight: 300; color: #9f9f9f; display: block; margin: 0 0 7px } .produto div.principal .acoes-produto .preco-produto .preco-promocional,.produto div.principal .acoes-produto .preco-produto span.preco-a-partir strong { font-size: 30px; font-weight: bold; color: 343434; display: block; } .produto div.principal .acoes-produto .preco-produto .preco-parcela { font-weight: 500; color: 343434; font-size: 18px; } .produto div.principal .acoes-produto .preco-produto .preco-parcela strong { font-weight: bold; color: 343434; font-size: 18px; } .produto div.principal .acoes-produto .comprar { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 15px; } .produto div.principal .acoes-produto .comprar .botao-comprar { height: 55px; /* line-height: 55px; */ text-shadow: none; border: none; text-transform: lowercase; font-weight: 500; font-size: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; color: #fff; background: #1ACB2E; padding: 0 10px; width: auto; flex: auto; display: flex; justify-content: center; align-items: center; } .produto div.principal .acoes-produto .comprar .botao-comprar i { width: 20px; height: 25px; vertical-align: middle; } .produto div.principal .acoes-produto .comprar .botao-comprar i .icon * { fill: #fff } .produto div.principal .acoes-produto .comprar .botao-comprar i:before { content: "" } .produto div.principal .acoes-produto .comprar .botao-comprar:hover { opacity: .8 } .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho { width: auto!important; text-align: left; float: none; width: 20%!important; margin-right: 10px; margin-bottom: 0; } .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho { width: 100%; height: 55px; border-radius: 5px; border: solid 2px #E0E0E0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4D4D4D; font-size: 22px; font-weight: bold; text-align: center; } .produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title { display: none } .produto div.principal .acoes-produto .comprar .disponibilidade-produto { display: none; } .produto div.principal .cep label { color: #858787; font-size: 13px; font-weight: 400; width: 100%; text-transform: lowercase; display: flex; align-items: center; } .produto div.principal .cep label svg { margin-right: 10px; } .produto div.principal .cep .input-append.input-prepend { width: 100%; display: flex; justify-content: space-between; } .produto div.principal .cep .input-append.input-prepend .input-small.input-cep[type=tel] { width: 67%; border-left: none; height: 45px; border: solid 1px #E0E0E0; border-radius: 5px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #a2a2a2; text-transform: lowercase; } .produto div.principal .cep .input-append.input-prepend .btn { border: 1px solid #858787; background: 0 0; border-radius: 5px; height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; line-height: 45px; padding: 0 15px; z-index: 3; font-size: 0; width: 30%; } .produto div.principal .cep .input-append.input-prepend .btn:before { content: "Calculate"; font-size: 14px; text-transform: lowercase; color: #858787; font-weight: bold; text-align: center; } .produto div.principal .cep .aviso-disponibilidade { width: 100%; float: left } .sharethis-inline-share-buttons { float: left; width: 35% } @media only screen and (max-width: 768px) { .sharethis-inline-share-buttons { width:100%; margin-top: 20px; display: none !important; } } #st-1 .st-btn[data-network=facebook],#st-1 .st-btn[data-network=googleplus],#st-1 .st-btn[data-network=pinterest],#st-1 .st-btn[data-network=twitter] { border-radius: 50%; background: #F0F0F0 !important; padding: 0; width: 40px; height: 40px; border: solid 1px #F0F0F0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } #st-1 .st-btn[data-network=facebook]>svg,#st-1 .st-btn[data-network=googleplus]>svg,#st-1 .st-btn[data-network=pinterest]>svg,#st-1 .st-btn[data-network=twitter]>svg { fill: #9D9D9D !important; } #st-1 .st-btn[data-network=facebook]:hover,#st-1 .st-btn[data-network=googleplus]:hover,#st-1 .st-btn[data-network=pinterest]:hover,#st-1 .st-btn[data-network=twitter]:hover { top: 0; background: #000!important; opacity: 1; } #st-1 .st-btn[data-network=facebook]:hover>svg,#st-1 .st-btn[data-network=googleplus]:hover>svg,#st-1 .st-btn[data-network=pinterest]:hover>svg,#st-1 .st-btn[data-network=twitter]:hover>svg { fill: #fff!important } .principal > div.acoes-produto > li { float: left; background: 0 0; border: solid 2px #000; color: #000; text-transform: lowercase; font-size: 13px; font-weight: 800; text-align: center; height: 45px; line-height: 45px; width: 200px; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; margin-top: 10px; border-radius: 7px; } .principal > div.acoes-produto > li i { color: #000 } .principal > div.acoes-produto > li i:before { content: "\f004"; margin-right: 10px } .principal > div.acoes-produto > li:hover { background: #000; color: #fff } .principal > div.acoes-produto > li:hover a,.principal > div.acoes-produto > li:hover i { color: #fff } .produto-compartilhar .lista-redes ul li { border: 0 } .thumbs-horizontal ul li a,.thumbs-vertical ul li a { border-radius: 5px; border: solid 1px #d1d1d1; -webkit-box-shadow: none; box-shadow: none } .thumbs-horizontal ul li.active a,.thumbs-vertical ul li.active a { border: solid 1px #000 } .abas-custom .tab-content { -webkit-box-shadow: none; box-shadow: none; } .abas-custom .tab-content p strong span { color: #707070; } .produto .acoes-flutuante { border-top: 0; bottom: 15%; } .produto .acoes-flutuante .close_float { color: #000; font-size: 1.4em; font-weight: 400 } .produto .acoes-flutuante .nome-produto { color: #000; font-size: 15px; font-weight: 400; text-transform: lowercase; text-align: center; } .produto .acoes-flutuante .preco-produto { text-align: center } .produto .acoes-flutuante .preco-produto .preco-venda { font-size: 14px; font-weight: 400; color: #000; display: block; margin: 0 0 7px } .produto .acoes-flutuante .preco-produto .preco-promocional.cor-principal,.produto .acoes-flutuante .preco-produto span.preco-a-partir { font-size: 30px; font-weight: 400; color: #000; display: block } .produto .acoes-flutuante .preco-produto .preco-parcela { font-weight: 400; color: #000; font-size: 15px } .produto .acoes-flutuante .preco-produto .preco-parcela .titulo,.produto .acoes-flutuante .preco-produto .preco-parcela strong { font-weight: 400; color: #000; font-size: 15px } .produto .acoes-flutuante .botao-comprar { width: 100%; background: #55af59; color: #fff; border-radius: 5px; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; line-height: 44px; font-weight: 700; font-size: 0; border: 0 } .produto .acoes-flutuante .botao-comprar:after { content: "Buy"; font-size: 18px; text-transform: lowercase; font-weight: 700; } .produto .acoes-flutuante .botao-comprar i { width: 12px; height: 12px } .produto .acoes-flutuante .botao-comprar i .icon * { fill: #fff } .produto .acoes-flutuante .botao-comprar i:before { content: "" } .produto .acoes-flutuante .disponibilidade-produto { font-size: 14px; font-weight: 400; color: #000 } .produto .acoes-flutuante .disponibilidade-produto .cor-principal { color: #00ae7c } .produto .acoes-flutuante button.open-table { font-size: 0; height: 42px; } .produto .acoes-flutuante a.adic-favo { font-size: 0; } .produto .acoes-flutuante a.adic-favo:before { content: "\f004"; font-size: 1vw; padding: 0; } .produto .acoes-flutuante .size-table { width: 55%; height: 40px; } .produto .acoes-flutuante .addwishlist { width: 40%; height: 40px; } .produto .acoes-flutuante button.open-table svg.icon { margin-right: 0; margin-bottom: 5px; } .produto .atributos .atributo-cor ul li a:hover { border: solid 1px #c4c4c4; opacity: .7 } .produto .atributos .atributo-cor ul li.active a { border-radius: 50%; width: 30px; height: 30px; position: relative; overflow: hidden; border: solid 1px #c4c4c4; opacity: .7 } .produto .atributos .atributo-comum ul li a { border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; border: solid 1px #d1d1d1; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .produto .atributos .atributo-comum ul li a span { padding: 0 } .produto .atributos .atributo-comum ul li a:hover { margin: 0 2px 2px 0; border-color: #000 } .produto .atributos .atributo-comum ul li.active a { border: solid 1px #000 } .produto .tab-content { padding: 0 } .produto #descricao .tabs { list-style: none; margin-left: 0; margin-bottom: 30px; } .produto #descricao .tabs li { background: #fff; float: left; border: solid 1px #ccc; text-align: center; border-radius: 5px; display: block; height: 48px; line-height: 48px; padding: 0 9px; text-transform: lowercase; color: #9f9f9f; font-size: 16px; font-weight: 700; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: pointer; } .produto #descricao .tabs li.current { background: 0 0; border-color: #000000; color: #000000; border-radius: 5px; } .produto #descricao .tab-content { display: none } .produto #descricao .tab-content.current { display: block } .produto .atributos .atributo-comum ul li a { width: auto; height: auto; padding: 0 10px; border-radius: 60px } .avise-me .avise-btn .botao { background: #000; color: #fff } .produto .size-table { position: relative; width: 58%; float: right; height: 50px; } .produto .size-table .open-table { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; background: 0 0; height: 39px; line-height: 36px; padding: 0 20px; float: right; font-size: 12px; font-weight: 800; text-transform: lowercase; color: #000000; vertical-align: middle; border: 1px solid #000000; border-radius: 5px; width: 100%; } .produto .size-table .open-table .icon { width: 20px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 10px; } .produto .size-table .open-table .icon path { fill: #000000; } .produto .size-table .open-table:hover { background: #000000; color: #fff; } .produto .size-table .open-table:hover .icon path { fill: #fff; } .pagina-carrinho .caixa-destaque h1 { color: #000; font-weight: 400; font-size: 20px; text-transform: lowercase; } .caixa-destaque a.botao.principal { border: none; text-transform: lowercase; font-size: 16px; background: #ffa133; color: white; } .tabela-carrinho td,.tabela-carrinho th,.tabela-carrinho tr { border: none } .excluir .icon-trash:before { color: black; } .tabela-carrinho h6 { color: #000; font-size: 14px; text-transform: lowercase; } .tabela-carrinho .hidden-phone.bg-dark:nth-child(odd) { background: #fff } .tabela-carrinho .quantidade input[type=text] { border-radius: 50px } .tabela-carrinho #formCalcularFrete #calcularFrete { border-radius: 50px; width: 50% } .tabela-carrinho #formCalcularFrete button { margin-left: 10px; background: #e3e3e3; color: #000; border-radius: 50px; border: none } .tabela-carrinho #formCalcularFrete button i { display: none } .fancybox-opened .fancybox-skin { border: none; } .fancybox-opened .fancybox-skin .fancybox-outer { height: auto; } .fancybox-opened .fancybox-skin .fancybox-outer .fancybox-inner { height: 100% !important; } #comprar-ajax-status .sucesso .buttons>* { border: none; background: #ffa133; color: white; text-transform: lowercase; margin: 0; margin-right: 0 !important; height: 30px; width: 30%; padding: 0; line-height: 2; font-size: 14px; } .finalizar-compra .caixa-sombreada { -webkit-box-shadow: none; box-shadow: none } .finalizar-compra .botao { height: 40px; line-height: 40px; padding: 0 10px; background: #ececec; color: #000000; font-size: 17px; text-transform: uppercase; border: 1px solid rgba(0,0,0,0.1); } .finalizar-compra .botao:first-child:before { content: "\f104"; font-family: FontAwesome; margin-right: 10px } .finalizar-compra .botao.principal { background: #55af59; color: #fff; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; text-transform: lowercase; border-color: #55af59; margin: 0 5px; } .carrinho-checkout .atendimento { border: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .carrinho-checkout .atendimento li a:hover { text-decoration: none } .carrinho-checkout .atendimento li span.display-table { color: #ffa133; font-weight: 400; text-transform: lowercase; font-size: 16px; display: inline-block; vertical-align: middle; } .carrinho-checkout .atendimento li span.display-table .icone-box { border: none } .carrinho-checkout .atendimento li span.display-table .icone-box .icon { fill: #ffffff; width: 35px; height: 35px; display: none; vertical-align: middle; margin-right: 5px; } .carrinho-checkout .atendimento li span.display-table .icone-box .icon * { fill: #363636; } .carrinho-checkout .atendimento li span.display-table .icone-box .icon .c { fill: transparent } .carrinho-checkout .atendimento li span.display-table .icone-box i { color: #ffffff; font-size: 3rem; display: none; } .carrinho-checkout .atendimento li strong { color: #ffffff; font-weight: 400; text-transform: lowercase; font-size: 13px; } .carrinho-checkout .conteiner-principal #corpo .conteiner { -webkit-box-shadow: none; box-shadow: none } .carrinho-checkout .identificacao hr.sem-margem { display: none } .campos-pedido .caixa-sombreada { -webkit-box-shadow: none; box-shadow: none; border: none; border: solid 1px #d8d9da } .campos-pedido legend { border-color: #000; border-width: 3px; color: #000; font-size: 18px; font-weight: 600 } .campos-pedido legend [class^=icon-] { color: #000 } .campos-pedido .identificacao .identificacao-title { font-size: 20px; font-weight: 400; color: #000; text-transform: lowercase; } .campos-pedido .identificacao input { -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; padding: 0 0 0 15px; width: 100% } .campos-pedido .identificacao .submit-email.botao.principal { height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; text-transform: lowercase; background: #5cb85c; color: #ffffff; border-color: #5cb85c; font-size: 15px; font-weight: 700; padding: 7px; } #finalizarCompra { background: #55af59; border-color: #55af59; color: #fff } .resumo-compra .tabela-carrinho { margin: 0 } .checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok,.checkout-alerta-seguro .checkout-alerta-seguro-tit { color: #000; font-weight: 500; text-transform: lowercase; } .free-shipping { display: block; width: 100%; text-align: center; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-weight: 400; font-size: 13px; margin: 0 0 20px; text-transform: uppercase } .free-shipping .icon { width: 30px; height: 30px; fill: #fff; vertical-align: middle; margin-right: 10px } .free-shipping em { font-weight: 600; font-style: normal } .free-shipping.warning { background: #f0ad4e } .free-shipping.success { background: #5cb85c } .float-contact { position: fixed; top: auto; bottom: 2rem; left: 1rem; z-index: 99; height: auto; display: none } .float-contact .icon { width: 35px; height: 35px; fill: #fff } .float-contact .icon * { fill: #fff } .float-contact .float-items { display: flex; flex-wrap: wrap; flex-direction: column; margin: 0; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; transform: translateX(-100%) } .float-contact .float-items>li { padding: 5px 0 } .float-contact .float-items>li>a { display: block; background: #000000; width: 64px; height: 64px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .float-contact .float-items>li:hover a { background: #000000 } .float-contact .float-items>li:hover a .icon { width: 35px; height: 35px; fill: #fff } .float-contact .float-items>li:hover a .icon * { fill: #fff } .float-contact .float-items>li:last-child { padding-bottom: 10px } .float-contact .float-open { background: #000000; width: 64px; height: 64px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .float-contact .float-open:hover { background: #000000 } .float-contact .float-open:hover .icon { width: 35px; height: 35px; fill: #fff } .float-contact .float-open:hover .icon * { fill: #fff } .float-contact:hover .float-items { opacity: 1; visibility: visible; transform: translateX(0) } @media screen and (max-width: 767px) { #corpo .conteiner .breadcrumbs { display: none; } .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo { height: 80%; } .float-contact { display: none } .pagina-produto .breadcrumbs { display: none; } .produto .codigo-produto { margin: 0; color: black; } .produto .codigo-produto .cor-secundaria { color: black; } .produto #descricao .tabs { display: flex; flex-direction: column; align-items: center; } .produto #descricao .tabs li.tab-link { margin: 5px 0; width: 90%; } .produto #descricao .tab-content.current { width: 85%; margin: 0 auto; border: 1px solid #000000; padding: 15px; border-radius: 10px; } #comprar-ajax-status .sucesso .buttons>* { width: auto; margin: 5px !important; } } #rodape .lista-redes ul li,.barra-inicial .lista-redes ul li { border: none; margin: 5px } #rodape .lista-redes ul li a,.barra-inicial .lista-redes ul li a { border: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } #rodape .lista-redes [class^=icon],.barra-inicial .lista-redes [class^=icon] { background: 0 0; border: none; font-size: 18px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .barra-inicial .lista-redes ul li:hover a i { color: #000 } .barra-inicial .lista-redes [class^=icon] { color: #363636; } .lista-redes ul li { margin-bottom: 5px; display: block !important; } #rodape .lista-redes ul li a { width: 32px; height: 32px; border: white; display: block; background: #000000; border-radius: 50%; margin: 0; } #rodape .lista-redes ul li:hover a { opacity: .7; } #rodape .lista-redes ul li:hover a i { color: #343434; } #rodape .lista-redes [class^=icon] { color: #ffffff; } div#instagram { text-align: left; margin: 0 0 60px } div#instagram .conteiner { padding: 10px 0px; } div#instagram .icon { width: 30px; height: 30px; vertical-align: sub; margin-right: 10px; display: none } div#instagram .icon .cls-1 { fill: #000000 } div#instagram h2 { padding: 0 0 10px; position: relative; display: block; margin: 0; } div#instagram h2:after { content: ""; background: #d0d0d0; width: 100%; height: 0; display: block; margin: 15px auto } div#instagram h2 span { margin-right: 5px } div#instagram h2 a,div#instagram h2 span { font-size: 26px; font-weight: 400; color: #000; display: inline-block; text-decoration: none; text-transform: none } div#instagram h2 a { color: #ffa133; font-weight: 700; } div#instagram h2 a:hover { color: #000000; } div#instagram ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; margin: 0 } div#instagram ul li { margin-right: 20px; display: inline-block; overflow: hidden; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 5px; cursor: pointer; } div#instagram ul li a { position: relative; display: block; height: 100% } div#instagram ul li a:before { content: '\f06e'; font-family: FontAwesome; text-align: center; color: #fff; font-size: 1.5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; z-index: 10; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } div#instagram ul li a:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; left: 0; right: 0; bottom: 0; display: block; opacity: 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } div#instagram ul li a img { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100% } div#instagram ul li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } div#instagram ul li:hover a:after,div#instagram ul li:hover a:before { opacity: 1 } div#instagram ul li:last-child { margin-right: 0 } .pagina-categoria #instagram,.pagina-inicial #instagram,.pagina-produto #instagram { display: block } .pagina-cadastro #instagram,.pagina-carrinho #instagram,.pagina-checkout #instagram,.pagina-conta #instagram,.pagina-login #instagram { display: none } .video-container { position: relative; width: 100%; max-width: 1274px; height: 500px; margin: 35px auto; } @media only screen and (max-width: 768px) { /* insta mobile */ div#instagram ul li:first-child, div#instagram ul li:last-child { display: block; } div#instagram ul li { display: none; } div#instagram h2 a, div#instagram h2 span { font-size: 21px; } .video-container { height: 200px } } .video-container iframe { position: absolute } body:not(.pagina-inicial) #video { display: none!important } @media only screen and (max-width: 768px) { #rodape { text-align:center } .pagamento-selos .row-fluid { display: flex; } } #rodape .titulo { border: none; font-size: 20px; font-weight: bold; text-transform: lowercase; color: #000000; } #rodape .institucional .span9 .span4.links-rodape.links-rodape-paginas > span { FONT-SIZE: 0; } #rodape .institucional .span9 .span4.links-rodape.links-rodape-paginas > span:after { content: 'need help?'; font-size: 20px; color: #000000; } #rodape .institucional { min-height: 425px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: none; } #rodape .pagamento-selos { background: #f2f2f2; } .pagamento-selos .row-fluid .pagamento { width: 50%; } .pagamento-selos .row-fluid .selos { width: 50%; margin: 0; } #rodape > div:nth-child(3) { border-top: none !important; } #rodape .pagamento-selos .titulo { color: #000000; } #rodape .redes-sociais { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: none; height: 9%; position: relative; width: auto; } #rodape .institucional li { list-style: none } #rodape .institucional li a { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; position: relative } #rodape .institucional li a:hover { color: #ffa133; text-decoration: none } #rodape .institucional a,#rodape .institucional p { color: #646464; font-size: 16px; font-weight: 400; margin-top: 17px; } #rodape .sobre-loja-rodape span.titulo { display: none } #rodape .sobre-loja-rodape .logo a { background: #ffa133; border-radius: 0 20px; display: flex; align-items: center; justify-content: center; width: 80%; height: auto; } #rodape .sobre-loja-rodape .logo a img { width: 70%; position: static; margin: 6px 0; } @media only screen and (max-width: 768px) { #rodape .sobre-loja-rodape .logo a img { margin:15px auto; width: 50%; } } #rodape .sobre-loja-rodape p { text-transform: none } #rodape .sobre-loja-rodape .more { font-size: 14px; font-weight: 600; display: block; width: 96px; height: 45px; background: 0 0; border: solid 2px #000000; text-align: center; color: #000000; padding: 12px 0; -webkit-transition: all 1s; transition: all 1s; margin: 0; line-height: 15px; text-transform: lowercase; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } #rodape .sobre-loja-rodape .more:hover { text-decoration: none; color: #ffffff; background: #ffa133; } @media only screen and (max-width: 768px) { #rodape .sobre-loja-rodape .more { margin:20px auto } } #rodape .links-rodape-atendimento { display: none } #rodape .links-rodape-paginas+.links-rodape-atendimento { display: block } .links-rodape-atendimento .icon { width: 15px; height: 15px; display: none; vertical-align: middle; fill: 343434; margin-right: 5px } .links-rodape-atendimento .office-hours .title .icon .a { fill: transparent } .links-rodape-atendimento .office-hours .title .icon .c { fill: 343434 } #rodape .gateways-rodape { border: 0; width: auto; } #rodape .componente.newsletter .interno { padding: 0 } #rodape .componente.newsletter .interno .titulo { display: none } #rodape .componente.newsletter .interno .texto-newsletter { padding: 25px 0 15px; color: 343434; font-weight: 700; text-transform: uppercase; font-size: 15px } #rodape .componente.newsletter .interno .input-conteiner input { background: #2c2c2c; height: 40px; border-radius: 4px; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; padding: 0 0 0 15px; color: 343434; width: 100% } #rodape .componente.newsletter .interno .input-conteiner input::-webkit-input-placeholder { color: #9f9f9f; font-size: 13px; font-weight: 500 } #rodape .componente.newsletter .interno .input-conteiner input:-moz-placeholder { color: #9f9f9f; font-size: 13px; font-weight: 500 } #rodape .componente.newsletter .interno .input-conteiner input::-moz-placeholder { color: #9f9f9f; font-size: 13px; font-weight: 500 } #rodape .componente.newsletter .interno .input-conteiner input:-ms-input-placeholder { color: #9f9f9f; font-size: 13px; font-weight: 500 } #rodape .componente.newsletter .interno .input-conteiner .botao { height: 40px; border-radius: 4px; background: #000; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0 } #rodape .componente.newsletter .interno .input-conteiner .botao:after { content: 'Subscribe'; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: Lato } #rodape .componente.newsletter .interno .newsletter-confirmacao { padding: 25px 0 15px } #rodape .componente.newsletter .interno .newsletter-confirmacao span { font-size: 10px; font-weight: 700; text-transform: uppercase } #rodape .componente.newsletter .interno .newsletter-confirmacao .icon-ok { color: #000 } #rodape .componente.newsletter .interno .newsletter-confirmacao .icon-ok:before { content: "\f058" } #rodape .links-rodape-categorias { padding-left: 0; margin: 0 } @media only screen and (max-width: 768px) { #rodape .links-rodape-categorias { padding-left:0 } #rodape>div.institucional>div>div>div.span3 { left: 0px; } } #rodape>div.institucional>div>div>div.span3 { float: right; position: relative; } #rodape .caixa-facebook, #rodape > div.institucional.fundo-secundario > div > div > div.span3 > div > span { display: none; } #rodape>div.institucional>div>div>div.span9 { width: 100% } #rodape>div.institucional>div>div>div.span9 .span4 { width: 25%; } #rodape .institucional .span4.sobre-loja-rodape { margin-right: 80px; } @media only screen and (max-width: 768px) { #rodape>div.institucional>div>div>div.span9 .span4 { width:100%; height: auto; } } #rodape>div.institucional>div>div>div.span9 .span4.links-rodape.links-rodape-categorias,#rodape>div.institucional>div>div>div.span9 .span4.links-rodape.links-rodape-paginas { width: 18%; } @media only screen and (max-width: 768px) { #rodape>div.institucional>div>div>div.span9 .span4.links-rodape.links-rodape-categorias,#rodape>div.institucional>div>div>div.span9 .span4.links-rodape.links-rodape-paginas { width:100% } } .scrollToTop { position: fixed; z-index: 999; bottom: 2rem; right: 1rem; background: #ffa133; color: #fff; display: block; width: 52px; height: 52px; text-align: center; border-radius: 5px; padding: 10px; display: none; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .scrollToTop span { font-size: 13px; font-weight: 600; font-family: Lato; display: none } .scrollToTop i { font-size: 2.5em; font-weight: 400; font-family: FontAwesome; } .scrollToTop:active,.scrollToTop:focus,.scrollToTop:hover { text-decoration: none; background: #000000; color: #fff } .whats-btn-fixed { position: fixed; bottom: 7em; right: 0px; width: 80px; height: 80px; z-index: 999; } #fb-root { display: none } .fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] { width: 100%!important } #modalContato { border-radius: 5px; margin: 0; top: 50%; left: 50%; transform: translate(-50%,-50%) } #modalContato .modal-header { padding: 0 0 20px; font-size: 15px; font-weight: 400; color: #000; border-bottom: solid 1px #000; margin: 30px } #modalContato .modal-header .titulo { text-transform: uppercase; font-size: 20px; font-weight: 700; color: #000; margin-right: 35px } #modalContato .modal-header .close { color: #000; font-weight: 400; font-size: 1.2em; opacity: 1 } #modalContato .modal-body { border: 0 } #modalContato .form-horizontal .control-label { font-weight: 400; color: #9f9f9f; font-size: 14px } #modalContato .form-horizontal input,#modalContato .form-horizontal textarea { border-radius: 5px; width: 100%; height: 40px; border: solid 1px #d1d1d1; transition: all .2s ease-out; box-sizing: border-box; padding: 10px; outline: 0; box-shadow: none } #modalContato .form-horizontal input:focus,#modalContato .form-horizontal textarea:focus { border-color: #000; outline: 0; box-shadow: none } #modalContato .form-horizontal textarea { height: 110px } #modalContato table td,#modalContato table th,#modalContato table tr { border: none } #modalContato table td b { color: #9f9f9f; font-weight: 400; font-size: 14px } #modalContato table td span { font-size: 14px; font-weight: 400; color: #000 } #modalContato .table-hover tbody tr:hover>td,#modalContato .table-hover tbody tr:hover>th { background: 0 0 } #modalContato .controls { display: flex; flex-wrap: wrap; justify-content: flex-end } #modalContato .controls .botao { opacity: 1; transition: all .2s ease-out } #modalContato .controls .botao.principal { order: 2 } #modalContato .controls .botao.principal.pull-right { margin: 0 } #modalContato .controls .botao.principal+.botao { border-color: #9f9f9f } #modalContato .controls .botao:hover { background: #000; border-color: #000; color: #fff; opacity: 1 } @media only screen and (max-width: 767px) { #rodape .sobre-loja-rodape .logo a { margin: 0 auto; } .whats-btn-fixed { width: 60px; height: 50px; right: -2px; bottom: 9.5em; } .scrollToTop { width: 40px; height: 40px; padding: 7px; bottom: 6.5em; right: 0.5em; } .scrollToTop i { font-size: 25px; } #tarja-top { display: none; } #cabecalho { padding-top: 0; } #cabecalho:before { display: none } div#instagram { padding: 10px; margin: 0; } .atalhos-mobile { background: none; border: none; z-index: 10; position: relative; padding: 10px 10px 0; box-shadow: 4px 3px 7px #000000a3; height: 50px; } .atalhos-mobile ul li { border: none; height: 30px; margin: 0 3px; } .atalhos-mobile ul .search { margin-right: 10px; } .atalhos-mobile ul .search svg path { fill: #ffffff; } .atalhos-mobile li.vazia { display: none; } .atalhos-mobile li:first-child { float: right; display: none; } .atalhos-mobile ul li.fundo-principal { background: 0 0; } .atalhos-mobile ul li .icon-shopping-cart { top: 4px; } .atalhos-mobile ul li a { display: flex; flex-wrap: wrap; align-items: center; padding: 0 3px; } .atalhos-mobile ul li a .icon { height: 24px; fill: #000000; } .atalhos-mobile ul li a .icon * { fill: #ffa133; } .atalhos-mobile ul li .icon-user .icon * { fill: #ffa133; } .atalhos-mobile ul li a .icon .c { fill: transparent } .atalhos-mobile ul li a .qtd-carrinho, .atalhos-mobile ul li a:before { display: none; } .atalhos-mobile ul li a:hover { opacity: .7 } .conteudo-topo .busca-mobile { background: 0 0; overflow: visible; } .conteudo-topo .busca-mobile.fixed .busca .botao-busca { top: 0; right: 0; } #cabecalho .busca input, .conteudo-topo .busca-mobile .busca .botao-busca { display: none; } .conteudo-topo .busca-mobile.fixed .busca .botao-busca { display: block; margin: 0; } #cabecalho .busca { width: 85%; margin: 0; float: right; } #cabecalho .busca-mobile.fixed input { display: -webkit-inline-box; width: 100%; } .conteudo-topo .busca-mobile .atalho-menu { background: 0 0; border-radius: 5px; height: 40px; width: 15%; padding: 0 10px; line-height: 40px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; top: -153px; z-index: 999; float: left; } .conteudo-topo .busca-mobile .atalho-menu { height: 36px; line-height: 35px; } .conteudo-topo .busca-mobile.fixed .atalho-menu { top: 0; line-height: 55px; height: 45px; } .conteudo-topo .busca-mobile .atalho-menu.icon-th::before { content: "\f0c9"; font-size: 2em; font-weight: 400; color: #ffffff; } .conteudo-topo .busca-mobile.fixed { position: fixed; top: 0; left: 0; right: 0; background: #000000; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2); box-shadow: 0 0 30px 0 rgba(0,0,0,.2); z-index: 999; border-radius: 0px; width: 100% !important; } #cabecalho .conteudo-topo.span9 div.span8.busca-mobile.fixed > div.busca.borda-alpha { margin: 0; } .conteudo-topo .menu.superior.visible-phone { position: fixed; top: 0; left: -100%; visibility: hidden; opacity: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.4); width: 100%; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .conteudo-topo .menu.superior.visible-phone .wrap:before { content: "categories"; color: #9b9b9b; font-size: 20px; font-weight: 600; display: block; padding: 20px; background: #fff; } .conteudo-topo .menu.superior.visible-phone .wrap { height: auto; background: #fff; width: 80%; } .conteudo-topo .menu.superior.visible-phone ul { border: none; margin: 0 } .menu .nivel-dois li:hover>.nivel-tres.active { display: block !important; position: relative; left: 3%; box-shadow: none; } .conteudo-topo .menu.superior.visible-phone ul li { border: none; padding: 0 20px } .conteudo-topo .menu.superior.visible-phone ul li a,.conteudo-topo .menu.superior.visible-phone ul li strong { color: #000; font-size: 14px; font-weight: 600 } .conteudo-topo .menu.superior.visible-phone ul li:hover { background: 0 0 } .conteudo-topo .menu.superior.visible-phone ul.nivel-um { height: auto; overflow: auto; } .conteudo-topo .menu.superior.visible-phone ul.nivel-um>li.com-filho>a i { position: absolute; right: 10px; width: 30px; height: 30px; top: 0; display: block; font-size: 0; background: 0 0 } .conteudo-topo .menu.superior.visible-phone ul.nivel-um>li.com-filho>a i:after { content: '\f107'; font-family: FontAwesome; display: inline-block; vertical-align: middle; color: #000; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .conteudo-topo .menu.superior.visible-phone ul.nivel-dois>li.com-filho>a i { position: absolute; right: -10px; width: 30px; height: 30px; top: 0; display: block; font-size: 0; background: 0 0; margin-top: 0; } .conteudo-topo .menu.superior.visible-phone ul.nivel-dois>li.com-filho>a i:after { content: '\f107'; font-family: FontAwesome; display: inline-block; vertical-align: middle; color: #000; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .conteudo-topo .menu.superior.visible-phone ul.nivel-dois { display: none } .conteudo-topo .menu.superior.visible-phone ul.nivel-dois li a { color: #8a8a8a; font-size: 12px; } .conteudo-topo .menu.superior.visible-phone ul.nivel-dois.active { display: block } .conteudo-topo .menu.superior.visible-phone ul.action-links { margin: 20px 0; } .conteudo-topo .menu.superior.visible-phone ul.action-links li { margin: 20px 0 } .conteudo-topo .menu.superior.visible-phone ul.action-links li a { color: #9b9b9b; font-size: 20px; font-weight: 600; text-transform: lowercase; } .conteudo-topo .menu.superior.visible-phone .menu-close { border: none; cursor: pointer; outline: 0; -webkit-box-shadow: none; box-shadow: none; position: absolute; top: 0; right: 0; z-index: 10; height: 100%; width: 20%; background: 0 0 } .conteudo-topo .menu.superior.visible-phone .menu-close:after { content: 'X'; position: absolute; top: 0; right: 0; width: 100%; height: 72px; line-height: 72px; font-size: 20px; font-weight: 600; background: #000000; color: #fff } .conteudo-topo .menu.superior.visible-phone.menu-active { left: 0; visibility: visible; opacity: 1 } .banner.tarja img:nth-child(2) { display: block; } #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva,.listagem.aproveite-tambem .listagem-item .acoes-produto-responsiva { display: none!important } #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone { display: none!important; background: 0 0; opacity: 1; position: relative } #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,#listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .prod-counter,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .prod-counter { width: 100%; margin: 5px 0 } #listagemProdutos.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar,.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone .botao-comprar { font-size: 12px } #listagemProdutos.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-item .info-produto { min-height: 145px } .produto-compartilhar { border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } .produto-compartilhar .lista-redes .fa-whatsapp { display: none; } .produto .principal .acoes-produto .comprar>.qtde-adicionar-carrinho .qtde-carrinho { width: 100% } .produto .principal .acoes-produto .comprar>.botao-comprar { background-color: #42d859 } .produto .principal .acoes-produto .preco-produto { text-align: center } .produto .principal .acoes-produto .preco-produto,.produto .principal .acoes-produto.disponivel { border: none } .produto .principal .parcelas-produto { border: none } .parcelas-produto .accordion .accordion-group .accordion-body .accordion-inner ul li span { color: black; } #rodape .institucional { min-height: 1px; height: auto; } #rodape .institucional a i { color: #343434 } #rodape .institucional .span12.visible-phone { display: none!important; } #rodape .links-rodape .titulo { margin: 0; padding: 15px 0; vertical-align: middle; } #rodape .links-rodape .office-hours,#rodape .links-rodape ul { display: block; } #rodape .links-rodape .office-hours.active,#rodape .links-rodape ul.active { display: block } .listagem .listagem-item .imagem-produto,.listagem .listagem-item .info-produto { float: left; width: 100% } .prod-counter { display: none } #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li { border: none; min-height: inherit; height: inherit; max-height: inherit; width: 178px !important; } .redes-sociais { margin: 20px 0 } .finalizar-compra .acao-editar.row-fluid .span12 { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center } .finalizar-compra .acao-editar.row-fluid .span12>* { width: 250px; padding: 0 } .row-fluid.banner.hidden-phone.conteiner { display: block !important; padding: 0; margin: 0; } .banner.tarja { display: flex; justify-content: center; width: 100%; } .banner.tarja img { width: 100%; height: 70px; } .banner.tarja img:nth-child(1) { display: none; } .pagina-categoria .secao-banners .conteiner { padding: 0; } .row-fluid.banner.cheio { box-shadow: 0px 3px 6px 6px #00000021; z-index: 1; } .pagina-produto .secao-banners .banner.tarja { margin: 0; padding: 0; } .pagina-produto .secao-banners .conteiner { padding: 0; } .buscafloat { display: none; } .buscafloat.active { display: block; position: absolute; left: 0; top: 60px; width: 100%; background: white; border: none; } .buscafloat form#form-buscar { border: none; margin: 0; padding: 5px; } .buscafloat form#form-buscar input#auto-complete { width: 70%; margin: 0; height: 25px; border-radius: 5px 0 0 5px; color: black; } .buscafloat form#form-buscar button.botao.botao-busca.icon-search.fundo-secundario { width: 20%; height: 47px; border-radius: 0px 5px 5px 0px; border: none; background: #d8d8d8; } .buscafloat form#form-buscar button.botao.botao-busca.icon-search.fundo-secundario:before { content: "\f002"; color: black; font-size: 20px; } } /* video na pagina do produto */ div#modalVideo { display: block !important; position: relative; float: left; top: 0%; left: 0; margin-left: 0; width: 100%; height: auto; z-index: 9; border: none; box-shadow: none; margin-bottom: 50px; } #modalVideo .modal-body { border: none; padding: 0; } #modalVideo > div.modal-footer, .produto-video, #modalVideo > div.modal-header { display: none; } @media only screen and (min-width: 768px) { iframe#playerVideo { width: 100%; min-height: 350px; height: auto; } #rodape>div.institucional>div>div>div.span3 { left: -78px; top: 30px; } .produto #descricao .tabs li { margin-right: 20px; } .flex-direction-nav li a .icon * { fill: #ffffff; } } @media only screen and (max-width: 767px) { /* rodape */ #rodape .institucional .span9 .span4.links-rodape.links-rodape-paginas > span:after { margin: 0 86px; } .flex-direction-nav li a { background: 0 0; } .flex-direction-nav li a .icon { fill: #ffa133; } iframe#playerVideo { width: 100%; } .row-fluid .produto { display: flex; flex-direction: column; } .produto .nome-produto { text-transform: lowercase; color: black; } div#modalVideo { margin-top: 100px; } .tab-content>.active, .pill-content>.active { margin-bottom: 35px; } /* medidas */ .produto .size-table .open-table { font-size: 3vw; } } #testimonials h2 { display: flex; flex-direction: column; align-items: center; color: black; font-weight: bold; text-transform: lowercase; font-size: 25px; margin: 0 0 20px; } #testimonials h2 strong { font-size: 30px; font-weight: bold; text-transform: lowercase; color: black; } #testimonials .draggable { width: 95%; margin: 0 auto; } #testimonials article.slick-slide { margin: 0 3px; display: flex; flex-direction: column; align-items: center; text-align: center; color: black; } #testimonials h2 strong { font-size: 30px; font-weight: bold; text-transform: lowercase; color: black; } #testimonials h2 strong:after { content: ""; width: 50%; height: 2px; display: block; background: #000000; margin: 5px auto; } article.slick-slide.slick-active p { font-size: 15px; color: black; } #testimonials article.slick-slide strong { font-size: 18px; color: black; margin-bottom: 10px; } @media screen and (min-width: 1400px) { .full.menu .conteiner .nivel-um>li>a>.titulo { font-size: 1vw; white-space: pre; } } @media only screen and (max-width: 380px) { #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li { width: 178px !important; } } @media only screen and (min-width: 381px) and (max-width: 767px) { #listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li { width: 196px !important; } } .lista-redes .icon-whatsapp, .lista-redes .fa-whatsapp { background-color: #2ab200; display: none; } #cabecalho .full.menu .conteiner .offers .nivel-dois { min-width: 1000px; } #cabecalho .full.menu .offers .nivel-dois .mega-recebe-prod { padding: 0; } .full.menu .conteiner .offers .listagem ul li { padding: 10px; width: 23%; } .full.menu .conteiner .listagem li .info-produto a { white-space: initial; } .full.menu .conteiner .listagem .preco-produto>div { display: flex; align-items: flex-start; flex-direction: column; height: 35px; justify-content: center; } #cabecalho .listagem-item .adic-favo { top: -5px; right: -93%; } .preco-produto div:nth-child(2) s { margin: 0 !important; } .full.menu .conteiner .listagem li .listagem-item { max-height: 420px; } .full.menu .conteiner .listagem li .listagem-item .acoes-produto .qtd-nav i { display: block; } #modalNewsletter .interno .icon path { stroke: #ffa133; } .mega-recebe-prod .bandeiras-produto { width: 55%; } .produto .atributos .atributo-cor ul { display: flex; } .produto .atributos .atributo-cor ul li { float: none; margin: 3px; } .produto .atributos .atributo-cor ul li a { -webkit-box-shadow: none; box-shadow: none; border-radius: 50px; width: 30px; height: 30px; margin: 0; border: 1px solid white; } .produto .atributos .atributo-cor ul li a span { border-width: 0 0 30px 30px; border-radius: 50px; } .mega-recebe-prod #listagemProdutos ul button.slick-prev { left: 5px; } .mega-recebe-prod #listagemProdutos ul button.slick-next { right: 5px; } .mega-recebe-prod #listagemProdutos.listagem .listagem-item { margin: 0; } span.carrinho-cheio b span {font-size: 14px;font-weight: bold;} .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal { opacity: 1; } span.carrinho-cheio b span { font-size: 14px; font-weight: bold; color: #ffffff; }