:root {
	--main-color: #006cad;
  	--sub-color: #bf2e26;
  	--bg-color: #f1f1f1;
  	--body-color: #000;
  	--line-color: #eee;
  	--bold-grey: #737272;
  	--grey: #ccc;
  	--red: #c02f26;
  	--orange: orange;
  	--gradient: linear-gradient(0deg, rgba(0,108,173,1) 0%, rgba(56,161,224,1) 100%);
  	--btn-color: #f79031;
  	--myfont: 'Roboto', sans-serif;
  	--hover-color: orange;
  	--font-size-tiny: 12px;
  	--font-size-small: 13px;
  	--font-size-regular: 14px;
  	--font-size-big: 16px;
  	--font-size-page-title: 18px;
  	--font-size-main-title: 30px;
  	--font-size-main-title-mob: 24px;
  	--font-size-title-medium: 22px;
  	--font-size-title-small: 18px;
}
html {
	scrollbar-width: thin;
}
body{
	font-family: var(--myfont);
	color: var(--body-color);
	font-size: var(--font-size-regular);
	line-height: 1.6;
}
*,
*:before,
*:after {
  	box-sizing: border-box;
}
a {text-decoration: none;color: var(--body-color)}
a:hover {text-decoration: none;color: var(--sub-color)}
p{margin-bottom: 0}
.h1, .h2, .h3, h1, h2, h3 {
  	margin: 0;
}
button:focus {
  outline: unset;
}
input:focus-visible {
  outline: unset;
}
.fullwidth{width: 100%;}
.fullheight{height: 100%;}
.container-fluid, .row {
  	margin-left: 0;
  	margin-right: 0;
  	padding: 0;
}
.no-padding{padding: 0;}
.center{text-align: center;}
.show991{display: none;}
.show767{display: none;}
.show480{display: none;}
.clear10{clear: both;height: 10px;}
.clear20{clear: both;height: 20px;}
.clear40{clear: both;height: 40px;}
.flex{display: flex;}
.flex-bw{display: flex;justify-content: space-between;}
.flex-se{display: flex;justify-content: space-evenly;}
.editor {
	max-width: 100%;
}
.editor img, .editor table, .editor iframe {
	max-width: 100%;
}
.editor h2, .editor h2 > span {
  	font-size: var(--font-size-title-medium);
  	margin-bottom: 14px;
  	line-height: 30px;
}
.editor h3, .editor h3 > span {
  	font-size: var(--font-size-title-small);
  	margin-bottom: 10px;
  	line-height: 26px;
}
.editor p {
	margin-bottom: 10px;
}
img {
	height: auto;
}
ul{list-style-type: none;padding: 0;margin: 0}
.editor ul {list-style-type: unset;margin-top: 0;margin-bottom: 10px;padding-left: 40px;}
.no-padding-right{padding-right: 0;}
.no-padding-left{padding-left: 0;}
.items-center {
	display: flex;
	align-items: center;
}
.form-control {
	border: 1px solid var(--line-color);
	border-radius: 0;
	box-shadow: unset;
	height: 40px;
	font-size: var(--font-size-small);
}
.form-control:focus, .form-control:focus-visible {
	outline: none;
	box-shadow: none;
}
@keyframes animations {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}

@-moz-keyframes animations {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes animations {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}

@-o-keyframes animations {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}
header.header-fixed .header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	animation: mations 1s ease;
	transition: background-color .5s ease 0s,padding .5s ease 0s;
	z-index: 9;
	display: flex;
	justify-content: space-between;
	align-content: center;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}
.header-fixed .header-destop .main-header {
	padding: 10px 0;
}
.first-menu {
	display: flex;
	align-items: center;
	justify-content: right;
}
.first-menu > li {
  	height: 100%;
  	display: flex;
  	align-items: center;
}
.first-menu > li > a {
	font-weight: 500;
	padding: 0 20px;
	display: flex;
	align-items: center;
	font-size: var(--font-size-big);
}
.p-help {
	width: 14px;
	height: 14px;
}
.p-help svg {
	width: 14px;
}
.first-menu > li > a > .p-help {
	margin-bottom: 4px;
}
.seccond-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	z-index: 9;
	width: 220px;
	height: 0;
	box-shadow: 0 0 20px -10px #0000008f;
	opacity: 0;
	overflow: hidden;
	width: 100%;
}
.seccond-menu-head {
	padding: 10px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--line-color);
	display: flex;
  	align-items: center;
}
.seccond-menu-head .box-img {
	width: 60px;
	height: 60px;
	background: var(--bg-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.seccond-menu-head img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.seccond-menu-head a {
	font-weight: 600;
	color: var(--main-color);
	font-size: var(--font-size-big);
}
.first-menu > li:hover > .seccond-menu {
	opacity: 1;
	height: auto;
	transition: all .3s ease-out;
	padding: 20px;
}
.seccond-menu-bot {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
}
.seccond-menu-bot > .item-menu-bot > a > .name {
	font-weight: 600;
}
.seccond-menu-bot > .item-menu-bot > ul {
	margin-top: 10px;
}
.seccond-menu-bot > .item-menu-bot > ul > li:not(:last-child) {
	margin-bottom: 5px;
}
.while-cl {
	color: white;
}
.grid-header {
	display: grid;
	grid-template-columns: 100px 1fr 130px;
	grid-gap: 20px;
	position: relative;
}
.logo img {
	max-width: 90px;
}
.act-search {
	width: 22px;
	height: 22px;
}
.act-search .act-ic > svg {
	width: 22px;
	height: 22px;
	filter: brightness(0) saturate(100%) invert(24%) sepia(72%) saturate(17%) hue-rotate(314deg) brightness(86%) contrast(85%);
}
.img-flag {
	width: 18px;
	height: 18px;
	object-fit: cover;
	border-radius: 100%;
	overflow: hidden;
}
.header-destop {
	position: relative;
	width: 100%;
}
.main-header {
	padding: 15px 0;
	background: #fff;
	width: 100%;
}
.bg-line-header {
	height: 15px;
	width: 100%;
	background-image: url('../img/header-line.png');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: transparent;
	position: absolute;
	bottom: -8px;
  	z-index: 2;
}
 #modalSearch .modal-content {
    padding: 40px;
}
#modalSearch .modal-content form {
	position: relative;
}
 #modalSearch .modal-content input {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--line-color);
    box-shadow: unset;
    font-size: 13px;
}
.set-20-svg {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--main-color);
    font-size: 22px;
    height: 43px;
    width: 43px;
    text-align: center;
    padding: 0;
    font-weight: 900;
    background: none;
    border: none;
}    
.set-20-svg svg {
    width: 20px;
    height: 20px;
    fill: #111111111;
}
.bg-overlay {
	background-color: #000000c4;
	z-index: 4;
	top: 0;
	left: 0;
	position: fixed;
	overflow: auto;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
}
.bg-overlay.active {
	opacity: 1;
	visibility: visible;
}
.main-title {
	font-size: var(--font-size-main-title);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--main-color);
	line-height: 46px;
}
.line-bottom {
	content: "";
	width: 60px;
	height: 3px;
	display: inline-block;
	background: var(--sub-color);
	margin-top: 10px;
}
.tit-ft {
	font-weight: 700;
	font-size: var(--font-size-big);
	margin-bottom: 15px;
}
.item-main-ct {
	margin-bottom: 15px;
}
.item-main-ct img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	margin-right: 10px;
}
.grid-footer {
	display: grid;
	grid-template-columns: 100px 1fr 1fr 1fr;
	grid-gap: 40px;
}
.main-footer {
	padding: 40px 0;
	position: relative;
  	z-index: 2;
}
.policy-ft > li:not(:last-child) {
	margin-bottom: 10px;
}
.footer-bottom {
	background: var(--main-color);
	color: #fff;
	font-size: var(--font-size-small);
  	padding: 10px 0;
}
.ul-menu-ft > li {
  	display: inline-flex;
}
.ul-menu-ft > li:not(:last-child) {
  	margin-right: 20px;
}
.ul-menu-ft > li > a , .ul-menu-ft > li > a:hover {
  	color: #fff;
}
.logo-ft {
	margin: auto;
}
.logo-ft img {
	max-width: 120px;
}
.banner-page {
	width: 100%;
	height: 420px;
	background-color: var(--main-color);
	background-image: var(--background);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.content-banner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.breadcrumbs span {
  	display: inline-flex;
  	color: #fff;
}
.breadcrumbs a span {
  	color: #fff;
}
.space {
	margin: 0 10px;
}
.box-breadcrumbs .desc {
	font-size: var(--font-size-big);
	width: 60%;
}
.banner-tit {
	font-size: var(--font-size-main-title);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--red);
	margin-bottom: 15px;
}
.name-bread {
	font-weight: 700;
	font-size: var(--font-size-main-title);
	color: #fff;
}
.breadcrumbs {
  	margin-top: 10px;
}
.page-title {
	text-transform: uppercase;
	color: var(--main-color);
	font-size: var(--font-size-page-title);
	font-weight: 600;
	padding: 10px 0;
	border-bottom: 1px solid var(--bg-color);
}
.page-title.other-page-title {
	font-size: var(--font-size-big);
}
.pagi {
	display: flex;
	justify-content: center;
}
.pagi a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: #fff;
	margin: 0 3px;
	border-radius: 100%;
}
.pagi a:hover, .pagi a.active {
	background: var(--main-color);
	color: #fff;
}
.item.item-pro {
	border: 1px solid var(--line-color);
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
}
.item.item-pro .block-details {
	padding: 15px;
}
.item .name {
  	font-weight: 600;
  	font-size: var(--font-size-big);
  	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	-webkit-line-clamp: 2;
	height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.item.item-pro:hover {
	border-color: var(--main-color);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}
.btn-gradient {
	background: var(--main-color);
	color: #fff;
	border: none;
}
.btn-gradient:hover {
	color: #fff;
	box-shadow: 1px 2px 7px 2px var(--main-color);
}
.zoom-img {
	position: relative;
	overflow: hidden;
}
.zoom-img img {
  	-webkit-transition: all 0.8s ease-in-out;
  	transition: all 0.8s ease-in-out;
}
.zoom-img img:hover {
  	transform: scale(1.1);
}
.footer-top.ft-has-bg {
	background-image: var(--background);
	background-repeat: no-repeat;
  	background-size: contain;
  	position: relative;
}
.footer-top.ft-has-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: inherit; /* Kế thừa background-image từ phần tử cha */
	background-size: inherit; /* Kế thừa background-size từ phần tử cha */
	background-repeat: no-repeat;
	z-index: 1; /* Đặt z-index để phần tử pseudo-element ở phía sau phần tử con */
}
.main-contact {
	background-color: var(--bg-color);
	padding-top: 50px;
	padding-bottom: 40px;
}
.grid-main-contact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	padding: 40px;
	background: #fff;
	border-radius: 10px;
	width: 80%;
	margin: auto;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
	align-items: center;
	background: var(--background);
	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;
  	z-index: 2;
}
.list-main-ct {
	margin-top: 15px;
}
.list-main-ct > li {
	display: inline-block;
	background: var(--bold-grey);
	width: 34px;
	height: 34px;
	border-radius: 100%;
	margin-right: 10px;
}
.list-main-ct > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
  	height: 100%;
}
.list-main-ct > li > a > img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(99%) sepia(30%) saturate(1118%) hue-rotate(206deg) brightness(120%) contrast(96%);
}
#form-main-ct input, #form-main-ct textarea, #form-main-ct select {
	border: 1px solid var(--main-color);
	border-radius: 4px;
}
#form-main-ct input, #form-main-ct select {
	padding-left: 60px;
}
#form-main-ct input::placeholder, #form-main-ct textarea::placeholder {
	color: var(--body-color);
}
#form-main-ct .form-group {
	position: relative;
}
.tit-ip-mainct {
	position: absolute;
	left: 0;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
}
.tit-ip-mainct > img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	margin-right: 10px;
}
.tit-ip-mainct > span {
	display: inline-block;
	width: 2px;
	height: 50%;
	background: var(--line-color);
}
.col-main-contact .main-title {
	text-transform: unset;
}
.justify-content-md-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	display: flex;
  	flex-wrap: wrap;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.contact-office-name {
	font-weight: 700;
	font-size: var(--font-size-big);
	margin-bottom: 10px;
}
.item-contact-office {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}
.item-contact-office > img {
	width: 24px;
	margin-right: 10px;
}
.scrollbar-office {
	max-height: 240px;
	overflow-y: scroll;
	scrollbar-width: thin;
	background: #f7f7f7;
  	padding: 10px;
}
.item-contact-office > .block-details img {
	width: 18px;
	margin-right: 4px;
}



@media (min-width: 576px){
	.container {
	  	max-width: 540px;
	}
}
@media (min-width: 768px){
	.container {
	  max-width: 750px;
	}
}
@media (min-width: 992px){
	.container {
	  max-width: 970px;
	}
}
@media (min-width: 1200px){
	.container {
	  max-width: 1170px;
	}
}
@media (min-width: 1300px){
	.container {
  		max-width: 1285px;
	}
}
@media (min-width: 1500px){
	.container {
  		width: 1480px;
	}
}
@media (min-width: 2200px){
	.container {
  		width: 70%;
  		max-width: unset;
	}
}
@media (max-width: 991px){
	.hide991 {
		display: none;
	}
	.show991 {
		display: block;
	}
	.container {
		max-width: 820px;
	}
	.header-mobile {
		width: 100%;
	}
	.header-mobile .header-bottom-mobile {
		padding: 15px 0;
	  	background: var(--main-color);
	}
	.logo img {
	  	filter: brightness(0) saturate(100%) invert(86%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(109%) contrast(114%);
	}
	.act-search .act-ic > svg {
		filter: brightness(0) saturate(100%) invert(86%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(109%) contrast(114%);
	}
	.menu-bar {
	  	width: 34px;
	  	line-height: 8px;
	  	cursor: pointer;
	}
	.menu-bar span {
		height: 2px;
	  	background: #fff;
	  	display: inline-block;
	}
	.menu-bar span:nth-child(1) {
	  	width: 100%;
	}
	.menu-bar span:nth-child(2) {
	  	width: 60%;
	}
	.menu-bar span:nth-child(3) {
	  	width: 80%;
	}
	.act-ic {
		width: 34px;
		height: 34px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #fff;
		border-radius: 100%;
	}
	.act-ic svg, .act-ic img {
  		width: 20px;
  		filter: brightness(0) saturate(100%) invert(86%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(109%) contrast(114%);
  	}
  	.act-search {
  		margin-right: 10px;
  	}
  	.logo {
	  	text-align: center;
	}
	/**/
	.grid-footer {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-footer .logo-ft {
		grid-column: 1 / span 3;
	}
	#nav-mobile {
		position: fixed;
		top: 0;
		left: -100px;
		width: 0;
		max-width: 320px;
		height: 100%;
		background: #fff;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		transition: all .5s ease;
	}
	#nav-mobile.active {
		left: 0;
		width: 80%;
		opacity: 1;
		visibility: visible;
		transition: all .5s ease;
	}
	.first-menu-mob > li {
		width: 100%;
		position: relative;
	}
	.first-menu-mob > li > a {
		width: 100%;
		height: 44px;
		display: flex;
		align-items: center;
		padding-left: 15px;
		padding-right: 4px;
		font-weight: 600;
		text-transform: uppercase;
		border-bottom: 1px solid var(--line-color);
	}
	.first-menu-mob > li.has-sub > a {
		width: calc(100% - 44px);
	}
	.p-help-mob {
		width: 44px;
		height: 44px;
		position: absolute;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 1px solid var(--line-color);
		border-bottom: 1px solid var(--line-color);
		cursor: pointer;
	}
	.p-help-mob svg {
		width: 20px;
		margin: 0;
	}
	.seccond-menu-mob {
		height: 0;
		opacity: 0;
		visibility: visible;
		transition: all .5s ease;
	}
	.seccond-menu-mob > li > a {
		width: 100%;
		height: 44px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid var(--line-color);
		padding-left: 30px;
		padding-right: 4px;
	}
	.first-menu-mob > li.active > .seccond-menu-mob {
		height: auto;
		opacity: 1;
		visibility: visible;
		transition: all .5s ease;
	}
	.tab-content-mobile > .tab-content {
		display: none;
	}
	.tab-content-mobile > .tab-content.active {
		display: block;
	}
	#modalSearch .modal-content {
	  	padding: 40px;
	}
	#modalSearch .modal-content input {
		border: none;
		border-radius: 0;
	  	border-bottom: 1px solid var(--line-color);
		box-shadow: unset;
		font-size: 13px;;
	}
	#modalSearch .modal-content form {
		position: relative;
	}
	.set-20-svg {
		position: absolute;
		top: 0;
		right: 0;
		color: var(--main-color);
		font-size: 22px;
		height: 43px;
		width: 43px;
		text-align: center;
		padding: 0;
		font-weight: 900;
		background: none;
		border: none;
	}
	.set-20-svg svg {
		width: 20px;
		height: 20px;
		fill: #111111111;
	}
	.act-search {
		width: 34px;
		height: 34px;
	}
	.action-header .dropdown.bootstrap-select.form-control.bs3 {
		background-color: transparent;
	}
	.action-header .btn.dropdown-toggle.btn-default {
		border: unset;
		padding: 6px 10px;
	}
	.action-header .bootstrap-select .dropdown-toggle .caret {
		right: 8px;
	}
	.action-header .dropdown-menu > li > a {
		padding: 3px 15px;
	}
	.footer-bottom .flex-bw.items-center {
	  	display: inline-block;
	}
	.copyright-ft {
	  	margin-bottom: 5PX;
	}
	.tab-nav-mobile ul {
		display: flex;
	}
	.tab-nav-mobile ul svg {
		width: 24px;
		margin-right: 5px;
	}
	.tab-nav-mobile > ul > li {
		width: 100%;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		border-bottom: 1px solid var(--line-color);
	}
	.tab-nav-mobile > ul > li.active {
		background: var(--main-color);
		color: #fff;
	}
	.tab-nav-mobile > ul > li.active svg, .tab-nav-mobile > ul > li.active svg path {
		stroke: #fff;
	}
	.grid-main-contact {
		width: 100%;
	}
}
@media (max-width: 767px){
	.show767 {
		display: block;
	}
	.hide767 {
		display: none;
	}
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.grid-footer .logo-ft {
    	grid-column: 1 / span 1;
  	}
	.grid-footer {
    	grid-template-columns: 1fr;
  	}
  	.grid-main-contact {
		grid-template-columns: 1fr;
	}
	.box-breadcrumbs .desc {
		width: 100%;
	}
	.banner-tit {
		font-size: var(--font-size-main-title-mob);
	}
	.name-bread {
		font-size: var(--font-size-page-title);
	}
	.box-breadcrumbs .desc {
		font-size: var(--font-size-regular);
	}
}
@media(max-width: 480px){
	.hide480 {
		display: none !important;
	}
	.show480 {
		display: block;
	}
	.main-title {
		font-size: var(--font-size-main-title-mob);
	}
	.grid-main-contact {
		padding: 22px;
	}
	.banner-page {
		height: 160px;
	}
}