/*Thong tin cong ty*/
.thongtin {background-size: auto 100%;padding: 40px 0;width: 100%;float: left;background: url('img/bg_lienhe.jpg') no-repeat top center;min-height: 499px;}
.thongtin .box-head h1{
    text-align:center;
    color: #fff;
    font-size: 40px;
    font-family: 'roboto-b';
    text-transform:uppercase;
    margin-bottom:0;
    margin-top: 40px;
}
.thongtin .box-head  .nav_path{background:none; text-align:center;}
.thongtin .box-head  .nav_path ol{text-align:center; color:#fff; }
.thongtin .box-head  .nav_path ol a, .thongtin .box-head  .nav_path ol span{color:#fff;}
.thongtin .box-head .nav_path ol li span.middleCenter:after{color:#fff;}
.thongtin .box-head  .nav_path ol a:hover{color:#fff;}
.thongtin .item .image{text-align: center;position: relative;margin-top: 26px;}
.thongtin .box-items{margin-top: 30px;}
.thongtin .item{border: 6px solid #fff;box-sizing: border-box;min-height: 260px;width: 100% !important;height: 100% !important;}
.thongtin .item .img-nohover{ display: block;}
.thongtin .item .img-hover{ display: none;}
.thongtin .item:hover{ background: #fff;}
.thongtin .item:hover .img-nohover{ display: none;}
.thongtin .item:hover .img-hover{ display: block;}
.thongtin .item .image img{position: relative;z-index: 999;width: auto;height: auto;}
.thongtin .item .image{}
.thongtin .item .content {text-align:center;line-height: 22px;color: #fff;font-size:14px;font-family:'roboto';margin-top: 20px;}
.thongtin .item .title {text-align:center;color: #fff;font-size: 18px;font-family: 'roboto-b';margin-top: 15px;}
.thongtin .item:hover .title {
    color:#1a1a1a;
}
.thongtin .item:hover .content{color:#222; opacity:0.7; font-family:'roboto'}
.contactForm .caption{ text-align: center; margin:50px 0 40px 0;}
.contactForm .caption a{float:none;}
.group .r{ text-align: right;}
.group .l{ text-align: left;}
.group  input[type='text'] {
    width:100%;
    float:left;
    color: #222222;
    font-size:14px;
    font-family: 'roboto';
    height: 48px;
    line-height: 48px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    padding: 5px;
    box-shadow: 0 0 8px #e5e5e5;
}
.group  textarea {
    width:100%;
    float:left;
    color: #222222;
    font-size:14px;
    font-family: 'roboto';
    height: 160px;
    margin-bottom: 0;
    border: 1px solid #e5e5e5;
    padding: 5px;
    box-shadow: 0 0 8px #e5e5e5;
}
.SendMessage {text-align:center;}
 .SendMessage .btncontact {
    padding: 15px 30px;
    border-radius: 36px;
    background: #983094;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    width: auto !important;
    cursor: pointer;
    margin: 50px 0;
    float: none;
    font-family: 'roboto-b';
    font-size: 14px;
    margin-top: 25px;
 }
 .contactBox{ max-width: 800px;margin: 0 auto;}
 .DiaChiMap iframe{ width: 100%;height: 400px;float: left; }
@media screen and (max-width:767px){
    .thongtin .item {margin-bottom:30px;}

    .thongtin .item{ background: #fff;}
.thongtin .item .img-nohover{ display: none;}
.thongtin .item .img-hover{ display: block;}
.thongtin .item .content{color:#222; opacity:0.7; font-family:'roboto'}
    .thongtin {
    background:none;
    }
        .thongtin .box-head h1,.thongtin .box-head  .nav_path ol a, .thongtin .box-head  .nav_path ol span,.thongtin .box-head .nav_path ol li span.middleCenter:after {
        color:#222; 
        }
}