/*contact*/
.contact-title { text-align: center; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; font-size: 22px; font-weight: bold;}
.contact-title span {display: inline-block; }
.contact-title span:first-child { color: #ffb400; padding:0 20px; }
.contact-section { padding:20px;  margin-bottom: 60px; display: flex; flex-direction: row; flex-wrap: wrap; background-color: #f5f5f5;}
.contact-section > div { width: 50%;}
.contact-section > div:first-child { border-right:solid 1px  #dfdfdf;}
.contact-left { max-width: 580px; margin: 0 0 0 auto; padding: 30px 20px; text-align: left;}
.contact-right { max-width: 580px; margin: 0 auto 0 0; padding:0px 20px 30px 20px; text-align: left;}
.contact-list {font-size:1rem; font-weight: 500; margin-bottom: 12px; text-align: left;}
.contact-list label{ display: inline-block; margin-right: 15px; font-size:1rem; font-weight: 500;}
.contact-list input[type="text"], .contact-list input[type="number"], .contact-list input[type="tel"], .contact-list input[type="url"], .contact-list input[type="date"], .contact-list input[type="email"], .contact-list input[type="password"], .contact-list input[type="button"],.contact-list textarea { font-size: 17px; border-width:1px; border-style: solid; border-color: #d7d7d7; width: 100%; height: 36px; padding: 0 15px; color:#222; background: #fff;  line-height: 30px; }
.contact-list textarea { height:130px; padding:10px 15px; resize: none; }
.contact-list select{  margin: 0px 0 0 0; min-width: 80px; background: url(../images/icon/slick-down.svg)  no-repeat; background-position: 90% 10px; background-size: 16px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none;   margin-right:4px; background-color: #fff; font-size: 17px; border-width:1px; border-style: solid; border-color: #d7d7d7;  color:#222;   line-height: 28px; padding: 0 30px 0 5px;  }
.contact-list option { padding:1px 5px;}
.contact-list select::-ms-expand {  display: none;}
.contact-title2 { line-height: 100%;   position: relative; padding: 10px 10px 10px 25px; font-size: 19px; color: #d7820e; font-weight: 700; margin-bottom: 8px; text-align: left;}
.contact-title2:before { content: ""; position: absolute; width: 15px; height: 4px; background:#d7820e; display: block; left: 0px; top:16px;}
.text-1 { width: 110px !important;}
.contact-title3 {  font-size: 1.125rem; line-height: 170%; font-weight: 600; padding: 0px; margin-bottom: 8px;}
.contact-form-2 { margin-right: -10px; display: flex; flex-direction: row; flex-wrap: nowrap;}
.contact-form-2 > div {margin-right: 10px; margin-bottom: 5px;}
.contact-form-2 > div:nth-of-type(2) { width: calc(100% - 105px);}
.contact-form-2 > div:nth-of-type(1) { width: 105px;}
.contact-btn { display: flex; flex-wrap: wrap; justify-content: flex-end}
.contact-btn button {display:flex;  flex-wrap: wrap; align-items: center; margin-left: 22px; width: 95px; height: 95px; border-radius: 100%; text-align: center; color: #ffffff; font-size: 18px;font-weight: 700; background: #6d6d6d;}
.contact-btn button:hover { opacity: 0.6;}
.contact-btn button:first-child{ background: #d7820e;}
@media only screen and (max-width: 980px) {
.contact-section > div { width: 100%;}    
.contact-left { max-width: 100%;}
.contact-right { max-width: 100%;}
}
@media only screen and (max-width: 768px) {
.contact-form-2 { flex-direction: column; margin-right: 0;}
.contact-form-2 > div { width: 100% !important;}
.contact-btn { text-align: center;}
.contact-btn a {display: inline-block; margin:0 11px; }
.custom{width: 500px; background-size: 100% auto;}
.custom-btn ,.custom-btn a{width: 185px; height: 30px; margin: 275px auto auto 160px; background-size: 100% auto;}	
}
@media print, screen and (max-width:540px){
.custom{width: 400px;}
.custom-btn ,.custom-btn a{margin: 245px auto auto 115px;}
}
@media screen and (max-width:435px){
.custom{width: 300px;}
.custom-btn ,.custom-btn button{margin: 200px auto auto 65px;}
}