*{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}

h3.text-end hr {
    width: 65%;
    /* color: #f1c40f; */
    display: block;
    height: 1px;
    border: 0;
    border-top: 5px solid #f1c40f;
    margin: 1em 0;
    padding: 0;
}

h4.subtextend {
    color: #0054a6;
    font-size: 0.95em;
}

h3.text-end {
    font-weight: bold;
    color: #0054a6;
}

h4.panel-title {
    margin: 15px;
    /* margin-top: 37px; */
    font-size: 1.2em;
    font-weight: bold;
}

.title-text {
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: hanzel;
    color: #0054a6;
}

.violet {
    color: #8e44ad;
}

h4.noidung-text {
    display: inline-block;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 2em;
}

h4.noidung-text hr {
    width: 80%;
    margin: 20px auto;
    color: #000;
}

.vang {
    padding-top: 30px;
    padding-bottom: 30px;
}

.xanh {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f1f1f1;
}

.panel.panel-default {
    border: none;
    -webkit-box-shadow: 0px 33px 72px -25px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 33px 72px -25px rgba(0,0,0,0.75);
    box-shadow: 0px 33px 72px -25px rgba(0,0,0,0.75);
}

p.text-head2 {
    font-size: 1.2em;
}

p.text-head1 {
    font-weight: bold;
    text-transform: uppercase;
}

.panel-body {
    font-size: 0.9em;
}

.panel-body ul {
    margin-left: 10px;
}

#nd .panel-body {
    padding-left: 13px;
    min-height: 268px;
}

#nd .panel-heading {
    min-height: 105px;
}

#accordion .panel-heading {
    background: #8e44ad;
    color: #fff;
}

.vang .panel-heading {
    background: #f1c40f;
    color: #fff;
}

.xanh .panel-heading {
    background: #0054a6;
    color: #fff;
}

.kh {
    font-size: 0.9em;
    padding-left: 33px;
}

.text-bold {
    font-weight: bold;
}

.text-banner3 {
    font-size: 1.3em;
    color: #0054a6;
    /* margin: 1em 15em; */
    border: #fff solid 1px;
    overflow: hidden;
    padding: 7px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-family: hanzel;
}

p.hanzel {
    color: #0054a6;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 2.5em;
    font-family: hanzel;
}

p.bannertext2 {
    font-family: 'utmavobold';
    font-size: 2.3em;
    background: #0054a6;
    display: inline-block;
    color: #fff;
    padding: 5px 22px;
}

p.bannertext1 {
    font-family: 'utmavobold';
    font-size: 2em;
}

div#banner {
    width: 100%;
    padding-top: 58px;
    /* background: url(../images/banner-new.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
    padding-bottom: 60px;
    font-family: 'utmavo';
}

div#banner .img {
    width: 100vw
}

@font-face {
    font-family: hanzel;
    src: url('../fonts/UTM-Hanzel.ttf');
}
@font-face {
    font-family: utmavo;
    src: url('../fonts/UTM-Avo.ttf');
}
@font-face {
    font-family: utmavobold;
    src: url('../fonts/UTM-AvoBold.ttf');
}
@font-face {
    font-family: utmavoitalic;
    src: url('../fonts/UTM-AvoItalic.ttf');
}
@font-face {
    font-family: utmavobolditalic;
    src: url('../fonts/UTM-AvoBold_Italic.ttf');
}
.modal-body ul li {
    font-size: 1.5em;
    list-style: square;
}

.modal-body ul {
    margin-left: 25px;
}

.jumbo {
    background: #FAFBFC;
}

.modal-body ul {
    list-style: none;
}

.mybox .panel-footer {
    height: 283px;
}
.mybox .panel-footer ul {
    margin-left: 20px
}

.mybox .panel-body {
    height: 175px;
}

.banner4 .panel-body {
    color: #fff;
    background: #f1c40f;
}

.banner4 .panel-body h3 {
    color: #fff!important;
}

.banner2 {
    background: #FAFBFC;
}

.wraparrow {
    height: 20rem;
    overflow: hidden;
}

.highlight {
    color: #e74c3c;
    /* font-weight: 600; */
    font-size: 150%;
}

.btn-dangky {
	font-family: 'Roboto', sans-serif;
	transition: all ease 1s;
	font-size: 1.3em;
	text-transform: uppercase;
	background: #089bcb;
	color: #fff!important;
	padding: 5px 100px;
	margin-top: 20px;
	/* margin: auto; */
	box-shadow: 12px 24px 48px 0px rgba(46,61,73,0.2);
}
.btn-dangky:hover{
	background: #0e799c;
	box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.bigtext {
    font-size: 2em;
    font-weight: bold;
}
#banner-right {
    background: linear-gradient(rgba(2,179,228,0.8),rgba(2,179,228,0.2)), url(../images/banner2.jpg);
    color: #fff;
    height: 367px;
    background-size: 100%;
}

.course{
	font-family: 'Roboto', sans-serif;
	position: relative;
}
.course-name{
	color: rgba(255, 181, 0, 0.64);
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.bar--bottom::before{
	left: 0;
    content: "";
    width: 8rem;
    height: 0.25rem;
    bottom: -0.75rem;
    position: absolute;
    background-color: #02b3e4;
}
.bar--green::before {
    background-color: #15c26b !important;
}
.bar--white::before {
    background-color: #fff !important;
}
.somepad{
	padding: 20px;
}

div#banner-left {
    background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)),url(../images/banner.jpg);
    background-size: 100%;
    height: 367px;
}
.green{
	color:#15c26b;
}
.thongtin{
	list-style: none;
	/* margin-left: 2em; */
	margin-top: 20px;
}
.thongtin li{
	/* font-weight: bold; */
	padding: 4px 0px;
}
.khoahoc{
	padding-top: 30px;
	padding-bottom: 30px;
}
.arrow{
	position: relative;
	top: 50%;
	margin:auto;
}
.mybox{
	padding:20px;
	margin-top: 0;
	margin-bottom: 1.5rem;
	text-align: left;
	position: relative;
	background: #fff;
	box-shadow: 5px 5px 25px 0px rgba(46,61,73,0.2);
	border-radius: 0.375rem;
	transition: all 0.3s ease;
	z-index: 100;
}
.bar{
	/* background: red; */
	position: absolute;
	top: 10%;
	left: -4px;
	width: 5px;
	height: 44px;
}
.bggreen{
	background-color: #15c26b !important;
}
.bgblue{
	background: #02b3e4;
}
@media screen and (max-width: 800px) {
	.arrow{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		top: -10.75rem;
		overflow: hidden;
		position: relative;
		z-index: 1000;
	}
	.wraparrow{
		height: 4rem;
	}
}
.checkgreen{
	border-radius: 50%;
	background:#15c26b;
	color: #fff;
	padding: 2px;
}
.nopad{
	padding: 0;
}
.mybox .panel-body h3{
	font-family: "hand", sans-serif;
	font-size: 0.9em;
color: #7d97ad;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.09375rem;
}

.bold{
	font-weight: bold;
}