/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- 04. Header ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- 09. Content Header --------------------------- III. Modules -------------------------------------- 01. Accordion -------------------------------- 02. Banners ---------------------------------- 03. Mini Banners ----------------------------- 04. Bar -------------------------------------- 05. Breadcrumbs ------------------------------ 06. Btn Add ---------------------------------- 07. Callout ---------------------------------- 08. Cart ------------------------------------- 09. Form Elements ---------------------------- 10. Form ------------------------------------- 11. Gotop ------------------------------------ 12. Items ------------------------------------ 13. List ------------------------------------- 14. List Cards ------------------------------- 15. Logo ------------------------------------- 16. Modal ----------------------------------- 17. Nav -------------------------------------- 18. Nav Burger ------------------------------- 19. Nav Access ------------------------------- 20. Nav Utilities ---------------------------- 21. Nav Footer ------------------------------- 22. Nav Institucional ------------------------ 23. Nav Facetas ------------------------------ 24. Product ---------------------------------- 25. Product Primary -------------------------- 26. Search ----------------------------------- 27. Section Products ------------------------- 28. Slider Landing --------------------------- 29. Slider Products -------------------------- 30. Slider Labels ---------------------------- 31. Slider Thumbs ---------------------------- 32. Slider Product --------------------------- 33. Table ------------------------------------ 34. Widget ----------------------------------- 35. Widgets Footer --------------------------- 36. Banner Flutuante ------------------------- 37. Box Banner ------------------------------- 38. Banner Texto ----------------------------- 39. Popup Frete Grátis ----------------------- IV. Páginas -------------------------------------- 1. Home ------------------------------------- 2. Categoria de Produtos -------------------- 3. Nossas Lojas ----------------------------- 4. Cliente Form ----------------------------- 5. Pedido Detalhe --------------------------- 6. Meus Pedidos ----------------------------- 7. Login ------------------------------------ 8. Filial ----------------------------------- 9. Recuperar Senha -------------------------- 10. Trabalhe Conosco ------------------------- */ .ico-bifarma-small { background-image: url(../images/sprite.png); background-position: -469px -322px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-boss { background-image: url(../images/sprite.png); background-position: -469px -260px; width: 24px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-box { background-image: url(../images/sprite.png); background-position: -469px -406px; width: 25px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-brush { background-image: url(../images/menuprincipal.png); background-position: -425px; width: 49px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-brush-hover, a:hover .ico-brush, button:hover .ico-brush, a.hover .ico-brush, button.hover .ico-brush, .ico-brush.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -425px; width: 49px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bus-blue { background-image: url(../images/sprite.png); background-position: -96px -236px; width: 53px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bus-yellow { background-image: url(../images/sprite.png); background-position: -79px -157px; width: 81px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bus { background-image: url(../images/sprite.png); background-position: -79px -213px; width: 30px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar-time { background-image: url(../images/sprite.png); background-position: 0 -280px; width: 53px; height: 54px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart-small { background-image: url(../images/sprite.png); background-position: -91px -391px; width: 39px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart-white-big { background-image: url(../images/sprite.png); background-position: 0 0; width: 83px; height: 74px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart-white-small { background-image: url(../images/sprite.png); background-position: -294px -338px; width: 43px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(../images/sprite.png); background-position: -47px -391px; width: 40px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chat-light { background-image: url(../images/sprite.png); background-position: -193px -236px; width: 36px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chat { background-image: url(../images/sprite.png); background-position: -153px -236px; width: 36px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cream { background-image: url(../images/menuprincipal.png); background-position: -282px; width: 42px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cream-hover, a:hover .ico-cream, button:hover .ico-cream, a.hover .ico-cream, button.hover .ico-cream, .ico-cream.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -282px; width: 42px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-discount-blue { background-image: url(../images/menuprincipal_hover.png); background-position: -613px; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-discount { background-image: url(../images/menuprincipal.png); background-position: -613px; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-down { background-image: url(../images/sprite.png); background-position: -266px -236px; width: 30px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-small { background-image: url(../images/sprite.png); background-position: -469px -350px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit { background-image: url(../images/sprite.png); background-position: -438px -168px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email { background-image: url(../images/sprite.png); background-position: -57px -280px; width: 52px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook-color { background-image: url(../images/sprite.png); background-position: -248px -338px; width: 42px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(../images/sprite.png); background-position: -113px -280px; width: 50px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; cursor: pointer; } .ico-food-2 { background-image: url(../images/menuprincipal.png); background-position: -144px; width: 52px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-food-2-hover, a:hover .ico-food-2, button:hover .ico-food-2, a.hover .ico-food-2, button.hover .ico-food-2, .ico-food-2.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -144px; width: 52px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-food { background-image: url(../images/menuprincipal.png); background-position: -83px; width: 39px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-food-hover, a:hover .ico-food, button:hover .ico-food, a.hover .ico-food, button.hover .ico-food, .ico-food.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -83px; width: 39px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-gift { background-image: url(../images/sprite.png); background-position: -87px -79px; width: 64px; height: 64px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-go-top { background-image: url(../images/sprite_up.png); width: 55px; height: 100px; background-repeat: no-repeat; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram-color { background-image: url(../images/sprite.png); background-position: -395px -320px; width: 39px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(../images/sprite.png); background-position: -341px -54px; width: 49px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-institucional { background-image: url(../images/sprite.png); background-position: -469px -378px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-jar { background-image: url(../images/menuprincipal.png); background-position: -502px; width: 28px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-jar-hover, a:hover .ico-jar, button:hover .ico-jar, a.hover .ico-jar, button.hover .ico-jar, .ico-jar.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -502px; width: 28px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label-1 { background-image: url(../images/sprite.png); background-position: 0 -236px; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label-2 { background-image: url(../images/sprite.png); background-position: -245px -44px; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label-3 { background-image: url(../images/sprite.png); background-position: -245px -88px; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label-4 { background-image: url(../images/sprite.png); background-position: -245px 0; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label-5 { background-image: url(../images/sprite.png); background-position: -245px -176px; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-label { background-image: url(../images/sprite.png); background-position: -245px -132px; width: 92px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-lock { background-image: url(../images/sprite.png); background-position: -469px -289px; width: 20px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mail { background-image: url(../images/sprite.png); background-position: -164px -157px; width: 52px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-medkit { background-image: url(../images/menuprincipal.png); background-position: -353px; width: 50px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-medkit-hover, a:hover .ico-medkit, button:hover .ico-medkit, a.hover .ico-medkit, button.hover .ico-medkit, .ico-medkit.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -353px; width: 50px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-gray { background-image: url(../images/sprite.png); background-position: -438px -345px; width: 21px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-solid { background-image: url(../images/sprite.png); background-position: -341px -317px; width: 28px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-white { background-image: url(../images/sprite.png); background-position: -438px -334px; width: 21px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-modal-close { background-image: url(../images/sprite.png); background-position: -55px -338px; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pils { background-image: url(../images/menuprincipal.png); background-position: -25px; width: 33px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pils-hover, a:hover .ico-pils, button:hover .ico-pils, a.hover .ico-pils, button.hover .ico-pils, .ico-pils.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -25px; width: 33px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(../images/sprite.png); background-position: -166px -79px; width: 71px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-gray { background-image: url(../images/sprite.png); background-position: -469px -230px; width: 24px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-solid { background-image: url(../images/sprite.png); background-position: -233px -236px; width: 29px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-white { background-image: url(../images/sprite.png); background-position: -469px -200px; width: 24px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-porfail { background-image: url(../images/sprite.png); background-position: -438px -112px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-portfail-small { background-image: url(../images/sprite.png); background-position: -438px -140px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-reload { background-image: url(../images/sprite.png); background-position: -438px -224px; width: 20px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-home-left { background-image: url(../images/sprite.png); background-position: 0 -78px; width: 75px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-home-left-hover, a:hover .ico-slider-home-left, button:hover .ico-slider-home-left, a.hover .ico-slider-home-left, button.hover .ico-slider-home-left, .ico-slider-home-left.hover { background-image: url(../images/sprite.png); background-position: 0 -156px; width: 75px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-home-right { background-image: url(../images/sprite.png); background-position: -166px 0; width: 75px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-home-right-hover, a:hover .ico-slider-home-right, button:hover .ico-slider-home-right, a.hover .ico-slider-home-right, button.hover .ico-slider-home-right, .ico-slider-home-right.hover { background-image: url(../images/sprite.png); background-position: -88px 1px; width: 75px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-left { background-image: url(../images/sprite.png); background-position: -438px -56px; width: 27px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-left-hover, a:hover .ico-slider-left, button:hover .ico-slider-left, a.hover .ico-slider-left, button.hover .ico-slider-left, .ico-slider-left.hover { background-image: url(../images/sprite.png); background-position: -313px -376px; width: 27px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-next { background-image: url(../images/sprite.png); background-position: -438px -294px; width: 13px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-prev { background-image: url(../images/sprite.png); background-position: -438px -314px; width: 13px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-right { background-image: url(../images/sprite.png); background-position: -438px 0; width: 27px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-slider-right-hover, a:hover .ico-slider-right, button:hover .ico-slider-right, a.hover .ico-slider-right, button.hover .ico-slider-right, .ico-slider-right.hover { background-image: url(../images/sprite.png); background-position: -360px -376px; width: 27px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soap { background-image: url(../images/menuprincipal.png); background-position: -226px; width: 31px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soap-hover, a:hover .ico-soap, button:hover .ico-soap, a.hover .ico-soap, button.hover .ico-soap, .ico-soap.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -226px; width: 31px; height: 49px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(../images/sprite.png); background-position: -199px -338px; width: 45px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tamagochi { background-image: url(../images/menuprincipal.png); background-position: -560px; width: 28px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tamagochi-hover, a:hover .ico-tamagochi, button:hover .ico-tamagochi, a.hover .ico-tamagochi, button.hover .ico-tamagochi, .ico-tamagochi.hover { background-image: url(../images/menuprincipal_hover.png); background-position: -560px; width: 28px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-truck { background-image: url(../images/sprite.png); background-position: -113px -213px; width: 29px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-up { background-image: url(../images/sprite.png); background-position: -395px -363px; width: 30px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-2 { background-image: url(../images/sprite.png); background-position: -438px -270px; width: 18px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user { background-image: url(../images/sprite.png); background-position: -438px -247px; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-write { background-image: url(../images/sprite.png); background-position: -438px -196px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .cols:after, .header .header_inner:after, .bar:after, .product-primary:after, /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; min-height: 0; min-width: 0; } article, aside, details, figcaption, figure, 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; } 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; } .pull-right.margin-r { margin-right: 15px; } @media (max-width: 768px) { .pull-right.margin-r { margin-bottom: 15px; color: #011091; } .card-15.qtde, .card-15.price {width: 45% !important;} .info-individual-lojista .card-50 {width: 50% !important;} } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ html { background: #fff; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } h1 { font-size: ; } h2 { font-size: ; } h3 { font-size: ; } h4 { font-size: ; } h5 { font-size: ; } h6 { font-size: ; } img.lazy { background-image: url("../images/throbber.gif"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } p, ul, ol, dl, table, blockquote { margin-bottom: 0; } 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; } @media (max-width: 768px) { html { background: white; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'SulSans'; src: url('fonts/Sul Sans Bold.eot'); src: url('fonts/Sul Sans Bold.woff') format('woff'), url('fonts/Sul Sans Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ 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!important; } /* 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%; } /* 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: 767px) { .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; } } .poweredBy { font-size: 13px; text-align: center; margin-top: 10px; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { padding-top:169px; } .header .header_wrapper { position: fixed; top:0; left:0; width: 100%; z-index: 13; background:#fff; } .header .header_content { display: flex; justify-content: space-between; position: relative; width: 100%; } .header .header_content > div { } .header .header_content > div.header_search { order: 2; flex-basis: 100%; float: left; vertical-align: middle; text-align: center; margin-left: 40px; margin-right: 40px;} .header .header_content > div.header_cart { order: 3; flex: none; width : 200px; float: left; vertical-align: middle; text-align: right;} .header.fixed .bar { height: 0; padding: 0; overflow: hidden; } .header.fixed .header_wrapper { background:#f7f7f7; border-bottom:1px solid #e1e1e1 ; } .header .menu_wrapper{position: fixed; width:100%; z-index: 12; top: 166px;} .header.fixed .menu_wrapper { top: 120px; } .header.fixed .menu_wrapper .nav_menu > li > a{ height: 45px; padding-top: 13px; } .header.fixed .menu_wrapper .icon-holder{ display: none;} .header .countdown-vendaAssistida { font-weight: bold; } .slick-dots li.slick-active button{ background: #662e6b; } @media (max-width: 1400px) { .header { padding-top:166px; } .header .header_content > div.header_cart { width : 192px;} } @media (max-width: 1200px) { .header { padding-top:144px; } .header .header_content > div.header_cart { width : 187px;} } @media (max-width: 1000px) { .header { padding-top:126px; } .header .header_content > div.header_cart { width : 174px;} .header.fixed .menu_wrapper{top: 92px;} } @media (max-width: 768px) { .header { padding-top: 120px; } .header .header_content { display: block; } .header .header_content > div.header_search { position: absolute; margin-left: 0; margin-right: 0; top: 80px; width: 100%; } .header .header_wrapper { width: 100%; margin-left: 0px;} max-height: 60px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { padding-bottom:20px; padding-top: 40px; font-size:21px; color: #616161; position: relative;background-color: #ffffff } .main .main_head_aside li { list-style:none; list-style-position: outside; display: inline-block; padding-left: 10px; } @media (max-width: 3000px) { .main { font-size:18px; } } @media (max-width: 1023px) { .main { font-size:16px; } .main .main_head_aside li { padding-left: 0; } } @media (max-width: 768px) { .main { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { padding-left: 30px; padding-right: 30px; width: 96%; margin-left: 2%;} .shell-fluid { max-width: none; } @media (max-width: 900px) { .shell { padding-left: 5px; padding-right: 5px; } } @media (max-width: 768px) { .shell { padding-left: 15px; padding-right: 15px; } .header_wrapper .shell { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow: hidden; } /* ------------------------------------------------------------ *\ Content Header \* ------------------------------------------------------------ */ main header { color: #616161; text-transform: uppercase; font-weight:700; position: relative; font-size:30px; margin-left:15px; margin-right: 15px; padding: 15px 0 20px 0; } main header:before { content:''; border-top:1px solid; position: absolute; top:50%; left:0; width:100%; } main header h, main header h1 { padding: 0 28px; position: relative; z-index: 1; margin-left:80px; display: inline; } @media (max-width: 768px) { main header { text-align: center; padding: 0; } main header h, main header h1 { background: white; margin: 0; padding: 0; } main header:before { top:100%; } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion { float: left; width: 100%; } .accordion-section { margin-bottom: 35px; overflow:hidden; } .accordion-section .accordion_head h3 { margin: 0; color: white; font-size:25px; line-height:1; position: relative; padding-left:30px; position: relative; } .accordion-section .accordion_icon { width:27px; display: inline-block; vertical-align: middle; } .accordion-section .accordion_icon { position: absolute; top:0; left:0; line-height: 22px; height: 30px; } .accordion-section .accordion_body { background:#f7f7f7; color: #616161; font-size:22px; padding: 20px 50px 20px 50px; } .accordion-section .accordion_body p { margin-bottom:18px; } .accordion-section .accordion_body { display: none; } .accordion--expanded .accordion_body { display: block; } .accordion-section--dark .accordion_head { background:#000; } .accordion-section--dark .accordion_head h3 { color: #fff; } .accordion-section .accordion_head h3 i + i { display:none; } .accordion--expanded .accordion_head h3 i + i { display: inline-block; } .accordion--expanded .accordion_head h3 i { display:none; } @media (max-width: 3000px) { .accordion-section .accordion_body { padding: 10px 20px 10px 20px; font-size:18px; } } @media (max-width: 768px) { .accordion-section { margin-bottom: 20px; } .accordion-section .accordion_head { padding: 4px 50px 4px 10px; } .accordion-section .accordion_head h3 { font-size:21px; } .accordion-section .accordion_body { padding: 10px 20px 10px 20px; font-size:18px; } } } /* ------------------------------------------------------------ *\ Banners \* ------------------------------------------------------------ */ .banner {display: none;} .banners { padding: 0 0 0 0;} .banners header { display: none; } .banners .card { float:left; width:100%; } .banners .card.w-33 { width: 33.3%; } .banners .card.w-66 { width: 66.6%; } #banner .slick-list.draggable{height: 0px} /* ------------------------------------------------------------ *\ Mini Banners \* ------------------------------------------------------------ */ .mini-banners { position: relative; padding: 0 0 0 0; } .mini-banners header { display:none; } .mini-banners .cards { display: table; width:100%; position: relative; } .mini-banners .cards .card { display: table-cell; vertical-align: top; } .mini-banners .cards .card img { vertical-align: top; width: 100%; } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar { color: #616161; font-size:19px; padding: 12px 0 0 10px; transition: all .3s; } .bar:after { } @media (max-width: 1400px) { .bar { font-size: 15px; } } @media (max-width: 800px) { .bar { font-size: 12px; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { width: 100%; padding: 15px 10px; height: 50px; } .breadcrumbs i.fa { color: #333; } .breadcrumbs ul { display: table; } .breadcrumbs li { display: table-cell; } .breadcrumbs li.icon { padding: 0 5px; } .breadcrumbs a { text-decoration: none; } @media (max-width: 768px) { .breadcrumbs { font-size: 16px; } } @media (max-width: 475px) { .breadcrumbs { font-size: 12px; } } /* ------------------------------------------------------------ *\ Btn Add \* ------------------------------------------------------------ */ .btn-add { display:block; background:#03650b; border-radius: 5px; padding: 7px 15px; color: #fff; text-decoration: none; font-size:21px; } .btn.avise-me { background: #878787; } .btn.avise-me:hover { color: #fff; opacity: .7; } .btn-play { text-align:center; color: #0a0714; font-size:24px; text-decoration: none; } .btn-play .text { border-style: double; } .btn-compare { height: 62px; border-radius: 5px; color: #000; position: relative; text-align:right; top:8px; padding: 10px 15px; line-height:1; padding-left:75px; display: inline-block; margin-left:0; margin-left:95px; } .btn-compare strong { display: inline-block; vertical-align: middle; width:70px; height: 70px; text-align:center; line-height:1; font-weight:700; font-size:70px; border-radius: 50%; position: absolute; top:50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background:#ccc; left:-40px; } .btn-compare small { font-size:18px; display:block; } .btn-compare--yellow { background:#f5fd14; padding-left:50px; } .btn-compare--yellow strong { background:#e6ca0e; } .btn-compare--blue { background:#a7e5ff; } .btn-compare--blue strong { background:#24befe; } .btn-video { display: inline-block; vertical-align: middle; text-decoration: none; text-align:center; } .btn-video .text { display:block; } @media (max-width: 3000px) { .btn-compare { height: 55px; margin-left:60px; padding-right: 10px; } .btn-compare--yellow { padding-left:30px; } .btn-compare--blue { padding-left: 52px; } .btn-compare strong { width:60px; height: 60px; font-size:60px; } .btn-compare small { font-size:16px; } } @media (max-width: 1023px) { .btn-compare { height: 44px; margin-left:17%; } .btn-compare--yellow { padding-left:17px; } .btn-compare--blue { padding-left: 30px; } .btn-compare strong { width:50px; height: 50px; font-size:50px; left:-35px;} .btn-compare small { font-size:11px; } } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout .callout_head { display: inline-block; width: 29%; color: #fff; vertical-align: middle; } .callout .callout_head h2 { display: inline-block; margin: 6px 10px 0 0; font-weight:700; text-transform: uppercase; font-size: 33px; text-align: right; } .callout .callout_body { display: inline-block; width: 70%; } .callout .callout_body .subscribe { position: relative; color: #757575; font-size: 25px; text-align: left; } .callout .callout_body .subscribe .subscribe_btn i { font-size: 33px; position: absolute; left: 80px; } .callout .callout_body .subscribe .subscribe_btn .text { margin-left: 40px; } .callout input::-webkit-input-placeholder { color: #d0d0d0; font-size: inherit; } .callout input:-moz-placeholder { color: #d0d0d0; font-size: inherit; } .callout input::-moz-placeholder { color: #d0d0d0; font-size: inherit; } .callout input:-ms-input-placeholder { color: #d0d0d0; font-size: inherit; } @media (max-width: 1400px) { .callout { padding: 5px 0 15px 0; } .callout .callout_head { width: 100%; vertical-align: middle; } .callout .callout_head h2 { margin: 6px 7px 0 0; font-size: 30px; text-align: center; } .callout .callout_body { width: 100%; } .callout .callout_body .subscribe { text-align: center; } .callout .callout_body .subscribe .subscribe_field { padding-left: 25px; width: 700px; } .callout .callout_body .subscribe .subscribe_btn { width: 300px; } .callout .callout_body .subscribe .subscribe_btn i { left: 32px;; } } @media (max-width: 1200px) { .callout .callout_body .subscribe { font-size: 21px; } .callout .callout_body .subscribe .subscribe_field { width: 450px; } .callout .callout_body .subscribe .subscribe_btn { width: 250px; } } @media (max-width: 1000px) { .callout .callout_body .subscribe .subscribe_field { width: 400px; } .callout .callout_body .subscribe .subscribe_btn { width: 250px; } } @media (max-width: 768px) { .callout { background: transparent; margin-top: 10px; } .callout .callout_head { color: #de0000; margin-bottom: 5px; } .callout .callout_head h2 { display: inline-block;font-size: 21px; margin: 10px 0 5px 0; } .callout .callout_head h2:first-of-type {display: block;} .callout .callout_head:last-of-type h2:first-of-type {color: #616161; font-weight: 500;} .callout .callout_head:last-of-type h2:last-of-type, .callout_head .fa-tag { color: #1f9fc9; font-size: 24px; } .callout .callout_body { border: 2px solid #c0c0c0; background: #fff; } .callout .callout_body .subscribe { padding: 15px 10px 35px 10px; } .callout .callout_body .subscribe .subscribe_field { width: 100%; height: 35px; background: #f7f7f7; border: 1px solid #c0c0c0; text-align: center; padding: 0; } .callout .callout_body .subscribe .subscribe_btn { width: 250px; position: absolute; bottom: -20px; right: 0px; left: 0px; margin-left: auto; margin-right: auto; height: 40px; border: 1px solid #c0c0c0; } } /* ------------------------------------------------------------ *\ Cart \* ------------------------------------------------------------ */ .cart { float:right; margin-top: 50px; text-align: center;} .cart .cart_btn i { margin-top: 8px; font-size: 35px; color: white; vertical-align: middle;} .cart .cart_btn strong { display:block; } .cart .cart_btn .s-throbber div { background-color: #fff; } .cart .text { margin-top: 8px; margin-left:7px; text-decoration: none; display: inline-block; vertical-align: middle;} .cart .s-throbber { margin-top: 12px; } .cart #cart_comprarAgora { padding-top: 17px; } .cart #cart_comprarAgora .cart_count { display: none; } @media (max-width: 1400px) { .cart #cart_comprarAgora { padding-top: 20px; } .cart { top:0; right:0; margin-top: 50px; } .cart .cart_btn { height: 78px; width: 160px; font-size:16px; } .cart .cart_btn i { font-size: 32px; margin-top: 5px; } .cart .text { margin-top: 5px; } .cart .s-throbber { margin-top: 8px; } } .header.fixed .cart{ margin-top: 20px;} @media (max-width: 1200px) { .cart #cart_comprarAgora { padding-top: 17px; } .cart { position: absolute; top:0; right:0; margin-top: 60px; } .cart .cart_btn { height: 72px; width: 155px; font-size:18px; } .cart .cart_btn i { font-size: 35px; margin-top: 3px;} .cart .text { margin-top: 3px; } .cart .s-throbber { margin-top: 5px; } .header.fixed .cart{margin-top: 30px} } @media (max-width: 1000px) { .cart #cart_comprarAgora { padding-top: 15px; } .cart { margin-top: 60px; } .cart .cart_btn { height: 63px; width: 142px ; font-size:17px; } .cart .cart_btn i { font-size: 33px; margin-top: 0px;} .cart .text { margin-top: 0px; } .cart .s-throbber { margin-top: 2px; } .header.fixed .cart{margin-top: 15px} } @media (max-width: 768px) { .cart { position: absolute; top: 0; right: 4px; margin: 5px 0 0 0; height: 40px; padding: 0; } .cart .cart_btn .s-throbber div { background-color: #001781; } .cart .cart_btn { width: auto; padding: 0; background:transparent; color: #011091; font-weight: bold; } .cart .cart_btn i { font-size: 39px; color: white; } .cart .text { display: none; } .cart #cart_comprarAgora { padding-top: 0px; } .cart #cart_comprarAgora .cart_count { display: initial;} } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: #d0d0d0; font-size: 16px; font-weight: normal; } input:-moz-placeholder { color: #d0d0d0; font-size: 16px; font-weight: normal; } input::-moz-placeholder { color: #d0d0d0; font-size: 16px; font-weight: normal; } input:-ms-input-placeholder { color: #d0d0d0; font-size: 16px; font-weight: normal; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .select {} .radio {} .checkbox {} /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Gotop \* ------------------------------------------------------------ */ .gotop { display: inline-block; vertical-align: middle; position: fixed; bottom:29px; right:43px; visibility: hidden; opacity: 0; transition: all .3s; z-index: 1; } .gotop.is-visible { visibility: visible; opacity: 1; } @media (max-width: 768px) { .gotop { display:none; bottom: 100px; } } /* ------------------------------------------------------------ *\ Items \* ------------------------------------------------------------ */ .items { overflow: hidden; margin: 0 -25px; } .item { float:left; width:20%; } @media (max-width: 3000px) { .items { margin: 0 -10px; } } @media (max-width: 1200px) { .item { float:left; width:33.3%; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Cards \* ------------------------------------------------------------ */ .list-cards li { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Modal \* ------------------------------------------------------------ */ #cepModal .modal-header{ background-color: #662e6b; color: white; } #cepModal .close, #cepModal .close:focus, #cepModal .close:hover{ color: white; } #modal-novo-estabelecimento .modal-dialog{ width: 80%; } #modal-novo-estabelecimento .btn{ width: auto !important; } .callAlertModal { z-index: 1100; } .modal { font-size:19px; color: #616161; line-height:29px; } .modal #lock-throbber { margin: 20px 0 30px 0; } .modal #lock-throbber .s-throbber { width: 50px; height: 50px; } .modal.big .modal-aside { background:#011091; text-align:center; position: absolute; top:0; left:0; width:381px; height: 100%; padding-top:70px; } .modal.big .modal-aside h3 { font-size:44px; color: #f5fd12; font-weight:700; padding-bottom:100px; } .modal.big .modal-dialog { width:1073px; } .modal.big .modal-inner { padding-left:381px; } .modal.big .modal-body { padding: 70px 52px 150px 52px; text-align: left; } .modal.big .modal-body h3 { color: #011091; font-size:27px; margin: 0; } .modal.big .modal-body p { letter-spacing: -0.08em; } .modal.big .modal-body p a { font-size:16px; color: #011091; text-decoration: none; } .modal.big .modal-inner button { width: inherit; } .modal.big .modal-body .modal-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .modal.big .modal-body .modal-video .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal.big .text-danger { color: #d81c36; } .modal.big .close { position: absolute; top:10px; right:10px; opacity: 1; z-index: 2; } #popupRelacionadosTipo { line-height: initial; } #popupRelacionadosTipo .s-throbber { margin: 200px auto; } #popupRelacionadosTipo .modal-aside { padding-top: 20px; background: #eee; border-radius: 6px 0 0 6px; } #popupRelacionadosTipo .modal-aside .product_related { display: none; } #popupRelacionadosTipo .modal-aside h3 { font-size: 28px; padding-bottom: 0; color: #011091; margin: 0 20px; } #popupRelacionadosTipo .modal-aside .product { background: #fff; margin: 10px 20px; padding: 10px; border-radius: 10px; min-height: 160px; } #popupRelacionadosTipo .modal-body { padding: 20px; } #popupRelacionadosTipo .modal-body #box-similar { background-color: #A7E5FF; border-radius: 8px; margin-top: 5px; } #popupRelacionadosTipo .modal-body #box-generico { background-color: #F5FD14; border-radius: 8px; } #popupRelacionadosTipo .modal-body .btn-compare { height: 44px; font-size:17px; margin-bottom: 9px; padding-top: 15px; position: absolute; top: 0px; left: -77px; } #popupRelacionadosTipo .modal-body .btn-compare--blue { padding-left: 25px; } #popupRelacionadosTipo .modal-body .btn-compare--yellow { padding-left:20px; } #popupRelacionadosTipo .modal-body .cards { padding-top: 50px; padding-left: 5px; padding-bottom: 10px; } #popupRelacionadosTipo .modal-body .card { background-color: #FFF; border-radius: 8px; margin-left: 5px; } #popupRelacionadosTipo .btn-compare strong { width:50px; height: 50px; font-size:50px; left:-35px;} #popupRelacionadosTipo .btn-compare span { font-size:20px; } #popupVideo iframe { width: 850px; height: 480px; } .modal .err { color: #de0000; } .modal .sucesso { color: #001781; } .modal .modal-ifood-btn { margin-top: 15px; } .modal .modal-ifood-btn.w-50 { width: 45%; margin-left: 10px; font-size: 20px; } #popupFaleConosco .modal-header { padding: 5px; } #popupFaleConosco .modal-body { padding: 5px 15px; } #popupFaleConosco #faleConoscoForm .form-group { margin-bottom: 0px; } #popupFaleConosco #faleConoscoForm .form-group i { top: 36px; } #popupFaleConosco #faleConoscoForm .form-group input, #faleConoscoForm .form-group select { padding: 5px 8px 5px 40px; line-height: initial; font-size: 15px; } #popupFaleConosco #faleConoscoForm .form-group label { font-size: 17px; margin-bottom: 0px; } #popupFaleConosco #faleConoscoForm #mensagem { font-size: 15px; } #popupFaleConosco #faleConoscoForm #faleConoscoEnviar { margin-top: 0px; } #popupFaleConosco .recaptcha { margin-bottom: 10px; } @media (max-width: 3000px) { #popupRelacionadosTipo .modal-body .btn-compare { left: -43px; } } @media (max-width: 1200px) { .modal.big .modal-dialog { width:90%; } .modal.big .modal-body { padding-bottom:20px; } .modal-content { width: 850px; } .modal-dialog { width: 850px; } #popupVideo iframe { width: 800px; height: 450px; } } @media (max-width: 1023px) { .modal.big .modal-dialog { width:90%; } .modal.big .modal-inner { padding-left:0; } .modal.big .modal-aside { float:none; position: relative; width:100%; padding-bottom:40px; } .modal.big .modal-aside h3 { padding-bottom:0; } .modal.big .modal-content { padding-left:0; } #popupRelacionadosTipo .modal-aside { padding-top: 20px; padding-bottom: 0; } #popupRelacionadosTipo .tipo-produto-wrapper { width:100%; dispay: block; } #popupRelacionadosTipo .modal-body .btn-compare { margin: 0 auto; display: block; margin-bottom: 8px; left: 20px; } #popupRelacionadosTipo .modal-body .btn-compare--blue { width: 85px; } #popupRelacionadosTipo .modal-body .btn-compare--yellow { width: 91px; } .modal-content { width: 650px; } .modal-dialog { width: 650px; } #popupVideo iframe { width: 610px; height: 345px; } } @media (max-width: 768px) { #popupFaleConosco .modal-dialog { margin: 20px auto; } #popupFaleConosco .modal-title h1 { font-size: 24px; } #popupFaleConosco #faleConoscoForm .form-group label { font-size: 15px; } .modal-content { width: 440px; } .modal-dialog { width: 440px; } #popupVideo iframe { width: 410px; height: 240px; } #popupFaleConosco .recaptcha { margin-bottom: 0px; } .nav .nav_menu > li{ width:100%; } } @media (max-width: 475px) { .modal-content { width: 330px; } .modal-dialog { width: 330px; } #popupRelacionadosTipo .modal-aside .product { min-height: 160px; } #popupRelacionadosTipo .slider-products-mini .product .product_actions { bottom: -20px; } #popupVideo iframe { width: 300px; height: 170px; } } @media (max-width: 375px) { .modal-content { width: 300px; } .modal-dialog { width: 300px; } #popupRelacionadosTipo .product .product_image, .slider-products .product .product_image { width: 100%; float: none; } #popupRelacionadosTipo .product .product_body, .slider-products .product .product_body { width: 100%; float: none; text-align: center; } #popupVideo iframe { width: 220px; height: 125px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav .icon-holder { display:block; height: 5px; line-height:55px; } .nav .nav_menu { display: table; width:100%; position: relative; margin-bottom: 0; text-transform: uppercase; font-weight: 700} .nav .nav_menu > li { position: relative } .nav .nav_menu > li:first-child { border-left:0; } .nav .nav_menu > li > a { text-decoration: none; text-align:center; display:block; height: 45px; padding-top:8px; white-space: nowrap; } .nav .nav_menu > li > a .text { display:block; } .nav .nav_menu > li > a:focus { color: #fff; } .nav .nav_menu > li > a i { margin-bottom:4px; } /* .nav .nav_menu > li:last-child > a { color: #fff402; } */ .nav .nav_menu li:hover .dropdown { visibility: visible; opacity: 1;} .nav .dropdown .dropdown_title { margin: 0; } .nav .dropdown .dropdown_body { float:left; padding-right:28px; margin-bottom: 10px; } .nav .nav_menu > li .dropdown .dropdown_content { display: flex; } .nav .dropdown .dropdown_aside { overflow: hidden; text-align:right; } .nav .nav_menu .dropdown_image { white-space: nowrap; position: relative; } .nav .nav_menu .dropdown_image a { text-align: center; float: right; margin: 0 10px 10px 0; } .nav .dropdown .dropdown_image a:hover { background-color: #fff; } .nav .nav_menu .dropdown_image a img { width: 1000px; height: auto; } .nav .nav_menu .dropdown_image .countdown { position: absolute; right: 25px; background: #011091; border-radius: 0 0 40px 40px; padding: 10px 25px; color: #fff; font-weight: 700; } .nav .nav_menu .dropdown_image:hover .countdown { background: #de0000; } .nav .dropdown ul { display: inline-block; vertical-align: top; width:270px; } .nav .dropdown ul + ul { padding-left:28px; } .nav .dropdown ul > li > a.red { color: red; } @media (max-width: 1400px) { .nav .dropdown ul { width: auto; font-size: 18px; min-width: 270px;} .nav .nav_menu .dropdown_image { padding-left:30px; } } @media (max-width: 1200px) { .nav { font-size:14px; } .nav .dropdown ul { font-size: 12px; } .nav .dropdown { padding-left:0; } } @media (max-width: 1000px) { .nav { font-size:12px; } } @media (max-width: 868px) { .nav { font-size:10px; } } @media (max-width: 768px) { .nav { font-size:initial; } } /* ------------------------------------------------------------ *\ Nav Burger - Extends Nav \* ------------------------------------------------------------ */ @media (max-width: 768px) { .menu .nav .icon-holder { height: 0px; } .menu .nav { position: absolute; top: 0; left: -263px; width: 263px; transition: 0.6s; z-index: 21; bottom: 0; min-height: min-content; } .menu .nav .btn-nav-burger i { margin-left: 55px; } .menu .nav .shell { padding: 0; } .menu .nav .nav_principal .active .ir-para { display: inline; } .menu .nav .nav_menu.burger_opts { display: block; margin-bottom: 0; } .menu .nav .nav_menu.burger_opts .nav-access { display: none; height: 71px; width: 100%; text-align: center; padding: 3px 10px 0 10px; font-size: 18px; } .menu .nav .nav_menu.burger_opts .nav-access .btn i { position: initial; font-size: 18px; } .menu .nav .nav_menu.burger_opts .nav-access .btn:hover { color: #fff; } .menu .nav .nav_menu.burger_opts .nav-access .btn:focus{ color: #fff; } .menu .nav .nav_menu.burger_opts li.show-cat { max-height: 100px; overflow: hidden; transition: all .2s ease; } .nav .dropdown .dropdown_body{margin-bottom: 0px;} .menu .nav .nav_menu.burger_opts li.show-cat.active { max-height: 0; } .menu .nav .nav_menu.burger_opts .nav-access .btn:focus{ color: #fff; } .menu-open .nav{ left: 0; } .menu-open .overlay { display: block; opacity: 0.5; z-index: 20; background: black; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .menu-open .nav .btn-nav-burger { left: 215px; } .menu .nav .nav_menu.nav_principal { max-height: 0; overflow: hidden; transition: all .9s ease; } .menu .nav .nav_menu.nav_principal.active{ max-height: 1000px; } .menu .nav .nav_menu { display: block; } .menu .menu .nav .nav_menu.burger_opts .dropdown a { height: initial; min-height: 50px; } .menu .nav .nav_menu > li.active .dropdown { max-height: 1000px; } .menu .nav .dropdown .dropdown_head, .nav .dropdown .dropdown_aside { display: none; } .menu .nav .dropdown .dropdown_body { float: none; border: 0; padding: 0; } .menu .nav .dropdown .dropdown_body ul { width: 100%; } .menu .nav .dropdown .dropdown_body ul + ul { padding: 0; } .menu .nav .dropdown .dropdown_body ul:last-child li:last-child { border-bottom: 0; } .menu .nav .dropdown .dropdown_body li a { color: #fff; font-size:16px; padding: 10px 0 0 10px; border-radius: 0; height: 50px; min-height: min-content; } .menu .nav .nav_menu > li.active i.fa-chevron-down { transform: rotate(180deg); } .menu .nav .nav_menu > li a i + .text { padding-left: 25px; font-size: 14px;} .menu .nav .nav_menu > li a i { position: absolute; font-size: 21px; } } .box.slider-landing{ width:100%; } /* ------------------------------------------------------------ *\ Nav Access \* ------------------------------------------------------------ */ .nav-access { float:left; position: fixed; z-index: 999; } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities { position: fixed; width: 100%; top: 12px; font-size:19px; letter-spacing: 0.01em; z-index: 12; font-size:14px; height: 30px; border-bottom: 1px solid #737373;} .nav-utilities li { margin-left: 10px; margin-right: 10px; list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; position: relative; padding-left:30px; } .nav-utilities a i { left: 5px; top: -2px; font-size: 21px; position: absolute; color: #777777; } .nav-utilities a { text-decoration: none; display:block; } @media (max-width: 900px) { .nav-utilities { font-size:12px; } .nav-utilities li { padding-left:25px; } .nav-utilities a i { font-size: 18px; } } @media (max-width: 768px) { .nav-utilities { z-index: 9; display: table; position: fixed; bottom: 0; top: initial; right: initial; padding: 0; width : 100%; background: #011091; visibility: visible; } .nav-utilities li { display: table-cell; vertical-align: top; text-align: center; padding: 5px; } .nav-utilities li a { color: #25bdfe; font-size: 16px; text-decoration: none; } .nav-utilities li a strong { display: none; } .nav-utilities li i { font-size: 40px; width: 100%; left: initial; top: initial; position: initial; color: #25bdfe; } .nav-utilities li .blu { color: #25bdfe; } .nav-utilities { display: none; } } @media (max-width: 475px) { .nav-utilities li:nth-child(2) { display: none; } } /* ------------------------------------------------------------ *\ Nav Location Coach Mark \* ------------------------------------------------------------ */ .coach-mark { visibility: visible; position: absolute; width: 260px; background-color: #fff; color: #555; text-align: center; padding: 5px 0; border-radius: 6px; z-index: 1; opacity: 1; margin: 6px 0 0 -120px; border: 1px solid #555; } .coach-mark::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #555 transparent; } /* ------------------------------------------------------------ *\ Nav Institucional \* ------------------------------------------------------------ */ .navbar-vert ul { width: 100%; list-style-type: none; font-size: 18px; font-weight: bold; } .navbar-vert .navbar-nav>li>a { color: #656565; } .navbar-vert .navbar-nav>li i { font-size: 26px; } .navbar-vert .navbar-nav>li i.ico-checklist{background: url(../../images/novo/ico-checklist.png) no-repeat; width: 24px; height: 16px; display: inline-block;} .navbar-vert .navbar-nav>li.active i.ico-checklist{background: url(../../images/novo/ico-checklist-purple.png) no-repeat;} .navbar-vert .navbar-nav>li { float: none; border-bottom: 1px solid #656565; padding: 6px 0px; } .navbar-vert .navbar-nav>li:hover, .navbar-vert .navbar-nav>li.active { border-bottom: 1px solid #656565; } .navbar-vert .navbar-toggle .icon-bar { background: #656565; } .navbar-vert button.navbar-toggle { border: 1px solid #656565; width: initial; } .navbar-vert { margin-bottom: 0; } .navbar-vert .navbar-collapse.in { overflow-y: hidden; } .navbar-vert .navbar-nav { margin: 0; } /* ------------------------------------------------------------ *\ Nav Facetas \* ------------------------------------------------------------ */ .nav-facetas .nav-mobile-facetas { display: none; } .nav-facetas .overlay { display: none; } .nav-facetas .facetas ul { list-style-type: none; } .nav-facetas .facetas ul { list-style-type: none; } .nav-facetas .facetas .header-filter:before { content:''; border-top: 1px solid; position: absolute; top:50%; left:0; width:100%; } .nav-facetas .facetas .header-filter h { background:#f7f7f7; padding: 0 5px; margin-left: 5px; position: relative; z-index: 1; } .nav-facetas .facetas .body-filter input[type='radio']:checked + a { font-weight: bold; font-size: 18px; } .nav-facetas .facetas .body-filter input[type='checkbox']:checked + a { font-weight: bold; font-size: 18px; } .nav-facetas .facetas .close-filter { display: none; } .nav-facetas .facetas .header-clean { margin-bottom: 20px; font-size: 16px;} .nav-facetas .facetas .ver-mais { font-weight: bold; } @media (max-width: 768px) { .nav-facetas .nav-mobile-facetas { display: block; position: fixed; top: 140px; right: -10px; width: 50px; height: 40px; border-radius: 6px; padding: 5px 8px; z-index: 5; transition: right 0.6s; } .nav-facetas .nav-mobile-facetas i.fa-filter { font-size: 32px; } .nav-facetas .facetas { padding: 10px 15px; position: fixed; width: 233px; top: 140px; right: -233px; background: #fff; border-radius: 6px; z-index: 5; transition: right 0.6s; max-height: 315px; overflow: auto; } .nav-facetas .facetas .header-filter { margin: 0; } .nav-facetas .facetas .header-filter:before { display: none; } .nav-facetas .facetas .header-filter h { padding: 0; margin-left: 0; } .nav-facetas.active .nav-mobile-facetas { right: 219px; } .nav-facetas.active .overlay { display: block; opacity: 0; z-index: 5; background: black; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .nav-facetas.active .facetas { right: -4px; } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product { padding: 10px; color: #757575; font-size:16px; position: relative; } .product:hover > .product_related { display: block; } .product .product_label { position: absolute; left: 57%; width: 100px; z-index: 2; top: 3%; } .product .product_image { text-align:center; position: relative; } .product .product_image i { position: absolute; right: 0; margin: 10px; } .product .product_image img { display: inline-block; height: 200px; } .product .product_related { display: none; position: absolute; top: 10px; } .product .product_related .btn-compare { height: 36px; margin-left: 28px; font-size: 16px; padding: 5px 10px;} .product .product_related .btn-compare--yellow { padding-left: 13px; } .product .product_related .btn-compare--blue { padding-left: 25px; } .product .product_related .btn-compare strong { width: 42px; height: 42px; font-size: 42px; left: -31px; } .product .product_related .btn-compare small { font-size: 12px; } .product .product_actions { margin-top: 10px;} @media (max-width: 767px) { .product:hover > .product_related { left: 90%; top: 3%; width: 40%; height: 40%; float: left; } .product .product_label { left: 55%%; top: 3%; width: 35%; height: 35%; float: left; opacity: 0.85} } .product .product_body a { color: #737373; } .product .product_body p { margin: 0; line-height:1.0; } .product .product_body p.name { height: 3.6em; overflow: hidden; line-height:1.2; } .product .product_body p.brand { color: #6d6d6d; font-weight:700; font-size:16px; } .product .product_body .de { font-size:16px; color: red; } .product .product_price strong { font-size: 26px; white-space: nowrap; } .product .product_price span { font-size: 13px; color: #9f9f9f;} .product .product_price .opt { color: #696969; font-size: 16px; } .product .product_actions a.btn-add { color: #fff; font-size: inherit; text-transform: none; font-weight: normal; font-size: 18px; height: 42px; padding: 9px 0; } .product .product_actions a.btn-add:hover { color: #fff; opacity: .7; } .product .controlado_especial { text-align: center; font-size: 11px; border-radius: 6px; background: #f7f7f7; border: 1px solid #000; padding: 0px; height: 42px; padding: 7px; color: #000 } .product .fora_de_linha { text-align: center; font-size: 16px; border-radius: 6px; background: #dff5fe; border: 1px solid #001781; height: 42px; padding: 10px; } .product .produto_nao_compravel { font-size: 16px; color: #fff; font-weight: normal; height: 42px; padding: 9px 0; background: #878787; width: 100%; border-radius: 6px; } .product .btn-add-small .text { line-height:1; margin-top:2px; letter-spacing: 0; } .accordion_body .product a.btn-add { font-size: 16px; } .accordion_body .product .controlado_especial { font-size: 9px; line-height: 14px;} .depoimentoAvaliacaoEstrela img{ width: 30px; display: inline; } .depoimentoTexto{ font-size: 18px; } .depoimentosBox .slider_actions a{ bottom: 70px !important; } .accordion-section .depoimento_btn{ background: #ffb700; width: auto; font-size: 18px; text-transform: none; margin: 10px 10px 20px 0px; float: right; } @media (max-width: 1400px) { .product .controlado_especial { font-size: 10px; padding: 8px; } .product { font-size:16px; } .product .product_actions a.btn-add { font-size: 16px; } .product .product_price strong { font-size: 18px; } .product .product_body p.brand, .product .product_body .de { font-size:14px; } } @media (max-width: 1300px) { .product .controlado_especial { font-size: 11px; padding: 7px; } } @media (max-width: 890px) { .accordion_body .product .controlado_especial { font-size: 8px; } } @media (max-width: 768px) { .product .product_actions a.btn-add { font-size: 18px; } .accordion_body .product .controlado_especial { font-size: 10px; } } @media (max-width: 500px) { .product .controlado_especial { font-size: 10px; padding: 8px; } } @media (max-width: 475px) { .product .product_body p.brand { display: none; } .product .product_body p.name { height: initial; } .product .product_price { margin-right: 25px; } .product .product_image { width: 40%; float: left; } .product .product_image img { width: auto; height: auto;} .product .product_body { width: 60%; float: left; text-align: left; position: relative; } .product .product_actions { position: absolute; right: 0; bottom: 5px; } .product .product_actions .text{ display: none; font-size: 17px; } .product .product_actions a.btn-add { border-radius: 30px; padding: 6px 8px; height: 42px; font-size: 22px; } .product .controlado_especial { margin-top: 0; height: initial; font-size: 11px; padding: 7px; } } @media (max-width: 400px) { .product { font-size:16px; } .product .product_price strong { font-size: 22px; } .product .fora_de_linha { font-size: 14px; padding: 12px; } } /* ------------------------------------------------------------ *\ Product Primary \* ------------------------------------------------------------ */ .product-page { max-width: 1800px; margin: 0 auto; padding: 0 10px; } .product-primary { margin-bottom: 35px; } .product-primary .product_aside { /*width:50%;*/ float:left; padding: 0 20px 0 0; } .product-primary .product_aside_body { padding:10px; overflow: hidden; border: solid 1px #e4e4e4; } .product-primary .product_aside_body .product_label { position: relative; max-width: 150px; z-index: 2; float: right; } .product-primary .product_aside_actions { padding-top:0; color: #000; } .product-primary .product_aside_actions a { vertical-align: top; } .product-primary .product_aside_actions a .text { letter-spacing: -0.06em; } .product-primary .product_aside_actions a .text.min { letter-spacing: -0.06em; font-size: 15px; line-height: 0.4em; } .product-primary .product_body { position: relative; /*width: 50%;*/ float: left; padding: 0 0 0 20px; font-weight: normal; } .product-primary .product_content { padding: 5px 0 0 10px; border-top: solid 1px #e4e4e4; } .product-primary .product_content .main_head_aside { position: absolute; top:-40px; right: 0px; font-size:14px;} .product-primary .product_price { font-size:23px; } .product-primary .product_price div { float: left; width: 100%; } .product-primary .product_price .product_previous_price { color: #fb0b14; } .product-primary .product_price .product_current_price { font-size:34px; color: #00b44f; } .product-primary .product_price .product_current_price strong { font-size:48px; } .product-primary .product_price .product_parcelas_price strong { color: #00b44f; font-weight: normal; } .product-primary p { font-size:18px; } .product-primary .product_foot { margin-top:10px; display:block; padding: 0 0 0 10px; float: left; width: 100%; } .product-primary .product-add { position: relative; float: left; z-index: 0; } .product-primary .product_btn { width: initial; text-transform: none; margin: 0 0 0 0; background:#00b44f; border-radius: 10px 0 0 10px; padding: 13px 30px 17px 30px; font-size:20px; color: #fff; text-decoration: none; } .product-primary .product_btn .text { line-height:1; display: inline-block; vertical-align: middle; position: relative; top:1px; font-weight: normal; } .product-primary .add-to-list, .product-primary .remove-from-list{cursor: pointer; font-size: 18px; margin-bottom: 15px; filter: grayscale(100%); color: #815385; font-weight: bold;} .product-primary .add-to-list:hover, .product-primary .remove-from-list:hover{filter: grayscale(0%);} .product-primary .product_qty { position: absolute; right: -60px; top: 0; z-index: -1; } .product-primary .qty_field { width: 60px; height: 60px; border:1px solid #616161; text-align:center; background:#e3e3e3; font-size:20px; border-radius: 0; } .product-primary .qty_btn { z-index: -2; position: absolute; border: 1px solid #616161; background: #e3e3e3; text-align: center; padding: 5px 7px 4px 11px; } .product-primary .qty_btn i { font-size: 18px; color:#737373; } .product-primary .qty_btn.qty_plus { right: -32px; top: 0; border-radius: 0 10px 0 0; } .product-primary .qty_btn.qty_minus { right: -32px; bottom: 0; border-radius: 0 0 10px 0; } .product-primary .product_actions_left { float:left; width:100%; display: table; padding-bottom: 7px; } .product-primary .product_actions_left .product_aside_video { display: table-cell; width: auto; min-width: 63px;} .product-primary .product_actions_left .product_aside_video .ico-play { width: 67px; height: 67px; transform: scale(0.70, 0.70); -ms-transform: scale(0.70, 0.70); -webkit-transform: scale(0.70, 0.70); } .product-primary .product_actions_left .product_aside_related { display: table-cell; width: 100%; } .product-primary .product_actions_left .product_aside_related .btn-compare { font-size:29px; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow { margin-left: 15%; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow:only-child { margin-left: 40%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue { margin-left: 14%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue:only-child { margin-left: 40%; } .product-primary .product_actions_right { overflow: hidden; } .product-primary .product_actions ul { overflow: hidden; margin: 0 -15px; } .product-primary .product_actions li { float:left; width:50%; padding: 0 15px; list-style:none; list-style-position: outside; } .product-primary .product_options { float: left; width: 100%; margin-top: 10px; } .product-primary .product_options .rating { float: left; width: 50%; position: relative; } .product-primary .product_options .rating > a { text-decoration: none; color: #616161; } .product-primary .product_options .rating > a span { position: absolute; top: 12px; left: 60px; font-size: 25px; } .product-primary .product_options .rating > a i { font-size: 50px; } .product-primary .product_actions a { display: block; text-decoration: none; text-align:center; } .product-primary .product_socials { float:left; width: 50%; } .product-primary .product_socials ul { float:right; } .product-primary .product_socials i { font-size: 50px; color: #797979; } .product-primary .product_socials li { list-style:none; list-style-position: outside; display: inline-block; padding: 0 15px; } .product-primary .product_socials li.mobile { display: none; } .product-primary .product_socials .fa-facebook-square { color: #3B5998; } .product-primary .product_socials .fa-envelope { color: #D54533; } .product-primary .product_socials .fa-whatsapp { color: #00E676; } .product-primary .product_aside .slick-arrow { display: none !important; } .product-primary .product_message { font-weight: bold; background-color: #f7f7f7; padding: 18px; border-radius: 10px; } .product-primary .product_actions_left{ display: none !important; } @media (max-width: 3000px) { .product-primary .product_actions_left, .product-primary .product_content .highlighted { font-size:26px;} .product-primary .product_price { font-size: 16px; } .product-primary .product_price .product_current_price { font-size: 25px; } .product-primary .product_price .product_current_price strong { font-size:35px; } .product-primary .product_actions_left .product_aside_video { min-width: 54px;} .product-primary .product_actions_left .product_aside_video .ico-play { transform: scale(0.55, 0.55); -ms-transform: scale(0.55, 0.55); -webkit-transform: scale(0.55, 0.55); } .product-primary .product_aside_actions a .text.min { font-size: 14px; line-height: 0em; } .product-primary .product_actions_left .product_aside_related .btn-compare { font-size:24px; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow { margin-left: 22%; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow:only-child { margin-left: 43%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue:only-child { margin-left: 43%; } .product-primary .product_actions_left .product_aside_related { vertical-align: middle; padding-bottom: 11px; } } @media (max-width: 1300px) { .product-primary .product_content .highlighted { font-size:24px; } .product-primary .product_price { font-size:18px; } .product-primary .product_price .product_current_price { font-size: 23px; } .product-primary .product_price .product_current_price strong { font-size:38px; } .product-primary .product_options .rating > a span { font-size: 22px; } } @media (max-width: 1200px) { .product-primary .product_aside_actions { text-align:center; } .product-primary .product_actions { padding-bottom:20px; } .product-primary .product_price { padding: 10px 0; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow { margin-left: 7%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue { margin-left: 15%; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow:only-child { margin-left: 4%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue:only-child { margin-left: 4%; } .product-primary .product_price .product_current_price strong { font-size: 28px; } } @media (max-width: 1023px) { .product-primary .product_socials li { padding: 0 5px; } .product-primary .product_options .rating > a span { top: 9px; left: 41px; font-size: 18px; } .product-primary .product_options .rating > a i { font-size: 35px; } .product-primary .product_socials i { font-size: 35px; } .product-primary .product_aside_actions a { position: relative; left: -10px; } .product-primary .product_aside_actions a .text.min { font-size: 12px; position: absolute; top: 55px; left: 12px; } .product-primary .product_actions_left .product_aside_related .btn-compare { font-size:17px; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow { margin-left: 11%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue { margin-left: 17%; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow:only-child { margin-left: 13%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue:only-child { margin-left: 13%; } .product-primary .product_actions_left .product_aside_video { min-width: 48px;} .product-primary .product_actions_left .product_aside_video .ico-play { transform: scale(0.40, 0.40); -ms-transform: scale(0.40, 0.40); -webkit-transform: scale(0.40, 0.40); } .product-primary .btn-gratis { font-size:18px; } .product-primary .btn-calendar { font-size:18px; } .product-primary .btn-calendar strong { font-size:20px; } .product-primary .product_actions a { text-align:left; } .product-primary .product_aside { padding: 0 5px 0 0; } .product-primary .product_body { padding: 0 15px 0 15px; } .product-primary .product_content .main_head_aside { top:-35px; } .product-primary .product_btn { padding: 12px 10px 12px 10px; font-size: 25px; } .product-primary .controlado_especial { font-size: 20px; } } @media (max-width: 767px) { .product-primary .product_aside .product_aside_body .product_label { width: 30%; height: 40%; left: 60%; float: right; opacity: 0.85; position: initial; max-width: 100px; } } @media (max-width: 768px) { .product-page { padding: 0; } .product-primary .product_price { font-size:17px; margin-bottom: 280px } .product-primary .product_options .rating > a span { top: 6px; left: 28px; font-size: 14px; } .product-primary .product_options .rating > a i { font-size: 26px; } .product-primary .product_socials li.mobile { display: inline-block; } .product-primary .product_content .highlighted { font-size:22px; } .product-primary .product_price .product_current_price strong { font-size: 35px; } .product-primary { background: #fff; padding: 10px; margin-bottom: 35px; } .product-primary .product_content .highlighted { min-height: initial; } .product-primary .product_content .main_head_aside { float: left; width: 100%; position: initial; } .product-primary .product-add { z-index: 1; position: relative; left: 0; bottom: 2px; width: 100%; } .product-primary .product_btn { font-size: 30px; height: 60px; width: 100%; padding: 13px 114px 17px 20px; border-radius: 0; } .product-primary .product_qty { right: 32px; z-index: 1; } .product-primary .product_qty .qty_btn { border-radius: 0; } .product-primary .product_content { padding: 0; border-top: 0; } .product-primary .product_aside_body { padding: 0; border: 0; position: relative; } .product-primary .product_aside_body .product_label { max-width: 50px; } .product-primary .product_aside .slider-thumbs { display: none; } .product-primary .product_aside .slider-product .slide_image { margin: 0; } .product-primary .product_aside .slider-product { padding: 0; } .product-primary .product_aside .slick-arrow { display: block !important; width: 65px; position: absolute; z-index: 1; top: 35%; background: transparent; border: 0; overflow: hidden; font-size: 40px; } .product-primary .product_aside .slick-prev { left: -17px; } .product-primary .product_aside .slick-prev:before { content:'\f053'; font-family: FontAwesome; } .product-primary .product_aside .slick-next { right: 0; } .product-primary .product_aside .slick-next:before { content:'\f054'; font-family: FontAwesome; } .product-primary .product_actions_left .product_aside_related { padding-bottom: 3px;} .product-primary .product_actions_left .product_aside_video { position: absolute; top: 0px; } .product-primary .product_actions_left .product_aside_video .ico-play { transform: scale(0.70, 0.70); -ms-transform: scale(0.70, 0.70); -webkit-transform: scale(0.70, 0.70); } .product-primary .product_actions_left .product_aside_video .text.min { font-size: 0px; } .product-primary .product_actions_left { padding-left: 0; } .product-primary .product_actions_left .btn-compare { height: 43px; font-size: 16px; padding-left: 33px; margin-left: 25px; margin-top: 20px; } .product-primary .product_actions_left .btn-compare strong { width: 45px; height: 45px; font-size: 45px; left: -29px; } .product-primary .product_actions_left .btn-compare small { font-size: 11px; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow { padding-left: 18px; margin-left: 14% } .product-primary .product_actions_left .product_aside_related .btn-compare--blue { margin-left: 12% } .product-primary .product_actions_left .product_aside_related .product_aside_related .btn-compare--yellow:only-child { margin-left: 19%; } .product-primary .product_actions_left .product_aside_related .product_aside_related .btn-compare--blue:only-child { margin-left: 19%; } .product-primary .product_foot { margin-top: 0; padding: 0; } } @media (max-width: 575px) { .product-primary .product_options .rating > a span { top: 8px; left: 38px; font-size: 16px; } .product-primary .product_options .rating > a i { font-size: 32px; } .product-primary .product_actions_left { padding-bottom: 10px; } .product-primary .product_aside { width: 100%; padding: 0; float: none;} .product-primary .product_body { width: 100%; padding: 0 15px 0 15px; float: none;} .product-primary .slider-product .slide .slide_image { height: auto; } .product-primary .product_actions_left .product_aside_related .btn-compare--yellow:only-child { margin-left: 13%; } .product-primary .product_actions_left .product_aside_related .btn-compare--blue:only-child { margin-left: 13%; } } @media (max-width: 475px) { .product-primary .product_options .rating > a span { left: 37px; font-size: 14px; } .product-primary .product_options .rating > a i { font-size: 30px; } .product-primary .product_btn { font-size: 24px; padding: 15px 124px 17px 5px; } .product-primary .product_btn i { font-size: 22px; } .product-primary .product_actions_right li { width: 100%; margin-top: 15px; } .product-primary .product_actions_left .btn-compare, .product-primary .product_actions_left .btn-compare--blue { margin-left: 40px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { float:left; border:1px solid #001781; border-radius: 5px; position: relative; margin-top:70px; display: table-cell; vertical-align: top; text-align: center; width: 100% } .search .search_btn .fa-search { content:'\f002'; font-family: FontAwesome; position: absolute; right: 21px; top: 5px; z-index: 1; font-size:26px; color: #fff; } .search input::-webkit-input-placeholder { color: #9d9d9d; font-size: 16px; } .search input:-moz-placeholder { color: #9d9d9d; font-size: 16px; } .search input::-moz-placeholder { color: #9d9d9d; font-size: 16px; } .search input:-ms-input-placeholder { color: #9d9d9d; font-size: 16px; } .search .search_field { height: 40px; font-size:16px;} @media (max-width: 1400px) { .search { margin-top: 70px;} .search .search_btn { height: 60px; } .search .search_btn .fa-search { top: 5px; } } .header.fixed .search{ margin-top: 40px;} @media (max-width: 1000px) { .search .search_field { height: 42px; padding: 0 38px 0 10px; font-size:14px;} .search .search_btn { height: 42px; width: 40px;} .search .search_btn .fa-search { right: 6px; top: 5px; font-size:28px;} .header.fixed .search{ margin-top: 26px;} } @media (max-width: 768px) { .search .search_btn .fa-search { font-size: 25px; top: 7px; right: 20px; color: #fff; } } /* ------------------------------------------------------------ *\ Section Products \* ------------------------------------------------------------ */ .slider-products header:before { content:''; border-top:1px solid; position: absolute; top:66%; left:0; width:100%; margin-left:10px;} .slider-products header > img { position: relative; float: left; margin-left: 10px; } .slider-products header > .box-space { margin-left: 90px; position: relative; float: left; } .slider-products header h, .slider-products header h1 { background:#fff; padding: 0 15px; position: relative; z-index: 1; margin-left: 0px; top: 11px; } .slider-products > i { position: absolute; z-index: 1; top: 10px; } .slider-products i.ico-label-5+header { color: #de0124; } @media (max-width: 768px) { .slider-products header h, .slider-products header h1 { background:#fff; padding: 0 15px; position: initial; z-index: 1; margin-left: 0px; top: 11px; } } /* ------------------------------------------------------------ *\ Slider Landing \* ------------------------------------------------------------ */ .slider-landing { position: relative; padding: 0 0 0 0; } .slider-landing header { display: none; } .slider-landing .cards { max-height: 0; overflow: hidden; } .slider-landing .cards.slick-slider {max-height: none;} .slider-landing .cards.slick-initialized.slick-slider {max-height: none;} .slider-landing .slide_image img { display:block; width:100%; } .slider-landing .slider_actions { visibility: hidden; } .slider-landing:hover .slider_actions { visibility: visible; } .slider-landing .slider_actions a { position: absolute; top:50%; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-landing .slider_prev { left:30px; } .slider-landing .slider_next { right:30px; } /* ------------------------------------------------------------ *\ Slider Products \* ------------------------------------------------------------ */ .slider-products, .slider-products-mini { position: relative; } .slider-products .cards, .slider-products-mini .cards { padding: 0 30px; } .slider-products .cards a, .slider-products .cards a:hover, .slider-products-mini .cards a, .slider-products-mini .cards a:hover { text-decoration: none; color: inherit; } .slider-products .slider_actions a, .slider-products-mini .slider_actions a { text-decoration: none; position: absolute; bottom: 145px; } .slider-products .cards, .slider-products-mini .cards { margin: 0 30px; } .slider-products .slider_prev, .slider-products-mini .slider_prev { left:15px; } .slider-products .slider_next, .slider-products-mini .slider_next { right:15px; } .slider-products .box-wrapper { display: flex; flex-flow: row nowrap; } .slider-products .box-banner-interior { display: none; text-align: center; } .slider-products .box-banner-exterior { flex: 0 0 auto; } .slider-products .box-banner-exterior img { /*max-height: 17.8em;*/ width: auto; margin-left: 30px; } .slider-products .box-banner-interior a { z-index: 0; } .slider-products .box-banner-interior img { height: 13em; width: auto; margin: 0 auto; } .slider-products .box-content { position: relative; flex: 1 1 auto; } @media (max-width: 768px) { .slider-products .box-banner-exterior { display: none; } .slider-products .box-banner-interior { display: block; } .slider-products .slider_prev, .slider-products-mini .slider_prev { left:-10px; } .slider-products .slider_next, .slider-products-mini .slider_next { right:-10px; } .slider-products header:before { top:100%; } .slider-products header > img { float: none; } } @media (max-width: 475px) { .slider-products .product .product_actions, .slider-products-mini .product .product_actions { right: -9px; } .slider-products .slider_next, .slider-products-mini .slider_next { right: -20px; } .slider-products .slider_actions a, .slider-products-mini .slider_actions a { bottom: 25px; } .slider-products #popupRelacionadosTipo .slider_actions a, .slider-products-mini .slider_actions a { bottom: 60px; } } @media (max-width: 375px) { .slider-products .slider_prev, .slider-products-mini .slider_prev { left:10px; } .slider-products .slider_next, .slider-products-mini .slider_next { right:10px; } .slider-products .slider_actions a, .slider-products-mini .slider_actions a { bottom: 90px; } } /* ------------------------------------------------------------ *\ Slider Labels \* ------------------------------------------------------------ */ .slider-labels header { display: none; } .slider-labels .slider_inner { position: relative; padding: 15px 130px; } .slider-labels .slider_clip { position: relative; } .slider-labels .slide_image { line-height:60px; } .slider-labels .slide_image img { display: inline-block; vertical-align: middle; height: auto; width: auto; } .slider-labels .slider_actions a { text-decoration: none; position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-labels .slider_prev { left:-20px; } .slider-labels .slider_next { right:-20px; } @media (max-width: 3000px) { .slider-labels .slider_inner { padding: 15px 50px; } .slider-labels .slider_prev { left:0; } .slider-labels .slider_next { right:0; } } @media (max-width: 768px) { .slider-labels { background: transparent; border: 0; } .slider-labels header { display: block; text-align: center; color: #011091; font-size: 21px; font-weight: 700; text-transform: uppercase; } .slider-labels .slide_image { line-height:120px; } .slider-labels .slide_image img { height: 120px; width: auto; } .slider-labels .slider_inner { background: #fff; border: 2px solid #c0c0c0; padding: 15px; } .slider-labels .slider_prev { left: 5px; } .slider-labels .slider_next { right: 5px; } } /* ------------------------------------------------------------ *\ Slider Thumbs \* ------------------------------------------------------------ */ .slider-thumbs { position: relative; padding: 0px; padding-top: 40px; width: 3em; float:left; } .slider-thumbs .slide { padding: 0 0 8px 0; } .slider-thumbs .slide .thumb{ border:1px solid #e4e4e4; height: 2.8em; width: 2.8em; } .slider-thumbs .slide .thumb img { height: 100%; width: auto; margin: 0 auto; } .slider-thumbs .slider_prev { position: absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top:0; text-decoration: none; } .slider-thumbs .slider_next { position: absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom:0; text-decoration: none; } /* ------------------------------------------------------------ *\ Slider Product \* ------------------------------------------------------------ */ .slider-product { overflow: hidden; padding: 0px; } .slider-product .slide .slide_image{ text-align:center; margin: 0 auto; height: /*12.6em;*/ } .slider-product .slide .slide_image img { display: inline-block; vertical-align: middle; width: auto; margin: 0 auto; } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Banner Flutuante \* ------------------------------------------------------------ */ main .page .box.banner-flutuante { display: none; position: fixed; top: 40%; right: 0; width: initial; padding: 0; z-index: 1; } main .page .box.banner-flutuante header { display: none; } @media (max-width: 768px) { main .page .box.banner-flutuante { display: block; } } /* ------------------------------------------------------------ *\ Box Banner \* ------------------------------------------------------------ */ .box header { font-size: 17px; } .box-wrapper { display: flex; flex-flow: row nowrap; } .box-content { position: relative; flex: 1 1 auto; } .box-banner-exterior { flex: 0 0 auto; } .box-banner-interior { display: none; text-align: center; } .box-banner-exterior img { max-height: 12.5em; width: auto; margin-left: 30px; } .box-banner-interior a { z-index: 0; } .box-banner-interior img { width: auto; margin: 0 auto; } @media (max-width: 768px) { .box-banner-exterior { display: none; } .box-banner-interior { display: block; } } /* ------------------------------------------------------------ *\ Banner Texto \* ------------------------------------------------------------ */ .banner-texto .box-banner-exterior { float: left; margin-left: 100px; } .banner-texto .box-content { float: left; margin: 5px 120px 0 20px; font-size: 18px; } .banner-texto .box-content a { font-size: 23px; } .banner-texto .full-content-text { display: none; } .banner-texto .box-wrapper { margin-bottom: 10px; } .banner-texto > header { padding-bottom: 0; } .banner-texto > header:before { top: 65%; } #banners .box-wrapper { max-heigth: 300px; overflow: hidden; } /* ------------------------------------------------------------ *\ Popups \* ------------------------------------------------------------ */ .popups { height: 0px; } /* ------------------------------------------------------------ *\ Popup Frete Grátis \* ------------------------------------------------------------ */ #popupFreteGratis .modal-dialog { width: 650px; } #popupFreteGratis .modal-content { width: 650px; position: relative; } #popupFreteGratis .modal-title { float:left; color: #662e6b;} #popupFreteGratis .modal-title:nth-child(2) { margin-left: 25px; } #popupFreteGratis .modal-title:last-child { margin-left: 65px; } #popupFreteGratis .modal-title.desktop { display: block; } #popupFreteGratis .modal-title.mobile { display: none;} #popupFreteGratis .frete-gratis-body { float: left; width: 322px; min-height: 250px; border-right: 1px solid #e5e5e5; padding: 10px 30px 80px 30px; line-height: 19px !important;} #popupFreteGratis .btn { padding-top: 10px; position: absolute; bottom: 20px; width: 300px; } #popupFreteGratis .frete-gratis-motoboy .btn { left: 11px; } #popupFreteGratis .frete-gratis-correios .btn { right: 11px; } @media (max-width: 768px) { #popupFreteGratis .modal-dialog { width: 325px; } #popupFreteGratis .modal-content { width: 325px; } #popupFreteGratis .frete-gratis-body { border-bottom: 1px solid #e5e5e5; position: relative; } #popupFreteGratis .modal-title.mobile:nth-child(2) { margin: 10px 0px 10px 40px; } #popupFreteGratis .modal-title.desktop { display: none; } #popupFreteGratis .modal-title.mobile { display: block;} #popupFreteGratis .frete-gratis-correios { border-top: 1px solid #e5e5e5; padding-bottom: 70px; } } @media (max-width: 375px) { #popupFreteGratis .modal-dialog { width: 290px; } #popupFreteGratis .modal-content { width: 290px; } #popupFreteGratis .modal-header { padding: 6px 3px; } #popupFreteGratis .frete-gratis-body { width: 287px; } #popupFreteGratis .modal-title:nth-child(2) { margin-left: 16px; } #popupFreteGratis .modal-title.mobile:nth-child(2) { margin-left: 25px; } #popupFreteGratis .btn { width: 270px; } } /* ------------------------------------------------------------ *\ IV. Páginas \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Home \* ------------------------------------------------------------ */ @media (max-width: 768px) { .main.home { background: transparent; } /*.page.home .box.slider-landing { display: none; }*/ .slider-landing header, .slick-dots li button{display: none;} .page.home .box.slider-products.box-with-banner, .page.home .box.banner-texto { display: block; padding-right: 20px; padding-left: 20px; margin-top: 20px; } .page.home .box.banner-texto .box-banner-interior img { max-height: 7em; } .page.home .box.banner-texto .box-content { margin: 0; } .page.home .box.banner-texto .card.texto, .page.home .box.banner-texto .card.texto a { font-size: 16px; } .page.home .box.slider-products.box-with-banner > header > img { display: none; } .page.home .box.slider-products.box-with-banner .cards { margin: 0;} .page.home .box.slider-products.box-with-banner > i { display: none; } .page.home .box.slider-products.box-with-banner .cards { background: #fff; border: 2px solid #d8d8d8; } .page.home .box.slider-products.box-with-banner .slider_actions a { top: 70px; } .page.home .box.slider-products.box-with-banner .slider_next { right: 5px; } .page.home .box.slider-products.box-with-banner .slider_prev { left: 5px; } .page.home .box.slider-products .product .product_actions { position: inherit; margin-top: 10px; right: 0; } .page.home .box.slider-products .product .product_actions .btn.btn-add{ border-radius: 6px; } .page.home .box.slider-products .product .product_actions .text { display: initial; } .page.home .boxes header { background: #EA1D2C; color: white; padding-bottom: 30px !important; margin: 0; font-size: 18px; height: 53px; border-left: 1px solid #888888; border: 0; } .page.home .boxes header:before { display: none; } .page.home .boxes header h { background: transparent; padding: 0; margin: 0; } .page.home header > .box-space { display: none; } .slider-products.box-with-banner header h, .slider-products.box-with-banner header h1 { top: 0; } } @media (max-width: 475px) { .page.home .box.slider-products.box-with-banner .product .product_image { width: 100%; float: none; } .page.home .box.slider-products.box-with-banner .product .product_body { width: 100%; float: none; text-align: center; } } .main #preview { background-color: yellow; text-align: center; padding: 10px; } /* ------------------------------------------------------------ *\ Categoria de Produtos \* ------------------------------------------------------------ */ .category .products { margin-top: 0px; display: inline-block; } .category .products .card { width: 1%; min-width: 200px; float: left; text-align: center; } .category .products .card .center { height: auto; } .category .products header:before { content:''; border-top:1px solid; position: absolute; top:50%; left:0; width:100%; } .category .products header h1 { background:#fff; padding: 0 28px; position: relative; z-index: 1; margin-left: 0px; font-size: 27px; } .category .products > i { position: absolute; z-index: 1; top: 10px; } .category .products i.ico-label-5+header { color: #de0124; } .category .products #marca-selecionada { padding-top: 6px; text-align: center; } .category .products img {width: auto; margin: 0 auto; } .category .main_head { padding-bottom: 0; } .category .ias_loader { padding-top: 50px; float: left; width: 100%; } #bannerVitrineCategoria img{width: 100%} .category .product .product_related .btn-compare { margin-left: 30px; } .category .product .product_related .btn-compare--blue { padding-left: 20px; } .error-message {color: rgb(102, 46, 107); font-weight: 700; font-size: 25px;} @media (max-width: 3000px) { .category .products .card { width: 16.66%; } } @media (max-width: 1300px) { .category .products .card { width: 25%; } } @media (max-width: 1100px) { .category .products .card { width: 33.33%; } } @media (max-width: 900px) { .category .products .card { width: 50%; } .category .product_label { left: 20%; top: 3%; width: 18%; height: 18%; float: left; opacity: 0.85} } @media (max-width: 768px) { .category .products .card { width: 50%; } .category .products header { text-align: center; margin: 0; } .category .products header h1 { margin: 0; padding: 0; } .category .products > .box-85 { background: #fff; border-radius: 8px; margin-bottom: 15px; border: 5px solid #fff; } .category .products #marca-selecionada { display: none; } .category .products header:before { top: 100% } } @media (max-width: 475px) { .category .products .card { width: 100%; height: auto; margin-top: 10px; } #gridProdutos .card { border-bottom: 1px solid #c0c0c0; padding-bottom: 10px; } #gridProdutos .card:last-child { border-bottom: 0; } } /* ------------------------------------------------------------ *\ Nossas Lojas \* ------------------------------------------------------------ */ .caixa-busca h { font-size: 25px; width: 100%; float: left; text-align: center; color: #662e6b; font-weight: bold; margin-bottom: 10px; } .caixa-busca .btn { background: #662e6b; font-size: 18px; padding: 3px 6px 3px 6px; width: initial; } .caixa-busca .form-inline .form-group .form-control { width: 95%; } .caixa-busca .form-inline .form-group.uf { position: relative; float: left; width: 25%; } .caixa-busca .form-inline .form-group.uf select { padding: 0; } .caixa-busca .form-inline .form-group.cidade { position: relative; float: left; width: 60%; } .caixa-busca .form-inline .form-group.cep { position: relative; float: left; width: 85%; text-align: center; } .caixa-busca .form-inline .form-group.ou { position: relative; float: left; width: 15%; line-height: 34px; text-align: center; } .caixa-busca .form-inline .form-group.nome_loja { position: relative; float: left; width: 75%; text-align: center; } .caixa-busca .form-inline .form-group.btn_buscar { position: relative; float: left; width: 25%; text-align: center; } #filiaisList p, #filiaisList h3 { margin-bottom: 10px; } #filiaisList h3 { font-size: 30px; } .nossas-lojas { padding: 0 15px 0 0; } #filiaisList img { border-radius: 6px; } #filiaisList .box-66 { padding: 15px; } @media (max-width: 768px) { .nossas-lojas { padding: 0 15px; } #filiaisList { text-align: center; margin-bottom: 15px; } .menu-institucional .sidebar-nav { display: none; } .nossas-lojas-box header { padding: 8px 0px;} } /* ------------------------------------------------------------ *\ Cliente Form \* ------------------------------------------------------------ */ #clienteLojaForm { font-size: 18px; margin-top: 10px; margin-bottom: 20px; } #clienteLojaForm small { margin-right: 15px; } #clienteLojaForm ul { list-style-type: none; } #clienteLojaForm .form-group { margin-bottom: 0; } #clienteLojaForm .content-minha-conta { padding: 0 15px 0 0; } #clienteLojaForm .navbar-nav li { position: relative; } #clienteLojaForm .navbar-nav i { left: 1px; top: 6px } #clienteLojaForm .navbar-nav a { margin-left: 35px } #clienteLojaForm .content-minha-conta #obs-alteracao-endereco { font-size: 16px; margin-top: 40px; float: left; } @media (max-width: 768px) { #clienteLojaForm .content-minha-conta { padding: 0 15px; } #clienteLojaForm .mobile-split { padding-top: 10px;} } /* ------------------------------------------------------------ *\ Pedido Detalhe \* ------------------------------------------------------------ */ .labelItemPedidoSacola { text-transform: initial; font-size: 13px; } #pedido-detalhe.content-minha-conta { padding: 0 15px 0 0; } #pedido-detalhe header { margin-left: 0; padding: 0; } #pedido-detalhe header h, #pedido-detalhe header h1 { font-size: 22px; background: #f9f9f9; margin-left: 40px; } #pedido-detalhe header.big-header { margin-left: 15px; margin-bottom: 15px; } #pedido-detalhe header.big-header h { font-size: 25px; margin-left: 80px; } #pedido-detalhe .detail-entry { color: #717171; margin-bottom: 10px; } #pedido-detalhe .btn { margin: 15px 0 15px 0; width: 400px; } #pedido-detalhe .btn.btn-cancela-assinatura { width: 200px; background: #878787; float: right; font-size: 17px; padding: 6px; } #pedido-detalhe .table tr td { border: 0; padding: 2px; } #pedido-detalhe #agradece-detalhe { margin: 10px; } #pedido-detalhe .confirm-data { margin: 10px; } #pedido-detalhe .confirm-data p { margin-bottom: 0; } #pedido-detalhe .confirm-data .confirm-data-number { font-size: 45px; font-weight: 700; color: #662e6b; } #pedido-detalhe .step-pedido { display: none; } #pedido-detalhe .steps-pedido { padding-top: 93px; height: 40px; text-align: center; margin: 0 auto 80px; } #pedido-detalhe .steps-pedido.step-one { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 0; } #pedido-detalhe .steps-pedido.step-two { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 17%; } #pedido-detalhe .steps-pedido.step-three { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 39%; } #pedido-detalhe .steps-pedido.step-four { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 60%; } #pedido-detalhe .steps-pedido.step-five { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 81%; } #pedido-detalhe .steps-pedido.step-six { background: url(../images/pedido/sprite-rastrear-produtos.png) no-repeat center 100%; } #pedido-detalhe .steps-pedido li { width: 80px; font-size: 15px; text-align: center; display: inline-block; margin-right: 64px; } #pedido-detalhe .steps-pedido li:nth-child(5) { margin: 0 50px 0 10px; } #pedido-detalhe .steps-pedido li:nth-child(6) { margin-right: 0; } #pedido-detalhe .confirm-data-box { width: 400px; height: 103px; padding-top: 21px; background: #fff; border: 3px solid #ccc; font-family: 'Arial',sans-serif; font-size: 14px; line-height: 1; letter-spacing: .01em; color: #999; font-weight: normal; margin: 0 auto; } #pedido-detalhe h4 { font-size: 22px; } #pedido-detalhe .box-100 img { width: auto; max-height: 70px; } #pedido-detalhe .card-100 { padding-top: 0px; padding-bottom: 0px; } #pedido-detalhe .boleto-img { margin-bottom: 15px; } #pedido-detalhe .btn-cancela-assinatura { width: 350px; } #pedido-detalhe .obs { font-size: 14px; } @media (max-width: 768px) { #pedido-detalhe .confirm-data-box { width: auto; } } @media (max-width: 475px) { #pedido-detalhe { font-size: 14px; } #pedido-detalhe header h, #pedido-detalhe header h1 { font-size: 18px; background: #fff; margin-left: 0; } #pedido-detalhe .obs { font-size: 11px; } } @media (max-width: 1100px) { #pedido-detalhe { font-size: 16px; } #pedido-detalhe.content-minha-conta { padding: 0 15px; } #pedido-detalhe .btn { width: 100%; } #pedido-detalhe header h, #pedido-detalhe header h1 { font-size: 20px; background: #fff; margin-left: 0; } #pedido-detalhe header.big-header h { margin-left: 0; } #pedido-detalhe h4 { font-size: 18px; } #pedido-detalhe .table tr td { padding: 0 8px; } #pedido-detalhe .confirm-data-box { width: 300px; height: 82px; padding-top: 10px; } #pedido-detalhe .steps-pedido { display: none; } #pedido-detalhe .step-pedido { display: block; color: #1b6db0; font-weight: bold; margin-bottom: 5px; font-size: 20px; text-align: center; } #pedido-detalhe .obs { font-size: 13px; } } /* ------------------------------------------------------------ *\ Meus Pedidos \* ------------------------------------------------------------ */ .content-minha-conta { padding: 0 15px 0 0; } .content-minha-conta .btn-toggle { cursor: pointer; content: ""; width: 22px; height: 22px; display: block; float: left; background: url(../images/sprite-toggle.png) no-repeat -34px 0; } .content-minha-conta .btn-toggle.active { background-position: 0 0; } .content-minha-conta .td-repetir-pedidos .s-throbber { width: 30px; height: 30px; margin: 0; left: 0; } .content-minha-conta .table-responsive [class^="not-"] { display: table-cell; } @media (max-width: 1000px) { .content-minha-conta .table-responsive { font-size: 16px; } } @media (max-width: 768px) { .content-minha-conta { padding: 0 15px; } .content-minha-conta .table-responsive { font-size: 14px; } .content-minha-conta .table-responsive .nome { white-space: normal; } } @media (max-width: 615px) { .content-minha-conta .table-responsive .not-615 { display: none; } } @media (max-width: 515px) { .content-minha-conta .table-responsive .not-515 { display: none; } } @media (max-width: 415px) { .content-minha-conta .table-responsive .not-415 { display: none; } } /* ------------------------------------------------------------ *\ Institucional \* ------------------------------------------------------------ */ @media (max-width: 768px) { .content-institucional { padding: 0 15px; } .content-institucional .card-100 { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 10px; } } /* ------------------------------------------------------------ *\ Carrinho \* ------------------------------------------------------------ */ #sacola .card-15 img { width: auto; max-height: 70px; } #sacola .box-75 .btn-cupom, #sacola .box-75 .btn-apply{ font-size: 16px; width: auto; float: right; } #sacola .cupom-box input{ padding: 5px 12px; } @media (max-width: 768px) { #sacola { padding: 0 15px; margin-top: 15px; } #sacola h4 { font-size: 20px; } #sacola .card-50 { width: 20% } #sacola .card-35 { width: 80% } #sacola > .box-75, #sacola > .box-25 > .subtotal { margin-bottom: 15px; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 10px; } #sacola .delete-item-pedido { margin-left: 20px; } } @media (max-width: 475px) { #sacola .card-50 { width: 25% } #sacola .card-35 { width: 75% } #sacola input[type="number"] { width: 100%; } } @media (max-width: 768px) { background: transparent; .gondola .box { display: none; } .gondola .box.slider-products.box-with-banner, .page.home .box.banner-texto { display: block; padding-right: 20px; padding-left: 20px; margin-top: 20px; } .gondola .box.banner-texto .box-banner-interior img { max-height: 7em; } .gondola .box.banner-texto .box-content { margin: 0; } .gondola .box.banner-texto .card.texto, .page.home .box.banner-texto .card.texto a { font-size: 16px; } .gondola .box.slider-products.box-with-banner > header > img { display: none; } .gondola .box.slider-products.box-with-banner .cards { margin: 0;} .gondola .box.slider-products.box-with-banner > i { display: none; } .gondola .box.slider-products.box-with-banner .cards { background: #fff; border: 2px solid #d8d8d8; } .gondola .box.slider-products.box-with-banner .slider_actions a { top: 70px; } .gondola .box.slider-products.box-with-banner .slider_next { right: 5px; } .gondola .box.slider-products.box-with-banner .slider_prev { left: 5px; } .gondola .box.slider-products .product .product_actions { position: inherit; margin-top: 10px; right: 0; } .gondola .box.slider-products .product .product_actions .btn.btn-add{ border-radius: 6px; } .gondola .box.slider-products .product .product_actions .text { display: initial; } .gondola .boxes header { background: #25bdfe; color: #662e6b; padding: 5px; margin: 0; font-size: 18px; height: 35px; border-left: 1px solid #888888; border: 0; } .gondola .boxes header:before { display: none; } .gondola .boxes header h { background: transparent; padding: 0; margin: 0; } .gondola header > .box-space { display: none; } .gondola .slider-labels { visibility: visible; overflow: visible; } .gondola .nav-utilities { display: table; } .gondola .slider-products.box-with-banner header h, .slider-products.box-with-banner header h1 { top: 0; } } @media (max-width: 475px) { .gondola .box.slider-products.box-with-banner .product .product_image { width: 100%; float: none; } .gondola .box.slider-products.box-with-banner .product .product_body { width: 100%; float: none; text-align: center; } } /* ------------------------------------------------------------ *\ Login \* ------------------------------------------------------------ */ #login { padding: 15px; padding-top: 55px; } @media (max-width: 768px) { #login > .box-66 { background: #fff; border-radius: 8px; border: 5px solid #fff; } } /* ------------------------------------------------------------ *\ Filial \* ------------------------------------------------------------ */ .filial-box { padding: 0px 15px; } .filial-box .row { background: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 8px; width: 90%; margin-left: 5%; padding: 15px 10px; } .filial-box .filial-content .foto img { margin: 0 auto; display: block; float: left; margin: 0 20px; max-height: 300px; } .filial-box .filial-content .map iframe { height: 300px; width: 300px; margin: 0 auto; display: block; float: left; margin-left: 20px; } .filial-box .filial-content ul { list-style: none; } .filial-box .filial-content li { font-size: 16px; } .filial-box .filial-content h4 { font-size: 20px; } @media (max-width: 1200px) { .filial-box .filial-content .foto img { height: 236px; width: 236px; } .filial-box .filial-content .map iframe { height: 236px; width: 236px; } } @media (max-width: 992px) { .filial-box .filial-content .foto img { height: 268px; width: 268px; } .filial-box .filial-content .map iframe { height: 268px; width: 268px; } .filial-box .filial-content .filial-data { padding-top: 15px; text-align: center; } } @media (max-width: 768px) { .filial-box header { margin: 8px 0px; } .filial-box .filial-content .map { margin: 10px 0; padding-left: 0px; } .filial-box .filial-content .foto { margin: 10px 0; padding-left: 0px;} .filial-box .filial-content .foto img { height: 236px; width: 236px; } .filial-box .filial-content .map iframe { height: 236px; width: 236px; } .filial-box .filial-content .foto-wrap { width: 236px; margin: 0 auto; } .filial-box .filial-content .map-wrap { width: 236px; margin: 0 auto; } } /* ------------------------------------------------------------ *\ Recuperar Senha \* ------------------------------------------------------------ */ .recuperarSenha-container {width: 50%; padding: 20px; margin: 0 auto; text-align: center; } .recuperarSenha-container .fa-lock { top: 37px; } .recuperarSenha-container .login-field { padding-left: 32px; padding-top: 16px; } .recuperarSenha-container #mensagem-sucesso { font-size: 25px; } .recuperarSenha-container #mensagem-sucesso a { font-size: 25px; } @media (max-width: 768px) { .recuperarSenha-container { width: 100%; } } /* ------------------------------------------------------------ *\ Trabalhe Conosco \* ------------------------------------------------------------ */ .trabalhe-conosco-wrapper { width: 500px; margin: 0 auto; } .trabalhe-conosco-wrapper div { margin-bottom: 5px; } .trabalhe-conosco-wrapper select { height: 37px; font-size: 14px; } @media (max-width: 768px) { .trabalhe-conosco-wrapper { width: 100%; } } .header-fale-conosco{ font-size: 30px; } .texto-riscado{ text-decoration: line-through; } .descricao-final{ text-align: center; width: 100%; } .descricao-final h3{ color: #616161; } /* ------------------------------------------------------------ *\ Ajustes \* ------------------------------------------------------------ */ @media (max-width: 768px) { .desk { display: none; } .slider-products .cards{margin: 0; padding: 0;} } .selfLoading { position: relative; } .selfLoading:after{ content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(255, 255, 255, .6); top: 0; left: 0; } .selfLoading:before{ content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; border: 4px solid; border-color: #f86d26 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); animation: spin 1.2s linear infinite; position: absolute; z-index: 10; top: calc(50% - 15px); left: calc(50% - 15px); } @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }