/*<thepvgg.css> */
	/* ######################## HEADER ######################## */
	.header {
		position: relative;
		z-index: 5;
	}
	.header .upper{
		/*background:#327816;*/
		background:#5eae36;
	}
/*	.affix.menu-hidden .middle{
	    -webkit-transform: translate(0,-100%);
	    -moz-transform: translate(0,-100%);
	    -ms-transform: translate(0,-100%);
	    -o-transform: translate(0,-100%);
	}*/
	.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;
	}
	#header.affix {
	    position: fixed;
	    box-shadow: 0 1px 5px -2px rgba(42,42,42,.4);
	    width: 100%;
	    top: 0;
	    background: #fff;
	}
	.header-search .form {position: relative;}
	.header-search .form .input-text {
		min-width: 210px;
		height: 26px;
		border: none;
		background: #fff;
		line-height: 26px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-ms-border-radius: 100px;
		border-radius: 100px;
		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-ms-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-o-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		border: solid 1px #ccc;
	}
	.header-search .form .btn-submit {
		position: absolute;
		font-size: 14px;
		top: 4px;
		right: 7px;
		outline: none;
		cursor: pointer;
		background: none;
		border: none;
		color: #333;
	}
	
	@media(min-width:960px){
		.header-search{
			margin-left:20px;
		}
	}
	.upper{
		padding:7px 0;
	}
	.upper .header-social{}
	.upper .header-social li {
		float:left;
		margin: 0 5px 0 0;
	}
	.upper .header-social li > *{
		background:#fff;
		display:block;
		width:21px;
		height:21px;
		line-height:21px;
		text-align:center;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-o-border-radius:50%;
		color:#327816;
		
	}
	
	.upper .hotline > *{
		font-family:'Roboto-Bold';
	}
	.upper .hotline span{
		font-size:14px;
		color:#fff;
	}
	.upper .hotline > a{
		color:#f0ff00;
		font-size:14px;
	}
	
	.middle{
		    padding: 10px 0;
    position: relative;
	}
	
	.main-nav {
		position: relative;
    float: right;
    left: 20%;
	
	}
	.main-nav>.main-menu li {position: relative;}
	.main-nav>.main-menu>li>a {
		position: relative;
		display: block;
		padding: 9px 20px;
		z-index: 5;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-family: 'Roboto-Bold', sans-serif;
		color: #333333;
	}
	.main-nav>.main-menu>li+li>a:before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 1px;
		left: 0px;
		top: 0px;
		z-index: -1;
	}
	.main-nav>.main-menu>li:hover>a, .main-nav>.main-menu>li.active>a {
		color:#fff;
		background:#327816;
		border-radius:100px;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		-o-border-radius:100px;
	}
	.main-nav .dropdown-menu {
		position: absolute;
		display: none;
		min-width: 450px;
		
	}
	.main-nav .dropdown-menu>.sub-menu {
		position: relative;
		padding: 5px 0;
		text-align: left;
		background: rgb(224, 224, 224);
	}
	.main-nav>.main-menu>li:hover> .dropdown-menu {display: block;}
	.main-nav .sub-menu li a {
		display: block;
		position: relative;
		padding: 10px 10px 10px 0px;
		color: #333;
		font-size: 13px;
		line-height: 18px;
		font-family: 'Roboto-Medium', sans-serif;
	}
	.main-nav .sub-menu li+li a {border-top: 1px dotted #8aa8eb;}
	.main-nav .sub-menu li:nth-child(2) a{
		border-top:0;
	}
	.main-nav .sub-menu li:hover a {color: #327816;}
	
	@media (min-width: 1220px) {
		
	}

	/* ######################## Header for mobile ######################## */
	.mobile-header .topbar {
		padding: 5px 10px;
		position: relative;
		background: #e1e1e1;
		font-size: 13px;
		line-height: 20px;
		font-family: 'Roboto-Medium', sans-serif;
	}
	.mobile-header .hotline a {
		font-size: 14px;
		font-family: 'Roboto-Bold', sans-serif;
		color: #ff0000;
	}
	.mobile-header .language {margin-left: 10px;}
	.mobile-header .language>* {
		display: block;
		float: left;
		width: 30px;
		height: 20px;
		text-indent: -99999px;
		background-repeat: no-repeat;
		background-image: url(img/flag.png);
		background-position: 0px 0px;
	}
	.mobile-header .language>*+* {margin-left: 5px;}
	.mobile-header .language>.eng {background-position: -35px 0;}
	.mobile-header .upper {
		position: relative;
		padding: 5px 10px;
		background: #fff;
		text-align: center;
	}
	.mobile-header .logo {display: inline-block;}
	.price-saleoff {
	    padding: 10px 0;
	}
	.price-saleoff span{
	    color: #ff0000;
	    font-weight: bold;font-size: 16px;
	}

	/* ######################## Heading ######################## */
	.footer .heading-1 {
	    padding-bottom: 10px;
	    border-bottom: 1px solid #ddd;
	}
	.title_company {
	    font-family: Arial;
	    text-transform: uppercase;
	    margin-top: 15px;
	    color: #3b3b3b;
	}

	.heading-1 > *{
		text-transform:uppercase;
		font-size:26px;
		font-family:'Roboto-Bold';
		color:#327816;
		text-decoration: underline;
	}
	/* ######################## Home news ######################## */
	.homeNews{
		padding:10px 0 40px 0;
	}
	.homeNews .feature{}
	.homeNews .feature .article-3{}
	.homeNews .feature .article-3 .thumb{
		padding:3px;
		border:1px solid #c8c8c8;
		margin: 0 0 5px 0;
	}
	.homeNews .feature .article-3 .thumb .image{
		height:250px;
	}
	.homeNews .feature .article-3 .info{
		position:relative;
	}
	.homeNews .feature .article-3 .info .title{
		font-family:'Roboto-Bold';
		font-size:14px;
		margin: 0 0 10px 0;
	}
	.homeNews .feature .article-3 .info .title > *{
		color:#333;
		
	}
	.homeNews .feature .article-3 .info .meta{
		position:absolute;
		left:-10px;
		top:-70px;
		display:inline-block;
		background:#327816;
		color:#fff;
		font-family:'Roboto-Bold';
		padding:4px 9px;
	}
	.homeNews .feature .article-3 .info .meta .created{
		position:relative;
	}
	.homeNews .feature .article-3 .info .meta .created:after{
		position: absolute;
		width: 0;
		height: 0;
		border-bottom: 14px solid transparent;
		border-top: 14px solid transparent;
		border-left: 14px solid #327816;
		content: '';
		display: block;
		right: -23px;
		top: -4px;
	}
	.homeNews .feature .article-3 .info .description{
		font-size:13px;
	}
	
	.list-article .article-5{}
	.list-article .article-5 .thumb{
		/*width:190px;*/
		/*float:left;*/
		padding:3px;
		border:1px solid #cccccc;
	}
	.list-article .article-5 .thumb .image{
		height:180px;
	}
	.list-article .article-5 .info{
/*		float:right;
		width:calc(100% - 195px);
		width:-webkit-calc(100% - 195px);
		width:-moz-calc(100% - 195px);
		width:-o-calc(100% - 195px);*/
		padding-left:15px;
	}
	.list-article .article-5 .info .title{}
	.list-article .article-5 .info .title > *{
		color:#333;
		font-size:15px;
		font-family:'Roboto-Bold';
	}
	.list-article .article-5 .info .meta{
		font-size:13px;
		font-style: italic;
	}
	.list-article .article-5 .info .description{
		font-size:13px;
	}
	
	/* ######################## Information ######################## */
	.information{
		background:#f5f5f5;
		padding:15px 0;
	}
	.article-10{
		padding-left:80px;
		position:relative;
	}
	.article-10:before{
		position:absolute;
		content:'';
		display:block;
		left:0px;
		top:0;
		color:#327816;
		font-family:FontAwesome;
		font-size:28px;
		width:70px;
		height:70px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-o-border-radius:50%;
		border:1px solid #e2e2e2;
		line-height:70px;
		text-align:center;
		background:#fff;
	}
	.information ul li:nth-child(1) .article-10:before{
		content:'\f0d1';
	}
	.information ul li:nth-child(2) .article-10:before{
		content:'\f07a';
	}
	.information ul li:nth-child(3) .article-10:before{
		content:'\f021';
	}
	.article-10 .title{}
	.article-10 .title > *{
		color:#327816;
		font-size:14px;
		font-family:'Roboto-Bold';
	}
	.article-10 .description{
		font-size:13px;
		font-family:'Roboto';
	}
	/* ######################## Service ######################## */
	.home-service{
		margin: 0 0 30px 0;
	}
	.home-service .list-service .service-item{
		margin: 0 0 15px 0;
	}
	
	.home-service .service{
		position:relative;
		text-align:center;
	}
	.home-service .service .thumb{
		position:relative;
		display:inline-block;
		margin: 0 0 10px 0;
		padding:11px 11px;
		background: url(img/sv_bg.png) no-repeat 50% 50%;
		-webkit-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
	}
	
	.home-service .service .thumb:before{
		content: "";
		display: block;
		position: absolute;
		width: -webkit-calc(100% + 20px);
		width: -moz-calc(100% + 20px);
		width: -ms-calc(100% + 20px);
		width: -o-calc(100% + 20px);
		width: calc(100% + 20px);
		height: 70px;
		z-index: 15;
		left: -10px;
		bottom: -25px;
		background-color: #fff;
		/* background-image: -webkit-linear-gradient(bottom, #e5e5e5 1%, #f3f3f3); */
		/* background-image: -moz-linear-gradient(bottom, #e5e5e5 1%, #f3f3f3); */
		/* background-image: -o-linear-gradient(bottom, #e5e5e5 1%, #f3f3f3); */
		/* background-image: -ms-linear-gradient(bottom, #e5e5e5 1%, #f3f3f3); */
		/* background-image: linear-gradient(to top, #e5e5e5 1%, #f3f3f3); */
	}
	.home-service .service .thumb:after{
		content: "";
		display: block;
		position: absolute;
		width: -webkit-calc(100% + 20px);
		width: -moz-calc(100% + 20px);
		width: -ms-calc(100% + 20px);
		width: -o-calc(100% + 20px);
		width: calc(100% + 20px);
		height: 46px;
		z-index: 10;
		background: url(img/bg-service.png) 0% 0% / 100% 100%;
		left: -10px;
		bottom: 15px;
		top: initial;
	}
	
	.home-service .service .image{
		position: relative;
		height: 190px;
		width: 190px;
		border: 7px solid #327816;
	}
	
	.home-service .service .image, .home-service .service .image img{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	
	.home-service .service .title{
		position: relative;
		z-index: 9;
		margin: 0;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	.home-service .service .title > *{
		color:#333;
		font-size:13.5px;
		font-family:'Roboto-Bold';
	}
	.header .logo{    position: absolute;
    background: #fff;
   
    overflow: hidden;
    /* padding: 10px; */
    top: 0px;
    border-radius: 0 0 100px 100px;
    border: 7px solid #fff;
    z-index: 9999;}
	/* ######################## PRODUCT ######################## */
	.productCatalogue{margin-top: 30px;}
	.productCatalogue .heading-1 {
	    line-height: 30px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #ddd;
	}
	.productCatalogue .panel-head{margin: 0 0 20px 0;}
	.product-1{
		padding:10px;
		background:#f8f8f8;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		border-bottom: 1px solid transparent;
	}
	.product-1 .thumb{
		margin: 0 0 20px 0;background: #fff;
	}
	.product-1 .thumb .image{
		height: 200px;
	}
	.product-1 .thumb .image,
	.product-1 .thumb .image img{
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
	}
	.product-1 .info{}
	.product-1 .info .title{
		text-align:center;
	}
	.product-1 .info .title > *{
		color:#333;
		font-family:'Roboto-Bold';
		font-size:14px;
	}
	.product-1 .info .code{
		color:#333333;
		text-align:center;
	}
	.product-1:hover{
		border-bottom-color:#5eae36;
	}
	.product-1:hover .title > *{
		color:#5eae36;
	}
	/*.product-1:hover .code{
		color:#fff;
	}*/
	/* ######################## Aside ######################## */
	/* Aside */
	.aside, .aside>* {margin-bottom: 20px!important;}
	.aside-categories .heading {
		position: relative;
		margin: 0;
		padding: 10px 10px 10px 35px;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: normal;
		font-family: 'UTM Avo Bold', sans-serif;
		background: #327816 url(img/bar.png) 10px 50% no-repeat;
	}
	.aside-categories .heading>* {color: #fff;}
	.aside-categories .panel-body {
		/*border: 1px solid #009900;*/
		/*border-top: none;*/
		background: #5eae36;
	}
	.aside-support .list-support .info .label img {
	    height: 20px;
	    vertical-align: top;
	    margin-left: 5px;
	}
	.aside-categories .maincat a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
	}
	.aside-categories .maincat > li > a.uk-accordion-title:before {
		content: "\f067";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		left: initial;
		right: 10px;
		top: 10px;
		font-size: 10px;
		color: #fff
	}
	.aside-categories .maincat > li > a.uk-active:before {
		content: '\f068';
	}
	.aside-categories .maincat li + li {
	    border-top: 1px dotted #327816;
	}
	.aside-categories .maincat li:nth-child(even) {
    /*background-color: rgba(0, 153, 0, .2);*/
	}
	
	.aside-categories .maincat li a:hover {background: #ff8406;}
	.aside-categories .subcat > li > a {padding-left: 30px;}
	
	.aside-news {
		border: 1px solid #dddddd;
		background: #f7f7f7;
	}
	.aside-news .heading {
		position: relative;
		padding: 10px;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'UTM Avo Bold', sans-serif;
	}
	.aside-news .heading:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		background: url(img/line.png) 0% 0% repeat-x;
		top: initial;
		bottom: 0px;
		left: 0px;
	}
	.aside-news .heading>* {
		display: inline-block;
		position: relative;
		color: #6b320d;
	}
	.aside-news .heading>*:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		background: #666666;
		top: initial;
		bottom: -10px;
		left: 0px;
	}
	.aside-news .list-article>li {padding: 10px;}
	.aside-news .list-article>li+li {border-top: 1px solid #dddddd;}
	.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: bold;
	}
	.aside-news .article .title a {color: #333;}
	.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 #ddd;
	}
	.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 15px 65px;
		margin-bottom: 15px;
		color: #666666;
	}
	.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:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0px;
		top: initial;
		bottom: 0px;
	    background: #444444;
	    background: -moz-linear-gradient(90deg, #fff 0%, #e5e5e5 5%,#e5e5e5 95%, #fff 100%);
	    background: -webkit-linear-gradient(90deg, #fff 0%, #e5e5e5 5%,#e5e5e5 95%, #fff 100%);
	    background: -o-linear-gradient(90deg, #fff 0%, #e5e5e5 5%,#e5e5e5 95%, #fff 100%);
	    background: -ms-linear-gradient(90deg, #fff 0%, #e5e5e5 5%,#e5e5e5 95%, #fff 100%);
	    background: linear-gradient(90deg, #fff 0%, #e5e5e5 5%,#e5e5e5 95%, #fff 100%);
	}
	.aside-support .hotline .label {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 500;
		color: #666666;
	}
	.aside-support .hotline .phone-number {
		display: block;
		font-size: 20px;
		font-family: 'UTM Avo Bold', sans-serif;
		font-weight: normal;
		color: #ff0000;
	}
	.aside-support .list-support .info {
		padding: 0;
		text-align: center;
	}
	.aside-support .list-support li:not(:last-child) {margin-bottom: 10px;}
	.aside-support .list-support .info .label {
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		color: #333;
		margin-bottom: 10px;
	}
	.aside-support .list-support .info .number a {
		display: block;
		width: 30px;
		height: 23px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.aside-support .list-support .info .number .yahoo {background-image: url(img/email1.gif);background-position: center center;}
	.aside-support .list-support .info .number .skype {
		background-image: url(img/icon-skype.png);
		background-position: center center;
		margin-left: 10px;
	}

	/* ######################## main-slide ######################## */
	.main-slide {margin: 0;margin-bottom: 20px;}
	.main-slide .uk-slidenav,
	.prd-detail .prd-gallerys .uk-slidenav {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		background: rgba(121, 121, 120, .5);
		color: #fff;
		-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:hover, .prd-detail .prd-gallerys .uk-slidenav:hover {background: rgba(121, 121, 120, .8);}
	.main-slide .uk-slidenav-next, .prd-detail .prd-gallerys .uk-slidenav-next {right: 0px;}
	.main-slide .uk-slidenav-previous, .prd-detail .prd-gallerys .uk-slidenav-previous {left: 0px;}
	.main-slide .uk-dotnav, .prd-detail .prd-gallerys .uk-dotnav {bottom: 15px;}
	.main-slide .uk-dotnav>*>*, .prd-detail .prd-gallerys .uk-dotnav>*>* {background: #fff;}
	.main-slide .uk-dotnav>.uk-active>*, .prd-detail .prd-gallerys .uk-dotnav>.uk-active>* {background: #0837a0;}
	@media (min-width: 960px) {
		/* .main-slide {margin: 0 0 40px 0;} */
	}
	@media (max-width: 960px) {
		.main-slide .uk-slidenav, .prd-detail .prd-gallerys .uk-slidenav {display: none;}
	}
	/* ######################## intro-catalogue ######################## */
	
	
	
	/* ######################## General ######################## */
	
	/* ######################## Product ######################## */
	.uk-list.list_item_prd li {
	    padding: 5px 0;
	    font-family: Arial;
	    font-size: 13px;
	}

	
	/* ######################## Article ######################## */
	.artcatalogue {margin-bottom: 25px!important;}
	.artcatalogue.parent .panel-head {position: relative;}
	.artcatalogue.parent .panel-head .viewmore {
		display: block;
		position: absolute;
		padding: 5px 15px;
		left: initial;
		right: 0px;
		top: -1px;
		border: 1px solid #e3e3e3;
		font-size: 13px;
		line-height: 20px;
		color: #999999;
		white-space: nowrap
	}
	.artcatalogue.parent .panel-head .viewmore:hover {
		color: #1d8acb;
		border-color: #1d8acb;
	}
	.artcatalogue.parent .list-post {padding-top: 10px;}
	.artcatalogue.parent .list-post li {
		position: relative;
		padding-left: 15px;
		font-size: 14px;
		line-height: 20px;
		color: #999999;
	}
	.artcatalogue.parent .list-post li:not(:last-child) {margin-bottom: 8px;}
	.artcatalogue.parent .list-post li:before {
		content: "\f111";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 6px;
		color: #0837a0;
	}
	.artcatalogue.parent .list-post li a {color: #666;}
	.artcatalogue.parent .list-post li a:hover {color: #1d8acb;}

	@media (max-width: 960px) {
		.artcatalogue.parent .panel-head .viewmore {display: none;}
	}

	.artcatalogue:not(.parent) .panel-body {padding: 0 0 10px 0;}
	.artcatalogue .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;
	}
	.artcatalogue .article {position: relative;}
	.artcatalogue .article .thumb {
		position: relative;
		float: left;
		width: 215px;
		padding: 3px;
		border: 1px solid #c8c8c8;
	}
	.artcatalogue .article .thumb {
		height:150px;
	}
	.artcatalogue .article .info {
		position: relative;
		float: left;
		width: -moz-calc(100% - 215px);
		width: -webkit-calc(100% - 215px);
		width: -ms-calc(100% - 215px);
		width: -o-calc(100% - 215px);
		width: calc(100% - 215px);
		padding-left: 20px;
	}
	.artcatalogue .article .title {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 20px;
		font-family: 'Roboto-Bold', sans-serif;
	}
	.artcatalogue .article .title a {
		display: block;
		color: #333;
	}
	.artcatalogue .article .title a:hover {color: #0097D2;}
	.artcatalogue .article .meta {
		margin: 0 0 8px 0;
		font-size: 14px;
		line-height: 18px;
		color: #999;
	}
	.artcatalogue .article .meta>*+* {margin-left: 15px;}
	.artcatalogue .article .description {
		font-size: 14px;
		line-height: 20px;
		height: 80px;
	}
	@media (min-width: 479px) and (max-width: 767px) {
		.artcatalogue .article .thumb {width: 180px;}
		.artcatalogue .article .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);
		}
		.artcatalogue .article .description {height: 60px;}
	}
	@media (max-width: 767px) {
		.artcatalogue .article .meta {display: none;}
		.artcatalogue .article .info {padding-left: 15px;}
	}
	@media (max-width: 567px) {
		.artcatalogue .list-article>li {margin: 0;}
		.artcatalogue .article {
			position: relative;
			margin-bottom: 10px!important;
			padding-top: 10px!important;
		}
		.artcatalogue .article:before {
			content: "";
			height: 1px;
		    position: absolute;
		    display: block;
		    top: 1px;
		    left: initial;
		    right: 0;
		    width: -webkit-calc( 65% - 10px);
		    width: -moz-calc( 65% - 10px);
		    width: -o-calc( 65% - 10px);
		    width: -ms-calc( 65% - 10px);
		    width: calc( 65% - 10px);
		    background: #e1e1e1;
		}
		.artcatalogue .article .thumb {
			width: 35%;
			padding: 0;
			border: none;
		}
		.artcatalogue .article .image {height: 80px;}
		.artcatalogue .article .info {
			width: 65%;
			padding-left: 10px;
		}
		.artcatalogue .article .title {
			margin: 0;
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
			font-family: 'Roboto-Medium', sans-serif;
		}
		.artcatalogue .article .description {display: none;}
		.artcatalogue .article.featured {
			margin-bottom: 10px!important;
			padding-top: 0px!important;
		}
		.artcatalogue .article.featured:before {display: none;}
		.artcatalogue .article.featured .thumb {
			float: none;
			width: 100%;
			margin: 0;
		}
		.artcatalogue .article.featured .image {height: auto;}
		.artcatalogue .article.featured .info {
			position: absolute;
			float: none;
			width: 100%;
			margin: 0;
			padding: 10px 15px;
			left: 0;
			top: initial;
			bottom: 0px;
			z-index: 5;
		    background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
		    background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
		    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
		}
		.artcatalogue .article.featured .title {
			font-size: 18px;
			line-height: 22px;
			font-family: 'Roboto-Medium', sans-serif;
			font-weight: normal;
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
			text-align: center;
		}
		.artcatalogue .article.featured .title a {color: #fff;}
		.artcatalogue .list-article>li:nth-of-type(2) .article:before {display: none;}
	}

	/* ######################## Tab ######################## */
	.navs-tab {
		position: relative;
		margin: 0 0 20px 0;
	}
	.navs-tab:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		top: initial;
		bottom: 0px;
		left: 0px;
		background: url(img/line.png) 0% 0% repeat-x;
	}
	.navs-tab li {
		position: relative;
		z-index: 20;
		float: left;
		padding: 0px 0px 10px 0px;
		font-size: 16px;
		line-height: 20px;
		font-family: 'UTM Swiss', sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		cursor: pointer;
		color: #666666;
	}
	.navs-tab li:before {
		content: "";
		display: none;
		position: absolute;
		width: 100%;
		height: 3px;
		background: #999999;
		bottom: 0;
		top: initial;
		left: 0px;
	}
	.navs-tab li+li {margin-left:40px;}
	.navs-tab li.uk-active, .navs-tab li:hover {color: #005baa;}
	.navs-tab li.uk-active:before {display: block;}
	@media (max-width: 567px) {
		.navs-tab li+li {margin-left: 20px;}
	}
@media (max-width: 360px) {
	.productCatalogue .heading-1 > * {
	    font-size: 20px;
	}
}
	/* ######################## Detail ######################## */
	.share-box>*+* {margin-left: 5px;}
	.share-box .plus {position: relative;margin-top: -4px;}
	.detail-content {
		margin: 0 0 20px 0;
		font-size: 14px;
		line-height: 22px;
		font-family: Arial, sans-serif;
		color: #000;
	}
	.detail-content img {
		display: block!important;
		width: auto!important;
		height: auto!important;
		margin: 0 auto 15px auto!important;
	}
	.detail-content table {
		width: 100%;
		border-collapse: collapse;
	}
	.detail-content table td, .detail-content table th {
		padding: 8px;
		border: 1px solid #898989;
	}
	.prd-detail {margin: 0 0 30px 0;}
	.prd-detail .panel-head {margin: 0 0 25px 0;}
	.prd-detail .panel-body {margin: 0 0 15px 0;}
	.prd-detail .prd-gallerys {
		padding: 3px;
		background: #fff;
		border: 1px solid #c8c8c8;
	}
	.prd-detail .prd-title {
		margin: 0 0 15px 0;
		font-size: 18px;
		line-height: 24px;
		font-family: 'UTM Swiss', sans-serif;
		font-weight: normal;
		color: #0837a0;
	}
	.prd-detail .prd-infor .group {margin-bottom: 15px;}
	.prd-detail .prd-price {
		font-size: 24px;
		line-height: 30px;
		color: #ff0000;
	}
	.prd-detail .prd-excerpt {
		margin: 0 0 15px 0;
		padding: 15px 0;
		border-top: 1px dashed #c8c8c8;
		border-bottom: 1px dashed #c8c8c8;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.prd-detail .prd-excerpt p {margin: 0 0 3px 0;}
	.prd-detail .rate .star {
		margin: 0 5px;
		font-size: 13px;
		line-height: 18px;
		color: #7f7f7f;
	}
	.prd-detail .rate .label {font-family: 'Roboto-Medium', sans-serif;}
	.prd-detail .rate .star>*:not(:last-child) {color: #cd9a00;}
	.prd-detail .prd-content>.label {
		position: relative;
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		font-family: 'UTM Avo Bold', sans-serif;
		font-weight: normal;
		color: #6b320d;
	}
	.prd-detail .prd-content>.label:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		top: initial;
		left: 0px;
		bottom: 0px;
		background: url(img/line.png) 0% 0% repeat-x;
	}
	.prd-detail .prd-content>.label>* {
		display: inline-block;
		position: relative;
		padding-bottom: 8px;
	}
	.prd-detail .prd-content>.label>*:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		top: initial;
		left: 0px;
		bottom: 0px;
		background: #999999;
	}
	@media (min-width: 1220px) {
		.prd-detail .prd-title {
			font-size: 24px;
			line-height: 30px;
		}
	}

	@media (min-width: 768px) and (max-width: 1220px), (max-width: 479px) {
		.prd-detail .prd-title~.group {
			display: block;
			margin-bottom: 10px;
		}
		.prd-detail .rate {margin-top: 5px;}
		.main-nav>.main-menu>li>a {padding: 9px 7px;}
	}
	@media (max-width: 1220px) {
		.prd-detail .prd-excerpt {
		    margin: 0 0 10px 0;
		    padding: 10px 0;
		    border-top: 1px dashed #c8c8c8;
		    border-bottom: 1px dashed #c8c8c8;
		}
	}
	@media (max-width: 960px) {
		.prd-detail .prd-title {
			margin: 0 0 5px 0;
			font-size: 20px;
			line-height: 24px;
			font-family: Arial, sans-serif;
			font-weight: bold;
		}	
	}
	@media (max-width: 768px) {
		.logo img {
    width: 100% !important;
    max-height: 50px !important;
    object-fit: contain !important;;
}

		.prd-detail .prd-gallerys {margin-bottom: 15px;}
	}

	.art-detail {
		margin: 0 0 25px 0;
		font-size: 14px;
		font-family: Arial, sans-serif;
		line-height: 20px;
		color: #000;
	}
	.art-detail .main-title {
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 20px;
		line-height:24px;
		color: #0837a0;
		font-family: 'Roboto-Bold', sans-serif;
	}
	.art-detail .description {
		margin: 0 0 10px 0;
		font-weight: bold;
	}

	/* Article same */
	.art-same {margin-bottom: 25px!important; }
	.art-same .heading {
		margin: 0 0 5px 0;
		font-size: 18px;
		line-height: 24px;
		color: #0837a0;
		font-weight: normal;
		font-family: 'Roboto-Bold', sans-serif;
	}
	.art-same ul li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		font-size: 15px;
		line-height: 20px;
		font-weight: normal;
		color: #999;
	}
	.art-same ul li+li {border-top: 1px dotted #898989;}
	.art-same ul li:before {
		content: "";
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		background: url(img/icon_check.png) center no-repeat;
		left: 0px;
		top: 16px;
	}
	.art-same ul li a {color: #333;}
	.art-same ul li a:hover, 
	.art-same ul li:hover:before {color: #1d8acb;}
	
	/* ######################## partner ######################## */
	.partner {padding: 25px 0;}
	body:not(.home) .partner {border-top: 1px solid #ccc;}
	.partner .image {height: 71px;}
	@media (min-width: 1220px) {
		.partner .panel-body {margin: 0 70px;}
		.partner .slider .uk-slidenav {
			display: block;
			width: 19px;
			height: 32px;
			background: url(img/arrow-1.png) center no-repeat;
		}
		.partner .slider .uk-slidenav:before {display: none;}
		.partner .slider .uk-slidenav-previous {
			left: -70px;
			background: url(img/arrow-2.png) center no-repeat;
		}
		.partner .slider .uk-slidenav-next {right: -70px;}
	}
	@media (max-width: 960px) {
		.partner {padding: 15px 0;}
	}

	/* ######################## Contact ######################## */
	.contact {margin: 0 0 15px 0;}
	.contact .contact-infomation, 
	.contact .contact-form {margin-bottom: 15px!important;}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
		font-weight: 500;
	}
	.contact .contact-infomation .company {
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 24px;
		text-transform: uppercase;
		color: #0837a0;
		font-weight: normal;
		font-family: 'UTM Swiss', 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: 10px;}
	.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 {
		padding: 5px 10px;
		height: 200px;
	}
	.contact .contact-form .input-text::-webkit-input-placeholder, 
    .contact .contact-form .form-textarea::-webkit-input-placeholder {
        color: #666;
        font-size: 13px;
        font-style: normal;
    }
    .contact .contact-form .input-text::-moz-placeholder, 
    .contact .contact-form .form-textarea::-moz-placeholder {
        color: #666;
        font-size: 13px;
        font-style: normal;
    }
    .contact .contact-form .input-text:-ms-input-placeholder, 
    .contact .contact-form .form-textarea:-ms-input-placeholder {
        color: #666;
        font-size: 13px;
        font-style: normal;
    }
    .contact .contact-form .input-text:-moz-placeholder, 
    .contact .contact-form .form-textarea:-moz-placeholder {
        color: #666;
        font-size: 13px;
        font-style: normal;
    }
	.contact-form .btn-submit {
		display: inline-block;
		padding: 6px 25px;
		cursor: pointer;
		background: #0088cc;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		color: #fff;
		border: none;
	}
	.contact .branch {margin-bottom: 25px!important;}
	.contact .branch ul {
		margin: 0 0 15px 0;
		list-style: none;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.contact .branch ul li {
		position: relative;
		padding-left: 25px;
	}
	.contact .branch ul li:not(:last-child) {margin-bottom: 12px;}
	.contact .branch ul li:nth-of-type(1) {background: url(img/location-1.png) 0px 2px no-repeat;}
	.contact .branch ul li:nth-of-type(2) {background: url(img/landline-1.png) 0px 50% no-repeat;}
	.contact .branch ul li:nth-of-type(3) {background: url(img/fax-2.png) 0px 50% no-repeat;}
	.contact .branch ul b, .contact .branch ul strong {font-family: 'Roboto-Bold', sans-serif;}
	.contact .branch .view_map a {
		display: inline-block;
		padding: 5px 115px 5px 35px;
		background: url(img/map.png) 0px 50% no-repeat, url(img/gg_map.png) 100% 50% no-repeat;
		color: #000;
	}
	@media (min-width: 768px) {
		.contact .branch ul li:nth-of-type(1) {
			height: 40px;
			overflow: hidden; 
			-ms-text-overflow: ellipsis; 
			text-overflow: ellipsis;
		}
	}
	@media (min-width: 960px) {
		.contact .contact-form .form-textarea {height: 260px;}
	}
	@media (min-width: 1220px) {
		.contact .contact-infomation .company  {font-size: 22px;}
	}

	.contact-map iframe {
	    width: 100%;
	    height: 100%;
	}
	/* ######################## Footer ######################## */
	.footer {
	    background: #fff;
	    font-size: 13px;
	    line-height: 18px;
	    border-top: 2px solid #ddd;
	}

	
	.footer .upper{
		padding:30px 0;
	}
	.footer .support li{
		position:relative;
		padding-left:20px;
		margin: 0 0 10px 0;
	}
	.footer .support li:before{
		position:absolute;
		content:'\f054';
		display:block;
		font-family:'FontAwesome';
		left:0;
		top:1px;
		font-size:10px;
	}
	.footer .support li a{
		color:#333;font-size: 15px;
	}
	
	.footer .social li{
		position:relative;
		float:left;
		margin-right:10px;
		width:23px;
		height:23px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		line-height:23px;
		text-align:center;
	}
	.footer .social li.facebook{
		background:#508bc3;
	}
	.footer .social li.twitter{
		background:#27c0c8;
	}
	.footer .social li.google{
		background:#df7373;
	}
	.footer .social li.youtube{
		background:#d34848;
	}
	.footer .social li:before{}
	.footer .social li > *{
		color:#fff;
	}
	
	.footerInformation{}
	.footerInformation ul{}
	.footerInformation ul li{
		position:relative;
		padding-left:20px;
		margin: 0 0 10px 0;
	}
	.footerInformation ul li:before{
		position:absolute;
		content:'';
		display:block;
		color:#327816;
		font-family:'FontAwesome';
		left:0;
		top:0;
		font-size:15px;
	}
	.footerInformation ul li a font{color: #ff0000;font-size: 16px;font-weight: bold;}
	.footerInformation ul li.add::before {
	    content: "\f041";
	}
	.call_web {
	    position: fixed;
	    bottom: 10px;
	    left: 10px;
	    padding: 10px 20px;
	    background: #ff8406;
	    border-radius: 20px;
	    color: #fff;
	    font-size: 18px;
	}
	/*.aside-categories .mainCat li:hover > ul{ display: block; }*/
	.uk-list.mainCatsub li a {
    padding-left: 30px;
}
.prd-detail .prd-price a {
    color: #ff8406;
}

	.uk-list.mainCatsub {
	    border-top: 1px dotted #327816;
	    display: none;
	}

	.footerInformation ul li a {
	    color: #333;
	    font-family: Arial;
	    font-size: 14px;
	}
	.footerInformation ul li.address:before{
		content:'\f015';
	}
	.footerInformation ul li.tel:before{
		content:'\f095';
	}
	.footerInformation ul li.email:before{
		content:'\f003';
	}
	.footerInformation ul li.web:before{}
	
	.logo img{
		    width: 170px;
    height: 126px;
    object-fit: cover;
	}
/* </thepvgg.css>