@charset "utf-8";
/* CSS Document */
.cont_box { flex-wrap: wrap;}
.map { border: 1px solid #FCD7AB; height: 550px; width: 100%; margin: 80px 0 0;}
.cont_left { width: 604px; padding-right: 120px; }
.cont_right { width: calc(100% - 604px);}
.cont_block { background: var(--white); padding: 50px 80px; }
.form-control { border-color:#FCD7AB ; font-size: 14px; font-weight: normal; color: #545454; height: 56px;}
.cont_left .cont_text span , .cont_left .cont_text label { color: #242222; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; }
.cont_left .cont_text label { font-weight: normal;  }
.cont_botm .social_block { padding: 38px 0;  border-top: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid rgb(0 0 0 / 10%);}
.cont_botm .social_block span { margin-right: 30px; font-size: 16px; font-weight: 600; color: #242222;}
.social_block  .social_icon { box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); }
.cont_left .ft_contact_list li {margin-bottom: 40px;}
textarea { min-height: 140px;}



@media (max-width: 1599.98x) {
   
}

@media (max-width: 1439.98px) {
        
    .cont_left {
        width: 520px;
        padding-right: 60px;
    }
    .cont_block {
        padding: 40px 35px;
    }
    .cont_right {
        width: calc(100% - 520px);
    }
}

@media (max-width: 1199.98px) {

    .width50 {
        width: 100%;
    }
    .cont_right {
        width: calc(100% - 480px);
    }
    .cont_left {
        width: 480px; 
        padding-right: 35px;
    }
    .cont_left .cont_text span, .cont_left .cont_text label { font-size: 14px;}
    .cont_botm span img { max-width: 100px;}
}

@media (max-width: 991.98px) {
    .cont_right,  .cont_left  {
        width: 100%;
    }
    .cont_left .ft_contact_list li {
        margin-bottom: 20px;
    }
    .cont_botm .social_block {
        padding: 22px 0;
    }
    .cont_left { padding-right: 0; margin-bottom: 40px;} 
    .map { margin: 40px 0 0; height: 450px;}

    .cont_left  .ft_contact_list {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {

    .cont_botm  { flex-wrap: wrap;}
    .cont_botm .social_block {
        padding: 16px 0;
        width: 100%;
        margin: 30px 0 0;
    }
    .cont_block {
        padding: 30px 15px;
    }
    textarea {
        min-height: 100px;
    }
   .cont_left .cont_botm .social_block .social_link { padding-bottom: 0; }
}


@media (max-width: 480px) {
  
}