/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Bootstarp utility classes ---------------- Mobile ----------------------------------- 05. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Old IE fallback -------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- Mobile ----------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Banner ----------------------------------- Mobile ----------------------------------- 02. Banner-clean ----------------------------- 03. Bar -------------------------------------- Mobile ----------------------------------- 04. Breadcrumb ------------------------------- Mobile ----------------------------------- 05. Button ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Button Block ----------------------------- 06. Controls --------------------------------- Mobile ----------------------------------- 07. Form Elements ---------------------------- 08. Range ------------------------------------ 09. Select ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 10. Radio ------------------------------------ 11. Filter-button ---------------------------- 12. Quantity --------------------------------- Mobile ----------------------------------- 13. Form ------------------------------------- 14. Form-price ------------------------------- 15. Form-add-to-cart ------------------------- Mobile ----------------------------------- 16. Form-review ------------------------------ Mobile ----------------------------------- 17. Google-map ------------------------------- Mobile ----------------------------------- 18. Hamburger -------------------------------- 19. Infobox ---------------------------------- Mobile ----------------------------------- 20. Intro ------------------------------------ Mobile ----------------------------------- 21. Label ------------------------------------ Mobile ----------------------------------- 22. List ------------------------------------- 23. List ------------------------------------- 24. List-buttons ----------------------------- Mobile ----------------------------------- 25. List-filters ----------------------------- 26. List-links ------------------------------- 27. List-filters-horizontal ------------------ Small Desktop ---------------------------- 28. List-benefits ---------------------------- Mobile ----------------------------------- 29. List-circles ----------------------------- Mobile ----------------------------------- 30. Logo ------------------------------------- Mobile ----------------------------------- 31. Media ------------------------------------ Mobile ----------------------------------- 32. Nav -------------------------------------- Mobile ----------------------------------- 33. Overlay-mobile --------------------------- Mobile ----------------------------------- 34. Product ---------------------------------- Mobile ----------------------------------- 35. Product-view ----------------------------- Mobile ----------------------------------- 36. Profile ---------------------------------- Mobile ----------------------------------- 37. Rating ----------------------------------- 38. Search ----------------------------------- Mobile ----------------------------------- 39. Search-store ----------------------------- Mobile ----------------------------------- 40. Section ---------------------------------- Mobile ----------------------------------- 41. Section-secondary ------------------------ Mobile ----------------------------------- 42. Section-primary -------------------------- Mobile ----------------------------------- 43. Slider ----------------------------------- Mobile ----------------------------------- 44. Slider-categories ------------------------ Mobile ----------------------------------- 45. Slider-products -------------------------- Mobile ----------------------------------- 46. Slider-thumbnails ------------------------ Mobile ----------------------------------- 47. Slider-banners --------------------------- Mobile ----------------------------------- 48. Socials ---------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- 49. Subscribe -------------------------------- Mobile ----------------------------------- 50. Table ------------------------------------ 51. Tabs ------------------------------------- Mobile ----------------------------------- 52. Widget ----------------------------------- Mobile ----------------------------------- */ @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css); @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css); @import url('https://fonts.googleapis.com/css?family=Muli:200,400,500,900&display=swap'); /*WhatsApp Button*/ #WAButton{ display:none; z-index:10000; } @media (max-width: 768px) { #WAButton{ display:block; z-index:10000; } } .product-stars{ cursor: pointer; } .ico-battery { background-image: url(/arquivos/sprite.png); background-position: 96.7816091954023% 71.83098591549296%; background-size: 1912.5% 824.4897959183672%; width: 21px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-card { background-image: url(/arquivos/sprite.png); background-position: 38.2716049382716% 84.48753462603878%; background-size: 850% 939.5348837209303%; width: 54px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(/arquivos/sprite.png); background-position: 48.818897637795274% 15.85014409221902%; background-size: 588.4615384615385% 708.7719298245614%; width: 52px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-decrease { background-image: url(/arquivos/sprite.png); background-position: 100% 78.1725888324873%; background-size: 3825% 4040%; width: 12px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(/arquivos/sprite.png); background-position: 96.33867276887872% 86.27450980392157%; background-size: 2086.3636363636365% 859.5744680851064%; width: 17px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-heart { background-image: url(/arquivos/sprite.png); background-position: 66.33663366336634% 15.53672316384181%; background-size: 834.5454545454546% 808%; width: 35px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holder { background-image: url(/arquivos/sprite.png); background-position: 98.82629107981221% 14.929577464788732%; background-size: 1390.9090909090908% 824.4897959183672%; width: 26px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-increase { background-image: url(/arquivos/sprite.png); background-position: 100% 81.7258883248731%; background-size: 3825% 4040%; width: 12px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(/arquivos/sprite.png); background-position: 71.84466019417476% 45.09803921568628%; background-size: 976.595744680851% 859.5744680851064%; width: 37px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone-lg { background-image: url(/arquivos/sprite.png); background-position: 19.12144702842377% 60.07462686567165%; background-size: 637.5% 297.05882352941177%; width: 72px; height: 136px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone-x { background-image: url(/arquivos/sprite.png); background-position: 57.289002557544755% 57.70609318996416%; background-size: 675% 323.20000000000005%; width: 68px; height: 125px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone { background-image: url(/arquivos/sprite.png); background-position: 89.25831202046037% 0%; background-size: 675% 331.1475409836066%; width: 68px; height: 122px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-location { background-image: url(/arquivos/sprite.png); background-position: 86.81592039800995% 40%; background-size: 805.2631578947368% 453.932584269663%; width: 57px; height: 89px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-login { background-image: url(/arquivos/sprite.png); background-position: 100% 0%; background-size: 1207.8947368421052% 824.4897959183672%; width: 23px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mobile { background-image: url(/arquivos/sprite.png); background-position: 97.6798143851508% 56.901408450704224%; background-size: 1639.2857142857142% 824.4897959183672%; width: 24px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-music { background-image: url(/arquivos/sprite.png); background-position: 0% 100%; background-size: 1092.857142857143% 859.5744680851064%; width: 33px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pills { background-image: url(/arquivos/services-icon.png); width: 28px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(/arquivos/sprite.png); background-position: 0% 18.211920529801322%; background-size: 450% 396.07843137254906%; width: 102px; height: 102px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-protection { background-image: url(/arquivos/sprite.png); background-position: 71.32530120481928% 59.71830985915493%; background-size: 1043.1818181818182% 824.4897959183672%; width: 35px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-samsung-lg { background-image: url(/arquivos/sprite.png); background-position: 0% 60.984848484848484%; background-size: 655.7142857142857% 288.57142857142856%; width: 70px; height: 140px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-samsung { background-image: url(/arquivos/sprite.png); background-position: 38.56041131105398% 58.75912408759124%; background-size: 655.7142857142857% 310.7692307692308%; width: 70px; height: 130px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(/arquivos/sprite.png); background-position: 98.59484777517564% 96.50537634408603%; background-size: 1434.375% 1262.5%; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-stars-product { background-image: url(/arquivos/sprite.png); background-position: 30.113636363636363% 35.98971722365039%; background-size: 428.97196261682245% 2693.3333333333335%; width: 107px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-truck-lg { background-image: url(/arquivos/sprite.png); background-position: 27.676240208877285% 15.942028985507244%; background-size: 603.9473684210526% 684.7457627118645%; width: 76px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-truck { background-image: url(/arquivos/sprite.png); background-position: 0% 85.67415730337079%; background-size: 509.99999999999994% 841.6666666666666%; width: 90px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(/arquivos/cart-secure.png); width: 90px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(/arquivos/sprite.png); background-position: 23.383084577114428% 85.43417366946778%; background-size: 805.2631578947368% 859.5744680851064%; width: 45px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-watch { background-image: url(/arquivos/sprite.png); background-position: 97.90697674418605% 41.971830985915496%; background-size: 1582.7586206896551% 824.4897959183672%; width: 28px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(/arquivos/sprite.png); background-position: 89.03061224489795% 61.34453781512605%; background-size: 685.0746268656717% 859.5744680851064%; width: 53px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .stars-lg { background-image: url(/arquivos/sprite.png); background-position: 0% 0%; background-size: 133.04347826086956% 792.1568627450981%; width: 345px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; } .stars { background-image: url(/arquivos/sprite.png); background-position: 32.515337423312886% 30.569948186528496%; background-size: 345.1127819548872% 2244.4444444444443%; width: 133px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-card { background-image: url(/arquivos/sprite.@2x.png); background-position: 89.1566265060241% 63.608562691131496%; background-size: 714.8148148148148% 860.4651162790697%; width: 54px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(/arquivos/sprite.@2x.png); background-position: 69.15584415584416% 46.00638977635783%; background-size: 494.8717948717949% 649.1228070175439%; width: 52px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(/arquivos/sprite.@2x.png); background-position: 97.52747252747253% 31.88854489164087%; background-size: 1754.5454545454547% 787.2340425531914%; width: 22px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-heart { background-image: url(/arquivos/sprite.@2x.png); background-position: 89.42598187311178% 32.1875%; background-size: 701.8181818181819% 740%; width: 35px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(/arquivos/sprite.@2x.png); background-position: 0% 83.59133126934985%; background-size: 821.2765957446809% 787.2340425531914%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone-lg { background-image: url(/arquivos/sprite.@2x.png); background-position: 23.56687898089172% 0%; background-size: 536.1111111111111% 272.05882352941177%; width: 72px; height: 136px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone-x { background-image: url(/arquivos/sprite.@2x.png); background-position: 70.44025157232704% 0%; background-size: 567.6470588235294% 296%; width: 68px; height: 125px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-iphone { background-image: url(/arquivos/sprite.@2x.png); background-position: 0% 58.06451612903226%; background-size: 567.6470588235294% 303.27868852459017%; width: 68px; height: 122px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-location { background-image: url(/arquivos/sprite.@2x.png); background-position: 21.88449848024316% 51.245551601423486%; background-size: 677.1929824561403% 415.7303370786517%; width: 57px; height: 89px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-login { background-image: url(/arquivos/sprite.@2x.png); background-position: 0% 100%; background-size: 1015.7894736842104% 755.1020408163265%; width: 23px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-samsung-lg { background-image: url(/arquivos/sprite.@2x.png); background-position: 0% 0%; background-size: 551.4285714285714% 264.2857142857143%; width: 70px; height: 140px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-samsung { background-image: url(/arquivos/sprite.@2x.png); background-position: 47.46835443037975% 0%; background-size: 551.4285714285714% 284.61538461538464%; width: 70px; height: 130px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(/arquivos/sprite.@2x.png); background-position: 100% 61.53846153846154%; background-size: 1206.25% 1156.25%; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-stars-product { background-image: url(/arquivos/sprite.@2x.png); background-position: 47.67025089605735% 58.309859154929576%; background-size: 360.7476635514019% 2466.666666666667%; width: 107px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-truck-lg { background-image: url(/arquivos/sprite.@2x.png); background-position: 42.90322580645161% 46.30225080385852%; background-size: 507.8947368421052% 627.1186440677966%; width: 76px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-truck { background-image: url(/arquivos/sprite.@2x.png); background-position: 100% 0%; background-size: 428.88888888888886% 770.8333333333333%; width: 90px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(/arquivos/cart-secure.png); width: 90px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(/arquivos/sprite.@2x.png); background-position: 89.96960486322189% 48.60681114551084%; background-size: 677.1929824561403% 787.2340425531914%; width: 57px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(/arquivos/sprite.@2x.png); background-position: 92.78996865203762% 16.09907120743034%; background-size: 576.1194029850747% 787.2340425531914%; width: 67px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }} .cols:after, .range .range__meta:after, .product-view:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; appearance: none; -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Muli', sans-serif; font-size: 16px; line-height: 1.375; color: #575a5c; } a { color: inherit; text-decoration: underline; } a:hover { color: inherit; text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.6875em; line-height: 1.2; font-weight: 700; } h1 { font-size: 48px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /* Mobile */ @media (max-width: 768px) { h1, h2 { font-size: 36px; } h6 { font-size: 16px; } } @media (max-width: 467px) { h1, h2 { font-size: 30px; } } p, ul, ol, dl, table, blockquote { margin-bottom: 1.375em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } #ajaxBusy, .ajax-content-loader, .ajax-content-loader { position: absolute; } .ajax-content-loader, .historico-nav { display: none !important; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Bootstarp utility classes \* ------------------------------------------------------------ */ .vertical-gutters-lg { margin-bottom: -65px; } .vertical-gutters-lg > [class^='col'] { } /* Mobile */ @media (max-width: 768px) { .no-gutters { margin-left: 0; margin-right: 0; } .no-gutters > [class^="col"] { padding-left: 0; padding-right: 0; } } @media (max-width: 576px) { .vertical-gutters-lg { margin-bottom: -35px; } .vertical-gutters-lg > [class^="col"] { padding-bottom: 35px; } } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } /* Old IE fallback */ .browsehappy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; margin: 0; padding-top: 50px; background: #e0e0e0; text-align: center; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 768px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } .ico-dropdown { position: relative; display: inline-block; width: 1.4em; height: 1em; vertical-align: middle; } .ico-dropdown:after { position: absolute; top: 0; left: 0; border-width: 1em 0.7em 1em 0.7em; border-style: solid; border-color: currentColor transparent transparent transparent; content: ""; } .ico-dropdown-hollow { position: relative; display: inline-block; width: 1.4em; height: 1em; vertical-align: middle; } .ico-dropdown-hollow:after { position: absolute; top: 0; left: 0; border-width: 1em 0.7em 1em 0.7em; border-style: solid; border-color: currentColor transparent transparent transparent; content: ""; } .ico-angle-right { display: inline-block; width: 1em; height: 1em; border-top: 1px solid currentColor; border-right: 1px solid currentColor; color: inherit; -ms-transform: rotate(45deg); transform: rotate(45deg); } .ico-angle-left { display: inline-block; width: 1em; height: 1em; border-top: 1px solid currentColor; border-left: 1px solid currentColor; color: inherit; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ico-checkmark{ display:inline-block; } .ico-checkmark:before { content: ''; display: block; width: 0.3em; height: 0.6em; border: solid currentColor; border-width: 0 0.1em 0.1em 0; -ms-transform: rotate(45deg); transform: rotate(45deg); } .ico-close { position: relative; display: inline-block; width: 2em; height: 2em; color: #575a5c; line-height: 1; font-size: inherit; } .ico-close:before, .ico-close:after { position: absolute; left: 10px; content: ''; height: 100%; width: 3px; background-color: currentColor; } .ico-close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); } .ico-close:after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { /*max-width: 1200px;*/ } .container--md { /*max-width: 1404px;*/ } .container--xl { /*max-width: 1440px;*/ } .container--no-spacing { padding-left: 0; padding-right: 0; } /* Mobile */ @media (max-width: 768px) { .container { padding-left: 12px; padding-right: 12px; } .container--no-spacing-xs { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 576px) { .container { padding-left: 20px; padding-right: 20px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .facebook{ border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-color: #2d4d96; } .twitter{ background-color: #62adec; } .instagram{ background-color: #5d29a0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .social-element-container{ width: 30%; margin-left: 35%; transform: translate(0px,-23px); } .social-element{ display: inline-block; width: 30%; height: 45px; margin-left: -1%; margin-right: 0; text-decoration: none; } .icon-social-element{ display: inline-block; width: 15%; margin-right: 8%; margin-left: 10%; margin-top: 10px; } .name-social-element{ display: inline-block; width: 30%; color: white; font-size: 13px; font-weight: 500; } .icon-social-element img{ width: 20px !important; } footer a{ color:white !important; } /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .sello-container{ padding-left: 100px !important; padding-right: 100px !important; } .social-element-container{ width: 105%; margin-left: -3px; } .social-element{ width: 33.3%; border-radius: 0px !important; } } /*// Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width: 767.98px) { .social-element{ width: 33.3%; } .social-element-container{ width: 100%; } .sello-container{ padding-left: 100px !important; padding-right: 100px !important; } } .footer-col ul{ list-style: none; color: #FFFFFF; font-size: 15px !important; } .footer-input-nl{ border-radius: 10px; height: 40px; color: #000000; } .label-footer-nl{ font-weight: 700; font-size: 30px; line-height: 30px; } .button-footer-nl{ color: #000000 !important; font-weight: 500; height: 40px !important; } footer{ color:#FFFFFF; } .footer-col li{ margin-top: 6px; } .footer-col li a{ text-decoration: none; } .footer { background: #000; } .footer .footer__copyright { padding: 15px 0 15px; background: #575a5c; text-align: center; color: #fff; font-size: 13px; } .footer .footer__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 80px 0 43px; } .footer .footer__aside { -ms-flex-negative: 0; flex-shrink: 0; } .footer .footer__nav { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; } .footer .footer__nav strong { display: block; margin-bottom: 3px; } .footer .footer__nav ul + ul { margin-left: 90px; } .footer .footer__nav li + li { margin-top: 2px; } .footer .footer__nav a { text-decoration: none; color: inherit; } .footer .footer__nav a:hover { text-decoration: underline; } .footer .socials { margin-top: 8px; } /* .footer .footer__logos { margin-left: 2.8%; margin-right: 15px; padding-top: 8px; } */ .footer .footer__logos img { } .footer .footer__logos figure > img, .footer .footer__logos figure a { max-width: 30%; width: 100%; height: auto; display: inline-block; } .footer .footer__logos figure > img:last-child { max-width: 63%; } .footer .footer__logos figure img + img { margin-left: 6.2%; } .footer .footer__logos figure a + img { margin-left: 6.2%; } .footer .footer__logos > img { margin-top: 14px; } @media (max-width: 1500px) { .footer .footer__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer__aside { margin-top: 25px; margin-left: auto; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: right; } .footer .footer__logos { margin-right: 0; } } @media (max-width: 1400px) { .footer .footer__logos { margin-left: 5%; -ms-flex-negative: 0; flex-shrink: 0; } /*.footer .footer__nav ul + ul { margin-left: 50px; }*/ .footer .footer__logos { max-width: 420px; } } /* Mobile */ /*@media (max-width: 768px) {*/ @media (max-width: 1120px) { .footer .footer__inner { padding: 56px 0 53px; -ms-flex-direction: column; flex-direction: column; } .footer .footer__copyright { padding: 48px 0 37px; } .footer .footer__logos { -ms-flex-order: 1; order: 1; margin-left: 0; margin-top: 56px; padding-left: 25px; text-align: center; max-width: 100% !important; padding-bottom: 40px; } .footer .footer__logos figure { margin-left: -68px; } .footer .footer__logos figure img { padding-left: 68px; } .footer .footer__logos figure img + img { margin-left: 0; margin-top: 15px; } .footer .footer__logos > img { margin-top: 22px; } .footer .footer__aside { margin-top: 45px; margin-left: auto; margin-right: auto; } .footer .socials { margin-top: 0; } .footer .footer__nav { -ms-flex-pack: justify; justify-content: space-between; padding: 0 9.7% 0 8.3%; } .footer .footer__nav ul + ul { margin-left: 0; } } @media (max-width: 576px) { .footer .footer__copyright { padding-top: 25px; padding-bottom: 25px; } .footer .footer__nav { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -20px; padding-left: 0; padding-right: 0; } .footer .footer__nav ul { padding-top: 20px; margin-bottom: 0; } .footer .footer__logos { margin-top: 35px; padding-left: 0; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header-icon{ height: 34px; margin-left: 10px; } .search-bar{ margin-bottom: 0px !important; } select.select-category-search{ height: 30px; background-color: white; color: black; font-weight: 600; border-bottom-left-radius: 20px !important; border-top-left-radius: 20px; border-style: none; border-bottom-right-radius: 0px !important; padding-left: 10px; margin-right: -5px; } .input-search{ height: 30px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-style: none !important; padding-left: 15px; } .button-search{ padding: 0px; height: 30px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; min-width: fit-content !important; border-style: none !important; background-color: white !important; } .img-loup-search{ height: 25px; margin-top: -4px; } .header { position: relative; z-index: 10; background: #000; } .header .header__inner {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;padding: 10px 0 10px;margin-right: -7px;} .header .header__bar { box-shadow:0 2px 10px rgba(0,0,0, .22);} .header .header__logo { -ms-flex-negative: 0; flex-shrink: 0; } .header .header__searchbar { -ms-flex-negative: 1; flex-shrink: 1; margin-left: 3%; margin-right: 3%; } .header .list-buttons { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1100px) { .header .header__searchbar{ margin: 0 2% } .search .busca select{ width: 165px !important; } .search .search__field, .search .busca .fulltext-search-box{ padding-left: 175px !important; } } /* Mobile */ @media (max-width: 768px) { .header-icon{ display: none; } .input-search { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } .img-loup-search{ margin-top: -7px; } .select-category-search{ display: none; } .header .header__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 11px 0 0; margin-right: 0; } .header .header__searchbar { -ms-flex-order: 1; order: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 23px 0 0; } .header .list-buttons { -ms-flex-negative: 1; flex-shrink: 1; -ms-transform: translateX(4%); transform: translateX(4%); } .header .header__logo { margin-right: auto; margin-left: 10.8%; } .header .container { padding-left: 18px; padding-right: 18px; padding-bottom: 15px; } } @media (max-width: 500px) { .header .header__logo { margin-right: auto; margin-left: 2.8%; } } @media (max-width: 476px) { .header .list-buttons { margin-left: auto; -ms-transform: none; transform: none; text-align: right; } .header .header__inner { padding-top: 25px; } .header .header__logo { width: 80px; } } .header .btn-cart-header { position: relative; } .header .btn-cart-header .itens-in-cart { position: absolute; display: inline-block; right: 0px; top: 0px; } .header .btn-cart-header .itens-in-cart .title { display: none !important; } .header .btn-cart-header .itens-in-cart .cart-info { padding: 0px; margin: 0px; } .header .btn-cart-header .itens-in-cart .cart-info .amount-products { list-style: none; width: 20px; height: 20px; line-height: 20px; font-size: 13px; border-radius: 50%; background-color: #91d64f; display: block; text-align: center; color: #fff; margin-left: -28px !important; } .header .btn-cart-header .itens-in-cart .cart-info .amount-products .amount-products-em { font-style: normal; } .header .btn-cart-header .itens-in-cart .cart-info .amount-products #MostraTextoXml2 { display: none; } .header .btn-cart-header .itens-in-cart .cart-info .amount-items, .header .btn-cart-header .itens-in-cart .cart-info .amount-kits, .header .btn-cart-header .itens-in-cart .cart-info .total-cart { display: none !important; } .sticky .header { position: fixed; top: 0px; width: 100%; z-index: 9000; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow-x: hidden; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Banner \* ------------------------------------------------------------ */ .banner { position: relative; margin-bottom: 0; transition: opacity .3s; } .banner:hover { opacity: .95; } .banner h2 { color: inherit; } .banner .banner__content { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 0 10.2% 9.5%; } /* Mobile */ @media (max-width: 768px) { .banner img { width: 100%; } } /* --top-align */ .banner--top-align .banner__content { top: 74px; bottom: auto; padding-left: 8.7%; padding-right: 8.7%; } /* --alt */ .banner--alt { color: #000; } .banner--alt h4 { margin-bottom: 23px; text-transform: uppercase; } .banner--alt p { line-height: 1.3; } .banner--alt p + p { margin-top: 9px; } .banner--alt .banner__content { top: 46.2%; left: 9.9%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 40%; padding: 5% 0; } .banner--reversed .banner__content { left: auto; top: 43.4%; right: 9.5%; text-align: right; } .banner--green { color: #09a941; } .banner--white { color: #fff; } /* ------------------------------------------------------------ *\ Banner-clean \* ------------------------------------------------------------ */ .banner-clean { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 120px 67px 110px; background: #fff; } .banner-clean .banner__title { margin-bottom: 7px; text-transform: uppercase; font-size: 22px; } .banner-clean .banner__media { margin: 20px 0 0; -ms-flex-item-align: center; align-self: center; } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar {padding: 5px 10px 5px;text-align: center;background: #91d64f;color: #000000;font-size: 13px;} /* Mobile */ @media (max-width: 768px) { .bar { font-size: 16px; padding: 10px 10px 10px; } } @media (max-width: 476px) { .bar { font-size: 14px; padding: 10px 10px 10px; } } /* ------------------------------------------------------------ *\ Breadcrumb \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 768px) { } @media (max-width: 400px) { } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn,.buy-button.buy-button-ref { position: relative; display: inline-block; min-width: 133px; height: 32px; line-height: 32px; color: #282828; font-size: 16px; padding: 0 10px; border: 1px solid transparent; background: #91d64f; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; outline: 0; border-radius: 24px; transition: background .3s, border .3s, color .3s; } .btn:hover, .buy-button.buy-button-ref:hover { color: #91d64f; background: #fafafa; border-color: #91d64f; } .btn:hover:after, .buy-button.buy-button-ref:hover:after { -ms-transform: none; transform: none; } .btn-link { position: relative; display: inline-block; min-width: 133px; height: 32px; line-height: 32px; color: #333; font-size: 16px; padding: 0 10px; border: 1px solid transparent; background: #ccc; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; outline: 0; border-radius: 24px; transition: background .3s, border .3s, color .3s; } .btn-link:hover { color: #333; background-color: #fff; border-color: #333; text-decoration: none; } /* Mobile */ @media (max-width: 768px) { .btn, .buy-button.buy-button-ref { font-size: 14px; height: 37px; line-height: 37px; min-width: 100%; } } /* --lg */ .btn--lg { height: 54px; line-height: 54px; min-width: 217px; font-size: 24px; } /* --sm */ .btn--sm { min-width: 117px; height: 37px; line-height: 37px; } /* Mobile */ @media (max-width: 768px) { .btn--sm { min-width: 147px; font-size: 16px; } } /* --md */ .btn--md { min-width: 113px; height: 48px; line-height: 48px; } /* --wide */ .btn--wide, .buy-button.buy-button-ref { min-width:240px; width: 100%; height: 39px; line-height: 39px; font-size: 20px; } /* Mobile */ @media (max-width: 768px) { .btn--wide, .buy-button.buy-button-ref { height: 79px; line-height: 79px; font-size: 37px; border-radius: 50px; } } /* --primary */ .btn--primary, .buy-button.buy-button-ref { text-transform: uppercase; font-weight: 700; } /* --white */ .btn--white { background: #fafafa; color: #91d64f; border-color: #fafafa; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* --case-normal */ .btn--transform-normal, .buy-button.buy-button-ref { text-transform: unset; } .btn-clean { display: inline-block; line-height: 1; background: none; border: 0; } /* --tertiary */ .btn--tertiary {height: 67px;width: 300px;line-height: 67px;color: #fff;font-size: 24px;background: #000 !important;font-weight: 700;border-color: #000 !important;transition: color .3s, background .3s, box-shadow .3s;} .btn--tertiary:hover { color: #91d64f; box-shadow: -7px 7px 9px rgba(0,0,0, .22); } .btn--tertiary.btn--rotated-reverse { line-height: 57px; } /* --rotated */ .btn--rotated { -ms-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .btn--rotated-reverse { -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -ms-transform: rotate(-90deg) translateX(-134%); transform: rotate(-90deg) translateX(-134%); } /* --text-green */ .btn--text-green { color: #09a941; } .btn--text-green:hover { color: #fff; } .btn--text-green:hover:after { background: #09a941; } /* --text-blue */ .btn--text-blue { color: #4363b7; } .btn--text-blue:hover { color: #fff; } .btn--text-blue:hover:after { background: #4363b7; } /* --outline */ .btn--outline { background: none; border: 1px solid #fafafa; color: #fafafa; border-radius: 22px; } .btn--outline:after { display: none; } .btn--outline:hover { background: #fafafa; color: #575A5c; border-color: #fafafa; } /* --sharp */ .btn--sharp { border-radius: 0; } @media (max-width: 476px) { .btn--wide, .buy-button.buy-button-ref { font-size: 25px; height: 55px; line-height: 55px; } } /* ------------------------------------------------------------ *\ Controls \* ------------------------------------------------------------ */ .sub:last-child { display: none !important; } .controls, .sub { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 20px; margin-left: 2%; margin-right: 2%;} #category-page .controls, #category-page .sub { float: right; } /* Mobile */ @media (max-width: 768px) { .controls, .sub { margin-left: 6%; margin-right: 6%; } .controls .controls__group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; padding: 0 18px; } } @media (max-width: 500px) { /*.controls, .sub { margin-left: -10px; margin-right: -10px; }*/ .controls .controls__group { padding-left: 10px; padding-right: 10px; } } @media (max-width: 360px) { .controls, .sub { margin-left: 10%; margin-right: 10%; } .controls .controls__group { padding-left: 6px; padding-right: 5px; } } #account-page .controls { margin-left: 0px; margin-right: 0px; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .radio {} .checkbox {} /* ------------------------------------------------------------ *\ Range \* ------------------------------------------------------------ */ .range { display: block; width: 100%; } .range .range__meta { color: inherit; margin: 5px 0 0; } .range .range__meta:after { } .range .range__max { float: right; } .range .ui-widget { color: inherit; font-size: inherit; font-family: inherit; } .range .ui-widget-content { height: 5px; background: #91d64f !important; border: 0; border-radius: 5px; } .range .ui-slider-handle { height: 16px; width: 16px; background: #91d64f; border: 0; border-radius: 50%; } .range .ui-slider-range { background: #e6e6e6 !important; } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select { position: relative; } .select select { padding-left: 25px; padding-right: 50px; border: 0; appearance: none; font-size: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #fff; } .select select::-ms-expand { display: none; } .select .select__arrow { position: absolute; right: 11px; top: 50%; margin-top: -1px; -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; font-size: 10px; } /* --primary */ .select--primary, .sub { width: 170px; max-width: 100%; float: right;} .select--primary select, .sub select { width: 100%; height: 34px; padding-left: 14px; padding-right: 30px; line-height: 34px; font-size: 15px; border: 1px solid currentColor; } .select--primary .select__arrow { right: 11px; font-size: 8px; } .sub .orderBy label{ display: none !important; } .select--disabled:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: none; content: ""; z-index: 1; } /* --md */ .select--md select { height: 37px; line-height: 37px; } /* Mobile */ @media (max-width: 768px) { .select--md select { height: 46px; line-height: 46px; font-size: 22px; padding-left: 35px; } .select--md .select__arrow { right: 15px; } } /* Mobile */ @media (max-width: 768px) { .select--alt-mobile { width: auto; } .select--alt-mobile select { height: 49px; line-height: 45px; border: 3px solid #babebe; color: #91d64f; font-weight: 600; font-size: 24px; text-align-last: center; } .select--alt-mobile .select__arrow { color: #91d64f; right: 14px; font-size: 10px; margin-top: 2px; } } @media (max-width: 500px) { .select--alt-mobile select { padding-left: 10px; font-size: 16px; } } @media (max-width: 476px) { .select--md select { padding-left: 10px; } } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ .radio { position: relative; color: inherit; } .radio input { position: absolute; top: 0; left: -9999px; } .radio label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: inherit; margin-bottom: 0; line-height: 1; } .radio label:before { display: inline-block; width: 14px; height: 14px; margin-right: 14px; border: 1px solid currentColor; border-radius: 50%; content: ""; } .radio input:checked + label { color: #0baa43; } .radio input:checked + label:before { background-color: currentColor; box-shadow: inset 0 0 0 2px #fff; } /* ------------------------------------------------------------ *\ Filter-button \* ------------------------------------------------------------ */ .filter-button { position: relative; } .filter-button label { display: inline-block; margin: 0; } .filter-button input { position: absolute; top: 0; left: -9999px; } .filter-button label { position: relative; display: inline-block; height: 32px; width: 32px; border: 1px solid currentColor; border-radius: 50%; background: currentColor; vertical-align: middle; } .filter-button i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; color: #000; pointer-events: none; } .filter-button input:checked ~ i { opacity: 1; } .filter-button.c-white label { color: #fff; border-color: #000; } .filter-button.c-black { color: #000; } .filter-button.c-grey { color: #707070; } .filter-button.c-orange { color: #ff5f5f; } .filter-button.c-pink { color: #e2b3c7; } .filter-button.c-green { color: #22ddb0; } .filter-button.c-darkblue { color: #100f42; } .filter-button.c-yellow { color: #fff6a6; } /* ------------------------------------------------------------ *\ Quantity \* ------------------------------------------------------------ */ .quantity { position: relative; width: 57px; } .quantity input { width: 100%; height: 37px; padding-left: 7px; padding-right: 25px; line-height: 37px; font-size: 15px; color: inherit; border: 1px solid; text-align-last: center; } .quantity input[type=number]::-webkit-outer-spin-button, .quantity input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity input[type=number] { -moz-appearance:textfield; } .quantity > span { position: absolute; right: 0; height: 50%; width: 21px; display:-ms-flexbox; display:flex; border: 1px solid; z-index: 1; cursor: pointer; } .quantity > span i { margin: auto; } .quantity .quantity__increase { top: 0; } .quantity .quantity__decrease { bottom: 0; } /* Mobile */ @media (max-width: 768px) { .quantity { width: 71px; } .quantity input { height: 46px; padding-left: 3px; padding-bottom: 3px; line-height: 46px; font-size: 22px; } .quantity > span { width: 26px; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Form-price \* ------------------------------------------------------------ */ .form-price .form__row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .form-price .form__row + .form__row { margin-top: 24px; } .form-price .form__field { -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 90px; } .form-price input:not([class]) { display: block; max-width: 100%; padding: 3px 7px 1px; border: 1px solid #d0d3d3; border-radius: 0; line-height: 1; transition: border-color .3s, box-shadow .3s; } .form-price input:not([class]):focus { border-color: #91d64f; box-shadow: 2px 2px 7px rgba(0,0,0, .1); } .form-price .form__controls { position: relative; } .form-price .form__field + .form__field { margin-left: 18px; } .form-price .form__field + .form__field .form__controls:before { position: absolute; top: 50%; right: 100%; margin-right: 6px; -ms-transform: translateY(-50%); transform: translateY(-50%); content: "-"; line-height: 1; } /* ------------------------------------------------------------ *\ Form-add-to-cart \* ------------------------------------------------------------ */ .form-add-to-cart .form__inner { display: -ms-flexbox; display: flex; } .form-add-to-cart .form__row { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; } .form-add-to-cart .form__field--md { -ms-flex: 0 1 159px; flex: 0 1 159px; max-width: 159px; } .form-add-to-cart .form__field + .form__field { margin-left: 11px; } .form-add-to-cart .form__actions { margin-left: 8px; -ms-flex: 0 1 240px; flex: 0 1 240px; max-width: 240px; } /* Mobile */ @media (max-width: 768px) { .form-add-to-cart .form__inner { -ms-flex-direction: column; flex-direction: column; } .form-add-to-cart .form__row { max-width: 100%; } .form-add-to-cart .form__field + .form__field { margin-left: 28px; } .form-add-to-cart .form__field--md { -ms-flex: 0 1 438px; flex: 0 1 438px; max-width: 438px; } .form-add-to-cart .form__field--xs { -ms-flex: 1; flex: 1; max-width: none; } .form-add-to-cart .select { width: 100%; } .form-add-to-cart .form__actions { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-top: 35px; margin-left: 0; padding-right: 59px; padding-left: 25px; } } @media (max-width: 576px) { .form-add-to-cart .form__actions { padding: 0; } } @media (max-width: 476px) { .form-add-to-cart .form__actions { margin-top: 25px; padding: 0; } } /* ------------------------------------------------------------ *\ Form-review \* ------------------------------------------------------------ */ .form-review .form__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .form-review .form__actions { margin-top: 36px; } .form-review h2, .form-review h4 { margin-right: 45px; margin-bottom: 0; color: #707070; } .form-review .form__profile { margin-left: auto; margin-top: 2px; } .form-review .form__field { display: block; width: 100%; border: 2px solid transparent; border-radius: 0; transition: border .3s, box-shadow .3s; } .form-review .form__field:focus { border-color: #91d64f; } .form-review .form__field--textarea { overflow: auto; resize: none; height: 315px; padding: 20px; } .form-review .header { position: relative; z-index: initial; background: none; } /* Mobile */ @media (max-width: 768px) { .form-review { padding: 36px 50px 25px; background: #fff; margin-right: -18px; margin-left: -18px; } .form-review .form__field--textarea { height: 100px; padding: 10px; } .form-review h2 { font-size: 30px; margin-right: 33px; } .form-review .form__actions { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; text-align: left; margin-top: 40px; } .form-review .form__profile { -ms-flex-order: -1; order: -1; margin: 0 0 15px; -ms-flex: 1; flex: 1; } } @media (max-width: 476px) { .form-review { padding-left: 25px; padding-right: 25px; } .form-review .form__header { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; margin-bottom: 20px; } .form-review .form__profile { -ms-flex-item-align: stretch; align-self: stretch; } .form-review h2 { margin-right: 0; margin-bottom: 15px; } .form-review .form__actions { -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .form-review .form__field--textarea { min-height: 130px; padding: 10px; } } /* ------------------------------------------------------------ *\ Google-map \* ------------------------------------------------------------ */ .google-map { position: relative; min-height: 350px; margin-bottom: -30px; } .google-map iframe { min-height: 350px; } .google-map .google-map__container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Mobile */ @media (max-width: 768px) { .google-map { min-height: 687px; } } @media (max-width: 476px) { .google-map { min-height: 500px; } } /* ------------------------------------------------------------ *\ Hamburger \* ------------------------------------------------------------ */ .hamburger { width: 44px; height: 26px; display: inline-block; bottom: 0; background: none; color: #fff; box-shadow: none;} .hamburger .hamburger__icon { position: relative; display: block; width: 100%; height: 100%; } .hamburger .hamburger__icon span, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after { position: absolute; left: 0; right: 0; width: 100%; height: 2px; background-color: currentColor; content: ""; } .hamburger .hamburger__icon:before { top: 0; } .hamburger .hamburger__icon span { top: 13px; margin-top: -1px; } .hamburger .hamburger__icon:after { bottom: 0; } @media (max-width: 476px) { .hamburger { width: 35px; } } /* ------------------------------------------------------------ *\ Infobox \* ------------------------------------------------------------ */ .infoBox { margin-top: 15px; padding: 30px 28px 35px; background: #fff; width: 368px; max-width: 100%; font-family: 'Muli', sans-serif; box-shadow: 0 0 0 200vw rgba(0,0,0, .3);} .infoBox .infobox__title { color: #91d64f; text-transform: uppercase; padding-right: 15%; margin-bottom: 18px; } .infoBox .infobox__entry { font-size: 24px; color: #707070; } /* Mobile */ @media (max-width: 768px) { .infoBox .infobox__title { padding-right: 0; } .infoBox .infobox__entry { font-size: 20px; } } @media (max-width: 476px) { .infoBox { width: 100%; padding: 15px 20px 15px; } .infoBox .infobox__title { font-size: 18px; } .infoBox .infobox__entry { font-size: 18px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ /* .intro { position: relative; min-height: 702px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(/arquivos/banner.jpg); } */ .intro { position: relative; } .intro h2 { position: absolute; color: #fff; bottom: 60px; left: 0; right: 0; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 45px; } .intro h2 a { color: inherit; text-decoration: none; } .intro .intro__btn-left, .intro .intro__btn-right {position: absolute;top: -57px;} .intro .intro__btn-left { left: 0; } .intro .intro__btn-right { right: 0; } .intro .container-banner img{ width: 100%; height: auto; } /* Mobile */ @media (max-width: 768px) { /*.intro { min-height: 498px; background-image: url(/arquivos/banner-mobile.jpg); }*/ } /* ------------------------------------------------------------ *\ Label \* ------------------------------------------------------------ */ /* .label, .product__label .flag { display: inline-block; width: 100%; height: 0; border: 14px solid #91d64f; border-right-width: 8px; border-right-color: transparent; font-size: 14px; color: #fff; line-height: 0.1; text-overflow: clip; } */ .label, .product__label .flag { display: inline-block; width: 100%; margin-bottom: 0px; height: 0; border: 14px solid #91d64f; border-right-width: 0px; border-right-color: transparent; font-size: 14px; color: #fff; line-height: 0.1; text-overflow: clip; } .label .label__text, .product__label .flag { margin-left: 0px; padding-right: 10px; } .label--red { border-color: #c12736; border-right-color: transparent; } .link-category { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; min-height: 210px; text-decoration: none; } .link-category span { display: block; margin-top: 46px; font-size: 14px; } /* Mobile */ @media (max-width: 768px) { .link-category span { margin-top: 31px; } .link-category i { -ms-transform: scale(.9); transform: scale(.9); } .label, .product__label .flag { white-space: nowrap; font-size: 12px; } } @media (max-width: 360px) { .link-category { display: inline-block; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; margin-bottom: 0; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ .list { list-style: none; margin-bottom: 0; font-size: 11px; } .list .list__title { font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } /* ------------------------------------------------------------ *\ List-buttons \* ------------------------------------------------------------ */ .list-buttons li { display: inline-block; } /* .list-buttons li + li { margin-left: 30px; } */ .list-buttons li + li { margin-left: 20px; } .list-buttons a { display: block; transition: opacity .3s; } .list-buttons a:hover { opacity: .85; } /* Mobile */ @media (max-width: 768px) { .list-buttons i { -ms-transform: scale(.75); transform: scale(.75); } .list-buttons li + li { margin-left: 11px; } } @media (max-width: 476px) { .list-buttons i { -ms-transform: none; transform: none; } .list-buttons li + li { margin-left: 10px; } } /* ------------------------------------------------------------ *\ List-filters \* ------------------------------------------------------------ */ .list-filters li + li { margin-top: 8px; } /* ------------------------------------------------------------ *\ List-links \* ------------------------------------------------------------ */ .list-links li + li { margin-top: 2px; } .list-links a { color: inherit; text-decoration: none; font-size: 14px; } .list-links a:hover, .list-links a.selected { color: #91d64f; } .brandProduct{ margin-top:0; margin-left: 0; } #filter-by-brand .list-links a { font-size: 14px; } /* ------------------------------------------------------------ *\ List-filters-horizontal \* ------------------------------------------------------------ */ .list-filters-horizontal { margin: 0 -16px -13px; } .list-filters-horizontal li { display: inline-block; padding: 0 16px 13px; } @media (max-width: 1400px) { .list-filters-horizontal { margin-left: -12px; margin-right: -12px; } .list-filters-horizontal li { padding-left: 12px; padding-right: 12px; } } /* Small Desktop */ /* $breakpoint-small-desktop { .list-filters-horizontal { margin-left: -6px; margin-right: -6px; } .list-filters-horizontal li { padding-left: 6px; padding-right: 6px; } } */ /* ------------------------------------------------------------ *\ List-benefits \* ------------------------------------------------------------ */ .list-benefits { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; } .list-benefits li { -ms-flex-negative: 1; flex-shrink: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /*max-width: 30%;*/ } .list-benefits span { margin-left: 8px; } .list-benefits i { -ms-flex-negative: 0; flex-shrink: 0; } .img-benefits { padding-left: 0px; } .text-benefits{ padding-left:5px; padding-right: 10px; font-size: 12.5px; } /* Mobile */ @media (max-width: 768px) { .list-benefits li { max-width: none; } .list-benefits span { margin-left: 10px; } .list-benefits li + li { margin-left: 5px; } } @media (max-width: 600px) { .list-benefits li { -ms-flex-direction: column; flex-direction: column; } .list-benefits span { margin-left: 0; margin-top: 10px; } } @media (max-width: 400px) { .list-benefits { display: block; } .list-benefits li + li { margin-left: 0; margin-top: 10px; } } /* ------------------------------------------------------------ *\ List-circles \* ------------------------------------------------------------ */ /*.list-circles li { position: relative; padding-left: 7px; }*/ /*.list-circles li:before { position: absolute; top: .5em; left: 0; width: 3px; height: 3px; background: currentColor; content: ""; border-radius: 50%; }*/ /* Mobile */ /*@media (max-width: 768px) {*/ /* .list-circles li { display: inline-block; }*/ /* .list-circles li:after { content: ","; }*/ /* .list-circles li:before { display: none; }*/ /* .list-circles li { padding-left: 0; }*/ /*}*/ /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; width: 110px; height: 34px; text-indent: -9999px; background-image: url(/arquivos/logo.png); background-position: center; background-size: 100%; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo { background-image: url(/arquivos/logo@2x.png); } } /* Mobile */ @media (max-width: 768px) { .logo { width: 129px; height: 25px; } } @media (max-width: 476px) { .logo { width: 129px; } } /* ------------------------------------------------------------ *\ Media \* ------------------------------------------------------------ */ .media { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; color: #fff; text-align: center; background: #575a5c; } .media.is-playing .media__container { cursor: pointer; } .media.is-playing .media__container:after { opacity: 0; } .media.is-playing .media__btn { -ms-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0; visibility: hidden; } .media video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; -ms-transform: scale(1.3); transform: scale(1.3); } .media .media__container { position: relative; width: 100%; padding-bottom: 63%; overflow: hidden; } .media .media__container:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, .2); content: ""; transition: opacity .3s; } .media .media__caption { padding: 4.6% 19% 4.9%; max-width: 100%; } .media .media__btn { position: absolute; z-index: 1; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-bottom: 19px; transition: transform .3s, opacity .3s, visibility .3s; } .media h2 { font-weight: 400; margin-bottom: 19px; line-height: 1.01; } /* Mobile */ @media (max-width: 768px) { .media .media__caption { padding: 5.4% 16.5% 3.1%; } .media h2 { margin-bottom: 23px; } } @media (max-width: 576px) { .media .media__caption { padding-left: 5%; padding-right: 5%; } } /* --grey-caption */ .media--grey-caption .media__caption { background: #bbbfbf; } @media (max-width: 460px) { .media .media__caption { padding-left: 0; padding-right: 0; padding-bottom: 5%; } .media .media__caption h2 { font-size: 28px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { display: block; font-size: 14px; color: #91d64f; text-transform: uppercase; font-weight: 700; text-align: center; background: #f7f7f7; } .nav > ul { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; /*max-width: 100%;*/ } .nav > ul > li { -ms-flex-negative: 1; flex-shrink: 1; } .nav > ul > li:last-child .nav__dropdown { left: auto; right: 0; } .nav > ul > li > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 3.5% 9% 2.6%; height: 100%; } .nav > ul > li:hover > a { background: #f1f1f2; } .nav > ul > li > a.selected { text-decoration: underline; } .nav a { color: inherit; text-decoration: none; } .nav a i { margin-left: 23px; -ms-flex-negative: 0; flex-shrink: 0; } .nav .nav__heading { font-size: 20px; color: #575a5c; margin-bottom: 20px; text-transform: none; font-weight: 400; text-align: left; } .navbar-button { display: block; width: 100%; height: 63px; line-height: 83px; text-decoration: none; color: #575a5c; font-size: 24px; font-weight: 400; text-transform: capitalize; text-align: center; } .navbar-button i { margin-left: 10px; font-size: 9px; } .nav .has-dd { position: relative; } .nav .has-dd:hover .nav__dropdown { visibility: visible; opacity: 1; } /* .nav .nav__dropdown { position: absolute; top: 100%; left: 0; padding: 30px 22px 33px 35px; max-width: 450px; background: #fff; text-align: left; visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s; box-shadow: 8px 8px 20px rgba(0,0,0, .2); overflow-x: hidden; } */ .nav .nav__dropdown { position: absolute; top: 100%; left: 0; padding: 20px; max-width: 450px; background: #fff; text-align: left; visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s; box-shadow: 8px 8px 20px rgba(0,0,0, .2); overflow-x: hidden; } .nav .nav__dropdown > li > a { display: block; max-width: 100%; font-size: 14px; color: #575a5c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav .nav__dropdown > li > a.selected { text-decoration: underline; } .nav .nav__dropdown > li + li { margin-top: 17px; } .nav .nav__dropdown a:hover { text-decoration: underline; } .nav .nav__dropdown a { text-transform: none; } .nav .nav__dropdown-links { padding-top: 15px; } .nav .nav__dropdown-links { padding-left: 18px; } .nav .nav__dropdown-links a { color: #575a5c; font-size: 18px; font-weight: 400; } .nav .nav__dropdown-links li + li { margin-top: 10px; } @media (max-width: 1730px) { .nav { font-size: 12px; } .nav > ul > li > a { padding-left: 5%; padding-right: 5%; } .nav a i { margin-left: 15px; } } @media (max-width: 1400px) { .nav { font-size: 12px; } .nav > ul > li > a{ font-size: 15px; } .nav a i { margin-left: 10px; } } @media (max-width: 1200px) { .nav > ul > li > a{ font-size: 12px; } } @media (max-width: 991px) { .nav > ul > li > a i{ display: none; } } /* Mobile */ @media (max-width: 768px) { .nav { position: fixed; top: 0; left: 0; bottom: 0; height: 100vh; max-width: 100vw; overflow-y: auto; padding: 32px 45px 32px 32px; -ms-transform: translateX(-110%); transform: translateX(-110%); transition: transform .3s; z-index: 20; box-shadow: 10px 10px 10px rgba(0,0,0, .3); } .nav.is-open { -ms-transform: none; transform: none; } .nav > ul { -ms-flex-direction: column; flex-direction: column; } .nav > ul > li + li { margin-left: 0; } .nav > ul > li > a { line-height: 3; font-size: 22px; } .nav > ul > li > a { position: relative; padding: 0 0 0 0px; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; } .nav > ul > li > a:hover { background: transparent; } .nav .nav__icon { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 0; } .nav i { margin-left: 10px; color: #575a5c; font-size: 12px; } .nav .nav__dropdown { display: none; position: static; padding-top: 15px; padding-bottom: 15px; opacity: 1; visibility: visible; background: none; box-shadow: none; } .nav .nav__dropdown > li + li { margin-top: 10px; } .nav .nav__dropdown > li > a { font-size: 16px; } .nav .nav__dropdown-links { padding-top: 10px; } .nav .nav__close { position: absolute; top: 15px; right: 15px; line-height: 1; } .nav .nav__close i { font-size: 14px; } .search .busca select{ display: none !important; } .search .search__field, .search .busca .fulltext-search-box{ padding-left: 15px !important; } .search .header__searchbar{ padding-bottom: 5px; } } @media (max-width: 476px) { .nav { font-size: 15px; padding: 20px; width: 100vw; } .nav > ul > li > a { padding-left: 0px; } .nav .nav__icon { -ms-transform: translateY(-50%) scale(.7); transform: translateY(-50%) scale(.7); -ms-transform-origin: left; transform-origin: left; } .nav .nav__dropdown > li > a { font-size: 18px; } } /* ------------------------------------------------------------ *\ Overlay-mobile \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 768px) { .overlay-mobile { z-index: 50; position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-height: 100vh; padding-top: 45px; overflow-y: auto; visibility: hidden; opacity: 0; background: #fff; -ms-transform: scale(1.2); transform: scale(1.2); transition: transform .3s, opacity .3s, visibility .3s; } .overlay-mobile.is-open { -ms-transform: none; transform: none; opacity: 1; visibility: visible; } .overlay-mobile .overlay__close { position: absolute; right: 10px; top: 10px; text-decoration: none; } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product-bullets{ margin-left: 10px; margin-top: -10px; } .product { margin-bottom: 10px; box-shadow: 7px 7px 7px rgba(0,0,0, .1); text-align: center; background: #f7f7f9; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .product .product__image { position: relative; background: #fff; margin-bottom: 0; } .product .product__image img { display: block; width: 100%; max-width: 100%; height: auto; -webkit-border-radius: 20px 20px 0px 0px;; -moz-border-radius: 20px 20px 0px 0px;; border-radius: 20px 20px 0px 0px;; } /* .product .product__label { position: absolute; top: 10px; left: 0; } */ .product .product__body { padding: 8% 12% 12%; } .product .product__heading { margin-bottom: 9px; text-transform: uppercase; line-height: 1.6; font-weight: 600; min-height: 90px; max-height: 90px; overflow: hidden; } .product .product__heading a { color: inherit; text-decoration: none; } .product .product__btn { margin-bottom: 8px; } .product .product__price { margin-bottom: 9px; } .product .product__price span { font-size: 21px; color: #91d64f; font-weight: 700 } .product .product__price span.oldPrice { font-size: 21px; color: #999999; text-decoration: line-through; margin-right: 8px; } .product .product__price span.agotado { font-size: 0px !important; } .product .product__price span.agotado:after { content: "Producto Agotado"; font-size: 21px !important; } .product .product__price small { font-size: 14px; color: #999999; text-decoration: line-through; } .product .product__price span.installment{ display: none !important; } /* Mobile */ @media (max-width: 768px) { .product .product__body { padding: 39px 10px 42px; } .product .product__heading { line-height: 1.35; margin-bottom: 9px; } .product .product__label { top: 14px; } .product .product__btn { margin-bottom: 10px; } .product .product__price { margin-bottom: 10px; } } @media (max-width: 476px) { .product .product__heading { font-size: 14px; } } /* ------------------------------------------------------------ *\ Product-view \* ------------------------------------------------------------ */ .productDescriptionShort:before{ box-sizing: content-box !important; } .productDescriptionShort:after{ box-sizing: content-box !important; } .product-view:after { } .product-view .productDescription { max-height: 65px; overflow: hidden; } .product-view .product__header { } .product-view .product__socials { padding-top: 3px; margin-bottom: 8px; } .product-view .product__title { margin-bottom: 11px; line-height: 1.6; text-transform: uppercase; color: #000; max-height: 190px; overflow: hidden; font-size: 21px; } .product-view .product__features { margin-bottom: 9px; } .product-view .product__price { margin-bottom: 12px; } .product-view .product__price .valor-por strong, .product-view .product__price .valor-de strong { font-weight: normal; font-style: normal; } .product-view .product__price .valor-por { display: inline-block; font-size: 48px; color: #91d64f; font-weight: 700; } .product-view .product__price .valor-de { display: inline-block; font-size: inherit; text-decoration: line-through; vertical-align: middle; } .product-view .product__price .valor-por strong { font-size: 48px; color: #91d64f; font-weight: 700; } .product-view .product__price .valor-de strong { display: inline-block; font-size: inherit; text-decoration: line-through; vertical-align: middle; } .product-view .product__price .descricao-preco em { position: relative; visibility: hidden; } .product-view .product__price .descricao-preco strong { position: absolute; left: 0; top: 0px; visibility: visible; } .product-view .product__price .preco-a-vista, .product-view .plugin-preco .preco-a-vista, .product-view .product__price .preco-a-vista, .product-view .plugin-preco .economia-de, .product-view .product__price .preco-a-vista, .product-view .plugin-preco .valor-dividido{ display: none !important; } .product-view .product__purchase { margin-bottom: 16px; } .product-view .product__media { width: 610px; margin-right: 24px; float: left; } .product-view .product__body, .product-view .product__header { overflow: hidden; } .product-view .product__rating { display: inline-block; margin-right: 27px; } .product-view .product__meta { margin-top: 28px; } /* Mobile */ @media (max-width: 768px) { .product-view { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-view .product__price .valor-por strong { font-size: 33px !important; } .product-view .product__body { padding-left: 35px; } .product-view .product__header { -ms-flex-order: -1; order: -1; } .product-view .product__media{ float: none; width: 100%; margin: 0 0 53px; } .product-view .product__title { margin-bottom: 49px; line-height: 1.38; padding-left: 7px; } .product-view .product__socials { margin-bottom: 34px; padding-left: 38px; padding-top: 0; } .product-view .product__features { margin-bottom: 40px; font-size: 24px; line-height: 2; } .product-view .product__price { margin-bottom: 29px; } .product-view .product__price span { font-size: 60px; } .product-view .product__price small { margin-left: 29px; margin-top: 0; vertical-align: baseline; font-size: 24px; } .product-view .product__purchase { margin-bottom: 51px; } .product-view .product__meta { margin-top: 49px; } .product-view .product__meta > a { font-size: 24px; } .product-view .product__rating { margin-right: 28px; } } @media (max-width: 600px) { .product-view .product__body { padding-left: 0; } .product-view .product__socials { padding-left: 0; } } @media (max-width: 476px) { .product-view .product__title { margin-bottom: 15px; font-size: 16px; } .product-view .product__media { margin-bottom: 25px; } .product-view .product__socials { margin-bottom: 10px; } .product-view .product__price { margin-bottom: 15px; } .product-view .product__price span { font-size: 35px; } .product-view .product__price small { margin-left: 10px; font-size: 15px; } .product-view .product__features { margin-bottom: 15px; line-height: 1.5; font-size: 20px; } .product-view .product__meta { margin-top: 25px; } .product-view .product__rating { display: block; margin-right: 0; margin-bottom: 10px; } } @media (max-width: 400px) { .product-view .product__meta { text-align: center; } } /* ------------------------------------------------------------ *\ Profile \* ------------------------------------------------------------ */ .profile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .profile .profile__title { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 6px; } .profile .profile__icon { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; height: 42px; width: 42px; margin-left: 13px; border-radius: 50%; background: #c9c9c9; overflow: hidden; } .profile .profile__icon i { -ms-transform: scale(.8); transform: scale(.8); } /* Mobile */ @media (max-width: 768px) { .profile .profile__title { -ms-flex-order: 1; order: 1; margin-left: 4%; margin-bottom: 0; -ms-flex-item-align: center; align-self: center; font-size: 16px; } .profile .profile__icon { width: 36px; height: 36px; margin-left: 0;} .profile .profile__icon i { -ms-transform: scale(.65); transform: scale(.65); } } /* ------------------------------------------------------------ *\ Rating \* ------------------------------------------------------------ */ .rating { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; -ms-flex: 0 1 1049px; flex: 0 1 1049px; } .search legend, .search label{ display: none !important; } /* .search .busca select{ z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; height: 35px; line-height: 35px; width: 303px; font-size: 18px; padding-left: 25px; cursor: pointer; border-right: 1px solid #707070; border-bottom-left-radius: 25px; border-top-left-radius: 25px; border-bottom: 1px solid #e6e7e8; } */ .search .busca select{ z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; height: 30px; line-height: 35px; width: 160px; font-size: 14px; padding-left: 25px; cursor: pointer; border-right: 1px solid #707070; border-bottom-left-radius: 25px; border-top-left-radius: 25px; border-bottom: 1px solid #e6e7e8; } .search .busca { position: relative; } .search .search__inner { position: relative; /* display: flex; background: #fff; */} .search .search__select { z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; height: 55px; line-height: 55px; width: 316px; font-size: 24px; padding-left: 25px; cursor: pointer; border-right: 1px solid #707070; border-bottom-left-radius: 25px; border-top-left-radius: 25px; border-bottom: 1px solid #e6e7e8; } .search .search__select h3 { margin: 0; font-weight: 400; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; } .search .search__select h3 i { margin-left: auto; font-size: 11px; margin-right: 10px; margin-top: 2px; } .search .search__select ul { position: absolute; left: 28px; right: 0; top: 100%; margin-top: 1px; padding: 20px 20px 20px 35px; list-style: none; visibility: hidden; opacity: 0; background: #f1f1f2; line-height: 1.8; border: 1px solid #e6e7e8; border-top: 0; } .search .search__select a { text-decoration: none; color: inherit; text-transform: capitalize; font-size: 20px; } .search .search__select a:hover { color: #91d64f; transition: color .3s; } .search .search__select.is-open { background: #f1f1f2; } .search .search__select.is-open ul { visibility: visible; opacity: 1; background: #f1f1f2; transition: opacity .3s, visibility .3s; } .search .search__select-option { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;} .search .search__field-container { position: relative; } /* .search .search__field, .search .busca .fulltext-search-box { height: 35px; line-height: 35px; display: block; width: 100%; font-size: 18px; padding-left: 316px; padding-right: 55px; border: 0; background: #fff; transition: background .3s; border-radius: 25px; } */ .search .search__field, .search .busca .fulltext-search-box { height: 30px; line-height: 35px; display: block; width: 100%; font-size: 14px; padding-left: 170px; padding-right: 50px; border: 0; background: #fff; transition: background .3s; border-radius: 25px; } .search .search__field::-webkit-input-placeholder { color: transparent; transition: color .3s; } .search .search__field:-ms-input-placeholder { color: transparent; transition: color .3s; } .search .search__field::placeholder { color: transparent; transition: color .3s; } .search .search__field:focus { background: #f1f1f2; } .search .search__field:focus::-webkit-input-placeholder { color: #c9c9c9; } .search .search__field:focus:-ms-input-placeholder { color: #c9c9c9; } .search .search__field:focus::placeholder { color: #c9c9c9; } .search .search__button, .search .busca .btn-buscar { position: absolute; top: 50%; right: 17px; -ms-transform: translateY(-50%); transform: translateY(-50%); } .search .busca .btn-buscar { display: inline-block; line-height: 1; background: none; border: 0; background-image: url(/arquivos/sprite.png); background-position: 98.59484777517564% 96.50537634408603%; background-size: 1434.375% 1262.5%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .search__dispositivo .search__field { padding-left: 25px; } .search__dispositivo .search__inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .search__dispositivo .search__select { position: relative; left: auto; right: auto; bottom: auto; top: auto; width: auto; height: 82px; line-height: 82px; margin: 0px -19px 0 -18px; padding-left: 5px; padding-right: 5px; border-radius: 0; background: #f1f1f2; } .search__dispositivo .search__select { margin-top: 0px !important; } .search__dispositivo .search__select h3 { -ms-flex-pack: center; justify-content: center; } .search__dispositivo .search__select h3 i { margin-left: 16px; font-size: 8px; } .search__dispositivo .search__select ul { left: 0; border: 0; text-align: center; } .search__dispositivo .search__field { font-size: 22px; } .search__dispositivo .search__button { right: 13px; } .search__dispositivo ul i { display: none !important; } .search__dispositivo ul a { min-height: inherit; margin-bottom: 5px; } .search__dispositivo ul a span { margin-top: 0px; font-size: 17px } /* Mobile */ @media (max-width: 768px) { .search .search__field { padding-left: 25px; } .search .search__inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .search .search__select { position: relative; left: auto; right: auto; bottom: auto; top: auto; width: auto; height: 82px; line-height: 82px; margin: 15px -19px 0 -18px; padding-left: 5px; padding-right: 5px; border-radius: 0; background: #f1f1f2; } .search .search__field, .search .busca .fulltext-search-box{ font-size: 15px; } .search .search__select h3 { -ms-flex-pack: center; justify-content: center; } .search .search__select h3 i { margin-left: 16px; font-size: 8px; } .search .search__select ul { left: 0; border: 0; } .search .search__field { font-size: 22px; } .search .search__button { right: 13px; } } @media (max-width: 476px) { } /* ------------------------------------------------------------ *\ Search-store \* ------------------------------------------------------------ */ .search-store { color: #fff; text-align: center; -ms-flex: 0 1 377px; flex: 0 1 377px; } .search-store .search__inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .search-store label { margin-bottom: 10px; font-size: 30px; font-weight: 700; color: inherit; } .search-store .search__field { width: 100%; height: 56px; line-height: 56px; margin-bottom: 19px; padding-left: 10px; padding-right: 10px; border: 3px solid #fff; background: none; font-size: 24px; text-align: center; transition: color .3s, background .3s, box-shadow .3s; border-radius: 0; } .search-store .search__field:focus { background: #fff; color: #91d64f; box-shadow: 2px 2px 10px rgba(0,0,0, .2);} /* Mobile */ @media (max-width: 768px) { .search-store { -ms-flex: 0 1 349px; flex: 0 1 349px; max-width: 100%; } .search-store .search__field { height: 52px; font-size: 16px; } .search-store label { font-size: 36px; margin-bottom: 12px; } } @media (max-width: 476px) { .search-store label { font-size: 30px; } } .ui-autocomplete.ui-menu{ background-color: #fff; list-style: none; padding: 0px; margin: 0px; } .ui-autocomplete.ui-menu li{ display: block; } .ui-autocomplete.ui-menu li a{ display: block; padding: 8px 20px; text-decoration: none; color: #333; text-transform: capitalize; } .ui-autocomplete.ui-menu li a:hover{ background-color: #eee; color: #333; } @media (max-width: 767px) { .search .search__field { background: none; border: none; font-size: 14px; color: #fff; text-align: center; display: none; padding: 0; } /*.search .search__field + .search__field { display: block; }*/ .ui-autocomplete.ui-menu{ max-width: 100%; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 52px 0; } .section .section__title, .section__body .section__title { margin-bottom: 58px; color: #91d64f; text-align: center; } .section__body .section__title { margin-top: 15px; } .section .section__title--xl-margin { margin-bottom: 68px; } .section--darker { background-color: #f7f7f8; } .section--grey { background: #ebf0f7; } .section--mediumgrey { background: #f2f2f2; } .section--color-primary { background-color: #91d64f; } .section--m-bottom-small { margin-bottom: 17px; } .section--padding-xl { padding: 52px 0 78px; } .section--padding-xxl { padding: 75px 0 78px; } .section--padding-xxxl { padding: 95px 0 93px; } .section--product { padding: 39px 0 0px; } .section--product .controls { margin-left: 0; margin-right: 0; } .section--categories .section__title { margin-bottom: 49px; } /* Mobile */ @media (max-width: 768px) { .section { padding: 86px 0 20px; } .section .section__title { margin-bottom: 65px; } .socila-product-header div { padding-left: 0 !important; padding-right: 0 !important; } .section--mobile-padding-bottom-lg { padding-bottom: 67px; } .section--no-padding-xs { padding: 0; } .section--padding-xl { padding: 65px 0 74px; } .section--padding-xxl { padding: 47px 0 43px; } .section--categories .section__title { margin-bottom: 41px; } .section--product { padding: 40px 0 55px; } .section--xs-darker { background-color: #f7f7f8; } .section--xs-p-top-small { padding-top: 32px; } .section--xs-padding-alt { padding-top: 32px; padding-bottom: 44px; } .section--m-bottom-small { margin-bottom: 0; } } @media (max-width: 460px) { .section--categories .section__title { font-size: 25px; } } .section--product .thumbs .slick-arrow{ border: none; background: none; position: relative; text-align: center; width: 100%; visibility: hidden; } .section--product .thumbs .slick-arrow:before{ content: ''; top: 0; color: #333; font-family: FontAwesome; font-style: normal; font-weight: lighter; text-decoration: inherit; display: inline-block; vertical-align: middle; position: absolute; visibility: visible; width: 100%; left: 0px; background-color: #F2F2F2; } .section--product .thumbs .slick-prev:before{ content: "\f077"; } .section--product .thumbs .slick-next:before{ content: "\f078"; } @media (max-width: 768px) { .slider-thumbnails .slider__nav, #show .thumbs { max-width: 100%; width: 100%; } .slider-thumbnails .slider__nav .slider__slide, #show .thumbs li{ margin: 0 7px; } .section--product .thumbs .slick-arrow{ max-width: 40px; } .section--product .thumbs .slick-prev:before{ content: "\f053"; top: 47%; } .section--product .thumbs .slick-next:before{ content: "\f054"; top: 47%; } } /* ------------------------------------------------------------ *\ Section-secondary \* ------------------------------------------------------------ */ .section-secondary .section__content { min-height: 460px; } .section-secondary .section__search { margin-top: -6px; } /* Mobile */ @media (max-width: 768px) { .section-secondary .section__content { min-height: auto; padding: 62px 0 53px; } } @media (max-width: 460px) { .section-secondary .section__content { padding-left: 10px; padding-right: 10px; } } /* ------------------------------------------------------------ *\ Section-primary \* ------------------------------------------------------------ */ .section-primary { border-bottom: 3px solid #bbbfbf; } .section-primary .section__inner { display: -ms-flexbox; display: flex; } .section-primary .section__sidebar { padding-top: 36px; padding-right: 2%; padding-left: 2%; -ms-flex: 0 1 24%; flex: 0 1 24%; } .section-primary .section__body { -ms-flex: 1; flex: 1; /*padding-bottom: 28px;*/ } .section-primary .section__body .section { padding: 0px; max-width: 100%; } .section-primary .section__body .section .container-shelf { width: 100%; max-width: 100%; } #department-page .section__body { width: 100%; max-width: 76%; } #department-page .section__body .section__body { border: none; width: 100%; max-width: 80%; margin-left: 10%; } #department-page .section__content { width: 100%; max-width: 100%; } .section-primary .section__content { padding: 2.9% 2% 48px 2%; background: #fff; } .section-primary .section__footer { margin-top: 59px; } @media (max-width: 1400px) { .section-primary .section__sidebar { padding-right: 3%; } } /* Mobile */ @media (max-width: 768px) { #department-page .section__body { width: 100%; max-width: 100%; } #department-page .section__body .section__body { border: none; width: 100%; max-width: 80%; margin-left: 10%; } #department-page .section__content { width: 100%; max-width: 100%; } .section-primary { background: #fff; border-bottom: 0; } .section-primary .section__content { border-left: 0; padding: 0; } .section-primary .section__inner { -ms-flex-direction: column; flex-direction: column; } .section-primary .section__body { -ms-flex: 0 1 100%; flex: 0 1 100%; border-left: 0; } .section-primary .section__sidebar { -ms-flex: 1; flex: 1; padding: 28px 7px 0; } .section-primary .controls { margin-left: -14px; margin-right: -14px; margin-bottom: 31px; } } @media (max-width: 500px) { .section-primary .controls { margin-left: -10px; margin-right: -10px; } } .searchResultsTime { display: none !important; } .sub .filterBy, .sub .compare { display: none !important; } .pager.top, .pager.bottom { display: none !important; } #category-page .main { width: 100%; } #category-page .vitrine.resultItemsWrapper ul { width: 100%; } #category-page .vitrine.resultItemsWrapper .slider__slides .slider__slide, .slider-products .slider__slides .slider__slide { width: 100%; } .pager.bottom{ margin-bottom: 0px; text-align: center; } .pager.bottom ul{ display: inline-block; margin: 30px 0px 0px; } .pager.bottom ul li{ display: inline-block !important; width: 15px; font-size: 23px; } .pager.bottom .first, .pager.bottom .previous, .pager.bottom .last, .pager.bottom .next{ visibility: hidden; } .pager.bottom .first:before, .pager.bottom .previous:before, .pager.bottom .last:before, .pager.bottom .next:before{ color: #45474F; font-family: FontAwesome; font-style: normal; font-weight: lighter; text-decoration: inherit; font-size: 24px; display: inline-block; vertical-align: middle; position: absolute; visibility: visible; width: 15px; } .pager.bottom .first:before{ content: "\f100"; } .pager.bottom .previous:before{ content: "\f104"; } .pager.bottom .last:before{ content: "\f101"; } .pager.bottom .next:before{ content: "\f105"; } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { position: relative; } .slider .slides { list-style: none outside none; } .slider .slider__arrow { display: inline-block; position: absolute; top: 51.3%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; cursor: pointer; color: #333; } .slider .slider__arrow--dark { color: #bbbfbf; } .slider .slider__prev { right: 100%; margin-right: 22px; } .slider .slider__next { left: 100%; margin-left: 22px; } .slider .slider__paging { position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; color: #fff; } .slider .slider__paging .slick-dots { list-style: none; font-size: 0; line-height: 0; } .collection .slick-dots{ display: none; } #returnToTop{ display: none !important; } .slider .slider__paging li { display: inline-block; } .slider .slider__paging li + li { margin-left: 27px; } .slider .slider__paging button { width: 17px; height: 17px; border-radius: 50%; background: currentColor; font-size: 0; line-height: 0; padding: 0; border: 0; box-sizing: content-box; } .slider .slick-active button { border: 3px solid; background: none; } /* Mobile */ @media (max-width: 768px) { .slider { max-width: 100%; } } @media (max-width: 576px) { .slider .slider__paging button { width: 14px; height: 14px; } .slider .slider__paging li + li { margin-left: 15px; } } /* ------------------------------------------------------------ *\ Slider-categories \* ------------------------------------------------------------ */ .slider-categories .slider__clip { overflow-x: hidden; } .slider-categories .slider__slides { margin: 0 -32px; } .slider-categories .slider__slide { padding: 0 32px; } .slider__slides .slider__slides > ul { margin: 0px; } /* Mobile */ @media (max-width: 768px) { .slider-categories { display: -ms-flexbox; display: flex; text-align: center; padding: 0 18px; } .slider-categories .slider__arrow { -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; position: static; -ms-transform: none; transform: none; } .slider-categories .slider__arrow i { border-width: 3px; font-size: 39px; color: #707070; } .slider-categories .slider__prev { margin-right: 38px; } .slider-categories .slider__next { margin-left: 38px; } .slider-categories .slider__slides { margin-left: -33px; margin-right: -33px; } .slider-categories .slider__slide { padding-left: 33px; padding-right: 33px; } } @media (max-width: 600px) { .slider .slider__slides { margin: 0 -20px; } /* .slider .slider__slide { padding: 0 20px; } */ } @media (max-width: 476px) { .slider-categories { padding: 0 0px; } .slider .slider__arrow i { font-size: 20px; } .slider .slider__next { margin-left: 10px; } .slider .slider__prev { margin-right: 10px; } } @media (max-width: 360px) { .slider .slider__slides { margin: 0; } /* .slider .slider__slide { padding: 0; } */ } /* ------------------------------------------------------------ *\ Slider-products \* ------------------------------------------------------------ */ .slider-products .slider__slides { margin: 0 -15px; } /*.slider-products .slider__slide, .slider-products .slick-slide { display: -ms-flexbox; display: flex; padding: 0 15px; }*/ .slider-products .slick-slide { display: -ms-flexbox; display: flex; padding: 0 15px; } .slider-products .slider__slides > h2 { display: none !important; } /* Mobile */ @media (max-width: 768px) { .slider-products .slider__slides { margin: 0 -22px; } /*.slider-products .slider__slide, .slider-products .slick-slide { padding: 0 15px; }*/ .slider-products .slick-slide { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Slider-thumbnails \* ------------------------------------------------------------ */ .slider-thumbnails { display: -ms-flexbox; display: flex; overflow: hidden; } .slider-thumbnails .slider-arrow { position: static; } .slider-thumbnails .slider__display .slider__slides { } .slider-thumbnails .slider__display, #show #include { -ms-flex: 0 0 483px; flex: 0 0 483px; max-width: 483px; margin-left: 20px; float: right; } .slider-thumbnails .slider__nav, .product__media #show .thumbs { -ms-flex-order: -1; order: -1; -ms-flex: 0 0 106px; flex: 0 0 106px; max-width: 106px; list-style: none; } .slider-thumbnails .slider__nav .slider__slides, .product__media #show .thumbs { float: left; margin-top: -14px; } .slider-thumbnails .slider__nav .slider__slide, #show .thumbs li { padding-top: 14px; margin-bottom: 0; } #show .thumbs li a { display: block; } #show .thumbs li a img { background-color: #ffffff; } /* Mobile */ @media (max-width: 768px) { .apresentacao #show #include #image #image-main { width: 70% !important; margin-left: 15%; } .slider-thumbnails { display: block; } .slider-thumbnails .slider__display, #show #include { -ms-flex: none; flex: none; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .slider__display, #show #include { max-width: 100%; margin-left: 0; } .slider-thumbnails .slider__nav, #show .thumbs { display: -ms-flexbox; display: flex; max-width: none; -ms-flex: 1; flex: 1; -ms-flex-order: 0; order: 0; margin-top: 49px; } .slider-thumbnails .slider__nav .slider__slides, .#show .thumbs { margin: 0 -15px 0; } .slider-thumbnails .slider__nav .slider__slide, .#show .thumbs li { padding: 0 15px 0; } .slider-thumbnails .slider__nav, #show .thumbs { -ms-flex-pack: justify; justify-content: space-between; } .slider-thumbnails .slider__arrow { position: relative; z-index: 1; -ms-flex-item-align: center; align-self: center; margin-top: 10px; font-size: 24px; } .slider-thumbnails .slider__arrow i { border-width: 3px; } } @media (max-width: 600px) { .apresentacao #show #include #image #image-main { width: 70% !important; margin-left: 15%; } .slider-thumbnails .slider__arrow { margin-top: 0; -ms-flex-negative: 0; flex-shrink: 0; } .slider-thumbnails .slider__arrow i { font-size: 15px; } .slider-thumbnails .slider__nav, #show .thumbs { margin-top: 25px; } .slider-thumbnails .slider__clip { -ms-flex: 1; flex: 1; max-width: 90%; } .slider-thumbnails .slider__nav .slider__slides { margin: 0 -5px; } .slider-thumbnails .slider__nav .slider__slide { padding: 0 5px; } } @media (max-width: 560px) { .slider-thumbnails .slider__nav img {} .apresentacao #show #include #image #image-main { width: 70% !important; margin-left: 15%; } } .apresentacao #show {} .apresentacao #show #include {} .apresentacao #show #include #image {} .apresentacao #show #include #image a.image-zoom { display: block; } .apresentacao #show #include #image .zoomPad{ position: relative; overflow: hidden; } .apresentacao #show #include #image #image-main { width: 100%; height: auto; background-color: #fff; } .apresentacao #show #include #image .zoomPup{ left: 15px !important; top: 0px !important; width: 100% !important; height: 100% !important; overflow: hidden; } .apresentacao #show #include #image .zoomWrapper{ width: 100% !important; height: 100% !important; } .apresentacao #show #include #image .zoomWrapper .zoomWrapperImage{ width: 100% !important; height: 100% !important; overflow: hidden; } .apresentacao #show #include #image .zoomWrapper .zoomWrapperImage img{ width: 245%; max-width: 245%; height: auto; background-color: #fff; } .apresentacao #show #include #image .zoomWindow{ left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; overflow: hidden !important; } /* ------------------------------------------------------------ *\ Slider-banners \* ------------------------------------------------------------ */ .slider-banners .slider__slides { display: -ms-flexbox; display: flex; margin: 0 -15px; } .slider-banners .slider__slide, .slider-banners .box-banner { -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; max-width: 33.3333%; padding: 0 15px; } /* Mobile */ @media (max-width: 768px) { .slider-banners .slider__slides { display: block; margin: 0; } .slider-banners .slider__slide, .slider-banners .box-banner { padding: 0; max-width: 100%; width: 100%; } .slider-banners .slider__slide, .slider-banners .box-banner img { width: 100%; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none; } .socials li { display: inline-block; } .socials li + li { margin-left: 38px; } .socials a { transition: opacity .3s; } .socials a:hover { opacity: .9; } /* Mobile */ @media (max-width: 768px) { .socials li + li { margin-left: 68px; } } @media (max-width: 576px) { .socials li + li { margin-left: 10px; } } .socials--xs li + li { margin-left: 16px; } .socials--xs a { display: block; } .socials--xs i { -ms-transform: scale(.4); transform: scale(.4); } /* Mobile */ @media (max-width: 768px) { .socials--xs li + li { margin-left: 10px; } .socials--round a i {font-size: 35px} } .socials--round a {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;width: 25px;height: 25px;border-radius: 50%;transition: background .3s, opacity .3s;text-decoration: none;} .socials--round a i { -ms-flex-negative: 0; flex-shrink: 0; font-size: 25px} /* Mobile */ @media (max-width: 768px) { .socials--round a { width: 25px; height: 25px; } } @media (max-width: 476px) { .socials--round a { width: 25px; height: 25px; } .socials--round a i { -ms-transform: scale(.3); transform: scale(.3); font-size: 38px} } .socials--round a:hover { background: #91d64f; } .socials--round a i { color: #fff; } .socials--round a.bt-facebook {background: #3b5998;opacity: 1;} .socials--round a.bt-twitter { background: #1da1f2; opacity: 1; } .socials--round a.bt-whatsapp { background: #25D366; opacity: 1; } .socials--round a.bt-instagram { background: #C13584; opacity: 1; } .socials--round a.bt-whatsapp.copied { background: #25D366; opacity: 0.7; } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe { text-align: center; } .subscribe .subscribe__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .subscribe .subscribe__title { margin-bottom: 20px; font-weight: 700; font-size: 30px; } .subscribe .subscribe__field { -ms-flex: 0 1 427px; flex: 0 1 427px; height: 47px; line-height: 47px; padding: 0 17px; border: 3px solid #c9c9c9; font-size: inherit; color: #707070; vertical-align: middle; transition: border-color .3s; background: #fff; border-radius: 0; } .subscribe .subscribe__field:focus { border-color: #91d64f; } .subscribe .subscribe__btn { margin-left: 15px; } /* Mobile */ @media (max-width: 768px) { .subscribe .subscribe__title { font-size: 36px; margin-bottom: 32px; padding: 0 15%; } .subscribe .subscribe__inner { -ms-flex-pack: center; justify-content: center; } .subscribe .subscribe__btn { min-width: 143px; margin-left: 24px; height: 39px; line-height: 39px; font-size: 16px; } .subscribe .subscribe__field { width: auto; -ms-flex: 0 1 426px; flex: 0 1 426px; border-width: 1px; height: 40px; line-height: 40px; padding-left: 13px; padding-top: 6px; } } @media (max-width: 576px) { .subscribe .subscribe__title { padding: 0; } } @media (max-width: 476px) { .subscribe .subscribe__title { font-size: 30px; margin-bottom: 15px; line-height: 1.3; } .subscribe .subscribe__field { padding-top: 0; } } @media (max-width: 430px) { .subscribe .subscribe__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribe .subscribe__btn { margin-left: 0; margin-top: 15px; } .subscribe .subscribe__field { } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs__head { font-size: 24px; margin-bottom: 55px; text-align: center; } .tabs .tabs__head li { display: inline-block; transition: transform .3s; } .tabs .tabs__head li + li { margin-left: 135px; } .tabs .tabs__head a { position: relative; display: block; text-decoration: none; } .tabs .tabs__head a:after { position: absolute; left: -57px; right: -45px; top: 100%; margin-top: 5px; background: currentColor; height: 3px; content: ""; -ms-transform: scaleX(0); transform: scaleX(0); transition: transform .3s; } .tabs .tabs__head a:hover:after { -ms-transform: none; transform: none; } .tabs .tabs__head .active { -ms-transform: translateY(-5px); transform: translateY(-5px); } .tabs .tabs__head .active a { font-weight: 700; padding-bottom: 7px; } .tabs .tabs__head .active a:after { -ms-transform: none; transform: none; } .tabs .tabs__body .tab:not(.active) { display: none; } /* Mobile */ @media (max-width: 768px) { .tabs { overflow-x: hidden; } .tabs .tabs__head { margin-bottom: 52px; padding-left: 12px; padding-right: 12px; font-size: 18px; } .tabs .tabs__head .active { -ms-transform: none; transform: none; } .tabs .tabs__head a { padding-bottom: 7px; } .tabs .tabs__head a:after { left: -36px; right: -42px; } .tabs .tabs__head li + li { margin-left: 14%; } } @media (max-width: 600px) { .tabs .tabs__head { font-size: 16px; } .tabs .tabs__head a:after { left: 0; right: 0; } } @media (max-width: 476px) { .tabs .tabs__head { font-size: 14px; } .tabs .tabs__head ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .tabs .tabs__head li + li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { padding: 6.7% 13.7% 6% 6%; list-style: none outside none; background: #fff; box-shadow: 7px 0 7px rgba(0,0,0, .1);} .widgets .widget + .widget { margin-top: 11px; } .widget { color: #bbbfbf; } .widget .widget__header { cursor: pointer; } .widget .widget__body { padding-left: 2px; } .widget .widget__title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-bottom: 16px; color: #91d64f; font-size: 18px; } .widget .widget__title i { font-size: 11px; margin-top: -2px; } .widget .widget__subtitle { display: block; margin-bottom: 11px; margin-top: -4px; } .widget .widget__section + .widget__section { margin-top: 21px; } /* Mobile */ @media (max-width: 768px) { .widgets { padding: 20px; box-shadow: none; } } /* ------------------------------------------------------------ *\ Error \* ------------------------------------------------------------ */ .error{ text-align: center; background-color: #000; padding: 3% 0 3% 0; color: white; } .error img{ max-width: 503px; width: 100%; height: auto; } .backButton{ background-color: #91d64f; border: 1px solid #91d64f; border-radius: 20px; padding: 2px 8px; color: white; line-height: 28px; } .backButton:focus{ outline: 0; } .backButton:hover{ color: #91d64f; background-color: #fff; } .bold{ font-weight: bold; } /* RATING */ .rating { font-size: 0; unicode-bidi: bidi-override; margin-right: 24px } .rating > input { display: none } .rating > input + label { display: inline-block; overflow: hidden; text-indent: 9999px; width: 18px; height: 17px; margin: 0 4px; white-space: nowrap; cursor: pointer } .rating > input + label:before { display: inline-block; width: 18px; height: 17px; text-indent: -9999px; content: url(/arquivos/valflex-rating-star-empty.png) } .rating > input + label:hover:before, .rating > input + label:hover~label:before, .rating > input:checked~label:before { content: url(/arquivos/valflex-rating-star.png) } .rating > .star-clear+label { text-indent: -9999px } .rating:hover > input + label:before { content: url(/arquivos/valflex-rating-star-empty.png) } .rating:hover > input + label:hover:before, .rating:hover > input + label:hover~label:before { content: url(/arquivos/valflex-rating-star.png) } .rating-alt { position: relative; display: inline-block; width: 132px; height: 20px; margin-bottom: 7px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden } .rating-alt em { position: absolute; left: 0; top: 0; z-index: 5; display: inline-block; background: url(/arquivos/valflex-star-large.jpg); background-repeat: repeat; height: 20px } .ratings { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; padding-left: 64px; font-family: 'Avenir LT Std 55 Roman'; color: #666 } .ratings .ratings__inner { padding: 2px 0 7px } .ratings .ratings__inner+.ratings__inner { margin-left: 76px } .ratings .ratings__inner a { color: inherit } .ratings .ratings__btn { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex } .ratings .ratings__btn i { margin-right: 15px } .ratings .ratings__btn h1 { padding-top: 13px; font-family: "Avenir LT Std 65"; color: #ffc240; font-weight: 900 } .ratings .ratings__btn:hover { text-decoration: none; opacity: .8 } @media (max-width:768px) { .ratings { padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center } .ratings .ratings__inner+.ratings__inner { margin-left: 50px } } .ratings-list { position: relative; left: -30px; min-height: 129px } .ratings-list .ratings__content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: 11px } @media (max-width:768px) { .ratings-list { min-height: auto } } /* ------------------------------------------------------------ *\ REVIES \* ------------------------------------------------------------ */ #reviews ul.rating li .voteRatingBar { background: none repeat scroll 0 0 #f5f5f5; display: block; height: 20px; overflow: hidden } #reviews #opcoes-avalie #rdoInteresse, #reviews #opcoes-avalie > label:nth-child(5) { display: none !important; } #reviews .media { background: none; display: block; text-align: left; margin-top: 5px; } #reviews .media span { display: inline-block; } #reviews .media em { display: inline-block; } #reviews ul.rating li .voteRatingBar span { background: none repeat scroll 0 0 #91d64f; display: block; height: 20px; border-bottom: 3px solid #64993d } #reviews ul.rating li .voteRatingBar+span { color: #9b9b9b; font-size: 0; position: absolute; right: 10px; top: 0; line-height: 20px } #reviews ul.rating { padding: 0 } #reviews ul.rating li { clear: both; display: block; margin: 10px 0; max-width: 320px; overflow: hidden; position: relative; width: 100% } #reviews ul.rating li em { float: left; margin-right: 15px } #reviews .avalie-produto { display: block; padding-top: 20px } #reviews .avalie-produto h5 { margin-top: 25px; margin-bottom: 30px; color: #282828; font-size: 24px; font-weight: 700; line-height: 20px } #reviews .avalie-produto h5::after { content: ":" } #reviews .avalie-produto a { display: block; float: left; margin: 0 0 15px 0 } #reviews .links-resenha-usuario, #reviews hr, #reviews p.media em span { display: none } #reviews .resenhas { padding: 0; border-top: 0 none; margin: 0 } #reviews .resenhas .quem { padding: 0 } #reviews .resenhas .opiniao-ajudou { padding-top: 15px; color: #333; font-size: 13px; font-weight: 300 } #reviews .resenhas .opiniao-ajudou { padding-top: 15px; color: #333; font-size: 13px; font-weight: 300 } #reviews .resenhas .opiniao-ajudou .bts li { display: inline-block; vertical-align: top; margin: 5px 5px 0 0 } #reviews .resenhas .opiniao-ajudou .bts li a { color: #d0021b; font-size: 15px; font-weight: 400; line-height: 18px } #publishUserReview #formUserReview { width: 500px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 20px; position: fixed; top: 30px; left: 50%; margin-left: -250px; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; z-index: 99999 } #publishUserReview #formUserReview .header { padding: 0; margin: 0 } #publishUserReview #formUserReview .header .close { position: absolute; right: -7px; top: -7px } #publishUserReview #formUserReview .header .close a { color: #000; font-size: 18px; font-weight: 400; line-height: 20px; } #publishUserReview #formUserReview .footer, #publishUserReview #formUserReview .header h1 { display: none; } #publishUserReview #formUserReview label { display: block; font-size: 14px; } #publishUserReview #formUserReview input+label { display: inline-block; vertical-align: middle; margin-left: 6px; } #formUserReview > div.header > div.content > div.adicionar-resenha > div > ul > li > div > label{ display: none !important; } #publishUserReview #formUserReview input { margin: 0; } #publishUserReview #formUserReview input[type=text], #publishUserReview #formUserReview textarea { color: #999; background-color: #fff; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-height: 34px; width: 100% } #publishUserReview #formUserReview .grp { position: relative; margin: 10px 0 5px } #publishUserReview #formUserReview .grp span { position: absolute; top: 5px; right: 0 } #publishUserReview #formUserReview .ranking { display: block; margin-top: 15px } #publishUserReview #formUserReview .aviso-resenha { margin-top: 10px; font-size: 12px; font-weight: 300; font-style: italic; line-height: 15px } #reviews .avalie-produto #opcoes-avalie { display: block; margin: 10px 0; width: 100% } #reviews .avalie-produto #opcoes-avalie p strong { display: none } #reviews .avalie-produto #opcoes-avalie .firadio { margin: 3px 0 5px 0; vertical-align: top } #reviews .avalie-produto #opcoes-avalie label { color: #333; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 20px 5px 5px } #reviews #formUserReview .avaliar a, #reviews #lnkPubliqueResenha { background-color: #91d64f; border: 1px solid #91d64f; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #fff; display: block; font-size: 14px; font-weight: 700; height: 45px; line-height: 45px; width: 250px; text-align: center; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-top: 25px } #reviews #formUserReview .avaliar a:active, #reviews #formUserReview .avaliar a:hover, #reviews #lnkPubliqueResenha:active, #reviews #lnkPubliqueResenha:hover { color: #91d64f!important; background-color: #fff; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .rating-avalie .ratingStar, .rating-produto { font-size: 0; line-height: 0; color: transparent; margin-right: 3px } .rating-avalie a { text-decoration: none } .rating-avalie .ratingStar.emptyRatingStar:before, .rating-avalie .ratingStar.filledRatingStar:before { font-family: FontAwesome; font-size: 16px; line-height: 20px; color: #91d64f; font-style: normal; content: "\f006"; text-decoration: none; -webkit-transition: .3s all; -o-transition: .3s all; -moz-transition: .3s all; transition: .3s all; font-weight: 400 } .produto .product__rating #spnRatingProdutoTop:before { content: ""; position: absolute; left: 0; top: 0; z-index: 5; display: inline-block; background: url(/arquivos/valflex-star.jpg); height: 21px; -webkit-background-size: 28px 28px; -moz-background-size: 28px; -o-background-size: 28px; background-size: 28px } .rating-demonstrativo.a50:before, .rating-demonstrativo.avaliacao50:before, .rating-produto.a50:before, .rating-produto.avaliacao50:before, .rating-wrapper .rating.a50:before, .rating-wrapper .rating.avaliacao50:before { content: ""; width: 100px } .rating-demonstrativo.a45:before, .rating-demonstrativo.avaliacao45:before, .rating-produto.a45:before, .rating-produto.avaliacao45:before, .rating-wrapper .rating.a45:before, .rating-wrapper .rating.avaliacao45:before { content: ""; width: 90px } .rating-demonstrativo.a40:before, .rating-demonstrativo.avaliacao40:before, .rating-produto.a40:before, .rating-produto.avaliacao40:before, .rating-wrapper .rating.a40:before, .rating-wrapper .rating.avaliacao40:before { content: ""; width: 80px } .rating-demonstrativo.a35:before, .rating-demonstrativo.avaliacao35:before, .rating-produto.a35:before, .rating-produto.avaliacao35:before, .rating-wrapper .rating.a35:before, .rating-wrapper .rating.avaliacao35:before { content: ""; width: 70px } .rating-demonstrativo.a30:before, .rating-demonstrativo.avaliacao30:before, .rating-produto.a30:before, .rating-produto.avaliacao30:before, .rating-wrapper .rating.a30:before, .rating-wrapper .rating.avaliacao30:before { content: ""; width: 60px } .rating-demonstrativo.a25:before, .rating-demonstrativo.avaliacao25:before, .rating-produto.a25:before, .rating-produto.avaliacao25:before, .rating-wrapper .rating.a25:before, .rating-wrapper .rating.avaliacao25:before { content: ""; width: 50px } .rating-demonstrativo.a20:before, .rating-demonstrativo.avaliacao20:before, .rating-produto.a20:before, .rating-produto.avaliacao20:before, .rating-wrapper .rating.a20:before, .rating-wrapper .rating.avaliacao20:before { content: ""; width: 40px } .rating-demonstrativo.a15:before, .rating-demonstrativo.avaliacao15:before, .rating-produto.a15:before, .rating-produto.avaliacao15:before, .rating-wrapper .rating.a15:before, .rating-wrapper .rating.avaliacao15:before { content: ""; width: 30px } .rating-demonstrativo.a10:before, .rating-demonstrativo.avaliacao10:before, .rating-produto.a10:before, .rating-produto.avaliacao10:before, .rating-wrapper .rating.a10:before, .rating-wrapper .rating.avaliacao10:before { content: ""; width: 20px } .rating-demonstrativo.a5:before, .rating-demonstrativo.avaliacao5:before, .rating-produto.a5:before, .rating-produto.avaliacao5:before, .rating-wrapper .rating.a5:before, .rating-wrapper .rating.avaliacao5:before { content: ""; width: 10px } .media>span { font-family: 'Avenir LT Std 55 Roman', sans-serif; font-size: 14px; color: #282828; margin-right: 5px } #reviews #formUserReview .avaliar a:active, #reviews #formUserReview .avaliar a:hover, #reviews #lnkPubliqueResenha:active, #reviews #lnkPubliqueResenha:hover { color: #fff; opacity: .8; text-decoration: none } .rating-avalie .ratingStar, .rating-produto { font-size: 0; line-height: 0; color: transparent } .rating-demonstrativo:before, .rating-produto:before, .rating-wrapper .rating:before { content: "\f006 \f006 \f006 \f006 \f006"; font-family: FontAwesome; font-size: 14px; line-height: 20px; color: #91d64f; font-style: normal; font-weight: 400 } .rating-avalie a { text-decoration: none } .rating-avalie .ratingStar.emptyRatingStar:before, .rating-avalie .ratingStar.filledRatingStar:before { font-family: FontAwesome; font-size: 16px; line-height: 20px; color: #91d64f; font-style: normal; content: "\f006"; text-decoration: none; -webkit-transition: .3s all; -o-transition: .3s all; -moz-transition: .3s all; transition: .3s all; font-weight: 400 } .rating-avalie .ratingStar.filledRatingStar:before { content: "\f005"; font-weight: 400 } .rating-demonstrativo.a50:before, .rating-demonstrativo.avaliacao50:before, .rating-produto.a50:before, .rating-produto.avaliacao50:before, .rating-wrapper .rating.a50:before, .rating-wrapper .rating.avaliacao50:before { content: "\f005 \f005 \f005 \f005 \f005" } .rating-demonstrativo.a45:before, .rating-demonstrativo.avaliacao45:before, .rating-produto.a45:before, .rating-produto.avaliacao45:before, .rating-wrapper .rating.a45:before, .rating-wrapper .rating.avaliacao45:before { content: "\f005 \f005 \f005 \f005 \f123" } .rating-demonstrativo.a40:before, .rating-demonstrativo.avaliacao40:before, .rating-produto.a40:before, .rating-produto.avaliacao40:before, .rating-wrapper .rating.a40:before, .rating-wrapper .rating.avaliacao40:before { content: "\f005 \f005 \f005 \f005 \f006" } .rating-demonstrativo.a35:before, .rating-demonstrativo.avaliacao35:before, .rating-produto.a35:before, .rating-produto.avaliacao35:before, .rating-wrapper .rating.a35:before, .rating-wrapper .rating.avaliacao35:before { content: "\f005 \f005 \f005 \f123 \f006" } .rating-demonstrativo.a30:before, .rating-demonstrativo.avaliacao30:before, .rating-produto.a30:before, .rating-produto.avaliacao30:before, .rating-wrapper .rating.a30:before, .rating-wrapper .rating.avaliacao30:before { content: "\f005 \f005 \f005 \f006 \f006" } .rating-demonstrativo.a25:before, .rating-demonstrativo.avaliacao25:before, .rating-produto.a25:before, .rating-produto.avaliacao25:before, .rating-wrapper .rating.a25:before, .rating-wrapper .rating.avaliacao25:before { content: "\f005 \f005 \f123 \f006 \f006" } .rating-demonstrativo.a20:before, .rating-demonstrativo.avaliacao20:before, .rating-produto.a20:before, .rating-produto.avaliacao20:before, .rating-wrapper .rating.a20:before, .rating-wrapper .rating.avaliacao20:before { content: "\f005 \f005 \f006 \f006 \f006" } .rating-demonstrativo.a15:before, .rating-demonstrativo.avaliacao15:before, .rating-produto.a15:before, .rating-produto.avaliacao15:before, .rating-wrapper .rating.a15:before, .rating-wrapper .rating.avaliacao15:before { content: "\f005 \f123 \f006 \f006 \f006" } .rating-demonstrativo.a10:before, .rating-demonstrativo.avaliacao10:before, .rating-produto.a10:before, .rating-produto.avaliacao10:before, .rating-wrapper .rating.a10:before, .rating-wrapper .rating.avaliacao10:before { content: "\f005 \f006 \f006 \f006 \f006" } .rating-demonstrativo.a5:before, .rating-demonstrativo.avaliacao5:before, .rating-produto.a5:before, .rating-produto.avaliacao5:before, .rating-wrapper .rating.a5:before, .rating-wrapper .rating.avaliacao5:before { content: "\f123 \f006 \f006 \f006 \f006" } .rating-demonstrativo.a0:before, .rating-demonstrativo.avaliacao0:before, .rating-produto.a0:before, .rating-produto.avaliacao0:before, .rating-wrapper .rating.a0:before, .rating-wrapper .rating.avaliacao0:before { content: "\f006 \f006 \f006 \f006 \f006" } /* ------------------------------------------------------------ *\ WISHLIST \* ------------------------------------------------------------ */ #wishlist-page .backButton{ background-color: #91d64f; border: 1px solid #91d64f; border-radius: 20px; padding: 2px 8px; color: white; line-height: 28px; } #wishlist-page .backButton:focus{ outline: 0; } #wishlist-page .backButton:hover{ color: #91d64f; background-color: #fff; } #wishlist-page .bold{ font-weight: bold; } #wishlist-page .colorGreenMobo{ color: #42ab35 } #wishlist-page .whishlistName{ background-color: #f9f9f9; border: 1px solid #c8c8c8; padding: 1% 3% 1% 10%; } #wishlist-page #whishlistBox{ margin-top: 2%; } #wishlist-page #whishlistBox > div { border: 1px solid #c8c8c8; } #wishlist-page #whishlistBox > div > div:first-child div { display: inline-block !important; } #wishlist-page #whishlistBox ul { list-style: none; } #wishlist-page #whishlistBox ul li { display: block; } #wishlist-page #whishlistBox ul li .oldPrice { font-size: 13px; text-decoration: line-through; font-weight: 400; } #wishlist-page #whishlistBox ul li span { font-weight: 700; } #wishlist-page .displayCenter{ display: flex; align-items: flex-end; } .add-to-wishlist{ text-align: center; margin-top: 5px; } .add-to-wishlist .add-wishlist{ } .add-to-wishlist .add-wishlist.wishlist-loading { } .add-to-wishlist .add-wishlist.wishlist-loading:after{ content: ''; background: url(/arquivos/loading-small.gif) no-repeat 0 0; background-size: 100%; display: inline-block; width: 13px; height: 13px; margin-left: 5px; } .add-to-wishlist .add-wishlist.wishlist-active{ visibility: hidden; } .add-to-wishlist .add-wishlist.wishlist-active:before{ content: 'Quitar de la lista'; display: block; visibility: visible; text-decoration: underline; } @media (max-width: 768px) { #wishlist-page .displayCenter{ flex-direction: column; } } /* ------------------------------------------------------------ *\ Mi Cuenta \* ------------------------------------------------------------ */ #account-page .backButton{ background-color: #91d64f; border: 1px solid #91d64f; border-radius: 20px; padding: 2px 8px; color: white; line-height: 28px; } nav.vtex-account__menu-links .vtex-account_menu-link:first-child { display: none; } #account-page .backButton:focus{ outline: 0; } #account-page .backButton:hover{ color: #91d64f; background-color: #fff; } #account-page .bold{ font-weight: bold; } #account-page .colorGreenMobo{ color: #42ab35 } #account-page .whishlistName{ background-color: #f9f9f9; border: 1px solid #c8c8c8; padding: 1% 3%; } #account-page #whishlistBox{ margin-top: 2%; } #account-page .displayCenter{ display: flex; align-items: flex-end; } #account-page .colorGreenMobo{ color: #42ab35 } #account-page a.colorGreenMobo:hover{ color: #42ab35 } #account-page #containerMyProfile{ border: 1px solid #c8c8c8; padding: 75px 2% 4% 2%; } #account-page .titleSalir{ position: absolute; top: 70px; right: 20px; } #account-page .avatarMyProfile{ width:100px; position: absolute; top: 50px; left: 20px; } #account-page .titleMyprofile{ position: absolute; top: 70px; left: 125px; } #account-page .titleMyWhislist{ position: absolute; top: 70px; right: 240px; } #account-page .titleMyPackeges { position: absolute; top: 70px; right: 95px; } #account-page #profile-submit { display: inline-block; text-align: center; } #account-page #business-toggle { position: relative; visibility: hidden; } #account-page #business-toggle:before { content: 'Incluir datos de empresa'; position: absolute; visibility: visible; left: 0px; top: 0px; } @media (max-width: 768px) { #account-page .displayCenter{ flex-direction: column; } #account-page .avatarMyProfile{ width:50px; top: 72px; left: 14px; } #account-page .titleMyprofile{ top: 70px; left: 70px; } #account-page .titleMyWhislist{ right: 20px; top: 0px; } #account-page .titleMyPackeges{ right: 20px; top: 35px; } } .modal.fade.show { display: block !important; } .modal.fade.show #editar-perfil-conteudo, .modal.fade.show #form-address{ display: block !important; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); top: 0px; left: 0px; margin: 40px auto; width: 900px; } .modal.fade.show input[type=checkbox], .modal.fade.show input[type=radio] { position: inherit; margin-top: 0px !important; margin-left: 0px !important; } .modal.fade.show #form-address label{ width: 100%; display: inline-block; } .modal.fade.show .control-group { float: left; display: inline-block; } .modal.fade.show #myModalLabel { position: absolute; } .modal.fade.show .control-group { width: 100%; } .modal.fade.show input[type=text], .modal.fade.show input[type=email] { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; cursor: text; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; width: 100%; } .modal.fade.show select { width: 100%; line-height: 27px; height: 27px; display: inline-block; line-height: 27px; } .modal.fade.show .radio { margin-right: 7px; } .modal.fade.show .radio input { text-indent: inherit; left: inherit; } .modal.fade.show .profile-detail-form > div { float: left; } #orders-page .nav.nav-pills { display: none !important; } #orders-page #orders-content h1 { margin: 20px 0px !important; } .nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { background-color: #91d64f !important; } #HotDealModal .modal-content{ border: none !important; } /* LOGIN MODAL */ .vtexIdUI{ border: 1px solid #44474e !important; border-radius: 0 !important; box-shadow: none !important; } .vtexIdUI *{ font-family: 'Roboto', sans-serif; } .vtexIdUI .modal-header { background-color: #f6f6f6 !important; } .vtexIdUI .vtexIdUI-heading{ margin-right: 35px; } .vtexIdUI .modal-header .vtexIdUI-close{ background-color: #333 !important; width: 40px !important; height: 40px !important; margin: 10px !important; } .vtexIdUI .modal-header h4{ font-size: 14px; } .vtexIdUI .modal-body .vtexIdUI-providers-list{ } .vtexIdUI .modal-body .vtexIdUI-providers-list li{ margin-bottom: 6px; } .vtexIdUI .modal-body .vtexIdUI-providers-list li button{ box-shadow: none !important; border-radius: 4px !important; color: #fff !important; } .vtexIdUI .modal-body .vtexIdUI-providers-list li button:before{ content: "\f0d7"; color: #FFFFFF; font-family: FontAwesome; font-style: normal; font-weight: lighter; text-decoration: inherit; font-size: 16px; border-right: 1px solid #ccc; position: absolute; left: 0; min-width: 39px; } .vtexIdUI .modal-body .vtexIdUI-providers-list li button i{ display: none !important; } .vtexIdUI .modal-body .vtexIdUI-providers-list li button p, .vtexIdUI .modal-body .vtexIdUI-providers-list li button > span{ text-align: left; display: block; padding-left: 50px; font-size: 14px; line-height: 20px; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #loginWithAccessKeyBtn{ background: #5cb65c; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #loginWithAccessKeyBtn:before{ content: "\f084"; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #vtexIdUI-facebook{ background: #4670aa; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #vtexIdUI-facebook:before{ content: "\f09a"; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #vtexIdUI-google-plus{ background: #d64937; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #vtexIdUI-google-plus:before{ content: "\f0d5"; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #loginWithUserAndPasswordBtn{ background: #9ca0a3; } .vtexIdUI .modal-body .vtexIdUI-providers-list li #loginWithUserAndPasswordBtn:before{ content: "\f003"; } .vtexIdUI .btn { height: inherit; } .vtexIdUI .btn-success{ border: none !important; box-shadow: none !important; border-radius: 0 !important; background: #51a351 !important; } .vtexIdUI .btn-large { padding: 9px 19px !important; font-size: 16px; } @media (max-width: 480px){ .vtexIdUI .modal-body .vtexIdUI-providers-list li button p, .vtexIdUI .modal-body .vtexIdUI-providers-list li button > span{ padding-left: 30px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; } .vtexIdUI .modal-body .vtexIdUI-providers-list li button p, .vtexIdUI .modal-body .vtexIdUI-providers-list li button > span{ white-space: initial; } } .masonry-grid .department-banners { } .masonry-grid .department-banners .box-banner { display: inline-block; margin-bottom: 1%; } .masonry-grid .department-banners .box-banner a { display: block; } .masonry-grid .department-banners .box-banner.margin { margin-right: 1%; } .masonry-grid .department-banners .box-banner img { width: 100%; height: auto; display: inline-block; } #collection-page #ResultItems_29446822 > div > h2{ display: none !important; } @media (max-width: 768px) { } #collection-page .main { width: 100%; margin-top: 20px; } #collection-page .vitrine.resultItemsWrapper ul { width: 100%; } #collection-page .vitrine.resultItemsWrapper .slider__slides .slider__slide, .slider-products .slider__slides .slider__slide { width: 100%; } /*// Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { } /*// Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width: 767.98px) { } /*// Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) and (max-width: 991.98px) { } /*// Large devices (desktops, 992px and up)*/ @media (min-width: 992px) and (max-width: 1199.98px) { } /*// Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { } /*Second Style*/ .buy-in-page-quantity { display: none } .skuReference { font-size: 15px !important } .buy-in-page-button { position: relative; display: inline-block; min-width: 133px; height: 32px; line-height: 32px; color: #282828; font-size: 16px; padding: 0 10px; border: 1px solid transparent; background: #6ea942; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; outline: 0; border-radius: 24px; transition: background .3s, border .3s, color .3s; text-transform: uppercase; font-weight: 700 } @media (max-width: 576px) { .social-product-header { margin-left: 0px !important ; margin-right: 0px !important ; } .sku-reference-row{ margin-left: -15px; margin-right: 0px; } .skuReference { font-size: 12px !important } } .light-section { background: #fefefe !important } .available-gift-item { height: auto !important } .pulse { cursor: pointer; box-shadow: 0 0 0 rgba(110, 169, 66, .8); animation: pulse 1s infinite; background: rgba(110, 169, 66, .7) !important; border: 1px solid rgba(110, 169, 66) !important } .pulse:hover { animation: none } .mb-prmc18 { background-color: #fff; color: #6ea942; display: inline-block; font-size: 16px; margin: 10px 5px; width: 100%; overflow: hidden; position: relative; text-align: left; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0) } .mb-prmc18 *, .mb-prmc18 :after, .mb-prmc18 :before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .45s ease; transition: all .45s ease } .mb-prmc18 img { backface-visibility: hidden; max-width: 100%; vertical-align: top } .mb-prmc18:after, .mb-prmc18:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #fff; opacity: .5; -webkit-transition: all .45s ease; transition: all .45s ease } .mb-prmc18:before { -webkit-transform: skew(30deg) translateX(-80%); transform: skew(30deg) translateX(-80%) } .mb-prmc18:after { -webkit-transform: skew(-30deg) translateX(-70%); transform: skew(-30deg) translateX(-70%) } .mb-prmc18 figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; bottom: 0; padding: 25px 25% 25px 20px } .mb-prmc18 figcaption:after, .mb-prmc18 figcaption:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .7); content: ''; opacity: .5; z-index: -1 } .mb-prmc18 figcaption:before { -webkit-transform: skew(30deg) translateX(-100%); transform: skew(30deg) translateX(-100%) } .mb-prmc18 figcaption:after { -webkit-transform: skew(-30deg) translateX(-90%); transform: skew(-30deg) translateX(-90%) } .mb-prmc18 h3, .mb-prmc18 p { margin: 0; opacity: 0; letter-spacing: 1px } .mb-prmc18 h3 { font-size: 36px; font-weight: 700; line-height: 1em; text-transform: uppercase; margin-bottom: 20px } .mb-prmc18 p { font-size: .65em } .mb-prmc18 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } .mb-prmc18.hover h3, .mb-prmc18.hover p, .mb-prmc18:hover h3, .mb-prmc18:hover p { -webkit-transform: translateY(0); transform: translateY(0); opacity: .9; -webkit-transition-delay: .2s; transition-delay: .2s } .mb-prmc18.hover:before, .mb-prmc18:hover:before { -webkit-transform: skew(30deg) translateX(0); transform: skew(30deg) translateX(0); -webkit-transition-delay: 50ms; transition-delay: 50ms } .mb-prmc18.hover:after, .mb-prmc18:hover:after { -webkit-transform: skew(-30deg) translateX(-10%); transform: skew(-30deg) translateX(-10%) } .mb-prmc18.hover figcaption:before, .mb-prmc18:hover figcaption:before { -webkit-transform: skew(30deg) translateX(00%); transform: skew(30deg) translateX(0); -webkit-transition-delay: .15s; transition-delay: .15s } .mb-prmc18.hover figcaption:after, .mb-prmc18:hover figcaption:after { -webkit-transform: skew(-30deg) translateX(-30%); transform: skew(-30deg) translateX(-30%); -webkit-transition-delay: .1s; transition-delay: .1s } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(110, 169, 66, 1) } 70% { -webkit-box-shadow: 0 0 0 20px rgba(110, 169, 66, 0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(110, 169, 66, 0) } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(110, 169, 66, 1); box-shadow: 0 0 0 0 rgba(110, 169, 66, 1) } 70% { -moz-box-shadow: 0 0 0 20px rgba(110, 169, 66, 0); box-shadow: 0 0 0 20px rgba(110, 169, 66, 0) } 100% { -moz-box-shadow: 0 0 0 0 rgba(110, 169, 66, 0); box-shadow: 0 0 0 0 rgba(110, 169, 66, 0) } } @media only screen and (max-width: 768px) { .intro .intro__btn-left, .intro .intro__btn-right { position: absolute; top: -185px } } .i-cat { background-image: url(/arquivos/mobo-sprite-cats.png); width: 40px; height: 30px; display: inline-block; vertical-align: middle; background-size: 135px; font-size: 0; background-repeat: no-repeat } .i-cat-audio { background-position: -3px -7px; width: 45px } .i-cat-carga { background-position: -55px -7px } .i-cat-proteccion { background-position: -15px -43px } .i-cat-tecnologia { background-position: -55px -43px } .i-cat-accesorios { background-position: -95px -7px } .product .product__heading { min-height: 65px !important; max-height: 65px !important; margin-bottom: 0 !important; } .product .product__heading a { font-size: 14px !important; overflow: hidden !important; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; } .product .product__body { padding: 8% !important } .icomenu { color: #fff; font-size: 25px } .header .btn-cart-header .itens-in-cart { right: -18px !important; top: -12px !important } .logo-footer-social { text-align: center; margin: 25px 0 } .logo-footer { text-align: center; margin: auto } .social-footer { color: #fff; font-size: 50px } .product__label { margin: 0 !important; display: block !important; position: absolute !important; width: 100%; top: 100% !important } .product__label .flag { margin-left: 0 !important; padding: 0 !important } .alert-promo { color: #6ea942; background-color: none; margin: 0 10px 10px 0; font-weight: bolder; } .descriptionProduct { margin-left: 0px; } .flag:first-child:nth-last-child(1) { width: 100% } .flag:first-child:nth-last-child(2), .flag:first-child:nth-last-child(2) ~ .flag { width: 50%; float: right } .container-banner .slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .container-banner .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; background: black; border-radius: 50% } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0 } .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 } .container-banner .slick-dots li.slick-active { background: #6ea942; }