@charset "utf-8";

/**PADRÕES**/
body{
	margin: 0;
	padding: 0;
	font-family: "mmedio", sans-serif;
	color: #000;
	font-size: 14px;
	height: 100%;
	overflow-x: hidden;
	background: #fff;
}

img, a{
	text-decoration: none;
	border: none;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.img_cem{width: 100%;}

/**FONTES**/
@font-face {font-family: "coluna"; src: url("../fonts/coluna.ttf") format("truetype");}
@font-face {font-family: "mregular"; src: url("../fonts/mregular.ttf") format("truetype");}
@font-face {font-family: "mmedio"; src: url("../fonts/mmedio.ttf") format("truetype");}
@font-face {font-family: "mbold"; src: url("../fonts/mbold.ttf") format("truetype");}
@font-face {font-family: "mblack"; src: url("../fonts/mblack.ttf") format("truetype");}


.font_title{font-family: "coluna";}
.font_regular{font-family: "mregular";}
.font_medio{font-family: "mmedio";}
.font_bold{font-family: "mbold";}
.font_black{font-family: "mblack";}

/**CORES**/
.cor_amarelo{color: #ffe500;}
.cor_amarelo2{color: #f8ae00;}
.cor_azul{color: #002d83;}
.cor_ciano{color: #00ccff;}
.cor_branca{color: #fff;}
.cor_preta{color: #000;}

/*BGS*/
.bg_ciano{background: #00ccff;}
.bg_azul{background: #002d83;}
.bg_amarelo{background: #ffe500;}
.bg_amarelo2{background: #f8ae00;}

/**TAMANHOS**/
.tamanho_tt1{font-size: 35px;}
.tamanho_tt2{font-size: 55px;}
.tamanho_tt3{font-size: 35px;}

/**topo**/
.topo{
	background: #fff;
	color: #000;
	position: fixed;
	width: 80%;
	padding: 20px 10%;
	z-index: 2;
	opacity: 1;
	animation-name: topo;
	animation-duration: 1s;
}

/*Safari 4.0 - 8.0 */
@-webkit-keyframes topo {
		0%   {top: -200px; opacity: 0;}
		100%   {top: 0px; opacity: 1;}
}

/* Standard syntax */
@keyframes topo {
	0%   {top: -200px; opacity: 0;}
	100%   {top: 0px; opacity: 1;}
}

.logo{
	float: left;
	width: 150px;
	overflow: hidden;
}

.menu{
	float: left;
	margin-left: 40px;
	width: 800px;
	display: block;
}

.lk{
	float: left;
	text-align: center;
	padding: 20px 20px;
	color: #002d83;
	transition: all .5s ease;
	font-family: "mbold";
	cursor: pointer;
}

.lk:hover{
	background: #002d83;
	color: #fff;
}

.socialtop{
	float: right;
	width: 150px;
	overflow: hidden;
}

.icotop{
	float: right;
	width: 25px;
	margin: 0 10px;
	cursor: pointer;
}

.bt_menu_mob{
	position: absolute;
	right: 15px;
	top: 10px;
	width: 30px;
	z-index: 4;
	cursor: pointer;
	display: none;
}

.banners{
	width: 100%;
	overflow: hidden;
	padding-top: 95px;
	animation-name: banners;
	animation-duration: 2s;
}

/*Safari 4.0 - 8.0 */
@-webkit-keyframes banners {
		0%   {width: 150%; opacity: 0;}
		20%   {width: 150%; opacity: 0;}
		100%   {width: 100%; opacity: 1;}
}

/* Standard syntax */
@keyframes banners {
	0%   {width: 150%; opacity: 0;}
	20%   {width: 150%; opacity: 0;}
	100%   {width: 100%; opacity: 1;}
}

.txt_banner{
	width: 350px;
	margin-top: -600px;
	margin-left: 50%;
	animation-name: txtbanner;
	animation-duration: 2s;
}

/*Safari 4.0 - 8.0 */
@-webkit-keyframes txtbanner {
		0%   {width: 450px; margin-top: -600px; margin-left: 150%; opacity: 0;}
		20%   {width: 450px; margin-top: -600px; margin-left: 150%; opacity: 0;}
		100%   {width: 350px; margin-top: -600px; margin-left: 50%; opacity: 1;}
}

/* Standard syntax */
@keyframes txtbanner {
	0%   {width: 450px; margin-top: -600px; margin-left: 150%; opacity: 0;}
	20%   {width: 450px; margin-top: -600px; margin-left: 150%; opacity: 0;}
	100%   {width: 350px;margin-top: -600px; margin-left: 50%; opacity: 1;}
}

.apresentacao{
	width: 100%;
	margin-top: -100px;
	overflow: hidden;
	opacity: 1;
	animation-name: apresentacao;
	animation-duration: 2s;
}

/*Safari 4.0 - 8.0 */
@-webkit-keyframes apresentacao {
		0%   {margin-top: 100%; opacity: 0;}
		20%   {margin-top: 100%; opacity: 0;}
		100%   {margin-top: -100px; opacity: 1;}
}

/* Standard syntax */
@keyframes apresentacao {
	0%   {margin-top: 100%; opacity: 0;}
	20%   {margin-top: 100%; opacity: 0;}
	100%   {margin-top: -100px; opacity: 1;}
}

.btop{
	width: 100%;
}

.bdown{
	width: 100%;
	margin-bottom: 50px;
}

.baseazul{
	background: #002d83;
	color: #fff;
}

.content{
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
}

.info_apresentacao{
	float: left;
	width: 35%;
	overflow: hidden;
	text-align: right;
}

.tt_apresentacao{
	font-size: 70px;
	line-height: 60px;
	overflow: hidden;
	margin-bottom: 25px;
}

.txt_apresentacao{
	font-size: 25px;
	overflow: hidden;
	margin-bottom: 45px
}

.bt1{
	text-align: center;
	padding: 20px 0;
	border-radius: 100px;
	cursor: pointer;
}

.txt1_bt{
	font-size: 30px;
}

.txt2_bt{
	font-size: 40px;
	margin-top: -15px;
}

.division1{
	border-radius: 20px;
	width: 10px;
	height: 550px;
	margin-left: 60px;
	float: left;
}

.img_apresentacao{
	float: right;
	width: 45%;
	overflow: hidden;
}

.vantagens{
	overflow: hidden;
	padding: 100px 0;
	text-align: center;
}

.tt_vantagens{
	font-size: 55px;
	width: 75%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.division2{
	width: 30%;
	margin: 0 auto;
	height: 10px;
	border-radius: 20px;
	margin-bottom: 60px;
}

.area_vantagens{
	overflow: hidden;
	margin-bottom: 50px;
}

.conj_vantagem{
	width: 29.33%;
	float: left;
	margin: 0 2%;
	overflow: hidden;
}

.img_vant{
	overflow: hidden;
	margin-bottom: 15px;
}

.tt_vant{
	font-size: 30px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 80%;
}

.txt_vant{
	font-size: 18px;
}

.numeros{
	overflow: hidden;
}

.title_numeros{
	overflow: hidden;
	margin-bottom: 50px;
}

.tt_n{
	font-size: 55px;
	float: left;
	width: 300px;
	line-height: 50px;
	padding-top: 15px;
}

.division3{
	border-radius: 20px;
	width: 10px;
	height: 130px;
	margin-left: 10px;
	float: left;
}

.txt_n{
	float: left;
	margin-left: 40px;
	width: 300px;
	font-size: 20px;
	padding-top: 15px;
	overflow: hidden;
}

.area_n{
	overflow: hidden;
	margin-bottom: 50px;
	width: 100%;
}

.conj_n{
	width: 29.33%;
	margin: 0 2%;
	float: left;
}

.ico_n{
	float: left;
	width: 30%;
	overflow: hidden;
}

.info_n{
	float: right;
	width: 65%;
	overflow: hidden;
}

.n{
	font-size: 55px;
}

.t_n{
	font-size: 18px;
}

.logo_circulo{
	width: 400px;
	margin-top: 50px;
	position: absolute;
	right: 250px;
}

.comentarios{
	overflow: hidden;
	margin-top: -200px;
	margin-bottom: 100px;
}

.tt_coment{
	font-size: 55px;
	width: 50%;
}

.st_coment{
	font-size: 25px;
	margin-bottom: 50px;
}

.area_coment{
	overflow: hidden;
}

.conj_coment{
	float: left;
	width: 24%;
	margin: 0 2%;
	border: 1px solid #999;
	border-radius: 40px;
	background: #f5f5f5;
	padding: 2.5%;
	height: 330px;
}

.txt_coment{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 25px;
	height: 200px;
	overflow: hidden;
}

.stars{
	overflow: hidden;
	margin-bottom: 20px;
}

.ico_estrela{
	float: left;
	width: 20px;
	margin: 0 5px;
}

.cliente{
	overflow: hidden;
}

.foto_cliente{
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
}

.name_cliente{
	overflow: hidden;
	float: left;
	font-size: 20px;
	margin-left: 15px;
}

.orcamento{
	overflow: hidden;
}

.txt_orcamento{
	float: left;
	width: 30%;
	text-align: right;
	font-size: 55px;
	line-height: 50px;
	padding-top: 100px;
}

.passoapasso{
	float: left;
	width: 50%;
	overflow: hidden;
	margin-left: 50px;
	padding-top: 20px;
}

.conj_passo{
	overflow: hidden;
	margin-bottom: 30px;
}

.n_passo{
	float: left;
	width: 80px;
	font-size: 60px;
}

.info_passos{
	float: left;
	padding-top: 30px;
	overflow: hidden;
	width: 500px;
}

.tt_passo{
	font-size: 35px;
}

.resumo_passo{
	font-size: 16px;
}

.bt_orc2{
	padding: 15px 0;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	border-radius: 50px;
	width: 300px;
}

.parceiros{
	overflow: hidden;
	margin-bottom: 100px;
}

.parc{
	float: left;
	width: 12.66%;
	overflow: hidden;
	margin: 15px 2%;
}

.footer{
	overflow: hidden;
}

.logo_f{
	float: left;
	width: 350px;
}

.contatos{
	float: left;
	width: 300px;
	margin-left: 100px;
	padding-top: 30px;
}

.fone{
	font-size: 40px;
	margin-bottom: 10px;
}

.endereco{
	font-size: 16px;
}

.socialdown{
	float: right;
	width: 150px;
	padding-top: 100px;
	overflow: hidden;
}

.space_dwn{
	clear: both;
	display: block;
	width: 100%;
	height: 100px;
}

.boxquemsomos, .boxseguros, .boxorcamento, .boxlocal{
	display: none;
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	animation-name: boxbox;
	animation-duration: 2s;
}


.tt_box{
	font-size: 42px;
	margin-bottom: 20px;
}

.area_box{
	overflow: hidden;
}

.img_box{
	float: left;
	width: 40%;
	overflow: hidden;
}

.txt_box{
	float: right;
	width: 55%;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
	color: #999;
	margin-bottom: 50px;
}

.txt_seguros{
	font-size: 16px;
	line-height: 26px;
	color: #999;
	margin-bottom: 25px;
}

.area_seguros{
	margin-bottom: 50px;
	overflow: hidden;
}

.ico_seg{
	width: 80px;
	margin: 0 15px;
	margin-bottom: 20px;
	float: left;
}

.form{
	overflow: hidden;
	margin-bottom: 50px;
}

.input{
	width: 300px;
	padding: 15px;
	background: #ccc;
	font-size: 12px;
	color: #000;
	border: solid 1px #ccc;
	border-radius: 10px;
	float: left;
	margin: 10px 15px;
}

.bt_form{
	width: 300px;
	padding: 15px;
	background: #ffe500;
	font-size: 18px;
	color: #00468c;
	text-align: center;
	border: solid 1px #ffe500;
	border-radius: 10px;
	float: left;
	margin: 10px 15px;
	font-family: "mbold";
	cursor: pointer;
}

/*Safari 4.0 - 8.0 */
@-webkit-keyframes boxbox {
		0%   {opacity: 0;}
		100%   {opacity: 1;}
}

/* Standard syntax */
@keyframes boxbox {
	0%   {opacity: 0;}
	100%   {opacity: 1;}
}

.box{
	width: 50%;
	height: auto;
	background: #fff;
	border-radius: 40px;
	position: absolute;
	left: 50%;
	margin-left: -25%;
	margin-top: 100px;
	overflow: hidden;
}

.x{
	width: 60px;
	height: 60%;
	cursor: pointer;
}

.mapa{
	width: 100%;
	height: 400px;
	border: solid 1px #fff;
	margin-bottom: 50px;
}


.whatsapp_ico{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 70px;
	z-index: 9999999999999999999999999999;
	animation-name: whatsapp;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
	@-webkit-keyframes whatsapp {
	    0%   {bottom: 20px;}
			50%   {bottom: 50px;}
			100%   {bottom: 20px;}
	}

	/* Standard syntax */
	@keyframes whatsapp {
		0%   {bottom: 20px;}
 	 50%   {bottom: 50px;}
 	 100%   {bottom: 20px;}
	}


@media only screen and (max-width: 1720px) {
	header{
		position: fixed;
		z-index: 1;
		width: 100%;
	}


	/**/
	/**topo**/
	.topo{
		background: #fff;
		color: #000;
		position: fixed;
		width: 80%;
		padding: 20px 10%;
		z-index: 2;
		opacity: 1;
		animation-name: topo;
		animation-duration: 1s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes topo {
			0%   {top: -200px; opacity: 0;}
			100%   {top: 0px; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes topo {
		0%   {top: -200px; opacity: 0;}
		100%   {top: 0px; opacity: 1;}
	}

	.logo{
		float: left;
		width: 150px;
		overflow: hidden;
	}

	.menu{
		float: none;
		clear: both;
		margin-left: 0px;
		width: 80%;
		height: 300px;
		margin: 0 auto;
		display: none;
		margin-bottom: 10px;
		animation-name: menu;
		animation-duration: 1s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes menu {
			0%   {height: 0px; opacity: 0;}
			100%   {height: 300px; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes menu {
		0%   {height: 0px; opacity: 0;}
		100%   {height: 300px; opacity: 1;}
	}

	.lk{
		float: none;
		text-align: center;
		padding: 20px 20px;
		color: #002d83;
		transition: all .5s ease;
		font-family: "mbold";
		cursor: pointer;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}

	.lk:hover{
		background: #002d83;
		color: #fff;
	}

	.socialtop{
		float: none;
		width: 150px;
		overflow: hidden;
		margin: 0 auto;
	}

	.icotop{
		float: right;
		width: 25px;
		margin: 0 10px;
		cursor: pointer;
	}

	.bt_menu_mob{
		position: absolute;
		right: 25px;
		top: 25px;
		width: 30px;
		z-index: 4;
		cursor: pointer;
		display: block;
	}

	.banners{
		width: 150%;
		overflow: hidden;
		padding-top: 95px;
		animation-name: banners;
		animation-duration: 2s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes banners {
			0%   {width: 200%; opacity: 0;}
			20%   {width: 200%; opacity: 0;}
			100%   {width: 150%; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes banners {
		0%   {width: 200%; opacity: 0;}
		20%   {width: 200%; opacity: 0;}
		100%   {width: 150%; opacity: 1;}
	}

	.txt_banner{
		width: 150px;
		margin-top: -150px;
		margin-left: 50%;
		animation-name: txtbanner;
		animation-duration: 2s;
		display: none;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes txtbanner {
			0%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
			20%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
			100%   {width: 150px; margin-top: -150px; margin-left: 50%; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes txtbanner {
		0%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
		20%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
		100%   {width: 150px; margin-top: -150px; margin-left: 50%; opacity: 1;}
	}

	.apresentacao{
		width: 100%;
		margin-top: -350px;
		overflow: hidden;
		opacity: 1;
		animation-name: apresentacao;
		animation-duration: 2s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes apresentacao {
			0%   {margin-top: 100%; opacity: 0;}
			20%   {margin-top: 100%; opacity: 0;}
			100%   {margin-top: -350px; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes apresentacao {
		0%   {margin-top: 100%; opacity: 0;}
		20%   {margin-top: 100%; opacity: 0;}
		100%   {margin-top: -350px; opacity: 1;}
	}

	.btop{
		width: 100%;
	}

	.bdown{
		width: 100%;
		margin-bottom: 50px;
	}

	.baseazul{
		background: #002d83;
		color: #fff;
	}

	.content{
		width: 70%;
		margin: 0 auto;
		overflow: hidden;
	}

	.info_apresentacao{
		float: none;
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin-bottom: 55px;
	}

	.tt_apresentacao{
		font-size: 50px;
		line-height: 40px;
		overflow: hidden;
		margin-bottom: 65px;
		padding-top: 55px;
	}

	.txt_apresentacao{
		font-size: 18px;
		overflow: hidden;
		margin-bottom: 75px;
	}

	.bt1{
		text-align: center;
		padding: 20px 0;
		border-radius: 100px;
		cursor: pointer;
	}

	.txt1_bt{
		font-size: 30px;
	}

	.txt2_bt{
		font-size: 40px;
		margin-top: -15px;
	}

	.division1{
		border-radius: 20px;
		width: 10px;
		height: 550px;
		margin-left: 60px;
		float: left;
		display: none;
	}

	.img_apresentacao{
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.vantagens{
		overflow: hidden;
		padding: 100px 0;
		text-align: center;
	}

	.tt_vantagens{
		font-size: 35px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.division2{
		width: 30%;
		margin: 0 auto;
		height: 10px;
		border-radius: 20px;
		margin-bottom: 60px;
	}

	.area_vantagens{
		overflow: hidden;
		margin-bottom: 50px;
	}

	.conj_vantagem{
		width: 100%;
		float: none;
		margin: 0 0%;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.img_vant{
		overflow: hidden;
		margin-bottom: 15px;
	}

	.tt_vant{
		font-size: 30px;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 10px;
		width: 80%;
	}

	.txt_vant{
		font-size: 18px;
	}

	.numeros{
		overflow: hidden;
	}

	.title_numeros{
		overflow: hidden;
		margin-bottom: 70px;
	}

	.tt_n{
		font-size: 55px;
		float: none;
		width: 100%;
		text-align: center;
		line-height: 50px;
		padding-top: 65px;
		margin-bottom: 20px;
	}

	.division3{
		border-radius: 20px;
		width: 10px;
		height: 130px;
		margin-left: 10px;
		float: left;
		display: none;
	}

	.txt_n{
		float: none;
		margin-left: 0px;
		width: 100%;
		font-size: 20px;
		padding-top: 0px;
		overflow: hidden;
		text-align: center;
	}

	.area_n{
		overflow: hidden;
		margin-bottom: 50px;
		width: 100%;
	}

	.conj_n{
		width: 100%;
		margin: 0 0%;
		float: none;
		overflow: hidden;
		margin-bottom: 50px;
	}

	.ico_n{
		float: none;
		width: 50%;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.info_n{
		float: none;
		text-align: center;
		width: 100%;
		overflow: hidden;
	}

	.n{
		font-size: 55px;
	}

	.t_n{
		font-size: 18px;
	}

	.logo_circulo{
		width: 400px;
		margin-top: 50px;
		position: absolute;
		right: 250px;
		display: none;
	}

	.comentarios{
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 100px;
	}

	.tt_coment{
		font-size: 35px;
		width: 100%;
	}

	.st_coment{
		font-size: 20px;
		margin-bottom: 50px;
	}

	.area_coment{
		overflow: hidden;
	}

	.conj_coment{
		float: none;
		width: 89%;
		margin: 0 0%;
		border: 1px solid #999;
		border-radius: 20px;
		background: #f5f5f5;
		padding: 5%;
		height: 330px;
		margin-bottom: 40px;
	}

	.txt_coment{
		color: #999;
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 25px;
		height: 200px;
		overflow: hidden;
	}

	.stars{
		overflow: hidden;
		margin-bottom: 20px;
	}

	.ico_estrela{
		float: left;
		width: 20px;
		margin: 0 5px;
	}

	.cliente{
		overflow: hidden;
	}

	.foto_cliente{
		float: left;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 50%;
	}

	.name_cliente{
		overflow: hidden;
		float: left;
		font-size: 20px;
		margin-left: 15px;
	}

	.orcamento{
		overflow: hidden;
	}

	.txt_orcamento{
		float: none;
		width: 100%;
		text-align: center;
		font-size: 40px;
		line-height: 45px;
		padding-top: 100px;
		margin-bottom: 30px;
	}

	.passoapasso{
		float: none;
		width: 100%;
		overflow: hidden;
		margin-left: 0px;
		padding-top: 0px;
	}

	.conj_passo{
		overflow: hidden;
		margin-bottom: 30px;
	}

	.n_passo{
		float: left;
		width: 20%;
		font-size: 60px;
	}

	.info_passos{
		float: left;
		padding-top: 30px;
		overflow: hidden;
		width: 80%;
	}

	.tt_passo{
		font-size: 35px;
	}

	.resumo_passo{
		font-size: 16px;
	}

	.bt_orc2{
		padding: 15px 0;
		text-align: center;
		cursor: pointer;
		font-size: 20px;
		border-radius: 50px;
		width: 300px;
		margin-bottom: 130px;
	}

	.parceiros{
		overflow: hidden;
		margin-bottom: 100px;
	}

	.parc{
		float: left;
		width: 40%;
		overflow: hidden;
		margin: 15px 5%;
	}

	.footer{
		overflow: hidden;
	}

	.logo_f{
		float: none;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 40px;
		padding-top: 80px;
	}

	.contatos{
		float: none;
		width: 100%;
		margin-left: 0px;
		padding-top: 0px;
		margin: 0 auto;
		text-align: center;
	}

	.fone{
		font-size: 40px;
		margin-bottom: 10px;
	}

	.endereco{
		font-size: 16px;
	}

	.socialdown{
		float: none;
		width: 150px;
		padding-top: 80px;
		overflow: hidden;
		margin: 0 auto;
	}

	.space_dwn{
		clear: both;
		display: block;
		width: 100%;
		height: 100px;
	}

	.boxquemsomos, .boxseguros, .boxorcamento, .boxlocal{
		display: none;
		background: #000;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 99999;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		animation-name: boxbox;
		animation-duration: 2s;
	}


	.tt_box{
		font-size: 32px;
		margin-bottom: 20px;
	}

	.area_box{
		overflow: hidden;
	}

	.img_box{
		float: left;
		width: 40%;
		overflow: hidden;
		display: none;
	}

	.txt_box{
		float: right;
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		line-height: 26px;
		color: #999;
		margin-bottom: 50px;
	}

	.txt_seguros{
		font-size: 16px;
		line-height: 26px;
		color: #999;
		margin-bottom: 25px;
	}

	.area_seguros{
		margin-bottom: 50px;
		overflow: hidden;
	}

	.ico_seg{
		width: 60px;
		margin: 0 15px;
		margin-bottom: 20px;
		float: left;
	}

	.form{
		overflow: hidden;
		margin-bottom: 50px;
	}

	.input{
		width: 89%;
		padding: 5%;
		background: #ccc;
		font-size: 12px;
		color: #000;
		border: solid 1px #ccc;
		border-radius: 10px;
		float: left;
		margin: 10px 15px;
	}

	.bt_form{
		width: 89%;
		padding: 5%;
		background: #ffe500;
		font-size: 18px;
		color: #00468c;
		text-align: center;
		border: solid 1px #ffe500;
		border-radius: 10px;
		float: left;
		margin: 10px 15px;
		font-family: "mbold";
		cursor: pointer;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes boxbox {
			0%   {opacity: 0;}
			100%   {opacity: 1;}
	}

	/* Standard syntax */
	@keyframes boxbox {
		0%   {opacity: 0;}
		100%   {opacity: 1;}
	}

	.box{
		width: 80%;
		height: auto;
		background: #fff;
		border-radius: 40px;
		position: absolute;
		left: 50%;
		margin-left: -40%;
		margin-top: 60px;
		overflow: hidden;
	}

	.x{
		width: 60px;
		height: 60%;
		cursor: pointer;
	}

	.mapa{
		width: 100%;
		height: 400px;
		border: solid 1px #fff;
		margin-bottom: 50px;
	}


	.whatsapp_ico{
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 70px;
		z-index: 9999999999999999999999999999;
		animation-name: whatsapp;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}

	/* Safari 4.0 - 8.0 */
		@-webkit-keyframes whatsapp {
		    0%   {bottom: 20px;}
				50%   {bottom: 50px;}
				100%   {bottom: 20px;}
		}

		/* Standard syntax */
		@keyframes whatsapp {
			0%   {bottom: 20px;}
	 	 50%   {bottom: 50px;}
	 	 100%   {bottom: 20px;}
		}

}


@media only screen and (max-width: 1150px) {

	.banners{
		width: 100%;
		overflow: hidden;
		padding-top: 95px;
		animation-name: banners;
		animation-duration: 2s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes banners {
			0%   {width: 150%; opacity: 0;}
			20%   {width: 150%; opacity: 0;}
			100%   {width: 100%; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes banners {
		0%   {width: 150%; opacity: 0;}
		20%   {width: 150%; opacity: 0;}
		100%   {width: 100%; opacity: 1;}
	}

	.txt_banner{
		width: 150px;
		margin-top: -150px;
		margin-left: 50%;
		animation-name: txtbanner;
		animation-duration: 2s;
		display: none;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes txtbanner {
			0%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
			20%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
			100%   {width: 150px; margin-top: -150px; margin-left: 50%; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes txtbanner {
		0%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
		20%   {width: 200px; margin-top: -150px; margin-left: 150%; opacity: 0;}
		100%   {width: 150px; margin-top: -150px; margin-left: 50%; opacity: 1;}
	}

	.apresentacao{
		width: 100%;
		margin-top: -120px;
		overflow: hidden;
		opacity: 1;
		animation-name: apresentacao;
		animation-duration: 2s;
	}

	/*Safari 4.0 - 8.0 */
	@-webkit-keyframes apresentacao {
			0%   {margin-top: 100%; opacity: 0;}
			20%   {margin-top: 100%; opacity: 0;}
			100%   {margin-top: -120px; opacity: 1;}
	}

	/* Standard syntax */
	@keyframes apresentacao {
		0%   {margin-top: 100%; opacity: 0;}
		20%   {margin-top: 100%; opacity: 0;}
		100%   {margin-top: -120px; opacity: 1;}
	}

	.ico_seg{
		width: 55px;
		margin: 0 10px;
		margin-bottom: 20px;
		float: left;
	}

	.fone{
		font-size: 25px;
		margin-bottom: 10px;
	}

	.bt_orc2{
		padding: 15px 0;
		text-align: center;
		cursor: pointer;
		font-size: 20px;
		border-radius: 50px;
		width: 100%;
		margin-bottom: 130px;
	}


}