/* <etrc.css> */
/* ===== PC Header styles ===== */
	/* >>>>> Topbar <<<<< */
	.pc-header {
		position: relative;
		z-index: 5;
	}
	.pc-header .topbar {
		padding: 9px 0;
		background: #000;
		color: #fff;
		font-size: 13px;
		line-height: 18px;
	}
	.pc-header .hotline {
		position: relative;
		padding-left: 25px;
	}

	#contact-page img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
#products-page .banner-page.uk-text-center img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

#article-page img {
	 height: 250px;
    width: 100%;
    object-fit: cover;

}
.products .img-cover img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: contain;
}

	.pc-header .hotline:before ,
	.mobile-header .hotline:before{
		content: "";
		display: block;
		position: absolute;
		width: 17px;
		height: 17px;
		left: 0px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		background: url(img/iconphone.png) 0px 0px no-repeat;
	}
	.pc-header .hotline a {color: #e8b200;}
	.pc-header .site-link li {float: left;}
	.pc-header .site-link li + li {margin-left: 15px;}
	.pc-header .site-link a {
		display: block;
		color: #fff;
		font-size: 12px;
		line-height: 17px;
	}
	.pc-header .site-link a:hover {text-decoration: underline;}
	.pc-header .language {margin-left: 30px;}
	.pc-header .language > a {display: block;height: 20px;width:30px; background-image: url('img/language.png'); background-repeat: no-repeat;text-indent: -9999px;}
	.pc-header .language > a + a {margin-left: 5px;}
	.pc-header .language > a.en{
		background-position: -35px 0;
	}
	.pc-header .language a:hover {
	    color: #2a6496;
    	text-decoration: underline;
	}

	.pc-header .upper {
		padding: 10px 0;
	}
	.pc-header .logo {display: inline-block;}
	.pc-search .form {
	    position: relative;
	    min-width: 250px;
	}
	.pc-search .form .input-text {
	    border-radius: 3px;
	}
	.pc-search .btn-submit {
	    position: absolute;
	    top: 0;
	    right: 0;
	    height: 32px;
	    width: 32px;
	    border: 0;
	    background: transparent url('img/ic_search.png') no-repeat scroll center center;
	}
	.products {
   
    height: 370px;
    overflow: hidden;
}

	.pc-header .logo img {
    width: 200px;
}



	.uk-list-social li a{
		display: block;
		width: 30px; height: 30px;
		background-image: url('img/social_network.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	.uk-list-social li a.tw{
		background-position: -36px 0;
	}
	.uk-list-social li a.go{
		background-position: -70px 0;
	}
	.uk-list-social li a.yo{
		background-position: -106px 0;
	}
	.pc-header .lower {
	    background: #160a54;
	}
	.main-nav .main-menu > li > a {
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 16px;
	    text-transform: uppercase;
	    font-weight: 700;
	    color: #fff;
	    padding: 0 30px;
	    line-height: 40px;
	}
	.main-nav .main-menu > li.uk-active > a{
		color: #fff;background-color: #e7b100;
	}
/* ===== Mobile Header style ===== */
	.mobile-header {
		position: relative;
		background: #fff;
		z-index: 5
	}
	.mobile-header .topbar {
		padding: 5px 10px;
		background: #000;
	}
	.mobile-header .language > a {
	    display: block;
	    height: 20px;
	    width: 30px;
	    background-image: url('img/language.png');
	    background-repeat: no-repeat;
	    text-indent: -9999px;
	}
	.mobile-header .language > a.en {
	    background-position: -35px 0;
	}
	.mobile-header .language > a + a {
	    margin-left: 5px;
	}
	.mobile-header .upper {
		position: relative;
		padding: 10px 10px;
		text-align: center;
	}
	.mobile-header .hotline {
		display: block;
		position: absolute;
		padding-left: 25px;
		left: initial;
		right: 10px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		color: #cf171f;
		font-size: 13px;
		font-weight: bold;
		line-height: 22px;
	}

/* ===== Body style ===== */
	.homepage-nav {
		position: relative;
		height: 100%;
		background: #cf171f;
	}
	.homepage-nav .mainmenu {padding: 10px 0;}
	.homepage-nav .mainmenu li {position: relative;}
	.homepage-nav .mainmenu > li {padding: 0 10px 0 30px;}
	.homepage-nav .mainmenu > li > a,
	.homepage-nav .submenu > li > a {
		display: block;
		position: relative;
		padding: 10px 0;
	    border-bottom: 1px dashed #e39093;
		color: #f3f3f3;
		font-size: 12px;
		line-height: 19px;
	}
	.homepage-nav .fly-menu {
		position: absolute;
		display: none;
		min-width: 200px;
		top: 0px;
		left: 100%;
		background: #cf171f;
		z-index: 1000;
	}
	.homepage-nav .mainmenu > li:hover > .fly-menu {display: block;}
	.homepage-nav .submenu {padding: 5px 15px;}
	.homepage-nav .mainmenu > li:hover > a,
	.homepage-nav .submenu > li:hover > a {
		color: #fff;
		text-decoration: underline;
	}



	/* >>>>> Slide <<<<< */
	.main-slideshow {
		margin: 0 0 20px 0;
	}
	.main-slideshow .uk-slidenav {
		display: block;
		width: 40px;
		height: 40px;
		background: rgba(53, 66, 75, 1);
		color: #fff;
		font-size: 24px;
		line-height: 40px;
		opacity: .5;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.main-slideshow .uk-slidenav:hover {opacity: 1;}
	.top_service .thumb .image {
	    width: 82px;
	    height: 84px;
	    background: url('img/bg_item.png') no-repeat;
	}
	.top_service .infor .title {
	    color: #666666;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 700;
	    text-transform: uppercase;
	    display: block;
	}
	.banner-page {
	    position: relative;
	    min-height: 100px;
	}
	.absulute-page {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    width: 100%;
	}
	.panelhead .heading {
	    text-transform: uppercase;
	    color: #333333;
	    font-size: 30px;
	    line-height: 32px;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 700;
	}
	/* >>>>> homepage-category <<<<< */
	.homepage-category .list-category > li, .catalogues-products .list-category > li{margin-bottom: 20px;}
	.homepage-category .list-category .category, .catalogues-products .list-category .category{
	    position: relative;
	}
	.homepage-category .list-category .category .infor, .catalogues-products .list-category .category .infor {
	   position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
max-width: 450px;
padding: 15px;
background: rgba(64, 60, 60, 0.6);
	}
	.box_center {
    text-align: center;
    width: 100%;
}

	.homepage-category .category .title, .catalogues-products .category .title{
	  margin: 0;
    margin-bottom: 0px;
position: relative;
font-size: 25px;
line-height: 32px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
width: 100%;
margin-bottom: 0px !important;
	}
	.homepage-category .category .title a, .catalogues-products .category .title a {color: #fff;}
	.homepage-category .category .description, .catalogues-products .category .description{
		line-height: 24px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #333;
		font-size: 15px;
	}
	.homepage-category .more_detail a, .catalogues-products .more_detail a {
	    display: inline-block;
	    padding: 0 25px;
	    line-height: 37px;
	    margin-top: 20px;
	    background: #e7b100;
	    text-transform: uppercase;
	    font-family: 'Roboto Condensed', sans-serif;
	    color: #333;
	    font-weight: 700;
	}



	/* ==== Videos ==== */
	.list-video .featured {
		background: url('img/bg_video.png');
	}
	.list-video .featured:hover {
	    background: #bd2929;
	}
	.list-video .box-image {
    	position: relative;
	    height: 210px;
	    margin-bottom: 5px;
	}
	.list-video .box-image::after, .list-video .box-image::before {
	    content: '';
	    position: absolute;
	    z-index: 9;
	}
	.list-video .box-image::after{
		top: 0;
	    left: 0;
	    width: 0px;
	    height: 0px;
	    border-right: 45px solid transparent;
	    border-top: 45px solid #fff;
	}
	.list-video .box-image::before {
	    bottom: -2px;
	    right: 0;
	    width: 45px;
	    height: 48px;
	    background: url('img/before_video.png');
	}
	.list-video .featured:hover .box-image::before {
		background: url('img/before_video_hover.png');
	}
	.box_video_item {
	    position: relative;
	}
	.box_video_item::after {
	    content: '';
	    position: absolute;
	    top: -5px;
	    left: 0;
	    background: #fff;
	    height: 2px;
	    width: 100%;
	}
	.box_video_item::before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 0px;
	    height: 0px;
	    border-left: 45px solid transparent;
	    border-bottom: 45px solid #fff;
	}
	.list-video .box-image  .player_ {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5) url('img/player_.png') no-repeat scroll center center;
	}
	.box_video_item .entry-title {
	    padding: 0 25px 10px;
	    margin: 0;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.main-videos .meta {
	    color: #666;
	    font-family: 'Roboto Condensed', sans-serif;
	    background: #f8f8f8;
	    padding: 5px 10px;
	    border-top: 1px solid #e8e8e8;
	}
	.mt20 {
	    margin-top: 20px;
	}
	.box_video_item .entry-title a{color: #333; display: block;}
	.list-video .featured:hover .box_video_item .entry-title a{color: #fff;}
	/* >>>>> partner-section <<<<< */
	.partner-section {margin: 0 0 25px 0;}
	.partner-section .slider {
		padding: 20px 30px;
		background: #fff;
		border: 1px solid #d1d1d1;
		-webkit-border-radius: 5px 4px;
		-moz-border-radius: 5px 4px;
		-ms-border-radius: 5px 4px;
		-o-border-radius: 5px 4px;
		border-radius: 5px 4px;
	}
	.partner-section .slider .uk-slidenav {
		display: block;
		width: 26px;
		height: 42px;
		line-height: 1;
	}
	.partner-section .slider .uk-slidenav-previous {
		left: 0px;
		background: url(img/prew.png);
	}
	.partner-section .slider .uk-slidenav-next {
		right: 0px;
		background: url(img/next.png);
	}
	.partner-section .slider .uk-slidenav:before {display: none;}
	.partner-section .thumb .image {height: 45px;}

	/* ===== Article style ===== */
	.artcatalogue .list-article > li .article{
		background-color: #f3f3f3;
	}
	.artcatalogue .article .thumb {
		float: left;
		width: 275px;
		height: 275px;
	}
	.artcatalogue .article .infor {
		float: right;
		width: -webkit-calc(100% - 275px);
		width: -moz-calc(100% - 275px);
		width: -ms-calc(100% - 275px);
		width: -o-calc(100% - 275px);
		width: calc(100% - 275px);
		padding: 20px;
		position: relative;
	}
	.created_post {
	    position: absolute;
	    top: 20px;
	    left: -25px;
	    background: #bf321e;
	    width: 50px;
	}
	.created_post .date_post {
	    font-size: 30px;
	    line-height: 46px;
	    color: #fff;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.created_post .month_post {
	    color: #fff;
	    font-family: 'Roboto Condensed', sans-serif;
	    background-color: #333333;
	    line-height: 24px;
	}
	.created_post > *{display: block;text-align: center;text-transform: uppercase;}
	.top_articles {
	    height: 70px;
	    margin-bottom: 10px;
	    padding-left: 20px;
	}
	.artcatalogue .article .title {
	    margin: 0 0 5px 0;
	    max-height: 40px;
	    font-size: 16px;
	    line-height: 20px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.view_detail {
	    color: #666666;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.artcatalogue .article .title a {color: #333;}
	.artcatalogue .article .title a:hover {text-decoration: underline;}
	.artcatalogue .article .description {
	    max-height: 120px;
	    color: #444;
	    font-size: 15px;
	    line-height: 24px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.more_art a {
	    display: inline-block;
	    margin-top: 15px;
	    text-transform: uppercase;
	    color: #666;
	    font-family: 'Roboto Condensed', sans-serif;
	    padding-right: 15px;
	    background: url('img/arrow.png') no-repeat scroll center right;
	}
	.art-detail .img_example {
	    float: left;
	    margin-right: 20px;
	}



	/* >>>> Article same <<<<< */
	.art-same .list-post > li:not(:last-child) {margin-bottom: 10px;}
	.art-same .list-post > li a {
		display: block;
		position: relative;
		color: #160a54;
		font-size: 13px;
		line-height: 20px;
	}
	.art-same .list-post > li a:hover {text-decoration: underline;}
	.art-same .list-post > li a:before {
		content: "";
		display: inline-block;
		position: relative;
		width: 4px;
		height: 7px;
		margin-right: 10px;
		background: url(img/iconrow.png) 0px 0px no-repeat;
	}
	.art-same .uk-container{position: relative; overflow: hidden;}
	.art-same .uk-slidenav-contrast {
		position: absolute;
		top: 13px;
        width: 33px;
        height: 16px;
        text-indent: -9999px;
	}
	.art-same .uk-slidenav-contrast.uk-slidene{
		background-image: url('img/next.png');
		right: calc(50% - 150px);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
	}
	.art-same .uk-slidenav-contrast.uk-slidepr{
		background-image: url('img/prev.png');
		right: calc(50% + 75px);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
	}
	/* ===== Aside ===== */
	.aside > * {margin-bottom: 20px;}
	.aside-categories .heading {
		margin: 0;
		position: relative;
		padding: 9px 10px 9px 15px;
		background: #160a54;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
	}
	.aside-categories .heading > * {color: #fff;}
	.aside-categories .panel-body {
		padding: 5px 15px 10px 15px;
		border: 1px solid #e3e3e3;
		background: #fff;
	}
	.aside-categories .maincat li {position: relative;}
	.aside-categories .maincat > li > a,
	.aside-categories .subcat > li > a {
		display: block;
		padding: 10px 0;
	    border-bottom: 1px dotted #ababab;
	    color: #222;
		font-size: 15px;
		font-weight: bold;
		line-height: 18px;
	}

	section.prdcatalogue .products {
    height: 350px;
    overflow: hidden;
}


	.aside-categories .maincat > li:hover > a,
	.aside-categories .subcat > li:hover > a {
		text-decoration: underline;
	}
	.aside-categories .fly-menu {
		display: none;
		position: absolute;
		min-width: 230px;
		padding: 10px 15px;
		top: -1px;
		left: 100%;
		background: #fff;
		border: 1px solid #ccc;
		z-index: 100
	}
	.aside-categories .maincat li:hover > .fly-menu {display: block;}
	.aside-support .panel-body {margin: 0 0 25px 0;}
	.aside-support .panel-foot {
		background: #160a54;
   		padding: 15px 10px;
	}
	.aside-support .list-post li {
		padding-left: 30px;
	    background: url(img/iconcheck.png) 0px 0px no-repeat;
		font-size: 13px;
		line-height: 20px;
	}
	.aside-support .list-post li:not(:last-child) {margin-bottom: 15px;}
	.aside-support .list-post li a {color: #f3f3f3;}
	.aside-support .list-post li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	/* ===== Breadcrumb ===== */
	.breadcrumb {
        position: relative;
        padding: 0px 10px;
        color: #333;
    }
    .breadcrumb ul {
        height: 20px;
        overflow: hidden; 
        -ms-text-overflow: ellipsis; 
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .breadcrumb ul li {position: relative;}
    .breadcrumb ul li + li {
    	margin-left: 10px;
    	padding-left: 10px;
    }
    .breadcrumb ul li:nth-child(n+2):before {
        content: "\f101";
        display: block;
        position: absolute;
        left: -10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: inherit;
        font-family: FontAwesome;
        color: #666666;
    }
    .breadcrumb ul a {
        font-size: 14px;
        line-height: 20px;
        color: #666666;
    }
   
	.header-catalogues .bg_item_bottom {
	    position: relative;
	    margin: 0 0 25px 0;
	    font-size: 16px;
	    line-height: 20px;
	    text-transform: uppercase;
	    background: url(img/line_bottom.png) center bottom no-repeat;
	}
	.header-catalogues .bg_item_bottom > *{
		display: inline-block;
		position: relative;
		padding: 10px 0px 15px;
		color: #333;
		z-index: 5;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 40px;
		line-height: 40px;
	}
	.list-products .products .thumb {
	    position: relative;
	}
	#products-page {
    margin-bottom: 50px;
}

.uk-list.list-category li {
    width: 18.5%;
    float: left;
    margin-right: 15px;
}



	.title_detail {
	 position: absolute;
bottom: -47px;
width: 100%;
left: 0;
padding: 5px 30px;
color: #333;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
font-size: 16px;
font-weight: bold;
	}
	.list-products .products .thumb:hover .title_detail{display: none;}
	.list-products .products .thumb .info{
		position: absolute;
		left: 0; bottom: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(225, 225, 225, .6);
		-webkit-transition: max-height 1s; 
		-moz-transition: max-height 1s; 
		-ms-transition: max-height 1s; 
		-o-transition: max-height 1s; 
		transition: max-height 1s;  
		overflow: hidden;
		max-height: 0;
	}
	.list-products .products .thumb:hover .info{
		max-height: 100%;padding: 20px;
	}
	.list-products .products .title {
	    color: #444;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 18px;
	    line-height: 24px;
	}
	.star_item{
		height: 15px;
		background-image: url('img/star_item.png');
		background-repeat: no-repeat;
		background-position: center center
	}
	.list-products .products .more_detail > * {
	    display: inline-block;
	    padding: 0 25px;
	    line-height: 37px;
	    background: #e7b100;
	    text-transform: uppercase;
	    font-family: 'Roboto Condensed', sans-serif;
	    color: #333;
	    font-weight: 700;
	}
	.prd-detail-box {
	    padding: 20px;
	    background: #f8f8f8;
	    height: 100%;
	}
	.prd-detail-box .title-prd {
	    font-size: 22px;
	    font-family: 'Roboto Condensed', sans-serif;
	    line-height: 24px;
	    background: url(img/line_bottom.png) left bottom no-repeat;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
	.prd-detail-box .description {
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 15px;
	    line-height: 24px;
	    font-weight: 300;
	    margin-bottom: 10px;
	    border-bottom: 1px dashed #ddd;
	}
	.meta .connenct > * {
	    vertical-align: top !important;
	}
	.meta .connenct{height: 20px; overflow: hidden;}
	#article-page .uk-flex.uk-flex-middle.meta {
	    padding: 5px;
	    background: #fafafa;
	    margin-bottom: 10px;
	    border-top: 1px solid #f2f2f2;
	    border-radius: 3px;
	}
	.left-meta > * {
	    font-family: 'Roboto Condensed', sans-serif;
	    color: #999;
	    padding-left: 15px;
	}
	.left-meta > .back-page{background: url('img/back.png') no-repeat scroll left center; display: none;}
	.left-meta > .goTop-page{background: url('img/top.png') no-repeat scroll left 3px center; margin-left: 5px; display: none;}
	.gallerys .uk-slidenav-contrast {
	    display: block;
	    color: #fff;
	    background: rgba(0, 0, 0, .5);
	    width: 35px;
	    height: 35px;
	    line-height: 33px;
	    font-size: 30px;
	}
	.gallerys .uk-slidenav-contrast.uk-slidenav-previous {
	    left: 0;
	}
	.gallerys .uk-slidenav-contrast.uk-slidenav-next {
	    right: 0;
	}
	.tabControl-prd li {
	    line-height: 38px;
	    padding: 0 20px;
	    background: #e1e1e1;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 16px;
	    color: #333333;
	    max-width: calc(100% - 30px);
	    position: relative;
	    cursor: pointer;
	}
	.tabControl-prd li.uk-active{
		background-color: #333;
		color: #fff;
	}
	.tabControl-prd li:before{
		background-image: url('img/before.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 38px; height: 38px;
		position: absolute;
		right: -19px;
		top: 0;
	}
	.tabControl-prd li.uk-active:before{
		background-image: url('img/before_active.png');
	}
	.uk-switcher.tab-content li table {
	    border-collapse: collapse;
	    border-spacing: 0;
	    width: 100% !important;
	}
	.uk-switcher.tab-content li table tr:first-child {
	    background: #eee;padding: 15px 20px;
	}
	.uk-switcher.tab-content li table tr td {
	    border: 1px solid #eee;
	    padding: 10px 20px;
	}
	.uk-switcher.tab-content li table tr:first-child td{border-color: #ddd;}
	
	/*====== Document =====*/
	.list-document .document .thumb {
	    width: 150px;
	    height: 148px;
	    float: left;
	}
	.list-document .document .infor {
	    width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: -ms-calc(100% - 150px);
		width: -o-calc(100% - 150px);
		width: calc(100% - 150px);
		padding-left: 10px;
		float: right;
	}
	.list-document .document .infor .title {
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.list-document .document .infor .title a{
	    color: #333;
	}
	.des_document > * {
	    display: block;
	    font-family: 'Roboto Condensed', sans-serif;
	    color: #666;
	    line-height: 22px;
	}
	.download-file {
	    background: #cccccc;
	    display: block;
	    font-family: 'Roboto Condensed', sans-serif;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 5px 25px;
	}
	.download-file:hover{background-color: #bd2929;}
	.list-document .document .infor .title a:hover {color: #bd2929;}
	.readtl .media, .readtl .media iframe {
	    width: 100% !important;
	}
	.heading-heading{
		font-size: 22px;
		font-family: 'Roboto Condensed', sans-serif;
		line-height: 24px;
		background: url(img/line_bottom.png) left bottom no-repeat;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	/* ===== Pagination ===== */
    .pagination {
    	margin: 0;
    	padding: 0;
    }
    .pagination .uk-pagination>li:nth-child(n+2) {margin-left: 5px;}
    .pagination ul>li>a {
        display: block;
        padding: 0;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
        background: #3757AA;
        border: 1px solid #3757AA;
        color: #fff;
        border-radius: 0;
    }
    .pagination ul>li:hover>a, 
    .pagination ul>li.uk-active>a {
 		color: #fff;
        background: #CF171F;
        border-color: #CF171F;
    }

    /* ===== Contact ===== */
	.contact {margin: 0 0 30px 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: 22px;
		line-height: 26px;
		text-transform: uppercase;
		color: #2d3090;
		font-weight: bold;
	}
	.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: 32px;}
	.contact .contact-form .form-textarea {
		padding: 5px 10px;
		height: 200px;
	}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 7px 20px;
		cursor: pointer;
		background: #333333;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		color: #fff;
		border: none;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.contact .contact-form .input-text::-webkit-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text::-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text:-ms-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text:-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}

	/* ===== Footer style ===== */
	.footer {
		background: #e9e9e9;
		padding-top: 30px;
	    color: #333;
	    font-size: 16px;
	    line-height: 24px;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.footer .address p {margin: 0 0 8px 0;}
	.footer_box .item_form input {
	    border-top: 0;
	    border-left: 0;
	    border-right: 0;
	    border-bottom-color: #444444;
	    background: transparent;
	    max-width: 300px;
		padding: 0;
	}
	.style-form-submit {
	    background: #333333;
	    border: 0;
	    padding: 0 40px;
	    color: #fff;
	    line-height: 36px;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 16px;
	}
	.address.uk-list li {
	    background: url('img/add_footer.png') no-repeat;
	    color: #333;
	    padding-left: 25px;
	    line-height: 30px;
	    margin-bottom: 10px;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 15px;
	}
	.address.uk-list li.add {
	    background-position: 0px 3px;
	}
	.address.uk-list li.pho {
	    background-position: 0px -65px;
	}
	.address.uk-list li.ema {
	    background-position: 0px -110px;
	}
	.footer .upper {
	    background: #160a54;
	    padding: 7px 0;
	    color: #cccccc;
	    font-size: 14px;
	}
	.fixed-page {
	    position: fixed;
	    top: 30%;
	    right: 0;
	    z-index: 999;
	}

.uk-flex.uk-flex-middle.hotline {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}


	.hide_item {
	    width: 0;
	    opacity: 0;
	    height: 38px;
	    line-height: 38px;
	    color: #fff;
	    font-family: 'Roboto Condensed', sans-serif;
	    -moz-transition: left 1s ease 0.1s, width 1s ease-out 0s;
		-webkit-transition: left 1s ease 0.1s, width 1s ease-out 0s;
	}
	.box_item_fixed.form .hide_item{background-color: #1e1c1c}
	.box_item_fixed.phone .hide_item{background-color: #9c1313}
	.box_item_fixed.email .hide_item{background-color: #b98e00}
	.uk-list.list-item-fixed li {
	    position: relative;
	    height: 38px;
	    overflow: hidden;
	    min-width: 38px;
	}
	.ic_fixed {
	    width: 38px;
	    height: 38px;
	    display: block;
	    background-image: url('img/item_fixed.png');
	    background-repeat: no-repeat;
	    cursor: pointer;
	    position: absolute;
		top: 0;
		right: 0;
	}
	.ic_fixed.search {
	    background-color: #333333;
	    border: 0;
	    background-position: center top 10px;
	}
	.ic_fixed.phone {
	    background-color: #bd2929;
	    background-position: center center;
	}
	.ic_fixed.email {
	    background-color: #e8b200;
	    background-position: center bottom 12px;
	}
	.box_item_fixed:hover .hide_item {
	    width: 250px;
	    padding: 0 45px 0 10px;
	    opacity: 1;
		}
	.uk-width-1-1.input-text.hide_item {
	    height: 38px;
	    border: 0;
	    color: #fff;
	}
/* </etrc.css> */



		@media (max-width: 660px) {
		.homepage-category .category .description, .catalogues-products .category .description{display: none;}

		.uk-list.list-category li {
    width: 47.7%;
    float: left;
    margin-right: 15px;
}
.products a {
	text-align: center;
}
#products-page {
    margin-bottom: 20px;
}
.header-catalogues .bg_item_bottom > * {
    display: inline-block;
    position: relative;
    padding: 10px 0px 15px;
    color: #333;
    z-index: 5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.products {
    height: 240px;
    overflow: hidden;
}
.title_detail {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}


.uk-list.list-category li:nth-child(2n) {
    margin-right: 0;
}

	}

	
	@media (min-width: 960px) {
		.fix-grid-960 > .uk-width-large-1-4 {width: 225px;}
		.fix-grid-960 > .uk-width-large-3-4 {
			width: -webkit-calc(100% - 225px);
			width: -moz-calc(100% - 225px);
			width: -ms-calc(100% - 225px);
			width: -o-calc(100% - 225px);
			width: calc(100% - 225px);
			padding-left: 20px;
		}
		#homepage .fix-grid-960 > .uk-width-large-3-4 {padding: 0;}
	}
	


	
	@media (min-width: 1220px) {
		.homepage-category .category .image {height: 282px;}
	}
	.video-box .thumb {
	    height: 152px;
	    position: relative;
	    margin-bottom: 15px;
	}
	.video-box .infor .title {
	    margin: 0;
	    font-family: 'Roboto Condensed', sans-serif;
	    color: #333;
	    font-weight: 400;
	}
	.video-box .infor .title a{color: #333;}
	.video-box .player {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5) url('img/player.png') no-repeat scroll center center;
	}
	.box_download .thumb {
	    width: 35px;
	    height: 44px;
	    float: left;
	}
	.box_download .infor{
		float: right;
		width: -webkit-calc(100% - 35px);
		width: -moz-calc(100% - 35px);
		width: -ms-calc(100% - 35px);
		width: -o-calc(100% - 35px);
		width: calc(100% - 35px);
		padding-left: 10px;
	}
	.box_download .infor .title a {
	    display: block;
	    color: #333;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 400;
	}
	.uk-list-download li:not(:last-child) {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	    border-bottom: 1px dashed #e1e1e1;
	}
	.homepage-form-contact .panel-body {
	    background: #e8e8e8;
	    padding: 20px;
	}
	.form-group .item_form .text {
	    min-height: 36px;
	    border: transparent;
	}
	.style-form-submit.search-form-submit {
	    background: #e7b100;
	    border: transparent;
	    display: inline-block;
	    color: #fff;
	    padding: 0px 20px;
	    line-height: 36px;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 16px;
	}
	.contact-map {
	    border: 1px solid #ddd;
	    padding: 3px;
	}
	.contact-infomation .company {
	    font-family: 'Roboto Condensed', sans-serif;
	    text-transform: uppercase;
	    font-size: 24px;
	    line-height: 30px;
	}
	.contact-infomation .note.mb10 {
	    font-style: italic;
	}
	.contact-form input.input-text, .contact-form .form-textarea {
	    background: #fafafa;
	    border-radius: 3px;
	}
	.page-contact {
	    font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 300;
	    font-size: 15px;
	    line-height: 22px;
	}
	/* >>>>> homepage-general <<<<< */
	.homepage-general .heading,
	.aside-support .heading,
	.artcatalogue .heading,
	.sitemap .heading,
	.document .heading,
	.services-section .heading,
	.answer-section .heading,
	.homepage-category .heading,
	.footer_box .heading {
		position: relative;
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		background: url(img/line_bottom.png) left bottom no-repeat;
		min-width: 120px;
	}
	.art-same .heading{
		position: relative;
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: none;
		background: url(img/line_bottom.png) center bottom no-repeat;
		min-width: 120px;
		padding-bottom: 10px;
	}
	.homepage-general .heading > *,
	.aside-support .heading > *,
	.artcatalogue .heading > *,
	.sitemap .heading > *,
	.document .heading > *,
	.services-section .heading > *,
	.art-same .heading > *,
	.answer-section .heading > *,
	.homepage-category .heading > *,
	.footer_box .heading > * {
		display: inline-block;
		position: relative;
		padding: 10px 0px;
		color: #333;
		z-index: 5;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
	}
	.more_all a {
	    color: #666;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.homepage-news .featured {
		margin-bottom: 20px;
	}
	.homepage-news .featured .thumb {
		float: left;
		width: 270px;
		height: 180px;
	}
	.homepage-news .featured .infor {
		float: right;
		width: -webkit-calc(100% - 270px);
		width: -moz-calc(100% - 270px);
		width: -ms-calc(100% - 270px);
		width: -o-calc(100% - 270px);
		width: calc(100% - 270px);
		padding-left: 20px;
	}
	.homepage-news .featured .title {
		margin: 0 0 8px 0;
		font-size: 16px;
		line-height: 22px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.homepage-news .featured .title a {color: #333;}
	.homepage-news .featured .title a:hover {text-decoration: underline;}
	.homepage-news .featured .description {
        margin: 0;
	    max-height: 115px;
	    color: #333;
	    font-size: 15px;
	    line-height: 22px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-weight: 300;
	}
	.homepage-news .list-post li:not(:last-child) {margin-bottom: 5px;}
	.homepage-news .list-post li a {
	    display: block;
	    position: relative;
	    padding-left: 15px;
	    background: url(img/iconrow.png) left 7px no-repeat;
	    color: #444;
	    font-size: 15px;
	    line-height: 22px;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.homepage-news .list-post li a:hover {
		color: #2a6496;
		text-decoration: underline;
	}
	.homepage-support .switchboard,
	.aside-support .switchboard {
		margin: 25px 0 0 0;
	}
	.homepage-support .switchboard .item,
	.aside-support .switchboard .item {
		position: relative;
		margin-bottom: 10px;
		min-height: 82px;
		padding: 20px 0 20px 70px;
	    background: url(img/iconhotline.png) 0px 50% no-repeat;
	    color: #333;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 20px;
	}
	.homepage-support .switchboard .item .value,
	.aside-support .switchboard .item .value {
		display: block;
		font-size: 18px;
		color: #ff0000;
	}
	.homepage-support .email,
	.aside-support .email {
		position: relative;
	    margin-left: 20px;
	    padding-left: 25px;
		background: url(img/iconmail.png) 0px 50% no-repeat;
		color: #333;
		font-size: 13px;
		line-height: 18px;
	}
	.homepage-support .email a, 
	.aside-support .email a {
		color: #333;
	}


	@media (min-width: 960px) {
		.homepage-general > .uk-grid .uk-width-large-3-4 {
			width: 72%;
			padding-right: 20px;
		}
		.homepage-general > .uk-grid .uk-width-large-1-4 {width: 28%;}
	}
	@media (min-width: 1220px) {
	}



	@media (max-width: 960px) {
		.artcatalogue .list-article > li {
			margin-bottom: 15px;
			padding-bottom: 15px;
		}
		.artcatalogue .article .infor {padding-left: 10px;}
		.banner-page img {
		    display: none;
		}
	}
	@media (max-width: 567px) {




		section.prdcatalogue .products {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.banner-page {
    position: relative;
    min-height: 100px;
    background: none !important;
    /* font-size: 12px; */
}
.panelhead .heading {
    text-transform: uppercase;
    color: #333333;
    font-size: 20px;
    line-height: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
		.artcatalogue .article .thumb {width: 250px;}
		.artcatalogue .article .infor {
			width: -webkit-calc(100% - 250px);
			width: -moz-calc(100% - 250px);
			width: -ms-calc(100% - 250px);
			width: -o-calc(100% - 250px);
			width: calc(100% - 250px);
		}
		.img_example{margin-right: 0 !important;}
		#article-page .uk-flex.uk-flex-middle.meta { display: block; }
		.left-meta {margin-bottom: 5px;}
		.goTop-page {float: right;}
		.artcatalogue .article .description {font-size: 15px;}
		.artcatalogue .list-article > li {
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
	}
	@media (max-width: 479px) {
		.artcatalogue .article .thumb {width: 100%;}
		.artcatalogue .article .infor {width: 100%;}
		.created_post{left: 10px;}
		.top_articles {padding-left: 60px;}
	}

	/* >>>>> Site map <<<<< */
	.sitemap .list-post > li:not(:last-child) {margin-bottom: 3px;}
	.sitemap .list-post a {
		display: block;
		color: #428bca;
		font-size: 13px;
		line-height: 18px;
	}
	.sitemap .list-post a:hover {
		color: #2a6496;
		text-decoration: underline;
	}
	
	/* >>>>> document <<<<< */
	.document .list li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #ccc;
	}
	.document .list .tile {
		margin: 0 0 10px 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
	} 
	.document .list .viewmore {
		margin-top: 15px;
		text-align: right;
	}
	.document .list .viewmore a {
		display: inline-block;
		position: relative;
		padding: 10px 0 10px 50px;
		background: url(img/icontaive.png) 0px 50% no-repeat;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
	}
	.document .list a {color: #160a54;}
	.document .list a:hover {text-decoration: underline;}

	@media (max-width: 960px) {
		.document .list .tile {
			font-size: 14px;
			line-height: 18px;
		}
	}

	/* >>>>> services-section <<<<< */
	.services-section .category {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #ccc;
	}
	.services-section .category .main-title {
		position: relative;
		margin: 0 0 15px 0;
		padding-left: 15px;
	    background: url(img/icondv.png) left center no-repeat;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		text-transform: uppercase;
	}
	.services-section .category .main-title a {color: #160a54;}
	.services-section .category .list > li {margin-bottom: 10px;}
	.services-section .category .list a {
		display: block;
		position: relative;
		color: #160a54;
		font-size: 13px;
		line-height: 18px;
	}
	.services-section .category .list a:before {
		content: "";
		display: inline-block;
		position: relative;
		width: 4px;
		height: 7px;
		margin-right: 10px;
		background: url(img/iconrow.png) 0px 0px;
	}

	.services-section .category a:hover {text-decoration: underline;}
	@media (min-width: 1220px) {
		.services-section .category {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}
		.services-section .category .thumb {
			float: left;
			width: 230px;
			height: 150px;
		}
		.services-section .category .infor {
			float: right;
			width: -webkit-calc(100% - 230px);
			width: -moz-calc(100% - 230px);
			width: -ms-calc(100% - 230px);
			width: -o-calc(100% - 230px);
			width: calc(100% - 230px);
			padding-left: 15px;
		}
	}
	
	/* >>>>> .answer-section <<<<< */
	.answer-section .list > li {margin-bottom: 10px;}
	.answer-section .article .title {
		margin: 0 0 10px 0;
		color: #ff0000;
		font-size: 13px;
		line-height: 18px;
	}
	.answer-section .article {
		color: #333;
		font-size: 13px;
		line-height: 18px;
	}
	.answer-section .article .content p {margin: 0 0 8px 0;}

	/* >>>>> Article detail <<<<< */
	.art-detail .heading {
	    font-size: 20px;
	    line-height: 24px;
	    font-family: 'Roboto Condensed', sans-serif;
	}
	.art-detail .article .meta {
	    padding: 10px 0;
	    display: inline-block;
	    color: #666;
	    font-family: 'Roboto Condensed', sans-serif;
	    position: relative;
	    background: url(img/line_bottom.png) left bottom no-repeat;
	    margin-bottom: 15px;
	        display: none;
	}
	.art-detail .article {
		color: #000;
		font-size: 14px;
		line-height: 22px;
	}
	@media only screen and (max-width: 1024px) {
		.uk-list.list-category li{
			    width: calc((100% - 30px) / 4);
    display: inline-block;
    float: left;
    margin-right: 10px;
		}
		.uk-list.list-category li:nth-child(4n){
			margin-right: 0
		}
		.main-nav .main-menu > li > a{
			    padding: 0 16px;
			        font-size: 15px;
		}
	}
	@media (max-width: 960px) {
		.art-detail .article {
			font-size: 13px;
			line-height: 20px;
		}
		.art-detail .article img {
			display: block!important;
			width: auto!important;
			height: auto!important;
			max-width: 100%!important;
			margin: 0 auto 15px auto!important;
		}
	}
	@media only screen and (max-width: 768px) {
     .logo img{
     	width: 190px;
     }

     .top_service .thumb .image {
    width: 65px;
    height: 70px;
    background: url(img/bg_item.png) no-repeat;
    background-size: 64px;
}


     .homepage-category .category .title{
     	font-size: 17px;
     }


    .products .img-cover img {
    display: block;
    width: 100%;
    height: 181px;
    object-fit: contain;
}




	}

@media (max-width: 567px) {
		.mobile-header .upper {
			position: relative;
			
		}
		
		.homepage-news .featured .thumb{
			width: 100% !important;
			height: auto !important;
		}
		.homepage-news .featured .infor{
			width: 100% !important;
			padding-left: 0 !important;
			margin-top: 15px;
		}
		.logo img{
			width: 115px;
		}
		.uk-list.list-category li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
}
.uk-list.list-category li:nth-child(2n){
	margin-right: 0
}
.page-contact {
    margin-top: 0px;
}
.design-catalogue.mt30{
	margin-top: 0
}
.art-detail.mt30{
	margin-top: 0
}
	}
	@media (min-width: 460px) {.video-box .thumb{min-height: 180px}}
	@media (max-width: 460px) {
		.homepage-category .list-category .category .infor .more_detail, .catalogues-products .list-category .category .infor .more_detail{
		    display: none;
		}
		.video-box .thumb{height: 180px}
	}