.contact-page {background:url('/Design/bg-abouts.png');margin: 0;background-size: cover;padding: 50px 0;background-repeat: no-repeat;background-position: left center;}
.boxes .contain.contact {overflow:hidden;margin-top: 30px;}
.contact .left-content{width: 53%;float:left;}
.contact .right-content{width: 80%;padding: 40px;border: 4px dashed #4cbc35;box-sizing: border-box;margin: auto;}
.contact .infoCompany{margin:0;color: #000;line-height:1.5;font-size: 18px;}
.infoCompany h3,.GuiYkien h4{font-size: 22px;color: #000;margin:0;font-family: 'quickm';margin-bottom:10px;}
.infoCompany p{margin:0;font-size:15px;color:#3f3f3f;line-height:2;}
.infoCompany p em{font-style:normal;position:relative;display:inline-block;padding-left:30px;}
.infoCompany p em:before{content:"\f041";font-family:fontawesome;position:absolute;left:0;border:1px solid #51bf0f;width:22px;border-radius:100%;text-align:center;color:#51bf0f;line-height:1.5;top:3px;}
.infoCompany p em:nth-of-type(2),.infoCompany p em:nth-of-type(4){width:135px;}
.infoCompany p em:nth-of-type(2):before{content:"\f095"}
.infoCompany p em:nth-of-type(3):before{content:"\f1ac"}
.infoCompany p em:nth-of-type(4):before{content:"\f003"}
.infoCompany p em:nth-of-type(5):before{content:"\f0ac"}
.GuiYkien table{width:100%}
.GuiYkien table tr {display:block;overflow: hidden;}
.GuiYkien .textbox{overflow:hidden;padding: 10px;width: 50%;box-sizing: border-box;display: inline-block;float: left;}
.GuiYkien .textbox.textareabox {width:100%;}
.GuiYkien .textbox:first-child {padding-left:0}
.GuiYkien .textbox:last-child {padding-right:0}
.GuiYkien .textbox label {margin-bottom:10px;display: block;/* color: #fff; */font-size: 18px;}
.GuiYkien .txt{border: none;padding: 15px 10px;width:100%;box-sizing:border-box;font-size: 17px;border-radius: 4px;background: none;border: 1px solid #30302f;color: #4cbc35;outline: none;}
 input.txt::-webkit-input-placeholder {color: #000;}
 input.txt::-moz-placeholder { /* Firefox 19+ */color: #000;}
 input.txt:-ms-input-placeholder { /* IE 10+ */color: #000;}
 input.txt:-moz-placeholder { /* Firefox 18- */color: #000;}
 textarea.txt::-webkit-input-placeholder {color: #000;}
 textarea.txt::-moz-placeholder { /* Firefox 19+ */color: #000;}
 textarea.txt:-ms-input-placeholder { /* IE 10+ */color: #000;}
 textarea.txt:-moz-placeholder { /* Firefox 18- */color: #000;}
.GuiYkien textarea.txt {padding: 20px;}
.GuiYkien .txt50{width:49%;float:left;}
.GuiYkien .txt50+.txt50{float:right;}
.GuiYkien th{text-align:left;font-weight: bold;color: #021540;font-size: 16px;padding-top: 10px;/* font-family:cambriar; *//* font-style:italic */padding-bottom: 5px;}
.GuiYkien .btn{border:none;padding: 12px 43px;color:#fff;background: #4cbc35;cursor:pointer;text-transform: uppercase;border-radius: 4px;}
.GuiYkien .button{padding-top:10px;}
.GuiYkien .btnRefresh{/* width: 35px; *//* height: 35px; */}
.GuiYkien .capcha{padding-top: 34px;color: #fff;}
.GuiYkien .imgCapcha{float: left;margin-right:8px;margin-top: 16px;}
.GuiYkien .capcha .button {float:left;padding:0}
.GuiYkien .capcha .button a {float:left;padding: 0;margin-top: 17px;font-size: 17px;background: #4cbc35;padding: 6px 10px;border-radius: 4px;}
.google_map{height: 400px;margin-top: 0;width: 100%;overflow: hidden;margin-top: 0;}
.google_map iframe{border: none}

@media only screen
  and (max-width :767px){
    .contact .infoCompany{font-size: 14px;}
    .contact .infoCompany h1{font-size:16px;}    
    .GuiYkien h4{font-size:18px;}
    .GuiYkien table{width:100%;}
}
@media only screen
  and (max-width :467px){
    .contact .top-contain{height:250px;}
    .contact .left-content,.contact .right-content{width:100%;float:none;}
    .contact .left-content{margin-top:30px;}
  }