 /* <anminhmart.css> */
/* <header> */
	#header.affix {
	    background: #fff;
	    box-shadow: 0 1px 5px -2px rgba(42,42,42,.4);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 999999;
	    width: 100%;
	    -webkit-transform: translate(0, calc(-100% + 50px));
	    -moz-transform: translate(0, calc(-100% + 50px));
	    -ms-transform: translate(0, calc(-100% + 50px));
	    -o-transform: translate(0, calc(-100% + 50px));
	}
	.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;
	    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.7);
	}
	.header .logo {
		margin: 0;
		padding: 0;
	}
	.header .logo a {display: block;}
	.header .topbar {
		padding: 7px 0;
		background: #fff;
		font-size: 13px;
		line-height: 20px;
		color: #92959c;
		border-bottom: 1px solid #ddd;
	}
	.header-social .label {margin-right: 10px;}
	.header-social {margin-left: 20px;}
	.header-social li {float: left;}
	.header-social li+li {margin-left: 5px;}
	.header-social a {
		display: block;
		position: relative;
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		text-align: center;
		background: #cccccc;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		color: #fff;
	}
	.header .upper {
		position: relative;
		z-index: 10;
	}
	
	.header-hotline {
		position: relative;
		padding: 0 0 0 30px;
		margin: 0 0 8px 0;
		color: #ff0000;
	}
	.header-hotline:before {
		content: "";
		display: block;
		position: absolute;
		width: 20px;height: 20px;
		background: url(img/icon-mobile.png) 0% 0% no-repeat;
		left: 0px;top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-hotline .label {
		display: inline-block;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #000;
	}
	.header-hotline .number {
		display: inline-block;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
		color: #ff0000;
		font-weight: bold;
	}
	.header-search .form {
		position: relative;
		min-width: 250px;
		padding-right: 50px;
	}
	.header-search .form .input-text {
		height: 34px;
		border: none;
		background: #fff;
		line-height: 34px;
		padding: 0 10px 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		-o-border-radius: 20px 0 0 20px;
		-ms-border-radius: 20px 0 0 20px;
		border-radius: 20px 0 0 20px;
		border: solid 1px #ccc;
	}
	.header-search .form .btn-submit {
		position: absolute;
		width: 50px;
		height: 34px;
		background: #1f703d;
		font-size: 16px;
		border: none;
		top: 0px;
		right: 0px;
		outline: none;
		cursor: pointer;
		text-align: center;
		color: #fff;
		-webkit-border-radius:0 20px 20px 0;
		-moz-border-radius:0 20px 20px 0;
		-o-border-radius:0 20px 20px 0;
		-ms-border-radius:0 20px 20px 0;
		border-radius:0 20px 20px 0;
	}
	.header .company {margin-left: 20px;}
	.header .company>* {
		margin: 0;
		font-family: 'UTMImpact', sans-serif;	
		text-transform: uppercase;
		font-weight: normal;	
		text-shadow: 2px 3px rgba(255,255,255,1);					
	}	
	.header .company>.title {
		margin: 0 0 5px 0;
		font-size: 34px;
		line-height: 38px;
		color: #1f703d;
	}
	.header .company>.subtitle {
		margin: 0;
		font-size: 25px;
		line-height: 36px;
		color: #cea000;
	}
	.main-navigation {}
	.main-navigation .main-menu li {position: relative;}
	.main-navigation .main-menu>li>a {
		position: relative;
		padding: 15px 20px;
		font-size: 14px;
		line-height: 20px;
		color: #252525;
		font-weight: bold;
		text-transform: uppercase;
	}
	.menu_footer li a {
	    display: block;
	    line-height: 30px;
	}
	.main-navigation .main-menu>li>a:before {
		content: "";
		display: none;
		position: absolute;
		width: 0;
		height: 0;
		border-bottom: 6px solid #1f703d;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		top: initial;
		bottom: 0px;
		left: 50%;
		margin-left: -6px;
	}
	.main-navigation .main-menu>li:hover>a, 
	.main-navigation .main-menu>li.active>a  {
		color: #1f703d;
	}
	.main-navigation .main-menu>li:hover>a:before, 
	.main-navigation .main-menu>li.active>a:before  {
		display: block;
	}
	.main-navigation .main-menu .dropdonw-menu {
		display: none;
		position: absolute;
		padding: 0;
		min-width: 220px;
		z-index: 100;
		left: 0px;
		top: 100%;
	}
	.main-navigation .main-menu>li:hover .dropdonw-menu {display: block;}
	.main-navigation .sub-menu {
		background: #1f703d;
		position: relative;
		z-index: 100;
	}
	.main-navigation .sub-menu a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 20px;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		color: #fff;
	}
	.main-navigation .sub-menu li+li a {border-top: 1px dashed #367f51;}
	.main-navigation .sub-menu a:hover {text-decoration: underline;}
	@media (max-width: 1219px) {
		.header .logo {max-width: 130px}
		.header .upper {padding: 15px 0;}
		.header .company>.title {
			font-size: 24px;
			line-height: 30px;
		}
		.header .company>.subtitle {
			font-size: 18px;
			line-height: 24px;
		}
		.main-navigation .main-menu>li>a {
			padding: 10px 15px;
		}
	}
	@media (max-width: 959px) {
		.header .logo {max-width: 100%}
		.header .company {margin-left: 10px;}
		.header .topbar {background: #367f51;}
		.header .upper {padding: 15px 0;}
		.header-social a {
			background: #fff;
			color: #367f51;
		}
	}
	@media (max-width: 767px) {
		.header .upper {padding: 10px 0;}
		.header-hotline {margin: 0 0 2px 0;}
		.header-hotline .number {
			font-size: 16px;
			line-height: 20px;
		}
	}
	@media (max-width: 567px) {
		.header-hotline {padding: 0;}
		.header-hotline:before {display: none;}
		.header-hotline .number {
			display: block;
		}
		.header-search, .header-hotline .title,.header-hotline .unit {display: none;}
	}
	
	
/* </header> */
/* ################################################# */
/* <body> */
	/* Panel */
	.panel.border .panel-body {
		padding: 15px 15px 5px 15px;
		border: 1px solid #ccc;
		border-top: none;
	}
	.panel-products .list-product>li {margin-bottom: 20px;}
	.selling-products {margin: 0 0 25px 0;}
	.selling-products.border .panel-body,
	.product-related.border .panel-body {padding-bottom: 15px;}
	.selling-products .uk-slidenav,
	.product-related .uk-slidenav {
		display: block;
		width: 24px;
		height: 24px;
		line-height: 22px;
		font-size: 16px;
		border: 1px solid #fff;
		color: #fff;
		bottom: initial;
		left: initial;
		top: -35px;
		right: 0px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	.selling-products .uk-slidenav-previous,
	.product-related .uk-slidenav-previous {right: 27px}
	.selling-products .uk-slider-container,
	.product-related .uk-slider-container {padding: 0 2px;}
	.home-productCatalogue {margin-bottom: 25px!important;}
	@media (min-width: 960px) {
		.home-productCatalogue .product-1 .image {height: 150px;}
	}

	@media (max-width: 959px) {
		.selling-products .list-product,
		.panel-products .list-product {margin-left: -10px;}
		.selling-products .list-product>li {padding-left: 10px;}
		.panel-products .list-product>li {
			padding-left: 10px;
			margin-bottom: 15px;
		}
	}
	@media (max-width: 479px) {
		.selling-products .uk-slidenav,
		.product-related .uk-slidenav {top: -30px;}
		.panel-products .list-product>li {
			margin-bottom: 10px;
		}
		.panel.border .panel-body {padding: 10px 10px 5px 10px;}
	}

	/* Heading */
	.heading-1 {
		position: relative;
		margin: 0;
		padding-left:3px;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		background: #1f703d;
	}
	.heading-1:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-left: 4px solid #1f703d;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		left: 3px;
		top: 50%;
		margin-top: -4px;
		z-index: 10;
	}
	.heading-1>* {
		position: relative;
		display: inline-block;
		padding: 12px 20px 8px 15px;
		background: #fff600;
		color: #1f703d;
	}
	.heading-1>*:before {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-left: 10px solid #fff600;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		left: initial;
		top: 0px;
		right: -10px;
	}
	@media (min-width: 767px) {
		.heading-1>* {min-width: 200px;}
	}
	
	/* Slide: slider, slideshow, slideset */
	.main-slide {
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	.main-slide .uk-slidenav {
		display: block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 20px;
		color: #fff;
		background: rgba(109, 109, 109, .5);
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.main-slide .uk-slidenav-previous {left: 0;}
	.main-slide .uk-slidenav-next {right: 0;}
	.main-slide .uk-slidenav:hover {background: rgba(109, 109, 109, 1);}

	/* Aside */
	.aside, .aside>* {margin-bottom: 15px;}
	.aside-panel .heading {
		position: relative;
		margin: 0;
		padding: 10px 10px 10px 35px;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		background: #1f703d url(img/bar-heading.png) 10px 50% no-repeat;
	}
	.aside-panel .heading:before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 32px;
		background: url(img/bg-heading.png) center / 100%;
		top: 0px;
		left: initial;
		right: 10px;
	}
	.aside-panel .heading>* {color: #fff600;}
	.aside-panel .panel-body {
		border: 1px solid #ccc;
		border-top: none;
	}
	.aside-categories .panel-body {
		padding: 0px 0px 5px 0;
		background: #f3f3f3;
	}
	.aside-categories .mainCat a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		font-size: 14px;
		line-height: 18px;
		color: #000;
	}
	.aside-categories .mainCat li+li>a {border-top: 1px dashed #ccc;}
	.aside-categories .mainCat li a:hover {color: #1f703d;}

	.aside-news .list-article>li {padding: 10px;}
	.aside-news .list-article>li+li {border-top: 1px solid #ccc;}
	.aside-news .article .thumb {
		float: left;
		width: 100px;
	}
	.aside-news .article .image {height: 80px;}
	.aside-news .article .info {
		float: right;
		width: -webkit-calc(100% - 100px);
		width: -moz-calc(100% - 100px);
		width: -ms-calc(100% - 100px);
		width: -o-calc(100% - 100px);
		width: calc(100% - 100px);
		padding-left: 10px;
	}
	.aside-news .article .title {
		margin: 0;
		font-size: 13px;
		line-height: 18px;
		font-weight: 600;
	}
	.aside-news .article .title a {color: #333;}
	.aside-news .article .title a:hover {color: #3399cc;}
	.aside-news .article .description {
		margin: 10px 0 0 0;
		font-size: 13px;
		line-height: 18px;
		color: #333;
	}

	.aside-support {
		padding: 10px;
		margin-top: 25px;
		border: 1px solid #ccc;
	}
	.aside-support .panel-head {
		position: relative;
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
	}
	.aside-support .hotline {
		position: relative;
		padding: 0 15px 10px 65px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
	}
	.aside-support .hotline:before {
		content: "";
		display: block;
		position: absolute;
		width: 38px;
		height: 31px;
		background: url(img/landline.png) 0% 0% no-repeat;
		z-index: 10;
		left: 15px;
		top: 5px;
	}
	.aside-support .hotline .label {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		color: #252525;
	}
	.aside-support .hotline .phone-number {
		display: block;
		font-size: 20px;
		line-height: 20px;
		font-family: 'UTMImpact', sans-serif;
		font-weight: normal;
		color: #f00;
	}
	.aside-support .list-support .info {
		padding: 0 15px;
		text-align: center;
	}
	.aside-support .list-support li:not(:last-child) {margin-bottom: 10px;}
	.aside-support .list-support .info .label {
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
		color: #252525;
		/*margin-bottom: 10px;*/
	}
	.aside-support .list-support .info .label a {color: #252525;}
	.aside-support .list-support .info .number a {
		display: block;
		width: 70px;height: 23px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.aside-support .list-support .info .number .yahoo {background-image: url(img/yahoo.png);}
	.aside-support .list-support .info .number .skype {
		background-image: url(img/skype.png);
		-webkit-background-size: 65px;
		background-size: 65px;
		margin-left: 10px;
	}


	.aside-partner .panel-body {padding: 10px 10px 5px 10px;}
	.aside-partner .list>* {margin-bottom: 5px!important;}
	.aside-partner .list .thumb {
		padding: 20px;
		border: 1px solid #d5d5d5;
	}
	.aside-partner .list .image {height: 45px;}
	.aside-access .panel-body {
		padding: 10px 15px;
		border: 1px solid #c8c8c8;
		border-top: none;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.aside-access .panel-body ul li {
		position: relative;
		padding-left: 25px;
		background-position: 0px 50%;
		background-repeat: no-repeat;
		background-image: url(img/vtoday.png);
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.aside-access .panel-body ul li:nth-of-type(2) {background-image: url(img/vyesterday.png);}
	.aside-access .panel-body ul li:nth-of-type(3) {background-image: url(img/vweek.png);}
	.aside-access .panel-body ul li:nth-of-type(4) {background-image: url(img/vlweek.png);}
	.aside-access .panel-body ul li:nth-of-type(5) {background-image: url(img/vmonth.png);}
	.aside-access .panel-body ul li:nth-of-type(6) {background-image: url(img/vlmonth.png);}
	.aside-access .panel-body ul li:nth-of-type(7) {background-image: url(img/vall.png);}
	.aside-access .panel-body ul li:not(:last-child) {margin-bottom: 10px;}
	.aside-access .panel-body ul .label {
		display: block;
		float: left;
	}
	.aside-access .panel-body ul .number {float: right;}

	/* Product */
	.product-catalogue .list-product {padding-bottom: 15px;}
	.product-detail, .product-related {margin-bottom: 30px;}
	
	.product-detail {
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.product-detail .gallerys, .product-detail .introduction {margin-bottom: 25px!important;}
	.product-detail .product-title {
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 24px;
		color: #1f703d;
	}
	.product-detail .product-price {
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 20px;
		color: #666;
	}
	.product-detail .product-price .old {margin-right: 10px;}
	.product-detail .product-price .old .number {
		text-decoration: line-through;
		color: #999999;
	}
	.product-detail .product-price .new .number {
		font-weight: bold;
		color: #f00;
	}
	.product-detail .product-description {
		margin: 0 0 15px 0;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}
	.product-detail .product-content .label {
		margin: 0 0 15px 0;
		border-bottom: 1px solid #00853c;
	}
	.product-detail .product-content .label>* {
		display: inline-block;
		padding: 10px 20px 8px 20px;
		background: #00853c;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff600;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-ms-border-radius: 3px 3px 0 0;
		-o-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	.product-detail .product-content .article img {
		display: block!important;
		width: auto!important;
		height: auto!important;
		margin: 0 auto 10px auto!important;
		max-width: 800px!important;
	}


	.product-1 {
		position: relative;
		padding: 0 0 20px 0;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
		-ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
		-o-box-shadow: 0 0 10px rgba(0,0,0,.1);
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		border-bottom: 2px solid #ccc;
	}
	.product-1 .thumb {margin: 0 0 10px 0;}
	.product-1 .info {padding: 0 10px;}
	.product-1 .title {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.product-1 .title a {color: #252525;}
	.product-1 .price {
		min-height: 40px;
		font-size: 14px;
		line-height: 20px;
		color: #252525;
	}
	.product-1 .price .new .number {
		font-weight: bold;
		color: #f00;
	}
	.product-1 .price .old .number {
		color: #999;
		text-decoration: line-through;
	}
	.product-1 .detail {
		position: absolute;
		top: initial;
		left: initial;
		bottom: 0px;
		right: 0px;
	}
	.product-1 .detail a {
		display: block;
		position: relative;
		text-indent: -9999px;
		width: 40px;
		height: 30px;
		background-color: #ccc;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(img/plus.png);
		-webkit-border-radius: 10px 0 0 0;
		-moz-border-radius: 10px 0 0 0;
		-ms-border-radius: 10px 0 0 0;
		-o-border-radius: 10px 0 0 0;
		border-radius: 10px 0 0 0;
	}
	.product-1:hover {border-bottom-color: #1f703d;}
	.product-1:hover .title a {color: #1f703d;}
	.product-1:hover .detail a {background-color: #1f703d;}

	.quantity-box {
    	max-width: 50px;
	    position: relative;
	    margin: 0 10px;
	}
	.quantity-box input {
	    width: 100%;
	    line-height: 28px;
	}
	.quantity-box .btn {
	    position: absolute;
	    right: 5px;line-height: 0;cursor: pointer;
	}
	.quantity-box .btn-up {
	    top: 3px;
	}
	.quantity-box .btn-down {
	    top: 15px;
	}
	.action-button {
	    display: block;
	    padding: 5px 0;
	    font-size: 16px;
	    font-weight: 300;
	    color: #fff;
	    cursor: pointer;
	    text-transform: none;
	    text-align: center;
	    border: 1px solid #1092ce;
	    border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    background: #1092ce;
	    width: 100%;
	}
	@media (min-width: 1220px) {
		.product-1 .image {height: 190px;}
	}
	@media (min-width: 959px) and (max-width: 1219px) {
		.product-1 .image {height: 145px;}
	}
	@media (min-width: 767px) and (max-width: 959px) {
		.product-1 .image {height: 155px;}
	}
	@media (min-width: 567px) and (max-width: 767px) {
		.product-1 .image {height: 175px;}
	}
	@media (min-width: 479px) and (max-width: 567px) {
		.product-1 .image {height: 130px;}
	}
	@media (max-width: 567px) {
		.product-1 {padding: 0 0 10px 0;}
		.product-1 .detail {display: none;}
	}
	@media (max-width: 479px) {
		.product-1 {
		    border: 1px solid #e1e1e1;
   			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   			-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   			-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		}
		.product-1 .thumb {margin: 0 0 5px 0;}
		.product-1 .image {height: 105px;}
		.product-1 .info {padding: 0 5px;}
		.product-1 .title {
			height: 36px;
			font-size: 13px;
			line-height: 18px;
			font-weight: normal;
			overflow: hidden; 
			-ms-text-overflow: ellipsis; 
			text-overflow: ellipsis; 
			display: -webkit-box; 
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		.product-1 .price {font-size: 13px;}
	}

	
	/* Article */
	.article-catalogue, .article-related {margin-bottom: 25px!important;}
	.article-catalogue .list-article {padding-bottom: 15px;}
	.article-catalogue .list-article>li {margin-bottom: 10px;}
	.panel-articles .list-article>li {margin-bottom: 15px;}
	@media (max-width: 959px) {
		.panel-articles .list-article {margin-left: -10px;}
		.panel-articles .list-article>li {
			padding-left: 10px;
			margin-bottom: 10px;
		}
	}
	@media (max-width: 479px) {
		.panel-articles .list-article {margin-left: -5px;}
		.panel-articles .list-article>li {padding-left: 5px;}
	}
	

	[class*=article-] .description p {margin: 0;}
	article .title a {
		-webkit-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	[class*=article-] .title a:hover {color: #3399cc;}
	.article-1 {position: relative;}
	.article-1 .thumb {
		float: left;
		width: 250px;
		padding: 3px;
		border: 1px solid #c8c8c8;
		background: #fff;
	}
	.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;
	}
	.article-1 .title {
		margin: 0 0 5px 0;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	.article-1 .title a {color: #333;}
	.article-1 .meta {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}
	.article-1 .description {
		font-size: 14px;
		line-height: 20px;
		height: 80px;
		color: #000;
	}
	@media (min-width: 767px) {
		.article-1 .image {height: 165px;}
	}
	@media (min-width: 479px) and (max-width: 76px) {
		.article-1 .image {height: 125px;}
	}
	@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 .image {height: 120px;}
		.article-1 .viewed {margin: 0 0 0 10px;}
		.article-1 .title a:hover {color: #0071ba;}
	}
	@media (max-width: 767px) {
		.article-1 .description {display: none;}
		.article-catalogue .list-article li {margin-bottom: 10px;}
		.article-1 .title {
			font-size: 14px;
			line-height: 20px;
		}
	}
	@media (max-width: 479px) {
		.article-1 .thumb {width: 100px;}
		.article-1 .info {
			position: relative;
			width: -moz-calc(100% - 100px);
			width: -webkit-calc(100% - 100px);
			width: -ms-calc(100% - 100px);
			width: -o-calc(100% - 100px);
			width: calc(100% - 100px);
			padding-left: 10px;
		}
		.article-1 .image {height: 80px;}
		.article-1 .title {
			font-size: 13px;
			font-weight: 500;
		}
		.article-1 .meta {display: none;}
		.article-catalogue .list-article li {margin-bottom: 5px;}
		.article-catalogue .list-article li:first-child {margin-bottom: 15px;}
		.article-catalogue .list-article li:first-child .article-1 .thumb {
			float: none;
			width: 100%;
			margin: 0 0 10px 0;
		}
		.article-catalogue .list-article li:first-child .article-1 .image {height: auto;}
		.article-catalogue .list-article li:first-child .article-1 .info {
			float: left;
			width: 100%;
			padding: 0;
		}
		.article-catalogue .list-article li:first-child .article-1 .title {
			font-size: 14px;
			line-height: 20px;
			font-weight: bold;
		}
		.article-catalogue .list-article li:first-child .article-1 .description {display: block;}
	 	.article-catalogue .list-article li:first-child .article-1 .meta {
	 	    display: -webkit-flex;
	 	    display: -moz-flex;
	 	    display: -ms-flex;
	 	    display: -o-flex;
    		display: flex;
		 }
	}

	/* Article Detail */
	.article-detail {
		margin: 0 0 25px 0;
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.article-detail .article, 
	.article-detail .share-box {margin-bottom: 20px;}
	.article-detail .title {
		margin: 0 0 15px 0;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif;
		color: #1f703d;
	}
	.article-detail .article .description {
		font-weight: bold;
		margin-bottom: 15px;
	}
	.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: 24px;
		}
	}
	@media (max-width: 959px) {
		.article-detail .title {font-size: 18px;}
	}
	@media (max-width: 479px) {
		.article-detail .title {
			font-size: 16px;
			line-height: 20px;
		}
	}

	/* Article Related */
	.article-related {margin-bottom: 30px!important; }
	.article-related .heading {
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
	}
	.article-related .heading>* {color: #1f703d;}
	.article-related ul li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		font-size: 14px;
		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: #333;
		font-size: 12px;
	}
	.article-related ul li a {color: #000;}
	.article-related ul li a:hover, 
	.article-related ul li:hover:before {color: #0088cc;}

	/* Banner */
	.banner p {margin: 0;}
	.banner a {display: block;}
	
	/* Contact */
	.contact .contact-infomation, 
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		font-size: 20px;
		line-height:24px;
		text-transform: uppercase;
		font-family: 'UTM Penumbra Bold', sans-serif;
		font-weight: normal;
		color: #1f703d;
		font-weight: normal;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {margin: 0 0 5px 0;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: 5px 20px;
		cursor: pointer;
		background: #1f703d;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		border: none;
		border-radius: 3px;
	}

	/* Breadcrumb */
	.breadcrumb {
		padding:  10px 0;
		margin-bottom: 20px;
		background: url(img/bg-breadcrumb.png) 0% 0%;
	}
	.breadcrumb ul a {
		font-size: 14px;
		line-height: 20px;
		color: #252525;
	}
	.breadcrumb ul a:hover,
	.breadcrumb ul li.uk-active a {color: #1f703d;}
	.breadcrumb .uk-breadcrumb>li:nth-child(n+2):before {
		content: "\f101";
		font-family: FontAwesome;
		margin: 0 10px;
		color: #252525;
	} 


	/* Pagination */
	.pagination {
		margin-bottom: 10px!important;
		padding-top: 15px;
		border-top: 1px dashed #ccc;
	}
	.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: #1f703d;
		border-color: #1f703d;
		color: #fff;
	}
	
/* </body> */
/* ################################################# */

/* <footer> */
	.footer .facebook-fanpage {margin: 0 0 15px 0;}
	.footer {
		padding: 25px 0 0px 0;
		background: #1f703d;
		font-size: 14px;
		line-height: 20px;
		color: #f4f5f6;
	}
	.footer .upper .panel {margin-bottom: 20px!important;}
	.footer .upper .heading{
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.footer .upper .heading>* {color: #eaff00;}
	.footer-intro .article {margin: 0 0 15px 0;}
	.footer-intro .article .thumb {
		float: left;
		width: 85px;
		padding: 20px 15px;
		margin-right: 15px;
		background: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
	.footer .upper .map {
		height: 215px;
		padding: 3px;
		border: 1px solid rgba(255, 255, 255, .8);
	}
	.footer-social li {float: left;}
	.footer-social li+li {margin-left: 5px;}
	.footer-social a {
		display: block;
		position: relative;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #3b5998;
		font-size: 12px;
		color: #fff;
		border: 1px solid #fff;
	}
	.footer-social .twitter a {background: #55acee;}
	.footer-social .google a {background: #e02f2f;}
	.footer-social .youtube a {background: #cf2200;}
	.footer-contact {
		font-size: 14px;
		line-height: 18px;
	}
	.footer-contact a {color: #f4f5f6;}
	.footer-contact a:hover {text-decoration: underline;}
	.footer-contact .list-info li {
		position: relative;
		padding-left: 25px;
	}
	.footer-contact .list-info li:not(:last-child) {margin-bottom: 10px;}
	.footer-contact .list-info li:before {
		content: "\f015";
		display: block;
		position: absolute;
		font-family: FontAwesome;
		color: #eaff00;
		font-size: 15px;
		left: 0px;
		top: 1px;
	}
	.footer-contact .list-info li.phone:before {content: "\f095";}
	.footer-contact .list-info li.email:before {content: "\f003";}
	.footer-contact .list-info li.fax:before {content: "\f02f";}
	.footer-contact .list-info li.hotline:before {
		content: "\f10b";
		font-size: 20px;
	}
	.footer-contact .list-info li.website:before {content: "\f0ac";}
	.footer .lower {
		padding: 7px 0;
		background: #13562c;
		font-size: 14px;
		line-height: 20px;
		color: #3e9b60;
	}
	.footer .lower a {color: #3e9b60;}
	.footer .lower a:hover {color: #fff;}
	@media (max-width: 767px) {
		.footer .lower .container {display: block;}
		.footer .lower .license {margin: 0 0 5px 0;}
	}
/* </footer> */
/* <animation> */
	
/* </animation> */
/* </anminhmart.css> */

/* Fix 25/05/2017 */
