/* @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:"SourceSans";src:url("fonts/sourcesanssro-regular.otf")format("OpenType");font-weight:400;font-display:swap}
@font-face{font-family:"SourceSans";src:url("fonts/sourcesanssro-bold.otf")format("OpenType");font-weight:700;font-display:swap}
@font-face{font-family:"SourceSans";src:url("fonts/sourcesanssro-boldit.otf")format("OpenType");font-weight:700;font-display:swap;font-style:italic;}
@font-face{font-family:"SourceSans";src:url("fonts/sourcesanssro-it.otf")format("OpenType");font-weight:400;font-display:swap;font-style:italic;}

:root{
	
	--yellow: #ffb400;
	--black: #0b0b0b;
	--burger:#FFF;
	
	
	--orange: #FD5339;
	--yellow-dark: #FFFF00;
	--yellow: #FAD232;
	--yellow-light: #FFF6D2;
	--grey: #F2F2F2;
	--pink: #E94560;
}

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

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

html, body { font-family: SourceSans, sans-serif; font-size:16px; line-height:1.5em; background-color:var(--black)!important; color:#FFF; }
/* body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */
.container .boundary {width:96%; max-width:1200px;}
h1, h2, h3, h4 {font-family:SourceSans, sans-serif;}

.tab-container { background-color:#666!important; }
.tab-container .tabcontent { background-color:#222!important; }
.tab-container ul.tab-nav li.active, .tab-container ul.tab-nav li:hover { background-color:#333!important; color:#FFF!important; }

a {color:inherit;}

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

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

.form-message { background-color: var(--yellow-light); color: #333; border-color: var(--yellow-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(--blue-dark)!important;}

.top-menu { position:relative; background-color:var(--black); color:#FFF; height:70px; box-shadow:0 2px 3px var(--yellow); }
.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 .top-menu-content { position:absolute; display:block; width:100%; height:auto; top:100%; left:-100%; background-color:var(--black); margin:0; padding:20px; box-sizing:border-box; z-index:9999; color:#FFF; list-style-type:none; transition:all 0.3s; }
.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(--yellow);}
.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:#BBB; font-weight:normal;}

.top-slogan { background-color:#666; color:#FFF; padding:10px 0; height:44px; overflow:hidden; }

.dark-mode form { display:inline-block; width:auto; float:left; background-color:#f6f6f6; border:1px solid #DDD; border-radius:20px; position:relative; }
.dark-mode form .textbox { border:0; width:150px; height:26px; background:transparent; margin:0; }
.dark-mode form button { display:inline-block; vertical-align:top; background:unset; border:unset; margin-right:5px; font-size:1.1em; line-height:26px; cursor:pointer; }

.section {margin-top:30px;}

.section .section-title { position:relative; text-align:left; color:var(--yellow); text-shadow: 0 0 3px #FAD232; line-height:1.5em; padding:10px 0; margin:0 0 30px; font-weight:normal; }
.section .section-title:after { content:""; width:100%; height:2px; background-color:#FAD232;  position:absolute; top:100%; left:0; box-shadow:0 0 10px var(--orange); }

.gallery .gallery-item {margin-bottom:20px;}
.gallery .gallery-item .square-image {width:80%; margin:0 auto 10px;}
.gallery .gallery-item .gallery-title { font-family:SourceSans, sans-serif; font-weight:bold; color:var(--yellow); font-weight:bold; }

.finance .finance-item {margin-bottom:10px;}
.finance .finance-item .square-image, .finance .finance-item .finance-info {display:inline-block; width:30%; vertical-aign:top; }
.finance .finance-item .finance-info { width:70%; padding-left:10px; text-align:left; box-sizing:border-box; }
.finance .finance-item .finance-info .finance-title { font-weight:bold; margin-bottom:5px; }
.finance .finance-item:hover .finance-info .finance-title {color:var(--yellow);}
.finance .finance-item .finance-info .finance-title a, .finance .finance-item .finance-info .finance-description {display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; }
.finance .finance-item .finance-info .finance-description { -webkit-line-clamp:3; color:#999; }

.qa.min-hide {display:none;}

.insurance { margin-top:30px; position:relative; z-index:1; }
.insurance .insurance-content { box-shadow:0 0 10px #666; background-color:#333; padding-bottom:20px; }
.insurance .insurance-title { background-color:var(--black); color:#FFF; height:60px; width:100%; text-align:left; }
.insurance .insurance-title img {width:auto; height:100%; display:inline-block; margin-right:20px; }
.insurance .insurance-title h2 { display:inline-block; margin:0; line-height:60px; width:auto; font-weight:normal; vertical-align:top; text-shadow:0 0 5px var(--yellow-dark); }

.insurance .insurance-item { padding:20px 20px 0; box-sizing:border-box; }
.insurance .insurance-item .square-image {width:100%; margin:0 auto 10px;}
.insurance .insurance-item .square-image:before {padding-top:75%;}
.insurance .insurance-item .insurance-info-title { background-color:var(--yellow); color:#333; padding:10px; border-radius:5px; }
.insurance .insurance-item .insurance-description {text-align:left;}

.insurance .ngoai-hoi-item { display:block; width:96%; margin:10px auto; }
.insurance .ngoai-hoi-item .square-image, .insurance .ngoai-hoi-item .ngoai-hoi-item-info  { display:inline-block; width:30%; vertical-align:top; box-sizing:border-box; }
.insurance .ngoai-hoi-item .ngoai-hoi-item-info { width:70%; padding-left:10px; text-align:left; color:#999; }
.insurance .ngoai-hoi-item .ngoai-hoi-item-info .ngoai-hoi-item-title { font-weight:bold; color:#FFF; margin-bottom:5px; }

.qa .qa-container {background-color:#000;}
.qa .qa-container ul.question-list li.question-item a:hover { color:var(--yellow); }
.qa .qa-container .button { background-color:var(--yellow); border-color:var(--yellow); color:#000!important; margin-top:20px; transition:all 0.5s;}
.qa .qa-container .button:hover { background-color:#FF0; border-color:#FF0; }

.qa .qa-container ul.question-list { list-style-type:none; margin:0; padding:0; }
.qa .qa-container ul.question-list li.question-item { text-align:left; border-bottom:1px solid #666; padding:10px 0; }
.qa .qa-container ul.question-list li a.question { font-weight:bold; display:inline-block; width:calc(100% - 35px); vertical-align:middle; }
.qa .qa-container ul.question-list li i { font-size: 1.5em; width: 30px; display: inline-block; height: 30px; line-height: 30px; transform: rotate(90deg); margin-left: 5px; }
.qa .qa-container ul.question-list .qa-answer {display:none; width:100%; height:auto;}

.qa .qa-container.section .section-title { padding-top:0; }
.qa .qa-container .article-items { width:100%; }
.qa .qa-container .article-items .article-item { margin-bottom:10px; width:100%; text-align:left;  }
.qa .qa-container .article-items .article-item .square-image, .qa .qa-container .article-items .article-item .article-info { display:inline-block; width:calc(30% - 10px); vertical-align:top; margin-bottom:5px; }
.qa .qa-container .article-items .article-item .article-info { width:70%; padding-left:10px; text-align:left; box-sizing:border-box; }
.qa .qa-container .article-items .article-item .article-title { font-weight:bold; }
.qa .qa-container .article-items .article-item:hover .article-title {color:var(--yellow);}
.qa .qa-container .article-items .article-item .article-title a, .qa .qa-container .article-items .article-item .article-description {display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; }
.qa .qa-container .article-items .article-item .article-info .article-description {-webkit-line-clamp:3;}

.qa.min-show { position:relative; z-index:0; }
.qa.min-show .section {margin-top:0;}
.qa.min-show .qa-container {padding:10px 10px 50px;}

.profiles .profile-body { background-color:#FFF; color:#000; }

.footer { background-color:var(--black); padding:20px 0; color:var(--black); border-top:5px solid #FFF; }
.footer .boundary { width:94%; padding-bottom:30px; }

.footer .footer-logos {margin-bottom:50px;}
.footer .footer-logos .square-image { display:inline-block; width: 72px; border:3px solid var(--yellow-dark); margin:0 5px; }
.footer .footer-logos div .square-image { border:unset; margin:0 auto; width:180px; }

.footer .footer-menu { text-align:left; margin-top:30px; }
.footer .footer-menu h3 { font-weight:normal; color:var(--yellow-dark); text-shadow: 1px 1px 2px; }
.footer .footer-menu ul { list-style-position:inside; color:#FFF; margin:0; padding:0;}
.footer .footer-menu ul li {padding:2px 0;}
.footer .footer-menu ul li a:hover { color:var(--yellow-dark);}
.footer .footer-menu ul li i { margin-right:10px; font-size:1.5em; }
.footer .footer-menu ul.social-icons {list-style-type:none;}
.footer .footer-menu ul.social-icons li {padding:5px 0;}
.footer .footer-logos .footer-menu {width:96%; text-align:left; margin:20px auto 0;}

.copyright { background-color:#666; color:#333; font-size:0.9em; padding:10px 0;}
.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 */

.question-groups { background:unset!important; }
.questions li.question-item { color:#aaa; }
.questions li.question-item .question { color:#FFF!important; }

.wrap { background-color:#666!important; }

@media (min-width:576px){
	.dark-mode form { float:unset; margin-right:20px; }
	
	.gallery .gallery-item {display:inline-block; width:50%; vertical-align:top;}
	
	.finance .finance-item .square-image {width:20%;}
	.finance .finance-item .finance-info {width:80%; padding-left:20px;}
	
	.qa .qa-container .article-items .article-item .square-image { width:calc(15% - 10px); }
	.qa .qa-container .article-items .article-item .article-info { width:85%; }
	
	.copyright span { display:inline-block; }
	.copyright span:before {content:"- ";}
	
	.footer .footer-logos .footer-menu {width:55%;}
}

@media (min-width:768px){
	.banner .owl-carousel .owl-nav button i{font-size:2.5em;}
	
	.gallery {padding-right:20px;}
	
	.qa.min-hide {display:none!important;}
	
	.insurance {margin-top:50px;}
	.insurance .insurance-item .square-image, .insurance .insurance-item .insurance-info {display:inline-block; vertical-align:top; width:40%; }
	.insurance .insurance-item .insurance-info { width:60%;	padding-left:20px; box-sizing:border-box; }
	
	.finance .finance-item, .insurance .ngoai-hoi-item { width:60%; }
	.insurance .ngoai-hoi-item { margin: 10px 0; }
	
	/* 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-logos .footer-menu {width:90%;}
}

@media (min-width:996px){
	.owl-carousel .owl-nav button i {font-size:3em;}
	
	.top-menu .hamburger {display:none;}
	
	.top-menu .top-menu-content { display:inline-block!important; position:relative; top:unset; left:unset; background:unset; box-shadow:none!important; width:auto; height:70px; vertical-align:top; float:right; color:#FFF; }
	.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 0 0 15px; 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(--yellow-dark); }
	.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; margin-left:5px; font-size:0.9rem; }
	
	.top-menu .top-menu-content li ul { display:none; position:absolute; top:100%; left:20px; 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;}
	
	.section .section-title {font-size:1.7em;}
	
	.gallery .gallery-item .square-image {width:90%;}
	.finance .finance-item .finance-info {padding-left:10px;}
	.finance .finance-item .finance-info .finance-description {-webkit-line-clamp:2;}
	
	.qa.min-hide { display:table-cell!important;}
	.insurance {position:relative; z-index:1;}
	.insurance-container { margin:50px 0;}
	.insurance .insurance-item .insurance-info .insurance-description { display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
	
	.finance .finance-item { width:100%; }
	.insurance .ngoai-hoi-item { width:calc(50% - 15px); margin:20px 0 0 10px; display:inline-block; box-sizing:border-box; }
	.insurance .ngoai-hoi-item .square-image { width:25%; }
	.insurance .ngoai-hoi-item .ngoai-hoi-item-info { width:75%; }
	.insurance .ngoai-hoi-item .ngoai-hoi-item-title a, .insurance .ngoai-hoi-item .ngoai-hoi-item-description { display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; }
	
	.qa { position:relative; }
	.qa .qa-container { width:100%; z-index:0; padding:10px 20px; box-sizing:border-box; margin-top:unset; overflow-y:auto; }
	
	.qa.min-show { display:none; }
	
	.qa .qa-container .article-items .article-item .square-image { width:calc(15% - 10px); }
	.qa .qa-container .article-items .article-item .article-info { width:85%; }
	.qa .qa-container .article-items .article-item .article-description { display:none; }
	
	.question-groups .question-groups-panel { background-color:#666!important; }
	.question-groups .question-groups-panel li:hover, .question-groups .question-groups-panel li.active { background-color:var(--yellow)!important; color:#000!important; }
	
	.footer {margin-top:100px;}
	.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%;}
}

@media (min-width:1200px){
	
	.top-menu .top-menu-logo {height:100px;}
	
	.top-menu, .top-menu .top-menu-content {height:100px; line-height:100px;}
	
	.top-menu .top-menu-content {padding:0;}
	.top-menu .top-menu-content li { font-size:1.2em; }
	.top-menu .top-menu-content li a {padding:0 0 0 20px; }
	.top-menu .top-menu-content li ul {top:70%;}
	
	.section .section-title {font-size:1.9em;}
	
	.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); }
	
	.qa .qa-container.section .section-title { padding-top:0; margin-top:-5px; }
	.qa .qa-container .article-items .article-item:last-child { display:none; }
	.qa .qa-container .article-items .article-item .square-image { width:calc(15% - 10px); }
	.qa .qa-container .article-items .article-item .article-title a { -webkit-line-clamp:1; }
	.qa .qa-container .article-items .article-item .article-info { width:85%; }
	.qa .qa-container .article-items .article-item .article-info .article-description { display:-webkit-box; -webkit-line-clamp:2; }
	
	.footer .footer-logos .footer-menu {width:90%;}
}

@media(min-width:1300px){
	
}

@media (min-width:1600px){
	.insurance { width: 49.998%!important; }
}