/*Orçamento */
#topoBarraMenu{

      @media(max-width:1000px){
      position:inherit!important;
      }  
  }


  #bannerPgs , #bannerPgsBairros {
          
     @media (max-width: 1000px) { 
  
      min-height:50px!important;
      margin-top:-30px;        
      background-image: url('../svg/fundoBread-mobile.svg');
      background-repeat: no-repeat;
        background-position:center 40px;
     }
  
    
  }
 
  #pgOrca100{width:100%;height:inherit; float:left; position: relative;}




#pgsOrcaContact{max-width:1280px;width:100%;
      margin:0 auto;margin-top:50px;      
   
          @media(max-width:1000px) {      
          margin-top:30px;
        }    
   }


#pgsForm {max-width:1280px;width: 98%;padding:0px;    border-radius:6px;margin-bottom:40px;margin-top:0px;  
      }


#pgsForm h1 {width: 94%;margin-left:3%;
    @media (max-width:560px){
            margin-top:20px;                 
    }        
 }
#pgsForm h1 span{
font-size:20px;
color:var(--colorAzulBt2);
font-weight: 600;
 margin-bottom:12px;

    @media (max-width:560px){
     margin-top:10px;
      line-height:24px!important;
     }
          @media (max-width:420px){
              font-size:18px;
            }
      
    }
   #pgsForm h2 {color:var(--colorBranco);
     
            @media (max-width:560px){
                 font-size:22px
              }
     }



.orcament {max-width: 900px;width:100%;display:flex;flex-wrap: wrap;margin:0 auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 8px;overflow: hidden;margin-bottom:50px;

 
        
     
            @media(max-width:1000px) {   
              box-shadow:none;
              }
}
.formAll {max-width:600px;  width:100%;/*flex: 1;*/
padding: 20px;display: flex;flex-direction: column;

      @media(max-width:1000px){            
        width:100%; margin:0 auto;
        padding: 6px;
       /* background-color: #F00;*/
      }      
         @media(max-width:600px) {            
          width:100%;
          padding: 6px;
                   
        }
}
form {display: flex;flex-direction: column;}

.formAll h1 {margin-bottom: 20px;font-size:36px!important;color: var(--colorAzulPadrao);
}
.formField {width:98%;margin:0 auto;display: flex;flex-direction: column;margin-bottom: 10px;
}
.fieldDuplo {width:98%;display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 15px;
}
.fieldDuplo input{width:44%; margin-bottom: 15px;

            @media(max-width:400px) {  
              width:49%;
            }
}
.formField input,
.formField textarea {padding: 10px;border: 1px solid var(--colorCinza888);border-radius: 4px;font-family:Poppins,Arial, "Open Sans";font-size: 14px;margin-bottom: 10px;
}
.formField textarea {height:200px;}

.formField input::placeholder, .formField textarea::placeholder {
color: var(--colorCinza666);
}

.formField input:hover, .formField input:focus,
.formField textarea:hover,.formField textarea:focus {background-color: #FFF;border:1px solid var( --colorAzulBt2) ; box-shadow:0px 0px 6px var(--colorAzulBt2)
}
/*.formField input[type="email"],
.formField input[type="text"] {
// flex: 1;
// margin-right: 10px;
}.formField input[type="text"]:nth-child(2) {
// margin-right: 0;
}*/
.orcaInfo {max-width:300px;color: #fff;
padding: 20px;/*flex: 1; //DEIXA AS DIVS COM O MESMO TAMANHO*/
display: flex;flex-direction: column;justify-content: center;background-color: #0061ff;
       
       @media(max-width:1000px) {
        max-width:none;  width:92%; 
        margin:0 auto;
        margin-top:80px;
        border-radius:6px;
       }
}
.moreDark { background-color:var(--colorAzulPadrao);}.orcaInfo h2 {margin-top: 0;}
.orcaInfo p {margin: 10px 0;color:var(--colorBranco);}.orcaInfo ul {margin-top:20px;list-style: none;padding: 0;}
.orcaInfo ul li {display: flex;align-items: center;margin-bottom: 10px;}
.orcaInfo li a {font-size:18px;color:var(--colorBranco);font-weight: 600;}
.orcaInfo span {display:inline-block; margin-top:2px;}
.orcaInfo .fa-square-whatsapp {float:left; margin-top:0px;margin-right:6px; font-size:30px;color:rgb(41, 255, 3);}
.social-media  {margin-top:20px;}
.social-media a {margin-right:20px;cursor: pointer;}
.social-media a i {font-size:30px; color:#FFF;}
#btOrca {width:260px;margin:0 auto;padding:20px;background-color: #007bff;color: #fff;
border: none;border-radius: 4px;font-size: 18px;cursor: pointer;margin-top: 10px;
  @media (max-width:300px) {
    width:98%;
  }
}
#btOrca:hover {background-color: #0056b3;}
/*email errado*/
.formInputErro{background:#FFF;border:1px solid #F00;}
#emailErro{width:200px;height:17px;float:right; position: absolute;margin-left:4px;margin-top:40px;font-size:12px;color:#FFF;text-align:center;line-height:17px;background:#F00;display:none;}

#alertMessageAll , #alertMessageAllOK {width:98%;height:34px; display:none;margin:0 auto;margin-top:-32px;margin-bottom:5px; border:2px solid #F00 ;background-color:#FFD7D7;border-radius:4px;}

#alertMessageAllOK { border:2px solid #15FF00 ;background-color:#D7FFE2;}

  #alertMessage , #alertMessageOK  {height:34px; text-indent:20px;      font-size:15px;font-weight: 600; color:#810000; line-height:33px; }

  #alertMessageOK  {color:#0C4222;font-weight: 700;}
  #alertMessageOK .fa-circle-check{color: #0C4222;}

    .inputVazio {border:1px solid #F00!important ;  box-shadow:0px 0px 8px #F00;}


    
#wait {width:100%;height:100vh;position:absolute;z-index:999999;
 
  display:none; justify-content: center; align-items:center;background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%)

} #waitIn {width:300px;height: 200px; border-radius: 8px;
  display: flex; justify-content: center; align-items: center;margin-top:0px;  flex-direction: column;
  background-color: #FFF;

}

/*loading*/

/* HTML: <div class="loaderKero"></div> */
.loaderKero {
width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #0000;
  border-right-color: #032A85;
  /*position: relative;*/
  animation: keroLoad 0.6s infinite linear;
}
.loaderKero:before,
.loaderKero:after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 1s;
}
.loaderKero:after {
animation-duration: 2s;
}
@keyframes keroLoad {
  100% {transform: rotate(1turn)}
}

#waitIn p {width:100%; display: flex; justify-content: center; align-items: center;color:#032A85; text-align:center;font-weight: 600;

}