@font-face {
    font-family: 'UTM_HelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('../fonts/UTMHelvetIns.woff')
    format('woff2'), url('../fonts/UTMHelvetIns.woff') format('woff'), url('../fonts/UTMHelvetIns.ttf')
    format('truetype'), url('../fonts/UTMHelvetIns.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UVN_ChimBienNang';
    src: url('../fonts/UVNChimBienNang.eot');
    src: url('../fonts/UVNChimBienNang.eot') format('embedded-opentype'), url('../fonts/UVNChimBienNang.woff')
    format('woff2'), url('../fonts/UVNChimBienNang.woff') format('woff'), url('../fonts/UVNChimBienNang.ttf')
    format('truetype'), url('../fonts/UVNChimBienNang.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff')
    format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')
    format('truetype'), url('../fonts/Roboto-Medium.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.row_7{
    margin: 0px -7px;
}
.row_8{
    margin: 0px -8px;
}
.row_10{
    margin: 0px -10px;
}
.row_5{
    margin: 0px -5px;
}
p {
    margin: 0px;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover,
a:focus {
    color: #0d7cd6;
    text-decoration: none;
}

* {
    margin: 0px;
    padding: 0px;
}

ul, ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.fixed {
    position: fixed !important;
    top: 0px;
    z-index: 99;
    width: 100%;
}
.clearfix-130{
    clear: both;
    height: 130px;
}
.clearfix-100{
    clear: both;
    height: 100px;
}
.clearfix-80{
    clear: both;
    height: 80px;
}
.clearfix-60{
    clear: both;
    height: 60px;
}
.clearfix-55{
    clear: both;
    height: 55px;
}
.clearfix-50{
    clear: both;
    height: 50px;
}
.clearfix-45{
    clear: both;
    height: 45px;
}
.clearfix-40{
    clear: both;
    height: 40px;
}
.clearfix-35{
    clear: both;
    height: 35px;
}
.clearfix-30{
    clear: both;
    height: 30px;
}
.clearfix-32{
    clear: both;
    height: 32px;
}
.clearfix-25{
    clear: both;
    height: 25px;
}
.clearfix-20{
    clear: both;
    height: 20px;
}
.clearfix-15{
    clear: both;
    height: 15px;
}
.clearfix-12{
    clear: both;
    height: 12px;
}
.clearfix-10{
    clear: both;
    height: 10px;
}
.clearfix-7{
    clear: both;
    height: 7px;
}
.clearfix-5{
    clear: both;
    height: 5px;
}

body {
    background: #fff;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

del {
    font-size: 12px;
    color: #999;
}

/*===========All=============*/ 
.w_100 {
    width: 100%;
}

.w_40 {
    width: 40%;
}

.w_60 {
    width: 60%;
}

/*==========Main============*/
.menu_mb{
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    padding: 1px 15px;
    border-bottom: 1px solid #ccc;
}
#go_top {
    position: fixed;
    width: 24px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    background-size: 100% 100%;
    display: inline-block;
    z-index: 100;
    bottom: 25px;
    right: 25px;
}
.img_logo_mb{
    max-height: 60px;
    max-width: 70%;
}
.menu_main .nav.is-fixed{
    position: relative;
    z-index: 105;
}
#go_top {
    position: fixed;
    width: 30px;
    height: 30px;
    background:#877c7c;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    background-size: 100% 100%;
    display: inline-block;
    z-index: 100;
    bottom: 60px;
    right: 10px;
    border-radius: 2px;
}
.icon_next{
    font-size: 16px;
    padding-top: 6px;
}
#go_top:hover {
    opacity: 0.85;
}

/*===header===*/
.sologan{
    font-family: UVN_ChimBienNang;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
    color: #008ed3;
    margin-top: 17px;
    margin-left: 44px;
}
.ul_icon_head > li {
    display: inline-table;
    padding-left: 5px;
}
.ul_icon_head > li  > a img{
    width:25px;
    height:25px;
}
.ul_icon_head > li  > a img:hover{
    opacity: 0.7;
}
.icon_head{
    float: right;
    margin-top: 28px;
    margin-right: 15px;
}
.logo_pc > a > img {
    max-width: 100%;
}
/*====*/


/*====text_search=====*/
.text_search_khuvuc{
    float: left;
    width: 100%;
    border-bottom: 1px solid #999999;
    padding-top: 20px;
    padding-bottom: 13px;
}
.title_search_kv{
    font-family: Roboto_Medium;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}
.title_search_kv> a{
    position: relative;
    color: #008ed3;
}
.title_search_kv > span:before{
    display: inline-block;
    content: "";
    width: 100%;
    background: #008ed3;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 0px;
}
.text_dangban > a{
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 10px 3px 28px;
    background: #58ABCB;
    display: inline-block;
    border-radius: 5px;
    position: relative;
}
.text_dangban > a:before{
    content: "";
    display: inline-block;
    background: url("../img/icon_db.png");
    width: 16px;
    height: 17px;
    position: absolute;
    left: 5px;
    top: 4px;
}

.hotline a{
    color: #fe6d4c;
    font-size: 24px;
    line-height: 30px;
    font-family: UTM_HelvetIns;
    margin-top: -5px;
}
.hotline > span{
    color: #fe6d4c !important;
    font-size: 18px;
    text-transform: uppercase;
}
.hotline > span:before{
    content: "\f098";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fe6d4c;
    font-size: 28px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.user{
    float: right;
    margin-top: -10px;
}
.icon_user{
    float: left;
    display: inline-block;
    background: #58ABCB;
    padding: 11px 14px;
    border-radius: 50%;
    color: #ffffff;
    margin-right: 5px;
}
.vf_user_style{
 font-size: 18px;
}
.text_user{
    float: left;
}
.tk_bol{
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 5px;
}
.dn_bol{
    color: #333333;
    font-size: 13px;
}

.dn_bol > a {
    color: #333333;
}
.dn_bol > a:hover{
    color: #008ed3;
}
/*======*/

/*===search khu vuc====*/
.full_search{
    /*border: 16px solid #008ed3;*/
    padding: 16px;
    max-width: 100%;
    margin: auto;
    /*background: url('../img/bg_s.png') no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
}
.style_map{
    font-size: 15px;
    margin-right: 5px;
}
.style_dowx_bt{
    font-size: 16px;
    font-weight: bold;
    margin-left: 75px;
}
.style_btn{
    border: none;
    padding: 9px 12px;
}
.style_btn:hover{
   background: none;
}
.open>.dropdown-toggle.btn-default{
    background: #ffffff;
}
.style_hn{
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
}
.check_kv{
    float: left;
    display: inline-block;
    padding: 6px 50px 6px 10px;
    margin-top: 3px;
    border-right: 1px solid #2858a1;
}
.border_left_blue{
    border-left: 1px solid #2858a1;
}
.check_kv > label{
    font-weight: bold;
    color: #2858a1;
    font-size: 15px;
    line-height: 21px;
}
.input_check{
   overflow: hidden;
    float: right;
}
.style_input_group{
    background: #ffffff;
    border-radius: 3px;
}
input[type=radio]{
    width: 10px;
    height: 15px;
}
.radio-inline input[type=radio]{
    margin-left: -15px;
  }
.search_top{
    background: #008ed3 ;
    color: #ffffff;
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    padding: 7px 7px;
    margin: 2px;
    margin-right: 1px;
    border-radius: 4px !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.search_top:hover{
    background: #008ed3 !important;
    color: #ffffff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.search_top:before{
    content: "\f002";
    font: normal normal normal 16px/1 FontAwesome;
    margin-right: 5px;
}
.icon_bg{
    height: 39px;
    border: none;
    font-size: 12px;
    line-height: 18px;
    float: right;
}
.text_mota{
    color: #232323;
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    font-style: italic;
    padding: 5px 15px;
}
.styke_drop_menu_1{
    height: 300px;
    overflow-y: scroll;
    min-width: 175px;
}
.search_content{
    /*margin-top: 15px;*/
}
/*===*/




/*=====search theo chung loai =======*/

.tit_search_chungloai{
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    font-family: Roboto_Medium;
    /*border-bottom: 1px solid #999999;*/
    padding-bottom: 10px;
}
.tit_search_chungloai > a{
    position: relative;
    color: #008ed3;
}
.tit_search_chungloai > a:before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
    height: 1px;
    background: #008ed3;
    width: 100%;
    display: inline-block;
}

.style_search_cl{
    width: 100%;
    text-align: left;
    padding: 4px 10px;
    position: relative;
    border-radius: 0px;

}
.style_search_cl:hover{
    background: #ffffff;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
    background: #ffffff;
}

.style_search_cl:after{
    position: absolute;
    right: 10px;
    top: 4px;
    content: "\f107";
    font: normal normal normal 18px/1 FontAwesome;
    color: #555555;
}
.full_chungloai{
    /*float: left;*/
    /*width: 100%;*/
    /*background: #232323;*/
    /*padding: 18px 15px 20px 15px;*/
    /*margin-top: 5px;*/
    border-radius: 5px;
    float: left;
    width: 100%;
    /*background: url('../img/bg_s2.png') no-repeat;*/
    padding: 3px 5px 5px 5px;
    margin-top: 5px;
    background-size: 100% 100%;
}
.style_name_cl{
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 19px;
    font-family: arial;
}
.styke_drop_menu_2{
    min-width: 197px;
}
.styke_drop_menu_2 > li>a{
    padding: 3px 10px;
}
.name_off_inpue{
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 0px;
    text-align: left;
}
.style_input_number{
    width: 100%;
    height: 31px;
    border-radius: 0px;

}
/*===*/


/*======giap phap quan ly =====*/
.name_ql{
    color: #333333;
    font-size: 13px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 7px;
}
.name_ql > a {
    color: #333333;
}
.name_ql > a:hover{
    color: #008ed3;
}
.mota_spql{
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    max-height: 65px;
    overflow: hidden;
}
.ul_ql > li {
    font-size: 12px;
    line-height: 22px;
    padding: 6px 5px 5px 15px;
    border-bottom: 1px dotted #bdbabd;
}
.ul_ql > li >a{
    color: #000000;
    position: relative;
}
.ul_ql > li >a:hover{
    color: #008ed3;
}
.ul_ql > li >a:before{
    content: "\f0da";
    color: #666666;
    position: absolute;
    left: -15px;
    top: 1px;
    font: normal normal normal 12px/1 FontAwesome;
}
.style_gpql_tit{
    margin-bottom: 15px;
}

/*===========*/

/*=======san pham khach hang==========*/
.name_spkh{
    margin-top: 0px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0px;
}
.name_spkh > a {
    color: #333333;
}
.name_spkh > a:hover{
    color: #008ed3;
}
.text_right_spkh> span {
    color: #999999;
    font-size: 12px;
    line-height: 22px;
}
.style_tit_spkh{
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    font-family: Roboto_Medium;
    border-bottom: 1px solid #999999;
    padding-bottom: 10px;
    position: relative;
}
.style_tit_spkh> a {
    color: #008ed3;
}
.style_tit_spkh:before{
    position: absolute;
    content: "";
    position: absolute;
    left: 0px;
    bottom: -1px;
    height: 3px;
    background: #008ed3;
    width: 50%;
    display: inline-block;
}
.name_congnghe{
	    font-size: 13px;
    line-height: 23px;
    font-weight: bold;
    text-transform: uppercase;
	margin:0px;
}
.name_congnghe > a {
    color: #333333;
}
.style_congnghe_tit{
    margin-bottom: 30px;
}
.name_congnghe > a:hover{
    color: #008ed3;
}
.time_cong_nghe{
    color: #555555;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}
.time_cong_nghe:before{
    content: "\f017";
    color: #555555;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.text_cong_nghe{
    color: #5a5a5a;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    padding: 10px 0px;
    max-height: 86px;
    overflow: hidden;
    height: 85px;
}
.click_me_cn{
    margin-top: 6px;
}
.click_me_cn > a {
    color: #ffffff;
    font-size: 12px;
    padding: 6px 8px;
    background: #008ed3;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border-radius: 3px;
}
.click_me_cn > a:hover{
    background: #d02028;
    transition: all 0.5s;
}
.click_me_cn > a:after{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";
    color: #ffffff;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
/*========*/


/*====may moc cho thue=====*/

.name_chothue{
    font-size: 13px;
    line-height: 23px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
}
.name_chothue > a {
    color: #333333;
}
.name_chothue > a:hover{
    color: #008ed3;
 }
.ul_center_ft> li > a:hover{
    color: #008ed3;
}

.text_thue{
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    overflow: hidden;
    max-height: 45px;
}
.img_thue{
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
}
.click_me_chitiet{
    margin-top: 10px;
}

.click_me_chitiet > a {
    color: #555555;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}
.click_me_chitiet > a:hover{
    color: #ffffff;
    background: #008ed3;
 }


.click_me_chitiet > a:after{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";
    color: #555555;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.click_me_chitiet > a:hover:after{
    color: #ffffff;
}

/*====*/

/*=======footer=====*/
.qts_footer_tmid{
    background: #e5e5e5;
    border-top: 1px solid #999999;
    padding-top: 25px;
    padding-bottom: 10px;
}
.name_cty{
    color: #333333;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0px;
}
.footer_left> p {
    color: #333333;
    font-size: 13px;
    line-height: 22px;
}
.ul_icon_ft> li {
    display: inline-table;
    margin-right: 5px;
}
.ul_icon_ft> li  > a > img {
    width: 26px;
    height: 26px;
}
.ul_icon_ft> li  > a > img:hover{
    opacity: 0.85;
}
.icon_ft > p {
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 5px;
}
.tit_ft{
    color: #333333;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 5px;
}
.ul_center_ft> li {
    font-size: 12px;
    line-height: 22px;
    padding: 3px 0px 3px 15px;
}
.ul_center_ft> li > a {
    color: #333333;
    position: relative;
}
.ul_center_ft> li > a:before{
    position: absolute;
    font: normal normal normal 6px/1 FontAwesome;
    content: "\f111";
    left: -10px;
    top: 4px;
    color: #333333;
}
.logo_pc_fdt >  a> img{
    max-width: 64%;
}
.footer_peope_qts{
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
}
.footer_peope_qts> a{
    color: #333333;
    font-weight: bold;
}
.footer_peope_qts> a:hover{
    text-decoration: underline;
}


/*=====*/
.img_congnghe  >a > img:hover{
    opacity: 0.85;
}

.img_news_hot{
    overflow: hidden;
    width: 100%;
    display: block;
}
.img_news_hot:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.5s;
}
.img_news_hot img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.5s;
}

.img_thue  > a > img:hover{
    opacity: 0.85;
}
.img_ql > a > img:hover{
    opacity: 0.85;
}
.img_right_spkh  > a > img:hover{
    opacity: 0.85;
}






/*==========page news===*/
.tit_page_news{
    background: #f5f5f5;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    padding: 15px 0px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.tit_page_news > a {
    color: #008ed3;
}
.tit_page_news > a:hover{
    opacity: 0.85;
}
.bf_home:before{
    content: "\f015";
    font: normal normal normal 14px/1 FontAwesome;
    color:#008ed3;
    margin: 0px 10px;
}
.bf_left_icon:before{
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    color:#008ed3;
    margin: 0px 10px;
}

/*=====*/



/*======*/
.page_news_tit{
    margin-top: 0px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 20px;
}
.page_news_tit > a {
    color: #333333;
}
.page_news_tit > a:hover{
    color: #008ed3;
}
.page_news_text{
    border: none;
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
    color: #333333;
    max-height: 67px;
    overflow: hidden;
}
.time_page_news > span {
    padding-top: 15px;
}

.time_page_news > span {
    font-size: 12px;
    color: #999999;
    line-height: 18px;
}
.time_page_news > span:before{
    content: "\f017";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color: #999999;
    margin-right: 3px;
}
.full_news{
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.border_e{
    border-bottom: 1px dotted #c5c5c5;
    float: left;
    width: 100%;
}
.page_news_text> a {
    color: #333333;
    font-size: 12px;
    line-height: 18px;
}
.time_page_news{
    padding-top: 5px;
}

/*====*/

.tit_chuyenmuc{
    color: #ffffff;
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    text-transform: uppercase;
    background: #008ed3;
    padding: 10px 15px;
    margin-bottom: 0px;
    margin-top: 15px;
}
.tit_chuyenmuc > span {
    position: relative;
    top: 1px;
}
.chuyenmuc {
    background: #f2f2f2;
    padding: 0px 15px 25px 10px;
}
.ul_chuyenbmuc > li{
    font-size: 13px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #c7c7c7;
    padding-left: 20px;
}

.ul_chuyenbmuc > li > a {
    color: #333333;
    position: relative;

}.ul_chuyenbmuc > li > a:hover{
     color: #008ed3;
     text-decoration: underline;
 }

.ul_chuyenbmuc > li > a:before{
    content: "";
    background: url("../img/icon_chuyenmuc.png") no-repeat;
    display: inline-block;
    width: 6px;
    height: 11px;
    position: absolute;
    left: -20px;
    top: 2px;
}
.next_news{
    text-align: left;
    margin-top: 10px;
}
.pagination li{
    float: left;
    border-right: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
    margin-right: 4px;
}
.pagination li:last-child{
    border-right: none;
}
.pagination a,
.pagination span{
    display: inline-block;
    min-width: 38px;
    padding: 4px 10px;
    background-color: #f5f5f5;
    color: #454545;
    text-align: center;
}
.pagination a:hover{
    background-color: #454545;
    color: #fff;
}
.pagination .current{
    border-color: #323232;
}
.pagination .current{
    background-color: #454545;
    color: #fff;
}
.next_product{
    text-align: left;
}
.pagination li.next{
    margin-right: 10px;
    border: none;
}
.pagination{
    display: inline-block;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}



/*=========page pproduct=========*/
.ul_product > li {
    font-size: 12px;
    line-height: 22px;
   font-weight: bold;
}
.ul_product > li  >  a{
    color: #333333;
    text-decoration: underline;
}
.ul_product_min > li {
    font-weight: normal;
    padding-left: 15px;
    font-size: 12px;
    line-height: 22px;
}
.ul_product_min > li  > a {
    color: #333333;
}
.full_product{
    padding-left: 15px;
}
.ul_product > li  >  a:hover{
    color: #008ed3;
}
.ul_product_min > li  > a:hover{
    color: #008ed3;

}

/*========*/


/*=========page xe tai =======*/
.mota_tit_pagext{
    color: #333333;
    font-size: 15px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}

/*=====*/


/*====================slider_detail*======================================*/
.gc-icon.gc-icon-download{
    display: none !important;
}
.gc-thumbs-area-next .gc-icon.gc-icon-next:before{
    content: "\f105" !important;
    font: normal normal normal 24px/1 fontawesome !important;
    width: 24px;
    height: 24px;
    text-align: center;
}
.gc-thumbs-area-prev .gc-icon.gc-icon-prev:before{
    content: "\f104" !important;
    font: normal normal normal 24px/1 fontawesome !important;
    width: 24px;
    height: 24px;
    text-align: center;
}
.gc-display-area .gc-icon.gc-icon-next{
    width: 36px !important;
    height: 50px !important;
    right: 10px;
    border: none;
    background: none !important;

}
.gc-display-area .gc-icon.gc-icon-next:before{
    content:  "\f105" !important;
    font: normal normal normal 35px/1 fontawesome !important;
    width: 35px;
    height: 37px;
    padding-left: 3px;
    text-align: center;
    color: #da241c;
    text-shadow: #DA241D 0px 0px 1px;
    /*background: rgba(0, 0, 0, 0.77);*/
    /*border-radius: 50%;*/
}
.gc-display-area .gc-icon.gc-icon-prev{
    width: 36px !important;
    height: 50px !important;
    left: 10px;
    background: none !important;
    border: none;
}
.gc-display-area .gc-icon.gc-icon-prev:before{
    content:  "\f104" !important;
    font: normal normal normal 35px/1 fontawesome !important;
    width: 35px;
    height: 37px;
    padding-right: 3px;
    text-align: center;
    color: #da241c;
    text-shadow: #DA241D 0px 0px 1px;
    /*background: rgba(0, 0, 0, 0.77);*/
    /*border-radius: 50%;*/
}
.gc-icon-close{
    background: none !important;
    border: none !important;
}
.gc-overlay-right-icons .gc-icon.gc-icon-next{
    width: 36px !important;
    height: 50px !important;
    text-align: center;
    background: none !important;
    border: none !important;
}
.gc-overlay-right-icons .gc-icon.gc-icon-next:before{
    content: "\f105" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px !important;
    height: 50px !important;
    color: #fff;
}
.gc-overlay-left-icons .gc-icon.gc-icon-prev{
    width: 36px !important;
    height: 50px !important;
    text-align: center;
    background: none !important;
    border: none !important;
}
.gc-overlay-left-icons .gc-icon.gc-icon-prev:before{
    content: "\f104" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px !important;
    height: 50px !important;
    color: #fff;
}
.gc-icon.gc-icon-enlarge{
    display: none !important;
}
.gc-overlay-top-icons .gc-icon.gc-icon-close:before{
    content: "\f00d" !important;
    font: normal normal normal 25px/1 fontawesome !important;
    color: #fff;
    width: 24px;
    text-align: center;
}
.glass-case{
    margin-left: 15px;
}
.gc-icon-next{
}
.gc-thumbs-area-prev .gc-icon-prev-vt{
    display: none !important;
}
gc-icon gc-icon-next-vt{
    display: none !important;
}
.glass-case ul li{
    border:1px solid #ebebeb !important;
    cursor: pointer !important;
}
.glass-case ul li.gc-active{
    border: 1px solid #ff0000 !important;
    box-shadow: #e9cf10 0px 1px 1px 0px;
}

.gc-thumbs-area-next .gc-icon-next-vt{
    display: none !important;
}

.slider_detail_top{
    margin: 0px -15px;
}
.slider_detail{
   margin-left: -15px;
}
/*.gc-icon{*/
    /*display: block !important;*/
/*}*/

/* ===============end_slider detail*====================================*/

.tt_chung{
    color: #008ed3;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.ul_detail > li {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0px;
    border-top: 1px solid #e3e3e3;
    color: #666666;

}
.ul_detail > li  > span {
    font-weight: bold;
    color: #261209;
}
.ul_detail > li:before{
    font: normal normal normal 6px/1 FontAwesome;
    content: "\f0c8";
    color: #d63c3c;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.img_face_detail > a > img{
    max-width: 100%;
}
.ul_icon_detail_2 > li {
    display: inline-table;
}
.ul_icon_detail_2 > li > a > img{
    width: 26px;
    height: 26px;
}
.phone_dtl{
    display: inline-block;
    padding: 7px 15px;
    background: #fe6d4c;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    /*margin-right: 10px;*/
}
.yc_dtl{
    display: inline-block;
    padding: 7px 15px;
    background: #008ed3;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
.yc_dtl:hover{
    color: #ffffff;
    opacity: 0.7;
    transition: all 0.5s;
}
.style_input_dtl{
    border: 1px solid #e3e3e3;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
    font-size: 12px;
}
.icon_detail{
    margin-top: 25px;
}
.bottom_content_p{
    padding-right: 82px;
}
.text_tera > textarea{
    width: 100%;
    height: 75px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 10px;
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
}
textarea::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
}
textarea:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
}
textarea:-moz-placeholder { /* Firefox 18- */
    color: #999999;
}

/*===*/
.ul_btn_dtl > li {
    display: inline-table;

}
.btn_etail{
    text-align: center;
    margin-top: 10px;
}
.ul_btn_dtl > li> a{
    color: #000000;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 15px;
    background: #dddddd;
    border-radius: 3px;
}
.tit_ttkt{
    color: #008ed3;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.thongsokithuat{
    border: 1px solid #ebebeb;
    padding: 15px;
}
.table_style{
    color: #333333;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0px;
}

.table_style>tbody>tr>td{
    border: none;
    padding: 10px 0px;
    padding-left: 15px;
}
.congsuat{
    border: 1px solid #ebebeb;
    padding: 15px;
    height: 332px;
    overflow: hidden;
}
.congsuat > p {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}
.mota_detail{
    border: 1px solid #ebebeb;
    padding: 15px;
}
.text_left{
    text-align: left;
}
.text_mota_dtl> p {
    color: #261209;
    font-size: 12px;
    line-height: 28px;
}
.mr_none{
    margin-top: 0px
}
.table_style>tbody>tr>td{
    line-height: 24px;
}
.style_page_contact{
    margin-top: 5px;
}

/*===dang bai====*/
.style_input_contact{
    margin-bottom: 15px;
    border-radius: 2px;
    border: 1px solid #ebebeb;
    font-size: 13px;
}
.full_contect_left{
    padding: 15px 15px 0px 15px;
   border: 1px solid #ebebeb;
  border-radius: 3px;
}

.style_dangbai{
    margin-top: 0px;
    margin-bottom: 15px;
}
.full_contact_right_contac{
    border: 1px solid #ebebeb;
    border-left: none;
    border-right:none;
    border-radius: 3px;
}
.tera_contect_content{
    width: 100%;
    height: 200px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    padding: 15px;
    border-right: none;
    border-left: none;
    border-right: none;
    border-bottom: none;

}
.contact_right_top{
    border: 1px solid #ebebeb;
}
.teare_contact{
    padding: 0px 15px;
}
.style_congsuat_ctt{
    padding-bottom: 10px;
    margin-bottom: 0px;
    text-align: center;
 }
.pd_15{
    padding: 15px 15px 0px 15px;
    border-bottom: none;
}
.dangbai_stle_bottom{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.mr_top_15{
    margin-top: 15px;
}
.btn_contact{
    text-align: left;
}
.hotline_contact{
    padding: 8px 15px;
    border-radius: 3px;
}
.btn_contact > a{
    padding: 10px 40px;
    background: #008ed3;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    box-shadow: #008ed3 0px 0px 1px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin-right: 10px;
}
.btn_contact > a:hover{
    color: #ffffff;
    background: #c90005;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    box-shadow: #c90005 0px 0px 3px;
}
.full_contect_left{
    float: left;
    width: 100%;
}
.style_file_img{
    border: none;
    width: 272px;
    padding:0px;
}
.tyle_img_xx{
    margin-top: 15px;
}
.chonanh{
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    padding-bottom: 5px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}
/*==*/

/*update 18/9/2017 ----->*/
.btn-search-form{
    background: #008ed3;
    color: #fff;
    border: 2px solid #fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    padding: 7px 7px;
    margin: 0px;
    margin-right: 1px;
}
.btn-search-form:hover{
    background: #008ed3;
    color: #fff;
    text-decoration: underline;
}


/*===========sua dang nhap=======*/
.style_user_pc{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 5px;
    color: #333333;
    position: relative;
    z-index: 999;

}
.style_dangdangap{
    width: 203px !important;
}
.style_dangdangap > li {
    padding: 6px !important;
    background: #cfe5f7 !important;
    font-size: 12px !important;
    text-transform: none !important;
    text-align: left;
    opacity: 1 !important;
    margin-top: 0px !important;
    border-top: 1px solid #cccccc !important;

}

.style_dangdangap > li:hover{
    background: #008ed3 !important;
}


@media (min-width:992px) and (max-width:1199px){
    .style_menu_dangnhap{
        padding-right: 0px !important;
    }
    .text_user{
        float: none;
        overflow: visible !important;

    }
    .dn_bol{
        float: none;
        overflow: visible !important;
    }
    .vf_user_style{
        font-size: 12px !important;
    }
    .icon_user{
        padding: 1px 5px !important;
    }
}

/*======*/

/*=======style checkbox fix-checkbox======*/

.fix-checkbox .checkbox {
    padding-left: 20px; }
.fix-checkbox .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.fix-checkbox .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.fix-checkbox .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.fix-checkbox .checkbox input[type="checkbox"] {
    opacity: 0; }
.fix-checkbox .checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.fix-checkbox .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.fix-checkbox .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.fix-checkbox .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.fix-checkbox .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.fix-checkbox .checkbox.checkbox-inline {
    margin-top: 0; }

.fix-checkbox .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.fix-checkbox .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.fix-checkbox .checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.fix-checkbox .checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.fix-checkbox .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.fix-checkbox .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.fix-checkbox .checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.fix-checkbox .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.fix-checkbox .checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.fix-checkbox .checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.fix-checkbox .radio {
    padding-left: 20px; }
.fix-checkbox .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.fix-checkbox .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.fix-checkbox .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.fix-checkbox .radio input[type="radio"] {
    opacity: 0; }
.fix-checkbox .radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.fix-checkbox .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.fix-checkbox .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.fix-checkbox .radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.fix-checkbox .radio.radio-inline {
    margin-top: 0; }

.fix-checkbox .radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.fix-checkbox .radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.fix-checkbox .radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.fix-checkbox .radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.fix-checkbox .radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.fix-checkbox .radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.fix-checkbox .radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.fix-checkbox .radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.fix-checkbox .radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.fix-checkbox .radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.fix-checkbox .radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.fix-checkbox .radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.fix-checkbox .radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.fix-checkbox .radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.fix-checkbox .radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

/*=================*/

.qts_head_top {
   /* background: url('../img/bg_h.png') !important;*/
}


/*============25/11/2017============*/

.search_top_cc {
    float: right !important;
    margin-right: 10px;
}
.block_search_1 {
    background: url('../img/search_bg.png') no-repeat;
    background-size: 100% 100%;
}
.tit_search_chungloai_fix > a {
    color: #fff;
}
.tit_search_chungloai_fix a:before {
    background: #999999;
}
.banner_blk_top {
    background: url(../img/bg_h.png) !important;
}
.input_number input {
    border-radius: 3px;
}
.btn_contact > button.btn.btn-success.btn-sm:hover {
    background: #22aef3 !important;
}
.search_top_fix {
    background: #19abf3 !important; 
}