.header-layout {
  position: absolute;
  top: 60%;
  left: 5%;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  font-style: oblique;
  padding: 8px 37px;
  text-transform: uppercase;
  background: url("../images/bg-head-cate.png") no-repeat 100%; }

body .container-contact {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
  top: -25px; }
  body .container-contact .title {
    font-family: 'UTM Neo Sans Intel';
    font-size: 40px;
    margin: 0;
    text-align: center;
    padding-bottom: 30px; }
    body .container-contact .title .text-green {
      color: #7cc432; }
    body .container-contact .title .text-blue {
      color: #0367a2; }
  body .container-contact .info-contact {
    width: 70%;
    float: left; }
    body .container-contact .info-contact .detail-contact {
      width: 50%;
      float: left;
      padding-right: 20px; }
      body .container-contact .info-contact .detail-contact .name-company {
        color: #0367a2;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase; }
      body .container-contact .info-contact .detail-contact .tit {
        font-size: 15px;
        font-weight: 800; }
      body .container-contact .info-contact .detail-contact .ct-mst {
        color: #0367a2;
        font-weight: 800;
        padding-left: 15px; }
      body .container-contact .info-contact .detail-contact .ct-hotline {
        color: red;
        font-weight: 600;
        padding-left: 15px; }
      body .container-contact .info-contact .detail-contact .ct-website {
        color: #0367a2;
        padding-left: 15px; }
      body .container-contact .info-contact .detail-contact .line {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px; }
      body .container-contact .info-contact .detail-contact .address {
        background: url("../images/i-address.png") no-repeat 0px 1px;
        padding-left: 25px; }
      body .container-contact .info-contact .detail-contact .phone {
        background: url("../images/i-phone.png") no-repeat 0px 1px;
        padding-left: 25px; }
      body .container-contact .info-contact .detail-contact .email {
        background: url("../images/i-email.png") no-repeat 0px 3px;
        padding-left: 25px; }
    body .container-contact .info-contact .map {
      width: 50%;
      float: right; }
  body .container-contact .form-contact {
    width: 30%;
    float: right;
    position: relative; }
    body .container-contact .form-contact .form-control {
      width: 45%;
      float: left;
      margin: 5px; }
    body .container-contact .form-contact textarea {
      width: 95%;
      margin: 10px 5px; }
    body .container-contact .form-contact .grp-sub {
      width: 70%;
      float: left; }
      body .container-contact .form-contact .grp-sub .img-capcha {
        background: url("../images/i-capcha.png") no-repeat 2px 5px;
        padding: 15px;
        margin-top: 10px;
        display: block;
        float: right; }
      body .container-contact .form-contact .grp-sub #imgCaptcha {
        margin-top: 7px;
        height: 30px; }
    body .container-contact .form-contact .button_area {
      width: 30%;
      float: left;
      margin-top: 7px; }
      body .container-contact .form-contact .button_area input {
        padding: 3px 15px; }

@media only screen and (max-width: 1024px) {
  body .block-breadcrumb .wrapper {
    width: 100% !important; }
  body .container-contact {
    width: 100%;
    padding: 15px; }
    body .container-contact .info-contact {
      width: 55%; }
    body .container-contact .form-contact {
      width: 32%; }
    body .container-contact .map iframe {
      width: 380px; } }
@media only screen and (max-width: 1000px) {
  body .header-layout {
    top: 40%; }
  body .container-contact {
    width: 100%;
    padding: 20px 30px; }
    body .container-contact .info-contact .map iframe {
      width: 290px; }
  body .block-breadcrumb .wrapper {
    width: 100% !important; } }
@media only screen and (max-width: 768px) {
  body .header-layout {
    top: 32%; } }
@media only screen and (max-width: 736px) {
  body .header-layout {
    top: 75%; }
  body .container-contact {
    padding: 10px 15px; }
    body .container-contact .info-contact {
      width: 100%;
      float: left; }
      body .container-contact .info-contact .detail-contact {
        width: 40%;
        float: left; }
      body .container-contact .info-contact .map {
        width: 60%; }
        body .container-contact .info-contact .map iframe {
          width: 425px; }
    body .container-contact .form-contact {
      width: 100%;
      padding-top: 20px; } }
@media only screen and (max-width: 667px) {
  body .container-contact .info-contact {
    width: 100%;
    float: left; }
    body .container-contact .info-contact .detail-contact {
      width: 100%;
      float: left; }
    body .container-contact .info-contact .map {
      width: 100%; }
      body .container-contact .info-contact .map iframe {
        width: 620px; }
  body .container-contact .form-contact {
    width: 100%; } }
@media only screen and (max-width: 568px) {
  body header .head-bottom {
    height: 16% !important; }
  body .container-contact .info-contact {
    width: 100%;
    float: left; }
    body .container-contact .info-contact .detail-contact {
      width: 100%;
      float: left; }
    body .container-contact .info-contact .map {
      width: 100%; }
      body .container-contact .info-contact .map iframe {
        width: 540px; }
  body .container-contact .form-contact {
    width: 100%; } }
@media only screen and (max-width: 485px) {
  body .header-layout {
    top: 34%; }
  body .container-contact {
    width: 100%;
    padding: 20px 10px; }
    body .container-contact .info-contact {
      width: 100%; }
      body .container-contact .info-contact .map {
        width: 100%;
        margin: 20px 0; }
        body .container-contact .info-contact .map iframe {
          width: 460px; }
      body .container-contact .info-contact .detail-contact {
        width: 100%; }
    body .container-contact .form-contact {
      width: 100%; }
  body .block-breadcrumb .wrapper {
    width: 100% !important; } }
@media only screen and (max-width: 414px) {
  body .header-layout {
    top: 38%; }
  body .container-contact {
    width: 100%;
    padding: 20px 10px; }
    body .container-contact .info-contact {
      width: 100%; }
      body .container-contact .info-contact .map {
        width: 100%;
        margin: 20px 0; }
        body .container-contact .info-contact .map iframe {
          width: 400px; }
      body .container-contact .info-contact .detail-contact {
        width: 100%; }
    body .container-contact .form-contact {
      width: 100%; }
  body .block-breadcrumb .wrapper {
    width: 100% !important; } }
@media only screen and (max-width: 375px) {
  body .header-layout {
    top: 40%; }
  body .container-contact {
    width: 100%;
    padding: 20px 10px; }
    body .container-contact .info-contact {
      width: 100%; }
      body .container-contact .info-contact .map {
        width: 100%;
        margin: 20px 0; }
        body .container-contact .info-contact .map iframe {
          width: 360px; }
      body .container-contact .info-contact .detail-contact {
        width: 100%; }
    body .container-contact .form-contact {
      width: 100%; }
  body .block-breadcrumb .wrapper {
    width: 100% !important; } }
@media only screen and (max-width: 320px) {
  body .header-layout {
    top: 43%; }
  body .container-contact {
    width: 100%;
    padding: 20px 10px; }
    body .container-contact .title {
      font-size: 33px; }
    body .container-contact .info-contact {
      width: 100%; }
      body .container-contact .info-contact .map {
        width: 100%;
        margin: 20px 0; }
        body .container-contact .info-contact .map iframe {
          width: 300px; }
      body .container-contact .info-contact .detail-contact {
        width: 100%; }
        body .container-contact .info-contact .detail-contact .name-company {
          font-size: 15px !important; }
    body .container-contact .form-contact {
      width: 100%; }
  body .block-breadcrumb .wrapper {
    width: 100% !important; } }

/*# sourceMappingURL=contact.css.map */