<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.contact_title{
color: #4f4f51;
font-size: 45px;
}
.hr{
background: #fdda36;
width: 41px;
height: 5px;
border-radius: 5px;
margin-top: 21px;
margin-bottom: 21px;
}
.contacts{
    margin-top: 100px;
}
.contact_first__title{
font-size: 26px;
font-weight: bold;
margin-bottom: 17px;
}
.contact_first__adress{
color: #535353;
}
.contact_first__phone{
    
}
.contact_first__mail{
    
}
span{
color: #b8b8b8;
   
}  
.maps{
margin-top: 30px;
}
.form_section{
 background: url("../img/parallax03.webp")  no-repeat ;
background-size:cover;
   
}
.answer_title{
color: #f6f6f6;  
font-size: 55px;


}










form{   
 padding-bottom: 63px;   
}
 
.form-control{       
width: 100%;
height: 70px;
border: #999999 solid 1px;
border-radius: 10px;
padding: 30px;
}
.area{
margin-top: 40px;  
}
.textarea {
width: 100%;

border: #999999 solid 1px;
border-radius: 10px;
margin: auto;
 padding: 20px;   
}
.textarea{
border:  1px #999999 solid; 
height: 200px;
    
} 
  
#tel, #message{
position: absolute;
display: none; 
text-align: right;
max-width: 170px;
font-weight: bold;
border: 1px solid #cccccc; 
color:azure;
background: #febd1e;
border-radius: 3px;
margin-top: -108px;
text-align: center;
font-size: 12px;
padding: 5px;
margin-left: 30px;  
}  
    @media screen and (max-width:1024px){
           .contacts_office{
    margin: 0;
     margin-top: -20px;
}
        }
@media screen and (max-width: 414px){
    .answer_title{
        font-size: 25px;
    }  
    .button{
        text-align: center;
        margin-top: 20px;
    }
    #send{
        width: 100%;
    }
    .contact_title{
     font-size: 30px;   
    }
     .contacts{
    margin-top: 100px;
} 
    
}

@media screen and (max-width: 320px){
      .contacts{
    margin-top: 130px;
}  
   
}   
</pre></body></html>