/* SINH TỰ ĐỘNG bằng tools/doi-font-sang-rem.php - đừng sửa tay, sửa css.css.
   Bản px -> rem đang chạy thật, nạp thay cho css.css. Số px cũ ghi ngay
   cạnh mỗi giá trị. Mở trang với ?rem=0 để xem lại bản px gốc. */
html { font-size: 100%; }


@charset "utf-8";
/* CSS Document */
/*@font-face{font-family:'opensans';src:url(font/OpenSans-Bold.ttf);}
@font-face{font-family:'titi';src:url(font/OpenSans-ExtraBold.ttf);}
@font-face {font-family: 'futura';src: url('font/UTMFUTURAEXTRA_0.TTF');}*/



body{    font-family: Montserrat, sans-serif!important;color:#333;font-size: 0.875rem /*px:14px*/;}
*{
	margin: 0;
	padding: 0;
}
a {
    text-decoration: none;
}
img {
    border: none;max-width: 100%
}
ul li {
	list-style: none;
}
.xgb-clear {
    clear: both;
}

.anhchinh{background-image:url('../images/icon-new.png');}
.iconnho{position:absolute;display:block;}
.icongiohang{background-position:-234px -41px;width:25px;height:1.5625rem /*px:25px*/;top:5px;left:0px;}
.iconbanvuathem{background-position:-104px 0px;width:12px;height:0.5625rem /*px:9px*/;top:12px;left:9px;}
.nutxoagiohang{background-position:-276px 0px;width:18px;height:1.0625rem /*px:17px*/;}
.iconhtgt{background-position:0px 0px;width:15px;height:0.75rem /*px:12px*/;top: 13px;left: 134px;}
/*.iconpopdang{background-position:-153px -241px;width:197px;height:37px;display:block;}*/
.iconmenuleftcanhan-actived{background-position:-128px -72px;width:9px;height:0.375rem /*px:6px*/;top:6px;right:0px;}
.iconmenuleftcanhan{background-position:-128px -78px;width:9px;height:0.375rem /*px:6px*/;top:6px;right:0px;}
.iconsua{background-position:-159px -115px;width:17px;height:0.9375rem /*px:15px*/;display:block;}
.iconxoa{background-position:-180px -115px;width:17px;height:0.9375rem /*px:15px*/;display:block;}
.iconthem{background-position:-150px -134px;width:25px;height:1.625rem /*px:26px*/;top:3px;left:50%;margin-left:-12px;}
.iconxoanhieu{background-position:-181px -132px;width:19px;height:1.875rem /*px:30px*/;top:0px;left:50%;margin-left:-9px;}
.dodai1000{width:1170px;}
.marg {
	max-width: 1200px;
	min-width: 1170px;
	margin: 0 auto;

}

.tabs > input {
    display: none;
}
.xgb-container{width: 1170px;margin:0 auto}




/*************** HEADER TOP *****************/

.xgb-topbar{    overflow: hidden;
    height: 2.375rem /*px:38px*/;
    background: #e4e4e4;
    color: white;
    line-height: 2.375rem /*px:38px*/;}
.xgb-topbar .headertop_left{width: 70%;float: left;color: white;font-size: 0.875rem /*px:14px*/;}
.xgb-topbar .headertop_left i{margin-right: 7px}
/*.xgb-topbar .headertop_left a{color: white;font-size: 14px;}*/
.xgb-topbar .headertop_left .headertop_lefthot{width: 70%;float: left;}
.xgb-topbar .headertop_left .headertop_leftemail{width: 21%;float: right;}

.xgb-topbar .xgb-topbar__end{width: 27%;float: right;}
.xgb-topbar .xgb-topbar__end .language{float: right;padding-top: 0.3125rem /*px:5px*/;}
.xgb-topbar .xgb-topbar__end .headertop_rightdate{float: left;margin-right: 5%}
.xgb-topbar .xgb-topbar__end .headertop_rightdate a{color: white}
.xgb-topbar .xgb-topbar__end .headertop_rightshare{float: right;margin-right: 5%;}
.xgb-topbar .xgb-topbar__end .headertop_rightshare a{color: white}
.xgb-topbar .xgb-topbar__end ul{float: right;}
/*header*/
.xgb-header {

    height: 7.875rem /*px:126px*/;
    position: relative;
    z-index: 99;
    background: white;
}
.header-top {

	height: 2.1875rem /*px:35px*/;
	background-color: #111111;
}
.menutop {
	float: left;
}
.menutop ul li {
	display: inline-block;
	padding-right: 1.5625rem /*px:25px*/;

}
.menutop ul li a {
	color: #b8b8b8;
	line-height: 2.1875rem /*px:35px*/;
}
.menutop ul li a:hover {
	color: #8dc73f;
}
.header-top-right {
	float: right;
}
.header-top-right ul li {
	display: inline-block;
	padding-left: 1.5625rem /*px:25px*/;
}
.header-top-right ul li a {
	color: #b8b8b8;
	line-height: 2.1875rem /*px:35px*/;
}
.header-top-right ul li a:hover {
	color: #8dc73f;
}
.top-banner {
	background-color: white;
	width: 100%;
	height: 5.5625rem /*px:89px*/;
	border-bottom: 1px solid #cccfdb;
}
.xgb-logo {
	float: left;
  width: 21%;
/*	width: 154px;*/

	/*margin-top: 6px;*/
}
.xgb-logo img {
    max-height: 100px;
    overflow: hidden;
    padding-top: 0.75rem /*px:12px*/;
    height: 112px;
}

#xgb-header__inner{position: relative;}
.xgb-contact-info{ width: 78%;float: right;padding-top: 2.75rem /*px:44px*/;}

.xgb-contact-info .iconheader {margin-right: 10px;}
.xgb-contact-info .iconheader i{font-size: 2.25rem /*px:36px*/;color: #535353;}
/*.xgb-contact-info p{float: left;width: 70%;}*/
.header-l{
text-align: right;margin-bottom: 10px; height: 2.125rem /*px:34px*/;
    }
.header-r{margin-top: 14px;}
.xgb-contact-info ul{margin: 0;float: right;}
.xgb-contact-info ul li{float: left;
    text-align: right;
    padding-right: 2.875rem /*px:46px*/;
    margin-right: 80px;
    font-size: 0.875rem /*px:14px*/;display: inline-block;}
.xgb-contact-info ul li .xgb-contact-info__label{font-weight: bold;}
.xgb-contact-info ul li .xgb-contact-info__value{font-weight: bold;color: #fe0101}
.xgb-contact-info ul li .xgb-contact-info__value a{color: #fe0101}

.xgb-contact-info ul li:nth-child(0n+1){background: url(../images/iconhead3.png) center right no-repeat;}
.xgb-contact-info ul li:nth-child(0n+2){background: url(../images/iconhead2.png) center right no-repeat;}
.xgb-contact-info ul li:nth-child(0n+3){background: url(../images/iconhead1.png) center right no-repeat;margin-right: 0;    width: 115px;}

.header-r .language{}
.xgb-contact-info .tt-head-top{


}
.register-login .fancybox i{margin-right: 6px}
.register-login{float: right;font-size: 0.875rem /*px:14px*/;margin-top: 8px;}
.register-login a{
    /* border-radius: 3px; */
    /* text-transform: uppercase; */
    /* border: 1px solid white; */
    /* padding: 11px 25px; */
    /* color: white; */
    /* background-color: #af7313; */
    font-size: 0.875rem /*px:14px*/;
    color: #525252
   }

.xgb-contact-info img{max-width: 100%}


.language{

   float: right;
   width: 14%;
   margin-top: 8px;

  }


.right-search{float: right;width: 33%;margin-top: 28px;}

.right-search .top_lag{

  height: 1.8125rem /*px:29px*/;
}
.top_lag .lag_left{background: url(../images/bg_lang_left.png) no-repeat;width: 6%;height: 1.875rem /*px:30px*/;float: left;}

.top_lag .lag_center{background: url(../images/bg_top_lag.png) repeat-x;width: 88%;height: 1.875rem /*px:30px*/;float: left;}

.top_lag .lag_right{background: url(../images/bg_top_right.png) repeat-x;width: 6%;height: 1.875rem /*px:30px*/;float: right;}

.right-search .box_search{
  clear: both;
  margin-top: 10px;
  position: relative;
    height: 2.4375rem /*px:39px*/;
}
.right-search .box_search form{width: 317px;height: 2.25rem /*px:36px*/;float: right;border: 1px solid #999999;
    border-radius: 6px;}
.right-search .box_search form input[type="text"]{
height: 2.25rem /*px:36px*/;
    border-style: none;
    background: none;
    width: 238px;
    padding-left: 0.3125rem /*px:5px*/;
}

.right-search .box_search form input[type="submit"]{
  width: 74px;
    border-style: none;
    height: 2.25rem /*px:36px*/;
    background: #ff0000;
    border-radius: 0px 5px 5px 0px;
    float: right;
    font-weight: bold;
    color: white;
    cursor: pointer;


  }
.menu-top {list-style: none;margin: 0;padding: 0;margin-top: 0px;}
.menu-top li{float:left;padding: 0 0.9375rem /*px:0px 15px*/;    }
.menu-top li:nth-child(1n){padding-left: 0}
.menu-top li a{color:black;    border-right: 1px solid black;padding-right: 0.625rem /*px:10px*/;}
.menu-top li:last-child a{border: none}
/*.menu-top li:nth-child(0n+1) {
    background: url(../images/icon_tintuc.png) 0px 2px no-repeat;
    text-indent: 8px;
}
.menu-top li:nth-child(0n+2) {
    background: url(../images/icon_duan.png) 0px 0px no-repeat;
    text-indent: 8px;
}
.menu-top li:nth-child(0n+3) {
    background: url(../images/icon_lienhe.png) 0px 0px no-repeat;
    text-indent: 8px;
}*/
.search {
	  width: auto;
  height: 2.3125rem /*px:37px*/;
  margin-left: 17%;
  margin-right: 22%;
  position: relative;
  padding-top: 1.5625rem /*px:25px*/
}
.box_timkiem {
    background-color: white;
    border: 1px solid #e5e6e8;
    height: 2.3125rem /*px:37px*/;
    width: 450px;
    float: left;
}
.search_full{text-align: right;    font-weight: bold;margin-top: 3px;}

.search_full a{color:#09529d;text-decoration: none;}
input.input-submit-search {
    background: url("../images/buttom.png") no-repeat center;
    border: none;
    cursor: pointer;
    height: 2.375rem /*px:38px*/;
    position: absolute;
    right: 1px;
    width: 67px;
    background-color: #fb799b;
}
.search-pro {
    right: 90px;
	position: absolute;
}
.hotline-right {
	float: right;
	margin-top: 12px;
}
.lang {
    float: right;
}
.hotline i{
    margin-right: 10px;
    color: #af7313;

}
.hotline h3{
    color: #af7313;
    margin-bottom: 20px;

    font-size: 1.125rem /*px:18px*/;
}

.mainformsearch{position: relative;display: inline-block;}


.dropdown-menu{position: absolute;right: 10px;  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius:0px 0px 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
 display: none;
 z-index: 999;
}
  .dropdown:hover .dropdown-menu{}
.xgb-field {
  margin-bottom: 0px;
  padding: 0.375rem 0.75rem /*px:6px 12px*/;
}

  .xgb-field #LoginForm_email,.xgb-field #LoginForm_password{  font-size: 0.75rem /*px:11px*/;
  width: 98%;
  height: 1.5625rem /*px:25px*/;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  margin: 0 auto;

}

.button_reset{background:#8dc73f;height: 2.1875rem!important /*px:35px*/;border-style: none; width: 100%;color: white}
.box_ghinho{padding: 0.375rem 0.75rem /*px:6px 12px*/;overflow: hidden;}
.ghinhopass{float: left;}
.lostpass{float: right;} .lostpass a{line-height: 0.9375rem!important /*px:15px*/;color: #333!important}
.btn-register{color: #333!important}
.hotrotructuyen-p{ margin:0px;padding:0 /*px:0px*/;color: hsl(358, 81%, 56%);font-weight: bold;margin-left:70px;height:1.5rem /*px:24px*/;line-height:1.5rem /*px:24px*/;}




/*end header*/
/*.xgb-burger-bar {
	background-color: #fb799b;
	height: 50px;
}

.xgb-burger-bar > ul {
      float: left;
      margin-left: 60px;
}
.xgb-burger-bar ul li {
	display: inline-block;

}
.xgb-burger-bar ul li a {
	color: white;
	font-weight: bold;
	line-height: 50px;
	text-transform: uppercase;
	padding: 0 26px;
}*/

/*BEGIN MENU*/
#xgb-nav{     height: 2.8125rem /*px:45px*/;
    margin-bottom: 0px;
    /* box-shadow: 2px 4px 20px 0px #544c4c; */
    z-index: 99999;
    position: relative;

    width: 100%;
    margin-top: 0px;
    background: #af7313;}
#xgb-nav__inner{height:inherit; }
#xgb-nav__list{list-style:none;float:left;width:100%;height:inherit;margin:0px;padding:0 /*px:0px*/;position:relative;}
.xgb-nav__item{float:left;position: relative;height: 2.8125rem /*px:45px*/;}

/* Link menu trước đây bọc trong <h2>; đã bỏ thẻ đó (menu không phải tiêu đề)
   nên các quy tắc trỏ theo h2 chuyển sang trỏ thẳng vào <a>. */
.xgb-nav__item a{
    font-weight: normal;
    line-height: 2.875rem /*px:46px*/;
    padding: 0 1.25rem /*px:0 20px*/;
    font-size: 0.875rem /*px:14px*/;
    color: white;
    }
#xgb-nav__list .xgb-last a{}
.xgb-nav__item > a{text-transform: uppercase;}
.xgb-nav__link{height:2.125rem /*px:34px*/;line-height:2.125rem /*px:34px*/;text-align:center;position:relative;padding-left:1.5rem /*px:24px*/;padding-right:1.5rem /*px:24px*/;}
.xgb-nav__link--home{}
.xgb-nav__link--home img{margin-top: 6px;}

.nav-1-ha{float:left;height:1.25rem /*px:20px*/;margin-top:9px;}
.xgb-nav__link span{display:block;margin-left:5px;color:#fff;font-size:0.75rem /*px:12px*/;float: left;}
.xgb-nav__item:hover .xgb-nav__link{}
.xgb-nav__item ul{    background: url(../images/bgmenu.png);position:absolute;top:100%;left:0px;list-style:none;margin:0px;display:none;z-index:9999;min-width:200px;}
.xgb-nav__item li{position:relative;}
.xgb-nav__item h3{margin:0px;padding:0 /*px:0px*/;}
.xgb-nav__item ul a{font-size:0.8125rem /*px:13px*/;font-weight:normal;display:block;padding: 0 0 /*px:0 0px*/;line-height: 2.8125rem /*px:45px*/;color:white;white-space:nowrap;  }
#nav-1-cuoi{border:none;}
.xgb-nav__item ul ul{top:0px;left:100%;margin-left: 2px;}
.xgb-nav__item ul li{    padding: 0.6875rem 0 /*px:11px 0px*/;
    border-bottom: 1px solid white;}
    .xgb-nav__item ul li:last-child{border-bottom: none;}
.xgb-nav__item ul li:hover{}
.xgb-nav__item ul li a{line-height: inherit;}
.tuvan247{    background: url(../images/bg_tuvan_menu.png) repeat-x;
    float: left;
    height: 2.8125rem /*px:45px*/;
    padding: 0 0.625rem /*px:0 10px*/;
    line-height: 2.8125rem /*px:45px*/;
    font-weight: bold;
    color: #e10100;
    font-size: 0.875rem /*px:14px*/;}
.form-search{margin-top: 29px;}
#form_search{position: relative;float: right;margin-right: 3%}
#form_search #search_value{    height: 1.3125rem /*px:21px*/;
    border-style: none;
    width: 417px;
    border: 1px solid #dd4b44;
    text-indent: 1.25rem /*px:20px*/;max-width: 100%;font-style: italic;
    padding: 0.3125rem /*px:5px*/;
    max-width: 100%

  }

.button_seach_web{
    top: 0px;
    background: url(../images/icon-button-web.png) center no-repeat;
    position: absolute;
    /* padding: 10px 20px; */
    border-style: none;
    width: 48px;
    height: 2.0625rem /*px:33px*/;
    right: 0;}
.titlesearch{text-indent: 0.8125rem!important /*px:13px*/}
#xgb-nav__item--active > a{

font-weight: bold;

  }



.thietkeweb{overflow:hidden;left:0px;top:34px;position:absolute;background:#fff url('images/menu3-bg.jpg') left bottom repeat-x;box-shadow: 1px 1px 1px #dddddd;z-index:10;min-height:11.25rem /*px:180px*/;display:none;}
.xgb-nav__item:hover .thietkeweb{display:block;}
.thietkewebcon{overflow:hidden;padding:0.625rem 0 0.625rem 0.625rem /*px:10px 0px 10px 10px*/;position:relative;min-height:11.25rem /*px:180px*/;}
.thietke-menu3{float:left;width:115px;margin-right:10px;height:8.125rem /*px:130px*/;}
.menu3cha{width:115px;height:8.125rem /*px:130px*/;text-align:center;overflow:hidden;}
.menu3cha a:hover{text-decoration:none !important;}
.menu3cha span{color:#00579c;line-height:1.125rem /*px:18px*/;display:block;}
.menu3cha img{width:99px;height:75px;}
.menu3con{position:absolute;top:130px;left:0px;overflow:hidden;padding:0.9375rem 0 0.9375rem 0.9375rem /*px:15px 0px 15px 15px*/;background-color:#eeeeee;display:none;height: 2.5rem /*px:40px*/;}
.thietke-menu3:hover:hover{background-color:#eeeeee;}
.thietke-menu3:hover .menu3con{display:block;}
.menu3con a{float:left;color:#545454;margin-right:15px;margin-bottom:5px;font-weight:normal;}
.menu3con a:hover{color:#00579c;}
/*END MENU*/


.main-sideshow{width: 75%;float: left;}
.main-support{width: 24%;float: right;}
/*BEGIN SIDESHOW*/
.blocksideshow{overflow: hidden;
    margin-top: -10px;
    width: 100%;}
.sideshow{overflow:hidden;margin-top:0px;}
.captionOrange, .captionBlack{color: #fff;font-size: 1.25rem /*px:20px*/;line-height: 1.875rem /*px:30px*/;text-align: center;border-radius: 4px;}
.captionOrange
{background: #EB5100;background-color: rgba(235, 81, 0, 0.6);}
.captionBlack{font-size:1rem /*px:16px*/;background: #000;background-color: rgba(0, 0, 0, 0.4);}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited{color: #ffffff;text-decoration: none;}
a.captionOrange:hover{color: #eb5100;text-decoration: underline;background-color: #eeeeee;background-color: rgba(238, 238, 238, 0.7);}
.bricon{background: url(../img/browser-icons.png);}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av{background: url(../img/b03.png) no-repeat;overflow:hidden;cursor: pointer;}
.jssorb03 div { background-position: -5px -4px;}
.jssorb03 div span{color:#fff;}
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn{position: absolute;cursor: pointer;display: block;background: url(../img/arrowsxanh.png) no-repeat;overflow:hidden;}
.jssora20l { background-position: 0px 0px; }
.jssora20r { background-position: 100% 0; }
.jssora20l:hover { background-position:  0 100%;; }
.jssora20r:hover { background-position: 100% 100%; }
.jssora20ldn { background-position: 0px 0px; }
.jssora20rdn { background-position: 100% 0; }
.jssorb03{display: none!important;}
/*END SIDESHOW*/

/*main-content*/
.main {
    background-color: white;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1170px;
    overflow: hidden;
}
.main-content {
	margin-top: 15px;
    overflow: hidden;
}
/*left*/
.left {
	width: 222px;
	float: left;
}
.title-main {
	background: url(../images/g-danhmuc.png);
	height: 3.125rem /*px:50px*/;
}
.title-main h3 {
	color: white;
	text-transform: uppercase;
	text-align: center;
	line-height: 2.6875rem /*px:43px*/;
	font-size: 0.875rem /*px:14px*/;
}
.sub-list {
	background-color: #f6f5f1;
    border: 1px solid #e0e0e0;
    margin-left: 5px;
    margin-top: -9px;
    width: 209px;
    margin-bottom: 20px;
    position: relative;
}
.sub-list ul li a {
	color: #646464;
	padding: 0.375rem 1.0625rem /*px:6px 17px*/;
}
.sub-list li {
    padding: 0.75rem 2rem /*px:12px 32px*/;
    border-bottom: 1px dashed #e0dfdc;
}
.sub-list li:last-child {
	border-bottom: none;
}
.icon-menu {
    background: url("../images/icon-danh-muc.png") no-repeat left center;
    height: 0.3125rem /*px:5px*/;
    list-style: none outside none;
    margin-top: 5px;
    width: 5px;
}
.sub-list1 {
	background-color: #f6f5f1;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-top: -9px;
    position: relative;
    width: 209px;
    overflow: hidden;
}
.sub-list1 li {
    padding: 0 0.5rem /*px:0px 8px*/;
}

.sub-list1 ul li a {
    color: #646464;
    padding: 0.375rem 0.625rem /*px:6px 10px*/;
}
.menu1 {
	overflow: hidden;

	border-bottom: 1px dashed #e0dfdc;
}
.main-left {
    float: left;
    width: 77px;
    border-right: 1px dashed #e0dfdc;
}
.main-left ul {

}
.main-right {
    float: right;
    width: 127px;
}
.main-right li {
	padding: 0.75rem 0.5rem /*px:12px 8px*/;
	border-bottom: 1px dashed #e0dfdc;

}
.main-right ul li a {
    color: #646464;
    padding: 0.375rem 0.625rem /*px:6px 10px*/;
}
/*end left*/

/*content*/
.content {
	margin-left: 225px;
    margin-right: 220px;
	overflow: hidden;

}
.nivoSlider {

	height: 26.1875rem /*px:419px*/;
	overflow: hidden;
}
.nivoSlider img {
	width: 100%;
	height: 100%;
}
/*tab*/
.tabs {
    margin-top: 15px;

}
/*input {
    opacity: 0;
}*/

.tabs label {
    border-radius: 5px 5px 0 0;
    color: #646464;
    cursor: pointer;
    float: left;
    margin-right: 43px;
    padding: 1.5% 3%;
}
.tabs label:hover {
    background: -webkit-linear-gradient(#777, #666);
}
input:checked + label {
    background: none repeat scroll 0 0 #8dc73f;
    color: #fff;
    font-size: 0.875rem /*px:14px*/;
    text-align: center;
    width: 223px;
}
.tabs input:nth-of-type(1):checked ~ .panels .panel:first-child, .tabs input:nth-of-type(2):checked ~ .panels .panel:nth-child(2), .tabs input:nth-of-type(3):checked ~ .panels .panel:nth-child(3), .tabs input:nth-of-type(4):checked ~ .panels .panel:last-child {
    opacity: 1;
}
.panels {

    clear: both;
    position: relative;

    background: #fff;
    border-radius: 0 10px 10px 10px;
    min-height: 19.6875rem /*px:315px*/;
}
.panel {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;

    margin-bottom: 40px;
    width: 98.4%;
    padding: 0.3125rem /*px:5px*/;
    overflow: hidden;
}
.panel h2 {
    margin: 0;

}
.product {
	margin-bottom: 10px;
    overflow: hidden;
border: 1px solid #e4e4e4;
     padding: 0 0 1.25rem 0 /*px:0px 0px 20px 0px*/;

}
.xgb-card-grid{
    overflow: hidden;

     margin-bottom: 20px;
}
.xgb-card-grid h1{font-size: 0.875rem /*px:14px*/;color: #8dc73f;}
.xgb-card-grid h2,.xgb-card-grid h3,.xgb-card-grid h4,.xgb-card-grid h5,.xgb-card-grid h6{display: inline-block!important;}
.pice-off {
    position: absolute;
    right: 14px;
    top: 5px;
    background: url(../images/saleoff.png) no-repeat;
    width: 40px;
    height: 2.5rem /*px:40px*/;
}
.pice-off > p {
    color: #fff;
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}

.pro1 {
	border: 1px solid #e0e0e0;
    margin-top: 10px;
    width: 217px;
    height: 14.3125rem /*px:229px*/;
    position: relative;
}
.pro1:hover {
	border: 1px solid #8dc73f;

}
.title-pro {
    width: 217px;
    margin-left: 10px;
    margin-top: 10px;
}
.title-pro > a {
    color: #009ddc;
    font-weight: bold;
    margin-left: 60px;
}
.title-pro > p {
    margin: 5px 0 0;
}
.price {
    margin-left: 46px;
    margin-right: 10px;
    text-decoration: line-through;
}
.produ {
	width: 220px;
	height: 18rem /*px:288px*/;
	border-bottom: 1px dashed #ccc;
	margin-left: 5px;
	float: left;
	margin: 0 4px 0 19px;
    padding-bottom: 0.5rem /*px:8px*/;
}

/*end tab*/

/*end content*/

/*right*/
.right {
	width: 216px;
	float: right;
}
.set {
    width: 210px;
    margin-bottom: 20px;
    position: relative;
}
.set img {
	width: 100%;
	height: 100%;
}
.set-pro {
	background: url("../images/sale.png") no-repeat;
    height: 3.625rem /*px:58px*/;
    position: absolute;
    right: 6px;
    top: 128px;
    width: 58px;
}
.set-pro > p {
    color: #fff;
    float: left;
    font-size: 1.125rem /*px:18px*/;
    margin-left: 12px;
    margin-top: 17px;
}

.spa {

	margin-bottom: 20px;
	position: relative;
}
.spa img {
	width: 100%;
	height: 100%;
}

.titl-spa {
    left: 66px;
    position: absolute;
    top: 193px;
}
.titl-spa a {
    color: red;
    font-size: 1.125rem /*px:18px*/;
    font-style: italic;
    font-weight: bold;
}
.my-pham {
	width: 210px;
	position: relative;
}
.set-pro1 {
	background: url(../images/sale1.png) no-repeat;
	position: absolute;
    right: 5px;
    top: 10px;
    width: 72px;
    height: 4.5rem /*px:72px*/;
}
.img-set1 {
	width: 210px;
	height: 231px;
	border: 1px solid #e0e0e0;
	overflow: hidden;
}
.img-set {
    border: 1px solid #e0e0e0;
    height: 209px;
    width: 208px;
    overflow: hidden;
}
.set-pro1 > p {
    color: #fff;
    font-size: 1.25rem /*px:20px*/;
    line-height: 0;
    margin-left: 16px;
    margin-top: 25px;
}
.my-pham img {
	width: 100%;
	height: 100%;
}
/*end right*/

/*end main-content*/
/*footer*/

#footer{     padding-top: 0.9375rem /*px:15px*/;
    overflow: hidden;
    margin-top: 29px;
    color: #545454;
   }
.blocktitlecontact{text-indent: 1.4375rem!important /*px:23px*/;font-size: 0.875rem!important /*px:14px*/;}

#footer .xgb-container{overflow: hidden;}
.xgb-footer__inner{margin-top: 30px;padding-bottom: 2.875rem /*px:46px*/;overflow: hidden;}
.xgb-footer__col:first-child{width: 38%;}
.xgb-footer__col {
    float: left;
    margin-right: 4%;
    font-size: 0.875rem /*px:14px*/;
    width: 15%;
    color: #545454;

}
.xgb-footer__col:last-child{margin-right: 0px;}
.titlefooter{    border-bottom: 2px solid #545454;
    height: 1.5625rem /*px:25px*/;margin-bottom: 20px;}

.xgb-footer__col h3 a{
  text-transform: uppercase;
    color: white;
    padding-bottom: 0.25rem /*px:4px*/;
    display: inline-block;

    z-index: 99999;

    font-size: 1.125rem /*px:18px*/;margin-bottom: 20px;
  }


  .addressfooterlist{overflow: hidden;}
.footer_bottom ul li {color: #fff;

    float: left;
    line-height: 1.3125rem /*px:21px*/;
    width: 41%;
    font-size: 0.875rem /*px:14px*/;margin-bottom: 15px;}


.addressfooterlist ul li i{float: left;
    margin-right: 7px;
    font-size: 0.75rem /*px:11px*/;
    margin-top: 4px;}
.addressfooterlist ul li a{color: white;}


.xgb-footer__contact{font-size: 0.875rem!important /*px:14px*/;line-height: 1.5rem /*px:24px*/;color: white!important}
.xgb-footer__contact span{display: inline-block;width: 22px;}
.xgb-footer__contact i{padding-left: 0.125rem /*px:2px*/;margin-right: 5px;}
.xgb-footer__contact div{margin-bottom: 5px;}


.line_bottom_footer{background-image: url(../images/line_bottom_footer.png);background-repeat: no-repeat;background-position: center; margin-bottom: 20px;height: 0.625rem /*px:10px*/;}
.footer_line{background: url(../images/line_footer.png) repeat-x;
    margin-bottom: 26px;
    margin-top: 17px;
    height: 0.8125rem /*px:13px*/;}
.xgb-footer__copyright{

    color: #545454;
    font-size: 0.8125rem /*px:13px*/;
    text-align: left;
    /* padding-bottom: 15px; */
    line-height: 2.25rem /*px:36px*/;
    height: 2.25rem /*px:36px*/;
    font-style: italic;
    /* background: #af7313; */
    border-top: 1px solid #b5b5b5;
    padding-top: 0.4375rem /*px:7px*/;
    padding-bottom: 0.4375rem /*px:7px*/;

  }
.xgb-footer__copyright a{color: #b5b5b5}
.footer_box_right {margin-top: 30px;float: left;width: 23%;}
.footer_box_right h3 a{text-transform: uppercase;
    color: #af7313;
    padding-bottom: 0.25rem /*px:4px*/;
    display: inline-block;
    font-size: 1.25rem /*px:20px*/;
    z-index: 99999;

  margin-bottom: 20px;}
.xgb-footer__col ul li{    background-repeat: no-repeat;
    line-height: 1.1875rem /*px:19px*/;
    background-position: 0px 13px;
    margin-bottom: 8px;}
.xgb-footer__col ul li:first-child{}
.xgb-footer__col ul li a{color: white;}
.xgb-footer__col ul li a i{margin-right: 5px;}
.xgb-footer__col iframe{width: 100%;}
.footnav ul li{margin-bottom: 10px;overflow: hidden; }
.footnav ul li .titleform{    width: 30%;
    float: left;
    line-height: 1.375rem /*px:22px*/;}
.footnav ul li .form-control{
    float: right;
    padding: 0;
    margin: 0;
    border-style: none;
    border: 1px solid #cccccc;
    width: 69%;
    /* text-align: right; */
    height: 1.25rem /*px:20px*/;}
.footnav ul li textarea{height: auto!important;}
.footnav ul li a{color: #2a2a2a;}

.footnav ul li .xgb-btn--primary{background: #16628a;border-style: none;padding: 0.5rem 1.25rem /*px:8px 20px*/;font-size: 1rem /*px:16px*/;color: white;float: right;cursor: pointer;}

.sharefooter{overflow: hidden;margin-top: 30px;}
.sharefooter  .titleshare{float: left;    line-height: 2rem /*px:32px*/;}
.social{overflow: hidden;margin-top: 11px;}
.social a{    font-size: 1.4375rem /*px:23px*/;
    color: #bfbfbf;
    display: inline-block;
    margin-right: 32px;
    }
.social a:hover{color: #04a2ff}
.scrolltop{position: fixed;    bottom: 56px;
    right: 24px;}




.footer_map{width: 35%;float: right;}
.info-address{overflow: hidden;}
.logofooter{margin-right: 10%}

.scrollbottom{height: 2.5rem /*px:40px*/;line-height: 2.5rem /*px:40px*/;color: white;background: #16628a;position: fixed;bottom: 0;width: 100%;font-size: 0.875rem /*px:14px*/;}
.scrollbottom-left{width: 40%;margin-right: 5%;float: left;}
.scrollbottom-right{width: 45%;margin-right: 5%;float: left; }


.f-top-site{background: #2E683B;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    z-index: 11;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);}

.thongtinhotro{font-size: 0.875rem /*px:14px*/;line-height: 0.9375rem /*px:15px*/;padding: 2.375rem 1.4375rem /*px:38px 23px*/;color: white}
.thongtinhotro ul{}
.thongtinhotro ul:nth-child(2n){float: right;margin-right: 0px;}
.thongtinhotro ul h4{border: 1px solid #16628a;color: #16628a;padding: 0.25rem 0.25rem /*px:4px 4px*/;text-align: center;    margin-bottom: 23px;}
.thongtinhotro ul li{    margin-bottom: 16px;
    padding-bottom: 1rem /*px:16px*/;overflow: hidden;}
.thongtinhotro ul li .imgsupport{border-radius: 36px;margin-right: 9px;}
.thongtinhotro ul li:last-child{margin-bottom: 0px;border-bottom: none;padding-bottom: 0 /*px:0px*/;}
.hotroname{       overflow: hidden;
    text-transform: uppercase;
    color: white;
    margin-bottom: 15px;padding-top: 0.25rem /*px:4px*/;}
.hotrophone{margin-bottom: 5px;}
.hotro_footer ul li{
    width: 275px;
    height: 5.625rem /*px:90px*/;
    float: left;
    color: #484747;
}
.hotro_footer ul li .hotroname{
    margin-top: 10px;
}
.hotro_footer ul li .hotrophone{
    margin-top: 10px;
    margin-bottom: 8px;
}
.supportcontent{width: 76%;float: left;}
.supportcontent i{margin-right: 5px;}
.imgsupportright{width: 24%;float: right;}

.newscategory{padding: 0.625rem 0.625rem /*px:10px 10px*/;}
.newscategory li{overflow: hidden;margin-bottom: 7px;padding-bottom: 0.4375rem /*px:7px*/;border-bottom: 1px dotted #cccccc;}
.newscategory li:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
.newscategory li img{float: left;margin-right: 10px;}
.newscategory li a{font-size: 0.875rem /*px:14px*/;color: #424242;}
.copyright_footer{margin-top: 30px;background: #0955a3;height: 4.375rem /*px:70px*/;color: white;padding-top: 1.25rem /*px:20px*/;text-align: center;font-size: 0.8125rem /*px:13px*/;}
.xgb-entry__content img{max-width: 100%}
.datedetail{font-style: italic;margin-bottom: 10px;}

/*end footer*/

/*gioithieu*/
.content.content-chil {
	border: 1px solid #e4e4e4;

	overflow: hidden;
}
.home {
    border-bottom: 4px solid #95cb4d;
    height: 2.5625rem /*px:41px*/;
    line-height: 2.5625rem /*px:41px*/;
}
.home > a {
    margin-left: 10px;
}
.text {
	padding: 0.625rem /*px:10px*/;
    overflow: hidden;
}
h4 {
    color: #8dc73f;
     margin-top: 7px;
}
.text > p {
    color: #646464;
    line-height: 1.4375rem /*px:23px*/;
    margin-top: 7px;
}
/*end gioithieu*/

.supportleft{overflow: hidden;    padding: 1.6875rem 1.25rem 0.4375rem 1.25rem /*px:27px 20px 7px 20px*/;}
.supportleft .listsupportleft{    font-size: 0.875rem /*px:14px*/;

    min-height: 2.8125rem /*px:45px*/;
    margin-bottom: 14px;
    padding-left: 3.6875rem /*px:59px*/;}

.supportleft .listsupportleft.listrow1{background:url(../images/icon-phone-left.png) no-repeat}
.supportleft .listsupportleft.listrow2{background:url(../images/icon-email-left.png) no-repeat}
.supportleft .listsupportleft.listrow3{background:url(../images/icon-phone-support.png) no-repeat}

.supportleft .listsupportleft .supportrow1{color: #585858;}
.supportleft .listsupportleft .supportrow2{color: #af7313;}
.supportleft .listsupportleft .supportrow2 a{color: #af7313;}

/*tin tuc*/
.xgb-page-title{          margin: 0px 0px;
    /* border-bottom: 2px solid #c9c9c9; */
    /* height: 30px; */
    /* margin-top: 9px; */
    margin-bottom: 22px;}
.xgb-page-title h1{        font-size: 1.125rem /*px:18px*/;
    /* text-transform: uppercase; */
    color: #af7313;
    padding-bottom: 0.375rem /*px:6px*/;
    /* display: inline-block; */
   }

.xgb-entry-title{
    margin-bottom: 15px;}
.xgb-entry-title h1{    font-size: 1.125rem /*px:18px*/;


    color: #af7313;
    padding-bottom: 0.375rem /*px:6px*/;
    display: inline-block;
     }



.xgb-page-title h2{font-size: 1.125rem /*px:18px*/;

    text-transform: uppercase;
    color: #af7313;
    padding-bottom: 0.375rem /*px:6px*/;
    display: inline-block;
    border-bottom: 1px solid #af7313;}
.detailcontentlt{margin: 15px 0px 40px 0px;}
.xgb-panel__body{margin-top: 15px;}



.xgb-card {
       background: #f5f5f5;
    overflow: hidden;
    /* padding: 12px 0px; */
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
    /* padding-right: 10px; */
}
.xgb-card:nth-child(3n){margin-right: 0}
.xgb-card__media {

    overflow: hidden;

           /* border: 1px solid #dedede;*/
}
/* .xgb-card__media img {
      width: 100%;
    padding: 4%;
    background: white;

} */
.xgb-card__media img{width: 100%;background: white;-webkit-transition:all 0.5s linear;
transition:all 0.5s linear;}
.xgb-card__media:hover img{-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);}
.xgb-card__body {

padding: 1.5rem 0.9375rem /*px:24px 15px*/;
  color: #616161;
}
.xgb-card__title {
    color: #333333;
    /* font-weight: bold; */
    font-size: 0.9375rem /*px:15px*/;
    margin-top: 0px;
    display: block;
    font-weight: bold;
    /* height: 38px; */
		overflow: hidden;
}

.xgb-card__meta{overflow: hidden;width: 100%;padding: 0.4375rem 0 /*px:7px 0px*/;}
.xgb-card__date {    /* margin-top: 5px; */
    font-size: 0.8125rem /*px:13px*/;
    color: #a1a1a1;
    /* line-height: 22px; */
    overflow: hidden;
    float: left;}

.xgb-card__meta .xgb-card__author:before {
    background-image: url(../images/icon_1.png?1550886400307);
}

.xgb-card__meta div {
    display: inline-block;
    float: left;
    /* font-size: 14px; */
    color: #252525;
    position: relative;
    padding-left: 1.25rem /*px:20px*/;
}

.xgb-card__meta div:before {
  float: left;
    content: "";
    width: 15px;
    height: 0.9375rem /*px:15px*/;
    position: absolute;
    left: 0;
    top: 4px;
    background-size: contain;
    background-repeat: no-repeat;
}


.xgb-entry .xgb-card__date{}
.typenews1 .chitiettap{border: none!important;}
.xgb-card__date span{margin-right: 7px;float: left;}
.xgb-card__date img{margin-top: 2px;}
.xgb-card__date i{margin-right: 5px;}
.xgb-card__excerpt {
      font-size: 0.875rem /*px:14px*/;
    line-height: 1.25rem /*px:20px*/;
    margin-top: 8px;
    color: #646464;
    height: 4.9375rem /*px:79px*/;
    text-align: justify;
    overflow: hidden;

}
.xgb-pagination-legacy {
    float: right;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 10px;
    text-align: center;
}
.xgb-pagination-legacy ul li {
    background: none repeat scroll 0 0 #59bcf2;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    list-style: outside none none;
    padding: 0.3125rem 0.375rem /*px:5px 6px*/;
}
.xgb-pagination-legacy ul li a {
    color: #fff;
    padding: 0.25rem /*px:4px*/;
    text-decoration: none;
}
.more{margin-top: 10px;margin-bottom: 10px;text-align: right;}
.more a{color: #af7313;}

.xgb-entry{margin-top: 0px;}

.xgb-entry .h1news{

    margin-bottom: 6px;
    color: #3f3f3f;
    font-size: 1.5rem /*px:24px*/;

}
.xgb-entry__content{margin-top: 15px;}

.xgb-related__title{padding-top: 0.9375rem /*px:15px*/;
    border-top: 1px solid #c9c9c9;}
.xgb-related h3{
           color: #231f20;

    /* border-left: 8px solid #0955a3; */
    /* text-indent: 9px; */

    /* text-transform: uppercase; */
    font-size: 1.125rem /*px:18px*/;


    font-weight: normal;
    display: inline-block;
    /* background: #16628a; */
    padding: 0.375rem 1.6875rem /*px:6px 27px*/;
    padding-left: 0;
    color: #231f20;


}
.xgb-related ul{padding:0;list-style: none;padding-top: 0.5625rem /*px:9px*/;}
.xgb-related ul li{
   text-indent: 0 /*px:0px*/;

    font-size: 0.875rem /*px:14px*/;
    list-style: initial;
    color: #868686;
    background: url(../images/icon-news-home.png) left 8px no-repeat;
    list-style: none;
    padding-left: 1.4375rem /*px:23px*/;
}
/*end tin tuc*/

/* LIST PROJECT*/
.listproject{margin: 0;padding: 0;list-style: none;}
.listproject li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;}
.listproject li:nth-child(3n){margin-right: 0px;}
.projecthinhanh{display: block;text-align: center;}
.projecthinhanh img{width: 100%;max-height: 100%;}
.projecttitlel{    display: block;
    height: 2rem /*px:32px*/;
    background: #16628a;
    width: 100%;font-size: 1rem /*px:16px*/;line-height: 2rem /*px:32px*/;color: white;text-align: center;}


    /* list vieo*/


.loaitinraovatcon{padding: 0;margin: 0;list-style: none;}
.loaitinraovatcon li{width: 32%;float: left;margin-bottom: 30px;margin-right: 2%}
.loaitinraovatcon li:nth-child(3n){margin-right: 0;float: right;}
.loaitinraovatcon li iframe{width: 100%;}
.loaitinraovatcon li .title-raovat{text-align: center;color: #3f3f3f;margin-top: 10px;height: 1.375rem /*px:22px*/;overflow: hidden;}
.loaitinraovatcon li .title-raovat a{color: #3f3f3f;font-size: 1rem /*px:16px*/;}


/*REGISTER*/
.formloginregis{display: none;}
.fancybox-wrap{border:1px solid #00fff0!important;}
#register a{}
#register,#login{width: 400px;max-width: 100%;}
.formlogmain{padding: 0 2.5rem /*px:0 40px*/;}

.titleformlog{    border-bottom: 2px solid #d3d3d3;
    /* overflow: hidden; */
    height: 1.5625rem /*px:25px*/;
    margin-bottom: 20px;}
.titleformlog h3{text-transform: uppercase;
    color: #16628a;
    /* margin-bottom: 5px; */
    padding-bottom: 0.25rem /*px:4px*/;
    /* float: left; */
    display: inline-block;
    border-bottom: 2px solid #16628a;
    font-size: 1.125rem /*px:18px*/;
    z-index: 99999;}


.formlogheader ul li{margin-bottom: 13px;overflow: hidden;}
.formlogheader ul li .titleform{    width: 30%;
    float: left;
    line-height: 1.375rem /*px:22px*/;}
.formlogheader ul li .form-control{    /* width: 70%; */
    float: right;
    padding: 0;
    margin: 0;
    border-style: none;
    border: 1px solid #cccccc;
    width: 69%;
    /* text-align: right; */
    height: 1.875rem /*px:30px*/;}
.formlogheader ul li textarea{height: auto!important;}
.formlogheader ul li a{color: #2a2a2a;}
.formlogheader ul li .xgb-btn--primary{background: #16628a;border-style: none;padding: 0.5rem 1.25rem /*px:8px 20px*/;font-size: 1rem /*px:16px*/;color: white;float: right;cursor: pointer;margin-left: 10px;}


/*chi tiet tin tuc*/
.newss > p {
    color: #646464;
    line-height: 1.25rem /*px:20px*/;
    margin-top: 10px;
}
/*end chi tiet tin tuc*/

/*lien he*/
.form_lienhe {
    border-radius: 5px;
    margin-top: 30px;
    width: 540px;
}
#tbl_lienhe {
    line-height: 2.5em;
    padding: 0 0 0 1.25rem /*px:0 0 0 20px*/;
}
#tbl_lienhe td {
    padding-right: 1.25rem /*px:20px*/;
}
#tbl_lienhe input {
    height: 1.875rem /*px:30px*/;
    margin-right: 10px;
}
.input-submit {
	background-color: #8dc73f;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 1.9375rem /*px:31px*/;
    width: 110px;
    text-transform: uppercase;
    float: right;
    margin-top: 10px;
}

/*end lien he*/

/*chi tiet sp*/
.img-produc {
    margin-top: 10px;
    overflow: hidden;
}
.images1 {
    width: 238px;
    height: 18.125rem /*px:290px*/;
    border: 1px solid #dbdbdb;
    float: left;
}
.anhh {
    height: 15.9375rem /*px:255px*/;
    margin-left: 12px;
    margin-top: 16px;
    overflow: hidden;
    width: 212px;
}
.anhh img {
    width: 100%;
    height: 100%;
}
.detail {

    float: left;
    margin-left: 40px;
}

.detail > h1 {
    color: #8dc73f;
    font-size: 1.125rem /*px:18px*/;
}
.pice-detail > span {
    margin-right: 10px;
}

.detail > p {
    line-height: 2.1875rem /*px:35px*/;
    color: #646464;

}
.gio-hang {
    margin-top: 10px;

}
.them {
    float: left;
    margin-right: 20px;
    width: 158px;
    height: 2.4375rem /*px:39px*/;
    background-color: #8dc73f;
    border-radius: 3px;
}
.them > a {
    color: #fff;
    font-weight: bold;
    line-height: 2.4375rem /*px:39px*/;
    margin-left: 28px;
}
.dat-hang {
    background-color: #fb799b;
    float: left;
    height: 2.4375rem /*px:39px*/;
    width: 119px;
    border-radius: 3px;
}
.dat-hang > a {
    color: #fff;
    font-weight: bold;
    line-height: 2.4375rem /*px:39px*/;
    margin-left: 28px;
}
/*end chi tiet sp*/

/*tim kiem*/
.sap-xep {
    color: #646464;
    float: right;
    margin-right: 123px;
}

.selec {
    float: right;
}

.selec > span {
    float: left;
}

.sx > p {
    color: #646464;
    font-weight: bold;
     margin-right: 8px;
}
.lua-chon {
    margin-right: 10px;
    margin-top: 12px;
}
.dsaf select {
    background-color: #fb799b;
    border: medium none;
    color: #fff;
    height: 1.25rem /*px:20px*/;
    overflow: hidden;
}
/*end tim kiem*/


.leftcanhan {
    border: 1px solid #ddd;
    float: left;
    width: 213px;
}
.leftcanhan-con {
    border-bottom: 1px solid #ddd;
    padding: 0.9375rem 0.6875rem /*px:15px 11px*/;
}

.leftcanhan-thongtin {
    padding: 0.9375rem 0.6875rem /*px:15px 11px*/;
}
.leftcanhan-con h2 {
    color: #333;
    font-size: 0.9375rem /*px:15px*/;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.leftcanhan-tieude {
    margin-top: 10px;
    overflow: hidden;
}
.leftcanhan-tieude p {
    color: #0062b7;
    font-weight: bold;
    text-align: center;
    padding: 0;
}
.leftcanhan1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.leftcanhanli {
    border-bottom: 1px dotted #ddd;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 0.3125rem /*px:5px*/;
    position: relative;
}
.leftcanhanli p {
    color: #646464;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
}
.anhchinh {
    background-image: url("../images/icon-new.png");
}

.thongtincanhan {
    border: 1px solid #ddd;
    margin-left: 225px;
    margin-right: 2px;
    overflow: hidden;
    padding: 0.3125rem /*px:5px*/;
}


.trangchu-tab,.danhsachsanpham-tieude{height: 2.4375rem /*px:39px*/;margin: 0px;overflow: hidden;border-bottom: 3px solid #8dc73f}

.trangchu-tab a{color:#333;font-size:0.75rem /*px:12px*/;float:left;display:block;padding: 0.625rem 0.3125rem 0 0.4375rem /*px:10px 5px 0px 7px*/;font-weight:bold;font-family: Arial,Verdana,sans-serif;height: 1.8125rem /*px:29px*/; width: 29%;border-radius: 5px 5px 0px 0px;margin-right: 10px;background: url('../images/tab_bg_none.png') repeat-x;text-align: center;line-height: 1.25rem /*px:20px*/;}

.dstap{background: #8dc73f url('../images/bg_tab_tour.png') repeat-x!important;color:white !important;}

.trangchu-tab a:hover{color:#333 !important;text-decoration: none;}


.trangchu-tab h1,.danhsachsanpham-tieude h2{padding: 0.5rem 0.3125rem 0.25rem 0.625rem /*px:8px 5px 4px 10px*/;float:left;margin:0px;}

.chitietnoidung{margin: 0 10px;}

/*BEGIN ĐƯỜNG DẪN*/
.xgb-breadcrumb{
padding: 0.5625rem 0 /*px:9px 0px*/;
    margin-top: 8px;
    margin-bottom: 31px;
    border-bottom: 1px solid #ddd;
}
.xgb-breadcrumb__inner{    overflow: hidden;
    line-height: 1.4375rem /*px:23px*/;
    height: 1.4375rem /*px:23px*/;
    /* background-color: #f0f0f0; */

    /* border-radius: 5px; */
    margin-top: 0px;}
/* Từng nấc trước đây là <h2>, nay là <li> trong <ol> - trỏ theo class để
   không phụ thuộc vào tên thẻ nữa. */
.xgb-breadcrumb__inner .xgb-crumbs ol{margin:0px;padding:0 /*px:0px*/;list-style:none;}
.xgb-breadcrumb__inner .xgb-crumbs__item{margin:0px;padding:0 /*px:0px*/;float:left;font-size:100%;font-weight:normal;}
.xgb-breadcrumb__inner .xgb-crumbs__item:first-child a{padding-left: 0!important /*px:0px*/;}

.xgb-breadcrumb__inner .xgb-crumbs__item a{   display: block;
        padding: 0 0.5625rem 0 0 /*px:0px 9px 0px 0px*/;
    margin: 0px;
    color: #585252;
    font-size: 0.75rem /*px:12px*/;
    font-weight: normal;

    line-height: 1.4375rem /*px:23px*/;
    height: 1.4375rem /*px:23px*/;}
.xgb-breadcrumb__inner .xgb-crumbs__item a span{    color: #2a2a2a;
    text-transform: none;
    font-size: 0.875rem /*px:14px*/;

}
.xgb-breadcrumb__inner .xgb-crumbs__item:first-child a{background: none;padding-left: 0.5rem /*px:8px*/;}
.xgb-crumbs__home{padding-left:1.25rem !important /*px:20px*/;/*background:url('../images/home.png') left center no-repeat !important;*/}
.xgb-breadcrumb__inner h1{font-size: 0.875rem /*px:14px*/;float: left;}
/*END ĐƯỜNG DẪN*/
/*BEGIN PHÂN TRANG*/
.xgb-pagination{text-align:center;overflow:hidden;padding:0.625rem 0 /*px:10px 0px*/;margin-top: 40px;}
.xgb-pagination a{margin-left: 5px;background:#fff;border:#ddd 1px solid;border-radius: 1px 1px 1px 1px;display: inline-block;margin-bottom: 10px;margin-right: 10px;overflow: hidden;padding: 0.1875rem 0.625rem /*px:3px 10px*/;text-align: center;color: #977a38;}
.xgb-pagination a:hover,.xgb-pagination__link--current{    border: #af7313 1px solid !important;
    background: #af7313 !important;
    font-weight: normal;
    color: white!important;}
/*END PHÂN TRANG*/
.xgb-related{margin-top: 20px;margin-bottom: 40px;}
.xgb-related ul li a{color: #1b95e0;}

/*BEGIN CHITIETSANPHAM*/
.chitietsanpham{margin-bottom: 10px;}
.chitietspmcha{overflow:hidden;height:29.375rem /*px:470px*/;border:#ddd 1px solid;padding:0.3125rem /*px:5px*/;display:none;}
.chitietspmcha div{overflow:hidden;height:100%;position:relative;}
#chitietspm{max-width:100%;margin:auto;position:absolute;max-height:100%;top:0px;left:0px;bottom:0px;right:0px;}


.chitiesanphamth1{    font-size: 1.125rem /*px:18px*/;
    margin: 0px 0px 13px 0px;
    padding: 0 /*px:0px*/;

    text-transform: uppercase;
    color: #af7313;}

.chitietsanpham-td{overflow:hidden;}
.hinhanhchinhcha{width:47%;float:left;margin-right:0px;}
.hinhanhboc{height:19.375rem /*px:310px*/;border:#ddd 1px solid;}
.hinhanhchinh{}
.hinhanhchinh img{
    max-height: 310px!important;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;}
.chitietmota-tieude{border-bottom:#dadada 1px solid;overflow:hidden;}
.chitietmota-tieude span{float:left;display:block;height:1.9375rem /*px:31px*/;line-height:1.9375rem /*px:31px*/; padding:0 1.25rem /*px:0px 20px*/;color:#000;background-color:#dadada;}
.taive{display:block;padding-left:1.25rem /*px:20px*/;color:#333;background:url('images/file.png') left center  no-repeat;float:left;}
.chitietsoluong{height:1.3125rem /*px:21px*/;width:60px;margin:8px 0px 0px 8px;background-color:#cccccc;float:right;border-radius:3px;}
#soluongmuahang{width:18px;height:1.1875rem /*px:19px*/;border:#ccc 1px solid;padding:0 /*px:0px*/;margin:0px;text-align:center;}
.soluongtru{float:left;height:1.3125rem /*px:21px*/;line-height:1.3125rem /*px:21px*/;margin:0px 7px;color:#fff;cursor:pointer;}
.soluongcong{float:right;height:1.3125rem /*px:21px*/;line-height:1.3125rem /*px:21px*/;margin:0px 7px;color:#fff;cursor:pointer;}
.nutdatmua{display:block;width:114px;height:2.3125rem /*px:37px*/;line-height:2.3125rem /*px:37px*/;text-indent:2.5625rem /*px:41px*/; background:url('images/datmua-bg.png');color:#fff;font-size:0.9375rem /*px:15px*/;font-weight:bold;float:left;}







#mieuta img{}
/*END CHITIETSANPHAM*/

/*BEGIN POPUP GIOHANG*/
.xgb-cart-overlay{position:fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,0.8););display:none;}
.popgiohang{margin:0px auto;width:850px;background-color:#FFF;position:relative;overflow:hidden;margin-top:30px;padding:0.625rem /*px:10px*/;}
.popgiohang h2{margin:0px;padding: 0.25rem 0 0.625rem 1.875rem /*px:4px 0px 10px 30px*/;border-bottom:#ddd 1px solid;font-sise:16px;position:relative;}
.popgiohang-tat{position:absolute;top:10px;right:10px;background:url('../images/icon-new.png') -255px 0px;width:21px;height:1.3125rem /*px:21px*/;cursor:pointer;z-index:1000;}
.popgiohang table{width:100%;margin-top:10px;}
.popgiohang table thead td{font-weight:bold;font-size:1rem /*px:16px*/;}
.popgiohang table tbody tr{border-top:#ddd 1px dotted;}
.banvuathem{line-height:2rem /*px:32px*/;font-size:0.9375rem /*px:15px*/;padding-left:1.5625rem /*px:25px*/;background-color: #d2eab1;border: 1px solid #90c24d;color: #090;position:relative;}
.tongtien{background-color:#f9f9f9;line-height:2.5rem /*px:40px*/;font-size:0.9375rem /*px:15px*/;margin-top:10px;border-top:#c3c3c3 1px solid;border-bottom:#f2f2f2;}
.tieptuc-thanhtoan{overflow:hidden;margin-top:10px;background-color:#FFF;}
.tieptucmuahang{float:left;padding:0.3125rem 0.625rem /*px:5px 10px*/;border:#c9c9c9 1px solid;border-radius:5px;background-color:#f7f7f7;}
.tieptucmuahang a{color:#000;}
.hotromuahang{float:left;padding:0.3125rem 0.625rem /*px:5px 10px*/;font-size:0.9375rem /*px:15px*/;position:relative;}
.hotromuahang span{}
/*END POPUP GIOHANG*/

/*BEGIN DANGKY*/
.dangky{overflow:hidden;padding:0 0 0 0 /*px:0px 0px 0px 0px*/;margin:10px 0px 0px 50px;list-style:none;}
.dangky li{overflow:hidden;margin-bottom:10px;}
.dangkytrai{width:150px;text-align:right;margin-right:10px;float:left;margin-top:3px;}
.dangkyphai{overflow:hidden;}
.nuttextdangky{width: 285px;height: 1.375rem /*px:22px*/;padding: 0.0625rem 0.25rem /*px:1px 4px*/;border: 1px solid #CCC !important;background: url('images/form_control_bg.gif') repeat-x left top !important;border-radius:0px !important;color:#000 !important;}
.nutselectdangky{height: 1.5625rem /*px:25px*/;padding: 0.125rem /*px:2px*/;width:91px;margin-right:8px;}
.nutpostlienheepc{width:86px;height:1.8125rem /*px:29px*/;line-height:1.8125rem /*px:29px*/;text-align:center;cursor:pointer;border:none;margin:0px;padding:0 /*px:0px*/;/*background:url('images/dangky.png') no-repeat;*/color:#fff;font-weight:bold;background: #8dc73f}
.quenmatkhausave{background: #8dc73f;  height: 1.875rem /*px:30px*/;border-style: none;width: 142px;color: white}
/*END DANGKY*/



/*BEGIN DANGNHAP*/
.dangnhaptraicha{float:left;width:50%;}
.dangnhapphaicha{float:right;width:50%;}
.dangnhaptrai{border-right:#ddd 1px solid;float:right;padding-right:2.1875rem /*px:35px*/;}
.dangnhapphai h2,.dangnhaptrai h2{font-size:1.125rem /*px:18px*/;margin:0px 0px 20px 0px;padding:0 /*px:0px*/;}
.dangnhaptrai ul{margin:20px 0px 0px 0px;padding:0 /*px:0px*/;overflow:hidden;list-style:none;}
.dangnhaptrai ul li{padding-left:3.125rem /*px:50px*/;color:#585252;min-height:2.5rem /*px:40px*/;margin-bottom:20px;}
.dangnhap-nhanbantin{background:url('images/dangnhap-nhanbantin.png') left 8px top 0px no-repeat;}
.dangnhap-quanly{background:url('images/dangnhap-quanly.png') left 8px top 0px no-repeat;}
.dangnhap-hotro{background:url('images/dangnhap-hotro.png') left 8px top 0px no-repeat;}
.dangnhapphai{overflow:hidden;margin-left:50px;}
.dangnhapphai ul{margin:20px 0px 0px 0px;padding:0 /*px:0px*/;list-style:none;overflow:hidden;}
.dangnhapphai ul li{margin-bottom:10px;}
.dangnhapphai ul li p{font-weight:bold;}
.nuttextdangnhap{border:#cccccc 1px solid;height:1.875rem /*px:30px*/;padding:0 0 0 1.25rem /*px:0px 0px 0px 20px*/;margin:0px;background-color:#fff;width:93%;}
.nutsubdangnhap{border:#0e6dad 1px solid;background-color:#0e76bc;width:148px;color:#fff;text-align:center;padding:0.375rem 0 /*px:6px 0px*/;margin:0px;font-weight:bold;cursor:pointer;}
/*END DANGNHAP*/

/*BEGIN LEFTCANHAN*/
.leftcanhan{width:213px;border:#ddd 1px solid;float:left;}
.leftcanhan-con{padding:0.9375rem 0.6875rem /*px:15px 11px*/;border-bottom:#ddd 1px solid;}
.leftcanhan-con h2{margin:0px;padding:0 /*px:0px*/;text-transform:uppercase;font-size:0.9375rem /*px:15px*/;color:#333;}
.leftcanhan-tieude{overflow:hidden;margin-top:15px;}
.leftcanhan-tieude img{width:35px;height:35px;margin-right:7px;float:left;}
.leftcanhan-tieude p{margin:0px;padding:0 /*px:0px*/;color:#0062b7;font-weight:bold;margin-top:12px;}
.leftcanhan-thongtin{padding:0.9375rem 0.6875rem /*px:15px 11px*/;}
.leftcanhan1{overflow:hidden;margin:0px;padding:0 /*px:0px*/;list-style:none;position:relative;}
.leftcanhanli{overflow:hidden;border-bottom:#ddd 1px dotted;margin-top:10px;padding-bottom:0.3125rem /*px:5px*/;position:relative;}
.leftcanhanli p{display:block;color:#605d57; font-weight:bold;margin:0px;padding:0 /*px:0px*/;cursor:pointer;}
.leftcanhan1 ul{margin:5px 0px 0px 10px;padding:0 /*px:0px*/;list-style:none;display:none;}
.leftcanhan1 ul li{overflow:hidden;margin-bottom:5px;}
.leftcanhan1 ul li a{color:#003399;}
.leftcanhan1 ul li a span{color:#F00;}
/*END LEFTCANHAN*/

/*BEGIN THONGTINCANHAN*/
.dangnhaptext{width:100%;margin:0px;padding:0 /*px:0px*/;border:#ddd 1px solid;height:1.875rem /*px:30px*/;line-height:1.875rem /*px:30px*/;}
.thongtincanhan{overflow:hidden;margin-left:225px;margin-right:2px;border:#ddd 1px solid;border-radius:4px;padding:0.3125rem /*px:5px*/;}
.thongtincanhan h1{background-color:#f0f0f0; border:#ddd 1px solid;border-radius:2px;height:1.875rem /*px:30px*/;line-height:1.875rem /*px:30px*/;margin:0px;padding:0 0 0 0.625rem /*px:0px 0px 0px 10px*/;font-size:0.9375rem /*px:15px*/;}
.thongtinnoidung{width:100%;margin:0px 0px 0px 10px;padding:0 /*px:0px*/;}
.thongtinnoidung ul{margin:10px 0px;padding:0 /*px:0px*/;list-style:none;overflow:hidden;}
.thongtinnoidung ul li{margin-bottom:10px;overflow:hidden;color:#333;padding:0 0.1875rem /*px:0px 3px*/;}
.thongtinnoidung-boc{overflow:hidden;padding-right: 0.625rem /*px:10px*/;}
.thongtinnoidung-left{float:left;margin-right:20px;width:100px;font-weight:bold;margin-top:7px;}
.thongtinnoidung2{overflow:hidden;}
.thongtinnoidung2 table{width:100%;margin-top:10px;border-left:#ddd 1px dotted;border-top:#ddd 1px dotted;}
.thongtinnoidung2 table thead{background-color:#f0f0f0;}
.thongtinnoidung2 table thead tr td{text-align:center;font-weight:bold;}
.thongtinnoidung2 table tbody tr a{color:#00F;}
.thongtinnoidung2 td{border-right:#ddd 1px dotted;border-bottom:#ddd 1px dotted;padding:0.625rem 0.625rem /*px:10px 10px*/;}
.hienthithem{min-width:50px;text-align:center;padding-top:2.1875rem /*px:35px*/;display:block;position:relative;color:#00F;font-weight:bold;float:left;margin-left:20px;}
.thongtinaddedit{overflow:hidden;}
/*END THONGTINCANHAN*/
/*BEGIN THANHTOAN*/
.thanhtoandangnhap{overflow:hidden;border:#eeeac1 1px solid;background-color:#f7f5c6;height:2.625rem /*px:42px*/;}
.thanhtoandangnhap div{border:#ffffcc 1px solid;overflow:hidden;height:2.5rem /*px:40px*/;line-height:2.5rem /*px:40px*/;text-indent:1.25rem /*px:20px*/;}
.thanhtoan_next{padding: 0.625rem /*px:10px*/;background: #8dc73f;line-height: 1.875rem /*px:30px*/;color: white;}
/*END THANHTOAN*/




/*BEGIN LIENHE*/
.xgb-contact__block{overflow: hidden;padding-top: 0.5rem /*px:8px*/;}
.xgb-contact__block h2,
.xgb-contact__block h3{font-size: 1.375rem /*px:22px*/;color: #af7313;text-transform: uppercase;margin-bottom: 20px;}
.xgb-contact__block .xgb-contact__info{width: 36%;float: left;color: #000000;line-height: 1.5rem /*px:24px*/;}
.xgb-contact__block .xgb-contact__info ul{padding: 0;margin: 0;list-style: none;}
.xgb-contact__block .xgb-contact__info ul li{margin-bottom: 10px;font-size: 0.9375rem /*px:15px*/;}
.xgb-contact__block .xgb-contact__info ul li a{color: black}
.xgb-contact__block .xgb-contact__form{width: 61%;float: right;}





#lienhe_hoten{background: url(../images/icon-user.png) 13px center no-repeat;}
#lienhe_dienthoai{background: url(../images/icon-phone-contact.png) 10px center no-repeat;}
#lienhe_noidung{background: url(../images/icon-content-contact.png) 10px center no-repeat;}
#lienhe_email{background: url(../images/icon-email-contact.png) 10px center no-repeat;}
#lienhe_diachi{background: url(../images/icon-contact-address.png) 10px center no-repeat;}
#lienhe_noidung {
    background: url(../images/icon-content-contact.png) 8px 10px no-repeat;
}

.xgb-contact__map{margin-top: 35px;}
.xgb-contact__map iframe{height: 28.125rem /*px:450px*/;}

#xgb-contact-list{margin: 0;padding: 0;}
#xgb-contact-list li{        padding: 0.3125rem 0 /*px:5px 0*/;
    overflow: hidden;
    width: 46%;
    float: left;
    }
#xgb-contact-list li:nth-child(2n){margin-right: 0;float: right;}
#xgb-contact-list li:nth-child(0n+5){width: auto;float: none;clear: both;}
#xgb-contact-list li .lienhe1{float: left; width: 30%;padding-top: 0.4375rem /*px:7px*/;}
#xgb-contact-list li .xgb-contact__input{width: 99%; padding: 0.4375rem 0% /*px:7px 0%*/;border: 1px solid #e4e4e4;text-indent: 1.75rem /*px:28px*/;}
#xgb-contact-list li .lienhe2 {
    float: left;
    width: 95%;
}
#xgb-contact-list li .xgb-contact__input.error{
    border: 1px dotted red;
}
#xgb-contact-list textarea{
        border: 1px solid #e4e4e4;
    height: 6.75rem /*px:108px*/;
    width: 99.5%;
    padding: 0%;
    text-indent: 1.8125rem /*px:29px*/;
    padding-top: 0.9375rem /*px:15px*/;
    font-family: arial;
}
#xgb-contact-list .xgb-contact__button{
        background: #af7313;
    border-radius: 0px;
    color: white;
    cursor: pointer;
    font-size: 1rem /*px:16px*/;
    border-radius: 3px;
    font-weight: normal;
    padding: 0.4375rem 1.3125rem /*px:7px 21px*/;
    border-style: none;

    text-transform: uppercase;
    margin-right: 10px;

}

/*.xgb-contact__input{width:100%;border:#ddd 1px solid;height:30px;text-indent:5px;}
.lienhe1{width:120px;float:left;margin-top:5px;margin-bottom:10px;overflow:hidden;}
.lienhe2{overflow:hidden;padding-right:10px;margin-left:120px}
.lienhe2 .xgb-contact__button{border-style: none;background: #16628a;padding: 10px 30px;color: white;border-radius: 5px; }
*/
/*END LIENHE*/



/******** FORM DETAIL **********************/


.cs-in-dk2{width:100%;border:#b7b7b7 1px solid;height:1.875rem /*px:30px*/;text-indent:0.3125rem /*px:5px*/;font-size: 0.875rem /*px:14px*/;}
.cs-in-dk3{border:#b7b7b7 1px solid;height:1.875rem /*px:30px*/;text-indent:0.3125rem /*px:5px*/;font-size: 0.875rem /*px:14px*/;}
.formregis1{width:20%;float:left;margin-top:5px;margin-bottom:10px;overflow:hidden;line-height: 1.5625rem /*px:25px*/;}
.formregis2{overflow: hidden;
    padding-right: 1%;
    /* margin-left: 120px; */
    width: 79%;}
.formregis2 .formregis2_left{width: 45%;float: left;}
.formregis2 .formregis2_right{width: 50%;float: right;}
.formregis2 .formregis2_right .formregis2_right_title{width: 40%;float: left;line-height: 2.125rem /*px:34px*/;}
.formregis2 .formregis2_right .formregis2_right_content{width: 60%;float: right;}

.formregis2 .xgb-contact__button{border-style: none;background: #af7313;padding: 0.625rem 1.5625rem /*px:10px 25px*/;color: white;border-radius: 5px; }
#formregisterdl{overflow:hidden;margin:0px auto;padding:0 /*px:0px*/;list-style:none;font-size: 0.875rem /*px:14px*/;}
#formregisterdl li{overflow:hidden;margin-bottom:10px;}



/******** FORM DETAIL **********************/

.chitieth1{
        color: #ff0101;
    font-weight: bold;
    border-left: 8px solid #2a2a2a;
    text-indent: 0.5625rem /*px:9px*/;
    height: 1.4375rem /*px:23px*/;
    text-transform: uppercase;
    font-size: 0.875rem /*px:14px*/;
    line-height: 1.4375rem /*px:23px*/;
}

/* Trang chu*/

.content_news{height: 17.5rem /*px:280px*/;border-bottom: 1px solid #e2e2e2;background: white}
.box_about_news{padding-top: 1.25rem /*px:20px*/;overflow: hidden;}

.about_left{
    width: 64%;
    float: left;
}
.about_left .title-about{

     color: #ff0101;
    font-weight: bold;
    border-left: 8px solid #2a2a2a;
    text-indent: 0.5625rem /*px:9px*/;
    height: 1.4375rem /*px:23px*/;
    text-transform: uppercase;
    font-size: 0.875rem /*px:14px*/;
    line-height: 1.4375rem /*px:23px*/;

}

.about_left .content_txt{margin-top: 10px;}
.about_left .content_txt img{margin-right: 10px;}
.about_left .content_txt .txt_box{
line-height: 1.1875rem /*px:19px*/;
    text-align: justify;
    ;

}
.about_left .content_txt a{float: right;color: #067eb8;text-decoration: none;font-size: 0.875rem /*px:14px*/;}
.about_right{
    float: right;
    width: 32%;
    height: 14.6875rem /*px:235px*/;
    background: #2a2a2a;
    padding: 1%;
    color: white;
}
.about_right h2{
     color: white;
    font-weight: bold;
    border-left: 8px solid white;
    text-indent: 0.5625rem /*px:9px*/;
    height: 1.4375rem /*px:23px*/;
    text-transform: uppercase;
    font-size: 0.875rem /*px:14px*/;
    line-height: 1.4375rem /*px:23px*/;

}







.jspContainer
{
    overflow: hidden;
    position: relative;
    width: 343px!important;
}

.jspPane
{
    position: absolute;
     width: 339px!important;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;

}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.625rem /*px:10px*/;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{

    position: relative;
}

.jspDrag
{
        background: #c9c9c9;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #c9c9c9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -1250rem /*px:-20000px*/;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 0.625rem /*px:10px*/;
}

.jspHorizontalBar .jspArrow
{
    width: 10px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
.jp-container{
       width: 35%!important;
    height: 15.625rem /*px:250px*/;
    outline:0;
    position:relative;

}
.tj_nav{
    position:absolute;
    right:.5em;
    top:0;
    margin-top:-35px;
    height:1.875rem /*px:30px*/;
    width:20px;

}
.tj_nav span{
    width:20px;
    height:0.8125rem /*px:13px*/;
    background:transparent url(../images/prev.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
    text-indent:-562.5rem /*px:-9000px*/;
    opacity:0.7;
    cursor:pointer;
    /*-webkit-transition: all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    */
}
.tj_nav span.tj_next{
    background-image:url(../images/next.png);
    top:auto;
    bottom:0px;
    left:0px;
}
.tj_nav span:hover{
    opacity:1.0;
}



/* tab san pham*/

.box_tabsanpham{margin-top: 20px;}
.chitiettap{          height: 2.5625rem /*px:41px*/;
   /* border-bottom: #c3c3c3 1px solid;*/
   margin-top: 30px;
    }
.chitiettap div{padding-left: 2.0625rem /*px:33px*/;}
.chitiettap a{      display: block;
    float: left;
    height: 1.875rem /*px:30px*/;
    text-align: center;
    line-height: 1.875rem /*px:30px*/;
    padding: 0.3125rem 2.8125rem /*px:5px 45px*/;
    margin-right: 30px;
    background: none;
    color: #464646;
    font-size: 0.8125rem /*px:13px*/;
    font-weight: normal;
   border-left: #e0e0e0 1px solid;
     border-right: #e0e0e0 1px solid;
    border-top: #e0e0e0 1px solid;
    font-size: 0.875rem /*px:14px*/;

    border-radius: 5px 5px 0px 0px;
    position: relative;text-transform: uppercase;
}
.chitiettap .a-actived:before{

  position: absolute;
    content: '';
    /* top: 0; */
    margin: 0 auto;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 0.6875rem /*px:11px*/;
    width: 23px;
    z-index: 1001;
    background: url(../images/icon-arrow-detail.png) center bottom no-repeat;
    margin: 0 auto;
  }
.a-actived{     color: white!important;
    background: #af7313!important;
   }
.chitiethienlenhome{margin-top: 15px;display: none;}
.chitiethienlen{        display: none;
    padding: 0.875rem 0.625rem 0.875rem 0.625rem /*px:14px 10px 14px 10px*/;
    /* padding-bottom: 0px; */
    border: 1px solid #dedede;
    border-radius: 0px;
    }









/* tab1*/
    .carousel {
        background-color: #fff;
    float: left;
    padding-left: 0 /*px:0px*/;
    position: relative;
    visibility: hidden;
    width: 100%;
    left: 22px !important;
    right: 73px !important;


}
.custom-container{
position: relative;
    overflow: hidden;
    padding-right: 1.25rem /*px:20px*/;
}
.custom-container a.prev, .custom-container a.next, .custom-container a.xgb-submit-icon {
    display: block;
    width: 26px;
    height: 1.875rem /*px:30px*/;
    line-height: 1;
    /*background-color: #f4f5f7 !important;*/
    color: #333;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 1.5625rem /*px:25px*/;
    /*border: 1px solid #ccc;*/
    float: left;
}
.custom-container a.prev {
    top: 50%;
    left: 0px;
    text-indent: 0.4375rem /*px:7px*/;
    position: absolute;
}
.custom-container a.next {
    top: 50%;
    text-indent: 0.625rem /*px:10px*/;
    right:0px;
     position: absolute;
         z-index: 9999;
}
.custom-container ul li{

    margin: 0 6px;
    border: 1px solid #e3e3e3;
    width: 220px;
    border-radius: 3px;
    height: 13.4375rem !important /*px:215px*/;

}
.custom-container ul li .img-tab{height: 135px;position: relative;    border-bottom: 1px solid #175ea7;}
.custom-container ul li .img-tab img{max-height: 85%;max-width: 85%;    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;}


.custom-container ul li .xgb-services__title{
    background: #f7f7f7;
    height: 5.375rem /*px:86px*/;
        font-size: 0.8125rem /*px:13px*/;

}
.custom-container ul li .xgb-services__title a:hover
{
text-decoration: none!important;
}
.custom-container ul li a img{
    border-radius: 7px;

}
.custom-container p.product-name{

    color: #2d2c2c;
    height: 2.25rem /*px:36px*/;
    overflow: hidden;

    padding-top: 0.4375rem /*px:7px*/;
    text-align: center;
    text-decoration: none!important;
    margin: 0 25px;
}
.custom-container p.product-name:hover{
    color: #2a2a2a;
    text-decoration: none!important;
}


.custom-container p.product-price{
        text-align: center;
    margin-top: 10px;
    color: #2d2c2c;
}
.custom-container .cate-bg{padding-bottom: 1.125rem /*px:18px*/;}

/* tab 2*/
 .carousel2 {
        background-color: #fff;
    float: left;
    padding-left: 0 /*px:0px*/;
    position: relative;
    visibility: hidden;
    width: 100%;
    left: 22px !important;
    right: 73px !important;


}
.custom-container2{
position: relative;
    overflow: hidden;
    padding-right: 1.25rem /*px:20px*/;

    height: 12.5rem /*px:200px*/;
}
.custom-container2 a.prev, .custom-container2 a.next, .custom-container2 a.xgb-submit-icon {
    display: block;
    width: 26px;
    height: 1.875rem /*px:30px*/;
    line-height: 1;
    /*background-color: #f4f5f7 !important;*/
    color: #333;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 1.5625rem /*px:25px*/;
    /*border: 1px solid #ccc;*/
    float: left;
}
.custom-container2 a.prev {
    top: 50%;
    left: 0px;
    text-indent: 0.4375rem /*px:7px*/;
    position: absolute;
}
.custom-container2 a.next {
    top: 50%;
    text-indent: 0.625rem /*px:10px*/;
    right:0px;
     position: absolute;
         z-index: 9999;
}
.custom-container2 ul li{

    margin: 0 6px;
    border: 1px solid #e3e3e3;
    width: 220px!important;
    border-radius: 3px;
    height: 12.375rem!important /*px:198px*/;

}
.custom-container2 ul li .img-tab{height: 135px;position: relative;    border-bottom: 1px solid #175ea7;}
.custom-container2 ul li .img-tab img{max-height: 85%;max-width: 85%;    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;}


.custom-container2 ul li .xgb-services__title{
    background: #f7f7f7;
    height: 3.875rem /*px:62px*/;
    font-size: 0.8125rem /*px:13px*/;

}
.custom-container2 ul li .xgb-services__title a:hover
{
text-decoration: none!important;
}
.custom-container2 ul li a img{
    border-radius: 7px;

}
.custom-container2 p.product-name{
       font-size: 0.8125rem /*px:13px*/;
    color: #2d2c2c;
    height: 1.0625rem /*px:17px*/;
    overflow: hidden;

    padding-top: 0.4375rem /*px:7px*/;
    text-align: center;
    text-decoration: none!important;
}
.custom-container2 p.product-name:hover{
    color: #2a2a2a;
    text-decoration: none!important;
}


.custom-container2 p.product-price{
        text-align: center;
    margin-top: 10px;
    color: #2d2c2c;
}
.custom-container2 .cate-bg{padding-bottom: 1.125rem /*px:18px*/;}


/* home content center*/


.home-content-center{
    background: #f0f0f0;


    padding-top: 1.25rem /*px:20px*/;
    overflow: hidden;

}


#xgb-page-body{width: 100%;overflow: hidden;}


.title-left{
    background: #2a2a2a url(../images/icon_3gach.png) 10px no-repeat;
    height: 2.125rem /*px:34px*/;
    line-height: 2.125rem /*px:34px*/;
    color: white;
    font-size: 0.875rem /*px:14px*/;
    text-transform: uppercase;
    text-indent: 1.75rem /*px:28px*/;
    font-weight: normal;

}
.xgb-panel{overflow: hidden;}
.xgb-panel .coll_top_left{float: left;
    width: 66%;
   }
.xgb-panel .coll_top_right{
    width: 32%;
    float: right;}
/*BEGIN DANHSACHXOXUONG*/
.leftdcbf{background:url('images/left-danhmuc.png') no-repeat;position:absolute;top:0px;left:-3px;height:2.4375rem /*px:39px*/;width:214px;line-height:2.25rem /*px:36px*/;text-indent:1.25rem /*px:20px*/;font-size:0.9375rem /*px:15px*/;padding:0 /*px:0px*/;margin:0px;color:#fff;color:#fff;}
.lefttc{background:url('images/left-truycap-bg.png') no-repeat;position:absolute;top:0px;left:0px;height:1.9375rem /*px:31px*/;width:214px;line-height:1.9375rem /*px:31px*/;text-indent:1.875rem /*px:30px*/;font-size:0.9375rem /*px:15px*/;padding:0 /*px:0px*/;margin:0px;color:#fff;color:#fff;}
.arrowlistmenu{margin:0px;padding:0 /*px:0px*/;list-style:none;    border: 1px solid #cccccc;
    margin-top: 0px;}
.navigation .arrowlistmenu{ padding: 0 0 0 0 /*px:0px 0px 0px 0px*/;}
.arrowlistmenu .menuheader{}
.arrowlistmenu .left-li1.activemn1 .categoryitems{display: block!important;}
.left-li1{padding-left:0 /*px:0px*/;border-bottom: 1px solid #e3e3e3;;position: relative;}
.left-li1.is-active .categoryitems{display: block!important;}
.left-li1:hover{}
.left-li1 a:hover{color:#2a2a2a;}
.left-h31{
      margin-bottom: 5px;
    position: relative;
    line-height: 2.1875rem /*px:35px*/;
    padding-top: 0.625rem /*px:10px*/;
    padding-bottom: 0.1875rem /*px:3px*/;
    padding-left: 0.8125rem /*px:13px*/;
    /*background: url(../images/bg-child-left-menu.png) right center no-repeat;*/
    margin-right: 11px;

}
.left-h31 img{float: left;margin-right: 15px;margin-top: 2px;}
.left-li1.activemn1 .left-h31 a{color: #af7313!important}
.left-li1 .categoryitems{}
.left-li1:last-child{border: none;}

.left-li1 .categoryitems li{
    background: 14px 9px url(images/left-li2-bg-chiden.png) no-repeat;
    padding-left: 2.375rem /*px:38px*/;
    line-height: 1.5rem /*px:24px*/;
    padding-bottom: 0.4375rem /*px:7px*/;
    border: none;}
.left-h31 a:hover,.is-active .left-h31 a,.activecon{color: #dd4b44!important}
.left-li1 a{display:block;color:#4e4e4e;    font-size: 0.875rem /*px:14px*/;}
.left-li1:last-child .left-h31 {border-bottom: none;}
.left-h31 i{margin-top: 11px;}
/*.left-li1:nth-child(n) h3{border-bottom: none!important;}*/

.categoryitems{       z-index: 999;
    margin: 0px;
    padding: 0 /*px:0px*/;
    list-style: none;
    padding: 0 0.9375rem /*px:0px 15px*/;
    /* position: absolute; */
    /* left: 100%; */
    top: 0px;
    background: white;
    padding: 0.625rem 0 /*px:10px 0px*/;
    display: none;
    width: 100%;
    /* border: 1px solid #ccc; */
  }
.categoryitems li{    background: url(images/left-li2-bg.png) 2px center no-repeat;
    padding-left: 1.4375rem /*px:23px*/;
    margin-bottom: 5px;
    position: relative;
    line-height: 2.4375rem /*px:39px*/;
    border-bottom: 1px dashed #9c9c9c;}
.categoryitems li.activemn a,.categoryitems li a:hover{color: #af7313!important;}
.categoryitems li:last-child{border: none;}
.categoryitems li a{font-size: 0.8125rem /*px:13px*/;color: black}

.categoryitems h3{margin:0px;padding:0 /*px:0px*/;font-size:0.75rem /*px:12px*/;font-weight:normal;}
.categoryitems ul{margin:0px;padding:0 /*px:0px*/;top:0px;position:absolute;left:100%;display:none;background-color:#fff;min-width:200px;list-style:none;z-index:999;}
.categoryitems ul li{background:none;border-bottom:#ddd 1px dotted;}
.categoryitems ul li a{line-height:1.5625rem /*px:25px*/;}
/*END DANHSACHXOXUONG*/



.video-left{margin: 17px 0px;}
.blocklr{position:relative;overflow: hidden;margin-bottom: 20px;}
.adscontent p{margin-bottom: 7px}
.adscontent p:last-child{margin-bottom: 0}
.title-lrall{
       height: 3.75rem /*px:60px*/;
    line-height: 3.75rem /*px:60px*/;
    color: #af7313;
    font-size: 1.125rem /*px:18px*/;
    text-transform: uppercase;
    /* text-indent: 22px; */

    text-align: center;
    /* background: #af7313; */
    /* text-indent: 49px; */
    /* padding-left: 30px; */
    /* border-bottom: 5px solid #c38100; */
    border-radius: 10px 10px 0px 0px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.title-lrall a{color: white;font-size: 0.8125rem /*px:13px*/;}


.software-title{text-indent: 0.8125rem!important /*px:13px*/}

.loaitincontitle{text-transform: none!important;text-indent: 0.9375rem!important /*px:15px*/;line-height: 2.1875rem!important /*px:35px*/;}
.loaitincontitle span{font-size: 0.875rem /*px:14px*/;}
.loaitincontitle span:last-child{display: none;}
.loaitincontitle a{font-weight: 400px;}
.dangtruycap{background: url(../images/icon-online.png) no-repeat;}
.truycaphomnay{background: url(../images/icon-alltruycap.png) no-repeat;}
.truycaphomqua{background: url(../images/icon-allhomqua.png) no-repeat;}
.alltruycap{ background: url(../images/icon-allhomnay.png) no-repeat;}

.thongkeonline{    padding: 0.8125rem 0.625rem 0.125rem 0.625rem /*px:13px 10px 2px 10px*/;}
.thongkeonline p{margin-bottom: 10px;    text-indent: 1.5rem /*px:24px*/;height: 1.25rem /*px:20px*/;}

.softwareimg .all-content{padding: 0.4375rem /*px:7px*/;}
.classquangcao img{width: 100%}

.all-content{overflow: hidden;
    border: 1px solid #cccccc;}
.all-content .lineall{text-align: center;margin-bottom: 10px;}
.clred{color: #b21117}
.boxcontactdl{padding: 0.8125rem 0 /*px:13px 0px*/;}

.pro-flr-cate-title{height:5.625rem /*px:90px*/;width:191px;background-repeat:no-repeat;border-right:1px solid #e6e6e6;position:relative;color:#fff;font-size:1.125rem!important /*px:18px*/}
.pro-flr-cate-title ul{height:5.625rem /*px:90px*/;float:left;margin-left:20px;width:85%;display:table-cell;vertical-align:middle}
.pro-flr-cate-title ul li{float:left;display:inline-block;margin:0 8px;text-align:center;height:100%;vertical-align:middle;margin:0 auto}
.pro-flr-cate-title ul li a{color:#fff;font-size:1rem /*px:16px*/;width:100%;float:left;height:50%}
.pro-flr-cate-title ul li span{font-size:1.125rem /*px:18px*/}
.pro-flr-cate-title ul li span{font-size:1.125rem /*px:18px*/;margin-top:15px;float:left;width:100%;transition:transform .2s linear}
.pro-flr-cate-title ul li span:hover{}
.pro-flr-name{position:absolute;left:8px;top:6px}
.pro-flr-name span{font-size:1.125rem!important /*px:18px*/}
.pro-flr-cate-list{height:12.375rem /*px:198px*/;background-color:#fafaf8}
.pro-flr-cate-list ul{padding-top:0.625rem /*px:10px*/}
.pro-flr-cate-list ul li{line-height:1.875rem /*px:30px*/;padding-left:1.125rem /*px:18px*/}
.pro-flr-cate-list ul li a{color:#222}
.pro-flr-cate-list ul li:hover{cursor:pointer;color:#fff}
.pro-flr-cate-list ul li:hover a{color:#fff;text-decoration:none}
.pro-flr-provider{height:9.75rem /*px:156px*/;background-color:#fff;width:235px;overflow:hidden}
.provider-list2{width: 235px;
    height: 9.75rem /*px:156px*/;
    vertical-align: middle;
    margin: 0 auto;
    /* margin-left: 27px; */
    overflow: hidden;}
.pro-flr-bnr-list{width:100%;position:relative}
.flr-bnr-item{border-top:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;overflow:hidden;text-align:center}
.banner-right-default{position:relative;float:left;width:100%}

.flr-prov-back{
        position: absolute;
    z-index: 20;
    width: 16px;
    height: 0.9375rem /*px:15px*/;
    overflow: hidden;
    background: url(../images/duan_pre.png) no-repeat;
    right: 25px;
    top: 11px;
    cursor: pointer;
}



.flr-prov-next{position: absolute;
    z-index: 20;
    width: 16px;
    height: 0.9375rem /*px:15px*/;
    overflow: hidden;
    background: url(../images/duan_next.png) no-repeat;
    right: 5px;
    top: 11px;
    cursor: pointer;
}






.flr-prov-back .fa,.flr-prov-next .fa{color:#f1f1f1;font-size:2.5rem /*px:40px*/;margin-top:40px}
.flr-prov-next{margin-left:163px}
.flr-prov-next i{margin-right:8px}
.flr-prov-back i{margin-left:8px}
.flr-prov-list{overflow:hidden;height:9.75rem /*px:156px*/;display:table-cell;vertical-align:middle}
.flr-prov-list-top,.flr-prov-list-bottom{text-align:center}
.prov-slide-navigator{display:none}
.flr-prov-list img{transition:transform .2s linear}
.flr-prov-list .flr-prov-list-top:hover img,.flr-prov-list .flr-prov-list-bottom:hover img{padding-right:0.3125rem /*px:5px*/;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px);transition:transform .2s linear}
.flr-bnr-item img{transition:transform .2s linear;text-align:center}
.pro-flr-bnr-list .flr-bnr-item:hover img{padding-right:0.3125rem /*px:5px*/;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px);transition:transform .2s linear}
.list-cate-top li .img-cate-top{max-height:32px;max-width:32px}
.list-cate-top li a:hover .img-cate-top{max-height:39px;max-width:39px}
.prov-floor-wrap{margin-top:25px}
.prov-floor-left{width:190px}
.prov-floor-left img{max-width:190px;max-height:425px}
.prov-floor-center{margin:0 4px;width:802px}
.prov-floor-right{width:190px}
.prov-flr-item{float:left;width:131px;height:5.0625rem /*px:81px*/;background-color:#fff;border-left:2px solid #f5f5f5;border-top:2px solid #f5f5f5;display:table-cell;vertical-align:middle;position:relative}


.prov-flr-item i{display:none;position:absolute;top:6px;right:6px;color:red;font-size:0.8125rem!important /*px:13px*/}
.prov-flr-item img{display:block;vertical-align:middle;margin:0 auto;max-width:132px}
.prov-flr-list-content{margin-left:2px}
.bottom-floor-banner{width:191px}
.bottom-floor-question{width:344px;border-right:1px solid #ddd;background-color:#fff;height:18.4375rem /*px:295px*/;padding:0.3125rem 1.25rem 0 1.25rem /*px:5px 20px 0 20px*/;font-size:0.75rem /*px:12px*/}
.bottom-floor-question a:hover{color:#15c!important}
.bottom-floor-news{background-color:#fff;height:18.4375rem /*px:295px*/;width:574px;padding:0.3125rem 1.25rem 0 1.25rem /*px:5px 20px 0 20px*/;font-size:0.75rem /*px:12px*/}
.bottom-floor-news .view-all{margin-top:3px}
.bottom-floor-news a:hover{color:#15c!important}
.float-left{float: left;}





/*right home*/

#xgb-aside{
width: 28%;
float: right;


}

#xgb-content{
width: 70%;
float: left;
overflow: hidden;

}

/*BEGIN TRANG CHU*/
.news_home{margin: 13px 0px 20px  0px;}
.blockmainnew{border-top: 1px solid #cccccc;overflow: hidden;padding: 2rem 1.0625rem 2.625rem 0 /*px:32px 17px 42px 0px*/;}
.blocktitlenews{
  text-transform: uppercase;
    color: #af7313;
    padding: 0 2.5rem /*px:0 40px*/;

    /* background: url(../images/noibat.png) left center; */
    background-repeat: no-repeat;
    font-size: 1.875rem /*px:30px*/;
    line-height: 2.75rem /*px:44px*/;

    text-align: center;
    display: inline-block;
    color: #af7313;}
.blocktitlenews a{color: #af7313;}
.blockmainnew ul{margin-right: 1%;float: left;}
.blockmainnew ul li.lichildnews{    overflow: hidden;
    padding-left: 1.4375rem /*px:23px*/;
    line-height: 1.75rem /*px:28px*/;
    height: 1.875rem /*px:30px*/;
    color: #16628a;
    font-size: 0.875rem /*px:14px*/;}
.blockmainnew ul li.lichildnews a{color:#16628a; }
.blockmainnew ul li.xgb-card{    overflow: hidden;
    background: none;
    margin-bottom: 15px;
    padding-bottom: 1.375rem /*px:22px*/;
    border: 1px solid #ccc;
    text-align: center;
   }
.blockmainnew ul li.xgb-card .morenews{text-align: right;overflow: hidden;}
.titlenewshome{height: 1.25rem /*px:20px*/;overflow: hidden;margin-bottom: 7px;}
.blockmainnew ul li.xgb-card .xgb-aside-news__link{    color: #111;
    font-size: 1rem /*px:16px*/;
    display: block;
    margin: 20px 0 15px 0;}
.blockmainnew ul li.xgb-card .xgb-aside-news__link:hover{color: #af7313;}
.blockmainnew ul li.xgb-card .xgb-aside-news__row{    font-size: 0.875rem /*px:14px*/;}




.blockmainnew ul li.xgb-card .xgb-aside-news__row img{}
.blockmainnew ul li.xgb-card .xgb-aside-news__row .xgb-aside-news__body{ margin-left: 18px;line-height: 1.375rem /*px:22px*/;   color: #3f3f3f;    text-align: justify;}
.blockmainnew ul li.xgb-card .xgb-aside-news__row .xgb-aside-news__body span{color: #af7313;}
.blockmainnew ul li.xgb-card .xgb-aside-news__row .xgb-aside-news__body a{padding: 0 0.25rem /*px:0px 4px*/;
    border: 1px solid #16628a;
    color: #16628a;
    display: inline-block;}

.trangchusanpham{overflow:hidden;margin-bottom:7px;}
.trangchusanpham-td{overflow: hidden;
    border-bottom: #0955a3 1px solid;
    /* background-color: #f0f0f0; */
    padding-bottom: 0.625rem /*px:10px*/;   }
.trangchusanpham-td h1,.trangchusanpham-td h2{

    color: #ff0101;

    border-left: 8px solid #0955a3;
    text-indent: 0.5625rem /*px:9px*/;
    height: 1.4375rem /*px:23px*/;
    text-transform: uppercase;
    font-size: 0.875rem /*px:14px*/;
    line-height: 1.4375rem /*px:23px*/;float: left;

}
.trangchusanpham-td h2 a,.trangchusanpham-td h1 a{color: #ff0101;}
.sanphamchacha{position:relative;overflow:hidden;}
.spleft{background:#FFF url('images/arrowl.gif') no-repeat;width:20px;height:1.25rem /*px:20px*/;position:absolute;top:50%; left:0px;cursor:pointer;margin-top:-10px;}
.spright{background:#FFF url('images/arrowr.gif')no-repeat;width:20px;height:1.25rem /*px:20px*/;position:absolute;top:50%; right:0px;cursor:pointer;;margin-top:-10px;}
.trangchusanphamul{margin:10px 20px 0px 20px !important;height:14.1875rem /*px:227px*/;}


.nobordertop{border: none!important;}
.procol2 ul.nobordertop li .boxallproduct{border-left: 1px solid #c4c4c4!important;border-top: 1px solid #c4c4c4!important;}
.trangchusanpham ul{overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0 /*px:0px*/;
    list-style: none;

    padding: 0 /*px:0px*/;}
.trangchusanpham ul li{
        float: left;
    overflow: hidden;

    /* border: 1px solid #e3e3e3; */
    width: 25%;
    border-radius: 0px;
    margin-bottom: 0px;

}


.trangchusanpham ul li .boxallproduct{border: 1px solid #c4c4c4;}

.borderallcategory{border-top: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;}
.borderallcategory ul li .boxallproduct{border-left: none;border-top: none;}
.trangchusanpham ul li:nth-child(4n){margin-right: 0}

.borderallcategory ul li .boxallproduct{}

.procol2 ul{border-left: 1px solid #c4c4c4;border-top: 1px solid #c4c4c4;}
.procol2 ul li:nth-child(3n){}
.procol2 ul li{    width: 33.3%!important;margin-bottom: 0!important;}
.procol2 ul li .boxallproduct{border-left: none!important;border-top: none;}
.procol2 ul li:nth-child(3n){margin-right: 0!important}
.procol2 ul li .info-bottom .xgb-services__title{height: 2.375rem /*px:38px*/;overflow: hidden;}

.navigation{    margin-bottom: 17px;}
.trangchusanpham ul li .img-tab{height: 210px;position: relative;    background: white;}
.trangchusanpham ul li .img-tab img{max-height: 100%;max-width: 94%;    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;}


.trangchusanpham ul li .info-bottom{
    margin-top: 5px;

    font-size: 0.875rem /*px:14px*/;
    padding: 0 0.625rem 0.8125rem 0.625rem /*px:0 10px 13px 10px*/;
    padding-top: 0;
    text-align: center;
    ;
}

.trangchusanpham ul li .info-bottom .xgb-services__title{


    font-weight: bold;
    font-size: 1rem /*px:16px*/;
    color: #545454;
   text-transform: uppercase;
    margin-bottom: 8px;

    height: 2.625rem /*px:42px*/;overflow: hidden;text-align: center;
}
.trangchusanpham ul li .info-bottom .xgb-services__title a{color: #545454;}
.trangchusanpham ul li .product-price{color: #545454;text-align: center;}
.trangchusanpham ul li .product-price span{color: #c91e1e;}

.trangchusanpham ul li .info-bottom .info-salepro{margin-top: 13px;font-size: 0.875rem /*px:14px*/;color: #555555;line-height: 1.375rem /*px:22px*/;}
.trangchusanpham ul li .info-bottom .info-salepro .product-ma{height: 1.375rem /*px:22px*/;overflow: hidden;}


.more-product{text-align: center;margin-top: 15px;}
.more-product a{    display: inline-block;

    padding: 0.3125rem 1.1875rem /*px:5px 19px*/;
    color: white;
    ;
    font-size: 0.875rem /*px:14px*/;
    border-radius: 4px;
    background: #3d3d3d;}
.more-product a:hover{background: #af7313;color: white}
.more-product a:first-child{margin-right: 10px;}
.hover-hinhanh {
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    display: none;
    color: white;
    background: rgba(19,19,19,0.75);
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    display: inline-block;
           background: rgba(8, 119, 0, 0.45);

}

.trangchusanpham ul li:hover .hover-hinhanh{opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);}
.hover-hinhanh .moreproduct a{display: inline-block;
    border: 1px solid white;
    color: white;
    padding: 0.6875rem 1.3125rem /*px:11px 21px*/;
    font-size: 0.875rem /*px:14px*/;
    border-radius: 4px;
    margin-top: 29%;
    }

.model-pro{color: #16628a;}
.trangchusanpham ul li a img{
    border-radius: 0px;

}



.trangchusanpham p.product-name{
         height: 1.9375rem /*px:31px*/;
    color: #3f3f3f;
    overflow: hidden;
    padding-top: 0.4375rem /*px:7px*/;
    text-align: center;
    text-decoration: none!important;
    margin: 0 25px;
}
.trangchusanpham p.product-name:hover{
    color: #0955a3;
    text-decoration: none!important;
}


.trangchusanpham p.product-price{
        text-align: center;
    margin-top: 5px;
    color: #2d2c2c;
    font-weight: normal;
    font-style: italic;
}



.trangchusanpham ul li.boximgcategory{
  min-height: 25rem /*px:400px*/;
}
.trangchusanpham ul li.boximgcategory h2{text-align: center;margin-top: 31%}
.trangchusanpham ul li.boximgcategory h2 a{display: inline-block;padding-bottom: 0.3125rem /*px:5px*/;border-bottom: 1px solid white;padding: 0 0.625rem 0.375rem 0.625rem /*px:0px 10px 6px 10px*/;color: white;text-transform: uppercase;}
.trangchusanpham ul li .category-brief{margin-top: 10px;width: 80%;margin: 0 auto;font-size: 0.875rem /*px:14px*/;margin-top: 10px;color: white}
.morecategory{text-align: center;}
.morecategory a{display: inline-block;padding: 0.5rem 1.375rem /*px:8px 22px*/;text-transform: uppercase;color: white;font-size: 0.875rem /*px:14px*/;border: 1px solid white;margin-top: 10%;border-radius: 4px;}
/********BANNER + SUPPORT *********/
.homerow1{    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 40px;}
.homerow1 h3{text-align: center;font-size: 1.875rem /*px:30px*/;text-transform: uppercase;color: #af7313;margin-bottom: 18px;}

.homerow2{overflow: hidden;min-height: 37.5rem /*px:600px*/;}
.homerow2 .contenthome2{background: url(../images/bg-about.png) repeat;width: 560px;margin: 0 auto;margin-top: 50px;border-radius: 5px;max-width: 100%;}
.homerow2 .contenthome2 h3{display: inline-block;


    padding: 0 0.625rem 0.375rem 0.625rem /*px:0px 10px 6px 10px*/;

    color: #af7313;
    font-size: 1.875rem /*px:30px*/;
    text-transform: uppercase;margin-bottom: 22px;}
.homerow2 .contenthome2 h3 a{color: #af7313}

.homerow2 .contenthome2 h4 a{display: inline-block;


    padding: 0 0.625rem 0 0.625rem /*px:0px 10px 0px 10px*/;

    color: white;
    font-size: 1.125rem /*px:18px*/;
    text-transform: uppercase;}
.homerow2 .contenthome2 .boxpadding{padding: 1.8125rem 2.5rem /*px:29px 40px*/;}
.briefnews1tin{margin-top: 0px; ;
    color: white;
    font-size: 0.875rem /*px:14px*/;line-height: 1.625rem /*px:26px*/;}
.moretin1home{overflow: hidden;margin-top: 10px;text-align: center;}
/*.homerow2 .bannerhomecol1{    width: 74.4%;float: left;height: 250px;overflow: hidden;}
.homerow2 .bannerhomecol1 .listads{position: relative;}

.homerow2 .bannerhomecol1 .listads .boxinfoadshome{    position: absolute;
    left: 10%;
    top: 10%;
    right: 0;}
.homerow2 .bannerhomecol1 .listads .boxinfoadshome h4{text-transform: uppercase;font-size: 24px;color: white}
.homerow2 .bannerhomecol1 .listads .boxinfoadshome .briefadshome{font-size: 18px;color: white;margin: 15px 0px;line-height: 30px; }
.homerow2 .bannerhomecol1 .listads .boxinfoadshome .moreadshome{}
.homerow2 .bannerhomecol1 .listads .boxinfoadshome .moreadshome a{display: inline-block;font-size: 14px;text-transform: uppercase;padding: 9px 22px;color: white;border: 1px solid white;border-radius: 3px;}

.homerow2 .bannerhomecol2{    float: right;width: 23.5%;background: #2e683b;height: 250px;overflow: hidden;}

*/
.homerow3{margin-top: 30px;overflow: hidden;}
.homerow3 .bannerhomecol1{    width: 74.4%;float: left;}
.formproductnews ul{overflow: hidden;}
.formproductnews ul li{float: left;text-align: center;margin-right: 0.1%}
.formproductnews ul li:nth-child(0n+1){width: 40.4%;text-align: left;text-indent: 1.25rem /*px:20px*/;}
.formproductnews ul li:nth-child(0n+2){width: 14%;}
.formproductnews ul li:nth-child(0n+3){width: 17%;}
.formproductnews ul li:nth-child(0n+4){width: 15%;}
.formproductnews ul li:nth-child(0n+5){width: 13%;margin-right: 0px;}

.formproductnews ul.headerpronews{height: 2.5rem /*px:40px*/;
    margin-top: 20px;

    text-transform: uppercase;
    line-height: 2.625rem /*px:42px*/;

    color: white;
    font-size: 0.875rem /*px:14px*/;}
.formproductnews ul.headerpronews li{ background: #2e683b;}

.formproductnews ul.contentpronews{    overflow: hidden;
    height: 3.125rem /*px:50px*/;
    line-height: 3.125rem /*px:50px*/;font-size: 0.875rem /*px:14px*/;}

.formproductnews  ul.contentpronews li{background:#f0f0f0; }
.formproductnews  ul.contentpronews:nth-child(2n) li{background:#fafafa; }

.formproductnews  ul.contentpronews li a{color: #2e683b}


.homerow3 .bannerhomecol2{    float: right;width: 23.5%;}

.customvideo{margin-top: 20px;}
.customvideo .briefvideohome{margin-top: 20px;font-size: 1rem /*px:16px*/;}



.homerow4{margin-top: 35px;overflow: hidden;background: #af7313;padding: 1.25rem 2.5rem /*px:20px 40px*/;}
.homerow4 i{    width: 11%;
    float: left;
    font-size: 5.0625rem /*px:81px*/;
    color: white;width: 95px;margin-right: 7px;}
.homerow4 .homerow4content{width: 60%;float: left;}
.homerow4 .moretin1home{width: 35%;
    float: right;
    margin-top: 22px;}
.homerow4 .homerow4content h5{font-size: 1.125rem /*px:18px*/;text-transform: uppercase;color: white;}
.homerow4 .homerow4content .briefnews1tin{font-size: 0.875rem /*px:14px*/;color: white;margin-top: 0px;}

.homerow5{margin-top: 35px;}
.moretin1home a{   background: #af7313;
    padding: 0.625rem 1.9375rem /*px:10px 31px*/;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    font-size: 1rem /*px:16px*/;
    }

.tintucmoinhat{margin-top: 0px;font-size: 0.875rem /*px:14px*/;margin-top: 25px;overflow: hidden;line-height: 1.6;padding-bottom: 0.5rem /*px:8px*/;}
.tintucmoinhat ul{overflow: hidden;}
.tintucmoinhat ul li{

   float: left;width: 23.5%;margin-right: 2%;
}
.tintucmoinhat ul li:nth-child(4n){margin-right: 0;}
.tintucmoinhat ul li a{

}


.tintucmoinhat ul li .borderfullnewshot{border: 1px solid #d7d7d7;}
.tintucmoinhat ul li:hover .borderfullnewshot{border: 1px solid #af7313;}

.tintucmoinhat ul li .imgnewshot{text-align: center;height: 6.9375rem /*px:111px*/;}
.tintucmoinhat ul li .imgnewshot img{max-width: 100%;max-height: 100%;margin-top: 10px;}
.tintucmoinhat ul li .titlenewshot{font-size: 1rem /*px:16px*/;color:#af7313; padding-bottom: 0.75rem /*px:12px*/;border-bottom:1px solid #af7313;text-align: center;margin: 10px 20px 20px 20px;height: 2.375rem /*px:38px*/;overflow: hidden; }
.tintucmoinhat ul li .titlenewshot a{color:#af7313;}
.tintucmoinhat ul li .briefnewhot{color: #808080;margin: 0 20px 25px 20px;font-size: 0.875rem /*px:14px*/;line-height: 1.3125rem /*px:21px*/;height: 5.4375rem /*px:87px*/;overflow: hidden;}


.homerow6{margin-top: 37px;margin-bottom: 30px;}
.homerow6 ul{overflow: hidden;margin-top: 25px;}
.xgb-aside-news__list li{    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.125rem /*px:18px*/;}

.xgb-aside-news__list li .xgb-aside-news__item{overflow: hidden;}
.xgb-aside-news__list li .xgb-aside-news__media{float: left;width: 39%;}
.xgb-aside-news__list li .xgb-aside-news__media img{max-width: 100%}
.xgb-aside-news__list li .xgb-aside-news__body{width: 56%;float: right;padding: 0.625rem 0 /*px:10px 0px*/;padding-right: 1%}
.xgb-aside-news__list li .xgb-aside-news__body .xgb-aside-news__heading{font-size: 0.875rem /*px:14px*/;color: #484849;height: 2.375rem /*px:38px*/;overflow: hidden;line-height: 1.6;padding-bottom: 0.5rem /*px:8px*/;}
.xgb-aside-news__list li .xgb-aside-news__body .xgb-aside-news__heading a{color: black;font-weight: bold;}
.xgb-aside-news__list li:last-child{padding-bottom: 0;border-bottom: none}

.briefchildnews{margin-top: 3px;
    color: #404040;

    font-size: 0.875rem /*px:14px*/;
    line-height: 1.375rem /*px:22px*/;
    height: 4rem /*px:64px*/;
    overflow: hidden;}

.xgb-aside-news__list li .xgb-aside-news__body .morenews{font-size: 0.875rem /*px:14px*/;color: #af7313;margin-top: 10px;}
.xgb-aside-news__list li .xgb-aside-news__body .morenews a{color: #af7313;}
/*END TRANGCHU*/

.dslt-con{float: right;margin-top: 9px;}

.dslt-con a{color:#484747;font-size:0.8125rem /*px:13px*/;}


/* box doitac*/

.hd-navigation-fixed {
    position: fixed;
    right: 10px;
    top: 30%;
}


/* loaitin sp*/

/* chitietsp*/
.detail-info{
    overflow: hidden;

    }
.detail-info img{
        /* float: left; */
    margin-right: 30px;
    /* width: 99%; */
    max-width: 100%;
}

.detail-ts{font-size: 0.875rem /*px:14px*/;width: 50%;float: right;}
.detail-ts .boxinfoback{background: #f1fafe;padding: 0.9375rem 1.25rem /*px:15px 20px*/;}
.detail-ts .detail-title h3{
    color: #2a2a2a;
    font-size: 0.875rem /*px:14px*/;
    margin-bottom: 10px;
    font-weight: 300;
    font-style: normal;
}
.detail-ts .detail-title h3 span{color: #16628a;}
.detail-ts .detail-lt{


    margin-bottom: 10px;
}
.detail-ts .detail-pr{
    margin-bottom: 9px;
    color: #505050;
    ;
}
.pricedetail{color: #af7313}
.detail-ts .detail-pr:last-child{margin-bottom: 0}
.detailpr-bottom{margin-top:15px;}
.detailpr-bottom a{
   display: inline-block;
   padding: 0.5625rem 1.375rem /*px:9px 22px*/;
   background: #494949;
   margin-right: 10px;
   color: white;
   border-radius: 4px;
}
.detailpr-bottom a:hover{background: #af7313}
.detail-ts .detail-ud{
   margin-top: 10px;
   margin-bottom: 10px;
}
.briefdetail{margin-top: 15px;font-size: 0.875rem /*px:14px*/;    line-height: 1.25rem /*px:20px*/;max-height: 5rem /*px:80px*/;overflow: hidden;}
.chuxanhtham{color: #2e683b}
.listungdung{overflow: hidden;font-size:0.75rem /*px:9px*/;}
.listungdung ul{margin: 0;padding: 0}
.listungdung ul li{    float: left;
    /* display: inline-block; */
    width: 60px;
    margin-right: 10px;
    text-align: center;}
.listungdung ul li img{max-width: 100%}
.detail-noidung{    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #c9c9c9;
    padding-top: 1.5625rem /*px:25px*/;}
.detail-noidung img{max-width: 100%}
.detail-noidung .detailstabpro{
  text-transform: uppercase;font-size: 0.875rem /*px:14px*/; color: #af7313;margin-bottom: 15px;
}
.contenttabpro{margin-bottom: 15px;}

.formregisterdetail{border: 1px solid #a1a1a1;padding: 2.5rem 8% /*px:40px 8%*/;color: #4e4e4e;}

.formregisterdetail h3{color: #af7313;font-family: 'UTMAndrogyne';font-size: 1.5rem /*px:24px*/;text-align: center;margin-bottom: 15px;}
.formregisterbrief{font-size: 0.875rem /*px:14px*/;margin-bottom: 25px;text-align: center;}
.formsearchlink{width: 78%;margin: 0 auto;margin-top: 20px;margin-bottom: 40px;}
.formsearchlink .formregisterdetail{border-radius: 4px!important}

.addresschinhanh{padding-top: 1.25rem /*px:20px*/;border-top: 2px dotted #7e7e7e;margin-top: 25px;}
.addresschinhanh ul{overflow: hidden;}
.addresschinhanh ul li{float: left;width: 46%;margin-bottom: 30px;}
.addresschinhanh ul li:nth-child(2n){float: right;}
.addresschinhanh ul li h4{font-size: 1rem /*px:16px*/;text-transform: uppercase;color: #af7313;margin-bottom: 15px;}
.addresschinhanh ul li div{font-size: 0.875rem /*px:14px*/;color: #5d5d5d;    line-height: 1.875rem /*px:30px*/;}

.titleh3{overflow: hidden;padding-top: 1.875rem /*px:30px*/;border-top: 1px solid #c4c4c4}
.splienquan ul{margin-top: 20px;}
.splienquan h3{

       color: #af7313;
    float: left;
    font-weight: 300;
    /* line-height: 18px; */

    font-size: 1.125rem /*px:18px*/;
    text-transform: uppercase;
}
.splienquan ul li{
  margin-bottom: 15px;
}
/*.splienquan ul li:nth-child(0n+3){
  margin-right: 0!important;

}
.splienquan ul li:nth-child(0n+4){
  margin-left: 0!important;

}
.splienquan ul li:last-child{
  margin-right: 6px!important;
}*/
.gachduoi{
     border-bottom: 1px solid #0955a3;
         padding-bottom: 0.3125rem /*px:5px*/;
}

.tva-ha{
           position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 49%;
    text-align: center;
    margin-right: 20px;
    /* border: 1px solid #cccccc; */
    /* border-radius: 2px; */
}
.icon-zoom{width: 25px;height: 1.25rem /*px:20px*/;background: url(../images/detail_zoom.png) no-repeat;    right: 41px;
    top: 10px;position: absolute;}

table{width: 100%!important;}
table,table tr,table tr td{padding: 0!important;margin: 0!important;}

/* project*/


.blockmainproject{    border: 1px solid #cccccc;
    overflow: hidden;
    padding: 1.4375rem 2.9375rem 1.5rem 2.9375rem /*px:23px 47px 24px 47px*/;}
.blocktitleproject{text-indent: 0.8125rem /*px:13px*/;text-transform: none;}
#slider-project {
    margin: 50px 0 30px 0;
    clear: both;
    overflow: hidden;
}

#slider-project .xgb-slide {
    /* margin: 0 15px 1px; */
}

.slider-special .xgb-slide .xgb-card{position: relative;float: left;}
.slider-special .xgb-slide img{width: 249px;height: 200px;}
.slider-special .xgb-slide .img{}
.slider-special .xgb-slide .xgb-card .name{position: absolute;bottom: 0;height: 2rem /*px:32px*/;background: #16628a;width: 100%;}
.slider-special .xgb-slide .xgb-card .name h3{    font-family: arial;
    /* font-size: 18px; */
    /* line-height: 1.2; */
    color: #333;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    /* text-transform: uppercase; */
    /* padding: 15px 0; */
    line-height: 2rem /*px:32px*/;
    text-transform: none;
    font-weight: 400;
  }
.slider-special .xgb-slide .xgb-card .name h3 a{color: white;}
#slider-project .xgb-slide .img img {
    width: 100%;
    height: auto;
}

#slider-project .slider-special, #project2 .slider-special {
    margin: 0px 0 0 0;
    text-align: center;
}

#slider-project .slider-special h3, #project2 .slider-special h3 {

}
#slider-project .slider-special h3 a{
    color: inherit;
}

#slider-project .xgb-card {
    background: #f9f9f9;
    /* padding-bottom: 20px */
}
#slider-project .xgb-card iframe{width: 100%}
#slider-project .xgb-card p {
    font-family: Roboto;
    font-size: 0.875rem /*px:14px*/;
    color: #888;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    overflow: hidden;
    height: 2.4375rem /*px:39px*/;
}

#slider-project .xgb-card .desc {
    padding: 1.25rem 0.625rem /*px:20px 10px*/
}

#slider-project .xgb-card .desc img {
    display: inline-block;
    padding-right: 0.5rem /*px:8px*/;
    position: relative;
    top: -2px
}

#slider-project .xgb-card .text-price {
    margin: 0;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 0.875rem /*px:14px*/;
    color: #7a7a7a;
    font-weight: 400;
    font-style: normal;
    height: auto;
}

#slider-project .xgb-card .price {
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 1.5rem /*px:24px*/;
    color: #5d5d5d;
    font-weight: 400;
    font-style: normal;
    margin: 7px 0 0;
}

#slider-project .xgb-card .price strong {
    font-size: 2.0625rem /*px:33px*/;
/*     line-height: 1; */
}
#slider-project .xgb-card .price strong span{
    margin-left: 5px;
    font-size: 70%;
    font-weight: 500;
}
#slider-project .bottom .read {
    text-align: center
}

#slider-project .bottom a {
    text-decoration: none;
    font-family: Roboto;
    font-size: 0.875rem /*px:14px*/;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    background: #fdd504;
    padding: 0.625rem 0.9375rem /*px:10px 15px*/;
    width: 100%;
}

#slider-project .bottom a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

#slider-project .xgb-slide .img img {
    width: 100%;
    height: auto;
}








.slick-slider button:before {
    display: none
}

.slick-slider button.slick-prev {
    background: url(../images/icon-prev.jpg) left top no-repeat;
        left: -35px;
    width: 20px;
    height: 3.5rem /*px:56px*/;
    margin-top: -20px;
   /* box-shadow: 1px 1px 1px 0 #999;*/
}

.slick-slider button.slick-next {
    background: url(../images/icon-next.jpg) left top no-repeat;
       right: -34px;
    width: 20px;
    height: 3.5rem /*px:56px*/;
    margin-top: -20px;
    /*box-shadow: 0 1px 1px 0 #999*/
}

.slick-slider button.slick-disabled {
    display: none!important
}

.slick-slider .slick-dots {
    margin: 0
}

.slick-slider .slick-dots li {
    width: 34px;
    height: 0.375rem /*px:6px*/
}

.slick-slider .slick-dots button {
    background: #c6c6c6;
    width: 34px;
    height: 0.375rem /*px:6px*/;
    border-radius: 0px;
    margin: 0
}

.slick-slider .slick-dots button:before {
    display: none
}

.slick-slider .slick-dots .slick-active button, .slick-slider .slick-dots button:hover {
    background: #e2ab14
}


#slider-project .slick-slider button.slick-prev, #slider-project .slick-slider button.slick-next{
    opacity: 0.3;
    transition: 0.5s;
}




#slider-project .slick-slider button.slick-prev:hover, #slider-project .slick-slider button.slick-next:hover{
    opacity: 0.8;
}
#slider-project .slick-slider button.slick-prev{
   background: url(../images/sprite-arrows.png);
    background-position: 0 0;
    color: #666;
    width: 27px;
    height: 2.75rem /*px:44px*/;
    left: 30px;
    box-shadow: none;
}
#slider-project .slick-slider button.slick-next{
    background: url(../images/sprite-arrows.png);
    background-position: -29px 0;
    color: #666;
    right: 31px;
    width: 27px;
    height: 2.75rem /*px:44px*/;
    box-shadow: none;
}
#slider-project .slider-special{padding: 0 0.9375rem /*px:0 15px*/;}
#slider-project .slider-special:first-child{padding-left: 0}
#slider-project .slider-special:last-child{padding-right: 0}
.slick-slider{}
.slick-next:before{display: none;}
.slick-prev:before {
    display: none;
}
.col-sm-4 {
    width: 33.33333%;
    float: left;
}


@media only screen and (max-width:1199px) {
    #slider-project .bottom .price strong {
        font-size: 1.25rem /*px:20px*/
    }
    #slider-project button.slick-prev {
        left: -10px
    }
    #slider-project button.slick-next {
        right: -10px
    }
}

@media only screen and (max-width:1023px) {
    #slider-project .slider-special {
        margin: 20px -5px 0 -5px
    }
    #slider-project .xgb-slide {
        margin: 0 5px 1px
    }
    #slider-project button {
        top: 27%;
        margin-top: 0
    }
}

@media only screen and (max-width:991px) {
    #slider-project .xgb-card .desc {
        height: 79px
    }
}

@media only screen and (max-width:768px) {
    #slider-project .slider-special {
        margin: 20px -20px 0 -20px
    }
    #slider-project .xgb-slide {
        margin: 0 20px 1px
    }
}

@media only screen and (max-width:640px) {
    #slider-project .slider-special h3 {
        font-size: 14px
    }
    #slider-project .xgb-card p {
        height: initial
    }
    #slider-project .xgb-card .price {
        font-size: 1rem /*px:16px*/
    }
    #slider-project .xgb-card .price strong {
        font-size: 1.375rem /*px:22px*/
    }
}

@media only screen and (max-width:568px) {
    #slider-project .slider-special {
        margin: 20px -10px 0 -10px
    }
    #slider-project .xgb-slide {
        margin: 0 10px 1px
    }
}


@media(min-width: 1200px){
    #slider-project .slick-slider button.slick-prev, #slider-project .slick-slider button.slick-next{
        top: 95px;
        margin-top: -22px;
    }
}


/* logo*/
.logodoitac{margin-top: 30px;}
#partner {

    overflow: hidden;
    padding: 1.0625rem 2.9375rem 1.0625rem 2.9375rem /*px:17px 47px 17px 47px*/;
}
#slider-logo .xgb-slide img{border: 1px solid #cccccc;padding: 0.25rem /*px:4px*/;width: 190px;height: 138px;}





/*
 *     Core Owl Carousel CSS File
 *    v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*     Owl Carousel Owl Demo Theme
*    v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 0.75rem /*px:12px*/;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.is-active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

@media (min-width: 960px) {
    .owl-pagination{
    display: none;
    }
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 0.125rem 0.625rem /*px:2px 10px*/;
    font-size: 0.75rem /*px:12px*/;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 9.375rem /*px:150px*/;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}
.owl-item .xgb-slide{
    margin: 0;
    text-align: center;
}
.owl-item .xgb-slide img{
    display: block;
    width: 100%;
    height: auto;
}
/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

.owl-nav .owl-prev,.owl-nav .owl-next {
/*    background: url("../images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: 2.25rem /*px:36px*/;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 9;
    font-size: 2.1875rem /*px:35px*/;
}
.owl-prev {
    background-position: 0 -36px;
    left: 0;
}
.owl-next {
    background-position: -36px -36px;
    right: 0;
}
.owl-prev:hover {
    background-position: 0 0;
}
.owl-next:hover {
    background-position: -36px 0;
}

.owl-theme .owl-pagination{
    display: none;
}


/* Topbar */
.xgb-social ul > li{display:inline-block}
.xgb-social i{color:#959595;display:block;height:2.375rem /*px:38px*/;line-height:2.375rem /*px:38px*/;text-align:center;width:38px;font-size:0.9375rem /*px:15px*/;transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;-webkit-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0}
.xgb-social a:hover i{color:#fff}
.xgb-social a:hover i.fa-twitter{background:#55acee}
.xgb-social a:hover i.fa-facebook{background:#3b5998}
.xgb-social a:hover i.fa-google-plus{background:#e51c23}
.xgb-social a:hover i.fa-pinterest{background:#cd2026}
.xgb-social a:hover i.fa-instagram{background:#7a5548}


.awe-section-3{margin-top: 40px;}
.section_about{padding-bottom:5.625rem /*px:90px*/;background-image: url(../images/bg_about.png?1550886400307);
background-size:contain;background-repeat:no-repeat;background-position:center bottom;overflow: hidden;}
.section_about .title_main_module{width:100%;float:left;margin-bottom:25px}

.section_about .col-lg-6{width: 50%;float: left;}
@media (max-width: 767px){.section_about .title_main_module{margin-top:15px}}
.section_about .xgb-prose p {margin-bottom: 6px !important;}
.section_about .title_main_module .h2{font-size:1.5625rem /*px:25px*/;font-weight:700;color:#af7313;text-transform:uppercase;margin:0;padding:0}
.section_about .title_main_module h4{font-size:1rem /*px:16px*/;color:#252525;font-weight:700}
@media (min-width: 768px){.section_about .xgb-prose{padding-right:3.125rem /*px:50px*/}}
.section_about .xgb-prose p{font-weight:400;color:#898989;font-size:0.9375rem /*px:15px*/;display:block;margin-bottom:15px;line-height: 1.5rem /*px:24px*/;}
.section_about .xgb-slide{width:100%;float:left;margin-bottom: 30px;}
.section_about .xgb-slide .xgb-card{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}
.section_about .xgb-slide .xgb-card img{max-width:50px;display:block;float:left}
.section_about .xgb-slide .xgb-card p{font-size:1rem /*px:16px*/;font-weight:700;color:#252525;display:block;float:left;width:calc(100% - 50px);-webkit-width:calc(100% - 50px);-moz-width:calc(100% - 50px);-o-width:calc(100% - 50px);-os-width:calc(100% - 50px);padding-left:0.9375rem /*px:15px*/;margin-bottom:0px}
.section_about .xgb-slide p{font-weight:400;color:#898989;font-size:0.9375rem /*px:15px*/}
@media (min-width: 1200px){.section_about .rowx .col-lg-6:nth-child(2n+1){clear:left}}
@media (min-width: 992px) and (max-width: 1199px){.section_about .rowx .col-md-6:nth-child(2n+1){clear:left}}
@media (min-width: 768px) and (max-width: 991px){.section_about .rowx .col-sm-6:nth-child(2n+1){clear:left}}

.section_about .xgb-prose img{max-width: 100%}


/*service home*/
/* Tiêu đề khối đã nâng từ <h4> lên <h2> cho đúng thứ bậc tiêu đề; giữ thêm
   h4 vì tên khách trong ô phản hồi (.xgb-review__name) vẫn là <h4>. */
.xgb-section h4,
.xgb-section .xgb-section__heading{font-size: 1.375rem /*px:22px*/;color: #af7313;text-align: center;font-weight:700;font-style:normal;padding-top: 0;
    margin-top: 0;
    padding-bottom: 0.625rem /*px:10px*/;
    margin-bottom: 20px;
    position: relative;text-transform: uppercase;}
.xgb-section .xgb-section__lead{text-align: center;}
.xgb-section__heading:before {
    content: "";
    width: 100px;
    background: #af7313;
    height: 0.125rem /*px:2px*/;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%,0);
}



.xgb-services ul{overflow: hidden;
    margin: 0px 0px 15px 0px;
    padding: 0 /*px:0px*/;
    list-style: none;

    padding: 0.3125rem 0 /*px:5px 0px*/;
    margin-top: 30px;
  }
.xgb-services ul li:last-child{margin-right:0 }
.xgb-services ul li{

    overflow: hidden;

    /* border: 1px solid #e3e3e3; */




}
.xgb-services ul li .xgb-services__media{    border: 1px solid #e4e4e4;
    position: relative;
    height: 15.625rem /*px:250px*/;
    border-radius: 53%;
    width: 250px;margin: 0 auto;

    text-align: center;}
.xgb-services ul li .xgb-services__media a{display:block;}
.xgb-services ul li .xgb-services__media img{        max-width: 100%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
    margin: auto;}
.xgb-services ul li .xgb-services__title{    color: #af7313;
    font-size: 1rem /*px:16px*/;
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;}
.xgb-services ul li .xgb-services__title a{color: #af7313;
    font-weight: bold;}

.xgb-section .xgb-pricing__note{text-align: center;margin-bottom: 20px;margin-top: 30px;overflow: hidden;width: 100%;font-size: 1rem /*px:16px*/;}
.xgb-section .xgb-pricing__note span{color: red;font-weight: bold;font-size: 1.4375rem /*px:23px*/;}
.xgb-section .xgb-pricing__note--accent{text-align: center;overflow: hidden;font-size: 1rem /*px:16px*/;color: red}
.xgb-section .xgb-pricing__note--accent span{font-style: italic;}

.xgb-section--services{margin-top: 40px;}
/*******price******/
.xgb-section--pricing{    overflow: hidden;
    margin-top: 50px;
    background: #f2f2f2;
    padding: 2.5rem 0 /*px:40px 0px*/;}
.xgb-pricing ul{overflow: hidden;margin-top: 40px;}
.xgb-pricing ul li{width: 19.6%;
    margin-right: 0.5%;
    float: left;}
.xgb-pricing ul li .xgb-price{border: 4px solid #c48c1e}
.xgb-pricing ul li .xgb-price .xgb-price__label{background: url(../images/bgtabprice.jpg) repeat-x;height: 4.375rem /*px:70px*/;line-height: 4.375rem /*px:70px*/;text-align: center;font-size: 1.125rem /*px:18px*/;color: #020202;font-style: italic;font-weight: bold;}
.xgb-pricing ul li .xgb-price .xgb-price__value{    text-align: center;
    padding: 1.5625rem 0 /*px:25px 0px*/;
    font-size: 1.25rem /*px:20px*/;
    font-weight: bold;
    color: red;}
.xgb-price__inner{padding: 0.1875rem /*px:3px*/;}
.xgb-pricing ul li:nth-child(0n+5){margin-right: 0}
.xgb-pricing ul li:nth-child(0n+5) .xgb-price__label{    line-height: 1.5625rem /*px:25px*/;
    padding: 0.6875rem /*px:11px*/;
    height: auto;}


    /* phan hoi ******/
.xgb-section--reviews{margin-top: 70px;overflow: hidden;}

.xgb-reviews .xgb-review__inner{padding-left:2.5rem /*px:40px*/;position:relative;margin-top: 50px;}
.xgb-reviews .xgb-review__inner:before{position:absolute;left:0;content:"";
background-image:url(../images/icon-quote.png);width:30px;height:1.125rem /*px:18px*/;display:inline-block}
.xgb-reviews .xgb-review__inner .tfree-client-top{margin-bottom:25px}
.xgb-reviews .xgb-reviews__track .xgb-review__avatar{margin-right:15px;margin-bottom:20px;text-align: center;}
.xgb-reviews .xgb-reviews__track .xgb-review__avatar img{border:3px solid rgb(175 115 19 / 81%);width: 76px;}
.xgb-reviews .tfree-client-top .xgb-review__avatar{display:inline;float:left;vertical-align:middle;margin-bottom: 20px;}
.xgb-reviews .tfree-client-top .sp-tfree-client-right{padding-top:0.75rem /*px:12px*/}
.xgb-reviews .xgb-review__quote{clear:both;text-align:left;font-style:italic;line-height: 1.4375rem /*px:23px*/;font-size: 0.75rem /*px:12px*/;margin-bottom: 15px;}
.xgb-reviews .xgb-reviews__track h2.xgb-review__name{text-align:left}
.xgb-reviews .xgb-reviews__track .xgb-review__role{text-align:left}

.xgb-reviews .xgb-review__avatar{margin-bottom: 20px;}
.xgb-reviews .xgb-review__avatar img {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.xgb-reviews__track .xgb-review__name {
    font-size: 1rem /*px:16px*/;
    line-height: 1.5rem /*px:24px*/;
    text-transform: none;
    text-align: center;
    letter-spacing: normal;
    font-weight: 700;
    font-style: normal;
    margin: 0 0 8px;
    padding: 0;
    display: inline-block;
}
.xgb-reviews__track .xgb-review__role {
    color: #666;
    font-size: 0.875rem /*px:14px*/;
    display: inline-block;
    padding-left: 1.25rem /*px:20px*/;
}

.xgb-reviews__track .xgb-review {
    text-align: center;
    }
/****** tin tức **********/

.xgb-section--news{margin-top: 60px;padding-bottom: 1.125rem /*px:18px*/;background: #f2f2f2;
    padding: 2.5rem 0 /*px:40px 0px*/;}
.xgb-post{text-align: left;margin-top: 30px;}
.xgb-post__body{margin-top: 20px;}
.xgb-post__body a{color: black;line-height: 1.6;}


.xgb-section--partners{margin-top: 40px;}
.xgb-partners .row{margin-top: 40px;}

.xgb-footer{    background-image: url(../images/bg-footer.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;overflow: hidden;}



    /******* right ************/

.xgb-booking__title{background-image: linear-gradient(to bottom,#e5c266,#b27717);

    height: 1.4375rem /*px:23px*/;
    padding: 1.125rem /*px:18px*/;
    font-size: 1.125rem /*px:18px*/;font-weight: bold;text-transform: uppercase;text-align: left;padding-left: 1.25rem /*px:20px*/;color: white}
  .xgb-booking{overflow:hidden;margin:0 auto;max-width:430px;top:7%;right:15%;z-index:99;background:#fff;color:#7e7975;
    border-radius:5px}
    .xgb-booking ul.nav{background-image:linear-gradient(to bottom,#ff9b1a,#ff6c00);box-shadow:0 3px 5px 0 rgba(42,42,42,.75);height:3.875rem /*px:62px*/;padding:1.125rem /*px:18px*/;line-height:inherit}

    .xgb-booking ul.nav li{border:0;margin:0;padding:0}
    .xgb-booking .nav>li>a{color:#222 !important;text-transform:none !important;font-size:1rem /*px:16px*/;padding:0 1.25rem /*px:0 20px*/;border-right:1px solid rgba(255,255,255,.5);border-radius:0}

    .xgb-booking .nav>li>a:hover{color:#fff !important}

    .xgb-booking .nav>li:first-child>a{padding-left:0}

    .xgb-booking .nav>li:last-child>a{border-right:0;padding-right:0}

    .xgb-booking .nav>li.is-active>a{color:#fff !important}

    .xgb-booking .nav-pills>li.is-active>a,.nav-pills>li.is-active>a:focus,.nav-pills>li.is-active>a:hover,.xgb-booking .nav>li>a:focus,.xgb-booking .nav>li>a:hover{background:0 0}

    .xgb-booking .xgb-booking__form{padding:1.25rem 0.9375rem 0 /*px:20px 15px 0*/}
    .xgb-control-wrap {
    position: relative;
}

    .xgb-booking .xgb-booking__form .xgb-field{align-items:center;position:relative;margin-bottom:10px;padding: 0;overflow: hidden;}

    .xgb-booking .xgb-booking__form .xgb-field>label{width:75px;height:2.5rem /*px:40px*/;line-height:2.5rem /*px:40px*/;background-color:#f1f1f1;font-size:0.875rem /*px:14px*/;color:#222;margin:0;border-radius:3px 0 0 3px;position:relative;padding-left:2.375rem /*px:38px*/;float:left;border:1px solid #f1f1f1;font-weight:400}

    .xgb-booking .xgb-booking__form .xgb-field>label:before{content:"";display:inline-block;width:13px;height:1.125rem /*px:18px*/;background-image:url(../images/icon-marker.png);background-repeat:no-repeat;position:absolute;left:16px;top:50%;transform:translate(0,-50%)}

    .xgb-booking .xgb-booking__form .xgb-field input[type=text],.xgb-booking .xgb-booking__form .xgb-field input[type=date]{-webkit-box-sizing: border-box;width:100%;height:2.5rem /*px:40px*/;line-height:2.5rem /*px:40px*/;padding:0 0.9375rem /*px:0 15px*/;border:1px solid #ddd;border-radius:3px;box-shadow:none}

    .xgb-booking .xgb-booking__form .xgb-field .xgb-field__date input{width:100% !important;-webkit-appearance:none;-moz-appearance:none;color:#000}

    .xgb-booking .xgb-booking__form .xgb-field.xgb-field--split>.row{margin-left:0px;margin-right:0px}

    .xgb-booking .xgb-booking__form .xgb-field.xgb-field--split>.row>div{padding-left:0.3125rem /*px:5px*/;padding-right:0.3125rem /*px:5px*/}

    .xgb-booking .xgb-booking__form .xgb-field select{width:100%;height:2.375rem /*px:38px*/;line-height:2.375rem /*px:38px*/;border:1px solid #ddd;border-radius:3px;padding:0 0.9375rem /*px:0 15px*/;-webkit-appearance:none;-moz-appearance:none;color:#000}

    /* Giữ đủ 4 cạnh viền cho đồng bộ với các ô khác; riêng 2 góc TRÁI để vuông
       để khớp với nền bo góc của nhãn "Điểm đi" / "Điểm đến" bên cạnh. */
    .xgb-booking .xgb-booking__form .xgb-field.xgb-field--inline input[type=text]{-webkit-box-sizing: border-box;height:2.5rem /*px:40px*/;border-radius:0 3px 3px 0;padding:0 0.9375rem /*px:0 15px*/;width:calc(100% - 147px)}

    .xgb-booking .xgb-booking__form .xgb-field input[type=checkbox]{width:18px;height:1.125rem /*px:18px*/;background-color:#e0e0e0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;position:relative}

    .xgb-booking .xgb-booking__form .xgb-field input[type=checkbox]:checked:before{height:0.875rem /*px:14px*/;width:14px;position:absolute;top:-7px;left:2px;content:"\2713" !important;font-family:FontAwesome;display:block;color:#af7313;font-size:1.375rem /*px:22px*/}

    .xgb-booking .xgb-booking__form .xgb-field span.xgb-check__label{vertical-align:text-bottom;color:#000}

    .xgb-booking .xgb-booking__form span.xgb-check{margin-left:0}

    .xgb-booking button#xgb-swap-btn{background-color: #e0e0e0;
    border-color: #e0e0e0;
    text-transform: none;
    color: #000;
    width: 100%;
    padding: 0.375rem 0.5rem /*px:6px 8px*/;
    border-style: none;
    border: 1px solid transparent;
    border-radius: 4px;    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;}

    .xgb-booking div.wpcf7-mail-sent-ok{border:2px solid #398f14;margin:0 5px 5px}
    .xgb-booking .xgb-booking__actions{text-align:center;margin-bottom:24px;padding:0}
    .xgb-booking .des-contact{font-size:1.5rem /*px:24px*/;margin:0;border-bottom:1px solid #ebe6e2;text-shadow:0 2px 0 rgba(255,255,255,.8);box-shadow:0 1px 0 rgba(255,255,255,.8);background:#fbd568;background:-moz-linear-gradient(#fbd568,#ffb347);background:-ms-linear-gradient(#fbd568,#ffb347);background:-o-linear-gradient(#fbd568,#ffb347);background:-webkit-gradient(linear,0 0,0 100%,from(#fbd568),to(#ffb347));background:-webkit-linear-gradient(#fbd568,#ffb347);background:linear-gradient(#fbd568,#ffb347);border:1px solid #f4ab4c;color:#996319;text-shadow:0 1px rgba(255,255,255,.3);padding:0.625rem 1.125rem 0.625rem 1.25rem /*px:10px 18px 10px 20px*/;letter-spacing:-0.0625rem /*px:-1px*/;width:100%;font-family:Tahoma,Arial,sans-serif;text-align:center}
    .xgb-booking p{margin:0;padding:0}
    .xgb-booking .book-cf.book-ch .your-chieu{padding-bottom:0;border:1px solid #ddd}
    .xgb-booking__panel .book-cf1{padding:0 0.3125rem 0 /*px:0 5px 0*/}
    .xgb-booking .xgb-booking__panel .book-cf input{border-radius:0;border-color:#ddd;width:100%;padding-left:0.625rem /*px:10px*/}
    .xgb-booking .book-cf full input{width:100%;border-radius:0;-webkit-box-sizing: border-box;}
    .xgb-booking .book-cf{text-align:center;padding:0 0.3125rem /*px:0 5px*/}
    .xgb-booking .xgb-booking__panel .book-cf1{margin-bottom:5px}
    .xgb-booking .xgb-booking__panel .book-cf1{margin-bottom:10px}
    .xgb-booking .book-cf.book-c .your-cho{padding-bottom:0.3125rem /*px:5px*/;border:1px solid #ddd;border-radius:0;padding-top:0.625rem /*px:10px*/}
    .xgb-booking .book-cf{margin-bottom:10px}
    .xgb-booking .des-contact li.hotline{font-size:1rem /*px:16px*/;text-align:center;margin:0;padding-bottom:0.3125rem /*px:5px*/;border:none;padding:0;position:relative}
    .xgb-booking .xgb-booking__form .xgb-control--submit{width:100%;background-color:#af7313;color:#fff;text-align:center;border:0;font-size:1rem /*px:16px*/;
      line-height:1.75rem /*px:28px*/;background-image:linear-gradient(to bottom,#e5c266,#b27717);
          padding: 0.375rem 3.125rem /*px:6px 50px*/;    border-radius: 4px;


    }



    .xgb-booking .des-contact li.hotline strong{font-size:1.625rem /*px:26px*/;display:block;margin-top:5px}
.xgb-booking .xgb-booking__form .xgb-field .col-sm-6{    width: 49%;
    float: left;
    padding: 0!Important;}
.xgb-booking .xgb-booking__form .xgb-field .col-sm-6:nth-child(2n){float: right;}
.xgb-booking__panel{border: 1px solid #ddd}

.xgb-aside-news{overflow: hidden;margin-top: 25px;}
.xgb-aside-news__title{font-size: 1.125rem /*px:18px*/;font-weight: bold;color: #333333;margin-bottom: 10px;}

.content_txt{line-height: 1.5rem /*px:24px*/;}



.xgb-contact__info i {
    padding-left: 0.125rem /*px:2px*/;
    margin-right: 5px;
}

#owl-carousel1 .owl-nav .owl-prev, #owl-carousel1 .owl-nav .owl-next{top: 35%;}

#xgb-nav__item--active{
  background: #956210;
}