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

html, body {
    font-family: 'Ubuntu' !important;
	margin: 0px;
	height:100%;
}

/* TELA 1199PX > PRA CIMA - MOBILE*/
@media only screen and (max-width: 1199px) {
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}

}

.bam{
	background-image: url(../img/bam.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	width: 100%;
	height: 50vh;
}

.fxm{
	background-color: #004E82;
	padding: 4% 2%;
	font-size: calc(1.7em + 1.7vw);

	color: #fff;
}

.fxms{
	background-color: #004E82;
	padding: 4% 2%;
	font-size: calc(.8em + .8vw);
	color: #fff;
}

.wh{
	background-color: #fff;
	width: 100%;
	padding: 4% 1%;
}

.non{
	font-weight: bold;
}

.non:hover{
	text-decoration: none;
}

.wtz{
	color: #0D9F16;
	font-size: calc(1.3em + 1.3vw);
	padding: 2% 0% 0% 0%;
}

.tp{
	color: #28146E;
	font-size: calc(2em + 2vw);
	font-weight: bold;
	padding: 0% 0% 2% 0%;
}

.form{
	background-color: #0E8ADA;
	padding: 20px;
}

.facam{
	font-size: calc(1.5em + 1.5vw);
	font-weight: bold;
	color: #fff;
	padding-bottom: 2%;
}

.preem{
	font-size: calc(.9em + .9vw);
	color: #fff;
	padding-bottom: 2%;
}

.inputm{
	font-size: calc(1.2em + 1.2vw);
	width: 90%;
	padding: 3%;
	margin-top: 10px;
}

.submitm{
	margin: 20px 0px;
	font-size: calc(1.5em + 1.2vw);
	color: #fff;
	background-color: #2A176F;
	border: none;
	padding: 3% 5%;
}

.img{
	width: 100%;
}

.txts{
	padding: 3%;
}






/* TELA 1200PX > PRA CIMA - DESKTOP*/
@media only screen and (min-width: 1200px) {
	.mobile{
		display: none;
	}
	.desktop{
		display: block;
	}

}

.top{
	background-color: #fff;
	padding: 2% 10% 2% 5%;
	background-image: url("../img/linhas-3.png");
	background-repeat: repeat-x;
	background-position: bottom;
}

.tphon{
	float: right;
	color: #28146E;
	font-size: calc(1.5em + 1.5vw);
	font-weight: bold;
}

.ddd{
	font-size: calc(.3em + .3vw);
}

.band{
	background-image: url(../img/fnd.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	width: 100%;
	height: 75vh;
}

.infs {
    padding: 50px;
    background-color: #0086dd;
    width: 40%;
    margin-top: -400px;
    margin-left: 7%;
    margin-bottom: 100px;
}

.produto {
    font-size: calc(1.7em + 1vw);
    font-weight: bold;
    color: #fff;
}

.cidade {
    font-size: calc(2.8em + 1vw);
    color: #fff;
}

.ford{
	width: 25%;
	float:right;
	margin-right: 7%;
	margin-top: 3%;
	background-color: #0086DD;
	padding: 20px;
	border-radius: 10px;
}

.faca{
	font-size: calc(0.8em + 0.8vw);
	font-weight: bold;
	color: #fff;
}

.pree{
	font-size: calc(.5em + .5vw);
	color: #fff;
}

.inputs{
	font-size: calc(0.6em + 0.6vw);
	width: 90%;
	padding: 3%;
	margin-top: 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.submit{
	margin: 20px 0px;
	font-size: calc(0.7em + 0.7vw);
	color: #fff;
	background-color: #004E82;
	border: none;
	padding: 3% 15%;
}

.padd{
	padding: 3% 1%;
}

.fxd{
	background-color: #fff;
	padding: 2% 2%;
	font-size: calc(1.5em + 1.5vw);
	font-weight: bold;
	color: #28146E;
}

.cta{
	background-color: #0E8ADA;
	padding: 2% 2%;
	font-size: calc(1em + 1vw);
	color: #fff;
}

.titulo{
	font-size: calc(1.5em + 1.5vw);
	font-weight: bold;
}

.texto{
	font-size: calc(.8em + .8vw);
	padding: 2%;
}

.frase{
	font-size: calc(.8em + .8vw);
	font-weight: bold;
	padding: 4% 0%;
	background-color: #efefef;
}

.fxb{
	background-color: #707070;
	padding: 2% 2%;
	font-size: calc(1.3em + 1.3vw);
	color: #fff;
}

.pad{
	padding: 3% 0%;
	font-size: calc(.8em + .8vw);
}

.planta{
	background-image: url(../img/map.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 8%;
	width: 100%;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:60%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.end{
	background-image: url(../img/end.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 8%;
	width: 100%;
	height: 50vh;
}

.food{
	background-color: #004E82;
	padding: 1% 0%;
	color: #fff;
}

.branc{
	color: #fff;
}

.branc:hover{
	color: #fff;
	text-decoration:underline;
}