/* <beer.css> */
/* <header> */
	body {background: #f2f2f2;}
	.header {
		position: relative;
		background: #fff;
		z-index: 10;
	}
	.header .upper {
	 
	    padding: 15px 0;
		background: rgba(10,120,183,1);
background: -moz-linear-gradient(left, rgba(10,120,183,1) 0%, rgba(16,153,227,1) 50%, rgba(10,120,183,0.99) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,120,183,1)), color-stop(50%, rgba(16,153,227,1)), color-stop(100%, rgba(10,120,183,0.99)));
background: -webkit-linear-gradient(left, rgba(10,120,183,1) 0%, rgba(16,153,227,1) 50%, rgba(10,120,183,0.99) 100%);
background: -o-linear-gradient(left, rgba(10,120,183,1) 0%, rgba(16,153,227,1) 50%, rgba(10,120,183,0.99) 100%);
background: -ms-linear-gradient(left, rgba(10,120,183,1) 0%, rgba(16,153,227,1) 50%, rgba(10,120,183,0.99) 100%);
background: linear-gradient(to right, rgba(10,120,183,1) 0%, rgba(16,153,227,1) 50%, rgba(10,120,183,0.99) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a78b7', endColorstr='#0a78b7', GradientType=1 );

	}
	.header .logo {

	}
	.header .topbar {background: #0671bb;height: 7px;}
	.header .topbar .uk-container.uk-container-center{position:relative;}
	.language.uk-flex.uk-flex-middle {position: absolute;right: 0;top: 0;padding: 5px;background: #0671bb;border-radius: 0 0 5px 5px;}
	.language.uk-flex.uk-flex-middle a {display: block;margin: 0 5px;}
	.header .topbar .site-link {font-family: 'SFUMTimesNewRomanBoldCondensed', sans-serif;}
	.header .topbar .site-link li {float: left;}
	.header .topbar .site-link li+li {margin-left: 35px;}
	.header .topbar .site-link a {
		display: block;
		font-size: 15px;
		line-height: 20px;
		color: #999999;
		font-weight: normal;
	}
	.header .topbar .site-link a:hover {color: #d2a248;}
	.header-search .form {
		min-width: 250px;
		position: relative;
		font-weight: normal;
		font-family: Arial, sans-serif;
	}
	.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: 28px;
		padding: 5px 25px 5px 0px;
		line-height: 28px;
		border: none;
		background: #fff;
		outline: none;
		font-size: 15px;
		color: #000;
	}
	.header-search .form .btn-submit {
		position: absolute;
		top: 6px;
		right: 0px;
		width: 16px;
		height: 16px;
		text-indent: -99999px;
		border: none;
		cursor: pointer;
		background: url(img/icon_search.png) center no-repeat;
		outline: none;
	}
	.header-search .form .input-text::-webkit-input-placeholder {
	    color: #999;
	    font-size: 15px;
	    font-family: 'SFUMTimesNewRomanBoldCondensed', 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;
	}
	.header-search .form .input-text::-moz-placeholder {
	    color: #999;
	    font-size: 15px;
	    font-family: 'SFUMTimesNewRomanBoldCondensed', 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;
	}
	.header-search .form .input-text:-ms-input-placeholder {
	    color: #999;
	    font-size: 15px;
	    font-family: 'SFUMTimesNewRomanBoldCondensed', 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;
	}
	.header-search .form .input-text:-moz-placeholder {
	    color: #999;
	    font-size: 15px;
	    font-family: 'SFUMTimesNewRomanBoldCondensed', 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;
	}
	.header-search .form.active .input-text::-webkit-input-placeholder {left: 0;}
	.header-search .form.active .input-text::-moz-placeholder {left: 0;}
	.header-search .form.active .input-text:-ms-input-placeholder {left: 0;}
	.header-search .form.active .input-text:-moz-placeholder {left: 0;}
	.header .main-menu li {position: relative;padding: 0 20px;}
	.header .main-menu li:not(:last-child) {border-right: 1px solid #1975b1;}
	.header .main-menu > li > a {
	    position: relative;
	    padding: 5px 0px;
	    font-size: 12px;
	    line-height: 24px;
	    font-weight: bold;
	    color: #fff;
	    font-family: Arial;
	    text-transform: uppercase;
	}
	.header .main-menu>li>a:before {
		content: "";
		display: none;
		position: absolute;
		width: 100%;
		height: 4px;
		background: #d2a248;
		left: 0px;
		top: initial;
		bottom: 0px;
	}
	.header .main-menu>li:hover>a:before {display: none;}
	.header .main-menu>li:hover>a:before, .header .main-menu>li.active>a:before {display: block;}
	.header .main-menu .dropdown-menu {
		display: none;
		position: absolute;
		padding: 0;
		min-width: 250px;
		z-index: 100;
		background: #fff;
		left: 50%;
		top: 100%;
		border-top: 5px;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
		-ms-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
		-o-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
		-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
		box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	}
	.header .main-menu>li:hover .dropdown-menu {display: block;}
	.header .sub-menu {
		position: relative;
		padding: 5px 0;
	}
	.header .sub-menu a {
		position: relative;
		padding: 10px 10px 10px 15px;
		display: block;
		font-size: 16px;
		line-height: 20px;
		color: #666;
		font-weight: normal;
		border-bottom: 1px solid #e1e1e1;
	}
	.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: #d2a248;}
	.header .sub-menu li:hover>a:before {width: 100%;}
	.header .lower {
		background: linear-gradient(#0a78b7, #2289d2, #0c76b3);
	}
	.header .lower .site-link li {float: left;}
	.header .lower .site-link li+li {margin-left: 25px;}
	.header .lower .site-link a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 20px;
		color: #666;
	}
	.header .lower .site-link li:hover a {color: #d2a248;}

	/* Header small */
	.header-small {
		position: relative;
		background: #0066a8;
		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;
	}
	.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;
		-webkit-filter: brightness() invert();
	    -moz-filter: brightness() invert();
	    -ms-filter: brightness() invert();
	    -o-filter: brightness() invert();
	    filter: brightness() invert();
	}
	.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: 24px;
		color: #fff;
		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 */
	.body-container .uk-container {
	    padding: 15px;
	    background: #f7f6ee;
	    border-style: solid;
	    border-width: 0 1px 0 1px;
	    border-color: #ddd;
	}
	.introduction {
	    padding: 20px 0;
	    border-top: solid 3px #0d507e;
	}
	.introduction .header-title {
	    color: #0d507e;
	    margin-bottom: 20px;
	    font-size: 18px;
	    font-weight: normal;
	}
	.homepage .article-item {
	    padding: 10px !important;
	    background: #f8f8f8;
	    border: solid 1px #e5dfdf !important;
	}
	.home-product {
		position: relative;
		padding: 0 20px 30px 20px;
	}
	.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;
	}
	.home-product .heading>* {color: #333;}
	.home-product .product {
		position: relative;
		overflow: hidden;
	}
	.home-product .product .thumb {
		height: 235px;
		background: url(img/bg-product.png) center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
	.home-product .product .info {
		position: absolute;
		padding: 20px 10px 10px 10px;
		width: 100%;
		z-index: 10;
		top: initial;
		left: 0px;
		bottom: 0px;
		font-size: 13px;
		line-height: 18px;
		color: #f7f8f9;
		background: url(img/bg-infor.png) center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	    -webkit-transform: translate(0, 100%);
	    -ms-transform: translate(0, 100%);
	    -o-transform: translate(0, 100%);
	    transform: translate(0, 100%);
	    -webkit-transition: all .4s linear;
	    -moz-transition: all .4s linear;
	    -o-transition: all .4s linear;
	    transition: all .4s linear;
	}
	.home-product .product:hover .info {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.home-product .product .title {
		margin: 0 0 5px 0;
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
		font-family: 'SFUMTimesNewRomanBoldCondensed', sans-serif;
	}
	.home-product .product .title a {color: #666;}
	.home-product .product .description {margin: 0 0 5px 0;}
	.home-product .product .price {
		font-size: 14px;
		font-weight: 500;
		color: #f00;
	}

	/* Heading */
	.heading {position: relative;}
	.heading>* {
		display: inline-block;
		position: relative;
	}
	.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;
		}
	}

	/* Slide */
	.main-slide {
		position: relative;
		margin: 0 0 20px 0;
	}
	.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, .hotline_block, .aside-contact, .aside-connect, .aside-thong-ke {
		border-top: solid 3px #0d507e;
	    background: #f2f2f2;
	    padding: 10px;
	}
	.uk-list-thong-ke li {
	    padding-bottom: 10px;
	}
	.uk-list-thong-ke {
	    list-style: none;
	}
	.aside .heading {
	    color: #0d507e;
	}
	.aside-contact b {
	    display: block;
	    margin-bottom: 10px;
	}
	.aside-contact b font {
	    color: #0d507e;
	}
	.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,
	.aside-news .heading {
		margin: 0;
		padding: 9px 5px 8px 30px;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		background: #0066a8 url(img/bar.png) 10px 50% no-repeat;
	}
	.aside-panel .heading>*,
	.aside-news .heading>* {color: #fff;}
	.aside-panel .panel-body {
		border: 1px solid #d5d5d5;
		border-top: none;
		background: #f3f3f3;
	}
	.aside-categories .mainCat a {
		position: relative;
		display: block;
		padding: 7px 7px 7px 30px;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.aside-categories .mainCat li a::before {
	    content: "";
	    background: url('img/icon_dichvu.png') no-repeat scroll left top;
	    display: block;
	    position: absolute;
	    left: 0px;
	    top: 5px;
	    font-size: 7px;
	    width: 25px;
		height: 25px;
	}
	.uk-list.list-item-articles li a {
	    position: relative;
	    display: block;
	    padding: 7px 7px 7px 0px;
	    font-size: 14px;
	    line-height: 20px;
	    color: #0d507e;
	}
	
	.uk-list.list-item-articles li a:hover { color: red;}
	
	.line_hotline {
	    background: url('img/hotline_bg.png') no-repeat scroll left top;
	    padding: 20px 0 0px 50px;
	    font-size: 20px;
	    font-family: PhanNguyen;
	    font-weight: bold;
	}
	.line_hotline a {
	    color: #ff0000;
	}
	.productDetailSupport:not(:last-child) {
	    border-bottom: 1px dashed #e9e9e9;
	}
	.productDetailSupport {
	    padding: 5px 0;
	    text-align: center;
	}
	.productDetailSupport .name a {
	    font-family: PhanNguyen;
	    color: #444;
	    display: block;
	    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 dotted #c8c8c8;}
	.aside-categories .mainCat li a .count {color: #999;}
	.aside-categories .mainCat li a:hover {color: #3399cc;}

	.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;}


	/* Article */
	.article-catalogue  {margin-bottom: 25px!important;}
	.article-catalogue .panel-body {padding: 0 0 20px 0;}
	.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 (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;padding-right: 20px;
	}
	.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;
	}
	.article-item {
	    padding-right: 20px;
	}
	.article-item:not(:last-child){
		margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px dashed #ccc;
	}
	.article-item .pl15{ padding-left: 15px; }
	.article-item .article-title a {
	    color: #0d507e;
	}
	.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: #333;
		text-transform: uppercase;
		font-family: 'PN_SemiBold', sans-serif;
	}
	.article-related ul li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		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: #000;
		font-size: 12px;
	}
	.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 .contact-form .input-text, 
	.contact .contact-form .form-select, 
	.contact .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.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: 5px 0px;
	    margin-bottom: 15px;
	}
	.breadcrumb ul {
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis;
		height: 20px;
	}
	.breadcrumb ul a {
		font-size: 14px;
		line-height: 20px;
		color: #252525;
	}
	.breadcrumb ul li:nth-child(n+2) a:hover {color: #0066a8;}
	@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> */
/* ################################################# */
.img-scaledown-image img {
    width: 100%;
    height: 250px;
    object-fit: scale-down;
}
.lSPager.lSGallery li img {
    width: 110px;
    height: 70px !important;
    object-fit: scale-down;
    border: 1px solid transparent;
    padding: 2px;
}
.lSPager.lSGallery li.active {
    border: 1px solid #f3f3f3;
    padding: 2px;
}
.introduction h1.title {
    font-family: 'SFUMTimesNewRomanBoldCondensed', sans-serif;
    font-size: 20px;
}
.introduction .price > * {
    margin-right: 15px;
    font-family: 'PhanNguyen', sans-serif;
    font-size: 15px;
}
.introduction .price .new {
    color: #ff0000;
    font-weight: bold;
}
.introduction .price .old {
    text-decoration: line-through;
}
.introduction .description {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 10px 10px 0;
    font-family: 'PhanNguyen', sans-serif;
}

.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;
}
.introduction .buy{
	margin-bottom: 10px;
    padding-right: 20px;
}
.homepage .pagination.mb30 {
    margin: 0 !important;
}
.article-catalogue.homepage {
    margin-bottom: 10px !important;
}
.connenct > *{
	vertical-align: bottom;
}
.productDetailContent{padding-right: 20px;}
/* <footer> */
	.footer {
	    padding: 10px 0 0 0;
	    background: #0d507e;
	    border-top: 1px solid #ccc;
	    box-shadow: inset 0 5px 5px -5px #000;
	}
	.footer .upper .panel {margin-bottom: 20px!important;}
	.footer .upper .heading {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
	}
	.footer-contact ul {
		list-style: none;
		font-size: 14px;
		line-height: 20px;
		color: #666666;
	}
	.text-center {
	    text-align: center;
	}
	.footer .lower .panel-body.text-center * {
	    color: #fff;
	    font-size: 13px;
	    font-family: Arial;
	}
	.menu_footer {
	    list-style: none;display: inline-block;
	}
	.menu_footer li {
	    float: left;
	    padding: 0 20px;
	}
	.menu_footer li:not(:last-child) {
	    border-right: dotted 1px #ccc;
	}
	.menu_footer li a{
	    color: #fff;
	}
	.footer-contact ul li:not(:last-child) {margin-bottom: 5px;}
	.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) {
		.footer {
			padding: 15px 0 0 0;
			margin-top: 0px;
		}
	}
	@media (max-width: 768px) {
		.footer-connect .statistical ul li {padding: 0;}
	}
/* </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> */