/* <ronin composite.css> */
/* <header> */
.header {
	position: relative;
	z-index: 10;
}
.header .offcanvas {
	padding-right: 20px;
	font-size: 14px;
	color: #333;
	background: url(img/bar.png) 100% 50% no-repeat;
}
.header .logo {
	margin: 0;
	padding: 0;
}
.header .logo a {display: block;}
.header .upper {
	padding: 5px;
	background: #1968b3;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}
.header .upper a {color: #fff;}
.header .upper .container>* {
	padding: 0 20px;
	position: relative;
}
.header .upper .container>*:last-child {padding-right: 0;}
.header .upper .container>*:before {
	content: "";
	display: block;
	position: absolute;
	height: 36px;
	width: 1px;
	border-left: 1px solid #2a82d7;
	border-right: 1px solid #0d4982;
	left: 0px;
	top: -5px;

}
.header .upper .email .label {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	background: url(img/icon-email.png) 0px 50% no-repeat;
}
.header .upper .hotline .label {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	background: url(img/icon_landline.png) 0px 50% no-repeat;
}
.header-social ul li {float: left;}
.header-social ul li+li {margin-left: 5px;}
.header-social ul a {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.header .lower {background: #fff;}
.header .navigation .main-menu li {position: relative;}
.header .navigation .main-menu>li+li {margin-left: 50px;}
.header .navigation .main-menu>li>a {
	display: block;
	position: relative;
	padding: 30px 0;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	color: #333;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.header .navigation .main-menu>li>a:before {
	content: "";
	display: none;
	position: absolute;
	width: 100%;
	height: 3px;
	background: #1968b3;
	top: initial;
	left: 0px;
	bottom: 0px;
}
.header .navigation .main-menu>li:hover>a, .header .navigation .main-menu>li.active>a {color: #1968b3;}
.header .navigation .main-menu>li:hover>a:before, .header .navigation .main-menu>li.active>a:before {display: block;}
.header .navigation .main-menu .dropdown-menu {
	position: absolute;
	display: none;
	left: 0px;
	top: 100%;
}
.header .navigation .main-menu>li:hover> .dropdown-menu {display: block;}
.header .navigation .sub-menu {

	min-width: 250px;
	background: rgb(25 104 179);
}
.header .navigation .sub-menu>li a {
	display: block;
	padding: 10px 10px 10px 20px;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}
.header .navigation .sub-menu>li+li a {border-top: 1px dotted #e1e1e1;}
.header .navigation .sub-menu>li a:hover {background: rgba(215, 29,36, 1);}
.header-search .form {
	position: relative;
	min-width: 300px;
	padding-left: 45px;
}
.header-search .form .input-text {
	border: 1px solid #c8c8c8;
	border-right: none;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.header-search .form .btn-submit {
	display: block;
	position: absolute;
	width: 45px;
	height: 32px;
	top: 0px;right: 0px;
	line-height: 32px;
	text-align: center;
	background: #1968b3;
	color: #fff;
	border: 1px solid #1968b3;
	-webkit-border-radius: 0px 3px 3px 0;
	-moz-border-radius: 0px 3px 3px 0;
	-ms-border-radius: 0px 3px 3px 0;
	-o-border-radius: 0px 3px 3px 0;
	border-radius: 0px 3px 3px 0;
}
@media (min-width: 599px) {
	.header-search .form {min-width: 370px}
}
@media (min-width: 960px) {
	.header .lower .container {
		position: relative;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
	}
	.header .upper .email, .header .upper .hotline {line-height: 26px;}
	.header .logo {
		display: block;
		position: absolute;
		top: 1px;

		left: 0px;
		-webkit-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	/*.header .logo:before {*/
	/*	content: "";*/
	/*	display: block;*/
	/*	position: absolute;*/
	/*	width: 110px;*/
	/*	height: 110px;*/
	/*	top: -38px;left: -20px;*/
	/*	z-index: 20;*/
	/*	background: #fff;*/
	/*	-webkit-border-radius: 50%;*/
	/*	-moz-border-radius: 50%;*/
	/*	-ms-border-radius: 50%;*/
	/*	-o-border-radius: 50%;*/
	/*	border-radius: 50%;*/

	/*}*/
	.header .logo>a {
		position: relative;
		z-index: 50;
	}
	.header .lower.active {
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
		box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	}
	.header .lower.active .container {
		position: relative;
		-ms-flex-pack: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	}
	.header .lower.active .logo {
		position: relative;
		top: 0px;
		max-width: 50px
	}
	.header .lower.active .logo:before {display: none;}
	.header .lower.active .navigation .main-menu>li>a {padding: 10px 0;}
}
@media (max-width: 1219px) {
	.header .navigation .main-menu>li+li {margin-left: 30px;}
}
@media (max-width: 959px) {
	.header .upper .container {
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
	}
	.header .logo {max-width: 80px}
	.header .lower {padding: 5px 0;}
}
@media (max-width: 767px) {
	.header .upper .container>*:before {
		height: 28px;
		top: -5px;
	}
}
@media (max-width: 567px) {
	.header .upper .label {display: none!important;}
}
@media (max-width: 479px) {
	.header-search {display: none;}
	.header .upper .container>* {padding: 0;}
	.header .upper .container>*+* {margin-left: 15px;}
	.header .upper .container>*:before {display: none;}
}


/* </header> */
/* ################################################# */
/* <body> */

/* Panel*/
.panel-head.skin-1 {text-align: center;}
.panel-head.skin-1>.description {
	position: relative;
	margin: 0 0 20px 0;
	font-weight: 600;
}

/* Heading */
.heading-1 {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
}
.heading-1>* {color: #1968b3;}
@media (max-width: 567px) {
	.heading-1 {
		font-size: 20px;
		line-height: 24px;
	}
}
.heading-2 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
	border-bottom: 1px solid #ccc;
}
.heading-2:before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 2px;
	background: #1968b3;
	left: 0px;bottom: -1px;
}
.heading-2>* {color: #555;}

/* Slide: slider, slideshow, slideset */
.main-slide {margin: 0 0 25px 0;}
.main-slide .uk-slidenav {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 26px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	-webkit-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;}

/* Home Service */
.home-service {
	padding-bottom: 20px;
	margin: 0 0 25px 0;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff 50%);
	background-image: -moz-linear-gradient(bottom, #e5e5e5, #fff 50%);
	background-image: -o-linear-gradient(bottom, #e5e5e5, #fff 50%);
	background-image: -ms-linear-gradient(bottom, #e5e5e5, #fff 50%);
	background-image: linear-gradient(to top, #e5e5e5, #fff 50%)
}
.home-service .list-service .service-item {margin-bottom: 15px!important;}
.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/bg12.png) 50% 50% no-repeat;
	/* -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0, 40px); */
	background-size: 100% 100%;
}
/* .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 #1968b3;
}
/* .service-item .service .thumb img{
    width: 100%;
    height: 230px;
    object-fit: cover;
} */
/* .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 a {color: #333;}

/* Home News */
.home-news {
	padding: 30px 0 10px 0;
	background: url(img/bg-home-news.png) 0% 0%;
}
.home-news .heading-1 {
	margin: 0 0 15px 0;
}
.home-news .featured-article {margin: 0 0 10px 0;}
.home-news .featured-article .title {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.home-news .featured-article .meta {
	float: left;
	margin:  0 15px 0 0;
	width: 60px;
	text-align: center;
	background: #fff;
}
.home-news .featured-article .meta span {display: block;}
.home-news .featured-article .meta .date {
	padding: 15px 2px;
	font-size: 30px;
	font-weight: bold;
	color: #1968b3;
}
.home-news .featured-article .meta .month {
	padding: 5px 2px;
	background: #1968b3;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
.home-news .featured-article .title a {color: #333;}
.home-news .featured-article .title a:hover {color: #1968b3;}
.home-news .featured-article .viewmore {
	margin: 5px 0 0 0;
	text-transform: uppercase;
}
.home-news .featured-article .viewmore a {color: #999999;}
.home-news .list-article {margin-bottom: 15px!important;}
.home-news .list-article li {
	position: relative;
	margin: 0 0 10px 0;
	padding-left: 20px;
	color: #999;
}
.home-news .list-article li:before {
	content: "";
	display: block;
	position: absolute;
	width: 10px;height: 10px;
	background: url(img/pattern-1.png) 0% 0% no-repeat;
	left: 0px;top: 5px;
}
.home-news .list-article li a {
	color: #333;
	font-weight: 500;
}
.home-news .list-article li a:hover {color: #1968b3;}
.home-news .featured-news {
	margin-bottom: 20px!important;
	padding: 3px;
	height: 100%;
	border: 1px solid #d72229;
	background: #f4ede2;
}
.home-news .featured-news .inner {
	padding: 10px 0;
	height: 100%;
	background: #1968b3;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.home-news .featured-news .heading {
	position: relative;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
	background: url(img/bg-heading.png);
}
.home-news .featured-news .heading:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;bottom: 0px;
	background: #fff;
	background: -moz-linear-gradient(90deg, transparent 0%, transparent 1%,rgba(255,255,255,1) 50%,transparent 100%);
	background: -webkit-linear-gradient(90deg, transparent 0%, transparent 1%,rgba(255,255,255,1) 50%,transparent 100%);
	background: -o-linear-gradient(90deg, transparent 0%, transparent 1%,rgba(255,255,255,1) 50%,transparent 100%);
	background: -ms-linear-gradient(90deg, transparent 0%, transparent 1%,rgba(255,255,255,1) 50%,transparent 100%);
	background: linear-gradient(90deg, transparent 0%, transparent 1%,rgba(255,255,255,1) 50%,transparent 100%);
}
.home-news .featured-news .heading:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;bottom: -1px;
	background: #bd1920;
	background: -moz-linear-gradient(90deg, transparent 0%, transparent 1%,#bd1920 50%,transparent 100%);
	background: -webkit-linear-gradient(90deg, transparent 0%, transparent 1%,#bd1920 50%,transparent 100%);
	background: -o-linear-gradient(90deg, transparent 0%, transparent 1%,#bd1920 50%,transparent 100%);
	background: -ms-linear-gradient(90deg, transparent 0%, transparent 1%,#bd1920 50%,transparent 100%);
	background: linear-gradient(90deg, transparent 0%, transparent 1%,#bd1920 50%,transparent 100%);
}
.home-news .featured-news .heading>* {color: #fef500;}
.home-news .featured-news .article-item {
	padding: 15px 20px;
}
.home-news .featured-news .article-item {border-bottom: 1px dotted #fff;}
.home-news .featured-news .article .title {
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}
.home-news .featured-news .article .title a {color: #fff;}
.home-news .featured-news .article .meta {color: #f19295;}

.home-news .featured-news .viewmore a {
	padding: 20px 20px 0 20px;
	display: block;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
}
.home-news .featured-news .viewmore a:before {
	content:"\f105";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 2px #1968b3;
	-moz-box-shadow: inset 0 0 0 2px #1968b3;
	box-shadow: inset 0 0 0 2px #1968b3;
	border: solid 1px #fff;
	color: #1968b3;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	right: 10px;top: 18px;
}
@media (min-width: 479px) {
	.home-news .featured-article .thumb {
		float: left;
		width: 330px;
	}
	.home-news .featured-article .info {
		float: right;
		width: -webkit-calc(100% - 330px);
		width: -moz-calc(100% - 330px);
		width: -ms-calc(100% - 330px);
		width: -o-calc(100% - 330px);
		width: calc(100% - 330px);
		padding-left: 15px;
	}
	.home-news .featured-article .image {
		max-height: 215px;
		overflow: hidden;
	}
}
@media (min-width: 960px) {
	.home-news {padding: 30px 0 25px 0;}
}
@media (min-width: 479px) and (max-width: 767px) {
	.home-news .featured-article .thumb {width: 200px;}
	.home-news .featured-article .info {
		width: -webkit-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
		width: -ms-calc(100% - 200px);
		width: -o-calc(100% - 200px);
		width: calc(100% - 200px);
		padding-left: 15px;
	}
	.home-news .featured-article .meta,
	.home-news .featured-article .description,
	.home-news .featured-article .viewmore {display: none;}
}
@media (max-width: 479px) {
	.home-news .featured-article .thumb {
		margin: 0 0 10px 0;
		padding: 3px;
		background: #fff;
		border: 1px solid #c8c8c8;
	}
}


/* Product */
.product-catalogue {
	margin-bottom: 25px;
	font-family: Arial, sans-serif;
}
.product-catalogue .heading {
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.product-catalogue .heading > * {color: #1968b3;}
.product-catalogue .panel-head .desc-cat {
	margin: 0 0 30px 0;
	font-size: 15px;
	line-height: 22px;
	color: #333;
}
.home-product {margin-bottom: 15px!important;}
.list-product .product-item {margin-bottom: 25px;}
.product-catalogue .product .title {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}
.product-catalogue .product .title a {color: #700b15;}
.product-catalogue .product .thumb {
	float: left;
	width: 300px;
	padding: 5px;
	border: 1px solid #780E1A;
	background: #fff;
}
.product-catalogue .product .info {
	float: right;
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: -o-calc(100% - 300px);
	width: -ms-calc(100% - 300px);
	width: calc(100% - 300px);
	padding-left: 20px;
}
.product-catalogue .product .list-photo {margin-top: 15px;}
.product-catalogue .product .list-photo li {margin-bottom: 10px!important;}
.product-catalogue .product .list-photo .image {
	position: relative;
	padding: 3px;
	border: 1px solid #ccc;
}
.product-catalogue .product .list-photo .image:before {
	content: "";
	display: block;
	position: absolute;
	width: -moz-calc(100% - 6px);
	width: -webkit-calc(100% - 6px);
	width: -ms-calc(100% - 6px);
	width: -o-calc(100% - 6px);
	width: calc(100% - 6px);
	height: -moz-calc(100% - 6px);
	height: -webkit-calc(100% - 6px);
	height: -ms-calc(100% - 6px);
	height: -o-calc(100% - 6px);
	height: calc(100% - 6px);
	background: rgba(0, 0, 0, .6);
	top: 3px;left: 3px;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.product-catalogue .product .list-photo .image:after {
	/*content: "[Xem ảnh lớn]";*/
	display: block;
	position: absolute;
	color: #fff;
	font-size: 12px;
	top: 50%;
	left: 50%;
	opacity: 0;
	z-index: -1;
	white-space: nowrap;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.product-catalogue .product .list-photo .image:hover:before,.product-catalogue .product .list-photo .image:hover:after {
	opacity: 1;
	z-index: 5;
}
@media (min-width: 479px) {
	.product-catalogue .product .list-photo .image {height: 210px;}
}
@media (min-width: 479px) and (max-width: 567px) {
	.product-catalogue .product .list-photo .image {height: 185px;}
}
@media (max-width: 959px) {
	.product-catalogue .product .thumb {
		width: 250px;
	}
	.product-catalogue .product .info {
		width: -webkit-calc(100% - 250px);
		width: -moz-calc(100% - 250px);
		width: -o-calc(100% - 250px);
		width: -ms-calc(100% - 250px);
		width: calc(100% - 250px);
	}
	.product-catalogue .product .list-photo .image {height: 105px;}
	.product-catalogue .product .list-photo {margin-left: -5px;}
	.product-catalogue .product .list-photo>* {
		padding-left: 5px;
		margin-bottom: 5px;
	}
}
@media (max-width: 767px) {
	.product-catalogue .product .thumb {
		width: 150px;
	}
	.product-catalogue .product .info {
		width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: -o-calc(100% - 150px);
		width: -ms-calc(100% - 150px);
		width: calc(100% - 150px);
	}
}
@media (max-width: 479px) {
	.product-catalogue .product .thumb, .product-catalogue .product .info {
		float: none;
		width: 100%;
	}
	.product-catalogue .product .thumb {margin: 0 0 10px 0;}
	.product-catalogue .product .info {padding-left: 0;}
}

.product-1 .thumb {
	margin: 0 0 10px 0;
	position: relative;
	padding: 3px;
	border: 1px solid #c8c8c8;
}
.product-1 .thumb .image {height: 225px;}
.product-1 .detail {
	display: block;
	position: absolute;
	text-indent: -9999px;
	right: -1px;
	bottom: -1px;
	z-index: 5;
	width: 45px;
	height: 45px;
}
.product-1 .detail:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;height: 0;
	border-right: 45px solid #1968b3;
	border-top: 45px solid transparent;
	z-index: 50;top: 0px;left: 0px;
}
.product-1 .detail:after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;height: 10px;
	background: url(img/plus.png) 0% 0% no-repeat / 10px 10px;
	bottom: -17px;right: -17px;
	z-index: 60;
}
.product-1 .title {
	margin: 0 0 5px 0;
	font-size: 14px;
	left: 20px;
	font-weight: bold;
}
.product-1 .title a {color: #333;}
.product-1 .title a:hover {color: #1968b3;}
.product-1 .description {
	height: 54px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
.product-1 .description p {margin: 0;}
@media (max-width: 567px) {
	.list-product {margin-left: -5px;}
	.list-product>* {padding-left: 5px;}
	.list-product .product-item
	.product-1 .description {display: none;}
	.product-1 .thumb {margin: 0 0 5px 0;}
	.product-1 .title {
		font-size: 13px;
		line-height: 18px;
	}
}
@media (max-width: 479px) {
	.product-1 .thumb .image {height: 135px;}

	.video-item .product-1 .thumb .image {
		height: auto;
	}
	.product-1 .title {
		font-size: 12px;
		font-weight: 600;
	}

	.video-item .product-1 .title a {font-size: 17px;font-weight: bold;margin: 15px 0 10px 0px;display: block;}
}

/* Article */
[class*=article-] .description p {margin: 0;}
[class*=article-] .title a {
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.article-2 {position: relative;}
.article-2 .thumb {
	padding: 3px;
	border: 1px solid #c8c8c8;
}
.article-2 .title {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 20px;
}
.article-2 .title a {color: #333;}
.article-2 .meta {
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 20px;
	color: #999;
}
.article-2 .time {
	display: inline-block;
	padding-left: 20px;
	background: url(img/calendar.png) 0px 50% no-repeat;
}
.article-2 .viewed {
	display: inline-block;
	margin-left: 15px;
	padding-left: 20px;
	background: url(img/user.png) 0px 50% no-repeat;
}
.article-2 .description {
	font-size: 14px;
	line-height: 20px;
	height: 80px;
}
@media (min-width: 479px) {
	.article-2 .thumb {
		float: left;
		width: 250px;
	}
	.article-2 .info {
		position: relative;
		float: left;
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: -ms-calc(100% - 250px);
		width: -o-calc(100% - 250px);
		width: calc(100% - 250px);
		padding-left: 20px;
	}
}
@media (min-width: 479px) and (max-width: 767px) {
	.article-2 .thumb {width: 180px;}
	.article-2 .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-2 .meta {display: block;}
	.article-2 .viewed {margin: 5px 0 0 0;}
	.article-2 .description {display: none;}
}
@media (max-width: 479px) {
	.article-2 .thumb {margin: 0 0 10px 0;}
	.article-2 .meta {font-size: 13px;}
}
.article-2 .title a:hover {color: #f3352c;}


/* Article Detail */
.articleDetail {
	margin: 0 0 25px 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.articleDetail .article,
.articleDetail .signature,
.articleDetail .share-box {margin-bottom: 20px;}
.articleDetail .title {
	margin: 0 0 15px 0;
	font-size: 20px;
	line-height: 24px;
	color: #f3352c;
}
.articleDetail .meta {
	padding: 5px 10px;
	background: #f2f2f2;
	border: 1px solid #e1e1e1;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 20px;
	color: #aaa;
}
.articleDetail .meta>* {
	position: relative;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.articleDetail .meta>*+* {margin-left: 15px;}
.articleDetail .meta .time {background-image: url(img/icon-time.png);}
.articleDetail .meta .viewed {background-image: url(img/viewed.png);}
.articleDetail .article .description {
	font-weight: bold;
	margin-bottom: 15px;
}
.articleDetail .article img {

}
.share-box>*+* {margin-left: 5px;}
.share-box .plus {position: relative;margin-top: -4px;}
@media (max-width: 480px) {
	.articleDetail .meta {display: block;}
	.articleDetail .meta>*+* {margin-left: 0px;}
}

/* Article Related */
.articleRelated {margin-bottom: 30px!important; }
.articleRelated .panel-head {margin-bottom: 15px;}
.articleRelated ul li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-weight: 500;
	color: #9d9c9c;
}
.articleRelated ul li+li {border-top: 1px dotted #898989;}
.articleRelated ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 0px;
	color: #333;
	font-size: 12px;
}
.articleRelated ul li a {color: #333;}
.articleRelated ul li a:hover,
.articleRelated ul li:hover:before {color: #f3352c;}

/* 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: 24px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
	color: #1968b3;
	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: #1968b3;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	border: none;
	border-radius: 3px;
}

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

/* Pagination */
.pagination {
	margin-bottom: 20px!important;
	padding-top: 15px;
	border-top: 1px dotted #c8c8c8;
}
.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: #1968b3;
	border-color: #1968b3;
	color: #fff;
}

/* </body> */
/* ################################################# */

/* <footer> */
.footer .upper {
	padding: 20px 0 10px 0;
	background:rgba(0, 0, 0, .5) url(img/bg-footer.png) center / cover;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.footer-subscribe {
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 25px 0;
}
.footer-subscribe:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;bottom: 0px;
	background: #fff;
	background: -moz-linear-gradient(90deg, transparent 0%, transparent 1%,#51575c 50%,transparent 100%);
	background: -webkit-linear-gradient(90deg, transparent 0%, transparent 1%,#51575c 50%,transparent 100%);
	background: -o-linear-gradient(90deg, transparent 0%, transparent 1%,#51575c 50%,transparent 100%);
	background: -ms-linear-gradient(90deg, transparent 0%, transparent 1%,#51575c 50%,transparent 100%);
	background: linear-gradient(90deg, transparent 0%, transparent 1%,#51575c 50%,transparent 100%);
}
.footer-subscribe:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;bottom: -1px;
	background: #bd1920;
	background: -moz-linear-gradient(90deg, transparent 0%, transparent 1%,#26282b 50%,transparent 100%);
	background: -webkit-linear-gradient(90deg, transparent 0%, transparent 1%,#26282b 50%,transparent 100%);
	background: -o-linear-gradient(90deg, transparent 0%, transparent 1%,#26282b 50%,transparent 100%);
	background: -ms-linear-gradient(90deg, transparent 0%, transparent 1%,#26282b 50%,transparent 100%);
	background: linear-gradient(90deg, transparent 0%, transparent 1%,#26282b 50%,transparent 100%);
}
.footer-subscribe .label {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
}
.footer-subscribe .form {
	position: relative;
	overflow: hidden;
}
.footer-subscribe .form .input-text {
	border: none;
	height: 38px;
	line-height: 38px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.footer-subscribe .form .btn-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	position: absolute;
	padding: 0 20px;
	top: 1px;right: 1px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #1968b3;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	z-index: 5;
	cursor: pointer;
}
.footer-social li {float: left;}
.footer-social li+li {margin-left: 5px;}
.footer-social a {
	display: block;
	width: 38px;height: 38px;
	line-height: 38px;
	font-size: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	text-align: center;
}
.footer-social .facebook a {color: #5676ad;}
.footer-social .twitter a {color: #65bbf1;}
.footer-social .google a {color: #e15441;}
.footer-social .youtube a {color: #d82e27;}

.footer .upper .panel {
	margin: 0 0 20px 0;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
}
.footer .upper .panel .heading {
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-family: 'UTM Swiss 721 Black Condensed', sans-serif;
}
.footer .upper .panel .heading>* {color: #fff;}
.footer .site-link li:not(:last-child) {margin-bottom: 10px;}
.footer .site-link a {
	display: block;
	position: relative;
	padding-left: 15px;
	color: #fff
}
.footer .site-link li a:before {
	content: "\f054";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 0px;top: 0px;
	font-size: 8px;
	color: #fff;
}
.footer .site-link a:hover {text-decoration: underline;}
.footer-contact a {color: #fff;}
.footer-contact a:hover {text-decoration: underline;}
.footer-contact ul li {
	position: relative;
	display: block;
	padding-left: 25px;
}
.footer-contact ul li:before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;height: 15px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	left: 0px;top: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.footer-contact ul .location:before, .footer-contact ul li:nth-of-type(1):before {background-image: url(img/icon-location.png);}
.footer-contact ul .phone:before, .footer-contact ul li:nth-of-type(2):before {background-image: url(img/icon-landline.png);}
.footer-contact ul .email:before, .footer-contact ul li:nth-of-type(3):before {background-image: url(img/icon-email2.png);}
.footer-contact ul .website:before, .footer-contact ul li:nth-of-type(4):before {background-image: url(img/icon-globe.png);}
.footer-contact ul li:not(:last-child) {margin-bottom: 10px;}
.footer-contact .map {height: 200px;}
.footer .middle {
	padding: 30px 0 0px 0;
	background: rgba(34, 34, 34, 1);
}
.footer-access .panel-body {
	background: #666;
	color: #fff;
	padding: 15px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.footer-access .panel-body .title {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
	color: #fff;
}
.footer-access ul li {
	position: relative;
	padding-left: 20px;
}
.footer-access ul li:not(:last-child) {margin-bottom: 10px;}
.footer-access ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;top: 4px;
}
.footer-access ul li:nth-of-type(1):before {
	width: 13px;
	height: 12px;
	background: url(img/user-ft.png) 0% 0% no-repeat;
}
.footer-access ul li:nth-of-type(2):before {
	width: 16px;
	height: 11px;
	background: url(img/user-groupft.png) 0% 0% no-repeat;
}

.footer .lower {
	padding: 8px 0;
	background: #1968b3;
	font-size: 13px;
	line-height: 20px;
	color: #f0989b;
}
.footer .lower a {color: #f0989b;}
.footer .lower a:hover {color: #fff;}
@media (min-width: 767px) {
	.footer-access .panel-body {height: 130px;}
}
@media (max-width: 959px) {
	.footer .middle .panel {margin-bottom: 15px!important;}
}
@media (max-width: 767px) {
	.footer-subscribe .label {margin: 0 0 10px 0;}
}
@media (max-width: 479px) {
	.footer-subscribe .label {
		font-size: 14px;
		font-weight: normal;
	}
}

/* </footer> */
/* <animation> */

/* </animation> */
/* </ronin composite.css> */
.asideNews .articleItem h3.title{    margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;}
.asideNews .article .info {
	padding: 0 0 0 15px;
}
.asideNews .articleItem h3.title a{
	color:#333;
}
.asideNews .panel-head {margin: 0 0 15px 0;}
.asideNews .listArticle .articleItem .article {margin-bottom: 15px;}
.asideNews  .article .info {padding: 0 0 0 15px;}
.asideNews  .article .title {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}
.asideNews  .article .title a {color: #333;}
@media (min-width: 960px), (max-width: 479px) {
	.asideNews .listArticle .articleItem .article {margin-bottom: 10px;}
	.asideNews .listArticle .articleItem+.articleItem .article {
		padding-top: 10px;
		border-top: 1px dashed #bbb;
	}
}

/* Intro page */
.introduction-page .main-content {
	position: relative;
	margin: 247px 0 0 0;
	background: url(img/bg-intro-bottom.png) 0% 0%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}
.introduction-page .main-content:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 247px;
	background: url(img/bg-intro-top.jpg) 0% 0%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	left: 0px;top: -245px;
}
.introduction-page .panel-head {
	padding: 25px 0 20px 0;
}
.introduction-page .panel-body .text {
	font-size: 18px;
	line-height: 24px;
	font-family: 'UTM Neo Sans Intel', sans-serif;
	color: #fff;
	font-weight: normal;
}
.introduction-page .panel-body .text .line:not(:last-child) {margin-bottom: 10px;}
.introduction-page .panel-body .text .line-1 span {
	font-family: 'UTM Neo Sans Intel Bold', sans-serif;
}
.introduction-page .panel-body .text .line-2 {
	padding-left: 50px;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	font-family: 'UTM Neo Sans Intel Bold', sans-serif;
}
.introduction-page .panel-body .text .line-3 {
	padding-left: 100px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
}
.introduction-page .panel-body .banner {text-align: right;}
.introduction-page .panel-foot {
	padding: 15px 0 20px 0;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-family: 'UTM Neo Sans Intel', sans-serif;
}
.introduction-page .panel-foot .logo {
	margin: 0 0 15px 0;
	-webkit-filter: brightness() invert();
	-moz-filter: brightness() invert();
	-ms-filter: brightness() invert();
	-o-filter: brightness() invert();
	filter: brightness() invert();
}
.introduction-page .footer-contact .heading {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 20px;
	font-family: 'UTM Neo Sans Intel Bold', sans-serif;
	font-weight: normal;
	color: #fff;
}
.introduction-page .footer-contact p {margin: 0;}
.introduction-page .footer-link {padding-top: 55px;}
.introduction-page .footer-link .btn {
	display: block;
	position: relative;
	padding: 10px 10px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: 'UTM Neo Sans Intel Bold', sans-serif;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.introduction-page .footer-link .btn:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 20;
	width: 36px;
	height: 36px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/icon-home.png);
	top: 2px;left: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.introduction-page .footer-link .btn-home {
	background: #084276;
	background: -webkit-linear-gradient(bottom, #084276, #1767b2);
	background: -moz-linear-gradient(bottom, #084276, #1767b2);
	background: -o-linear-gradient(bottom, #084276, #1767b2);
	background: -ms-linear-gradient(bottom, #084276, #1767b2);
	background: linear-gradient(to top, #084276, #1767b2);
}
.introduction-page .footer-link .btn-hotline {border: 1px solid #fff;}
.introduction-page .footer-link .btn-hotline:before {background-image: url(img/icon-phone.png);}
.introduction-page .footer-link .copyright {
	margin: 10px 0 0 0;
	text-align: right;
}
header .logo img{
	width: 123px;
}
.mainContent{
	padding-bottom: 20px;
}
.article-2 .thumb{
	height: 170px;
}
.product-catalogue .product .info ul{
	padding-left: 20px;
}
.article-catalogue .thumb.img-flash img{
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.articleDetail .article .content ul{
	padding-left: 20px;
	margin-bottom: 10px;
}
.articleDetail .article .content  h2{
	font-size: 20px;
	padding:10px 0
}
.product-catalogue .product .info ul{
	margin-bottom: 10px;
}
.video-item .title a {
	font-size: 16px;
}

.video-item .desc {
	font-size: 14px;
}

.video-item {
	margin: 0 0 25px 0;
}
.main-content-video {
	margin: 15px 0 20px 0;
}
section.home-video {
	padding: 60px 0;
	background: linear-gradient(to bottom, #e5e5e5, #fff 50%);
}
section.home-video .item-video-home img {
	width: 100%;
}

section.home-video .left-video .item-video-home img {
	height: 230px;
	object-fit: cover;
}

section.home-video .left-video .item-video-home a, section.home-video .right-video .item-video-home a {
	display: block;
	position: relative;
}

section.home-video .left-video .item-video-home a:after, section.home-video .right-video .item-video-home a:after {content: "\f144";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: 'FontAwesome';font-size: 50px;color: #fff;}

section.home-video .right-video {
	padding-left: 20px;
}

section.home-video .right-video .item-video-home img {
	height: 480px;
	object-fit: cover;
}

section.home-video .left-video .item-video-home:first-child {
	margin: 0 0 20px 0;
}
section.home-video .heading-1 {
	color: #1968b3;
	margin: 0 0 15px 0;
}
@media (max-width: 1200px) and (min-width: 1024px){
	section.home-video .right-video .item-video-home img {
		height: 500px!important;
	}
	section.home-video .left-video .item-video-home img {
		height: 240px!important;
	}
}

@media (max-width: 1023px) and (min-width: 768px){
	section.home-video .right-video .item-video-home img {
		height: 400px!important;
	}
	section.home-video .left-video .item-video-home img {
		height: 190px!important;
		object-fit: cover;
	}
	section.home-video .left-video .item-video-home:first-child {
		margin: 0 0 15px 0!important;
	}
	section.home-video .right-video {
		padding-left: 15px!important;
	}
}

@media (max-width: 767px){
	section.home-video .right-video .item-video-home img {
		height: auto!important;
	}
	section.home-video .left-video .item-video-home img {
		height: auto!important;
	}
	section.home-video .right-video {
		padding-left: 25px!important;
	}
	section.home-video .right-video {
		margin: 15px 0 0 0!important;
	}
	section.home-video .left-video .item-video-home:first-child {
		margin: 0 0 15px 0!important;
	}
}

.video-item a.image {
	position: relative;
}
.video-item a.image:after {
	content: "\f144";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'FontAwesome';
	font-size: 50px;
	color: #fff;
}