.top-header {
	background-color: #fff;
	padding: 10px 0;
}

.top-header .icon-header {
	border-right: 1px solid #ddd;
	align-items: center;
}

.top-header .icon-header img {
	width: 20px;
}

.container-fluid .dec_post{
	margin-bottom: 30px;
}
#blog--category1 .content_post{
	padding-top: 30px;
}
.breadcrumb {
	display: none !important;
}

.sub-menu-wrap ul li:hover a{
    color: #fff !important;
}

.preloader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
}
.slider-nav{
	display: none ;
}
.header_wrap.nav-fixed .middle-header,
.header_wrap.nav-fixed .icon-header,
.header_wrap .left-header .nav-menu {
	display: none;
}

.header_wrap.nav-fixed .header_logo img {
	max-width: 165px;
}

.header_wrap.nav-fixed .left-header .nav-menu {
	display: block;
}

.header_wrap.nav-fixed .left-header .nav-menu .nav_item {
	color: var(--color-1st);
	text-transform: uppercase;
	padding: 0;
	text-decoration: none;
	position: relative;
}

.header_wrap.nav-fixed .left-header .nav-menu li {
	margin-bottom: 0;
}

.social_icons {
	align-items: center;
	gap: 10px;
	padding-left: 0;
	padding-right: 20px;

}


.top-header-chided {
	display: flex;
	align-items: center;
}

/* search  */
.icon {
	display: inline-block;
	width: 2em;
	height: 2em;
	font-size: 15px;
}

.form_contant {
	position: relative;
}

.search-header .form-control {
	border-bottom: 1px solid var(--color-text);
	width: 0;
	position: absolute;
	top: 50%;
	overflow: hidden;
	margin: 0;
	transform: translateY(-50%);
	height: 38px;
	right: 0;
	border: none;
	box-shadow: none;
	font-size: 22px;
	color: #000;
	letter-spacing: 1px;

}

.form-control:focus {
	outline: none;
	border-bottom: 1px solid var(--color-text);
	box-shadow: none;
}

.form-control:focus+.label-wrap {
	opacity: 0;
}

.social_icons {
	margin-bottom: 0;
}

.search-header {
	margin-left: 20px;
}

.icon-wrap::after {
	content: "\f4a5";
	font-family: Ionicons;
	font-size: 35px;
}

.icon-wrap.open::after {
	content: "\f2d7";
}


.icon-wrap {
	border-radius: 50%;
	box-shadow: 0;
	display: flex;
	align-items: center;
	width: 100px;
	height: 70px;
	cursor: pointer;
}

svg {
	position: absolute;
	left: 20px;
}

.search-header .form-group {
	margin: 0;
	position: relative;
}

.search-header .label-wrap {
	overflow: hidden;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
	height: 36px;
	z-index: 4;
	pointer-events: none;
}

.text-header marquee {
	color: #fff;
	width: 200px;
	font-size: 18px;
}

.contact_info li a {
	font-size: 16px;
}

.widget_title h3,
.widget_title-right h3 {
	font-weight: 550;
	text-transform: uppercase;
}

.search-header .label-wrap label {
	border-bottom: 1px solid var(--color-text);
	position: absolute !important;
	transform: translateY(-50%);
	top: 50%;
	right: 0;
	z-index: 10;
	font-size: 22px;
	margin: 0;
	width: 0;
	overflow: hidden;
	pointer-events: none;
	white-space: nowrap;
	letter-spacing: 1px;
}

.slider-for .slick-active .slider_text h1,
.slider-for .slick-active .slider_text p,
.slider-for .slick-active .slider_text .btn-slider {
	transform: translateY(0);
	opacity: 1;
	transition: all 0.4s ease-in-out;
}

.slider-for .slick-active .slider_text p {
	transition: all 0.8s ease-in-out;
}

.slider-for .slick-active .slider_text .btn-slider {
	transition: all 1s ease-in-out;
}

.slider-for .slider_text p {
	transform: translateY(180px);
}

.slider-for .slider_text .btn-slider {
	transform: translateY(200px);
}

.slider-for .slider_text h1 {
	transform: translateY(140px);
	transition: all 0.4s ease-in-out;
}

.slider-for .slider_text h1,
.slider-for .slider_text .btn-slider,
.slider-for .slider_text p {
	opacity: 0;
}

.github {
	width: 40px;
	height: 40px;
	background: url(http://alikinvv.github.io/github.svg) no-repeat center;
	position: fixed;
	bottom: 40px;
	right: 40px;
	animation: github 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s infinite;
}

@keyframes github {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

/* End search */

/* Bottom header */

.index .middle-header {
	background-image: linear-gradient(0deg, #ffffff00, #00000059);
}

.middle-header {
	background-image: linear-gradient(0deg, var(--color-1st), var(--color-1st));
}

.nav_item {
	padding: 10px 0;
	display: inline-block;
	margin: 20px 0;
}

.header_bottom .nav-menu ul>li {
	margin-bottom: 0 !important;
	position: relative;
}

.menu_mobile .nav_item {
	display: block;
}

.header_bottom .nav-menu ul>li .nav_item {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
}

.nav-menu ul>li.dropdown:hover>.sub-menu-wrap {
	transform: scaleY(1);
	transition: all 0.2s ease;
}

.sub-menu-wrap {
	position: absolute;
	top: 100%;
	width: 300px;
	background-color: #fff;
	left: 0;
	transform: scaleY(0);
	transition: all 0.2s ease;
}

.sub-menu-wrap .menu-item:hover>.sub-menu-wrap {
	transform: scaleY(1);
	transition: all 0.2s ease;
}

.sub-menu-wrap .menu-item>.sub-menu-wrap {
	top: 0;
	left: 100%;
}

.sub-menu-wrap ul {
	padding-left: 0;
}

.sub-menu-wrap ul li a {
	color: var(--color-text) !important;
	padding: 10px;
	display: block;
	text-decoration: none;
}

.sub-menu-wrap ul li a:hover {
	background: var(--color-1st);
	color: #fff;
}

.header_bottom .nav-menu ul>li .nav_item::before {
	background-color: #fff;
}

.header_wrap.nav-fixed .left-header .nav-menu .nav_item::before {
	background-color: var(--color-1st);
}

.header_bottom .nav-menu ul>li .nav_item::before,
.header_wrap.nav-fixed .left-header .nav-menu .nav_item::before {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	bottom: 0;
	transition: all .3s ease;
}

.header_bottom .nav-menu ul>li .nav_item:hover::before,
.header_wrap.nav-fixed .left-header .nav-menu .nav_item:hover::before {
	width: 100%;
	transition: all .3s ease;
}

/* End header */

.slider_text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.slider_text .text {
	width: 50%;
}

.slider_text .text * {
	color: #ffff;
}


.slider_text .text h1 {
	font-weight: 500;
}

.slider_text .text p,
.btn-slider {
	font-size: 18px;
}

.btn-slider {
	border-bottom: 1px solid #fff;
	padding: 15px 0px;
	margin-top: 30px;

}

.btn-slider:hover {
	text-decoration: none;
}

.main-slider .slider-nav {
	position: absolute;
	bottom: 270px;
	left: auto;
	font-weight: 600;
	width: 5%;
	right: 100px;
	font-size: 30px;
}

.main-slider .slider-nav .slick-slide {
	color: #ffffff85;
}

.main-slider .slider-nav .slick-current {
	color: #fff;
}

.main-slider .slider-nav .slick-track .slider-nav-item {
	text-align: center;
	position: relative;
}

.main-slider .slider-nav .slick-track .slider-nav-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #ffffff41;
}

.main-slider .slider-nav .slick-current .slider-nav-item::before {
	background-color: #fff;
}

.main-slider .slider-nav .slick-current .slider-nav-item {
	transform: scale(1.6);
}

.main-slider .slider-nav .slick-current .slider-nav-item::before {
	right: 17px;
}

.main-slider .slick-next{
	right: 14%;
}
.main-slider .slick-prev, .main-slider .slick-next{
	z-index: 20;
	top: 40% !important;
}
.main-slider .slick-next::before{
	content: '' !important;
	background: url(.././images/buttonright.png) center;
	background-size: cover;
	width: 50px;
	height: 50px;
	display: block;
}
.main-slider .slick-prev::before{
	content: '' !important;
	background: url(.././images/buttonleft.png) center;
	background-size: cover;
	width: 50px;
	height: 50px;
	display: block;
}
.main-slider .slick-prev{
	left: 13%;
}

/* .main-slider .slick-arrow {
	display: none !important;
} */

.wrapper.even .image {
	grid-column: 2;
	grid-row: 1;
}

/* End slider */

/* Hiệu ứng sóng */

.hero_area {
	position: relative;
}

.waves {
	position: absolute;
	width: 100%;
	height: 15vh;
	min-height: 100px;
	max-height: 150px;
	bottom: 0;
	left: 0;
}

.parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

/*End hiệu ứng sóng */

/* Content home */
.intron {
	padding: 100px 0;
}

/* .page-featured {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
} */

.page-featured .item a {
	font-size: 18px;
	color: var(--color-text);
}


.page-featured .item a:hover {
	color: var(--color-1st);
}

.page-featured .item {
	text-align: center;
	border-right: 1px solid var(--color-text);
}

.page-featured .item:nth-child(6) {
	border-right: 0;
}

/* đối tác */

.doitac {
	margin: 80px 0;
}

.doitac .slick-track {
	display: flex !important;
	align-items: center;
}

.doitac .slick-track .image a {
	margin: 0 10px;
	display: block;
}

/* Giơi thiệu */

.title h2 {
	background: linear-gradient(to right, #01619F, #01619F, #239be9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: normal;
}

/* Danh mục nổi bật */

.category,
.annual {
	padding: 50px 0 0;
}

.annual.even .imgage{
	grid-column: 2;
    grid-row: 1;
}

.item_sec_content.even .image{
    grid-row: 1;
    grid-column: 2;
}

.item_sec_content.even .text_sec{
    text-align: right;
}

.categories .post-category .post .image {
	overflow: hidden;
	border-radius: 20px;
}

.categories .post-category .post_info {
	position: absolute;
	bottom: 0;
    width: 100%;
    padding: 0 20px;
    /* margin-top: -10px; */
    opacity: 0;
    background: linear-gradient(to right, var(--color-1st), #0175c2, #239be9);
}

.blog-all .category {
	margin-top: 20px;
}

.categories .post-category .post:hover .post_info,
.categories .post-category .post .post_info {
	opacity: 1;
	transition: all .3s ease-in-out;
}

.categories .post-category .post_info * {
	color: #fff;
}

.categories .post-category .post_info h3 a {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 34px;
	-webkit-line-clamp: 2;
	/* height: 68px; */
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.categories .post-category .post_info .description {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.categories .slick-track {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
}

.categories .slick-slide {
	opacity: 0.5;
}

.categories .slick-slide.slick-active {
	opacity: 1;
}

.categories .slick-prev,
.categories .slick-next {
	z-index: 20;
	transform: translateY(-50%);
}

.categories .slick-prev {
	left: 30px;
}

.categories .slick-next {
	right: 55px;
}

.categories .slick-prev::before {
	content: "\ec3b";
}

.categories .slick-next::before {
	content: "\ec3c";
}


.categories .slick-prev::before,
.categories .slick-next::before {
	color: #f5f5f5;
	font-family: Linearicons !important;
	font-size: 50px;
}

.btn-cat {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.categories .title a {
	color: var(--color-text);
}

.categories .title i {
	color: var(--color-1st);
	border: 1px solid var(--color-1st);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

/* Annual */
.btn-annual {
	margin-top: 30px;
}

.btn-annual a {
	color: var(--color-text);
	border: 1px solid var(--color-text);
	padding: 10px 30px;
}

.btn-annual a:hover {
	color: #fff;
	border: 1px solid var(--color-text);
	background-color: var(--color-1st);
}

/* End annual */
/* End content */


/* Footer */
.footer_light * {
	color: #ffff;
}

.bg-footer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, #91bbdb, #01609f34, #1a74b9);
}

.contact_info {
	padding-left: 0;
}

.container-fluid .categories_bottom {
	margin-bottom: 200px;
}

.button_menu_mobile .icon {
	cursor: pointer;
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
}

.button_menu_mobile .icon span {
	top: 50%;
	transform: translate(50%);
}

.button_menu_mobile .icon span,
.icon span:before,
.icon span:after {
	cursor: pointer;
	border-radius: 3px;
	height: 4px;
	width: 30px;
	background: var(--color-1st);
	position: absolute;
	display: block;
	content: '';
	-webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
	-moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
	transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.button_menu_mobile .icon span:before {
	top: -10px;
}

.button_menu_mobile .icon span:after {
	bottom: -10px;
}

.button_menu_mobile .icon.active span {
	background-color: transparent;
}

.button_menu_mobile .icon.active span:before,
.icon.active span:after {
	top: 0;
}

.button_menu_mobile .icon.active span:before {
	-webkit-transform: rotate(45deg) scale(1.2);
	-moz-transform: rotate(45deg) scale(1.2);
	-ms-transform: rotate(45deg) scale(1.2);
	-o-transform: rotate(45deg) scale(1.2);
	transform: rotate(45deg) scale(1.2);
}

.button_menu_mobile .icon.active span:after {
	-webkit-transform: rotate(-45deg) scale(1.2);
	-moz-transform: rotate(-45deg) scale(1.2);
	-ms-transform: rotate(-45deg) scale(1.2);
	-o-transform: rotate(-45deg) scale(1.2);
	transform: rotate(-45deg) scale(1.2);
}

.index .main-slider {
	margin-top: 100px;
}

.main-slider {
	margin-top: 190px;
}


.menu_mobile {
	position: fixed;
	left: -1000px;
	width: 50%;
	top: 0;
	z-index: 99999;
	background: #ffff;
	opacity: 0;
	transition: all 0.2s ease;
	bottom: 0;
}

.menu_mobile.active {
	opacity: 1;
	left: 0;
	transition: all 0.2s ease;
}

.menu_mobile .nav-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid var(--color-text);
}

.menu_mobile .nav-contents {
	padding: 20px 0;
}

.menu_mobile .nav_item {
	padding: 5px 0;
}

.close_icon i {
	font-size: 30px;
	color: var(--color-1st);
}

.slider-for:not(.slick-initialized),
.slider-nav:not(.slick-initialized),
.page-featured:not(.slick-initialized),
.doitac:not(.slick-initialized),
.slider-category:not(.slick-initialized),
.categories_new:not(.slick-initialized),
.categories_ul:not(.slick-initialized),
.slider-home:not(.slick-initialized) {
	display: none;
}

/* Css trang trong "Trang Danh muc" */

.intro_category .intro_cat {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 150px;
	align-items: center;
	padding: 50px 0;
}

.category-content-link .click-item {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 100px;
	margin-bottom: 20px;
	align-items: center;
}

.category-content-link .click-item.even .image {
	grid-column: 1;
	grid-row: 1;
}

.category-content-link .click-item.even {
	grid-template-columns: 1fr 2fr;
}

.category-content-link .click-item.even .click-text {
	text-align: right;
}

.category-content-link .click-item.even .click-text .title {
	display: flex;
	justify-content: flex-end;
}

.category-content-link .click-item .image {
	border-radius: 50%;
	overflow: hidden;
	padding: 10px;
	transition: all 1s ease;
	border: 2px solid transparent;
}

.category-content-link .click-item .image:hover {
	border: 2px solid var(--color-1st);
	transition: all 1s ease;
}

/* Slider image trang trong */

.category-media {
	padding: 40px 0;
}

.category-media .slider-hinhanh {
	display: grid;
	grid-template-columns: repeat(2, 600px);
	align-items: center;
	justify-content: space-between;
}

.right-image {
	position: relative;
	z-index: 1;
}

.right-image * {
	outline: none;
}

.right-image .slide_group1 .slick-list .slide {
	border-radius: 30px;
	overflow: hidden;
}

.right-image .slider-track {
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.right-image .slide {
	height: 100%;
	position: relative;
}

.slide img {
	width: 100%;
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transform: scale(1.2);
}


.right-image .slick-active img {
	transform: scale(1);
}

.btn-arrow a {
	font-weight: 700;
	color: #5a5959;
}

.btn-arrow {
	padding: 20px 0;
	border-top: 1px solid var(--color-text);
	border-bottom: 1px solid var(--color-text);
}

.right-image .slick-next,
.right-image .slick-prev {
	margin-bottom: 0;

}

.right-image .slick-prev {
	transform: translate(-438px, 245px);
}

.right-image .slick-next {
	transform: translate(-400px, 245px);
	right: unset;
}

.right-image .slick-prev:before {
	content: '\27F5';
}

.right-image .slick-next:before {
	content: '\27F6';
}

.right-image .slick-next:before,
.right-image .slick-prev:before {
	color: #5a5959;
	font-size: 28px;
	margin-bottom: 0;
}

.posts {
	padding: 100px 0 100px;
}

.blog-noibat {
	display: flex;
	justify-content: flex-end;
}

.blog-noibat-child {
	background-color: #fff;
	width: 1200px;
}

.blog-noibat-child {
	padding: 60px;
}

.item_chitiet {
	display: none;
}


.item_chitiet.active {
	display: block;
}

.danhmuc .tag-group .items,
.btn-danhmuc {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-page .btn-danhmuc a {
	color: #fff;
	border: 1px solid #fff;
	width: 100%;
}

.danhmuc .tag-group .items.active a {
	background: var(--color-1st);
	color: #fff;
	padding: 10px 20px;
	border-radius: 35px;
}


.danhmuc .tag-group .items a,
.btn-danhmuc a {
	border: 1px solid var(--color-1st);
	color: var(--color-text);
	padding: 10px 20px;
	border-radius: 35px;
	width: 50%;
	display: inline-block;
	text-align: center;
	line-height: unset;
}

.post-item-child {
	padding: 50px 0 100px;
}

.post-item-child .item .image {
	position: relative;
}

.post-item-child .item:hover .image .tieu_de {
	transform: rotate(0);
}

.post-item-child .item:hover .image img {
	transform: scale(1.3);
	transition: all .4s ease;
}

.post-item-child .item .image {
	border-radius: 50%;
	overflow: hidden;
	width: 80%;
	margin: auto;
}

.post-item-child .item .tieu_de {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
	justify-items: center;
	align-content: center;
	color: #fff;
	transform: rotate(-90deg);
}

.post-item-child .item .tieu_de .h2-flas {
	position: relative;
}

.post-item-child .item .tieu_de .h2-flas::before {
	position: absolute;
	bottom: -15px;
	left: -10px;
	right: -10px;
	content: '';
	background-color: var(--color-1st);
	height: 2px;
}

.singcolo .post-banner {
	margin-bottom: 30px;
}

.singcolo-text {
	position: relative;
}

.singcolo-text .right {
	background-color: #fff;
	padding: 30px;
	margin-top: -100px;
}

.text_post {
	padding: 20px;
	text-align: center;
}

.slider-hinhanh .left-text .decs {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 34px;
	-webkit-line-clamp: 11;
	height: 412px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.post_info h3{
	font-size: 1.4rem;
}

/* .featured-post .text_post h4 a {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 34px;
	-webkit-line-clamp: 2;
	height: 70px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
} */

.categories .title a{
    font-size: 20px;
}

.categories .title a:hover{
    color: var(--color-1st);
}

.featured-post .text_post .description {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.title_i {
	position: relative;
	padding: 0 0 50px;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.title_i::before {
	position: absolute;
	content: "";
	background-color: var(--color-1st);
	width: 2px;
	height: 50px;
	bottom: -20px;
}

.item_section {
	margin-bottom: 100px;
}

.singcolo {
	margin-top: 100px;
}

.item_section.even .text_item {

	grid-row: 1;
	grid-column: 2;

}

.intro-post,
.business {
	padding-top: 100px;
}

.section,
.blog--page,
.post-dahinh,
#categoried--child,
#blog--category {
	padding: 0px 0 200px;
}

.page-content .item-cover {
	background-color: var(--color-1st);
	padding: 20px 30px;
	border-radius: 20px;
}

.icon i,
.form-group i {
	color: #fff;
	font-size: 30px;
}

.map-cover {
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 10px;
}

.post-item-child .image img {
	border-radius: 50%;
	overflow: hidden;
}

.blog-all {
	margin: 200px 0;
}

.fly_by_side #menu-full {
	position: fixed;
	top: 0;
	right: -20%;
	bottom: 0;
	width: 20%;
	background-color: #fff;
	z-index: 9999;
	transition: all 0.5s ease-in-out;
}

.fly_by_side #menu-full.active {
	right: 0;
	transition: all 0.5s ease-in-out;
}

.fly_by_side #menu-full .btn-whatsapp {
	position: absolute;
	padding: 10px 0;
	top: 50%;
	left: 0;
	width: 100px;
	z-index: 9999;
	transform: translate(-74%, -50%) rotate(-90deg);
}

.link-danhmuc a {
	border: 1px solid var(--color-1st);
	color: var(--color-1st);
	padding: 10px 20px;
}

.link-danhmuc a:hover {
	background-color: var(--color-1st);
	color: #fff;
}

.content-item .image {
	margin: 0 10px;
	position: relative;
}

.content-item .image .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to right, var(--color-1st), #0175c2, #239be9);
}

.content-item .image .text .tieu_de {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	align-items: center;
}

.content-item .image .text p {
	color: #fff;
	margin-bottom: 0;
}

.content-item .image .text .icons {
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sections,
.section_news {
	padding: 45px 0 0;
}

.categories_ul .slick-prev {
	left: 0;
}

.categories_ul .slick-prev,
.categories_ul .slick-next {
	background: var(--color-1st);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 23px;
}

.categories_ul .slick-prev::before {
	content: '\276E';
}

.categories_ul .slick-next::before {
	content: '\276F';
}



/* End slider image trang trong */

/* End css trang trong "Trang Danh muc" */

/* .blog-intro{
	margin: 50px 0 0;
	padding: 50px 0 0;
	border-top: 1px solid var(--color-text);
} */

.item_cat,
.item_sec {
	border: 1px solid var(--color-1st);
	color: var(--color-1st);
	padding: 10px 0;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}

.item-news.active .item_cat,
.item_sec.active {
	background: var(--color-1st);
	color: #fff;

}

.section-2 .right-image {
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 20px;
}

.section-2 .right-image .image-link {
	transform: skewX(-20deg);
}

.section-2 .right-image .image-link .image {
	width: 100%;
}

.social_icons1 {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

.item_sec_content.active {
	display: grid !important;
}


/* login page */
@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	width: 360px;
	padding: 8% 0 0;
	margin: 100px auto;

}

.login-page .form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 360px;
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.login-page .form input {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}

.login-page .form a.btn-btn {
	display: block;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: var(--color-1st);
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}

.login-page .form button:hover,
.form button:active,
.form button:focus {
	background: var(--color-1st);
}

.login-page .form .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 12px;
}

.form .message a {
	color: #4CAF50;
	text-decoration: none;
}

.login-page .form .register-form {
	display: none;
}

.login-page .container {
	position: relative;
	z-index: 1;
	max-width: 300px;
	margin: 0 auto;
}

.login-page .container:before,
.container:after {
	content: "";
	display: block;
	clear: both;
}

.login-page .container .info {
	margin: 50px auto;
	text-align: center;
}

.login-page .container .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 36px;
	font-weight: 300;
	color: #1a1a1a;
}

.login-page .container .info span {
	color: #4d4d4d;
	font-size: 12px;
}

.login-page .container .info span a {
	color: #000000;
	text-decoration: none;
}

.login-page .container .info span .fa {
	color: #EF3B3A;
}

.hinhthongbao {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	z-index: 0;
	opacity: 0;
	transform: translateX(-200px);
	transition: all 0.3s ease-in-out;
}

.hinhthongbao.active {
	opacity: 1;
	visibility: visible;
	z-index: 999;
	transition: all 0.3s ease-in-out;
	transform: translateX(0);
}

/* end login page */

.all_cat_latest {
	display: none;
}

.all_cat_latest.active {
	display: block;
}

.categories_latest {
	margin-top: 80px;
}

.categories_ul .slick-current .items-a.active {
	background-color: var(--color-1st);
}

.categories_ul .items-a {
	border: 1px solid var(--color-1st);
	padding: 10px;
}

.categories_ul .slick-current .items-a.active a {
	color: #fff;
}

.wave-hong-top {
	margin-top: -80px;
	min-height: 84px;
	background: #fff;
	position: relative;
}
/* .featured-post .text_post .title h4 a{
	overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
} */


/* Mobile: Width: < 740px */

@media screen and (max-width: 479px) {

	.item_cat,
	.item_sec {
		font-size: 12px;
	}

	.post-item-child.col-grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.categories .post-category .post .image .description,
	.top-header-chided .search-header {
		display: none;
	}

	.top-header-chided .header_logo {
		max-width: 170px;
	}

	.intron {
		padding: 40px 0;
	}

	.doitac {
		margin: 40px 0;
	}

	.right-image .slick-prev {
		transform: translate(0, 0);
		top: -85px;
		left: 250px;
	}

	.right-image .slick-next {
		transform: translate(0, 0);
		top: -85px;
		right: 38px;
	}

}

.baivietlienquan{
	margin-bottom: 150px;
}

.carousel-item1 {
	position: relative;
}

.carousel-item1 .link_slider_text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

@media screen and (max-width: 739px) {
    .contact_info_light{
        grid-template-columns: 1fr 1fr !important;
    }
	.main-slider .slick-next,
	.main-slider .slick-prev{
		top: 50% !important;
	}
	.main-slider .slick-next::before,
	.main-slider .slick-prev::before{
		width: 20px;
		height: 20px;
	}
	.annual .imgage{
		margin-bottom: 20px;
	}

	.item_abu, .top_post{
		display: block !important;
	}

    .preloader{
        display: none !important;
    }

	.content-item.col-grid-4{
		grid-template-columns: 1fr !important;
	}

	.blog-categories .featured-post-right.col-grid-4{
		grid-template-columns: 1fr;
	}

	.post-item-child .item .tieu_de h2{
		font-size: 1.2em;
	}

	.danhmuc .tag-group .items,
	.btn-danhmuc {
		justify-content: center !important;
	}

	h1 {
		font-size: 2rem;
		/* 32px */
		line-height: 1.2;
	}

	h2 {
		font-size: 1.75rem;
		/* 28px */
		line-height: 1.3;
	}

	h3 {
		font-size: 1.5rem;
		/* 24px */
		line-height: 1.4;
	}

	h4 {
		font-size: 1.25rem;
		/* 20px */
		line-height: 1.5;
	}

	h5 {
		font-size: 1rem;
		/* 16px */
		line-height: 1.6;
	}

	h6 {
		font-size: 0.875rem;
		/* 14px */
		line-height: 1.7;
	}

	.nav-mobile .logo img {
		max-width: 165px;
	}

	.annual .col-grid-2 {
		gap: 40px;
	}

	.menu_mobile {
		width: 80%;
	}


	.slider_text .text {
		width: 90%;
	}

	.main-slider .slider-nav {
		bottom: 0;
		right: 30px;
	}

	.main-slider .slider-nav {
		font-size: 20px;
	}

}

@media (max-width: 768px) {

	.baivietlienquan{
		margin-bottom: 60px;
	}

	.business .title.mb-5 {
		margin-bottom: 0 !important;
	}

	.wave-hong-top {
		margin-top: 10px;
		min-height: 10px;
	}

	.singcolo .post-banner {
		display: none;
	}

	.slider-hinhanh .left-text .decs {
		height: 403px;
	}

	.blog--page,
	#categoried--child {
		padding: 0 0 78px;
	}

	.categories .post-category .post_info {
		padding: 10px;
	}

	.click-danhmuc .title a {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 25px;
		-webkit-line-clamp: 2;
		height: 53px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.click-danhmuc .description {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 25px;
		-webkit-line-clamp: 2;
		height: 47px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.post.col-grid-3-1 {
		grid-template-columns: 1fr;
	}

	.section_2 .container-fluid>.title,
	.category-content-link.py-5 {
		width: 100%;
		padding: 0 0 !important;
	}

	.wrapper.even .image {
		grid-column: 1;
	}

	.content-wrapper.mt-5 {
		margin-top: 0 !important;
	}

	.logo-footer.pb-5{
		padding-bottom: 20px !important;
	}
	.logo-footer img{
		max-width: 200px;
	}

	.main-slider {
		margin-top: 80px;
	}

	.header_wrap.nav-fixed .left-header .nav-menu {
		display: none;
	}

	.post-item-child {
		padding: 50px 0 0;
	}

	.singcolo {
		margin-top: 0;
	}
/* 
	.singcolo-text {
		margin-top: -100px;
	} */

	.posts,
	.intro-post,
	.business {
		padding: 50px 0 !important;
	}

	.title_i {
		padding: 0 0 0;
	}

	.title_i::before {
		width: 50px;
		height: 2px;
	}

	.categories .post-category .slick-center .post_info {
		opacity: 1;
	}

	.post_info h3 {
		font-size: 1.2em;
	}

	.post-dahinh {
		padding-bottom: 100px;
	}

	.item_section.even .text_item {
		grid-column: 1;
	}

	.waves {
		height: 78px;
		min-height: 40px;
	}

	.intron .title h2 {
		width: 100%;
	}

	.col-grid-2:not(.widget-right .col-grid-2) {
		grid-template-columns: repeat(1, 1fr);
	}

	.container-fluid.mt__200 {
		padding-top: 30px;
		margin-top: 0;
	}

	.singcolo-text .right {
		margin-top: 0;
		padding: 0;
	}

	.container-fluid .categories_bottom {
		margin-bottom: 50px !important;
	}

	#content-homepage {
		margin-bottom: 50px !important;
	}

	.label-wrap label {
		right: -4px;
	}

	.label-wrap {
		width: 90%;
	}

	.icon-wrap.open {

		width: 365px !important;
	}
}

@media screen and (max-width: 1023px) {

	.content-item.col-grid-4{
		grid-template-columns: 1fr 1fr;
	}

	.section-2,
	.content-section {
		gap: 10px;
	}

	.sections {
		padding: 50px 0 0;
	}

	.left-image {
		grid-row: 2;
	}

	.content-modle {
		overflow-y: scroll;
		height: 800px;
	}

	.fly_by_side #menu-full {
		right: -80%;
		width: 80%;
	}

	.blog-all {
		margin: 40px 0;
	}

	.post-category.col-grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.slider_text .text h1 {
		font-size: 25px;
	}

	.nav-contents .d-grid.gap-20>li .sub-menu-wrap-mobile .sub-menu>li {
		padding: 10px;
	}

	.nav-contents .d-grid.gap-20>li {
		box-shadow: 0 0 6px rgba(0, 0, 0, .1);
		padding: 10px;
	}

	.sub-menu-wrap-mobile,
	.sub-menu-wrap-mobile-child {
		transform: scaleY(0);
		height: 0;
		transition: all 0.2s ease;
	}

	.sub-menu-wrap-mobile.active,
	.sub-menu-wrap-mobile-child.active {
		height: 100%;
		transform: scaleY(1);
		transition: all 0.2s ease;
	}

	.btn-icon,
	.btn-icon-child {
		position: absolute;
		right: 15px;
		top: 15px;
	}

	.nav-contents .d-grid.gap-20 {
		gap: 0px;
	}

	.nav_item,
	.nav-contents li {
		margin: 0 0;
	}

	.btn-danhmuc.w-40,
	.btn-danhmuc.w-60 {
		width: 100%;
	}

	.danhmuc .tag-group .items a,
	.btn-danhmuc a {
		width: auto;
	}

	.icon-header,
	.middle-header {
		display: none;
	}

	.click-item .title h2 {
		width: 100% !important;
	}


	.blog-category {
		grid-row: 1;
	}

	.blog-noibat-child {
		padding: 20px;
		grid-template-columns: 1fr;
	}

	.intro_category .intro_cat,
	.category-content-link .click-item,
	.category-content-link .click-item.even {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.intro_category .intro_cat .image,
	.category-content-link .click-item.even .image {
		grid-row: none;
	}

	.widget-right .widget_content,
	.widget_title-right {
		padding: 10px !important;
	}

	.main-slider .slider-nav .slick-current .slider-nav-item {
		transform: scale(1);
	}

	.main-slider .slider-nav .slick-current .slider-nav-item::before {
		right: 0;
	}

	.category-media .slider-hinhanh .right-image {
		margin-top: 40px;
	}

	.category-media .slider-hinhanh {
		display: block;
	}

	.text-nav-header marquee,
	.slider_text p {
		display: none;
	}

	.section {
		padding: 0 0 100px;
	}
}

/* Tablet: Width: > 740px  and Width < 1024px */

@media screen and (min-width: 740px) and (max-width: 1023px) {

	.nav-header .logo {
		display: none;
	}

	.text-nav-header {
		display: block;
	}

	.text-nav-header marquee {
		color: var(--color-1st);
		font-size: 18px;
		width: 300px;
	}

}

/* PC: Width: >= 1024px */
@media screen and (min-width: 1024px) {

	.icon-header,
	.middle-header {
		display: block;
	}

	.button_menu_mobile {
		display: none !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {

	.text-header {
		display: none;
	}

	.header_bottom .nav-menu ul>li .nav_item {
		font-size: 18px;
	}


	.main-slider .slider-nav .slick-current .slider-nav-item {
		transform: scale(1);
	}

	.main-slider .slider-nav .slick-current .slider-nav-item::before {
		right: 0;
	}

	.widget-right .widget_content,
	.widget_title-right {
		padding: 10px !important;
	}
}

@media screen and (min-width: 1200px) {

	.container-fluid {
		max-width: 1510px;
	}

	.blog-noibat-child {
		width: 1691px;
	}
}

.featured-post-right .item .itm{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}