@font-face {
    font-family: 'robotomedium';
    src: url('../font/RobotoMedium.eot');
    src: url('../font/RobotoMedium.eot') format('embedded-opentype'),
         url('../font/RobotoMedium.woff2') format('woff2'),
         url('../font/RobotoMedium.woff') format('woff'),
         url('../font/RobotoMedium.ttf') format('truetype'),
         url('../font/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'robotolight';
    src: url('../font/RobotoLight.eot');
    src: url('../font/RobotoLight.eot') format('embedded-opentype'),
         url('../font/RobotoLight.woff2') format('woff2'),
         url('../font/RobotoLight.woff') format('woff'),
         url('../font/RobotoLight.ttf') format('truetype'),
         url('../font/RobotoLight.svg#RobotoLight') format('svg');
}
.clear{clear:both;}
.tieude1 {
    background: #11b2ad;
    font-size: 20px;
    font-family: robotomedium;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    position: relative;
    left:50px;
    z-index:1;
}
.box1 .noidung1 {
    border: 1px solid #2c2c2c;
    font-family: robotolight;
    padding: 20px 30px;
    padding-top: 30px;
    position: relative;
    top: -18px;
    line-height: 25px;
    text-align: justify;
}
.box2{background:#f2ebd9;padding:15px;}
.noidung2 {
    border: 1px solid #999999;
    font-family: robotolight;
    line-height: 25px;
    padding: 15px;
    text-align: justify;
}
.box3 {
    background: url(../img/bor_tren_box3.png) no-repeat top left,url(../img/bor_duoi_box3.png) no-repeat bottom right,#f1f1f1;
    padding: 25px;
}
.box3 .hinh3 img {
    width: 40% !important;
    height: auto !important;
    float: left;
    margin-right: 20px;
}
.box3 .tieude3 {
    font-size: 25px;
    color: #11b2ad;
    font-family: robotomedium;
    text-align: center;
    background: url(../img/bg_tieude3.png) no-repeat bottom center;
    padding-bottom: 20px;
    width: calc(60% - 20px);
    float: right;
    margin-bottom:10px;
}
.box3 .noidung3 {
    font-family: robotolight;
    line-height: 25px;
    text-align: justify;
    width: calc(60% - 20px);
    float: right;
}
.box4{position: relative;padding:20px 0px;}
.box4 .bg4,.box5 .bg5{
	display:none;
}
.noidung4 {
    background: rgba(255,255,255,0.6);
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 20px;
    line-height: 25px;
    font-family: robotomedium;
}
.box_do {
    background: rgba(177,49,53,0.9);
    padding: 20px;
}
.box5 .box_do{
	float:right;
	max-width: 630px;
	text-align: justify;
}
.tieude5 {
    font-size: 25px;
    text-transform: uppercase;
    font-family: robotomedium;
    color: #fff;
    border: 1px solid;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
}
.box5 .noidung5 {
    color: #fff;
    line-height: 25px;
    font-family: robotolight;
}
.box6 {
    background: #35bac3;
    border-radius: 10px;
    padding: 10px;
}
.tieude6{color:#00565c;font-family: robotomedium;font-size: 30px;text-align: center;margin-bottom:10px;text-transform: uppercase;}
.noidung6 {
    background: #ebebeb;
    padding: 30px 10px;
    line-height: 25px;
    font-family: robotolight;
    width: calc(100% - 20px);
    margin: auto;
    border-radius: 10px;
}
.heading1 {
    font-size: 22px;
    font-family: robotomedium;
    color: #11b2ad;
    text-transform: uppercase;
    background: url(../img/icon1.png) no-repeat 0px;
    padding-left: 30px;
}
.heading2 {
    font-size: 22px;
    font-family: robotomedium;
    color: #fff;
    text-transform: uppercase;
    background: #11b2ad;
    padding-left: 170px;
    height: 46px;
    line-height: 46px;
    position: relative;
    margin: 30px 0px;
}
.heading2 .stt {
    position: absolute;
    width: 108px;
    height: 108px;
    background: url(../img/icon2.png) no-repeat;
    left: 42px;
    top: -32px;
    text-align: center;
    line-height: 108px;
    font-size: 35px;
    font-family: robotolight;
}
.heading3 {
    width: calc(100% - 33px);
    height: 46px;
    line-height: 46px;
    border-left: 10px solid #333333;
    background: #11b2ad;
    font-size: 22px;
    color: #fff;
    font-family: robotomedium;
    text-transform: uppercase;
    padding-left: 20px;
    position: relative;
}
.heading3:after{width: 33px;height: 46px;background:url(../img/icon3.png) no-repeat;right:-33px;position: absolute;content:"";}
.heading4 {
    background: url(../img/icon4.png) no-repeat;
    padding-left: 65px;
    font-size: 22px;
    color: #247eba;
    font-family: robotomedium;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    height: 46px;
    line-height: 55px;
}
.heading5 {
    font-size: 22px;
    height: 46px;
    line-height: 46px;
    font-family: robotomedium;
    background: url(../img/icon5.png) no-repeat left center,#ebebeb;
    padding-left: 65px;
    color: #247eba;
}
.heading6 {
    font-size: 22px;
    font-family: robotomedium;
    color: #fff;
    text-transform: uppercase;
    background: #11b2ad;
    padding-left: 170px;
    height: 46px;
    line-height: 46px;
    position: relative;
    margin: 30px 0px;
}
.heading6 .stt {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../img/icon6.png) no-repeat;
    left: 42px;
    top: -17px;
    text-align: center;
    line-height: 80px;
    font-size: 35px;
    font-family: robotolight;
}
.heading7 {
    font-size: 22px;
    height: 46px;
    line-height: 55px;
    font-family: robotomedium;
    background: url(../img/icon7.png) no-repeat left center,#11b2ad;
    padding-left: 100px;
    color: #fff;
}
.heading8 {
    font-size: 22px;
    height: 46px;
    line-height: 46px;
    font-family: robotomedium;
    background: #11b2ad;
    color: #fff;
    position: relative;
    margin: 30px auto;
    width: calc(100% - 90px);
    max-width: 1150px;
    text-indent: 40px;
}
.heading8:after{    content: "";
    width: 74px;
    height: 64px;
    position: absolute;
    background: url(../img/icon8.png) no-repeat;
    left: -45px;
    top: -10px;}
.heading8:before {
    width: 33px;
    content: "";
    height: 64px;
    position: absolute;
    background: url(../img/icon8_before.png) no-repeat;
    right: -33px;
}
.heading9 {
    font-size: 22px;
    height: 46px;
    line-height: 46px;
    font-family: robotomedium;
    background: #11b2ad;
    color: #fff;
    position: relative;
    margin: 30px auto;
    width: calc(100% - 100px);
    text-indent: 60px;
}
.heading9:after{    content: "";
    width: 100px;
    height: 64px;
    position: absolute;
    background: url(../img/icon9.png) no-repeat;
    left: -45px;
    top: -10px;}
.heading9:before {
    width: 49px;
    content: "";
    height: 64px;
    position: absolute;
    background: url(../img/after9.png) no-repeat;
    right: -49px;
}