:root {
	--color1: #AB2B26;
	--color2: #EF404D;
	--color3: #9B2344;
	--color4: #141C80;
	--color5: #DC1C24;
	--color6: #06163A;
	--border: #d0d0d0;
	--border2: #a5a5a5;
}

@font-face {
	font-family: font_header;
	src: url('font/Montserrat-ExtraBold.otf');
}

@font-face {
	font-family: Montserrat-Black;
	src: url('font/Montserrat-Black.otf');
}

@font-face {
	font-family: Montserrat-BoldItalic;
	src: url('font/Montserrat-BoldItalic.otf');
}

@font-face {
	font-family: Montserrat-Medium;
	src: url('font/Montserrat-Medium.otf');
}

@font-face {
	font-family: Montserrat-Regular;
	src: url('font/Montserrat-Regular.otf');
}

iframe{max-width:100%;border:none}

a {
	color: initial;
}

a:hover {
	color: initial;
}

img {
	max-width: 100%;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

body {
	min-width: 320px;
	color: #494949;
	font-family: Montserrat-Medium;
	font-size: 16px;
	overflow-x: hidden;
	max-width:1900px;
	width:100%;
	margin:auto;
}
#website{
	max-width:1900px;
	width:100%;
	margin:auto;
}
/*header*/
section#banner {
	position: relative;
	top: 0;
	z-index: 50;
}

#header.act {
	background: var(--color4);
}

header#header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	left: 0;
	max-width:1900px;
	padding:10px 1rem;
}

.header-list ul li a {
	color: white;
	font-family: font_header;
	display: inline-block;
	padding: 0.5rem;
}

a:hover {
	text-decoration: none;
}

.header-list ul li a:hover {
	color: var(--color1);
}

div#banner-abs {
	position: absolute;
	padding-top: 4rem;
}

div#banner-abs {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

p.banner-abs-p-2 {
	color: transparent !important;
	-webkit-text-stroke: 1px white;
}

p.banner-abs-p-1 {
	color: white;
	font-family: Montserrat-Black;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 1rem;
}

p.banner-abs-p-3 {
	margin: 0;
	color: white;
	font-family: Montserrat-BoldItalic;
	font-size: 0.5rem;
}
.banner-pc .slick-slide{padding:0px}
.banner-pc .slick-element{position:relative}
.banner-header{background-color:var(--color4);position:absolute;top:0;width:100%;padding:0.001px}
.tamgiac{position:absolute;width:4vw;right: 5%;top: 30%;animation : linear 5s tp-rotate infinite;max-width:40px}
.tron{position:absolute;width:3.5vw;right: 7%;top: 65%;animation : linear 4s tp-rotate infinite;max-width:35px}
.tamgiac1{position:absolute;width:4vw;left: 7%;bottom: 25%;animation : linear 4s tp-rotate infinite;max-width:40px}
.tamgiac2{position:absolute;width:4vw;left: 5%;top: 20%;animation : linear 4s tp-rotate infinite;max-width:40px}
.tron1{position:absolute;width:3.5vw;left: 20%;bottom: 5%;animation : linear 4s tp-rotate infinite;max-width:35px}
@keyframes tp-rotate {
0% {
  transform:rotate(0deg) translateX(10px);
 }	
	
 100% {
  transform:rotate(360deg) translateX(10px)
 }
}



#header .lang img{width:25px}
/*header*/
/*gioi thieu*/
.gioithieu-left h3 {
	font-family: 'font_header';
	font-style: italic;
	color: #494949;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.gioithieu-main p {
	color: #494949;
	font-style: italic;
	margin-bottom: 7px;
	text-align: justify;
}

.gioithieu-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/*background: url(img/bg1.png) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: center center;
}
.gioithieu-right div {
	text-align: center;
}

.gioithieu-right a {
	display: inline-block;
	background: linear-gradient(to right, var(--color2), var(--color3));
	padding: .5rem 2rem;
	font-family: 'Montserrat-Black';
	text-transform: uppercase;
	color: white;
	font-size: 0.8rem;
	/*border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;*/
	border-radius: 2rem;
}

.gioithieu-right {
	background-size: 100%;
	padding: 3rem;
}

.gioithieu-end {
	margin-top: 1rem;
}

.gioithieu-right img {
	margin-bottom: 1rem;
	border: 15px solid #fff;
	border-radius: 10%;
	width:80%;
}

.gt-bot-item {
	border: 1px solid var(--border);
	/* padding: 2rem; */
	/* padding-left: 6rem; */
	/* border-radius: 2rem; */
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	min-height: 100px;
	display: flex;
	align-items: center;
	padding: .9rem;
	padding-left: 4rem;
	border-radius: 1rem;
	background: white;
	box-shadow: 0px 0px 15px #e6d9d9;
}

.gt-bot-item p {
	margin-bottom: 0;
	/* font-size: 1.1rem; */
	font-style: italic;
	text-align: justify;
	font-size: .8rem;
}

.gt-bot-item:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	background: linear-gradient(to right, #EF404D, #9B2344);
	height: 100%;
	content: "";
}

.gt-bot-item:after {
	content: "";
	position: absolute;
	background: url(img/icon-1.png) center center no-repeat;
	/* height: 50px; */
	/* width: 50px; */
	top: 50%;
	/* left: calc(10% - 25px); */
	background-size: 90%;
	transform: translateY(-50%);
	height: 40px;
	width: 40px;
	left: calc(30px - 20px);
}

.gt-bot-item:nth-child(2):after {
	background: url(img/icon-2.png);
	content: "";
}

.gt-bot-item:nth-child(2):after {
	content: unset !important;
}

div#gioithieu-bot ul li:nth-child(2) .gt-bot-item:after {
	background: url(img/icon-2.png) center center no-repeat;
	background-size: 90%;
}

div#gioithieu-bot ul li:nth-child(3) .gt-bot-item:after {
	background: url(img/icon-3.png) no-repeat center center;
	background-size: 90%;
}

div#gioithieu-bot ul li:nth-child(4) .gt-bot-item:after {
	background: url(img/icon-4.png) no-repeat center center;
	background-size: 90%;
}

div#gioithieu-bot ul li:nth-child(5) .gt-bot-item:after {
	background: url(img/icon-5.png) no-repeat center center;
	background-size: 90%;
}

div#gioithieu-bot ul li:nth-child(6) .gt-bot-item:after {
	background: url(img/icon-6.png) no-repeat center center;
	background-size: 90%;
}

div#gioithieu-bot ul li:nth-child(7) .gt-bot-item:after {
	background: url(img/icon-7.png) no-repeat center center;
	background-size: 90%;
}

/*gioi thieu*/
/*chu de*/
section#chude {
	/*background: url(img/bg2.png) top left no-repeat;*/
	background-size: cover;
	/* padding: 6rem 0 4rem; */
	background-size: auto;
	background: #e03b4b;
	padding: 2rem 0;
}

section#chude h3 {
	color: white;
	font-family: font_header;
	text-transform: uppercase;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}

section#chude span {
	display: block;
	color: white;
	font-family: font_header;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}

/*bao cao vien*/
.bcv-left {
	background: var(--color4);
	color: white;
	padding: 17rem 1rem;
	text-align: center;
	background-image: url(img/bg3.png), url(img/bg4.png);
	background-position: top 2rem center, bottom center;
	background-repeat: no-repeat, no-repeat;
	height: 100%;
}

.bcv-left h3 {
	font-family: font_header;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.bcv-left p:nth-child(2) {
	font-size: 1.5rem;
}

.bcv-left p:nth-child(3) {
	font-style: italic;
}

p.style1 {
	font-family: font_header;
	font-size: 2rem;
	color: var(--color5);
}

p.style1 span {
	color: var(--color6);
	padding-right: 1rem;
}

p.style1 span:nth-child(2) {
	padding-left: 1rem;
}

.bcv-right li {
	color: var(--color6);
	margin-bottom: 0.5rem;
	padding: 0;
	font-style: italic;
}

.bcv-right ul {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.bcv-right li div {
	margin-left: 14px;
	padding-right: 60px
}

/*bao cao vien*/
/*footer*/
.ft-left {
	position: relative;
}

div#ft-abs {
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

div#ft-abs img {
	max-width: 25%;
	/*outline: auto;
	padding: 5px;
	outline-color: var(--color5);*/
}

.ft-abs-sub {
	border-left: 1px solid white;
	text-align: left;
	width: min-content;
	margin: 1rem 0;
	font-size: .7rem;
	padding: 7px;
}

.ft-abs-sub a {
	color: white;
}

#ft-bot p {
	font-size: 2rem;
	color: #606060;
	font-style: italic;
	margin-bottom: 0;
	/* line-height: 2rem; */
	margin-bottom: 1rem;
	font-size: 1rem;
	text-align: center;
	margin-bottom: 0;
}

a.ft-bot-a {
	font-family: 'font_header';
	font-size: 2rem;
	color: #606060;
	font-style: italic;
	font-size: 1rem;
	text-align: center;
	display: block;
}

/*tai tro*/
.taitro-top {
	text-align: center;
	margin: 2rem 0;
}

.taitro-top h3 {
	color: #06163A;
	text-transform: uppercase;
	font-family: 'font_header';
	font-size: 1.2rem;
}

.taitro-top p {
	margin: 0;
	font-family: Montserrat-Regular;
	color: #06163A;
}

.taitro-list {
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
	margin-bottom: 2rem !important;
}

ul.row.taitro-list li {
	background: #FF4070;
	text-align: center;
	color: white;
	/* padding: 1.5rem; */
	font-family: 'font_header';
	font-size: 1.25rem;
	cursor: pointer;
	padding: .5rem 0;
	border-right: 1px solid white;
}
ul.row.taitro-list li:first-child{border-bottom-left-radius:10px}
ul.row.taitro-list li:last-child{border-bottom-right-radius:10px}
ul.row.taitro-list li span {
	font-size: 0.8rem;
}

ul.row.taitro-list li.act {
	position: relative;
}

ul.row.taitro-list li.act:after {
	content: "";
	position: absolute;
	background: url(img/taitro/tamgiac.png) center center no-repeat;
	width: 60%;
	height: 24px;
	left: 0;
	right: 0;
	transform: translateY(100%);
	z-index: 10;
	background-size: 100%;
	max-width: 87px;
	margin: auto;
	bottom: 8px
}

.taitro-item {
	text-align: center;
	border: 1px solid var(--border);
	height: 70px;
	display: flex !important;
	justify-content: center;
}
.taitro-item a {
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.taitro-item img {
	display: inline-block !important;
	max-width: 100%;
	max-height: 100%
}

.taitro-slider {
	margin-bottom: 2rem;
}

/*slider*/
.taitro-slider-item {
	display: none;
}

.taitro-slider-item.active {
	display: block;
}

/*menu mobile*/
ul.menu li {
	width: 30px;
	height: 3px;
	background: white;
	margin-bottom: 5px;
}
ul.menu li:last-child{
	margin-bottom:0px
}
ul.menu {
	display: flex;
	flex-direction: column;
}

.header-logo img {
	max-width: 60%;
}

/*style*/
/* @media (max-width:768px){ */
	[class^='col-'] {
		padding: 0;
	}

	.row {
		margin: 0;
	}

	/* } */
	/*animation*/
	header#header.act .header-logo img {
		/*width: 40%;*/
		width: 100%;
		transition: all .7s;
	}

	header#header.act .header {
		padding: 0!important;
		transition: all .7s;
	}

	header {
		transition: all .7s;
	}

	/*chuong trinh*/
	section#chuongtrinh {
		position: relative;
	}

	ul.chuongtrinh-tab {
		position: absolute;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	ul.chuongtrinh-tab li {
		background: #141C80;
		color: white;
		padding: .7rem .3rem;
		/*width: 50%;*/
		text-align: center;
		font-size: .6rem;
		font-weight: bold;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	ul.chuongtrinh-tab li:first-child {
		margin-right: 5px;
	}

	ul.chuongtrinh-tab li.active {
		background: #ff4070;
		position: relative;
	}
	ul.chuongtrinh-tab li.active:after {content: "";background: url(img/tamgiac-2.png) center center no-repeat;height: 1rem;width: 20%;
	top: calc(100% - 0px);left: 0;position: absolute;background-size: 100% 100%;z-index: 11;}

	.chuongtrinh-item1 span img {
		max-width: 1rem;
		margin-right: 5px;
	}

	.chuongtrinh-item1 p {
		margin-bottom: 0;
		font-family: 'font_header';
		margin-top: 5px;
	}

	.chuongtrinh-item {
		font-size: 0.9rem;
		padding: 1rem 0;
		border-bottom: 1px dashed var(--border2);
		display: flex;
		align-items: stretch;
	}

	.chuongtrinh-center {
		border-left: 1px solid var(--border);
		border-right: 1px solid var(--border);
		border-width: thin;
	}

	.chuongtrinh-item div {
		padding: 0 7px;
	}

	/*chuong trinh reponsive*/
	.chuongtrinh-abs {
		position: unset !important;
	}

	section#chuongtrinh {
		position: relative;
		background: url(img/bg2-m.jpg) center center no-repeat;
		background-size: cover;
		padding-bottom: 7rem;
	}


	/*hoitruong*/
	.hoitruong.active {
		display: block;
		animation: test 2s;
	}

	.hoitruong {
		display: none;
		background: white;
	}
	.chuongtrinh-item1 span {
		display: flex;
		align-items: center;
	}
	@keyframes test {
		from{opacity: 0;}
		to{opacity: 1}
	}

	section#chuongtrinh {
		/* background: red; */
	}

	/*section#chuongtrinh-main {background: url(img/bg-5.png) no-repeat center center;background-size: cover;padding-top: 2rem;}*/
	section#chuongtrinh-main {padding-top: 2rem;padding-bottom: 2rem;}
	a.icon-dk {
		display: flex;
		background: linear-gradient(to right,#9A2343, #FF3B49);
		padding: .2rem 1rem;
		margin: .5rem auto;
		color: white;
		font-family: 'font_header';
		text-transform: uppercase;
		align-items: center;
		border-radius: .5rem;
		font-size: .8rem;
	}

	a.icon-dk img {
		max-width: 1rem;
		margin-left: 10px;
	}

	/*video*/
	.video-left {
		background: #172070;
		color: white;
		padding: 2rem;
	}

	.video-left h3 {
		font-family: 'font_header';
		text-transform: uppercase;
		font-size: 1rem;
	}

	.video-left h4 {
		font-size: .7rem;
		font-family: 'Montserrat-Regular';
	}

	.video-left p {
		font-size: .6rem;
		font-style: italic;
		text-align: justify;
	}

	.video-main {
		position: relative;
	}

	.video-abs {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgb(23 32 112 / 30%);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.video-load {
		border: 1px solid white;
		height: 20vw;
		width: 20vw;
		border-radius: 500%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: relative;
	}

	.video-load img {
		max-width: 40%;
	}

	.video-load:hover {
		background: #172070;
	}

	.video-load:before {content: "";position: absolute;width: 80%;height: 80%;border-radius: 50%;top: 10%;left: 10%;
	border-top: 1px solid red;
	border-right: 1px solid green;
	border-left: 1px solid blue;
	border-bottom: 1px solid white;
}
.tsc2021 {
	background: #141c80;
	color: white;
}


/*background abs*/

.bg {
	position: relative;
}
.bg:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f2f2f2;z-index: 1;}
.bg:after {content: "";background: white url(img/bg-5.png) top left no-repeat;position: absolute;bottom: 0;left: 0;height: 5%;width: 100%;background-size: contain;z-index: 3;}

.bg>div {
	position: relative;
	z-index: 10;
}

/*bao cao vien lam moi*/
.baocaovien-top-left h2 {
	font-family: 'font_header';
	text-transform: uppercase;
	font-size: 1.6rem;
}

.baocaovien-top-left span {
	font-weight: bold;
}

.baocaovien-top-left span b {
	color: #e03b4b;
	padding: 0 .5rem;
	font-family: 'font_header';
}

.baocaovien-top {
	margin-bottom: 1rem;
}
.baocaovien {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: white;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 1rem;
	box-shadow: 0px 0px 10px #b9adad;
}

.baocaovien-img {margin-bottom: 1rem;border: 5px solid #fff;border-radius: 50%;border-radius: 50%;
    border: 5px solid white;
    box-shadow: 0px 0px 5px #192476;}

.baocaovien-content {
}

.baocaovien-content h4 {
	font-family: 'font_header';
	font-size: 1rem;
}

section#baocaovien1 {
	background: #f2f2f2;
}

.baocaovien-content span {
	font-size: .8rem;
	margin-bottom: 5px;
	display: inline-block;
}
.bcv_nuocngoai .baocaovien-top{
	background-image:url('img/nen-nuoc-ngoai.jpg');
	padding:40px 40px 120px 40px;
}
.bcv_nuocngoai .baocaovien-top, .bcv_nuocngoai .baocaovien-top b{
	color:white;
}
.bcv_nuocngoai .baocaovien-main{
	margin-top:-120px;
}