@charset "utf-8";
/* CSS Document */

a{
    text-decoration:none;
}
/********Css phần tuyển dụng*******/
.news-block{
    width:33.33333333%;
    float:left;
}
.tuyendung-title a{
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration:none;
    line-height: 40px;

}
.news-block p{
    color:#6A6A6A;
    font-size:14px;
    line-height: 22px;
    margin:0;
    padding:0;
    margin: 0 0 10px;
    padding-right: 30px;
}
.readmore{
    font-weight: bold;
    text-transform: uppercase;
    color: #ce1317;
    font-size:16px;
    line-height: 40px;
}
.col-xs-12.col-sm-9{
    width:70%;
    fload:left;
}
.right-cohoi{
    width:30%;
    fload:left;
}
/********Css phần nhân sự*******/
.content-nhansu .item {
    clear: both;
    padding: 20px;
    border-top: 1px solid #999;
}
.content-nhansu .item .avatar {
    float: left;
    padding: 0 50px 0 30px;
    margin-bottom: 20px;
    border-right: 3px solid #164f94;
}
.content-nhansu .item .avatar img {
    border-radius: 50%;
}
.content-nhansu .item .detail {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}
.content-nhansu .item .detail .title {
    color: #164f94;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.content-nhansu .item .detail .info {
    color: #164f94;
    font-weight: bold;
    margin-bottom: 5px;
}
.desc{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

/********Css phần ban lãnh đạo*******/
.style-page-congty h3{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
}
.ban-lanh-dao {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
}
.ban-lanh-dao .item {
    float: left;
    width: 16%;
    padding-left: 15px;
    padding-right: 15px;
}

.item a {
    color: #999;
    text-decoration: none;
    width:33,3%;
}
.item p {
    margin:0;
    padding:0;
    margin: 0 0 10px;
    font-size: 14px;
    color: #333;

}
.ban-lanh-dao .item .name {
    font-weight: bold;
    margin-top: 20px;
    box-sizing: border-box;
}

/*****Css phan cong ty******/
.banner-img{
    box-sizing: border-box;
}
.banner-img img {
    width: 100%;
    height: auto;
}
.style-page-congty h1 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.style-page-congty h2 {
    font-size: 18px;
    font-weight: bold;
    color: #12417a;
    margin-top: 20px;
    margin-bottom: 10px;
}
.style-page-congty p{
    margin:0;
    padding:0;
    margin: 0 0 10px;
    font-size: 14px;
    color: #333;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-4{
    width:33.3%;
    float:left;
    margin-bottom: 35px;
    text-align: center;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-top-20 {
    margin-top: 20px;
}
/*****Css phan gia tri va tam nhin******/
.table-giatri-tamnhin {
    margin-top: 40px;
    margin-bottom: 40px;
}
.table-giatri-tamnhin p{

}
.table-giatri-tamnhin td {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
}
/***Css phan lien he***/
.col-lg-4 {
    width: 33.33333333%;
    float:left;
    padding-left: 2%;
    box-sizing: border-box;
}
.col-lg-8 {
    width: 66.66666667%;
    float:left;
    margin-top: 20px;

}
/*****Css trang liên hệ****/
.col-sm-4 h1{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size:36px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.col-sm-4 p{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
p.margin-top-40 {
    margin-top: 40px;
}
.map{
    width:60%;
    height: 300px;
    padding-left:5%;
    margin-top:25px;
}
.gform_heading{
    display:none;
}
.col-lg-8{
    padding-left:5%;
    box-sizing: border-box;
}
/****** Contact form liên hệ *********/
.medium{
    background: #fff;
    color: #6c6c6c;
    border: solid 1px #c0c0c0;
    display: block;
    width: 90% !important;
    height: 25px;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
}
.gfield_select{
    background: #d1d1d1;
    color: #6c6c6c;
    border: solid 1px #c0c0c0;
    display: block;
    width: 97% !important;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    margin-left: 0 !important;
}
.textarea{
    background: #fff;
    color: #6c6c6c;
    border: solid 1px #c0c0c0;
    display: block;
    width: 95% !important;
    height: 313px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
}
.button{
    padding: 6px 30px;
    border-color: #d43f3a;
    background: #d9534f;
    color: white;
    border: 1px solid;
    }
.gfield {
    width:50% !important;
    float:left;
    margin-bottom:10px;
}
#gform_submit_button_1, #gform_submit_button_5, #gform_submit_button_2,#gform_submit_button_7, #gform_submit_button_6, #gform_submit_button_3{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-radius: 4px;
}
.gfield_label{
    display:none !important;
}
.gform_body{
    width:100%;
    position: relative;
    float: left;
}
.ginput_container{
    float:left;
    width:100%;
}

/**********Contact form tuyen dung************/
#input_2_9, #input_7_9, #input_3_9{
    background: #d1d1d1;
    color: #6c6c6c;
    border: solid 1px #c0c0c0;
    display: block;
    width: 85% !important;
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    float:left;
}
#input_2_7{
    background: #d1d1d1;
    color: #6c6c6c;
    border: solid 1px #c0c0c0;
    display: block;
    width: 93%;
    height: 339px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}

#field_2_3, #field_2_2, #field_2_11, #field_2_12, #field_2_13, #field_2_14, #field_1_7, #field_5_7, #field_2_7, #field_7_3, #field_7_2, #field_7_11, #field_7_12, #field_7_13, #field_7_14, #field_3_3, #field_3_2, #field_3_11, #field_3_12, #field_3_13, #field_3_14, #field_6_7{
    position: absolute;
    left: 50%;	
}
#field_2_3, #field_7_3, #field_3_3, #field_6_7{
    top:0;
}
#field_2_2, #field_7_2, #field_3_2{
    top:73px;
}
#field_2_11, #field_7_11, #field_3_11{
    top:144px;
}
#field_2_12, #field_7_12, #field_3_12{
    top:215px;
}
#field_2_13, #field_7_13, #field_3_13{
    top: 288px;
}
#field_2_14, #field_7_14, #field_3_14{
    top: 360px;
}


#gform_wrapper_1{
    margin:0;
}

.gform_wrapper .gform_footer{
    float:left;
    margin:0 !important;
    padding:0 !important;
}

.screen-reader-text{
	display:none
}
.blockquote-has-img {
    background: -webkit-linear-gradient(left, #929292, #cfcfcf);
    background: linear-gradient(to right, #929292, #cfcfcf);
    padding: 40px 30px;
    float:left;
    margin-bottom:15px;
}
.media-body {
    display: table-cell;
    vertical-align: top;
}
.blockquote-has-img .blockquote-style {
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    background-image: url(../img/open.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 23px;
    line-height: 30px;
    font-size: 18px;
}
.pull-left{
    float:left
}
/********Css phần thư đánh giá*******/
.content-khachhang .item {
    clear: both;
    padding: 20px;
    border-top: 1px solid #999;
}
.content-khachhang .item .avatar {
    float: left;
    padding: 0 50px 0 30px;
    margin-bottom: 20px;
    border-right: 3px solid #164f94;
}
.content-khachhang .item .avatar h1{
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
}
.content-khachhang .item .avatar p{
    font-size: 14px;
    line-height: 25px;
    color: #333;
    margin: 0;
    padding: 0;
}
.content-khachhang .item .detail {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}
.content-khachhang .item .detail .title {
    color: #164f94;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.content-khachhang .item .detail .info {
    color: #164f94;
    font-weight: bold;
    margin-bottom: 5px;
}
.desc{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
/********Css trang brochure********/
.khungvideo{
    width: 100%;
    float: left;
    margin-bottom: 67px;
}
.firstvideo{
    width: 70%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}
.videokhac{
    width: 30%;
    float: left;

}
.viewvideo{
    width: 100%;
    height: 65px;
    float: left;
    margin-bottom: 8px;
    padding: 5px;
}
.inf-media{
    width: 30%;
    height: 65px;
    float: left;
}
.title-media{
    width: 70%;
    float: left;
    padding: 0px 0px 10px 10px;
    box-sizing: border-box;
}
.title-media a{
    font-size: 16px;
    color: #737373;
    text-decoration: none;
}
.list-file{
    width: 100%;
    float: left;
    height: 60px;
}
.imgfile{
    width: 5%;
    float: left;
}
.detail-img{
    margin-top:5px;
}
.namefile{
    width: 20%;
    float: left;
    font-size: 16px;
    color: #999;
    line-height: 60px;
}
.full-right{
    float: right;
    width: 25%;
}
.viewonline{
    height: 60px;
    line-height: 60px;
    float: left;
    width: 60%;
}
.viewonline a{
    font-size: 16px;
    color: #737373;
    text-decoration: none;
}
.download{
    float: left;
    width: 40%;
    padding-top: 15px;
    box-sizing: border-box;
}
.filedownload{
    float: right;
}


.logo-slogan{
	text-transform: uppercase;
	position: absolute;
	top: 40px;
	display: inline-block;
	z-index: 999;
	font-weight: bold;
	color: #E3322B;
	font-size: 18px;
}

@media screen and (max-width: 979px) {
    .ginput_container{
        width:95%;
    }
	.firstvideo{
	width:100%;
	}
	.videokhac{
	width:100%;
	}
	.inf-media{
	width:15%;
	}
	.full-right{
	width:45%;
	}
	.imgfile{
	width:12%;
	}
	.namefile{
	width:35%;
	}
	.logo-slogan{display: none}
}
@media screen and (max-width: 880px) {
    #field_1_7, #field_5_7, #field_6_7{
        position:inherit;
        height:auto;
    }
    #field_2_3, #field_2_2, #field_2_11, #field_2_12, #field_2_13, #field_2_14, #field_1_7, #field_5_7, #field_2_7, #field_7_3, #field_7_2, #field_7_11, #field_7_12, #field_7_13, #field_7_14, #field_3_3, #field_3_2, #field_3_11, #field_3_12, #field_3_13, #field_3_14, #field_6_7{
        position:inherit;
    }
    .gform_body{
        float:left;
        height: auto
    }
    .gfield{
        width:100% !important;
    }
    .ginput_container{
        width:100%;
    }

    #input_1_5, #input_5_5, #input_6_5{
        width:100% !important;
    }
    .medium{
        width:94% !important;
    }

    .textarea{
        height:200px !important;
    }


    #gform_wrapper_2 .gfield_select, #gform_wrapper_7 .gfield_select, #gform_wrapper_3 .gfield_select{
        width: 98% !important;
    }

    #gform_wrapper_2 .datepicker, #gform_wrapper_7 .datepicker, #gform_wrapper_3 .datepicker{
        width:91% !important;
    }
}
@media screen and (max-width: 844px) {
    .medium{
        width:94% !important;
    }

}
@media screen and (max-width: 782px) {
    .medium{
        width:94% !important;
    }
	

}
@media screen and (max-width: 735px) {
    .medium{
        width:96% !important;
    }
    #gform_wrapper_2 .medium, #gform_wrapper_7 .medium, #gform_wrapper_3 .medium{
        width:94% !important;
    }
    #gform_wrapper_2 .gfield_select, #gform_wrapper_7 .gfield_select, #gform_wrapper_3 .gfield_select{
        width: 98% !important;
    }

    #gform_wrapper_2 .datepicker, #gform_wrapper_7 .datepicker, #gform_wrapper_3 .datepicker{
        width:91% !important;
    }
    .col-lg-4{
        width:100%;
    }
    .map{
        width:100%;
        padding:0;
    }
    .row{
        margin:0;
    }
    #input_1_5{
        width:100% !important;
    }
    .col-lg-8{
        padding-left:1% !important;
        width:100%;
    }

}
@media screen and (max-width: 639px) {
	.inf-media{
	width:20%;
	}
    #gform_wrapper_2 .medium, #gform_wrapper_7 .medium, #gform_wrapper_3 .medium{
        width:94% !important;
    }
    #gform_wrapper_2 .gfield_select, #gform_wrapper_7 .gfield_select, #gform_wrapper_3 .gfield_select{
        width: 99% !important;
    }

    #gform_wrapper_2 .datepicker, #gform_wrapper_7 .datepicker, #gform_wrapper_3 .datepicker{
        width:90% !important;
    }
}
@media screen and (max-width: 579px) {
    #gform_wrapper_2 .medium, #gform_wrapper_7 .medium, #gform_wrapper_3 .medium{
        width:94% !important;
    }
    #gform_wrapper_2 .gfield_select, #gform_wrapper_7 .gfield_select, #gform_wrapper_3 .gfield_select{
        width: 100% !important;
    }

    #gform_wrapper_2 .datepicker, #gform_wrapper_7 .datepicker, #gform_wrapper_3 .datepicker{
        width:88% !important;
    }
}
@media screen and (max-width: 479px) {
	.inf-media{width: 30%;}
    .medium{
        width:95% !important;
    }
    #input_2_5, #input_2_8, #input_2_10, #input_2_12{
        width:100% !important
    }
    .col-lg-4{
        padding-left: 0;
    }
    .col-lg-4 p{
        padding-left:2%;
    }
    iframe#map-vanphong{
        padding-left:0;
    }
	.namefile{
	font-size:14px;
	}
	.viewonline a{
	font-size:13px;
	}
}

@media screen and (max-width: 380px) {
    .medium{
        width:93% !important;
    }
	.namefile{
	font-size:13px;
	}
	.viewonline a{
	font-size:12px;
	}
}
@media screen and (max-width: 345px) {
    #gform_wrapper_2 .medium, #gform_wrapper_7 .medium, #gform_wrapper_3 .medium{
        width:94% !important;
    }
    #gform_wrapper_2 .gfield_select, #gform_wrapper_7 .gfield_select, #gform_wrapper_3 .gfield_select{
        width: 102% !important;
    }

    #gform_wrapper_2 .datepicker, #gform_wrapper_7 .datepicker, #gform_wrapper_3 .datepicker{
        width:84% !important;
    }
}

@media only screen and (max-width: 979px) and (min-width: 320px){
.footer-content{padding: 0 4%;}
.footer-content #main-menu{position: static; margin-top: 10px; width: 100%;}
.footer-content #main-menu li{width: 100%;}
.footer-content #main-menu li ul{display: block !important;}
}
@media only screen and (max-width: 979px) and (min-width: 480px){
/* Menu Footer */ 
.footer-content #main-menu li{width: 50%;}
}
@media only screen and (max-width: 979px) and (min-width: 768px){
/* Menu Footer */ 
.footer-content #main-menu li{width: 33.3%;}
.footer-content{padding: 0 2%}
}