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

.bg-blue {
    padding-top: 20px;
    background: #0082d2;
    margin-top: 26px;
    color: #fff;
    padding-bottom: 20px;
}

.dot1 {
    color: #0082d2;
}

.dot2 {
    color: #00aae1;
}

.dot3 {
    color: #00d7e1;
}

.dot4 {
    color: #00d2aa;
}

.bg-yellow {
    background: #fff200;
    margin-bottom: 28px;
    margin-top: 20px;
}

.bar {
    height: 5px;
    width: 65%;
    background: yellow;
    margin-bottom: 10px;
}

div#left {
	position: absolute;
	z-index: 999999;
	top: 22%;
}

div#left ul {
    list-style: none;
}
@media screen and ( max-width: 992px) {
	div#left {
		position: relative!important;
		/* z-index: 999999;
		top: 26%; */
	}
}
#noidung {
	position: relative;
}

.bg-cheo {
	background: url(../images/bgnd.png);
	background-size: 100% 100%;
	padding: 20px;
	margin-top: 20px;
	font-size: 1.7em;
	margin-bottom: 20px;
}

@font-face {
	font-family:hanzel;
	src:url(../fonts/hanzel.ttf);
}
.texthand{
	font-family: hanzel,sans-serif;
}

a.mybtn.texthand.btn.btn-default.btn-block {
    text-transform: uppercase;
    font-size: 2em;
    color: #fff;
    background: #f1c40f;
    border: none;
    -webkit-box-shadow: 10px 10px 92px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 92px -16px rgba(0,0,0,0.75);
    box-shadow: 3px 6px 14px 0px rgba(0,0,0,0.75);
}
a.mybtn.texthand.btn.btn-default.btn-block:hover{
	-webkit-box-shadow: 10px 10px 92px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 92px -16px rgba(0,0,0,0.75);
	box-shadow: -3px 8px 20px 0px rgba(0,0,0,0.75);
}
.c1 {
    color: #0082d2;
}

.text-head {
    font-size: 2em;
}

.c3 {
    color: #00d7e1;
}

.c4 {
    color: #00d2aa;
}

.c2 {
    color: #00aae1;
}

.text-head2 {
    font-size: 1.5em;
}
.ul-violet li:before {
	content: "• ";
	color: #b378b1;
	font-size: 1.5em;
}

.ul-yellow li::before {
	content: "• ";
	color: #fecb00;
	font-size: 1.5em;
}

.ulcolor {
	list-style: none;
}

.ulcolor li {
	li {    padding-left: 1em;
		text-indent: -.7em;  }
		padding-left: 1em;
		padding-left: 1em;
		text-indent: -.7em;
	}

	.ul-blue li::before {
		content: "• ";
		font-size: 1.6em;
		color: #003ba8;
	}

	.text-violet {
		color: #b378b1;
		text-transform: uppercase;
	}

	.text-yellow {
		color: #fecb00;
		text-transform: uppercase;
	}

	.text-blue {
		color: #003ba8;
		text-transform: uppercase;
	}
	.nopad{
		padding: 0px;
	}