*{
	font-family: 'hand',sans-serif;
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: hand;
    src: url('../fonts/OpenSans-Light.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: 'hand',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: 'hand',sans-serif;
	position: relative;
}
.course-name{
	color: rgba(255, 181, 0, 0.64);
	font-family: 'hand',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;
}