/* <beer.css> */
/* <header> */
	.header {
		position: relative;
		z-index: 10;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	.hotline_fixed a {
	    color: #fff;
	}
	.hotline_fixed {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    background: #167bc3;
	    padding: 10px 20px;
	    font-size: 20px;
	    border-radius: 50px;
	    z-index: 9999;
	}
	.header-fixed.affix {
	    background: #fff;
	    box-shadow: 0 1px 5px -2px rgba(42,42,42,.4);
	    position: fixed;
	    top: -80px;
	    left: 0;
	    z-index: 999999;
	    width: 100%;
	    -webkit-transform: translate(0, calc(-100% + 140px));
	    -moz-transform: translate(0, calc(-100% + 140px));
	    -ms-transform: translate(0, calc(-100% + 140px));
	    -o-transform: translate(0, calc(-100% + 140px));
	}
	.header .upper {
	    padding: 20px 0;
		background: #fff;
	}
	.product-image img {
		object-fit: contain;
	    width: 100%;
	    height: 270px;
	}
	.box-kh-kh .thumb {
	    position: relative;
	}
	.description-kh {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    padding: 10px;
	    text-align: center;
	    background: rgba(0, 0, 0, .5);
	    color: #fff;
	}
	.bg_menutop {
	    width: 100%;
	    float: right;position: relative;
	}
	.address_top {
	    background: url('img/icon_home.png') no-repeat scroll center left;
	    padding-left: 25px;
	    color: #777;
	}
	.slogan span {
	    color: #167bc3;
	    font-weight: bold;
	    font-size: 14px; position: relative;
	}
	.header .slogan span::before {
	    content: '';
	    position: absolute;
	    right: -10px;
	    height: 100%;
	    width: 1px;
	    border-left: 1px solid rgba(182, 182, 182, 0.3);
	}
	.hotline_top {
	    background: url('img/icon_phone.png') no-repeat scroll left center;
	    padding-left: 50px;line-height: 21px;
	}
	.hotline_top > * {
	    color: #f70107;
	    display: block;
	    font-family: 'UTMImpact';
	    font-size: 18px;
	}

	.hide{display: none;}
	.main-nav {
	    float: right;width: 100%;
	}
	#header.affix {
	    background: #fff;
	    box-shadow: 0 1px 5px -2px rgba(42,42,42,.4);
	}
	.uk-list-thong-ke li:not(:last-child) {
	    border-bottom: 1px solid #eee;
	    margin-bottom: 10px;
	}
	.images_support {
	    min-width: 75px;
	}

	.audio_home {
	    padding: 40px 0;
	}
	.box-frame {
	    margin-bottom: 15px;
	}
	.box_audio_item .entry-title {font-family: SFSanFranciscoBold; font-size: 16px;}
	
	.homepage-stt.tphan-tdung {
	    background:#060605 url('img/tphan-tdung.jpg') no-repeat scroll center top;
	}
	.contact_footer h3 {
	    text-align: center;
	    font-size: 14px;
	    font-family: SFSanFranciscoBold;
	    line-height: 20px;margin-bottom: 0;color: #8b0000;
	}
	.item_form label {
	    display: block;line-height: 30px;
	}
	.item_form label input{
	    height: 30px !important;
	}
	
	#header .sticky-logo{display: none}
	#header.affix .sticky-logo{display: block;}
	.header .topbar {padding: 10px 0;}
	.header .topbar .uk-container.uk-container-center{position:relative; }
	.language.uk-flex.uk-flex-middle {position: absolute;right: 0;top: 0;padding: 5px;background: #350a0e;border-radius: 0 0 5px 5px;}
	.language.uk-flex.uk-flex-middle a {display: block;margin: 0 5px;}

	.header .site-link {margin: 0 10px 5px 0;}
	.header .site-link li {float: left;}
	.header .site-link a {
		display: block;
		font-size: 13px;
		line-height: 20px;
		color: #ababab;
		font-weight: bold;
		background-image: url('img/social_network.png');
		width: 25px;
		height: 21px;
		background-repeat: no-repeat; 
		text-indent: -99999px;
		text-align: left
	}
	.header .site-link a.fb{}
	.header .site-link a.you{background-position: -27px 0;}
	.header .site-link a.gg{background-position: -53px 0;}
	.header .site-link a:hover {color: #d2a248;}


	.header-search .form {
	    width: 100%;
	    position: relative;
	    font-weight: normal;
	    font-family: Arial, sans-serif;
	    min-width: 200px;
	}
	.header-search .form .label {
		display: block;
		position: relative;
	}
	.header-search .form .label:before {
		content: "";
		display: block;
		position: absolute;
		width: 0%;
		height: 1px;
		background: #999;
		top: initial;
		bottom: 0px;
		left: 0px;
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.header-search .form.active .label:before {width: 100%;}
	.header-search .form .input-text {
	    height: 35px;
	    padding: 5px 25px 5px 10px;
	    line-height: 28px;
	    border: 1px solid #009241;
	    background: #fff;
	    outline: none;
	    font-size: 13px;
	    color: #000;
	    border-radius: 30px;
	}
	.header-search .form .btn-submit {
	    position: absolute;
	    top: 9px;
	    right: 8px;
	    width: 20px;
	    height: 20px;
	    text-indent: -99999px;
	    border: none;
	    cursor: pointer;
	    background-image: url(img/icon-website.png);
	    background-repeat: no-repeat;
	    background-position: -475px -4px;
	    background-color: transparent;
	    outline: none;
	}
	.header-search .form .input-text::-webkit-input-placeholder {
	    color: #848484;
	    font-size: 12px;
	}
	.header-search .form .input-text::-moz-placeholder {
	    color: #848484;
	    font-size: 12px;
	}
	.header-search .form .input-text:-ms-input-placeholder {
	    color: #848484;
	    font-size: 12px;
	}
	.header-search .form .input-text:-moz-placeholder {
	    color: #848484;
	    font-size: 12px;
	}
	
	.header .main-menu > li{
		display: table-cell;
		padding: 4px 0 3px;cursor: pointer;
		background: url('img/line_menu.png') no-repeat scroll right center;
	}
	.header .main-menu > li > a {
	    position: relative;
	    padding: 0px;
	    font-size: 14px;
	    line-height: 33px;
	    font-weight: normal;
	    font-family: 'Roboto';
	    text-align: center;
	    text-transform: uppercase;
	}
	.top-fixed .main-menu > li > a {color:#fff;}
	.header .main-menu > li > a:hover {
	    color: #fff;
	}
	.header .main-menu > li:hover{background: #9dce42;}
	.header .main-menu > li > i {
	    display: block;
	    margin: 0 auto 5px;
	    width: 35px;
	    height: 26px;
	    background-image: url(http://chauaudio.com/tpl/hcv/images/icon-website.png);
		background-repeat: no-repeat;
		line-height: 30px;
		vertical-align: middle;
	}
	.header .main-menu > li > i.menu-position-1 {
	    background-position: -112px 0; width: 24px;
	}
	.header .main-menu > li > i.menu-position-2 {
	    background-position: -136px 0;
	}
	.header .main-menu > li > i.menu-position-3 {
	    background-position: -172px 0;
	}
	.header .main-menu > li > i.menu-position-4 {
	    background-position: -209px 0;
	}
	.header .main-menu > li > i.menu-position-5 {
	    background-position: -242px 0;width: 40px;
	}
	.header .main-menu > li > i.menu-position-6 {
	    background-position: -285px 0;
	}
	.header .main-menu > li > i.menu-position-7 {
	    background-position: -324px 0;
	}
	.header .main-menu > li > i.menu-position-8 {
	    background-position: -407px 0;
	}
	.header .main-menu > li > i.menu-position-9 {
	    background-position: -444px 0;width: 30px;
	}
	.header .main-menu > li > i.menu-position-10 {
	    background-position: 0 -42px; height: 25px;
	}
	.dropdown-menu {
	    display: none;
	    position: absolute;
	    padding: 10px 0;
	    min-width: 250px;
	    z-index: 100;
	    background: #fff;
	    left: 0%;
	    top: 100%;
	    box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
	    -webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
	}
	.header .main-menu>li:hover .dropdown-menu {display: block;}
	.header .sub-menu {
		position: relative;
	}
	.header .sub-menu a {
	    position: relative;
	    padding: 10px 15px;
	    display: block;
	    font-size: 15px;
	    line-height: 20px;
	    color: #333;
	    font-weight: normal;
	    font-family: Roboto;
	}
	.box-banner{position: relative;}
	.box-banner .overlay-top-header{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;height: 100%;background:rgba(0,0,0,0.5);
	}
	.header .sub-menu a:before {
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		width: 0;
		background: #d2a248;
		top: initial;
		left: 0px;
		bottom: -1px;
		z-index: 5;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		-o-transition: all .25s linear;
		transition: all .25s linear;
	}
	.header .sub-menu li:hover>a {color: #e4a715;}
	.header .sub-menu li:hover>a:before {width: 100%;}
	.header .lower {
		background: #167bc3;
	}
	.header .site-link li {float: left;}
	.header .site-link li+li {margin-left: 5px;}
	.header .site-link a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 20px;
		color: #666;
	}
	.header .site-link li:hover a {color: #d2a248;}

	/* Header small */
	.header-small {
		position: relative;
		background: #ffffff;
		z-index: 10;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
		-ms-box-shadow: 0 0 10px rgba(0,0,0,.5);
		-o-box-shadow: 0 0 10px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
		box-shadow: 0 0 10px rgba(0,0,0,.5);
		padding: 0 20px;
	}
	.box_coso {
	    padding: 10px;
	    width: 100%;
	    float: left;
	    border-radius: 5px;
	}
	.box_coso.green { background-color: green;}
	.box_coso.blue{background-color: blue}
	.box_coso.orange{background-color: orange}
	.box_img_coso {
	    width: 80px;
	    float: left;
	}
	.box_content_coso {
	    width: -webkit-calc(100% - 50px);
	    width: -moz-calc(100% - 50px);
	    width: -ms-calc(100% - 50px);
	    width: -o-calc(100% - 50px);
	    width: calc(100% - 90px);
	    float: right;color: #fff;
	}
	.box_content_coso p {
	    font-weight: bold;margin: 0px;
	}
	.box_content_coso span {
	    font-size: 12px;
	}
	
	.header-searchSmall {
	    max-width: 400px;
	    margin: 0 auto;
	}
	.header-small .upper {
		position: relative;
		padding: 10px 0;
		text-align: center;min-height: 45px;
	}
	.header-small .logo {
		display: inline-block;
		margin: 0;
		width: 150px;
		background: #fff;
	}
	.header-small .logo a {display: block;}
	.header-small .cart {
		position: absolute;
		left: initial;
		top: 50%;
		right: 0px;
		font-size: 24px;
		line-height: 24px;
		color: #000;
		text-align: left;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-small .cart a {
		position: relative;
		display: block;
		color: #fff;
	}
	.header-small .cart .quantity {
		display: block;
		position: absolute;
		width: 20px;
		height: 20px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background: #f00;
		font-size: 12px;
		top: -5px;
		left: -10px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	.header-searchSmall .form {
		position: relative;
		margin: 0 0 5px 0;
	}
	.header-searchSmall .form .input-text {
		padding: 0 75px 0px 5px;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	.header-searchSmall .form .btn-submit {
		color: #898989;
		top: 0px;
		right: 0px;
		font-size: 14px;
		position: absolute;
		border: none;
		background: none;
		cursor: pointer;
		color: #fff;
		outline: none;
		background: #107fc6;
		line-height: 30px;
		padding: 0 20px;
	}
	.header-small .upper .hotline {
		position: absolute;
		font-size: 30px;
		color: #167bc3;
		right: 0px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-small .upper .hotline i {
		position: relative;
		-webkit-animation: hotline-shake 1.25s infinite ease-in-out;
	    -moz-animation: hotline-shake 1.25s infinite ease-in-out;
	    -ms-animation: hotline-shake 1.25s infinite ease-in-out;
	    -o-animation: hotline-shake 1.25s infinite ease-in-out;
	    animation: hotline-shake 1.25s infinite ease-in-out;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%;
	}

/* </header> */

/* ################################################# */
/* <body> */
	/* ------- Panel ------- */
	/* home-product */
	.contact-form .form-row .input-text::-webkit-input-placeholder {
	    color: #713510;
	    font-size: 13px;
	    font-family: 'Arial', sans-serif;
	    position: relative;
	    left: -webkit-calc(100% - 50px);
	    left: -moz-calc(100% - 50px);
	    left: -ms-calc(100% - 50px);
	    left: -o-calc(100% - 50px);
	    left: calc(100% - 50px);
	    -webkit-transition: all .4s linear;
	    -moz-transition: all .4s linear;
	    -o-transition: all .4s linear;
	    transition: all .4s linear;
	}
	.contact-form .form-row .input-text::-moz-placeholder {
	    color: #713510;
	    font-size: 13px;
	    font-family: 'Arial', sans-serif;
	    position: relative;
	    left: -webkit-calc(100% - 50px);
	    left: -moz-calc(100% - 50px);
	    left: -ms-calc(100% - 50px);
	    left: -o-calc(100% - 50px);
	    left: calc(100% - 50px);
	    -webkit-transition: all .4s linear;
	    -moz-transition: all .4s linear;
	    -o-transition: all .4s linear;
	    transition: all .4s linear;
	}
	.contact-form .form-row .input-text:-ms-input-placeholder {
	    color: #713510;
	    font-size: 13px;
	    font-family: 'Arial', sans-serif;
	    position: relative;
	    left: -webkit-calc(100% - 50px);
	    left: -moz-calc(100% - 50px);
	    left: -ms-calc(100% - 50px);
	    left: -o-calc(100% - 50px);
	    left: calc(100% - 50px);
	    -webkit-transition: all .4s linear;
	    -moz-transition: all .4s linear;
	    -o-transition: all .4s linear;
	    transition: all .4s linear;
	}
	.contact-form .form-row .input-text:-moz-placeholder {
	    color: #999;
	    font-size: 13px;
	    font-family: 'Arial', sans-serif;
	    position: relative;
	    left: -webkit-calc(100% - 50px);
	    left: -moz-calc(100% - 50px);
	    left: -ms-calc(100% - 50px);
	    left: -o-calc(100% - 50px);
	    left: calc(100% - 50px);
	    -webkit-transition: all .4s linear;
	    -moz-transition: all .4s linear;
	    -o-transition: all .4s linear;
	    transition: all .4s linear;
	}
	.home-products-shoping .panel-body {
	    padding: 0;position: relative;
	}
	.home-products-shoping {
	    position: relative;padding: 40px 0 0 0;
	    /*background: url('img/bg_sanpham.png') no-repeat scroll top center;*/
		background: #fff;
	}
	.clr {
    	clear: both;
	}
	.uk-list.uk-clearfix.tabControl-home {
	    text-align: center;
	}

	.keyword {
	    background: #e8e8e8;
	}
	.keyword .block-content > * {
	    padding: 10px 5px 10px 10px;
	    font-size: 13px;
	    color: #999;display: inline-block;
	}
	.home-products-shoping .panel-body > *{
	    position: initial;
	}
	.panel-head.header_shoping .heading-2{
	    color: #3e0e13;
	    font-size: 16px;
	    font-family: Arial;
	    text-transform: none;
	    line-height: 30px;
	    position: relative;
	    margin-bottom: 0;
	}
	.line_hoa_van {
		background: url('img/line_hoa_van.png') no-repeat scroll center center;
		height: 25px;
	}

	.img-introdution {
	    width: 100%;
	    float: left;
	}
	.des_introduction {
	    width: 100%;
	    float: right;
	}
	.product-1.skin-1 {
	    background: #fff;position: relative;
		/*height: 100%;*/
		background-color: #fff;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
	}
	.product-image {
	    display: block;
	}
	.prid_item {
	    padding: 0 15px;
	}
	.prid_item .product-title {
	    font-family: Arial;
	    font-size: 15px;
	    padding: 10px 0;
	    margin: 0;border-bottom: 1px dashed #f0f0f0;
	}
	.price_view {
	    padding: 10px 0;
	    border-bottom: 1px dashed #f0f0f0;
	}
	.span {
	    padding: 15px 0;
	    font-size: 13px;
	    color: #666;
	}
	.home-products-shoping .product-thumb.img-slide {
    	width: 100%;
	}
	.product-title a {
	    color: #444;
	    font-size: 13px;
	    display: block;
	}
	.product-priceold {
	    text-decoration: line-through;
	    color: #596067;
	    font-size: 12px;
	}
	.product-price {
	    font-weight: bold;
	    font-size: 14px;
	    color: #d0021b;
	}

	.price_view span:not(:last-child) {
	    margin-right: 5px;
	}
	.item.uk-flex button {
		position: relative;
	    right: 20px;
	    bottom: 0px;
	    z-index: 10;
	    cursor: pointer;
	    background: #fff;
	    border: 1px solid #288ad6;
	    border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    padding: 6px 20px;
	    font-size: 14px;
	    color: #288ad6;min-width: 105px;
	}
	.uk-list.list-tag li a {
	    padding: 5px 10px;
	    font-size: 14px;
	    color: #288ad6;
	    display: inline-block;
	    margin-right: 10px;
	    border: 1px solid #288ad6;
	    border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	}
	.uk-list.list-tag li {
	    display: inline-block;
	}
	.listProduct li .bginfo {
	    display: block;
	    overflow: hidden;
	    background: #fff;
	    padding: 25px 20px 0;
	    font-size: 12px;
	    color: #666;
	    line-height: 16px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 9;
	    -ms-opacity: 0;
	    opacity: 0;
	    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	    filter: alpha(opacity=0);
	    pointer-events: none;
	}
	.bginfo h3 {
	    font-size: 15px;
	    margin-bottom: 0;
	}
	.bginfo > .uk-flex > strong {
	    position: relative;
	    top: -5px;
	    right: 0;
	    font-size: 16px;
	    color: #ed5564;
	}
	.bginfo .clr {
	    padding: 0 0 10px;
	    border-bottom: 1px solid #ddd;
	    margin-bottom: 10px;
	}
	.listProduct li:hover .bginfo {
	    -ms-opacity: 1;
	    opacity: 1;
	    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	    filter: alpha(opacity=100);
	    -khtml-opacity: 1;
	    -webkit-transition-duration: .5s;
	    -moz-transition-duration: .5s;
	    -o-transition-duration: .5s;
	    transition-duration: .5s;
	}
	.list-tin-tuc {
	    list-style: none;
	}
	.list-tin-tuc li {
	    padding: 10px;
	    border-bottom: 1px solid #dedede;
	}
	.box-list .thumb {
    	width: 90px;float: right;height: 55px;
	}
	.info {
		width: -webkit-calc(100% - 100px);
	    width: -moz-calc(100% - 100px);
	    width: -ms-calc(100% - 100px);
	    width: -o-calc(100% - 100px);
	    width: calc(100% - 100px);
	    float: left;
	}

	.clear{clear: both;}

	.uk-slidenext {
	    background: url('img/popL.gif') no-repeat scroll center center;
	    width: 22px;
	    height: 22px;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    -webkit-transform: translate(0%, -50%);
	    -ms-transform: translate(0%, -50%);
	    -o-transform: translate(0%, -50%);
	    transform: translate(0%, -50%);
	}
	.uk-slideprev {
	    background: url('img/popR.gif') no-repeat scroll center center;
	    width: 22px;
	    height: 22px;
	    position: absolute;
	    right: 0;
	    top: 50%;
	    -webkit-transform: translate(0%, -50%);
	    -ms-transform: translate(0%, -50%);
	    -o-transform: translate(0%, -50%);
	    transform: translate(0%, -50%);
	}
	.introduction {
	    padding: 10px 0;
	}
	.introduction .header-title {
	    color: #444;
	    margin-bottom: 20px;
	    font-size: 16px;
	}

	.btn.btn-brand {
	    display: inline-block;
	    background: #34912d;
	    color: #ffffff;
	    font-size: 16px;
	    padding: 5px 20px 8px 20px;
	    margin-top: 20px;
	}
	.homepage .article-item, .listAticle .article-item:last-child {
	    border-bottom: 0 !important;
	}
	.uk-slidene{
		position: absolute;
		right: 0px;
		top: 50%;
		width: 25px;
		height: 26px;
		float: left;
		cursor: pointer;
		background: url(img/not_arrow_r.png) no-repeat;
		text-indent: -9999px;
	}
	.uk-slidepr{
		position: absolute;
		left: 0;
		top: 50%;
		width: 25px;
		height: 26px;
		float: left;
		cursor: pointer;
		background: url(img/not_arrow_l.png) no-repeat;
		text-indent: -9999px;
	}
	.home-product {
		position: relative;
	}
	.home-product .heading {
		margin: 0 0 30px 0;
		font-size: 30px;
		line-height: 30px;
		font-weight: normal;
		text-align: center;
		font-family: 'SFUMTimesNewRomanBoldCondensed', sans-serif;
	}
	.intro {
	    padding: 10px 0;
	}
	.aside_subscribe {
		padding: 30px 0;
	}
	.tin-tuc-prd {
	    padding: 10px 0;
	}

	.homepage-stt.vb-moi {
	    background-color: #fff;
	    padding: 20px;
	}

	.article-catalogue.khach_hang_box {
	    max-width: 600px;
	    margin: 0 auto;
	}
	.khach_hang_box .header-intro {
	    text-align: center;
	}
	.khach_hang_box .introduction-title > *::after {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    -o-transform: translate(-50%, 0);
	    transform: translate(-50%, 0);
	}
	.homepage-stt.vb-moi .header-title a{color: #444}

	.thim-newlleter-homepage {
	    background: url(img/bg-newletter.png) top right no-repeat;
	    max-width: 703px;
	    margin: auto;
	    text-align: center;
	    padding: 95px 95px 70px 50px;
	}
	.thim-newlleter-homepage .text.uk-width-1-1 {
	    background: url('img/email.png') no-repeat scroll right 10px center;
	    float: left;
	    width: calc(100% - 120px);
	    width: -webkit-calc(100% - 120px);
	    width: -moz-calc(100% - 120px);
	    border: 1px solid #ddd;
	    border-right: 0;
	}
	.thim-newlleter-homepage .style-form-submit.search-form-submit {
	    background-color: #ffb606;
	    width: 120px;
	    color: #333;
	}
	.thim-newlleter-homepage .description {
	    max-width: 490px;
	    margin: 20px auto 40px;
	    color: #7a7979;
	}
	.homepage-stt.khach_hang .uk-slidene{
		right: calc(100% - 32px);
	}
	.kh-col-homepage {
	    text-align: center;
	}
	.img-kh {
		margin-bottom: 20px;
	}
	.img-kh img {
	    width: 100px;
	    height: 100px;
	    border-radius: 100%;
	    object-fit: cover;
	}
	.info {
	    display: block;
	    position: relative;
	}
	.box-list .info h3 {
	    font-size: 14px;
	    font-weight: normal;
	}
	.box-list .info h3 a{
	    color: #444;
	}

	.box-info {
	    display: inline-block;
	    background-color: rgba(255,182,6,.92);
	    text-transform: capitalize;
	    padding: 0;
	}
	.info .author{
		padding-left: 10px;
	}
	.info .date{
		padding-right: 10px;
	}
	.info .author, .info .date {
	    display: inline-block;
	    color: #fff;
	    line-height: 36px;
	    position: relative;
	}
	.info .date::before {
	    content: '';
	    width: 4px;
	    height: 4px;
	    background: #fff;
	    line-height: 30px;
	    float: left;
	    border-radius: 50%;
	    display: inline-block;
	    margin: 16px 10px;
	}
	.aside_subscribe .panel-body {
    	position: relative;
	    z-index: 9;
	}
	#infomation-contact .heading {
	    position: relative;
	    padding: 10px;
	    line-height: 34px;
	    text-align: center;
	    color: #8b0000;
		font-size: 22px;
		font-family: SFSanFranciscoBold;
	    overflow: hidden;
	    margin: 0;
	}
	.home-product .heading>* {color: #333;}
	.home-product .product {
		position: relative;
		overflow: hidden;
		border: 1px solid #dddddd;
		background: #f9f9f9;
	}
	.products_catalogues .panel-head{
	    border-bottom: 1px solid #dadada;
		margin-bottom: 20px;
	}
	.products_catalogues .panel-head h1, .product-detail .panel-head h1{
		color: #444;font-size: 22px;line-height: 24px;font-weight: normal;
	}
	.aside-products-shoping, .aside-panel-tu-van {
	    border-top: solid 3px #ffb606;
	    background: #f2f2f2;
	}
	.aside-products-shoping .panel-body {
	    padding: 10px;
	}
	.product-item-aside {
	    padding: 10px;margin-bottom: 3px;
	}
	.aside-products-shoping .panel-head, .aside-panel-tu-van .panel-head {
	    padding: 10px;
	    border-bottom: 1px solid #dadada;
	}
	.aside-products-shoping .panel-head h3, .aside-panel-tu-van .panel-head h2{margin-bottom: 0;}
	h1.title {
	    padding-bottom: 10px;
	    color: #4b4b4b;
	    border-bottom: 1px solid #ddd;
	}
	.product-title-aside {
	    margin: 10px 0 0;
	}
	.pb20{padding-bottom: 20px;}
	.prd-detail-bottom {
	    background: #f0f0f0;
	}

	.home-product .product .info {
	    position: relative;
	    padding: 10px;
	    width: 100%;
	    z-index: 10;
	    top: initial;
	    left: 0px;
	    bottom: 0px;
	    font-size: 13px;
	    line-height: 18px;
	    color: #f7f8f9;
	    text-align: center;
	}
	.home-product .product .title {
	    margin: 0 0 15px 0;
	    font-size: 18px;
	    line-height: 24px;
	}
	.home-product .product .title a {color: #4b4b4b;}
	.home-product .product .description {margin: 0 0 5px 0;}
	.home-product .product .price {
		font-size: 14px;
		font-weight: 500;
		color: #f00;
	}
.pro_btn_in a.btn-detail-prd {
    color: #ffffff;
    border-radius: 5px;
    padding: 8px 20px;
    text-align: center;
    margin: 0 5px;
    display: inline-block;
    font-size: 16px;
}
.pro_btn_l.btn-detail-prd {
    background: #adadad;
}
.pro_btn_r.btn-detail-prd {
    background: #358421;
}
#infomation-contact .uk-modal-dialog.modal {
    max-width: 385px;
}
#infomation-contact .modal-body {
    padding: 20px;padding-top: 0;
}
.item_form input {
    height: 40px !important;
    font-size: 13px !important;
}
.style-form-submit.search-form-submit {
    padding: 10px 25px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 0px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #8b0000;
    font-family: Arial;
}
.live-orders {
    padding: 30px 0;
}

	/* Heading */
	.heading {position: relative;}
	.heading>* {
		display: inline-block;
		position: relative;z-index: 99;
	}
	.heading.skin-1 {
		margin: 0 0 25px 0;
		border-bottom: 1px solid #e0e0e0;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 24px;
		font-weight: normal;
		font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
	}
	.heading.skin-1>* {
		padding: 0 0 10px 0;
		color: #0066a8;
	}
	.heading.skin-1>*:before {
		content: "";
		display: block;
		position: absolute;
		height: 5px;
		width: 103px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(img/bg-heading.png);
		top: initial;
		bottom: -5px;
		left: 0px;
	}

	@media (min-width: 960px) {
		.heading.skin-1 {
			font-size: 24px;
			line-height: 30px;
		}
	}
	.box_video_item {
	    width: 100%;
	    max-width: 337px;
	    margin: 0 auto;
	    padding-bottom: 10px;
	    background: url('img/line_line.png') repeat-x scroll left bottom;
	}
	.box-image {
	    position: relative;
	    margin: 0 0 20px 0;
	}
	.image-center {
	    display: block;
	    position: relative;
	}
	.bg_opacity {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgb(0, 0, 0, 0.55) url('img/icon_play.png') no-repeat scroll center center;
	    -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;

	}
	.entry-title {
	    font-family: SFSanFranciscoThin;
	    font-size: 19px;
	    text-transform: none;
	    line-height: 26px;
	}
.description-catalogies {
    border: 2px solid #713510;
    border-radius: 3px;
    overflow: hidden;
}
.abouts-us {
    padding: 40px 0;background: linear-gradient(to right, #fff 70%, #d4e6c1 30%);
}
.title-abouts span:first-child{
    font-family: 'UTMFlavour';
    font-size: 36px;
    color: #999;line-height: 40px;
}
.title-abouts > *{
    display: block;
}
.title-abouts span:last-child, .title_categories, .introduction-title, .partner.panel .heading{
	font-family: 'Roboto-Bold';
	text-transform: uppercase;
	font-size: 28px;
	/* line-height: 50px; */
	color: #167bc3;
}
.box-kh-kh {
    background: #fff;
    width: 100%;
    float: left;
}
.info-kh {
    padding: 10px;
}
.info-kh .title-kh {
    font-weight: bold;
    font-size: 14px;
}
.introduction-title a{color: #167bc3;}
.more_ab a {
    display: inline-block;
    padding: 5px 25px;
    background: #85ab00;
    color: #fff;
    text-transform: uppercase;
    border-radius: 25px 0;
    cursor: pointer;
}
.panel-body.shadow {
    padding: 20px;
    box-shadow: -1px -2px 4px 1px #ededed;
    background: #fff;
}
.iframe_video_home iframe {
    height: 300px;
}
.partner.panel {
    padding: 30px 0;
    background: #e9e9e9;
}
.tabControl-home li {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 20px;
    background: #fff;
    border-radius: 20px 0;
    color: #167bc3;
    font-size: 14px;
    cursor: pointer;
    text-align: center;position: relative;
}
.tabControl-home li.uk-active, .tabControl-home li:hover {
    color: #fff;
    background: #167bc3;
}
.tabControl-home li.uk-active::after, .tabControl-home li:hover::after  {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 2px;
    top: 2px;
    content: '';
    border-radius: 20px 0;
    border: 1px solid #9dce42;clear: none;display: block
}

	.entry-title > *{color: #3e0e13;}
	.box-image:hover .bg_opacity {
		background: rgb(0, 0, 0, 0.55) url('img/icon_play_hover.png') no-repeat scroll center center;
	}
	/* Slide */
	.main-slide {
		position: relative;
	}
	.article-item-col .article-thumb img{
		width: 100%;
		height: 180px;
		object-fit: cover;
	}
	.article-item-col .article-title a {
	    font-family: 'Roboto';
	    font-size: 14px;
	    color: #333;
	    display: block;
	}
	.article-item-col .article-meta {
	    margin-bottom: 10px;
	    font-size: 12px;
	    color: #999;
	    font-family: Arial;
	    font-weight: bold;
	}
	.article-item-col .article-description.lib-line-4 {
	    line-height: 24px;
	    font-family: Arial;
	    font-size: 14px;
	    color: #666;text-align: justify;
	}

	.article-item-col:last-child {
	    border-bottom: 0;
	}

	.article-title {
	    margin-bottom: 5px;
	}
	.article-title-not {
	    font-size: 13px;
	    padding: 5px 0 5px 15px;
	    position: relative;
	    background: url(img/liststyle.png) top 12px left no-repeat;
	}
	.article-title-not a{ color: #444; }
	.article-item-col .pr15 {
	    padding-right: 15px;
	}
	.time-from .date {
	    font-size: 11px;
	    font-weight: 700;
	    line-height: 15px;
	    text-align: center;
	    color: #fff000;
	}

	.time-from .year {
	    font-size: 15px;
	    color: #fff000;
	}

	.box_title_article .article-date {
	    width: 48px;
	    height: 48px;
	    float: left;
	    background: url('img/bg_date.png');
	}
	.box_title_article .article-title {
	    width: -webkit-calc(100% - 60px);
	    width: -moz-calc(100% - 60px);
	    width: -ms-calc(100% - 60px);
	    width: -o-calc(100% - 60px);
	    width: calc(100% - 60px);
	    float: right;
	    height: 48px;
	    overflow: hidden;
	    padding: 5px 0;
	}
	.box_title_article {
	    padding: 10px 0;
	}
	.time-from {
	    padding: 7px 5px;
	    text-align: center;
	}

	.main-slide .uk-slidenav {
		width: 48px;
		height: 80px;
		background-image: url(img/common_tag.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-position: -175px -132px
	}
	.main-slide .uk-slidenav-next {background-position: -227px -132px;}
	.main-slide .uk-slidenav:before {
		display: none;
		visibility: hidden;
	}
	.main-slide .uk-slidenav-previous {left: 1px;}
	.main-slide .uk-slidenav-next {right: 1px;}
	.main-slide .uk-dotnav {bottom: 10px;}
	.main-slide .uk-dotnav>*>* {
		width: 10px;
		height: 10px;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-slide .uk-dotnav>.uk-active>* {
		background: #0066a8;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	@media (max-width: 960px) {
		.main-slide .uk-slidenav {
			display: none;
			visibility: hidden;
			z-index: -1;
		}
	}

	/* Aside */
	@-webkit-keyframes hvr-buzz-out {
		10% {
			-webkit-transform:translateX(3px) rotate(2deg);
			transform:translateX(3px) rotate(2deg)
		}
		20% {
			-webkit-transform:translateX(-3px) rotate(-2deg);
			transform:translateX(-3px) rotate(-2deg)
		}
		30% {
			-webkit-transform:translateX(3px) rotate(2deg);
			transform:translateX(3px) rotate(2deg)
		}
		40% {
			-webkit-transform:translateX(-3px) rotate(-2deg);
			transform:translateX(-3px) rotate(-2deg)
		}
		50% {
			-webkit-transform:translateX(2px) rotate(1deg);
			transform:translateX(2px) rotate(1deg)
		}
		60% {
			-webkit-transform:translateX(-2px) rotate(-1deg);
			transform:translateX(-2px) rotate(-1deg)
		}
		70% {
			-webkit-transform:translateX(2px) rotate(1deg);
			transform:translateX(2px) rotate(1deg)
		}
		80% {
			-webkit-transform:translateX(-2px) rotate(-1deg);
			transform:translateX(-2px) rotate(-1deg)
		}
		90% {
			-webkit-transform:translateX(1px) rotate(0);
			transform:translateX(1px) rotate(0)
		}
		100% {
			-webkit-transform:translateX(-1px) rotate(0);
			transform:translateX(-1px) rotate(0)
		}
	}
	@keyframes hvr-buzz-out {
		10% {
			-webkit-transform:translateX(3px) rotate(2deg);
			transform:translateX(3px) rotate(2deg)
		}
		20% {
			-webkit-transform:translateX(-3px) rotate(-2deg);
			transform:translateX(-3px) rotate(-2deg)
		}
		30% {
			-webkit-transform:translateX(3px) rotate(2deg);
			transform:translateX(3px) rotate(2deg)
		}
		40% {
			-webkit-transform:translateX(-3px) rotate(-2deg);
			transform:translateX(-3px) rotate(-2deg)
		}
		50% {
			-webkit-transform:translateX(2px) rotate(1deg);
			transform:translateX(2px) rotate(1deg)
		}
		60% {
			-webkit-transform:translateX(-2px) rotate(-1deg);
			transform:translateX(-2px) rotate(-1deg)
		}
		70% {
			-webkit-transform:translateX(2px) rotate(1deg);
			transform:translateX(2px) rotate(1deg)
		}
		80% {
			-webkit-transform:translateX(-2px) rotate(-1deg);
			transform:translateX(-2px) rotate(-1deg)
		}
		90% {
			-webkit-transform:translateX(1px) rotate(0);
			transform:translateX(1px) rotate(0)
		}
		100% {
			-webkit-transform:translateX(-1px) rotate(0);
			transform:translateX(-1px) rotate(0)
		}
	}
	.hvr-buzz-out {
		display:inline-block;
		vertical-align:middle;
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		box-shadow:0 0 1px rgba(0,0,0,0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		-moz-osx-font-smoothing:grayscale
	}
	.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
		-webkit-animation-name:hvr-buzz-out;
		animation-name:hvr-buzz-out;
		-webkit-animation-duration:.75s;
		animation-duration:.75s;
		-webkit-animation-timing-function:linear;
		animation-timing-function:linear;
		-webkit-animation-iteration-count:1;
		animation-iteration-count:1
	}
	.aside>* {margin-bottom: 15px;}
	.aside .box_item_bl .panel-head {
	    background: #111;
	    padding: 20px;
	}
	.aside-block {
	    position: relative;
	}
	.aside .box_item_bl .panel-head .heading {
	    color: #fff;
	    margin-bottom: 0;font-family: RobotoSlabBold;
		font-size: 15px;
	}
	.box_item_bl .panel-body {
	    border-top: 1px solid #e8e8e8;
	    width: 100%;
	    border-bottom: 1px solid #e8e8e8;
	}
	.hotline_block, .aside-contact, .aside-connect, .aside-thong-ke {
		border-top: solid 3px #ffb606;
	    background: #f2f2f2;
	    padding: 10px;
	}
	.listAticle .article-item {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	    border-bottom: 1px solid #eee;
	}

	.uk-list-thong-ke li {
	    padding-bottom: 10px;
	}
	.uk-list-thong-ke {
	    list-style: none;
	}
	.aside .heading {
	    color: #444;
	    font-family: Arial;
	    font-size: 15px;
	    text-transform: none;
	    line-height: 20px;
	}

	.aside-contact b {
	    display: block;
	    margin-bottom: 10px;
	}
	.aside-contact b font {
	    color: #ad0000;
	}
	.aside-list-ul li {
	    padding: 5px;
	    border-bottom: 1px solid #ededed;
	    background: url('img/icon_right.png') no-repeat scroll left top 8px;
	    padding-left: 15px;
	}
	.aside-list-ul {
	    list-style: none;
	}
	.social .uk-list.uk-clearfix li {
	    float: left;
	    margin-right: 5px;
	}
	.aside-panel .heading{
	    margin: 0;
	    padding: 10px;
	    font-size: 14px;
	    line-height: 20px;
	    text-transform: uppercase;
	    font-weight: normal;
	    background: #EE3338;
	    display: inline-block;
	}
	.aside-news .heading {
		margin: 0;
	    padding: 10px 0;
	    font-size: 15px;
	    line-height: 20px;
	    text-transform: uppercase;
	}
	.aside-panel .heading::before {
    	content: '';
	    width: 0;
	    height: 0;
	    border-left: 0 solid transparent;
	    border-right: 20px solid transparent;
	    border-bottom: 40px solid #E02429;
	    position: absolute;
	    right: -20px;
	    top: 0;
	}
	.aside-panel.news-box-01 .panel-head {
	    border-bottom: 2px solid #E02429;
	    height: 40px;
		overflow: hidden;
	}

	.list-tin-tuc li:last-child {
	    border-bottom: 0;
	}
	.aside-news .heading>* {color: #444;}
	.aside-panel .heading>* {color: #fff;}
	.aside-panel .panel-body {
		background: #fff;
	}
	.uk-list-dt.uk-list li{padding: 0;}
	.uk-list-dt.uk-list li:not(:last-child) {
	    padding-bottom: 10px;
	}
	.uk-list-dt.uk-list li .image {
	    width: 90px;
	    float: left;
	    margin-right: 10px;
	}
	.uk-list-dt.uk-list li .image img {
	    width: 100%;
	    height: 60px;
	    object-fit: cover;
	    padding: 2px;
	    border: 1px solid #dedede;
	    background: #f9f9f9;
	}
	.uk-list-dt.uk-list li .info h3.title{
	    font-size: 14px;
	    font-weight: normal;
	}
	.uk-list-dt.uk-list li .info h3.title a{
	    color: #444;
	}
	.aside-categories .mainCat a {
	    position: relative;
	    display: block;
	    padding: 10px 10px 10px 15px;
	    font-size: 14px;
	    line-height: 20px;
	    color: #000;
	    background: #f6f6f6;
	}
	.aside-categories .mainCat a.active {
	    color: #358421;
	}
	.uk-list.list-item-articles li a {
	    position: relative;
	    display: block;
	    padding: 7px 7px 7px 0px;
	    font-size: 14px;
	    line-height: 20px;
	    color: #000;
	}
	.line_hotline {
	    background: url('img/hotline_bg.png') no-repeat scroll left top;
	    padding-left: 50px;
	    padding-top: 15px;
	    font-size: 20px;
	    font-family: PhanNguyen;
	    font-weight: bold;
	}
	.line_hotline a {
	    color: #ff0000;
	}
	.productDetailSupport {
	    color: #fff;line-height: 24px;
	}

	.footerContact .images_support img {
	    width: 55px;
	    height: 55px;
	    border-radius: 100%;
	    border: 2px solid #7ba607;
	}
	.ban-do img {
	    border: 3px solid #19f696;
	}
	.it {
	    background-image: url('img/icon_support.png');
	    background-repeat: no-repeat;
	}
	.hotline_support > * {
	    padding-left: 20px;
	    line-height: 24px;
	}
	.hotline_support .email_sp {
	    background-position: 0 6px;
	}
	.hotline_support .phone_sp {
	    background-position: 0 -18px;
	}
	.uk-list.list-support {
	    padding: 5px;
	    border: 1px dashed #2cc474;
	    border-radius: 3px;
		float: left;
	}
	.uk-list.list-support li {
	    float: left;
	}
	.uk-list.list-support li:not(:last-child) {
	    margin-right: 5px;
	}
	.uk-list.list-support li a {
	    width: 20px;
	    height: 22px;
	    display: block;
	}
	.uk-list.list-support li a.ya {
	    background-position: -7px -76px;
	}
	.uk-list.list-support li a.sk {
	    background-position: -32px -76px;
	}
	.uk-list.list-support li a.zl {
	    background-position: -58px -76px;
	}
	.uk-list.list-support li a.vi {
	    background-position: -85px -76px;
	}
	.uk-list.list-support li a.fa {
	    background-position: -113px -76px;
	}
	.productDetailSupport .name a {
	    font-family: PhanNguyen;
	    color: #444;
	    display: block;
	    margin-bottom: 5px;
	    font-size: 15px;
	}
	.uk-list.list-item-articles li+li>a {border-top: 1px dotted #c8c8c8;}
	.aside-categories .mainCat li+li>a {border-top: 1px solid #e5e5e5;}
	.aside-categories .mainCat li a .count {color: #999;}
	.aside-categories .mainCat li a:hover {color: #358421;}

	.aside-product .panel-body {background: #fff;}
	.aside-news .heading {margin: 0 0 5px 0;}
	.aside-news .featured {margin: 0 0 10px 0;}
	.aside-news .featured .thumb {margin: 0 0 5px 0;}
	.aside-news .featured .title {
		margin: 0;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
	}
	.aside-news .featured .title a {color: #333;}
	.aside-news .list-article>li:nth-child(n+3) {margin-top: 10px;} 
	.aside-news .article .thumb {margin: 0 0 5px 0;}
	.aside-news .article .image {height: 100px;}
	.aside-news .article .title {
		margin: 0;
		font-size: 13px;
		line-height:17px;
		font-weight: normal;
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis;
		height: 34px;
	}
	.aside-news .article .title a {color: #333;}
	.aside-news .featured .title a:hover, 
	.aside-news .article .title a:hover,
	.aside-product .product .title a:hover {color: #3399cc;}

	.hompage-col-right {
	    height: 100%;
	    padding-left: 10px;
	}
	.homepage-stt {
	    padding: 20px 0px;
	    background: #fff;
	}
	.pl15{padding-left: 15px;}
	.c_service {
	    background: #f8f5f3;
	    border: 1px solid #dddddd;
	    border-radius: 10px;
	    padding: 15px;
	}

.ft-top {
    width: 100%;
    height: auto;
    padding: 20px 0;
}
.ft-top-item1 {
    padding: 20px 28px;
    padding-right: 0;
    background: #0cb8e8;
}
.ft-top-item {
    color: #fff;
}

.pr16 {
    padding-right: 16px;
}
.dib {
    display: inline-block;
}
.fl {
    float: left;
}
.lh18 {
    line-height: 18px;
}
.ttu {
    text-transform: uppercase;
}
.db {
    display: block;
}
.fs15 {
    font-size: 15px;
}
.fs12 {
    font-size: 12px;
}

	.call_box .on_call {
	    float: left;
	    width: 75px;
	}
	.call_box .call_tt {
	    width: -webkit-calc(100% - 85px);
	    width: -moz-calc(100% - 85px);
	    width: -ms-calc(100% - 85px);
	    width: -o-calc(100% - 85px);
	    width: calc(100% - 85px);
	    float: right;
	    color: #6f6f6f;
		font-size: 14px;
	}
	.call_num {
	    color: #f89e00;
	    font-size: 28px;
	    letter-spacing: -1px;
	    margin-bottom: 10px;
	    font-weight: bold;
	}
	.height100{height: 100%;}
	/* Article */
	.article-catalogue  {margin-bottom: 25px!important;}
	.article-catalogue .panel-body {padding: 0;overflow: hidden;}
	.panel-article .list-article>li {margin-bottom: 10px;}
	[class*=article-] .description p {margin: 0;}
	[class*=article-] .title a {
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.article-1 {position: relative;}
	.article-1 .thumb {position: relative;}
	.article-1 .title {
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 22px;
		font-family: 'PN_SemiBold', sans-serif;
	}
	.article-1 .title a {color: #333;}
	.article-1 .meta {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}
	.article-1 .time {
		display: inline-block;
		padding-left: 20px;
		background: url(img/calendar.png) 0px 50% no-repeat;
	}
	.article-1 .description {
		font-size: 15px;
		line-height: 20px;
		height: 80px;
	}
	@media (max-width: 490px) {
		.tabControl-home li{width: auto;}
	}
	@media (max-width: 450px) {
		.img-introdution img, .img-introdution img {height: 150px;}
		.article-item-col .article-thumb img {width: 100%;}
		.article-item-col .article-description.lib-line-4 {margin-bottom: 20px;}
	}
	@media (max-width: 320px) {
		.product-item, .product-item .product-image img, .article-item-col {width: 100%;}
		.tabControl-home li {
		    width: auto;
		    margin-bottom: 5px;
		}
	}
	@media (min-width: 479px) {
		.article-1 .thumb {
			float: left;
			width: 250px;
		}
		.article-1 .info {
			position: relative;
			float: left;
			width: -moz-calc(100% - 250px);
			width: -webkit-calc(100% - 250px);
			width: -ms-calc(100% - 250px);
			width: -o-calc(100% - 250px);
			width: calc(100% - 250px);
			padding-left: 20px;
		}
	}
	@media (min-width: 1220px) {
		.article-1 .thumb {
			float: left;
			width: 350px;
		}
		.article-1 .info {
			position: relative;
			float: left;
			width: -moz-calc(100% - 350px);
			width: -webkit-calc(100% - 350px);
			width: -ms-calc(100% - 350px);
			width: -o-calc(100% - 350px);
			width: calc(100% - 350px);
			padding-left: 20px;
		}
		.article-1 .image {height: 200px;}
	}
	@media (min-width: 479px) and (max-width: 767px) {
		.article-1 .thumb {width: 180px;}
		.article-1 .info {
			position: relative;
			width: -moz-calc(100% - 180px);
			width: -webkit-calc(100% - 180px);
			width: -ms-calc(100% - 180px);
			width: -o-calc(100% - 180px);
			width: calc(100% - 180px);
		}
		.article-1 .viewed {margin: 5px 0 0 0;}
		.article-1 .description {display: none;}
	}
	@media (max-width: 479px) {
		.article-1 .thumb {margin: 0 0 10px 0;}
		.article-1 .meta {font-size: 13px;}
		.header-searchSmall {max-width: 100%;}
	}
	.article-1 .title a:hover {color: #3399cc;}

	/* Article Detail */
	.article-detail {
	    margin: 0 0 25px 0;
	    font-family: Arial, sans-serif;
	    font-size: 14px;
	    line-height: 20px;
	    color: #000;
	    /*word-break: break-all;*/
	}

	.meta.uk-flex.uk-flex-middle {
	    padding: 5px 10px;
	    margin-bottom: 20px;
	    border: 1px solid #efefef;
	}
	.article-detail .meta {
	    background: #f2f2f2;
	    font-size: 13px;
	    line-height: 20px;
	}
	.article-detail .meta .time {
	    background-image: url(img/icon-time.png);
	}
	.article-detail .meta > * {
	    position: relative;
	    padding-left: 20px;
	    background-repeat: no-repeat;
	    background-position: 0 5px;
	}
	.article-detail .meta .viewed {
	    background-image: url(img/viewed.png);
	}
	.article-detail .meta > * + * {
	    margin-left: 15px;
	}
	.img-introdution img {
	    width: 100%;
	    height: 160px;
	    object-fit: cover;
	    padding: 0px;
	}

	.header-title {
	    margin: 0;
	    padding: 10px 0px;
	    font-family: Arial;
	    line-height: 22px;
	    font-size: 14px;
	    text-align: left;
	    color: #7b2e00;
	}
	.live-orders .content {
	    border: 1px solid #7b2e00;
	    padding: 10px;
	    background: #fff;
	}
	.item-orders {
	    padding: 5px 5px 5px 25px;
	    font-size: 13px;
	    font-weight: bold;
	}
	.item-orders {
	    background: url('img/phone.png') no-repeat scroll left center;
	}
	.item-orders.success-order {
	    background: url('img/order.png') no-repeat scroll left center;
	}

	.header-title a {
	    color: #333;
	    display: block;
	}
	.descript-1 {
	    color: #fff;
	    line-height: 25px;
	    text-align: justify;
	    font-family: Arial;
	    font-size: 13px;
	}


	.article-item .pl15{ padding-left: 15px; }
	.article-item .article-title a {
	    color: #444;
	    font-family: Arial;
	    font-size: 18px;
	    font-weight: normal;
	}

	.article-description.lib-line-4 {
	    font-size: 13px;
	}
	.contact-form label {
	    line-height: 30px;
	    color: #713510;
	}

	.article-info .article-meta {
	    margin-bottom: 10px;
	    font-size: 13px;
	    color: #999;display: none;
	}

	.uk-list-articles {list-style: none;}
	.uk-list-articles .entry-title { font-weight: normal; margin: 0;}
	.article-detail .article, 
	.article-detail .share-box {margin-bottom: 20px;}
	.article-detail .title {
		margin: 0 0 15px 0;
		font-size: 22px;
		line-height: 24px;
		font-weight: normal;
		font-family: 'PN_SemiBold', sans-serif;
		color: #444;
	}
	.article-detail .article .description {
		font-weight: bold;
		margin-bottom: 10px;
		color: #000;
	}
	.article-detail .article img {
		display: block!important;
		width: auto!important;
		height: auto!important;
		margin: 0 auto 15px auto!important;
	}
	.share-box>*+* {margin-left: 5px;}
	.share-box .plus {position: relative;margin-top: -4px;}
	@media (min-width: 960px) {
		.article-detail .title {
			font-size: 20px;
			line-height: 30px;
		}
	}
	@media (max-width: 567px) {
		.article-detail .title {
			margin: 0 0 10px 0;
			font-size: 24px;
			line-height: 24px;
		}
	}

	/* Article Related */
	.article-related {margin-bottom: 30px!important; }
	.article-related .heading {
	    margin: 0 0 10px 0;
	    font-size: 17px;
	    line-height: 26px;
	    color: #444;
	    text-transform: uppercase;
	    font-family: 'Arial', sans-serif;
	}
.uk-list-articles .entry-title {
    font-family: PhanNguyen;
    font-size: 16px;
}

	.article-related ul li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 5px;
		padding-top: 5px;
		font-size: 15px;
		line-height: 20px;
		font-weight: normal;
		color: #999;
	}
	.article-related ul li+li {border-top: 1px dotted #898989;}
	.article-related ul li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		left: 0px;
		color: #713510;
		font-size: 12px;top: 8px;
	}
	.article-related ul li a {color: #333;}
	.article-related ul li a:hover, 
	.article-related ul li:hover:before {color: #3399cc;}

	/* Banner */
	.banner p {margin: 0;}
	.banner a {display: block;}

	
	/* Contact */
	.contact {margin: 0 0 20px 0;}
	.contact .contact-infomation, 
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
		font-weight: 500;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 26px;
		text-transform: uppercase;
		color: #0066a8;
		font-weight: bold;
		font-family: 'PN_SemiBold', sans-serif;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {
		margin: 0 0 5px 0;
		color: #000;
	}
	.contact .contact-infomation .address a {color: #000;}
	.contact .contact-map {
		padding: 4px;
		border: 1px solid #d5d5d5;
		height: 340px;
	}
	.contact .contact-form .label {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		margin-bottom: 15px;
	}
	.contact .contact-form .form-row {margin-bottom: 15px;}
	.contact-form .form-select {color: #999!important;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select {height: 30px;}
	.contact .contact-form .form-textarea {height: 200px;}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 6px 25px;
		cursor: pointer;
		background: #0066a8;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		border: none;
	}

	/* Breadcrumb */
	.breadcrumb {
	    position: relative;
	    padding: 10px;
	    margin-bottom: 15px;
	    border: 1px solid #eee;
	    background: #f7f7f7;
	}

	.breadcrumb ul {
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis;
		height: 20px;color: #999;
	}
	.breadcrumb ul a {
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}
	.breadcrumb ul li:nth-child(n+2) a:hover {color: #0066a8;}
	@media (max-width: 1025px) {
		.header .uk-list.site-link {
		    display: none;
		}

	}

	@media (max-width: 960px) {
		.breadcrumb {
			padding: 7px 0;
			margin: 0 0 15px 0;
		}
		.breadcrumb ul {
			overflow: hidden; 
			-ms-text-overflow: ellipsis; 
			text-overflow: ellipsis;
			height: 18px;
		}
		.breadcrumb ul a {
			font-size: 13px;
			line-height: 18px;
		}
	}

	/* Pagination */
	.pagination {margin: 20px 0 !important;}
	.pagination li a {
		display: block;
		font-size: 13px;
		background: #f2f2f2;
		border: 1px solid #e1e1e1;
		color: #252525;
		border-radius: 0;
	}
	.pagination li a:hover, 
	.pagination .uk-active a {
		background: #0066a8;
		border-color: #0066a8;
		color: #fff;
	}
/* </body> */
/* ################################################# */
.panel-body-chi-nhanh {
    display: block;
    overflow: hidden;
    background: #f6f5f5;
    border: 1px solid #dadada;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 100%;
}
.uk-list.list-chinhanh li {
    padding: 10px 15px;border-bottom: 1px solid #dadada;
}
.uk-list.list-chinhanh li:last-child{border-bottom: 0;}
.title-chinhanh {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #288ad6;
    margin-bottom: 8px;
    font-weight: 700;
}
.address-chinhanh {
    font-size: 13px;
    padding-bottom: 10px;
}
.prd-detail-bottom, .prd-detail-center {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.phone-chinhanh {
    font-size: 13px;
}
.icondetail-handmoney {
    background-position: -100px 0;
    width: 36px;
    height: 30px;
    float: left;
    margin-right: 10px;
}
.img-scaledown-image img {
    width: 100%;
}
.lSPager.lSGallery li img {
    width: 110px;
    height: 70px !important;
    object-fit: scale-down;
    border: 1px solid transparent;
    padding: 2px;
}
.lSPager.lSGallery li.active img{
    border: 1px solid #dedede;
    padding: 2px;
}
.introduction h1.title {
    font-family: 'SFUMTimesNewRomanBoldCondensed', sans-serif;
    font-size: 20px;
}
.introduction .price > * {
    margin-right: 15px;
    font-family: 'Arial', sans-serif;
    font-size: 18px;margin-bottom: 10px;
}
.introduction .price .new {
    font-weight: bold;
    color: #ff0000;
}
.block-content {
    padding: 10px 0;
}
[class^="icondetail-"], [class*="icondetail-"] {
    background-image: url(img/icondetail@1x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.icondetail-check {
    background-position: -100px -30px;
    width: 13px;
    height: 13px;
    margin-right: 8px;
}
.introduction .price .old {
    text-decoration: line-through;font-size: 13px;
}
.introduction .description {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 15px;
    font-family: 'Arial', sans-serif;
    border-radius: 10px;
	border: 1px solid #dddddd;
}
.introduction .description  p::before {
    display: inline-block;
    content: "•";
    margin-right: 5px;
}
.introduction .description  p {
    font-size: 13px;
    color: #2c3e50;
}
.block-content p:last-child, .introduction .description p:last-child{
    margin: 0;
}

.action-button {
    display: block;
    padding: 9px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #d97f00;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #f89406;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406));
    background: -webkit-linear-gradient(top,#f89406,#f76b1c);
    background: -moz-linear-gradient(top,#f89406,#f76b1c);
    background: -ms-linear-gradient(top,#f89406,#f76b1c);
    background: -o-linear-gradient(top,#f89406,#f76b1c);
}
.buy .action-button span, .buy .buyinstall span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300;
}
.buy .buyinstall {
    display: block;
    margin-top: 15px;
    padding: 9px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #288ad6;
}

.quantity-box {
    max-width: 50px;
    position: relative;margin: 0 10px;
}
.quantity-box .btn {
    position: absolute;
    right: 5px;
}
.quantity-box .btn-up {
	top: 0;
}
.quantity-box .btn-down {
    top: 10px;
}
.introduction .action a.btn-add {
    padding: 5px 15px;
    background: #da3f3f;
    color: #fff;
    border: 1px solid #cc2b2b;
    font-family: 'PhanNguyen', sans-serif;
    font-size: 15px;
    display: block;
}
.homepage .pagination.mb30 {
    margin: 0 !important;
}
.article-catalogue.homepage {
    margin-bottom: 0px !important;
    position: relative;
}
.connenct > *{
	vertical-align: bottom;
}
.productDetailContent {
}
/* <footer> */
	.footer {
	    background: #1074ba;
		background-size: cover;
	}
	.footerContact .panel-body {
	    font-size: 13px;
	}

	.footer .upper .panel {
	    height: 100%;
	    background: #fff;
	    padding: 10px 15px;position: relative;
	}
	.panel.footer-contact.footerContact::after {
	    content: '';
	    width: 100%;
	    height: 10px;
	    background: #fff;
	    position: absolute;
	    left: 0;
	    top: -10px;
	}
	.panel.footer-contact.footerContact::before {
	    content: '';
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #978c08;
	    position: absolute;
	    left: -10px;
	    top: -10px;
	}
	.footer .upper .heading {
	    margin: 0 0 15px 0;
	    font-size: 16px;
	    line-height: 20px;
	    text-transform: uppercase;
	    color: #999;
	}
	.footer-contact ul {
		list-style: none;
		font-size: 14px;
		line-height: 20px;
		color: #666666;
	}
	.text-center {
	    text-align: center;
	}
	.info-icon a {
	    color: #999;
	    margin-left: 15px;
	}
	.heading-footer {
		position: relative;
		font-size: 20px;
		text-transform: none;
		line-height: 40px;
		font-family: 'Roboto-Bold';
		font-weight: bold;
		color: #fbed3e;
		text-transform: uppercase;
	}
	.uk-list.site-address li {
	    color: #fff;
	    padding: 5px 0 5px 25px;
	    background-image: url('img/addres_footer.png');
	    background-repeat: no-repeat;
	}
	.uk-list.site-address li.add{background-position: 0 8px;}
	.uk-list.site-address li.phone{background-position: 0 -43px;}
	.uk-list.site-address li.email{background-position: 0 -72px;}
	.uk-list.site-address li.web{background-position: 0 -103px;}
	.bgwhite{background: white;}
	.footer .lower .panel-body.text-center * {
	    color: #fff;
	    font-size: 13px;
	    font-family: Arial;
	}
	.footer .lower {
	    overflow: hidden;
	    background: rgba(20, 20, 20, 0.4);
	    padding: 5px 0;
	    font-size: 13px;
	    color: #91ad99;
	}
	.footerContact {
	    position: relative;
	}
	.uk-slidenesp.uk-slidenav-contrast {
	    position: absolute;
	    right: 0px;
	    top: 10px;
	    width: 25px;
	    height: 26px;
	    float: left;
	    cursor: pointer;
	    background: url(img/next_bar.png) no-repeat;
	    text-indent: -9999px;
	}
	.uk-slideprsp.uk-slidenav-contrast {
	    position: absolute;
	    right: 35px;
	    top: 10px;
	    width: 25px;
	    height: 26px;
	    float: left;
	    cursor: pointer;
	    background: url(img/prev_bar.png) no-repeat;
	    text-indent: -9999px;
	}
	.footer .upper .site-link li {float: left;}
	.footer .upper .site-link a {
		display: block;
		font-size: 13px;
		line-height: 20px;
		color: #ababab;
		font-weight: bold;
		background-image: url('img/social_network_footer.png');
		width: 25px;height: 21px;
		background-repeat: no-repeat; display: block;
	}
	.footer .upper .site-link a.fb{background-position: 2px 0;}
	.footer .upper .site-link a.you{background-position: -50px 0;}
	.footer .upper .site-link a.gg{background-position: -25px 0;}
	.social_netwwork > * {
	    float: left;
	}
	.icontgdd-tienmat.icontgdd-tienmat {
	    background-position: -209px -52px;
	    width: 70px;
	    height: 25px;
	    margin-right: 20px;
	}
	[class^="icontgdd-"], [class*="icontgdd-"] {
	    background-image: url(img/icon-website.png);
	    background-repeat: no-repeat;
	    line-height: 30px;
	    vertical-align: middle;
	    display: inline-block;
	}
	.icontgdd-atm {
	    background-position: -287px -52px;
	    width: 62px;
	    height: 25px;
	    margin-right: 20px;
	}
	.icontgdd-visa {
	    background-position: -351px -52px;
	    width: 36px;
	    height: 20px;
	    margin-top: 5px;
	    margin-right: 10px;
	}
	.icontgdd-master {
	    background-position: -390px -52px;
	    width: 25px;
	    height: 20px;
	    margin-top: 5px;
	}
	.icontgdd-norton {
	    background-position: -416px -52px;
	    width: 90px;
	    height: 48px;
	}

	.content-text{
		font-size: 13px;
		line-height: 22px;
		color: #999;
	}
	.menu_footer {
	    list-style: none;display: block;
	}
	.menu_footer li {
		width: 100%;
	}
	.copyright {
	    padding: 30px 0;
	    border-top: 1px solid #222;
	}
	.copyright a {
    	color: #ffb606;
	}
	.menu_footer li a {
	    color: #288ad6;
	    font-size: 14px;
	    font-family: Arial;
	    line-height: 30px;
	    display: block;
	}
	.footer-contact ul li:not(:last-child) {
	    margin-right: 5px;
	    float: left;
	}
	.footer-contact ul li b {color: #252525;}
	.footer-connect .social {margin: 0 0 20px 0;}
	.footer-connect .social ul {display: inline-block;}
	.footer-connect .social li {float: left;}
	.footer-connect .social li+li {margin-left: 2px;}
	.footer-connect .social a {
		display: block;
		position: relative;
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #1d659f;
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.footer-connect .social .google a {background: #da573b;}
	.footer-connect .social .twitter a {background: #01a5cb;}
	.footer-connect .social .youtube a {background: #d3191a;}
	.footer-connect .social a:hover {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	.footer-connect .statistical {
		margin: 0 0 5px 0;
		font-size: 0;
		line-height: 0;
	}
	.footer-connect .statistical ul {display: inline-block;}
	.footer-connect .statistical ul li {
		float: left;
		position: relative;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-image: url(img/icon-2.png);
		font-size: 14px;
		line-height: 20px;
	}
	.footer-connect .statistical ul li:not(:last-child) {margin-right: 15px;}
	.footer-connect .statistical ul li:nth-of-type(2) {background-image: url(img/icon-1.png);}
	.footer-connect .copyright, 
	.footer-connect .copyright a {color: #666;}
	.footer-connect .copyright a:hover {
		text-decoration: underline;
		color: #252525;
	}
	@media (min-width: 960px) {
		.footer-connect {text-align: right}
	}
	@media (max-width: 960px) {
	}
	@media (max-width: 768px) {
		.footer-connect .statistical ul li {padding: 0;}
		.footerContact {
		    margin-bottom: 20px !important;
		}

	}
	@media (max-width: 600px) {
		.hotline_fixed {
		    border-radius: 0;
		    width: 100%;
		    text-align: center;
		}
		#cfacebook {
		    bottom: 39px !important;
		}


		.title-abouts span:last-child, .title_categories, .introduction-title, .partner.panel .heading {
			font-size: 28px!important;
		}
		.no-sticky-logo img{
			height: 50px;
		}
	}
/* </footer> */
/* <animation> */
	@-moz-keyframes hotline-shake{0%{transform:rotate(0)}10%{-moz-transform:rotate(-25deg)}20%{-moz-transform:rotate(25deg)}30%{-moz-transform:rotate(-25deg)}40%{-moz-transform:rotate(25deg)}50%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}@-webkit-keyframes hotline-shake{0%{-webkit-transform:rotate(0)}10%{-webkit-transform:rotate(-25deg)}20%{-webkit-transform:rotate(25deg)}30%{-webkit-transform:rotate(-25deg)}40%{-webkit-transform:rotate(25deg)}50%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(0)}}@-o-keyframes hotline-shake{0%{-o-transform:rotate(0)}10%{-o-transform:rotate(-25deg)}20%{-o-transform:rotate(25deg)}30%{-o-transform:rotate(-25deg)}40%{-o-transform:rotate(25deg)}50%{-o-transform:rotate(0)}100%{-o-transform:rotate(0)}}@keyframes hotline-shake{0%{transform:rotate(0)}10%{transform:rotate(-25deg)}20%{transform:rotate(25deg)}30%{transform:rotate(-25deg)}40%{transform:rotate(25deg)}50%{transform:rotate(0)}100%{transform:rotate(0)}}
/* </animation> */
/* </beer.css> */