/*=========== RESET ==========*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
	outline: none;
	font-weight: 500;
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
}
body {background-color: #f5f5f5;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: 1% 9% 1% 9%; text-align: center;}
.container1 {width: 100%; float: left; padding: 10px 9% 10px 9%; text-align: center;}
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#3F589D, #4A9FC3);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}

/* CABEÇALHO */
.logo {
	width: 90px;
	height: 90px;
	float: left;
	font-size: 0;
}
.btn-menu {width: 88px; height: 88px; float: right; text-align: center; color: #fff; border-radius:88px; cursor: pointer;}

/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.9); top: 1%; left: 0;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 1.5%;}
.menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}
.menu li a:hover {border:1px solid #3F589D;}

/* BANNER */
.banner {background: url(../img/banner.png) no-repeat fixed; height:auto;}
.title {width: 100%;}
.title h2 {font-size: 2.5em; color: #fff; font-weight: 700; text-align: left; text-shadow: -1px -1px #ccc, 1px 1px #333;}
.title h3 {font-size: 1.5em; color: #fff; text-shadow: -1px -1px #ccc, 1px 1px #333; }
.buttons {width: 100%; margin-top: 2%; alignment-adjust:lefth;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 5%; }
.btn-cadastrar { color: #fff;}
.btn-sobre {color:#fff ; margin-top: 2%;}

/* SERVIÇOS */
.servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 2% 10% 2% 10%;;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; margin-top: 2%; }
.inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}

/* PARCEIROS */
.parceiro {width: 100%;  text-align: left;  margin-bottom: 3%;}
.parceiro img {border-radius: 7px 7px 7px 7px;}
.parceiro {padding: 3% 10% 3% 10%;}
.parceiro h2 {font-size: 1.5em; color: #00; font-weight: 700;}
.parceiro h3 {color: #000;}

/* CONTEUDO */
.conteudo {width: 100%;  text-align: left;  margin-bottom: 3%;}
.conteudo img {border-radius: 7px 7px 7px 7px;}
.conteudo {padding: 3% 10% 3% 10%;}
.conteudo h1 {font-size: 2.5em; color: #00; font-weight: 700; margin-top: 2%;}
.conteudo h2 {font-size: 1.5em; color: #00; font-weight: 700; margin-top: 2%;}
.conteudo h3 {color: #000;}
.conteudo h4 {font-size: 1.2em; color: #130400; margin-top: 2%; }
.conteudo p {margin-top: 3%; color: #130400; line-height: 1.5em;}

/* TOP */
.top h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.top h3 {color: #fff;}
.top form {margin-top: 2%;}
.top input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.top button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* CONTATO */
.contato {width: 100%;  text-align: left;  margin-bottom: 3%;}
.contato {padding: 3% 10% 3% 10%;}
.contato h1 {font-size: 2.5em; color: #00; font-weight: 700; margin-top: 2%;}
.contato h2 {font-size: 1.5em; color: #00; font-weight: 700;}
.contato p {margin-top: 3%; color: #130400; line-height: 0.5em;}
.contato h3 {color: #000;}

/* MAPA */
.mapa { height:auto;}


/* NEWSLETTER */
.newsletter h2 {
	font-size: 1.5em;
	color: #4C810B;
	font-weight: 700;
}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* RODAPÉ */
.social-icons a {font-size: 1.5em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 0.7); margin-top:2%;}

/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.logo {width: 214px;  background: url(.../img/logo.png) center center/214px no-repeat;}
.btn {font-size: 2em;}
}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.logo {width: 214px;  background: url(../img/logo.png) center center/214px no-repeat;}
.servico {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.newsletter h2 {font-size: 2em;}
.newsletter h3 {font-size: 1.5em;}
.newsletter input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button {width: 29%; padding: 2%; float: right; margin-top: 0;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title {
	width: 70%;
	float: center;
	text-align: left;
}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.buttons {
	width: 35%;
	float: left;
	margin-top: 0;
}
.servico {width: 32%; }
.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 90px; line-height: 90px; float: right; background-color: #f5f5f5; 
display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#130400; font-size: 1em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; }
}