@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { background: #fff; margin: 0; font-family: 'open_sansregular'; color: #444; font-size: 14px; overflow-x: hidden !important; }
a { text-decoration: none; color: #444; } a:hover { text-decoration: underline; }
a:hover { text-decoration: none; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'open_sansregular'; color: #444; font-size: 14px; }

.wrapper { width: 1200px; margin: 0 auto; }

.errorlist{ float:left;  color:#ff0000; font-size: 12px; float:left; width:100%; display:none;}
#errorlist{ color:#ff0000; font-size: 14px; font-weight: bold; float:left; width:100%; text-align: center; padding: 0px 0 30px 0;}
.bloquear_tela{ position: fixed; width:100%; height: 100%; z-index:1001; background: url(../../imagens/ajax-loader.gif) no-repeat center #000; opacity: 0.5;}

.error input, .error textarea { border: 1px solid #ff0000!important; }

#dados_topo { width: 100%; float: left; border-bottom: 1px solid #ddd; }
#menu { float: left; }
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; }
#menu ul li a { display: block; padding: 13px 15px; border-bottom: 3px solid transparent; }
#menu ul li a:hover { border-color: #f7941d; }
#menu ul li a.home { border-color: #f7941d; padding: 15px 15px; }
#menu ul li a.home span { background: url(../../imagens/home.png); width: 17px; height: 15px; display: block; }

.social { float: right; margin: 12px 0 0 0px; }
.social a { display: block; float: left; width: 23px; height: 23px; margin-left: 3px; }
.social .twitter { background: url(../../imagens/twitter.png); }
.social .facebook { background: url(../../imagens/facebook.png); }
.social .instagram { background: url(../../imagens/instagram.png); }

#dados_topo .atendimento { float: right; background: url(../../imagens/atendimento2.png) no-repeat; background-position: 0 13px; padding: 0 22px 0 30px;}
#dados_topo .atendimento.whatsapp {background: url(../../imagens/whatsapp2.png) no-repeat; background-position: 0 13px;}
#dados_topo .atendimento h4 { padding: 0; margin-right: 10px; text-transform: uppercase; font-weight: normal; font-size: 11px; display: inline-block; margin: 7px 0 0px 0;}
#dados_topo .atendimento strong {display: block; margin: -3px 0 0 0;}

#topo { width: 100%; float: left; padding: 30px 0; }
#topo .logo { float: left; margin: 0; }
#topo .logo a { background: url(../../imagens/logo.png) no-repeat; background-size: contain; width: 222px; height: 84px; display: block; }
#topo .logo a span { display: none; }
#topo .busca { float: right; margin: 17px 178px 0 0; }
#topo .busca form { display: block; background: #f4f4f4; height: 40px; width: 405px; border: 3px solid #dadada; border-radius: 50px; }
#topo .busca form input[type=text] { background: none; height: 40px; padding: 0 15px; width: 330px; border: none; }
#topo .busca form input[type=submit] { background: url(../../imagens/busca.png) center no-repeat; cursor: pointer; float: right; width: 40px; height: 40px; border: none; text-indent: -999em; }
#topo .carrinho { background: url(../../imagens/cart.png) left no-repeat; line-height: 18px; margin: 17px 0 0; padding: 0 0 0 40px; float: right; font-size: 12px; text-transform: uppercase; }
#topo .carrinho span { display: block; font-family: 'open_sansbold'; font-size: 20px; }

#categorias { float: left; width: 100%; border-bottom: 3px solid #f7941d; }
#categorias ul { list-style: none; padding: 0; margin: 0; width: 100%; float: left; background: #58585a; }
#categorias ul li { float: left; }
#categorias ul li a { display: block; text-transform: uppercase; padding: 18px 35px; font-family: 'open_sanssemibold'; color: #fff;}
#categorias ul li.principal a { background: #f7941d; color: #444; }
#categorias .sub { background: #f7941d; position: absolute; width: 245px; display: none; z-index: 1000; }
#categorias .sub li { border-bottom: 1px solid #fff; width: 100%; }
#categorias .sub li a { padding: 10px 20px; font-size: 12px; color: #fff; }
#categorias ul li:hover .sub { display: block; }

#banner { width: 100%; float: left; }
#banner .wrapper { width: 100%; }
#banner .slide {float: left; width:100%; position: relative;  }
#banner .slide ul { height: 385px; width:100%;  position: relative; margin: 0 auto; padding:0; float: left; }
#banner .slide ul li { position:absolute; top:0; left:0; width:100%; height:385px; z-index:90; list-style:none;}
#banner .slide ul li a { width: 100%; height: 385px; display: block; float: left; background-position: center; }
#banner .slide ul li a img { }
#banner .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6}
#banner .slide div.fundo {}
#banner .slide .nav { background: none; display: block; float: left; width: 100%; position: absolute; bottom: 0; z-index: 500; text-align: center; margin: 0 0 0 0; padding: 0;}
#banner .slide .nav .wrapper { margin: 0 auto; }
#banner .slide .nav span { background: #ccc; width: 13px; height: 13px; margin: 0 2px; border-radius: 50px; cursor: pointer; display: inline-block; }
#banner .slide .nav span.ativo { background: #f7941d; }

#area-chamadas {width: 100%; float: left; background-color: #eaeaea;} 
#area-chamadas .chamadas {display: flex; flex-wrap: nowrap; align-items: center; height: 80px; justify-content: space-between;} 
#area-chamadas .chamadas .chamada {display: flex; align-items: center; justify-content: center;} 
#area-chamadas .chamadas .chamada .ico{margin: 5px 10px 0 0} 
#area-chamadas .chamadas .chamada .text{font-weight: 600; font-size: 11px; letter-spacing: 0.02rem; text-transform: uppercase;} 

#content { width: 100%; float: left; padding: 50px 0 80px; }
#content h2 { border-bottom: 1px solid #ddd; margin: 0 0 30px; text-align: center; font-family: 'open_sanslight'; font-weight: normal; font-size: 30px; }
#content h2 span { display: inline-block; border-bottom: 3px solid #f7941d; padding: 0 15px 10px; }

#title { width: 100%; float: left; background: url(../../imagens/title_bg.png); padding: 30px 0; }
#title h2 { float: left; margin: 0; font-family: 'open_sansextrabold'; text-transform: uppercase; color: #fff; font-size: 32px; letter-spacing: -2px; }
#title .voltar { background: #f7941d; padding: 10px 30px; margin: 10px 0 0; color: #fff; float: right; text-transform: uppercase; border: 2px solid #fff; font-size: 14px; font-family: 'open_sanslight'; display: inline-block; border-radius: 50px; }

#galeria { width: 100%; float: left; }

#galeria .quadro { float:left; width: 18.5%; margin: 0 0.5% 10px; text-align: center; }


#galeria .item { float: left; width: 100%;  height: 200px; border: 3px solid #ddd; overflow: hidden;}
#galeria .item img { height: 100%; }
#galeria.servico .item { width: 30%; }
#galeria.servico .item img { width: 100%;}

.categorias_left { width: 200px; }
.categorias_left ul { list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.categorias_left ul li { float: left; width: 100%; margin-bottom: 2px; }
.categorias_left ul li a { display: block; background: #f7941d; padding: 10px; color: #fff; }
.categorias_left .sub li a { background: #ddd; color: #111; }

.content_right { width: 950px; float: right; }
#content .content_right h2 { text-align: left; font-size: 22px; }
#content .content_right h2 span { padding-left: 0; }

.area_form { width: 100%; float: left; margin-top: 20px; }
.area_form.right { width: 500px; float: right; }
.area_form form { width: 500px; margin: 0 auto; }
.area_form form label { display: block; margin-bottom: 5px; }
.area_form form input[type=text], .area_form form textarea, .area_form form input[type=submit] { background: #fff; border: 2px solid #bbb; padding: 0 2%; width: 95%; height: 40px; border-radius: 5px; }
.area_form form textarea { padding: 5px 2%; height: 120px; }
.area_form form input[type=submit] { width: 100%; background: #f7941d; color: #fff; padding: 10px; height: auto; }

.produtos { width: 100%; float: left; }
.produtos .area {display: flex; flex-wrap: wrap; }
.produtos .produto { border: 1px solid #ddd; float: left; text-align: center; margin: 0 0.9%; padding: 15px 1.5% 37px 1.5%; border-radius: 10px; overflow: hidden; width: 20%; margin-bottom: 20px; position:relative; }
.produtos .produto .thumb { width: 100%; height: 200px; overflow: hidden; float: left; margin-bottom: 20px; }
.produtos .produto .thumb img { width: 100%; }
.produtos .produto h3 a { color: #58585a; font-size: 16px; }
.produtos .produto .bt { background: #f7941d; padding: 6px 20px; font-size: 13px; color: #fff; display: inline-block; border-radius: 50px; }

.produtos .mais { width: 100%; float: left; text-align: center; margin-top: 40px; }
.produtos .mais .bt { background: none; padding: 15px 30px; text-transform: uppercase; border: 2px solid #7ad06d; font-size: 16px; display: inline-block; border-radius: 50px; }
.produtos .mais .bt:hover { background: #f7941d; color: #fff; }

.produtos .bt_orcamento_whats{ position: absolute; bottom:0; left:0; width:100%; background-color:#58585a; }
.produtos .bt_orcamento_whats_a{ display:flex; display: flex;  justify-content: center;  align-items: center; font-size: 13px; color: #fff; padding: 4px 0 2px 0;}

.produtos.orcamento { width: 600px; float: left; }
#content .produtos.orcamento h2 { text-align: left; font-size: 22px; }
#content .produtos.orcamento h2 span { padding-left: 0; }
.produtos.orcamento .produto { width: 96%; padding-bottom: 15px; text-align: left; margin-bottom: 5px; }
.produtos.orcamento .produto .thumb { width: 80px; height: 80px; margin: 0 20px 0 0; }
.produtos.orcamento .produto h3 { float: left; margin-top: 30px; color: #f7941d; }
.produtos.orcamento .produto .quantidade { float: right; text-align: center; margin-top: 10px; }
.produtos.orcamento .produto .quantidade label { display: block; margin-bottom: 3px; }
.produtos.orcamento .produto .quantidade input { width: 40px; height: 30px; text-align: center; float: left; margin: 0 3px; }
.produtos.orcamento .produto .quantidade a { background: #ddd; color: #111; padding: 6px; border-radius: 5px; display: block; float: left; font-size: 18px; }

.produtos.orcamento .produto .quantidade a.excluir { background: red; color:#fff; margin-left:5px;}

.produtos.orcamento .produto { min-height: 100px; }

.content_right .produtos .produto { width: 18.8%; margin-bottom: 20px; }
.content_right .produtos .produto h3 a { font-size: 14px; }

.chamadaTitulo{float: left; width: 100%; margin: 100px 0 60px 0; padding: 80px 0 80px 0; background-color: #f1f1f1;}
.chamadaTitulo h1{font-size: 34px; text-align: center; font-family: "open_sanslight_italic"; line-height: 56px;}
.chamadaTitulo h2{font-size: 16px!important; text-align: center; line-height: 30px; font-family: }

.bt_continuar { width: 100px; background: #f7941d; color: #fff; padding: 10px; height: auto; float: right; margin:5px; text-align: center;}
.bt_novo_produto { width: 150px; background: #737373; color: #fff; padding: 10px; height: auto; float: right; margin:5px; text-align: center;}

.nav { background: #eee; width: 100%; text-align: center; padding: 8px 0; border-radius: 10px; float: left; }
.nav a { background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; display: inline-block; }

.nav a.ativo { background: #f7941d; color: #fff;}

#galeria_produto { background: #fff; float: left; width: 490px; border: 1px solid #ddd; text-align: center; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; position: relative; }
#galeria_produto .zoomWrapper { position: relative; }
#galeria_produto .slide { width: 490px; float: left; text-align: center; }
.zoomWrapper { display: inline-block; }
#galeria_produto #gallery_01 { float: left; width: 490px; text-align: center; margin-top: 10px; }
#galeria_produto #gallery_01 a { text-decoration: none; }
#galeria_produto #gallery_01 a img { border: 3px solid #ccc; }

#galeria_produto #gallery_01 a.active img { border-color: #666; }
#galeria_produto #img_01 { max-width: 100% !important; max-height: 100%; height: auto !important; width: auto !important; }

#galeria_produto #gallery_02 { float: left; width: 490px; text-align: center; margin-top: 10px; }
#galeria_produto #gallery_02 a { text-decoration: none; }
#galeria_produto #gallery_02 a img { border: 3px solid #ccc; }
#galeria_produto #gallery_02 a.active img { border-color: #666; }

.descricao { float: right; width: 400px; }
.descricao h3 { font-family: 'open_sansextrabold'; font-size: 25px; color: #f7941d; margin: 0 0 20px; }
.descricao .quantidade { float: left; text-align: center; margin-top: 10px; }
.descricao .quantidade label { display: block; margin-bottom: 3px; }
.descricao .quantidade input { width: 40px; height: 30px; text-align: center; float: left; margin: 0 3px; }
.descricao .quantidade a { background: #ddd; color: #111; padding: 6px; border-radius: 5px; display: block; float: left; font-size: 18px; }
.descricao .bt { background: #f7941d; padding: 10px 0; width: 100%; color: #fff; border-radius: 5px; margin-top: 30px; display: block; text-align: center; float: left; }

#descricao_produto { width: 100%; float: left; margin-top: 40px; }
#descricao_produto h3 { border-bottom: 1px solid #ddd; margin: 0 0 30px; text-align: left; font-family: 'open_sanslight'; font-weight: normal; font-size: 20px; }
#descricao_produto h3 span { display: inline-block; border-bottom: 3px solid #f7941d; padding: 0 15px 10px 0; }
#descricao_produto table { width: 100%; text-align: left; }
#descricao_produto table tr:nth-child(even) th, #descricao_produto table tr:nth-child(even) td { background: #eee; }
#descricao_produto table th { width: 200px; padding: 10px; }
#descricao_produto table td { padding: 10px; }

#banner2 { width: 100%; float: left; margin: 60px 0;  }
#banner2 .wrapper { width: 100%; }
#banner2 .slide {float: left; width:100%; position: relative;  }
#banner2 .slide ul { height: 290px; width:100%;  position: relative; margin: 0 auto; padding:0; float: left; }
#banner2 .slide ul li { background-size: cover; background-repeat: none; border-radius: 10px; text-align: right; position:absolute; top:0; left:0; width:100%; height:290px; z-index:90; list-style:none;}
#banner2 .slide ul li a { width: 100%; height: 290px; display: block; float: left; background-position: center; }
#banner2 .slide ul li .title { margin: 85px 30px 0 0; font-family: 'open_sansextrabold'; font-size: 50px; display: block; color: #fff; text-transform: uppercase; letter-spacing: -2px; }
#banner2 .slide ul li .saiba { background: #f7941d; padding: 10px 30px; margin: 5px 30px 0 0; color: #fff; text-transform: uppercase; border: 2px solid #fff; font-size: 18px; font-family: 'open_sanslight'; display: inline-block; border-radius: 50px; }
#banner2 .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6}
#banner2 .slide div.fundo {}
#banner2 .slide .nav { background: none; padding: 0; display: block; float: left; width: 100%; z-index: 500; text-align: center; margin: 15px 0 0; }
#banner2 .slide .nav .wrapper { margin: 0 auto; }
#banner2 .slide .nav span { background: #ccc; width: 13px; height: 13px; margin: 0 2px; border-radius: 50px; cursor: pointer; display: inline-block; }
#banner2 .slide .nav span.ativo { background: #f7941d; }

.noticias { width: 100%; float: left; }
.noticias .area {  }
.noticias .noticia { border: 1px solid #ddd; float: left; min-height: 360px; position: relative; text-align: center; margin: 0 0.8%; margin-bottom: 15px; padding: 0 0 25px; border-radius: 10px; overflow: hidden; width: 23%; }
.noticias .noticia .data { background: #f7941d; line-height: 18px; color: #fff; text-transform: uppercase; font-family: 'open_sansbold'; font-size: 20px; padding: 15px; display: block; position: absolute; top: 0; left: 0; }
.noticias .noticia .data small { display: block; font-size: 14px; }
.noticias .noticia .thumb { width: 100%; height: 200px; overflow: hidden; float: left; margin-bottom: 20px; }
.noticias .noticia .thumb img { width: 100%; }
.noticias .noticia h3 a { color: #f7941d; font-size: 16px; }
.noticias .noticia .bt { background: #f7941d; padding: 6px 20px; font-size: 13px; color: #fff; display: inline-block; border-radius: 50px; }

.blog .posts { float: left; width: 75%; }
.blog .post { border: 1px solid #ddd; float: left; min-height: 360px; position: relative; text-align: left;margin-bottom: 15px; padding: 0 0 25px; border-radius: 10px; overflow: hidden; width: 100%; }
.blog .post .data { background: #f7941d; line-height: 18px; color: #fff; text-transform: uppercase; font-family: 'open_sansbold'; font-size: 20px; padding: 15px; display: block; position: absolute; top: 0; left: 0; }
.blog .post .data small { display: block; font-size: 14px; }
.blog .post .thumb { width: 100%; height: 400px; overflow: hidden; float: left; margin-bottom: 20px; }
.blog .post .thumb img { width: 100%; }
.blog .post .txt { padding: 0 4%; }
.blog .post h3 a { color: #f7941d; font-size: 16px; }
.blog .post .bt { background: #f7941d; padding: 6px 20px; font-size: 13px; color: #fff; display: inline-block; border-radius: 50px; margin-top: 10px; }

#content .blog h2 { text-align: left; }
.col_blog { width: 23%; float: right; }
.col_blog .busca { width: 100%; float: left; background: #fff; border: 1px solid #ccc; height: 40px; border-radius: 30px; }
.col_blog .busca input { float: left; width: 80%; border: none; background: none; margin: 10px 0 0 4%; }
.col_blog .busca button { background: none; border: none; float: right; margin: 8px 2% 0 0; }
.col_blog .itens { float: left; width: 100%; border: 1px solid #ccc; border-radius: 10px; margin-top: 15px; overflow: hidden; }
.col_blog .itens h3 { background: #f7941d; padding: 12px; color: #fff; font-size: 14px; margin: 0; }
.col_blog .itens ul { list-style: none; padding: 0; margin: 0; }
.col_blog .itens ul li { display: block; border-bottom: 1px solid #ccc; font-size: 12px; }
.col_blog .itens ul li a { padding: 8px 12px; display: block; }
.col_blog .itens ul li a:hover { background: #ddd; }
.col_blog .itens ul li a.ativo { background: #ddd; }

.col_blog .banner { float: left; width: 100%; border: 1px solid #ccc; border-radius: 10px; margin-top: 15px; overflow: hidden; }
.col_blog .banner a { display: inline-block; width: 100%; float: left; }
.col_blog .banner img { width: 100%; display: block; }

.noticias .mais { width: 100%; float: left; text-align: center; margin-top: 40px; }
.noticias .mais .bt { background: none; padding: 15px 30px; text-transform: uppercase; border: 2px solid #7ad06d; font-size: 16px; display: inline-block; border-radius: 50px; }
.noticias .mais .bt:hover { background: #f7941d; color: #fff; }

#news { background: url(../../imagens/news_bg.png) center no-repeat #f7941d; color: #fff; width: 100%; padding: 20px 0; float: left; }
#news h3 { float: left; margin: 0; font-family: 'open_sansextrabold'; text-transform: uppercase; font-size: 24px; letter-spacing: -1px; color: #fff; }
#news p { float: left; margin: 10px 0 0 60px; }
#news form, #news span { float: right; }
#news input[type=text] { background: #fff; height: 38px; width: 250px; padding: 0 10px; border-radius: 5px; float: left; border: none; }
#news input[type=submit] { background: #58585a; padding: 10px; float: left; margin-left: 4px; border: none; color: #fff; border-radius: 5px; }

#rodape { width: 100%; float: left; background: #ebebeb; padding: 60px 0; }
#rodape .col { float: left; width: 25%; }
#rodape .col.right { text-align: right; }
#rodape .col h3 { color: #f7941d; text-transform: uppercase; font-size: 14px; margin-top: 0; }
#rodape .col ul { list-style: none; padding: 0; margin: 0; }
#rodape .col ul li { margin: 0 0 4px; }
#rodape .col ul li a { text-transform: uppercase; }
#rodape .endereco { background: url(../../imagens/endereco.png) left no-repeat; padding: 0 0 0 40px; font-family: 'open_sanssemibold'; font-size: 18px; }
#rodape .endereco span { font-size: 14px; text-transform: uppercase; font-family: 'open_sanslight'; display: block; }
#rodape .horario { background: url(../../imagens/horario.png) left no-repeat; margin: 30px 0 0; padding: 0 0 0 40px; font-family: 'open_sanssemibold'; font-size: 18px; }
#rodape .horario span { font-size: 14px; text-transform: uppercase; font-family: 'open_sanslight'; display: block; }
#rodape .formas {  }
#rodape .formas span { font-size: 14px; text-transform: uppercase; margin: 0 0 10px; font-family: 'open_sanslight'; display: block; }
#rodape .whats { background: url(../../imagens/whatsapp.png) left no-repeat; float: right; margin: 30px 0 0; padding: 0 0 0 40px; font-family: 'open_sanssemibold'; font-size: 20px;  line-height: 20px; }
#rodape .whats span { font-size: 14px; text-transform: uppercase; font-family: 'open_sanslight'; display: block; }
#rodape .atendimento { margin: 30px 0 0; float: right; font-family: 'open_sanssemibold'; font-size: 20px; line-height: 20px; }
#rodape .atendimento span { font-size: 14px; text-transform: uppercase; font-family: 'open_sanslight'; display: block; }

#direitos { width: 100%; float: left; padding: 25px 0; }
#direitos .direitos { float: left; margin: 3px 0 0; }
#direitos .social { margin: 0; }
#direitos .social span { float: left; padding: 2px 0 0; margin: 0 5px 0 0; }

.menu_mobile, .categorias_mobile { display: none; }

@media only screen and (max-width: 680px)  {
    .wrapper { width: 100%; }
    #dados_topo .atendimento { display: none; }

    .social { margin: 0; }

    .menu_mobile { float: left; display: block; }
    .menu_mobile img { width: 30px; }

    #dados_topo { padding: 10px 2%; width: 96%; }
    #dados_topo .social { margin: 5px 0 0; }

    #menu { width: 100%; position: absolute; display: none; top: 50px; left: 0; border-bottom: 1px solid #1abe56;  background: #fff; }
    #menu li { width: 100%; border-top: 1px solid #1abe56; text-align: center; }
    #menu li:first-child { display: none; }

    #topo .carrinho { display: none; }
    #topo .logo { width: 100%; text-align: center; margin: 0 0 15px; }
    #topo .logo a { display: inline-block; }
    #topo .busca { width: 100%; margin: 0; text-align: center; }
    #topo .busca form { width: 90%; display: inline-block; }
    #topo .busca form input[type=text] { width: 60%; }

    .categorias_mobile { width: 100%; float: left; background: #1abe56; text-transform: uppercase; line-height: 30px; text-align: center; color: #fff; display: block; padding: 12px 0; }
    .categorias_mobile img { width: 20px; margin: 5px 0 0 10px; float: left; }

    #categorias { display: none; }
    #categorias ul li { width: 100%; text-align: center; font-size: 12px; }
    #categorias ul li .sub { display: block; float: left; position: inherit; width: 100%; }
    #categorias ul li .sub li a { background: #fff; color: #111; }

    #title { width: 96%; padding: 15px 2%; text-align: center; }
    #title h2 { width: 100%; font-size: 26px; }
    #title .voltar { display: none; }

    #galeria .quadro { width: 100%; }
    #galeria .item { width: 100%; margin: 0 1% 10px; border:none; }

    #banner { width: 100%; float: left; }
    #banner .wrapper { width: 100%; }
    #banner .slide {float: left; width:100%; position: relative;  }
    #banner .slide ul { height: 87px; width:100%;  position: relative; margin: 0 auto; padding:0; float: left; }
    #banner .slide ul li { position:absolute; top:0; left:0; width:100%; height:87px; z-index:90; list-style:none;}
    #banner .slide ul li a { width: 100%; height: 87px; display: block; float: left; background-position: center; background-size: cover; }
    #banner .slide ul li a img {  }
    #banner .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6}
    #banner .slide div.fundo {}
    #banner .slide .nav { background: none; display: block; float: left; width: 100%; z-index: 500; text-align: center; margin: 0 0 0 0; padding: 0;}
    #banner .slide .nav .wrapper { margin: 0 auto; }
    #banner .slide .nav span { background: #ccc; width: 13px; height: 13px; margin: 0 2px; border-radius: 50px; cursor: pointer; display: inline-block; }
    #banner .slide .nav span.ativo { background: #f7941d; }

    #area-chamadas .chamadas {flex-wrap: wrap; justify-content: flex-start; align-content: center;}
    #area-chamadas .chamadas .chamada {width: 48%; margin: 0 0 0 2%;}

    #banner2 { width: 100%; float: left; margin: 60px 0;  }
    #banner2 .wrapper { width: 100%; }
    #banner2 .slide {float: left; width:100%; position: relative;  }
    #banner2 .slide ul { height: 50vw; width:100%;  position: relative; margin: 0 auto; padding:0; float: left; }
    #banner2 .slide ul li { background-size: cover; background-repeat: none; border-radius: 10px; text-align: center; position:absolute; top:0; left:0; width:100%; height:50vw; z-index:90; list-style:none;}
    #banner2 .slide ul li a { width: 100%; height: 50vw; display: block; float: left; background-position: center; }
    #banner2 .slide ul li .title { margin: 15vw 0 0 0; font-family: 'open_sansextrabold'; font-size: 30px; display: block; color: #fff; text-transform: uppercase; letter-spacing: -2px; }
    #banner2 .slide ul li .saiba { background: #f7941d; padding: 10px 30px; margin: 5px 0 0 0; color: #fff; text-transform: uppercase; border: 2px solid #fff; font-size: 14px; font-family: 'open_sanslight'; display: inline-block; border-radius: 50px; }
    #banner2 .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6}
    #banner2 .slide div.fundo {}
    #banner2 .slide .nav { background: none; padding: 0; display: block; float: left; width: 100%; z-index: 500; text-align: center; margin: 15px 0 0; }
    #banner2 .slide .nav .wrapper { margin: 0 auto; }
    #banner2 .slide .nav span { background: #ccc; width: 13px; height: 13px; margin: 0 2px; border-radius: 50px; cursor: pointer; display: inline-block; }
    #banner2 .slide .nav span.ativo { background: #f7941d; }

    .categorias_left { display: none; }

    #content { width: 96%; padding: 30px 2%; }
    .content_right { width: 100% }

    .produtos .produto, .content_right .produtos .produto { width: 43%; margin-bottom: 10px; }
    .noticias .noticia { width: 94%; margin-bottom: 10px; }

    .nav { width: 96%; padding: 10px 2%; }
    .nav a { margin: 2px; float: left; }

    .produtos.orcamento { width: 100%; }
    .produtos .bt_orcamento_whats{  }
    .produtos .bt_orcamento_whats_a{ font-size: 12px; color: #fff; padding: 4px 0 2px 0;}


    #galeria_produto { width: 100%; border: none; margin-top: 0; padding: 0; }
    #galeria_produto #gallery_01 { width: 100%; }
    #galeria_produto #gallery_01 img { width: 50px; }

    #galeria_produto #img_02 { max-width: 100% !important; max-height: 800px; height: auto; width: auto !important; }
    #galeria_produto #gallery_02 { width: 100%; }
    #galeria_produto #gallery_02 img { width: 50px; }

    .descricao { width: 100%; }

    #news { width: 90%; padding: 15px 5% 20px; text-align: center; }
    #news h3 { width: 100%; }
    #news p { margin: 0; }
    #news form { width: 100%; margin: 15px 0 0; }
    #news form input[type=text] { width: 96%; padding: 0 2%; text-align: center; }
    #news form input[type=submit] { width: 100%; padding: 10px 0; margin: 5px 0 0; }

    .col_blog { width: 100%; margin-bottom: 20px; }
    .col_blog .itens h3 {  background-image: url(../../imagens/menu2.svg);
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: 97%; cursor: pointer; }
    .col_blog .itens ul { display: none; }
    .col_blog .banner { display: none; }

    .blog .posts { width: 100%; }
    .blog .post { min-height: auto; }
    .blog .post .thumb { height: auto; }

    .area_form, .area_form.right { width: 100%; }
    .area_form form { width: 100% !important; }

    #rodape { width: 94%; padding: 20px 3% 40px; }
    #rodape .col { width: 100%; border-bottom: 1px solid #bbb; padding: 0 0 20px; margin-bottom: 20px; }
    #rodape .col.right { text-align: left; padding: 0; margin: 0; border: none; }
    #rodape .col .whats { float: left; }

    #direitos { width: 94%; padding: 20px 3%; }
    #direitos .direitos { text-align: center; }
    #direitos .social { width: 100%; margin: 15px 0 0; text-align: center; }
    #direitos .social span { display: none; }
    #direitos .social * { display: inline-block; float: none; }
}