/* FONTES */ @font-face { font-family: "Flaticon"; src: url("fonte/icones/Flaticon.eot"); src: url("fonte/icones/Flaticon.eot?#iefix") format("embedded-opentype"), url("fonte/icones/Flaticon.woff") format("woff"), url("fonte/icones/Flaticon.ttf") format("truetype"), url("fonte/icones/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonte/icones/Flaticon.svg#Flaticon") format("svg"); } } [class^="icone-"]:before, [class*=" icone-"]:before, [class^="icone-"]:after, [class*=" icone-"]:after { font-family: Flaticon; font-size: 20px; font-style: normal; margin-right: 12px; } .icone-anterior:before { content: "\f100"; } .icone-atualizar:before { content: "\f101"; } .icone-cart:before { content: "\f102"; } .icone-celular:before { content: "\f103"; } .icone-email:before { content: "\f104"; } .icone-excluir:before { content: "\f105"; } .icone-facebook:before { content: "\f106"; } .icone-fone:before { content: "\f107"; } .icone-fotos:before { content: "\f108"; } .icone-google:before { content: "\f109"; } .icone-instagram:before { content: "\f10a"; } .icone-link:before { content: "\f10b"; } .icone-mapa:before { content: "\f10c"; } .icone-pinterest:before { content: "\f10d"; } .icone-proximo:before { content: "\f10e"; } .icone-skype:before { content: "\f10f"; } .icone-twitter:before { content: "\f110"; } .icone-ver:before { content: "\f111"; } .icone-whatsapp:before { content: "\f112"; } .icone-youtube:before { content: "\f113"; } .icone-zomm:before { content: "\f114"; } /* RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:inline-block; } nav ul { list-style:none; } body *{outline:none;} blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#777777; text-decoration:none; } mark { background-color:#ff9; color:#777777; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } hr { display:block; height:1px; border:0; margin:1em 0; padding:0; } input, select { vertical-align:middle; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } body, select, input, textarea { color: #444; } ul, ol { margin: 0; list-style: none; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td img { vertical-align: top; text-align: left; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* GERAL */ * { margin:0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } a { text-decoration: none; } img { display: block; } button, input[type='submit'], .mobile-menu, a { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } html, body { height: 100%; width: 100%; } body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 16px; color: #333; overflow-x: hidden; -webkit-animation: bugfix infinite 1s; } .limpa:before, .limpa:after { content: " "; display: table; - } .limpa:after { clear: both; } .dezpx: { height: 10px; } .vintepx { height: 20px;} .trintapx { height: 30px;} .setentapx { height: 70px;} .espaco_icone { height: 95px;} .relativo { position: relative; } .conteudo{ margin:0 auto; width:1200px; position: relative; } .conteudo:before, .conteudo:after { content: " "; display: table; } .conteudo:after { clear: both; } .grade-1,.grade-2,.grade-3,.grade-4,.grade-5,.grade-6,.grade-7,.grade-8,.grade-9,.grade-10,.grade-11,.grade-12,.grade-13,.grade-14,.grade-15,.grade-16{display:inline;float:left;margin-left:10px;margin-right:10px} .conteudo .grade-1{width:55px} .conteudo .grade-2{width:130px} .conteudo .grade-3{width:205px} .conteudo .grade-4{width:280px} .conteudo .grade-5{width:355px} .conteudo .grade-6{width:430px} .conteudo .grade-7{width:505px} .conteudo .grade-8{width:580px} .conteudo .grade-9{width:655px} .conteudo .grade-10{width:730px} .conteudo .grade-11{width:805px} .conteudo .grade-12{width:880px} .conteudo .grade-13{width:955px} .conteudo .grade-14{width:1030px} .conteudo .grade-15{width:1105px} .conteudo .grade-16{width:1180px} .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16{display:inline;float:left;margin-left:10px;margin-right:10px} .conteudo .col-1{width:55px} .conteudo .col-2{width:130px} .conteudo .col-3{width:205px} .conteudo .col-4{width:280px} .conteudo .col-5{width:355px} .conteudo .col-6{width:430px} .conteudo .col-7{width:505px} .conteudo .col-8{width:580px} .conteudo .col-9{width:655px} .conteudo .col-10{width:730px} .conteudo .col-11{width:805px} .conteudo .col-12{width:880px} .conteudo .col-13{width:955px} .conteudo .col-14{width:1030px} .conteudo .col-15{width:1105px} .conteudo .col-16{width:1180px} /* CONFIGURAÇÕES MENU MOBILE */ .wrap { min-height: 100%; min-width: 100%; background-color: #FFF; position: relative; top: 0; bottom: 100%; left: 0; z-index: 1; } /* PARALLAX */ [class*="parallax_"] { text-indent: 0; background-attachment: fixed; background-position: center center; background-size: cover; &:nth-child(2n) { box-shadow: inset 0 0 1em #111; } } .parallax_paginas { height: 250px; } /* TOPO */ header { width: 100%; margin: 0 auto; display: inline-block;} .logo { position: relative; z-index: 999999; margin-top: -20px;} /* MENU */ .menu { width: 100%; margin-top: 45px; display: block; position: relative; z-index: 99999; } .menu ul { list-style: none; } .menu ul li { display: inline-block; z-index:100; padding: 0; text-align: left; position: relative; } .menu ul li a { text-decoration:none; font-size: 14px; line-height: 30px; padding: 0 15px; font-weight: 600; text-transform: uppercase; display:block; color:#333; border-radius: 4px; } .menu ul li a:hover, .menu ul li:hover > a { background-color: #687C07; color: #FFF; border-radius: 4px; } .menu ul li a.active { background-color: #687C07; color: #FFF; border-radius: 4px; } .menu ul li #submenu, .menu ul li #submenu:hover { border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } /* SUBEMENU */ .menu ul ul { display: none; margin: 0 auto; padding: 0; width: 100%; position: absolute; top: 99%; left: 0; width: 200px; background-color: #f9f9f9; z-index: 99999; } .menu ul li:hover > ul { display: block; } .menu ul ul li { width: 100%; text-align: left; padding: 0; border-bottom: 1px solid #DDD; } .menu ul ul li { display:block;margin:0;} .menu ul ul li a { font-size:14px; display:block; font-weight: normal; color: #333; border: 0; border-radius: 0; padding: 0 10px 0 10px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu ul ul li a:hover, .menu ul ul li:hover > a { border:0; background-color: #687C07; color: #FFF; border-radius: 0; } /* MENU RESPONSIVO */ .menu_mobile { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; overflow-y: auto; background: #fafafa; } .menu_mobile .logo_mobile { padding: 10px 60px; display: block; text-align: center; width: 100%; max-width: 210px;} .menu_mobile .header { background-color: #eee; display: block; width: 100%; max-width: 210px; } .menu_mobile .header li { display: inline-block; float: left; width: 25%; height: 35px; line-height: 35px; text-align: center; border-right: 1px solid #fafafa; } .menu_mobile .header li a { height: 35px; line-height: 35px; width: 100%; display: block; color: #687C07; } .menu_mobile .header li a i:before { font-size: 16px; padding: 0; margin-right: 0 !important;} .menu_mobile .header li a:hover { background-color: #687C07; color: #FFF; } .menu_mobile .header li:last-child { border-right: 0; } .navegacao li.tit { background-color: #eee; text-transform: uppercase; font-size: 12px; padding: 6px; font-weight: bold; } .navegacao li.copy { background-color: #eee; text-align: center; font-size: 12px; padding: 6px; font-weight: bold; } .menu_mobile .navegacao li { width: 100%; max-width: 210px; border-bottom: 1px solid #eee; } .menu_mobile .navegacao li a { display: block; padding: 10px; color: #000; font-size: 14px; text-decoration: none; position: relative; } .menu_mobile .navegacao li a.active { background-color: #687C07; color: #FFF; } .menu_mobile .navegacao li a:hover { background-color: #687C07; color: #FFF; } .menu_mobile .navegacao li a:after { content: '\203A'; font-size: 28px; top: 0; position: absolute; right: 10px; } .menu_mobile .navegacao ul { display: block; background-color: #F4F4F4;} .menu_mobile .navegacao ul li { border-bottom: 0; border-top: 1px solid #EEE; } .menu_mobile .navegacao ul li a { display: block; padding: 10px 0 10px 20px; color: #000; font-size: 14px; text-decoration: none; position: relative; } .menu_mobile .navegacao ul li a:after { display: none; } .menu_mobile .navegacao ul li a:before { content: '\2666'; font-size: 10px; top: 0; padding-right: 10px; } .ico_menu_mobile { position: absolute; clip: rect(0, 0, 0, 0); } label[for="open_menu"] { position: fixed; left: 0; top: 0; z-index: 2; cursor: pointer; color: #FFF; padding: 0 8px; margin: 0; background-color: #687C07; display: none; } label[for='open_menu']:before { content:'\2261'; font-size: 35px; line-height: 1.15; } .ico_menu_mobile + label, .wrap { transition: left 0.2s; } .ico_menu_mobile:checked + label { left: 210px; background-color: #4F5F05; } .ico_menu_mobile:checked ~ .wrap { left: 210px; } /* LOCAL */ .localizacao { background-color: #687C07; padding: 6px 0; display: block; margin-top: 0; } .localizacao ul { list-style: none; list-style-type: none; width: auto; } .localizacao ul li { display: inline-block; font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 22px; color: #FFF; padding-right: 5px; } .localizacao ul li a { text-decoration: none; color: #FFF; } .localizacao ul li a:hover { color: #333; } .localizacao ul li.esp_local { padding: 0 3px 0 3px; } .localizacao ul li.esp_local:before { content: '>'; font-size: 12px; } /* DESTAQUE */ .destaque { display: block; position: relative; margin-top: -8px; } .top_destaque { position: absolute; z-index: 99998; top: 0; left: 0; } .barra_destaque { background-color: #687C07; padding: 20px 0; } .bottom_destaque { display: inline-block; vertical-align: top; margin: 0; padding: 0; } .bottom_destaque img { margin: 0; padding: 0; vertical-align: top; } .ico-inf { vertical-align: middle; } .ico-inf p { font-size: 20px; color: #FFF; display: inline-block; float: left; vertical-align: middle; font-weight: lighter; } .ico-inf p strong { font-size: 16px; display: block; } .ico-inf i { margin-right: 15px; display: inline-block; float: left; vertical-align: top; max-width:45px; } /* LOCAL PAGINAS */ .dPaginas { display: block; position: relative; margin-top: -8px; } .dPaginas img { display: block; } /* HOME */ #home { display: block; width: 100%; margin: 0 auto; padding: 30px 0 0 0; } .empresa_home p { font-size: 16px; line-height: 22px; margin-bottom: 15px;} /* PRODUTOS HOME */ .parallax_produtos { background-image: url("../../../imagens/site/layout/fundos/bg_produtos.jpg");} #produtosHome { margin: 0 auto; display: block; padding: 60px 0 30px 0; position: relative; } #produtosHome div.item { display: inline-block; float: left; width: 50%; } .segurosHome { position: relative; } #sliderSeguros { padding: 10px 0 20px 0;} #sliderSeguros li { padding: 10px; text-align: center; } #sliderSeguros li a figure img { display: block; margin: 0; padding: 0;} #sliderSeguros li a h1 { font-size: 14px; color: #000; padding: 10px; background-color: #FFF; display: block; } #sliderSeguros li a strong { font-size: 22px; color: #101636; padding: 10px 0; display: block; } #sliderSeguros li a figure { position: relative; display: block; } #sliderSeguros li a figure .botao{ background: rgba(104, 124, 7, .5); opacity: 0; position: absolute; display: block; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -ms-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } #sliderSeguros li a figure .botao:after { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; color: #fff; font-size: 30px; font-weight: 300; line-height: 45px; text-align: center; font-family: 'Flaticon'; content: '\f10b'; width: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 50%; left: 50%; z-index: 50; margin: -25px 0 0 -25px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } #sliderSeguros li a:hover figure .botao { opacity: 1; } #sliderSeguros li a:hover figure .botao:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } /* PARCEIROS HOME */ #parceirosHome { margin: 0 auto; display: block; padding: 30px 0;} #parceirosHome ul li { padding: 15px; } #parceirosHome ul li img { border: 1px solid #D1D7B4; display: block; } /* TITULOS */ .tit { padding-top: 0; display: block; width: 100%; text-align: center; } .tit h1 { font-size: 26px; color: #677B06; font-weight: 600; } .tit p { font-size: 32px; text-transform: uppercase; font-weight: lighter; } .tit span { display: inline-block; width: 100%; max-width: 190px; border-top: 1px solid #333; margin-top: 15px; } /* COTAÇÃO ONLINE */ #cotacao { padding: 30px 0; display: block; background-color:#f9f9f9; } #cotacao p { font-size: 16px; text-align: center; display: block; padding: 0 10px 20px 10px; } #cotacao .cotacao_online { display: block; } #cotacao .cotacao_online iframe { width: 100%; height: 100%; min-height: 1150px; } /* RODAPE */ footer { background: url("../../../imagens/site/layout/fundos/bg_rodape.png") top right no-repeat #0D100C; display: block; width: 100%; padding: 10px 0 10px 0; margin: 0 auto; } footer h1 { font-size: 15px; color: #687C07; text-transform: uppercase; font-weight: bold; padding: 20px 0 30px 0; } footer p { font-size: 14px; color: #FFF; line-height: 22px; font-weight: normal; } .menu_rdp { list-style: none; } .menu_rdp li { display: inline-block; float: left; width: 50%; padding-bottom: 8px; } .menu_rdp li a { font-size: 13px; color: #FFF; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .menu_rdp li a:hover { color: #F2E1D3; } .autor { width: 100%; margin-top: 40px; padding-top: 10px; } .autor img { display: inline-block !important; } .autor span { display: block; margin: 0 auto; text-align: center; font-size: 16px; color: #F2E1D3; margin-top: 10px; } .autor p { margin-top: 30px; color: #F2E1D3; font-size: 15px; display: block; } .icones_autor a { display: inline; float: left; text-decoration: none; } /* QUEM SOMOS */ #empresa { padding: 30px 0; display: block; } #empresa p { font-size: 16px; line-height: 22px; margin-bottom: 15px;} #empresa ul { display: block; } #empresa ul li { margin: 0 0 0 40px; font-size: 16px; line-height: 22px; padding: 5px 0; } /* SEGUROS */ #seguros { padding: 30px 0; display: block; } #lista_seguros ul li { display: inline-block; float: left; padding: 20px; width: 33.333333%; } #lista_seguros ul li a figure img { display: block; margin: 0; padding: 0;} #lista_seguros ul li a h1 { color: #000; padding: 10px; background-color: #EEE; display: block; } #lista_seguros ul li a strong { font-size: 22px; color: #101636; padding: 10px 0; display: block; } #lista_seguros ul li a figure { position: relative; display: block; } #lista_seguros ul li a figure .botao{ background: rgba(104, 124, 7, .5); opacity: 0; position: absolute; display: block; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -ms-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } #lista_seguros ul li a figure .botao:after { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; color: #fff; font-size: 30px; font-weight: 300; line-height: 45px; text-align: center; font-family: 'Flaticon'; content: '\f10b'; width: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 50%; left: 50%; z-index: 50; margin: -25px 0 0 -25px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } #lista_seguros ul li a:hover figure .botao { opacity: 1; } #lista_seguros ul li a:hover figure .botao:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } #seguro { padding: 30px 0; display: block; } #seguro h2 { font-size: 22px; display: block; padding: 20px 0 10px 0; } #seguro p { font-size: 16px; line-height: 22px; margin-bottom: 15px;} #seguro ul { display: block; padding-bottom: 20px; } #seguro ul li { margin: 0 0 0 40px; font-size: 16px; line-height: 22px; padding: 5px 0; } /* CONTATO */ #googleMaps { display: block; width: 100%; margin: 30px auto; } .map-wrapper { position:relative; margin-top: 10px; } .map-wrapper img { max-width:none !important; } #map_canvas { width:100%;height:500px; background: #f5f5f5 url("../../imagens/layout/icones/loader.gif") 50% 50% no-repeat; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; } #contato { padding-bottom: 30px; display: block; } #enviaEmail { margin-top: 10px; } #enviaEmail input[type="text"] { width: 100%; border-radius: 5px; height: 45px; padding: 0 10px 0 10px; border: 1px solid #CCC; color: #111; font-size: 16px; margin-bottom: 20px; } #enviaEmail input[type="file"] { width: 98%; border-radius: 5px; padding: 10px 10px 10px 10px; border: 1px solid #CCC; color: #111; font-size: 16px; margin-bottom: 20px; } #enviaEmail textarea { width: 100%; border-radius: 5px; height: 150px; border: 1px solid #CCC; padding: 10px; color: #111; font-size: 16px; margin-bottom: 20px; } #enviaEmail input[type="submit"] { padding: 0 20px 0 20px; border-radius: 5px; background:#687C07; height: 45px; line-height: 45px; border: 0; color: #FFF; font-size: 15px; text-transform: uppercase; margin: 10px 0 20px 0; } #enviaEmail input[type="submit"]:hover { color: #FFF; background-color: #333; } #enviaEmail input[type="text"].error, #enviaEmail input[type="file"].error, #enviaEmail textarea.error { border: 1px solid #E41E2B; } #enviaEmail span.error { font-size: 12px; color: #FFF; display: block; background-color: #E41E2B; margin-top: -20px; margin-bottom: 20px; padding: 5px 10px; } #enviaEmail span[for='mensagem'] { margin-top: -25px; width: 100%;} #enviaEmail span[for='curriculo'] { width: 100%;} .inf-endereco p:before, .inf-endereco p:after { content: " "; display: table; } .inf-endereco p:after { clear: both; } .inf-endereco i { margin-right: 15px; display: inline-block; font-size: 16px; float: left; width: 20px; margin-bottom: 10px; color: #687C07; } .inf-endereco p { font-size: 14px; color: #333; margin-bottom: 20px; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 5px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#557BAB} /* .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-carousel .item { padding: 0;} */ /* LIGHTBOX */ .lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: black; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); -webkit-filter: none !important; z-index: 9997; } .lightbox img { display: block; position: absolute; border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; } body.blurred > * { -webkit-filter: blur(2px); -webkit-transform: translate3d(0, 0, 0); } .lightbox__loading { background: url(../../../imagens/site/layout/icones/loading.gif) center center no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; } .lightbox__caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; background: #000; background: rgba(0, 0, 0, 0.7); } .lightbox__caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; } .lightbox__button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .lightbox__button:hover, .lightbox__button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .lightbox__close { right: 10px; top: 10px; background-image: url("../../../imagens/site/layout/icones/close.png"); } .lightbox__nav { top: 50%; margin-top: -16px; } .lightbox__nav--next { right: 10px; background-image: url("../../../imagens/site/layout/icones/next.png"); } .lightbox__nav--prev { left: 10px; background-image: url("../../../imagens/site/layout/icones/previous.png"); } /* ERRO 404 */ #erro404 { display: block; padding: 30px 0 30px 0; } .erro404 h1 { font-size: 28px; color: #111111; padding-top: 30px; } .erro404 p { font-size: 14px; color: #444; line-height: 22px; } .erro404 a { display: inline-block; padding: 0 20px 0 20px; background:#557BAB; height: 45px; line-height: 45px; color: #FFF; font-size: 15px; text-transform: uppercase; margin: 20px 0 20px 0; text-decoration: none; } .erro404 a:hover { opacity: 0.9; } /* ICONES SOCIAIS TOPO*/ .redes_sociais_topo {margin: 0 auto; line-height: 30px; text-align: right; } .redes_sociais_topo .isoc { display: inline-block; padding: 0 8px 0 8px; width: 40px; text-align: center; font-size: 18px; vertical-align: top; color: #687C07; text-align:center !important; font-family: 'Flaticon'; text-decoration: none; } .redes_sociais_topo .isoc:hover { opacity: 0.8; } /* ICONES SOCIAIS */ .facebook:before { content: '\f106'; margin-right: 0 !important; } .twitter:before { content: '\f110'; margin-right: 0 !important; } .google:before { content: '\f109'; margin-right: 0 !important; } .youtube:before { content: '\f113'; margin-right: 0 !important; } .pinterest:before { content: '\f10d'; margin-right: 0 !important; } .istagram:before { content: '\f10a'; margin-right: 0 !important; } .pr { padding-right: 10px; } .pl { padding-left: 10px; } #popup { background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999999; display: none; } .fechar_popup { position: absolute; z-index: 50; right: 5px; top: 5px; font-size: 22px; font-weight: bold; color: #FFF; background-color: rgba(0,0,0,1); border-radius: 5px; width: 30px; height: 30px; line-height: 28px; text-align: center; } .fechar_popup:hover { background-color: rgba(0,0,0,0.5);} .popup { width: 100%; max-width: 700px; display: block; margin: 50px auto 0 auto; } /* MEDIAS */ @media screen and (max-width: 1024px){ .topo p i { display: none; } .logos_central { text-align: left; } .destaque { margin-top: 0; } .dPaginas { margin-top: 0; } } @media only screen and (min-width: 960px) and (max-width: 1149px){ .conteudo{width:960px} .conteudo .grade-1{width:40px} .conteudo .grade-2{width:100px} .conteudo .grade-3{width:160px} .conteudo .grade-4{width:220px} .conteudo .grade-5{width:280px} .conteudo .grade-6{width:340px} .conteudo .grade-7{width:400px} .conteudo .grade-8{width:460px} .conteudo .grade-9{width:520px} .conteudo .grade-10{width:580px} .conteudo .grade-11{width:640px} .conteudo .grade-12{width:700px} .conteudo .grade-13{width:760px} .conteudo .grade-14{width:820px} .conteudo .grade-15{width:880px} .conteudo .grade-16{width:940px} .conteudo .col-1{width:40px} .conteudo .col-2{width:100px} .conteudo .col-3{width:160px} .conteudo .col-4{width:220px} .conteudo .col-5{width:280px} .conteudo .col-6{width:340px} .conteudo .col-7{width:400px} .conteudo .col-8{width:460px} .conteudo .col-9{width:520px} .conteudo .col-10{width:580px} .conteudo .col-11{width:640px} .conteudo .col-12{width:700px} .conteudo .col-13{width:760px} .conteudo .col-14{width:820px} .conteudo .col-15{width:880px} .conteudo .col-16{width:940px} } @media only screen and (min-width: 720px) and (max-width: 959px){ .conteudo{width:720px} .conteudo .grade-1{width:25px} .conteudo .grade-2{width:70px} .conteudo .grade-3{width:115px} .conteudo .grade-4{width:160px} .conteudo .grade-5{width:205px} .conteudo .grade-6{width:250px} .conteudo .grade-7{width:295px} .conteudo .grade-8{width:340px} .conteudo .grade-9{width:385px} .conteudo .grade-10{width:430px} .conteudo .grade-11{width:475px} .conteudo .grade-12{width:520px} .conteudo .grade-13{width:565px} .conteudo .grade-14{width:610px} .conteudo .grade-15{width:655px} .conteudo .grade-16{width:700px} .conteudo .col-1{width:25px} .conteudo .col-2{width:70px} .conteudo .col-3{width:115px} .conteudo .col-4{width:160px} .conteudo .col-5{width:205px} .conteudo .col-6{width:250px} .conteudo .col-7{width:295px} .conteudo .col-8{width:340px} .conteudo .col-9{width:385px} .conteudo .col-10{width:430px} .conteudo .col-11{width:475px} .conteudo .col-12{width:520px} .conteudo .col-13{width:565px} .conteudo .col-14{width:610px} .conteudo .col-15{width:655px} .conteudo .col-16{width:700px} } @media only screen and (max-width: 800px){ .menu { width: 100%; margin-top: 55px; display: block; position: relative; } .menu ul li a { text-decoration:none; font-size: 13px; line-height: 44px; padding: 0 5px; font-weight: 600; text-transform: uppercase; display:block; color:#0674BA; } .cart_topo { display: block; background: none; padding: 10px 0; float: right; text-align: right; max-width: 150px; position: relative; z-index: 0; } .cart_topo p { font-size: 12px;} .hbm { display: none; } .mhb { display: inline-block;} #listagem_produtos li { width: 50%; width: -webkit-calc(100% / 2); width: calc(100% / 2); } } @media only screen and (max-width: 719px){ .conteudo{width:100%; padding: 0 20px;} .grade-1,.grade-2,.grade-3,.grade-4,.grade-5,.grade-6,.grade-7,.grade-8,.grade-9,.grade-10,.grade-11,.grade-12,.grade-13,.grade-14,.grade-15,.grade-16{width:100%;margin-left:0;margin-right:0;text-align:center} .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16{width:100%;margin-left:0;margin-right:0} .conteudo .grade-1,.conteudo .grade-2,.conteudo .grade-3,.conteudo .grade-4,.conteudo .grade-5,.conteudo .grade-6,.conteudo .grade-7,.conteudo .grade-8,.conteudo .grade-9,.conteudo .grade-10,.conteudo .grade-11,.conteudo .grade-12,.conteudo .grade-13,.conteudo .grade-14,.conteudo .grade-15,.conteudo .grade-16{width:100%;text-align:center} .conteudo .col-1,.conteudo .col-2,.conteudo .col-3,.conteudo .col-4,.conteudo .col-5,.conteudo .col-6,.conteudo .col-7,.conteudo .col-8,.conteudo .col-9,.conteudo .col-10,.conteudo .col-11,.conteudo .col-12,.conteudo .col-13,.conteudo .col-14,.conteudo .col-15,.conteudo .col-16{width:100%;text-align:center} .menu_full { display: none; } .email_topo, .social_topo { display: none; } .logo { position: relative; margin-top: 10px;} label[for="open_menu"] { display: inherit; } footer { background-position: bottom right; } .barra_destaque { display: none; } } @media only screen and (max-width: 600px){ } @media only screen and (max-width: 568px){ } @media only screen and (max-width: 480px){ } @media only screen and (max-width: 320px){ #listagem_produtos li { width: 100%; } } .alpha{margin-left:0} .omega{margin-right:0} .beta{margin-left:0;margin-right:0} .center{text-align:center} .rt{text-align:right !important; } .lt {text-align:left !important; } .rl { position: relative;} img.responsivo{max-width:100%;height:auto} .semRegistro{margin:40px auto;width:100%;text-align:center} .semRegistro i{font-size:50px;color:#EAD9C1} .semRegistro h5{font-size:25px;color:#6A342E;padding:0;margin:10px 0 0} .bt-voltar{text-align:right} .bt-voltar a{ display:inline-block; font-size:14px; text-transform:uppercase; border:none; background:#687C07; padding:10px 20px; border-radius: 5px; line-height:18px; color:#FFF; text-decoration:none; margin-right:4px; cursor:pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .bt-voltar a:hover{ background:#333; } .loading-div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display:none; } .loading-div img { margin-top: 20%; margin-left: 50%; } #paginacao { margin-top: 20px; text-align: center;} #paginacao ul { margin:0; padding:0; } #paginacao ul li{ display: inline-block; font-size: 14px; font-weight: bold; margin: 3px; } #paginacao ul li a{ text-decoration:none; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #222; background-color: #DDD; } #paginacao ul li:hover{ } #paginacao ul li:hover a{ background:#0674BA; color:#FFF; } #paginacao ul li.active{ background:#101636; width: 30px; color: #FFF; height: 30px; line-height: 30px; text-align: center; } #paginacao ul li.active a{ color: #FFF !important; } .a { background-repeat: no-repeat; } .link_rodape { color: #FFF; }