@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,900italic,900,700italic,700,500italic,500);/*GERAIS*/
.animacao{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.container { width:300px; height:500px; margin: 0 auto; }
/*GERAIS*/

/*H1 E H2*/
.h1_h2 { width: 100%; height: auto; padding: 40px 0px; position: relative; }
.h1_h2 h1 { width: 100%; height: auto; position: relative; font-family: 'Roboto'; font-size: <br />
<b>Notice</b>:  Undefined property: stdClass::$tamanho in <b>/home/palamad/public_html/novo/css/home.php</b> on line <b>16</b><br />
; font-weight: 600; color: #333333; text-align: center; }
.h1_h2 h2 { width: 75%; height: auto; position: relative; font-family: 'Roboto'; font-size: 16px; font-weight: normal; text-align: center; padding-top: 5px; margin: 0 auto; }

/*HOME*/
.banners {width: 100%; height: 650px; position: relative; overflow:hidden;}
.banners .slides li { height: 650px; position: relative; overflow:hidden;}
.banners .flex-control-nav {display: none;}

/* BANNER ELEMENTOS */
.banner{width:100%; height:680px; position: relative; margin-top: 90px; overflow:hidden;  }
.banner .slider2{ width:2000px; height:680px; left: 50%; margin-left: -1000px; position:absolute; z-index:10; float: left;}
.banner .sliderContent2{ width:2000px; height:680px; clear:both; position: absolute;}
.banner .sliderContent2 .item { width:2000px; height:680px; position: absolute; text-align:center; }
.banner .sliderContent2 .item .esquerda { position: relative; margin: 0px 0px 0px 0px; width: 548px; height: auto; float: left; }
.banner .sliderContent2 .item .esquerda .cta-tag { width: 100%; font-size: 16px; font-weight: 800; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px; line-height: 16px; height: 35px; margin: 0px 0px 50px 0px; }
.banner .sliderContent2 .item .esquerda .cta-tag span { font-weight: 300 !important; border-bottom: 4px solid; padding-bottom: 10px; }
.banner .sliderContent2 .item .esquerda .cta-titulo { width: 100%; font-size: 32px; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px 0px 8px 0px; line-height: 36px; font-weight: 700; }
.banner .sliderContent2 .item .esquerda .cta-introducao { font-size: 22px; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 12px 0px 30px 0px; line-height: 24px; }
.banner .sliderContent2 .item .esquerda .cta-botao { width: auto; float: left; font-size: 18px; font-weight: 400; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px 40px; line-height: 50px; height: 50px; background-color: #6A8830; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.banner .sliderContent2 .item .direita { position: relative; margin: 0px 0px 0px 0px; width: 400px; height: 400px; float: right; }
.banner .sliderContent2 .item .direita img { width: 400px; height: 400px; padding: 144px 0px; }

.sliderBullets { margin: 15px auto; width: auto; padding: 5px; position: absolute; left: 50%; top: 625px; text-align: center; z-index: 1002; }
.sliderBullets a { float: left; text-indent:-9999px; width:12px; height:12px; background-color:rgba(255,255,255,0.4); margin: 0px 7px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0px 4px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sliderBullets .active { background-color:#FFFFFF;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 12px; height: 12px; }

.mascara1 {width: 100%; height: 650px; background-color: #6A8830; opacity: 0.1; position: absolute; top: 0px;  overflow:hidden; } 
#itensprincipal {width: 100%; height: 650px; opacity: 1; position: absolute; z-index:1000; top: 0px; overflow:hidden; }
#itensprincipal ul{width: 100%; height: 225px; padding-top: 150px;}
#itensprincipal ul li{list-style: none; float: left; opacity: 1; margin: 0px 54px; width: 223px; height: 223px; border: 1px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#itensprincipal ul li img{width: 80px; height: 90px; opacity: 1; left: 50%; margin-left: -40px; position: relative; margin-top: 45px; text-align: left;}
#itensprincipal ul li img:hover{width: 85px; height: 95px;}
#itensprincipal ul li p{font-family: 'Roboto'; font-size: 24px; color: #FFFFFF; font-weight: bold; text-align: center; letter-spacing: -1px;}
#itensprincipal .txt1{width: 100%; height: auto; padding-top: 50px; margin-top: 100px; border-top: 1px solid #FFFFFF; font-family: 'Roboto'; font-size: 24px; color: #FFFFFF; text-align: center;}
#itensprincipal .sem_borda { border-top: none !important; }

.iniciacao { width: 520px; left: 50%; margin-left: -500px; height: auto !important; padding: 0; position: absolute; z-index: 102; }
.iniciacao .slogan { width: 100%; height: auto; padding: 0px; color: #FFFFFF; font-size: 32px; line-height: 32px; text-align: left; font-family: 'Roboto'; }
.iniciacao .capta1 { width: 100%; height: auto; clear: both; position: relative; padding: 15px 0px 0px 0px; }
.iniciacao .capta1 .intro { width: 100%; height: auto; color: #FFFFFF; font-size: 18px; text-align: left; position: relative; padding: 10px 0px 0px 0px; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 { width: 100%; height: auto; clear: both; padding: 20px 0px 0px 0px; }
.iniciacao .capta1 #capta1 #emailcapta1 { width: 180px; height: 40px; line-height: 40px; padding: 0px 10px; margin-bottom: 5px; color:#000000; font-size: 14px; text-align: left;display:inline; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 #nomecapta1 { width: 200px; height: 40px; line-height: 40px; padding: 0px 10px; margin-right: 7px; color:#000000; font-size: 14px; text-align: left;display:inline; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 #enviacapta1 { width: 80px; height: 40px; line-height: 40px; padding: 0px 10px; margin-bottom: 5px; color:#FFFFFF; font-size: 14px; text-align: center; float: right; background-color: #6A8830; font-family: 'Roboto'; cursor: pointer; }
.iniciacao .capta1 #capta1 #enviacapta1:hover { font-weight: 700; }
/*HOME*/

/* DESTAQUES */
.destaques1 { width: 100%; height: auto; min-height: 380px; background-color: #6A8830; clear: both; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques1 .informa { width: 50%; text-align: center; float: left; }
.destaques1 .informa img { width: 440px; margin: 64px 0px 0px 0px; height: auto; position: relative; }
.destaques1 .descri { width: 45%; color: #FFFFFF; font-size: 16px; text-align: left; padding: 0px; font-family: 'Roboto'; font-weight: 300; float: right; text-align: right; }
.destaques1 .descri p { width: 100%; height: auto; float: left; padding: 0px; color: #FFFFFF; font-size: 28px; line-height: 40px; text-align: right; font-weight: 700; }
.destaques2 { width: 100%; height: auto; min-height: 380px; clear: both; background-color: #6A8830; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques2 .informa { width: 50%; height: 380px; text-align: center; float: right; }
.destaques2 .informa img { width: 440px; margin: 24px 0px 24px 0px; height: 290px; position: relative; }
.destaques2 .descri { width: 45%; color: #FFFFFF; font-size: 16px; padding: 0px; font-family: 'Roboto'; font-weight: 300; float: left; text-align: left; }
.destaques2 .descri p { width: 100%; height: auto; padding: 0px; color: #FFFFFF; font-size: 28px; line-height: 40px; text-align: left; font-weight: 700; }
/* DESTAQUES */

/* ORÇAMENTOS */
.area-formulario2 { width: 100%; height: auto; padding: 20px 0px; margin: 0 auto; font-family:'Roboto'; }
.area-formulario2 p { margin: 4px 0px; padding: 0px; text-align: left; float: none; line-height: 26px; color:#FFFFFF; }
.area-formulario2 p input[type=text], textarea, select { width: -moz-calc(100% - 6px); width: -webkit-calc(100% - 6px); width: -o-calc(100% - 6px); width: calc(100% - 6px); height: 22px; padding: 3px; text-align: left; font-size: 13px; color: #FFFFFF; border:#FFFFFF 1px solid; }
.area-formulario2 input[type=button]{width:145px; height:40px; padding:5px 10px; border: 1px solid #FFFFFF; background-color:#005E27; font-family: 'Roboto'; font-size: 13px; color:#FFFFFF; cursor: pointer; }
.area-formulario2 input[type=button]:hover{ padding:5px 13px; border: 1px solid #005E27; background-color:#FFFFFF; color:#005E27; }
/* ORÇAMENTOS */

/*EMPRESA*/
#um{width: 400px; float: left; margin: 64px 50px 40px;}
.banner1{width: 100%;}
#foo2 { width: 100%; margin: 50px 0px 35px 0px; height: auto; list-style-type: none; }
#foo2 li { float: left; width: 195px; height: 160px; margin: 3px; }
.setas3{width: 1000px; height: auto; margin-top:-130px; position: absolute;}
#next2{ background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -20px;}
#prev2{ background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -20px;}
/*EMPRESA*/

/*INSTAGRAM*/
ul.insta{width: 100%; height: auto; position: relative; left: 0px; overflow:hidden; }
ul.insta li{width: 20%; height: 275px; float: left; list-style: none; text-align:center; }
ul.insta li img{width: auto !important; height: 275px; display:inline-block; }
/*INSTAGRAM*/

/* YOUTUBE */
.placeholder { min-height: 400px; margin: 20px 0px 60px 0px; padding: 11px 0; position: relative }
.placeholder:after { bottom: -30px; content: ""; height: 30px; left: 50%; margin-left: -510px; position: absolute; width: 1020px }
.placeholder iframe { display:block; height: 380px; margin: 0 auto 8px; width: 820px }
.placeholder h2 { color: #A62495; font: 18px 'Roboto'; text-align: center }

.slider { position: relative; left: -244px; width: 9999px; }
.slider li { list-style-type:none; float: left; height: 300px; margin-right: 1px; width: 243px }
.slider li a { display: block; height: 156px }
.slider li img { display: block; height: 136px; width: 243px }
.slider li h2 { font: 15px 'Roboto'; color: #A62495; margin-bottom: 8px; min-height: 40px; text-align: center; }
.slider li p { color: #9A3CBD; font-family:'Roboto'; font-size: 13px; line-height: 17px; margin: 0 auto; text-align: center; width: 190px }

.carousel-container { margin: 0 auto; position: relative; width: 732px }
.carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 54px; width: 29px; z-index: 5 }
.carousel-container .prev { background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -20px;}
.carousel-container .next { background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -20px;}
.carousel-inner { float: left; width: 732px; overflow: hidden; }
/* YOUTUBE */


/* PLANOS */
.planos { width: 100%; height: auto; clear: both; background-color: #ffffff; margin: 0px; position: relative; z-index: 106 }
.planos .pros { width: 100%; height: auto; position: relative; clear: both; }
.planos .pros ul { width: 100%; height: auto; list-style-type: none; text-align: center; padding: 20px 0px 60px 0px; }
.planos .pros ul li { width: 300px; height: auto; min-height: 400px; display: inline-block; vertical-align: top; text-align: center; margin: 20px 10px; }
.planos .pros ul li #destaca { border: #009aff 1px solid !important; }
.planos .pros ul li .caixa { width: 298px; height: auto; border: #dddddd 1px solid; }
.planos .pros ul li .caixa .nomeproduto { width: 100%; height: 25px; text-align: center; position: relative; margin-top: -13px; }
.planos .pros ul li .caixa #recomenda { background-color: #009aff !important; border:#009aff 1px solid; margin-top: -25px; height: 45px; margin-left: -1px; }
.planos .pros ul li .caixa #recomenda span { background-color: transparent !important; color: #ffffff !important; line-height: 45px !important; }
.planos .pros ul li .caixa .nomeproduto span { color: #000000; font-size: 20px; letter-spacing:-1px; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: center; background-color: #FFFFFF; padding: 5px; }
.planos .pros ul li .caixa .intro { width: 90%; padding: 15px 5% 25px 5%; text-align: center; color: #000000; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 400; }
.planos .pros ul li .caixa .topicos { width: 86%; padding: 15px 0px 25px 0px; margin: 0px 7%; height: auto; }
.planos .pros ul li .caixa .topicos p { width: 100%; padding: 10px 0px; text-align: left; color: #000000;font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 14px; border-bottom: #dddddd 1px solid; background-size: 14px 14px; background-repeat: no-repeat; background-position: 10px center; }
.planos .pros ul li .caixa .topicos p i { float: left; padding: 0px 7px 0px 3px; font-size: 13px; line-height: 14px; color: #000000; }
.planos .pros ul li .caixa .topicos img { float: right; width: 18px; opacity: 0.4; }
.planos .pros ul li .caixa .topicos p:hover img { opacity: 1; }
.planos .pros ul li .caixa .valor { width: 100%; padding: 15px 0px; text-align: center; color: #000000; background-color: #f4f1f0; font-size: 42px; font-family: 'Roboto', sans-serif; font-weight: 200; line-height: 42px; }
.planos .pros ul li .caixa .valor p { font-size: 14px; font-weight: 400; line-height: 14px; width: 90%; padding-left: 20px; float: left; padding-top: 5px; text-align: left; }
.planos .pros ul li .caixa .valor span { font-size: 24px; font-weight: 200; line-height: 42px; }
.planos .pros ul li .caixa .periodicidade { width: 100%; padding: 12px 0px; text-align: center; color: #000000; background-color: #dddddd; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 14px; }
.planos .pros ul li .caixa .contrata { width: 100%; padding: 25px 0px; text-align: center; height: auto; }
.planos .pros ul li .caixa .contrata .btao { width: 170px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; background-color: #000000; color: #ffffff; font-size: 15px; letter-spacing: 1px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.planos .pros ul li .caixa .contrata .btao:hover { background-color: #009aff; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* PLANOS */

/* BLOG HOME */
.blog { width: 100%; height: auto; clear:both; position:relative; background: #ffffff; }
.historico { width: 100%; height: auto; clear:both; position:relative; }
.historico ul { width: 100%; height: auto; list-style-type: none; padding: 0px 0px 20px 0px; text-align:center; }
.historico ul li { width: 300px; padding: 10px; margin: 0px 5px 20px 5px; height: auto; display: inline-block; vertical-align:top; text-align: center; color: #FFFFFF; font-size: 15px; }
.historico ul li img { width: 300px; height: 220px; }
.historico ul li .nomecat { position: absolute; margin: -40px 0px 0px 10px; width: auto; height: auto; clear: both; color: #FFFFFF; background-color: #00929F; font-size: 12px; line-height: 12px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: uppercase; padding: 5px; }
.historico ul li .titulo_blog { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #FFEE00; font-size: 16px; font-family: 'Roboto'; font-weight: 700; text-align: left; text-transform: inherit; }
.historico ul li .data_blog { width: 100%; height: auto; clear: both; color: #FFFFFF; font-size: 16px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
.historico ul li .manchete_blog { width: 100%; height: auto; clear: both; color: #FFFFFF; font-size: 16px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
/* BLOG HOME */

/* DEPOIMENTOS */
.depoimento { width: 100%; height: auto; clear:both; position:relative; background: #ffffff; }
.depoimentos { width: 100%; height: auto; clear:both; position:relative; }
.depoimentos ul { width: 100%; height: auto; list-style-type: none; padding: 0px 0px 20px 0px; text-align:center; }
.depoimentos ul li { width: 470px; padding: 10px; margin: 0px 5px 20px 5px; height: auto; display: inline-block; vertical-align:top; text-align: center; color: #008F9C; font-size: 15px; }
.depoimentos ul li .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden; position: relative; width: 150px; height: 150px; display: inline-block; vertical-align:top; position:relative; }
.depoimentos ul li .avatar img { width: 150px; height: 150px; }
.depoimentos ul li .contes { width: 300px; height: auto; margin-left: 15px; display: inline-block; vertical-align:top; position:relative; }
.depoimentos ul li .contes .titulo_blog { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #000000; font-size: 16px; font-family: 'Roboto'; font-weight: 700; text-align: left; text-transform: inherit; }
.depoimentos ul li .contes .data_blog { width: 100%; height: auto; clear: both; color: #008F9C; font-size: 14px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
.depoimentos ul li .contes .manchete_blog { width: 100%; height: auto; clear: both; color: #008F9C; font-size: 16px; font-family: 'Roboto'; font-weight: lighter; text-align: left; font-style: italic; text-transform: inherit; }
.depoimentos #pager { width: 100%; height: auto; position: relative; text-align: center; }
.depoimentos .bullet-padrao a { position: relative; text-indent:-9999px; display: inline-block; width:7px; height:7px; background-color:rgba(0,0,0,0.4); margin: 0px 7px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.depoimentos .bullet-padrao a.selected { text-indent:-9999px; display: inline-block; position: relative; background-color:#000000;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 7px; height: 7px; }
/* DEPOIMENTOS */
 
/*CLIENTES*/
ul.clientes{width: 100%; height: auto; margin-top: 80px; text-align: center;}
ul.clientes li{list-style: none; text-align:center; display: inline-block; vertical-align:top; width:150px; height:auto; min-height: 50px; margin: 0px 15px;}
ul.clientes li p { display:inline-block; padding: 8px 12px; vertical-align:top; width:150px; height:auto; min-height: 50px; font-family: 'Roboto'; font-size: 12px; color: #555555; border: 1px solid #555555; line-height: 50px; text-align: center; font-weight: bold; }
/*CLIENTES*/

/*DOWNLOADS*/
ul.downloads{width: 100%; height: auto; margin-top: 20px; text-align: center;}
ul.downloads li{list-style: none; display: inline; width:198px; height:55px; margin: 0px 19px 50px;}
ul.downloads li p { display:inline; padding:0px 5px; width:198px; height:55px; font-family: 'Roboto'; font-size: 12px; color: #000000; border: 1px solid #000000; line-height: 54px; text-align: center; font-weight: bold; }
/*DOWNLOADS*/

/*CASES*/
ul.cases{width: 100%; height: auto; margin-top: 30px; position: relative; list-style: none; text-align:center; }
ul.cases li{ display: inline-block; margin-right: 1px; opacity:0.4; width: auto; padding:0px; height: auto; cursor: pointer; overflow:hidden; }
ul.cases li img{ position: relative; display:block; }
ul.cases li p{font-family: 'Roboto'; border: 1px solid #FFFFFF; font-size: 12px; color: #636363; line-height: 15px; text-align: center; font-weight: bold;}
ul.cases li p:hover, ul.cases li.ativo p{border: 1px solid #636363; opacity:1; }
ul.cases li.ativo {opacity:1; }

#screenshot{position: absolute; width:auto; max-width:200px; height: auto; z-index: 10; border:1px solid rgba(99,99,99,0.5); background: rgba(255,255,255,0.8); padding: 10px; font-weight:bold; display: none; color: #679215; font-family: 'Roboto'; text-align: center; font-size:16px;}

ul.cases2{width: 100%; height: auto;}
ul.cases2 li{ display: inline-flex; flex-direction: column; list-style: none; float: left; width: 310px; height: auto; margin: 20px 11px; cursor: pointer;box-shadow: 0px 0px 0px 1px #eeeeee inset; border-radius: 4px;}
ul.cases2 li.listar { width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px); text-align: center; }
ul.cases2 li.listar h1 { font-family: 'Roboto'; font-size: 20px; color: #636363; font-weight: bold; text-align: center; line-height: 30px; border-bottom: #636363 1px solid; padding-bottom:10px; }
ul.cases2 li.listar h2 { font-family: 'Roboto'; font-size: 15px; color: #636363; font-weight: normal; text-align: left; line-height: 20px; padding-top:10px; }
ul.cases2 li.listar .interesse { width: 200px; height:50px; line-height: 50px; text-align:center; font-weight: normal; font-family: 'Roboto'; background-color: #FFFFFF; color:#333333; font-size: 18px; margin: 20px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; position: relative; float: right; margin: 0px 0px 10px 20px; }

ul.cases2 li .mascara2{ order: 2; width: 310px; height: auto; background-color: rgba(255,255,255, 0.4); padding: 0px !important; }
ul.cases2 li .mascara2 h3 {font-family: 'Roboto'; font-size: 18px; color: #636363; font-weight: normal; text-align: center; line-height: 1; width: 280px; height: auto; position: relative; margin: 0px 10px; display:block; margin-top: 12px; }
ul.cases2 li .mascara2 p { display: block; font-family: 'Roboto'; font-size: 12px; font-weight: 600; color: #6A8830; width: fit-content; height: auto; padding: 4px 16px; margin: 8px auto 16px; border: 1px solid #6A8830; border-radius: 16px; }
ul.cases2 li img{order: 1; width: 308px; height: 250px; border-radius: 4px 4px 0px 0px; margin: 1px 0px 0px 1px;}

#cases_ativo{width: 100%; height: auto; padding-bottom: 60px; display: none;}
#cases_ativo .txt1 { font-family: 'Roboto'; font-size: 16px; color: #636363; text-align: justify;}
#cases_ativo .txt1 p { clear:both; font-weight: normal; font-family: 'Roboto'; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; border: 1px solid #636363; padding: 5px 10px; cursor: pointer; margin-top: 30px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }


.interesse {font-weight: 600; font-family: 'Roboto'; background-color: #6A8830; color: #ffffff; font-size: 14px; padding: 10px 24px; margin: 20px 0px; border-radius: 4px; }

#cases_ativo .txt1 .topicos { clear:both; position:relative; width:100%; height:auto; }
#cases_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
#cases_ativo .txt1 .topicos ul li { float:left; background-image: linear-gradient(0deg, rgba(99,99,99, 0) 0%, rgba(99,99,99, 0.2) 100%); width: -moz-calc(33% - 24px); width: -webkit-calc(33% - 24px); width: -o-calc(33% - 24px); width: calc(33% - 24px); height:auto; padding: 10px;  margin:1px; }
#cases_ativo .txt1 .topicos ul li .contes { padding-left:10px; text-align:left; color:#636363; font-weight: normal; font-family: 'Roboto'; font-size: 14px; }
#cases_ativo .txt1 .topicos ul li .contes .tag_titulo { padding: 10px 0px 8px 0px; width: 100%; height: auto; font-size: 16px; font-weight: bold; text-align: left; color:#636363; font-family: 'Roboto'; }
#cases_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }

#cases_ativo img{width: 300px; height: 250px; float: left; margin: 20px; border-radius: 4px;}
#cases_ativo .fechar{font-family: 'Roboto'; font-size: 14px; color: #636363; font-weight: bold; letter-spacing: -1px; border: 1px solid #636363; padding: 5px 10px; cursor: pointer; float: right; margin-top: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#cases_ativo .fechar:hover{color: #FFFFFF; background-color: #6A8830; border-color: #6A8830;}

ul#empfoto { display: flex; flex-flow: row wrap; width: 100%; height: auto; padding-bottom: 60px; text-align: center; list-style-type: none; }
ul#empfoto li { width: calc(25% - 32px); height: auto !important; display: inline-block; padding: 16px; }
ul#empfoto li img { width: calc(100% - 2px); height: auto; margin: 0px; border: 1px solid #edf0f5; }
/*CASES ATIVO*/

/*GALERIA*/
ul.galeria{width: 100%; height: auto; text-align:center; }
ul.galeria li{list-style: none; display:inline-block; width: 310px; height: auto; position:relative; overflow:hidden; max-height: 250px; margin: 20px 11px; cursor: pointer;}
ul.galeria li .mascara2{width: 310px; height: auto; max-height: 250px; position: absolute; background-color: rgba(0,94,39, 0.4); bottom:0px; padding: 15px 0px; }
ul.galeria li .mascara2 h3 {font-family: 'Roboto'; font-size: 18px; color: #FFFFFF; font-weight: normal; text-align: center; line-height: 22px; width: 280px; height: auto; position: relative; padding:0px 0px 10px 0px; letter-spacing:0px; border-bottom:#FFFFFF 1px solid; margin: 0px 10px; display:block; }
ul.galeria li .mascara2 p {font-family: 'Roboto'; text-transform:uppercase; font-size: 10px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 14px; width: 280px; height: auto; position: relative; padding: 10px 0px 0px 0px; letter-spacing:3px; margin: 0px 10px; display:block; }
ul.galeria li img{width: 310px; height: 250px;}

#galeria_ativo{width: 100%; height: auto; padding-bottom: 60px; display: none; border-top:#8FBC22 3px solid; }
#galeria_ativo .txt1 { font-family: 'Roboto'; font-size: 16px; color: #636363; text-align: justify;}
#galeria_ativo .txt1 p { clear:both; font-weight: normal; font-family: 'Roboto'; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; border: 1px solid #636363; padding: 5px 10px; cursor: pointer; margin-top: 30px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

#galeria_ativo .txt1 .topicos { clear:both; position:relative; width:100%; height:auto; }
#galeria_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
#galeria_ativo .txt1 .topicos ul li { float:left; background-color: rgba(99,99,99, 0.2); width: -moz-calc(33% - 24px); width: -webkit-calc(33% - 24px); width: -o-calc(33% - 24px); width: calc(33% - 24px); height:auto; padding: 5px 10px; text-align:left; color:#636363; font-weight: normal; font-family: 'Roboto'; font-size: 14px; margin:1px; }
#galeria_ativo .txt1 .topicos ul li span { float:right; padding-left:10px; }
#galeria_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }

#galeria_ativo img{width: 300px; height: 250px; float: left; margin: 0px 20px 20px 0px;}
#galeria_ativo .fechar{font-family: 'Roboto'; font-size: 16px; color: #636363; font-weight: bold; letter-spacing: -1px; border: 1px solid #636363; padding: 5px 10px; cursor: pointer; float: right; margin-top: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#galeria_ativo .fechar:hover{color: #FFFFFF; background-color: #6A8830;}

ul#galfoto { width:100%; height: auto; padding-bottom: 60px; text-align:center; list-style-type:none; }
ul#galfoto li { width: 300px; height:200px; display:inline-block; margin:10px; overflow:hidden; }
ul#galfoto li img { width: 300px; height:auto; display:inline-block; margin:10px; }
/*CASES ATIVO*/

/*LOCALIZACAO*/
.mascara3{width: 1000px; height: auto; clear:both; background-color: #FFFFFF; position: absolute; z-index: 100; opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75);}
.mascara3 .txt3{width: 100%; height: auto; padding: 20px 0px;}
.mascara3 .txt3 h1{font-family: 'Roboto'; font-size: 18px; color: <br />
<b>Notice</b>:  Undefined index: cortexto6 in <b>/home/palamad/public_html/novo/css/home.php</b> on line <b>266</b><br />
#; font-weight: bold; text-align: center;}
.mascara3 .txt3 p{font-family: 'Roboto'; font-size: 16px; color: <br />
<b>Notice</b>:  Undefined index: cortexto6 in <b>/home/palamad/public_html/novo/css/home.php</b> on line <b>267</b><br />
#; text-align: center;}
#mapa{width: 100%; height: 430px; position: relative; padding-top: 10px; overflow:hidden; }

.localiza { width: 100%; height:470px; }
.localiza .enderecos { width:96%; height: auto; margin:0px 2%; float:left; }
.localiza .enderecos .tagendereco { width:100%; height:auto; padding: 10px 0px; font-size: 16px; color: #ffffff; text-align: center; }
/*LOCALIZACAO*/

/*REPRESENTANTES*/
.pg-representa { max-width: 100%; padding: 20px 10px; height: auto; margin: 0 auto; }
.pg-representa .chamada-dir { position: absolute; left: 50%; margin-left: 200px; margin-top: 0px; width: 310px; height: 45px; }
.pg-representa .chamada-dir .cidade { position: absolute; left: 50%; margin-left: -70px; width: 170px; height: 22px; top: 6px; }
.pg-representa .chamada-dir .info { position: absolute; left: 50%; margin-top: -100px; margin-left: -145px; text-align: right; color: #0E9DA4; font-size: 18px; font-family: 'Roboto'; width: 240px; height: 22px; top: 25px; }

.pg-representa .chamada-dir .cidade #cidade-ativo { width: 170px; height: 22px; }

.pg-representa #listar { width: 400px; margin: 30px 0 0 0px; height: auto; float: right; text-align: center; color: #666666; font-size: 16px; font-family: 'Roboto'; list-style-type: none; }
.pg-representa #listar li { width: 389px; height: 54px; overflow: hidden; border-bottom: #e2e2e2 1px solid; margin: 8px 0px; }

.pg-representa #listar li .item { width: 37px; float: left; height: 35px; line-height: 34px; letter-spacing: -4px; padding-top: 7px; text-align: center; color: #0E9DA4; font-size: 40px; font-family: 'Roboto'; }
.pg-representa #listar li .dados { width: 343px; height: 46px; float: left; }
.pg-representa #listar li .dados .linhas { width: 195px; text-align: left; height: 12px; padding: 3px 0px 0px 13px; color: #0c237d; float: left; font-size: 10px; font-family: 'Roboto'; text-transform: uppercase; }
.pg-representa #listar li .dados .iempresa { width: 195px; text-align: left; padding: 0px 0px 0px 12px; line-height: 17px; height: 40px; color: #666666; float: left; letter-spacing: -1px; font-size: 17px; font-family: 'Roboto'; }
.pg-representa #listar li .dados .iempresa p { font-size: 12px; font-family: 'Roboto'; letter-spacing: 0px; color: #666666; }
.pg-representa #listar li .dados .ifone { width: 125px; text-align: right; padding: 5px 5px 0px 0px; height: 33px; color: #666666; line-height: 18px; float: right; letter-spacing: -1px; font-size: 20px; font-family: 'Roboto'; }

.loading-mapa { position: absolute; display: none; left: 50%; margin-left: 235px; margin-top: 150px; width: 60px; height: 60px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background:#ffffff url(../imagens/loading.gif) no-repeat center center; }

.pops { background-color: #ffffff; width: 17px; height: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: none; font-size: 14px; letter-spacing: -1px; font-family: 'Roboto'; color: #0c237d; padding: 5px; position: absolute; -webkit-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); }

.active { display:inherit; }

#map {display: block; float: left; margin: 10px 0 120px 30px; padding: 0; width: 444px; height: 447px;padding: 10px;}

.estadocel { display: none; width: 98%; height: auto; list-style-type: none; margin: 0 auto }
.estadocel li { width: 100%; height: auto; line-height: 15px; cursor: pointer; padding: 10px 0px; text-align: center; border:1px solid #0E9DA4; background-color: #F2F3FA; color: #0E9DA4; font-family: 'Roboto'; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 1px; }
.estadocel div { display: none; color: #0E9DA4; font-size: 13px; }
.estadocel .maisinfo { width: 100%; background-color: #ffffff; line-height: 20px; text-align: center; height: auto; padding: 10px 0px; }
.estadocel .maisinfo span { color: #0E9DA4; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; font-family: 'Roboto'; }
.estadocel .maisinfo p { max-width: 100%; padding: 5px 0px 5px 10px; border-bottom: #F2F3FA 1px solid; text-align: center; font-family: 'Roboto'; }
.estadocel .maisinfo a { color: #0E9DA4; }

/*CONTATO*/
.bloco4{width:200px; height:auto; float:left; margin-right: 150px; margin-top: 64px; margin-bottom: 64px; }
.bloco4 .telefones{width:300px; height:auto;}
.bloco4 .telefones .tag_contato {font-family: 'Roboto'; font-size: 28px; color:#FFFFFF}
.bloco4 .telefones p{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF; margin-top:5px; }
.bloco4 .telefones p a, .bloco4 .telefones a p { color:#FFFFFF; }
.bloco4 .horario{width:300px; height:auto; margin:12px 0px;}
.bloco4 .horario .tag_contato {font-family: 'Roboto'; font-size: 28px; color:#FFFFFF; margin-bottom:5px;}
.bloco4 .horario p{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF; margin-top:5px;}
.bloco4 .local{width:300px; height:auto; margin:12px 0px;}
.bloco4 .local .tag_contato {font-family: 'Roboto'; font-size: 28px; color:#FFFFFF}
.bloco4 .local p{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF; margin-top:5px;}
.endereco { width: 300px; height: auto; }
#mapa2{width: 300px; height: 250px; position: relative; padding-top: 10px; overflow:hidden; }
.bloco5{width:560px; height:500px; float:right;margin: 38px 0px;}
.bloco5 form .form2{width:560px; height:500px; margin:0 auto; padding-left: 50px; border-left: 1px solid rgba(255,255,255,0.3); padding-top: 16px; padding-bottom: 16px;}
.bloco5 form .labelTexto {width:200px; height:auto; margin:5px 0px; display:block; clear:both; font-family: 'Roboto'; font-size: 16px; color:#FFFFFF;}
.bloco5 form .form2 .mensagem{background: url(../imagens/enviar.png) no-repeat; width: 28px; height: 20px; position: absolute; margin-left: 8px; margin-top: 11px;}
.bloco5 form input[type=text]{width:500px; height:30px; padding:3px; float:left; margin-bottom:10px; font-family: 'Roboto'; font-size: 14px; color:#000000; border: 1px solid rgba(255,255,255,0.3); text-align: left;}
.bloco5 form select{width:510px; height:40px; padding:3px; float:left; margin-bottom:10px; font-family: 'Roboto'; font-size: 14px; color:#000000; border: 1px solid rgba(255,255,255,0.3); text-align: left; cursor: pointer;}
.bloco5 form textarea{width:500px; height:80px; padding:3px; float:left; margin-bottom:10px; border: 1px solid rgba(255,255,255,0.3); font-family: 'Roboto'; font-size: 14px; color: #000000; text-align: left;}
.bloco5 form select:focus, .bloco5 form textarea:focus, .bloco5 form input[type=text]:focus { border: 1px solid #FFFFFF;}
.bloco5 form input[type=submit]{width:145px; height:40px; padding:5px 10px; border: 1px solid #FFFFFF; background-color:#2D5118; font-family: 'Roboto'; font-size: 13px; color:#FFFFFF; cursor: pointer; }
.bloco5 form input[type=submit]:hover{ padding:5px 13px; border: 1px solid #2D5118; background-color:#FFFFFF; color:#2D5118; }
/*CONTATO*/

@media screen and (max-width: 1020px) {
	#map, .resultado { display: none; }
	.estadocel { display: inherit; width: 98%; height: auto; list-style-type: none; margin: 0 auto }
	.pg-representa { max-width: 100%; padding: 0px 10px 20px 10px; height: auto; margin: 0 auto; }
	/*HOME*/
	.mascara1 ul li{margin: 0px 7px; width: 215px; height: 215px;}
	/*HOME*/
	.mascara3{width: 100% !important; position:relative; }
	.util2 { width: 100%; }
	.destaques1 { width: 100%; height: auto; min-height: 465px; clear: both; background-color: #6A8830; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
	.destaques1 .informa { width: 440px; height: 465px; text-align: center; float: left; margin-left: 10px; }
	.destaques1 .descri {  width: -moz-calc(100% - 470px); width: -webkit-calc(100% - 470px); width: -o-calc(100% - 470px); width: calc(100% - 470px); font-size: 18px; text-align: left; padding: 0px; font-family: 'Lato'; font-weight: 300; float: left; text-align: right; }
	.destaques1 .descri p { font-size: 32px; line-height: 36px; }
	.destaques2 { width: 100%; height: auto; min-height: 465px; clear: both; background-color: #6A8830; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
	.destaques2 .informa { width: 440px; height: 465px; text-align: center; float: right; margin-right: 10px; }
	.destaques2 .descri {  width: -moz-calc(100% - 470px); width: -webkit-calc(100% - 470px); width: -o-calc(100% - 470px); width: calc(100% - 470px); font-size: 18px; padding: 0px; font-family: 'Lato'; font-weight: 300; float: right; text-align: left; }
	.destaques2 .descri p { font-size: 32px; line-height: 36px; }
	/*EMPRESA*/
	.txt2 { width: 100%; }
	.txt2 img { max-width:100%; height:auto; }
	.txt2 iframe,
	.txt2 object { width:100%; height:auto; }
	#um{width: 100%; float: none; margin: 0px; }
    .setas3{width: 360px; height: auto; margin-top:-130px; margin-left: -180px; left: 50%; position: absolute;}
	#next2{ background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: 10px;}
	#prev2{ background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: 10px;}
	/*EMPRESA*/
	/*CONTATO*/
	.bloco4{width:100%; height:auto; float: none; margin-right: 0px; margin-top: 0px; clear: both;}
	.bloco4 .telefones{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .horario{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .local{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco5{width:560px; height:580px; left: 50%; margin-left: -280px; position: relative; float: none; }
	/*CONTATO*/
	#cases_ativo .txt1 .topicos { clear:both; position:relative; width:100% !important; clear:both !important: height:auto; }
	#cases_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
	#cases_ativo .txt1 .topicos ul li { float:left; background-color: rgba(99,99,99, 0.2); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); height:auto; padding: 5px 10px; text-align:left; color:#636363; font-weight: normal; font-family: 'Roboto'; font-size: 14px; margin:1px; }
	#cases_ativo .txt1 .topicos ul li span { float:right; padding-left:10px; }
	#cases_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }


	.placeholder { min-height: auto; margin: 20px 0px 60px 0px; padding: 11px 0; position: relative }
	.placeholder iframe { display:block; height: auto; margin: 0 auto 8px; width: 100% }

	.placeholder:after { bottom: -30px; content: ""; height: 30px; left: inherit margin-left: inherit; position: absolute; width: auto; }

	.slider { position: relative; left: -244px; width: 9999px; }
	.slider li { list-style-type:none; float: left; height: 300px; margin-right: 10px; margin-left: 10px; width: 243px }
	.slider li a { display: block; height: 156px }
	.slider li img { display: block; height: 136px; width: 243px }
	.slider li h2 { font: 15px 'Roboto'; color: #A62495; margin-bottom: 8px; min-height: 40px; text-align: center; }
	.slider li p { color: #9A3CBD; font-family:'Roboto'; font-size: 13px; line-height: 17px; margin: 0 auto; text-align: center; width: 190px }

	.carousel-container { margin: 0 auto; position: relative; width: 100% }
	.carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 60px; width: 29px; z-index: 5 }
	.carousel-container .prev { background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -10px;}
	.carousel-container .next { background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -10px;}
	.carousel-inner { float: left; width: 100%; overflow: hidden; }

	.historico { width: 80%; height: auto; padding:0px 10%; clear:both; position:relative; }
	.historico ul li.primeiro { width: 100%; padding: 10px 0px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	.historico ul li { width: 100%; padding: 10px 0px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }

	.banner{width:100%; height:689px; position: relative; margin-top: 0px;}
	.banner .slider2{ width:1000px; height:689px; left: 50%; margin-left: -500px; position:absolute; z-index:10; float: left;}
	.banner .sliderContent2{ width:1000px; height:689px; clear:both; position: absolute;}
	.banner .sliderContent2 .item { width:1000px; height:689px; position: absolute; background-repeat: no-repeat; background-size: auto 100%; text-align: center; background-position: left center }
	.banner .sliderContent2 .item .esquerda { width: auto; max-width: 360px; display: inline-block; height: auto; float: none; text-align: center; }
	.banner .sliderContent2 .item .esquerda .cta-tag { text-align: center; height: 35px; margin: 25px 0px 15px 0px; text-align: center; display: inline-block; }
	.banner .sliderContent2 .item .esquerda .cta-tag span { font-weight: 300 !important; border-bottom: 4px solid; text-align: center;  margin-bottom: 10px; display: inline; }
	.banner .sliderContent2 .item .esquerda .cta-titulo { text-align: center; padding: 0px 0px 8px 0px; line-height: 36px; font-weight: 700; }
	.banner .sliderContent2 .item .esquerda .cta-introducao { text-align: center; padding: 12px 0px 30px 0px; line-height: 24px; }	
	.banner .sliderContent2 .item .esquerda .cta-botao { width: auto; display: inline-block; float: none; margin: 15px auto; padding: 0px 30px; background-color: #0E8CDA;  -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
	.banner .sliderContent2 .item .direita {  width: 100%; height: 200px; float: none; text-align: center; }
	.banner .sliderContent2 .item .direita img { width: auto; height: 200px; padding: 30px 0px; }
}
@media screen and (max-width: 980px) {
    #foo2 { width: 85%; margin: 20px 0px 35px 0px; height: auto; list-style-type: none; }
    #foo2 li { margin: 3px 20px; }
    #itensprincipal { width:0px; height:0px; overflow:hidden; display:none; }
    .recuo { display:inherit; }

	.iniciacao { width: 94%; left: inherit; margin-left: inherit; height: auto !important; padding: 30px 3%; background-color: #6A8830; position: relative; z-index: 102; }
	.iniciacao .slogan { text-align: center; }
	.iniciacao .capta1 .intro { text-align: center; }
	.iniciacao .capta1 #capta1 { text-align: center; }
	.iniciacao .capta1 #capta1 #emailcapta1, .iniciacao .capta1 #capta1 #nomecapta1 { width: 94%; padding: 0px 3%; margin-bottom: 10px; text-align: center; }
	.iniciacao .capta1 #capta1 #enviacapta1 { width: 100px; float: none; display: inline-block; }
}
@media screen and (max-width: 860px) {
	.destaques1 .informa { width: 100%; height: auto; text-align: center; float: none; clear: both; margin-left: 0; }
	.destaques1 .descri {  width: 94%; font-size: 18px; padding: 0px 0px 20px 0px; font-family: 'Lato'; font-weight: 300; float: none; text-align: center; margin: 0px 3%; }
	.destaques1 .descri p { text-align: center; }
	.destaques2 .informa { width: 100%; height: auto; text-align: center; float: none; clear: both; margin-left: 0; }
	.destaques2 .descri {  width: 94%; font-size: 18px; padding: 0px 0px 20px 0px; font-family: 'Lato'; font-weight: 300; float: none; text-align: center; margin: 0px 3%; }
	.destaques2 .descri p { text-align: center; }
	.destaques1 .informa img,
	.destaques2 .informa img { width:100% !important; height: auto !important; margin: 0px; }
}
@media screen and (max-width: 800px) {
	.bloco5 form .form2{ border-left: none; padding:left:0px; }
	ul.insta li{width: 33%; }
}
@media screen and (max-width: 640px) {
	#foo2 li { margin: 3px 10px; }
	/*CONTATO*/
	.bloco4 .telefones{ height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .horario{ height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .local{ height:auto; margin-top:16px; float: left; margin-right: 10px;}	
	/*CONTATO*/
	.historico { width: 94%; height: auto; padding:0px 3%; clear:both; position:relative; }
	.historico ul li.primeiro { width: 100%; padding: 10px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	.historico ul li { width: 100%; padding: 10px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	ul.galeria li{margin: 20px 0px; }
}
@media screen and (max-width: 510px) {
	/*INSTAGRAM*/
	ul.insta li{width: 100%; height: 275px; float: left; list-style: none;}
	/*INSTAGRAM*/
}
@media screen and (max-width: 480px) {
	/*HOME*/
	.banners {height: 550px;}
	.banners .slides li {height: 550px;}
	.mascara1{height: 550px;}
	#itensprincipal ul{padding-top: 120px;}
	#itensprincipal .txt1{padding-top: 30px; margin-top: 0px;}	
	/*HOME*/
	/*CLIENTES*/
	ul.clientes{display: flex; flex-flow: row wrap; width: 100%; position: relative;}
	ul.clientes li{display: flex; align-items: center; justify-content: center; width: 50%; margin: 0px 0px 8px;}
	/*CLIENTES*/
	/*CASES*/
	ul.cases li { width: 96px; }
	ul.cases li img{width: 96px; height:auto; }
	ul.cases2 { text-align:center; }
	/*CASES*/
	/*CONTATO*/
	.bloco5{width:300px; height: auto; left: 50%; margin-left: -150px; position: relative; float: none; margin-top: 20px;}
	.bloco5 form .form2{width:300px; height: auto; padding-left: 0px; border-left: none; margin-top: 40px; }
	.bloco5 form input[type=text]{width:300px; height:20px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form select{width:308px; height: 30px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form select option{width:100%; height: 30px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form textarea{width:300px; height:70px; padding-left:0px; padding-right:0px; text-align:center; }
	/*CONTATO*/

    #foo2 li { margin: 3px 30px; }
    ul#empfoto { padding-bottom: 0px; }
    ul#empfoto li { width: 50%; margin: 0px; padding: 0px; }
    ul#empfoto li img { width: calc(100% - 10px); height: auto; margin: 0px 5px 10px; }
}
@media screen and (max-width: 360px) {
	.banner .sliderContent .item .esquerda { max-width: 320px; }
}

/* */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

*:not(.icon) {
    font-family: 'Open Sans', sans-serif !important;
    outline: none !important;
}

.titulo {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    line-height: 1;
    font-weight: 600;
}

.hide {
    display: none !important;
}

.button {
    background: #6A8830;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 2px;
    cursor: pointer;
}

.button.hollow {
    background: #ffffff;
    color: #6A8830;
    border: 1px solid #6A8830;
}

/* Menu */

ul.menu li.ativo, 
ul.menu li:hover {
    color: #ffffff;
}

/* Rodapé */

.rodape .util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 120px;
}

.rodape .info p {
    font-size: 14px;
}

/* Mais Visitados */

.mais_vendidos {
    border: 1px solid #eaeaea;
    padding: 10px;
    margin-top: 5px;
}

.mais_vendidos h3 {
    font-size: 16px;
    color: #808080;
    padding-bottom: 10px;
}

.mais_vendidos a {
    color: #808080;
    margin: 0px 5px;
    font-size: 12px;
    display: initial;
}

.mais_vendidos a:first-of-type {
    margin-left: 0px;
}

.mais_vendidos a:last-of-type {
    margin-right: 0px;
}

.mais_vendidos_regioes {
    padding-bottom: 10px;
    margin-top: 30px;
}

/* Nav Tabs */

.tabs-panel {
    display: none;
}

.tabs-panel.is-active {
    display: block;
}

ul.tabs {
    list-style: none;
}

ul.tabs li {
    display: inline-block;
    color: #2d2d2d;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

ul.tabs li a {
    padding: 5px 10px;
    display: block;
}

ul.tabs li.is-active {
    background-color: #f5f5f5;
    border-bottom-color: #f5f5f5;
}

.tabs-panel {
    padding: 15px 30px;
    box-shadow: 0px 0px 0px 1px #e0e0e0;
    background: #f5f5f5;
}

ul.tabs li:first-child {
    margin-left: -1px;
}

ul.tabs li a:hover {
    color: #333333;
}

.tab_lista_regioes a {
    color: #808080;
    font-size: 12px;
}

.tab_lista_regioes a:hover {
    color: #333333;
}

.mais_vendidos_regioes table {
    width: 100%;
}

#corpo_tag .contato h4,
#corpo_tag table h4 {
    text-align: left;
    display: initial;
}

#corpo_tag .contato p,
#corpo_tag table p {
    font-size: 12px;
    margin-top: 5px;
}

#corpo_tag .contato .button {
    float: right;
}

#corpo_tag #tab_veja_mais .veja_mais_img {
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 100%;
    margin: 0px 25px;
}

#corpo_tag #tab_veja_mais label {
    color: #404040;
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

#corpo_tag #tab_veja_mais td:first-child {
    line-height: 1.5;
}


#corpo_tag #tab_veja_mais {
    margin-top: 80px;
}


#corpo_tag .mais_vendidos {
    margin-top: 80px;
    padding: 0px 10px;
    padding-bottom: 10px;
}

ul.tabs li:not(:first-child) {
    margin-left: 5px;
}

.mais_vendidos_regioes h3,
#corpo_tag .mais_vendidos_regioes h3 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.mais_visitados_tags {
    background: #f1f1f1;
    border: 1px solid #eaeaea;
    border-top: none;
    padding: 2px 10px;
    padding-bottom: 5px;
    line-height: 1;
}

.mais_visitados_tags label {
    font-size: 9px;
    font-weight: bold;
    color: #606060;
}

.mais_visitados_tags small {
    font-style: italic;
    font-size: 9px;
    color: #808080;
    font-weight: 300;
    margin: 0px 2px;
}

#tabela_tags {
    width: 100%;
}

#tabela_tags td > div {
    display: flex;
    justify-content: center;
}

/*  */

ul.menu li.ativo {
    font-weight: 800;
}

#a-empresa .txt2 {
    text-align: inherit;
}

.destaques1, 
.destaques2 {
    background-color: transparent;
}

#diferencial {
    background-color: #6A8830;
}

#a-empresa img {
    height: auto;
}

.mapadosite {
    display: none;
}

.destaques1 {
    background-image: url(../imagens/recorte-top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 8px;
}

.destaques2 {
    background-image: url(../imagens/recorte-bottom.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 8px;
}

#cases_ativo .titulo5 {
    display: flex;
    align-items: flex-end;
    font-weight: 600;
    font-size: 22px;
    text-align: inherit;
    line-height: 1;
    height: 104px;
    padding-bottom: 16px;
    color: #333333 !important;
}

#cases_ativo > .util {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    border: 1px solid #6A883030;
    border-radius: 8px;
}

#cases_ativo > .util > a {
    display: block;
    width: 30%;
}

#cases_ativo .txt1 {
    width: calc(70% - 128px);
    padding-right: 64px;
    padding-left: 64px;
}

#cases_ativo a {
    display: inline-block;
}

#cases_ativo .fechar {
    position: absolute;
    display: inline-block;
    height: fit-content;
    padding: 7px 8px 4px;
    top: -14px;
    right: -8px;
    margin: 0px;
    background-color: #ffffff;
}

#cases_ativo .fechar:hover svg {
    stroke: #ffffff;
}

ul.clientes li img {
    filter: saturate(0);
    transition: 0.3s;
}

ul.clientes li img:hover {
    filter: saturate(1);
}

#contato .bloco4 > div {
    margin-bottom: 28px;
    margin-top: 0px;
}

#contato .tag_contato {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Banner */

.banner .sliderContent2 .item .blc_fundo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .sliderContent2 .item .blc_fundo.mobile {
    display: none;
    z-index: -1;
}

.banner .sliderContent2 .item .blc_fundo.tablet {
    display: none;
    z-index: -2;
}

.banner .sliderContent2 .item .blc_fundo.desktop {
    z-index: -3;
}

@media only screen and (max-width: 480px) {
    .banner .sliderContent2 .item .blc_fundo.mobile {
        display: block;
    }
}

@media only screen and (max-width: 777px) {
    .banner .slider2,
    .banner .sliderContent2,
    .banner .sliderContent2 .item {
        width: 100%;
    }
    .banner .slider2 {
        height: 689px;
        left: 0px;
        margin-left: 0px;
        position: absolute;
        z-index: 10;
        float: none;
    }
    .banner .sliderContent2 .item .blc_fundo.tablet {
        display: block;
    }
}

/* Banners */

.banners .slides li .blc_fundo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banners .slides li .blc_fundo.mobile {
    display: none;
    z-index: -1;
}

.banners .slides li .blc_fundo.tablet {
    display: none;
    z-index: -2;
}

.banners .slides li .blc_fundo.desktop {
    z-index: -3;
}

@media only screen and (max-width: 480px) {
    .banners .slides li .blc_fundo.mobile {
        display: block;
    }
}

@media only screen and (max-width: 777px) {
    .banners .slides li .blc_fundo.tablet {
        display: block;
    }
}

/* Botaõ flutuante Whats */

#btn_ft_whats {
    width: 65px;
    height: 65px;
    border: none;
    box-shadow: 0 0 0 0 #81B71A;
    border-radius: 50%;
    background-color: #81B71A;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
}

#btn_ft_whats:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

#btn_ft_whats a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

/* Modal */

.modal-pr {
    display: none;
}

.modal-pr[data-open="true"] {
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #00000020;
    z-index: 999999;
}

.modal-pr .modal-bloco {
    position: absolute;
    top: 64px;
    right: 0px;
    left: 0px;
    max-width: 600px;
    margin: 0px auto;
    padding-bottom: 64px;
}

.modal-pr .modal-bloco > div {
    position: relative;
    background-color: #ffffff;
    padding: 32px 24px;
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px #00000040, 0px 8px 64px -8px #00000040;
}

.modal-pr .modal-bloco .btn-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.modal-pr h2 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 12px;
}

.modal-pr .modal-bloco .m_titulo {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 4px;
}

.modal-pr .modal-bloco .m_subtitulo {
    color: #909090;
    margin-bottom: 20px;
}

html.modal_aberto, 
html.modal_aberto body {
    overflow: hidden;
}

html.modal_aberto .modal-pr[data-open="true"] {
    overflow-y: auto;
}

/* Modal Marra */

.modal-pr#modal_marra * {
    text-align: center;
}

.modal-pr#modal_marra .modal-bloco .m_titulo {
    padding: 0px 16px;
}

.modal-pr#modal_marra .modal-bloco a {
    color: #34b77c;
}

.modal-pr#modal_marra #btn_marra,
.modal-pr#modal_marra #btn_fale_conosco {
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    margin-top: 24px;
    padding: 8px 32px 8px 16px;
    border-radius: 4px;
}

.modal-pr#modal_marra #btn_marra {
    background-image: linear-gradient(45deg, #13a08d, #54cd6b);
}

.modal-pr#modal_marra #btn_fale_conosco {
    background-image: linear-gradient(45deg, #457d74, #689e95);
}

.modal-pr#modal_marra #btn_marra img,
.modal-pr#modal_marra #btn_fale_conosco img {
    margin-top: -16px;
    margin-bottom: -8px;
    margin-right: 4px;
}

.modal-pr#modal_marra .blc_direitos {
    font-size: 14px;
    font-weight: 300;
    color: #909090;
    margin-top: 4px;
}

.modal-pr#modal_marra .logo_marra img {
    max-width: 284px;
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Modal Privacidade */

#modal_privacidade ul {
    margin-left: 32px;
}

#modal_privacidade li, #modal_privacidade p {
    margin-bottom: 12px;
}

/* Bloco Cookies */

#blc_cookies {
    position: fixed;
    display: flex;
    flex-flow: row wrap;
    max-width: 356px;
    left: 20px;
    bottom: 20px;
    background-color: #ffffff;
    padding: 24px 24px;
    box-shadow: 0px 0px 4px 0px #00000020, 0px 4px 24px -2px #00000020;
    border-radius: 4px;
    z-index: 999999;
}

#blc_cookies h4, 
#blc_cookies p {
    margin-bottom: 8px;
}

#blc_cookies p a {
    color: #6A8830;
    cursor: pointer;
}

/* Mobile */
@media only screen and (max-width: 479px){
    
    .h1_h2 h2 {
        width: 100%;
    }
    
    #diferencial {
        padding-bottom: 128px;
    }
    
    #diferencial .dstq .descri {
        display: block;
        width: 80%;
        padding-left: 10% !important;
        padding-right: 10% !important;
        margin: 0px;
    }
    
    #a-empresa .titulo {
        margin-bottom: 4px;
    }
    
    #a-empresa .txt2, 
    #a-empresa p {
        text-align: center !important;
    }
    
    #diferencial img {
        width: calc(100% - 64px) !important;
    }
    
    .destaques2 {
        padding-top: 64px;
        padding-bottom: 0px;
    }
    
    .topo2 .logomarca_template, .logomarca_templateb {
        height: 70px;
        background-size: contain;
        margin: 8px 0px;
    }
    
    .banner .sliderContent2 .item .esquerda {
        margin-top: 164px;
    }
    
    .topo2 .iconemenu {
        margin-right: 16px;
    }
    
    #contato .bloco4 {
        margin-left: 28px;
        margin-bottom: 32px;
        margin-top: 32px;
    }
    
    #cases_ativo .titulo5 {
        text-align: initial;
        line-height: 1;
        height: auto;
        margin-bottom: 16px;
    }
    
    #cases_ativo > .util {
        flex-direction: column;
    }
    
    #cases_ativo .txt1 {
        width: calc( 100% - 32px );
        padding-left: 16px;
        padding-top: 32px;
        text-align: initial;
    }
    
    #cases_ativo > .util > a {
        width: 100%;
    }
    
    #cases_ativo img {
        width: 100%;
        height: auto;
        margin: 0px;
        margin-top: 8px;
    }
    
    ul#prclient {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
    }
    
    #cases_ativo {
        width: calc( 100% - 32px );
        margin-left: 16px;
    }

    .modal-pr .modal-bloco {
        right: 16px;
        left: 16px;
    }
    
    .modal-pr#modal_marra #btn_fale_conosco {
        margin-top: 8px;
    }
    
    #blc_cookies {
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
    
}