/*Theme Name: Ceraflame 2022 Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. * * ----------------------------------------------------------------------------- */ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 12, 2017 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #444444; font-family: 'Cabin', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; } body { background: #fff; overflow-x:hidden; } a { color: #f36100; text-decoration: none; } a:focus { outline: none; color: #fbac18; } a:hover, a:active { outline: none; } a:active, a:hover { } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 36px 0 12px; } h1 { font-size: 26px; line-height: 1.3846153846; } h2 { font-size: 24px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } /*h5 { font-size: 18px; line-height: ntry-content h1, .entry-content h2, .entry-content h3{ font-size: 27px; color: #555; font-weight: 100; text-decoration: none; font-family: 'kg_happy_solidregular'; }*/ .entry-content a{ color: #00962e !important; } .entry-content p{ font-size: 15px !important; color:#777 !important; } .entry-meta{ margin-bottom: 22px; } .title-view{ margin-bottom: 20px; } .tag-links{ margin-bottom: 15px; } .right-topo{ display: flex; justify-content: flex-end; } .flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev{ left: -50px; } .flexslider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next{ right: -50px; } .inner-linhas .flex-direction-nav a{ top: 35%; } @media (min-width: 1200px){ .container { width: 1200px; } .inner-linhas{ width: 990px; margin: 0 auto; } } /*Header*/ .fas, .fab{ color: #444; } .topo-header{ background: #ffbd2e; padding-bottom: 8px; } .fa-envelope:before, .fas.ico-phone{ margin-right: 5px } .midias{ float: left; margin-top: 12px; } .facebook .fab, .instagram .fab, .youtube .fab{ font-size: 19px; } .fora-tel, .fora-mail{ float: left; font-size: 14px; margin-top: 12px; } .fora-tel{ margin-right: 30px; } .midias a{ margin-right: 20px; text-decoration: none; } .language-chooser li{ display: inline-flex; margin-left: 12px; } .language-chooser li:first-child{ margin-left: 0px; } .language-chooser{ display: inline-flex; margin-top: 9px; padding-left: 30px; } .image-carrossel{ border-radius: 15px; height: 389px; background-size: cover !important; } .link-catalogo{ font-size: 14px; font-weight: 700; color: #444; text-decoration: none; display: inline-block; outline: none; background: url(images/nuvem-topo.png)no-repeat center left; padding-left: 30px; margin-top: 13px; } .link-catalogo:hover{ color: #f5821f; text-decoration: none; } .right-header p{.container display: inline-flex; } .logo img{ margin: 40px 0 0px 0; } .navbar-nav>li>a{ padding-left: 0px; padding-right: 0px; font-size: 16px; font-weight: 400; border-bottom:solid 3px #efefef; padding-bottom: 7px; padding-top: 41px; color:#222222; transition: all 0.2s linear; } .navbar-nav>li.active>a{ border-bottom:solid 3px #f5821f; } /*.fora-menu{ padding-left: 0px; margin-top: 30px; } .fora-menu.novo{ margin-top: -40px; position: relative; }*/ .navbar-nav>li{ margin-right:25px; } .navbar-nav>li:last-child{ margin-right: 0px; } .nav>li>a:focus, .nav>li>a:hover{ background: transparent; } .navbar-nav>li>a:hover{ border-bottom:solid 3px #db812d; color:#222222; } .btn-revista{ font-weight: 400; font-size: 14px; color:#fff; border-radius:0px; background-color: rgb(243,154,0); background-color: linear-gradient(90deg, rgba(243,154,0,1) 0%, rgba(244,156,3,1) 51%, rgba(255,189,46,1) 100%); padding: 7.5px 40px; padding-left: 25px; margin-top: 53px; transition: all 0.2s linear; border-radius: 10px; background-image: url(images/ico-magazine.png); background-position:150px center ; background-repeat:no-repeat ; padding-top: 10px; } .btn-revista:hover{ color: #fff !important; } .ico-search:before{ content: url("images/ico-search.png"); } .ico-phone{ content: url("images/ico-phone.png"); } .ico-whatsapp{ content: url("images/ico-whatsapp.png") !important; margin-right: 0 !important; } .whatsapp a, .fa-envelope:before, .ico-whatsapp{ color: #444; } .ico-busca{ margin-top: 36px; padding-right: 0; padding-left: 23px; } .language-chooser li.active img{ border: solid 2px #444; border-radius: 50%; width: 28PX; height: 28px; } .fora-banner .image-banner{ height: 495px; border-radius: 30px; } .fora-banner .mascara{ border-radius: 30px; } .bx-wrapper{ border:none; box-shadow: none; } .fora-banner{ margin-top: 20px; } .fa-player:before{ content:url(images/ico-player.png); } .single-revistas .flex-direction-nav .flex-prev{ background: url(images/ico-left-revistas.png); width: 30px; height: 30px; } .single-revistas .flex-direction-nav .flex-next{ background: url(images/ico-right-revistas.png); width: 30px; height: 30px; } .fora-banner h1{ color:#fff; font-size: 64px; font-weight: 400; margin-bottom: 0; text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5); width: 445px; text-align: right; line-height: 1; } .fora-banner p{ color:#fff; font-weight: 400; text-align: center; margin-bottom: 12px; text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5); } .btn-banner{ display: table; margin: 0 auto; color: #fff; background-color: rgb(243,154,0); background-color: linear-gradient(90deg, rgba(243,154,0,1) 0%, rgba(244,156,3,1) 51%, rgba(255,189,46,1) 100%); padding: 10px 34px; transition: all 0.2s linear; font-size: 16px; font-weight: 400; margin-right: 0; margin-top: 20px; border-radius: 10px; } .btn-banner:hover{ color: #fff; } .fora-texto-banner{ height: 495px; display: table; margin: 0 auto; z-index: 999; position: relative; margin-right: 120px; } .fora-texto-banner > div{ display: table-cell; vertical-align: middle; } .bx-wrapper .bx-prev{ background: url("images/seta-left.png")no-repeat; left: 10px; } .bx-wrapper .bx-next{ background: url("images/seta-right.png")no-repeat; right: 10px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 0px 0; } .bx-wrapper .bx-controls-direction a{ width: 51px; height: 51px; z-index: 999; } .bx-pager{ display: none; } .left-menu{ width: 828px; float: left; } .right-menu{ width: 244px; float: left; } .fora-menu .dropdown-menu{ left: -420px; min-width: 1100px; background: #eeeeee; padding-left: 30px; padding-top:0; padding-bottom:0; padding-right:0; border-radius: 0; border: none; border-top:solid 1px #000; margin-top: 5px !important; } .fora-menu .dropdown-menu li{ list-style-image: url("images/seta-right-laranja.png"); width: 33%; float: left; margin-bottom:0px; } .fora-menu .dropdown-menu li a{ color: #444444; padding: 0; display: block; line-height: 35px; } .fora-menu .dropdown-menu li a:hover{ font-weight: 700; text-decoration: none; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background: transparent; border-color:#f5821f; } .bloco-itens-menu{ padding-top: 30px; } .menu-right{ width: 257px; height: 300px; margin-left: -4px; } .fora-image-menu img{ width: 100%; height: auto; } .flex-prev{ background: url("images/seta-left.png")no-repeat; opacity: 1 !important; background-size: cover; width: 18px !important; height: 35px !important; } .flex-next{ background: url("images/seta-right.png")no-repeat; opacity: 1 !important; background-size: cover; width: 18px !important; height: 35px !important; } .item_linha_carroussel{ position: relative; height: 570px; } .descricao-linha{ color: #444; font-size: 14px; line-height: 1; } .item_linha_carroussel h2 span{ font-weight: 400; font-size: 16px; } .item_linha_carroussel h2{ color: #444444; font-size: 18px; line-height: 32px; margin-bottom: 0px; font-weight: 400; text-align: center; margin-top: 0; } .container.linhas{ padding: 0; overflow-x: hidden; margin-top: 36px; } .btn-banner.linha{ background:transparent; border:solid 2px #fff; padding: 10px 22px; margin-left: auto; margin-right: auto; margin-top: 15px; } .btn-banner.linha{ background-color: rgb(243,154,0); background-color: linear-gradient(90deg, rgba(243,154,0,1) 0%, rgba(244,156,3,1) 51%, rgba(255,189,46,1) 100%); border-color:transparent !important; border-radius: 10px; padding: 5px 43px; font-size: 14px; font-weight: 400; color: #444; } .btn-banner.linha:hover{ background: transparent; border: solid 2px #f5770c !important; } .inner-encontre{ background: #efefef; border-radius: 15px; padding: 50px 143px; } .link-blog{ color: #464646; font-size: 16px; margin-top: 50px; background: url(images/ico-blog.png)no-repeat center right; padding-right: 30px; width: 74px; text-align: left; line-height: 43px; padding-top: 0; padding-bottom: 0; } .ico-blog:before{ content: url(images/ico-blog.png); margin-left: 16px; } .padding-right-none{ padding-right: 0 !important; } .inner-encontre .btn{ background: transparent; border: solid 2px #f5770c !important; } .inner-encontre .btn:hover{ background-color: rgb(243,154,0); background-color: linear-gradient(90deg, rgba(243,154,0,1) 0%, rgba(244,156,3,1) 51%, rgba(255,189,46,1) 100%); border-color:transparent !important; } .mascara{ background-image: linear-gradient(rgba(34,34,34,0), rgba(34,34,34,0.9)); position: absolute; width: 100%; height: 100%; top: 0; } .flex-control-nav{ display: none; } .flex-prev:before, .flex-next:before{ display: none !important; } .bx-wrapper{ margin-bottom: 0; } .flexslider.carousel{ border: 0; margin-bottom: 0; } #ourHolder, #fora-lojas{ display: flex; flex-wrap:wrap; } .bloco-econtre-e-historia h2{ font-size: 18px; margin-bottom: 17px; color:#444444; font-weight: 400; text-align: center; margin-top: 0; } .bloco-econtre-e-historia p{ margin-bottom: 10px; color:#444444; text-align: center; font-size: 14px; line-height: 1; } .item-view div div a{ background:#000; opacity: 0.75; } .btn-link{ font-weight: 700; color: #444444; padding-left: 0; text-decoration: none; outline: 0; font-size:16px; position: relative; } .btn-link:hover, .btn-link:focus, .bloco-encontre-ceraflame-institucional .btn-link, .tax-cat_produtos .btn-link, .item-loja-online .btn { color:#db812d; text-decoration: none; } .ico-seta-right:before{ content: url("images/circle-plus-grey.png"); margin-left: 10px; position: absolute; top: 8px; } .btn-link:hover .ico-seta-right:before, .bloco-encontre-ceraflame-institucional .btn-link .ico-seta-right:before, .tax-cat_produtos .btn-link .ico-seta-right:before, .item-loja-online .btn .ico-seta-right:before { content: url("images/circle-plus-orange.png"); } .item-loja-online .btn .ico-seta-right:before { content: url(images/seta-circle-orange.png); } .tax-cat_produtos .flexslider.carousel{ margin-bottom: 0; } .texto-beneficios-home{ font-size: 36px; color: #f5770c; font-weight: 400; text-align: center; margin-top: 0; } .texto-subtitulo-home{ font-size: 14px; line-height: 1; text-align: center; margin-bottom: 27px; font-weight: 400; } .bloco-revista{ position: relative; margin-top: 43px; padding: 0; margin-bottom:0px; } .texto-revista{ position: absolute; bottom: 50px; left: 45px; z-index: 999; max-width: 400px; } .texto-revista h2, .texto-revista p{ color: #fff; } .texto-revista p{ margin-bottom: 17px; } .texto-revista h2{ font-size: 36px; margin-bottom: 24px; font-weight: 400; width: 330px; } .bloco-caracteristicas{ padding: 0; } .bloco-caracteristicas .item-caracteristica:last-child{ border:0; } .item-caracteristica img{ margin-top: -20px; max-width: 100px; } .item-caracteristica p{ min-height: 48px; } .texto-revista .btn{ margin-left: 0; } .btn-banner.revista{ background: transparent; border:solid 2px #fff; border-radius: 10px; padding: 5px 43px; font-weight: 400; } .btn-banner.revista:hover{ background-color: rgb(219,129,45); background-color: linear-gradient(90deg, rgba(219,129,45,1) 0%, rgba(248,130,51,1) 51%, rgba(213,97,13,1) 100%); border-color: rgb(219,129,45); } .left-topo-footer .btn-banner:hover{ background-color: rgb(219,129,45); background-color: linear-gradient(90deg, rgba(219,129,45,1) 0%, rgba(248,130,51,1) 51%, rgba(213,97,13,1) 100%); border-color: rgb(219,129,45); color:#fff; } .btn-baixar-manual:hover{ border-color:#db812d; } .topo-footer .midias .fab{ color:#444; } .topo-footer .midias .fab:hover{ color:#999; } .topo-footer{ background-color: rgb(243,154,0); background-color: linear-gradient(90deg, rgba(243,154,0,1) 0%, rgba(244,156,3,1) 51%, rgba(255,189,46,1) 100%); padding-bottom: 27px; } .left-topo-footer{ padding-left: 0 !important; padding-right: 0 !important; display: inline-flex; } .left-topo-footer .btn-banner{ background: url(images/arrow-download.png)no-repeat; background-position: 153px center; color:#444; border:2px solid #444; border-radius: 15px; padding-left: 30px !important; padding-right: 50px !important; } .midias .fab:hover{ color:#444; } .item-loja-online .btn:hover{ color:#ef9846; } .right-topo-footer{ padding-right: 0 !important; display: inline-flex; } .topo-footer h2{ font-size: 18px; color: #444; margin-top: 39px; font-weight: 400; } .topo-footer .btn{ margin-top: 30px; padding-left: 20px; padding-right: 20px; } .topo-footer .facebook .fab, .topo-footer .instagram .fab, .topo-footer .youtube .fab { font-size: 30px; } .topo-footer .midias{ margin-top: 35px; margin-left: 40px; } .topo-footer .midias a:last-child { margin-right: 0; } .topo-footer .right-topo-footer h2{ margin-left: 30px; } .borda-laranja{ height: 4px; background: #db812d; margin-top: 30px; width: 169px; } .bottom-fotter h2{ font-size: 16px; color: #444; margin-top: 40px; margin-bottom: 35px; font-weight: 400; } .bottom-fotter li a{ color: #222; } .bottom-fotter li a:hover{ text-decoration: none; color:#db812d; } .bottom-fotter li{ list-style: none; } .bottom-fotter li{ background: url("images/seta-li-footer-cinza.jpg")no-repeat center left; margin-bottom: 6px; padding-left: 22px; } .ico-download:before{ content: url('images/ico-baixar-manual.jpg'); margin-left: 6px; } .btn-baixar-manual{ border:solid 2px #f36100; color:#444444; border-radius: 10px; font-size: 16px; padding: 7px 12px; margin-top: 38px; float: right; } .bottom-fotter ul{ padding-left: 0px; } .fora-logos-empresas{ margin-top: 40px; text-align: right; } .fora-logos-empresas a{ margin-bottom: 18px; display: block; } .copy{ margin-bottom: 57px; } .copy p{ font-size: 12px; color: #444; margin-bottom: 18px; margin-top: -8px; } .assinatura{ text-align: right; } .assinatura img{ margin-top: 44px; } .bloco-caracteristicas > div{ margin-top:0px; background: #efefef; border-radius: 15px; padding: 50px 65px; padding-bottom: 26px; } .bloco-caracteristicas p{ margin-bottom: 0; font-size: 14px; color:#444; margin-top: 20px; } .banner-topo-page{ background-color: #222222 !important; padding-top: 78px; padding-bottom: 90px; background-size: cover !important; margin-top: -35px; } .banner-topo-page h2{ color: #fff; font-size: 32px; text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5); text-align: center; margin: 0; font-style: italic; } .fora-galeria{ background-color: #222222 !important; position: relative; } .fora-galeria .flex-direction-nav .flex-prev { left: 17%; } .fora-galeria .flex-direction-nav .flex-next { right: 17%; } .fora-texto-historia{ background: #fff; margin-top: 30px; padding-bottom: 45px; } .texto-institucional{ margin-top: 55px; } .texto-institucional p{ margin-bottom: 27px; line-height: 25px; } .bloco-visao-missao-valores{ text-align: center; padding-bottom: 52px; } .bloco-visao-missao-valores h2{ font-size: 32px; margin-top: 36px; margin-bottom: 30px; text-align: left; font-style: italic; } .bloco-visao-missao-valores p{ line-height: 25px; margin-bottom: 0; text-align: left; } .bloco-encontre-ceraflame-institucional h2{ font-size: 32px; color: #444444; text-align: center; margin-top: 58px; margin-bottom: 16px; font-style: italic; } .bloco-encontre-ceraflame-institucional p{ text-align: center; margin-bottom: 2px; color:#444444; } .bloco-encontre-ceraflame-institucional .btn.btn-link{ display: table; margin: 0 auto; } .nice-select.open .list { display: block !important; height: 600px; overflow-y: scroll; z-index: 9999; } .fora-video{ background: #efefef; border-radius: 15px; } .bloco-dicas-ceraflame h2{ font-size: 36px; color: #f5770c; font-weight: 400; text-align: center; } .bloco-dicas-ceraflame p{ font-size: 14px; line-height: 1; text-align: center; margin-bottom: 27px; } .titulo-institucional{ font-size: 36px; color:#f5770c; text-align: center; font-weight: 400; } .titulo-institucional.video{ margin-top: 65px; margin-bottom: 60px; } .img-institucional{ width: 100%; height: auto; } .page-template-institucional .bloco-revista{ margin-top: 30px; } .btn.focus, .btn:focus, .btn:hover{ color: #222; } /* ===== Scrollbar CSS ===== */ /* Firefox */ .itens-lojas { scrollbar-width: 16px; scrollbar-he scrollbar-color: #fa9b1e #fff; } /* Chrome, Edge, and Safari */ .itens-lojas::-webkit-scrollbar { width: 16px; height: 100px; } .itens-lojas::-webkit-scrollbar-track { background: #fff; border: 2px solid #bbb; border-radius: 5px; } .itens-lojas::-webkit-scrollbar-thumb { background-color: #fa9b1e; border-radius: 5px; border:2px solid #fa9b1e; height: 100px !important; } ul#map { background-image: url("images/map.gif"); display: block; height: 585px; margin: 0; padding: 0; width: 570px; } ul#map li { display: block; padding: 0; position: absolute; } ul#map {display: block; margin: 0; padding: 0; width:570px; height: 585px; background-image: url(images/mapa-roxo-claro.png);} ul#map li {display: block; padding: 0; position: absolute;} li#crs {margin-top: 485px; margin-left: 237px; } li#csc {margin-top: 467px; margin-left: 292px; z-index: 11} li#cpr {margin-top: 416px; margin-left: 281px; z-index:10;} li#csp {margin-top: 375px; margin-left: 303px; z-index:9; } li#cms {margin-top: 336px; margin-left: 229px;} li#crj {margin-top: 390px; margin-left: 422px; z-index:10; } li#ces {margin-top: 347px; margin-left: 467px; z-index:10; } li#cmg {margin-top: 292px; margin-left: 333px; z-index:4; } li#cgo {margin-top: 264px; margin-left: 301px; z-index:5; } li#cdf {margin-top: 311px; margin-left: 373px; z-index:6; } li#cba {margin-top: 207px; margin-left: 397px;} li#cmt {margin-top: 189px; margin-left: 180px;} li#cro {margin-top: 199px; margin-left: 104px; z-index:7; } li#cac {margin-top: 185px; margin-left: 0px;} li#cam {margin-top: 46px; margin-left: 3px;} li#crr {margin-top: 0; margin-left: 133px;} li#cpa {margin-top: 40px; margin-left: 219px;} li#cap {margin-top: 13px; margin-left: 278px;} li#cma {margin-top: 94px; margin-left: 366px; z-index:8;} li#cto {margin-top: 156px; margin-left: 338px;} li#cse {margin-top: 221px; margin-left: 519px; z-index:9;} li#cal {margin-top: 211px; margin-left: 518px; z-index:9;} li#cpe {margin-top: 188px; margin-left: 473px;} li#cpb {margin-top: 169px; margin-left: 511px; z-index:9;} li#crn {margin-top: 151px; margin-left: 514px;} li#cce {margin-top: 121px; margin-left: 473px;} li#cpi {margin-top: 120px; margin-left: 406px; z-index:9;} ul#map li a {display: block; text-decoration: none; position: absolute;} a#rs {width: 116px; height: 101px; } a#sc {width: 81px; height: 53px; } a#pr {width: 97px; height: 64px; } a#sp {width: 131px; height: 84px; } a#ms {width: 106px; height: 104px; } a#rj {width: 58px; height: 40px; } a#es {width: 33px; height: 51px; } a#mg {width: 163px; height: 131px; } a#go {width: 108px; height: 108px; } a#df {width: 16px; height: 9px; } a#ba {width: 136px; height: 148px; } a#mt {width: 166px; height: 161px; } a#ro {width: 104px; height: 87px; } a#ac {width: 108px; height: 62px; } a#am {width: 258px; height: 181px;} a#rr {width: 87px; height: 103px; } a#pa {width: 188px; height: 187px; } a#ap {width: 73px; height: 85px; } a#ma {width: 102px; height: 139px; } a#to {width: 74px; height: 125px; } a#se {width: 28px; height: 32px; } a#al {width: 46px; height: 27px; } a#pe {width: 97px; height: 34px; } a#pb {width: 59px; height: 35px; } a#rn {width: 53px; height: 33px; } a#ce {width: 61px; height: 76px; } a#pi {width: 83px; height: 124px; } a#pa.hover, a#pa:hover, a#pa:active, a#am.hover, a#am:hover, a#am:active, a#mt.hover, a#mt:hover, a#mt:active, a#ba.hover, a#ba:hover, a#ba:active, a#ma.hover, a#ma:hover, a#ma:active, a#mg.hover, a#mg:hover, a#mg:active, a#to.hover, a#to:hover, a#to:active, a#pi.hover, a#pi:hover, a#pi:active, a#go.hover, a#go:hover, a#go:active, a#ms.hover, a#ms:hover, a#ms:active, a#rr.hover, a#rr:hover, a#rr:active, a#rs.hover, a#rs:hover, a#rs:active, a#ro.hover, a#ro:hover, a#ro:active, a#ap.hover, a#ap:hover, a#ap:active, a#sp.hover, a#sp:hover, a#sp:active, a#ce.hover, a#ce:hover, a#ce:active, a#pr.hover, a#pr:hover, a#pr:active, a#ac.hover, a#ac:hover, a#ac:active, a#sc:hover, a#sc.hover, a#sc:active, a#es.hover, a#es:hover, a#es:active, a#rj.hover, a#rj:hover, a#rj:active, a#pb.hover, a#pb:hover, a#pb:active, a#pe.hover, a#pe:hover, a#pe:active, a#rn.hover, a#rn:hover, a#rn:active, a#se.hover, a#se:hover, a#se:active, a#al.hover, a#al:hover, a#al:active, a#df.hover, a#df:hover, a#df:active { display: block; background: url(images/mapa-roxo-escuro.png) no-repeat; } a#pa.hover, a#pa:hover{ background-position: -10px -0px; width: 188px; height: 187px;} a#am.hover, a#am:hover, a#am:active { background-position: -10px -197px; width: 258px; height: 181px; } a#mt.hover, a#mt:hover, a#mt:active { background-position: -10px -388px; width: 166px; height: 161px; } a#ba.hover, a#ba:hover, a#ba:active { background-position: -10px -559px; width: 136px; height: 148px; } a#ma.hover, a#ma:hover, a#ma:active { background-position: -156px -559px; width: 102px; height: 139px; } a#mg.hover, a#mg:hover, a#mg:active { background-position: -10px -717px; width: 163px; height: 131px; } a#to.hover, a#to:hover, a#to:active { background-position: -183px -717px; width: 74px; height: 125px; } a#pi.hover, a#pi:hover, a#pi:active { background-position: -10px -858px; width: 83px; height: 124px; } a#go.hover, a#go:hover, a#go:active { background-position: -103px -858px; width: 108px; height: 108px; } a#ms.hover, a#ms:hover, a#ms:active { background-position: -103px -976px; width: 106px; height: 104px; } a#rr.hover, a#rr:hover, a#rr:active { background-position: -10px -992px; width: 87px; height: 103px; } a#rs.hover, a#rs:hover, a#rs:active,.rs.active { background-position: -107px -1090px; width: 116px; height: 101px; } a#ro.hover, a#ro:hover, a#ro:active { background-position: -10px -1201px; width: 104px; height: 87px; } a#ap.hover, a#ap:hover, a#ap:active { background-position: -10px -1105px; width: 73px; height: 85px; } a#sp.hover, a#sp:hover, a#sp:active { background-position: -124px -1201px; width: 131px; height: 84px; } a#ce.hover, a#ce:hover, a#ce:active { background-position: -186px -388px; width: 61px; height: 76px; } a#pr.hover, a#pr:hover, a#pr:active { background-position: -124px -1295px; width: 97px; height: 64px; position: relative; z-index: 999999;} a#ac.hover, a#ac:hover, a#ac:active { background-position: -10px -1298px; width: 108px; height: 62px; } a#sc.hover, a#sc:hover, a#sc:active { background-position: -128px -1369px; width: 81px; height: 53px; } a#es.hover, a#es:hover, a#es:active { background-position: -208px -0px; width: 33px; height: 51px; } a#rj.hover, a#rj:hover, a#rj:active { background-position: -186px -474px; width: 58px; height: 40px; } a#pb.hover, a#pb:hover, a#pb:active { background-position: -10px -1370px; width: 59px; height: 35px; } a#pe.hover, a#pe:hover, a#pe:active { background-position: -10px -1415px; width: 97px; height: 34px; } a#rn.hover, a#rn:hover, a#rn:active { background-position: -186px -524px; width: 53px; height: 33px; } a#se.hover, a#se:hover, a#se:active { background-position: -208px -61px; width: 28px; height: 32px; } a#al.hover, a#al:hover, a#al:active { background-position: -208px -103px; width: 46px; height: 27px; } a#df.hover, a#df:hover, a#df:active { background-position: -208px -140px; width: 16px; height: 9px; } ul#map li a img {border: 0; width: inherit; height: inherit;} /*Mapa*/ #map { display: none; margin-top: 60px; margin-bottom: 0px; } #map .state { cursor: pointer; text-decoration: none; } #map .state .shape { cursor: pointer; -width: 0; } #map .state .label_icon_state { fill: #fff; font-family: Arial; font-size: 11px; line-height: 12px; font-weight: normal; } #map .state .label_state { display: none; font-family: Arial; font-size: 14px; line-height: 16px; font-weight: bold; } #map .state:hover .label_state, #map .state.hover .label_state { display: block; } #map .model-green .state .shape { fill: #b4b4b4; } #map .model-green .state .icon_state { fill: #272b62; display: none; } #map .model-green .state .label_icon_state{ fill: #272b62; display: none; } #map .model-green .state:hover .label_icon_state, .state-active .label_icon_state{ fill: #fff !important; } #state_df:hover .label_icon_state{ fill: #272b62; } #map .model-green .state .label_state { fill: #666; display: none; } #map .model-green .state:hover .shape, #map .model-green .state.hover .shape, .state-active .shape { fill: #db812d !important; } #map .model-green .state:hover .icon_state, #map .model-green .state.hover .icon_state { fill: #5a95ce; } #map .model-orange .state .shape { fill: #fd7132; } #map .model-orange .state .icon_state { fill: #6cb361; } #map .model-orange .state .label_icon_state { fill: #fff; } #map .model-orange .state .label_state { fill: #666; } #map .model-orange .state:hover .shape, #map .model-orange .state.hover .shape { fill: #c93f04; } #map .model-orange .state:hover .icon_state, #map .model-orange .state.hover .icon_state { fill: #10592f; } #map .model-darkgreen .state .shape { fill: #366823; } #map .model-darkgreen .state .icon_state { fill: #2779c6; } #map .model-darkgreen .state .label_icon_state { fill: #fff; } #map .model-darkgreen .state .label_state { fill: #666; } #map .model-darkgreen .state:hover .shape, #map .model-darkgreen .state.hover .shape { fill: #4a8c31; } #map .model-darkgreen .state:hover .icon_state, #map .model-darkgreen .state.hover .icon_state { fill: #5a95ce; } /*fim mapa*/ .nice-select, .nice-select .list{ width: 100%; } .nice-select{ border-radius: 10px; border: solid 2px #bbbbbb; margin-bottom: 10px; height: 45px; } .nice-select:after { height: 10px; width: 10px; right: 22px; } .right-onde-encontrar p{ color: #444444; } .selecione-estados{ margin-top: 60px; margin-bottom: 23px; } .itens-lojas{ overflow-y: scroll; height: 380px; overflow-x: hidden; } .bloco-revenda h2{ font-size: 16px; margin-left:20px; margin-top: 20px; margin-bottom: 9px; } .bloco-revenda p{ margin-left: 29px; margin-bottom: 7px; } .bloco-revenda .endereco:before{ content: url("images/ico-address.jpg"); margin-right: 10px; } .bloco-revenda .telefone:before{ content: url("images/ico-phone-address.png"); margin-right: 10px; } .bloco-revenda{ margin-bottom: 10px; } .bloco-revenda .item{ padding-right: 24px; } .bloco-revenda .item > div{ border-radius: 10px; border: solid 2px #bbbbbb; padding-bottom: 9px; } .lojas-online{ margin-bottom: 60px; } .lojas-online h2{ text-align: center; font-size: 36px; color: #f5770c; margin-top: 68px; margin-bottom: 16px; font-weight: 400; } .lojas-online p{ text-align: center; margin-bottom: 34px; } .item-loja-online > div{ border-radius: 10px; border: solid 2px #bbbbbb; bpadding-bottom: 10px; background: #efefef; } .item-loja-online h2{ font-size: 16px; color: #444444; margin-top: 20px; margin-bottom: 12px; text-transform: capitalize !important; font-style: normal; } .item-loja-online .btn{ font-weight: 400; } .item-loja-online p{ color:#444444; margin-bottom: 2px; } .item-loja-online .btn{ display: table; margin: 0 auto; padding: 3px; } .btn-link{ padding-right: 0; } .item-loja-online{ margin-bottom: 30px; float: none; } .item-loja-online.Ru.pb, .item-loja-online.Pt.ru, .item-loja-online.En.ru, .item-loja-online.Pt.en, .item-loja-online.Ru.en, .item-loja-online.En.pb{ display: none; } .post-type-archive-lojas .flexslider.carousel{ margin-bottom: 10px; } .tax-cat_produtos .bloco-caracteristicas{ margin-bottom: 63px; } footer .borda-laranja, .cores .borda-laranja{ width: 1074px !important; margin: 0 auto; margin-bottom: 47px; margin-top: -6px; } .site-footer{ margin-top: 55px; } .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-submit, .novo-form input, .novo-form textarea{ border-radius: 0px; border: solid 2px #bbbbbb; padding: 8.5px 15px; margin-bottom: 10px; width: 100%; outline: 0; background: transparent; color: #444; border-radius: 10px; } .fis .wpcf7-form-control-wrap textarea, .fis.novo-form textarea{ height: 321px; } .jur .wpcf7-form-control-wrap textarea, .jur.novo-form textarea { height: 375px; } .trab .wpcf7-form-control-wrap textarea, .trab.novo-form textarea { height: 400px; } .nice-select .current{ color: #444; } .nice-select{ font-size: 16px; } .wpcf7-submit, .novo-form input[type="submit"]{ width: 200px; border-color:#db812d; float: right; font-weight: 700; transition: all 0.2s linear; } .btn-laranja-full{ border-radius:0px; border: solid 2px #db812d; font-weight: 700; color: #444444; font-size: 16px; padding: 0px; text-decoration: none; margin-right: 5px; transition: all 0.2s linear; font-weight: 400; min-width: 200px; line-height: 45px; } .btn-laranja-full:hover, .wpcf7-submit:hover, .btn-laranja-full.btn-active, .novo-form input[type="submit"]:hover{ background: rgb(219,129,45); background: linear-gradient(90deg, rgba(219,129,45,1) 0%, rgba(248,130,51,1) 51%, rgba(213,97,13,1) 100%); color: #fff; text-decoration: none; font-weight: 700; } .contato-informacoes{ text-align: center; font-size: 24px; color: #f5770c; margin-bottom: 25px; } p.sacc{ background: url(images/ico-whats-sacc.png)no-repeat right center; padding-right: 35px; } .ico-tel-contato{ background: url(images/ico-phone-contato.png)no-repeat right center; padding-right: 35px; } .fora-botoes{ margin-bottom: 20px; margin-top: 64px; } .right-contato h2{ font-size: 32px; color: #444444; margin-top: 72px; text-align: right; font-style: italic; margin-bottom: 19px; } .right-contato h3{ font-size: 16px; color: #444444; font-weight: 400; margin-top: 9px; margin-bottom: 8px; text-align: right; } .right-contato p{ margin-bottom: 6px; text-align: right; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444;; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #444;; } .padding-none{ padding-left: 0 !important; padding-right:0 !important; } .item_linha_carroussel{ list-style: none; } .navigation.paging-navigation{ display: none; } .listagem-linhas{ margin-top: 50px; } .btn.active, .btn:active{ box-shadow: none; outline: none; } .closeSearch .icon{ text-align: center; margin-top: 25px; } .showSearch { position: absolute; top: 0; right: 0; border: none; border-left: 1px solid rgba(255, 255, 255, 0.1); height: 60px; width: 80px; padding: 0px; margin: 0px; background: none; outline: none; -webkit-transition: background 75ms linear 0ms; -moz-transition: background 75ms linear 0ms; transition: background 75ms linear 0ms; display: none; } .item-produto{ text-align: center; } .item-produto{ list-style: none; } .item-produto h2{ font-size: 16px; color: #444444; margin-top: 30px; margin-bottom: 1px; } .item-produto p{ color: #444; } .bloco-desc-prod{ min-height: 115px; } ul.cores{ display: table; margin: 0 auto; margin-bottom: 50px; } .item-produto img{ max-width: 100%; } .item_cor img{ border-radius:15px; } .cores li{ display: inline-flex; background: #eeeeee; border-radius:15px; margin-right: 10px; } .cores li p{ margin-bottom: 0; padding-right: 17px; padding-top: 12px; padding-left: 17px; color: #444444; } .cores li p a{ color: #444444; cursor: pointer; } .cores li p a:hover{ text-decoration: none; } .btn-voltar{ color: #fff; position: absolute; font-weight: 700; font-size: 16px; background: url("images/seta-voltar-left.png")no-repeat center left; padding-left: 32px; } .btn-voltar:hover{ color:#fff; } .decricao-linha{ margin-top: 55px; margin-bottom: 43px; font-size: 26px; } .bloco-linhas{ position: relative; } .fora-caracteristicas-linhas{ margin-bottom: 30px; } .fora-caracteristicas-listagem-linhas{ margin-bottom: 52px; } .bloco-econtre-e-historia-linhas{ margin-top: 33px; } #revistas h2{ text-align: center; margin-top: 22px; margin-bottom: 5px; } #revistas li{ margin-top:30px; list-style: none; } #revistas .btn-link{ display: table; margin: 0 auto; } #revistas h2 a{ font-size: 16px; font-weight: 400; color: #222222; } #revistas h2 a:hover{ text-decoration: none; } .fora-iframe{ height: 600px; } .view-revista h1{ font-size: 32px; font-weight: 400; color: #444444; text-align: center; margin-top: 62px; margin-bottom: 56px; } .modal-content { border-radius:0; border:0; } .modal-header{ background: #db812d; } .modal-header h1{ color: #fff; font-size: 32px; text-align: center; margin-top: 32px; margin-bottom: 10px; } .modal-header p{ color: #fff; text-align: center; } .modal-body { padding: 20px 30px 13px; } .modal-body .wpcf7-submit{ width: 100%; border-width:3px; } .modal-dialog { width: 398px; } .modal-dialog .wpcf7-form-control-wrap input{ padding-top: 8px; padding-bottom: 8px; } .assunto .nice-select.open .list{ height: 200px !important; } .fora-menu.novo .dropdown-menu { left: -106px; margin-top: 0px !important; border:0; box-shadow: none; height: 427px; } .fora-menu.novo .dropdown.open{ background-color: #eee; border:0 !important; } .fora-menu.novo .dropdown.open a{ border:0 !important; } .item-solucao.cores, .item-solucao.linhas{ display: none !important; } .center-menu{ display: table; margin: 0 auto; position: relative; width: 992px; } .fora-menu.novo .container{ background: #3b3b3b; border-radius: 15px; } .fora-menu.novo .navbar-nav>li{ margin-right: 34px; width: 130px; position: inherit; } .fora-menu.novo .navbar-nav>li>a{ font-size: 16px; font-weight: 400; padding-left: 58px; padding-right: 0px; padding-bottom: 27px !important; padding-top: 27px; color: #fff; border-bottom: 0; } .fora-menu.novo .navbar-nav>li>a:hover{ border-color: transparent; } .item-solucao.decor{ background: url(images/ico-decor.png)no-repeat left 22px; } .item-solucao.decor:hover{ background: url(images/ico-decor-hover.png)no-repeat left 22px; } .item-solucao.art-colection{ background: url(images/sprite-icons.png)no-repeat; background-position-x: -165px; background-position-y: 10px; } .item-solucao.coffee { background: url(images/coffee.png)no-repeat left 22px; } .item-solucao.coffee:hover { background: url(images/coffee-hover.png)no-repeat left 22px; } .item-solucao.cookware{ background: url(images/coockware.png)no-repeat left 22px; } .item-solucao.cookware:hover{ background: url(images/coockware-hover.png)no-repeat left 22px; } .item-solucao.gifts{ background: url(images/gifts.png)no-repeat left 15px; } .item-solucao.gifts:hover{ background: url(images/gifts-hover.png)no-repeat left 15px; } .item-solucao.gourmet{ background: url(images/gourrmet.png)no-repeat left 26px; } .item-solucao.gourmet:hover{ background: url(images/gourrmet-hover.png)no-repeat left 26px; } .item-solucao.exclusive{ background: url(images/exclusive2.png)no-repeat left 22px; } .item-solucao.exclusive:hover{ background: url(images/exclusive-hover2.png)no-repeat left 22px; } .item-solucao.matsuri{ background: url(images/sprite-icons.png)no-repeat; background-position-x: -678px; background-position-y: -1px; } .fora-menu.novo .item-solucao:hover{ background-color: transparent; } .fora-menu.novo .item-solucao:hover > a{ border-color: #eee; } .fora-menu.novo .sub-item-solucao{ /*width: 249px;*/ width: 300px; } .fora-menu.novo .sub-item-solucao a:hover{ color:#f5821f; } .center-menu .navbar-collapse.collapse{ /* width: 986px; margin-top: -40px; margin-left: -176px;*/ } .sub-item-solucao > li{ margin: 0; width: 300px; } ul.sub-subcategoria{ position: absolute; left: 300px; top: 30px; visibility: hidden; width: 507px; z-index: 1; } .sub-subcategoria a{ display: block; } .fora-sub-sub-item-solucao{ background-color:#ddd; height: 100px; position: absolute; left: 265px; top: 0; width: 805px; } .sub-subcategoria > li{ width: 100% !important; } .sub-item-solucao a{ cursor: pointer; } .sub-item-solucao.abrir-item > ul{ visibility: visible; height: 100%; margin-left: 0; z-index: ; } .fora-sub-item-solucao{ width: 250px; padding-top: 30px; } .fora-menu.novo .bloco-itens-menu{ padding-top: 0; } .fora-endereco{ background: url(images/ico-pin-address.png)no-repeat left 10px; padding-left: 53px; margin-left: 30px; border-bottom: solid 4px #f5770c; padding-bottom: 40px; margin-bottom: 30px; } .lang-ru{ display: none !important; } @media screen and (min-width: 768px) { .showSearch { height: 50px; display: block; } } @media screen and (min-width: 992px) { .showSearch { height: 100%; width: 90px; } } @media screen and (min-width: 1441px) { .showSearch { width: 110px; } } .showSearch:hover { background: #28221d !important; } .showSearch .icon svg { width: 15px; } .navbar-form { position: inherit; width: 100%; height: 60px; padding: 0; margin: 0; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.3, 0, 0, 1) 0ms; -moz-transition: -moz-transform 400ms cubic-bezier(0.3, 0, 0, 1) 0ms; transition: transform 400ms cubic-bezier(0.3, 0, 0, 1) 0ms; border: none !important; box-shadow: none; z-index: 10; border-top: 1px solid #28221d !important; } .wrap-revistas{ display: flex; flex-wrap: wrap; list-style: none; margin-top: 20px; } .item-revista{ flex: 1 0 18%; text-align: center; margin: 1%; border-radius:5px; border:solid 1px #ccc; padding: 3px; position: relative; transition: all .5s ease; } .item-revista img{ width: 100%; } .icon-ver-mais{ background: url(images/saiba-mais-revista.png)no-repeat center center; width: 60px; height: 61px; display: block; position: absolute; bottom: 0; right: 0; } .item-revista:hover{ transform: scale(1.1); transition: all .5s ease; } .email-loja:after, .tel-loja:after{ content: ', '; } .email-loja:last-child::after, .tel-loja:last-child::after{ display: none; } .tel-loja, .tel-loja:hover{ color:#444; text-decoration: none; } .form-busca{ width: 194px; float: left; margin-top: 54px; } .form-busca input[type=text]{ height: 37px; border: 0; background: #fff; } .form-busca button{ background: #fff; border: 0; box-shadow: none; } .glyphicon-search:before{ content: url(images/ico-search.png); } .meio-menu{ background: #efefef; height: 184px; } .fora-menu.novo{ margin-top: -40px; } .meio-menu .fora-menu{ margin-top: 23px; margin-left: 50px; } .meio-menu .new .fora-menu{ margin-left: 25px; } .meio-menu .new .form-busca{ float: none; width: 154px; } .wrap-right-header{ display: flex; justify-content: flex-end; } .btn-cart{ background-image: url(images/icon-cart-btn.png); background-position: 100px center; margin-right: 15px; background-color: #f5770c; padding-top: 10px; } #searchright:focus { width: 165px; height: 42px; top: -1px; box-shadow: none; } #searchright { left: auto; right: 43px; } #searchright { position: absolute; outline: none; border: none; width: 95px; z-index: 10; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; outline: none; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: auto; padding-top: 0; padding-bottom: 0; outline: none; top: -2px; height: 43px; } .new .form-busca button{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 9px 12px; margin-top: -1px; } @media screen and (min-width: 768px) { .item-solucao.dropdown:hover .dropdown-menu{ display: block; } .navbar-form { position: absolute; top: -200px; left: 0; -webkit-transform: translateY(-230%); -moz-transform: translateY(-230%); -ms-transform: translateY(-230%); -o-transform: translateY(-230%); transform: translateY(-230%); height: 100%; border: none !important; } } .navbar-form.showSearchBar{ top: 0px; } .navbar-form.showSearchBar { -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); } .navbar-form input[type="submit"] { position: absolute; top: 0; right: 0; height: 60px; width: 60px; background: transparent; border: none; font-size: 1.2rem; font-weight: 900; color: #fbbc28; text-transform: uppercase; } .ico-portal-cliente{ float: left; } #reputation-ra{ float: right; margin-top: 46px; margin-right: 36px; } .fora-revista-mobile{ display: none; } .form-check-input{ width: 25px !important; } .page-template-termos_de_uso ol, .page-template-politica-privacidade ul{ padding-left: 40px; } .inner-bg{ overflow: hidden; position: relative; border-radius: 30px; } .item-video{ margin-bottom: 30px; } @media screen and (min-width: 768px) { .navbar-form input[type="submit"] { display: none; } } .navbar-form .form-group { position: absolute; top: 2px; left: 0; width: 100%; /*height: 100%;*/ margin: 0px; } .navbar-form .form-group .form-control { width: 100%; border-radius: 0px; height: 100%; padding: 12px 20px; background: #f5821f !important; border: none; box-shadow: none; font-size: 18px; font-size: 1.8rem; font-weight: 300; color: white; opacity:1; } .navbar-form .form-group .form-control::-webkit-input-placeholder { color: #fff; opacity: 1; } .navbar-form .form-group .form-control::-moz-placeholder { color: #fff; opacity: 1; } .navbar-form .form-group .form-control:-moz-placeholder { color: #fff; opacity: 1; } .navbar-form .form-group .form-control:-ms-input-placeholder { color: #fff; opacity: 1; } @media screen and (min-width: 768px) { /* .navbar-form .form-group .form-control { font-size: 24px; font-size: 2.4rem; background: #28221d; padding: 6px 40px; }*/ } .navbar-form .closeSearch { position: absolute; top: 0; right: 0; width: 90px; height: 100%; background: none; border: none; outline: none; padding: 0px; display: none; } @media screen and (min-width: 768px) { .navbar-form .closeSearch { display: block; } } @media screen and (min-width: 1441px) { .navbar-form .closeSearch { width: 110px; text-align: center; cursor: pointer; } } .navbar-form .closeSearch:hover .icon svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (max-width: 1070px) { .logo img{ width: 100%; height: auto; } .navbar-nav>li { margin-right: 4px; } .btn-revista{ padding: 10px 7px; } .fora-menu.novo .dropdown-menu { left: -35px; } } /* .navigation__main { background: #3b3b3b; border-radius: 15px; margin-top: -40px; position: relative; } .navigation__main .navbar-nav>li { margin-right: 34px; position: inherit; width: 130px; } .navigation__main .navbar-nav>li>a { font-size: 16px; font-weight: 400; padding-left: 58px; padding-right: 0px; padding-bottom: 27px !important; padding-top: 27px; color: #fff; border-bottom: 0; } .menu__ul--nv1 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; position: relative; } .navigation__main .dropdown-menu { left: 0; margin-top: 0px !important; border: 0; box-shadow: none; height: 427px; } .nav.navbar-nav{ position: relative; } .navigation__main .dropdown-menu{ left: 0px; min-width: 1100px; background: #eeeeee; padding-left: 30px; padding-top:0; padding-bottom:0; padding-right:0; border-radius: 0; border: none; border-top:solid 1px #000; margin-top: 5px !important; } .navigation__main .dropdown-menu li{ list-style-image: url("images/seta-right-laranja.png"); width: 33%; float: left; margin-bottom:0px; } .navigation__main .dropdown-menu li a{ color: #444444; padding: 0; display: block; line-height: 35px; } .navigation__main .dropdown-menu li a:hover{ font-weight: 700; text-decoration: none; } @media (min-width: 768px){ .navbar-collapse.collapse { display: flex !important; height: auto!important; padding-bottom: 0; overflow: visible!important; justify-content: center; float: none; } }*/ @media screen and (max-width: 992px) { .navbar-nav>li>a{ padding-top: 27px; } .ico-busca-mobile{ margin-top: -34px; } .ico-busca-mobile a:hover{ border-bottom: transparent !important; } .navbar-form .form-group{ top: -51px; } .closeSearch .icon{ margin-top: -41px; } #map{ display: table !important; margin: 0 auto; margin-top: 30px; } .fora-menu.novo .navbar-nav>li>a{ padding-left: 55px; } .fora-menu.novo .navbar-nav>li{ width: 85px; } .fora-menu.novo .dropdown-menu { left: -14px; } .navbar-nav>li { margin-right: 15px; } } @media screen and (max-width: 767px) { .navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; } .logo img{ width: 150px; height: auto; margin-bottom: 20px; margin-top: 28px; } .fora-logo{ text-align: center; float: left; } .header-topo{ background: #eeeeee; position: relative; } .right-header .pull-right{ float: none !important; } .language-chooser{ float: right; } .navbar-form .form-group { top: -349px; } .icon-bar{ background: #db812d; } .navbar-toggle{ margin-top: 27px; display: table; margin: 0 auto; float: none !important; clear: both; width: 115px; margin-bottom: 15px; } .navbar-form{ border:none !important; height: 0; } .dropdown-menu li{ width: 100% !important; } .bloco-itens-menu { padding-top: 0px; } .navbar-nav>li>a{ border-color:#eeeeee; margin-right: 23px; } .fora-menu .dropdown-menu{ left: 0; background: transparent; } .abrir-item-mobile > .dropdown-menu{ display:block; position: relative; width: 100%; background: transparent !important; box-shadow: none !important; } .texto-revista{ bottom:30px; } .texto-revista h2 { font-size: 20px; } .texto-revista p{ font-size: 12px; } .fora-logos-empresas{ text-align: left; } .topo-header{ padding-top: 0px; } .busca-header.ico-busca{ display: none !important; } .item-valores{ padding-bottom: 40px; } .fora-galeria .flex-direction-nav .flex-prev { left: 7%; } .fora-galeria .flex-direction-nav .flex-next { right:7%; } .bloco-mapa-representantes{ overflow-x: scroll; } .topo-footer .right-topo-footer h2 { margin-left: 0px; } .fora-botoes .btn{ margin-bottom: 10px; width: 100%; } .select-style{ height: 40px; } .fora-revista-mobile{ display: table; margin: 0 auto; margin-right: 0; } .fora-banner h1{ font-size: 8vw; width: 100%; } .form-left .col-lg-12{ clear: both; } .bx-wrapper .bx-controls-direction a { width: 25px; height: 25px; background-size: contain; } .bx-wrapper .bx-prev{ left: 5%; } .bx-wrapper .bx-next{ right: 5%; } .fora-banner .image-banner, .fora-texto-banner { height: 400px; } .fora-tel{ float: left; margin-left: 0; } .fora-galeria img{ width: 100%; height: auto; } .btn-baixar-manual{ float: left; } .assinatura img { margin-top: 0px; } .copy { margin-bottom: 23px; margin-top: 33px; } .ico-portal-cliente img{ margin-top: 0 !important; margin-bottom: 20px; } .topo-footer .midias { margin-left: 28px; } .right-topo-footer{ padding-left: 0 !important; } .flex-prev, .flex-next{ width: 25px !important; height: 25px !important; background-size: contain; } .navbar-form .form-group .form-control{ font-size: 1rem; } .flexslider .slides > li{ background-size: 100% !important; } .topo-header .dropdown{ float: left; } .topo-header .dropdown .btn, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:active{ background: transparent; border: 0; color: #999; text-shadow: none; font-size: 14px; padding: 0; box-shadow: none; margin-top: 12px; outline: none; } .inner-top-mobile{ display: flex; justify-content: space-around; } .header-topo .dropdown-menu{ min-width: 255px; background: #434343; border-radius: 0; padding-left: 10px; border:0; margin-top: 8px; } .header-topo .dropdown.open{ position: initial !important; } .text-menu{ margin-top: -20px; margin-left: 10px; } .btn-revista{ margin-top: 29px; } .flexslider .slides > li{ background-color: #434343 !important; } .right-hist{ margin-top: 40px; } #reputation-ra { float: none; margin-top: 46px; margin-right: 36px; margin-bottom: 20px; } .item-solucao{ background: transparent !important; } .fora-menu.novo .navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px !important; padding-left: 0; font-weight: 400; } .fora-sub-sub-item-solucao { background-color: #ddd; height: auto; position: inherit; left: inherit; top: 0; width: auto; } ul.sub-subcategoria { position: inherit; margin-left: 10px; visibility: initial; display: block; } .sub-item-solucao:hover ul.sub-subcategoria{ margin-left: 10px; } .fora-sub-item-solucao{ padding-top: 0; } .fas.fa-plus{ float: right; margin-top: -15px; display: block !important; position: absolute; right: -26px; } .item-revista{ flex: 1 0 98%; } .midias a { margin-right: 15px; } .header-topo .dropdown-menu{ background: #fff; } .fora-menu.novo{ display: none; } .flexslider .slides > li{ background: #fff !important; } .inner-encontre{ padding: 50px 15px; } .wrap-revista{ margin-bottom: 15px; } .btn-baixar-manual{ margin-top: 10px; margin-bottom: 20px; } .fora-endereco{ clear: both; } .fora-menu .fa.fa-plus{ float: right; margin-top: -33px; position: relative; } .bloco-caracteristicas p { margin-bottom: 20px; } .meio-menu{ height: auto; } .nav-item.art-colection{ display: none !important; } .fora-texto-banner{ margin-right: 80px; } .btn-cart{ margin-right: 10px; padding-left: 15px; padding-right: 15px; } } /* ============ desktop view ============ */ @media all and (min-width: 992px) { .nav-item .dropdown-menu{ display: none; } .nav-item:hover .nav-link{ color: #fff; } .nav-item:hover .dropdown-menu{ display: block; } .nav-item .dropdown-menu{ margin-top:0; padding-bottom: 20px; } } .fora-menu.novo .container{ position: relative; } .fas.fa-plus{ display: none; } /* ============ desktop view .end// ============ */