/*css fonts sf pro*/


/* @import url('https://fonts.googleapis.com/css2?family=Archivo&family=Roboto&display=swap'); */

/*@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*/


@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"),
         url("../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype"),
         url("../fonts/Roboto/Roboto-Italic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"),
         url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"),
         url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic;
} 


@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-BlackItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@media only screen and (max-width: 590px) {
	.header {
		display:none;		
	}
	#text-left {
	    float: left;
	    width: 100% !important;
	    position: relative !important;
	    padding-right: 30px !important;
	    font-size: 16px !important;
	    margin-top: 10px;
	}
	.main-slider .archivo-bold-z80-w800-linear-gradient{
		font-size: 52px;
	}
	#bg-right {
	    float: left;
	    width: 100% !important;
	    margin-top: 20px !important;
	}
	#text-left .archivo-bold-z64-w700{
		font-size: 36px !important;
		line-height: 25px;
	}
	.container-fluid{
		overflow: hidden;
	}
}
		/*.main-slider .archivo-bold-z24-w700{
			font-size: 20px !important;
			margin: 0px !important;
		}*/
.banner-3 {
	max-width: 97%;
	height: 90%;
}
.banner-2 {
	max-width: 100% !important;
	height: 90% !important;
}
.banner-2 {
    
    background-size: cover !important;
    height: 100%;
    background-position: center center;
    border-radius: 25px !important;
}
html {
  scroll-behavior: smooth;
}
.box-lang-img-left{
	display: flex;
    align-items: center;
}
.box-search{
	display: flex;
    align-items: center;
    position: relative;
}
		/*.customize-container {
		    	width: 100vw ;
		    	
		     margin: 0px; 
		}*/
.owl-carousel .owl-stage-outer {
     height: auto !important; 
}
.hero-story, .scrollTo {
       margin-right: 5px !important;
}
.footer {
   padding-top: 64px  !important;
   padding-bottom: 32px !important;
}
	}

.ms-signInLink {
    display: none !important;
}

.ms-webpartzone-cell {
	margin:0 !important;
}
a {
    text-decoration: none !important;
}

.roboto-nomarl-z14-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-nomarl-z20-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 28px;
}

.roboto-nomarl-z20-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #747272;
}

.roboto-nomarl-z14-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #747272 !important;
}

.roboto-nomarl-z16-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #747272 !important;
}

.roboto-nomarl-z16-w400-italic {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    color: black !important;
}

.roboto-nomarl-z16-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #747272 !important;
}

.roboto-bold-z14-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #747272 !important;
}

.roboto-bold-z18-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-bold-z20-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-bold-z16-w600 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1B1718 !important;
}

.roboto-bold-z16-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #747272 !important;
}

.roboto-bold-z18-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #747272 !important;
}

.archivo-bold-red-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #ed243a;
    line-height: 32px;
}

.archivo-bold-z36-w800 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 48px;
}

.archivo-bold-z20-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #747272 !important;
}

.archivo-bold-z24-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #463638;
    line-height: 32px;
}

.archivo-bold-z14-w500 {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.archivo-bold-z48-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 32px;
}

.archivo-bold-z48-w700-lh64 {
    font-family: "Archivo", sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #ed243a;
    line-height: 64px;
}

.archivo-bold-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: black;
    line-height: 64px;
}

.mx-auto {
    margin: 0 auto;
}

.font-Archivo {
    font-family: "Archivo", sans-serif;
}

.font-size-xxl {
    font-size: 68px;
}

.box-shadow {
    box-shadow: 4px 4px 64px rgba(116, 116, 116, 0.1);
}

.button {
    width: 66px;
    height: 44px;
    border: none;
    background: #fdfcfc;
    border-radius: 26px;
}

.bg-FDFCFC {
    background: #fdfcfc;
}

.bg-F8F7F7 {
    background-color: #f8f7f7 !important;
}

.bg-ECEAEA {
    background-color: #eceaea ;
}

.color-1B1718 {
    color: #1b1718 !important;
}

.color-black {
    color: black !important;
}

.color-fdfcfc {
    color: #fdfcfc !important;
}

.color-463638 {
    color: #463638 !important;
}

.color-2C2022 {
    color: #2c2022 !important;
}

.color-747272 {
    color: #747272 !important;
}

.bg-05050080 {
    background-color: #05050080;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-48px {
    margin-bottom: 48px;
}

.mr-48px {
    margin-right: 48px;
}

.ml-48px {
    margin-left: 48px;
}

.mt-48px {
    margin-top: 48px;
}

.mt-64px {
    margin-top: 64px;
}

.mb-64 {
    margin-bottom: 64px;
}

.ml-64 {
    margin-left: 64px;
}

.mr-64 {
    margin-right: 64px;
}

.mt-68px {
    margin-top: 68px;
}

.mb-68 {
    margin-bottom: 68px;
}

.ml-68 {
    margin-left: 68px;
}

.mr-68 {
    margin-right: 68px;
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}

.px-14px {
    padding-left: 14px;
    padding-right: 14px;
}

.pb-120 {
    padding-bottom: 120px !important;
}

/*.padding-items-menu {
    padding: 10px 0 10px 16px !important;
}*/

.padding-items-menu-items {
    padding: 4px 0;
}

.padding-menu-mobile {
    padding: 10px 16px;
   	align-items: center;
}
.no-home > img ,
div.padding-menu-mobile > a > img {
	width: 103px;
}
.w-full {
    width: 100%;
}

.header,
.box-logo,
.navbar {
    float: left;
}

.header {
	background-color: #FDFCFC;
    width: 100%;
    /*padding: 0px 80px;*/
}

.navbar {
    width: 70%;
    position: relative;
    height: 60px;
}

.text-hover:hover {
    color: #ed243a !important;
}

.justify-evenly {
    justify-content: space-evenly;
}

.text-focus {
    color: #ed243a !important;
}

.line-text {
    text-align: center;
    border-bottom: 2px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #f15b40 0%, #fdb913 100%);
}

.navbar-full {
    width: 100%;
    position: relative;
    height: 60px;
}

.img-auto {
    width: 100%;
    height: auto;
}

.lag-booking {
    float: right;
    width: 15%;
    height: 60px;
    padding-top: 20px;
}

.box-language img {
    width: 20px !important;
    height: 20px !important;
}
.box-lang-content-right {
	display:flex;
	align-items: center;
}


.box-lag {
    display: flex;
    align-items: center;
}
.box-language {
    display: flex;
    align-items: center;
    gap: 8px;
}


.box-language {
    margin-left: 25px;
}

.box-language a {
    margin: 0px 5px;
}

.box-lang-content-right p {
    margin: 0px;
    max-height:100%;
    top: -1px;
    padding: 0px;
    position: relative;
}

.container-fluid {
    padding: 0px !important;
    /* Huong author */
    background-color: #F8F7F7;
}

.footer {
    float: left;
    width: 100%;
    background: #eceaea;
}

.nav-item.nav-link {
    margin-right: 25px;
    display: flex;
}

.nav-item.nav-link span img {
    margin-left: 5px;
    margin-top: 0px;
    transition: .2s;
}
.row {
    margin: 0px !important;
}

.footer .row {
    margin: 0px !important;
}

.logo-footer {
    padding: 0px !important;
}

.social {
    margin: 25px 0px;
    display: flex;
}

.left_-100 {
    left: -100% !important;
}

.right-0 {
    right: 0 !important;
}

.social-item {
    margin-right: 25px;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.contact-item img {
    margin-right: 25px;
}

.group ul,
.support ul {
    list-style: none;
    padding: 0px;
}

.group ul li,
.support ul li {
    margin-bottom: 10px;
}

.home-address {
    max-width: 170px;
}

.slider-banner {}

.overflow-hidden {
    overflow: hidden;
}

/*@media screen and (max-width: 1599px) {
    .customize-container {
        width: 100vw !important;
    }
}*/
@media screen and (max-width: 991px) {
    .customize-container {
        padding: 0 !important;
    }
}


@media (max-width: 1024px) {
    .collapse.navbar-collapse {
        /* position: absolute;
        transform: translate(50%, 0%); */
        margin-left: 20%;
    }
}

@media (max-width: 1366px) {
    .collapse.navbar-collapse {
        /* position: absolute;
        transform: translate(50%, 0%); */
        margin-left: 10%;
    }
}

.gap-32px {
    gap: 32px;
}


/* Author: Huongpt */


/* Begin */

.color-676767 {
    color: #676767;
}

.color-747272 {
    color: #747272 !important;
}

.color-ED243A {
    color: #ed243a !important;
}

.color-FDFCFC {
    color: #fdfcfc !important;
}

.color-C3C0C0 {
    color: #c3c0c0 !important;
}

.color-777E91 {
    color: #777e91 !important;
}

.color-F8F7F7 {
    color: #f8f7f7 !important;
}

.color-000000 {
    color: #000000 !important;
}

.color-353945 {
    color: #353945 !important;
}

.color-817E7E {
    color: #817e7e !important;
}

.color-292929 {
    color: #292929 !important;
}

.color-83828A {
    color: #83828a !important;
}

.color-5B5A62 {
    color: #5b5a62 !important;
}

.color-2E2E2E {
    color: #2e2e2e;
}

.archivo-nomarl-z24-w700 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: calc(32 / 24);
    color: #463638;
}

.archivo-bold-z48-w700 {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: calc(64 / 48);
}

.archivo-bold-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: calc(40 / 32);
}

.archivo-bold-z68-w700 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 68px;
    line-height: calc(84 / 68);
}
.archivo-nomarl-z14-w500-lh20 {
    font-family: 'Archivo', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.roboto-nomarl-z16-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: calc(24 / 16);
}

.roboto-nomarl-z20-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(20 / 20);
}

.roboto-nomarl-z20-w500-lh28 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-nomarl-z20-w400 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-nomarl-z20-w600 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: calc(28 / 20);
    text-align: justify;
}

.roboto-light-z16-w400 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: calc(24 / 16);
}

.roboto-nomarl-z16-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(20 / 16);
}

.roboto-nomarl-z14-w500-lh14 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(14 / 14);
}

.roboto-italic-z20-w500-lh36 {
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(36 / 20);
    letter-spacing: -0.4px;
}

.roboto-bold-z20-w700-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

.roboto-bold-z20-w700-lh28 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-normal-z16-w500-lh16 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

.roboto-nomarl-z14-w400-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: calc(20 / 14);
}

.roboto-nomarl-z18-w500-lh20 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}
.roboto-normal-z16-w500-lh24 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
}
.roboto-nomarl-z14-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.roboto-nomarl-z16-w400-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.button {
    outline: none;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding: 16px 32px;
    border: 1px solid #747272;
    border-radius: 8px;
    width: auto;
    height: auto;
    background: none;
}

.button--dark {
    color: #2c2022;
    position: relative;
}

.button--light {
    color: #747272;
}

.button--transparent {
    position: relative;
    color: #ffffff;
    border: 1px solid transparent;
}

.button--pink {
    border: 1px solid transparent !important;
    background-color: #ed243a !important;
    color: #fdfcfc !important;
}

.button--back {
    padding: 16px !important;
}

.button--back span {
    font-size: 14px;
    line-height: 1;
    color: #463638;
    margin-left: 10px;
}

/*.button--dark::after,
.button--transparent::after {
    content: "";
    background-color: #ec1c23;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 2px;
    /* border-radius: 0px 4px 4px 0px; 
    transition: 0.4s;
}

.button--dark:hover::after,
.button--transparent:hover::after {
    width: 100%;
    transition: 0.4s;
    box-shadow: 4px 4px 64px rgba(116, 116, 116, 0.1);
}*/

.button:hover {
    color: white;
}

.button--dark:hover {
    color: #2c2022;
}

.button--pink:hover {
    background: linear-gradient(to right, #f7b500, #e02020);
}

/*.gap-83 {
    gap: 83px;
}*/

.red-caption {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: calc(32 / 24);
    position: relative;
    padding-left: 80px;
    margin-bottom: 32px;
    margin-top: 105px;
}

.red-caption::before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ed243a;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.view-more {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-top: 32px;
}

.view-more span {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #ed243a;
}

.view-more img {
    width: fit-content !important;
}

.clear-both {
    clear: both;
}

.button-dropdown {
    background-color: #f8f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 25px;
    border: 1px solid #c3c0c0;
    border-radius: 8px;
}

.dropdown-menu.show {
    width: 100%;
}

.custom-pagination-num {
    gap: 4px;
}

.custom-pagination-num>li>a,
#pagination-reward>li>span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #463638;
    cursor: pointer;
}

.custom-pagination-num>li.active>a {
    color: #FDFCFC;
    background-color: #F0495B;
}

a {
    text-decoration: none;
    color: #1e1e23;
    
    font-size: 1.5em;
    font-weight: 400;
    transition: 200ms;
}


.nav_menu_mobile {
	height: 100vh;
    display: none;
    flex-direction: column;
    left: 100%;
    position: fixed;
    z-index: 5;
    float: right;
    background: #fff;
    width: 90%;
    transition: .3s;
    top: 0;
}

.nav_menu_item {
    /*padding: 10px 0;*/
    color: #ed243a;
    transition: 0.5s;
}

.items-menu-sub:hover > a {
	box-sizing: content-box;
		  border-left-width: 4px;
		  border-left-style: solid;
		  border-image: linear-gradient(-180deg, #F15B40 0%, #FDB913 100%);;
		  border-image-slice: 1;
}

.nav_menu .nav_menu_item:hover {
    padding: 10px 0;
    color: white !important;
    background-color: #ed243a;
    padding-left: 40px;
}

.nav_menu_item a:hover {
    color: #ED243A !important;
}

.an .custom-pagination-num>li>a,
#pagination-reward>li>span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #463638;
    cursor: pointer;
}

.custom-pagination-num>li.active>a {
    color: #fdfcfc;
    background-color: #f0495b;
}

.rotate-180 {
	padding-left: 20px;
    transform: rotate(180deg);
    transition: .3s;
}



/* subsidiary SECTION */

.subsidiary {
    overflow: hidden;
    padding: 24px 0;
    background-color: #eceaea;
    width: 100%;
    border-bottom: 1px dashed #c3c0c0;
}

.subsidiary-img img {
    width: auto !important;
    height: 40px;
    filter: grayscale(95%);
}

div.highlighted .subsidiary-item > a > img {
    filter: grayscale(0%) !important;
}
.subsidiary-item:hover a > img{
	filter: grayscale(0%) !important;
}
.subsidiary-container {
    position: relative;
}

.subsidiary-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.subsidiary-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

#navbarNavAltMarkup {
    margin: 0 auto;
    flex-grow: 0 !important;
}

.view-more:hover span {
    color: #f7b500;
}

.border-big {
    border-top: 1px solid #727272;
    width: 77px;
    height: 1px;
    margin: 0px 5px;
}

.owl-dots .owl-dot.active {
    border-radius: 1px;
    border: 2px solid black !important;
    background-color: black !important;
}

.cus-owl-dots.owl-dots {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 0 30px;*/
    transform: rotate(0deg);
    border: 0;
    position: unset;
    bottom: 0px;
    left: 0px;
}

.cus-owl-dots.owl-dots .owl-dot {
    border: none;
    outline: none;
    width: 35px;
    min-width: 35px;
    height: 7px;
    border: 2px solid #eceaea;
    border-radius: 9px;
    background-color: #eceaea;
    margin: 0 15px;
    padding: 0;
}

.cus-owl-dots.owl-dots .owl-dot.active {
    border: 2px solid #ed243a !important;
    background-color: #f8f7f7 !important;
}

.custom-pagination {
    display: flex;
    align-items: center;
    /* justify-content: end; */
    /*gap: 0 24px;*/
}
.custom-pagination-prev {
	margin-right: 24px;
}

.custom-pagination-prev,
.custom-pagination-next {
    width: 66px;
    height: 44px;
    background: #fdfcfc;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.04);
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.custom-pagination-prev img,
.custom-pagination-next img {
    width: auto !important;
}

.custom-disabled {
    background: transparent;
}

.custom-disabled img {
    filter: grayscale(100%);
}

.header-child .navbar-full {
    padding-top: 10px;
}

.row {
    margin: 0 !important;
}


/* BUTTON */

a.animated-button span {
    margin-left: 10px;
}

a.animated-button:link,
a.animated-button:visited {
    position: relative;
    display: block;
    /* margin: 30px auto 0; */
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

a.animated-button:link:after,
a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

a.animated-button:link:hover,
a.animated-button:visited:hover {
    text-shadow: none;
}

a.animated-button:link:hover:after,
a.animated-button:visited:hover:after {
    height: 450%;
}

a.animated-button.thar-three {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #C3C0C0;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    /* width: 200px; */
    border-radius: 8px;
}

a.animated-button.thar-three:hover {
    background-color: transparent;
    color: #fff !important;
    opacity: 0.9;
    border: 1px solid #ED243A;
}

a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

a.animated-button.thar-three:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    background: #ED243A;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.padding-16-16 {
    padding: 16px 16px !important;
}
.drop-down-menu .dropdown {
	align-items: center;
    justify-content: center;
}
.section-dropdown-menu {
    /*padding: 9px 0;*/
    width: 100%;
    background-color: #F8F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f7f7 !important;
    /*box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);*/
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.04);
}
.section-dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 38px;*/
    flex-wrap: wrap;
    padding:0;
    
    
}
.section-dropdown-item {
	padding: 12px 15px;
	/*padding: 12px 8px;*/
}
.section-dropdown-link {
    padding: 8px;
    /*padding: 17px 0;*/
    position: relative;
}



.section-dropdown-link.active {
    padding-left: 8px;
    color: #1B1718 !important;
    font-weight: 700;
}
.section-dropdown-link::before {
	content: url(../images/mini-icon-logo.png);
    position: absolute;
    top: 25%;
    left: -10px;
    transform: rotate(90deg);
    transition: all 1s ease-in-out;
    opacity: 0;
}

.section-dropdown-link:hover::before {
    opacity: 1;
    transform: rotate(180deg);
}
.section-dropdown-link::after {
    border-image-slice: 1;
    background: linear-gradient(to left, #f15b40 0%, #fdb913 100%);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 2px;
}
.section-dropdown-link:hover::after {
    width: 100%;
    transition: 0.3s;
}
.section-dropdown-link.active::before {
    opacity: 1
}
.section-dropdown-link.active::after {
    width: 100%;
}

/* CHI TIET TIN TUC */
.section-dropdown-link.active-ct {
    padding-left: 8px;
    color: #1B1718 !important;
    font-weight: 700;
}
.section-dropdown-link.active-ct::before {
    opacity: 1
}
.section-dropdown-link.active-ct::after {
    width: 100%;
}





/* END BUTTON */

@media screen and (max-width: 992px) {
	.section-dropdown-menu {
		display:none;
	}
    .archivo-bold-z48-w700 {
        font-size: 28px;
        line-height: calc(38 / 28);
    }
    .archivo-bold-z32-w700 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    .archivo-nomarl-z24-w700 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    .roboto-light-z16-w400 {
        font-size: 14px;
        line-height: calc(20 / 14);
    }
    .roboto-nomarl-z20-w400 {
        font-size: 18px;
        line-height: calc(28 / 18);
    }
    .roboto-nomarl-z20-w500-lh28 {
        font-size: 16px;
        line-height: calc(20 / 16);
    }
    .roboto-bold-z20-w700-lh20 {
        font-size: 18px;
        line-height: calc(28 / 18);
    }
    .archivo-bold-z68-w700-mb {
        font-size: 36px;
        line-height: calc(48 / 36);
    }
    .button {
        font-size: 12px;
        line-height: calc(16 / 12);
    }
    .red-caption {
        font-weight: 500;
        font-size: 18px;
        line-height: calc(28 / 18);
        padding-left: 56px;
        margin-bottom: 16px;
        margin-top: 45px;
    }
    .red-caption::before {
        width: 40px;
    }
    .view-more {
        margin-top: 20px;
    }
    .view-more span {
        font-size: 14px;
        line-height: calc(16 / 14);
    }
    .custom-pagination-num>li>a,
    .custom-pagination-num>li>span {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .subsidiary {
        padding: 20px 0 20px 0px;
    }
    .subsidiary-prev,
    .subsidiary-next {
        display: none;
    }
}

.unactive-menu {
    transform: translate(0%);
    transition: all 0.5s ease 0s;
}

.active-menu {
    transform: translate(-90%);
    transition: all 0.5s ease 0s;
}

.h0 {
    visibility: hidden !important;
    height: 0 !important;
}

.h-288 {
    height: 288px;
}

.submenu {
    transition: .3s;
}

.menu-mobile {
    position: fixed;
    width: 100%;
    padding-right: 16px;
    z-index: 999999;
    background-color: #FDFCFC;
}

.menu-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-mobile ul li {
    /* Sub Menu */
}

.menu-mobile ul li a {
    display: block;
    padding: 14px 16px;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.menu-mobile ul li a:hover {
    /* background: #f8f8f8;
    color: #515151; */
}

.menu-mobile ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float: right;
}

.menu-mobile ul ul {}

.menu-mobile ul li ul li a {
    border-left: 4px solid transparent;
    padding: 10px 32px;
}

.menu-mobile ul li ul li a:hover {}

.customize-container{
    /*width: 1440px !important;*/
    max-width: 1440px;
    padding: 0 80px;
    margin: 0px auto;
}
.box-language-mobile svg {
	width: auto !important;
}

/* End */

.drop-down-menu:hover .dropdown{
	    z-index: 5;
    top: 60px;
    margin-bottom: 0;
    position:fixed;
}
/*.drop-down-menu:hover .dropdown a{
	    padding: 12px 20px;
}*/
.navbar{
	padding: 0px;
}
.nav-item.nav-link{
	    padding: 20px 0px;
}
/*.container-fluid.dropdown ul{
	margin: 0 auto;
    padding: 0;
}
.dropdown li {
    padding: 12px 8px;
    list-style: none;
}
#tng-main .container{
	padding:0px !important;
}
.dropdown li a::before {
content: url(../images/mini-icon-logo.png);
    position: absolute;
    top: 13px;
    left: 2px;
    transform: rotate(45deg);
    transition: all 1s ease-in-out;
    opacity: 0;
    }

.dropdown li a:hover::before {
    opacity: 1;
    transform: rotate(90deg);
}*/
.home{
	display:none !important;
}
.no-home img{
	/*width: 73px;
    margin-top: 11px;*/
}
.header-menu {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1500px) {
	.customize-container{
		/*max-width: 1140px;*/
		
    	/*padding: 0px 20px;*/
	}
	/*.header .customize-container{
		height: 60px;
	}*/
	.navbar {
	    width: 78%;   
	}
	.lag-booking {    
	    width: 12%;    
	}
}

.ms-signInLink{
	display:none !important;
}
#s4-bodyContainer {
    padding-bottom: 0 !important;
}
.tng-fixed{
	position: fixed;
    top: 0;
    left: 0;
    width: 99%;
    z-index: 100;
}
.group ul li a:hover{
	color:#ED243A;
}
.icon-mouse-scroll svg {
	width: 24px !important;
	height: auto;
}
.mouse-scroll-text {
	margin-top: 8px;
}
@media (max-width: 1500px) {
	.icon-mouse-scroll svg {
		width: 20px !important;
		height: auto;
	}

	.mouse-scroll-text {
		margin-top: 8px;
		font-family: 'Archivo';
		font-style: normal;
		font-weight: 700;
		font-size: 12px;
		line-height: calc(16 / 12);		
		color: #FFFFFF;
	}

}


.animated-button2 span {
    margin-left: 10px;
}

.animated-button2:link,
.animated-button2:visited {
    position: relative;
    display: block;
    /* margin: 30px auto 0; */
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.animated-button2:link:after,
.animated-button2:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

.animated-button2:link:hover,
.animated-button2:visited:hover {
    text-shadow: none;
}

.animated-button2:link:hover:after,
.animated-button2:visited:hover:after {
    height: 450%;
}

.animated-button2.thar-three {
    cursor: pointer;
    display: inline-block;
    position: relative;
    /* border: 1px solid #C3C0C0; */
    border: transparent;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    /* width: 200px; */
    border-radius: 8px;
    background-color: #ED243A;
    padding: 16px 32px;
    color: #FDFCFC;
    font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: calc(24 / 20);
}

.animated-button2.thar-three:hover {
    background-color: transparent;
    color: #ffffff !important;
    opacity: 0.9;
    border: 1px solid #ED243A;
}

.animated-button2.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

.animated-button2.thar-three:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    /* background: #ED243A; */
    /* background: linear-gradient(to right, #f7b500, #e02020);
     */
     /*background: linear-gradient(278.34deg, #F15B40 0%, #FDB913 100%);*/
     background: linear-gradient(to right, #F15B40 0%, #FDB913 100%);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 8px;
    color: #ffffff !important;
}
.contact-container-mobile, .footer-link-mobile {
	display:none;
}
.icon-menu-dropdown {
	margin-left:8px;
}
.navbar-nav-item.active > a {
	color: #ED243A !important;
}
.navbar-nav-item.active > a .icon-menu-dropdown svg path {
	stroke: #ED243A !important;
}

.navbar-nav-item > a.active {
	color: #ED243A !important;
}
.contact-container-desktop {
	max-width: 285px;
}
.navbar-nav-item:hover > a, .footer-link:hover > a {
	color: #ED243A !important;
}
.navbar-nav-item:hover > a .icon-menu-dropdown svg path {
    stroke: #ED243A !important;
}
/*.subsidiary-img {
	display:block;
	height:48px;
}*/

.drop-down-menu .dropdown.active {
    display: flex !important;
}
.drop-down-menu .dropdown.active {
    z-index: 4;
    top: 60px;
    margin-bottom: 0;
    position: fixed;
}
.footer-cat.socail-mobile, .copyright-mobile {
	display:none;
}
#test1 {
	position: relative;
}
.intro-main-title {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 52px;
	line-height: 56px;
	color: #ED243A;
	position: absolute;
    right: 15%;
    top: 55%;
    display:none;
}
.intro-title-main {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 52px;
	line-height: 56px;
	color: #ED243A;
	position: absolute;
    top: 72%;
    right: 11%;
    white-space: nowrap;
    
}
.intro-main-text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	color: #747272;
}
.intro-main-scroll {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.header-search-wrapper {
	float: right;
	position: relative;
}
.search-main {
	cursor:pointer;
}
.header-search-wrapper .search-form-main {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.15);
    box-shadow: 1px 1px 7px rgba(0,0,0,.15);
    border-top: 2px solid #408c40;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 150%;
    width: 300px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
    display:flex;
}
.search-form{
	display:flex;
}
.header-search-wrapper .search-form-main {
    border-top-color: #ED243A;
    display: flex;
    align-items: center;
}
.header-search-wrapper .search-form-main:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #408c40;
    content: "";
    position: absolute;
    right: 0px;
    top: -10px;
}
.header-search-wrapper .search-form-main:before {
    border-bottom-color: #ED243A;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 100%;
    border: none;
    outline: none;
}
.header-search-wrapper .search-form-main .search-submit {
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    min-width: 6em;
    margin-left: 10px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 10px 0 10px;
    height: 32px;
    font-family: 'Roboto';
    color: #FDFCFC;
    background: #ED243A;
    cursor:pointer;
    outline:none;
}
.object-fit-contain {
	object-fit: contain;
	height: 500px;
}
.object-fit-contain > img {
	height: unset !important;
	position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 60%);
}
.text-justify {
	text-align: justify !important;
}

div#noidung * {
    max-width: 100% !important;
    width: 100%;
    clear: both !important;
    background: none !important;
    font-family: 'Archivo' !important;
}
#icons-close {
	width: 14px !important;
	height: 14px !important;
}
#icons-bx {
	width: 23px !important;
	height: 14px !important;

}
div.contact-container-mobile > div:nth-child(1) > span{
	display:none;
}

@media screen and (max-width: 1680px) {
	.intro-main-title {
	    right: 14%;
	}
}
@media screen and (max-width: 1339px) {
	.customize-container {
		width: 90vw !important;
		margin: 0 auto;
		padding: 0 !important;
	}
}
@media (max-width: 1366px) {
	.customize-container{
		max-width: 1266px;
	}
	.box-logo .flex-column img{
	    width: 90% !important;
	}
	.header .effect{
		pointer-events: none;
		justify-content: center;
	    align-items: center;
	}
	.intro-main-title {
	    right: 17%;
	}

}
@media (max-width: 1280px) {
	.box-logo .flex-column img{
	    width: 100% !important;
	}
	.intro-main-title {
	    right: 11%;
	}

}


@media screen and (max-width: 991px) {
	.header {
		display:none;
	}
	.clear-both {
		height:65px !important;
	}
	a.animated-button2.thar-three {
		font-weight: 500;
		font-size: 14px;
		line-height: calc(20 / 14);
		padding: 10px 24px;
	}
	.box-menu-mobile {
		/*height: 100vh;*/
    	overflow: auto;
	}
	.box-menu-mobile > .nav_menu_item > a.active {
		color: #ED243A !important;
	}
	.nav_menu_mobile {
		border-left: 1px solid #ECEAEA;
	}
	.submenu .items-menu-sub a.active {
		font-weight: 500;
		box-sizing: content-box;
		  border-left-width: 4px;
		  border-left-style: solid;
		  border-image: linear-gradient(-180deg, #F15B40 0%, #FDB913 100%);;
		  border-image-slice: 1;
	}
	.icon-down {
		transition: .3s;
		padding-right:20px;
	}
	.social.desktop, .copright.desktop {
		display:none;
	}
	.footer-cat.socail-mobile, .copyright-mobile {
		display:block;
	}

	.contact-container-mobile {
		display:block;
	}
	.footer-link-mobile {
		display:flex;
		flex-wrap: wrap;
		margin-top: 32px;
	}
	.contact-container-desktop, .footer-cat-desktop.group, .footer-cat-desktop.support {
		display:none;
	}
	.box-language-mobile {
		display: flex;
	    align-items: center;
	    background: #FFFFFF;
	    padding: 26px 0 34px 22px;
	    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
	    margin-bottom:40px;
	    position:absolute;
	    left:0px;
	    bottom:100px;
	    width:100%;
	}
	.box-language-mobile .language__container {
		width: 53px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin-left: 16px;	
	}
	.contact-item-mobile-title {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;		
		color: #1B1718;
	}
	.footer {
		padding-top: 16px !important;
		padding-bottom:0 !important;
	}
	.contact-container-mobile{
		margin-top: 20px;
	}
	.footer-cat.socail-mobile {
		margin-top:32px;
	}
	.copyright-mobile {
		margin-top: 16px;
	    padding: 16px 0;
	    text-align: center;
	}
	.contact-item-mobile-text {
		font-size: 14px;
		line-height: 20px;
	}
	div.footer-link-mobile > div.col-6.footer-cat.group > h3,
	div.footer-link-mobile > div.col-6.footer-cat.support > h3{
	font-size: 16px;
	font-weight:700;
	}
	
	div.footer-link-mobile > div.col-6.footer-cat.group > ul > li > a,
	div.footer-link-mobile > div.col-6.footer-cat.support > ul > li > a{
	font-size:14px;
}
div.col-12.footer-cat.socail-mobile > h3{
	font-size:14px;
	font-weight:700;
}
div.col-12.copyright-mobile > p{
	font-size:12px;
}
div.footer-cat-desktop.footer-cat.contact > div.contact-container-mobile > div:nth-child(n+2) > span{
	color: #463638;
}
}