/* @font-face{font-family:"roboto";src:url("fonts/roboto-regular.ttf")format("TrueType");font-weight:400;font-display:swap}
@font-face{font-family:"roboto";src:url("fonts/roboto-bold.ttf")format("TrueType");font-weight:700;font-display:swap} */
/* @font-face{font-family:"utm-avo";src:url("fonts/utm-avo.ttf")format("TrueType");font-weight:400;font-display:swap}
@font-face{font-family:"utm-avo";src:url("fonts/utm-avo-bold.ttf")format("TrueType");font-weight:700;font-display:swap} */

@font-face{font-family:"mark-pro";src:url("fonts/mark-pro-regular.otf")format("OpenType");font-weight:400;font-display:swap}
@font-face{font-family:"mark-pro";src:url("fonts/mark-pro-bold.otf")format("OpenType");font-weight:700;font-display:swap;font-weight:bold;}
@font-face{font-family:"averta";src:url("fonts/averta-regular.otf")format("OpenType");font-weight:400;font-display:swap;}
@font-face{font-family:"averta";src:url("fonts/averta-semibold.otf")format("OpenType");font-weight:600;font-display:swap;}
@font-face{font-family:"averta";src:url("fonts/averta-bold.otf")format("OpenType");font-weight:700;font-display:swap;font-weight:bold;}
@font-face{font-family:"averta";src:url("fonts/averta-extrabold.otf")format("OpenType");font-weight:800;font-display:swap;font-weight:bold;}
@font-face{font-family:"averta";src:url("fonts/averta-black.otf")format("OpenType");font-weight:900;font-display:swap;font-weight:bold;}

:root{
	--burger:#009640;
	--orange: #F39307;
	--green-ex-light: #6AC663;
	--green-light: #00CC40;
	--green: #009640;
	--green-dark: #01702E;
}

#gtx-anchor, .jfk-bubble.gtx-bubble { display:none!important; }

#debug-icon {display:none!important;}

html, body { font-family: "averta", sans-serif; font-size:16px; line-height:1.5em; }
/* body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */
.container .boundary { width:96%; max-width:1140px; margin:0 auto; }
h1, h2, h3, h4 {font-family:averta, sans-serif;}

a {color:inherit;}

.button { position:relative; height:32px; border-color:var(--green); background-color:var(--green); color:#FFF; padding:0 35px 0 10px; line-height:32px; box-sizing:border-box; border-radius:5px; }
.button:hover { background-color:var(--green-light); border-color:var(--green-light); }
.button:after { content:""; background:url("../images/bt-icon.svg") center left no-repeat; width:15px; height:32px; position:absolute; top:0; right:10px; transition:all .3s; }
.button:hover:after { transform:translateX(5px); }

.breadcrumb { margin-bottom:30px; max-width:1200px; margin-left:auto; margin-right:auto; line-height:1.5em; }
.breadcrumb li {color:var(--green-dark); display:inline; font-size:1em; }
.breadcrumb li a { color:inherit; text-transform:uppercase; }
.breadcrumb li a:hover {color:#333;}

.modal h2 {background-color:var(--green)!important;}

.form-message { background-color: var(--green-ex-light); color: #333; border-color: var(--green-ex-light); }

.owl-carousel .owl-nav button { color:#FFF; text-shadow:0 0 2px #000; display:inline-block; width:50px; height:50px; line-height:50px; font-size:1em!important; position:absolute; top:40%; left:0; transform:translateY(-50%);}
.owl-carousel .owl-nav button i { font-size:2em; }
.owl-carousel .owl-nav button.owl-next {left:unset; right:0;}
.owl-carousel .owl-nav button:hover {color:var(--green)!important;}

.top-menu { position:relative; background-color:#FFF; color:#FFF; height:70px; box-shadow:0 2px 3px #FFF; }
.top-menu .top-menu-logo { width:auto; height:70px; display:inline-block;}
.top-menu .top-menu-logo img {width:auto; height:100%; }
.top-menu .hamburger { float:right; line-height:70px; margin-right:10px; }
.top-menu .button { display:none; }

.top-menu .top-menu-content { position:absolute; display:block; width:100%; height:auto; top:72px; left:-100%; background-color:#FFF; margin:0; padding:20px; box-sizing:border-box; z-index:9999; color:#333; list-style-type:none;}
.top-menu .top-menu-content.active { left:0; box-shadow:0 3px 5px #666; }
.top-menu .top-menu-content li { font-size:1.2em; font-weight:bold; border-bottom:1px solid #DDD; }
.top-menu .top-menu-content li a { display:block; width:100%; height:auto; line-height:1.5em; padding:7px 0; }
.top-menu .top-menu-content li.active > a {color:var(--green);}
.top-menu .top-menu-content li ul { list-style-type:none; padding: 0 0 0 20px; }
.top-menu .top-menu-content li ul li { font-size:1.1rem; border-bottom:unset; color:#666; font-weight:normal;}

.top-menu .top-menu-content li.sub-menu { position:relative; }
.top-menu .top-menu-content li.sub-menu:after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; display:inline-block; content:"\e913"; vertical-align:middle; font-size:0.9rem; position:absolute; top:5px; right:5px;  }

.banner .boundary { width:100%; max-width:unset }
.banner-container {position:relative}
.banner-container:before{content:"";display:block;width:100%;height:auto}
.banner-container .owl-carousel{position:absolute;top:0;left:0;width:100%}
.banner-container .owl-carousel .square-image:before, .banner-container:before{padding-top:29.67%}
.banner-container .banner-text { position:absolute; bottom:25%; font-size:1em; left:0; width:100%; height:auto; text-align:center; font-weight:bold; color:#FFF; }

.about-us { margin-top:-20px; z-index:1; position:relative; }
.about-us .boundary { width:90%; max-width:1140px; background-color:var(--green); background-image: linear-gradient(180deg, var(--green) 0%, var(--green-light) 100%); border-radius:20px; padding:20px; color:#FFF; font-size:.8em; }
.about-us .boundary .table .col { text-align:left; }
.about-us .about-us-title { font-size:.9em; font-weight:bold; border-top:1px solid var(--green-ex-light); padding-top:10px; text-transform:uppercase; margin-bottom:10px; }
.about-us .about-us-title span { font-size:3.2em; color:rgba(255,255,255,.3); font-weight:800; float:right; }
.about-us .about-us-content { line-height:1.5em; margin-bottom:20px; }
.about-us .button { background:unset; border:unset; padding-left:0; font-weight:600; font-size:1.2em; text-transform:unset; }

.section { margin:30px 0; }
.section .section-title { color:var(--green); line-height:1.2em; margin:0 0 10px; font-weight:800; font-size:2.4em; }
.section .section-title span { display:block; font-size:.8rem; font-weight:900; color:var(--green-dark); }
.section .section-title.white, .section .section-title.white span { color:#FFF; }
.section .section-description { font-size:1em; line-height:1.3em; }

.introduction .introduction-boxes {  font-size:.9em; display:inline-block; color:var(--green-dark); text-align:left; vertical-align:top; padding-right:20px; }
.introduction .introduction-box .introduction-box-title { font-size:3em; color:var(--green); font-weight:900; margin-bottom:10px; }
.introduction .introduction-box .introduction-box-title span { font-size:1.5rem; font-weight:600; display:inline-block; margin-left:10px; }
.introduction .introduction-box { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; line-height:1.5em; padding-top:30px; font-size:.9em; }
.introduction .introduction-box .introduction-box-title { line-height:.7em; }
.introduction .introduction-box .introduction-box-title span { margin-left:0; }
.introduction .introduction-image { display:none; margin-top:30px; position:relative; overflow:hidden; }
.introduction .introduction-image:before { content:""; display:block; width:100%; padding-top:80%; }
.introduction .introduction-image img { position:absolute; top:50%; left:0; width:100%; height:100%; object-fit:cover; transform:translateY(-50%); }
.introduction .introduction-image.min-show { display:block; }

.services { background:url(../images/services-bg.jpg) center no-repeat; background-size:cover; }
.services .boundary { padding:30px 0; }
.section.section-right.services .boundary { width:96%; padding-left:calc(50% - 570px); }
.services .services-slider { margin-top:20px; }
.services .services-item { background-color:#FFF; height:450px; width:calc(100% - 90px); position:relative; }
.services .services-item:hover .services-item-title { color:var(--green); }
.services .services-item .square-image:before { padding-top:52.333%; }
.services .services-item .services-item-content { padding:20px; }
.services .services-item .services-item-title { font-weight:bold; color:#000; margin:20px 0 0; min-height:48px; display:block; }
.services .services-item .services-item-readmore { position:absolute; bottom:0; right:0; background-color:var(--green); width:60px; height:40px; border-top-left-radius:100px; }
.services .services-item .services-item-readmore:after { content:""; background:url("../images/bt-icon.svg") center left no-repeat; width:30px; height:40px; position:absolute; top:0; right:0; transition:all .3s; }
.services .services-item:hover .services-item-readmore:after { transform:translateX(5px); }

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

.ecosystem { background-color:#E9FFEB; }
.ecosystem .boundary { padding:30px 0; text-align:left; }
.ecosystem .ecosystem-item { display:inline-block; vertical-align:top; width:49%; margin-right:2%; text-align:center; }
.ecosystem .ecosystem-item:nth-child(2n+0) { margin-right:0; }
.ecosystem .button { background:unset; border-color:var(--green); color:var(--green)!important; }
.ecosystem .button:after { background:url(../images/bt-icon-g.svg) center left no-repeat; background-size:70%; }

.partner { background-color:var(--green); }
.partner .boundary { color:#FFF; padding:30px 0; }
.partner .table .col { text-align:left; }
.partner .button { background-color:#FFF; margin-top:20px; color:var(--green)!important; font-weight:600; height:40px; line-height:40px; }
.partner .button:after { background:url(../images/bt-icon-g.svg) center left no-repeat; height:40px; }
.partner .section-title { color:#FFF; }
.partner .partner-images { padding-top:30px; }
.partner .partner-images.min-hide { display:none; }
.partner .partner-images .partner-images-item { display:inline-block; vertical-align:top; width:49%; text-align:center; margin-right:2%; }
.partner .partner-images .partner-images-item:nth-child(2n+0) { margin-right:0; }
.partner .partner-images .partner-images-item .square-image { width:80%; display:inline-block; }

.news { }
.news .boundary { padding:30px 0; position:relative; }
.news .button { margin-bottom:20px; }
.news .news-item { display:inline-block; width:49%; margin-right:2%; margin-bottom:20px; position:relative; }
.news .news-item:nth-child(2n+0) { margin-right:0; }
.news .news-item .square-image:before { padding-top:150%; }
.news .news-item .news-item-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:1; transition:all .5s;  }
.news .news-item:hover .news-item-overlay { background:unset; }
.news .news-item .news-item-title { position:absolute; bottom:0; left:0; width:100%; height:auto; color:#FFF; font-weight:bold; line-height:1.5em; z-index:2; padding:10px; box-sizing:border-box; }

.footer { background-color:var(--green-dark); color:#FFF; border-bottom:1px solid var(--green-ex-light); }
.footer .boundary { width:94%; padding:30px 0; }
.footer .boundary .table .col { text-align:left; }
.footer h3 { font-size:1.7em; margin-bottom:10px; }
.footer .footer-contact-form form .textbox { border-color:var(--green-ex-light); background-color:unset!important; color:var(--green-ex-light)!important; border-radius:5px; margin-top:5px;  }
.footer .footer-contact-form form input::placeholder { color:var(--green-ex-light)!important; opacity:1; }
.footer .footer-contact-form form input::-ms-input-placeholder { color:var(--green-ex-light)!important; }
.footer .button { margin-top:5px; background-color:#FFF; color:var(--green)!important; border-radius:5px; }
.footer .button:after { background:url(../images/bt-icon-g.svg) center left no-repeat; }

.footer .footer-document { padding:30px 0 0; }
.footer .footer-document img { width:100%; height:auto; }

.footer h1 { font-size:1.5em; line-height:1.3em; }
.footer .footer-logo img { display:inline-block; width:150px; height:auto; }

.footer .footer-info { margin-top:20px; line-height:1.5em; }
.footer .footer-info .footer-info-title { color:var(--green-ex-light); font-weight:bold; margin-bottom:10px; }
.footer .footer-info .footer-phone { font-size:1.2em; font-weight:bold; }
.footer .footer-info ul { list-style-type:none; padding:0; margin:0; }
.footer a:hover { color:var(--green-light); }

.copyright { background-color:var(--green-dark); color:#FFF; font-size:0.8em; padding:5px 0; line-height:1.5em;  }
.copyright .boundary {text-align:center; }
.copyright span {display:block;}

/* SOCIAL BAR */
.social-bar { position: fixed; bottom: 10px; left: 10px; z-index: 10000; width: auto; height: auto; display: inline-block; }
.social-bar.min-hide { display: none; }
.social-bar .bar-item { position: relative; display: none; text-align: right; margin-bottom: 2px; }
.social-bar .bar-item:first-child { margin-bottom: 3px; }
.social-bar .bar-item:last-child { margin-top: 2.5px; }

.social-bar .bar-item.min-show { display: block; }
/* .social-bar .bar-item.min-show .icon { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } */

.social-bar .bar-item span { display: inline-block; line-height: 42px; font-weight: bold; background-color: var(--orange); color: #000; white-space: nowrap; text-align: left; vertical-align: top; box-shadow: 0 0 5px #333; position: relative; z-index: 100; }
.social-bar .bar-item .icon { width: 42px; height: 42px; text-align: center; }
.social-bar .bar-item .icon i { font-size: 1.6em; vertical-align: middle; color:#FFF; }
.social-bar .bar-item .icon i.fab { font-size: 1.8em; }
.social-bar .bar-item span i.zalo, .social-bar .bar-item span i.contact { width: 35px; height: 34px; vertical-align: middle; margin-top: -5px; }
.social-bar .bar-item span i.contact { width: 45px; height: 44px; }
.social-bar .bar-item .content { padding: 0 20px; display: none; z-index: 50; }
.social-bar .bar-item:hover .content { background-color: var(--yellow-light); }
/* / SOCIAL BAR */

@media (min-width:576px){
	.banner-container .banner-text { font-size:1.5em; }
	
	.about-us { margin-top:-40px; }
	
	.services .services-item { height:500px; }
	
	.ecosystem .ecosystem-item { width:32%; }
	.ecosystem .ecosystem-item:nth-child(2n+0) { margin-right:2%; }
	.ecosystem .ecosystem-item:nth-child(3n+0) { margin-right:0; }

	.partner .partner-images .partner-images-item { width:32%; }
	.partner .partner-images .partner-images-item:nth-child(2n+0) { margin-right:2%; }
	.partner .partner-images .partner-images-item:nth-child(3n+0) { margin-right:0; }
	.partner .partner-images .partner-images-item.min-show { display:none; }
	
	.news .boundary .button { position:absolute; top:35px; right:0; }
	.news .section-content { margin-top:20px; }
	
	.footer .footer-contact-form form .textbox { display:inline-block; width:49%; max-width:200px; margin-right:5px; }
	
	.copyright span { display:inline-block; }
	.copyright span:before {content:"- ";}
}

@media (min-width:768px){
	.section .section-title { font-size:2.5em; }
	
	.banner .owl-carousel .owl-nav button i{font-size:2.5em;}
	.banner .banner-text { font-size:2em; }
	
	.about-us .table { border-collapse:separate; border-spacing:20px; }
	.about-us .about-us-title { margin-bottom:20px; }
	.about-us .about-us-content { margin-bottom:0; }
	.about-us .button { margin-left:20px; }
	
	.introduction .introduction-image.min-show { display:none; }
	.introduction .introduction-image { display:block; }
	
	.services .boundary { padding:50px 0 60px; }
	.services .services-item .services-item-title { margin-top:5px; }
	.services .services-item .services-item-content { line-height:1.3em; }
	.services .services-item { height:450px; }
	
	.partner .boundary { padding:50px 0 40px; }
	.partner .partner-images { padding-top:0; }
	
	.news .boundary .button { top:40px; }
	
	/* SOCIAL BAR */
	.social-bar { bottom: unset; left: unset; top: 27%; right: 0; }
	.social-bar.min-hide { display: block; }
	.social-bar .bar-item { display: block!important; }
	.social-bar .bar-item:nth-child(2) .icon { border-top-left-radius: 10px; }
	.social-bar .bar-item:last-child .icon { border-bottom-left-radius: 10px; }
	.social-bar .bar-item.min-show { display: none!important; }
	.social-bar .bar-item:hover .content { display: inline-block; }
	/* / SOCIAL BAR */
	
	.footer .footer-contact-form form .textbox { width:80%; max-width:unset; }
	.footer .footer-document:last-child { text-align:right; }
	.footer .footer-document img { display:inline-block; width:60%; margin-top:-32px; vertical-align:top; }
	
	.footer .footer-description { width:80%; max-width:400px; }
	
	.footer .bounday { padding:50px 0; }
	.footer .footer-document { padding-top:0; }
	
	.footer .footer-info { width:90%; }
}

@media (min-width:996px){
	.owl-carousel .owl-nav button i {font-size:3em;}
	
	.section .section-title { font-size:2.5em; }
	.section .section-title span { font-size:1.2rem; }
	
	
	.top-menu { height:60px; line-height:60px; }
	.top-menu .hamburger {display:none;}
	.top-menu .boundary { width:100%; text-align:center; }
	.top-menu .top-menu-logo { height:60px; }
	.top-menu .top-menu-content { display:inline-block!important; position:relative; top:unset; left:unset; background:unset; box-shadow:none!important; width:auto; padding:0; height:60px; vertical-align:top; color:#000; font-size:.9em; }
	.top-menu .top-menu-content li { position:relative; border:unset; font-weight:normal; font-size:1em; }
	.top-menu .top-menu-content li, .top-menu .top-menu-content li a { display:inline-block; }
	.top-menu .top-menu-content li a {padding:0 5px; width:auto; }
	.top-menu .top-menu-content li:hover, .top-menu .top-menu-content li:hover > a, .top-menu .top-menu-content li.active, .top-menu .top-menu-content li.active > a { color:var(--green); }
	
	.top-menu .top-menu-content li.sub-menu { padding-right:15px; }
	.top-menu .top-menu-content li.sub-menu:after { top:0; }
	
	.top-menu .top-menu-content li ul { display:none; position:absolute; top:calc(100% - 10px); left:50%; transform:translateX(-50%); width:auto; min-width:100%; height:auto; background-color:#FFF; color:#000; box-shadow:0 0 3px #DDD; padding:0;}
	.top-menu .top-menu-content li ul li {display:block;}
	.top-menu .top-menu-content li ul li a { color:#000; display:block; padding:10px; white-space:nowrap; }
	.top-menu .top-menu-content li ul li:hover a { color:var(--orange); }
	.top-menu .top-menu-content li.sub-menu:hover ul {display:inline-block;}
	
	.banner .banner-text { font-size:2.5em; }
	
	.about-us { margin-top:-60px; }
	.about-us .boundary { font-size:1em; }
	.about-us .about-us-title { margin-bottom:30px; }
	.about-us .about-us-title span { font-size:4em; font-weight:600; }
	
	.introduction { position:relative; overflow:hidden; }
	.introduction .section-description { max-width:1000px; }
	.introduction .introduction-box .introduction-box-title { font-size:3.5em; }
	.introduction .introduction-image:before { padding-top:60%; }
	
	.ecosystem .ecosystem-item { width:15%; }
	.ecosystem .ecosystem-item:nth-child(2n+0), .ecosystem .ecosystem-item:nth-child(3n+0) { margin-right:2%; }
	.ecosystem .ecosystem-item:nth-child(6n+0) { margin-right:0; }
	.ecosystem .ecosystem-item .button { font-size:.8em; padding: 0 30px 0 10px; }
	
	.partner .partner-images.min-hide { display:block; margin-top:15px; }
	
	.news .boundary { padding:50px 0; }
	.news .boundary .button { top:60px; height:40px; line-height:40px; }
	.news .boundary .button:after { height:40px; }
	.news .news-item { width:23.5%; }
	.news .news-item:nth-child(2n+0) { margin-right:2%; }
	.news .news-item:nth-child(4n+0) { margin-right:0; }
	
	.footer .footer-menu-items { text-align:left; }
	.footer .footer-menu { display:inline-block; width:auto; vertical-align:top; margin-left:4em; }
	.footer .footer-logos .footer-menu {width:70%;}
	
	.footer .footer-info { width:95%; margin-left:5%; }
}

@media (min-width:1100px){
	.top-menu .top-menu-content li a {padding:0 0 0 20px; }
	.top-menu .top-menu-content li ul { top:calc(100% - 20px); }
	
	.introduction .introduction-image:before {  }
	.section.section-right .boundary { max-width:unset; width:100%; padding-left:calc(50% - 520px); }
	
	.partner .partner-images .partner-images-item { margin-top:-20px; }
}

@media (min-width:1140px){
	.top-menu .top-menu-content li a { padding: 0 7px; }
	.top-menu .boundary { max-width:unset; height:60px; line-height:60px; }
	.top-menu .button { display:inline-block; font-size:.8em; margin:14px 0 0 5px; vertical-align:top; background-color:var(--orange); border-color:var(--orange); }
	
	.introduction .introduction-image:before {  }
}

@media (min-width:1200px){
	
	.top-menu .top-menu-logo {height:80px;}
	
	.top-menu, .top-menu .top-menu-content, .top-menu .boundary {height:80px; line-height:80px;}
	
	.top-menu .boundary { max-width:1300px; }
	.top-menu .top-menu-content {padding:0;}
	.top-menu .top-menu-content { font-size:.95em; }
	.top-menu .top-menu-content li a {padding:0 5px; }
	
	.top-menu .button { height:40px; line-height:40px; margin:20px 0 0 15px; }
	.top-menu .button:after { height:40px; }
	
	.banner .banner-text { font-size:2.8em; }
	
	.section .section-title { font-size:2.7em; }
	.section .section-title span { line-height:1.5rem; }
	.section .section-description { font-size:1em; }
	
	.introduction { margin:50px 0; }
	.introduction .introduction-box .introduction-box-title span { margin-left:5px; }
	.introduction .introduction-image { top:50%; }
	.introduction .introduction-image:before { padding-top:70%; }
	
	.partner .partner-images.min-hide { margin-top:40px; }
	
	.gallery .gallery-item {width:calc(50% - 10px); margin-right:20px;}
	.gallery .gallery-item:last-child {margin-right:0;}
	.gallery .gallery-item .square-image {width:100%;}
	
	.insurance .insurance-item {max-width:750px;}
	.qa .qa-container { padding-left: calc(100% - 480px); }
	
	.footer h1 { font-size:1.1em; }
	.footer h3 { font-size:2em; }
	.footer .footer-contact-form form .textbox { width:49%; max-width:230px; }
	.footer .footer-document { display:inline-block; width:50%; vertical-align:top; }
	.footer .footer-document:last-child { text-align:left; }
	.footer .footer-document img { margin-top:2.5em; width:70%; }
}

@media(min-width:1300px){
	.top-menu .boundary { max-width:unset; text-align:left; }
	.top-menu .top-menu-content li a {padding:0 10px; }
	.top-menu .button { float:right; font-size:1em; }
	.top-menu .top-menu-content li.sub-menu:after { right:15px; }
	
	.introduction .introduction-boxes { font-size:.9em; padding-top:20px; }
	.introduction .introduction-box .introduction-box-title { font-size:3.2em; }
	.introduction .introduction-box:first-child { width:48%; }
	.introduction .introduction-image:before { padding-top:60%; }
	
}
@media(min-width:1400px){
	.top-menu .top-menu-content { font-size:1.1em; }
	.top-menu .top-menu-content li a {padding:0 15px; }
}