*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: arial;
    background-color: #ededed;
}
.bar-sup-one{
    background-color:#071D41;
    padding: 0.8em;
    
}

a{
    text-decoration:none;
    color:#fff;
}

.container-sup{
    display:flex;
    justify-content: space-between;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;   
}


.container{
    display:flex;
    justify-content: space-between;
    width:196%;
    max-width:1200px;
    margin: 0 auto;  
}

.container-two{
    display:flex;
    justify-content: space-between;
    width:100%;
    margin: 0 auto; 
    background-color: #fff;  
}

.container-sup .cont-img{
    width: 50%;
}

.container-sup .menu-gov{
    width: 50%;    
}

.menu-gov ul{
    list-style: none;
    display:flex;
    justify-content:space-between;
}
.menu-gov ul > li{
    list-style: none;
    border-left: 1px solid #fff;
    padding-left: 5%;
}

.ul-menu li a{
    font-size: 0.69em;
}


.cont-img img{
    width:10%;
}

main > #logo-img-valores{
    display: flex;
    justify-content: flex-start;
    align-items: center;    
    text-align:center;
}

#logo-img-valores img{
    width: 20%;
    margin: 2% 20% 2% 55%;
}

.cont-sub{
    display: flex;
    justify-content: center;
    background-color:#003954;    
}

.cont-sub .cont-int{   
    display: flex; 
    padding: 1em 2em;   
    color: #fff;
    display: flex;
    justify-content: center;    
    padding: 1em;
}
.cont-text{
    width:80%;
    max-width: 900px;
    flex-wrap:wrap;
    margin: 0 auto; 
    padding-top: 3%; 
}

.cont-text p{
    width: 100%;
    font-size:1.2em;
    margin: 1% 0;
}

.cont-text .cont-a{
    display: flex;
    justify-content: center;
    width: 100%;   
}

.cont-text .cont-a a{
   color: #fff;
   background: green;
   padding: 3% 30%;
   border-radius: 20px;
   margin:8% 0;
   transition: 0.4s linear;
   font-size: 1.3em;
}

.cont-text .cont-a a:hover{   
   background: rgb(2, 63, 2);   
}


#title-headline{
    font-size:2.5em;
}


.footer{
    display: flex;
    justify-content: center;
    background-color:#003954;  
    color: #fff;
    padding: 1em;  
}

.footer .footer-right{
    display: flex;
    justify-content: flex-end;
    width: 40%;  
}

.footer-right a{
    margin: 0 2%;
}
.footer-right a:hover{
    text-decoration: underline;
}
.footer .footer-left{
    width: 40%;        
}

/* Página de cadastro */

.form-cadastro{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    width: 50%;
    margin: 5% auto 10% auto;
    box-shadow: 5px 5px 20px #868686;
    background-color: #fff;
    border-radius: 20px;
    padding: 5%;
}

.form-cadastro input,button{
  width: 100%;  
  padding: 2%;
  margin: 2% 0;
  font-size: 1.2em;
  border: 1px solid#ccc;
  background-color: #ededed;
  border-radius: 10px;
}

.form-cadastro button{
background-color: green;
color: #fff;
padding: 3% 0;
}

.cont-text h2{
width: 100%;
text-align:center;
}

.cont-text .h2-index{
    text-align: left;
}

form .btn_form_cad {
cursor: pointer;
}

/* Formulário  */


.form-tem-valores .form-up{
    display:flex;
    justify-content: space-between;
    width:100%;
    padding: 2% 0;
    border-bottom:1px solid #ccc;
    margin-bottom: 4%;   
}

.form-tem-valores{
    width: 50%;
    background-color: #fff;
    margin: 0 auto 10% auto;
    border-radius: 20px;
    padding: 2%;
    box-shadow: 10px 10px 20px #ccc;
}

.form-tem-valores .btn-form-tem-valores{
    cursor: pointer;
    background-color: #003954;
    color:#fff;
}

.form-tem-valores .doc-area-cnpj{
  display: block;
}

.form-tem-valores .doc-area{
    padding: 4% 0;
}
.doc-area #cnpj-radio{
    margin-left: 10%;
}
.doc-area .p-subtitle{
    font-size: 0.9em;
    color: #000;
}


.doc-area-cpf .p-subtitle{
    font-size: 0.8em;
    color: #000;
}

.doc-area-cpf input{
    width: 100%;
    padding: 2%;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #ededed;
    margin: 2% 0;
    font-size: 1.1em;
}

.doc-area-cnpj .p-subtitle{
    font-size: 0.8em;
    color: #000;
}

.doc-area-cnpj input{
    width: 100%;
    padding: 2%;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #ededed;
    margin: 2% 0;
    font-size: 1.1em;
}
#resultado{
    background-color:#fff;
    border-radius: 20px;
    padding: 2%;
    margin: 0 auto 6% auto;
    width: 60%;
    box-shadow: 5px 5px 20px #868686;
}

.pagamento a{
    background-color: #003954;
    padding: 3% 30%;
    border-radius: 10px;
    font-size: 1.1em;
    
}

.pagamento a:hover{
    background-color: #015880;    
}

#resultado div{
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0;
}

#resultado div img{
    width: 20%;
}

#resultado h2{
    margin-top:5%;
}

/* políticas */

body#cont-politicas{
    width: 90%;
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    font-family: arial;
    line-height: 2em;
}

/* Página de obrigado */

#obrigado{
    background-color:#fff;
    border-radius: 20px;
    padding: 2%;
    margin: 0 auto 6% auto;
    width: 60%;
    box-shadow: 5px 5px 20px #868686;
    
}

#obrigado div{
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0;
}

#obrigado div img{
    width: 20%;
}

#obrigado h2{
    margin-top:5%;
}

.cont-text .title-obrigado{
    text-align: center;    
    margin-bottom: 2%;
    width: 100%;
}

#obrigado h2{
    margin-bottom: 4%;
    
}

#price{    
    font-size: 1.8em;
    position: relative;
    z-index:1;
}

#price::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 20%;
    height: 100%;
    background: silver;
    z-index: 2;
    color: red;
    font-size: 1.8em;
    filter: blur(5px);
}



@media (min-width: 1151px) and (max-width: 1243px){

   .container-sup .cont-img{
    width: 40%;
}
.container-sup .menu-gov{
    width: 60%;
}
.cont-img img{
    width:15%;
}
#logo-img-valores img{
    width: 20%;
    margin: 2% 20% 2% 48%;
}
.form-cadastro{    
    width: 60%;    
}

.form-tem-valores{
    width: 60%;    
}
#resultado{   
    width: 70%;   
}
}
@media (min-width: 850px) and (max-width: 1151px){

.container-sup .cont-img{
    width: 30%;
}
.container-sup .menu-gov{
    width: 70%;
}
.cont-img img{
    width:22%;
}
#logo-img-valores img{
    width: 25%;
    margin: 2% 20% 2% 25%;
}

.footer{
    flex-wrap:wrap;  
}

.footer .footer-right{
    width: 100%; 
    justify-content: center;
    text-align: center;    
    padding: 1% 0;
}
.footer .footer-left{
    width: 100%; 
    text-align: center; 
    padding: 1% 0;   
}
.form-cadastro{    
    width: 70%;    
}
.form-tem-valores{
    width: 70%;    
}
#resultado{   
    width: 75%;   
}
}

@media (min-width: 736px) and (max-width: 850px){

.container-sup .cont-img{
    display:flex;
    align-items:center;
    width: 20%;
}
.container-sup .menu-gov{
    width: 80%;
}
.cont-img img{
    width:52%;
}
#logo-img-valores img{
    width: 30%;
    margin: 2% 20% 2% 20%;
}

.footer{
    flex-wrap:wrap;  
}

.footer .footer-right{
    width: 100%; 
    justify-content: center;
    text-align: center;    
    padding: 1% 0;
}
.footer .footer-left{
    width: 100%; 
    text-align: center; 
    padding: 1% 0;   
}
.form-cadastro{    
    width: 80%;    
}
.form-tem-valores{
    width: 78%;    
}
#resultado{   
    width: 75%;   
}
}

@media (min-width: 500px) and (max-width: 736px){

.container-sup .cont-img{
    display:flex;
    align-items:center;
    width: 20%;
}
.container-sup .menu-gov{
    width: 80%;
}
.cont-img img{
    width:52%;
}

.menu-gov ul > li{   
    padding-right: 4%;
    display:flex;
    align-items:center;
}
#logo-img-valores img{
    width: 30%;
    margin: 2% 20% 2% 10%;
}

.cont-text .cont-a a{  
   font-size: 1.1em;
   width:100%;
   padding: 5% 20%;
   text-align: center;
}
.footer{
    flex-wrap:wrap;  
}

.footer .footer-right{
    width: 100%; 
    justify-content: center;
    text-align: center;    
    padding: 1% 0;
}
.footer .footer-left{
    width: 100%; 
    text-align: center; 
    padding: 1% 0;   
}
.form-cadastro{    
    width: 80%;    
}
.form-tem-valores{
    width: 78%;    
}
#resultado{   
    width: 80%;   
}
.container-sup{      
    width: 98%;   
}

}

@media (min-width: 300px) and (max-width: 500px){

.container-sup{    
    width: 80%;       
}

.container-sup .cont-img{
    display:flex;
    align-items:center;
    width: 20%;
}
.container-sup .menu-gov{
    width: 80%;
}
.cont-img img{
    width:52%;
}
.menu-gov ul > li{   
    padding-right: 4%;
    display:flex;
    align-items:center;
}
#logo-img-valores img{
    width: 40%;
    margin: 2% 20% 2% 5%;
}
.cont-text{
    width:90%;     
}
#title-headline{
    font-size:1.9em;
}
.cont-text .cont-a a{  
   font-size: 1em;
   width:100%;
   padding: 5% 20%;
   text-align: center;
}
.footer{
    flex-wrap:wrap;  
}

.footer .footer-right{
    width: 100%; 
    justify-content: center;
    text-align: center;    
    padding: 1% 0;
}
.footer .footer-left{
    width: 100%; 
    text-align: center; 
    padding: 1% 0;   
}
.form-cadastro{    
    width: 90%;    
}

.form-tem-valores{
    width: 90%;    
}
.container-sup{      
    width: 90%; 
    font-size: 0.81em;      
}

.container-sup .cont-img{
    width: 20%;
}

.container-sup .menu-gov{
    width: 90%;
    margin-left: -20%;    
}

.menu-gov img{
    width: 20%;
}
}