@charset "utf-8";
/* CSS DRIVIT */


/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	font-family:'Lato', sans-serif;
	color:#FFFFFF;
}
a{
	text-decoration:none;
	color:hsla(0,15%,95%,1.00);

}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}


/* ESTILOS PRIMARIOS
================================================== */
body{
	height:100%;
}

html{height:100%}

/*	CORES
#009082 verde escuro logo drivit
	#22b4aa verde claro logo drivit
	
	#026b61 verde escuro ecran drivit material design
	#029789 verde medio ecran drivit material design
	#02bfa6 verde light ecran drivit material design
	#549fdf azul light ecran drivit material design

	#34CACA (verde botao tryme)
	#4D4D4D (cinzento)
	#4285F4 (azul)
	#000000 (preto)
	#000000 (branco)
	#78909C (cinzento-rato fixe)
	#333 (cinzento-escuro rodape)
	#7EA7D8 (azul atlas)
	#ed705e (coral da moda)
	#00B8D4 (azul claro da moda)
	
	-webkit-display:inline-table;
	-moz-display:inline-table;
	-ms-display:inline-table;
	-o-display:inline-table;
*/

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6, p{
	font-weight: 100;
	font-size: 100%;
	color:#333}
	
.tituloimpact {color:#333}

i{ font-style:normal;}
	
h1 { font-size: 30px; line-height: 1.1; text-transform:uppercase; text-align:center;font-weight:bold; color:white }
h2 { font-size: 20px; line-height: 1.3; text-transform:uppercase; font-weight:bold; margin:0 0;}
h3 { font-size: 24px; line-height: 1.2; text-align:center;  }
h4 { font-size: 16px; line-height: 1.4; text-transform: uppercase;}
h5 { font-size: 14px; line-height: 1.5; } 
h6 { font-size: 13px; line-height: 1.6; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; display:block; }

p { margin: 0 0 0 0; font-size:16px; line-height:20px;}
em { font-style: normal; }
strong { font-weight: bold; }

hr { border: none; border-width: 0 0 0; clear: both; margin: 10px 0 30px; height: 0; display:block; }

.linha{display:none;}

.linhamobile{ 
	width:50px;
	border:none;
	height:5px;
	background-color:hsla(180,59%,50%,1.00);
	margin:12px auto}
	

.extraText{
        font-size: 17px!important;
    font-weight: bold;
    margin-top: 100px!important;
}

.extraText2{
        font-size: 17px!important;
    font-weight: bold;
    margin-top: 22px!important;
}

.extraText a,
.extraText2 a{
    color:hsla(180,59%,50%,1.00)
}




.mobile_menu li a img{
    width:180px!important;
}

#menu li a img{
    width:150px!important;
}

@media only screen and (min-width: 1000px) {

    .jobspage .lista li{
        font-size:18px!important;
        line-height:30px!important;
    }

.mobileShow img{
min-height:100%
}

.escondedesktop{
	display:none;}
	
#section5{
display:block;
}
#dvMobile{
display:none;
}

.mobileInvite,.mobileOk{
	display:none;
}

.showMobile{
	display:none!important;
}


#menu li.showMobile{
	color:white;
	font-size:26px;
}



/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6, p {
	font-weight: 100;
	font-size: 100%;
}

i{ font-style:normal;}

/*h1 { font-size: 3.125em; line-height: 1.1; text-transform:uppercase; text-align:center;font-weight:bold }
h2 { font-size: 1.875em; line-height: 1.2; text-transform:lowercase; text-align:center; }
h3 { font-size: 2.500em; line-height: 1.3; text-transform:uppercase; font-weight:bold }
h4 { font-size: 1.250em; line-height: 1.4; text-transform:uppercase; margin-top: 2%}
h5 { font-size: 0.875em; line-height: 1.5; }
h6 { font-size: 1.500em; line-height: 1.6; font-style:italic}

p { margin: 0.625em 0 0 0; font-size:18px; line-height:1.875em;}*/

h1 { font-size: 50px; line-height: 1.1; text-transform:uppercase; text-align:center;font-weight:bold }
h2 { font-size: 40px; line-height: 1.3; text-transform:uppercase; font-weight:bold }
h3 { font-size: 30px; line-height: 1.2; text-align:center}
h4 { font-size: 20px; line-height: 1.4; text-transform:uppercase; font-weight:bold; margin-top: 2%}
h5 { font-size: 14px; line-height: 1.5; }
h6 { font-size: 24px; line-height: 1.6; font-style:italic}

p { margin: 0 0 0 0; font-size:18px; line-height:30px;}
em { font-style: italic; }
strong { font-weight: bold; }

hr, .linha { border: solid hsla(180,59%,50%,1.00); clear: both; /*margin: 10px 0 30px;border-width: 5px;*/ height: 0; display:inline-table; width:100px }

/*.linha{
	width:100px;
	border:none;
	height:5px;
	background-color:
}*/

.linhamobile{ 
/*	width:80px;
	height:7px;*/
	display:none
	
}
}

/*	TEXTO RESPONSIVE*/
@media all and (min-width: 1600px) {
    h2.textoimpact{
        font-size: 45px;
    }
	
		.tituloimpact{
       font-size: 80px;
    }
}
@media all and (max-width: 1600px) and (min-width: 1000px) {
    h2.textoimpact{
       font-size: 30px;
	   line-height:40px;
    }
	
	.tituloimpact{
       font-size: 60px;
    }
}


@media all and (max-width: 1000px) {

h2.textoimpact{	font-size: 16px;line-height:28px}

}

/*================================================ */


/* RESET BUTTON */
input[type="button"],
input[type="reset"], 
input[type="submit"],
button 
{
    background: none;
	margin:0;
	outline:none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="reset"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
	margin:0;
}

/* BUTTON MATERIAL DESIGN */
input[type="reset"], 
input[type="submit"],
input[type="button"],
.tryme {
	color:#FFFFFF;
/*	padding:8px 20px;
*/	padding:12px 18px;
	border-radius:2px;
	overflow:hidden;
	font-size:0.9em;
/*	width: 120px;
    height: 32px;*/
	text-transform:uppercase;
	font-family:'Lato', sans-serif; , sans-serif;
	
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	   
	transition-delay: 0.2s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);
	
	cursor:pointer;
    }
	
.raised:active {
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      transition-delay: 0s;
    }
	
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active, 
input[type="button"]:active,
.tryme:active, {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2);
	
    transition-delay: 0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
}  

input[type="reset"]{
	background-color: #eee;
	color:#646464;

}
input[type="button"]{
	  background-color: #34CACA;
      color: #fff;

}
input[type="submit"]{
	  background-color: #4285f4;
      color: #fff;
	  margin-top:20px
}

.adapter{
    color:#333;
    margin-bottom:28px;
}

.desc{
    color:#333;
    text-align:left;
    line-height:24px;
}

.adapter_buy{
    border-bottom: 1px solid #ddd;
    padding-bottom: 28px;
}

.adapter_buy img{
    max-height:21px;
    max-width:80px;
    vertical-align:middle;
    margin-right:3px;
    margin-left:3px;
}

.adapter_text {
    text-align:left;
    font-size:16px;
    line-height:22px;
    text-align:justify;
    font-weight:300;
}

.adapter_text span{
    color:#333;
}

.adapter_buy span{
    color:hsla(180,59%,50%,1.00);
    vertical-align:middle;
    margin-right:5px;
}

.adapter_name{
    color:#333;
    font-weight:bold;
}

.adapter_price{
    color:#333;
}


.leftside{
    display:inline-block;
    margin-right:80px;
    width:42%;
}

.rightside{
    display:inline-block;
    width:42%;
}
/* CSS DRIVIT
================================================== */

/*	BACKGROUNDS
================================================== */

.section {
	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center;
 

}

#section0{
	background-image:url(/imgs/fundos/PF2.jpg);
}

#section6,#sectionabout{
	background-image:url(/imgs/fundos/rodape.png);
	background-position:bottom center;
	background-attachment:local;
	background-size:cover

}


#sectionabout3,#sectionjobs2,#sectionadapters2{
	background-image:url(/imgs/fundos/rodape.png);
	background-position:bottom center;
	background-attachment:local;
	background-size:cover
}

#sectionerror{
    background-image:url(/imgs/fundos/error_d.png);
	background-position:bottom center;
	background-attachment:local;
	background-size:cover
}


	
 #slide2, #slide3, #slide4, #fp-nav, .fp-controlArrow{
	display:none}

 a.main-nav{
     width:25px;
 }

@media only screen and (min-width: 1000px) {
.section{
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	height:100%;
}

a.main-nav{
    display:none;
}
	
	#section0{
		background-image:url(/imgs/fundos/PF2.jpg);
		z-index:2;
	}
    #section1 {
        background-image: url(/imgs/ecrans/2_DrivingHistory_realista.png) /*, url(/imgs/fundos/s.jpg)*/;
    }
    #section2 {
        background-image: url(/imgs/ecrans/4_Events_realista.png);
    }
    #section3 {
        background-image: url(/imgs/ecrans/5_evolucao.png);
    }
    #section4 {
        background-image: url(/imgs/ecrans/3_TripDetails_realista.png);
    }

    #sectionevolucao {
        background-image: url(/imgs/ecrans/1_RealTimeVariables_realista.png);
    }
	
	#section5{ 

	}
	
	

	
#sectionabout .conteudo{
			right: -200%;
			position:relative;
		}	
	#sectionabout1{
	}
	
	#sectionabout2{
	}
	
 #slide2, #slide3, #slide4, #fp-nav, .fp-controlArrow{
	display:block}

.slide{
	background-size:cover;
	background-color:transparent;
	
}

	
#slide2{
	background-image: url(/imgs/fundos/step1.png);	
	background-position:left bottom;
/*	background-color:#4285F4;
*/	

}

#slide3{
	background-image: url(/imgs/fundos/step2.png);	
	background-position:center center;
/*	background-color:#4285F4;
*/
}

#slide4{
	background-image:url(/imgs/fundos/step3.png);	
	background-position:center center;
/*	background-color:#4285F4;
*/
}

.slide#fp-nav{
	color:hsla(0,0%,0%,0.00);
	}

}
	
/*	FORMULARIO
================================================== */

	
.blur{
	/*filter:blur(4px);
	-o-filter:blur(4px);
	-ms-filter:blur(4px);
	-moz-filter:blur(4px);
	-webkit-filter:blur(4px);*/
}	


.formwrapper{
	width:90%;
	max-width:500px;
	margin:auto;
	height:100%;
	display: table;
	position:static; 
}

.forminner{
	display:table-cell;
	position:static;
	vertical-align:middle;
	
}

/*cabecalho form*/
.topform{
	background-color:#fff;
	color:#4d4d4d;
	position: static; 
    display: table; 
    overflow: hidden; 
    height: 10%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:100%;
	padding-left:5%;
	padding-right:5%;
	padding-top:5%;
	}

.contact{
	color:#4D4D4D;
	}



.btFecha{
	position: static; 
    display: table-cell; 
    vertical-align: middle; 
	text-align:center;
}

/*corpo form*/
.form{
	background-color:white;
	position: static; 
    display: table; 
    overflow: hidden; 
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:100%;
	min-width:100%;
	padding-left:5%;
	padding-right:5%;
	padding-top:5%;
	padding-bottom:2%;
	
/*		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
		-webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
*/
}
/*rodape form*/
.bottomform{
	background-color:white;
	color:#4d4d4d;
	position: static; 
    display: table; 
    overflow: hidden; 
    height: 15%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:100%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
	margin-bottom:0;
	
}

.centrar h5{
	color:#4d4d4d;}


	
.janela input[type="text"],
.janela input[type="email"],
.janela textarea,
.janela input[type="password"],
.janela select 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 20px;
    font-size: 13px ;
    height: 45px;
	/*color:hsla(0,0%,0%,1.00);*/
    color:#444;

	
	

}

.expanding-wrapper{
margin-top:20px;
}

.janela input:-ms-input-placeholder {
color:#999;
}

textarea:-ms-input-placeholder{
color:#999;
}



.janela input[type="text"],
.janela input[type="email"],
.janela input[type="password"]
{	padding-left:4px;

}


.janela textarea{
	resize:vertical;
    overflow: hidden;
	padding-top:13px;
	padding-left:4px;
	max-height:250px;
}

select option { 
	color: black; 
}
select option:first-child{
  	color: #999;
    padding:0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;
}



/*	CABECALHO
================================================== */
#cabecalho{
	width:100%;
	height:75px;
	position:fixed;
	z-index:999;}
	

#navegacao{
	width:98%;
	height:75px;
	margin:auto auto;
	
}


#logomobile{
	background-image:url(/imgs/logo/logo_drivit_branco.png);
	background-repeat:no-repeat;
	background-position:center;
	width:137px;
	height:36px;
	margin-top:13px;
	margin-left:10px;
	float:left;
     background-size:100% auto;
     
/*	background-color:green;
*/
}

/*ICON*/
.main-nav {
	float: right;
	width: 40px;
	height: 40px;
	background: url(/imgs/hamb_white.png) no-repeat center center;
	background-size: auto;
	cursor: pointer;
    background-size:30px 30px;
}

.main-nav.isabout{
    background: url(/imgs/hamb_black.png) no-repeat center center;
    background-size:30px 30px;
}
/*FIM ICON*/

.main-nav ul {
  position: absolute;
  	top: 0;
 	left: 0;
 	width: 100%;
	  -webkit-transform: translateY(-200%);
	  -moz-transform: translateY(-200%);
	  -ms-transform: translateY(-200%);
	  -o-transform: translateY(-200%);
	  transform: translateY(-200%);
	  

}
.main-nav ul.is-visible {
	text-align:center;
  -webkit-transform: translateY(75px);
  -moz-transform: translateY(75px);
  -ms-transform: translateY(75px);
  -o-transform: translateY(75px);
  transform: translateY(75px);

}
.main-nav a {
  display: block;
  line-height: 75px;
  background:hsla(0,1%,62%,1);
  color:hsla(0,0%,100%,1.00);
margin-right:0;
margin-left:0;
}

   .main-nav a:hover {
	   
  }
@media only screen and (min-width: 1000px) {	
#cabecalho.active{
	background-color: rgba(255,255,255,1);
	
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);*/

}

	
#logomobile{
	display:none;}	
	
#logo{
	background-image: url(/imgs/logo/logo_drivit_branco.png);
	background-repeat:no-repeat;
	background-position:center;
	width:168px;
	height:78px;
	float:left;
	display:none;
     background-size:100% auto;
}

#logocor{
	background-image: url(/imgs/logo/flat_logo-11.png);
	background-repeat:no-repeat;
	background-position:center;
	width:168px;
	height:78px;
	float:left;
    background-size:100% auto;

}	
.main-nav,.main-nav.isabout {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
	color:green;
	
  }
  .main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 75px;
  }
.main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .main-nav li {
    display: inline-block;
		margin-left:40px;

  }
  .main-nav a {
    display: inline-block;
	color: #4D4D4D;
	width:100%;
    height: auto;
    line-height: normal;
    background: transparent;
    font-size: 0.875em;
    font-weight: normal;
 }
  
  .main-nav a:hover {
  }
  } 

/*	RODAPE
================================================== */

.rodape{
	display:table;
	position:static;
	height:100%;
	width:100%;
	margin:auto auto;	
	text-align:center;
	color:white;
}

.rodapenav{
	height:100%;
	width:100%;
	margin:auto auto;	
	position:static; 
	display:table-cell;	
	vertical-align:middle;
}
.rodapenav li{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#4d4d4d;
	font-size:12px;
	line-height:20px;
        width: 80%;
    margin-left: 10%;
	}
.rodape a{
	color:#4d4d4d;
    white-space:nowrap;

}
	
	
/*	CONTEUDO COMUM
================================================== */

.fundo{
	position: static; 
    display: table; 
    overflow: hidden; 
    min-height: 100%;
    height: 100%;
	margin-right:auto;
	margin-left:auto;
	width:100%

}

.interior{
	width:90%;
	margin:auto auto;
	text-align:center;
	height: 100%;
	position:absolute;
	left:0;
	right:0;
	
}
@media only screen and (min-width: 1000px) {
.interior{
	width: 50%;
	height:100%;
    position: static; 
    display: table; 
    overflow: hidden; 
	margin-right:0;
	margin-left:46%;
	
}

}

.caixa{
	width:90%;
	margin:auto auto;
	height:100%;
	display: table;
	position:static; 
}

.conteudo, .conteudoesq{
	display: table-cell;
	position:static;
	vertical-align:middle;
	text-align:center;

}

.conteudo2partes h2{
	margin:0px
}

.conteudo2partes p{
	margin:20px 0 20px 0;
}

/*.conteudo3partes h4{
	font-weight:bold;
	}*/

@media only screen and (min-width: 1000px) {


.conteudo2partes{
	width:50%;
	padding-left:3%;
	padding-right:3%;
	float:left;
}
.conteudo3partes{
	width:33.333%;
	padding-left:3%;
	padding-right:3%;
	float:left;
	text-align:left;
	display:table;
	position:static;
	vertical-align:middle
}

}

/* 	TOP E BOTTOM*/
 #conteudotop{
	margin-top:40px;
	}

#conteudobottom{
	margin-bottom:40px;
	}
	
@media only screen and (min-width: 1000px) {
	
#conteudotop{
	margin-top:0;
}

#conteudobottom{
	margin-bottom:0;
}
}

.topcaixa{
	height:90%;
	width:80%;
	display:table;
	position:static;
	margin:auto auto 50px auto;
}

.bottomcaixa{
	height:10%;
	width:100%;
	display:table;
	position:absolute;
	margin:auto auto;
	bottom:0;
}
@media only screen and (min-width: 1000px) {

.topcaixa .conteudo3partes{
	text-align:center
}

.topcaixa{
	margin:auto auto;}
	
	
}

.titulo{
	width:100%;
	margin:auto auto;
}
.titulo h2{
	text-align:center;
	width:100%;
	color:#22b4aa;
}
@media only screen and (min-width: 1000px) {
.conteudo .titulo{
	margin:0 0 100px auto;
}

.titulo h2{
	font-size:80px;
		color:#22b4aa;


}


}
	


/* PAGINA INICIAL 
================================================== */



/*	FEATURES */
.esq1{
	text-align:center;
	margin:auto auto;
	width:80%;
	max-width:80%;
	bottom:0;
	position:static;
	display:table;
	height:100%;
	left:0;
	right:0;
}

.conteudoesq{}

.esq1 p{
	width:100%;
	margin:auto 0;
	}

	
.mobileShow { 
	display: block;
	}

@media only screen and (min-width: 1000px) {
.mobileShow { 
	display: none;
	}

.esq1{
	position: static; 
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
	text-align:left;
}

.conteudoesq{
	text-align:left;
	max-width:550px
	}

.esq1 p{
	width:100%;
	margin:auto 0;
	font-size:28px;
	line-height:40px;
	}

.esq1 h2{
	width:100%;
	margin:auto 0;
	font-size:45px;
	}
}


/*	HOW IT WORKS*/
.esq{
	float:left;
	text-align:left;
	height:33%;
	width:100%;
	margin:auto auto;
	
}

.imghiw{
	display:none;
}
.esqcontainer{
	width:80%;
	margin:auto auto;
	padding-left:0;
	padding-right:0;
}


.esqcontainer br{
	display:none;}


.esqcontainer p{
	margin-top:20px;
}



@media only screen and (min-width: 1000px) {

.esqcontainer{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:static;
	padding-left:5%;
	padding-right:5%;
	text-align:justify;
	}





.imghiw{
	height:300px; 
	display:block;
	position:static;
	bottom:0;
	
}

.numeros{
	color:white; 
	height:50px; 
	width:50px; 
	line-height:50px;
	margin:20px auto;
	border-radius:50%;
	background-color:#4285F4;
	text-align:center;
	font-size: 24px;
	text-transform:uppercase
/*	border: #000000 thin solid;
*/	
}





}


/* PÁGINA ABOUT 
================================================== */

/*	MISSION */
#mission{
	max-width:800px;
}



/*	THE TEAM */
.foto{
	width:60px;
	height:60px;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
}

#carlos{
	background-image:url(/imgs/about%20imgs/Carlos%20Abreu.png);
	margin:auto auto 20px 0;
       float:left;
    margin-right:20px;

}

#gon{
	background-image: url(/imgs/about%20imgs/goncalo.png);
	margin:auto auto 20px 0;
       float:left;
    margin-right:20px;
}

#andre{
	background-image: url(/imgs/about%20imgs/web-home-phot.jpeg);
	margin:60px auto 20px auto
}
@media only screen and (min-width: 1000px) {

.foto{
	width:100px;
	height:100px;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	margin:auto auto;
	
}

#carlos, #gon{
	margin:auto auto 20px 0;
    float:left;
    margin-right:20px;
}
}


/*	CONTACTS */
.imgscontactos{
	height:50px;
	width:auto;
	margin:40px 0 10px 0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}



#adress{
 	background-image:url(/imgs/contactos/adress_128px_333-01-02.png)
}

#email{
	background-image: url(/imgs/contactos/email_128px_333-01-03-03.png);
}



#phonecinza,#phonecinza2{
	background-image:url(/imgs/hiw/app_cinza333.png);}

#adapter,#adapter2{
	background-image: url(/imgs/hiw/adaptador_cinza333.png);}
	
#car,#car2{
	background-image:url(/imgs/hiw/car_cinza333.png);}

#section1 h1,#section1 h2,#section1 h3,#section1 p{
color:#333;
}
#section2 h1,#section2 h2,#section2 h3,#section2 p{
color:#333;
}

#section3 h1,#section3 h2,#section3 h3,#section3 p{
color:#333;
}

#section4 h1,#section4 h2,#section4 h3,#section4,#sectionevolucao p{
color:#333;
}

#section5 h1,#section5 h2,#section5 h3,#section5 p{
color:#333;
}	

input::-ms-clear {
  width : 0;
  height: 0;
    display: none;
}
/*
.expanding-wrapper{
border-bottom:1px solid #ddd;
}*/

.dropp{
padding-bottom:4px;
}


	#cabecalho li a{
	-webkit-transition: color .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;
    -o-transition: color .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;
    transition: color .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;
	}
	
	
	
.dropp {
  border-bottom:1px solid #ddd;
  text-align:left;
  font-weight:400;
}

.dropp-header {
  background: white;
  color: #ddd;

  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
}

.dropp-header__title {
  display: block;
  padding: 0.8em 4px;
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  box-flex: 8;
  -webkit-flex: 8;
  -moz-flex: 8;
  -ms-flex: 8;
  flex: 8;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size:13px;
  color:#444;
}

.dropp-header__btn {
  display: block;
  background: white;
  color: black;
  padding: 3px 0.5em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dropp-header__btn.js-open { background: white; }

.dropp-header__btn.js-open .icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dropp-header__btn.js-open .icon:before,
.dropp-header__btn.js-open .icon:after { background: #fff; }

.dropp-header__btn:focus { outline: none; }

.dropp-body {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  background: white;
  color: black;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dropp-body.js-open { max-height: 20em; }

.dropp-body label {
  display: block;
  font-size: 0.875em;
  color: black;
  text-decoration: none;
  padding: 1em 0.5em;
  font-weight: 400;
  cursor: pointer;
  font-size:12px
  
}

.dropp-body label:first-child { box-shadow: none; }

.dropp-body label:hover/*,
.dropp-body label.js-open*/ { background: #eee; }

.dropp-body label > input { display: none; }

nav.mobile_menu{
	display:none;
}

@media all and (min-width: 1000px){


      .onlymobile {
        display:none!important;
    }

      .jobspage #cabecalho,.adapterspage #cabecalho{
          position:absolute;
      }

      .privacypage .bottomcaixa,.termspage .bottomcaixa{
    width:100%!important;
    left:0px;
}
}

.adapter_image {
    display:inline-block;
    vertical-align:middle;
    margin-right:30px;
}

.adapter_image img{
    max-width:150px;
    
}


.adapter_text{
    display:inline-block;
    max-width:550px;
    vertical-align:middle;
}

#sectionabout{
    background-size:100%;
}

/*MOBILE*/
@media all and (max-width: 1000px) {

    .leftside{
    display:block;
    margin-right:0px;
    width:100%;
    margin-bottom:50px;
}
    .leftside p,.rightside p{
        text-align:justify;
    }

    .leftside br,.rightside br{
        display:none;
    }

    #section1 {
        margin-top:70px;
    }

.rightside{
    display:block;
    width:100%;

}

.leftside p,.rightside p{
    display:inline-block;
    width:100%;
    margin-bottom:20px;
}

.section:last-child{
height:750px!important;

}


    #job,#adapters{
        margin-top:0px!important;
    }
    
    .conteudo2partes:not(#conteudotop){
        margin-top:75px;
    }


    .aboutpage .conteudo, .conteudoesq{
        display:block;
    }

    #sectionabout{
        height:auto !important;
        padding-top:100px;
        padding-bottom:75px;
    }

    #sectionabout2 {
        height:auto !important;
        padding-top:100px;
    }
    
    .aboutpage .fp-tableCell {
          height:auto !important;
    }
       

    .onlydesktop {
        display:none!important;
    }

    #sectionabout1 .caixa{
        max-width:650px;
    }

    #signupPadding {
        padding-top: 10px;
    }
    

#scrollArrow{
display:none;
}

.section:not(:first-child):not(:last-child){
height:670px!important;
}
#section4{
    height:650px!important;
}
#sectionevolucao{
    height:630px!important;
}

.extraText{
    font-size:14px!important;
}

.extraBottom{
    margin-top:5px!important;
}	

.jobspage .section:not(:first-child):not(:last-child),.adapterspage .section:not(:first-child):not(:last-child)
{
    height:auto !important;
}

#section6{
    height:556px!important;
background-size: 130% 50%!important;
}

#section6 .bottomcaixa{
    height:10%;
}

#section1{
    height:627px!important;
}

#section5{
    height:1070px!important;
}

#cabecalho{
position:absolute!important;
padding-top:10px;
}

    .main-nav {
            margin-right: 15px;
            margin-top: 16px;
    }

     h2{
        font-size:26px;
    }

/*Menu Mobile*/
nav.mobile_menu.show{display:block;}
nav.mobile_menu{opacity:0;-webkit-transform:translate3d(0,150%,0);-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);-webkit-transition:-webkit-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);transition:transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);position:fixed;top:0;left:0;width:100%;height:120%;background:#fff;z-index:9999}
nav.mobile_menu .sign_up{display:block;font-size:22px;font-weight:900;line-height:70px;position:absolute;width:100%;height:70px;bottom:0;left:0;text-align:center;background:#3E1D56;color:#FFF;text-decoration:none}
nav.mobile_menu .logo{opacity:.25}
nav.mobile_menu .close{position:absolute;top:20px;right:20px;color:#FFF;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:center 40%;transform-origin:center 40%;-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;transition:transform .2s ease-out}
nav.mobile_menu .close .ts_icon_times:before{font-size:30px}
nav.mobile_menu{-webkit-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-moz-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
nav.mobile_menu ul{list-style-type:none;margin:125px 0 0 0px;padding:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:.5;-webkit-transition:-webkit-transform 250ms cubic-bezier(.165,.84,.44,1),opacity 230ms cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform 250ms cubic-bezier(.165,.84,.44,1),opacity 230ms cubic-bezier(.165,.84,.44,1);transition:transform 250ms cubic-bezier(.165,.84,.44,1),opacity 230ms cubic-bezier(.165,.84,.44,1)}
nav.mobile_menu ul{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
nav.mobile_menu .close{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
nav.mobile_menu ul a{color:black;}
nav.mobile_menu ul li{text-align:center;margin-top:14px;}

.mobileInvite { opacity:0;display:none;z-index:99999999!important}
.mobileInvite.show{opacity: 1!important;display:block;}
.mobileInvite{z-index:99999; padding-top:30px;-webkit-transform:translate3d(0,150%,0);-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);
              transform:translate3d(0,150%,0);-webkit-transition:-webkit-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);
              -moz-transition:-moz-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);transition:transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);
              position:fixed;top:0;left:0;width:100%;height:120%;background:#fff;z-index:999;}

    .mobileInvite.big {
        padding-bottom:2000px;overflow:scroll;height:150%;
    }
.mobileInvite .sign_up{display:block;font-size:22px;font-weight:900;line-height:70px;position:absolute;width:100%;height:70px;bottom:0;left:0;text-align:center;background:#3E1D56;color:#FFF;text-decoration:none}
.mobileInvite .logo{opacity:.25}
.mobileInvite .close{position:absolute;top:20px;right:20px;color:#FFF;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:center 40%;transform-origin:center 40%;-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;transition:transform .2s ease-out}
.mobileInvite .close .ts_icon_times:before{font-size:30px}
.mobileInvite{-webkit-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-moz-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mobileInvite ul{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.mobileInvite .close{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.mobileInvite ul a{color:black;}
.mobileInvite ul li{text-align:center;margin-top:15px;color:black!important;width:80%;margin:0 auto;}
.mobileInvite ul li input,.mobileInvite ul li select{width:90%;height:30px;color:black!important;}
.mobileInvite ul li input[type='submit']{width:160px;height:52px;color:white!important;font-size:16px;}
.mobileInvite ul li textarea {color:black!important;}

.mobileOk { opacity:0;display:none;z-index:99999999!important}
.mobileOk.show{opacity: 1!important;display:block;}
.mobileOk{z-index:999999; padding-top:30px;-webkit-transform:translate3d(0,150%,0);-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);
              transform:translate3d(0,150%,0);-webkit-transition:-webkit-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);
              -moz-transition:-moz-transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);transition:transform 1ms ease 250ms,opacity 250ms cubic-bezier(.165,.84,.44,1);
              position:fixed;top:0;left:0;width:100%;height:120%;background:#fff;z-index:999;}

    .mobileOk.big {
        padding-bottom:2000px;overflow:scroll;height:150%;
    }
.mobileOk .sign_up{display:block;font-size:22px;font-weight:900;line-height:70px;position:absolute;width:100%;height:70px;bottom:0;left:0;text-align:center;background:#3E1D56;color:#FFF;text-decoration:none}
.mobileOk .logo{opacity:.25}
.mobileOk .close{position:absolute;top:20px;right:20px;color:#FFF;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:center 40%;transform-origin:center 40%;-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;transition:transform .2s ease-out}
.mobileOk .close .ts_icon_times:before{font-size:30px}
.mobileOk{-webkit-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-moz-transition:opacity 250ms cubic-bezier(.165,.84,.44,1);transition:opacity 250ms cubic-bezier(.165,.84,.44,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mobileOk ul{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.mobileOk .close{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.mobileOk ul a{color:black;}
.mobileOk ul li{text-align:center;margin-top:15px;color:black!important;width:80%;margin:0 auto;}
.mobileOk ul li input,.mobileOk ul li select{width:90%;height:30px;color:black!important;}
.mobileOk ul li input[type='submit']{width:160px;height:40px;color:white!important;font-size:16px;}
.mobileOk ul li textarea {color:black!important;}

#modal-1.md-show,.md-overlay{
display:none!important;
}

.mobile_btn{
	background:#34C1C9;
	border-radius:7px;
	color:white!important;
    padding: 18px;
    padding-left: 35px;
    padding-right: 35px;
}

.mobile_separator{
display:inline-block;
border-bottom:3px solid #34C1C9;
width:75px;
margin-top:50px;
}


#section6,#sectionabout{
background-image:none!important;/*url(/imgs/fundos/rodapemobile.png);*/
	background-position:bottom center;
	background-attachment:local;
	background-size:cover;
}

#sectionabout3,#sectionjobs2,#sectionadapters2{
	background-image:none!important;/*url(/imgs/fundos/rodapemobile.png);*/
	background-position:bottom center;
	background-attachment:local;
	background-size:cover
}

.bottomcaixa{
    padding-top:24px!important;
    background:#6DC2D9;
    padding-bottom:24px!important;
}

.rodape{
    margin-bottom:0px!important;
}

#sectionabout{
    background-size:100%;
}



#sectionerror{
    background-image:url(/imgs/fundos/error_mobile.png);
	background-position:bottom center;
	background-attachment:local;
	background-size:cover
}





#sectionjobs2,#sectionadapters2{
    background-size:200% 200%;
}

.rodapenav li{
    font-size:14px;
}

/*
    .bottomcaixa{
    height:18%;
}
*/
}
nav.mobile_menu ul a{text-decoration:none;font-size:18px;line-height:3pc}
@media only screen and (max-height:666px){nav.mobile_menu ul{}
nav.mobile_menu ul a{line-height:45px}
}
@media only screen and (max-height:567px){nav.mobile_menu ul{}
nav.mobile_menu ul a{line-height:35px}
}
@media only screen and (max-height:435px){nav.mobile_menu ul{margin-top:100px}
nav.mobile_menu ul a{line-height:15px}
}

#txtName,#txtEmail,#txtMensagem,#drpOpcao{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 20px;
    font-size: 13px;
    height: 45px;
    color: hsla(0,0%,0%,1.00);
	padding-left: 4px;
}


#drpOpcao{
padding-left:4px;
}


#scrollArrow{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
	animation-name: FloatingIE;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    /*margin-left: 30px;
    margin-top: 5px;*/
	position:absolute;
	left:50%;
	bottom:10px;
}


@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 28px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 28px);}
    to {-moz-transform: translate(0, -0px);}
}

@keyframes FloatingIE{
    from {transform:translate(0, 0px);}
    65% {transform:translate(0, 28px);}
    to {transform: translate(0, -0px);}
}

@-webkit-keyframes setaright1{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(20, 0px);}
    to {-webkit-transform: translate(0, 0px);    }
}

@-moz-keyframes setaright2{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(20, 0px);}
    to {-moz-transform: translate(0, 0px);}
}

@keyframes setaright3{
    from {transform:translate(0px, 0px);}
    65% {transform:translate(20px, 0px);}
    to {transform: translate(0px, 0px);}
}


.lista {
    text-align: left;
   
     list-style-type: circle;
}

.lista li::before{
    content:'•';
    margin-left:-1em;
    position:absolute;
}
    .lista li {
          list-style-type: none;
          margin-left:50px;
            color:rgb(51, 51, 51);
            font-size:16px;
            line-height:20px;
            font-weight:100;
    }

    #jobs,#adapters{
        margin-top:100px;
    }


    #sectionjobs2{
        height:300px!important;
       
    }

    #sectionjobs2 .fp-tableCell,#sectionadapters2 .fp-tableCell{
          height:300px!important;
    }

    #sectionadapters2 .fp-tableCell{
          height:222px!important;
    }

.superscript, .subscript {
   vertical-align: baseline;
   position: relative;
   top: -0.2em;
}
.subscript { top: 0.2em; }

.condition_text {
    font-size:14px;
    line-height:22px;
    text-align:justify;
    color:#333;
    font-weight:100;
}

#sectionabout {
    height:429px!important;
}