/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; 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: 3% 4%; text-align: center;}
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#ce2e3c,#da6709);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}

/* CABEÇALHO */
.logo {width: 56px; height: 56px; float: left; background: url(../img/logo-mobile.png) center center/56px no-repeat;
font-size: 0;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}

/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.9); top: 0; 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.2%;}
.menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}
.menu li a:hover {border:1px solid #da6709;}

/* BANNER */
.banner {background: url(../img/bg.jpg) no-repeat fixed;}
.title {width: 100%;}
.title h2 {font-size: 2.5em; color: #fff; font-weight: 700;}
.title h3 {font-size: 1.5em; color: #fff;}
.buttons {width: 100%; margin-top: 2%;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 5%; }
.btn-cadastrar {color: #130400;}
.btn-sobre {color:#fff ; margin-top: 2%;}

/*PAG INICIAL*/
.servicos_container1 {width: 100%;  text-align: left;  margin-bottom: 3%; border-radius: 7px 7px 0 0;}
.servico_bg-white_radius1 {padding: 3%; text-align: left;}
.inner1 {padding: 7%;}
.inner1 a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner1 h4 {font-size: 1.2em; color: #130400; margin-top: 1%; }
.inner1 p {margin-top: 5%; color: #130400; line-height: 1.5em;}

/* SERVIÇOS */
.servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.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;}

/*QUEM SOMOS*/
.quem_somos {padding: 7%;}
.quem_somos a {font-size: 1.2em; color: #130400; font-weight: 700; padding: 5%;}
.quem_somos h4 {font-size: 1.5em; color: #130400; margin-top: 5%;}
.quem_somos p {margin-top: 3%; color: #130400; line-height: 1.5em;}


/*NOSSOS SERVICOS*/
.nossos_servicos {padding: 7%;}
.nossos_servicos a {font-size: 1.2em; color: #130400; font-weight: 700;}
.nossos_servicos h4 {font-size: 1.5em; color: #130400; padding: 5%; margin-top: 25%;}
.icone_cuidadores {width: 56px; float-left;}
.cuidadores {float: left; margin-right: 2%;}
.educadores {float: left; margin-right: 2%;}
.fisioterapeutas {float: left; margin-right: 2%;}
.fonoaudiologos {float: left; margin-right: 2%;}
.nutricionista {float: left; margin-right: 2%;}
.medicos {float: left; margin-right: 2%;}

.whatsapp {position: fixed; top: 82%; left: 1%; padding: 10px; z-index: 100;}

/*FORMULÁRIO*/
#info {width: 45%; font-size: 1.5em; color: #130400; font-weight: 700; padding: 5%; float: none;}

#formulario {width: 45%; float: none; margin-top: 15px; margin-right: 7%; padding: 5%;}

#formulario label{font-size: 18px;}

#formulario div input {background-color: #e2e2e2; border: 1px #fed700; border-radius: 4px; height: 30px;
font-size: 16px; margin-bottom: 10px;}

#formulario div textarea {background-color: #e2e2e2; border: 1px background-color: #fed700;	border-radius: 4px;
height: 60px; font-size: 16px; margin-bottom: 10px; resize: none; width: 380px;}

#formulario .BOTAO {width: 123px; height: 40px; font-size: 20px; color: #fff; margin-top: 20px; margin-bottom: 15px; margin-left: 10px;}

#formulario #ENVIAR {background-color: #072e53; border: 1px solid #8bac7f; border-radius: 4px;}

#formulario #LIMPAR {background-color: #c73636;	border: 1px solid: #b89898; border-radius: 4px;}

#formulario h1 h2{color:red; text-align: center; margin: 35px;	text-transform: uppercase;}
/* NEWSLETTER */
.newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 70%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%;}
#button_news {width: 30%; color:#130400; padding: 2%; cursor: pointer; margin-top: 2%; border-radius: 7px; text-align: center;}
/* 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) {
.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%;}
#button_news {width: 29%; padding: 2%; float: right; margin-top: 0;}
#info {width: 45%; font-size: 1.5em; color: #130400; font-weight: 700; padding: 5%; float: left;}
#formulario {width: 45%; float: right; margin-top: 15px; margin-right: 7%; padding: 5%;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title {width: 70%; float: left; text-align: left;}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.buttons {width: 30%; float: right; 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;}
#button_news {width: 20%; float: none;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.logo {width: 414px; background: url(../img/logo.png) center center/414px no-repeat;}
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 56px; line-height: 56px; 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; }
}

/*FORMULÁRIO2*/

#formulario2 {width: 100%; float: left; margin-top: 15px; margin-right: 7%; padding: 5%;}

#formulario2 label{font-size: 18px;}

#formulario2 input {background-color: #e2e2e2; border: 1px #fed700; border-radius: 4px;  height: 30px; font-size: 16px; margin-bottom: 10px;}

#formulario2 textarea {background-color: #e2e2e2; border: 1px background-color: #fed700; border-radius: 4px; width: 600px;
height: 100px; font-size: 16px; margin-bottom: 10px; resize: none;}

#formulario2 .BOTAO {width: 123px; height: 40px; font-size: 20px; color: #fff; margin-top: 20px; margin-bottom: 15px; margin-left: 10px;}

#formulario2 #ENVIAR {background-color: #072e53; border: 1px solid #8bac7f; border-radius: 4px;}

#formulario2 #LIMPAR {background-color: #c73636;	border: 1px solid: #b89898; border-radius: 4px;}

#formulario2 h1 h2{color:red; text-align: center; margin: 35px;	text-transform: uppercase;}

#fomulario2 h3 {font-size: 20px;}

#formulario2 h4 {font-size: 1.5em; color: #130400; margin-top: 1%; margin-bottom: 3%;}