/* CSS Document */
@font-face {
	font-family: 'Roboto-C';
	src: url('font/RobotoCondensed-Regular.ttf') format('truetype');
	src: url('font/RobotoCondensed-Regular.eot');
	src: local('☺'), url('font/RobotoCondensed-Regular.ttf') format('truetype'), url('font/RobotoCondensed-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-B';
	src: url('font/RobotoCondensed-Bold.ttf') format('truetype');
	src: url('font/RobotoCondensed-Bold.eot');
	src: local('☺'), url('font/RobotoCondensed-Bold.ttf') format('truetype'), url('font/RobotoCondensed-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html,
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: #f3f3f3;
	line-height: 24px;
}

img {
	max-width: 100%;
}

.content-detail img {
	max-width: 100%;
	height: auto !important;
}


.toppage {
	background-color: #1f2f4f;
	overflow: hidden;
	height: 42px;
	line-height: 42px;
	color: #FFF;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.toppage a {
	color: #FFf;
	text-decoration: none;
}

.toppage .hotline .fa {
	color: #de2e29;
}

.header {
	width: 100%;
	height: 80px;
	background: #FFF;
}

.logo {
	width: 282px;
	float: left;
}

.logo img {
	display: block;
	margin: auto;
}

.header .right-header {
	width: calc(100% - 292px);
	float: right;
}

.menu-bar {
	height: 80px;
	font-family: Roboto-C, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: right;
	z-index: 999;
}

.menu-bar ul {
	padding: 0px;
	margin: 0px;
}

.menu-bar ul.nav>li {
	list-style: none;
	display: inline-block;
	line-height: 80px;
	position: relative;
	z-index: 9999;
}

.menu-bar .nav>li:hover,
.menu-bar .nav>li.active {
	background: #CD303B;
	line-height: 80px;
	margin-bottom: 0px;
	height: 85px;
	color: #FFF;
}

.menu-bar .nav li>a {
	color: #333;
	text-decoration: none;
	display: inherit;
	padding: 0px 10px;
}

.menu-bar .nav li:hover a,
.menu-bar .nav li.active a {
	color: #FFF;
}

.menu-bar .nav li ul {
	position: absolute;
	top: 100%;
	right: 0px;
	width: 250px;
	background: #f1f1f1;
	z-index: 999999;
	display: none;
	height: auto;
	line-height: normal;
	text-align: left;
}

.menu-bar .nav li ul li {
	line-height: normal;
	width: 100%;
	height: auto;
	margin: 0px;
	border-top: solid 1px #e5e5e5;
	list-style: none;
}

.menu-bar .nav li ul li:first-child {
	border-top: none;
}

.menu-bar .nav li ul li a,
.menu-bar .nav>li:hover ul li a,
.menu-bar .nav>li.active ul li a {
	padding: 8px 20px 8px 10px;
	color: #333;
}

.menu-bar .nav li ul li:hover {
	background: #CD303B;
}

.btn-hotline-lang {
	text-align: right;
}

.menu-bar ul li ul li:hover a,
.menu-bar ul>li:hover ul li:hover a,
.menu-bar ul>li.active ul li:hover a {
	color: #fff;
}

.btn-hotline-lang a {
	border: solid 1px #FFF;
	border-top: none;
	display: inline;
	float: right;
	border-left: none;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
	font-family: Roboto-C, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

.btn-hotline-lang a:last-child {
	border-left: solid 1px #FFF;

}

.main-slide {
	margin-top: 2px;

}

.c,
.c5,
.c10,
.c15,
.c20,
.c30,
.c3,
.c2,
.c40 {
	clear: both;
}

.c2 {
	height: 2px;
}

.c3 {
	height: 3px;
}

.c5 {
	height: 5px;
}

.c10 {
	height: 10px;
}

.c15 {
	height: 15px;
}

.c20 {
	height: 20px;
}

.c30 {
	height: 30px;
}

.c35 {
	height: 35px;
}

.c40 {
	height: 40px;
}

.title-box-home {
	background: #f9f9f9;
	border: 1px solid #ececec;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 22px;
	padding: 7px 10px 8px 12px;
	font-family: UTM_Bebas, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.title-box-home a {
	color: #333;
	text-decoration: none;
}

.title-box-home-1 {
	padding: 0px;
	margin: 0px;
	color: #444;
	border-bottom: 2px solid #288ad6;
	font-family: UTM_Bebas, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	padding: 10px 0px;
}

.title-box-home-1 a {
	color: #444;
	text-transform: uppercase;
	text-decoration: none;
}

.footer {
	background: #1f2f4f;
	min-height: 200px;
	color: #FFF;

}

.title-box-footer {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.mnu-box-footer {
	border-top: solid 1px #444;
	padding-top: 10px;
}

.title-box-footer a {
	color: #fff;
	text-decoration: none;
}

.item_list_footer {
	padding: 3px 0px;
}

.item_list_footer a {
	color: #fff;
	text-decoration: none;
}

.item_list_footer a:hover {
	color: #fff;
}

.item_list_footer a i.fa {
	display: none;
}

.btn-checkout {
	border: solid 1px #a4a4a4;
	background: #FFF;
	text-decoration: none;
	display: block;
	float: right;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	color: #333;
	font-size: 16px;
}

.box-search {
	position: relative;
	float: right;
	height: 40px;
	border: solid 1px #a4a4a4;
	background: #FFF;
	width: 100%;
	max-width: 300px;
	margin-right: 130px;
}

.box-search .btn-search {
	background: #ff0000;
	text-transform: uppercase;
	height: 40px;
	display: block;
	position: absolute;
	top: -1px;
	width: 109px;
	right: -110px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
}

.box-search input {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0px 5px;
	outline: none;
	height: 36px;
}


.thumb-prev,
.thumb-next {
	text-decoration: none;
	color: #CCC;
	font-size: 20px;
	position: absolute;
	top: 30%;
	font-weight: normal;
	z-index: 999;
}

.thumb-prev {
	left: -15px;
}

.thumb-next {
	right: -15px;
}

.binh_zoom {
	border: solid 1px #CCC;
	padding: 2px;
}

.click-zoom {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #666;
	background: #EEE;
	opacity: 0.8;
	padding: 3px 3px;
	text-decoration: none;
}

.btn-order {
	text-decoration: none;
	background: #E77817;
	padding: 10px;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #CCC;
	border: solid 1px #EEE;
}

.btn-order span {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;

}

.btn-chinhsach {
	text-decoration: none;
	background: #E77817;
	padding: 10px;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #CCC;
	border: solid 1px #EEE;
}

.btn-chinhsach span {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	min-height: 42px;
	display: block;
}


.pro-detail-name {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 22px;
	font-weight: normal;
}

.masp {
	color: #989898;
	font-size: 12px;
}

.pro-address-phone-detail {
	font-size: 18px;
	line-height: 30px;
	font-family: UTM_Bebas, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #288AD6;
	padding: 10px 0px;
	border-radius: 5px;
	box-shadow: 0px 1px 6px #333;
}

.pro-address-phone-detail span {
	color: #DDD;

}


.pro-attr-detail {
	border: solid 1px #DDD;
	padding: 10px;
}

.attr-item {
	padding: 3px 0px;
	color: #CCC;
}

.attr-name {
	font-weight: normal;
	color: #222;
}

.attr-value {
	font-weight: bold;
	color: #288AD6;
}

.tab-title {
	font-weight: bold;
	font-size: 20px;
}

.menu-top {
	width: calc(100% - 80px);
	float: left;
	text-align: right;

}

.menu-top a {
	margin: 0px 15px;
}

.langbar {
	width: 79px;
	float: right;
}

.langbar .flag-vn {
	width: 22px;
	height: 15px;
	border: solid 1px #FFF;
	display: inline-block;
	background: url(../images/vn_flag.png) no-repeat;
}

.langbar .flag-en {
	width: 22px;
	height: 15px;
	border: solid 1px #FFF;
	display: inline-block;
	background: url(../images/en_flag.png) no-repeat;
	margin-left: 3px;
}

.btn-search-top {
	padding: 8px 12px;
	background: #1c744a;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	color: #FFF;
	margin-left: 10px;
}

.txt-contact {
	width: 100%;
	height: 30px;
	border: solid 1px #CCC;
	padding: 0px 5px;
	margin-top: 5px;
}

.label-contact {
	margin-top: 10px;
}

.error {
	color: #FF0000;
	border: solid 1px #FF0000;
}

.btn-send {
	border: solid 1px #db282e;
	background: #db282e;
	padding: 8px 30px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	float: right;
}

.line-gray {
	border-bottom: solid 1px #c5d0b6;
}

.pc-break,
.pad-break,
.tab-break,
.mobile-break {
	display: block;
}

.news-name-detail {
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	color: #333;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.row-content {
	margin-top: 15px;
}

.createdate {
	font-size: 12px;
	color: #666;
}

.intro-detail {
	font-size: 14px;
	font-weight: normal;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.other-article-title {
	text-transform: uppercase;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	background: #FFF;
	margin-top: -12px;
	float: left;
}

.other-article-line {
	width: 100%;
	height: 5px;
	border-top: dashed 2px #d89c2e;

}

.other-article {
	padding: 10px 0px;
	margin: 0px;
}

.other-article li {
	list-style: none;
	padding: 5px 0px;
}

.other-article li a {
	color: #333;
	text-decoration: none;
}

.other-article li a:hover {
	text-decoration: underline;
}

.other-article li a .fa {
	margin-right: 10px;
}

.crumb {
	background: #f1f1f1;
	padding: 8px 0px;
	font-size: 13px;
	border-bottom: solid 1px #dae1e7;
}

.crumb a {
	color: #767676;
	text-decoration: none;
	font-weight: normal;
}

.crumb .fa-home {
	margin-right: 10px;
}

.crumb a:last-child {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.page-name {
	padding: 5px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 30px;
	font-weight: normal;
	color: #d89c2e;
	text-transform: uppercase;

}

.news-name-home {
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color: #024478;
	font-weight: normal;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.news-name-home a {
	color: #1f2f4f;
	text-decoration: none;
}

.page {
	border: solid 1px #Eee;
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	color: #333;
}

.page:hover {
	color: #FF0000;

}

.clicked {
	padding: 2px;
	margin: 2px;
	color: #FF0000;
	border: solid 1px #FF0000;
}

.paging {
	clear: both;
	padding-top: 10px;
}

.bg-line {
	background: url(../images/bg-line.png) repeat-x;
	height: 10px;
}

.page-name a {
	text-decoration: none;
	color: #333;
}

.cat-product .view-more {
	display: block;
	position: absolute;
	right: 0px;
	text-decoration: none;
	color: #f76b1c;
	top: 18px;
	font-weight: bold;
	font-size: 13px;
}

.box-filter {
	float: right;
}

.combo_filter {
	height: 30px;
}

.video-home-name {
	margin: 0px;
	padding: 0px;
	background: #222;
	padding: 7px 10px;
}

.video-home-name a {
	color: #DDD;
	text-decoration: none;
	font-weight: bold;
}


.hotline-top {
	color: #8a8a8a !important;
	float: left;
	background-image: url(../images/bg_hotline.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: left center;
	padding-right: 10px;
	margin-top: 40px;
}

.hotline-top span {
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	color: #8a8a8a !important;
}

.hotline-top>a {
	color: #d89c2e !important;
	font-weight: bold !important;
}

.hotline-top a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

.email-top {
	background-image: url(../images/bg_email.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-left: 20px;
}


.search-destop {
	border: solid 1px #bcbcbc;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position: relative;
	background-color: #FFF;
	padding: 5px;
	margin-top: 5px;
	float: right;
	margin-right: 10px;
	width: 260px;
}

.search-destop input {
	width: 100%;
	border: solid 1px #fff;
}

.search-destop i.fa {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 20px;
	color: #333;
}



.mobile-bar {
	background: #E77817;
	height: 40px;
}

.mobile-bar a {
	text-decoration: none;
	color: #FFF;
	display: block;
	float: left;
	/* margin-top: 7px; */
	/* margin-left: 10px; */
	height: 56px;
	/* line-height: 58px; */
	padding: 10px 12px;
	line-height: 36px;
	font-size: 18px;
	border-right: solid 1px #8cc63f;
}

.box-search-mobile {
	width: 100%;
	display: none;
	position: relative;
	background: #EeE;
	border: solid 1px #CCC;
	padding: 5px;
}

.box-search-mobile input {
	width: 100%;
	border: solid 1px #CCC;
	height: 30px;
	padding: 0px 5px;
}

.btn-search-mobile {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #1c744a;
	font-size: 20px;
}

.hotline-mobile {
	float: left;
	/*
    margin-right: 10px; */
	color: #FFF;
}

.hotline-mobile a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}


.div-scroll {
	width: 100%;
	overflow: auto;
	padding-right: 2px;
}

.txt-comment {
	width: 100%;
	height: 30px;
}


.banner {
	float: left;
	height: 100%;
	max-height: 60px;
	margin-top: 10px;
}

.right-slide {
	margin-top: 20px;
}


.partner-prev,
.partner-next {

	height: 42px;
	width: 26px;
	color: #f68220;
	text-decoration: none;
	position: absolute;
	text-align: center;
	top: 30%;
	line-height: 42px;
	font-size: 20px;
}

.partner-prev {
	left: -20px;

}

.partner-next {
	right: -20px;

}

.general-product {
	padding: 10px 0px;
	color: #787878;
	font-weight: normal;
	border-bottom: solid 1px #f4f4f4;
	padding-bottom: 20px;
}

.comment-item-list {}

.like-comment {
	text-decoration: none;
	color: #666;
}

.pagination {
	margin: 0px;
	padding: 0px;
}

.title-left {
	margin: 0px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
}

.title-left a {
	text-decoration: none;
	color: #333;
}

.menuleft {
	margin: 0px;
	padding: 0px;
	border: solid 1px #DDD;
	font-size: 14px;
}

.menuleft li {
	list-style: none;
	padding: 10px 6px 10px 15px;
	border-bottom: dashed 1px #999;
	font-size: 14px;

}

.menuleft .active a {
	color: #d89c2e;
	font-weight: bold;
}

.menuleft li a {
	text-decoration: none;
	color: #333;
}

.menuleft li:last-child {
	border-bottom: none;
}

.menuleft .fa {
	font-size: 18px;
}

.name-left a {
	text-decoration: none;
	color: #333;
}

.image-left img {
	border: solid 1px #CCC;
}

.video-left-first {
	position: absolute;
	bottom: 0px;
	background: rgba(255, 255, 255, 0.3);
	width: 100%;
	padding: 5px;
	padding-bottom: 8px;
}

.video-left-first a {
	text-decoration: none;
	color: #DDD;
}

.vtip {
	text-decoration: none;
	color: #666;
}

.intro-product {
	min-height: 122px;
}

.copyright {
	background: #ec3038;

	padding: 10px 0px;
	color: #FFF;
}

.footer-col-cotent {
	color: #787878;
	margin-top: 5px;
	font-size: 12px;
	padding-left: 0 !important
}

.pos-re {
	position: relative;
}

.box-info-home {
	position: relative;
	padding: 40px;
	width: 65%;
	float: right;
}

.img-info-home {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.title-info-home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0px;
	border-bottom: solid 1px #e0e0e0;
	padding: 7px 20px;
	margin: 0px;
	font-weight: normal;
}

.title-info-home a {
	color: #000000;
	text-decoration: none;
}

.box-info-home .content {
	padding: 20px;
	line-height: 20px;
	text-align: justify;
}

.title-box-product-home {
	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;
	padding: 7px 0px;
	margin: 0px;
	font-weight: normal;
}

.title-box-product-home .main-cat-home {
	font-size: 22px;
	text-transform: uppercase;
}

.title-box-product-home a {
	color: #000;
	text-decoration: none;
}

.subcat-home {
	text-transform: none;
	margin: 0px 10px;
}

.box-sub-cat-home {
	font-size: 14px;
	color: #0192ce;
}

.box-sub-cat-home a {
	color: #0192ce;
}

.box-sub-cat-home a:hover {
	text-decoration: underline;
}

.cat-view-all {
	float: right;
	font-size: 12px;
	margin-top: 10px;
}

.cat-view-all:hover {
	text-decoration: underline;
}

.cat-view-all .fa {
	color: #0192ce;
}

.table-box {
	display: table;
	min-height: 43px;
	margin-top: 20px;
	color: #919191;
}

.dung-thu strong,
.bao-hanh strong,
.thu-hoi strong {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	margin-bottom: 4px;
}

.column {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-ms-column-count: 5;
	column-count: 5;
}

.column div {
	padding: 5px 0px;
}

.level2-box {
	display: none;
}

.mnu-footer a {
	display: inline-block;
	padding-right: 15px;
	color: #6e6e6e;
	text-decoration: none;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.mnu-footer a:hover {
	color: #fff;
}


.lang-mobile a {
	padding: 0px;
	margin-right: 5px;
	margin-top: 5px;
}

.content-info-home {
	color: #434343;
	line-height: 20px;
}

.bg-gray {
	background-color: #e5e5e5;
	padding-top: 30px;
	padding-bottom: 30px;
}

.item-news-home {
	border-top: solid 1px #d3d3d3;
	padding-top: 10px;
	padding-bottom: 10px;
}

.b-news-home .item-news-home:first-child {
	border-top: none;
	padding-top: 0px;
}

.intro-news-home {
	margin-top: 10px;
	line-height: 20px;
	color: #6d6d6d
}

.text-line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.text-line-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;

}

.text-line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

}

.text-line-6 {
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;

}

.why {
	margin-top: 60px;
}

.item-adv-home {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.item-adv-home img {
	-webkit-border-radius: 100px;
	border-radius: 100px;
	display: block;
	margin: auto;
}

.item-adv-home .intro-adv {
	margin-top: 10px;
	color: #747474;
	line-height: 20px;
}

.item-adv-home .title-adv {
	padding-top: 10px;
}

.item-adv-home .title-adv a {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.item-adv-home .title-adv a:hover {
	color: #d89c2e
}


.ykien img {
	display: block;
	margin: auto;
	width: auto !important;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.item-ykien {
	text-align: center;
}


.title-ykien {
	color: #fff;
	font-size: 16px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.item-ykien .title-ykien:hover {
	color: #ffba00;
}

.title-ykien {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.intro-ykien {
	margin-top: 10px;
	color: #d0d0d0;
	line-height: 20px;
	font-family: Roboto-C, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.ykien .flex-control-paging {
	bottom: -30px;

}

.ykien .flex-control-paging li a {
	background-color: #000;
}

.ykien .flex-control-paging li a.flex-active {
	background-color: #ffba00;
	border: solid 1px #ffba00
}

.itemcat-ser {
	margin-top: 15px;
}

.catname-service {
	padding: 15px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	text-align: center;

}

.catname-service a {
	color: #fff;
	font-weight: normal;
	text-decoration: none
}

.ykien {
	margin-top: 40px !important;
}

.view-detail {
	color: #d89c2e;
	font-weight: bold;
	text-decoration: none;
}

.article-image img {
	border-radius: 50%;
	border: #ffba00 solid 5px;
}

.article-image1 {
	max-width: 204px;
	margin: 0 auto;
	width: 96%;
}

.article-image1 img {
	border-radius: 50%;

}

#imgCaptcha {
	height: 30px;
}

.intro {
	color: #666;
}

.faqname {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	line-height: 32px;
}

.faqname .fa {
	font-size: 34px;
	color: #d89c2e;
	float: left;
	margin-right: 10px;
}



.faqname a {
	text-decoration: none;
}

.faqcontent {
	text-align: justify;
	display: none;
	color: #666;
}

.article-left {
	padding: 10px;
	border: solid 1px #CCC;
	position: relative;
}

.article-left-title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 0px;
	padding: 5px 0px;
}

.article-left-title a {
	text-decoration: none;
	color: #333;

}

.article-left-item {
	text-align: center;
	color: #666;
}

.article-left-item a {
	text-decoration: none;
	color: #111;
	font-weight: bold;
	text-align: center;
}

.article-left-item img {
	display: block;
	border-radius: 50%;
	margin: 0 auto;
}


.article-left-arrow {
	position: absolute;
	width: 34px;
	height: 50px;
	background-image: url(../images/left-arr.png);
	background-repeat: no-repeat;
	top: 40%;
	left: 1px;
	z-index: 99;
}

.article-right-arrow {
	position: absolute;
	width: 34px;
	height: 50px;
	background-image: url(../images/right-arr.png);
	background-repeat: no-repeat;
	top: 40%;
	right: 1px;
	z-index: 99;
}


.form_success {
	color: #299a0b;
}

.form_error {
	color: #F00;
}



.mobile-bar {
	background: #1c744a;
	height: 56px;
	border-bottom: solid 2px #8cc63f;
}

.dang-ky-dich-vu-left {
	width: 100%;
	background: #1c744a;
	padding: 15px 30px;
	border: solid 1px #DDD;
	border-radius: 5px;
	text-align: left;
	background-position-x: 17%;
	background-position-y: 5px;
	text-transform: uppercase;
	font-size: 16px;
}

.dang-ky-dich-vu-left a {
	text-decoration: none;
	color: #FFF;
}


.about-home-name {
	font-family: OpenSans-L, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0px;
	margin: 0px;
}

.about-home-name a {
	color: #333;
	text-decoration: none;
}

.about-name-detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.about-name-detail a {
	color: #333;
	text-decoration: none;
}

.box-doi-ngu {
	background-image: url(../images/bg-doi-ngu.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 300px;
}

.circlebox {
	width: 98%;
	padding-top: 98%;
	position: relative;

}

.circlebox-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	border: solid 3px #8cc63f;
}

.circle-why {
	width: 100%;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	margin: 0 auto;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #297c55;
}

.circle-why .line {
	border-bottom: solid 2px #297c55;
	width: 36px;
	margin: 0 auto;
}

.circle-why .name {
	color: #297c55;
	font-weight: normal;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	font-size: 32px;
}

.circle-why a {
	color: #297c55;
	text-decoration: none;
}

.arrow-service-next,
.arrow-service-prev {
	position: absolute;
	top: 35%;
	z-index: 999;
	background: #000002;
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 56px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	font-size: 40px;
	color: #718b80;
}

.arrow-service-next {
	right: -60px;
}

.arrow-service-prev {
	left: -60px;
}

.image-service-icon {
	width: 49px;
	height: 49px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	bottom: -30px;
	left: 50%;
	overflow: hidden;
	transform: translate(-50%, 0);

}

.news-item-home {
	box-shadow: 0px 0px 20px #ccc;
	padding-bottom: 50px;
}

.view-detail {
	bottom: 20px;
	left: 10px;
	background: #8cc63f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 8px 30px;
	color: #FFf;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	display: inline-block;
}

.news-item-home .view-detail {
	position: absolute;
	bottom: 20px;
	left: 10px;
	background: #8cc63f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 8px 30px;
	color: #FFf;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
}

.arrow-news-next,
.arrow-news-prev {
	position: absolute;
	top: 30%;
	width: 34px;
	height: 41px;
	background: #333;
	z-index: 99;
	color: #94cdb2;
	text-align: center;
	line-height: 41px;
	font-size: 40px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.arrow-news-next {
	right: 0px;
}

.arrow-news-prev {
	left: 0px;
}

.btn-register {
	display: inline-block;
	text-align: center;
	background: url(../images/dangkytuvan.png) no-repeat;
	height: 73px;
	width: 273px;
}

.hotline-global {
	background: url(../images/icon-hotline-global.png) no-repeat;
	padding-left: 33px;
	min-height: 23px;
	display: inline-block;
}

.hotline-register {
	text-align: center;
	font-size: 20px;
	color: #252626;
	text-decoration: none;
}

.hotline-register a {
	color: #252626;
	text-decoration: none;
}

.item-name {
	color: #333;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	font-size: 14px;
}

.item-name a {
	color: #333;
	text-decoration: none
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.box-image-news {
	position: relative;
}

.box-image-news img {
	display: block;
}

.box-image-news .name {
	background: url(../images/bg-news-name.png);
	padding: 15px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}

.box-image-news .name a {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

.btn-detail-news {
	border: solid 2px #8cc63f;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	padding: 8px 20px;
	color: #8cc63f;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
}

.box-menu-sub-bar {
	background: #FFF;
	min-height: 300px;
	width: 100%;
	top: 100%;
	position: absolute;
	left: 50%;
	max-width: 1180px;
	transform: translate(-50%, 0);
	box-shadow: 3px 3px 10px #ccc;
	z-index: 9999;
	font-weight: normal;
	text-transform: none;
	line-height: normal;
	display: none;
}

.megabox {
	padding: 20px 0px;
	margin: 0px;
}

.megabox .title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0px 20px;
	margin-bottom: 10px;
}

.megabox .title a {
	color: #1c744a !important;
	text-decoration: none;
}

.megabox .title a:hover {
	color: #1c744a;
}

.mega-item {
	background-image: url(../images/dot-mega-menu.png);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}

.mega-item a {
	text-decoration: none;
	color: #535353 !important;
	display: inherit;
	padding: 8px 30px;
}

.mega-item:hover {
	background-image: url(../images/arrow-mega-hover.png);
	background-position: right center;
	background-color: #1c744a;
}

.mega-item:hover a {
	color: #FFF !important;
}

.service-box-circle {
	width: 100%;
	padding-top: 100%;
	position: relative;

}

.service-box-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
}

.service-box-circle .icon {
	width: 49px;
	height: 48px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, 0);
}

.service-cat-name {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 30px;
}

.service-cat-name a {
	color: #1d1d1d;
	text-decoration: none;
}

.hr-title {
	position: relative;
	display: inline-block;
}

.box-hr-title {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-family: OpenSans-L, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 22px;

}

.hr-title::before {
	border-bottom: solid 1px #d2d2d2;
	content: "";
	top: 45px;
	left: -910px;
	width: 900px;
	position: absolute;

}

.hr-title::after {
	border-bottom: solid 1px #d2d2d2;
	content: "";
	top: 45px;
	right: -920px;
	width: 900px;
	position: absolute;
}

.hr-title div.la {
	position: relative;
	display: inline-block;
	padding-right: 36px;
	padding-top: 30px;
}

.hr-title div.la::after {
	background: url(../images/la.png) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 31px;
	height: 55px;
	display: block;
	content: "";
}

.name-other-service {
	color: #1C744A;
	text-transform: uppercase;
	font-weight: bold;
}

.name-other-service a {
	color: #1C744A;
	text-decoration: none;
}

.box-slide-service {
	position: relative;
}

.box-slide-service img {
	display: block;
}

.box-slide-service .name {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: url(../images/bg-news-name.png);
	color: #FFF;
	padding: 10px;
}

.intro-detail-service {
	padding: 15px;
	background: #e1f2ea;
	border: solid 1px #a4ccb9;
	font-size: 14px;
	font-weight: normal;
}

.title-menu-left {
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	background: #8cc63f;
	padding: 5px 10px;
	text-transform: uppercase;
}

.title-menu-left a {
	color: #FFf;
	text-decoration: none;
}

.bacsy-avatar {
	background: #FFF;
	border: solid 1px #c4c4c4;
	cursor: pointer;
}

.bacsy-avatar img {
	display: block;
}

.bacsy-avatar:hover,
.bacsy-avatar.active {
	border: solid 3px #8cc63f;
}

.bacsy-avatar-name {
	color: #297c55;
	padding: 5px 0px;
}

.box-info-bacsy {
	border-left: #156641 2px solid;
	padding-left: 10px;
}

.bac-sy-detail {
	background: #8cc63f;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 8px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	color: #FFF;
	text-decoration: none;
}

.ten-bac-sy {
	color: #14643f;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.bacsy-avatar .data-bs {
	display: none;
}

.menubar-footer {
	height: 48px;
	background: #008948;
}

.menufoorer {
	float: left;
	height: 46px;
	line-height: 46px;
}

.menufoorer a {
	display: inline-block;
	margin-right: 20px;
	color: #FFF;
	text-decoration: none;
}

.contactfooter input {
	width: 100%;
	border: solid 1px #bababa;
	height: 30px;
	margin-bottom: 6px;
	padding: 0px 5px;
}

.contactfooter textarea {
	width: 100%;
	border: solid 1px #bababa;
	margin-bottom: 6px;
	height: 100px;
	padding: 5px;
}

.mnuright {
	padding: 0px;
	margin: 0px;
	background: #1c744a;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mnuright>li {
	list-style: none;
	border-top: solid 1px #86c141;
	text-transform: uppercase;

	padding: 0px 0px;
}

.mnuright>li:first-child {
	border-top: none;
}

.mnuright>li.active {
	background: #6daf42;
}

.mnuright>li>a {
	padding: 10px 0px;
	margin: 0px 10px;
	display: block;
	color: #FFF;
	text-decoration: none;
}

.mnuright>li>a .fa {
	float: right;
	margin-top: 5px;
}

.mnuright>li ul {
	background: #FFf;
	padding: 0px;
	margin: 0px;
}

.mnuright>li ul li {
	border-top: dashed 1px #6daf42;
	list-style: none;
}

.mnuright>li ul li:first-child {
	border-top: solid 3px #1c744a;
}

.mnuright>li ul li a {
	color: #414141;
	padding: 8px 10px;
	text-decoration: none;
	display: block;
}

.mnuright>li ul li.active a {
	color: #1c744a;
}

.bs-next,
.bs-prev {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 45%;
	border: solid 2px #2d7b55;
	color: #2d7b55;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	z-index: 99;
}

.bs-next {
	right: -30px;
}

.bs-prev {
	left: 0px;
}

.box-bs-info {
	width: 1000px;
	height: 600px;
	max-height: 95%;
	max-width: 95%;
	background: #FFF;
	box-shadow: 0px 0px 10px #ccc;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	border: solid 5px #EEE;
	display: none;
}

.box-bs-info .title {
	line-height: 40px;
	width: 100%;
	background: #2d7b55;
	color: #FFF;
	font-family: OpenSans-B, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.box-bs-info .title .fa {
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	background: #8cc63f;
	float: right;
	cursor: pointer;
}

.article-next,
.article-prev {
	position: absolute;
	top: 25%;
	z-index: 99999;
	font-size: 20px;
	color: #333;
	width: 26px;
	height: 49px;

}

.article-next {
	right: 20px;
	background: url(../images/arrow-right-article.png) no-repeat;
}

.article-prev {
	left: 20px;
	background: url(../images/arrow-left-article.png) no-repeat;
}

.article-slide-home {
	text-align: center;
}

.article-slide-home .img-circle img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.box-tuvan-home {
	background-image: url(../images/bg-tuvan.png);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 300px;
}

.item-tuvan-home {
	border-bottom: solid 1px #ccc;
	padding: 8px 0px;

}

.item-tuvan-home .title .fa {
	float: right;
}

.item-tuvan-home .title {
	background-image: url(../images/icon-quetion.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 30px;
	min-height: 23px;
}

.cotnenthide {
	background-image: url(../images/icon-answer.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.address-phone-footer .fa {
	width: 20px;
}

.btn-send-footer {
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #008948;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
}

.showpaging {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 99;
}

.showpaging .swiper-pagination-bullet {
	border: solid 2px #FFF;
	margin: 0px 2px;
}

.showpaging .swiper-pagination-bullet-active {
	background: #137fb7;
	border: solid 2px #FFF;
}

.menuitem {
	color: #666;
}

.album-next,
.album-prev {
	width: 37px;
	height: 47px;
	position: absolute;
	top: 45%;
	background: #dcdbdc;
	color: #000;
	z-index: 999;
	text-align: center;
	line-height: 47px;
	font-size: 18px;
	text-decoration: none;
}

.album-next {
	-webkit-border-radius: 3px 0px 0px 3px;
	-ms-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	right: 0px;
}

.album-prev {
	-webkit-border-radius: 0px 3px 3px 0px;
	-ms-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	left: 0px;
}

.photo-arrow-next,
.photo-arrow-prev {
	position: absolute;
	top: 35%;
	z-index: 999;
	width: 30px;
	height: 40px;
	background: #000;
	text-align: center;
	line-height: 40px;
	color: #fff;
	opacity: .8;
}

.overlay {
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: #000;
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

textarea {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

::-webkit-input-placeholder,
.item-form-reg-footer textarea::-webkit-input-placeholder {
	color: #000;
}

::-moz-placeholder,
.item-form-reg-footer textarea::-moz-placeholder {
	color: #000;
}

:-ms-input-placeholder,
.item-form-reg-footer textarea:-ms-input-placeholder {
	color: #000;
}

:-moz-placeholder,
.item-form-reg-footer textarea:-moz-placeholder {
	color: #000;
}

.item-form-reg-footer input,
.item-form-reg-footer select {
	height: 35px;
}

.item-form-reg-footer textarea {
	height: 150px;
}

.box-search-pc {
	background: #EEE;
	border: solid 1px #CCC;
	padding: 5px;
	width: 220px;
	position: absolute;
	top: 100%;
	right: 0px;
	z-index: 9999;
	text-align: left;
	display: none;
}

.box-search-pc input {
	width: calc(100% - 30px);
	border: none;
	height: 25px;
	padding: 0px 5px;
	border: solid 1px #CCC;
	outline: none;
}

.box-search-pc a {
	display: block;
	height: 25px;
	width: 25px;
	float: right;
	text-align: center;
	line-height: 25px;
	color: #333;
	text-decoration: none;

}

.box-slide-bs {
	padding-left: 40px;
	position: relative;
}

.line-menubar {
	width: 36px;
	height: 2px;
	background: #297c55;
	margin-left: 20px;
}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.border-error {
	border: solid 1px #FF0000 !important;
}

.box-why {
	background: #1f2f4f;
	color: #fff;
	text-align: center;
}

.box-why a {
	color: #FFF;
	text-decoration: none;
}

.why-image {
	width: 100%;
	text-align: center;
}

.why-image img {
	width: 48px;
}

.why-info {
	width: 100%;
}

.why-info .name {
	font-size: 20px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight: normal;
}

.box-why.gray {
	background: #e6e6e6;
	color: #4c4c4c;
}

.box-why.gray a {
	color: #1f2f4f;
}

.fa-baogia {
	background-image: url(../images/icon-baogia.png);
	background-repeat: no-repeat;
	background-position: 15px 7px;
}

.btn-view-more-project {
	background: #202f4f;
	background: -moz-linear-gradient(left, #202f4f 27%, #eb3038 100%);
	background: -webkit-linear-gradient(left, #202f4f 27%, #eb3038 100%);
	background: linear-gradient(to right, #202f4f 27%, #eb3038 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202f4f', endColorstr='#eb3038', GradientType=1);
	display: inline-block;
	padding: 4px;
}

.btn-view-more-project a {
	padding: 5px 15px;
	background: #FFF;
	display: block;
	color: #333333;
	text-decoration: none;
}

.title-customer-home {
	text-transform: uppercase;
	font-size: 30px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #333;
}

.title-customer-home a {
	color: #333;
	text-decoration: none;
}

.title-customer-home span {
	color: #de2e29;
}

.title-customer-home1 {
	font-size: 24px;
	font-family: Roboto-c, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #333;
}

.title-customer-home1 a {
	color: #333;
	text-decoration: none;
}

.color-blue {
	color: #22346c;
}

.color-white {
	color: #FFF !important;
}

.box-procedure {
	color: #FFF;
	background: #1f2f4f;
}

.box-customer-home {
	background: #f4f4f4;
	color: #333;
}

.info-customer-home {
	padding: 20px;
	min-height: 90px;
}

.title-cat-home {
	font-size: 30px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #000;
}

.title-cat-home a {
	color: #000;
	text-decoration: none;
}

.box-people {
	position: relative;
}

.box-people img {
	display: block;
}

.box-people .name {
	background: #137fb7;
	background: -moz-linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
	background: -webkit-linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
	background: linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#137fb7', endColorstr='#41ba7e', GradientType=1);
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	text-align: center;
	width: 100%;
	color: #FFF;
	display: none;
}

.box-people .name span {
	text-transform: uppercase;
	display: block;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.news-name {
	font-size: 18px;
	font-weight: normal;
	padding: 0px 0px;
	margin: 0px;
}

.news-name a {
	text-decoration: none;
	color: #202020;
}

.news-name a:hover {
	text-decoration: underline;
}

.title-other-news {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.item-other-news {
	border-top: solid 1px #3a6a6a;
	margin-bottom: 10px;
	padding-top: 10px;
}

.news-border-top-none {
	border-top: none;
}

.item-other-news a {
	color: #454545;
	text-decoration: none;
}

.item-other-news a:hover {
	color: #1f2f4f;
}

.mnuleft {
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
	font-family: Roboto-C, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.mnuleft li {
	list-style: none;
	padding: 5px 0px;
}

.mnuleft li a {
	color: #626262;
	text-decoration: none;

}

.mnuleft li.active a {
	color: #000 !important;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.title-menu-news-left {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	font-size: 20px;
	color: #000;
}

.title-menu-news-left a {
	color: #000;
	text-decoration: none;
}

.btn-more-project {
	background: #f6f6f6;
	display: block;
	padding: 8px;
	text-align: center;
	color: #1f2f4f;
	text-decoration: none;
}

.package-design {
	background: #ebebeb;
	color: #333;

}

.package-name {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px;
	color: #363636;
}

.package-name span {
	color: #de2e29;
}

.image-service-circle {
	width: 100%;
	position: relative;
	padding-top: 100%;
	margin-bottom: 10px;
}

.image-service-circle .img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.item-procedure {
	text-align: center;
}

.item-procedure .circle-procedure {
	position: relative;
	width: 100%;
	padding-top: 100%;

}

.item-procedure .circle-procedure .circle-procedure1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 86%;
	height: 85%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: solid 2px #FFF;
	display: table-cell;
	vertical-align: middle;
}

.item-procedure .circle-procedure .circle-procedure1 .tb {
	display: table;
	width: 100%;
	height: 100%;
}

.item-procedure .circle-procedure .circle-procedure1 .td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
}

.other-service-name a {
	color: #333;

	text-decoration: none;
}

.project-left {
	width: 280px;
	border-right: solid 1px #cecece;
}

.project-right {
	width: calc(100% - 300px);
}

.title-intro-project {
	font-size: 25px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.title-info-project {
	font-size: 18px;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
}

.lstinfoproject strong {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.btn-back-to-list {
	background: url(../images/arrow-back-customer.png) no-repeat left center;
	padding-left: 24px;
	line-height: 26px;
	color: #333;
	text-decoration: none;
}

.box-video-c {
	border: solid 1px #e1e1e1;
	padding: 10px;
}

.box-image-video {
	position: relative;
}

.box-image-video .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	font-size: 30px;
	color: #FFF;
	text-decoration: none;
}

.box-image-video:hover .play {
	color: #FF0000;
}

.video-play-box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: solid 10px #FFF;
	box-shadow: 0px 0px 10px #666;
	max-width: 93%;
	max-height: 93%;
	width: 650px;
	height: 486px;
	background: #fff;
	z-index: 99999;
	display: none;
	overflow: auto;
}

.content-box-video {
	height: 286px;
	position: relative;
	width: 100%;
}

.title-form-contact {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}

.box-newsletter {
	width: 100%;
	max-width: 480px;
	height: 48px;
	margin: 0 auto;
}

.box-newsletter input {
	width: calc(100% - 160px);
	height: 48px;
	border: solid 1px #dddddd;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-ms-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	padding: 0px 10px;
	float: left;
}

.box-newsletter a {
	display: block;
	float: right;
	width: 160px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #3768ca;
	border: solid 1px #3768ca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;

}

.title-footer {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 5px;
	color: #fff;
	text-transform: uppercase;
}

.title-footer a {
	color: #fff;
	text-decoration: none;
}

.vinalink-ecosystem a {
	background: url(../images/icon-vinalink.png) no-repeat left center;
	display: block;
	height: 25px;
	width: 100%;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 30px;
	text-decoration: none;
	color: #de2e29;
	margin-bottom: 10px;
}

.vinalink-ecosystem a span {
	color: #fff;
}

.smofooter a {
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
}

.smofooter a i {
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-sm-border-radius: 50%;
	border-radius: 50%;
}

.smofooter a i.fa-facebook {
	border: solid 1px #4b76bd;
	color: #4b76bd;
}

.smofooter a i.fa-facebook {
	border: solid 1px #4b76bd;
	color: #4b76bd;
}

.smofooter a i.fa-twitter {
	border: solid 1px #00c6ff;
	color: #00c6ff;
}

.smofooter a i.fa-google-plus {
	border: solid 1px #fb5245;
	color: #fb5245;
}

.smofooter a i.fa-pinterest {
	border: solid 1px #ff3635;
	color: #ff3635;
}

.smofooter a i.fa-youtube {
	border: solid 1px #fc3831;
	color: #fc3831;
}

.menufooter {
	padding: 0px;
	margin: 0px;
}

.menufooter li {
	list-style: none;
	padding: 5px 0px;
}

.menufooter li a {
	color: #fff;
	text-decoration: none;
}

.menufooter li a:hover {
	color: #ccc;
}

.menumobile1 {
	height: 40px;
	display: none;
}

.menumobile {
	height: 40px;
	background: #1f2f4f;
	padding: 0px 10px;
	color: #FFF;
	width: 100%;
	position: fixed;
	z-index: 99999;
	text-transform: uppercase;
}

.menumobile a {
	text-align: center;
	padding: 0px 15px;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	display: block;
	float: left;
	font-size: 18px;
	border-right: solid 1px #2e4470;
	text-decoration: none;
}

.menumobile a:hover {
	background: #2e4470;
}

.menumobile a:first-child {
	border-left: solid 1px #2e4470;
}

.menupad {
	width: 100%;
	height: 64px;
	line-height: 64px;
	display: none;
}

.menupad a {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding: 0px 20px;
	font-size: 32px;
}

.flex-direction-nav {
	display: none;
}

.b-servie-home {
	position: relative;
	z-index: 999;
}

.box-service-home {
	border: solid 20px #FFF;
	min-height: 200px;
	background: #FFF;
	/* margin-top:-50px; */
	z-index: 9999;
	width: 100%;
	margin: 10px 0;
}

.service-home-content {
	width: 100%;
}

.service-home-content .item-service-home {
	background: #f9f9f9;
}

.service-home-content .item-service-home-gray {
	background: #f3f3f3;
}


.service-home-content .item-service-home .box-icon {
	width: 25%;
	background: #ec3038;
}

.service-home-content .item-service-home-gray .box-icon {
	background: #1f2f4f;
	width: 25%;
}

.service-home-content .item-service-home .box-icon .ico,
.service-home-content .item-service-home-gray .box-icon .ico {
	position: relative;
	padding-top: 100%;
}

.service-home-content .item-service-home .ico a,
.service-home-content .item-service-home-gray .ico a {
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.service-home-content .item-service-home .box-text,
.service-home-content .item-service-home-gray .box-text {
	width: 75%;
	padding: 20px;
}

.service-home-name {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
}

.service-home-name a {
	color: #303030;
	text-decoration: none;
}

.intro-service-home {
	color: #555555;
	text-align: justify;
}

.shadown-about-home {
	background: url(../images/bg-shadown.png) no-repeat center top;
	height: 44px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.videohome {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.videohome .play {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/play-btn.png) no-repeat center;
	background-color: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 3;
}

.view-more-customer {
	background: #f6f6f6;
	padding: 10px;
	text-align: center;
}

.view-more-customer a {
	color: #1f2f4f;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.article-home {
	background: #1f2f4f;
}

.box-partner {
	background-image: url(../images/bg-partner-home.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
}

.news-left-page {
	width: 27%;
}

.news-right-page {
	width: 73%;
	background: #FFF;
	padding-top: 51px;
}

.content-left-page {
	width: 100%;
	max-width: 288px;
	float: right;
	padding-top: 10px;
}

.content-right-page {
	width: 100%;
	max-width: 912px;
	padding-left: 40px;

}

.line-right-page-news {
	background: #ededed;
	height: 3px;
	max-width: 912px;
}

.title-cat-project {
	background: #1f2f4f;
	background: -moz-linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
	background: -webkit-linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
	background: linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2f4f', endColorstr='#de2e29', GradientType=1);
	position: relative;
	padding: 10px 20px;
	color: #FFF;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	margin: 0px;
}

.title-cat-project:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 241, 241, 0);
	border-left-color: #C42E2E;
	border-width: 10px;
	margin-top: -10px;
}

.menusub-customer {
	font-size: 16px;
	font-family: Roboto-C, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #474747;
	text-decoration: none;
}

.menusub-customer:hover {
	text-decoration: underline;
}

.box-service-cat-list {
	background: #F1F1F1;
	padding: 20px;
}

.box-service-cat-list .service-name {
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #474747;
}

.box-service-cat-list .service-name a {
	color: #474747;
	text-decoration: none;
}

.service-content {
	color: #666;
}

.servicebggray {
	background: #F1F1F1;
}

.service-text-item {
	background-repeat: no-repeat;
	background-size: cover;
}

.line-red {
	height: 5px;
	width: 50px;
	background: #de2e29;
}

.btn-reg1,
.btn-baogia {
	padding: 10px;
	text-align: center;
	width: 320px;
	max-width: 95%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	margin: 0px 10px;
	text-decoration: none;
}

.btn-reg1 {
	color: #FFF;
	background: #de2e29;
}

.btn-baogia {
	color: #FFF;
	background: #1f2f4f;
}

.partner-more {
	background: #eb3037;
}

.table {
	width: 100%;
	height: 100%;
	display: table;
}

.table-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.service-text-left {
	float: right;
	width: 100%;
	max-width: 573px;
	padding-left: 10px;
	line-height: 24px;
}

.service-text-left ul {}

.service-text-left ul li {
	margin: 5px 0px;
}

.service-text-right {
	float: left;
	width: 100%;
	max-width: 573px;
	padding-left: 10px
}

.bg-white {
	background: #FFF;
}

.b-service-home {
	position: relative;
	z-index: 9999
}

.bg-ef {
	background: #efefef;
}

.sub-list-home {
	border-bottom: solid 1px #e0e0e0;
}

.sub-list-home a {
	color: #515151;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 5px;
	margin: 0px 10px -2px 10px;
	border-bottom: 3px transparent solid;
}

.sub-list-home a:first-child {
	margin-left: 0px;
}

.sub-list-home a.active,
.sub-list-home a:hover {
	border-bottom: 3px #024478 solid;
	color: #024478;
}

.box-menu-left {
	position: relative;
}

.box-register {
	background: #F1F1F1;
	height: 100%;
}

.title-partner-home {
	background: #ec3038;
	padding: 10px;
	text-align: center;
	margin: 0px;
	color: #FFF;
	text-transform: uppercase;
	font-family: Roboto-B, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.box-content-reg-home {
	padding: 20px;
}

.box-content-reg-home .item-reg {
	margin-bottom: 15px;
}

.box-content-reg-home .item-reg input,
.box-content-reg-home .item-reg select,
.box-content-reg-home .item-reg textarea {
	width: 100%;
	height: 30px;
	padding: 3px 5px;
}

.box-content-reg-home .item-reg textarea {
	height: 80px;
}

.btn-reg-home {
	width: 100%;
	height: 30px;
	color: #1F2F4F;
	text-transform: uppercase;
}