@charset "utf-8";

/* CSS Document */
@font-face { font-family: 'RobotoCondensedRegular'; 
    src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot'); 
    src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff2') format('woff2'), 
    url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff') format('woff'), 
    url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.ttf') format('truetype'), 
    url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'); 
    font-weight: normal; font-style: normal; 
}
@font-face { font-family: 'UTMAVO'; 
    src: url('../fonts/UTMAVO/UTMAvo.woff') format('woff'), 
    url('../fonts/UTMAVO/UTMAvo.ttf') format('truetype'), 
    url('../fonts/UTMAVO/UTMAvo.svg#UTMAvo') format('svg'); 
    font-weight: normal; font-style: normal; 
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/Roboto_black/RobotoBlack.eot');
    src: url('../fonts/Roboto_black/RobotoBlack.eot') format('embedded-opentype'),
         url('../fonts/Roboto_black/RobotoBlack.woff2') format('woff2'),
         url('../fonts/Roboto_black/RobotoBlack.woff') format('woff'),
         url('../fonts/Roboto_black/RobotoBlack.ttf') format('truetype'),
         url('../fonts/Roboto_black/RobotoBlack.svg#RobotoBlack') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/EF_Roboto_Bold/RobotoBold.eot');
    src: url('../fonts/EF_Roboto_Bold/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/EF_Roboto_Bold/RobotoBold.woff2') format('woff2'),
         url('../fonts/EF_Roboto_Bold/RobotoBold.woff') format('woff'),
         url('../fonts/EF_Roboto_Bold/RobotoBold.ttf') format('truetype'),
         url('../fonts/EF_Roboto_Bold/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/EF_Roboto_Reguler/RobotoRegular.eot');
    src: url('../fonts/EF_Roboto_Reguler/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/EF_Roboto_Reguler/RobotoRegular.woff2') format('woff2'),
         url('../fonts/EF_Roboto_Reguler/RobotoRegular.woff') format('woff'),
         url('../fonts/EF_Roboto_Reguler/RobotoRegular.ttf') format('truetype'),
         url('../fonts/EF_Roboto_Reguler/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/EF_UTMHelIns/UTMHelvetIns.eot');
    src: url('../fonts/EF_UTMHelIns/UTMHelvetIns.eot') format('embedded-opentype'),
         url('../fonts/EF_UTMHelIns/UTMHelvetIns.woff2') format('woff2'),
         url('../fonts/EF_UTMHelIns/UTMHelvetIns.woff') format('woff'),
         url('../fonts/EF_UTMHelIns/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/EF_UTMHelIns/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}
@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.eot');
    src: url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.woff2') format('woff2'),
         url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.woff') format('woff'),
         url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.ttf') format('truetype'),
         url('../fonts/EF_Roboto_Condense_Bold/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: 'SFUMachineRegular';
    src: url('../fonts/EF_SFU_Machine/SFUMachineRegular.eot');
    src: url('../fonts/EF_SFU_Machine/SFUMachineRegular.eot') format('embedded-opentype'),
         url('../fonts/EF_SFU_Machine/SFUMachineRegular.woff2') format('woff2'),
         url('../fonts/EF_SFU_Machine/SFUMachineRegular.woff') format('woff'),
         url('../fonts/EF_SFU_Machine/SFUMachineRegular.ttf') format('truetype'),
         url('../fonts/EF_SFU_Machine/SFUMachineRegular.svg#SFUMachineRegular') format('svg');
}





body { color: #39434c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5; width: 100%; }
* { margin: 0;box-sizing: border-box; }
ul, ol { }
a, ul, li { text-decoration: none; }
.clear { clear: both; }
#container_NTT { margin: 0 auto; width: 100%; }
a { color: #000; text-decoration: none; }
a:hover { color: #F00; }
a.active { color: #F00; }
a:active { color: #555; }
img { border: none; }
.clear, .clearfix { clear: both; }
input::-webkit-input-placeholder { color: #FFF; }
input::-moz-placeholder { color: white; }
input:-moz-placeholder {   /* Older versions of Firefox */
color: #FFF; }
input:-ms-input-placeholder { color: #FFF); }
#at4-share { display: none !important; }

/*++++++++++END DEFAULT+++++++++++*/

/*--------------------------START paging-----------------------------*/
.wrap_paging { margin: 10px auto; position: relative; width: 100%; padding: 0px 0px; text-align: right; }
.wrap_paging_top { position: relative; width: 100%; padding: 7px 0px; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; text-align: right; }
.paging { margin: 0px auto; text-align: center; }
ul.pages li a i { position: relative; }
ul.pages .fa { line-height: 25px !important; }
.paging a { float: left; margin-right: 5px; width: 25px; height: 25px; line-height: 25px !important; text-align: center; border: 1px solid #CCC; background: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 50px; color: #000; font-weight: bold; }
.paging a.paginate_active { background: #2ba40d; border: 1px solid #27910d; color: #FFF; }
.paging a:hover { background: #CCC; }
.paging a.paginate_active:hover { background: #2ba40d; border: 1px solid #27910d; color: #FFF; }
.pages { list-style: none; margin: 0px; padding: 0px; }
.pages li {	/*float: left;*/
list-style: none; display: inline-block; margin-right: 5px; }
.pages li a.active { background: #78492c; border: 1px solid #082900; color: #FFF; }

/*--------------------------END paging-----------------------------*/
#container_NNT {margin: 0 auto;/* width: 1349px; */}
.main-wrap { margin: 0 auto; }
.container { margin: 0 auto; width: 1000px; }
.title {	/*background:url(../images/bd_danhmuc.png)no-repeat center bottom;*/
margin: 30px 0; }
.title a { color: #ff0000; font-size: 20px; text-transform: uppercase; padding: 3px 0; display: block; border-radius: 5px; text-indent: 20px; background: -moz-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -webkit-gradient(linear, 1deg, color-stop(0, E3E3E3), color-stop(44%, F5F5F5), color-stop(57%, F2F2F2), color-stop(100%, DEDEDE)); background: -webkit-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -o-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -ms-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); }

/*++++++++++START HEADER+++++++++++*/
#header_top { margin: 0 auto; max-width: 100%; height: 160px;	/*background: url('../images/bg_head.png');*/ }
.bg-banner { margin: 0 auto; width: 1000px; height: 160px; position: relative; }
.banner_top { margin: 0 auto; }
.left-banner { float: left; width: 300px; }
.banner_top .logo_web { position: relative; vertical-align: middle; float: left; top: 20px; width: 160px; }
.center-banner { float: left; width: 645px; padding: 10px 0px 0px 0px; }
.right-banner { width: 260px; float: right;	/*font-family: UTMAVO; */ padding-top: 35px; }
.hot_item img { float: left; }
.right-banner b.hotline-top { margin: 0 auto; position: relative; top: 10px; text-indent: 55px; font-family: 'UTMAVO'; min-height: 45px; display: block; background: url(../images/hotline-top.png) no-repeat left; }
.right-banner b { color: #ff0000; font-size: 20px; text-transform: none; }
.right-banner b a { font-family: 'RobotoCondensedRegular'; color: #0981cb; font-size: 20px; font-weight: bold;    /* text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff, 0 2px rgba(0,0,0,0.8); */ text-transform: uppercase; padding-left: 5px; padding-top: 4px; display: block; }
.info-company { margin: 0 auto; text-align: center; width: 645px; }
.info-company img { width: 645px; padding-top: 5px; }
.center-banner .name-company { font-family: 'RobotoCondensedRegular'; text-transform: uppercase; margin: 0 auto; text-align: center; font-size: 50px; color: #ff0000; font-weight: bold; }
.address-company { font-weight: bold; font-style: italic; font-family: 'RobotoCondensedRegular'; margin-top: 0px; text-align: center; font-size: 18px; color: #008601; }
.hot_item { width: 260px; float: left;    /* margin-left: 20px; */ font-size: 13px; font-weight: bold; color: #737373;    /* background: url(../images/hotline.png) no-repeat; */ padding-top: 0px; text-align: center; }
.hot_lich { width: 170px; float: left; margin-right: 10px; font-size: 15px; font-weight: bold; color: #737373; }
.name_hotline { text-shadow: -1px -1px 1px #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff; }
.phone a { text-align: center; margin-top: 8px; display: block; font-weight: bold;    /* padding-top: 5px; */ padding-left: 10px; font-size: 21px; color: #fcff00;    /* font-weight: bold; */ line-height: 5px;    /* text-shadow: -1px -1px 1px #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */ text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.top_gohang { color: #FFF; background: url(../images/cart.png)no-repeat center; margin: auto; position: relative;    /* top: 20px; */ height: 45px; text-align: center; text-indent: 43px; }
.top_gohang b { }
.top_search { float: right; }

/*----------search----------*/
.bg_input span { font-weight: bold; font-size: 12px; padding-top: 6px; padding-bottom: 5px; float: right; color: #FFF; font-family: Tahoma, Geneva, sans-serif; position: relative; }
.bg_input .search { float: right; }
div.bg_input { top: 0px; float: right; display: inline; position: relative; }
.bg_input input { text-indent: 5px; border-radius: 8px; border: none; right: 0px; top: 0px; color: #fff; font-size: 12px;    /* padding-right: 5px; */    /* padding-left: 5px; */
width: 200px; height: 25px; line-height: 17px; margin-left: 0px; background: none; border: solid 1px #FFF; }
img { border: none; }
.search_frm { float: right; }
#search_frm_vi form { border: none !important; }
.img_search { top: 0px !important; padding-right: 0px !important; right: 0px !important; position: absolute !important; }
.bg_input a { padding-top: 12px; }
.img_search a img { position: absolute; right: 10px; top: 14px; }

/*-----------START MENU TOP-----------------*/
.nav-menu-header {margin: 0 auto;height: 48px;position: relative;text-align: center;border-top: 1px solid #2268C8;border-bottom: 1px solid #2268C8;background: -moz-linear-gradient(0deg, #00399C 50%, #0048BE 50%);background: -webkit-gradient(linear, 0deg, color-stop(50%, 00399C), color-stop(50%, 0048BE));background: -webkit-linear-gradient(0deg, #00399C 50%, #0048BE 50%);background: -o-linear-gradient(0deg, #00399C 50%, #0048BE 50%);background: -ms-linear-gradient(0deg, #00399C 50%, #0048BE 50%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');background: linear-gradient(0deg, #00399C 50%, #0048BE 50%);}
div.menu_top_main ul li a:hover { color: #fff; }
#menu_top {position: relative;width: 1200px;height: 48px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

/*------------menu_top_right------------------*/
div.menu_top_right { margin: 0 auto; position: relative; height: 45px; z-index: 20; width: 600px; float: right; }
div.menu_top_right ul li a:hover { color: #ccc; }
div.menu_top_right ul { padding: 0; list-style: none; margin: 0 auto; height: 45px; }
div.menu_top_right ul li { margin: 0; position: relative; text-align: right; float: right; display: inline-block; z-index: 52;	/*  border-left: solid 1px #ad090e;*/ background: url(../images/l_menu.png) no-repeat right; }
div.menu_top_right ul li a { text-transform: uppercase; padding: 0px 20px 0 20px; color: #fff; font-size: 14px; line-height: 45px; text-align: center; display: block; height: 45px; }
div.menu_top_right ul li a p { font-family: 'RobotoCondensedRegular'; color: #FFF; }
div.menu_top_right ul li a:hover, div.menu_top_right ul li a.active {	/* color: yellow;*/
line-height: 45px; background: url(../images/bg_menu_hover.png) repeat center; }
div.menu_top_right ul li ul, div.menu_top_right ul li:hover ul ul, div.menu_top_right ul li ul li:hover ul ul { left: 0px; z-index: 9999999; position: absolute; display: none; width: 200px; background: #048d1e; height: auto; z-index: 99999999999999990; margin-top: 5px; }
div.menu_top_right ul li:hover ul { padding: 0px; top: 45px; display: block; }
div.menu_top_right ul li ul li ul { top: 0px; }
div.menu_top_right ul li ul li { margin: 0; top: auto; width: 200px !important; line-height: 28px !important; border-bottom: 1px solid #01a921; background: none; height: auto; height: auto !important; text-align: left !important; }
div.menu_top_right ul li ul li:hover { line-height: 28px !important; background: #ce0000; text-align: left !important; }
div.menu_top_right ul li ul li:hover { line-height: 28px !important; background: #ce0000; text-align: left !important; }
div.menu_top_right ul li ul li li { color: #000; }
div.menu_top_right ul li ul li:hover a { }
div.menu_top_right ul li ul li a:hover {	/*color:#F00 !important;*/ }
div.menu_top_right ul li ul li a { text-transform: none; margin: 0; width: auto !important; height: auto !important; text-align: left !important; font-size: 14px; display: block; min-width: initial; color: #fff; padding: 0px 1px 1px 5px; line-height: 28px !important; background: none !important; font-family: arial; }
div.menu_top_right ul li ul li a:hover { text-shadow: initial; color: #fff !important; }
div.menu_top_right ul li ul li ul { top: 0px; }
div.menu_top_right ul li ul li:hover ul { left: 200px; top: 0px; display: block; }
div.menu_top_right ul li ul li ul li:hover ul { left: 200px; display: block; top: 0px; }

/*-------------end menu_top_right-----------------*/
.menu_top_main >ul{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 210px);}
.menu_top_main >ul>li{flex-grow: 1;border-left: 1px solid #0E4DE9;}
.menu_top_main >ul>li:first-child{border: none;}
div.menu_top_main ul li {margin: 0;position: relative;float: left;display: inline-block;z-index: 52;/*  border-left: solid 1px #ad090e;*/}
.time { height: 48px; line-height: 48px; color: white; margin-left: 20px; padding-right: 20px; background: url(../images/bg_line_menu.png) no-repeat right; display: block; }
div.menu_top_main ul li a {text-transform: uppercase;padding: 0px 15px;color: #fff;font-size: 15px;line-height: 48px;text-align: center;display: block;font-family: 'RobotoBold';}
.menu_top_main ul { padding: 0; margin: 0; }
div.menu_top_main ul li a p { font-family: 'RobotoCondensedRegular'; color: #FFF; }
div.menu_top_main ul li a:hover, div.menu_top_main ul li a.active {color: #ff0;}
.mn_left { float: left; height: 50px; top: -30px; margin-top: -8px; }
.mn_left img { height: 51px; }
.mn_right { float: right; height: 50px; top: -30px; margin-top: -8px; }
.mn_right img { height: 51px; }
div.menu_top_main ul li:hover, div.menu_top_main ul li.active {	/*line-height: 48px;*/ }
div.menu_top_main ul li ul, div.menu_top_main ul li:hover ul ul, div.menu_top_main ul li ul li:hover ul ul {left: 0px;z-index: 9999999;position: absolute;display: none;width: 200px;background: #00399C;height: auto;z-index: 99999999999999990;}
div.menu_top_main ul li:hover ul {padding: 0px;top: 100%;display: block;}
div.menu_top_main ul li ul li ul { top: 0px; }
div.menu_top_main ul li ul li { margin: 0; top: auto; width: 200px !important; line-height: 28px !important; border-top: 1px solid #1854a5; background: none; height: auto; height: auto !important; text-align: left !important; }
div.menu_top_main ul li ul li:hover { line-height: 28px !important;	/*background:#2f89e2;*/ text-align: left !important; color: yellow; }
div.menu_top_main ul li ul li li { color: #000; }
div.menu_top_main ul li ul li:hover a { }
div.menu_top_main ul li ul li a:hover {	/*color:#F00 !important;*/ }
div.menu_top_main ul li ul li a {text-transform: none;margin: 0;width: auto !important;height: auto !important;text-align: left !important;font-size: 14px;display: block;min-width: initial;color: #fff;padding: 0px 10px;line-height: 31px !important;background: none !important;font-family: 'RobotoRegular';}
div.menu_top_main ul li ul li a:hover { text-shadow: initial; color: yellow !important; }
div.menu_top_main ul li ul li ul { top: 0px; }
div.menu_top_main ul li ul li:hover ul { left: 200px; top: 0px; display: block; }
div.menu_top_main ul li ul li ul li:hover ul { left: 200px; display: block; top: 0px; }

/*-----------------------logo----------------------*/


/*-----------------slide-------------------*/
.slider-container { position: absolute; z-index: 1; }
.slide_show {margin: 0 auto;}

/*++++++++++END HEADER+++++++++++*/

/*++++++++++content+++++++++++*/
.col_main {width: 1200px;margin: auto;background: #fff;margin-top: 30px;}
.col_full { width: 100%; margin: auto; }

/*-----gioi thieu----*/
.gioithieu_col { margin: auto; padding: 20px 0; }
.gioithieu_home {	/*	background: url('../images/bg_tin.png');*/
width: 100%; }
.gioithieu_img { width: 569px; float: right; }
.gioithieu-group img { height: 144px; width: 235px; float: right; margin-left: 10px; border: solid 2px #d6d6d6; padding: 5px; border-radius: 5px; }
.gioithieu-group { color: #666; font-size: 15px; }
.gioithieu_mota { float: left; width: 735px; text-align: justify; margin-right: 50px; }
.title-gioithieu a { color: #ff0000; font-size: 20px; text-transform: uppercase; padding: 3px 0; display: block; border-radius: 5px; text-indent: 20px; background: -moz-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -webkit-gradient(linear, 1deg, color-stop(0, E3E3E3), color-stop(44%, F5F5F5), color-stop(57%, F2F2F2), color-stop(100%, DEDEDE)); background: -webkit-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -o-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); background: -ms-linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(1deg, #E3E3E3 0, #F5F5F5 44%, #F2F2F2 57%, #DEDEDE 100%); }
.title-gioithieu { padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px; }
.xemthem_gt a { color: red; float: right; }

/*-----xemthem------*/
.xemthem { margin-top: 10px; float: left; }
.xemthem a { margin: 0 auto; display: block; text-align: center; padding: 3px 10px; border-radius: 50px; font-size: 11px; color: #000; border: solid 1px #aeaeae; background: -moz-linear-gradient(0deg, #F5F5F5 37%, #E8E6E6 100%); background: -webkit-gradient(linear, 0deg, color-stop(37%, F5F5F5), color-stop(100%, E8E6E6)); background: -webkit-linear-gradient(0deg, #F5F5F5 37%, #E8E6E6 100%); background: -o-linear-gradient(0deg, #F5F5F5 37%, #E8E6E6 100%); background: -ms-linear-gradient(0deg, #F5F5F5 37%, #E8E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(0deg, #F5F5F5 37%, #E8E6E6 100%); }
.xemthem a:hover { background: #e9e7e7; }

/*------------------------*/
.quytrinh { float: left; width: 326px; }
.img_gt_1 { float: left; margin-bottom: 5px; position: relative; }
.img_gt_1 span { position: absolute; transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; top: 0px; left: 0px; }
.img_gt_1 span p { line-height: 25px; display: inline-block; text-align: center; font-size: 18px; color: #fff; }
.img_gt_1:hover span { background: rgba(0, 0, 0, 0.4); }
.img_gt_1:hover .img img { transform: scale(1.2); }
.img_gt_1 span p.price { border-bottom: 1px solid #fff; padding: 0px 20px; font-size: 20px; }
.img_gt_1 span p.price { webkit-transition: -webkit-transform 0.50s; transition: transform 0.50s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.img_gt_1:hover span p.price { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.img_gt_1 p.name { position: relative; opacity: 0; bottom: -45px; transition: all 0.5s ease; }
.img_gt_1:hover p.name { bottom: 0px; opacity: 1; }
.img_gt_1:hover p.description { top: 0px; opacity: 1; }
.img_gt_1 p.type { position: relative; top: -20px; transform: scale(0); transition: all 0.5s ease; display: inline-block; background-color: #eab134 !important; padding: 0px 10px; font-size: 14px; border-radius: 4px; -moz-border-radius: 4px; }
.img_gt_1:hover p.type { transform: scale(1); }
.img_gt_2 { float: left; margin: 0px 2px; }

/*---------title-------*/
.title-bg-name {color: #06309C;font-family: 'UTMHelvetIns';text-align: center;text-transform: uppercase;padding-bottom: 20px;background: url(../../images/title_main.png) center bottom no-repeat;font-size: 30px;margin-bottom: 10px;}
.title-bg-name a {color: #06309C;font-weight: normal;}
.title-bg-name a:hover { color: #EC1C24; }

/*---------------san pham----------------*/
.sanpham_item { width: 280px; height: 280px; float: left; margin-right: 23px; margin-top: 20px; margin-bottom: 20px; border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; border-bottom: solid 5px #47D239; }
.img_item {	/* border: solid 1px #dadada; */
padding: 1px; overflow: hidden; }
.hinh_item .img_item img { width: 272px; height: 208px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; display: inline-block; }
.hinh_item .img_item img:hover { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); cursor: pointer; }
.hinh_item { width: 272px; height: 208px; overflow: hidden; padding: 4px; position: relative; }
.hinh_item img { width: 272px; height: 208px; }
.info_item { padding: 5px; text-align: center; font-size: 15px; font-family: UTMAVO; }
.ten_item { color: #0E2D6B; }
.ten_item a { font-weight: normal; color: #000; }
.ma_item { text-align: center; font-size: 16px; }
.bnt_item { margin: auto; width: 262px; }
.bnt_item a { display: block; background: #F2F2F2; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; width: 120px; text-align: center; margin: auto; color: #000; }
.bnt_item a:hover { background: #ED1C24; color: #FFF; }

/*------------tin home-------------*/
.tin { width: 735px; float: left; padding-right: 10px; }
.vieo { width: 445px; float: left; margin-left: 30px; }
.title_tin { float: left; width: 100%; height: 32px; }
.title_tin img { float: left; display: block; }
.tin_icon { width: 32px; }
.title_tin a { font-size: 20px; text-transform: uppercase; margin-left: 10px; float: left; font-weight: bold; color: #0975e3; }
.tin_ten { display: block; float: left; }
.tin_boder { border-bottom: 1px solid rgb(9, 117, 227); width: 40%; height: 32px; float: right; display: block; }
.box_tin { margin-top: 30px; padding-bottom: 10px; }
.box_tin ul { padding: 0; margin: 0; }
.box_tin ul li { list-style-type: none; text-align: justify; }
.box_tin ul li a { float: left; font-weight: bold; color: black; text-transform: uppercase; }
.box_tin ul li a img { float: left; width: 177px; height: 130px; margin-right: 10px; padding: 1px; }
.tieude_tin { float: left; width: 400px; }
.video { width: 400px; float: left; margin-left: 10px; }
.box_video { margin-top: 30px; }
.video_lienquan { margin-top: 10px; height: 30px; }
.tin_ten a:before { border-bottom: 1px solid rgb(9, 117, 227); }
.box_tin_left { width: 414px; float: left; }
.box_tin_img { width: 414px; height: 270px; }
.box_tin_img img { width: 414px; height: 270px; border: solid 1px #b7b7b7; padding: 5px; }
.box_tin_tieude { margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.tin_time { font-size: 12px; color: #898989; font-weight: normal; font-style: italic; }
.box_tin_right { width: 310px; float: left; margin-right: 20px; }
.box_tin_right_img { width: 93px; float: left; }
.box_tin_right_item img { float: left; margin-right: 10px; }
.box_tin_right_item a { font-weight: bold; }
.box_tin_info { float: left; margin-left: 20px; }
.box_tin_right_item { margin-top: 10px; padding-top: 10px; float: left; width: 235px; text-align: justify; margin-right: 10px; }
.box_tin_right_title a { font-weight: bold; color: #000; }
.box_tin_right_mota { color: #aaa; }

/*--------title tin-------*/
.title-tin a { color: #0E5C21; font-size: 25px; text-transform: uppercase; font-family: UTMAVO; }
.title-tin { margin-bottom: 10px; border-bottom: solid 1px #888; font-family: UTMAVO; }

/*--------mang xa hoi-------*/
.mang_xh ul, .mxh_ft { margin: 0; padding: 0; list-style: none; text-align: left; }
.mang_xh ul li, .mxh_ft li { display: inline-block; padding-top: 10px; }

/*-------------support_online-----------*/
.online { padding: 0; margin: 0; }
.online li { list-style: none; float: left; color: #FFF; font-size: 15px; padding-left: 10px; padding-bottom: 10px; }
.online li a { color: #FFF; }
.support { }
.footer_top p { color: #FFF; font-size: 15px; margin-bottom: 10px; }

/*-------------newsletter-------------*/
.newsletter { }
.newsletter h3 { color: #fff; text-align: left; font-size: 13px; text-indent: 15px; }
.newsletter_name b { color: #464646; text-transform: uppercase; font-size: 18px; font-weight: normal; font-size: 18px; font-family: 'RobotoCondensedRegular'; }
.newsletter_name p { padding-top: 5px; color: #464646; }
#subscribe_form input.email-form { width: 300px; text-indent: 15px; border: none; margin: 0; border: solid 1px #c5c5c5;	/* background:url(../images/email-form.png) no-repeat;*/ height: 30px; font-size: 15px; color: #999; }
.newsletter { margin: 0px auto; width: 390px; text-align: center; }
#subscribe_form { position: relative; float: left; margin-top: 7px; margin-right: auto; margin-bottom: 7px; margin-left: auto; }
input#send_email_newsletter { position: absolute; width: 80px; right: 0; background: #ce0000; padding: 0px 0px; cursor: pointer; top: 0px; height: 34px; color: #FFF; font-size: 13px; border: none; text-transform: uppercase; }

/*------------map---------*/
#map_canvas2 { width: 400px; height: 215px; }
#map_canvas1 { width: 720px; height: 400px; }

/*---------blog-------*/
.title_blog { padding: 10px 0; font-size: 25px; font-family: UTMAVO; font-weight: bold; text-align: center; background: url(../images/title_monan.png) no-repeat bottom center; margin-bottom: 20px; }
.title_blog a { color: #FFF; }
.col_blog { background: url(../images/blog.png) repeat; padding: 45px 0; }
.item_blog { width: 300px; height: 424px; float: left }
.img_blog { width: 300px; height: 212px; overflow: hidden; }
.img_blog img { width: 300px; height: 212px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: inline-block; }
.img_blog:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); cursor: pointer; }
.description_blog_1 { width: 300px; height: 212px; background: #1BAC0B; }
.description_blog_2 { width: 300px; height: 212px; background: #ED1C24; }
.box_blog { padding: 20px; color: #FFF; }
.box_blog h3 { font-size: 25px; font-weight: normal; }
.box_blog h3 a { color: #FFF; }
.description_blog_1 a:hover { color: #ED1C24; }
.description_blog_2 a:hover { color: #1BAC0B; }
.box_blog p { text-align: justify; padding: 10px 0; }
.box_blog img { float: right; }
.dathang { width: 200px; margin: auto; }
.dathang a { background: ##792d00; text-align: center; padding: 5px; display: block; color: #FFF; font-size: 18px; text-transform: uppercase; border-radius: 5px; }
.dathang a:before { background: linear-gradient(315deg, #fff 45%, #ff3939 50%, #ff3939 56%, #fff 80%); }
.dathang a:before { content: ""; width: 0; height: 0; position: absolute; bottom: 0; right: 0; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); transition: all 0.3s ease 0s; }
.dathang a:hover { background: red; }
.bg-top-cart { font-weight: bold; color: #FFF; height: 38px; background: #3399ff; }
.button { background-color: #fff; background-position: initial initial; background-repeat: initial initial; border: 1px solid #ccc; cursor: pointer; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding: 5px 30px; font-weight: bold; }
.show-info-web { margin: 20px 0; }
.notice { margin: 20px 0; float: left; width: 1005; }

/*------menu danh muc--------*/
.danhmuc { float: left; min-height: 345px; width: 260px; border: solid 1px #c7c7c7; }
.slide_wow { margin: auto; width: 1000px; }
.cate-pro { background: #F5F5F5; border: solid 1px #dfdfdf; margin: 0 auto; color: #000;	/*border: solid 1px #c1c1c1;*/ position: relative; }
.cate-pro-show { margin: 0 auto; color: #000;	/*border: solid 1px #c1c1c1;*/ position: relative; }
.support img { width: 30px; }
h4.title-catalog-top { background: url(../images/bg_dmsp.png) no-repeat; height: 33px;	/* font-weight: bold; */	/* line-height: 145px; */
text-transform: uppercase; font-size: 14px;	/* width: 220px; */ color: #39f; text-align: center; padding-top: 14px; text-indent: 45px; }
h4.title-catalog .catalog { position: relative; background: url(../images/bg_menu2.png) no-repeat; height: 39px;	/* font-weight: bold; */ line-height: 39px; text-transform: uppercase; font-size: 16px; width: 260px; color: #fff; text-align: center;	/* padding-top: 10px; */ }
.cate-pro ul { padding: 0; margin: 0; }
.title-catalog a { color: #FFF; }
ul.cateUl { position: relative; z-index: 1;	/* background: white; */ padding: 0; padding-bottom: 5px; margin-top: 0px; }
ul.cateUl > li { position: relative; margin: 0 auto; padding-top: 3px; padding-bottom: 3px;	/* list-style-image: url(../images/icon_menu.png);*/ list-style: none; }
ul.cateUl > li > a { text-transform: uppercase; text-indent: 15px; font-size: 13px; display: block;	/* line-height: 25px; */ color: #000; background: url(../images/icon_mn.png)no-repeat 3%; margin-left: 5px; margin-right: 5px;	/* background-position: 10px; */	/* padding-left: 60px; */

	/* font-weight: bold; */

	/* padding-top: 4px; */

	/* padding-bottom: 5px; */
border: solid 1px #d6d6d6; padding: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=108, Color=#C7C7C7)"; -moz-box-shadow: 2px 6px 11px -2px rgba(199, 199, 199, 0.7); -webkit-box-shadow: 2px 6px 11px -2px rgba(199, 199, 199, 0.7); box-shadow: 2px 6px 11px -2px rgba(199, 199, 199, 0.7); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=135, Color=#C7C7C7); border-radius: 5px; }
ul.cateUl > li > ul { padding-left: 10px; }
ul.cateUl > li > ul.block_ul { display: block !important; }
ul.cateUl > li> a:hover { color: #929292 !important; }
ul.cateUl>li>ul>li { background: url(../images/icon2.png) no-repeat 10px 13px; display: block; position: relative; margin-left: 15px; }
ul.cateUl>li>ul>li>ul>li { background: url(../images/icon3.png) no-repeat 18px 16px; display: block; position: relative; }
ul.cateUl>li>ul>li>ul { list-style: none; padding: 0; }
ul.cateUl>li>ul>li>ul.block_ul { display: block !important; }
ul.cateUl>li>ul>li>ul>li>a { text-transform: capitalize; font-size: 14px; display: block; line-height: 30px; text-indent: 25px; color: #101010; border-bottom: 1px dotted #818080; background: url(../images/li_left_sub_bg.png) no-repeat 18px center; }
ul.cateUl>li>ul>li>a { text-transform: capitalize; font-size: 15px; display: block; line-height: 30px; text-indent: 25px; color: #101010; background: url(../images/list_2.png)no-repeat left; }
ul.cateUl > li > a.active_pro { color: #ff7326 !important; }
ul.cateUl>li>ul>li>ul>li>a.active_pro { color: #012FBB !important; }
ul.cateUl>li>ul>li>a.active_pro { color: #ff7326 !important; }
ul.cateUl>li>ul>li>a:hover { color: #ff7326 !important; }
ul.cateUl>li>ul>li>ul>li { display: block; }
ul.cateUl>li>ul>li>ul>li>a { display: block; height: 35px; line-height: 35px; text-indent: 30px; border-bottom: dotted 1px #bbbaba; }
ul.cateUl>li>ul>li>ul>li>a:hover { color: #00F !important; }
ul.info-cateUl li { border-bottom: 1px dashed #ccc; }
.col_right { width: 245px; float: right; margin-left: 25px; margin-top: 25px; }
.col_left { width: 220px; float: left; margin-right: 25px; margin-top: 25px; margin-left: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color=#C7C7C7)"; -moz-box-shadow: 2px 2px 12px 2px rgba(199, 199, 199, 0.7); -webkit-box-shadow: 2px 2px 12px 2px rgba(199, 199, 199, 0.7); box-shadow: 2px 2px 12px 2px rgba(199, 199, 199, 0.7); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color=#C7C7C7); }
.col_center { width: 735px; float: right; margin-right: 10px; }
.title-catalog { background: #FF8401; font-size: 14px; color: #FFF; text-transform: uppercase; font-weight: normal; text-align: center;	/* text-indent: -21px; */ padding: 7px 0; display: block; width: 96%;	/* height: 46px; */ text-transform: uppercase; font-weight: bold; z-index: 100; margin: 5px; border-radius: 5px; }
.sp_noibat_box { width: 210px; margin: auto; text-align: center; }
.tin_noibat_box { padding: 0; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; width: 221px; }
.tin_noibat_box li { list-style: none; margin-top: 10px; margin-left: 10px; margin-right: 10px; }
.tin_noibat_box li a img { float: left; margin-right: 10px; }
.tin_noibat_box li a { }

/*-----------hotrotructuyen-----------*/
.hinh_hotro { float: left; padding-right: 10px; }
.hotline_hotro p { font-size: 17px; font-weight: bold; color: red; }
.hotline_hotro p a { color: red; }
.item_hotline { margin: 10px 0 10px 0; padding: 0px 10px 0px 10px; }
.item_nhanhvien { margin: 10px 10px 10px 10px; padding: 0px 10px 0px 10px; border-top: dashed 1px #696969; }
.ten_congviec { font-size: 17px; font-weight: bold; color: #29487d; margin-top: 10px; }
.ten_nhanhvien img { width: 28px; padding-left: 5px; }
.ten_nhanhvien { font-size: 15px; }
.phone_nhanhvien { font-size: 15px; }

/*----------product-----------*/
.item_product_four { width: 218px; height: 280px; float: left; border: solid 1px #e0e0e0; margin-right: 18px; margin-top: 18px; }
.img_product_four { width: 206px; height: 167px; margin: 7px; overflow: hidden; }
.img_product_four a { overflow: hidden; width: 206px; height: 157px; display: block; }
.img_product_four img { width: 100%; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; display: inline-block; }
.img_product_four img:hover { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); cursor: pointer; }
.name_product_four { margin: 0px; text-align: center; margin: 7px; height: 61px; }
.name_product_four a { color: #3B60C2; }
.name_product_four a:hover { color: red; }
.gia { font-weight: bold; }
.cart { background: url('../images/bg_giohang.png'); padding: 4px 0; text-align: center; }
.cart a { font-weight: bold; color: #006db2; text-transform: uppercase; }
.cart a:hover { color: red; }

/***************************************START TAB MAP CONTACT ****************************************/
.button:hover { color: red; }
.left-contact { float: left;width: 48%; }
.right-contact { float: right; width: 48%;}
.tablelienhe label span img { position: absolute; left: 0px; top: 10px; }
.tablelienhe label { display: inline-block; height: 25px; line-height: 25px; min-width: 100px; font-weight: bold; text-align: right; position: relative; margin-right: 15px; }
.tablelienhe .input_block { margin: 0 0 0 0; }
.tablelienhe .input_item {display: inline-block;/* height: 25px; *//* line-height: 25px; */min-width: 100px;font-weight: bold;}
.tablelienhe .input { border: 1px solid #cacaca; width: 280px; height: 22px; line-height: 22px; outline-color: #0085FF; }
.tablelienhe textarea { border: 1px solid #cacaca; outline-color: #0085FF; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.block_content { padding: 20px 0; }

/*++++++++++end content+++++++++++*/

/*++++++++++ footer+++++++++++*/
#footer{background: url(../../images/br_footer.png) center top no-repeat;background-size: cover;position: relative;padding: 58px 0px 0px;}
#footer::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 13px;content: '';background: url(../../images/br_footer2.png) center top no-repeat;}
#footer::after{position: absolute;right: 0px;bottom: 0px;width: calc(50% - 600px);height: 47px;content: '';background: #054086;}
.footer_left{width: 415px;margin-right: 190px;float: left;}
.footer_left .content-footer{font-size: 15px;font-family: 'RobotoRegular';color: #fff;}
.footer_mid{width: 220px;float: left;}
.footer_right{width: 302px;float: right;}
.footer_title{font-size: 15px;font-family: 'RobotoBold';text-transform: uppercase;margin-bottom: 15px;color: #fff;}
.name_footer{color: #fff;font-size: 25px;font-family: 'UTMHelvetIns';text-transform: uppercase;margin-bottom: 15px;font-weight: normal;}
.item_ft{margin-bottom: 10px;}
.item_ft a{color: #fff;font-family: 'RobotoRegular';font-size: 15px;}
.item_ft a:hover{color: #ff0;}
.footer_end{margin-top: 50px;display: flex;justify-content: space-between;align-items: center;width: 1150px;margin-left: 50px;background: #054086;padding-left: 35px;height: 47px;position: relative;}
#top_footer{position: absolute;left: -50px;top: 0px;width: 77px;height: 47px;background: url(../../images/top.png) no-repeat;cursor: pointer;}
.copy{color: #fff;font-size: 13px;}

/*++++++++++end footer+++++++++++*/

/*-----------mangxahoi--------------*/
.mxh_menu { padding: 0; margin: 0; text-align: center; }
.mxh_menu li { list-style: none; }

/*--------product list-------*/
.col_full { width: 1000px; margin: 20px 0; }
.product_list { width: 100%; }
.item_list { width: 282px; height: 212px; position: relative; margin: 15px; overflow: hidden; }
.item_list img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: inline-block; }
.item_list:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); cursor: pointer; }
.item_list h3 a { width: 100%; padding: 7px 0; position: absolute; bottom: 10px; text-align: center; font-family: UTMAVO; color: #FFF; font-weight: normal; font-size: 20px; background: rgba(0, 0, 0, 0.48); }
.item_list h3 a:hover { color: red; }

/*--------------thong ke truy cap--------------*/
.counter {}
.counter ul li, .counter ul li span, .counter ul li b { color: #fff; }
.content-footer ul { padding: 0; list-style: none; margin: 0 auto; }
.counter-statics { float: right; }
.counter-info ul { list-style: none; padding: 0; }
.content-footer strong { color: #fff; }
ul.thongke {list-style: none;display: flex;justify-content: space-between;align-items: center;pale:;}
ul.thongke li {display: inline-block;margin-left: 20px;color: #fff;font-size: 12px;}

/*-----------------items_sp_pro---------------------*/
.items_sp_pro { width: 446px; height: 178px; float: left; margin-right: 45px; margin-bottom: 30px; }
.img_sp_pro { width: 165px; height: 171px; float: left; margin-right: 5px; overflow: hidden; border: solid 1px #d1d1d1; }
.img_sp_pro img { width: 163px; height: 171px; padding: 1px; border: solid 1px #c8c8c8

-webkit-transition:all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: inline-block; }
.img_sp_pro:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); cursor: pointer; }
.name_sp_pro { float: left; width: 271px; }
.name_sp_pro h3 a { color: red; text-transform: uppercase; }
.name_sp_pro h3 a:hover { color: #a60000; }
.name_a { font-size: 12px; color: #3399ff; padding: 5px 0; border-bottom: solid 1px #c2c2c2; margin-bottom: 10px; }
.name_b { margin-bottom: 4px; color: #adadad; }
.name_c { font-family: UTMAVO; font-size: 13px; text-align: justify; }
.xemthem { }
.box_news .xemthem { float: right; }

/*----------quangcao-----------*/
.quangcao { margin: 20px 0; }
.quangcao img { width: 245px; height: 354px; }

/*-----------------product_item----------------*/
.product_item { width: 390px; height: 345px; float: left; margin-right: 15px; margin-bottom: 20px; }
.img_product { overflow: hidden; width: 388px; height: 231px; }
.product_item img { width: 376px; height: 219px; padding: 5px; border: solid 1px #dfdfdf; overflow: hidden; }
.product_item a img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: inline-block; }
.product_item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); cursor: pointer; }
.boder_product { width: 100%; height: 10px; background: url(../images/bd_sp.png); }
.product_item h3 a { font-size: 17px; text-align: center; display: block; text-transform: uppercase; }
.kichthuoc { text-align: center; color: #646464; }
.lienhe { text-align: center; margin-top: 15px; }
.lienhe a { background: #CF0000; color: yellow; padding: 8px 45px; font-size: 15px; }
.lienhe a:hover { background: #ae0000; color: yellow; padding: 8px 45px; font-size: 15px; }

/*++++++++++END MAIN PRO+++++++++++*/
.bg_khung { background: url(../images/line2.png) repeat-y top center; }
.tt_frm { position: relative; width: 44.8%; border: solid 1px #cecece; padding: 10px; }
.thanh_title { width: 100%; position: relative; margin-bottom: 31px; margin-top: 37px; background: url(../images/title_dv.png) no-repeat; text-align: left; }
.thanh_title h4 { display: inline-block; padding: 18px 0px 13px 45px; position: relative; min-width: 273px;	/* background-color: #0099D4; */ border-radius: 45px;	/* border: 3px solid #49CCFF; */ text-transform: uppercase; font-size: 20px; font-weight: bold; color: #fff; max-width: 100%; }
.thanh_title4 { width: 100%; position: relative; margin-bottom: 24px; margin-top: 30px; background: url(../images/title_tintuc.png) no-repeat; text-align: left; }
.thanh_title4 h4 { display: inline-block; padding: 18px 0px 13px 45px; position: relative; min-width: 273px;	/* background-color: #0099D4; */ border-radius: 45px;	/* border: 3px solid #49CCFF; */ text-transform: uppercase; font-size: 20px; font-weight: bold; color: #000; max-width: 100%; }
.tt_frm.mg { margin-bottom: 14px; }
.tt_frm.le { float: left; }
.tt_frm.chan { float: right; }
.tt_frm.le img { float: right; width: 127px; height: 96px; padding: 1px; background: #000; margin-left: 10px; }
.tt_frm.chan img { float: left; width: 137px; height: 105px; padding: 1px; background: #000; margin-right: 10px; }
.tt_frm h3 { color: #823d15; line-height: 1.5; font-size: 14px;	/* font-weight: bold; */ text-transform: uppercase; }
.tt_frm h3:hover { color: #3e3e3e }
.tt_frm p.mota { font-size: 13px; color: #000; text-align: justify; padding-top: 5px; }
.tt_frm span.xemthem { float: right; color: #ec2a2a; }
.tt_frm.le .so { position: absolute; width: 53px; height: 26px; text-align: center; line-height: 26px; padding-left: 26px; top: 19px; right: -53px; background: url(../images/so.png) no-repeat right center; color: #7c492b; text-indent: 26px; }
.tt_frm.chan .so { position: absolute; width: 52px; height: 26px; text-align: center; line-height: 26px; padding-right: 26px; top: 59px; left: -52px; background: url(../images/so1.png) no-repeat left center; color: #7c492b; text-indent: -29px; }
.col_gioithieusanpham { width: 100%; }
.f_youtobe { width: 100%; margin: auto; text-align: center; }

/*---------------*/
.list_dicvu img { float: left; margin-right: 10px; padding: 2px; border: solid 1px #e6e6e6; }
.dichvu_mota { text-align: justify; color: #858585; }
.list_dicvu { width: 48%; float: left; margin-right: 20px; margin-bottom: 40px; }
.list_dicvu a { color: #1967B6; }
.list_dicvu a:hover { color: red; }

/*----------------*/
.doitac-items { width: 981px; margin: auto; }
.doitac-items ul { padding: 0; margin: 0; }
.doitac-items ul li { margin: 0 3px; }
.doitac_box {padding: 20px 0 40px;}
.doitac-items img { width: 120px; height: 60px; padding: 5px; border: solid 1px #e6e6e6; }
.slick-prev img { width: 15px !important; height: 27px !important; border: none !important; }
.slick-next img { width: 15px !important; height: 27px !important; border: none !important; }
.menu_footer { width: 100%; border-bottom: solid 3px #0047b1; background: -moz-linear-gradient(1deg, #1854A5 0, #1F6CD4 44%, #2070DB 57%, #1854A5 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 1deg, color-stop(0, 1854A5), color-stop(44%, 1F6CD4), color-stop(57%, 2070DB), color-stop(100%, 1854A5));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(1deg, #1854A5 0, #1F6CD4 44%, #2070DB 57%, #1854A5 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(1deg, #1854A5 0, #1F6CD4 44%, #2070DB 57%, #1854A5 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(1deg, #1854A5 0, #1F6CD4 44%, #2070DB 57%, #1854A5 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */ background: linear-gradient(1deg, #1854A5 0, #1F6CD4 44%, #2070DB 57%, #1854A5 100%);/* W3C */ }
.menu_footer ul { padding: 0; width: 962px; text-align: center; }
.menu_footer li { list-style: none;    /* padding-top: 20px; */ padding-left: 10px; padding-right: 10px; text-transform: uppercase; display: inline-block; margin: auto; margin: 10px; text-align: center; border-left: solid 1px #FFF; font-size: 11px; }
.menu_footer_book { width: 1000px; margin: auto; }
.menu_footer a { color: #FFF; font-weight: bold; }
.tuyetroi { position: absolute; top: 80px; }
.tuyetroi img { width: 1349px; }
.height_bottom { height: 130px; }
.tencty { font-size: 30px; text-transform: uppercase; color: #d90000; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.diachi { font-size: 16px; font-weight: bold; color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.hosonangluc { position: absolute; bottom: 27px; right: 54px; }
.hosonangluc a { color: white; background: #196cbb; padding: 10px 20px; border-radius: 10px; }
.hosonangluc a:hover { background: #d90000; }

.w100{width:100%;}
.mw100{max-width:100%;vertical-align:middle;}
.inner{max-width:1200px;margin:0 auto;position:relative;}
#header{position:relative;margin:0 auto;background-position:top center;background-repeat:no-repeat;background-size:cover!important;background: #fff;}
#header .inner{display: flex;justify-content: space-between;align-items: center;padding: 15px 0px;}
/*banner*/
#banner{height:auto;}
#header .vcard{width:0;height:0;text-indent:-9999px;position:absolute;}
#language{position:absolute;top:10px;right:0;}
.logo{position:relative;}
.right_banner{padding-top: 40px;width: 293px;text-align: center;}
.hotline{background: url(../../images/hotline.png) left top no-repeat;min-width: 172px;height: 38px;color: #EC1C24;font-family: 'RobotoBlack';font-size: 25px;padding: 13px 0px 0px 41px;display: inline-block;}

.social-top{position: absolute;right: 0px;top: 0px;padding: 7px 15px;background: #00459A;display: flex;align-items: center;justify-content: space-between;}
.social-top::before{position: absolute;right: 100%;top: 0px;height: 100%;content: '';width: 38px;background: url(../../images/bf_header_top.png) no-repeat;background-size: 100% 100%;}
.social-top::after{position: absolute;left: 100%;top: 0px;height: 100%;content: '';width: 44px;background: url(../../images/at_header_top.png) no-repeat;background-size: 100% 100%;}
.social-top span{margin-right: 25px;position: relative;}
.social-top span::after{position: absolute;content: '';right: -18px;top: 5px;width: 1px;height: 13px;background: #0C64DE;}
.social-top span a{color: #fff;font-family: 'RobotoBold';font-size: 14px;text-transform: capitalize;}
.social-top span a:hover{color: #ff0;}
.social-top > a{margin-left: 10px;}

#frm_search{display: flex;justify-content: space-between;align-items: center;background: #fff;border-radius: 30px;width: 204px;overflow: hidden;}
#frm_search #search_input{width: calc(100% - 46px);padding: 0px 20px;border: none;outline: none;height: 31px;color: #333;font-size: 14px;font-family: 'RobotoRegular';}
#frm_search #tnSearch{width: 45px;height: 31px;display: block;background: url(../../images/search.png) center center no-repeat;}
.amazingslider-bottom-shadow-1,.amazingslider-text-box-1{display: none !important;}

.list_dichvu{padding: 40px 0px;}
.mota_title{text-align: center;color: #242323;font-size: 16px;font-family: 'RobotoRegular';margin-bottom: 10px;}
.content_main{padding-top: 10px;}
.content_owl{position: relative;}
.prev_list{position: absolute;left: -33px;top: calc(50% - 12px);cursor: pointer;}
.next_list{position: absolute;right: -33px;top: calc(50% - 12px);cursor: pointer;}
.box_list_dichvu{position: relative;overflow: hidden;}
.box_list_dichvu span{position: absolute;left: 0px;bottom: 0px;padding: 12px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;font-family: 'RobotoBold';font-size: 15px;width: 100%;}
.box_list_dichvu span:hover{color: #ff0;}

#index_about{background: url(../../images/br_gioithieu.png) center center no-repeat;background-size: cover;padding: 60px 0px;margin-bottom: 35px;}
#index_about .inner{width: 1126px;}
.left_about{width: 550px;float: left;margin-right: -91px;background: #fff;margin-top: 45px;padding: 20px 25px 40px;z-index: 9;position: relative;}
.right_about{width: 667px;float: right;padding: 6px;border: 7px solid #FFFFFF;}
.title_index_about{color: #FF0302;text-transform: uppercase;font-size: 30px;font-family: 'RobotoCondensedBold';position: relative;padding-bottom: 3px;margin-bottom: 10px;}
.title_index_about::after{position: absolute;left: 0px;bottom: 0px;content: '';width: 40px;height: 2px;background: #FF0302;}
.content_index_about{font-size: 15px;font-family: 'RobotoRegular';color: #3F3F3F;line-height: 1.7;}
.xemthem_gt{width: 108px;line-height: 36px;color: #fff;text-align: center;background: #063C9A;font-size: 14px;font-family: 'RobotoRegular';display: inline-block;position: absolute;left: 25px;bottom: -8px;}
.xemthem_gt:hover{color: #fff;background: #FF0302;}

.box_dichvu{width: calc(100% / 3 - 72px / 3);float: left;margin-right: 36px;margin-bottom: 30px;}
.box_dichvu:nth-child(3n){margin-right: 0px;}
.box_dichvu:nth-child(3n+1){clear: both;}
.img_dichvu{display: block;border: 1px solid #D8D8D8;padding: 6px;background: #fff;border-radius: 0px 15px 0px 15px;margin: 5px 0px 0px 6px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=315, Color=#E4E4E4)"; -moz-box-shadow: -6px -5px 0 #E4E4E4; -webkit-box-shadow: -6px -5px 0 #E4E4E4; box-shadow: -6px -5px 0 #E4E4E4; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#E4E4E4);}
.img_dichvu img{border-radius: 0px 10px 0px 10px;}
.box_dichvu h2{margin-top: 12px;margin-bottom: 5px;text-align: center;font-size: 22px;}
.box_dichvu h2 a{color: #2E2E2E;font-size: 20px;font-family: 'RobotoBold';text-transform: uppercase;line-height: 25px;}
.box_dichvu h2 a:hover{color: #ED1C24;}
.box_dichvu p{color: #393939;font-size: 14px;margin-bottom: 0px;line-height: 1.5;text-align: center;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

.paging,.pagination{text-align:center;display:block;margin:0;}
.my_pagination{display:inline-block;padding-left:0;margin:10px 0;border-radius:4px;clear:both;}
.my_pagination>li{display:inline;cursor:pointer;}
.my_pagination>li:first-child>a,.my_pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.my_pagination>li:last-child>a,.my_pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.my_pagination>li.actived a{background: #00399C;color: #fff;border-color: #00399C;}
.my_pagination>li>a,.my_pagination>li>span{position:relative;float:left;padding: 4px 10px;margin: 0px 2px;line-height:1.42857143;color: #333;text-decoration:none;background-color:#fff;border:1px solid #ddd;display:block;}
.my_pagination>li>a:focus,.my_pagination>li>a:hover,.my_pagination>li>span:focus,.my_pagination>li>span:hover{z-index:2;color: #fff;background-color: #00399C;border-color: #00399C;}
.my_pagination>li>a:focus,.my_pagination>li>a:hover,.my_pagination>li>span:focus,.my_pagination>li>span:hover,.my_pagination>li>a.current{z-index:2;color: #fff;background-color: #00399C;border-color: #00399C;}
.sub_main{margin-bottom: 20px;}

.lienhe_index{padding: 45px 0px;background: url(../../images/br_lienhe.png) center center no-repeat;background-size: cover;}
.lienhe_index .inner{width: 1170px;}
.title_lienhe{text-align: center;color: #fff;font-size: 30px;text-transform: uppercase;margin-bottom: 25px;font-family: 'SFUMachineRegular';}
.left_lienhe{width: 576px;float: left;}
.right_lienhe{width: 576px;float: right;}
.frm_lienhe input{width: 100%;height: 48px;border: 1px solid #BDD0D3;background: rgba(255,255,255,0.3);padding: 0px 18px;margin-bottom: 15px;color: #fff;outline: none;font-size: 14px;}
.frm_lienhe input::placeholder{color: #E6EBEC;}
.frm_lienhe textarea{width: 100%;height: 237px;border: 1px solid #BDD0D3;background: rgba(255,255,255,0.3);padding: 10px 18px;margin-bottom: 15px;color: #fff;outline: none;font-size: 14px;}
.frm_lienhe textarea::placeholder{color: #E6EBEC;}
.btn_lienhe{text-align: center;padding-top: 10px;}
.btn_lienhe button{width: 168px;height: 41px;text-align: center;border-radius: 10px;font-size: 15px;font-family: 'RobotoBold';text-transform: uppercase;background: #00459A;border: none;color: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#FFFFFF)"; -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.3); box-shadow: 0 0 0 3px rgba(255,255,255,0.3); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#FFFFFF);cursor: pointer;}
.btn_lienhe button:hover{color: #fff;background: #EC1C24;}

.bottom{padding:40px 0px;}
.left_bottom{width:392px;float:left;}
.right_bottom{width:782px;float:right;}
.title_bottom{background: url(../../images/title_bottom.png) left 12px repeat-x;margin-bottom: 10px;}
.title_bottom span{color:#2E2E2E;font-size:24px;text-transform:uppercase;background:#fff;padding-right:10px;font-family:'RobotoBold';position: relative;}
.title_bottom span::after{position: absolute;left: 100%;top: 10px;content: '';width: 16px;height: 15px;background: #054898;}
.left_tintuc_bottom{width:360px;float:left;}
.right_tintuc_bottom{width:392px;float:right;}
.left_tintuc_bottom h3{font-size:17px;padding:13px 0 8px;}
.left_tintuc_bottom h3 a{color:#212121;font-size:14px;font-weight: bold;}
.left_tintuc_bottom h3 a:hover{color: #FF0302;}
.left_tintuc_bottom p{margin-bottom:0;color:#212121;text-align:justify;line-height:2;font-size: 12px;}
.xemthem_tt{color:#fff;width:100px;line-height:42px;font-family:'RobotoRegular';text-transform:uppercase;text-align:center;display:inline-block;margin-top:15px;font-size: 14px;background: #054898;}
.xemthem_tt:hover{color:#fff;background:#FF0302;}

#main_video_owl iframe{display: block;}
#sub_video_owl{margin-top: 10px;}

.img_news_scroll{float:left;margin-right:15px;}
.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height:373px!important;width:100%!important;padding: 0px;margin-bottom: 0px;}
.contain_news_scroll .vert .simply-scroll-list li{width:100%!important;height:auto!important;padding: 6px 0;}
.contain_news_scroll .vert .simply-scroll-list li img{max-width:100%!important;}
.name_news_scroll{margin-bottom: 5px;}
.name_news_scroll a{font-size:14px;color:#212121;line-height:20px;display:block;white-space:normal;font-weight: bold;}
.name_news_scroll a:hover{color: #FF0302;}
.des_news_scroll{color:#212121;font-size:12px;line-height:1.7;text-align:justify;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

.title_doitac{text-align: center;text-transform: uppercase;color: #063C9A;font-family: 'UTMHelvetIns';padding-bottom: 15px;margin-bottom: 25px;position: relative;font-size: 30px;}
.title_doitac::after{position: absolute;left: calc(50% - 20px);width: 40px;height: 1px;background: #A7A7A7;content: '';bottom: 0px;}
.item_doitac{display: block;border: 1px solid #DEDEDE;}
.fixed{position: fixed;top: 0px;left: 0px;z-index: 999;width: 100%;}

.suntory-alo-phone { background-color: transparent; cursor: pointer; height: 80px; position: fixed; transition: visibility 0.5s ease 0s; width: 80px; z-index: 200000 !important; text-decoration: none !important; }
.suntory-alo-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 80px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 80px; }
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle { border-color: #fe0018; opacity: 1; }
.suntory-alo-ph-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 50px; left: 15px; position: absolute; top: 15px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 50px; }
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.9); }
.suntory-alo-ph-img-circle { animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; text-align: center; border: 2px solid transparent; border-radius: 100%; height: 40px; left: 20px; opacity: 1; position: absolute; top: 20px; transform-origin: 50% 50% 0; width: 40px; }
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle { background-color: #fe0018; }
.suntory-alo-phone span { display: block; background: #cb0101; text-align: center; border: 1px solid #FFF; font-size: 1.2em; padding: 2px 10px; top: -1px; text-decoration: none !important; font-weight: 500; color: #fff; width: 150px; margin: 24px 0px 0px 50px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; position: relative; z-index: -1; line-height: 30px; padding-top: 0px; }
.suntory-alo-ph-img-circle i { animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 27px !important; line-height: 36px !important; padding-left: 0px; color: #fff; position: relative; top: 4px; }
@keyframes suntory-alo-circle-anim {
	0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); }
	30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); }
	100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); }
}
@keyframes suntory-alo-circle-img-anim {
	0% { transform: rotate(0deg) scale(1) skew(1deg); }
	10% { transform: rotate(-25deg) scale(1) skew(1deg); }
	20% { transform: rotate(25deg) scale(1) skew(1deg); }
	30% { transform: rotate(-25deg) scale(1) skew(1deg); }
	40% { transform: rotate(25deg) scale(1) skew(1deg); }
	50% { transform: rotate(0deg) scale(1) skew(1deg); }
	100% { transform: rotate(0deg) scale(1) skew(1deg); }
}
@keyframes suntory-alo-circle-fill-anim {
	0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); }
	50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); }
	100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); }
}
@media screen and (max-width:767px) {
	.suntory-alo-phone.suntory-alo-green { bottom: inherit !important; left: inherit !important; right: 10px; top: 10px; }
}

.bando_contact iframe{display: block !important;width: 100% !important;}