@font-face {
  font-family: 'Roboto-Regular';
  src: url('wefonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('wefonts/Roboto-Regular/Roboto-Regular.woff') format('woff'), url('wefonts/Roboto-Regular/Roboto-Regular.ttf')  format('truetype'), url('wefonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('wefonts/Lato-Regular/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('wefonts/Lato-Regular/Lato-Regular.woff') format('woff'), url('wefonts/Lato-Regular/Lato-Regular.ttf')  format('truetype'), url('wefonts/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.roboto {
	font-family: 'Roboto-Regular'
}
.lato {
	font-family: 'Lato-Regular';
}
body {
}
.miniEspaco {
	height:30px;
}
.espaco {
	height:60px;
}
.navbar-static-top {
	margin-bottom:0px;
}
.navbar-default {
	background-color:#1B293A;
	border-bottom:solid 3px #218BBC;
	
}
.navbar-default .navbar-nav>li>a {
	color: #FFF;
	font-family: 'Roboto-Regular';
	font-size: 18px;
	text-transform: uppercase;
	background-image: url(../images/sep-menu.png);
	background-repeat: no-repeat;
	background-position: right center;	
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #208BBB;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #208BBB;
    background-color: transparent;
}
.topo {
	padding:15px 0px;
	background-color:#FFF;
}
.fastmenu {
	font-family: 'Roboto-Regular';
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#208BBB;
	text-transform:uppercase;
	float:right;
}
.fastmenu li {
	float:left;
	list-style:none;
	margin-right:50px;
	line-height:40px;
}
.nomg {
	margin:0px !important;
}
.menosmargin {
	margin-right:15px !important;
}
.acliente {
	margin-left:15px;
	margin-right:0px;
}
.index-mil {
	position:relative;
	z-index:2;
	margin-bottom:190px;
}
.theTop {
	margin-top:0px !important;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.brands {
	padding-top:5px;
	display:none;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   width:0px;
}
.brandsOn {
	padding-top:5px;
	display:block;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   width:auto;
}
.fixo {
	position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/* ---------------------------------------------------- seção recursos ----------------------------------------------------- */

#recursos {
	position:relative;
	z-index:2;
	padding-left:10px;
	padding-top:4%;
}
#recursos h1 {
	color:#1B293A;
	font-size:50px;
	font-family: 'Lato-Regular';
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.t-grey  {
	text-align:center;
	margin-bottom:30px;
}
#recursos h1 span {
	color:#218BBC;
	display:inline-block;
}
#recursos h3 {
	font-family: 'Lato-Regular';
	color:#1A2839;
	font-weight:bold;
	padding-top:25%;
	font-size:36px;
}
#recursos h3 p {
	color:#1F8BBA;
	padding-top:15px;
}
#recursos h4 {
	color:#666666;
	font-size:30px;
	text-align:center;
}
.seta01 {
	position:absolute;
	top:60%;
	left:30%;
}
.interessante {
	margin-top:60px;
}
.interessante img {
	margin-bottom:15px;
}
.interessante p {
	font-family: 'Roboto-Regular';
	font-size:18px;
	border-bottom:2px solid #7F8D8D;
	margin-bottom:8px;
	display:inline-block;
	padding-right:8px;
	color:#666;
}
.features {
	margin-top:40px;
	padding:0px;
}
.features p {
	color:#666666;
	font-family: 'Lato-Regular';
	font-size:16px;
}
.features li {
	float:left;
	list-style:none;
}
.f {
	width:47.5%;
	padding-top:10px;
}
#recursos h5 {
	font-size:24px;
	color:#208BBB;
	font-family: 'Roboto-Regular';
	text-transform:uppercase;
	font-weight:bold;
}
.t {
	padding:0px 15px;
}
/* ---------------------------------------------------- seção produtos ----------------------------------------------------- */
#produtos {
	padding-top:8%;
	margin-top:8%;
	position:relative;
	z-index:2;
	padding-left:10px;
}
#produtos h1 {
	color: #1B293A;
	font-family: 'Roboto-Regular';
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/icon-seta-gray.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:25px;
	padding-bottom:45px;
}
#produtos h2 {
	color:#333333;
	font-family: 'Lato-Regular';
	margin-bottom:45px;
}
.color {
	background-color:#1B293A;
	width:100%;
	height:150px;	
}
.description {
   padding:5px 10px;
   text-align:center;	
   min-height:60px;
}
.description p {
	color:#FFFFFF;
	font-family: 'Roboto-Regular';
	font-size:20px;
	margin-bottom:0px;
}
.description span {
	color:#FFF;
	font-size:16px;
	font-family: 'Roboto-Regular';
	text-transform:uppercase;
}
.img-cem {
	width:100%;
}
.dark-blue {
	background-color:#1B293A;
}
.live-blue {
	background-color:#218BBC;
}
.yellow {
	background-color:#F1C40F;
}
/* ---------------------- seçao atuação ------------------------------------------------------------------ */

#atuacao {
	padding-top:4%;
	position:relative;
	z-index:2;
}
#atuacao h1 {
	font-size:60px;
	color:#1B293A;
	font-family: 'Roboto-Regular';
	font-weight:bold;
}
#atuacao .box {
	width:84%;
	margin-left:auto;
	margin-right:auto;
}
.industrial {
	background-color:#155777;
	width:340px;
	height:340px;
	border-radius:100%;
	text-align:center;
	padding-top:15%;
	margin-top:10%;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.industrial:hover {
	background-color:#114964;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.industrial:hover img{
	-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
    -o-transform: rotateY( 360deg );
    transform: rotateY( 360deg );
			  
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.area p {
	color:#FFF;
	font-size:40px;
	font-family: 'Roboto-Regular';
	text-transform:uppercase;
	margin-top:40px;
}
.comercial {
	background-color:#F1C40F;
	width:340px;
	height:340px;
	border-radius:100%;
	text-align:center;
	padding-top:15%;
	margin-top:10%;
}
.comercial:hover {
	background-color:#CAA40D;
}
.comercial:hover img {
	-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
    -o-transform: rotateY( 360deg );
    transform: rotateY( 360deg );
			  
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
/* ---------------------- seçao blog ------------------------------------------------------------------ */
#blog {
	position:relative;
	z-index:2;
	padding-top:5%;
	margin-top:11%;
}
#blog h1 {
	color: #1B293A;
	font-family: 'Roboto-Regular';
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/icon-seta-gray.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:25px;
	padding-bottom:45px;
}
#blog h2 {
	color:#333333;
	font-family: 'Lato-Regular';
	margin-bottom:45px;
}
#blog .titulo {
	position:absolute;
	bottom:0px;
	background-color:rgba(44,63,80,0.8);
	padding:10px;
	color:#FFF;
	font-family: 'Lato-Regular';
}
#blog .titulo p {
	margin-bottom:0px;
	font-size:16px;
}
.fique-sabendo {
	float:right;
	padding-right:120px;
	padding-top:80px;
}
.fique-sabendo h3 {
	color:#7F8C8C;
	font-family: 'Roboto-Regular';
	font-size:32px;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0px;
}
.fique-sabendo h4 {
	color:#A9B1B1;
	font-family: 'Roboto-Regular';
	font-size:32px;
	text-transform:uppercase;
	margin-top:0px;
}
.seta-blog {
	margin-left:40%;
	position:absolute;
	margin-top:80px;
}
.blogPostagem img{
	padding:10px;
	max-width:100%;
}
/* ---------------------- seçao clientes ------------------------------------------------------------------ */
#clientes {
	position:relative;
	z-index:2;
	padding-top:6%;
	margin-top:6%;
}
#clientes h1 {
	color: #1B293A;
	font-family: 'Roboto-Regular';
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/icon-seta-gray.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:25px;
	padding-bottom:45px;
}
#clientes h2 {
	color:#A9B1B1;
	font-family: 'Lato-Regular';
	margin-bottom:45px;
}
.depoimento {
	float:right;
	text-align:center;
	margin-top:15%;
}
.depoimento p {
	color:#666666;
	font-family: 'Roboto-Regular';
	font-size:16px;
	text-align:justify;
}
.depoimento h2 {
	color:#7F8C8C !important;
	font-family: 'Roboto-Regular';
	font-size:18px;	
	margin-bottom:0px !important;
	margin-top:60px;
}
.depoimento h3 {
	color:#7F8C8C;
	font-family: 'Roboto-Regular';
	font-size:18px;	
	margin-top:10px !important;
	font-weight:bold;
}
.littleDown {
	padding-top:80px;
}
.littleDown img {
	max-width:300px;
}
.seta-clientes {
	right:30%;
	position:absolute;
	margin-top:35%;
}
/* ---------------------- seçao contato ------------------------------------------------------------------ */
#contato {
	position:relative;
	z-index:2;
	background-image:url(../images/details.png);
	background-position:10% top;
	background-repeat:no-repeat;
	padding-top:2%;
	margin-top:11%;
}
#contato h1 {
	color: #FFF;
	font-family: 'Roboto-Regular';
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/triangulo-branco.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:25px;
	padding-bottom:45px;
	text-align:center;
}
#contato h2 {
	color:#FFF;
	font-family: 'Lato-Regular';
	margin-bottom:45px;
	text-align:center;
}
.theForm {
	padding-top:40px;
}
.theForm input  {
	border-bottom:solid 2px #FFF;
	height:40px;
	background-color:transparent;
	border-right:none;
	border-top:none;
	border-left:none;
	box-shadow:none;
	border-radius:0px;
	margin-bottom:20px;
	color:#FFF;
	font-size:20px;
}
.theForm ::-webkit-input-placeholder {
   color: #FFF;
   font: 12px verdana, arial, sans-serif;
   font-family: 'Roboto-Regular';
   font-size:18px;
   text-transform:uppercase;
}
.theForm :-moz-input-placeholder {
    color: #FFF;
   font: 12px verdana, arial, sans-serif;
   font-family: 'Roboto-Regular';
   font-size:18px;
   text-transform:uppercase;
}
.theForm ::-moz-placeholder {
   color: #FFF;
   font: 12px verdana, arial, sans-serif;
   font-family: 'Roboto-Regular';
   font-size:18px;
   text-transform:uppercase;
}

.theForm :-ms-input-placeholder {  
  color: #FFF;
   font: 12px verdana, arial, sans-serif;
   font-family: 'Roboto-Regular';
   font-size:18px;
   text-transform:uppercase;
}
.theForm textarea  {
	border-bottom:solid 2px #FFF;
	height:250px;
	background-color:transparent;
	border-right:none;
	border-top:none;
	border-left:none;
	box-shadow:none;
	border-radius:0px;
	margin-bottom:20px;
	resize:none;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
.sendB {
	background-color:transparent;
	border:solid 2px #FFF;
	color:#FFF;
	margin-top:15px;
	font-size:18px;
	font-family: 'Roboto-Regular';
	text-transform:uppercase;
}
.sendC {
	background-color:#087EB4;
	border:solid 2px #FFF;
	color:#FFF;
	margin-top:15px;
	font-size:18px;
	font-family: 'Roboto-Regular';
	text-transform:uppercase;
}
.informacao {
	text-align:center;
	padding-top:70%;
}
.informacao img {
	margin-bottom:10px;
}
.informacao p {
	color:#666666;
	font-family: 'Roboto-Regular';
	font-size:18px;
	margin-bottom:5px;
}
.informacao .secao {
	margin-top:40px;
}
.rodape {
	background-color:#1C262F;
	height:60px;
	color:#FFF;
	padding-top:15px;
}
#statu {
	margin-top:10px;
}
.encontre {
	text-align:center;
	padding:25px 0px;
}
.encontre p {
	text-align:center !important;
}
.encontre img {
	margin-bottom:5px;
}
.bgGrey {
	background-color:#827B7D;
}
.ContatoIn {
	font-family: 'Roboto-Regular';
}
.ContatoIn h1 {
	color: #1B293A;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:25px;
	text-align:left;
	margin-top:60px;
}
.ContatoIn h2 {
	color:#7F8C8C;
	margin-bottom:20px;
}
.ContatoIn input, textarea, select {
	margin-bottom:25px;
	border-radius:0px !important;
	resize:none;
}
.ContatoIn .secao {
	margin-top:30px;
	color: #666666;
    font-family: 'Roboto-Regular';
    font-size: 18px;
}
.ContatoIn .grey {
	padding:20px;
	margin-top:90px;
}
/* ------------------------------------------- extras css -------------------------------------------------------- */
#wrapper {
	min-height:	100%;
}
.boxVision {
	background-color: rgba(0,0,0,0.7);
	padding: 20px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:70px;
	position:relative;
}
.boxVision h1 {
	color:#fFF;
	font-family: 'Roboto-Regular';
	font-size:36px;
	text-transform:uppercase;
	margin-top:80px;
}
.boxVision p {
	color:#fFF;
	font-family: 'Roboto-Regular';
	font-size:18px;
}

.camada {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(27,41,58,0.6);
	z-index:1;
	left:0;
	top:0;
}
.overAbout {
	z-index:2;
	position:relative;
}
.bgtat {
	background-image:url(../images/bg-contat.jpg);
	background-position:left 52%;
}
.post {
	background-image:url(../images/posti.jpg);
	background-position:right 68%;
}
.down {
	background-image:url(../images/downloads.jpg);
	background-position:right 68%;
}

.clicli {
	background-image:url(../images/pessoas.jpg);
	background-position:right top;
}

.prodprod {
	background-image:url(../images/bg2.jpg);
	background-position:right 78%;
}

.company {
	padding:30px 0px;
}
.company h2 {
	font-family: 'Roboto-Regular';
	font-size:28px;
	color:#1B293A;
	margin-bottom:20px;
	margin-top:30px;
}
.company h3 {
	font-family: 'Roboto-Regular';
	font-size:22px;
	color:#218BBC;
}
.ProxSecao {
	margin-top:10px;
	text-align:center;
	width:100%;
}
.company p {
	color:#666666;
	font-family: 'Roboto-Regular';
	font-size:16px;
	text-align:justify;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color:#218BBC;
	border-top:none;
	border-right:none;
	border-left:none;
	font-family: 'Roboto-Regular';
	font-size:20px;
}
.nav-tabs>li>a { 
	font-family: 'Roboto-Regular';
	font-size:20px;
	color:#666;
}
.ourClient {
	border:solid 1px #DEE4E7;
	text-align:center;
	background-color:#FFF;
	margin-bottom:30px;
	position:relative;
}
.ourClient img  {
	min-height:150px;
	max-height:150px;
	padding:15px;
}
.grey {
	background-color:#F1F4F5;
}
.pClientes {
	padding:30px 0px;
}
.depoimentos {
	background-color:#E0E7E9;
	padding:40px 0px;
}
.depoimentos h1 {
	color:#1B293A;
	font-family: 'Roboto-Regular';
	font-size:40px;
	text-transform:uppercase;
}
.dp {
	padding:30px 20px;
}
.knowMore {
	background-color:#DFDFDF;
	display:inline-block;
	float:right;
	color:#218BBC;;
	padding:5px 10px;
	margin-right:2px;
	margin-bottom:2px;
	cursor:pointer;
	font-weight:bold;
}
.knowMore:hover {
	background-color:#155777;
}
.knowMore:hover a {
	color:#FFF;
	text-decoration:none;
}
.knowMore a {
	color:#218BBC;
	font-weight:bold;
}
.imgB {
	float:left;
	margin-right:10px;
	border:solid 1px #ECF0F1;
	border-radius:2px;
	padding:2px;
}
#owl-demo2 img {
	padding:0px 10px;
}
a:hover {
	text-decoration:none;
}
.overlay {
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	height:100%;
	width:100%;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0.57) 0%, rgba(30,86,151,0.57) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.57) 0%,rgba(30,86,151,0.57) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0.57) 0%,rgba(30,86,151,0.57) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#911e5799', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.overlay:hover {
	opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0.57+1,1+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0.57) 0%, rgba(30,86,151,0.57) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.57) 0%,rgba(30,86,151,0.57) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0.57) 0%,rgba(30,86,151,0.57) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#911e5799', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   z-index:2;
}
.saturation {
	
}

.relative {
	position:relative;
}
.iblog {
	position:relative;
	height:383px;
	overflow:hidden;
	margin-bottom:20px;
}
.iblog img  {
	height:100%;
	overflow:hidden;
	position:absolute;
}
.menospdtop {
	margin-top:5% !important;
	padding-top:0% !important;
}
.maiscula {
	text-transform:uppercase;
}
.fullwidthbanner-container {
	margin-top:62px;
}
@media only screen and (max-width:767px) {
	.espace .col-md-2 {
		margin-bottom:20px !important;
	}
	.boxVision {
		height:auto !important;
	}
	.theForm input  {
		border-bottom:solid 2px #666666;
		color:#666666;
	}
.theForm ::-webkit-input-placeholder {
   color: #666666;
}
.theForm :-moz-input-placeholder {
   color: #666666;
}
.theForm ::-moz-placeholder {
   color: #666666;
}

.theForm :-ms-input-placeholder {  
  color: #666666;
}
.theForm textarea  {
	border-bottom:solid 2px #666666;
	height:250px;
	color:#666666;
}
.sendB {
	border:solid 2px #666666;
	color:#666666;
}
.informacao {
	padding-top:10%;
	padding-bottom:10%;
}
.fixo { 
	position:relative;
}
}
.object {
	visibility:hidden;
}
.mapa {
	height:700px;
}

.overLay {
	position:absolute;
	width:100%;
	height:40%;
	background-color:rgba(0,0,0,0);
	z-index:2;
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.iblog:hover .overLay {
	position:absolute;
	width:100%;
	height:84%;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.saturation img {
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.overLay:hover .saturation img {
	filter: saturate(200%);
	-webkit-filter: saturate(200%);
	-moz-filter: saturate(200%);
	-o-filter: saturate(200%);
	-ms-filter: saturate(200%);
	-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.notfound {
	margin-bottom:80px;
}
.notfound h2 {
	font-size:150px !important;
}
.notfound i {
	font-size:150px !important;
	width:150px;
	height:150px;
}
.notfound p {
	font-size:30px;
}
.dsps {
	margin-bottom:35px;
}