@charset "utf-8";@media screen and (min-width:640px), screen/9{}
@media \0screen\,screen\9{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;, 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;}
body{height:100%;}
html{height:100%}
.escondedesktop{display:none;}
h1, h2, h3, h4, h5, h6, p{font-weight:100;font-size:100%;}
i{font-style:normal;}
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;height:0;display:inline-table;width:100px}
.linhamobile{display:none}
input[type="button"],
input[type="reset"],
input[type="submit"],
button{background:none;margin:0;outline:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-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;}
input[type="reset"],
input[type="submit"],
input[type="button"],
.tryme{color:#FFFFFF;padding:12px 25px;border-radius:2px;overflow:hidden;font-size:1em;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;}
.section{background-repeat:no-repeat;background-size:cover;background-position:center center;}
#section0{background-image:url(../imgs/fundos/PF2.jpg);}
#sectionabout3{}
.section{background-size:cover;background-attachment:fixed;background-position:center center;height:100%;}
#section0{background-image:url(../imgs/fundos/PF2.jpg);z-index:2;}
#section1{background-image:url(../imgs/ecrans/1_RealTimeVariables_realista.png);}
#section2{background-image:url(../imgs/ecrans/2_DrivingHistory_realista.png);}
#section3{background-image:url(../imgs/ecrans/3_TripDetails_realista.png);}
#section4{background-image:url(../imgs/ecrans/4_Events_realista.png);}
#sectionevolucao{background-image:url(../imgs/ecrans/5_evolucao.png);}
#section5{}
#section6{}
#sectionabout .conteudo{right:-200%;position:relative;}
#sectionabout1{}
#sectionabout2{}
#exp{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:0.5;filter:alpha (opacity=50);z-index:99999999;display:none;}
.blur{filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);-moz-filter:blur(4px);-webkit-filter:blur(4px);}
.formwrapper{width:100%;margin:auto;height:100%;display:table;position:static;}
.forminner{display:table-cell;position:static;vertical-align:middle;}
.topform{background-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%;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);}
.contact{color:white}
.btFecha{position:static;display:table-cell;vertical-align:middle;text-align:right;}
.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:5%;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);}
.bottomform{background-color:#34CACA;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%;margin-bottom:0;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);}
.janela input[type="text"],
.janela input[type="email"],
.janela textarea,
.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:13px Arial, Helvetica, sans-serif;height:45px;color:hsla(0,0%,0%,1.00)}
.janela input[type="text"],
.janela input[type="email"]{padding-left:4px;}
.janela textarea{resize:vertical;overflow:hidden;padding-top:13px;padding-left:4px;max-height:500px;}
select option{color:black;}
select option:first-child{color:#999;padding:0;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;opacity:1;}
::-moz-placeholder{color:#999;opacity:1;}
:-ms-input-placeholder{color:#999;}
#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;}
#logocor{background-image:url(../imgs/logo/logo_drivit_original.png);background-repeat:no-repeat;background-position:center;width:168px;height:78px;float:left;}
.main-nav{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{position:static;display:table-cell;background-color:rgba(51,51,51,1);vertical-align:middle;margin:auto auto;text-align:center;color:white;}
.rodapenav{margin-top:40px;margin-bottom:40px;}
.rodapenav li{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:grey;font-size:12px;line-height:20px}
.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:768px){.interior{width:50%;height:100%;position:static;display:table;overflow:hidden;margin-right:0;margin-left:50%;}
}
.caixa{width:80%;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-top:40px;}
.conteudo2partes p{margin:20px 0 20px 0;}
@media only screen and (min-width:768px){.conteudo2partes{width:50%;padding-left:2%;padding-right:2%;float:left;}
.conteudo3partes{width:33.333%;padding-left:2%;padding-right:2%;float:left;text-align:left;display:table;position:static;vertical-align:middle}
}
#conteudotop{margin-top:40px;}
#conteudobottom{margin-bottom:40px;}
@media only screen and (min-width:768px){#conteudotop{margin-top:0;}
#conteudobottom{margin-bottom:0;}
}
.topcaixa{height:70%;width:80%;display:table;position:static;margin:auto auto 50px auto;}
.bottomcaixa{height:30%;width:100%;display:table;position:static;margin:auto auto;}
@media only screen and (min-width:768px){.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:768px){.conteudo .titulo{margin:0 0 100px auto;}
.titulo h2{font-size:80px;color:#22b4aa;}
}
@media only screen and (min-width:768px){#logocentro{background-image:url(../imgs/logo/logo_drivit_branco.png);background-repeat:no-repeat;background-size:contain;background-position:center center;height:80px;width:auto;margin:auto auto;position:absolute;left:0;right:0;top:10%;}
}
.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;}
@media only screen and (min-width:768px){.mobileShow{display:none;}
.esq1{position:static;display:table-cell;vertical-align:middle;width:100%;text-align:left;}
.conteudoesq{text-align:left;max-width:600px}
.esq1 p{width:100%;margin:auto 0;font-size:28px;line-height:40px;}
.esq1 h2{width:100%;margin:auto 0;font-size:45px;}
}
.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:768px){.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:150px;width:150px;line-height:50px;margin:20px auto;border-radius:50%;background-color:white}
#adaptador{background-image:url(../imgs/OBD/MT-OBD-usflt-2.png);background-repeat:no-repeat;background-position:bottom left;background-size:contain;}
#conecta{background-image:url(../imgs/hiw/clio%20ortho%20front%20aberto.png);background-repeat:no-repeat;background-position:top center;background-size:contain;background-color:transparent;bottom:0}
#aplicacao{background-image:url(../imgs/ecrans/ecrans/mobile/mobile_tripDetails_realista.png);background-repeat:no-repeat;background-size:cover;background-position:top left;}
}
#mission{max-width:800px;}
.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/6140989632_1c8066563d_b.jpg);margin:60px auto 20px auto}
#gon{background-image:url(../imgs/about%20imgs/Businessman.jpg);margin:auto auto 20px auto}
#andre{background-image:url(../imgs/about%20imgs/web-home-phot.jpeg);margin:60px auto 20px auto}
@media only screen and (min-width:768px){.foto{width:100px;height:100px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:auto auto;}
#carlos, #gon, #andre{margin:auto auto 20px 0}
}
.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_br.png);}
#email{background-image:url(../imgs/contactos/email_128px_br.png);}
#phone{background-image:url(../imgs/contactos/mobile_128px_br.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);}
}