@font-face {
    font-family: 'UVN_Saigon';
    src: url('../fonts/UVNSaigon.eot?v=4.3.0');
    src: url('../fonts/UVNSaigon.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/UVNSaigon.woff2?v=4.3.0') format('woff2'), url('../fonts/UVNSaigon.woff?v=4.3.0') format('woff'), url('../fonts/UVNSaigon.ttf?v=4.3.0') format('truetype'), url('../fonts/UVNSaigon.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UVN_SaigonBold';
    src: url('../fonts/UVNSaigonBold.eot?v=4.3.0');
    src: url('../fonts/UVNSaigonBold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/UVNSaigonBold.woff2?v=4.3.0') format('woff2'), url('../fonts/UVNSaigonBold.woff?v=4.3.0') format('woff'), url('../fonts/UVNSaigonBold.ttf?v=4.3.0') format('truetype'), url('../fonts/UVNSaigonBold.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.bor-radius-none {
    border-radius: 0px !important;
}

a:hover {

    text-decoration: none;
}
* {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

body {
    font-size: 12px;
    font-family: arial;
}

.logo-text > p {
    color: #2f4f89;
    font-size: 20px;
    margin-top: 18px;
    font-family: "UVN_SaigonBold";
    text-align: center;
}

article {
    margin-top: 2px;
}

.banner_top {
}

/*======top_header====*/
.logo {
    padding: 5px 0px;
}


.hotline_top {
    font-family:"UVN_SaigonBold";
    font-size: 18px;
    text-align: right;
    color: #e5322c;
    margin-bottom: 5px;
}

.cart {
    padding: 10px 0px;
    text-align: right;
}

.cart a {
    color: #fff;
}
ul.nav_suppot {
    background: url("../img/nav_suppot_l.png") left center no-repeat, url("../img/nav_suppot_r.png") right center no-repeat;
    color: #4b4a4a;
    font-weight: 600;
}

.nav_suppot li {
    float: left;
    padding: 0px 15px;
}

.search_box {
    max-width: 245px;
    padding: 45px 0px 10px 0px;
}
.fa-search:before{
    content: "\f002";
    font: normal normal normal 12px/1 FontAwesome;
}
/*====text_flicker====*/
.text_flicker_1 {
    /*background: red;*/
    position: relative;
    -webkit-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    -moz-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -moz-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation: myfirst 0.98s infinite;
    animation-direction: alternate;
}

.text_flicker_2 {
    /*background: red;*/
    position: relative;
    -webkit-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    -moz-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -moz-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation: myfirst 0.98s infinite;
    animation-direction: alternate;
}

.text_flicker_3 {
    /*background: red;*/
    position: relative;
    -webkit-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    -moz-animation: myfirst 0.98s infinite; /* Chrome, Safari, Opera */
    -moz-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation: myfirst 0.98s infinite;
    animation-direction: alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0% {
        color: red;
        left: 0px;
        top: 0px;
    }
    25% {
        color: yellow;
        left: 0px;
        top: 0px;
    }
    50% {
        color: blue;
        left: 0px;
        top: 0px;
    }
    75% {
        color: green;
        left: 0px;
        top: 0px;
    }
    100% {
        color: red;
        left: 0px;
        top: 0px;
    }
}

@keyframes myfirst {
    0% {
        color: red;
        left: 0px;
        top: 0px;
    }
    25% {
        color: yellow;
        left: 0px;
        top: 0px;
    }
    50% {
        color: blue;
        left: 0px;
        top: 0px;
    }
    75% {
        color: green;
        left: 0px;
        top: 0px;
    }
    100% {
        color: red;
        left: 0px;
        top: 0px;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst_2 {
    0% {
        color: darkred;
        left: 0px;
        top: 0px;
    }
    25% {
        color: darkgreen;
        left: 0px;
        top: 0px;
    }
    50% {
        color: darkred;
        left: 0px;
        top: 0px;
    }
    75% {
        color: darkgreen;
        left: 0px;
        top: 0px;
    }
    100% {
        color: green;
        left: 0px;
        top: 0px;
    }
}

@keyframes myfirst_2 {
    0% {
        color: darkred;
        left: 0px;
        top: 0px;
    }
    25% {
        color: darkgreen;
        left: 0px;
        top: 0px;
    }
    50% {
        color: darkred;
        left: 0px;
        top: 0px;
    }
    75% {
        color: darkgreen;
        left: 0px;
        top: 0px;
    }
    100% {
        color: green;
        left: 0px;
        top: 0px;
    }
}

/*======end top_header====*/

/*======navgation====*/
.navgation {
    margin-bottom: 1px;
}

.pull-left .col-md-6 {
    text-align: left !important;
}
.display_none{
    display: none;
}
/*======end navgation====*/
.slides img {
    max-width: 100% !important;
    width: 100% !important;
}

/* =============================================== 14/6/2016 style atb =============================================== */
.w_100{
    width: 100%;
}
.bg_contact_top{
    background: #2f5bab;
    padding:3px 0;
}
.contact_top{
    font-size: 12px;
    color: #fff;
    padding: 1px 0px;
    text-transform: uppercase;
}
.icon_home{
    content: "\f015";
    font-size: 24px;
    line-height: 14px;
    padding-right: 10px;
}
.logo_mobile{
    text-align: center;
}
.ion_search:hover,
.ion_search:focus,
.ion_search:active,
.ion_search{
    background: url("../img/icon_search.png") no-repeat;
    background-size: 100% 100%;
    width: 34px;
    height: 26px;
}
.input_search{
    height: 26px;
}
.list_typical_projects{
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
}
.list_typical_projects li{
    float: left;
    padding-left: 22px;
}
.list_typical_projects li a{
    font-size: 16px;
    color: #e5322c;
    font-family: UVN_Saigon;
}
.list_typical_projects li a:hover{
    color: #000;
}
.txt_typical_projects{
    color: #e5322c;
    font-size: 20px;
    font-family: UVN_SaigonBold;
    text-transform: uppercase;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 10px;
}
.top_typical_projects{
    border-bottom: 1px solid #139cd1;
    margin-bottom: 20px;
}
.img_typical_projects img{
    outline: 1px solid #fff;
    outline-offset: -4px;
}
.img_typical_projects img:hover{
    outline: 1px solid #139cd1;
}
.name_typical_projects{
    text-align: center;
    padding: 5px 0px;
}
.name_typical_projects a{
    font-size: 12px;
    font-family: UVN_SaigonBold;
    text-transform: uppercase;
    color: #2f4f89;
}
.name_typical_projects a:hover{
    color: #139cd1;
}
.content_left{
    margin-left: -4px;
    margin-right: -4px;
}
.content_right{
    margin-left: -4px;
    margin-right: -4px;
}
.content_home{
    margin-left: -11px;
    margin-right: -11px;
}
.tit_left_news{
    position: relative;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 10px;
}
.tit_left_news .h_title{
    font-family: UVN_SaigonBold;
    font-size: 20px;
    color: #e5322c;
    text-transform: uppercase;
    margin-right: 30px;
}
.tit_left_news:before {
    background-color: #E44E4F;
    width: 120px;
    height: 2px;
    display: inline-block;
    position: absolute;
    bottom: -2px;
    content: '';
    left: 0;
}
.list_link_home li{
    float: left;
    padding-left: 10px;
}
.content_home{
    margin-top: 25px;
}
.onsaleproductslider-item{
    text-align: center;
}
.slider_full{
    width: 100%;
    overflow: hidden;
}
.img_news_home{
    width: 115px;
    float: left;
    margin-right: 10px;
}
.list_news_home{
    margin-left: 15px;
}
.img_news_home img{
    outline: 1px solid #fff;
    outline-offset: -4px;
    /*max-height: 65px;*/
    max-width: 100%;
}
.img_news_hot img{
    outline: 1px solid #fff;
    outline-offset: -5px;
}
.img_news_home img:hover,
.img_news_hot img:hover{
    outline: 1px solid #139cd1;
}
.tit_news_home a,
.des_news_hot,
.tit_news_hot a{
    font-size: 14px;
    color: #000;
}
.tit_news_home a:hover,
.tit_news_hot a:hover{
    color: #139cd1;
}
.tit_news_hot{
    margin-top: 5px;
    margin-bottom: 15px;
}
.list_news_home li {
    margin-bottom: 6px;
    overflow: hidden;
}
.list_news_home li:last-child {
    margin-bottom: 3px;
}
.view_all_news{
    font-size: 13px;
    color: #e5322c;
    font-weight: bold;
}
.box_field_work{
    border: 1px solid #dddddd;
    background: #f3f3f3;
    padding-bottom: 4px;
}
.img_field_work{
    border-bottom: 1px solid #dddddd;
}
.sub_field_work{
    border-top: 2px solid #2597c4;
    background: #fff;
    border-bottom: 1px solid #dddddd;
    padding: 10px 5px 18px 10px;
}
.name_field_work{
    text-align: center;
    margin-bottom: 15px;
}
.name_field_work a{
    font-size: 16px;
    text-transform: uppercase;
    color: #139cd1;
    font-family: UVN_SaigonBold;
}
.name_field_work a:hover{
    color: #111;
}
.list_field_work_sub li a{
    font-size: 14px;
    color: #111;
}
.list_field_work_sub li a:hover{
    color: #139cd1;
}
.txt_lvhd{
    margin: 20px 0px;
    text-align: center;
    font-size: 18px;
    color: #139cd1;
    text-transform: uppercase;
    font-family: UVN_SaigonBold;
}
.txt_lvhd a{
    font-size: 18px;
    color: #139cd1;
    text-transform: uppercase;
    font-family: UVN_SaigonBold;
}
.img_field_work img:hover{
    opacity: 0.85;
}
.txt_ttda{
    background: #2f4f89;
    outline: 1px solid #fff;
    outline-offset: -5px;
    font-size: 18px;
    font-family: UVN_SaigonBold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    line-height: 40px;
}
.img_duan_right{
    float: left;
    margin-right: 10px;
    width: 115px;
}
.name_duan_right{
    margin-bottom: 5px;
}
.name_duan_right a{
    font-size: 14px;
    color: #000;
}
.name_duan_right a:hover{
    color: #111;
}
.des_duan_right{
    font-size: 14px;
    color: #000;
}
.list_duan{
    padding: 15px 0px;
}
.list_duan li{
    margin-bottom: 13px;
    overflow: hidden;
}
.img_duan_right img{
    outline: 1px solid #fff;
    outline-offset: -4px;
}
.img_duan_right img:hover{
    outline: 1px solid #139cd1;
}
.box_list_bottom{
    margin-left: -5px;
    margin-right: -5px;
}
.list_bottom{
    margin-left: -10px;
    margin-right: -10px;
}
.icon_bot{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.sub_list_bottom{
    padding: 10px 0;
    font-size: 14px;
    color: #464e54;
    text-align: justify;
}
.list_bottom_z{
    padding: 0px 10px;
}
.list_bottom_z li{
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px dashed #9c9c9c;

}
.list_bottom_z li:last-child{
    border-bottom: 0;
}
.list_bottom_z li a{
    font-size: 14px;
    color: #464e54;
}
.list_bottom_z li a:hover{
    color: #139cd1;
}
.img_list_bottom img{
    outline: 1px solid #fff;
    outline-offset: -4px;
}
.img_list_bottom img:hover{
    outline: 1px solid #139cd1;
}
.name_list_bottom{
    margin: 24px 0px 18px 0px;
    padding-bottom: 10px;
    background: url('../img/seperator.gif') no-repeat bottom;
}
.name_list_bottom a{
    font-size: 18px;
    color: #e5322c;
    text-transform: uppercase;
    font-family: UVN_SaigonBold;
}
.name_list_bottom a:hover{
    color: #000;
}
.txt_cdttb{
    text-align: center;
    text-transform: uppercase;
    font-family: UVN_SaigonBold;
    color: #e5322c;
    font-size: 18px;
    margin-top: 30px;
}
.bd_dttb{
    border-top: 1px dashed #9c9c9c;
    border-bottom: 5px solid #f2f4f5;
    margin: 27px 0px 20px 0px;
}
.bg_contact_footer{
    background: #e9e9e9;
    padding: 35px 0px 30px 0px;
}
.icon_ct_ft{
    width: 45px;
    height: 50px;
    float: left;
    margin-right: 3px;
}
.box_contact_footer{
    border: 2px solid #bbbbbb;
    padding: 10px 0px;
    min-height: 75px;
    font-size: 14px;
    color: #464e54;
    line-height: 17px;
    text-align: justify;
    padding-right: 3px;
}
.bg_libk_footer{
    background: #4a4a4a;
    padding: 8px 0px 8px 0px;
    font-size: 14px;
    color: #fff;
}
.list_link_footer li{
    float: left;
}
.list_link_footer li .icon_ft{
    width: 38px;
    height: 38px;
    display: inline-block;
    border: 1px solid #717171;
    margin-left: 10px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    color: #aaaaab;
}
.list_link_footer li .icon_ft:hover{
    border: 1px solid #139cd1;
    color: #139cd1;
}
.list_link_footer{
    margin-right: 15px;
}
.scrollToTop {
     display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 52px; height: 52px;
    opacity: 0.5;
}
.scrollToTop:hover{
    opacity: 1;
}
.sub_back_link{
    background: url("../img/bg_back_link.png") no-repeat top right;
    background-size: 100% 100%;
    border-bottom: 2px solid silver;
    overflow: hidden;
}
.back_link{
    margin-top: 15px;
}
.back_link li a{
    font-size: 14px;
    color: #444444;
    font-family: UVN_SaigonBold;
    text-transform: uppercase;
}
.back_link li a:hover{
    color: #139cd1;
}
.back_link li{
    float: left;
    margin-right: 5px;
}
.back_link li:after{
    content: "/";
    padding-left: 2px;
}
.back_link li:last-child:after{
    content: "";
}
.date_n{
    margin-top: 10px;
}
.tab_du_an{
    margin-top: 30px;
}
.tab_du_an .menu_tab_sub {
    text-align: center;
    background: 0;
    border-bottom: 0;
    margin-bottom: 50px;
}
.tab_du_an .menu_tab_sub > li {
    margin-right: -4px;
    float: none;
    display: inline-block;
    cursor: pointer;
}
.tab_du_an .menu_tab_sub> li > a {
    cursor: pointer !important;
}
.menu_tab_sub > li.active > a,
.menu_tab_sub > li.active > a:hover,
.menu_tab_sub > li.active > a:focus {
    color: #fff;
    background-color: #1ea7dc;
    border: 0;
    border-bottom-color: transparent;
    cursor: default;
}
.menu_tab_sub > li > a {
    margin-right: 15px;
    line-height: 1.42857143;
    border: 0;
    background-color: #e6e6e6;
    color: #444444;
    padding: 9px 30px;
    font-size: 14px;
    font-family: UVN_Saigon;
    border-radius: 4px;
}
.img_duan_ct img:hover{
    opacity: 0.85;
}
.name_duan_ct{
    margin: 25px 0px 10px 0px;
}
.name_duan_ct a{
    font-size: 16px;
    color: #333333;
}
.name_duan_ct a:hover{
    color: #1ea7dc;
}
.location_proj{
    border-top: 1px solid #e6e6e6;
    color: #a6a6a6;
    font-size: 14px;
    padding: 13px 0px;
}
.box_duan_ct{
    overflow: hidden;
    margin-bottom: 25px;
}
.view_m_duan{
    text-align: center;
    margin: 10px 0px;
}
.view_m_duan a{
    display: inline-block;
    text-align: center;
    width: 148px;
    height: 49px;
    background: #1ea7dc;
    color: #fff;
    line-height: 49px;
    font-size: 16px;
    font-family: UVN_SaigonBold;
    border-radius: 5px;
}
.view_m_duan a:hover{
    background: #000;
    color: #1ea7dc;
}
.pagetitle  h2{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    color: #444444;
    padding: 13px 0px;
    font-family: UVN_SaigonBold;
    border-bottom: 1px solid #139CD1
}
.pagetail{
    margin-top: 10px;
    font-size: 16px;
}
.pagetail table{
    width: 100% !important;
}
.txt{
    margin-top: 10px;
}
.list_du{
    padding: 10px 0px;
}
ul.list_du li{
    padding: 10px 0px;
}
ul.list_du li a{
    color: #2c8ddc;
    font-size: 13px;
}
ul.list_du li{color:#2c8ddc}
i.fa.fa-angle-double-right{
    font-size: 16px;
}
.pageright{
    padding-right: 0px;
}
.imgnew {
    float: left;
}
.newtail{
    padding: 10px 0px;
}
.imgnew{
    padding-left: 0px;
}
.imgnew img{
    height: 125px;
}
.titlenew a{
    color: #000000;
    font-size: 14px;
}
.newstail{
    padding-bottom: 10px;
    border-bottom: 1px solid #c0c0c0;
}
.titlenew h3{
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.btnink{
    padding: 10px;
    font-size: 18px;
    background: #1EA7DC;
    font-family: UVN_SaigonBold;
    border-radius:5px ;
    color: white;
}
.company-name{
    font-family: "UVN_SaigonBold";
    font-size: 25px;
    color: #e5322c;
    text-transform: uppercase;
    text-align: center;
    line-height: 29px;
}
.img-pr{max-height: 65px;max-width: 100%}
.pr-date{font-size: 13px;color:#8a8989;font-style: italic;margin-left: 5px}
.sub_duan_right{position: relative}
.news_hot_title{display: block;color: #000;font-size: 14px;font-weight: bold;padding:10px 0}
.news_hot_info span{margin-right: 5px}
.hotsub{font-family: UVN_SaigonBold;text-transform: uppercase;font-size: 13px;color:#e5322c;padding:0 15px}
.spara1{background: url('../img/new-separator.gif') no-repeat right center}
.cat-des{margin-top: 5px;line-height: 22px}
.map{margin:25px -20px 25px 25px;border:2px solid #ddd;padding:3px}
@media (max-width: 750px){
    .list_news_home {
         margin-left: 0; 
    }
    .social{
        display: none;
    }
}