:root {
	--color-main: #ffe700;
	--color-main-2: #ffee00;
	--color-focus: #511b00;
	--color-focus-2: #ab5023;
	--color-red: #f26624
}

body {
	/* font: 300 14px/26px Roboto, sans-serif; */
	font: 300 14px/26px VNF-Gotham Book;
	color: var(--color-focus);
	overflow-x: hidden;
	position: relative;
	left: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.bg-white {
	background-color: #fff
}

.container {
	/* width: 88%; */
	max-width: 1500px
}

input[type=number] {
	-moz-appearance: textfield
}

	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0
	}

.bw {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-moz-filter: grayscale(100%)
}

	.bw:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		filter: grayscale(0)
	}

.text-white {
	color: #fff
}

.record_empty {
	margin-bottom: 50px
}

.clearfix {
	clear: both;
	/* width: 1200px; */
	margin: 0px auto;
}

a:hover {
	text-decoration: none
}

.bold {
	font-weight: 500
}

.img-full {
	display: block;
	width: 100%
}

.transition {
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s
}

.img-hzoom img {
	display: block;
	width: 100%;
	transition: all .7s ease-in-out 0s;
	-webkit-transition: all .7s ease-in-out 0s;
	-moz-transition: all .7s ease-in-out 0s
}

.img-hzoom:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.text_hide {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.img-thumbnail {
	padding: 2px
}

.text-cap {
	text-transform: capitalize
}

.text-upp {
	text-transform: uppercase
}

.text-jus {
	text-align: justify
}

.color-red {
	color: red
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../img/loader.gif) no-repeat center center rgba(0,0,0,.3)
}

.form-control {
	font-size: 13px
}

.modal-dialog {
	margin-top: 160px;
	z-index: 9999
}

.martop-15 {
	margin-top: 15px
}

.martop-30 {
	margin-top: 30px
}

.marbot-15 {
	margin-bottom: 15px
}

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

.marbot-50 {
	margin-bottom: 50px
}

.radius {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	overflow: hidden
}

.shadow {
	box-shadow: 0 1px 24px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 24px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 24px 0 rgba(0,0,0,.1)
}

.hover {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

	.hover:before {
		content: "";
		overflow: hidden;
		position: absolute;
		z-index: -1;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		background: var(--color-main);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px
	}

	.hover:active, .hover:focus, .hover:hover {
		color: #fff
	}

		.hover:active:before, .hover:focus:before, .hover:hover:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1)
		}

#pagination {
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center
}

	#pagination * {
		margin: 0 5px
	}

	#pagination .btn-success {
		background: var(--color-focus);
		border-color: var(--color-focus)
	}

#btn-scrolltop {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 9999;
	width: 36px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: none;
	background: 0 0;
	display: none
}

#button-share {
	margin: 15px 0 30px;
	padding: 10px;
	text-align: right;
	background: #f5f5f5
}

	#button-share .share-item {
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		position: relative;
		margin-left: 10px;
		display: inline-block;
		padding-right: 10px;
		background: #de4501;
		line-height: 23px
	}

	#button-share a:last-child .share-item {
		margin-right: 0
	}

	#button-share .share-item b {
		font-weight: 700
	}

	#button-share .share-item i {
		background: #fff;
		display: inline-block;
		padding: 6px 10px 7px 7px;
		margin: 0 10px 0 0;
		color: #373c43;
		text-align: center;
		color: #5d72a4;
		width: 28px;
		font-size: 12px;
		transition: all .7s ease-in-out 0s;
		-webkit-transition: all .7s ease-in-out 0s;
		-moz-transition: all .7s ease-in-out 0s
	}

		#button-share .share-item i:after {
			border: medium solid transparent;
			content: " ";
			pointer-events: none;
			height: 0;
			position: absolute;
			left: 28px;
			top: 50%;
			width: 0;
			border-color: rgba(229,229,229,0) rgba(229,229,229,0) rgba(229,229,229,0) #fff;
			border-width: 5px;
			margin-top: -5px;
			transition: all .7s ease-in-out 0s;
			-webkit-transition: all .7s ease-in-out 0s;
			-moz-transition: all .7s ease-in-out 0s
		}

	#button-share .share-item:hover i {
		background: #000;
		color: #fff
	}

		#button-share .share-item:hover i:after {
			border-color: rgba(229,229,229,0) rgba(229,229,229,0) rgba(229,229,229,0) #000
		}

	#button-share .share-sheet {
		background: #ec1e25
	}

		#button-share .share-sheet i {
			background: #000;
			color: #fff
		}

			#button-share .share-sheet i::after {
				border-color: rgba(229,229,229,0) rgba(229,229,229,0) rgba(229,229,229,0) #000
			}

	#button-share .share-fb, .bg-facebook {
		background: #5d72a4
	}

		#button-share .share-fb i {
			color: #5d72a4
		}

	#button-share .share-google, .bg-youtube {
		background: #db5c4b
	}

		#button-share .share-google i {
			color: #db5c4b
		}

	#button-share .share-twitter, .bg-twitter {
		background: #00baff
	}

		#button-share .share-twitter i {
			color: #00baff
		}

	#button-share .share-pinterest {
		background: #f20000
	}

		#button-share .share-pinterest i {
			color: #f20000
		}

	#button-share .share-link {
		background: #2f70b0
	}

		#button-share .share-link i {
			color: #2f70b0
		}

.breadgroup {
	background: var(--color-focus);
	padding: 12px 0 10px;
	margin-bottom: 30px;
	box-shadow: 0 5px 10px 0 rgba(39,39,39,.18);
	-moz-box-shadow: 0 5px 10px 0 rgba(39,39,39,.18);
	-webkit-box-shadow: 0 5px 10px 0 rgba(39,39,39,.18)
}

.breadcrumb {
	background: 0 0;
	padding: 0;
	margin: 0 0 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	line-height: 1
}

	.breadcrumb > li + li::before {
		color: #fff
	}

	.breadcrumb a {
		color: inherit;
		text-decoration: none
	}

		.breadcrumb a:hover {
			color: var(--color-main)
		}

#bg-main {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 30px
}

	#bg-main .bg {
		display: block;
		width: 100%;
		position: relative;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		/* background-color: var(--color-main-2) */
	}

		#bg-main .bg::before {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			content: "";
			display: block;
			/* background: rgba(255,238,0,.45) */
		}

		#bg-main .bg .container .dis_table {
			position: relative;
			z-index: 2;
			display: table;
			width: 100%;
			height: 300px;
			vertical-align: middle
		}

			#bg-main .bg .container .dis_table .dis_tablecell {
				display: table-cell;
				vertical-align: middle
			}

			#bg-main .bg .container .dis_table .title {
				color: #fff;
				margin: 0 0 15px;
				padding: 0;
				font-size: 35px;
				text-transform: capitalize;
				line-height: 36px;
				font-weight: 700
			}

.btn_mobile {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 9;
	width: 50px;
	height: 100%;
	float: left;
	border: none;
	background: #fff;
	color: var(--color-focus);
	padding: 0 0 0;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: none
}

	.btn_mobile .fa {
		font-size: 22px;
		line-height: 45px
	}

#call_mobile {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	min-height: 30px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 0;
	border: none;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	background: var(--color-main-2);
	color: var(--color-focus);
	display: none;
	text-align: center;
	border-top: 3px double #fff
}

	#call_mobile span {
		display: inline-block;
		position: relative;
		padding-left: 40px
	}

		#call_mobile span::before {
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -20px;
			width: 50px;
			height: 40px;
			text-align: center;
			content: "\f10b";
			display: inline-block;
			font: normal normal normal 27px/40px FontAwesome;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

	#call_mobile:hover {
		background: var(--color-red)
	}

.ads {
	display: block;
	margin-top: 15px;
	border: 1px solid #ddd;
	padding: 7px;
	background: #f9f9f9
}

	.ads a {
		display: block
	}

#header-sticky-wrapper {
	height: auto !important;
	position: relative;
	z-index: 99
}

.is-sticky #header {
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	box-shadow: 0 0 10px #000
}

	.is-sticky #header .header-top {
		display: none;
		transition: all .3s ease-in-out 0s;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s
	}

.is-stick {
	height: auto !important;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s
}

.is-sticky #header .logosearch {
	padding-top: 5px
}

	.is-sticky #header .logosearch img {
		height: 45px;
		transition: all .3s ease-in-out 0s;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s
	}

.is-sticky #header .hnav {
	margin-top: 5px
}

	.is-sticky #header .hnav li > a {
		padding-top: 11px;
		padding-bottom: 10px
	}

#header {
	line-height: 24px;
	margin-bottom: 0;
	background-color: #fff;
	display: block;
	width: 100%;
	position: relative !important;
}

	#header .header-top {
		background: #0400c7;
		color: #ffffff;
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 1;
		text-transform: uppercase;
		transition: all .3s ease-in-out 0s;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
	}

		#header .header-top a {
			line-height: 32px
		}

		#header .header-top .text-left a {
			color: #ffffff;
		}

		#header .header-top .text-left a {
			display: inline-block;
			margin-right: 20px;
			font-weight: 500
		}

		#header .header-top .social a {
			float: right;
			display: inline-block;
			padding: 0 0;
			/* width:40px; */
			text-align: center;
			color: #ffffff;
		}

			#header .header-top .social a:hover {
				color: #fff
			}

	#header .logosearch .logo a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		color: var(--color-focus)
	}

	#header .logosearch .logo .catption, #header .logosearch .logo figure {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	#header .logosearch .logo figure {
		display: inline-block;
		float: left
	}

	#header .logosearch .logo .catption {
		float: left;
		display: inline-block;
		padding-left: 15px;
		line-height: 1.3;
		font-weight: 700;
		text-transform: capitalize;
		font-size: 31px;
		color: #ef0c03;
	}

		#header .logosearch .logo .catption b {
			color: var(--color-red)
		}

	#header .logosearch img {
		display: inline-block;
		height: 70px
	}

	#header .hnav {
		margin-top: 10px;
		background: #0400c7;
	}

		#header .hnav .hnav-list {
			margin: 0;
			padding: 0;
			list-style-type: none
		}

		#header .hnav li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: inline-block;
			float: left;
			position: relative
		}

			#header .hnav li > a {
				display: inline-block;
				padding: 13px 22px 12px;
				color: #ffffff;
				text-decoration: none;
				font-size: 14px;
				/* text-transform: uppercase; */
				/* font-weight: 500; */
				line-height: 24px;
			}

				#header .hnav li > a span {
					display: block;
					padding: 0
				}

			#header .hnav li.focus .fa, #header .hnav li.focus > a {
				/* background: #ef0c03; */
				color: #fff;
			}

				#header .hnav li.focus > a span {
					border-color: var(--color-main)
				}

			#header .hnav li .fa {
				font-size: 19px;
				line-height: 18px;
				/* color: #000000; */
				position: absolute;
				top: 34%;
				right: 7%;
			}

			#header .hnav li:hover, #header .hnav li:hover > a {
				background: #0400c7;
				color: #fff;
			}

				#header .hnav li:hover > a span {
					border-color: var(--color-main)
				}

			#header .hnav li.lang {
				background: #edc221;
			}

				#header .hnav li.lang a {
					padding-right: 20px;
					padding-left: 20px;
					font-size: 14px;
					color: #fff
				}

				#header .hnav li.lang:hover, #header .hnav li.lang:hover a {
					color: #ffffff;
					background: #2A324C;
				}

			#header .hnav li:hover .hnav-sub {
				display: block
			}

			#header .hnav li .hnav-sub {
				display: none;
				list-style-type: none;
				position: absolute;
				left: 0;
				top: 100%;
				z-index: 9;
				width: 280px;
				background: #0400c7;
				text-transform: none;
				padding: 0;
				margin: 0;
				-webkit-transition: all .25s ease;
				-moz-transition: all .25s ease;
				-ms-transition: all .25s ease;
				-o-transition: all .25s ease;
				transition: all .25s ease;
				line-height: 1;
			}

				#header .hnav li .hnav-sub li {
					clear: both;
					display: block;
					text-align: left;
					width: 100%;
					list-style-type: none;
					padding: 0 15px;
					margin: 0;
					border-bottom: 1px solid white;
					font-size: 12px;
				}

					#header .hnav li .hnav-sub li:last-child {
						border-bottom: none
					}

				#header .hnav li .hnav-sub a {
					padding: 10px 0;
					display: block;
					clear: both;
					line-height: 18px;
					text-transform: capitalize;
					color: #fff
				}

				#header .hnav li .hnav-sub a, #header .hnav li .hnav-sub li:hover {
					color: #fff
				}

					#header .hnav li .hnav-sub li:hover, #header .hnav li .hnav-sub li:hover a {
						background-color: #0400c7;
						color: #fff;
					}

.bg-fb:hover {
	background: #3c5899 !important
}

.bg-google:hover {
	background: #bd081c !important
}

.bg-linkedin {
	background: #5ea9dd !important
}

.bg-youtube:hover {
	background: #ee1c1b !important
}

.bg-twitter:hover {
	background: #00baff !important
}

#footer {
	margin-top: 50px;
	font-size: 13px;
	line-height: 20px;
	color: var(--color-focus);
	position: relative
}

	#footer .company {
		margin: 0 0 30px;
		padding: 0;
		font-size: 29px;
		line-height: 32px;
		text-transform: capitalize;
		font-weight: 700;
		color: #ef0c03;
	}

	#footer .icon {
		padding-left: 55px;
		position: relative;
		font-size: 14px;
		line-height: 22px
	}

		#footer .icon > b {
			display: block;
			clear: both;
			/* text-transform: capitalize; */
			font-size: 15px;
			line-height: 1;
			font-weight: 700;
			color: var(--color-focus-2);
			margin-bottom: 7px;
		}

	#footer .icon-phone {
		background: url(../images/icon-phone.png) no-repeat left center;
		background-size: 40px auto;
		height: 63px;
	}

	#footer .icon-email {
		padding-left: 80px;
		background: url(../images/icon-email.png) no-repeat left center;
		height: 50px;
		background-size: 60px auto;
	}

	#footer .icon a {
		color: inherit
	}

		#footer .icon a:hover {
			color: var(--color-red)
		}

	#footer .hotline {
		margin: 15px 0;
		font-size: 22px;
		line-height: 28px;
		font-weight: 700;
		color: var(--color-focus-2)
	}

	#footer .dcontent {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 22px
	}

	#footer .icon-work {
		background: url(../images/icon-working.png) no-repeat left center;
		background-size: 40px auto;
	}

	#footer .dcontent b, #footer .dcontent strong {
		font-weight: 500
	}

	#footer .dcontent p {
		margin-bottom: 3px
	}

	#footer .footer-map iframe {
		display: block;
		width: 100%;
		height: 360px
	}

	#footer .social {
		display: none;
		margin-top: 0;
		padding-left: 0;
	}

		#footer .social a {
			display: inline-block;
			margin-right: 8px
		}

			#footer .social a:last-child {
				margin-right: 0
			}

		#footer .social .fa {
			display: inline-block;
			height: 38px;
			width: 38px;
			line-height: 38px;
			background: #0400c7;
			text-align: center;
			font-size: 15px;
			color: #fff;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			transition: all .3s ease-in 0s;
			-moz-transition: all .3s ease-in 0s;
			-webkit-transition: all .3s ease-in 0s;
		}

		#footer .social a:hover .fa {
			color: #fff;
			background: var(--color-main)
		}

		#footer .social a .redirect {
			display: inline-block;
			height: 30px;
			width: auto
		}

	#footer .author {
		background: #0400c7;
		color: #fff;
		padding: 20px 0;
		font-size: 13px;
		line-height: 1;
	}

		#footer .author a {
			color: inherit
		}

			#footer .author a:hover {
				text-decoration: underline
			}

#owl-partners .owl-nav .owl-next, #owl-partners .owl-nav .owl-prev {
	background: 0 0;
	text-align: center;
	font-size: 23px;
	line-height: 36px;
	height: 36px;
	width: 36px;
	padding: 0;
	border-radius: 50%;
	color: var(--color-main);
	border: 1px solid rgba(255,255,255,.3);
	background: #fff;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s
}

#owl-partners .owl-nav .fa {
	line-height: 34px
}

#owl-partners .owl-nav .owl-next:hover, #owl-partners .owl-nav .owl-prev:hover {
	background: var(--color-main);
	border-color: var(--color-main);
	color: #fff
}

#owl-partners .owl-nav .owl-prev {
	left: -55px
}

#owl-partners .owl-nav .owl-next {
	right: -55px
}

#owl-partners .owl-dots .owl-dot span {
	background-color: #ababab
}

#owl-partners .owl-dots .owl-dot.active span {
	background-color: #e72c3f
}

#footer .home-partners {
	background: #005a2e;
	padding: 30px 0 20px
}

	#footer .home-partners #owl-partners a {
		display: block;
		border: 1px dashed #dadada;
		padding: 12px
	}

.home-partners .img {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0x;
	position: relative
}

	.home-partners .img span.bg {
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		cursor: pointer;
		filter: grayscale( 100%);
		-moz-filter: grayscale( 100%);
		-webkit-filter: grayscale( 100%);
		-o-filter: grayscale( 100%)
	}

	.home-partners .img:hover span.bg {
		filter: none;
		-moz-filter: none;
		-webkit-filter: none;
		-o-filter: none
	}

.home-partners .title {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 30px;
	color: var(--color-main);
	text-align: center;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 900
}

	.home-partners .title span {
		background-color: #eee !important;
		position: relative;
		padding-left: 20px;
		padding-right: 15px
	}

		.home-partners .title span::after, .home-partners .title span::before {
			position: absolute;
			top: 14px;
			display: block;
			content: "";
			height: 2px;
			width: 60px;
			background-color: var(--color-main)
		}

		.home-partners .title span::before {
			left: 100%
		}

		.home-partners .title span::after {
			right: 100%
		}

#owl-home {
	margin-bottom: 0
}

	#owl-home .owl-dots {
		margin: 0;
		position: absolute;
		left: 0;
		bottom: 5px;
		text-align: center;
		width: 100%
	}

		#owl-home .owl-dots .owl-dot {
			margin: 0 7px
		}

			#owl-home .owl-dots .owl-dot:first-child {
				margin-left: 0
			}

			#owl-home .owl-dots .owl-dot:last-child {
				margin-right: 0
			}

			#owl-home .owl-dots .owl-dot span {
				margin: 0;
				height: 13px;
				width: 13px;
				background: var(--color-focus-2);
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%
			}

			#owl-home .owl-dots .owl-dot.active span {
				background: var(--color-main)
			}

.home-banner {
	padding: 30px 0 0;
	background: #fff;
}

	.home-banner .item {
		margin-bottom: 30px
	}

		.home-banner .item:nth-child(3n+1) {
			clear: both
		}

		.home-banner .item .box img {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .5s ease 0s;
			transition: all .5s ease 0s;
			width: 100%
		}

		.home-banner .item .box {
			margin-bottom: 0;
			display: block;
			width: 100%;
			overflow: hidden;
			position: relative;
			color: var(--color-focus);
			text-decoration: none;
			transition: all ease-in .4s;
			-webkit-transition: all ease-in .4s;
			-moz-transition: all ease-in .4s;
			box-shadow: 0 1px 24px 0 #0003;
			-moz-box-shadow: 0 1px 24px 0 #0003;
			-webkit-box-shadow: 0 1px 24px 0 #0003
		}

			.home-banner .item .box .des {
				display: block
			}

			.home-banner .item .box:hover .des {
				display: block;
				background: #fff
			}

			.home-banner .item .box .title {
				margin: 10px 0;
				text-transform: uppercase;
				font-size: 17px;
				font-weight: 700
			}

			.home-banner .item .box .des {
				background-color: #fff;
				display: block;
				padding: 10px 15px;
				right: 0;
				text-align: center;
				height: 100%;
				width: 100%;
				transition: all ease-in .5s;
				-webkit-transition: all ease-in .5s;
				-moz-transition: all ease-in .5s;
				z-index: 0
			}

			.home-banner .item .box .img {
				position: relative;
				overflow: hidden
			}

			.home-banner .item .box img {
				-webkit-transform: scale(1);
				transform: scale(1);
				-webkit-transition: all .7s ease 0s;
				transition: all .7s ease 0s;
				width: 100%
			}

			.home-banner .item .box:hover .img img {
				-webkit-transform: scale(1.05);
				transform: scale(1.05)
			}

			.home-banner .item .box:hover .des {
				background: #edc221;
				color: #ffffff;
			}

.banner-bottom .item .box .des {
	background: var(--color-main)
}

.banner-bottom .item .box:hover .des {
	background: var(--color-focus) !important;
	color: var(--color-main)
}

.home-about {
	padding: 40px 0;
	background: #0400c7;
	color: #fff;
}

	.home-about .home-title {
		color: #fff;
		position: relative;
		padding-bottom: 15px;
		font-size: 30px;
		margin-bottom: 20px;
	}

		.home-about .home-title::before {
			position: absolute;
			left: 0;
			top: 100%;
			width: 60px;
			height: 3px;
			content: "";
			display: block;
			background: #fff
		}

	.home-about .home-title-sub {
		margin-bottom: 3px
	}

	.home-about .text {
		padding-right: 50px
	}

		.home-about .text .dcontent {
			font-weight: 400;
			font-size: 15px;
			line-height: 27px;
		}

			.home-about .text .dcontent a:hover {
				color: inherit;
				text-decoration: underline
			}

	.home-about .readmore {
		margin-bottom: 0;
		margin-top: 10px
	}

		.home-about .readmore a {
			display: inline-block;
			overflow: hidden;
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px
		}

			.home-about .readmore a span {
				display: inline-block;
				padding: 7px 40px;
				margin: 0;
				font-size: 13px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				background: #f9d344;
			}

				.home-about .readmore a span::before, .home-about .readmore a:hover {
					background: #f5c922;
				}

	.home-about .img img {
		display: block;
		width: 100%
	}

.home-event {
	padding: 0;
	color: var(--color-focus)
}

	.home-event > .img img {
		display: block;
		width: 100%
	}

	.home-event > .container {
		position: relative
	}

	.home-event .des {
		margin: -150px 3.5vw 0;
		padding: 30px 7vw 20px;
		text-align: center;
		background: var(--color-main);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		font-size: 15px;
		line-height: 30px
	}

	.home-event .home-title {
		color: var(--color-focus);
		position: relative;
		padding-bottom: 15px;
		font-size: 29px;
		text-transform: uppercase;
		margin-bottom: 30px
	}

		.home-event .home-title::before {
			position: absolute;
			left: 50%;
			top: 100%;
			width: 60px;
			height: 3px;
			margin-left: -30px;
			content: "";
			display: block;
			background: var(--color-focus)
		}

	.home-event .dcontent {
		font-size: 16px;
		line-height: 30px
	}

	.home-event .readmore {
		margin-bottom: 0;
		margin-top: 10px
	}

		.home-event .readmore a {
			display: inline-block;
			overflow: hidden;
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px
		}

			.home-event .readmore a span {
				display: inline-block;
				padding: 5px 40px;
				margin: 0;
				font-size: 13px;
				text-transform: uppercase;
				font-weight: 700;
				color: var(--color-main);
				background: var(--color-focus-2);
				border-radius: 25px;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px
			}

				.home-event .readmore a span::before {
					background: #fff;
					color: #fff
				}

			.home-event .readmore a:hover span {
				color: var(--color-focus)
			}

.home-news {
	padding: 70px 0 30px;
	background: #fff
}

.homenews-list .item {
	margin-bottom: 30px
}

	.homenews-list .item:nth-child(3n+1) {
		clear: both
	}

.homenews-list .box .img {
	display: block;
	position: relative;
	overflow: hidden
}

	.homenews-list .box .img a {
		display: block;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .7s ease 0s;
		transition: all .7s ease 0s
	}

.homenews-list .box img {
	display: block;
	width: 100%;
	height: 239px;
}

	.homenews-list .box img.img-post {
		display: none
	}

.homenews-list .box:hover .img a {
	transform: scale(1.1)
}

.homenews-list .box .img time {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #008644;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	font-size: 12px
}

	.homenews-list .box .img time b {
		display: block;
		clear: both;
		font-size: 19px;
		letter-spacing: 1px;
		margin-bottom: 5px
	}

.homenews-list .box {
	display: block;
	border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0
}

	.homenews-list .box .des {
		position: relative;
		padding: 10px 30px 60px;
		font-size: 15px;
		line-height: 25px;
		color: var(--color-focus)
	}

		.homenews-list .box .des .text {
			display: block;
			height: 160px;
			overflow: hidden
		}

		.homenews-list .box .des .title {
			margin: 10px 0 10px;
			padding: 0;
			font-size: 17px;
			text-transform: uppercase;
			line-height: 24px;
			font-weight: 700
		}

	.homenews-list .box a {
		color: inherit;
		text-decoration: none
	}

		.homenews-list .box a:hover {
			color: var(--color-red)
		}

	.homenews-list .box .des .readmore {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 8px 30px;
		margin: 0;
		background: rgba(255,238,0,.35);
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		text-transform: capitalize
	}

		.homenews-list .box .des .readmore a {
			overflow: hidden;
			float: left
		}

			.homenews-list .box .des .readmore a, .homenews-list .box .des .readmore a span {
				display: inline-block;
				border-radius: 25px;
				-moz-border-radius: 25px;
				-webkit-border-radius: 25px
			}

				.homenews-list .box .des .readmore a span {
					padding: 5px 25px;
					background: var(--color-focus-2);
					color: #fff
				}

				.homenews-list .box .des .readmore a:hover {
					color: var(--color-focus)
				}

				.homenews-list .box .des .readmore a:hover {
					background: var(--color-main)
				}

.home-newsphoto {
	padding: 70px 0 30px
}

.bg-newsphoto {
	background: #f2f2f2 !important
}

.home-newsphoto .home-title {
	position: relative;
	text-align: center;
	color: var(--color-focus-2);
	margin-bottom: 50px;
	font-size: 37px;
	line-height: 52px
}

	.home-newsphoto .home-title::before {
		position: absolute;
		left: 50%;
		top: 100%;
		content: "";
		display: block;
		margin-left: -30px;
		width: 60px;
		height: 3px;
		background: var(--color-focus-2)
	}

	.home-newsphoto .home-title a {
		color: inherit
	}

.home-newsphoto .box {
	background: #fff
}

.newsphoto-list .item {
	margin-bottom: 30px
}

	.newsphoto-list .item:nth-child(4n+1) {
		clear: both
	}

.newsphoto-list .box {
	position: relative;
	display: block;
	overflow: hidden
}

.newsphoto-list .img {
	position: relative;
	display: block;
	overflow: hidden
}

	.newsphoto-list .img::before {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255,231,0,.8);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		visibility: hidden;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px
	}

.newsphoto-list .title {
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	text-align: center
}

.newsphoto-list .des {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 30px;
	color: var(--color-focus);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

	.newsphoto-list .des .fa {
		font-size: 21px;
		font-weight: 400;
		width: 55px;
		height: 55px;
		line-height: 55px;
		border: 1px solid var(--color-focus);
		margin: 30px 0 15px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%
	}

.newsphoto-list .box:hover .img::before {
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.newsphoto-list .box:hover .des {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.home-newsvideo {
	position: relative;
	background-color: var(--color-main);
	background: var(--color-main);
	background-size: auto 100%;
	padding-bottom: 70px
}

	.home-newsvideo .home-banner {
		padding: 0;
		background: 0 0
	}

	.home-newsphoto .item:nth-child(3n+1), .home-newsvideo .item:nth-child(3n+1) {
		clear: none
	}

	.home-newsvideo .item:nth-child(4n+1) {
		clear: both
	}

	.home-newsvideo .item .box .title {
		margin: 5px 0 0;
		height: 46px;
		overflow: hidden;
		text-transform: none;
		font-weight: 700;
		font-size: 16px;
		line-height: 20px
	}

	.home-newsvideo .item .box:hover .title {
		color: var(--color-focus)
	}

	.home-newsvideo .item .box img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .5s ease 0s;
		transition: all .5s ease 0s;
		width: 100%
	}

	.home-newsvideo .bg-bottom img {
		display: inline-block
	}

#leftcontent {
	width: 27%;
	float: right;
	position: static
}

#rightcontent {
	width: 73%;
	float: left;
	padding-right: 45px
}

#leftcontent1 {
	/* width: 27%; */
	float: left;
	position: static;
}

#rightcontent1 {
	/* width: 73%; */
	float: right;
	padding-right: 45px;
}

.dcontent {
	font-size: 15px;
	font-weight: 300;
	line-height: 30px
}

	.dcontent a {
		text-decoration: none;
		color: inherit
	}

		.dcontent a:hover {
			color: var(--color-main)
		}

	.dcontent img, .dcontent p {
		max-width: 100%;
		height: auto
	}

	.dcontent p {
		margin-bottom: 15px
	}

	.dcontent img {
		display: inline-block;
		height: auto !important;
		margin-bottom: 7px
	}

	.dcontent table {
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
		margin-bottom: 15px
	}

		.dcontent table td, .dcontent table th {
			padding: 5px 8px
		}

		.dcontent table tr td p:last-child {
			margin-bottom: 0
		}

	.dcontent h1, .dcontent h2, .dcontent h3, .dcontent h4, .dcontent h5, .dcontent h6 {
		line-height: 120%
	}

	.dcontent h1 {
		font-size: 150%
	}

	.dcontent h2 {
		font-size: 130%
	}

	.dcontent h3 {
		font-size: 120%
	}

	.dcontent h4 {
		font-size: 110%
	}

	.dcontent h5 {
		font-size: 19px
	}

	.dcontent h6 {
		font-size: 90%
	}

.home-title {
	position: relative;
	margin: 0 0 50px;
	padding: 0 0 10px;
	font-size: 35px;
	text-transform: capitalize;
	line-height: 42px;
	font-weight: 700;
	color: #ef0c03;
}

	.home-title::before {
		position: absolute;
		left: 0;
		top: 100%;
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		margin-left: 0;
		background: #edc221;
	}

.home-title-sub {
	position: relative;
	margin: 0 0 15px;
	padding: 0;
	font-size: 21px;
	text-transform: capitalize;
	line-height: 32px;
	font-weight: 500
}

.home-title.text-center::before {
	position: absolute;
	left: 50%;
	top: 100%;
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	margin-left: -40px;
	background: var(--color-focus-2)
}

.home-title b {
	color: var(--color-main)
}

.title-page {
	position: relative;
	margin: 0 0 30px;
	padding: 0 0 10px;
	font-size: 41px;
	text-transform: uppercase;
	line-height: 56px;
	font-weight: 700;
	color: var(--color-main)
}

	.title-page::before {
		position: absolute;
		left: 0;
		top: 100%;
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		margin-left: 0;
		background: #edc221;
	}

	.title-page.text-center::before {
		margin-left: -30px;
		left: 50%
	}

.quote-page {
	margin: 0 0 15px;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px
}

.blog-detail {
	font-size: 33px;
	line-height: 40px;
	padding-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;
	color: #ef0c03;
}

.website a {
	font-weight: 300;
	color: var(--color-red);
	text-transform: capitalize;
	font-size: 19px
}

	.website a .fa {
		margin-right: 5px
	}

.scrollfix {
	margin-top: 15px
}

.leftbox {
	background: #fff;
	border: 3px solid #0400c7;
	padding: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.leftbox1 {
	background: #fff;
	border-right: 1px solid #e5e5e5;
	padding: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}

.leftbox .title {
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ef0c03;
}

	.leftbox .title::before {
		position: absolute;
		left: 0;
		top: 100%;
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #edc221;
	}

.listnav {
	margin: 0;
	padding: 0;
	list-style-type: none
}

	.listnav > li {
		margin: 0 0 10px;
		padding: 0;
		list-style-type: none;
		background: #fff
	}

		.listnav > li > a {
			position: relative;
			display: block;
			padding: 6px 0 6px 17px;
			font-size: 14px;
			line-height: 20px;
			text-transform: capitalize;
			font-weight: 400;
			color: var(--color-focus-2)
		}

			.listnav > li > a::before {
				position: absolute;
				left: 0;
				top: 13px;
				width: 15px;
				height: 10px;
				content: "\f111";
				display: inline-block;
				font: bold normal normal 6px/1 FontAwesome;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}

			.listnav > li > a:hover {
				color: var(--color-red)
			}

		.listnav > li.focus a {
			color: var(--color-red)
		}

		.listnav > li.navitem {
			background: #eaeaea;
			position: relative
		}

			.listnav > li.navitem > a::before {
				position: absolute;
				left: 20px;
				top: 19px;
				width: 15px;
				height: 10px;
				content: "\f111";
				display: inline-block;
				font: bold normal normal 7px/1 FontAwesome;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}

			.listnav > li.navitem a {
				color: #000
			}

				.listnav > li.navitem a:hover {
					color: var(--color-red)
				}

.leftbox-thucdon {
	background: #fff67b;
	margin-bottom: 30px
}

	.leftbox-thucdon .title::before {
		background: var(--color-focus)
	}

	.leftbox-thucdon li {
		background: 0 0
	}

.page-about .about-item .title-page {
	font-size: 31px;
	color: var(--color-focus);
	line-height: 42px
}

	.page-about .about-item .title-page:before {
		background: var(--color-focus)
	}

.page-about .about-first {
	padding-top: 10px !important
}

	.page-about .about-first .img {
		float: right;
		width: 30%;
		text-align: center;
		margin-left: 50px;
		margin-bottom: 15px
	}

		.page-about .about-first .img img {
			margin: 0 0 4px;
			display: block
		}

		.page-about .about-first .img .caption {
			background: var(--color-main-2);
			font-size: 15px;
			text-transform: capitalizea;
			font-weight: 400;
			line-height: 20px;
			padding: 10px 15px 8px
		}

			.page-about .about-first .img .caption b {
				clear: both;
				display: block;
				line-height: 26px
			}

	.page-about .about-first .title-page {
		font-size: 41px;
		line-height: 56px;
		color: var(--color-focus)
	}

		.page-about .about-first .title-page:before {
			background: var(--color-main)
		}

.page-about .about-item {
	padding-bottom: 50px;
	padding-top: 50px
}

.page-about .about-bg {
	padding-bottom: 50px;
	padding-top: 50px;
	background: var(--color-main-2)
}

.page-about .about-item:nth-child(2n+1) {
	background: var(--color-main)
}

	.page-about .about-item:nth-child(2n+1) .img {
		float: right
	}

.page-about .about-icontext .about-value:nth-child(2n+1) {
	background: #f2f2f2;
	padding-bottom: 30px;
	padding-top: 50px;
	margin-bottom: 40px
}

.page-about .about-value {
	padding-bottom: 0
}

	.page-about .about-value .title-page {
		font-size: 29px;
		line-height: 32px;
		color: var(--color-focus)
	}

		.page-about .about-value .title-page::before {
			background-color: var(--color-focus)
		}

	.page-about .about-value .list-value {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		margin-left: -30px;
		margin-right: -30px
	}

		.page-about .about-value .list-value .item {
			padding-left: 30px;
			padding-right: 30px;
			-ms-flex: 0 0 33.3333%;
			flex: 0 0 33.3333%;
			max-width: 33.3333%;
			text-align: justify;
			margin-bottom: 50px
		}

			.page-about .about-value .list-value .item:nth-child(3n+1) {
				clear: both
			}

			.page-about .about-value .list-value .item .img {
				margin-bottom: 15px;
				text-align: center
			}

			.page-about .about-value .list-value .item img {
				display: inline-block;
				width: 120px
			}

				.page-about .about-value .list-value .item img:hover {
					opacity: .4;
					-moz-opacity: .4;
					-webkit-opacity: .4
				}

			.page-about .about-value .list-value .item .title {
				margin: 0 0 10px;
				padding: 0;
				font-size: 19px;
				line-height: 26px;
				text-align: center;
				font-weight: 500;
				text-transform: capitalize
			}

			.page-about .about-value .list-value .item:hover .title {
				color: var(--color-red)
			}

.page-about .home-event {
	margin-bottom: 50px
}

	.page-about .home-event .home-title {
		font-size: 37px;
		line-height: 46px
	}

	.page-about .home-event .dcontent {
		font-size: 17px
	}

	.page-about .home-event .team-list {
		margin-left: -7vw;
		margin-right: -7vw
	}

		.page-about .home-event .team-list .item {
			width: 20%;
			margin-top: 30px;
			margin-bottom: 20px
		}

			.page-about .home-event .team-list .item:nth-child(5n+1) {
				clear: both
			}

			.page-about .home-event .team-list .item .team-img {
				overflow: hidden;
				border-radius: 5px
			}

			.page-about .home-event .team-list .item .team-text {
				display: block;
				margin-top: 15px;
				font-size: 14px;
				line-height: 18px
			}

		.page-about .home-event .team-list .title {
			margin: 0 0 5px;
			padding: 0;
			font-size: 16px;
			text-transform: capitalize;
			font-weight: 400;
			line-height: 22px
		}

#photolist .item {
	margin-bottom: 30px
}

	#photolist .item:nth-child(4n+1) {
		clear: both
	}

#photolist .box {
	position: relative;
	display: block;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

	#photolist .box .bg {
		position: relative;
		display: block;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 200px;
	}

	#photolist .box .caption {
		display: block;
		text-align: center;
		padding: 10px 10px;
		color: var(--color-focus);
		font-weight: 400;
		background: var(--color-main);
		text-transform: uppercase
	}

#photolist .img-photo {
	display: none
}

#photolist .box .bg::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255,231,0,.75);
	display: block;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

#photolist .box .bg::after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #fff;
	margin: auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font: normal normal normal 21px/normal FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f002";
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease
}

#photolist .box:hover .bg::after, #photolist .box:hover .bg::before {
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

#photolist.col-3 .item:nth-child(4n+1) {
	clear: none
}

#photolist.col-3 .item:nth-child(3n+1) {
	clear: both
}

#pagelist {
	margin-top: 30px
}

	#pagelist .item {
		margin-bottom: 30px
	}

		#pagelist .item:nth-child(3n+1) {
			clear: both
		}

		#pagelist .item .box .img {
			overflow: hidden;
			display: block
		}

		#pagelist .item .box img {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .5s ease 0s;
			transition: all .5s ease 0s;
			width: 100%;
			position: relative;
			overflow: hidden
		}

		#pagelist .item .box {
			margin-bottom: 0;
			display: block;
			width: 100%;
			overflow: hidden;
			position: relative;
			color: var(--color-focus);
			text-decoration: none;
			transition: all ease-in .4s;
			-webkit-transition: all ease-in .4s;
			-moz-transition: all ease-in .4s;
			box-shadow: 0 1px 20px 0 #0003;
			-moz-box-shadow: 0 1px 20px 0 #0003;
			-webkit-box-shadow: 0 1px 20px 0 #0003
		}

			#pagelist .item .box .des {
				display: block
			}

			#pagelist .item .box:hover .des {
				display: block;
				background: #fff
			}

			#pagelist .item .box .title {
				margin: 10px 0;
				text-transform: uppercase;
				font-size: 19px;
				line-height: 26px;
				font-weight: 700
			}

			#pagelist .item .box .des {
				background-color: #fff;
				display: block;
				line-height: 25px;
				padding: 10px 15px;
				right: 0;
				text-align: center;
				height: 100%;
				width: 100%;
				transition: all ease-in .5s;
				-webkit-transition: all ease-in .5s;
				-moz-transition: all ease-in .5s;
				z-index: 0
			}

			#pagelist .item .box .text {
				display: block;
				height: 100px;
				overflow: hidden
			}

			#pagelist .item .box img {
				-webkit-transform: scale(1);
				transform: scale(1);
				-webkit-transition: all .7s ease 0s;
				transition: all .7s ease 0s;
				width: 100%;
				height: 193px;
			}

			#pagelist .item .box:hover .img img {
				-webkit-transform: scale(1.05);
				transform: scale(1.05)
			}

			#pagelist .item .box:hover .des {
				background: var(--color-main);
				color: #fff
			}

	#pagelist.col-4 .item:nth-child(3n+1) {
		clear: none
	}

	#pagelist.col-4 .item:nth-child(4n+1) {
		clear: none
	}

	#pagelist.col-4 .item .title {
		margin: 5px 0;
		color: #0400c7;
		font-size: 17px;
	}

	#pagelist.col-4 .item .des {
		line-height: 23px
	}

	#pagelist.col-4 .item .box .text {
		height: auto;
	}

.page-nangkhieu #pagelist.col-4 .item .box .des {
	background: 0 0;
	color: var(--color-focus)
}

#newslist .item {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 50px;
	overflow: hidden;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 24px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 24px 0 rgba(0,0,0,.1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

	#newslist .item .img {
		float: left;
		width: 40%;
		overflow: hidden;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 40%
	}

		#newslist .item .img > a {
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			transition: all .4s ease-in 0s;
			-webkit-transition: all .4s ease-in 0s;
			-moz-transition: all .4s ease-in 0s
		}

		#newslist .item .img img {
			opacity: 0;
			-moz-opacity: 0;
			-webkit-opacity: 0
		}

	#newslist .item .des, #newslist .item .readmore {
		width: 60%;
		max-width: 60%
	}

	#newslist .item .des {
		float: left;
		padding: 25px 0 60px 0;
		font-size: 15px;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 60%
	}

		#newslist .item .des .text, #newslist .item .des .title, #newslist .item .des .website {
			display: block;
			padding: 0 30px;
			margin: 0
		}

		#newslist .item .des .title {
			margin: 0 0 15px;
			font-size: 21px;
			font-weight: 700;
			text-transform: capitalize;
			line-height: 28px
		}

		#newslist .item .des .website {
			font-weight: 400;
			text-transform: capitalize;
			color: var(--color-red);
			margin-bottom: 8px
		}

		#newslist .item .des .text {
			margin-bottom: 20px
		}

	#newslist .item .readmore {
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 8px 30px;
		margin: 0;
		font-size: 13px;
		font-weight: 500;
		line-height: 22px;
		display: block;
		background: rgba(255,238,0,.35)
	}

		#newslist .item .readmore a {
			float: left
		}

			#newslist .item .readmore a span {
				display: inline-block;
				background: var(--color-focus);
				color: #fff;
				padding: 5px 25px
			}

				#newslist .item .readmore a, #newslist .item .readmore a span::before {
					overflow: hidden;
					display: inline-block;
					border-radius: 25px;
					-moz-border-radius: 25px;
					-webkit-border-radius: 25px
				}

					#newslist .item .readmore a:hover span {
						color: var(--color-focus)
					}

	#newslist .item a {
		color: inherit
	}

		#newslist .item a:hover {
			color: var(--color-red)
		}

	#newslist .item:hover .img > a {
		transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05)
	}

#newslist.text .item .des, #newslist.text .item .readmore {
	max-width: 100%;
	width: 100%
}

.box-other {
	display: block;
	width: 100%;
	padding-top: 30px;
	margin-top: 10px;
	border-top: 3px solid var(--color-focus)
}

	.box-other .header {
		position: relative;
		margin: 0 0 30px;
		padding: 0 0 10px;
		font-size: 21px;
		font-weight: 500;
		color: #ef0c03;
	}

		.box-other .header::before {
			position: absolute;
			left: 0;
			top: 100%;
			content: "";
			display: block;
			width: 60px;
			height: 3px;
			background: var(--color-main)
		}

#albums {
	margin-top: 30px
}

	#albums .item {
		margin-bottom: 30px
	}

		#albums .item:nth-child(3n+1) {
			clear: both
		}

	#albums .box {
		position: relative;
		display: block;
		overflow: hidden;
		-webkit-box-shadow: 0 1px 24px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 24px 0 rgba(0,0,0,.1)
	}

	#albums .img {
		position: relative;
		display: block;
		overflow: hidden
	}

		#albums .img::before {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: rgba(255,231,0,.75);
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
			visibility: hidden;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			-o-transform: scale(0);
			transform: scale(0);
			opacity: 0;
			-webkit-transition: all .35s ease;
			-o-transition: all .35s ease;
			transition: all .35s ease;
			border-radius: 15px 15px 0 0;
			-moz-border-radius: 15px 15px 0 0;
			-webkit-border-radius: 15px 15px 0 0
		}

		#albums .img::after {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: 2;
			width: 55px;
			height: 55px;
			line-height: 55px;
			border: 1px solid #fff;
			margin: auto;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font: normal normal normal 21px/normal FontAwesome;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f002";
			color: #fff;
			text-align: center;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
			visibility: hidden;
			-webkit-transform: scale(0);
			-ms-transform: scale(0);
			-o-transform: scale(0);
			transform: scale(0);
			opacity: 1;
			-webkit-transition: all .35s ease;
			-o-transition: all .35s ease;
			transition: all .35s ease
		}

	#albums .box:hover .img::after, #albums .box:hover .img::before {
		visibility: visible;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	#albums .title {
		font-size: 17px;
		font-weight: 500;
		line-height: 24px;
		text-transform: capitalize;
		margin: 0 0 10px;
		padding: 0;
		height: 50px;
		overflow: hidden
	}

	#albums .des {
		display: block;
		width: 100%;
		height: 100%;
		padding: 15px 20px;
		color: var(--color-focus)
	}

	#albums .num {
		color: var(--color-red);
		margin-bottom: 0
	}

	#albums .box:hover .img::before {
		visibility: visible;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	#albums .box:hover .des {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		background: var(--color-main);
		color: #fff
	}

		#albums .box:hover .des .num {
			color: var(--color-focus)
		}

	#albums.video .des .title {
		margin-bottom: 0
	}

	#albums.video .img::after {
		content: "\f04b"
	}

.plugin-video {
	box-shadow: 7px 7px 0 0 rgba(255,238,0,.4)
}

#albums.monan .title {
	margin: 0;
	height: auto;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px
}

#albums.monan .bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#albums.monan .img .img-photo {
	display: none
}

#albums.monan .item:nth-child(3n+1) {
	clear: none
}

#albums.monan .item:nth-child(4n+1) {
	clear: both
}

.video-detail-text #button-share {
	text-align: left
}

	.video-detail-text #button-share a:first-child .share-item {
		margin-left: 0
	}

.contact-info {
	margin-bottom: 30px;
	margin-top: 15px
}

	.contact-info .title-page {
		font-size: 31px;
		margin-bottom: 40px;
		padding-bottom: 10px;
		color: #ef0c03;
	}

		.contact-info .title-page::before {
			background-color: var(--color-main);
			left: 50%;
			margin-left: -30px
		}

	.contact-info .item {
		position: relative;
		display: block;
		text-align: left;
		padding: 30px 0 30px 80px
	}

		.contact-info .item::before {
			position: absolute;
			left: 10px;
			top: 30px;
			display: block;
			width: 60px;
			height: 60px;
			text-align: center;
			color: #ba4a4d;
			display: inline-block;
			font: normal normal normal 43px/1 FontAwesome;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

	.contact-info .icon-address::before {
		content: "\f041";
		font-size: 59px
	}

	.contact-info .icon-phone::before {
		content: "\f10b";
		font-size: 59px;
		top: 25px
	}

	.contact-info .icon-email::before {
		content: "\f0e0"
	}

	.contact-info .item .title {
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1;
		color: var(--color-focus)
	}

	.contact-info .item .text {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 22px;
		min-height: 70px
	}

		.contact-info .item .text a {
			font-weight: 400;
			color: inherit
		}

			.contact-info .item .text a:hover {
				color: var(--color-red)
			}

.contact-form {
	margin-bottom: 30px;
	padding-top: 50px;
	border-top: 1px solid var(--color-main)
}

	.contact-form .title-page {
		font-size: 23px;
		margin-bottom: 40px;
		padding-bottom: 10px;
		font-weight: 500;
		color: #ef0c03;
		text-transform: uppercase;
		text-align: center;
	}

		.contact-form .title-page::before {
			/* background-color: var(--color-focus); */
			left: 50%;
			margin-left: -30px;
		}

	.contact-form .alert {
		padding: 30px 30px
	}

#google-map {
	display: block
}

	#google-map iframe {
		display: block;
		width: 100%;
		height: 520px
	}

.page-contact form .form-group {
	margin-bottom: 25px
}

.page-contact form label {
	display: block;
	font-weight: 500;
	padding-right: 0;
	font-size: 13px
}

.page-contact .btn {
	background: var(--color-main);
	color: #fff;
	border: none;
	padding: 15px 35px 12px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1
}

	.page-contact .btn:hover {
		background: var(--color-red)
	}

.page-contact form .text-danger {
	color: red
}

.tuyensinh-item {
	padding-top: 30px;
	padding-bottom: 10px
}

	.tuyensinh-item .list .item {
		margin-bottom: 30px
	}

		.tuyensinh-item .list .item:nth-child(3n+1) {
			clear: both
		}

		.tuyensinh-item .list .item .des {
			margin-top: 20px;
			line-height: 26px
		}

		.tuyensinh-item .list .item .title {
			margin: 0 0 10px;
			padding: 0;
			font-size: 21px;
			font-weight: 500;
			line-height: 26px;
			color: var(--color-focus-2)
		}

.tuyensinh-info {
	position: relative;
	display: block;
	padding-top: 90px;
	padding-bottom: 70px;
	background-color: #eee;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	text-align: center
}

	.tuyensinh-info::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(135,175,42,0.56);
	}

	.tuyensinh-info .title, .tuyensinh-item .title-page, .tuyensinh-quytrinh .title {
		position: relative;
		margin: 0 0 30px;
		padding: 0 0 10px;
		font-size: 33px;
		line-height: 42px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--color-focus-2)
	}

		.tuyensinh-info .title::before, .tuyensinh-item .title-page::before, .tuyensinh-quytrinh .title::before {
			position: absolute;
			left: 50%;
			top: 100%;
			content: "";
			display: block;
			width: 80px;
			height: 3px;
			margin-left: -40px;
			background: var(--color-focus-2)
		}

	.tuyensinh-info .dcontent {
		font-size: 17px;
		line-height: 30px
	}

.tuyensinh-quytrinh {
	background-image: #fff;
	padding-top: 70px
}

	.tuyensinh-quytrinh .title {
		margin: 0 0 30px;
		padding: 0 0 15px;
		font-size: 33px;
		line-height: 42px;
		font-weight: 700
	}

	.tuyensinh-quytrinh .img {
		margin-top: 15px
	}

		.tuyensinh-quytrinh .img img {
			display: inline-block;
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0
		}

.tuyensinh-services {
	padding-top: 70px;
	padding-bottom: 30px
}

	.tuyensinh-services .img {
		padding-left: 30px
	}

	.tuyensinh-services .title {
		position: relative;
		margin: 0 0 30px;
		padding: 0 0 15px;
		font-size: 33px;
		line-height: 42px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--color-focus-2)
	}

		.tuyensinh-services .title::before {
			position: absolute;
			left: 0;
			top: 100%;
			content: "";
			display: block;
			width: 60px;
			height: 3px;
			background: var(--color-focus-2)
		}

	.tuyensinh-services .dcontent {
		font-size: 16px;
		line-height: 30px
	}

.tuyensinh-sotay .img {
	padding-left: 0;
	padding-right: 30px
}

.tuyensinh-sotay .readmore {
	margin-bottom: 0;
	margin-top: 10px
}

	.tuyensinh-sotay .readmore a {
		display: inline-block;
		overflow: hidden;
		padding: 7px 40px;
		margin: 0;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		color: var(--color-focus);
		background: var(--color-main);
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px
	}

		.tuyensinh-sotay .readmore a::before {
			background: var(--color-focus);
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px
		}

		.tuyensinh-sotay .readmore a:hover {
			color: #fff
		}

.tuyensinh-ctt #pagelist.col-4 .item:nth-child(2n) .box .des {
	background: #fff;
	color: var(--color-focus)
}

.tuyensinh-box-bg {
	background: var(--color-main-2);
	padding-bottom: 50px
}

div.ppt {
	display: none !important
}

body.menu-open {
	overflow: hidden
}

#btn_menu_close {
	position: fixed;
	left: 78%;
	top: 0;
	display: none;
	padding: 0 20px;
	height: 53px;
	border: none;
	background: #fff;
	color: #000;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	box-shadow: 0 0 10px #000;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

	#btn_menu_close .fa {
		color: #000;
		font-size: 30px
	}

	#btn_menu_close:active, #btn_menu_close:focus, #btn_menu_close:hover {
		background-color: #ec1e25
	}

		#btn_menu_close:active .fa, #btn_menu_close:focus .fa, #btn_menu_close:hover .fa {
			color: #fff
		}

#menu_mobile {
	position: fixed;
	left: -100%;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background: rgba(0,0,0,.9);
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

	#menu_mobile.open {
		left: 0
	}

		#menu_mobile.open #btn_menu_close {
			display: block
		}

	#menu_mobile .menu-container {
		display: block;
		width: 80%;
		min-height: 100vh;
		float: left;
		background: #eee;
		position: relative
	}

#menu_accordion {
	margin-bottom: 0
}

	#menu_accordion > .panel.logo .coll-main-title {
		background: #ba4a4d;
		color: #fff;
		padding-right: 15px;
	}

	#menu_accordion > .panel.logo img {
		height: 40px;
		display: inline-block
	}

	#menu_accordion > .panel.lang .coll-main-title {
		background: #ddd
	}

	#menu_accordion > .panel.lang a {
		line-height: 26px
	}

	#menu_accordion > .panel.lang img {
		height: 20px;
		margin-right: 5px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px
	}

	#menu_accordion > .panel.lang a {
		color: #000;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 13px
	}

		#menu_accordion > .panel.lang a:first-child {
			border-right: 1px solid #ccc
		}

	#menu_accordion > .panel {
		background: 0 0;
		border: none;
		border-bottom: 1px solid #ddd;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none
	}

		#menu_accordion > .panel + .panel {
			margin-top: 0
		}

	#menu_accordion .panel-body {
		padding: 5px 10px 5px
	}

	#menu_accordion .coll-main-title {
		margin: 0;
		padding: 9px 30px 9px 10px;
		position: relative;
		font-size: 14px;
		line-height: 26px;
		font-weight: 400;
		text-transform: capitalize
	}

	#menu_accordion .panel-title a {
		display: block
	}

	#menu_accordion .coll-main-title, #menu_accordion .coll-main-title a {
		color: #000
	}

	#menu_accordion > .panel > .panel-heading {
		margin: 0;
		padding: 0
	}

	#menu_accordion .menu-nav {
		padding-left: 15px;
		color: #000;
		margin-bottom: 0
	}

		#menu_accordion .menu-nav li {
			margin-bottom: 5px
		}

			#menu_accordion .menu-nav li a {
				color: #000
			}

				#menu_accordion .menu-nav li a:hover {
					color: #e72c3f
				}

	#menu_accordion #menu_pro_group {
		margin-bottom: 0
	}

		#menu_accordion #menu_pro_group > .panel {
			border: none;
			border-bottom: 1px solid #ddd;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none
		}

			#menu_accordion #menu_pro_group > .panel + .panel {
				margin-top: 3px
			}

			#menu_accordion #menu_pro_group > .panel > .panel-heading {
				padding: 7px 15px 7px 30px;
				position: relative;
				background-color: #f9f9f9
			}

				#menu_accordion #menu_pro_group > .panel > .panel-heading .panel-title {
					margin: 0;
					padding: 0;
					font-size: 14px;
					line-height: 20px;
					font-weight: 400;
					text-transform: capitalize
				}

		#menu_accordion #menu_pro_group .panel-body {
			padding-left: 0;
			padding-right: 0;
			padding-top: 0
		}

	#menu_accordion #menu_pro_nav {
		margin-bottom: 5px
	}

		#menu_accordion #menu_pro_nav > .panel {
			background: 0 0;
			border: none;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none
		}

			#menu_accordion #menu_pro_nav > .panel + .panel {
				margin-top: 0
			}

			#menu_accordion #menu_pro_nav > .panel > .panel-heading {
				background: 0 0;
				padding: 5px 15px 5px 20px;
				position: relative
			}

				#menu_accordion #menu_pro_nav > .panel > .panel-heading::before {
					position: absolute;
					left: 0;
					top: 5px;
					width: 25px;
					height: 100%;
					content: "\f0da";
					color: #000;
					display: inline-block;
					text-align: center;
					font: normal normal normal 13px/20px FontAwesome;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale
				}

				#menu_accordion #menu_pro_nav > .panel > .panel-heading .panel-title {
					margin: 0;
					padding: 0;
					font-size: 14px;
					line-height: 20px;
					font-weight: 400;
					text-transform: capitalize
				}

		#menu_accordion #menu_pro_nav .panel-body {
			padding-left: 20px;
			padding-top: 5px;
			padding-right: 20px;
			border: none
		}

	#menu_accordion .menu-nav {
		padding: 0;
		margin: 0;
		list-style-type: none;
		background-color: #eee
	}

		#menu_accordion .menu-nav li {
			position: relative;
			margin-bottom: 0;
			padding: 10px 15px 8px 30px;
			border-bottom: 1px solid #fff;
			line-height: 20px
		}

			#menu_accordion .menu-nav li::before {
				position: absolute;
				left: 10px;
				top: 10px;
				width: 15px;
				height: 15px;
				content: "\f111";
				color: #000;
				display: inline-block;
				text-align: center;
				font: normal normal normal 7px/20px FontAwesome;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}

			#menu_accordion .menu-nav li:last-child {
				margin-bottom: 0;
				border-bottom: none
			}

		#menu_accordion .menu-nav.navone {
			padding: 0;
			margin: 0;
			list-style-type: none;
			background-color: #eee
		}

			#menu_accordion .menu-nav.navone li {
				position: relative;
				margin-bottom: 0;
				padding: 0 0 0 25px;
				border-bottom: none
			}

				#menu_accordion .menu-nav.navone li > a {
					display: block;
					padding-bottom: 6px;
					padding-top: 6px
				}

				#menu_accordion .menu-nav.navone li.bold > a {
					font-weight: 500;
					font-size: 14px;
					text-transform: capitalize
				}

				#menu_accordion .menu-nav.navone li::before {
					position: absolute;
					left: 5px;
					top: 12px;
					width: 15px;
					height: 20px;
					content: "\f111";
					color: #000;
					display: inline-block;
					text-align: center;
					font: normal normal normal 7px/1 FontAwesome;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale
				}

				#menu_accordion .menu-nav.navone li:last-child {
					margin-bottom: 0;
					border-bottom: none
				}

	#menu_accordion #menu_pro_group > .panel > .panel-heading::after, #menu_accordion .coll-main .coll-main-title:after {
		position: absolute;
		right: 0;
		top: 8px;
		width: 30px;
		height: 100%;
		content: "\f196";
		color: #000;
		display: inline-block;
		text-align: center;
		font: normal normal normal 15px/20px FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	#menu_accordion #menu_pro_group > .panel > .panel-heading.focus:after, #menu_accordion .coll-main > .panel-heading.focus .coll-main-title:after {
		content: "\f147"
	}

	#menu_accordion #menu_pro_group > .panel > .panel-heading::after {
		top: 7px;
		left: 0;
		right: auto
	}

	#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before {
		content: "\f0d7"
	}

#menu_mobile .form_search {
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px
}

	#menu_mobile .form_search > div {
		position: relative;
		border: 1px solid #ccc
	}

		#menu_mobile .form_search > div input {
			border: none;
			background: #fff;
			width: 100%;
			height: 36px;
			line-height: 36px;
			padding: 5px 10px;
			color: #000;
			font-size: 13px
		}

		#menu_mobile .form_search > div button {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			height: 100%;
			width: 50px;
			text-align: center;
			background: #008644;
			border: 1px solid #fff;
			color: #fff;
			text-transform: uppercase;
			font-size: 21px
		}

			#menu_mobile .form_search > div button:hover {
				background-color: #ec1f24
			}

#products-container {
	margin-left: -10px;
	margin-right: -10px
}

	#products-container .box {
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px
	}

		#products-container .box .item {
			overflow: hidden;
			display: block;
			border: 1px solid #ddd;
			color: #111;
			text-align: center;
			text-decoration: none;
			font-size: 13px;
			line-height: 22px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px
		}

			#products-container .box .item .pro-img {
				position: relative;
				display: block;
				padding: 0;
				overflow: hidden;
				background: #fff
			}

				#products-container .box .item .pro-img .percent {
					position: absolute;
					left: 0;
					top: 10px;
					display: inline-block;
					padding: 7px 11px;
					background: var(--color-main);
					color: #fff;
					font-weight: 500;
					font-size: 13px;
					line-height: 1
				}

			#products-container .box .item .img img.proimg {
				width: 100%;
				display: block
			}

			#products-container .box .item .des {
				padding: 10px 10px 5px
			}

				#products-container .box .item .des .pro-title {
					margin: 0 0 15px;
					padding: 0;
					height: 38px;
					overflow: hidden;
					font-size: 14px;
					font-weight: 400;
					text-transform: capitalize;
					line-height: 20px;
					color: #000
				}

				#products-container .box .item .des .pro-price {
					display: block;
					font-size: 14px;
					font-weight: 700;
					color: red;
					text-transform: uppercase
				}

					#products-container .box .item .des .pro-price s {
						font-weight: 500;
						color: #555;
						margin-right: 5px;
						font-size: 90%
					}

		#products-container .box .addtocart {
			text-align: center;
			display: block;
			padding: 0 15px 30px;
			margin-top: 15px
		}

			#products-container .box .addtocart button {
				border-radius: 25px;
				overflow: hidden;
				border: 1px solid var(--color-main);
				color: var(--color-main);
				background: #fff;
				font-size: 12px;
				line-height: 22px;
				font-weight: 500;
				text-transform: uppercase;
				padding: 5px 25px
			}

				#products-container .box .addtocart button::before {
					background-color: var(--color-main)
				}

				#products-container .box .addtocart button .fa {
					margin-right: 10px
				}

				#products-container .box .addtocart button:hover {
					color: #fff
				}

		#products-container .box .item:hover {
			box-shadow: 0 0 15px #c1c1c1;
			-moz-box-shadow: 0 0 15px #c1c1c1;
			-webkit-box-shadow: 0 0 15px #c1c1c1
		}

			#products-container .box .item:hover .des .pro-title {
				color: var(--color-red)
			}

		#products-container .box .item a {
			text-decoration: none
		}

	#products-container.col_5 .box {
		width: 20%
	}

		#products-container.col_5 .box:nth-child(5n+1) {
			clear: both
		}

	#products-container.col_4 .box:nth-child(4n+1) {
		clear: both
	}

	#products-container.col_3 .box:nth-child(3n+1) {
		clear: both
	}

.page-home #products-container.col_4 .box:nth-child(9) {
	display: none
}

#detail-info {
	float: left;
	width: 62%
}

#product-detail-container .title-page {
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-transform: none;
	border: none;
	font-size: 26px;
	line-height: 28px;
	color: var(--color-focus)
}

	#product-detail-container .title-page a {
		color: var(--color-focus)
	}

	#product-detail-container .title-page::before {
		background-color: var(--color-focus)
	}

.detail-info-quote {
	font-size: 15px;
	margin: 0 0 10px;
	padding: 0 0;
	line-height: 26px;
	font-weight: 300;
	text-align: justify
}

.detail-info-group p {
	margin-bottom: 6px
}

	.detail-info-group p a {
		color: inherit
	}

		.detail-info-group p a:hover {
			color: var(--color-red);
			text-decoration: none
		}

.title-detail-other {
	display: inline-block;
	font-weight: 400;
	font-size: 17px;
	margin: 15px 0 0;
	padding: 5px 0;
	text-transform: uppercase;
	color: #e72c3f;
	font-weight: 400;
	font-family: 'Roboto Condensed',sans-serif
}

.title-detail-info a {
	color: #000
}

.title-detail-price {
	margin: 0 0;
	padding: 7px 0;
	width: 70%;
	font-size: 16px;
	line-height: 24px;
	color: #e72c3f;
	text-transform: uppercase;
	font-weight: 700
}

	.title-detail-price span {
		text-transform: none;
		font-weight: 400;
		font-size: 13px;
		font-style: italic
	}

	.title-detail-price div.clearfix {
		display: inline-block;
		float: left
	}

	.title-detail-price .price-number {
		padding: 4px 10px 0
	}

.quote-detail-pro {
	margin: 10px 0 0;
	padding: 0 5px 0 10px;
	font-size: 14px;
	color: #222;
	line-height: 22px
}

.title-detail-price s {
	margin-left: 10px;
	font-weight: 400;
	color: #777;
	font-size: 13px
}

.detail-info-group {
	padding: 0 20px 0 20px
}

	#product-detail-container form label, .detail-info-group span.col-xs-4 {
		font-weight: 400;
		padding-right: 10px;
		padding-left: 0;
		width: 140px
	}

	#product-detail-container form div.col-sm-8, .detail-info-group p span.col-xs-8 {
		width: calc(100% - 140px);
		font-weight: 500;
		line-height: 18px
	}

	.detail-info-group p.price {
		font-size: 17px;
		font-weight: 700;
		color: red;
		margin-bottom: 15px;
		margin-top: 15px
	}

		.detail-info-group p.price span {
			line-height: 32px;
			height: 32px
		}

		.detail-info-group p.price b {
			font-size: 27px;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 32px;
			height: 32px
		}

	.detail-info-group .stock_in {
		color: var(--color-main);
		text-transform: uppercase
	}

	.detail-info-group .stock_out {
		color: red;
		text-transform: uppercase
	}

		.detail-info-group .stock_in .fa, .detail-info-group .stock_out .fa {
			margin-right: 5px
		}

	.detail-info-group .hotline {
		color: red
	}

		.detail-info-group .hotline .col-xs-8 {
			font-weight: 700
		}

			.detail-info-group .hotline .col-xs-8 a:hover {
				text-decoration: underline
			}

#prodetail-tab {
	margin-top: 30px
}

	#prodetail-tab .title-page {
		font-size: 21px;
		line-height: 28px;
		color: #000
	}

#product-detail-container form {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	clear: both;
	display: block;
	padding-top: 15px;
	border-top: 1px solid #ddd
}

	#product-detail-container form .form-group {
		margin-bottom: 20px;
		display: block;
		float: left;
		width: 100%;
		clear: both
	}

	#product-detail-container form .qty input {
		position: relative;
		height: 38px;
		line-height: 38px;
		overflow: hidden;
		text-transform: capitalize;
		font-size: 14px;
		font-weight: 700
	}

	#product-detail-container form label {
		padding-left: 0;
		padding-right: 10px;
		line-height: 38px;
		font-weight: 700
	}

	#product-detail-container form .qty input {
		width: 100%;
		font-weight: 700;
		color: var(--color-main)
	}

#prodetail-other {
	background: #f2f2f2;
	padding-bottom: 50px;
	padding-top: 30px;
	margin-top: 30px
}

	#prodetail-other .title-page {
		font-size: 23px;
		color: #000
	}

		#prodetail-other .title-page::before {
			background: #000
		}

	#prodetail-other #products-container .box .item {
		background: #fff
	}

#product-detail-container form .qty input, #product-detail-container form button {
	border: 1px solid var(--color-main);
	height: 46px;
	line-height: 46px
}

#product-detail-container form button {
	background: #fff;
	display: inline-block;
	padding: 0 25px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	color: var(--color-main);
	font-weight: 700;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

	#product-detail-container form button::before {
		background: var(--color-main)
	}

	#product-detail-container form button .fa {
		font-size: 17px;
		margin-right: 3px
	}

	#product-detail-container form button:active, #product-detail-container form button:focus, #product-detail-container form button:hover {
		color: #fff;
		z-index: 9;
		position: relative
	}

#detail-info #button-share {
	border: none;
	background: #f6f6f6;
	clear: both;
	margin-left: 0;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 15px;
	text-align: left
}

#button-share a:first-child .share-item {
	margin-left: 0
}

.zoomWindowContainer .zoomWindow {
	border: 1px solid #ccc !important
}

.pdetail-linkclient-group {
	text-align: left
}

	.pdetail-linkclient-group > a {
		color: #222;
		text-transform: capitalize;
		display: block;
		padding: 0;
		margin-bottom: 3px;
		font-weight: 700;
		font-size: 13px
	}

		.pdetail-linkclient-group > a:hover {
			color: #e72c3f
		}

		.pdetail-linkclient-group > a i {
			margin-right: 5px;
			font-size: 15px
		}

	.pdetail-linkclient-group .pdetail-box-contact {
		border: 3px solid var(--color-main);
		display: block;
		padding: 2px;
		margin-top: 20px;
		text-align: center;
		background: #fff
	}

		.pdetail-linkclient-group .pdetail-box-contact .main {
			display: block;
			padding: 50px 15px 15px;
			position: relative
		}

			.pdetail-linkclient-group .pdetail-box-contact .main p:last-child {
				margin-bottom: 0
			}

			.pdetail-linkclient-group .pdetail-box-contact .main .title {
				color: #e72c3f;
				text-transform: capitalize;
				font-size: 12px;
				margin-bottom: 3px;
				display: block
			}

		.pdetail-linkclient-group .pdetail-box-contact > div p a {
			color: inherit
		}

			.pdetail-linkclient-group .pdetail-box-contact > div p a . fa {
				font-size: 19px;
				margin: 0 10px
			}

		.pdetail-linkclient-group .pdetail-box-contact > div p:last-child {
			margin-bottom: 0
		}

		.pdetail-linkclient-group .pdetail-box-contact .main .title {
			margin: 0;
			padding: 0;
			color: #ec1e25;
			font-weight: 700;
			font-size: 14px;
			text-transform: uppercase;
			position: absolute;
			left: 0;
			top: -33px;
			width: 100%;
			text-align: center;
			display: block
		}

			.pdetail-linkclient-group .pdetail-box-contact .main .title .box {
				position: relative;
				z-index: 9;
				display: inline-block;
				border: 3px solid var(--color-main);
				padding: 5px 10px 12px;
				max-width: 80%;
				min-width: 90px;
				text-align: center;
				font-size: 11px;
				text-transform: uppercase
			}

				.pdetail-linkclient-group .pdetail-box-contact .main .title .box .text {
					position: relative;
					z-index: 9
				}

				.pdetail-linkclient-group .pdetail-box-contact .main .title .box .text-title {
					position: absolute;
					left: 50%;
					bottom: -15px;
					z-index: 9;
					margin: 5px auto 0;
					background: #fff;
					padding: 6px 5px;
					width: 60px;
					margin-left: -30px;
					display: inline-block;
					line-height: 1;
					color: #000
				}

				.pdetail-linkclient-group .pdetail-box-contact .main .title .box:before {
					background: #fff;
					width: 100%;
					height: 50%;
					position: absolute;
					left: 0;
					bottom: 0;
					z-index: 1;
					content: "";
					display: block
				}

				.pdetail-linkclient-group .pdetail-box-contact .main .title .box:after {
					background: #fff;
					width: 100%;
					height: 50%;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 1;
					content: "";
					display: block
				}

		.pdetail-linkclient-group .pdetail-box-contact .button {
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd
		}

			.pdetail-linkclient-group .pdetail-box-contact .button a, .pdetail-linkclient-group .pdetail-box-contact .button button {
				display: block;
				clear: both;
				width: 100%;
				overflow: hidden;
				margin-bottom: 15px;
				padding: 11px 10px;
				text-align: center;
				font-size: 15px;
				text-transform: capitalize;
				font-weight: 500;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px
			}

			.pdetail-linkclient-group .pdetail-box-contact .button a {
				background: var(--color-main);
				color: #fff;
				line-height: 1;
				position: relative;
				font-weight: 700
			}

				.pdetail-linkclient-group .pdetail-box-contact .button a span {
					display: inline-block;
					text-align: left;
					padding-left: 40px;
					position: relative
				}

					.pdetail-linkclient-group .pdetail-box-contact .button a span::before {
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 30px;
						height: 100%;
						text-align: right;
						content: "\f10b";
						font: bold normal normal 37px/1 FontAwesome;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale
					}

				.pdetail-linkclient-group .pdetail-box-contact .button a b {
					display: block;
					clear: both;
					font-weight: 400;
					margin-bottom: 5px;
					font-size: 14px
				}

			.pdetail-linkclient-group .pdetail-box-contact .button button {
				border: 2px solid #ddd;
				background: #fff
			}

				.pdetail-linkclient-group .pdetail-box-contact .button a::before, .pdetail-linkclient-group .pdetail-box-contact .button button::before {
					background: var(--color-red);
					color: #fff
				}

				.pdetail-linkclient-group .pdetail-box-contact .button a:hover, .pdetail-linkclient-group .pdetail-box-contact .button button:hover {
					border-color: var(--color-red);
					color: #fff
				}

		.pdetail-linkclient-group .pdetail-box-contact .main p {
			background: #eee;
			padding: 4px 5px;
			margin: 0 0 10px;
			display: block;
			font-weight: 500;
			text-transform: capitalize;
			overflow: hidden;
			text-overflow: ellipsis;
			text-transform: none;
			white-space: nowrap;
			font-size: 13px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px
		}

		.pdetail-linkclient-group .pdetail-box-contact ul {
			margin: 0;
			padding: 0;
			list-style-type: none
		}

			.pdetail-linkclient-group .pdetail-box-contact ul li {
				display: block;
				clear: both;
				margin-bottom: 5px;
				line-height: 22px;
				font-size: 14px
			}

				.pdetail-linkclient-group .pdetail-box-contact ul li .fa {
					margin-right: 5px;
					font-size: 7px
				}

				.pdetail-linkclient-group .pdetail-box-contact ul li a {
					color: #000
				}

					.pdetail-linkclient-group .pdetail-box-contact ul li a:hover {
						color: var(--color-red);
						text-decoration: none
					}

#btn-add-cart {
	background: url(../img/add-to-cart.png) no-repeat 20px center #e72c3f;
	border: none;
	cursor: pointer;
	padding: 13px 25px 10px 75px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px
}

.btn_hdmh {
	background: url(../img/icn_huongdanmuahang.png) no-repeat 0 7px;
	border: none;
	cursor: pointer;
	margin-left: 3px;
	padding: 13px 15px 10px 50px;
	color: #000;
	text-transform: capitalize;
	font-size: 13px
}

#btn-add-cart:hover {
	color: #000
}

#detail-img #button-share {
	text-align: left;
	margin-left: 5px;
	margin-top: 0;
	border: none;
	text-align: center
}

.pdetail-left {
	float: left;
	width: 79%;
	padding-right: 20px
}

.pdetail-right {
	float: left;
	width: 21%
}

#product-detail-content .nav-tabs {
	border-color: #e72c3f
}

	#product-detail-content .nav-tabs > li a {
		font-weight: 700;
		padding: 0 0 0 35px;
		border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		font-size: 13px
	}

		#product-detail-content .nav-tabs > li a span {
			padding: 6px 35px 6px 0;
			float: left
		}

	#product-detail-content .nav-tabs > li.active a {
		border: none;
		background: url(../img/bg-tab-active.png) no-repeat left bottom;
		color: #fff;
		float: left
	}

		#product-detail-content .nav-tabs > li.active a span {
			background: url(../img/bg-tab-active.png) no-repeat right bottom
		}

	#product-detail-content .nav-tabs > li a:hover {
		color: #fe4214;
		border: none
	}

	#product-detail-content .nav-tabs > li.active a:hover {
		color: #fff
	}

#product-detail-content .tab-content {
	padding-top: 16px
}

#detail-img {
	float: left;
	width: 38%;
	position: relative;
	overflow: hidden;
	border-top: none
}

	#detail-img.no-img img {
		display: block;
		width: 100%
	}

	#detail-img .img-thumbs {
		width: 95px;
		margin-right: 10px;
		padding-bottom: 40px
	}

		#detail-img .img-thumbs .thumb {
			margin-bottom: 15px;
			background: #fff;
			padding: 2px;
			border: 1px solid #fff;
			cursor: pointer;
			border-color: #fff;
			opacity: 1;
			-moz-opacity: 1;
			-webkit-opacity: 1
		}

	#detail-img .slider-for {
		display: block;
		overflow: hidden;
		cursor: grab
	}

		#detail-img .slider-for img {
			display: block;
			overflow: hidden;
			width: 100%
		}

	#detail-img .slider-nav {
		width: 100%;
		margin-top: 10px;
		padding: 0 40px 0 40px
	}

		#detail-img .slider-nav .slick-list {
			height: 100% !important
		}

		#detail-img .slider-nav .slick-slide {
			border: none;
			outline: 0
		}

			#detail-img .slider-nav .slick-slide .img-nav {
				margin-right: 6px;
				outline: 0;
				background: #fff;
				padding: 0;
				border: 1px solid #ccc;
				cursor: pointer
			}

		#detail-img .slider-nav .slick-current {
			border-color: #fff;
			opacity: 1;
			-moz-opacity: 1;
			-webkit-opacity: 1
		}

		#detail-img .slider-nav .slick-slide.slick-current .img-nav {
			border-color: #ec1e25
		}

		#detail-img .slider-nav .slick-next, #detail-img .slider-nav .slick-prev {
			display: inline-block;
			width: 28px;
			height: 28px;
			overflow: hidden;
			border: 1px solid var(--color-main);
			text-align: center;
			background-color: var(--color-main);
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -13px;
			text-indent: 1000px;
			cursor: pointer;
			color: #fff
		}

		#detail-img .slider-nav .slick-next {
			right: 0;
			left: auto
		}

			#detail-img .slider-nav .slick-next::before, #detail-img .slider-nav .slick-prev::before {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				text-indent: 0;
				display: block;
				font: bold 13px/26px FontAwesome;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}

		#detail-img .slider-nav .slick-prev::before {
			content: "\f104"
		}

		#detail-img .slider-nav .slick-next::before {
			content: "\f105"
		}

		#detail-img .slider-nav .slick-next:hover, #detail-img .slider-nav .slick-prev:hover {
			border-color: var(--color-main-2);
			background-color: var(--color-main-2)
		}

.box-img {
	position: relative;
	display: block;
	width: 100%;
	outline: 0
}

#detail-img .slider-for .box-img {
	border: none
}

.box-img img.trans {
	display: block;
	width: 100%
}

.box-img img.proimg {
	max-height: 100;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.about-thanhtich-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px
}

	.about-thanhtich-row .col-xs-12 {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

		.about-thanhtich-row .col-xs-12 .box {
			height: 100%;
			background: var(--color-main);
			padding: 15px 30px 65px;
			text-align: center;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px
		}

	.about-thanhtich-row .title-page {
		margin-top: 15px;
		font-size: 25px;
		line-height: 32px;
		color: var(--color-focus)
	}

		.about-thanhtich-row .title-page::before {
			background: #fff
		}

	.about-thanhtich-row .text {
		margin-bottom: 30px
	}

	.about-thanhtich-row .readmore {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%
	}

		.about-thanhtich-row .readmore a {
			display: inline-block;
			overflow: hidden;
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px
		}

			.about-thanhtich-row .readmore a span {
				display: inline-block;
				padding: 7px 40px;
				margin: 0;
				font-size: 13px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				background: var(--color-focus-2)
			}

				.about-thanhtich-row .readmore a span::before, .about-thanhtich-row .readmore a:hover {
					background: var(--color-focus)
				}



.is-sticky .logo a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: var(--color-focus);
    margin-top: 11px!important;
}

.title{color: #0400c7;}