@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*/

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

.mascara1 {width: 100%; height: 700px; background-color: #FDB813; opacity: 0.01; position: absolute; top: 0px;  overflow:hidden; } 
#itensprincipal {width: 100%; height: 700px; 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: 14px; color: #FFFFFF; text-align: center;}
/*HOME*/

/* DESTAQUES */
.destaques1 { width: 100%; height: auto; min-height: 465px; background-color: #FFFFFF; clear: both; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques1 .informa { width: 50%; height: 465px; text-align: center; float: left; }
.destaques1 .informa img { width: 440px; margin: 80px 0px 25px 0px; height: 290px; position: relative; }
.destaques1 .descri { width: 45%; color: #000000; font-size: 15px; 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: #DA2C29; font-size: 32px; line-height: 32px; text-align: right; font-weight: 400; }
.destaques2 { width: 100%; height: auto; min-height: 465px; clear: both; background-color: #FFFFFF; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques2 .informa { width: 50%; height: 465px; text-align: center; float: right; }
.destaques2 .informa img { width: 440px; margin: 80px 0px 25px 0px; height: 290px; position: relative; }
.destaques2 .descri { width: 45%; color: #000000; font-size: 15px; padding: 0px; font-family: 'Roboto'; font-weight: 300; float: left; text-align: left; }
.destaques2 .descri p { width: 100%; height: auto; padding: 0px; color: #DA2C29; font-size: 32px; line-height: 32px; text-align: left; font-weight: 400; }
/* 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:#2BB1BE; }
.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: #000000; border:#2BB1BE 1px solid; }
.area-formulario2 input[type=button]{width:145px; height:40px; padding:5px 10px; border: 1px solid #2BB1BE; background-color:#FFFFFF; font-family: 'Roboto'; font-size: 13px; color:#2BB1BE; cursor: pointer; }
.area-formulario2 input[type=button]:hover{ padding:5px 13px; border: 1px solid #FFFFFF; background-color:#2BB1BE; color:#FFFFFF; }
/* ORÇAMENTOS */

/*EMPRESA*/
#um{width: 400px; float: left; margin: 0px 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; padding-top: 50px; left: 0px;}
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: #000000; 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: #000000; margin-bottom: 8px; min-height: 40px; text-align: center; }
.slider li p { color: #82A3FF; 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: 240px; 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 */

/* BLOG HOME */
.historico { width: 100%; height: auto; clear:both; position:relative; }
.historico ul { width: 100%; height: auto; list-style-type: none; }
.historico ul li.primeiro { width: 30%; padding: 10px; margin: 0px 10px 20px 0px; height: auto; float: left; text-align: center; color: #675f58; font-size: 15px; }
.historico ul li.primeiro img { width: 100%; height: auto; }
.historico ul li.primeiro .nomecat { position: absolute; margin: -40px 0px 0px 10px; width: auto; height: auto; clear: both; color: #683B51; background-color: #FFFFFF; font-size: 12px; line-height: 12px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: uppercase; padding: 5px; }
.historico ul li.primeiro h2 { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #683B51; font-size: 16px; line-height: 20px; font-family: 'Roboto'; font-weight: 700; text-align: left; }
.historico ul li.primeiro h3 { width: 100%; height: auto; clear: both; color: #000000; font-size: 14px; line-height: 18px; font-family: 'Roboto'; font-weight: 400; text-align: left; }
.historico ul li.primeiro h4 { width: 100%; height: auto; clear: both; color: #000000; font-size: 12px; line-height: 12px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: uppercase; }
.historico ul li { width: 30%; padding: 10px; margin: 0px 10px 20px 0px; height: auto; min-height:200px; float: left; text-align: center; color: #675f58; font-size: 15px; }
.historico ul li h2 { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #683B51; font-size: 16px; line-height: 20px; font-family: 'Roboto'; font-weight: 700; text-align: left; }
.historico ul li h3 { width: 100%; height: auto; clear: both; color: #000000; font-size: 14px; line-height: 18px; font-family: 'Roboto'; font-weight: 400; text-align: left; }
.historico ul li h4 { width: 100%; height: auto; clear: both; color: #000000; font-size: 12px; line-height: 12px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: uppercase; }
/* BLOG HOME */
 
/*CLIENTES*/
ul.clientes{width: 100%; height: auto; margin-top: 40px; text-align: center;}
ul.clientes li{list-style: none; display: inline-block; width:280px; border: 1px solid #683B51; height:auto; padding: 20px 10px; margin: 5px; background-color: #FFFFFF !important; }
ul.clientes li p { display:inline; padding:0px 5px; width:280px; height:auto; font-family: 'Roboto'; font-size: 12px; color: #683B51; line-height: 20px; text-align: center; font-weight: bold; }
ul.clientes li:hover { background-color: #683B51 !important; }
ul.clientes li:hover p { color: #FFFFFF !important; }
/*CLIENTES*/

/*DOWNLOADS*/
ul.downloads{width: 100%; height: auto; margin-top: 80px; text-align: center;}
ul.downloads li{list-style: none; display: inline; width:160px; height:130px; margin: 0px 19px 50px;}
ul.downloads li p { display:inline; padding:0px 5px; width:160px; height:130px; font-family: 'Roboto'; font-size: 12px; color: #FFFFFF; border: 1px solid #FFFFFF; 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 #FD2A24; font-size: 12px; color: #FFFFFF; line-height: 15px; text-align: center; font-weight: bold;}
ul.cases li p:hover, ul.cases li.ativo p{border: 1px solid #FFFFFF; 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(255,255,255,0.5); background: rgba(253,42,36,0.8); padding: 10px; font-weight:bold; display: none; color: #F7EE26; font-family: 'Roboto'; text-align: center; font-size:14px;}

ul.cases2{width: 100%; height: auto;}
ul.cases2 li{list-style: none; float: left; width: 310px; height: auto; position:relative; overflow:hidden; max-height: 250px; margin: 20px 11px; cursor: pointer;}
ul.cases2 li.listar { width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px); }
ul.cases2 li.listar h1 { font-family: 'Roboto'; font-size: 20px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 30px; border-bottom: #FFFFFF 1px solid; padding-bottom:10px; }
ul.cases2 li.listar h2 { font-family: 'Roboto'; font-size: 15px; color: #FFFFFF; font-weight: normal; text-align: center; line-height: 20px; padding-top:10px; }
ul.cases2 li .mascara2{width: 310px; height: auto; max-height: 250px; position: absolute; background-color: rgba(253,42,36, 0.4); bottom:0px; padding: 15px 0px; }
ul.cases2 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.cases2 li .mascara2 p {font-family: 'Roboto'; 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.cases2 li img{width: 310px; height: 250px;}

#cases_ativo{width: 100%; height: auto; padding-bottom: 60px; display: none;}
#cases_ativo .txt1 { font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; 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 #FFFFFF; padding: 5px 10px; cursor: pointer; margin-top: 30px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

#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(255,255,255, 0) 0%, rgba(255,255,255, 0.5) 100%); 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:#FFFFFF; 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; }

#cases_ativo img{width: 300px; height: 250px; float: left; margin: 0px 20px 20px 0px;}
#cases_ativo .fechar{font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; font-weight: bold; letter-spacing: -1px; border: 1px solid #FFFFFF; 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: #683B51;}

ul#empfoto { width:100%; height: auto; padding-bottom: 60px; text-align:center; list-style-type:none; }
ul#empfoto li { width: 300px; height:200px; display:inline-block; margin:10px; overflow:hidden; }
ul#empfoto li img { width: 300px; height:auto; display:inline-block; margin:10px; }
/*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,0,0, 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:#F7EE26 3px solid; }
#galeria_ativo .txt1 { font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; 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 #FFFFFF; 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(255,255,255, 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:#FFFFFF; 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: 14px; color: #FFFFFF; font-weight: bold; letter-spacing: -1px; border: 1px solid #FFFFFF; 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: #683B51;}

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: #000000; font-weight: bold; text-align: center;}
.mascara3 .txt3 p{font-family: 'Roboto'; font-size: 13px; color: #000000; text-align: center;}
#mapa{width: 100%; height: 430px; position: relative; padding-top: 50px; overflow:hidden; }
/*LOCALIZACAO*/

/*CONTATO*/
.bloco4{width:200px; height:auto; float:left; margin-right: 150px; margin-top: 20px;}
.bloco4 .telefones{width:300px; height:auto;}
.bloco4 .telefones h1{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF}
.bloco4 .telefones h2{font-family: 'Roboto'; font-size: 14px; color:#FFFFFF; margin-top:5px;}
.bloco4 .telefones h2 a, .bloco4 .telefones a h2 { color:#FFFFFF; }
.bloco4 .horario{width:300px; height:auto; margin-top:16px;}
.bloco4 .horario h1{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF; margin-bottom:5px;}
.bloco4 .horario p{font-family: 'Roboto'; font-size: 14px; color:#FFFFFF; margin-top:5px;}
.bloco4 .local{width:300px; height:auto; margin-top:16px;}
.bloco4 .local h1{font-family: 'Roboto'; font-size: 16px; color:#FFFFFF}
.bloco4 .local h2{font-family: 'Roboto'; font-size: 14px; color:#FFFFFF; margin-top:5px;}
.bloco4 .local p{font-family: 'Roboto'; font-size: 14px; color:#FFFFFF; margin-top:5px;}
.bloco5{width:560px; height:580px; float:right;}
.bloco5 form .form2{width:560px; height:550px; 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:15px; margin:5px 0px; display:block; clear:both; font-family: 'Roboto'; font-size: 14px; 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:#977684; 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:#977684; border: 1px solid rgba(255,255,255,0.3); text-align: left; cursor: pointer;}
.bloco5 form textarea{width:500px; height:130px; padding:3px; float:left; margin-bottom:10px; border: 1px solid rgba(255,255,255,0.3); font-family: 'Roboto'; font-size: 14px; color:#977684; 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:#977684; font-family: 'Roboto'; font-size: 13px; color:#FFFFFF; cursor: pointer; }
.bloco5 form input[type=submit]:hover{ padding:5px 13px; border: 1px solid #977684; background-color:#FFFFFF; color:#977684; }
/*CONTATO*/

@media screen and (max-width: 1020px) {
	/*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: #FFFFFF; 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: #FFFFFF; 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*/
	#conheca-empresa .txt2 img { max-width:100%; height:auto; }
	#um{width: auto; float: left; margin: 0px 50px 40px;}
    .setas3{width: 95%; 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: 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:auto; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .horario{width:auto; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .local{width:auto; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco5{width:560px; height:580px; left: 50%; margin-left: -280px; position: relative; float: none; padding-top: 130px;}
	/*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(255,255,255, 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:#FFFFFF; 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% }

	.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: #000000; margin-bottom: 8px; min-height: 40px; text-align: center; }
	.slider li p { color: #82A3FF; 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: 240px; 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; }

}
@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; }
    .banners,
    .mascara1,
    #itensprincipal { width:0px; height:0px; overflow:hidden; display:none; }
    .recuo { display:inherit; }
}
@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{width:auto; height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .horario{width:auto; height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .local{width:auto; 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{width: 100%; height: auto; text-align:center; margin-top: 20px; left:inherit; margin-left: inherit; position: relative;}
	ul.clientes li{list-style: none; float: none; display-inline-block; margin: 5px 0px;}
	/*CLIENTES*/
	/*CASES*/
	ul.cases li { width: 96px; }
	ul.cases li img{width: 96px; height:auto; }
	ul.cases2 li{list-style: none; float: left; width: 310px; height: 250px; cursor: pointer; left: 50%; margin-left: -155px; position: relative;}
	/*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*/
}
@media screen and (max-width: 360px) {
    #foo2 li { margin: 3px 30px; }
    ul#empfoto li { width: 300px; height:auto; float:left; margin:10px 0px; }
    ul#empfoto li img { width: 300px; height:auto; float:left; margin:10px 0px; }
}