body{
	line-height: 1.5;
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6;
}
a { color: #00a2e8 }
a:hover { color: #fa781f; text-decoration:none}
.red, .color-red {color: red;}
.color-blue {color: #23527c;}
/**/
.wrap_body {}
.upload {
    text-align: center;
    margin: 15px 0px; 
    display: none;
}

.bgblue {
    background: #fa781f !important;
}
.bggray {
    background-color: #f7f7f7;
    fill: #f7f7f7;
}

.modal {
    top: 30% !important;
}
/**/
.affix {
    top: 20px;
}
.clearfix {clear: both !important;}
.wrapper {  
    background: #fff;
    /*overflow: hidden;*/
}
.main_wrap {position:relative}
.txtUpper {
    text-transform: uppercase;
}

@font-face {
    font-family: 'UTMBebas';
    src: url('../fonts/UTMBebasd41d.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/UTMBebas.woff') format('woff'), 
    url('../fonts/UTMBebas.ttf') format('truetype'), 
    url('../fonts/UTMBebas.svg#UTMBebas') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.adv-right .img_icon {
    width: 16px;
    height: 16px;
}
/* hiển thị điện thoại*/
#support {position: fixed;
    z-index: 9990;
    right: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
#support #sms {
    margin: 0px 1px;
    height: 40px;
    display: inline-block;
    max-width: 175px;
    width: 45%;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background:#27A3ED url("../images/icon/sms.html") no-repeat ;
    background-size: 47px auto;
    background-position: 10px;
}

#support #call {
    margin: 0px 1px;
    height: 40px;
    display: inline-block;
    max-width: 175px;
    width: 45%;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 12px;
    background: #27A3ED;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background:#27A3ED no-repeat ;
    background-size: 36px auto;
    background-position: 10px;
}
#support span {line-height:40px;display:inline-block;  white-space: nowrap;}
#support img{
    /*vertical-align: middle;height: 33px;*/
}

/*end hien thi dt*/

.remove_padd {padding-right: 0px;padding-left: 0px;}
.remove_mar {margin-left: 0px;margin-right: 0px;}
.remove_marleft {
    margin-left: 0px;
}
.remove_marright {
    margin-right: 0px;
}
.remove_bot {
    margin-bottom: 0px;
}
.add_martop {margin-top: 15px;}
.txtbold {
    font-weight: bold !important;
}
.mgr8{margin-right: 8px;}
.mgl8{margin-right: 8px;}
.text-bule{
    color:#0493dd !important;
}
.breadcrumb{
    text-align: left;
    padding: 8px 15px;
    margin-bottom: 0px;
    margin-top: 10px;
	background-color: #f7f7f7;
    color: #fa781f;
}
.breadcrumb li {padding-right: 10px;}
.breadcrumb li a {color: #333;}
.breadcrumb li:hover a, .breadcrumb li:last-child a{
    color: #fa781f;
}
.breadcrumb > li + li:before {
    color: #999;
}

.paging{
    text-align: center !important;
}
/*-----------------Search-----------------*/

#dropdown-menu li>span{
    cursor: pointer;
    display: block;
    padding: 6px 15px;
}
#dropdown-menu li>span:hover,#dropdown-menu li>span.active{
    background: #ddd;
}
#btn_search,#cart_number,#register_email,.add_to_cart,#select_age_gender{
    cursor: pointer;
}
.box-search{
    border: 1px solid #ccc;
    border-radius: 5px;
}
#btn_search,#btnSearchBill{
    border: 0px;
    border-radius: 0px;
    color: #fff;
    height: 25px;
    font-size: 15px;
}
#input_search{
    height: 25px;
    border: 0px;
}
#cart_number{
    position: absolute;
    height: 50px;
    width: 50px;
    left: 10px;
    color: #fff;
    padding-left: 18px;
}
.icon_cart{background: url("../images/icon-cart.html") no-repeat;}

/* HEADER */
#site-top {
	background-color: #151515;
    color: #ffffff;
	font-size: 14px;
	height: 48px; line-height: 48px;
}
#site-top .rate_exchange span{
	color: #fa781f; font-weight: bold;
}

#site-header {
	position: fixed; 
	top:0; left: 0; right: 0;
	z-index:9999; color: white;
	transition: 250ms all;
}
#site-header .header {
	background: #fff;
	height: 92px; 
	overflow: hidden;
}
#site-header .header .nav-brand {  
	display: flex; 
	font-size: 30px;
    font-weight: 600;
    color: #fa781f;
}
#site-header .header .nav-brand  img {
	height: 85px; margin-right: 10px;
	vertical-align: middle;
}
#site-header .header .nav-brand span {
	line-height: 80px;
}
.header-info {
	float:right; width:30%;
	text-indent: 40px;
    margin-top: 20px; 
}
.header-hotline { width: 30%; }
.header-address { width: 50%; }
.header-time { width: 20%; }
.header-info .hotline {
	background: url(../images/icon-phone.png) no-repeat top left;
}
.header-info .address {
	background: url(../images/icon-address.html) no-repeat top left;
}
.header-info .time {
	background: url(../images/icon-time.png) no-repeat top left;
}
	

#site-top .menu ul { margin: 0; padding: 0;}
#site-top .menu ul li { list-style: none; display: inline-block; position: relative;}
#site-top .menu ul li a {
	color: white; padding: 0 15px; 
	border-right: 1px solid #3e3d3d;
}
#site-top .menu ul li a:hover { color: #fa781f; }
#site-top .menu ul li:last-child a {
	border-right: 0; padding-right: 0;
}

#site-top .menu .arrow-right {
    width: 0px;
    height: 0px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 24px solid #fa781f;
}
#site-top .menu>li {
    float: left; display:inline-block;
    position: relative;
    height: 48px; line-height:48px;
}
#site-top .menu>li.li_rate, #site-top .menu>li.li_login, 
#site-top .menu>li.box_login, #site-top .menu>li.li_logged {padding:0 10px;}
#site-top .menu>li.li_login {width:50px;}
#site-top .menu>li.li_logged {position:relative}
#site-top .menu .fa-shopping-cart {font-size:15px;}
#site-top .menu>li.box_login {
	background:#fff; color:#333; margin:7px;
	height: 34px; line-height:34px;
	border-radius:2px; 
	border-bottom:2px solid #ccc;
}
#site-top .menu>li.box_login .fa {color:#aea9ab; font-size: 18px;}
#site-top .menu>li.box_login a {color:#333;}
#site-top .menu li ul.user_info {
    position: absolute;
    top: 100%; right:0;
	width: 200px;
    z-index: 999 !important;
    overflow: hidden;
    background: #e4e6e6;
    display: none;
}
#site-top .menu li ul.user_info li { display: block;}
#site-top .menu li ul.user_info a { color: #333; }
#site-top .menu li ul.user_info a:hover { color: #fa781f}
ul.user_info li {
	height:auto; line-height:1.5;
}
#site-top .menu li ul.notify {
    position: absolute;
    top: 100%;
    width: 300px;
    left: -88px;
    z-index: 999 !important;
    overflow: hidden;
    background: #fff;
    display: none;
    border: 1px solid #b1a6a6;
}
#site-top .menu li ul.shopcart {
    position: absolute;
    top: 100%;
    width: 300px;
    left: -88px;
    z-index: 999 !important;
    overflow: hidden;
    background: #fff;
    display: none;
    border: 1px solid #b1a6a6;
}
#site-top .menu li ul.shopcart li a {
    color: #222;
    font-size: 12px;
}
#site-top .menu li ul.shopcart .fa_user {
    margin-right: 10px;
}
#site-top .menu li ul.notify li:first-child {
    text-transform: uppercase;
    font-weight: bold;
}
#site-top .menu li ul.notify li:last-child a {
    color: #008ACB;
}
#site-top .menu li ul.notify li a {
    color: #fa781f; font-size: 12px;
	display: block; border-right: 0;
}
#site-top .menu .thumb {
    width: 30px;
    height: 30px;
    padding-bottom: 4px;
    margin-right: 5px;
}
#site-top .menu li:hover ul {
    display: block;

}
#site-top .menu li:hover ul li {
    display: block;
    margin: 5px 0px;
    float: none;
    padding: 5px 10px;
    border-bottom: 1px dashed #ccc;
}
#site-top .menu li ul li {
  margin: 0px;
  float: none;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
#site-top .menu .fa_user {
    margin-right: 10px;
}
#site-top .menu li a {color: #fff;position: relative;}
#site-top .cart-number {
    background: #ffffff;
    padding: 7px 3px;
    position: absolute;
    left: 30px;
    top: -10px;
    width: 14px;
    display: block;
    font-size: 12px;
    border-radius: 50%;
    line-height: 0;
    color: red;
}


/* MAIN MENU */
.main-menu .fa-home{
    font-size: 20px;
}
#home-main-menu{
	margin-bottom: 0;
    border-radius: 0;
}
#home-main-menu ul { 
	margin: 0; padding: 0;    
	display: inline-flex;
    float: right !important;
}
#home-main-menu ul li { 
	list-style: none; 
	margin: 0 15px;
}
#home-main-menu li a {
	color: black;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-weight: 400;
	font-size: 18px;
    text-transform: uppercase;
	letter-spacing: -0.6px;
	padding: 36px 0;
	transition: .25s;
    vertical-align: middle;
	position: relative;
}
#home-main-menu li a::before {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 3px;
    content: "";
    display: inline-block;
    opacity: 0;
    transition: 250ms;
    background: #fa781f;
}
#home-main-menu li:hover > a::before,
#home-main-menu li.active > a::before {
    right: 0;
    opacity: 1;
}
#home-main-menu li:first-child:hover > a::before,
#home-main-menu li:first-child.active > a::before,
#home-main-menu li:last-child:hover > a::before,
#home-main-menu li:last-child.active > a::before {
	opacity: 0;
}
#home-main-menu li.active a,
#home-main-menu li a:hover, 
#home-main-menu li:hover a, 
#home-main-menu .icon-home:hover {
	color: #fa781f !important; 
	background: none; 
}
#home-main-menu .icon-home { }
#home-main-menu .dropdown-menu{
    padding: 0px;
    border-radius:0;
    border-left: none;
}
#home-main-menu .dropdown-menu li{
    display: block;
    width: 100%;
}
#home-main-menu .dropdown-menu li a{
    color: #333 !important;
    padding: 10px 15px;
    line-height: 15px;
    border: 0;
	text-transform: none !important;
}
#home-main-menu .dropdown-menu li a:hover {color: #fa781f !important;}

#home-main-menu .search-box {
    margin-right: 0;
}
#frmsearch #txtkeyword {
    color: #333;
    background-color: #fff;
	border: 0;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-radius: 4px;
    height: 35px;
    margin: 7px 0;
    padding: 0 30px 0 15px;
}
#frmsearch .fa-search {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #333;
    font-size: 18px;
}
.navbar-toggle{
    padding: 6px;
}
.navbar-toggle .icon-bar{
    background: #FFF;
}

/*------ BANNER ------*/
.banner-detail {
	width: 100%; height: 260px;
	background: url(../images/detail-bg.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}

/*------ BODY MAIN ------*/
#site-body{
    clear: both; margin-top: 140px;
}
.topSite {
    background: #FF6537;
    padding: 5px 0px 0px 0px;
}

.exchangePrice {
    color: #FEE725;margin-bottom: 0px;padding-left: 10px;
}
.exchangePrice .txtEx {
    font-weight: bold;font-size: 14px;
}
.marquee .txtbold {font-weight: bold;}

.header-top {
    overflow: hidden;
    margin: 0px;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 0px;
}


.header-top .slogan {
    font-size: 22px;
    color:#3F3F3F;
    font-weight:bold;
    text-transform: none; 
    margin-bottom: 0px;
    font-style: italic;
}

.header-top .namewebsite {
    font-weight: bold;
    font-size: 28px;
    color: #FF6600;
    margin-bottom: 0px;
}
.header-top .hotline {
    color: #fa781f;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.header-top .numberHotline {
    font-size: 16px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-right: 15px;
    font-weight: bold;
}



.header-top .logo {
    float: left;
}
.header-top .logo .img_logo{
        width: 115px;
    height: 115px;
    margin-right: 35px;
    margin-left: 25px;
}
.header-top .vietnam .txtTuvan{
    font-size: 30px;
    font-weight: bold;
    color: #007cc2;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    font-family: Arial;
} 
.header-top .vietnam {
    /*padding-top: 10px;*/
}
.header-top .vietnam .fa_phone {
    color: #007cc2;
    border: none;
    font-size: 29px;
    margin-right: 5px;
}
.header-top .iconTuvan{
    float: left;
    margin-top: 5px;
    margin-right: 6px;
}

/* SLIDER */
.slider { position: relative; }
.slider .carousel-control { z-index: 999; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%; height: 500px;
	object-fit:cover;
}
.search_mask {
	max-width: 566px;
	color: #29293a;
	position: absolute; z-index: 999;
	top: 50%; left: 50%; 
	text-align: center; vertical-align: middle;
	transform: translate(0%, -50%);
}
.search_mask .inner {
	background-color: rgba(247, 247, 247, 0.9);
	padding: 30px;
	width: 100%;
	border-radius: 8px;
}
.search_mask .search-title {
	font-size: 24px; font-weight: 400;
	margin: 0; padding-bottom: 20px;
	text-transform:uppercase;
}
#search_ext {
	color: #333; 
	height: 52px;
	margin: auto; display: flex;
	font-size: 16px; 
	margin-bottom: 35px;
}
#search_ext #search_cbo {
	height: 52px; width: 180px;
	background: #fff;
	border-radius: 10px 0 0 10px;
	border: 0;
	border-right: 1px solid #ccc;
	padding: 0 15px;
    font-size: 18px;
    text-transform: uppercase;
}
#search_ext #search_key {
	width: calc(100% - 280px);
	height: 52px; line-height: 52px;
	border: 0;	padding: 0 15px;
}
#search_ext #search_btn {
	height: 52px; line-height: 52px;
	width: 100px; color: #fff;
	background: #fa781f;
	border: 0; text-transform: uppercase;
	border-radius: 0 10px 10px 0;
}
#search_ext #search_btn:hover {
	background: #cb4230;
}
.search_mask .search-intro {
	margin: 0; padding-bottom: 25px; line-height:1.5;
}
.extension { margin: auto; display: inline-flex;}
.chrome {
    background: #fa781f; color: #fff;
    height: 50px; line-height: 50px;
	width: 220px; margin: 0 10px;
    font-weight: 500; font-size: 15px;
    overflow: hidden;
    border-radius: 50px;
}
.chrome a,.coccoc a{
    color: #fff;
}
.chrome .icon_chome, .coccoc .icon_chome{
    width: 34px; margin-right: 6px;
}
.coccoc {
    background: #00a2e8; color: #fff;
    height: 50px; line-height: 50px;  
	width: 220px; margin: 0 10px;
    font-weight: 500; font-size: 15px;
    overflow: hidden;
    border-radius: 50px;
}

.search_mask .download { margin-top: 20px}

.banner-detail .search_mask {
	max-width: unset !important;
}
.banner-detail .search_mask .inner {
	position: absolute;
    bottom: 30px;
    left: 50%; width: 80%;
    transform: translate(-50%,0);
}
.banner-detail .search_mask h1.search-title {
	font-size: 40px; line-height: 50px;
	padding-bottom: 50px;
}
.banner-detail #search_ext {
	color: #333; 
	width: 80%; max-width: 720px; 
	height: 52px;
	margin: auto; display: flex;
	font-size: 16px; 
	margin-bottom: 35px;
}
.banner-detail #search_ext #search_cbo {
	width: 190px; height: 52px;
	background: #fff;
	border-radius: 10px 0 0 10px;
	border: 0;
	border-right: 1px solid #ccc;
	padding: 0 15px;
    font-size: 18px;
    text-transform: uppercase;
}
.banner-detail #search_ext #search_key {
	width: calc(100% - 350px);
	height: 52px; line-height: 52px;
	border: 0;	padding: 0 15px;
}
.banner-detail #search_ext #search_btn {
	height: 52px; line-height: 52px;
	width: 160px; color: #fff;
	background: #fa781f;
	border: 0; text-transform: uppercase;
	border-radius: 0 10px 10px 0;
}
.banner-detail #search_ext #search_btn:hover {
	background: #cb4230;
}
.banner-detail .search_mask .search-intro {
	margin: 0; padding-bottom: 25px;
	color: white;
    text-shadow: 1px 1px 2px black;
}

/* SERVICE */
#site-body section {
	clear: both; padding: 30px 0;
}
#site-body .fulltext img, #site-body .fulltext iframe {
	max-width: 100%
}
#site-body .fulltext p {
	text-indent: 0;
	margin-bottom: 15px;
	line-height: 1.5;
}
#site-body section .main-title,
.listbill h1.main-title {
	font-size: 30px; 
	color: #2f2f2f; padding-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}
.listbill h1.main-title::after,
#site-body section .main-title::after {
	content: "";
	display: block; 
	width: 115px; height: 3px; 
	background: #fa781f; 
	margin: auto; margin-top: 15px;
}

.services { text-align: center; }
.services .item .service-image{
	height: 200px; width: 100%;
	object-fit:cover;
	overflow: hidden;
	text-align: center;
	display: inline-flex;
	opacity: 1;
}
.services .item .service-image img{
	margin: auto; 
	width: 100%; height: 100%;
	object-fit: cover;
	outline: rgba(255, 255, 255, 0.4) solid 10px;
    outline-offset: -10px;
}
.services .item:hover img {}
.services .title{
	font-size: 15px; 
	font-weight: 600;
	line-height: 1.5;
	height: 60px;
	color: #222;
}
.services .title:hover { color: #fa781f}


/* PROCCESS */

section.purchase_process {
	background: #f7f7f7;
	min-height: 600px;
	font-size: 16px;
	text-align: center;
}
section.purchase_process .process {
	clear: both;
	color: #202020; 
	font-size: 16px; font-weight: bold;
	margin-top: 20px;
}
section.purchase_process .process .module {
	margin: 20px 0;
}
section.purchase_process .item-left {
	clear: both;
	width: 300px; height: 142px;
	text-align: left;
	background: url(../images/quytrinh1.html) no-repeat left center;
	padding: 30px;
    overflow: hidden;
}
section.purchase_process .item-right {
	float: right; 
	width: 300px; height: 142px;
	margin-left: 33%;
	text-align: left;
	background: url(../images/quytrinh2.html) no-repeat right center;
	padding: 30px;
    overflow: hidden;
}

.purchase_process .process-image {
	width: 100%;
	object-fit:cover;
	overflow: hidden;
	text-align: center;
	display: inline-flex;
	opacity: 1;
}
.purchase_process img{
	margin: auto; 
	width: 100%; height: 100%;
	object-fit: cover;
	outline: rgba(43,167,243, 0.4) solid 10px;
    outline-offset: -10px;
}

/* DOWNLOAD */
section.download {
	background: url(../images/download_bg.html) no-repeat bottom right;
	min-height: 550px;
}

/* CUSTOMER COMMENT */
.star_box {
  color: #999;
  font-size: 15px;
  margin: 0 10px 14px;
}
.star_box .checked {
  color: #FFDC64;
}
.customer_comment {
	background: url(../images/comment_bg.jpg) no-repeat center top;
	min-height: 500px; width: 100%;
	background-size: cover;
	background-attachment:fixed;
	color: #fff;
}
.customer_comment .main-title { color: #fff !important; }
.customer_comment .item{
	overflow: hidden;
	color: #353434;
}
.customer_comment .item .inner{ 
	padding: 20px; margin: 10px;
}
.customer_comment .avatar img{
	width: 100%;
    height: 180px;
	object-fit: cover;
	outline: rgba(255, 255, 255, 0.4) solid 10px;
    outline-offset: -10px;
}
.customer_comment .name {
	color: #353434;
    font-size: 15px;
    font-weight: bold;
	padding-left: 0;
	margin-bottom: 10px;
}
.customer_comment .content {
	color: #353434;
	height: 100px; margin-top: 15px;
}

/* LASTEST NEWS */
.lastest_news { background: #fff; }
.lastest_news .box {
	background: transparent; border: 0;
}
.lastest_news .tab_img {
	height: 250px; overflow: hidden;
	transition: all 3s 1s;
}
.lastest_news .box img {
	width: 100%; height: 250px; 
	object-fit: cover;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.lastest_news .box:hover img {
	transform: scale(1.2);
}
.lastest_news .box .title a {
	color: #333;
	font-size: 16px; 
	padding: 15px 0;
	line-height: 1.5;
}
.lastest_news .box .title a:hover {
	color: #fa781f;
}
.lastest_news .readmore .btn {
	background: #fa781f; color: #fff;
	text-transform: uppercase;
	padding: 12px 35px;
    border-radius: 0;
    font-size: 16px;
    margin: 30px 0 20px;
}
.lastest_news .readmore .btn:hover {
	background: #c83926;
}

/* FOOTER */
#site-footer {
	background: #252525; 
	color: #fff; font-size: 15px;
	padding-top: 45px;
}
#site-footer .main-title{
	font-size: 18px; font-weight: bold;
	text-transform: uppercase;
	color: #ffa900; 
	margin:0; padding: 40px 0 18px;
}
#site-footer .main-title::after {
	content: ""; display: block;
	width: 100%; height: 2px;
	margin-top: 20px;
	background: #bbb;
}
#site-footer a:hover { color: #fff;}
#site-footer .copyright {
	border-top: 1px solid #383838;
	padding: 22px 0; margin-top: 30px;
	font-size: 14px; color: #aaa;
}

.footer-contact ul li {
	padding: 8px 0 8px 35px;
	background: url(../images/icon-address2.png) no-repeat left center;
}

.footer-hotline h3 { margin-top: 0; }
.footer-hotline .icon-phone {
	padding: 8px 0 8px 35px;
	background: url(../images/icon-phone3.png) no-repeat left center;
}
.footer-hotline .icon-zalo {
	padding: 8px 0 8px 35px;
	background: url(../images/icon-zalo.png) no-repeat left center;
}
.footer-hotline .icon-web {
	padding: 8px 0 8px 35px;
	background: url(../images/icon-web.png) no-repeat left center;
}
.footer-hotline .icon-email {
	padding: 8px 0 8px 35px;
	background: url(../images/icon-email.png) no-repeat left center;
}
.footer-hotline a {
	color: #00a2e8;
}

/* PAGE DETAIL */
.page-article h1.title {
	color: #333; font-weight: 500;
}
.page-block-contents .item_news {
	display: block; 
	margin: 10px 0;
	transition: all 3s 1s;
}
.page-block-contents .box-thumb {
	overflow: hidden;
	height: 250px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.page-block-contents .box-thumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.page-block-contents .box-thumb:hover img {
	transform: scale(1.2);
}
.page-block-contents .item_news .title{ 
    /*text-overflow: ellipsis;
	white-space: nowrap;*/
	height: 50px; 
	overflow: hidden;
	color: #fa781f; 
}
.page-block-contents .item_news .title a{
	color: #333;
    font-size: 16px;
    padding: 15px 0;
    line-height: 1.5;
}
.page-block-contents .item_news .title a:hover{
	color: #fa781f;
}


.right-content .module { margin: 20px 0;} 
.right-content .main-title, .related_news .title,
.listbill .left h3.main-title { 
	font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fa781f;
    margin: 0;
    padding: 0 0 18px;
}
.right-content .main-title::after, .related_news .title::after,
.listbill .left h3.main-title::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: #bbb
}
.right-content ul li {
	padding: 10px 0; font-size: 14px;
}
.right-content ul li .name {padding-left: 0;}

.related_news {clear: both; margin: 20px 0;}
.related_news a {color: #333}
.related_news a:hover {color: #fa781f}

/* CONTACT PAGE */
.contact_info { clear: both; margin: 30px 0;}
.contact_info h1, .contact_info h2 {
	margin:0; padding: 0 0 10px;
}

.contact_info .main-title,
.contact_com .main-title {
	font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: #333;
    margin: 0;
    padding: 0 0 18px;
}
.contact_info .main-title::after,
.contact_com .main-title::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: #bbb
}
.contact_com input, .contact_com textarea, .contact_com button{
	border-radius: 0;
	box-shadow: none;
	outline: none;
}
.contact_com input{height: 42px;}
.contact_com button{ 
	text-transform: uppercase;
	padding: 15px 40px; margin: 20px; 
	transition: 0.2s;
}
.contact_com button.btn-default{ border: 1px solid #e6e6e6; }

.line{
	height: 2px;
	background: #0694E8;
	width: 50%;
	margin: auto;
	margin-bottom: 20px;
}
.g-recaptcha { text-align: center; margin: 10px 0;}

/* REGISTER FORM */
.register {
	overflow: hidden;
	padding: 20px 0;
}
.register .main-title {
    font-size: 26px;
    font-weight: bold;
    color: #2f2f2f;
	margin: 0;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.register .main-title::after {
    content: "";
    display: block;
    width: 115px;
    height: 3px;
    background: #fa781f;
    margin: auto;
    margin-top: 15px;
}
#site-body .register .right {
    background: url(../../../images/bg/bg-login.png) left center no-repeat;
    min-height: 500px;
}

.register .btn_facebook{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    height: 38px;
    background: #415E9C;
    margin-bottom: 15px;
}
.register .social_register {
    overflow: hidden; margin-bottom: 0;
}
.register .line {
    position: relative;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.register .form-control {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    height: 38px;
}
.register .form-group {
    overflow: hidden;
}

.register .fa_fb {
    /*float: left;*/
    background: #3a5795;
    float: left;
    /*background: #cf4536;*/
    height: 36px;
    width: 36px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
.register .btn_submit {
    text-shadow: none;
    width: 100%;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 0px;
}

.register .btn_google{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    background: #e64c3c;
    height: 40px;
    border-color: #e64c3c;
}

.register .fa_gl {
    float: left;
    background: #cf4536;
    height: 38px;
    width: 38px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
.register a {
    color: #fff;
    float: left;
    padding: 9px 0px 0px 10px;
    font-size: 16px;
    font-family: arial;
}
.register .forgotPass {  
    margin: 0px 0px 20px;
    overflow: hidden;
}
.register .forgotPass a {
    color: #1d8acb;font-size: 13px;float: none;
}

/* PROFILE FORM */
.changepass .title {
    color: #007CC2;
    text-transform: uppercase;
    text-align: center;
}
.changepass .form-group {
    overflow: hidden;
}
.changepass .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.changepass .left .title {
    margin:15px 0px;padding:5px 10px;background:rgb(0, 124, 194);font-size:16px;text-transform:uppercase;color:#fff;
}
.changepass .content {
    padding: 5px 5px 20px 5px;
}
.changepass .left .list{
    padding: 0px 0px 0px 15px;
}
.changepass .left .list .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.changepass .left .list li {
    padding: 5px;
}
.changepass .left .fa_user {
    margin-right: 10px;
}
.changepass .right .title {
    margin: 25px 0px 30px 0px;
    color: rgb(0, 124, 194);
    text-transform: uppercase;
    font-weight: 300;
}

.updateprofile .user_note {
    font-size: 12px;
    color: #222;
}

/* hiển thị điện thoại*/
#support {position: fixed;
    z-index: 9990;
    right: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
#support #sms {
    margin: 0px 1px;
    height: 40px;
    display: inline-block;
    max-width: 175px;
    width: 45%;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background:#27A3ED ;
    background-size: 47px auto;
    background-position: 10px;
}

#support #call {
    margin: 0px 1px;
    height: 40px;
    display: inline-block;
    max-width: 175px;
    width: 45%;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 12px;
    background: #27A3ED;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background:#27A3ED no-repeat ;
    background-size: 36px auto;
    background-position: 10px;
}
#support span {line-height:40px;display:inline-block;  white-space: nowrap;}
#support img{
    /*vertical-align: middle;height: 33px;*/
}

/* ORDER PAGE */
#product_wapper {
	padding: 30px 0;
}
#product_wapper .cart .status, 
#product_wapper .cart_status {
	text-align: left;
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #00a2e8;
    color: #fff;
}
#product_wapper .cart .status .item,
.cart_status .item {
	position: relative;
}
.cart .status .item .step,
.cart_status .item .step {
	font-size: 34px;
    margin-right: 10px;
}
.cart .status .item .name,
.cart_status .item .name {
	font-size: 18px; color: white;
	display: block;
}
.cart .status .item .des, 
.cart_status .item .desc {
	color: white;
}
.cart .status .item .fa-arrow-right,
.cart_status .item .fa-arrow-right {
	position: absolute;
	top: 15px;
    right: 20px;
    font-size: 20px;
}

#product_wapper .right ul li{
	padding: 8px 10px;
	background: #eee;
	border-top: 1px solid #e4e2e2;
}
#product_wapper .right ul li a:hover {color: #fa781f}

/* VIEW BILL ORDER */
.listbill .left .title {
    margin:15px 0px;padding:5px 10px;background:rgb(0, 124, 194);font-size:16px;text-transform:uppercase;color: #fff;
}
.listbill .left .title a {
    color: #fff;
}
.listbill .content {
    padding: 5px 5px 20px 5px;
}

.left  .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.listbill .left .list li {
    padding: 5px;
}
.listbill .left .fa_user {
    font-size: 16px; margin-right: 5px;
}
.left .thumb {margin-bottom: 15px;}
.listbill .left {
    margin-top: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}
.listbill .tbl_cart tr th, .listbill .tbl_cart tr td
{
    padding: 5px 8px !important
}
.listbill .tbl_cart .shop_title {
    background: #DA251C !important;
}
.listbill .panel-default>.panel-heading {
    background: #007CC2;
    color: #fff;
}
.listbill .panel-heading .txttitle {
    font-size: 14px;
}
.listbill .panel-heading .txttitle .txt_billcode {
    font-weight: bold;
}
.listbill .panel-heading .txttitle .state {
    background: orange;
    padding: 5px 10px;
}
.listbill .panel-body {
    background: rgba(0, 124, 194, 0.31);
}
.listbill .tbl_cart .cart-image .img_user {
    width:60px;border: 1px solid #ccc;
}
.listbill .action .btn_checked{
    background: #8fce48;
    color: #fff;
}
.listbill .action .btn_user {
    min-width: 100px;
}

.listbill .isvalidate {
    font-size: 16px;color: green;
}

.listbill .notvalidate {
    font-size: 16px;color: red;
}

.listbill  .left .title.active{
    background: #3A5B9B
}
.listbill  .left .title.active a {
    color: #fff;
}

.total-order {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 5px 0px;
    background-color: #BCDBEA;
    border-top: 1px solid rgba(0, 124, 194, 0.69);
}
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}
.total-order ul li {
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-family: Arial;
    font-weight: bold;
    float: left;
    /*margin-right: 25px;*/
    text-transform: uppercase;
    padding: 0px 15px;
}
.total-order ul li span {
    color: #DA251C;
    font-weight: bold;
}
.total-order .btn_user {margin-right: 15px;min-width: 100px;}
.cart .empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}
ul.box_manager li{
	float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #fff
}
ul.box_manager li a {color: white;}

/*view gio hang*/
.total-order {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 5px 0px;
    background-color: #BCDBEA;
    border-top: 1px solid rgba(0, 124, 194, 0.69);
}
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}
.total-order ul li {
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-family: Arial;
    font-weight: bold;
    float: left;
    /*margin-right: 25px;*/
    text-transform: uppercase;
    padding: 0px 15px;
}
.total-order ul li span {
    color: #DA251C;
    font-weight: bold;
}
.total-order .btn_user {
    margin-right: 15px;
    min-width: 100px;
    font-size: 13px;
    font-weight: bold;
}
.cart .empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}


.empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}
.listbill .left .title {
    margin:15px 0px;padding:5px 10px;background:rgb(0, 124, 194);font-size:16px;text-transform:uppercase;color: #fff;
}
.listbill .left .title a {
    color: #fff;
}
.listbill .content {
    padding: 5px 5px 20px 5px;
}

.left  .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.listbill .left .list li {
    padding: 5px;
}
.listbill .left .fa_user {
    font-size: 16px; margin-right: 5px;
}
.left .thumb {margin-bottom: 15px;}
.listbill .left {
    margin-top: 15px;
    margin-bottom: 35px;
    overflow: hidden;
}
.listbill .tbl_cart tr th, .listbill .tbl_cart tr td
{
    padding: 5px 8px !important
}
.listbill .tbl_cart .shop_title {
    background: #DA251C !important;
}
.listbill .panel-default>.panel-heading {
    background: #007CC2;
    color: #fff;
}
.listbill .panel-heading .txttitle {
    font-size: 14px;
}
.listbill .panel-heading .txttitle .txt_billcode {
    font-weight: bold;
}
.listbill .panel-heading .txttitle .state {
    background: orange;
    padding: 5px 10px;
}
.listbill .panel-body {
    background: rgba(0, 124, 194, 0.31);
}
.listbill .tbl_cart .cart-image .img_user {
    width:60px;border: 1px solid #ccc;
}
.listbill .action .btn_checked{
    background: #8fce48;
    color: #fff;
}
.listbill .action .btn_user {
    min-width: 100px;
}

.listbill .isvalidate {
    font-size: 16px;color: green;
}

.listbill .notvalidate {
    font-size: 16px;color: red;
}

#frm_filter {
	overflow: hidden;
	background: #eee;
	padding: 10px;
	margin-bottom: 20px;
}


.addmartop15 {margin-top: 15px;}
.listitem { overflow: hidden; margin-bottom: 20px;}
.listitem .item {
   border: 1px solid #ddd;
   padding: 15px;
   border-bottom: 2px solid #fa781f;
   background: #f9f9f9;
}
.listitem .item .txttitle{
    background: #fa781f;
    color: #fff;
    padding: 5px;
}
.listitem .item .action_order{
    display: inline-block;
    padding: 6px 10px;
}

#bs-sidebar-navbar-collapse-1 {
	padding-left: 0;
	padding-right: 0;
}
#bs-sidebar-navbar-collapse-1 ul,
#bs-sidebar-navbar-collapse-1 li {
	float: none;
    display: block;
    width: 100%;
}
#bs-sidebar-navbar-collapse-1 li a {
	width: 100%;
}

/* ORDER TAB */
.order-tabs {
    margin: 10px 0; padding:0;
    display: inline-block;
	border-bottom: 2px solid #e7e7e7;
}
.order-tabs li {
    display: inline-block;
    margin-right: 20px;
	border-bottom: 2px solid #fff;
}
.order-tabs li a {
    display: block;
    padding: 5px 0;
    border-bottom: none;
    white-space: nowrap;
	font-size:14px;
}
.order-tabs li:hover, .order-tabs li.active {
    border-bottom: 2px solid #e5101d;
}
.order-tabs li:hover a, .order-tabs li.active a {color:#e5101d}

#order_list {font-size:14px;}
#order_list td { padding-bottom: 60px; }
#order_list .icon_ques {
    position: relative; cursor:pointer;
}
#order_list .icon_ques .fa {
    color: gray;
}
#order_list .icon_ques .txt_ques {
    position: absolute;
    display: none;
    bottom: 15px;
    right: -30px;
    z-index: 99;
    padding: 2px 5px;
    border: 1px solid #ccc;
    background: #fff;
}
#order_list .notenough {
    background-color: #d5f9f7;
	padding-bottom:20px;
}
#order_list .notenough td {
    position: relative;
}
#order_list .order_notes {padding-bottom:60px; position: relative;}
#order_list .notes {
	color: white;
    background: #13a7b7;
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 10;
    white-space: nowrap;
    padding: 0 5px;
}
#order_list .notenough .wrong {
    color: white;
    background: orange;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 10;
    white-space: nowrap;
    padding: 0 5px;
}
.m_order .wrong {color: white; background: orange; padding:0 5px;}


#site-body .updateprofile, #site-body .avatar, #site-body .changepass {
    overflow: hidden;background: #fff;
}
.customer_home {background: #fff;}

#popup_extension, .adv-right {
	display: none;
}


/* FIX TABLE */
#tablefixbottom {
	position:fixed; display:none;
	bottom:0; left:0; right:0; 
	height:50px; line-height:50px;
	background:#2782c0; color:#fff;
	text-align:center;
	box-shadow:1px 1px 5px #333;
	font-size:20px; text-align:right;
	padding:0 50px 0 20px; 
	z-index:999;
}
#tablefixbottom .inner {margin:auto}
#tablefixbottom .box {padding:0 30px; border-right:1px solid #2e94da; background: none !important;}
#tablefixbottom .total_orders span,
#tablefixbottom .currency_cyn span,
#tablefixbottom .currency_vn span {color:yellow}
#tablefixbottom  #quick_deposit {color:#fff; font-size:20px;}
#tablefixbottom  #change_status {margin-top:10px;}

table .notenough .wrong {
    color: white;
    background: orange;
    padding: 0 5px;
}