:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--font-size: 16px;
	--font-key: 'UTMBebas';
	--color-key-pale: #56B901;
	--color-key-dark: #27831E;
	--color-key-dark-1:#045B33;
	--color-key: #D90000;
	--color-key-1:#1d72ab;
	--color-title-product: #dc3545;
	--color-price-product: #c71c1c;
	--bg-gradient: linear-gradient(90deg, rgba(88, 187, 0, 1) 0%, rgba(2, 89, 52, 1) 100%);
	--bg-gradient-end: linear-gradient(90deg, rgba(2, 89, 52, 1) 0%, rgba(88, 187, 0, 1) 100%);
	--bg-gradient-center: linear-gradient(90deg, rgba(14, 113, 0, 1) 0%, rgba(92, 196, 0, 1) 50%, rgba(14, 113, 0, 1) 100%);
	--bg-gradient-btn-center: linear-gradient(90deg, rgba(51, 177, 94, 1) 0%, rgba(179, 209, 51, 1) 100%);
}

body {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: var(--font-size);
	margin: 0 auto;
	overflow-x: hidden;
}

.owl-nav {
	margin-top: 0px;
	height: 0px;
}

.w-100 {
	width: 100%;
}

button,
input,
select,
textarea,
a {
	outline: none;
}

ul,
ol {
	list-style: none;
}

a,
a:hover {
	text-decoration: none;
}

a:hover {
	color: #01266c;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

strong,
b {
	font-family: 'HelveticaNeue-Bold';
}

h1.hidden-h1 {
	font-size: 0px;
	visibility: hidden;
	overflow: hidden;
	text-indent: -9999999999px;
}

.hidden-micro {
	font-size: 0px;
	visibility: hidden;
	overflow: hidden;
	text-indent: -9999999999px;
	width: 0px;
	height: 0px;
	opacity: 0;
	margin: 0px;
	padding: 0px;
	top: 100000000px;
	position: fixed;
}

.container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0px 10px;
}

.container-full {
	margin: 0 auto;
	max-width: 100%;
	padding: 0px 10px;
}

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

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

.img-block-auto {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.img-100 {
	width: 100%;
}

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

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-justify {
	text-align: justify !important;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.backtop {
	position: fixed;
	bottom: -50px;
	z-index: 99;
	top: auto;
	right: 15px;
	width: 60px;
	height: 60px;
	opacity: 0;
	line-height: 60px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	background: #FFF;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0 !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0px 0px 20px #CCC;
	transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.6s;
}

.backtop.show {
	bottom: 50px;
	opacity: 1 !important;
	display: block !important;
}

.backtop .fa {
	font-size: 22px;
	color: var(--color-key);
	font-weight: bold;
}

.slider-one {
	position: relative;
}

.m-close {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.m-close .close {
	height: 28px;
	width: 2px;
	margin-left: 12px;
	background-color: black;
	transform: rotate(45deg);
	z-index: 1;
}

.m-close .close .cl {
	height: 28px;
	width: 2px;
	background-color: black;
	transform: rotate(90deg);
	z-index: 2;
}

.slider-one {
	padding: 0px;
}

.slider-one .owl-carousel .arrowleft,
.slider-one .owl-carousel .arrowright {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 0px;
	margin-top: -22.5px;
}

.slider-one .owl-carousel .arrowleft {
	left: 15px;
}

.slider-one .owl-carousel .arrowright {
	right: 15px;
}

.slider-one .owl-carousel .arrowleft svg,
.slider-one .owl-carousel .arrowright svg {
	width: 55px !important;
	height: 55px !important;
}

.slider-one .owl-carousel .a {
	fill: none;
	stroke: #FFF;
	stroke-width: 560;
	stroke-miterlimit: 10;
}

.slider-one .owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0px;
	z-index: 222;
	margin: 0px;
	height: 0px;
}

#header {
	padding: 0px 0px 0px;
	transition: all 0.5s;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
}

#header .logo {
	width: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0px;
}

.right-header {
	width: calc(100% - 240px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:end;
}

.categories {
	width: 126px;
	position: relative;
	z-index: 9999990;
}

.head-categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'HelveticaNeue-Bold';
}

.head-categories > span {
	display: flex;
	width: 42px;
	height: 42px;
	align-items: center;
	padding: 5px 10px;
}

.head-categories span span {
	display: block;
	width: 100%;
	height: 3px;
	background: #333;
	position: relative;
}

.head-categories span span:before,
.head-categories span span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0px;
	background: #333;
}

.head-categories span span:before {
	top: -5px;
}

.head-categories span span:after {
	bottom: -5px;
}

.menu-categories {
	position: absolute;
	top: 100%;
	width: 320px;
	box-shadow: 0px 10px 10px #999;
	padding: 10px;
	background: #FFF;
	transform: translateY(30px);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	z-index: 99999;
}

.categories:hover .menu-categories {
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}

.menu-categories li {
	padding: 5px 5px;
}

.menu-categories li a {
	color: #333;
	font-size: 14px;
}

.menu-categories li a:hover {
	color: #f5b915
}

.search {
	width: 320px;
}

.menu-mobile {
	width: 40px;
	height: 40px;
	padding: 0px 5px;
	display: none;
	cursor: pointer;
}

.menu-mobile span {
	display: block;
	width: 100%;
	height: 3px;
	margin: 18px 0px;
	background: #333;
	position: relative;
}

.menu-mobile span:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	top: -8px;
	background: #333;
	left: 0px;
}

.menu-mobile span:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	bottom: -8px;
	background: #333;
	left: 0px;
}

.header-right {
	width: calc(100% - 126px - 320px - 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-right ul {
	width: 100%;
}

.header-right > ul > li:nth-child(1) > a {
	background-color: #0e64f9;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 20px;
}

.header-right > ul > li:nth-child(2) > a {
	border: 2px solid #f44025;
	background-color: transparent;
	border-radius: 999px;
	color: #f44025;
	cursor: pointer;
	font-size: 14px;
	padding: 8px 20px;
}

.header-right > ul > li.show-course.show {
	animation: gelatine 0.5s infinite;
}

.header-right > ul > li.show-course.show > a {
	color: #37a000;
	border: 2px solid #37a000;
}

@keyframes gelatine {
	from,
	to {
		transform: scale(1, 1);
	}

	25% {
		transform: scale(0.9, 1.1);
	}

	50% {
		transform: scale(1.1, 0.9);
	}

	75% {
		transform: scale(0.95, 1.05);
	}

}

.header-right > ul > li:nth-child(3) > a {
	background-color: #f44025;
	border-radius: 999px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 20px;
}

.header-right ul li {
	position: relative;
}

.header-right ul li:hover ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.header-right ul li ul {
	position: absolute;
	top: 30px;
	right: 0px;
	min-width: 230px;
	padding: 8px 24px !important;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0 -4px 32px rgb(0 0 0 / 20%);
	color: #1d2129;
	opacity: 0;
	visibility: hidden;
	margin-top: 30px;
	transition: all .3s ease-in-out;
	z-index: 999;
}

.header-right ul li ul li:nth-child(1) {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.header-right ul li ul li:nth-child(1) span:nth-child(1) {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.header-right ul li ul li:nth-child(1) span:nth-child(1) img {
	width: 50px;
}

.header-right ul li ul li:nth-child(1) span:nth-child(2) {
	font-weight: 700;
}

.header-right ul li ul li:not(:first-child) {
	padding: 6px 0px;
}

.header-right ul li ul li:not(:first-child) a {
	color: #333;
	font-size: 14px;
}

.header-right ul li ul li:not(:first-child) a:hover {
	color: #f44025;
}

#slider-category {
	margin-bottom: 34px;
	padding: 30px 0px;
	background: #f5f5f5;
}

.img-cate {
	position: relative;
}

.img-cate h4 {
	position: absolute;
	bottom: 0px;
	z-index: 2;
	padding: 5px 10px;
	text-align: center;
	width: 100%;
}

.img-cate h4 a {
	color: #333;
	text-transform: uppercase;
}

.pos-cate {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: all 0.4s;
}

.pos-cate a {
	border: 2px solid #ffffff;
	background-color: #ffffff;
	border-radius: 999px;
	color: #f44025;
	cursor: pointer;
	font-size: 14px;
	padding: 6px 20px;
	transform: scale(0.5);
	transition: all 0.4s;
}

.img-cate:hover .pos-cate {
	opacity: 1;
}

.img-cate:hover .pos-cate a {
	transform: scale(1);
}

.title {
	font-size: 27px;
	margin-bottom: 35px;
	font-family: 'HelveticaNeue-Bold';
	color: #333;
}

.title-two {
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
	font-family: 'HelveticaNeue-Bold';
	color: #333;
}

.title.left {
	text-align: left;
}

#course-top,
#course-top-2 {
	margin: 30px 0px;
	padding: 30px 0;
}
.desc-course .readmore{
	width: 100%;
	margin: 15px 0  10px;
	text-align: center;
}
.desc-course .readmore a{
	font-size: 15px;
	padding: 8px 10px;
	color: #fff;
	display: inline-block;
	transition: all 0.3s;
	font-family: 'HelveticaNeue-Bold';
	border: 1px solid #5e18eb;
	background-color: #5e18eb;
    animation: pulse 1s infinite alternate;
}

@keyframes pulse {
    to {
        transform: scale(1.2);
    }
}
.box-course {
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s;
	position: relative;
}

.box-course:hover {
	box-shadow: 0 2px 4px rgb(46 168 169 / 28%), 0 4px 12px rgb(46 168 169 / 28%);
}

.box-course .img-course {
	position: relative;
}

.box-course .img-course span {
	display: inline-block;
	padding: 5px 8px;
	background: #FFF;
	color: #333;
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 10px;
	border-radius: 3px;
}

.box-course .img-course span:hover {
	background: #FF0000;
	color: #FFF;
}

.box-course .desc-course {
	padding: 10px;
}

.box-course .desc-course h3 {
	font-size: 16px;
	line-height: 22px;
	height: 46px;
}

.box-course .desc-course h3 a {
	color: #333;
	font-family: 'Inter';
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box-course .desc-course .info-course {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}

.box-course .desc-course .info-course .author-course {
	width: 55%;
}

.box-course .desc-course .info-course .author-course p {
	color: #888;
	font-size: 13px;
	margin: unset;
}
.box-course .check-payment{
	margin-top: 10px;
	padding: 5px 10px;
	text-align: center;
	background: #e30000;
	position: absolute;
	top: 5px;
	z-index: 1;
	border-radius: 5px;
}
.box-course .check-payment a{
   color: #fff;
	font-size: 13px;
}

/* .box-course .desc-course .info-course  */
.author-course .rating {
	font-size: 13px;
	margin-top: 5px;
}

/* .box-course .desc-course .info-course  */
.author-course .rating span.fa {
	margin-right: 3px;
}
/* .box-course .desc-course .info-course  */
.author-course .rating span.fa-star {
	color: #ffb40c;
}

/* .box-course .desc-course .info-course  */
.author-course .rating span.fa-star-o {
	color: #888;
}

.box-course .desc-course .info-course .price-course {
	width: 45%;
	text-align: right;
	font-size: 14px;
}

.box-course .desc-course .info-course .price-course .price-old {
	text-decoration: line-through;
    color: #ff0000;
    font-weight: 700;
    font-size: 16px;
	margin-bottom: 3px;
}

.box-course .desc-course .info-course .price-course .price {
	font-family: 'Inter';
	font-weight: 700;
	margin: unset;
}
.bg-light{
	background-color: #f8f8f8;
}

/* .slick-prev {
	transform: translate(0, -50%) rotate(180deg);
} */
.slick-prev{
	/* left: 10px; */
    z-index: 10;
}
.slick-next{
	/* right: 14px; */
    z-index: 10;
}
.slick-prev:before {
    content: '\f104';
    font: normal normal normal 44px / 1 FontAwesome;
	color: #744fae;
}
.slick-next:before {
    content: '\f105';
    font: normal normal normal 44px / 1 FontAwesome;
	color: #744fae;
}
.slick-slider .slick-arrow{
	/* display: none;
	visibility: hidden;
	opacity: 0; */
	transition: all .3s ease;
	width: unset;
	height: unset;
}
.slick-slider:hover .slick-arrow{
	display: block;
	visibility: visible;
	opacity: 1;
}


.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive iframe{
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}
.main-slider {
    position: relative;
    width: 100%;
    height: auto;/*47vw;*/
    overflow: hidden;
    margin-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
    opacity: 1;
    visibility: visible;
	/* display:none */
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
#why {
	padding: 80px 0px;
	background: #ee2c79;
	margin-bottom: 40px;
}

#why .why-items .why-image {
	text-align: center;
	width: 20%;
}

#why .why-items .why-image img{
	width: 100%;
}

#why .why-items .why-desc {
	width: 80%;
}

#why .why-items .why-desc h3 {
	font-size: 18px;
	font-family: 'Inter';
	font-weight: 700;
	margin-bottom: 5px;
}

#why .why-items .why-desc h3 a {
	color: #fff;
}

#why .why-items .why-desc p {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
.partner-image img{
	width: 100%;
}
.btn-page {
	margin-top: 30px;
	text-align: center;
}

.btn-page a {
	display: inline-block;
	padding: 10px 30px;
	background-color: #f2430d;
	color: #FFF;
	font-size: 15px;
	font-family: 'Inter';
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #838383;
}

.pre-line {
	white-space: pre-line;
}

.pre-line::first-line {
	line-height: 0;
}

#camnhankhachhang {
	background-size: cover;
	padding: 50px 0px;
}

.content-khachhang {
	margin-top: 20px;
}

.content-khachhang .news-items {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px;
	background: #FFF;
	box-shadow: 0 0 5px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
	border-radius: 4px;
	aspect-ratio: 1 / 1;
}

.content-khachhang .cot p{
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.content-khachhang .news-items .article-image {
	width: 55px;
	margin-bottom: 18px;
	overflow: hidden;
}

.content-khachhang .news-items .article-image img {
	max-width: 100%;
	display: block;
	border-radius: 50%;
}

.content-khachhang .news-items .article-desc {
	width: 100%;
}

.content-khachhang .news-items .article-desc h3 {
	font-size: 16px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	font-family: 'Inter';
}

.content-khachhang .news-items .article-desc h3 a {
	color: #333;
}

.content-khachhang .news-items .article-desc .inf {
	font-size: 13px;
	font-style: italic;
	color: #888;
	margin-bottom: 10px;
}

.content-khachhang .news-items .article-desc .rating .fa {
	margin: 0px 2px;
}

.content-khachhang .news-items .article-desc .rating .fa-star {
	color: #ffb40c;
}

.content-khachhang .news-items .article-desc .rating .fa-star-o {
	color: #888;
}

.content-khachhang .news-items .article-desc p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

#about-content { padding: 50px 0px; position: relative }
.about-left { width: calc(45% - 20px); position:relative }
.about-left img { max-width: 100%; display: block; border-radius: 7px; }
.about-right { width: calc(55% - 20px) }
.about-right h2 { font-size: 24px; color: #333; font-weight: 700; margin-bottom: 15px }
.about-right p { margin-bottom: 10px; font-size: 16px }
.about-right .btn-contact { margin-top: 20px; display: inline-block; padding: 15px 30px; color: #FFF; border-radius: 40px; background: #25a664; text-transform: uppercase }
.about-left .video{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 250px;
	height: 160px;
	border: 10px solid #FFF;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
	border-radius: 5px;
}
.about-left .video iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.about-left:before {
	position: absolute;
	width: calc(100% + 100px);
	left: -100px;
	top: 0px;
	height: 100%;
	z-index: -1;
	right: 0px;
	bottom: 0px;
	content:'';
	background: url('../images/bg-gt.png') no-repeat left center;
	background-size: 100% 100%;
}
.about-left .videoPlay{
	left: unset;
	right: -35px;
}
.about-left .videoPlay svg {
	border: 4px solid #fff;
	border-radius: 50%;
	background: #616161;
}
.videoPlay svg {
	width: 80px;
	height: 80px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: #616161;
}
#dangkynhantin {
	background: url('../images/bg-nhantin.jpg') no-repeat top center;
	background-size: cover;
}

#dangkynhantin .box-dangkynhantin {
	background-color: #f5b915;
	padding: 50px 30px 50px;
	min-height: 500px;
}

.box-dangkynhantin h4 {
	text-align: center;
	font-size: 22px;
	font-family: 'Inter';
	font-weight: 700;
}

.box-dangkynhantin p:nth-child(2) {
	text-align: center;
	font-style: italic;
	margin: 15px 0px;
}

.box-dangkynhantin p:nth-child(3) {
	text-align: center;
	color: #3e3e3e;
	font-weight: 700;
	font-family: 'Inter';
}

#course-list {
	margin: 50px 0px;
}

.list-min {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.list-min li {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.list-min li span {
	color: #333;
	font-family: 'Inter';
	font-size: 14px;
	cursor: pointer;
	transition: all 0.4s;
}

.list-min li span:hover,
.list-min li.active span {
	color: #f44025;
	font-weight: 700;
}

.list-min li span:after {
	content: '.';
}

.tabs-min {
	display: none;
}

.tabs-min.tabs-active {
	display: block;
}

#follow-list {
	background: #f3f3f3;
	padding: 50px 0px;
}

.content-follow {
	max-width: calc(640px + 70px);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.content-follow .col {
	width: calc(100% / 3);
	padding: 20px 35px;
}

.content-follow .box-follow {
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
	border-radius: 10px;
	padding: 10px;
	background-color: #FFF;
}

.btn-zalo {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.btn-zalo a {
	display: inline-block;
	padding: 10px 60px;
	background-color: #0e64f9;
	color: #FFF;
	font-size: 15px;
	font-family: 'Inter';
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #838383;
}

#active-courses {
	margin: 120px 0px;
}

#active-courses .c-active {
	margin: 0 auto;
	max-width: 420px;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
	text-align: center;
}

#active-courses h4 {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}

#active-courses input {
	width: 100%;
	padding: 5px 20px;
	height: 40px;
	border-radius: 30px;
	border: 1px solid #e4e4e4;
	background-color: #FFF;
	outline: none;
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}

#active-courses button {
	padding: 8px 20px;
	color: #FFF;
	background-color: #0e64f9;
	border-radius: 30px;
	border: 1px solid #0e64f9;
}

.btn-payment {
	background-color: #f44025;
	border-radius: 999px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 40px;
	border: none;
}

#course-form label {
	color: #333;
	font-size: 14px;
	font-weight: 700;
}

#course-form .form-control {
	padding: 8px 15px;
	height: 40px;
	border-radius: 5px;
	background: #FFF;
	border: 1px solid #e5e5e5;
	outline: none;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}

.form-group .sidebar-coupon{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.form-group .sidebar-coupon button[type=button] {
	width: 170px;
	padding: 5px 10px;
	height: 40px;
	background: var(--color-key);
	color: #FFF;
	border: none;
	cursor: pointer;
	font-size: 13px;
	border-radius: 5px;
	margin-top: 10px;
}
.course-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
}

.course-table td,
.course-table th {
	padding: 15px;
	border: 1px solid #e5e5e5;
}

.course-table th {
	background: #f44025;
	color: #FFF;
	font-weight: 700;
	border: 1px solid #f44025
}

.course-table td h3 a {
	color: #333;
	font-weight: 700;
	font-size: 15px;
}

.course-table td h3 span {
	display: inline-block;
	padding: 5px 10px;
	background: #f44025;
	cursor: pointer;
	border-radius: 3px;
	color: #FFF;
	font-size: 13px;
}

.pay {
	display: inline-block;
	padding: 10px 20px;
	background: #f5b915;
	cursor: pointer;
	color: #333;
	font-weight: 700;
	font-size: 15px;
	border-radius: 3px;
}

.btn-send-payment {
	display: inline-block;
	padding: 10px 30px;
	background: #f44025;
	cursor: pointer;
	color: #FFF;
	font-size: 15px;
	border: none;
	border-radius: 30px;
	cursor: pointer;
}

.ul-payment ul {
	list-style: none !important;
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}

.ul-payment ul li {
	width: calc(100% / 3);
	padding: 0px 15px;
	margin-bottom: 30px;
}

.ul-payment ul li .li-img {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	padding: 10px;
	background: #f4f4f4;
}

.ul-payment ul li span {
	margin-right: 10px;
}

.ul-payment ul li h4 {
	margin: 0px;
}

.ul-payment ul li .li-desc {
	font-size: 14px;
}

.right-page {
	min-height: 500px;
}
.right-page.inside-course {
	margin-bottom: 500px;
}

.right-page .video-js {
	height: 100%;
	max-height: 600px;
	width: 100%;
	position: relative;
}

.logo-video {
	position: absolute;
	top: 0%;
	right: 0%;
	z-index: 99;
	padding: 20px;
}

.logo-video img {
	max-height: 50px;
}

.watermark-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	width: 100%;
	text-align: center;
	padding: 20px;
}

.watermark-video p {
	font-size: 30px;
	color: #fff;
	opacity: 0.3;
}

.watermark-video.none {
	display: none;
}
.right-header ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
.right-header>ul>li {
	padding: 8px 0;
}
.right-header ul li {
	position: relative;
}
.right-header ul li a {
	padding: 7px 12px;
	color: #272727;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}
.right-header l li span {
	cursor: pointer;
}
.right-header ul li span img {
	width: 35px;
	border-radius: 50%;
	display: block;
}
.dropdown-menu {
	position: absolute;
	top: 45px;
	right: -20px;
	width: 220px;
	background: #FFF;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-radius: 6px;
	display: none !important;
	padding: 12px 5px !important;
	z-index: 100;
	transition: all .4s ease;
}
.dropdown-menu::before {
	position: absolute;
	top: -7px;
	right: 10px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(255, 255, 255, 1);
	content: '';
}
.dropdown-menu li a{
	text-transform:none;
	display: block !important;
}
.dropdown-hover:hover .dropdown-menu,
.dropdown-menu.open {
	display: block !important;
}
.right-header .dropdown-menu li a {
	text-transform: none;
	display: block;
	font-weight: 400;
}
.right-header .dropdown-menu li a:hover {	
	background: #3c3c3c;
	color: #fff;
	border-radius: 2px;
}
.dropdown-hover .dropdown-menu{
	top: 35px;
}
/*top*/
#top-adv {
}

.menu-fixed {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2010;
}

.fixed-menu.fixed-open {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1002;
}

.fixed-menu.fixed-open #menu .item-category {
	display: none;
}

.fixed-menu.fixed-open .menu-category:hover .item-category {
	display: block !important;
}

.fixed-menu.fixed-open .header-two {
	display: none;
}

/*Header*/
.fixed-top {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
	background: #FFF;
}

#top-list {
	background: #1d72ab;
	padding: 10px 0px;
	color: #FFF;
	font-size: 14px;
}

.notify-top a {
	color: #f3ff0c;
}

.list-top a {
	display: inline-block;
	margin-left: 20px;
	color: #FFF;
	position: relative;
}

.list-top a:not(:first-child):before {
	content: '/';
	position: absolute;
	left: -15px;
	top: 0px;
	color: #FFF;
}

#header .hotline {
	position: relative;
	width: 220px;
	font-size: 16px;
	padding-left: 48px;
	line-height: 44px;
	background: url('images/icon-hotline.png') no-repeat left center;
}

#header .hotline span {
	font-size: 25px;
	color: #FF0000;
	font-family: 'HelveticaNeue-Bold';
}

.mini-cart .cart {
	display: flex;
	align-items: center;
	position: relative;
}

.mini-cart .cart svg {
	width: 30px;
	height: 30px;
}

.mini-cart .cart svg path,
.mini-cart .cart svg rect {
	fill: none
}

.mini-cart .cart svg path {
	stroke: #c1c1c1;
	stroke-width: 3px;
}

.mini-cart .cart svg circle {
	stroke: #c1c1c1;
	r: 2;
}

.mini-cart .cart  span.total {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	position: absolute;
	color: #FFF;
	background: #ff0000;
	border-radius: 50%;
	left: 16px;
	top: -7px;
}

.mini-cart .cart span.text {
	line-height: 40px;
	margin-left: 10px;
	font-size: 15px;
}

/*About*/
.about {
	padding: 50px 0px;
	position: relative;
}

.about h5 {
	font-size: 15px;
	text-transform: uppercase;
	color: #35624D;
	font-family: 'HelveticaNeue-Bold';
	margin-bottom: 10px;
}

.about h2 {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	font-family: 'HelveticaNeue-Bold';
	display: block;
	margin-bottom: 20px;
}

.about .desc {
	margin-top: 10px;
	line-height: 30px;
}

.about .desc p {
	margin-bottom: 15px;
}

.about a.readmore {
	font-size: 15px;
	padding: 8px 10px;
	color: #35624d;
	display: inline-block;
	transition: all 0.3s;
	font-family: 'HelveticaNeue-Bold';
	border: 1px solid #35624d;
}

.about a.readmore:hover {
	margin-left: 20px;
	color: #333;
}

.about .desc-img {
	position: relative;
	transition: all 0.6s;
	overflow: hidden;
}

.about .desc-img img {
}

/*Project*/
#project-box {
	padding: 50px 0px 50px;
}

.img-project {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.box-project {
	padding: 5px;
	box-shadow: 0px 0px 10px #888 inset;
}

.img-project img {
	transition: all 0.6s;
}

.img-project:hover img {
	transform: scale(1.05);
}

.desc-project {
	padding: 10px 10px;
	text-align: center;
}

.desc-project h3 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: var(--font-key);
	margin-bottom: 5px;
}

.desc-project h3 a {
	color: var(--color-key)
}

.desc-project p {
	font-size: 15px;
	line-height: 22px;
}

.baogia-one {
	background: var(--color-key);
	padding: 15px 0px;
	margin-top: 17px;
}

.baogia-one .baogia-box h2 {
	width: 100%;
	text-align: center;
	background: #FFF;
	text-transform: uppercase;
	font-size: 24px;
	border-radius: 10px;
	font-family: var(--font-key);
}

.baogia-one .baogia-box h2 a {
	color: var(--color-key-1);
	display: block;
	padding: 10px;
}

/*Service*/
#service {
	padding: 100px 0px;
	background: #2D2C32;
}

.title-service {
	position: relative;
}

.title-service:before {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	content: '';
}

.title-service h5 {
	font-size: 30px;
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
	font-family: var(--font-key);
	color: #333;
	padding-left: 10px;
	display: inline-block;
	background: #FFF;
	position: relative;
	z-index: 2;
	padding-right: 10px;
	border-left: 5px solid var(--color-key);
	height: 42px;
}

.title-service h5.color {
	color: #333;
}

.title-service p {
	text-align: center;
	font-size: 15px;
}

.content-service {
}

.img-service:hover .content-service {
	background: #45444A;
}

.content-service a {
	display: block;
	overflow: hidden;
}

.content-service img {
	transition: all 0.6s;
}

.content-service:hover img {
	transform: scale(1.04);
}

.content-service h2 {
	text-align: left;
	padding: 20px 0px 10px;
	line-height: 26px;
	transition: all 0.6s;
}

.content-service h2 a {
	color: #333;
	font-size: 18px;
}

.content-service p:nth-child(3) {
	margin-bottom: 10px;
}

.content-service p:nth-child(4) {
	line-height: 22px;
}

.content-service:hover h2 a {
	color: #FFF;
}

/*News*/
.news-one {
	padding: 30px 0px;
	background-size: cover;
}

.news-one .title-news {
	text-align: center;
	margin-bottom: 20px;
}

.news-one .title-news h4 {
	font-size: 25px;
	text-transform: uppercase;
	color: #333;
	display: inline-block;
	font-family: 'HelveticaNeue-Bold';
	position: relative;
	padding-bottom: 5px;
}

.news-one .title-news h4:after,
.news-one .title-news h4:before {
	width: 70px;
	height: 1px;
	background: var(--color-key);
	content: '';
	position: absolute;
}

.news-one .title-news h4:after {
	left: 50%;
	margin-left: -35px;
	bottom: 0px;
}

.news-one .title-news h4:before {
	left: 50%;
	margin-left: -25px;
	bottom: -5px;
}

.news-one .post-inner {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.news-one .post-inner .post-img {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

.news-one .post-inner .post-img.w-100 {
	width: 100%;
	margin-right: 0px;
}

.news-one .post-inner .post-img img {
	transition: all 0.6s;
	background: #FFF;
}

.news-one .post-inner:hover .post-img img {
	transform: scale(1.04)
}

.news-one .post-inner .meta-time {
	color: #888
}

.news-one .post-inner .meta-time a {
	color: var(--color-key);
	font-family: 'HelveticaNeue-Bold';
}

.news-one .post-inner .post-content {
	border-top: 0px;
	transition: all 0.6s;
	background: #fff;
	width: 100%;
	min-height: 124px;
	text-align: left;
	margin-top: -30px;
	margin-left: 18px;
	margin-right: 18px;
	z-index: 1;
	padding: 18px 15px;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0 #dddddd70;
}

.news-one .post-inner .post-content p:last-child {
	text-align: left;
	margin-top: 10px;
	font-size: 12px;
	color: #595959;
}

.news-one .post-inner .post-content p a {
	display: inline-block;
	padding: 6px 15px 8px;
	font-size: 14px;
	background: #333;
	color: #FFF;
	text-transform: uppercase;
}

.news-one .post-inner .post-content.w-100 {
	width: 100%;
}

.news-one .post-inner h3.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-one .post-inner .post-content h3 {
	margin-bottom: 10px;
	border-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	text-align: left;
}

.news-one .post-inner h3 a {
	font-size: 15px !important;
	color: #333 !important;
	font-family: 'HelveticaNeue-Bold';
	line-height: 20px !important;
}

.news-one .post-inner:hover h3 a {
	color: #f43e25 !important;
}

.news-one .post-inner .post-content .padd-leftnew {
	width: calc(100% - 50px);
	background: #333;
	padding: 30px 10px 30px 30px;
	position: relative;
	margin-left: 50px;
}

.news-one .post-inner .time-post {
	color: #908e8e;
	position: relative;
	width: 100%;
	background: transparent;
	padding: 0px;
	font-style: italic;
	margin-bottom: 5px;
}

.news-one .post-inner .time-post span:first-child {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

.news-one .post-inner .time-post span:last-child {
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	font-family: 'HelveticaNeue-Bold';
	text-align: center;
}

.news-one .post-inner .post-content .meta-article {
	font-size: 14px;
	color: #777;
	padding: 10px 0px;
	border-bottom: 1px dashed #e6e6e6;
	font-weight: 400;
	margin-bottom: 10px;
}

.news-one .post-inner .post-content .meta-article i {
	color: var(--color-key);
}

.news-one .post-inner .post-content .meta-content {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #555555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 16px;
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #ddd;
}

.news-one .post-inner .post-content .meta-view {
	margin-top: 10px;
}

.news-one .post-inner .post-content .meta-view .view-more {
	color: #333;
	display: inline-block;
	padding: 7px 10px;
	border: 1px solid #eee;
	transition: all 0.3s;
}

.news-one .post-inner:hover  .post-content .meta-view .view-more {
	border: 1px solid var(--color-key);
	color: #FFF;
	background: var(--color-key);
}

.news-one .post-inner .post-content .meta-time {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e2e2e2;
	font-size: 13px;
}

.news-one .post-inner .post-content .meta-time span:nth-child(1) {
	color: #D90000;
	font-family: 'HelveticaNeue-Bold';
}

.video-container {
	position: relative;
	padding-bottom: 56%;
	padding-top: 54px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.change-video {
	width: 100%;
	height: 43px;
	border: 1px solid #ddd;
	margin-top: 5px;
}

/*Partner*/
#partner{
	padding: 60px 0;
}
.partner-one {
	margin: 30px 0px;
}

.img-partner {
	border: 1px solid #e5e5e5;
	background: #FFF;
}

.partner-one img {
	max-width: 100%;
}

.desc-partner {
	position: relative;
}

.title-partner {
	width: 100%;
	margin-bottom: 30px;
}
.title-partner p{
	text-align: center;
	color: #969697;
}

.title-partner h5 {
	color: #333;
	font-size: 20px;
	font-family: 'HelveticaNeue-Bold';
	text-transform: uppercase;
}

/*Title - page*/
.title-section-module {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.title-section-module:before {
	content: '';
	border-bottom: 1px solid #e5e5e5;
	width: calc(100% - 5px);
	left: 5px;
	position: absolute;
	bottom: 0px;
}

.title-section-module p {
	font-size: 17px;
	color: #545454;
	text-align: center;
	font-weight: 400;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 60%;
	line-height: 25px;
}

.title-section-module.white p,
.title-section-module.white h3,
.title-section-module.white h3 a {
	color: #FFF;
}

.title-section-module h3,
.title-section-module h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #303030;
	position: relative;
	display: inline-block;
	padding: 5px 55px 5px 0;
	margin-bottom: 5px;
	text-align: left;
	font-family: 'HelveticaNeue-Bold';
	border-radius: 6px;
	min-width: 200px;
}

.title-section-module h4.white {
	color: #FFF !important;
}

.title-section-module h3 span {
	color: #333;
	font-size: 14px;
	text-transform: initial;
	font-weight: 400;
}

.title-section-module.none h3:after {
	position: absolute;
	bottom: -11px;
	background: var(--color-key);
	height: 5px;
	width: 100%;
	content: '';
	left: 0px;
	z-index: 10;
}

.title-section-module h3.title a {
	color: #303030;
	line-height: 32px;
	display: block;
}

.title-section-module h3.title a span {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	float: right;
	text-align: center;
	position: absolute;
	right: 10px;
	display: none;
}

.title-section-module.white h3.title a {
	color: #FFF;
}

.title-section-module ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-right: 70px;
}

.title-section-module ul li {
	margin-right: 30px;
	position: relative;
}

.title-section-module ul li a {
	color: #333;
	font-size: 14px;
}

.title-section-module ul li:hover a {
	color: #01266c;
}

.title-section-module > a {
	position: absolute;
	right: 10px;
	color: #333333;
	top: 14px;
	font-size: 14px;
}

.title-section-module > a > img {
	float: right;
	margin-left: 5px;
	margin-top: 1px;
}

.title-section-module h3:hover a {
	text-decoration: none;
}

.title-section-module .product-menu {
	display: none;
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}

.title-section-module .product-menu svg {
	fill: #525252;
}

.title-section {
	position: relative;
	height: 45px;
	margin-bottom: 24px;
	border-bottom: 1px solid #CCC;
}

.title-section h4 {
	display: inline-block;
	position: relative;
	height: 45px;
	color: #f4c601;
	font-size: 20px;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'HelveticaNeue-Bold';
}

.title-section h4:before {
	position: absolute;
	content: '';
	width: 60px;
	left: 0px;
	height: 3px;
	background: #f4c601;
	bottom: -1px;
}

.title-section a {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 15px;
	text-transform: uppercase;
	color: #333;
}

.head-title {
	text-align: left;
}

.head-title h1,
.head-title h2 {
	color: #333;
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 15px;
	position: relative;
	font-family: 'HelveticaNeue-Bold';
	line-height: 45px;
	margin-bottom: 20px;
}

.head-title h1:after,
.head-title h2:after,
.head-title h1:before,
.head-title h2:before {
	content: '';
	position: absolute;
	left: 0px;
	height: 2px;
	background: #8c8c8c;
}

.head-title h1:after,
.head-title h2:after {
	width: 100px;
	bottom: 8px;
	left: 0%;
}

.head-title h1:before,
.head-title h2:before {
	width: 80px;
	bottom: 12px;
	left: 00%;
}

.title-page {
	color: #333333;
	font-size: 25px;
	position: relative;
	font-family: 'Inter';
	line-height: 30px;
	font-weight: 700;
}

/*breadcrumb*/
#title-breadcrumbs {
	background-color: #f6f6f6;
}

#breadcrumb {
	padding: 10px 0px;
	list-style: none;
}

#breadcrumb li {
	display: inline;
	font-size: 14px;
	color: #aaa;
}

#breadcrumb li+li:before {
	padding: 8px;
	color: #aaa;
	content: "/\00a0";
	font-weight: 300;
}

#breadcrumb li a {
	color: #aaa;
	text-decoration: none;    
	font-weight: 300;
}

#breadcrumb li a:hover {
	color: #01447e;
}

/*Menu*/
#menu {
	transition: all 0.6s;
	background: #01266c;
}

#menu.fixed-menu {
	position: sticky;
	top: 0px;
	z-index: 90;
}

.search-bar {
	width: 100%;
	height: 38px;
	border: 2px solid #e8e8e8;
	background-color: #FFFFFF;
	z-index: 12;
	display: flex;
	transition: all 0.6s;
	position: relative;
	border-radius: 60px;
}

.search-bar.show {
	width: 250px;
	visibility: visible;
	opacity: 1;
}

.search-bar .search-select {
	width: 20%;
	border: none;
	background-color: transparent;
	padding: 5px 10px;
	font-size: 14px;
	border-right: 1px solid #e4e4e4;
}

.search-bar input.search-text {
	font-size: 14px;
	background-color: transparent;
	border: none;
	height: 34px;
	width: calc(100% - 40px);
	padding: 0px 10px;
	outline: none;
	color: #333333;
}

.search-bar input.search-text::-webkit-input-placeholder {
	color: #999;
}

.search-bar input.search-text:-ms-input-placeholder {
	color: #999;
}

.search-bar input.search-text::placeholder {
	color: #999;
}

.search-bar .search-btn {
	width: 34px;
	height: 34px;
	border: none;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	position: absolute;
	top: -1px;
	right: -1px;
	cursor: pointer;
	z-index: 1;
	font-size: 18px;
}

.search-bar .search-btn  span {
	margin-right: 5px;
}

#menu .item-big {
	text-align: center;
	position: relative;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#menu .item-big .nav-item {
	display: inline-block;
	position: relative;
	margin-right: 40px;
}

#menu .item-big .nav-item:last-child {
	margin-right: 0px;
}

#menu .item-big .nav-item > a {
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 48px;
	text-decoration: none;
	color: #FFF;
	position: relative;
	text-transform: uppercase;
	font-family: 'HelveticaNeue-Bold';
}

#menu .item-big .nav-item > a:after,
#menu .item-big .nav-item > a:before {
	width: 0%;
	content: '';
	height: 3px;
	position: absolute;
	bottom: 0px;
	transition: all 0.3s;
}

#menu .item-big .nav-item > a:before {
	background: #01266c;
	left: 50%;
}

#menu .item-big .nav-item > a:after {
	background: #01266c;
	right: 50%;
}

#menu .item-big .nav-item:hover > a:before,
#menu .item-big .nav-item:hover > a:after {
	width: 50%;
}

#menu .item-big .nav-item > a i {
	font-size: 15px;
}

#menu .item-big .nav-item > a i.home {
	font-size: 25px;
}

#menu .item-big .nav-item.active > a,
#menu .item-big .nav-item:hover > a {
	color: #FFF;
}

#menu .item-big .nav-item a span {
	float: left;
	margin-top: -3px;
	margin-right: 5px;
}

#menu .item-big .nav-item a span img {
	vertical-align: middle;
}

#menu .item-big .nav-item > .item_small {
	overflow: hidden;
	display: block;
	max-height: 0px;
	max-width: 0px;
	opacity: 0;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(600px) rotateX(-90deg);
	-o-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	position: absolute;
	top: 100%;
	left: 0;
	width: 250px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	z-index: 99;
}

#menu .item-big .nav-item:hover>ul {
	overflow: visible;
	max-height: 3000px;
	max-width: 3000px;
	opacity: 1;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(600px) rotateX(0deg);
	-ms-transform: perspective(600px) rotateX(0deg);
	-o-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
	-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
	transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

#menu .item-big .nav-item.has-mega {
	position: static !important;
}

#menu .item-big .mega-content {
	background: #fff;
	overflow: hidden;
	display: block;
	max-height: 0px;
	max-width: 0px;
	opacity: 0;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(600px) rotateX(-90deg);
	-o-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	margin: 0;
	padding: 15px 15px;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 99;
	width: 100%;
	border: none;
	text-align: left;
	box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
}

#menu .item-big .nav-item:hover>.mega-content {
	overflow: visible;
	max-height: 3000px;
	max-width: 3000px;
	opacity: 1;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(600px) rotateX(0deg);
	-ms-transform: perspective(600px) rotateX(0deg);
	-o-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
	-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
	transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

#menu .item-big .nav-item:hover>.mega-content {
	display: block;
}

#menu .item-big .mega-content .parent {
	width: calc(100% / 3);
	padding: 0px 20px;
}

#menu .item-big .mega-content .parent h4 a {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	color: #0056BB;
	margin-bottom: 5px;
}

#menu .item-big .mega-content .parent h4 a:hover,
#menu .item-big .mega-content .level1 .level2 a:hover,
#menu .item-big .nav-item > ul > li > a:hover,
#menu .item-big .nav-item > ul > li > ul > li > a:hover {
	color: #01266c;
}

#menu .item-big .mega-content .level1 .level2 a {
	font-size: 14px;
	color: #333;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	padding: 5px 0px 5px;
	border-bottom: 1px dashed #CCC;
}

#menu .item-big .nav-item > ul li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	display: block;
	padding: 7px 5px 7px 0px;
	color: #282828;
	position: relative;
	border-bottom: solid 1px #e5e6ec;
	text-align: left;
}

#menu .item-big .nav-item>ul li:last-child>a {
	border-bottom: 0;
}

#menu .item-big .nav-item > ul li a i {
	position: absolute;
	right: -10px;
	padding: 0px 10px;
	top: 0;
	line-height: 38px;
}

#menu .item-big .nav-item > ul li {
	padding: 0px 10px;
}

#menu .item-big .nav-item li {
	position: relative;
}

#menu .item-big .nav-item>ul li ul {
	display: none;
	left: 200px;
	top: 0px;
}

#menu .item-big .nav-item>ul li:hover>ul {
	display: block;
	position: absolute;
	width: 250px;
	padding: 0;
	background-color: #fff;
	z-index: 99;
	box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
	-os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
}

.video-one {
	padding: 30px 0px;
}

.box-video {
	position: relative;
}

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

.box-video a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 2;
	opacity: 0;
}

.box-video h3 {
	margin-top: 10px;
	text-transform: uppercase;
	color: #333;
	font-size: 16px;
	font-family: 'HelveticaNeue-Bold';
	text-align: center;
	margin-bottom: 10px;
	line-height: 25px;
	min-height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box-video p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.box-video:hover h3 {
	color: #01266c;
}

.box-video:hover .triangle {
	stroke-dashoffset: 0;
	opacity: 1;
	stroke: #ffffff;
	animation: nudge 0.7s ease-in-out;
}

.box-video:hover .circle {
	stroke-dashoffset: 0;
	opacity: 1;
}

.video-img {
	position: relative;
}

.videoPlay {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	z-index: 1
}

.video-img h3,
.video-item h3 {
	position: absolute;
	margin: 0px 15px;
	bottom: 15px;
	color: #FFF;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.video-img h3:before,
.video-item h3:before {
	width: 10px;
	height: 15px;
	background: #fc0;
	content: '';
	left: 0px;
	top: 1px;
	position: absolute;
}

.videoPlay svg {
	width: 80px;
	height: 80px;
}

.circle {
	stroke: #ffffff;
	stroke-dasharray: 650;
	stroke-dashoffset: 650;
	-webkit-transition: all 0.5s ease-in-out;
	opacity: 0.3;
}

.playBut {

	/*  border: 1px solid red;*/
	display: inline-block;
	-webkit-transition: all 0.5s ease;
}

.playBut .triangle {
	-webkit-transition: all 0.7s ease-in-out;
	stroke-dasharray: 240;
	stroke-dashoffset: 480;
	stroke: #FFF;
	transform: translateY(0);
}

.video-img:hover .triangle {
	stroke-dashoffset: 0;
	opacity: 1;
	stroke: #ffffff;
	animation: nudge 0.7s ease-in-out;
}

@keyframes nudge {
	0% {
		transform: translateX(0);
	}

	30% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	70% {
		transform: translateX(-2px);
	}

	100% {
		transform: translateX(0);
	}

}

.video-img:hover .circle {
	stroke-dashoffset: 0;
	opacity: 1;
}

/*full-page*/
/* #full-page {
	overflow-x: hidden;
} */

.in-page .bg-content {
	background: #000000;
}

.wrap-bg-in {
	width: 100%;
}

.right-page {
	order: 2
}

/*Product*/
#sort-by {
	text-align: left;
	width: 220px;
}

#sort-by label {
	font-family: 'Arial';
	font-weight: 400;
	line-height: 33px;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 0;
	color: #8c8c8c;
	display: inline-block;
}

#sort-by ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#sort-by > ul > li {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	cursor: pointer;
	line-height: 34px;
	border-radius: 3px;
	position: relative;
	font-size: 14px;
}

#sort-by ul ul {
	position: absolute;
	visibility: hidden;
	width: 180px;
	right: 0;
	top: 100%;
	z-index: 10000;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	overflow: hidden;
	background: #fff;
	padding-left: 0px !important;
}

#sort-by li li {
	width: 100%;
	margin-top: 0px;
	border-top: none;
	border-right: none;
	border-left: none;
	padding: 5px 10px;
	line-height: 20px;
}

#sort-by li>a {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	transition: all 0s ease-in-out;
}

#sort-by a:link,
#sort-by a:visited {
	color: #333;
	text-decoration: none;
}

#sort-by li:hover>ul {
	visibility: visible;
}

.box-full-product {
	width: 100%;
	background: #FFF;
}

.col-38 {
	width: 380px;
}

.col-62 {
	width: calc(100% - 380px);
}

.product-news-one {
	padding: 30px 0px 0px;
}

.product-view .item-product-main {
	width: 100%;
	padding: 10px;
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 30%);
	margin-bottom: 20px;
}

.product-view .item-product-main.none-border {
	border: dashed 0px #ebebeb;
}

.border-left {
	border-left: 1px solid #f1f1f1;
}

.product-view .item-product-main .product-item-main {
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.product-view .item-product-main .product-item-main .product-thumbnail {
	position: relative;
	overflow: hidden;
	background: #FFF;
}

.product-view .item-product-main .product-item-main .product-thumbnail .image_thumb {
	justify-content: center;
	display: flex;
	-o-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-os-justify-content: center;
	-o-display: flex;
	-moz-display: flex;
	-webkit-display: flex;
	-os-display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.product-view .item-product-main .product-item-main .product-thumbnail .product-moi {
	display: inline-block;
	width: 39px;
	height: 30px;
	background: url('images/ico-6.png') no-repeat top center;
	left: 10px;
	top: 10px;
	z-index: 2;
	position: absolute;
}

.product-view .item-product-main .product-item-main .product-thumbnail .product-sale {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	font-weight: 500;
	width: 40px;
	height: 40px;
	background: #FF0000;
	border-radius: 50%;
	font-size: 13px;
}

.item-product-main .product-item-main .product-thumbnail .sale-inac {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 34px;
}

.item-product-main .product-item-main .product-thumbnail .action {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 9;
}

.item-product-main .product-item-main .product-thumbnail .action .btn-views {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #fff;
	border: 1px solid #fff;
	padding: 0px;
	box-shadow: none;
	font-size: 18px;
	font-weight: 500;
	margin: 0 5px;
	color: #303f39;
	border-radius: 5px;
	z-index: 6;
	display: block !important;
	opacity: 0;
	vertical-align: middle;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	transition: all 0.6s;
	cursor: pointer;
}

.item-product-main .product-item-main .product-thumbnail .action .btn-views:hover {
	background: #fe5767;
	border-color: #fe5767;
	color: #fff;
}

.item-product-main .product-item-main:hover .btn-views {
	webkit-animation: hover-imagecategory 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
	-moz-animation: hover-imagecategory 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
	-o-animation: hover-imagecategory 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
	animation: hover-imagecategory 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
	display: block !important;
	opacity: 1 !important;
}

.product-view .item-product-main .product-item-main .product-thumbnail .image_thumb {
	position: relative;
}

.product-view .item-product-main .product-item-main .product-thumbnail .image_thumb img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	transition: all 0.6s;
}

.product-view .item-product-main .product-item-main .product-thumbnail .image_thumb img.post-img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 0;
}

.product-view .item-product-main:hover img {
	transform: scale(1.03);
}

.product-view .item-product-main .product-item-main .product-bottom {
	position: relative;
	text-align: center;
	border-top: none;
	margin-top: 10px;
}

.product-view .item-product-main .product-item-main .product-bottom .status span {
	color: var(--color-key);
	font-family: 'HelveticaNeue-Bold';
}

.product-view .item-product-main.none-border-bottom .product-item-main .product-bottom {
	padding: 10px 10px 10px;
	border: 0px dashed #DDD;
}

.product-view .item-product-main .product-item-main .product-bottom .product-name {
	font-size: 14px;
	word-wrap: break-word;
	line-height: 20px;
	overflow: hidden;
	padding: 0px 0px 0px;
	text-align: left;
	height: 44px;
}

.product-view .item-product-main .product-item-main .product-bottom .product-name a {
	text-decoration: none;
	color: #2c2c2c;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
}

.product-view .item-product-main .product-item-main:hover .product-bottom .product-name a {
	color: #01266c
}

.product-view .item-product-main .product-item-main .product-bottom .blockprice {
	width: 70%;
	text-align: left;
}

.product-view .item-product-main .product-item-main .product-bottom .price-box {
	font-size: 15px;
	line-height: 16px;
	color: #282828;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	margin-top: 5px;
}

.product-view .item-product-main .product-item-main .product-bottom .price-box p:nth-child(1) {
	margin-right: 10px;
}

.product-view .item-product-main .product-item-main .product-bottom .compare-price {
	color: #717171;
	text-decoration: line-through;
	display: inline-block;
	font-size: 13px;
	font-family: 'Inter';
}

.product-view .item-product-main .product-item-main .product-bottom .product-price {
	color: #FF0000;
	display: inline-block;
	font-size: 14px;
	font-family: 'Inter';
	font-weight: 700;
}

.product-view .item-product-main .product-item-main .product-bottom .btn-cart {
	transition: all 0.2s;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.product-view .item-product-main .product-item-main .product-bottom .a_url {
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	color: #fff;
	background: #01266c;
	padding: 3px 13px;
	line-height: 25px;
	text-transform: uppercase;
	display: block;
	display: flex;
	justify-content: center;
}

.product-view .item-product-main .product-item-main .product-bottom .a_url svg {
	fill: #fff;
	width: 22px;
	margin-right: 8px;
}

.product-view1 .left-view {
	width: 288px;
}

.product-view1 .right-view {
	width: calc(100% - 308px + 20px);
	margin: 0px -10px;
}

.product-view1 .item-product-main {
	width: calc(100% - 20px);
	margin: 0px 10px 20px;
}

.product-view1 .item-product-main.none-border {
	border: dashed 0px #ebebeb;
}

.product-view1 .item-product-main .product-item-main {
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	background: #fff;
	padding: 0px;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail {
	position: relative;
	overflow: hidden;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .image_thumb {
	justify-content: center;
	display: flex;
	-o-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-os-justify-content: center;
	-o-display: flex;
	-moz-display: flex;
	-webkit-display: flex;
	-os-display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .product-moi {
	display: inline-block;
	width: 39px;
	height: 30px;
	background: url('images/ico-6.png') no-repeat top center;
	left: 10px;
	top: 10px;
	z-index: 2;
	position: absolute;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .product-sale {
	display: inline-block;
	width: 42px;
	height: 57px;
	background: url(images/ico-5.png) no-repeat top center;
	right: 0px;
	top: 0px;
	position: absolute;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	z-index: 2;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .image_thumb {
	position: relative;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .image_thumb img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	transition: all 0.6s;
}

.product-view1 .item-product-main .product-item-main .product-thumbnail .image_thumb img.post-img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 0;
}

.product-view1 .item-product-main:hover img {
	transform: scale(1.03);
}

.product-view1 .item-product-main .product-item-main .product-bottom {
	background: #fff;
	padding: 7px 10px 7px 10px;
	position: relative;
	text-align: center;
}

.product-view1 .item-product-main .product-item-main .product-bottom .status span {
	color: var(--color-key);
	font-family: 'HelveticaNeue-Bold';
}

.product-view1 .item-product-main.none-border-bottom .product-item-main .product-bottom {
	padding: 10px 10px 10px;
	border: 0px dashed #DDD;
}

.product-view1 .item-product-main .product-item-main .product-name {
	font-size: 18px;
	word-wrap: break-word;
	line-height: 20px;
	padding: 7px 0px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	/* overflow: hidden; */
	text-overflow: ellipsis;
	font-weight: 500;
	overflow: hidden;
}

/*add background-color*/
.product-view1 .item-product-main .product-item-main .product-name a {
	text-decoration: none;
	color: #2c2c2c;
	display: block;
	overflow: hidden;
}

.product-view1 .item-product-main .product-item-main:hover .product-bottom .product-name a {
	color: #b48144
}

.product-view1 .item-product-main .product-item-main .product-bottom .blockprice {
	width: 70%;
	text-align: left;
}

.product-view1 .item-product-main .product-item-main .product-bottom .price-box {
	font-size: 15px;
	line-height: 16px;
	color: #282828;
	text-align: center;
	display: flex;
	justify-content: center;
}

.product-view1 .item-product-main .product-item-main .product-bottom .compare-price {
	color: #717171;
	text-decoration: line-through;
	margin: 2px 5px;
	display: inline-block;
}

.product-view1 .item-product-main .product-item-main .product-bottom .product-price {
	color: #7e0808;
	margin: 2px 0px 2px 0px;
	display: inline-block;
	font-size: 20px;
	font-family: 'HelveticaNeue-Bold';
}

.product-view1 .item-product-main .product-item-main .product-bottom .a_url {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	background: var(--color-key);
	padding: 7px 13px;
	width: 90px;
	bottom: 10px;
	border-radius: 5px;
	font-family: 'Nunito';
}

.product-view1 .item-product-main .product-item-main .product-bottom .btn-cart {
	display: none
}

.readmore-product {
	text-align: center;
}

.readmore-product a {
	display: inline-block;
	padding: 10px 30px;
	color: #FFF;
	border: 1px solid var(--color-key);
	border-radius: 29px;
	background: var(--color-key);
}

.readmore-product a img {
	vertical-align: middle;
	margin-left: 5px;
}

.adv-product {
	min-height: 300px;
	padding: 40px 0px;
}

#adv-center {
	padding: 0px 0px 30px;
	position: relative;
}

#adv-center .img {
}

#content-video {
	margin-bottom: 30px;
}

#content-video .img-video {
	padding: 10px;
	border: 1px solid #422213;
}

.img-video span img {
	position: relative;
	z-index: 12;
}

.img-video {
	position: relative;
}

.img-video span {
	display: inline-block;
	width: 81px;
	height: 81px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.6s;
}

.img-video span:after {
	position: absolute;
	width: 121px;
	height: 121px;
	top: -20px;
	left: -20px;
	content: '';
	background: rgb(66 34 19 / 0.5);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	animation: morphing 10s infinite;
	z-index: 0;
}

@-moz-keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
		box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	}

	25% {
		border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}

	50% {
		border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
		box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2);
	}

	75% {
		border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}

}

@-webkit-keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
		box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	}

	25% {
		border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}

	50% {
		border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
		box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2);
	}

	75% {
		border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}

}

@-o-keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
		box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	}

	25% {
		border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}

	50% {
		border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
		box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2);
	}

	75% {
		border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}

}

@keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
		box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	}

	25% {
		border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
	}

	50% {
		border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
		box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2);
	}

	75% {
		border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
	}

}

.slider-one .right-slider {
	width: 67%;
}

.slider-one .left-slider {
	width: 32%;
}

.owl-carousel.in-product .owl-nav button.owl-next,
.owl-carousel.in-product .owl-nav button.owl-prev {
	position: absolute;
	top: -55px;
	right: 0px;
	width: 25px;
	height: 25px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 50%;
}

.owl-carousel.in-product .owl-nav button.owl-next {
	right: 10px;
}

.owl-carousel.in-product .owl-nav button.owl-prev {
	right: 40px;
}

.owl-carousel.in-product .owl-nav button.owl-next img,
.owl-carousel.in-product .owl-nav button.owl-prev img {
	transform: scale(0.5);
}

.box-content-slider {
	width: 100%;
	padding: 15px;
	background: rgba(82, 23, 19, 0.2);
	border: 2px solid #d1a700;
	border-radius: 5px;
	font-size: 22px;
	text-transform: uppercase;
	color: #FFF;
	margin-top: -79px;
	z-index: 2;
	position: relative;
	font-family: var(--font-key);
}

.owl-carousel.in-home .arrowleft,
.owl-carousel.in-home .arrowright {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 0px;
	margin-top: -22.5px;
}

.owl-carousel.in-home .arrowleft {
	left: 15px;
}

.owl-carousel.in-home .arrowright {
	right: 15px;
}

.owl-carousel.in-home .arrowleft svg,
.owl-carousel.in-home .arrowright svg {
	width: 55px !important;
	height: 55px !important;
}

.owl-carousel.in-home .a {
	fill: none;
	stroke: #FFF;
	stroke-width: 560;
	stroke-miterlimit: 10;
}

.owl-carousel.in-home .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0px;
	z-index: 222;
	margin: 0px;
	height: 0px;
}

.box-slider {
	padding: 8px 20px;
	text-align: center;
	min-height: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.box-slider:after {
	width: 1px;
	height: 50%;
	right: 0px;
	background: #F0F0F0;
	content: '';
	position: absolute;
	top: 25%;
}

.box-slider.active h5 {
	color: #333;
	font-family: 'HelveticaNeue-Bold';
}

.full-slider {
	position: relative;
}

.full-slider .postion {
	padding: 40px;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	max-width: 70%;
	padding: 50px;
	background: rgba(82, 23, 19, 0.2);
	border: 2px solid #FFF;
	border-radius: 5px
}

.full-slider .postion h5 {
	font-size: 34px;
	color: #FFF;
	font-family: 'HelveticaNeue-Bold';
	text-transform: uppercase;
}

.full-slider .postion p {
	margin-top: 15px;
	color: #FFF;
	font-size: 15px;
	line-height: 24px;
}

.full-slider .postion p a {
	font-size: 13px;
	padding: 6px 20px;
	color: #FFF;
	border: 1px solid #FFF;
	display: inline-block;
	border-radius: 30px;
	text-transform: uppercase;
}

.full-slider .postion p a:hover {
	color: #FFF;
	border: 1px solid #FFF;
}

.full-slider .active .postion {
	animation: 2s .2s zoomIn both;
}

.owl-carousel.in-home .active .slide-caption__title {
	animation: 1s 1s fadeInUp both;
}

.owl-carousel.in-home .active .slide-caption__desc {
	animation: 1s 1.2s fadeInUp both;
}

.owl-carousel.in-home .active .slide-caption__btn {
	animation: 1s 1.6s fadeInUp both;
}

.product-tab {
}

.detail-set table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.detail-set table th,
.detail-set table td {
	padding: 10px;
	border: 1px solid #e4e4e4;
}

.detail-set table tr:nth-child(odd) {
	background: #F3f3f3;
}

.box-detail {
	padding: 0px 10px;
}

#detail-product {
	width: 100%;
	position: relative;
	margin-top: 20px;
}

#detail-product .img-top {
	padding: 0px 0px 0px;
}

#detail-product .img-top img {
	max-width: 100%;
	display: block;
}

#detail-product .img-bottom {
	padding-top: 10px;
	margin-top: 10px;
	position: relative;
	width: 90%;
	margin: auto;
}

#detail-product .img-bottom .img {
	padding: 0px 5px;
}

#detail-product .img-bottom .img img {
	border: 1px solid #e5e5e5;
	padding: 3px;
	max-width: 100%;
	display: block;
}

#detail-product .img-bottom .img .mz-thumb-selected img {
	border: 1px solid var(--color-key) !important;
}

#detail-product .img-bottom .img .mz-thumb:hover img {
	border: 1px solid var(--color-key) !important;
}

#detail-product .img-bottom .owl-prev,
#detail-product .img-bottom .owl-next {
	position: absolute;
	font-size: 30px;
	top: 50%;
	margin-top: -20px;
}

#detail-product .img-bottom .owl-prev {
	left: -20px;
}

#detail-product .img-bottom .owl-next {
	right: -20px;
}

#detail-product .header {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: 'HelveticaNeue-Bold';
	line-height: 30px;
}

#detail-product .header h3,
#detail-product .header h1 {
	color: #333;
	font-family: 'HelveticaNeue-Bold';
}

#detail-product .quickview-info {
	margin-bottom: 10px;
}

#detail-product .quickview-info .status-page {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 10px;
}

#detail-product .quickview-info .status-page .status {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
}

#detail-product .quickview-info .status-page .status .status-class {
	color: var(--color-key);
}

#detail-product .quickview-info .status-page .status:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px solid #CCC;
}

#detail-product .quickview-info .reviews {
	margin-bottom: 10px;
}

#detail-product .quickview-info .reviews span {
	color: #ffe20f;
}

#detail-product .quickview-info .prices {
	margin-bottom: 10px;
	padding: 10px;
	background: #f1f1f1;
	position: relative;
}

#detail-product .quickview-info .prices .price {
	font-size: 20px;
	color: #FF0000;
	margin-right: 10px;
	display: block;
}

#detail-product .quickview-info .prices .price span {
	font-size: 30px;
}

#detail-product .quickview-info .prices .product-price-save {
	font-size: 14px;
	color: #333;
	font-family: 'HelveticaNeue-Bold';
}

#detail-product .quickview-info .prices .old-price {
	font-size: 18px;
	text-decoration: line-through;
	color: #acacac;
	padding-left: 37px;
}

.sale-detail {
	position: absolute;
	right: 10px;
	top: 27px;
	font-size: 15px;
	background: #D90000;
	color: #FFF;
	display: inline-block;
	padding: 3px 8px;
	border-radius: 5px;
}

#detail-product .product-description {
	color: #2c2c2c;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}

#detail-product .product-description a {
	font-size: 14px;
	color: var(--color-key);
	font-weight: 400;
	font-style: italic;
}

#detail-product .qty-ant {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

#detail-product .qty-ant label {
	width: 100px;
	line-height: 35px;
}

#detail-product .qty-ant .custom {
	width: auto;
	border: 1px solid #CCC;
}

#detail-product .qty-ant .custom .btn-cts {
	font-size: 20px;
	line-height: 0px;
	border: none;
	display: block;
	width: 35px;
	height: 35px;
	background: #fff;
	float: left;
	color: #333;
	text-align: center;
	padding: 0px;
	border-radius: 0;
	cursor: pointer;
}

#detail-product .qty-ant .custom .qty {
	height: 35px;
	font-size: 1em;
	margin: 0;
	width: 35px;
	padding: 0 2px;
	text-align: center;
	background: #fff;
	min-height: unset;
	display: block;
	float: left;
	box-shadow: none;
	border-radius: 0px;
	border: none;
}

#detail-product .btn-mua .buy,
#detail-product .btn-mua .buypayment {
	color: #fff;
	background-color: #000;
	font-size: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	text-transform: uppercase;
	font-weight: 500;
	height: auto;
	line-height: inherit;
	box-shadow: none;
	padding: 10px 10px;
	width: auto;
	border: none;
	cursor: pointer;
}

#detail-product .btn-mua .buy {
	background-color: #ff8900;
}

#detail-product .btn-mua .buypayment {
	background-color: #d84100;
}

#detail-product .btn-mua .buy .txt-main,
#detail-product .btn-mua .buypayment .txt-main {
	font-size: 16px;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	width: 100%;
}

#detail-product .btn-mua .buy .text-add,
#detail-product .btn-mua .buypayment .text-add {
	font-size: 12px;
	text-transform: none;
	font-weight: 400;
	display: block;
	width: 100%;
}

#detail-product .element {
	margin-bottom: 10px;
}

#detail-product .element .head {
	margin: 0px 0px 10px;
	text-align: left;
	min-width: 100px;
	font-weight: 400;
	font-size: 14px;
}

#detail-product .element .cont {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#detail-product .element .cont .el {
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}

#detail-product .element .cont .el label {
	min-width: 35px !important;
	height: 35px !important;
	margin: 0;
	padding: 0 5px;
	border: #d7d7d7 1px solid;
	background-color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	white-space: nowrap;
	display: inline-block;
	font-weight: normal;
	background-color: unset !important;
	text-transform: uppercase;
}

#detail-product .element .cont .el input:checked + label {
	color: var(--color-key);
	border: 1px solid var(--color-key);
}

#detail-product .element .cont .el input[type="checkbox"],
#detail-product .element .cont .el input[type="radio"] {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	position: absolute;
	background: transparent;
	outline: none;
	opacity: 0;
	left: 0px;
	cursor: pointer;
}

#detail-product .hotline-product {
	font-size: 15px;
}

#detail-product .hotline-product a {
	color: var(--color-key);
	font-family: 'HelveticaNeue-Bold';
	font-size: 20px;
}

#detail-product .product-tab ul.tabs {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 25px;
	justify-content: flex-start;
}

#detail-product .product-tab .tabs-title li {
	margin-right: 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #f33;
	display: block;
	padding: 10px 0px;
	position: relative;
	cursor: pointer;
	margin: 0px 20px 0px 0px;
	font-family: 'HelveticaNeue-Bold';
}

#detail-product .product-tab .tabs-title li:hover:after,
#detail-product .product-tab .tabs-title li.current:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	height: 2px;
	background: #1c1c1c;
	width: 100%;
	left: 0;
}

#detail-product .product-tab .tabs-title li:hover,
#detail-product .product-tab .tabs-title li.current {
	color: #1c1c1c;
}

#detail-product .product-tab .tab-content {
	opacity: 0;
	visibility: hidden;
	height: 0;
}

#detail-product .product-tab .tab-content.current {
	min-height: 1px;
}

#detail-product .product-tab .tab-content.current {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.detail-set {
	line-height: 22px;
}

.detail-set p,
.detail-set h1,
.detail-set h2,
.detail-set h3,
.detail-set h4,
.detail-set h5,
.detail-set h6 {
	margin-bottom: 10px;
}

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

.item-product .img {
	overflow: hidden;
}

.item-product .img img {
	max-width: 100%;
	display: block;
	transition: all 0.6s;
}

.item-product:hover .img img {
	transform: scale(1.05);
}

.item-product .desc a {
	color: #333;
	display: block;
	text-align: center;
	padding: 10px 0px 20px;
	font-size: 15px;
}

.item-product:hover .desc a {
	color: var(--color-key);
}

.item-product .desc p {
	margin-top: 5px;
}

.item-product .desc p .price {
	color: #FF0000;
	font-family: 'HelveticaNeue-Bold';
}

/*Posts*/
.post-inner {
}

.post-inner .post-img {
	position: relative;
	width: 38%;
	border-radius: 5px;
	overflow: hidden;
}

.post-inner .post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-inner .post-img.w-100 {
	width: 100% !important;
}

.post-inner .meta-time {
	color: #888
}

.post-inner .meta-time a {
	color: var(--color-key);
	font-family: 'HelveticaNeue-Bold';
}

.post-inner .post-content {
	border-top: 0px;
	padding: 0px 15px;
	width: 62%;
}

.post-inner .post-content.bgw {
	background: #FFF;
}

.post-inner .post-content.w-100 {
	width: 100% !important;
	padding: 5px 0px !important;
}

.post-inner .post-content h3.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-inner .post-content .padd-leftnew {
	width: 100%;
	background: #FFF;
	padding: 10px 10px 10px 10px;
	position: relative;
}

.post-inner .time-post {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: var(--color-key);
	padding: 25px 10px;
	color: #FFF;
	width: 58px;
}

.post-inner .time-post span:first-child {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

.post-inner .time-post span:last-child {
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	font-family: 'HelveticaNeue-Bold';
	text-align: center;
}

.post-inner .post-content h3 {
	padding-bottom: 10px;
}

.post-inner .post-content h3 a {
	font-size: 15px !important;
	color: #313030;
	font-family: 'HelveticaNeue-Bold';
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-inner .post-content.video-content h3 a {
	font-size: 15px;
	color: #333;
	font-family: 'HelveticaNeue-Bold';
	display: block;
	line-height: 22px;
}

.post-inner .post-content .meta-article {
	font-size: 14px;
	color: #696665;
	font-weight: 400;
	margin-bottom: 10px;
}

.post-inner .post-content .meta-article i {
	color: #01266c;
}

.post-inner .post-content .meta-content {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #272727;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-inner .post-content .meta-content a {
	color: #01266c;
}

.post-inner .post-content .meta-content a:hover {
	text-decoration: underline;
}

.post-inner .post-content .meta-view {
	margin-top: 10px;
}

.post-inner .post-content .meta-view .view-more {
	color: #333333;
	display: inline-block;
}

.post-inner .post-content .meta-time {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e2e2e2;
	font-size: 13px;
}

.post-inner .post-content .meta-time span:nth-child(1) {
	color: #D90000;
	font-family: 'HelveticaNeue-Bold';
}
.news-featured .container-full{
	padding: 50px 20px;
	background: #141414;
}
.news-featured .container-full .d-flex{
	max-width: 1600px;
	margin: 0 auto;
}
.news-featured .cover{
	position: relative;
}
.news-featured .col-8 .post-img{	
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.news-featured .col-8 .post-content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 50px;
}
.news-featured .post-content a{
	color: #fff !important;
	margin-bottom: 10px;
	display: block;
}
.news-featured .col-8 .post-content a{
	font-size: 32px;
	font-weight: 500;
    line-height: 1.3;
}
.news-featured .col-8 .post-content{
	color: #a0a0a0 !important;
}
.news-featured .col-4 .post-content{
	padding: 0px 25px
}
.news-featured .post-content .meta-content{
	color: #dadada !important;
}
.matte-screen{
	position: absolute;
	inset: 0;
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
	--tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	opacity: .8;
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.55) 20%, rgba(0, 0, 0, 0) 100%);
}
.news-featured .post-inner .post-img {
	border-radius: 16px;
}
.news-featured .post-inner .post-content h3 {
	padding-bottom: unset;
}
.section-news-one {
}

.section-news-one .titlle-news {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'HelveticaNeue-Bold';
	display: block;
	padding-bottom: 0px;
	margin-bottom: 20px;
	position: relative;
	line-height: 30px;
	color: #333;
	text-align: center;
}

.section-news-one .titlle-news a {
	float: right;
	font-size: 14px;
	text-transform: initial;
	color: #333;
	font-style: italic;
	font-weight: 400;
}

.section-news-one .post-inner {
	display: block
}

.section-news-one .post-inner a {
	position: relative;
	overflow: hidden;
	margin: 0 0 5px;
}

.section-news-one .post-inner a.post_image {
	position: relative;
	display: block
}

.section-news-one .post-inner a.post_image img {
	max-width: 100%;
	display: block;
}

.section-news-one .post-inner h5 {
	margin: 0 0 10px;
	padding: 3px 0 0;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500
}

.section-news-one .post-inner h5 a {
	color: #222;
	display: block;
	font-family: 'HelveticaNeue-Bold';
	font-size: 15px;
	line-height: 20px;
}

.section-news-one .post-inner .desc {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #666
}

.section-news-one .post-inner .readmore {
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	border: 2px solid #333;
	color: #333;
	font-family: 'HelveticaNeue-Bold';
}

.section-news-one .row-video {
	width: 100%;
}

.section-news-one .video-item {
	width: 100%;
	margin-bottom: 22px;
}

.section-news-one .video-item img,
.video-inner img {
	display: block;
	max-width: 100%;
}

.video-left {
	width: 72.4%;
}

.video-right {
	width: 27.6%;
}

.video-inner-h {
	overflow: hidden;
	position: relative;
}

.video-item {
	overflow: hidden;
	position: relative;
}

.video-inner-h img,
.video-item img {
	width: 100%;
}

@media screen and (max-width:991px) {
	.section-news-one .col-3,
	.about-left,
	.about-right {
		width: 100%;
		margin: 10px 0px;
	}

	.section-news-one .col-8 {
		width: 100%;
	}

	.section-news-one .video-item img,
	.video-inner img {
		width: 100%;
	}

}

@media screen and (max-width:768px) {
	.content-news .col-6 img {
		width: 100% !important;
	}

	.content-news .col-6 {
		width: 100%;
	}
	.view-news .col--3{
		width: 100%;
	}
	.view-news.row20{
		margin: 0px -10px;
	}
	.view-news .item20{
		padding: 0px 10px;
	}
}

.section-news-two {
	padding: 60px 0;
}

.section-news-two.dkHoc {
	padding: 60px 0;
	background-color: #333;
	color: white
}

.section-news-two .list-4b {
	overflow: hidden
}

.section-news-two .list-4b .inew {
	width: calc(100% / 4);
	cursor: pointer;
}
#steps p{
	line-height: 24px;
	font-size: 14px;
}
.section-news-two .list-4b .inew img {
	max-width: 100%;
	display: block;
}

.section-news-two .list-4b .inew:nth-child(4n) {
	margin-right: 0
}

.section-news-two .list-4b .img {
	width: 109px;
	border: 10px solid #f44025;
	border-radius: 50%;
	overflow: hidden;
	background-color: white;
	float: left
}

.section-news-two .list-4b .img:before {
	padding-bottom: 100%
}

.section-news-two .list-4b .info {
	width: calc(100% - 130px);
	float: right
}

.section-news-two .list-4b .numb {
	padding-bottom: 5px;
	border-bottom: 1px solid #5c5c5c;
	color: #adadad;
	font-size: 40px;
	box-shadow: 0 1px #292929;
	margin: 0 0 15px 0;
	position: relative
}

.section-news-two .list-4b .numb:before {
	content: "";
	display: block;
	border-left: 17px solid #f44025;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	position: absolute;
	left: -23px;
	bottom: -12px
}

.section-news-two .list-4b .name {
	display: block;
	margin-bottom: 20px;
	border: 2px solid #191919;
	text-transform: uppercase;
	line-height: 36px;
	border-radius: 20px;
	max-width: 220px;
	font-size: 12px;
	text-align: center
}

.section-news-two .list-4b .desc {
	line-height: 19px;
	overflow: hidden;
	font-size: 14px;
}
@media screen and (max-width:1048px) {
	.section-news-two .list-4b .inew {
		width: calc(100% / 2);
		margin: 15px 0px;
	}
}

@media screen and (max-width:768px) {
	.section-news-two .list-4b .inew {
		width: 100%
	}
}
/*Paging*/
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	background-color: #fff;
	border: 1px solid #dee2e6
}

.page-link:hover {
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: var(--color-key);
	border-color: var(--color-key)
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}

.mfp-close {
	border-radius: 50%;
	top: -22px;
	right: -22px;
	background: #333 !important;
	color: #FFF !important;
	opacity: 1 !important;
}

.mfp-close:active {
	top: -22px;
}

.box-border {
	padding: 0px 60px;
}

.content-tuvan ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content-tuvan ul li {
	padding: 10px 0px;
}

.content-tuvan ul li:not(:last-child) {
	border-bottom: 1px dashed #d5d5d5;
}

.content-tuvan ul li a {
	color: #333;
	font-size: 14px;
}

.content-tuvan ul li a:hover {
	color: var(--color-key)
}

/*Contact*/
#contact-body h4.title {
	font-size: 22px;
	display: block;
	font-family: 'HelveticaNeue-Bold';
	color: #01266c;
}

#contact-body .box-frame-map {
	width: 100%;
	padding: 5px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
}

#contact-body .box-frame-map iframe {
	width: 100% !important;
	height: 350px !important;
	display: block;
}

#contact-body .content-contact {
	line-height: 22px;
}

#contact-body .content-contact p {
	margin-top: 7px;
	margin-bottom: 7px;
	color: #422213;
}

#contact-body .form-contact .input-control {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #CCC;
	box-shadow: none;
	min-height: 42px;
	font-size: 14px;
}

#contact-body .form-contact .input-control.error {
	border-color: #ff0000 !important;
}

#contact-body .form-contact .error {
	font-size: 13px;
	display: block;
	margin-top: 5px;
	color: #FF0000;
}

#contact-body .form-contact textarea.input-control {
	height: 146px;
}

#contact-body .form-contact .button-control {
	height: 42px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #01266c;
	padding: 0px 15px;
	background: #01266c;
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
}

/*Detail box*/
.detail-box {
	line-height: 20px;
}

.detail-box p {
	margin-bottom: 10px;
    line-height: 1.3;
}

.detail-box h1,
.detail-box h2,
.detail-box h3,
.detail-box h4,
.detail-box h5,
.detail-box h6 {
	margin-bottom: 20px;
}
.detail-box ul,
.detail-box ol {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	list-style: disc;
}
.detail-box ul p,
.detail-box ol p{
	margin-bottom: 0;
}

.detail-box .meta-desc {
	margin: 10px 0px;
	text-align: justify;
	font-size: 14px;
	color: rgba(0, 0, 0, .8);
}

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

.detail-box table {
	width: 100%;
	border-collapse: collapse;
}

.detail-box table p {
	margin-bottom: 0px;
}

.detail-box table td {
	padding: 10px;
	border: 1px solid #f0f0f0;
}

.page-scrol-social {
	background: #FFF;
}

.page-scrol-social .detail-box {
	width: 100%;
}

.page-scrol-social .detail-box.page {
	width: 100%;
}

.page-scrol-social .social {
	width: 100%;
}

.page-scrol-social .social ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

.page-scrol-social .social li {
	margin-right: 5px;
}

.page-scrol-social .right-post-other {
	width: 280px;
	margin-left: 20px;
}

.sticky-new {
	position: sticky;
	top: 102px;
}

.page-scrol-social .social ul {
	position: sticky;
	top: 102px;
}

.page-scrol-social .social li {
	margin-bottom: 5px;
}

.page-scrol-social .social button {
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	color: #333333;
}

.tabs-about {
	background: var(--color-key);
	padding: 5px 5px;
}

.tabs-about li {
	font-size: 16px;
	display: inline-block;
	padding: 8px 10px;
	text-transform: uppercase;
	color: #FFF;
	cursor: pointer;
}

.content-page {
	display: none;
	opacity: 0;
}

.tabs-about li.active,
.tabs-about li:hover {
	color: var(--color-key);
	background: #FFF;
}

.title-right {
	padding: 10px 10px;
	background: #333333;
}

.title-right h5 {
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
}

.content-other {
	padding: 15px;
	background: #F8F8F8;
}

.content-other h5 {
	color: #222;
	margin: 0;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'HelveticaNeue-Bold';
	text-transform: uppercase;
}

.content-other h3 {
	font-size: 15px;
	margin: 5px 0px;
}

.content-other h3 a {
	color: #222;
	display: table;
}

.content-other h3 a:hover {
	color: var(--color-key)
}

.other-post {
}

.other-post li {
}

.other-post.none {
	border: 0px solid #e7e7e7;
}

.other-post li.none {
	padding: 5px 0px;
}

.other-post .img {
	width: 80px;
	margin-right: 10px;
}

.other-post .img img {
	background: #FFF;
}

.other-post h4 {
	display: inline-block;
	width: calc(100% - 90px);
}

.other-post li:last-child {
	border-bottom: 0px solid #e7e7e7;
}

.other-post li a {
	color: #333;
	font-size: 14px;
	display: block;
	line-height: 18px;
}

.other-post li a:hover {
	color: #01266c;
}

/*Tags*/
.tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 20px 0px 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tags li.first {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.tags li.first span {
	text-transform: uppercase;
	font-size: 20px;
	color: #FFF;
}

.tags li {
}

.tag {
	background: #3e0203;
	border-radius: 3px 0 0 3px;
	color: #FFF;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	font-size: 13px;
}

.tag::before {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
}

.tag::after {
	background: #211109;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #3e0203;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
}

.tag:hover {
	background-color: #610303;
	color: white;
}

.tag:hover::after {
	border-left-color: #610303;
}

.tags-footer {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #CCC;
}

.tag-products {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tag-products li.first {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.tag-products li.first span {
	text-transform: uppercase;
	font-size: 20px;
	color: #FFF;
}

.tag-products li {
}

.tag-product {
	color: #555;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 0px 0 0px;
	position: relative;
	margin: 0 20px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
}

.tag-product:hover {
	color: #199dff;
}

.tag-product:hover::after {
	border-left-color: #610303;
}

.content-detail-desc {
	color: #333;
	font-size: 14px;
}

.content-detail-desc h3,
.content-detail-desc h2,
.content-detail-desc h4 {
	font-size: 20px;
	font-family: 'Inter';
	font-weight: 700;
}

.content-detail-desc ul {
	list-style: disc;
	margin-left: 30px;
}

.content-detail-desc ul li {
	margin: 5px 0px;
}

.content-detail-desc p {
	line-height: 22px;
	margin: 0px 0px 15px 0px;
}

.slogan {
	padding: 20px 0px;
	text-align: center;
	font-size: 30px;
	color: #FFF;
}

.tags.box-shadow {
	box-shadow: 0px 0px 4px #ccc;
}

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

.title-according {
	color: #333;
	font-size: 15px;
	background: #f5f5f5;
	font-weight: 400;
	overflow: hidden;
	padding: 12px 18px 12px 38px;
	position: relative;
	border-radius: 6px;
	border: 1px solid #e9e9e9;
	cursor: pointer;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0px;
	z-index: 99;
}

.title-according:before {
	content: '';
	width: 18px;
	height: 2px;
	position: absolute;
	background: #f5b915;
	left: 10px;
	top: 50%;
	margin-top: -1px;
}

.title-according:after {
	content: '';
	width: 2px;
	height: 18px;
	position: absolute;
	background: #f5b915;
	left: 18px;
	top: 50%;
	margin-top: -9px;
	transition: all 0.3s;
	transform: scale(0)
}

.title-according.active:after,
.title-according:hover:after {
	transform: scale(1)
}

.title-according span:nth-child(1) {
	font-weight: 700;
}

.desc-according {
	display: none;
}

.desc-according.active {
	display: block;
}

.list-according {
	color: #777;
	font-size: 14px;
	background: #FFFFFF;
	font-weight: 400;
	overflow: hidden;
	padding: 12px 18px 12px 50px;
	position: relative;
	border-radius: 6px;
	border-bottom: 1px solid #f7f7f7;
	cursor: pointer;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-according.active {
	color: #f44025;
}

.list-according.danghoc {
	color: #0e64f9;
}

.list-according.hoantat {
	color: #008502 !important
}

.list-according span {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-according span:last-child {
	display: inline-block;
	min-width: 50px;
	text-align: right;
}

.list-according i {
	position: absolute;
	left: 30px;
	color: #e74025;
	opacity: 0.6;
	top: 50%;
	margin-top: -7px;
}

.list-according i.active {
	color: #008502
}

.detailx-img {
	border-radius: 10px;
	overflow: hidden;
}

.detailx-img a {
	display: block;
	position: relative;
}

.detailx-img a:before {
	background-image: linear-gradient(180deg, rgba(30, 30, 28, 0), rgba(30, 30, 28, .9));
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s linear;
}

.detailx-img span:nth-child(2) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.detailx-img span img {
	max-height: 50px;
}

.detailx-img span:nth-child(3) {
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	bottom: 15px;
	color: #FFF;
	text-align: center;
	font-weight: 500;
}

.infox-course {
	margin-top: 20px;
	text-align: center;
	padding: 0 15px 20px;
}

.infox-course .price {
	color: #f44025;
	font-size: 28px;
	margin: 5px 0px;
	font-weight: 600;
}

.infox-course .price-old {
	color: #999;
	font-size: 18px;
	text-decoration: line-through;
	margin: 5px 0px;
	font-weight: 300;
}

.infox-course .button {
	-webkit-appearance: none;
	appearance: none;
	background-color: #f44025;
	border: 1px solid #f44025;
	border-radius: 999px;
	color: #FFF;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	outline: none;
	padding: 9px 36px;
	text-align: center;
	transition: .3s ease;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	margin-top: 10px;
	cursor: pointer;
}
.infox-course .intent{
	margin-top: 15px;
}
.infox-course .intent p{
	gap: 5px;
}

.sticky-course {
	position: sticky;
	top: 20px;
	box-shadow: 0 0 5px 5px #ddddddb0;
	border-radius: 10px;
	overflow: hidden;
}
.sticky-course .detailx-img{
	border-radius: unset;
}

.intent {
	margin-top: 20px;
}

.intent p {
	font-size: 14px;
	margin: 8px 0px;
}

/*Menu MObile*/
.opacity-menu.open-opacity {
	content: " ";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px !important;
	left: 0px;
	z-index: 9999;
}

.header-left-fixwidth {
	top: 0 !important;
	width: 255px;
	min-height: 100vh;
	position: fixed;
	float: left;
	background: #fff;
	width: 310px;
	position: fixed;
	z-index: 999999999999999;
	left: 0;
	top: 0;
	visibility: hidden;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-transform: translateX(-280px);
	-ms-transform: translateX(-280px);
	-o-transform: translateX(-280px);
	transform: translateX(-280px)
}

.header-left-fixwidth.open-sidebar-menu {
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.header-left-fixwidth.open-menu {
	padding-top: 15px;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.header-left-fixwidth .wrap-header {
	overflow-y: auto;
	position: relative;
	min-height: 100vh;
	max-height: 100vh;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	padding: 0 15px
}

.header-left-fixwidth .wrap-header::-webkit-scrollbar-track {
	-webkit-box-shadow: inset transparent;
	background-color: transparent
}

.header-left-fixwidth .wrap-header::-webkit-scrollbar {
	width: 1px;
	background-color: transparent
}

.header-left-fixwidth .wrap-header::-webkit-scrollbar-thumb {
	border: 1px solid transparent
}

.header-left-fixwidth .wrap-header .logos-menu {
	padding: 10px 0px;
}

.header-left-fixwidth .wrap-header .logos-menu img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.header-left-fixwidth .wrap-header .searchs-menu .search-bar {
	width: 100%;
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin: 10px 0px;
	border: 0px;
}

.header-left-fixwidth .wrap-header .searchs-menu .search-text {
	width: 100%;
	height: 40px;
	border: solid 1px #e5e6ec;
	padding: 0 40px 0 10px;
	outline: none;
	font-size: var(--font-size);
	background: #F0F0F0;
}

.header-left-fixwidth .wrap-header .searchs-menu .search-btn {
	position: absolute;
	right: 0px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F00;
	top: 0px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.header-left-fixwidth .wrap-header .account-cart-menu {
	text-align: left;
	padding: 20px 0px;
}

.header-left-fixwidth .wrap-header .account-cart-menu a {
	color: var(--color-key);
}

.header-left-fixwidth .wrap-header .account-cart-menu span {
	padding: 0px 5px;
}

.header-left-fixwidth .wrap-header .nav-menu ul a {
	display: block;
	font-size: 15px;
	color: #333;
	padding: 12px 0px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header-left-fixwidth .wrap-header .nav-menu ul li {
	position: relative;
}

.header-left-fixwidth .wrap-header .nav-menu ul li:not(:first-child) {
	position: relative;
	border-top: 1px solid #F0F0F0;
}

.header-left-fixwidth .wrap-header .nav-menu ul li a:hover {
	color: #7a5c0a;
}

.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu {
	position: absolute;
	right: 0px;
	font-size: 25px;
	display: flex;
	width: 43px;
	height: 43px;
	background: transparent;
	top: 0px;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	color: #8a8987;
	z-index: 1000;
	cursor: pointer;
	transition: all 0.6s;/* border-left: 1px solid #F0F0F0; */

	/* border-right: 1px solid #F0F0F0; */
}

.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu i {
	transition: all 0.6s;
}

.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu.active i {
	transform: rotate(90deg);
	color: var(--color-key);
}

.header-left-fixwidth .wrap-header .nav-menu ul li a i {
}

.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu a {
	padding: 12px 20px;
}

.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu ul.sub-menu a {
	padding: 12px 35px;
}

.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu.none {
	display: none;
}

.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu.block {
	display: block;
}

.left-sub {
}

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

.left-sub .head-left span {
	display: block;
	position: relative;
	background: #01266c;
	height: 45px;
	color: #FFF;
	font-size: 18px;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'HelveticaNeue-Bold';
	border-radius: 4px;
}

.desc-left {
	padding: 10px;
	background: #FFF;
}

.menu-left {
	margin-bottom: 24px;
	background: #FFF;
	border: 1px solid #f1f1f1;
}

.menu-left li {
	width: 100%;
	padding: 13px 10px;
	position: relative;
}

.menu-left li:not(:last-child) {
	border-bottom: 1px solid #FFF;
}

.menu-left li:hover {
	background: #F5F5F5
}

.menu-left li a {
	display: block;
	color: #333;
	font-size: 15px;
	transition: all 0.3s;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
}

.menu-left li ul {
	position: absolute;
	width: 250px;
	top: 0px;
	left: 100%;
	background: #f7f7f7;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	margin-top: 20px;
	transition: all 0.6s;
}

.menu-left li:hover ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.menu-left > li a:hover {
	color: var(--color-key);
}

.menu-left > li > ul > li:hover > a {
	color: var(--color-key);
}

.box-menu {
	position: relative;
}

.hotline-menu {
	display: none;
	color: #FFF;
	font-size: 20px;
}

#notfound {
	display: block;
	position: relative;
	width: 100%;
	margin: 150px 0;
	text-align: center;
}

#notfound .positioned {
	display: block;
	width: 85%;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #70bdff;
	color: #70bdff;
}

#notfound .positioned h1 {
	padding: 0;
	display: inline;
	font-size: 60px;
	text-transform: uppercase;
}

#notfound .positioned p {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 16px;
}

#notfound a.go-back,
#notfound a.go-home {
	display: block;
	position: absolute;
	top: 30px;
	width: 100px;
	padding: 20px 0;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #70bdff;
}

#notfound a.go-back {
	left: 0;
}

#notfound a.go-home {
	right: 0;
}

#notfound .positioned,
#notfound a.go-back,
#notfound a.go-home {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#popup {
	text-align: center;
	position: relative;
	max-width: 820px;
	margin: 0 auto;
}

.content-popup img {
	max-width: 100%;
}

.hotline-box {
	position: fixed;
	right: -200px;
	top: 20%;
	width: 200px;
	min-height: 300px;
	background: #ffffff;
	box-shadow: 0px 0px 10px #f0f0f0;
	transition: all 0.7s;
	z-index: 1001;
}

.hotline-box:hover {
	right: 0px;
}

.hotline-box .name-hotline {
	display: inline-block;
	padding: 5px 10px;
	background: var(--color-key);
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	position: absolute;
	transform: rotate(-90deg);
	left: -100px;
	top: 60px;
	width: 160px;
	line-height: 30px;
	text-align: center;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	z-index: 10;
}

.hotline-box .desc-hotline {
	padding: 10px;
}

.hotline-box .desc-hotline p {
	font-size: 15px;
	padding: 5px 0px;
}

.grecaptcha-badge {
	opacity: 0;
}

/*phone*/
.sticky-info {
	width: 100%;
	text-align: center;
	padding: 10px 10px;
	color: #444;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Nunito';
	font-weight: 800;
	background: rgba(255, 0, 0, 0.3);
	border: 1px solid rgba(255, 0, 0, 0.6);
	border-radius: 5px;
}

#pagination {
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

#pagination .link {
	padding: 5px 10px;
	background: #FFF;
	border: transparent;
	cursor: pointer;
	color: #333;
	margin: 0px 4px;
	border-radius: 3px;
	border: 1px solid #eee;
	min-width: 31px;
	display: inline-block;
}

#pagination .disabled {
	cursor: not-allowed;
	color: #bccfd8;
}

#pagination .current {
	background: #01266c;
	border: 1px solid #01266c;
	box-shadow: 0px 0px 10px #eaeaea;
	color: #FFF;
}

#pagination .link:hover {
	background: #01266c;
	border: 1px solid #01266c;
	box-shadow: 0px 0px 10px #eaeaea;
	color: #FFF;
}

#pagination .dot {
	padding: 10px 15px;
	background: transparent;
}

#pagination .first {
}

.social-product ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
}

.social-product li {
	margin-top: 5px;
	margin-right: 5px;
}

.social-product button {
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	color: var(--color-key)
}

.tool-right {
	position: fixed;
	width: 50px;
	right: 23px;
	bottom: 115px;
	z-index: 9090;
	margin-top: -90px;
}

.tool-right li {
	margin: 5px 0px;
}

/*Toc*/
.meta-toc:has(>.box-readmore > .toc-list:empty) {
	display: none;
}
.box-readmore {
	padding: 10px;
	border: 1px solid #dedede;
	margin-bottom: 1rem
}

.box-readmore li ul>li {
	margin: 0;
	margin-bottom: 8px
}

.box-readmore li ul>li:before {
	content: counters(item, ".") " "
}

.box-readmore ul {
	list-style-type: none;
	counter-reset: item;
	margin-bottom: 0px;
	padding-left: 0px !important;
	margin-top: 8px;
}

.box-readmore ul li {
	display: table;
	counter-increment: item;
	margin-bottom: 5px
}

/* .box-readmore ul li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 10px
} */

.box-readmore ul li a {
	color: #373837 !important;
	cursor: pointer;
}

.cata-one {
	margin-bottom: 40px;
}

.box-cata {
	padding: 15px;
	background: #FFF;
}

.box-cata ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0px -10px;
}

.box-cata ul li {
	width: calc(100% / 5);
	padding: 0px 10px;
	margin: 6px 0px;
}

.box-cata ul li a {
	color: #333;
	padding-left: 12px;
	position: relative;
	font-size: 15px;
}

.box-cata ul li a:before {
	width: 5px;
	height: 5px;
	background: #333;
	content: '';
	position: absolute;
	border-radius: 50%;
	top: 8px;
	left: 0px;
}

.box-cata ul li a:hover {
	color: #bf9f27;
}

#footer-cent {
	width: 100%;
	padding: 30px 0px 30px;
	background: rgba(0, 0, 0, 0.1);
	margin-top: 30px;
}

footer.footer {
	width: 100%;
	background: #242424;
	position: relative;
}

#footer-info {
	padding: 50px 0px 20px;
}

#tags-index {
	background: rgba(0, 0, 0, 0.5);
}

.bottom-footer {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #D6D6D6;
}

.chinhanh-footer {
	padding-top: 20px;
}

.chinhanh {
	display: flex;
	justify-content: flex-start;
	margin: 0px -20px;
	flex-wrap: wrap;
}

.chinhanh li {
	width: calc(100% / 3);
	padding: 10px 20px;
}

.chinhanh li h3 {
	font-family: 'HelveticaNeue-Bold';
	font-size: 18px;
	text-transform: uppercase;
	color: var(--color-key);
}

.chinhanh li p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 22px;
}

footer.footer .cl1 {
	width: 565px;
}

footer.footer .cl2 {
	width: calc(100% - 565px);
}

footer.footer .info-footer {
	color: #333;
}

footer.footer .info-footer img {
	vertical-align: middle;
	margin: 0 auto;
}

footer.footer .info-footer p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 5px;
	color: #a5a5a5;
}

footer.footer .info-footer p a {
	color: #a5a5a5;
}

footer.footer .name-company {
	font-size: 20px;
	margin-bottom: 15px;
	color: #01266c;
	text-transform: uppercase;
	font-family: 'HelveticaNeue-Bold';
}

footer.footer .name-dangky {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	color: #FFF;
}

footer.footer .info-footer.mb-footer p {
	margin-bottom: 10px;
}

footer.footer .title-menu {
	margin: 0;
	line-height: normal;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	padding-top: 0px;
	color: #333;
}

footer.footer .title-menu a,
footer.footer .title-menu span {
	cursor: default;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'Inter';
	position: relative;
	color: #f44025;
	display: block;
	padding-bottom: 4px;
	position: relative;
	font-weight: 700;
}

footer.footer .title-menu a:hover {
	color: #f44025;
}

footer.footer .title-menu a i.fa,
footer.footer .title-menu span i.fa {
	display: none;
}

footer.footer .list-menu {
	line-height: 22px;
	padding-left: 0px;
}

footer.footer .list-menu {
	color: #333;
}

footer.footer .list-menu li {
	margin-bottom: 5px;
}

footer.footer .list-menu .li_menu {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 22px;
	color: #333;
}

footer.footer .list-menu .li_menu a {
	color: #a5a5a5;
	position: relative;
	display: block;
}

footer.footer .list-menu .li_menu a:hover {
	color: #f43f25;
}

footer.footer .video-container {
	position: relative;
	padding-bottom: 40%;
	padding-top: 66px;
	height: 0;
	overflow: hidden;
}

footer.footer .video-container iframe,
footer.footer .video-container object,
footer.footer .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

footer.footer .change-video {
	width: 100%;
	height: 43px;
	border: 1px solid #FFF;
	margin-top: 5px;
	background: #1f9000;
	color: #FFF;
}

#mail {
	padding: 20px 0px;
	background: #f9f9f9;
	margin-bottom: 30px;
}

.info-mail {
	width: 100%;
}

.form-mail {
	width: 100%;
}

.info-mail h5 {
	font-size: 18px;
	margin-bottom: 10px;
}

.info-mail p {
	color: #767676;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

#subscribe-form {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	max-width: 400px;
	margin: 30px auto;
}

#subscribe-form .input {
	width: 100%;
	background: rgb(255 255 255 / 80%);
	border: 1px solid #eaeaea;
	padding: 0px 10px;
	line-height: 40px;
	outline: none;
	font-size: 15px;
	margin-bottom: 10px;
}

#subscribe-form textarea {
	width: 100%;
	background: rgb(255 255 255 / 80%);
	border: 1px solid #eaeaea;
	padding: 0px 10px;
	line-height: 40px;
	outline: none;
	font-size: 15px;
	margin-bottom: 10px;
}

#subscribe-form button {
	width: 100%;
	background: #0e64f9;
	border: none;
	line-height: 42px;
	outline: none;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-family: 'Inter';
	font-size: 15px;
	margin: 0 auto;
	border-radius: 40px;
	font-weight: 700;
}

#subscribe-form input.error {
	border: 1px solid #ff2d37;
}

#subscribe-form label.error {
	position: absolute;
	top: calc(100% + 5px);
	color: #ff2d37;
	font-size: 13px;
	display: none !important;
}

#copyright {
	padding: 10px 0px;
	border-top: 1px solid #3c3939;
	background: #242424;
}

.copyright {
	color: #FFF;
	display: block;
	width: 100%;
	position: relative;
}

#copyright a {
	color: #fff;
}

#copyright p {
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
}

.footer .follow_option {
	padding-left: 0px;
	margin-top: 3px;
}

.footer .follow_option li {
	display: inline-block;
	color: #FFF;
}

.footer .follow_option li a {
	height: 40px;
	width: 40px;
	text-align: center;
	background: #ff2d37;
	color: #fff;
	line-height: 40px;
	color: #fff;
	display: block;
	margin-right: 5px;
	border-radius: 50%;
}

.footer .follow_option li a .fa {
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}

.footer .follow_option li a.facebook {
	background: #4B69B0
}

.footer .follow_option li a.twitter {
	background: #37B1E1;
}

.footer .follow_option li a.instagram {
	background: #0678B6
}

.footer .follow_option li a.youtube-play {
	background: #E83F3A;
}

.footer .follow_option li a.pinterest {
	background: #E83F3A;
}

#map-section {
	overflow: hidden;
}

#map-section .container {
	position: relative;
}

#map-section iframe {
	width: 100% !important;
	height: 465px !important;
}

#map-section .fanpage-pho {
	position: absolute;
	top: 42px;
	right: 52px;
	width: 310px;
}

#contact-maps {
	position: relative;
	padding: 30px 0px;
	background: url('images/bg-footer.png');
}

#contact-form-maps {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 30px;
	height: 100%;
	background: var(--color-key);
	border-radius: 30px;
}

#contact-form-maps h6 {
	font-size: 23px;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	padding-bottom: 10px;
	font-weight: 600;
	display: block;
	text-align: center;
}

#contact-form-maps p {
	text-align: center;
	color: #FFF;
	padding-bottom: 10px;
}

#contact-form-maps .r {
	margin-bottom: 5px;
}

#contact-form-maps .input {
	width: 100%;
	height: 38px;
	background: #FFF;
	padding: 5px 10px;
	color: #666;
	font-size: 15px;
	outline: none;
	border: none;
}

#contact-form-maps .input.text {
	height: 78px;
}

#contact-form-maps .error {
	color: #ff0000;
	margin-top: 5px;
	display: block;
}

#contact-form-maps .button {
	display: inline-block;
	padding: 8px 15px;
	background: #506D00;
	color: #FFF;
	border: none;
	border-radius: 3px;
	margin: 0 auto;
	text-transform: uppercase;
}

ul.social li {
	transition: all 0.6s;
}

ul.social li:hover {
	transform: translateY(10px);
}

ul.social li img {
	transition: all 0.6s;
	border-radius: 50%;
}

ul.social li:hover img {
	-webkit-box-shadow: 0px 0px 6px #666;
	box-shadow: 0px 0px 6px #666;
}

.box-adv {
	padding: 100px 0px;
	min-height: 250px;
	color: #FFF;
	text-align: center;
}

.box-adv h5 {
	font-family: 'HelveticaNeue-Bold';
	font-size: 30px;
	text-transform: uppercase;
}

.box-adv p {
	font-size: 15px;
	line-height: 25px;
	margin-top: 15px;
}

.box-adv p a {
	color: #FFF;
	font-style: italic;
}

.title-form h2,
.title-form h3,
.title-form h4,
.title-form h5 {
	font-size: 35px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-family: var(--font-key)
}

.title-form p {
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	max-width: 40%;
	margin: 10px auto;
	line-height: 24px;
}

.newsletter-two {
	padding: 40px 0px;
}

.newsletter-two h4 {
	font-size: 34px;
	font-family: 'HelveticaNeue-Bold';
	text-align: center;
	color: var(--color-key);
}

.newsletter-two p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}

.newsletter-two .input {
	width: 100%;
	height: 45px;
	background: #FFF;
	border-radius: 5px;
	outline: none;
	border: 1px solid #FFF;
	padding: 5px 10px;
	font-size: 16px;
	color: #777;
}

.newsletter-two textarea.input {
	height: 105px;
}

.newsletter-two .input.error {
	border: 1px solid #FF0000;
	color: #ff0000;
}

.newsletter-two label.error {
	display: none !important;
}

.newsletter-two .button {
	width: 144px;
	height: 45px;
	border: none;
	background: var(--color-key);
	color: #FFF;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	font-family: var(--font-key);
}

.box-page-product {
	background: #FFF;
}

.readmore-page {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.readmore-page a {
	display: inline-block;
	padding: 10px 60px;
	background-color: #f44024;
	color: #FFF;
	font-size: 15px;
	font-family: 'Inter';
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #838383;
}

.mobile-slider {
	display: none;
}

.album-inner {
	position: relative;
	overflow: hidden;
}

.album-inner a {
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: '';
	bottom: 0px;
	right: 0px;
}

.album-img {
	position: relative;
}

.album-content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	transform: translateY(100%);
	transition: all 0.6s;
}

.album-inner:hover .album-content {
	transform: translateY(0%);
}

.album-content h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
}

.right-item {
	width: 280px;
}

.left-item {
	width: calc(100% - 280px);
}

/*Animate*/
@-webkit-keyframes hover-imagecategory {
	0% {
		transform: perspective(200px) rotate3d(0, 1, 0, -90deg) translateX(-100%)
	}

	100% {
		transform: perspective(200px) rotate3d(0, 1, 0, 0deg) translateX(0px)
	}

}

@-moz-keyframes hover-imagecategory {
	0% {
		transform: perspective(200px) rotate3d(0, 1, 0, -90deg) translateX(-100%)
	}

	100% {
		transform: perspective(200px) rotate3d(0, 1, 0, 0deg) translateX(0px)
	}

}

@-o-keyframes hover-imagecategory {
	0% {
		transform: perspective(200px) rotate3d(0, 1, 0, -90deg) translateX(-100%)
	}

	100% {
		transform: perspective(200px) rotate3d(0, 1, 0, 0deg) translateX(0px)
	}

}

@keyframes hover-imagecategory {
	0% {
		transform: perspective(200px) rotate3d(0, 1, 0, -90deg) translateX(-100%)
	}

	100% {
		transform: perspective(200px) rotate3d(0, 1, 0, 0deg) translateX(0px)
	}

}
.support-cart {
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 328px;
	top: auto !important
}

.support-cart a.btn-support-cart {
	position: relative;
	margin: 20px 10px;
	text-align: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: block
}

.support-cart a.btn-support-cart i {
	width: 40px;
	height: 40px;
	background: #FF2D37;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999
}

.support-cart a.btn-support-cart svg {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto
}

.support-cart a.btn-support-cart .kenit-alo-circle {
	border-color: #FF2D37
}

.support-cart a.btn-support-cart .kenit-alo-circle-fill {
	background-color: rgba(255, 45, 55, 0.5)
}

.support-cart .count_item_pr {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 25px;
	min-width: 25px;
	border-radius: 50%;
	color: #fff;
	background-color: #FF2D37;
	text-align: center;
	line-height: 21px;
	z-index: 9999;
	border: 2px solid #fff;
	font-size: 13px
}

.support-cart:before {
	border: 15px solid transparent;
	border-bottom: 15px solid #FF2D37;
	margin-left: -15px;
	bottom: 75px;
	left: 30px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	display: none
}

.support-cart:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	height: 30px;
	background: 0 0;
	display: none;
	z-index: 8
}

/* @media (min-width: 1025px) {
    .support-cart:hover:before,
    .support-cart:hover:after {
        display: block
    }
} */
.kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	position: absolute;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	background-color: rgba(21, 85, 147, 0.5);
	opacity: .75;
	right: -10px
}

.kenit-alo-circle {
	width: 50px;
	height: 50px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: .1;
	border-color: #1862a9;
	opacity: .5
}

.support-online .btn-support {
	cursor: pointer
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}

}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite
}

.animated.hinge {
	animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	animation-duration: .75s
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}

}

.zoomIn {
	animation-name: zoomIn
}

@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scale3d(1, 1, 1)
	}

}

.pulse {
	animation-name: pulse
}

@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, 0.95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}

}

#top-adv {
	margin-bottom: 24px;
}

.box-white {
	background: #FFF;
}

.section-product {
	background: #FFF;
}

.margin-12 {
	margin: 0px 12px 0px;
}

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

hr {
	border: none;
	border-top: 1px solid rgba(0, 0, 0, .05);
	margin: 8px 0;
}

.required {
	color: #FF0000;
}

#list-action-mobile {
	width: calc(100%);
	display: none;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 100px;
}

#list-action-mobile ul {
	width: 100%;
	flex-wrap: wrap;
}

#list-action-mobile ul > li {
	margin: 6px 0px;
	padding: 0px 10px;
	width: 50%;
}

#list-action-mobile ul > li:not(:first-child) > a {
	display: block;
	text-align: center;
}

#list-action-mobile ul > li {
	text-align: center;
}

#list-action-mobile ul > li > a {
	text-align: center;
}

#list-action-mobile ul > li:first-child > a {
	color: #999;
	font-size: 20px;
	padding: 3px 10px;
}

#list-action-mobile ul > li:nth-child(2) > a {
	background-color: #0e64f9;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 20px;
}

#list-action-mobile ul > li:nth-child(3) > a {
	border: 2px solid #f44025;
	background-color: transparent;
	border-radius: 999px;
	color: #f44025;
	cursor: pointer;
	font-size: 14px;
	padding: 8px 20px;
}

#list-action-mobile ul > li.show-course.show {
	animation: gelatine 0.5s infinite;
}

#list-action-mobile ul > li.show-course.show > a {
	color: #37a000;
	border: 2px solid #37a000;
}

@keyframes gelatine {
	from,
	to {
		transform: scale(1, 1);
	}

	25% {
		transform: scale(0.9, 1.1);
	}

	50% {
		transform: scale(1.1, 0.9);
	}

	75% {
		transform: scale(0.95, 1.05);
	}

}

#list-action-mobile ul > li:nth-child(4) > a {
	background-color: #f44025;
	border-radius: 999px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 20px;
}

#list-action-mobile ul li {
	position: relative;
	display: block;
}

#list-action-mobile ul li:nth-child(1) {
	order: 1
}

#list-action-mobile ul li:nth-child(2) {
	order: 3
}

#list-action-mobile ul li:nth-child(3) {
	order: 2
}

#list-action-mobile ul li:nth-child(4) {
	order: 4
}

.btn-next-video {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-next-video h3 {
	text-align: center;
	border-bottom: 1px solid #333;
}

.btn-next-video button {
	display: inline-block;
	padding: 8px 15px;
	background: #f44025;
	border: 0px;
	color: #FFF;
	border-radius: 40px;
	cursor: pointer;
}

.btn-next-video button:disabled {
	background: #f8f8f8;
	color: #999;
	cursor: not-allowed;
}

.progress {
	width: 100%;
	height: 20px;
	background: #f3f3f3;
	margin-top: 10px;
	font-size: 12px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.progress-bar {
	height: 20px;
	background: #f44025;
	padding: 5px 0px;
	display: flex;
	align-items: center;
	color: #FFF;
	font-size: 11px;
}

.progress span.i-fo {
	position: absolute;
	right: 0px;
	display: inline-block;
	width: 100%;
	top: 0px;
	line-height: 20px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.progress span.c-fo {
	position: absolute;
	left: 0px;
	display: inline-block;
	width: 100%;
	color: #FFF;
	top: 0px;
	line-height: 20px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.title-page {
	font-size: 25px;
	margin-bottom: 20px;
	color: #0056BB;
}

.video-js .vjs-big-play-button {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#comment-view {
	padding: 50px 0px;
}

#comment-view h5 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #900;
}

#comment-view .txtComment {
	width: 100%;
	height: 56px;
	outline: none;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
	padding: 18px 10px;
	display: block;
	transition: all 0.6s;
}

#comment-view .txtComment.parentsText.setHeightComment {
	height: 96px;
}

#comment-view .txtComment.error {
	border: 1px solid #C92A57;
}

#comment-view .comment-action {
	margin-top: 15px;
}

.comment-textarea.none {
	display: none;
}

#comment-view .comment-btn {
	padding: 0;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	width: 100px;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	background: #C92A57;
	border: 1px solid #C92A57;
	cursor: pointer;
}

#comment-view .comment-btn:hover {
	background: #9F224E;
	border: 1px solid #9F224E;
}

#comment-view .textError {
	width: 100%;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: #9F224E;
	margin-top: 5px;
}

#comment-view .comment-content {
	margin-top: 20px;
}

#comment-view .comment-box {
	display: flex;
	justify-content: space-between;
}

#comment-view .user-status {
	width: 36px;
}

#comment-view .user-status .avatar-comment {
	margin: 0 12px 0 0;
	width: 36px;
	height: 36px;
	background: #E5E5E5;
	line-height: 36px;
	text-align: center;
	color: #949494 !important;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px !important;
	border-radius: 50%;
	position: relative;
	display: inline-block;
}

#comment-view .content-comment {
	width: calc(100% - 48px);
}

#comment-view .comment-item {
	margin-top: 15px;
}

#comment-view .content-comment .txt-name {
	display: block;
	margin-bottom: 5px;
}

#comment-view .content-comment .txt-name .nickname {
	color: #333;
}

#comment-view .block-like-web {
	font-size: 14px;
	margin-top: 10px;
}

#comment-view .link-thich {
	color: #757575;
}

#comment-view .link-thich.unlike {
	color: #C92A57 !important;
}

#comment-view .link-reply {
	color: #757575;
	margin-left: 30px;
}

#comment-view .time-com {
	color: #757575;
	margin-left: 30px;
}

#comment-view .sub-comment {
	margin-left: 48px;
	border-left: 3px solid #eee;
	padding-left: 15px;
	margin-top: 15px;
}

#comment-view .count-reply {
	margin-top: 10px;
}

#comment-view .view-all-reply {
	color: #757575;
	font-size: 14px;
}

#comment-view .viewmore-page {
	margin-top: 20px;
}

#comment-view .viewmore-page a {
	height: 48px;
	line-height: 48px;
	padding: 0 35px;
	font-size: 14px;
	font-weight: 400;
	color: #757575;
	text-align: center;
	display: inline-block;
	position: relative;
	background: #fff;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	width: 100%;
	text-transform: uppercase;
}

#comment-view .viewmore-page a:hover {
	background: #F7F7F7;
}

.img-view {
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
}

.img-view img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.img-view input {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.img-view .camera {
	position: absolute;
	padding: 4px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFF;
	font-size: 25px;
	bottom: 0px;
	left: 0px;
	text-align: center;
}

.progress-bar-success {
	background-color: #21a700;
}

span.i-foo {
	color: #FFF !important;
}

.btn-perfect-video {
	text-align: center;
	display: none;
}

.btn-perfect-video.active {
	display: block;
}

.btn-perfect-video button {
	text-align: center;
	padding: 11px 30px;
	color: #FFF;
	font-size: 15px;
	border-radius: 50px;
	background-color: #21a700;
	outline: none;
	border: none;
	cursor: pointer;
}

.btn-perfect-video button:disabled {
	background: #f8f8f8;
	color: #999;
	cursor: not-allowed;
}

.btn-perfect-video h3 {
	color: #FF0000;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 15px;
}

.btn-perfect-video h4 {
	font-weight: 700;
	font-size: 18px;
	margin-top: 5px;
	color: #FF0000;
}

.btn-perfect-video h5 {
	font-weight: 700;
	font-size: 18px;
	margin-top: 15px;
}

.btn-perfect-video h6 {
	font-weight: 700;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.product-page{
	padding: 40px 0px;
}
.bg-page{
	background: #f3f3f3;

}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.p-relative{
	position: relative;
}
.click-eyes{
	position: absolute;
	right: 0px;
	display: block;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.qr-code img {
	margin: 10px 0;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
}

.sepay .transaction-status-done {
	background-color: #f3f3f3;
	border: none;
	color: var(--red);
}

.sepay .transaction-status-done .icon {
	width: 40px;
	height: 40px;
}
#sepay-transaction-status-done {
    text-align: center;
    width: 100%;
    padding: 20px;
    border: 1px solid;
    background: #ddd;
    color: red;
    font-weight: 600;
    text-transform: uppercase;
}
.gift-page > .section {
    padding: 40px 0px;
}
.gift-page > .section:nth-child(odd) {
    background: rgb(53, 14, 72); 
    color: #fff;
}
.gift-page > .section:nth-child(odd) * {
    color: #fff;
}
.gift-page > .section.section-gift:nth-child(odd) span,
.gift-page > .section.section-gift:nth-child(odd) h2 {
    color: rgb(238, 197, 33);
}
.section-gift span,
.section-gift h2{
	text-transform: uppercase;
	color: rgb(152, 26, 191);
    line-height: 1.3;
}
.section-gift span{
	font-weight: bold;
}
.section-gift .readmore-page a{
	background-color: rgb(152, 26, 191);
}
.searchs-menu,
.menu-mobile-2 {
	display: none;
}
#topnews {
    background: #744fae;
}
.free-ico {background: #08ad5e;
    align-items: flex-start;
    /* background: linear-gradient(90deg, #ee1616, #ff5c00); */
    border-radius: .4rem;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    gap: 0.4rem;
    line-height: 140%;
    overflow: hidden;
    padding: 4px 10px;
    margin-left: 5px;
    display: inline-flex;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    justify-content: center;
}
.free-ico.pro{
	background: linear-gradient(90deg, #ee1616, #ff5c00);

}
.title-according span:last-child {
	min-width: 70px;
}