/*=========== RESET ==========*/
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-weight: 400;
	font-color: #4D4C4E;
	;
	box-sizing: border-box;
	font-family: 'poppins', sans-serif;
	
	

}


h1     {
	font-size: 3em;
	color: #4D4C4E;
	text-align: justify;
	margin-top: 1%;
}
h2     {    font-size: 2.5em;	font-family: 'poppins', sans-serif; letter-spacing: -3px;color: #4D4C4E;    text-align: justify;  margin-top: 1%;}
h3     {	font-size: 2.0em;	color: #4D4C4E;; font-family: 'poppins', sans-serif; letter-spacing: -3px	text-align: justify;  margin-top: 1%;}
h4     {	font-size: 1.5em;	color: #4D4C4E;	text-align: justify;  margin-top: 0,5%;}
h5     {    font-size: 1.0em;   color: #4D4C4E;    text-align: center;  margin-top: 0,5%;}
h6     {    font-size: 0.7em;   color: #fff;    text-align: center;  margin-top: 0,5%;}
li     {	font-size: 1.0em;	color: #4D4C4E;	line-height: 1.2em;	text-align: justify;}
ul     {    font-size: 1.0em;	color: #4D4C4E;	line-height: 1.2em;	text-align: justify;}
p      {	font-size: 1.0em;	margin-top: 1%;	color: #333;text-align: justify;}
a       {   font-size: 1.0em;   text-decoration: none; font-color:#333; line-height: 1.2em;}
a:hover {   font-size: 1.0em;   text-decoration: none; font-color:#333; line-height: 1.2em;}
img     {   max-width: 100%;}
form    {   margin-top: 2%;} 
input   {   width: 100%;	color: #0000FF;	border: 1px solid rgba(255,255,255,0.3); padding: 5%;}
button  {   width: 100%;  color:#; padding: 5%; cursor: pointer; margin-top: 2%; }
body    {	background-color: #FFFFFF;}	

/*=========== CONTAINER ==========*/
.container     {	width: 100%;	float: left;	padding: 0% 0% 0% 0%;	text-align: center;}
.containertotal{	width: 100%;	float: left;	padding: 0% 0% 0% 0%;	text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 9% 2% 9%;	text-align: center;}

/*=========== BG COLORS ==========*/
.bg-gradient {  background: linear-gradient(to right,#E02F1D, #961401);}
.bg-black    {  background-color: #000;}
.bg-white    {	background-color: #FFF;}
.bg-gray     {  background-color: #CCC;}
.bg-orange   {	background-color: #F60;}
.Orange-Title {	color: #E86120;}

/*=========== HELPERS ==========*/
.radius {  border-radius: 2px;}

/* CABEÇALHO */
.logo   {  width: 100%;	height: 160px;	float: center;	font-size: 0; text-align: center;}

/*BUTONS*/
.buttonsp   {  width: 60%; margin: 1%; alignment-adjust:center; text-align:center;}
.buttonsp i {  float: right;}
.btn        {  width: 60%; font-size: 5px; text-align: left;  padding: 5px; cursor: pointer; alignment-adjust:center; text-align:center; }
.btn-cotar  {  width: 60%; font-size: 1.0em; text-align: left; cursor: pointer; padding: 5px; color: #f21876; alignment-adjust:center; text-align:center; font-color: #FFF;}
.btn-menu {width: 56px; height: 56px; float: lefth; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}


/*MENU */
.menu               {
	width: 100%;
	height: 56px;
	background-color: #D6D6D6;
	z-index: 99999;
	position: absolute;
	alignment-adjust: central;
}
.menu a             {  font-size: 16px;	padding: 16px;	background-color: #4D4C4E;	color: #fff; display: block;	text-decoration: none;	text-align: center;	}
.menu a:hover       {
	background-color: #666;
	color: #99FF00;
	margin: auto;
}
.menu ul ul li a    {  background-color: #CCC;	}	
.menu ul            {  list-style: none;	position: relative;	z-index: auto;	background-color: #fff;}
.menu ul li         {  width: 19%;	float: right;}	
.menu ul li ul li   {  width: 100%;	float: right;}	
.menu ul ul         {  position:absolute; visibility:hidden;}	
.menu ul li:hover ul{  visibility:visible;	}		
.menu ul ul li      {  float:none;	border-bottom:solid 1px #ccc;	}	
.menu ul ul         {  position:static; overflow:hidden; max-height:0; transition:all .4s; }
.menu ul li:hover ul{  height:auto; max-height:420px; }
label[for="bt_menu"]{  padding: 7px; 	background-color: ;	color: #666;  text-align: center;	font-size: 30px;	cursor: pointer;  width: 50px;	height:50px;
float: lefth; }
#bt_menu{ display:none;  }
label[for="bt_menu"]{display:none;}
				
				
			
@media(max-width:2280px){
label[for="bt_menu"]   {    display:block; 	}
#bt_menu:checked ~.menu{    margin-left:0; }
.menu                  {    margin-top:6px; margin-left:-100%; transition:all .4s;}	
.menu ul li            {    width: 100%; height:auto; float: none; }
/*=========== CONTAINER ==========*/
.container {	width: 100%;	float: left;	padding: 2% 9% 2% 9%;	text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 9% 2% 9%;	text-align: center;}
.containertotal     {	width: 100%;	float: left;	padding: 0% 0% 0% 0%;	text-align: center;}
}			
		

		

/* BANNER */
.banner        {
	width: 100%;
	height: auto;
	background-attachment: fixed;
	background-image: url(../img/bannerhome.png);
	background-repeat: no-repeat;
	background-color: #000;
}
.title         {   width: 100%;}
.title h1      {   font-size: 2.0em; color: #fff; font-weight:bold; }
.title h2      {   font-size: 1.8em;	color: #F63;	font-weight: bold;}
.title h3      {   font-size: 1.5em; color: #fff; }
.buttons       {   width: 50%;	margin-top: 2%;	alignment-adjust: lefth;}
.buttons i     {   float: right;}
.btn           {   width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 1%; alignment-adjust:center; alignment-adjust:center; alignment-baseline:center; }
.btn-cadastrar {   	width: 60%;	height: 45px; border-radius: 15px; font-size:12px; color: #FFF; alignment-adjust:center; alignment-adjust:center; alignment-baseline:center; }
.btn-sobre     {   color:#F21876 ; margin-top: 2%;}


/* SERVIÇOS */
.servico       {   width: 100%;  text-align: left;  margin-bottom: 2%;}
.servico img   {   border-radius: 7px 7px 0 0;}
.inner         {   padding: 3% 10% 3% 10%;}
.inner h1      {  font-size: 2.5em; color: #F63;}
.inner h2      {  font-size: 2.0em; color: #F63;}
.inner h3      {  font-size: 1.5em; color: #F63;}
.inner h4      {  font-size: 1.2em; color: #F63;}
.inner h5      {  font-size: 0.8em; color: #F63;}
.inner h6      {  font-size: 0.5em; color: #F63;}
.inner li      {  font-size: 1.0em; color: ##F63; list-style: none;  margin-top: 0%; 	font-color: #F63;	line-height: 1.4em;	text-align: center;}
.inner ul      {  font-size: 1.0em; color: #F63; list-style: none;}
.inner p       {  font-size: 1.0em; color: #F63; margin-top: 1%;	    color: #666;	line-height: 1.4em;	text-align: justify;}
.inner a       {  font-size: 1.0em;  text-decoration: none;}
.inner a:hover {  font-size: 1.0em; text-decoration: none;}



/* CONTEUDO */
.conteudo        {   width: 100%;  text-align: left;  margin-bottom: 3%;}
.conteudo img    {   border-radius: 7px 7px 7px 7px;}
.conteudo        {	 padding: 2% 10% 2% 10%;}
.conteudo h1     {  font-size: 2.5em; color: #666;}
.conteudo h2     {  font-size: 2.0em; color: #666;}
.conteudo h3     {  font-size: 1.5em; color: #666;}
.conteudo h4     {  font-size: 1.2em; color: #666;}
.conteudo h5     {  font-size: 0.8em; color: #666;}
.conteudo h6     {  font-size: 0.5em; color: #666;}
.conteudo li     {  font-size: 1.0em; color: #666; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.2em;	text-align: center;}
.conteudo ul     {  font-size: 1.0em; color: #666; list-style: none;}
.conteudo p      {  font-size: 1.0em; color: #666; margin-top: 1%;	    color: #000;	line-height: 1.2em;	text-align: justify;}
.conteudo a      {  font-size: 1.0em;  text-decoration: none;}
.conteudo a:hover {  font-size: 1.0em; text-decoration: none;}

/* PARCEIROS */
.parceiros     {   width: 100%;  text-align: left;  margin-bottom: 3%;}
.parceiros img {   border-radius: 7px 7px 7px 7px;}
.parceiros     {	  padding: 2% 10% 2% 10%;}
.parceiros h1     {  font-size: 2.5em; color: #666; font-weight: 700;}
.parceiros h2     {  font-size: 2.0em; color: #666; font-weight: 700;}
.parceiros h3     {  font-size: 1.5em; color: #666;}
.parceiros h4     {  font-size: 1.2em; color: #666;}
.parceiros h5     {  font-size: 0.8em; color: #666;}
.parceiros h6     {  font-size: 0.5em; color: #666;}
.parceiros li     {  font-size: 1.0em; color: #666; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.2em;	text-align: center;}
.parceiros ul     {  font-size: 1.0em; color: #666; list-style: none;}
.parceiros p      {  font-size: 1.0em; color: #666; margin-top: 1%;	    color: #000;	line-height: 1.2em;	text-align: justify;}
.parceiros a      {  font-size: 1.0em;  text-decoration: none;}
.parceiros a:hover {  font-size: 1.0em; text-decoration: none;}



/* TOP */
.top h1     {  font-size:#E5E6E7 2.5em; color: #E5E6E7; }
.top h2     {  font-size: 2.em; color: #E5E6E7; }
.top h3     {  font-size: 1.0em; color: #E5E6E7;}
.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: #E5E6E7;}
.contato h2     {  font-size: 2.0em; color: #E5E6E7;}
.contato h3     {  font-size: 1.5em; color: #E5E6E7;}
.contato h4     {  font-size: 1.2em; color: #E5E6E7;}
.contato h5     {  font-size: 0.8em; color: #E5E6E7;}
.contato h6     {  font-size: 0.5em; color: #E5E6E7;}
.contato li     {  font-size: 1.0em; color: #E5E6E7; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.2em;	text-align: center;}
.contato ul     {  font-size: 1.0em; color: #E5E6E7; list-style: none;}
.contato p      {  font-size: 1.0em; color: #E5E6E7; margin-top: 1%;	    color: #000;	line-height: 1.2em;	text-align: justify;}
.contato a      {  font-size: 1.0em;  text-decoration: none;}
.contato a:hover {  font-size: 1.0em; text-decoration: none;}




/* NEWSLETTER */
.newsletter h1     {  font-size: 2.5em; color: #fff;}
.newsletter h2     {  font-size: 2.0em; color: #fff;}
.newsletter h3     {  font-size: 1.5em; color: #fff;}
.newsletter h4     {  font-size: 1.0em; color: #fff;}
.newsletter h5     {  font-size: 0.8em; color: #fff;}
.newsletter h6     {  font-size: 0.5em; 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: 0.5 em; color: #fff; margin-right: 3%;}
.social-icons a:last-child {   margin-right: 0;}
.social-icons a:hover      {   font-size: 0.5 em; color: #fff;}
.copyright                 {	font-size: 0.7 em;	color: #fff;	margin-top: 2%;}
.rodape a                  {   font-size: 0.5 em; color: #fff; text-decoration: none;}
.rodape a:hover            {   font-size: 0.5 em; color: #fff; text-decoration: none;}
.rodape h1     {  font-size: 2.0em; color: #fff;}
.rodape h2     {  font-size: 1.8em; color: #fff;}
.rodape h3     {  font-size: 1.5em; color: #fff;}
.rodape h4     {  font-size: 1.2em; color: #fff;}
.rodape h5     {  font-size: 0.8em; color: #fff;}
.rodape h6     {  font-size: 0.5em; color: #fff;}
.rodape li     {  font-size: 1.0em; color: #fff; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.2em;	text-align: center;}
.rodape ul     {  font-size: 1.0em; color: #fff; list-style: none;}
.rodape p      {  font-size: 1.0em; color: #fff; margin-top: 1%;	    color: #000;	line-height: 1.2em;	text-align: justify;}


/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.btn                {	font-size: 16px;}
.logo   {  width: 100%;	height: 128px;	float: center;	 text-align: center;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 0% 1% 0%;	text-align: center;}
}


/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.logo   {  width: 100%;	height: 128px;	float: center;	font-size: 0; text-align: center;}
.servico             {  width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){  margin-right: 0;}
.newsletter input    {  width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button   {  width: 29%; padding: 2%; float: right; margin-top: 0;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 0% 1% 0%;	text-align: center;}
}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title               {	width: 100%;	float: left;	text-align: left;}
.title h1            {  font-size: 2.0em;}
.title h2            {	font-size: 1.5em;}
.title h3            {  font-size: 1.5em;}
.buttons             {	width: 30%;	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;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 0% 1% 0%;	text-align: center;}
.logo   {
	width: 100%;
	height: 90px;
	float: center;
	font-size: 0;
	text-align: center;
}

}


/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu           {   display: none;}
.btn-close          {   display: none;}

}


<style type="text/css">
    	.Orange-title {
	color: #F37325;
}
        #box-geral-orange #box-interno .copyright a {
	color: #FFF;
}
        #box-geral-orange #box-interno h5 {
	color: #FFF;
}
        </style>
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 56px; line-height: 56px; float: right; 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; }
.container {	width: 100%;	float:#000 center;		text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 0% 1% 0%;	text-align: center;}
}