@font-face {
font-family: 'Oxygen';
src: url(../fonts/Oxygen-Regular.ttf)	format('truetype');
}
@font-face {
font-family: 'Oxygen-bold';
src: url(../fonts/Oxygen-Bold.ttf)		format('truetype');
font-weight:bold;
}
@font-face {
font-family: "Oxygen-light";
src: url(../fonts/Oxygen-Light.ttf)	format('truetype');
}



html, body {
	height:100%;
	width:100%;
	
}
body {
	color:#333;
	background-color:#f7f7f7;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px; 
	line-height:1.5;
	margin:0; padding:0;
	
}

.menu-box{
	z-index:999;
	border-bottom:5px solid #0eae9b;
	-webkit-box-shadow: 0 3px 7px 3px rgba(0,0,0,0.4);
	box-shadow: 0 3px 7px 3px rgba(0,0,0,0.4);
}
.menu{
	width:1000px;
	margin:0 auto;
	height:120px;
	position:relative;
}
.links-top{
	float:right;
	background:#0eae9b;
	width:164px;
	height:40px;
	-webkit-box-shadow: 0 2px 3px -3px rgba(0,0,0,0.5);
	box-shadow: 0 2px 3px -3px rgba(0,0,0,0.5);
	
}

.menu .logo{
	width:200px;
	height:auto;
	float:left;
	margin-top:-20px;
	padding:50px 15px 10px 15px;
}


.menu nav{
	position:absolute;
	margin-top:60px;
	float:right;
	right:0;
}
.menu nav ul{
	float:left;
	padding:0;
	margin:0;
}
.menu nav ul li{
	float:left;
	list-style:none;
	padding:0 4px;
	
}

.menu nav ul li a{
	float:left;
	color:#7f7f7f;
	/*color:#0eae9b;*/
	text-decoration:none;
	font-size:16px;
	font-weight:500;
	font-family:roboto;
	padding:12px 12px;
	padding-bottom:15px;
	text-transform:uppercase;
	border-top:5px solid #f7f7f7;
}


.menu nav ul li .active{
	color:#0eae9b;
}
.menu nav ul li .active:hover{
	color:#0eae9b;
}

.menu nav ul li a:hover{
	color:#0eae9b;
	transition:all 0.2s;
}

h1{
	padding:0;
	margin:0;
}
/*.menu{
	width:1000px;
	margin:0 auto;
	height:100px;
}
.menu .logo{
	width:200px;
	height:auto;
	float:left;
	margin-top:-20px;
	padding:50px 15px 10px 15px;
}

.menu nav{
	float:right;
}
.menu nav ul{
	float:left;
	padding:0;
	margin:0;
}
.menu nav ul li{
	float:left;
	list-style:none;
	padding:0 4px;
	
}

.menu nav ul li a{
	float:left;
	color:#0eae9b;
	text-decoration:none;
	font-size:16px;
	font-weight:600;
	font-family:Calibri;
	padding:30px 12px;
	padding-bottom:15px;
	text-transform:uppercase;
	border-top:5px solid #f7f7f7 ;
}
.menu nav ul li .active{
	background:#0eae9b;
	color:#f7f7f7;
	-webkit-box-shadow: 0 2px 3px -3px rgba(0,0,0,0.5);
	box-shadow: 0 2px 3px -3px rgba(0,0,0,0.5);
	border-top:5px solid #0eae9b ;
}
.menu nav ul li .active:hover{
	color:#f7f7f7;
	border-top:5px solid #10c7b1;
	background:#10c7b1;
	transition:all 0.2s;
}

.menu nav ul li a:hover{
	border-top:5px solid #10c7b1;
	color:#10c7b1;
	transition:all 0.2s;
}*/
#slider{position:absolute}

.banner{
	width: 100%; max-width: 100%; margin: 0 auto;
}

.box{
	width:100%;
	background:#f7f7f7;
	overflow:hidden;
	
}
/*.menu-box{
	z-index:999;
	border-bottom:5px solid #0eae9b;
	-webkit-box-shadow: 0 3px 7px 3px rgba(0,0,0,0.7);
box-shadow: 0 3px 7px 3px rgba(0,0,0,0.7);
}*/
.center{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}


.title{
	font-size:2.3em;
	color:#fff;
	text-align:center;
	width:100%;
	border-bottom:1px solid #fff;
	margin-bottom:40px;
}
.text-justfy{ text-align:justify;}

p{
	font-family:"Oxygen-light";
	font-size:1.3em;
	font-weight:300;
}


.margin10{ margin-right:10px;}
.margin20{ margin-right:20px;}
.amarelo{ background:#ff910b;}
.vermelho{ background:#e55026;}
.cinza{ background:#4d4d4d;}
.color-black{ color:#666;}

.servicos{
	background:#000 url(../../bg1.jpg) top center no-repeat;
	height:700px;
	position:relative;
	
}

.shadow{
	background:rgba(0, 0, 0, 0.8);
	width:100%;
	height:100%;
	position:absolute;
}

.container {
  	width:1000px;
    background:none;
    height:500px;
    display: -webkit-flex;
    display: flex;
}
.container .item:first-child{ margin-left:0;}
.item {
	text-align:left;
	background:#f4f4f4;
	margin-left:15px;
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
	width:23%;
	position:relative;
	-webkit-box-shadow: 0 8px 5px -5px rgba(0,0,0,0.7);
	box-shadow: 0 8px 5px -5px rgba(0,0,0,0.7);
}

.item .i-title{
	width:100%;
	font-family:"Oxygen";
	font-size:16px;
	text-align:center;
	padding:7px 0;
	background:#fff;
	color:#0eae9b;
}
.item p{
	color:#666;
	font-family:"Oxygen-light";
	font-size:14px;
	padding:0 10px;
	text-align:center;
}
.item .img-top{
	width:100%;
	height:160px;
	background:#303030;
	
	-webkit-box-shadow:inset 0 -50px 50px -50px rgba(0,0,0,1);
box-shadow:inset 0 -50px 50px -50px rgba(0,0,0,1);
}
.item .img-top img{
	opacity:0.7;
}


.item a{
	text-decoration:none;
	color:#666;
	font-family:"Oxygen-bold";
	width:230px;
	float:left;
	position:absolute;
	bottom:0;
	text-align:center;
	left:0;
	padding:7px 0;
	background:#fff;
}
.item a:hover{ color:#006B5F;}

.item:hover .img-top img{
	opacity:1;
	transition:all linear 0.5s;
}

.faixa{
	background:#FFF;
	height:300px;
}
.faixa .title{ color:#0eae9b; float:left; display:block; border-bottom:1px solid #f8f8f8;}
.faixa .bloco{
	width:323.3px;
	margin-right:15px;
	height:150px;
	display: inline-block;
	float:left;
}
.faixa .bloco:last-child{
	margin-right:0;
}
.faixa .texto{
	float:left;
	margin-left:12px;
}

.contato{
	min-height:400px;
	background:#0eae9b;
}

.business{
	height:700px;
	
}

.business .box12{
	width:100%;
	height:600px;
	display:block;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
}

.b1, .b2{
	float:left;
	height:600px;
}


.b1{ width:300px; background: url(../../images/empresa.jpg) no-repeat top center;}
.b2{ width:680px; padding:0 10px 0 10px; background:#fff;}
.b2 b{ font-weight:600;}
.title-2{
	font-size:2.3em;
	color:#0eae9b;
	text-align:center;
	width:100%;
	border-bottom:1px solid #ddd;
	margin-top:15px;
	margin-bottom:20px;
}

.faixa{ background:#0eae9b url(../../faixa-local.jpg) center no-repeat;}
.contato{
	background:#f7f7f7;
	height:600px;
}

.footer{
	background:#0a8c7d;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:20px;
}

/* Home
------------------------------------------------------------*/
.actions-home .ion-bag { margin-left: 5px; font-size: 1.4em;}

/* Slideshow */
#slideshow-home { font-size: 100%; }
#slideshow-home .wrapper { position: relative; width: 100%; height: 100%; }

#slideshow-home .s1-block { position: absolute; top: 28%; left: 0; width: 100%; line-height: 1; color: #fff; text-shadow: 2px 2px 0 rgba(0, 0, 0, .3); font-family: 'Six Caps'; }
#slideshow-home .s1-logo { position: absolute; top: -4%; right: 60%; padding-right: 25px; font-size: 3em; }
#slideshow-home .s1-text { position: absolute; left: 40%; padding: 12px 0 0 25px; font-size:2em; font-family: 'Oxygen-bold'; }
#slideshow-home .s1-text > div { margin-bottom: .2em; }
#slideshow-home .s1-title{ 
	font-family: 'Oxygen-bold';
	font-size:4.5em;
	text-align:center;
	}

#slideshow-home .s4-block { position: relative;  max-width: 1200px; height: 100%; margin: 0 auto; }
#slideshow-home .s4-block .icon { margin-top: 20%; font-size: 4em; text-align: center; }
#slideshow-home .s4-block h2 { margin: 10% 0; font-size: 3.5em; line-height: 1; }
#slideshow-home .s4-block p { text-align: center; }
#slideshow-home .s4-block > div { float: left; width: 25.3%; height: 75%; padding: 2%; margin: 2%; background: rgba(255, 255, 255, .9); }


.title-contato{
	background:url(../../bgcontato.jpg) center center no-repeat;
	height:200px;
	position:relative;
	text-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);
}

.shadow-gren{
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
}
.title-3{
	font-family: 'Oxygen-bold';
	width:100%;
	text-align:center;
	font-size:3em;
	color:#fff;
	line-height:200px;
}
.formulario {
	margin:20px auto;
	margin-bottom:50px;
	
}
.formulario .center{
	background:#fff;
	padding:20px 15px;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
}
.formulario form{
	width:100%;
	
}

label{
	font-family: 'Oxygen';
	float:left;
	display:block;
	font-size:1.3em;
	color:#0eae9b;
	font-weight:500;
}


form input, form select, form textarea{
	width:980px;
	display:block;
	padding:7px 8px;
	border:1px solid #ddd;
	margin-bottom:12px;
	font-size:1.2em;
	color:#999999;
	background:#fbfbfb;
	outline:none;
	font-family: "Oxygen-light";
	font-weight:300;
}
form input:focus, form select:focus, form textarea:focus{
	border:1px solid #0eae9b;
	-webkit-box-shadow:inset 0 3px 2px -2px rgba(0,0,0,0.2);
	box-shadow:inset 0 3px 2px -2px rgba(0,0,0,0.2);
	color:#666;
	transition:all 0.3s;
}
form input:hover, form select:hover, form textarea:hover{
	border:1px solid #0eae9b;
	color:#666;
	transition:all 0.3s;
}
.button{
	width:100%;
	border-top:1px solid #eee;
	margin-top:25px;
	padding:15px 0 0 0;
	outline:none;
}

.button button{
	background:#fff;
	border:2px solid #0eae9b;
	color:#0eae9b;
	font-size:1.8em;
	padding:8px 16px;
	cursor:pointer;
}

.button button:hover, .button button:hover:focus{
	background:#0eae9b;
	color:#fff;
	transition:all 0.2s;
	border:2px solid #0c9484;
}
.button button:active:hover{
	background:#11d0b9;
	border:2px solid #11d0b9;
}



.form-div{
	width:490px;
	float:left;
}

.form-div input{
	width:475px;
}

.location{
	background: #0eae9b;
	height:300px;
}
.bloco{
	width:323.3px;
	float:left;
	height:200px;
	color:#fff;
	font-family:font-family: 'Oxygen-light';
	text-align:center;
	font-size:1.1em;
	display:table;
	margin-left:15px;
}
.bloco:first-child{ margin-left:0;}

.bloco strong{ font-family: 'Oxygen-bold'; font-size:1.5em;}

.circle{
	width:76px;
	height:77px;
	font-size:60px;
	color:#fff;
	padding:8px;
	border-radius:68px;
	border:2px solid #fff;
	text-align:center;
	margin:0 auto;
}

.bg-img2{ background:url(../../images/img-bg1.jpg) center center; }

.center{
	height:auto;
	display:table;
	
}
.srv-block{
	margin:7px;
	width:484px;
	height:200px;
	float:left;
	display:block;
	background:#fff;
	border:1px solid #f9f9f9;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
	box-shadow: 0 20px 20px -20px rgba(0,0,0,0.8);
}
.img-left{
	width:200px;
	height:200px;
	float:left;
	background:#f1f1f1;
	color:#fff;
	font-size:10em;
	line-height:220px;
	text-align:center;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	
}

.linear-red{
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3000+0,d00000+100 */
background: #ff3000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3000 0%, #d00000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3000 0%,#d00000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3000 0%,#d00000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3000', endColorstr='#d00000',GradientType=0 ); /* IE6-9 */


}

.linear-blue{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */

}

.linear-yellow{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}
.linear-green{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbff00+0,8fc400+100 */
background: #bbff00; /* Old browsers */
background: -moz-linear-gradient(top,  #bbff00 0%, #8fc400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bbff00 0%,#8fc400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bbff00 0%,#8fc400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbff00', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */

}

.resposta{
	z-index:999;
	width:1000px;
	height:60px;
	padding:0 0 0 15px;
	margin:50px auto;
	top:20%;
	background:#0eae9b;
	-webkit-box-shadow: 0 10px 5px -5px rgba(0,0,0,0.3);
	box-shadow: 0 10px 5px -5px rgba(0,0,0,0.3);
	color:#fff;
	font-family:font-family: 'Oxygen-light';
	line-height:60px;
	font-size:1.3;
	text-transform: uppercase;
	display:none;
}

.resposta .closed{
	float:right;
	font-family:font-family: 'Oxygen-light';
	font-weight:800;
	border-left:1px solid #f7f7f7;
	padding:0 30px;
	height:60px;
	cursor:pointer;
	
}


/*.test{
	background:url(../../images/6.jpg) center top no-repeat;
	width:100%;
	height:500px;
	display:block;
}*/
.test .center{
	width:1000px;
	height:500px;
	margin:0 auto;
	margin-top:5%;
}

.block-new{
	width:100%;
	text-align:center;
}
.block-new .tabs{
	float: left;
    width: 312px; height: 200px;
    margin: 20px 10px;
	
}

.tabs .bitem{
	width: 150px;
	height:150px;
	line-height:160px;
	margin:0 auto;
	border-radius:150px;
	font-size:4.5em;
	color:#fff;
	font-family:font-family: 'Oxygen-light';
}
.new-title{
	font-size:4.5em;
	color:#fff;
	text-align:center;
	width:100%;
	font-family:font-family: 'Oxygen';
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
}

.new-title2{
	font-size:3.5em;
	color:#fff;
	text-align:center;
	width:100%;
	font-family:font-family: 'Oxygen';
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
}


.tal-texto{

	font-size:1.5em;
	color:#fff;
	text-shadow: 0 1px 1px #000;
	font-family:font-family: 'Oxygen-Light';
	font-weight:500;
}
.tabs p{ font-size:1.2em; color:#fff; text-shadow: 0 1px 1px #000; font-family:font-family: 'Oxygen'; font-weight:500;}

.color1{ background:#44a860;}
.color2{ background:#4190cf;} 
.color3{ background:#be1f1c;}

.oferta{
	width:1000px;
	text-align:center;
	color:#fff;
	font-size:2.5em;
	font-family:font-family: 'Oxygen';
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.button{
	width:100%;
	border-top:1px solid #eee;
	margin-top:25px;
	padding:15px 0 0 0;
	outline:none;
}


.bt-white{
	background-color:rgba(0, 0, 0, 0.3);
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:1.8em;
	font-family:font-family: 'Oxygen';
	border:1px solid #fff;
	cursor:pointer;
	padding:15px 20px;
	margin:15px auto;
	text-shadow: none;
	
	
}


.btn-green{
	color:#fff;
	font-family:roboto;
	font-weight:500;
	font-size:1.4em;
	padding:4px 12px;
	text-decoration:none;
	float:left;
}
.text-size-2{ font-size:1.3em;}

.h1-remote{
	
}
.container-btn{
	margin:60px auto;
	width:200px;
}


.btn-teamviewer{
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
	padding:30px 20px;
	float:left;
}
.btn-teamviewer:active{
	color:#fff;
	background:rgba(0, 0, 0, 0.3);
}
.btn-teamviewer span{
	padding-top:5px;
	font-family:Roboto;
	font-weight:500;
	font-size:1.2em;
	display:block;
}

.box-header{
	width:100%;
	background-image:url(../../images/O8CRQT0.jpg);
	background-position:top center;
	height:700px;
	text-align:center;
}

.box-title{
	font-family:Roboto;
	font-size:3em;
	font-weight:300;
	color:#f7f7f7;
	line-height:180px;
}
.box-container{
	font-size:1.8em;
	font-family:Roboto;
	font-weight:200;
	line-height:32px;
	margin-top:50px;
	background:rgba(229, 229, 229, 0.8);
	color:#212121;
	padding:50px 15px;
}
.box-container b{
	font-family:Roboto;
	font-weight:300;
}
.btn-align{
	width:100%;
	text-align:center;
	margin-top:120px;
}
.btn-team{
	
	background:#0eae9b;
	font-size:2em;
	font-family:Roboto;
	font-weight:200;
	color:#fff;
	text-decoration:none;
	outline:none;
	margin-top:50px;
	padding:20px 40px;
}
.btn-team:hover{
	-webkit-box-shadow: 0 20px 8px -8px rgba(0,0,0,0.4);
	box-shadow: 0 20px 8px -8px rgba(0,0,0,0.4);
	transition:linear 0.2s;
}
.btn-team:active{
	transition:linear 0.2s;
	background:rgba(0, 0, 0, 0.5);
	
}