@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700);* { font-family: Montserrat } .container { margin: 0 auto; height: auto } body { padding-top: 83px } @media (min-width: 1140px) { .container { max-width:1140px } } @media (max-width: 1139px) { .container { max-width:970px } } @media (max-width: 1119px) { body { padding-top:54px } .container { max-width: 100% } } @media (max-width: 411px) { .vtex-toast,.vtex-toast a { font-size:13px !important } } section[data-testid=warnings-section] ul li:first-child p { visibility: hidden; position: relative } section[data-testid=warnings-section] ul li:first-child p:after { content: "Payment approval may take from 4 hours up to 5 business days."; visibility: visible; display: block; margin-top: -.75rem } a[data-testid=button-link] button.c-danger { display: none } .vtex-my-orders-app-3-x-orderDetails>div>section>article:nth-child(3)>section>div:nth-child(4)>div:first-child { visibility: hidden } .vtex-my-orders-app-3-x-orderDetails>div>section>article:nth-child(3)>section>div:nth-child(4)>div:first-child:after { content: "Taxes"; visibility: visible; display: block; margin-top: -1rem } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem } .row.reverse { flex-direction: row-reverse } .col.reverse { flex-direction: column-reverse } .col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-xs { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-xs-1 { flex-basis: 8.333%; max-width: 8.333% } .col-xs-2 { flex-basis: 16.667%; max-width: 16.667% } .col-xs-3 { flex-basis: 25%; max-width: 25% } .col-xs-4 { flex-basis: 33.333%; max-width: 33.333% } .col-xs-5 { flex-basis: 41.667%; max-width: 41.667% } .col-xs-6 { flex-basis: 50%; max-width: 50% } .col-xs-7 { flex-basis: 58.333%; max-width: 58.333% } .col-xs-8 { flex-basis: 66.667%; max-width: 66.667% } .col-xs-9 { flex-basis: 75%; max-width: 75% } .col-xs-10 { flex-basis: 83.333%; max-width: 83.333% } .col-xs-11 { flex-basis: 91.667%; max-width: 91.667% } .col-xs-12 { flex-basis: 100%; max-width: 100% } .col-xs-offset-1 { margin-left: 8.333% } .col-xs-offset-2 { margin-left: 16.667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.333% } .col-xs-offset-5 { margin-left: 41.667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.333% } .col-xs-offset-8 { margin-left: 66.667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.333% } .col-xs-offset-11 { margin-left: 91.667% } .start-xs { justify-content: flex-start; text-align: start } .center-xs { justify-content: center; text-align: center } .end-xs { justify-content: flex-end; text-align: end } .top-xs { align-items: flex-start } .middle-xs { align-items: center } .bottom-xs { align-items: flex-end } .around-xs { justify-content: space-around } .between-xs { justify-content: space-between } .first-xs { order: -1 } .last-xs { order: 1 } @media only screen and (min-width: 48em) { .container { width:46rem } .col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-sm-1 { flex-basis: 8.333%; max-width: 8.333% } .col-sm-2 { flex-basis: 16.667%; max-width: 16.667% } .col-sm-3 { flex-basis: 25%; max-width: 25% } .col-sm-4 { flex-basis: 33.333%; max-width: 33.333% } .col-sm-5 { flex-basis: 41.667%; max-width: 41.667% } .col-sm-6 { flex-basis: 50%; max-width: 50% } .col-sm-7 { flex-basis: 58.333%; max-width: 58.333% } .col-sm-8 { flex-basis: 66.667%; max-width: 66.667% } .col-sm-9 { flex-basis: 75%; max-width: 75% } .col-sm-10 { flex-basis: 83.333%; max-width: 83.333% } .col-sm-11 { flex-basis: 91.667%; max-width: 91.667% } .col-sm-12 { flex-basis: 100%; max-width: 100% } .col-sm-offset-1 { margin-left: 8.333% } .col-sm-offset-2 { margin-left: 16.667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.333% } .col-sm-offset-5 { margin-left: 41.667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.333% } .col-sm-offset-8 { margin-left: 66.667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.333% } .col-sm-offset-11 { margin-left: 91.667% } .start-sm { justify-content: flex-start; text-align: start } .center-sm { justify-content: center; text-align: center } .end-sm { justify-content: flex-end; text-align: end } .top-sm { align-items: flex-start } .middle-sm { align-items: center } .bottom-sm { align-items: flex-end } .around-sm { justify-content: space-around } .between-sm { justify-content: space-between } .first-sm { order: -1 } .last-sm { order: 1 } } @media only screen and (min-width: 62em) { .container { width:61rem } .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-md { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-md-1 { flex-basis: 8.333%; max-width: 8.333% } .col-md-2 { flex-basis: 16.667%; max-width: 16.667% } .col-md-3 { flex-basis: 25%; max-width: 25% } .col-md-4 { flex-basis: 33.333%; max-width: 33.333% } .col-md-5 { flex-basis: 41.667%; max-width: 41.667% } .col-md-6 { flex-basis: 50%; max-width: 50% } .col-md-7 { flex-basis: 58.333%; max-width: 58.333% } .col-md-8 { flex-basis: 66.667%; max-width: 66.667% } .col-md-9 { flex-basis: 75%; max-width: 75% } .col-md-10 { flex-basis: 83.333%; max-width: 83.333% } .col-md-11 { flex-basis: 91.667%; max-width: 91.667% } .col-md-12 { flex-basis: 100%; max-width: 100% } .col-md-offset-1 { margin-left: 8.333% } .col-md-offset-2 { margin-left: 16.667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.333% } .col-md-offset-5 { margin-left: 41.667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.333% } .col-md-offset-8 { margin-left: 66.667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.333% } .col-md-offset-11 { margin-left: 91.667% } .start-md { justify-content: flex-start; text-align: start } .center-md { justify-content: center; text-align: center } .end-md { justify-content: flex-end; text-align: end } .top-md { align-items: flex-start } .middle-md { align-items: center } .bottom-md { align-items: flex-end } .around-md { justify-content: space-around } .between-md { justify-content: space-between } .first-md { order: -1 } .last-md { order: 1 } } @media only screen and (min-width: 75em) { .container { width:71rem } .col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-lg-1 { flex-basis: 8.333%; max-width: 8.333% } .col-lg-2 { flex-basis: 16.667%; max-width: 16.667% } .col-lg-3 { flex-basis: 25%; max-width: 25% } .col-lg-4 { flex-basis: 33.333%; max-width: 33.333% } .col-lg-5 { flex-basis: 41.667%; max-width: 41.667% } .col-lg-6 { flex-basis: 50%; max-width: 50% } .col-lg-7 { flex-basis: 58.333%; max-width: 58.333% } .col-lg-8 { flex-basis: 66.667%; max-width: 66.667% } .col-lg-9 { flex-basis: 75%; max-width: 75% } .col-lg-10 { flex-basis: 83.333%; max-width: 83.333% } .col-lg-11 { flex-basis: 91.667%; max-width: 91.667% } .col-lg-12 { flex-basis: 100%; max-width: 100% } .col-lg-offset-1 { margin-left: 8.333% } .col-lg-offset-2 { margin-left: 16.667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.333% } .col-lg-offset-5 { margin-left: 41.667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.333% } .col-lg-offset-8 { margin-left: 66.667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.333% } .col-lg-offset-11 { margin-left: 91.667% } .start-lg { justify-content: flex-start; text-align: start } .center-lg { justify-content: center; text-align: center } .end-lg { justify-content: flex-end; text-align: end } .top-lg { align-items: flex-start } .middle-lg { align-items: center } .bottom-lg { align-items: flex-end } .around-lg { justify-content: space-around } .between-lg { justify-content: space-between } .first-lg { order: -1 } .last-lg { order: 1 } } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list,.slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { transform: translateZ(0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .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-loading .slick-list { background: #fff url(c5cd7f5300576ab4c88202b42f6ded62.gif) 50% no-repeat } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(ced611daf7709cc778da928fec876475.eot); src: url(ced611daf7709cc778da928fec876475.eot?#iefix) format("embedded-opentype"),url(b7c9e1e479de3b53f1e4e30ebac2403a.woff) format("woff"),url(d41f55a78e6f49a5512878df1737e58a.ttf) format("truetype"),url(52d45b9f0b76fad19c7a776e3025a12f.svg#slick) format("svg") } .slick-next,.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translateY(-50%); cursor: pointer; border: none } .slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover { color: transparent; outline: none; background: transparent } .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before,.slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir=rtl] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: "←" } [dir=rtl] .slick-prev:before { content: "→" } .slick-next { right: -25px } [dir=rtl] .slick-next { right: auto; left: -25px } .slick-next:before { content: "→" } [dir=rtl] .slick-next:before { content: "←" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0 } .slick-dots li,.slick-dots li button { width: 20px; height: 20px; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 5px; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:focus,.slick-dots li button:hover { outline: none } .slick-dots li button:focus:before,.slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } .collection-shelf-container { background-color: #001428; padding-bottom: 10px } .collection-title { font-size: 24px; color: #fff; padding-top: 5%; padding-left: 19% } .collection-shelf h1 { text-transform: lowercase; width: 100% } .collection-shelf .shelf-title { padding-top: 48px; padding-bottom: 32px; width: 100% } .collection-shelf .shelf-title h1 { font-size: 14px; line-height: 24px; margin: 0; color: #fff; font-weight: 700 } body.bg-base { background-color: #001428 !important } .t-body-xl,.t-heading-6-xl,body { font-weight: 300 } @media (max-width: 767px) { .collection-shelf-container .container { width:100% !important } .push-unsubscribe-link { text-align: center; padding-top: 60px } .push-unsubscribe-link a { color: #fff; font-size: 14px; text-decoration: underline } } @media(max-width: 480px) { .collection-title { font-size:21px; color: #fff; padding-top: 13%; padding-left: 3%; line-height: 24px; position: relative; top: 26px } .collection-shelf .shelf-title { padding-top: 60px; padding-bottom: 20px; padding-left: 3%; width: 100% } .collection-shelf-container .container .collection-shelf .collection-cards [class*=sliderLayoutContainer] { padding-left: 15px !important; padding-right: 15px !important } .collection-cards [class*=sliderArrows] { top: 35% !important } [class*=sliderLeftArrow] { left: 5% !important } [class*=sliderRightArrow] { right: 5% !important } [class*=paginationDotsContainer] { bottom: -37px !important } [class*="paginationDot--isActive bg-emphasis"] { background-color: #fff !important; opacity: 1 !important } [class*="paginationDot bg-muted-3"] { background-color: #fff; opacity: .33 } } @media (min-width: 768px) and (max-width:1023px) and (orientation:portrait) { .collection-title { font-size:24px; color: #fff; padding-top: 10%; padding-left: 30px } .collection-shelf .shelf-title { padding-top: 48px; padding-bottom: 32px; width: 100%; padding-left: 2% } .collection-shelf-container .container .collection-shelf .collection-cards [class*=sliderLayoutContainer] { padding-left: 15px !important; padding-right: 15px !important } .collection-cards [class*=sliderArrows] { top: 35% !important } [class*=sliderLeftArrow] { left: 1% !important } [class*=sliderRightArrow] { right: 3% !important } [class*=paginationDotsContainer] { bottom: -37px !important; left: 0 !important } [class*="paginationDot--isActive bg-emphasis"] { background-color: #fff !important; opacity: 1 !important } [class*="paginationDot bg-muted-3"] { background-color: #fff; opacity: .33 } } @media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) { .collection-title { font-size:24px; line-height: 24px; color: #fff; padding-top: 5%; padding-left: 2% !important } } @media only screen and (min-width: 1024px) and (max-height:1366px) and (orientation:portrait) { .collection-title { padding-left:2% !important } .collection-shelf-container .container .collection-shelf .collection-cards [class*=sliderLayoutContainer] { padding-left: 15px !important; padding-right: 15px !important } .collection-cards [class*=sliderArrows] { top: 35% !important } [class*=sliderLeftArrow] { left: 1% !important } [class*=sliderRightArrow] { right: 1% !important } [class*=paginationDotsContainer] { bottom: -37px !important; left: 0 !important } [class*="paginationDot--isActive bg-emphasis"] { background-color: #fff !important; opacity: 1 !important } [class*="paginationDot bg-muted-3"] { background-color: #fff; opacity: .33 } } @media(min-width: 1024px) { .collection-cards { display:flex; flex-wrap: wrap; width: 100% } .collection-title { font-size: 24px; line-height: 24px; color: #fff; padding-top: 5%; padding-left: 382px } } @-webkit-keyframes move { 0% { top: -50px } 50% { top: -60px } to { top: -50px } } @keyframes move { 0% { top: -50px } 50% { top: -60px } to { top: -50px } } @-webkit-keyframes checkmarkAnimation { to { stroke-dashoffset: 0 } } @keyframes checkmarkAnimation { to { stroke-dashoffset: 0 } } @-webkit-keyframes bounce { 0%,20%,50%,80%,to { transform: translateY(0) } 40% { transform: translateY(-10px) } 60% { transform: translateY(-5px) } } @keyframes bounce { 0%,20%,50%,80%,to { transform: translateY(0) } 40% { transform: translateY(-10px) } 60% { transform: translateY(-5px) } } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { bottom: 0; text-align: center; z-index: 999; position: fixed; left: 50%; width: 100%; transform: translateX(-50%); transition: all .4s ease-in-out } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador a { text-decoration: none; color: unset; font-size: inherit } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li { display: inline-block !important; vertical-align: top; text-align: left; margin-left: 20px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador ul { align-items: left; justify-content: left; margin: 25px 0; clear: both; transition: all .5s ease; text-align: center; padding-left: 30px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador,.bottom-sheet.bottom-sheet-family-page .c-blocoComparador * { font-family: Montserrat } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li:first-child { margin-left: 0 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .img-block { text-align: center } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador img { max-height: 120px; max-width: 120px; margin: 15px auto } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .card-price [class$=price_className] { display: flex } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .card-price [class$=price_listPrice] { text-decoration: line-through !important; color: #fff; font-size: 12px; font-weight: 300 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .card-price [class$=price_sellingPrice] { font-weight: 300; font-size: 16px; color: #fff } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div { width: 100%; background: #000 0 0 no-repeat padding-box; vertical-align: top; display: flex; margin-left: -1px; padding: 2px 8px 5px; opacity: .93; justify-content: center } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div { background: hsla(0,0%,100%,.04) 0 0 no-repeat padding-box; position: relative; padding: 0 10px; width: auto; min-width: 280px; min-height: 157px; height: auto; border-radius: 8px; border: 1px solid hsla(0,0%,100%,.08) } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div.dashed { background: none; border: 1px dashed hsla(0,0%,100%,.25); border-radius: 5px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { font-weight: 700 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>p { position: absolute; right: 10px; top: 10px; width: 16px; height: 16px; font-size: 0; cursor: pointer; background: url(7592c5839ac5666931dba107cad6e92c.svg) no-repeat 50%; background-size: cover } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>div { display: inline-block; vertical-align: middle; width: 120px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>div:last-child { width: 140px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p { font-family: Montserrat; font-size: 14px; clear: both; color: #fff; width: 20%; top: 0; right: 0; text-align: left; margin: auto 0 auto 40px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p:before { display: inline-block; content: ""; width: 21px; height: 21px; vertical-align: middle; margin-right: 10px; margin-top: 6px; position: absolute; right: 0; top: 12px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p a+a { background: #2d9cdb; border: 1px solid #2d9cbd; border-radius: 4px; color: #fff; max-width: 100%; cursor: pointer; font-weight: 700; padding: 8px 30px; line-height: 48px; text-decoration: none; text-align: center; margin-left: 20px; display: none } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-best-price strong { font-weight: 400; font-size: 17px } .c-count-checked-checkboxes { font-weight: 700 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>div>p { font-size: 12px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>div>p:first-child { padding-top: 20px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group .c-best-price+span { color: #afafaf; font-weight: 400; font-size: 10px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group>div { line-height: 6px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group .c-payment-installments .c-installments:after { content: "x"; display: inline-block } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group .c-payment-installments .c-installments+span { color: #afafaf; font-size: 16px; font-family: Montserrat; font-weight: 400 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group .c-payment-installments .c-installments-value { font-family: Montserrat; font-size: 16px; color: #333f48; font-weight: 700; line-height: normal } .c-count-checked-checkboxes2,.limpar-comparador { display: inline-block } .limpar-comparador { color: #fff; font-weight: 700; text-decoration: underline; margin-left: 170px; font-family: Montserrat; cursor: pointer; margin-top: 15px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-price-group .c-old-price { font-size: 10px; display: block; color: #333f48; font-weight: 700 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador b { display: none } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-billet-price-c,.bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-installment-price { display: block; font-size: 10px; color: #1790de; font-weight: 700; line-height: normal } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-installment-price { font-size: 12px; font-weight: 400; line-height: normal; font-family: Montserrat; margin: 3px 0 5px; display: inline-block } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-installment-price strong { color: #1790de; font-weight: 700 !important; font-size: 18px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-installment-price span,.bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-old-price { display: none } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-billet-price-c { margin: 10px 0 5px; color: #000; font-size: 12px; font-weight: 400 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-billet-price-c strong { font-weight: 700; font-size: 18px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .c-best-price { font-weight: 400 } .bottom-sheet.bottom-sheet-family-page .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { display: none } .bottom-sheet.bottom-sheet-family-page.display .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { display: block } .bottom-sheet.bottom-sheet-family-page.display .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p:before { background: url(d33ab006cae4b62af91cbde8cfb44ae7.png) 50% no-repeat } .bottom-sheet.bottom-sheet-family-page .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p:before { background: url(7cc79a810a2e34c15868e2f0b23943e0.png) 0 no-repeat } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta>span { padding-right: 40px; position: relative; cursor: pointer; float: left; margin-top: 25px; text-align: left; font-size: 16px; font-weight: 300; width: 100% } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta a { border-radius: 24px; display: inline-block; line-height: 30px; text-align: -webkit-auto; font-size: 16px; margin: 15px 15px 15px 0; text-decoration: none; border: 1px solid #fff; padding: 5px 30px; color: #fff; font-weight: 700 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta a:hover { color: #c2c2c2 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta .empty { display: none } .floating { position: fixed; right: 15px; bottom: 70px; width: 70px; height: auto; text-align: center; border-radius: 25px; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; cursor: pointer } .floating img { width: 48px; margin: 10px } .compare-phone-content-section .device-name { margin-top: 0; margin-bottom: 16px; font-size: 16px; font-weight: 300; color: #fff } @media only screen and (max-width: 800px) and (min-width:100px) { .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { left:0 } .bottom-sheet.bottom-sheet-family-page.produto .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { display: none !important } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta>span { padding: 0 !important; margin: 0; position: relative; float: left; width: 49% } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador .trocaseta a { margin: 0 41px 0 28px; float: right; padding: 2px 12px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador { width: 100%; right: 0; transform: none; min-width: 0 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div { display: flex; border-radius: 0; float: left; width: 100%; flex-direction: column-reverse; padding: 0 16px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p { position: relative; width: 100%; padding: 24px 0 0; margin-left: 0 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p>span,.bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p>span>a { display: inline-block; line-height: 14px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p>span { width: 165px; margin-top: 3px !important } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p,.bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p * { vertical-align: middle } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div>div:last-child { margin: 0 0 10px } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador>div>p:before { top: 5px !important; margin-top: 31px; margin-right: 0 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador ul { margin: 25px 0; padding-left: 0; width: 100% } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li>div { padding: 0 } .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li:first-child { padding-bottom: 16px } } @media only screen and (max-width: 634px) { .bottom-sheet.bottom-sheet-family-page .c-blocoComparador li { margin:0 auto; width: 100% } }