@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family: 'Comfortaa', cursive, Arial, sans-serif;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a,body,input,p,ul{color:#000}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}a,input,p,textarea,ul{font-family:Arial,sans-serif;font-size:14px}body{line-height:normal}table{border-collapse:separate;border-spacing:0}caption{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}address{font-style:normal}
a{text-decoration:none}
img,object,embed,video, iframe,iframe[style]{max-width:100%;}
 
.centro{ max-width:1175px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}
 a{transition: all 0.6s;}

#header{height:auto; position:relative; float: left; width: 100%; border-top: 3px solid #ffb538;}

.logo{ float: left; margin: 25px 0; }

.midias{float: left; margin:10px 0 0 100px;}
	.midias li{display: inline-block; margin: 0 1px;}
	.midias li a{display: block; width: 32px; height: 32px; background-image: url(../img/icones/midias.png); background-color: #fff; 
		background-repeat: no-repeat; border-radius: 50%;}
		.midias li a:hover{background-color: #ffb538;}
	.facebook{background-position: 11px center; } 
	.instagram{background-position: -24px center; } 
	.twitter{background-position: -59px center; } 

/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		
#menu{ height:auto; width:100%; float: right; margin: -75px 0 0px 0; }
#menu ul{float: right;}
#menu ul li{ float:left; height: 37px; position: relative;}
#menu ul li a{ font-size:13px; display: block; height: 37px; padding: 0px 9px; line-height: 37px; color:#343434; font-weight: 700;
	text-transform: uppercase; font-family: 'Comfortaa', cursive;} 
#menu ul li a:hover, #menu a.active{ background: #ffbe51; } 
.sep{width: 5px; background: url(../img/icones/sep.png) no-repeat center;}
#menu span{display: none;}
#menu svg{ width: 20px; height: 20px; fill: #343434; margin-top: 8px;}
.nocurso{cursor: default;}

/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 50px; left:0px; display: none; width:195px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width:195px; background:#027f01; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; padding: 8px 10px; font-size:15px; background: #027f01; border-bottom:1px dotted #fff;}
#menu li ul li a:hover{background: #025601;}
#menu li ul li:last-child a{border-bottom: none;}

@media only screen and (min-width: 1200px) { 
#menu.nav-fixed {position: fixed; left: 0; top:0; z-index: 99999; background: #434345; width: 100%; margin: 0 0; padding: 5px 0;}
#menu.nav-fixed ul{ display: block; margin: 0 auto; text-align: center; float: none;}
#menu.nav-fixed ul li{float: none; display: inline-block;}
#menu.nav-fixed ul li a{color: #fff;}
#menu.nav-fixed ul li svg{ fill: #fff; margin-top: 0; margin-bottom: -5px;}
#menu.nav-fixed  a.active{color:#343434; }
}
/********************** Inicio titulos *******************************/ 


.titulo { margin:-50px 0 45px 0; background: #434345 url(../img/bg/titulos.jpg) no-repeat center; padding: 40px 0;
border-bottom: 5px solid #ffbe52; background-size: cover;}
.titulo h1{ color: #ffbe52; font-weight: 700; font-size: 30px; text-transform: uppercase; } 

.tt-not{color: #434345; font-size: 24px;}
.data-not{border-bottom: 1px dotted #757575; margin-bottom: 25px; display: block; padding-bottom: 5px; color: #757575;}
.tt{color: #434345; font-size: 20px; margin-bottom: 40px; text-align: center; padding-top: 15px;}
	.tt-no-m{margin-bottom: 0}


h1, h2, h3, h4, h5, h6{ font-weight: 700; }

.tthome{text-align: center; margin-bottom: 35px; font-size: 25px; text-transform: uppercase;}
/********************** Inicio Conteiner *******************************/

#conteiner {padding: 50px 0; clear: both; }
#conteiner p, #conteiner li {line-height: 20px;} 


#painel-home{display: block; clear: both; width: 100%; } 




.texto-home{max-width: 935px; display: block; margin: 0 auto;} 
.texto-home h2{ font-size: 20px; line-height: 24px !important; text-align: center; margin-bottom: 30px;}
.texto-home p{color: #777777; font-size: 16px; text-align: center;}

.quem-somos p {color: #777777; font-size: 16px;}
.lista-home li {
	padding: 9px 10px 9px 30px !important; font-size: 15px !important;
}

.boxe-home, .boxe{ float:left; width:23%; height:auto; text-align: center; margin:0 2% 0 0; }
.boxe-home:nth-of-type(4n+0), .boxe:nth-of-type(4n+0){margin:0 0 0 0;} 
.boxe-home h2{ font-size:16px; /*background: #ffb940; border-radius: 20px; padding: 5px 15px; */margin: 10px 0 0 0;} 
.boxe-home p{ font-size:14px; color: #585859; } 
.boxe-home img{border-radius: 5px;}

.boxe{height: 175px;  background: #fff; border-radius: 10px; padding: 20px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
transition: all 0.6s !important;} 
.boxe h2{color: #2d2d2d; font-size: 18px; font-weight: 700;}
	.boxe:hover{background: #ffb940;}
	.boxe:hover h2{color: #fff;}

.icone{width: 80px; height: 70px; display: block; margin: 0 auto 15px auto; /*border-radius: 50%; background: #fff;*/}
	.icone img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%); margin: 0 auto;}

.servicoshome{background: url(../img/bg/servicos.jpg) no-repeat center top; padding: 60px 0; background-size: cover; }
	.servicoshome h3{color: #ffb940; text-align: center; background: url(../img/icones/tt.png) no-repeat center; font-size: 25px;
		text-transform: uppercase; margin: 0px 0 50px 0;}
	.servicoshome h3 span{padding: 5px 20px; background: rgba(0,0,0,0.5); border-radius: 20px;}


.zoom{display: block; text-align: center; width: 100%; overflow: hidden; border-radius: 5px;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: rotate(10deg) scale(1.3); transition: all .5s;}

.faleconosco{min-height: 479px; background: url(../img/bg/faleconosco.jpg) no-repeat center top; background-size: cover; padding: 75px 0; }
.faleconosco h4{color: #fff; text-align: center; font-size: 25px; margin-bottom: 25px;}
.faleconosco p{color: #fff; text-align: center; font-size: 14px; margin-bottom: 25px;}

.faleconosco form{max-width: 730px; margin: 0 auto; display: block;}
.faleconosco .cmp-maior{width: 100%;float: left; margin-bottom: 15px;}
.faleconosco .cmp-medio{width: 32%; margin: 0 2% 15px 0; float: left;}
.faleconosco .cmp-medio:nth-of-type(3n+0){margin:0 0 15px 0;}
.faleconosco input,.faleconosco textarea{ width: 100%; padding: 10px; border-radius: 5px; background: #fff; border:none;
float: left; height: 45px; font-size:14px;}
.faleconosco textarea{height: 100px;}
.faleconosco input[type=submit]{ cursor:pointer; background:#ffb940; color:#131313; width: auto; width: 130px; 
 float:none; text-transform:uppercase; margin: 0 auto; float: right;} 

 .codcaptcha span{display: block; color: #fff; margin-bottom: 5px;}
 .faleconosco .captcha{padding: 10px; background: #fff; float: left; border: #131313; margin:0 10px 0 0; border-radius: 5px;}
/*---------------------- Formulários --------------------*/
#form {max-width: 585px; display: block; margin: 0 auto;}
#form label{display: block; float: left; margin-bottom: 15px; min-height: 50px; }
#form input,#form textarea{background: #fff; width: 100%; border: 1px solid #434345; height: 47px; font-size:14px; padding:10px;
border-radius: 5px; }
#form .lr {float: right;} 
.cmp-maior{width: 100%;}
.cmp-medio{width: 48%;}
#form label span { display: block; padding: 0 0 5px 0; font-size: 16px; color:#434345; }
#form textarea { height:183px; }
#form input[type=submit]{ cursor:pointer; background:#ffb940; color:#434345; border:none; width: auto; padding: 0 25px; 
font-size:16px; float:left; text-transform:uppercase; }
#form input[type=submit]:hover{background:#434345; color: #fff;}
.captcha{float: left; margin-top: 12px;}
#captcha{width: 210px !important; float: left;}



.lateral{float: right; width: 30%; padding: 2%; border: 1px solid #193483;}
.lateral hr{border:none; margin: 10px 0; border-bottom: 1px solid #c3c2c2;} 

/*Footer Rodapé*/
#footer{ background:#434345; height:auto; color:#FFF; clear: both; padding: 25px 0; border-top: 2px solid #ffb940;} 
#footer address{ float:left; font-size:14px; padding:10px; line-height: 20px;}

.logorodape{float: left; margin: 10px 55px 0 0;}

.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px;}

.rodape{padding: 10px 0; background: #29292b; clear: both; /*text-align: center;*/} 
.rodape span{color: #ffb538;  font-family: 'Comfortaa', cursive;}

.areacliente{float: right; margin-top: 15px;}
.areacliente a{color: #ffb638;}
.areacliente:before{content: url(../img/icones/areacliente.png); width: 28px; height: 28px; float: left; border-radius: 50%;
background: #29292b; padding: 5px; text-align: center; margin: -5px 10px 0 0}
/********************** Inicio Interna *******************************/
.main{min-height: 350px;}
	.main p{margin-bottom: 30px; font-size: 16px; color: #6b6b6b;}

.col-2{float: left; width: 48%;}
.col-2:nth-of-type(2n+0){float: right;}

.lista {margin-bottom: 30px; float: left; width: 100%;}
.lista li{padding: 10px 10px 10px 30px; background: #f5f5f5; margin-bottom: 5px; line-height: 20px; font-size: 16px; color: #373737;
position: relative;}
.lista li a {font-size: 16px; }
.lista li:before{content: ""; width: 8px; height: 15px; background: #ffbe51; float: left; position: absolute; left: 10px; top: 12px;}

.framewrapper {position:relative;height:0;padding-bottom:380px}
.framewrapper iframe { position:absolute;width:100%;height:100%;left:0;top: 0;}

/* Clientes */
.clientes{float: left; width: 23%; margin: 1%; border:1px solid #ccc; border-radius: 5px; text-align: center; padding: 10px; height: 150px;}
.clientes img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%); max-height:90%;}

/* Notícias */
.item-not { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #757575; padding-left: 15px;}
.item-not:last-of-type{border-bottom: none;}
.item-not:before{content: ""; height: 45px; width: 5px; background: #ffbe51; border-radius: 5px; float: left; margin:0 10px 0 -15px;}
.item-not h2 {color: #434345; font-size: 20px;}
.item-not time {color: #757575; margin-bottom: 10px; display: block;} 
.item-not p{margin-bottom: 0px;}

.btn{display: inline-block; padding: 10px 20px; background:#ffb940; color:#131313; font-size:16px; border-radius: 30px;}
	.btn:hover{background:#131313; color:#ffb940;}


.area-do-cliente{display: block; margin: 0 auto; max-width: 583px; border-radius: 10px; padding: 50px;
 background: url(../img/bg/area-do-cliente.jpg) no-repeat center;}	
 	.area-do-cliente form{width: 240px;}
 	.area-do-cliente label{ float: left; color: #fff; font-size: 14px; margin-bottom: 5px;}
 	.area-do-cliente input{width: 100%; float: left; padding: 10px; height: 45px; border-radius: 5px; border:none; margin-bottom: 25px;}
 		.area-do-cliente input[type=submit]{width: 130px; color: #131313; background: #ffb940; float: right; cursor: pointer;}

 	.area-do-cliente p{text-align: right; color: #fff;}
 	.area-do-cliente p a{color: #fff;}
 	.area-do-cliente p a:hover{text-decoration: underline;}

.m-no{margin-bottom: 0px !important;} 	
/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0; clear: both; color: #f00; font-size: 10px;}
#header .maia-teleport { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px} [dir=rtl] #maia-header .maia-teleport {left:auto; right:-10000px} #header .maia-teleport:active,#header .maia-teleport:focus,#header .maia-teleport:hover {background:#f9edbe; border:1px solid #f0c36d; -moz-border-radius:2px;
-webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 2px 4px rgba(0,0,0,.14); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.14); box-shadow:0 2px 4px rgba(0,0,0,.14);
height:auto; left:0; margin:5px auto; max-width:180px; padding:6px; right:0; text-align:center;	width:auto;	z-index:3} 
/* INICIO PAGINAÇÕES */
#paginacao {margin: 35px 0 0px 0; line-height: 38px; clear:both; width:100%; height:auto; text-align:center; vertical-align:middle; float:left;}
#paginacao a{color:#29292b; text-decoration: none; border:1px solid #a2a2a2; line-height:20px; padding:6px 8px; margin-left:3px; font-size:14px;}
#paginacao a:hover, .bt-nav {background: #a2a2a2; color: #fff !important; }
#paginacao strong{background:#ffb538;border:1px solid #a2a2a2;line-height:0;padding:6px 8px;margin-left:3px;color:#29292b; font-weight: normal; font-size: 14px;}
/* FIM PAGINAÇÕES */

/* whatsapp */
.wa { position: fixed; right: 10px; bottom: 10px; vertical-align: middle; text-align: center; padding: 5px; border-radius: 50%; z-index: 90001;}
.wa img { margin: 5px; max-width: 50px; display: block;vertical-align: middle;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffb538;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background-position: 0 0; }
.bx-wrapper .bx-next {right: 10px; background-position: -51px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -24.5px; outline: 0; width: 49px; height: 49px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}


.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; } 
	#menu {background: #434345; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: left;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #846229;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	#menu ul li a:hover,#menu ul li a.active{color: #434345;}
	#menu ul li ul{position:relative; top:0px; margin:0px; } 
	#menu ul li svg{display: none;}
	#menu ul li span{display: block;}
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px; z-index:99999; background: #434345; }	
	.barratopo p{color: #fff; position: absolute; line-height:35px; right: 60px;}
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}

	#header{margin-top: 35px; padding: 0 2%; }
	.logo{ display: block; margin: 30px auto; float: none; max-width: 191px; }
	#footer{padding: 15px 20px;}
	#conteiner, .faleconosco {padding: 30px 20px;}
	.servicoshome{padding: 50px 20px 30px 20px;}
	.logorodape{display: none;}
	.rodape{padding: 10px 20px;}
	.titulo{margin-right: -20px; margin-left: -20px; padding: 40px 20px; margin-top: -30px; margin-bottom: 30px;}
	#paginacao{margin-bottom: 25px;}
}
@media only screen and (max-width: 960px) {
	.midias{margin-left: 50px;}
}

@media only screen and (max-width: 860px) {
	#footer address{text-align: center; width: 100%;}
	.midias{margin: 15px auto;width: 100%; text-align: center; }
	.areacliente{display: block; margin: 0 auto; float: none; clear: both; width: 170px;}
	.boxe h2{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
	#form{width:100%}
	#form textarea, #form label,#form input, .col-2 {width:100% !important; float: left; } 
	#form #captcha{width: 180px !important;}
	#form input[type=submit]{width: auto !important;}
	#form .lr{float: left;}
	.boxe-home, .boxe{width: 49%;}
	.boxe-home:nth-of-type(2n+0), .boxe:nth-of-type(2n+0){margin:0 0 3% 0;} 
	.boxe h2{font-size: 18px;}
	.boxe-home h2{ margin-bottom: 15px;}
	.boxe-home:nth-of-type(3n+0) h2, .boxe-home:nth-of-type(4n+0) h2, .serv{margin-bottom: 0;}
	.tt, .tt-no-m{margin-bottom: 30px;}
	.tt-m{margin-bottom: 5px !important;}

}

@media only screen and (max-width: 620px) {
	.rodape span{display: block; text-align: center; font-size: 14px;}
	.pratica{clear: both; margin: 10px auto 0 auto; float: none; display: block;}
}

@media only screen and (max-width: 570px) {
	.faleconosco .cmp-medio{width: 100%; margin: 0 0 15px 0; }
	.faleconosco input[type=submit]{clear: both; float: left; margin-top: 15px;}
}	

@media only screen and (max-width: 470px) {
	.boxe-home, .boxe{width: 100%; margin: 0 0 40px 0 !important;}
	.servicoshome h3 span{line-height: 30px; display: block;}

}	


.codephix_blog_post_video {
  width: 900px;
  max-width: 90%;
  margin: 60px auto 0 auto;
}
.codephix_embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.codephix_embed-container iframe, .codephix_embed-container object, .codephix_embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
embed, video, iframe, iframe[style] {
  max-width: 100%;
  height: auto;
}