.map {height:400px;width:100%;float:left;}
.contact {margin-top:24px;max-width:1200px;font-weight:300;margin-bottom:56px;}
.contact .title {max-width:800px;}
.contact .description {max-width:800px;}
.contact .contact-contact {padding:56px 0;text-align:center;}
.contact .form-contact {background:#fff;padding:56px 0;}
.contact h1,.contact h2{font-size:36px;margin-bottom:12px;color:#555555;text-align:center;}
.contact h3{float:left;width:100%;font-size:24px;}
.contact p {line-height:140%;}
.contact p.diachi {font-weight:bold;text-transform:uppercase}
.contact .sub {width:47.5%;padding:1%;float:left;height:90px;background:#eee;margin:1% 1% 0% 0%;}
.contact .sub:nth-child(2n+1){margin-right:0;}
.contact .sub img{height:90px;float:left;margin-right:10px;border-radius:5px;overflow:hidden}
.contact .thongtin{float:left;}
.contact .thongtin-left{width:60%;}
.contact .thongtin-right{width:40%;}
.contact .thongtin .weon {width:47%;float:left;background:#eee;padding:1%;margin:1% 1% 0% 0%;}
.contact #maps{width:100%;float:left;height:400px;margin-top:50px;}
.contact .form-wrap {max-width:600px;}
.contact p label {padding:5px 0;display:block;text-transform:uppercase;color:#555;font-weight:bold;font-size:14px;}
.contact p.w100  {width:100%;float:left;font-weight:bold;padding:0 2%;height:auto;}
.contact p.submit  {text-align:center;text-transform:uppercase;}
.contact p.submit  .send-button{width:50%;overflow:hidden;padding:0;cursor:pointer;font-weight:bold;border-radius:25px;}
.contact p.submit  span{padding:10px 40px 10px 40px;color:#fff;}
.contact p.submit  span.send{background:#555555;position:relative;cursor:pointer;user-select:none;border-radius:30px;margin-top:5px;display: inline-block;}
.contact p.submit  span.send:after{}
.contact p.submit  span.arrow{background:#ea2d2e;padding-left:50px;}
.contact p input{font-family:"Inter",tahoma;}
.contact p input[type="text"]{padding:10px 20px;width:100%;border:1px solid #ccc;border-radius:5px;background:#ffff;margin-bottom:24px;}
.contact p.w100  input[type="text"]{width:100%;}
.contact p textarea {width:100%;min-height:57px;border:1px solid #ccc;border-radius:5px;background:#fff;padding:12px 20px;margin-bottom:48px;}
.contact h2  {font-size:20px;margin-top:20px;}
.contact-box-wrap {display:flex;margin-top:32px;}
.contact-box-wrap .contact-box {padding:24px 12px;border-radius:6px;margin:0 12px; border:1px solid rgb(220,215,215);}
.contact-box-wrap .contact-box .form-control {padding-right:10px;}
.contact-box-wrap .contact-box .form-control input,.contact-box-wrap .contact-box .form-control textarea {width:100%;padding: 8px 16px;
    border: 1px solid #A9A9A9;
    -webkit-appearance: none;
    font-size: 16px;
    background: transparent;
    border-radius: 5px;
    margin-bottom: 16px;
    font-weight: 300;}
.contact-box-wrap .contact-box svg {width:29px;margin-bottom:12px;}
.contact-box-wrap .contact-box h3 {font-size:16px;margin-bottom:12px;}
.contact-box-wrap .contact-box p {padding:10px 20px;}
.contact-box-wrap .contact-box p.bg-gray {background:rgb(244,244,245);border-radius:3px;cursor:pointer;}
.contact-box-wrap .contact-box p.des {margin-bottom:24px;}
.contact-box-wrap .contact-box p.btn {background:rgb(247, 133, 46);color:#fff;}