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

/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.content100 {width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}

.faixaBrancaRel {
	height: auto;
	padding-bottom: 25px;
	padding-top: 25px;
}
.ajustaIconesFxaBranca {
	position: static;
}
.iconesFxaBranca {
	width: 300px;
}
.iconRastreioCar, .iconRastreioTrat, .iconRastreioCam {
	margin-top: 20px;
}

.sobre {
	padding-top: 120px;
}
.equipamentos {
	width: 45%;
	margin-left: 5%;
}
.contentAppRight {
	right: 50px;
}
.contentAppLeft {
	width: 60%;
	margin-left: 5%;
}
.contentAppLeft h2 {
	width: 90%;
}
.faq {
	background-image: url(../img/faqimg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 50px;
}
.bgFaq {
	display: none;
}
.contentFaqLeft {
	width: 80%;
	margin-left: 2%;
	margin-top: 30px;
}
.quadroTec{width:100%;}
.quadroTec:nth-child(2) {margin-right:0px; margin-left:0px;}
.imgQuadroTec {width:30%; height:225px;}
.azulQuadroTec{width:70%; min-height:inherit; height:225px;}
.contratar {width:80%; margin-left:10%;}
.formContato {
	width: 80%;
	margin-left: 10%;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
	padding-bottom: 40px;
	text-align:center;
}
.telsContato {width:100%; text-align:center; margin-top:0px; margin-bottom:30px}
.formInterno {width:50%;}
.testePlataforma .testeRight, .testePlataforma .testeLeft {width:50%;}
.testePlataforma .testeRight {padding-left:8%;}
.boxAtendimento {width:100%; margin-left:0px;}
.boxAtendimento figure {margin-left:20px;}
.boxAtendimento .listaServicos p {font-size:110%;}
.linkCliente {font-size:110%;}
.contentFxaGeralLeft {margin-left:5%; width:45%;}
.formRight {margin-right:5%;}
}
/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.logotipo {
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.topRight {
	margin-right: auto;
	margin-left: auto;
	float: none;
	width:100%;
	margin-top: 30px;
	
}
.topRightA {
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.topContato {
	width: 100%;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.equipLorawan {width:25%;}
.diferenciaisLRW {width:70%;}
.topTel {
	display: inline-table;
	float: none;
	text-align: left;
	width:auto;
	margin-right:2%;
	margin-left:2%;
}
.whatsTel {
	margin-top: 20px;
	display: inline-table;
	float: none;
	text-align: left;
	width:auto;
	margin-right:2%;
	margin-left:2%;
}
.contentPainelRight {
	float: left;
	width: 100%;
	position: static;
}
.top0800 {vertical-align:top;}
.divisorTel {display:none}
.faixaBrancaRel {
	height: auto;
	padding-bottom: 25px;
	padding-top: 25px;
}
.contentPainelLeft {margin-top:80px; width:450px; margin-left:5%; position:static}
.ajustaIconesFxaBranca {
	position: static;
}
.iconesFxaBranca {
	width: 250px;
	margin-top: 10px;
}
.iconRastreioCar, .iconRastreioTrat, .iconRastreioCam {
	margin-top: 20px;
}
.sobre {
	padding-top: 120px;
}
.equipamentos {
	width: 418px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.homologacao {
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 418px;
	margin-top: 100px;
}
.ajustaApp {
	height: auto;
	padding-bottom: 400px;
}
.contentAppLeft {
	width: 80%;
	margin-left: 10%;
	text-align: center;
}
.contentAppLeft h2 {
	width: 100%;
	margin-bottom: 30px;
}
.envolve {
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.contentAppRight {
	width: 35%;
	height: auto;
	right: 27%;
	bottom: -3px;
}
.faq {
	background-image: url(../img/faqimg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 50px;
}
.bgFaq {
	display: none;
}
.contentFaqLeft {
	width: 96%;
	margin-left: 2%;
	margin-top: 30px;
}
.saibaMaisFAQ {
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;
}
.contentFooterLeft {
	margin-right: auto;
	margin-left: auto;
	float: none;
	height: 80px;
}
.compartilhe {
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-align: center;
}
.fotContato {
	margin-bottom: 20px;
	text-align: center;
}
.fotTel {
	float: left;
	
	margin-left: 15%;
}
.assinatura {
	margin-top: 20px;
}
.quadroTec{width:100%;}
.quadroTec:nth-child(2) {margin-right:0px; margin-left:0px;}
.imgQuadroTec {width:100%; height:225px;}
.azulQuadroTec{width:100%; min-height:inherit; height:225px;}
.saibaMais {
	width: 100%;
	
}
.contentRight, .contentLeft {width:100%; float:left;}
.boxPlano{
	width: 50%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.linkCliente {width:90%; margin-left:5%; margin-right:5%; margin-bottom:15px; margin-top:15px;}
.formContato {
	width: 80%;
	margin-left: 10%;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
	padding-bottom: 40px;
	text-align:center;
}
.telsContato {width:100%; text-align:center; margin-top:0px; margin-bottom:30px}
.formInterno{width:100%; margin-top:40px;}
.boxDiferenciais {width:100%; text-align:center; margin-top:40px;}
.faixaForm{ height:auto; background-size:cover; padding-bottom:10px;}
.faixaForm a {width:90%; margin-right:5%; padding-left:0px; padding-right:0px; margin-top:40px;}
.politicas {width:100%; text-align:center; border-top-color:#DEDEDE; border-top-style:solid; border-top-width:1px; padding-bottom:10px;}


.bgSobre{	background-image: url(../img/quemsomos-768.jpg); }
.bgTelemetria{	background-image: url(../img/bgTelemetriaTop-768.jpg); }
.bgCliente{ background-image: url(../img/bgClienteTopWhats-768.jpg); }
.bgBoleto{	background-image: url(../img/bgClienteTopWhats-768.jpg); }
.bgFaq{	background-image: url(../img/bgFaqTop-768.jpg); }
.bgCarro{	background-image: url(../img/bgCarroTop-768.jpg); }
.bgFrota{	background-image: url(../img/bgFrotaTop-768.jpg); }
.bgSeguros{	background-image: url(../img/bgSegurosTop-768.jpg); }
.bgM2M{	background-image: url(../img/bgM2mTop-768.jpg); }
.bgSMS{	background-image: url(../img/bgSmsTop-768.jpg); }
.bgLWN{	background-image: url(../img/bgLoravanTop-768.jpg);}
.bgContato{	background-image: url(../img/bgContatoTop-768.jpg); }
.bgFormCarro{	background-image: url(../img/bgCarro-768.jpg); }
.bgFormFrota{	background-image: url(../img/bgFrota-768.jpg); }
.bgFormSeguro{	background-image: url(../img/bgSeguro-768.jpg); }
.bgFormTelemetria{	background-image: url(../img/bgTelemetria-768.jpg); }
.bgFormM2m{	background-image: url(../img/bgM2m-768.jpg); }
.testePlataforma .testeRight, .testePlataforma .testeLeft {width:100%; height:auto;padding-top:20px; padding-bottom:20px;text-align:center; padding-left:0px;}
.testeLeft figure {float:none; margin-left:auto; margin-right:auto; margin-bottom:15px; }
.linkTesteDesk {display:none}
.linkTesteMobile {display:block}
.seta_direita:after{	border:none;}
.boxAtendimento {height:auto}
.listaServicos {width:100%; text-align:center}
.boxAtendimento .listaServicos p {font-size:110%;}
.boxAtendimento .whatsAtendimento {width:100%; padding-top:20px; height:130px; margin-top:20px;}
.seta_esquerda:after {border:none;}
.boxAtendimento figure {float:none; margin-left:auto; margin-right:auto;}
.atendimentoDigital .ou {width:10%;}
.atendimentoDigital .detailDividir{width:45% }
.formRight {width:100%; margin-top:0px; border-radius:0px;}
.contentFxaGeralLeft {width:90%; margin-left:5%;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%;}
.content90 {width:90%; float:left; margin-left:5%;}
.envolveInput {width:100%;  margin-right:0px;}
.logotipo {	width: 100px;	margin-bottom:20px;	margin-top:5px;}
.topRight {	width: 180PX;	float:right;}
.topRightA {	display:none;}
.monitorMobile {	display: block;	float: right;	margin-right: 5%;	margin-top: 5px;}
.monitoramento, .boleto {width:60px; height:50px;  padding-left:5px; padding-right:5px;
}
.monitoramento span, .boleto span {	position: relative;    top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	display:block; }
.topContato {
	width: 100%;
	
}
.topTel {
	
	float: left;
	margin-bottom: 10px;	
	
}
.txtTopTel{ width:auto;}
.txtTopTel h2 {
	font-size: 110%;
	line-height: 20px;
}
.whatsTel {
	margin-bottom: 0px;
	margin-left:0px;
	

	
}
.top0800 {margin-left:70px; margin-top:0px;}
.divisorTel {display:none}
.contentPainelRight {
	float: left;
	width: 100%;
	position: static;
	
}

.contentPainelLeft {display:none; }
.faixaBrancaRel {
	height: auto;
	padding-bottom: 25px;
	padding-top: 25px;
}
.ajustaIconesFxaBranca {
	position: static;
}
.iconesFxaBranca {
	width: 100%;
	border-bottom-color:#183a8c;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-top: 10px;
	padding-bottom:20px;
}
.iconesFxaBranca:last-child {border-bottom:none;}
.iconesFxaBranca h2 {
	width: 180px;
}
.iconesFxaBranca p {
	width: 200px;
	
}
.iconesRastreio {
	width: 100%;
}
.iconRastreioCar, .iconRastreioTrat {
	margin-top: 20px;
	width: 200px;
}
.iconRastreioCam {
	margin-top: 20px;
	width: 186px;
}
.iconRastreio {
	width: 100%;
	font-size: 95%;
}
.carroFxaBranca {
	width: 200px;
}
.sobre {
	padding-top: 20px;
}
.saibaMais {
	font-size: 128%;
	width: 96%;
	
}

.equipamentos {
	width: 80%;
	margin-left: 10%;
	margin-top: 40px;
	text-align: center;
}
.iconEquip {
	float: none;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.homologacao {
	width: 80%;
	margin-right: 10%;
	margin-top: 40px;
	text-align: center;
}
.iconHomologacao {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 129px;
	text-align: center;
	margin-top: 20px;
}
.ajustaApp {
	height: auto;
	padding-bottom: 400px;
}
.contentAppLeft {
	width: 90%;
	margin-left: 5%;
	text-align: center;
}
.contentAppLeft h2 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 250%;
}
.envolve {
	width: 100%;
	text-align: center;
}
.googlePlay {
	margin-right: 0px;
	display: inline-table;
	float: none;
}
.appStore {
	display: inline-table;
	float: none;
}
.contentAppLeft img {
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.contentAppRight {
	width: 60%;
	height: auto;
	right: 20%;
	bottom: -3px;
}
.faq {
	padding-bottom: 50px;
}
.bgFaq {
	display: none;
}
.contentFaqLeft {
	width: 100%;
	margin-left: 0%;
	margin-top: 30px;
}
.iconFaq {
	width: 86px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.faqTxtLaranja {
	width: 90%;
	margin-left: 5%;
	text-align: center;
}
.txtFAQ {
	text-align: center;
	line-height: 25px;
}
.txtFAQ p {
	margin-top: 20px;
}
.saibaMaisFAQ {
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;
}


.contentFooterLeft {
	width: 100%;
}
.fotTel {
	text-align: center;
}
.iconFotTel {
	display: none;
}
.fotTel span {
	font-size: 100%;
}
.fotContato {
	margin-bottom: 20px;
	text-align: center;
}
.compartilhe {
	width: 133px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-align: center;
}
.assinatura {
	margin-top: 20px;
}
.quadroTec{width:100%;}
.quadroTec:nth-child(2) {margin-right:0px; margin-left:0px;}
.imgQuadroTec {width:100%; height:225px;}
.azulQuadroTec{width:100%; min-height:inherit; height:auto;}
.contentRight, .contentLeft {width:100%; float:left;}

.boxPlano{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.linkCliente {width:90%; margin-left:5%; margin-right:5%; margin-bottom:15px; margin-top:15px;}
.formContato {
	width: 80%;
	margin-left: 10%;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
	padding-bottom: 40px;
	text-align:center;
}
.telsContato {width:100%; text-align:center; margin-top:0px; margin-bottom:30px}
.formInterno{width:100%; margin-top:40px;}
.boxDiferenciais {width:100%; text-align:center; margin-top:40px;}
.faixaForm{ height:auto; background-size:cover;  padding-bottom:10px;}
.faixaForm a {width:90%; margin-right:5%; padding-left:0px; padding-right:0px; margin-top:40px;}
.tabFlipFaq{ line-height:25px;}
.fLeft {float:none;}
.politicas {width:100%; text-align:center; border-top-color:#DEDEDE; border-top-style:solid; border-top-width:1px; padding-bottom:10px;}
.inputGeral{ height:40px;}
.bgSobre{	background-image: url(../img/quemsomos-479.jpg); }
.bgTelemetria{	background-image: url(../img/bgTelemetriaTop-479.jpg); }
.bgCliente{ background-image: url(../img/bgClienteTopWhats-479.jpg); }
.bgBoleto{	background-image: url(../img/bgClienteTopWhats-479.jpg); }
.bgFaq{	background-image: url(../img/bgFaqTop-479.jpg); }
.bgCarro{	background-image: url(../img/bgCarroTop-479.jpg); }
.bgFrota{	background-image: url(../img/bgFrotaTop-479.jpg); }
.bgSeguros{	background-image: url(../img/bgSegurosTop-479.jpg); }
.bgM2M{	background-image: url(../img/bgM2mTop-479.jpg); }
.bgSMS{	background-image: url(../img/bgSmsTop-479.jpg); }
.bgLWN{	background-image: url(../img/bgLoravanTop-479.jpg);}
.bgContato{	background-image: url(../img/bgContatoTop-479.jpg); }

.bgFormCarro{	background-image: url(../img/bgCarro-479.jpg); }
.bgFormFrota{	background-image: url(../img/bgFrota-479.jpg); }
.bgFormSeguro{	background-image: url(../img/bgSeguro-479.jpg); }
.bgFormTelemetria{	background-image: url(../img/bgTelemetria-479.jpg); }
.bgFormM2m{	background-image: url(../img/bgM2m-479.jpg); }
.top0800 {vertical-align:top;}
.legendaMonitore {text-align:right;}
.equipLorawan {width:200px; float:none; margin-left:auto; margin-right:auto;}
.diferenciaisLRW {width:100%; margin-left:0px;}
.testePlataforma .testeRight, .testePlataforma .testeLeft {width:100%; height:auto;padding-top:20px; padding-bottom:20px;text-align:center; padding-left:0px;}
.testeLeft figure {float:none; margin-left:auto; margin-right:auto; margin-bottom:15px; }
.linkTesteDesk {display:none}
.linkTesteMobile {display:block; width:156px;}
.seta_direita:after{	border:none;}
.linkTesteMobile a {margin-bottom:20px;}
.boxAtendimento {width:100%; margin-left:0px; height:auto;}
.listaServicos {width:100%; text-align:center;}
.boxAtendimento .listaServicos p {font-size:110%;}
.boxAtendimento .whatsAtendimento {width:100%; padding-top:20px; height:130px; margin-top:25px;}
.seta_esquerda:after {border:none;}
.boxAtendimento figure {float:none; margin-left:auto; margin-right:auto;}
.atendimentoDigital .ou {width:10%;}
.atendimentoDigital .detailDividir{width:45% }
.formRight {width:100%; margin-top:0px; border-radius:0px;}
.contentFxaGeralLeft {width:90%; margin-left:5%;}
}