﻿.contact {display:flex;flex-wrap:wrap}
.contact .contact-box {-ms-flex:0 0 420px;flex:0 0 420px;margin-right:90px;-ms-flex-item-align:self-start;align-self:self-start;padding:50px 30px 80px;box-sizing:border-box;background:var(--color);color:#FFFFFF}
.contact .contact-box p,.contact .contact-box p a {color:#FFFFFF;text-decoration:none}
.contact .contact-box .title {font-size:var(--fontsize26);margin-bottom:10px;text-transform:capitalize}
.contact .contact-box .tip {margin-bottom:20px}
.contact .contact-inquiry {padding-top:10px;flex:1}
.contact .contact-inquiry .title {font-size:var(--fontsize26);font-weight:var(--fontbold6);position:relative;margin-bottom:20px;padding-bottom:10px;color:var(--fontcolor)}
.contact .contact-inquiry .title:after {content:"";position:absolute;width:80px;height:2px;top:100%;left:0px;background:var(--color)}
.contact .contact-inquiry .tip {color:var(--fontcolor);margin-bottom:30px}
.contact .contact-item {display:flex;margin-bottom:20px}
.contact .contact-item .icon {width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px}
.contact .contact-item .con {flex:1}
.contact-map{width:100%;margin-top:25px}
.contact .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact .send-inquiry .inquiry-form input {position:relative;box-sizing:border-box;padding-left:15px;width:49%;height:50px;outline:none;margin-bottom:20px;background:#F6F6F6;border:1px solid #F6F6F6}
.contact .send-inquiry .inquiry-form textarea {padding-top:15px;padding-left:15px;width:100%;outline:none;height:200px;background:#F6F6F6;border:1px solid #F6F6F6;box-sizing:border-box;resize:none}
@media (max-width:1024px){.contact {display:block}
.contact .contact-box {-ms-flex:initial;flex:initial;padding:14px;margin-right:0px}
.contact .contact-box .title {font-size:var(--fontsize18)}
.contact .contact-inquiry .title {font-size:var(--fontsize18);padding-bottom:14px}
.contact .send-inquiry .inquiry-form input{width:100%}}