h1, h2 {
	font-size: 32px;
}

h3, h4 {
	font-size: 24px;
}

p {
	font-size: 14px;
}

#header {
	position:absolute;
}

.stuck {
	background-color: #fff !important;
}

.stuck .header-main .nav > li > a {
	color: #231F20 !important;
}

.stuck .header-main .dang-nhap a {
	color: #fe3939 !important;
	border: 1px solid #fe3939 !important;
}
.header-main .nav > li > a {
	color: #fff
}

.dang-nhap a{
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 14px;
	border-radius: 99px;
	cursor: pointer;
}

.dang-nhap a:hover {
	color: #fe3939 !important;
	border: 1px solid #fe3939 !important;
	background-color: #fff;
}

.header-main {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.stuck .header-main {
	background: none !important;
}

.box-overlay {
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, #040404a6 100%);
}

.section1 {
	position: relative;
}

.section1 .container{
	max-width: 100% !important;
}

.over-lay-top {
	position: absolute;
	top: 0;
}

.over-lay-bottom {
	position: absolute;
	bottom: 0;
}

.over-lay-bottom > .col, .over-lay-top > .col {
	padding: 0;
}

.header-button-1 .header-button .button span {
	padding: 8px 12px; 
}

.flickity-prev-next-button:hover svg {
    fill: #fe3939 !important;
	background-color: #fe3939 !important;
	border-color: #fe3939 !important;
}

.section2 {
}

.section2 .col-inner .banner, .section2 .col-inner .banner .fill {
	border-radius: 24px;
}

.section2 .hover-bounce {
	transform: scale(1) translateZ(0) translateY(150px) !important;
}

.section3 h4 {
	padding: 10px 0;
}

.stuck .header-main .gtranslate_wrapper a span {
	color: #231F20 !important;
}

.section4 img {
	border-radius: 24px 24px 0 0;
}

.section4 .uu-dai {
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(254, 57, 57, 0.3);
	border-radius: 24px;
}

.section4 .uu-dai p {
	font-size: 16px;
}

.absolute-footer {
	display: none;
}