/* CORPO */
* {
        margin: 0;
        padding: 0;
        scroll-behavior:smooth;
      }
body{
	font-family: Nunito, sans-serif;
        flex-direction: column;                                       
        align-items: center;
        background-image: url("../img/bg.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
	background-position: right;
        background-color: #BDBFC1;
        text-align: center;

        
}

h1, h2 {
	font-family: Asap, sans-serif;
        color:crimson;
        font-size: 25PX;
        padding-bottom: 30px;
        width: 100%;
}

h2{
        color:#ffdd00;

}

h3{
        font-family: Asap, sans-serif;
        color:#FFFFFF;
        font-size: 25PX;
        padding: 50px 0 40px 0;
        width: 100%;
}

h4{
        font-family: Asap, sans-serif;
        color:crimson;
        font-size: 30PX;
        padding: 50px 0 40px 0;
        width: 100%;
}

.botao{
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    background-color:crimson;
    font-size: .9em;
    border-radius: 100px;
   
}

.botao:hover{
        box-shadow: 0 0 10px 0 #959595 inset, 0 0 10px 4px #959595;
        background-color: crimson;
}
        
/*Navegação*/

nav {
     display: flex;
     flex-direction: column;
     align-items: center;
     font-weight: bold;
    
 }

 nav a {
 	text-decoration: none;
 	font-weight: 600;
 	font-size: 18px;
       
 }

 nav ul {
     display: flex;
     max-width: 800px;
    flex-direction: column;
     align-items: center;
     list-style: none;
     width: 100%;
     
 }

 nav ul li {
 	 text-align: center;
 	 width: 100%;
         color:#000000;
         
 }

 nav ul li a {
 	display: inline-block;
        margin-top: 10px;
 	width: 100%;
 	text-decoration: none;
        color:#000000;

 }

 nav ul li a:hover {    
        color:crimson;
 }

 /*  Cabeçalho*/

 .slider{
        padding-top: 50px;
	margin: 0 auto;
	width: 100%;
        max-width:940PX;
	height: 100%;
	overflow: hidden;
}

.slides{
	width: 400%;
	height: 100%;
	display: flex;
}

.slides input{
	display: none;
}

.slide{
	width: 25%;
	position: relative;
        transition:2s;

}


.slide img{
	width: 100%;
        max-width:940PX;
}

.manual-navigation{
	position: absolute;
	width: 100%;
        max-width:940PX;
	margin-top: 20%;
	display: flex;
	justify-content: center;
}
.manual-btn{
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: 1s;
}

.manual-btn:not(:Last-child){
	margin-right: 40px;
}

.manual-btn:hover{
	background-color:  rgb(220, 20, 60);
}

#radio1:checked ~ .first{
	margin-left: 0;
}

#radio2:checked ~ .first{
	margin-left: -25%;
}
#radio3:checked ~ .first{
	margin-left: -50%;
}
#radio4:checked ~ .first{
	margin-left: -75%;
}
 

.navigation-auto div{
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: 1s;
}

.navigation-auto{
	position:absolute;
	width: 100%;
        max-width:940PX;
	margin-top: 20%;
	display: flex;
	justify-content: center;
}

.navigation-auto div:not(:Last-child){
	margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
	background-color: rgb(220, 20, 60);
}

#radio2:checked ~ .navigation-auto .auto-btn2{
	background-color:  rgb(220, 20, 60);
}

#radio3:checked ~ .navigation-auto .auto-btn3{
	background-color:  rgb(220, 20, 60);
}
#radio4:checked ~ .navigation-auto .auto-btn4{
	background-color:  rgb(220, 20, 60);
}

 header {
        display: flex;
        flex-direction: column;                                       
        align-items: center;
        background-size: cover;
        text-align: center;


 }

header img{
        width: 100%;
        max-width:800PX;  
}

 header p {
        margin: 2em;
        max-width: 550px;
        text-align: center;
 }

 header h4 {
        max-width: 750px;
        text-align:center;
 }

  

/* 10 Motivos */


#motivos {
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        align-items: center;
        text-align: center;
}

#motivos p {
        padding-top: 30px;
        margin: 2em;
        max-width: 550px;
        text-align: justify;
 }

/* Beneficios */

#beneficios {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        background-color: rgb(220, 20, 60);
        padding: 100px;
         font-size: 25px;
        color: #ffffff;
        text-align: center;
}

#beneficios p {
        text-align:center;
        margin-bottom: 2em;
        max-width: 550px;
}


/* Metas */

#meta {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 100px;
        padding-top: 50px;
        background-color: rgb(57, 57, 57, 0.9);
}

#meta p {
        margin-bottom:10px;
        text-align: center;
}

#meta .terreno{
        border: 10px solid rgb(255, 255, 255);
        width: 100%;
        max-width:355PX;  

}
#meta img {
        border: 10px solid rgb(255, 255, 255);
        width: 100%;
        max-width:800PX;  
}

#meta div {
        display: flex;
        flex-direction: column;
        color: #FFFFFF;
        width: 100%;
        font-size: 20px;
        justify-content: center;
}

#adesao {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        background-color:rgb(255, 255, 255, 0.4);
        padding: 100px;
        font-size: 25px;
}
#adesao p {
        text-align:center;
        margin-bottom: 2em;
        max-width: 550px;
}

#adesao div {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 20px;
        justify-content: center;
}


#contato {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        background-image: url("../img/bckCont.png");
        padding: 100px;
        font-size: 25px;
}


#contato p{
        font-display: bold;
        padding-top: 10px;
        font-weight: bold;
        text-align:center;
        color: #FFFFFF;
        margin-bottom: 2em;
        max-width: 550px;
}


#contato a:link{
	text-decoration: none;
}

#contato a:hover {    
	transform: scale(1.9);
	transition: all 0.2s;
}

#contato div {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 70px;
	margin-bottom: 100px;
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 20px;
        justify-content: center;
}

/*botão voltar ao topo*/

.bt_top{
        text-decoration:none;
        color: #FFFFFF;
        padding: 20px;
        background-color:rgb(154, 6, 35);
        position: fixed;
        right: 15px;
        bottom: 20px;
        border-radius: 100px;   
        
}       
        

/* Rodapé*/

footer {
        text-align: center;
        padding: 10px;

        color: #ffffff;
}

footer p{
font-size: 14px;

}

footer a {
        text-decoration: none;
        font-weight: bold;
        color:rgb(255, 255, 255);
}

@media screen and (min-width: 768px) {

    /* nav */

nav {
-ms-flex-align: start;
    flex-direction: row;
    justify-content: space-evenly;
 }

 nav ul {
        flex-direction: row;
        width: 100%;
}

/* Cabeçalho */

header {

        justify-content: center;
}

/* Serviços*/

#motivos {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 1000px;
        margin: 0 auto;
        justify-content: center;
}

#motivos h2 {
        text-align: center;
        width: 100%; 
}

#motivos div {
        flex-grow: 1;
        flex-basis: 150px;
        padding: 0 80px;
}


#meta {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto; 
        justify-content: center;
}

.metas {
        flex-basis: 400px;
        padding: 0 10px;
        margin-left: 40px;
}

.indice div {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        margin: 0 auto; 
        justify-content: center;
        background-color: #ffdd00;

}

#adesao {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto; 
        justify-content: center;
}

#adesao div {
        flex-basis: 400px;
        padding: 0 10px;
        margin-left: 40px;
}
#contato {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto; 
        justify-content: center;
}

#contato div {
        flex-basis: 200px;
        padding: 0 10px;
        margin-left: 40px;
       
}

footer .hr {
        border: 0;
        border-top: 1px dashed #CCC;
        border-bottom: 2px solid #CCC;
        height: 3px;
              }