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

/*FONTES*/
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-regular-webfont.woff2') format('woff2'),
url('fonts/lato-regular-webfont.woff') format('woff'),
url('fonts/lato-regular-webfont.ttf') format('truetype'),
url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-light-webfont.woff2') format('woff2'),
url('fonts/lato-light-webfont.woff') format('woff'),
url('fonts/lato-light-webfont.ttf') format('truetype'),
url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-bold-webfont.woff2') format('woff2'),
url('fonts/lato-bold-webfont.woff') format('woff'),
url('fonts/lato-bold-webfont.ttf') format('truetype'),
url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "latoregular";
src: url("fonts/lato-regular-webfont.svg") format('svg');
}
@font-face {
font-family: "latolight";
src: url("fonts/lato-light-webfont.svg") format('svg');
}
@font-face {
font-family: "latobold";
src: url("fonts/lato-bold-webfont.svg") format('svg');
}
}

.fonteFina {
	font-family: latolight, Arial, Helvetica, sans-serif;
}
.fonteNormal {
	font-family: latoregular, Arial, Helvetica, sans-serif;
}

.fonteBold {
	font-family: latobold, Arial, Helvetica, sans-serif;
}
h1 , h2, h3{
	font-weight: normal;
	font-size: 100%;
}
/*FECHA FONTES*/
*{margin:0px; padding:0px;}
a {
	text-decoration: none;
}

body {
	font-size: 14px;
}

.idMail {
	height: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: hidden;
	width: 0px;
}
.ajustaIcones {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 15px;
}
.politicas {
	float: right;
	color: #FFF;
	clear: right;
	margin-top: 10px;
}
.politicas a {
	color: #FFF;
	font-size: 110%;
	display: block;
	clear: both;
	margin-top: 7px;
}


.fotContato a {
	color: #FFF;
}

.content90 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: undefined;
}
.content100 {
	width:1100px;
	margin-left:auto;
	margin-right:auto; 
	position: relative;
}

.centralizar {
	text-align: center;
	float: left;
	width: 100%;
}

.img100 {
	width: 100%;
}

.img200 {
	width: 200%;
}
.screen100 
{ width:100%;
float:left;}

.top, .topHead{
	float:left;
	width:100%;
}
.bganimado {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
.formGeral {
	margin-top: 25px;
	float: left;
	width: 90%;
	margin-left: 10%;
}
.formGeral span {
	float: left;
	margin-bottom: 7px;
	font-size: 90%;
	color: #F00;
}

.inputGeral      {
	height: 30px;
	margin-bottom: 7px;
	background-color: #FFFFFF;
	color: #183a8c;
	width: 90%;
	padding-left: 3%;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.inputContato {
	height: 30px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #183a8c;
	border: 1px solid #E0E0E0;
	width: 90%;
	padding-left: 3%;
}
.formContato {
	float: left;
	width: 55%;
	margin-top: 50px;
	margin-bottom: 50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A2A2A2;
}
.textareaGeral {
	height: 70px;
	margin-bottom: 10px;
	background-color: #FFCD42;
	color: #183a8c;
	border: none;
	width: 90%;
	padding-left: 3%;
	padding-top: 4px;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.textareaContato {
	height: 200px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #183a8c;
	border: none;
	width: 90%;
	padding-left: 3%;
	padding-top: 4px;
	border: 1px solid #E0E0E0;
}


.submitGeral {
	float: right;
	width: 150px;
	color: #FFF;
	font-size: 110%;
	background-color: #2391e5;
	padding-top: 10px;
	padding-bottom: 10px;
	Border: none;
	margin-right: 10%;
}
.submitInterno {
	float: right;
	width: 150px;
	color: #FFF;
	font-size: 110%;
	background-color: #ff7200;
	padding-top: 10px;
	padding-bottom: 10px;
	Border: none;
	margin-right: 5%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#393939;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#393939;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#393939;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#393939;
}

.formGeral input, .formGeral textarea, .formRight input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.top {
	float: left;
	width: 100%;
}
.painel {
	float: left;
	width: 100%;
	background-image: url(../img/bgPainel.html);
	background-repeat: no-repeat;
	height: 600px;
	background-position: bottom;
	position: relative;
}

.footer {
	float: left;
	width: 100%;
	background-color: #101010;
	color: #FFF;
}

.compartilhe {
	font-size: 121%;
	color: #FFF;
	float: right;
	width: 133px;
	margin-top: 20px;
}
.compartilhe img {
	margin-right: 8px;
}
.fxaMarrom {
	float: left;
	width: 100%;
	background-color: #000917;
}
.iconMarrom {
	font-size: 100%;
	color: #FFF;
	display: inline-table;
	width: 150px;
}
.topFxaAzul {
	background-color: #000000;
	float: left;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.logotipo {
	float: left;
	width: 120px;
	margin-top: 10px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.topRight {
	float: right;
	width: 405px;
}
.topRightA {
	float: right;
	width: 250px;
	margin-bottom: 25px;
}

.monitoramento {
	font-size: 93%;
	color: #FFF;
	background-color: #0a5aff;
	text-align: center;
	float: left;
	width: 147px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	margin-right: 5px;
}
.boleto {
	font-size: 93%;
	color: #1A1A1A;
	background-color: #ffcd42;
	text-align: center;
	float: left;
	width: 147px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
}
.topContato {
	float: right;
	width: 570px;
}
.topTel {
	float: left;
	/* [disabled]width: 200px; */
	/* [disabled]margin-right: 10px; */
	display: block;
	vertical-align: bottom;
	
}
.whatsTel {
	float: left;
	width: 195px;
	/* [disabled]margin-left: 10px; */
}

.iconTopTel {
	float: left;
	width: 25px;
	margin-right: 6px;
}
.txtTopTel {
	color: #ffcd42;
	float: left;
	width: 155px;
}
.txtTopTel p {
	font-size: 70%;
}
.txtTopTel h2 {
	font-size: 125%;
	line-height: 20px;
}
.txtTopTel span {
	font-size: 110%;
}
.txtCarPainel {
	font-size: 142%;
	color: #101010;
	float: left;
	width: 395px;
	margin-left: 10px;
	line-height: 25px;
	margin-top: 100px;
}

.contentPainelLeft {
	float: left;
	width: 602px;
	position: absolute;
	left: 18%;
	top: 189px;
}
.contentPainelRight {
	float: right;
	width: 250px;
	position: absolute;
	top: 50px;
	right: 17%;
}

.formContato h2 {
	font-size: 164%;
	color: #3664a9;
}
.telsContato h2 {
	font-size: 164%;
	color: #3664a9;
	margin-bottom: 15px;
}

.telsContato {
	float: right;
	width: 40%;
	margin-top: 50px;
}
.faixaBrancaRel {
	float: left;
	width: 100%;
	position: relative;
	height:175px;
}
.ajustaIconesFxaBranca {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -59px;
    z-index: 99999;
    left: -2px;
}
.iconesFxaBranca {
	width: 340px;
	height: 190px;
	display: inline-table;
}
.iconesFxaBranca h2 {
	font-size: 136%;
	color: #727176;
	text-align: center;
	width: 225px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.iconesFxaBranca p {
	font-size: 128%;
	color: #727176;
	text-align: center;
	width: 250px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 50px;
}
.formContato p {
	font-size: 128%;
	color: #727176;
	float: none;
	margin-top: 5px;
	margin-bottom: 30px;
}

.iconPlus {
	float: none;
	width: 19px;
	margin-right: auto;
	margin-left: auto;
}
.rastreio {
	background-color: #FFCD42;
	float: left;
	width: 100%;
	padding-top: 55px;
}
.rastreio h2 {
	text-align: center;
	font-size: 221%;
	color: #ffd24;	
	margin-bottom: 45px;
}
.iconesRastreio {
	display: inline-table;
	width: 300px;
}
.iconRastreioCar {
	margin-bottom: 40px;
	width: 271px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.iconRastreioTrat {
	margin-bottom: 40px;
	width: 211px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.iconRastreioCam {
	margin-bottom: 40px;
	width: 186px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.iconRastreio {
	float: none;
	width: 227px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 16px;
	font-size: 100%;
	line-height: 20px;
	color: #FFF;
	padding-bottom: 9px;
	background-color: #101010;
	position:relative;
}
.iconRastreio:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 28, 52, 0);
	border-bottom-color: #101010;
	border-width: 12px;
	margin-left: -12px;
}
.funcionamento {
	background-color: #101010;
	float: left;
	width: 100%;
	padding-top: 55px;
	padding-bottom: 100px;
}
.funcionamento h2 {
	font-size: 221%;
	color: #FFCD42;
	text-align: center;
	margin-bottom: 10px;
}
.funcionamento p {
	font-size: 128%;
	line-height: 28px;
	color: #FFF;
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.iconFuncionamento {
	text-align: center;
	width: 130px;
	display: inline-table;
}

.iconFuncionamento p {
	font-size: 128%;
	line-height: 20px;
	color: #FFCD42;
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.ajustaCarroFxaBranca {
	text-align: center;
	position: absolute;
	width: 100%;
	top: -77px;
}
.carroFxaBranca {
	width: 440px;
	display: inline-table;
}

.sobre {
	float: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 50px;
}
.txtSobre {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

.txtSobre h2 {
    font-size: 221%;
    color: #000000;
    margin-bottom: 29px;
}
.txtSobre p   {
	font-size: 128%;
	line-height: 36px;
	color: #000;
	margin-bottom: 35px;
}
.acordeon p {
	font-size: 110%;
	line-height: 20px;
	color: #000;
	margin-bottom: 15px;
}

.saibaMais {
	font-size: 178%;
	color: #ff0000;
	border: 1px solid #ff0000;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.equipamentos {
	float: left;
	width: 430px;
	margin-left: 45px;
}
.iconEquip {
	float: left;
	width: 86px;
	margin-right: 18px;
	margin-top: 32px;
}
.icontels {
	float: right;
	width: 86px;
	margin-right: 18px;
	margin-top: 32px;
}
.homologacao {
	float: right;
	width: 260px;
}
.iconHomologacao {
	float: left;
	width: 129px;
	text-align: center;
}
.aplicativo {
	background-color: #101010;
	float: left;
	width: 100%;
}
.ajustaApp {
	float: left;
	width: 100%;
	position: relative;
	height: 400px;
}
.contentAppLeft {
	float: left;
	width: 50%;
	margin-top: 60px;
	margin-left: 90px;
}
.contentAppLeft h2 {
	font-size: 300%;
	line-height: 50px;
	color: #FFF;
	width: 300px;
}
.contentAppLeft p {
	font-size: 142%;
	line-height: 24px;
	color: #FFF;
	margin-bottom: 15px;
}

.contentAppRight {
	float: right;
	width: 210px;
	position: absolute;
	right: 125px;
	bottom: 0px;
	height: 331px;
}
.envolve {
	float: left;
	width: 342px;
	clear: left;
	margin-top: 15px;
}
.googlePlay {
	float: left;
	width: 156px;
	margin-right: 30px;
}
.appStore {
	float: left;
	width: 156px;
}



.faq {
	background-color: #FFCD42;
	float: left;
	width: 100%;
}
.bgFaq {
	float: right;
	width: 671px;
}
.contentFaqLeft {
	float: left;
	width: 410px;
	margin-left: 19px;
	margin-top: 50px;
}
.iconFaq {
	float: left;
	width: 86px;
	margin-right: 10px;
}
.faqTxtLaranja {
	color: #000000;
	float: left;
	width: 300px;
}
.faqTxtLaranja h2 {
	font-size: 390%;
}
.faqTxtLaranja h3 {
	font-size: 221%;
}
.txtFAQ {
	font-size: 142%;
	color: #000;
	float: left;
	width: 100%;
	margin-top: 30px;
	line-height: 40px;
	margin-bottom: 35px;
}
.saibaMaisFAQ {
    float: left;
    font-size: 178%;
    color: #000000;
    border: 1px solid #db6200;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 44px;
    padding-left: 44px;
    display: block;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.saibaMais:hover, .saibaMaisFAQ:hover {
    background-color: #db6200;
    color: #FFF;
}
.tecnologia {
	float: left;
	width: 100%;
	padding-bottom: 60px;
	text-align: center;
}
.tituloTecnologia {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 243%;
	color: #000000;
	margin-top: 70px;
	margin-bottom: 5px;
}
.quadroTec {
	width: 32%;
	float: left;
	margin-top: 30px;
}
.quadroTec:nth-child(2) {
	margin-left: 2%;
	margin-right: 2%;
}

.imgQuadroTec {
	float: left;
	width: 100%;
	height:250px;
	overflow:hidden;
	}
.azulQuadroTec {
	width: 100%;
	padding-bottom: 45px;
	background-color: #000000;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 18px;
	display: block;
	min-height: 300px;
}
.azulQuadroTec h2 {
	font-size: 214%;
	color: #FFF;
	margin-top: 10px;
}
.azulQuadroTec p {
	font-size: 100%;
	color: #FFF;
	margin-top: 25px;
}
.iconQuadroTec {
	width: 66px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.linhaLaranja {
	float: left;
	height: 5px;
	width: 100%;
	background-color: #FFCD42;
}
.contentFooterLeft {
	float: left;
	width: 355px;
	margin-left: 10px;
	margin-top: 30px;
}
.fotTel {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	color: #FFF;
	font-size: 128%;
	line-height: 25px;
}
.fotTel h2 {
	font-size: 105%;
}
.fotTel span   {
	font-size: 138%;
	line-height: 26px;
}

.iconFotTel {
	float: left;
	margin-right: 15px;
	width: 49px;
}
.fotContato {
	float: left;
	width: 100%;
	font-size: 96%;
	color: #FFF;
	line-height: 20px;
	margin-bottom: 66px;
}
.fotContato span   {
	font-size: 113%;
	color: #FFF;
}
.telsContato span {
	font-size: 120%;
	color: #3664a9;
}
.telsContato p {
	font-size: 110%;
	color: #3664a9;
	line-height: 30px;
}


.iconCompartilhe {
	display: inline-table;
	margin-top: 10px;
}
.assinatura {
	font-size: 80%;
	color: #3664a9;
	float: left;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 10px;
	background-color: #FFF;
}

.iconesFxaBranca figure {
	background-color: #000000;
	width: 100px;
	border-radius: 50%;
	border: 7px solid #FFF;
	margin-right: auto;
	margin-left: auto;
	display: block;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100px;
}
.iconesFxaBranca figure img {
	margin-top:10px;
}
.bgSobre{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgTelemetria{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgCliente{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgAtendimento{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgFaq{
	background-image: url(../img/bgFaqTop.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgCarro{
	background-image: url(../img/bgCarroTop.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgFrota{
	background-image: url(../img/bgFrotaTop.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgSeguros{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgM2M{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgLWN{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
.bgSMS{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgContato{
	background-image: url("../img/bg_geral_top.jpg");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgPlanobronze{
	background-image: url("../img/planobronzeslider.webp");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgPlanoprata{
	background-image: url("../img/plano-prata.webp");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgPlanoouro{
	background-image: url("../img/plano-ouro.webp");
	background-repeat: no-repeat;
	background-position: center center;	
}
.bgPlanodiamante{
	background-image: url("../img/plano-diamante.webp");
	background-repeat: no-repeat;
	background-position: center center;	
}
.faixaBranca {
	float: left;
	width: 100%;
}
.contentFxaGeral {
	float: left;
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	margin-top: 86px;
	padding-bottom: 40px;
}

.contentFxaGeralLeft {
	float: left;
	width: 55%;
	text-align: justify;
	margin-top: 86px;
	padding-bottom: 40px;
}
.contentFxaGeral p , .contentFxaGeralLeft p  {
	font-size: 137%;
	line-height: 30px;
	color: #000;
	margin-botton: 55px;
	margin-bottom: 15px;
}
.contentFxaGeral h3, .contentFxaGeralLeft h3 {
	font-size: 145%;
	line-height: 30px;
	color: #000;
	margin-botton: 55px;
}

.contentFxaGeral h2, .contentFxaGeralLeft h2 {
	font-size: 170%;
	line-height: 30px;
	color: #000;
	margin-botton: 55px;
	margin-bottom: 50px;
}


.iconAzul {
	display: inline-table;
	width: 100px;
	text-align: center;
}
.acordeon h2 {
	font-size: 140%;
	color: #001C34;
	margin-top: 40px;
	margin-bottom: 10px;
}
.formInterno {
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
	color: #FFCD42;
	width: 33%;
	float: right;
	margin-top: 80px;
	background-color: rgba(0, 31, 122, 0.5);
	background: rgba(0, 31, 122, 0.5);
	color: rgba(0, 31, 122, 0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
}
.formInterno h2 {
	font-size: 190%;
	color:#FFF;
}
.formInterno p {
	font-size: 110%;
	margin-bottom: 20px;
	color:#FFF;
}
.faixaSimbolo {
	width: 100%;
	float: left;
	background-color: #c1c1c1;
	height: 105px;
	position: relative;
	margin-top: 80px;
	text-align: center;
}
.simboloAbs {
	width: 100%;
	position: absolute;
	top: -70px;
}
.faixaForm {
	float: left;
	width: 100%;
	height: 653px;
	position: relative;
}
.bgFormCarro{
	background-image: url(../img/bgCarro.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bgFormFrota{
	background-image: url(../img/bgFrota.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bgFormSeguro{
	background-image: url(../img/bgSeguro.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bgFormTelemetria{
	background-image: url(../img/bgTelemetria.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bgFormM2m{
	background-image: url(../img/bgM2m.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.boxDiferenciais {
	float: left;
	width: 45%;
	margin-top: 130px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.boxDiferenciais h2 {
	font-size: 200%;
	color: #FFF;
}
.boxDiferenciais p {
	font-size: 160%;
	color: #FFF;
	margin-top: 20px;
}
.tabFlip {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 150%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #015AFF;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#EBEBEB;
	color: #015AFF;
	cursor:pointer;

}
.acordeon {
	float: left;
	width: 100%;
	display: none;
	background-color: #EFEFEF;
	text-align: justify;
	padding: 25px 2%
}
.tabFlipFaq {
	float: left;
	width: 100%;
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #015AFF;
	padding-top:25px;
	padding-bottom:25px;
	color: #015AFF;
	cursor:pointer;
}
.acordeonFaq {
	float: left;
	width: 100%;
	display: none;
	background-color: #EFEFEF;
	text-align: justify;
	padding: 25px 2%;
	line-height: 25px;
}
.planos {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	margin-bottom: 50px;
}
.planos h2 {
	font-size: 200%;
	color: #015AFF;
}
.planos p {
	font-size: 120%;
	color: #666;
	line-height: 30px;
	margin-bottom: 40px;
}
.boxPlano {
	width: 20%;
	float: left;
	background-color: #000000;
	padding-bottom: 25px;
}
.boxPlano:nth-child(2n) {background-color:#020425; }
.descPlano {
	color: #FFffFF;
	font-size: 130%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.precoMenor {
	font-size: 100%;
	color: #ECD11C;
}
.precoMaior {
	font-size: 300%;
	color: #FFCE00;
}
.precoPlano {
	float: left;
	width: 100%;
	margin-top: 15px;
	
}
.contratar {
	font-size: 120%;
	color: #FFCE00;
	float: left;
	width: 60%;
	margin-left: 20%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	border-radius: 5px;
	border: 2px solid #FFCE00;
}





.nomePlano {
	font-size: 180%;
	color: #DE7118;
	padding-top: 15px;
	padding-bottom: 4px;
}
.linkCliente {
	color: #FFF;
	font-size: 150%;
	background-color: #0A5AFF;
	float: left;
	width: 22%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.telsContato a {
	color: #3664a9;
	text-decoration: none;
}
.contentFxaGeral ul, .contentFxaGeralLeft ul {
	font-size: 137%;
	color: #000;
	line-height: 30px;
	list-style-position: inside;
}
.seguradoras {
	text-align: center;
	float: left;
	width: 100%;
}
.seguradoras figure {
	height: 80px;
	width: 150px;
	display: inline-block;
}
.contentFaq {
	margin-top: 30px;
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.contentFaq h2 {
	font-size: 140%;
	color: #333;
	margin-bottom: 7px;
}
.faixaForm a {
	float: right;
	margin-top: 170px;
	background-color: #FFF;
	width: 40%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 150%;
	color: #3664a9;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 30px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.faixaForm a:hover {
	background-color: #3664a9;
	color: #FFFFFF;
}
.painelGeral {
	float: center;
	height: 370px;
	width: 90%;
	background-repeat: no-repeat;
	background-position: center center;
}
.painelPlanos {
	float: left;
	height: 180px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.txtPainel{
	width:100%;
	text-align:center;
    position: relative;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.txtPainel h1{
	font-size:250%;
	color:#FFF;
}
.fixed {
		left: 0px;
		right: 0px;
		position: fixed;
		top: -152px;
		z-index:100000;
		background-color:#FFF;
}
.holder{
	float:left;
	width:100%;
	height:0px;
}
/*(+) */
.circle{
  border:2px solid #0a5aff;
  width:20px;
  height:20px;
  border-radius:100%;
  position:relative;
  margin-right:8px;
  display:inline-block;
  vertical-align:middle;
}
.circle.plus:before,
.circle.plus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#0a5aff;
}
.circle.plus:before{
    width: 2px;
    margin: 2px auto;
}
.circle.plus:after{
    margin: auto 2px;
    height: 2px;
}

.circle.minus:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#0a5aff;
    margin: auto 2px;
    height: 2px;
}
/*(+) */

/*bt Pulsar */
.linkWhats {
  position:fixed;
  top:auto;
  bottom:15px;
  right:20px;
  width: 57px;
  height:57px;
  margin: 0 auto 0;
  z-index:10000;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

.btPulsar {
	position: relative;
	top: 45%;
	left: 45%;
	margin-left: -50px;
	margin-top: -50px;
	display: block;
	width: 77px;
	height: 77px;
	text-align: center;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
	-webkit-animation: Pulsar 1.5s infinite;
	background-color: #404040;
	background-image: url(../img/logoWhats.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.btPulsar:hover {
  -webkit-animation: none;
}

@-webkit-keyframes Pulsar {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(0, 200, 75, 0);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(0, 200, 75, 0);
  }
}
/*bt Pulsar */
.legendaMonitore {
	color: #FFF;
	text-align: center;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
.monitorMobile {
	display: none;
}
.fLeft {
	float: left;
}

.envolveRadios {
	float: left;
	width: 90%;
	margin-left: 5%;
	text-align: left;
	padding-bottom: 5px;
}
.envolveRadios:last-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.envolveRadios span {
	font-size: 90%;
	color: #FFF;
	margin-left: 6px;
	margin-right: 20px;
	vertical-align: middle;
	float: left;
	margin-top: 7px;
}
.boxRadios {
	float: left;
	width: 80%;
	margin-top: 7px;
}

.txtLegendaBca {
	font-size: 60%;
	line-height: 18px;
	text-align: justify;
}
.ckb,
.rad {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

.ckb>input,
.rad>input {
    visibility: hidden;
    position: absolute;
}

.ckb>i,
.rad>i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: .2s;
    box-shadow: inset 0 0 0 15px #fff;
    border: 1px solid gray;
    background: gray;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}
.ckb>i {
    width: 50px;
    border-radius: 3px;
}

.rad:hover>i {
    box-shadow: inset 0 0 0 3px #fff;
    background: gray;
}

.rad>input:checked+i {
    box-shadow: inset 0 0 0 3px #fff;
    background-color: #00CA54;
}

.ckb>input+i:after {
    display: block;
    height: 20px;
    width: 20px;
    margin: 2px;
    border-radius: inherit;
    transition: inherit;
    background: gray;
}

.ckb>input:checked+i:after {
    margin-left: 28px;
    background: #00CA54
}
.radioGeral .ckb span,
.radioGeral .rad span {
    margin-top: 1px;
    float: left;
    width: 150px;
}

.barraRadio .ckb span,
.barraRadio .rad span {
    margin-top: 5px;
    float: left;
    width: 150px;
}
.barraRadio {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 30px;
}
.fotTel a {color:#FFF;}
.top0800 {
	margin-top: 10px;


}
.divisorTel {
	color: #FFF;
	float: left;
	margin-right: 8px;
	margin-top: 10px;
}
.boxLink {
	width: 100%;
	float: left;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}
.boxLink a {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #183a8c;
	font-size: 120%;
	vertical-align: middle;
}
.boxLink img {
	vertical-align: middle;
}
.equipf1 {
	float: left;
	width: 33%;
	margin-top: 20px;
}
.diferenciaisf1 {
	float: left;
	width: 56%;
	margin-top: 25px;
	margin-left: 5%;
}
.desktopcelportal {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.diferenciaisdesktopcelportal {
	float: left;
	width: 56%;
	margin-top: 25px;
	margin-left: 5%;
}
.testePlataforma {
	margin-top: 25px;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.testePlataforma .testeLeft {
	float: left;
	width: 40%;
	background-color: #3054aa;
	padding-top: 75px;
	height: 220px;
}
.seta_direita {
	position: relative;
	background: #3054aa;
}
.seta_direita:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(48, 84, 170, 0);
	border-left-color: #3054aa;
	border-width: 12px;
	margin-top: -12px;
}
.testePlataforma .testeRight {
	background-color: #e6e6e6;
	float: left;
	width: 60%;
	height: 220px;
	padding-top: 55px;
	padding-left: 18%;
}
.testeLeft figure {
	margin-right: 30px;
	margin-left: 60px;
	float: left;
	width: 76px;
	vertical-align: middle;
}
.testeLeft h2 {
	color: #FFF;
	font-size: 160%;
	line-height: 25px;
}
.testeRight p {
	font-size: 130%;
	color: #0a5aff;
	line-height: 25px;
}
.linkTesteDesk {
	display: block;
	width: 300px;
	text-align: center;
	height: 57px;
	font-size: 130%;
	color: #0a5aff;
	padding-top: 17px;
	border: 1px solid #0a5aff;
	margin-top: 20px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.linkTesteDesk:hover {
	color: #FFF;
	background-color: #FF7200;
	border: 1px solid #FFF;
}
.linkTesteMobile {
	margin-right: auto;
	margin-left: auto;
	width: 350px;
	margin-top: 25px;
	display: none;
}
.atendimentoDigital {
	float: left;
	width: 100%;
}
.atendimentoDigital h2 {
	font-size: 170%;
	color: #676767;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 35px;
}
.boxAtendimento {
	float: left;
	width: 100%;
	background-color: #e6e6e6;
	display: block;
	height: 180px;
}
.atendimentoDigital .detailDividir {
	width: 47.5%;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #494949;
	margin-top: 47px;
	box-sizing:border-box;
}

.atendimentoDigital .ou{
	width: 5%;
	float: left;
	text-align: center;
	color: #494949;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 130%;
	box-sizing:border-box;
}


.boxAtendimento figure {
	background-color: #FFF;
	height: 95px;
	width: 95px;
	float: left;
	margin-left: 45px;
	margin-top: 35px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 50%;
	border: 1px solid #0092e8;
	overflow: hidden;
	display: table;
	text-align: center;
}
.boxAtendimento figure div {
	vertical-align: middle;
	display: table-cell;
	height: 65px;
	width: 61px;
}
.listaServicos {
	float: left;
	width: 46%;
	vertical-align: middle;
	display: table-cell;
	margin-top: 25px;
	margin-left: 10px;
}
.boxAtendimento .listaServicos p {
	font-size: 130%;
	color: #494949;
	line-height: 30px;
}
.boxAtendimento .whatsAtendimento {
	float: right;
	height: 180px;
	width: 25%;
	background-color: #42c452;
	text-align: center;
	padding-top: 40px;
}
.seta_esquerda {
	position: relative;
	background: #42c452;
}
.seta_esquerda:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-right-color: #42c452;
	border-width: 15px;
	margin-top: -15px;
}
.boxAtendimento .whatsAtendimento p {
	color: #FFF;
	font-size: 130%;
}
.boxAtendimento .whatsAtendimento p:last-child {
	font-size: 130%;
	margin-top: 8px;
}
.formRight {
	float: right;
	width: 40%;
	background-color: #F1F1F1;
	margin-top: 85px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
	border-radius: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 3%;
	padding-left: 3%;
}

.formRight h2 {
	font-size: 190%;
	color: #FF7200;
}
.formRight p {
	font-size: 110%;
	margin-bottom: 20px;
	color: #070707;
}
.formRight .envolveRadios {margin-left:0px;}
.formRight .envolveRadios span {color:#1D1D1D;}
.formRight .inputGeral  {width:100%;}