@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander.otf');
    src: url('../fonts/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 10;}
.header-top{background: url(../images/front/bg_top.png) repeat; padding: 8px 0;}
.header-top p{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}
.header-top p span{margin-right: 30px;}
.header-top p span:before{background: url(../images/front/sprite.png) no-repeat; height: 12px;display: inline-block; content: ''; margin-right: 10px;}
.header-top p span.icon_1:before{background-position: 0 -214px; width: 11px;}
.header-top p span.icon_2:before{background-position: -15px -214px; width: 8px;}

.header-top .social li{float: left;padding: 2px 10px 0;}
.header-top .social li:last-child{padding-right: 0;}
.header-top .social li a{background: url(../images/front/sprite.png) no-repeat; height: 13px; width: 13px; display: inline-block; text-indent: -9999px;}
.header-top .social li a.icon_f{background-position: 0 -229px; width: 7px;}
.header-top .social li a.icon_g{background-position: -10px -229px;}
.header-top .social li a.icon_t{background-position: -25px -229px;}


.header-bot{padding: 30px 0;}
.block-menu{float: right;}
.block-menu li{float: left;padding-top: 5px;margin-left: 1px;}
.block-menu li a{display: block;font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 15px; border: 1px solid transparent; transition: all .2s ease;}
.block-menu li:hover a,
.block-menu li.active a{border-color: #fdc735;}
.search{width: 36px; float: right; position: relative;margin-top: 5px; margin-left: 25px;}
.search input{width: 250px; position: absolute; top: 0px; right: 0; height: 36px; background: #413E38; border: none; border-radius: 4px 16px 16px 4px;padding-right: 40px; font: italic 400 13px/20px 'Roboto', sans-serif; color: #fdc735;display: none;transition: all .2s ease;}
.search button{width: 36px;height: 36px; display: block; padding: 0;border: none; background: url(../images/front/sprite.png) no-repeat 0 -247px; text-indent: -9999px;position: relative;z-index: 10;}


.slider{overflow: hidden; position: relative; max-height: 700px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
a.rslides_nav{display: block; width: 45px;height: 70px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -45px;z-index: 10; transition: background .3s ease;}
a.rslides_nav.prev{background-position: 0 -289px; left: 0;}
a.rslides_nav.next{background-position: -46px -289px; right: 0;}
a.rslides_nav.prev:hover{background-position: 0 -360px;}
a.rslides_nav.next:hover{background-position: -46px -360px;}
.slider .txt{position: absolute; width: 100%; height: 100%;top: 0; left: 0;}
.slider .table{display: table;width: 100%;height: 100%;}
.slider .table-cell{display: table-cell;width: 100%;height: 100%; vertical-align: middle; text-align: center;}
.slider .table-cell h4{font: 400 40px/40px 'utm_alexander', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.slider .table-cell h4 span{color: #fdc735;}
.slider .table-cell a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; display: inline-block; background: #333735; padding: 8px 30px; border-radius: 30px; transition: background .3s ease;}
.slider .table-cell a:hover{background: #FDC735;}


#footer{background: #333; text-align: center; padding: 45px 0 25px;}
#footer h2{font: 400 18px/20px 'utm_alexander', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
#footer p span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; display: block;margin-bottom: 10px;}

.footer-bot{background: url(../images/front/line_ft.png) no-repeat top center; padding-top: 25px;margin-top: 30px;}
.footer-bot ul li{display: inline-block;padding: 0 15px;}
.footer-bot ul li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; text-transform: uppercase;}
.footer-bot p{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #666; margin-top: 15px;}
.footer-bot ul li a:hover{color: #fff;}
.block-intro{margin: -80px 0 50px;position: relative;z-index: 10;}
.block-intro ul{margin: 0 -1px; overflow: hidden;}
.block-intro ul li{width: 25%; float: left; padding: 0 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.block-intro ul li .detail{background: #333;padding: 20px;}
.block-intro ul li span{display: block;text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; height: 50px; margin-bottom: 25px;}
.block-intro ul li span.icon_pr{background-position: 0 0; width: 42px;}
.block-intro ul li span.icon_lb{background-position: 0 -56px; width: 60px;}
.block-intro ul li span.icon_pf{background-position: 0 -112px; width: 60px; height: 45px;margin-top: 5px;}
.block-intro ul li span.icon_ql{background-position: 0 -160px; width: 35px;}
.block-intro ul li h4{font: 500 15px/20px 'Roboto', sans-serif; color: #fdc735; text-transform: uppercase; margin-bottom: 10px;}
.block-intro ul li p{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}


h3{font: 400 20px/20px 'utm_alexander', sans-serif; color: #444; text-transform: uppercase; position: relative;text-align: center;}
h3 span{display: block; width: 21px; height: 16px; text-indent: -9990px; background: url(../images/front/sprite.png) no-repeat -64px -265px; margin: 10px auto 20px;position: relative;}
h3 span:before{display: inline-block; content: ''; width: 100px; height: 1px; background: #ece4cf; vertical-align: middle;position: absolute; left: 35px;top: 7px;}
h3 span:after{display: inline-block; content: ''; width: 100px; height: 1px; background: #ece4cf; vertical-align: middle;position: absolute; right: 35px;top: 7px;}

.block-course{margin-bottom: 50px;}
.block-course .slick-list a{display: inline-block;}
.block-course .slick-list{margin: 0 -15px;}
.block-course .slick-list img{display: inline-block;}
.block-course .slick-list li{padding: 0 15px; text-align: center;margin-bottom: 20px;}
.block-course h4{overflow: hidden; height: 20px; margin: 15px 0 10px;}
.block-course h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase;}
.block-course span{font: 400 14px/20px 'Roboto', sans-serif; color: #555;}
.block-course a.view-more{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; display: block; padding: 4px 0; border: 1px solid #ddd; margin-top: 10px; transition: background .3s ease;}
.block-course a.view-more:hover{background: #4197bf; color: #fff; border-color: #4197bf;}

.slick-dots{text-align: center;}
.slick-dots li{display: inline-block; padding: 0 5px;}
.slick-dots li button{width: 13px; height: 13px; display: block; border: none; padding: 0; background: url(../images/front/sprite.png) no-repeat -46px -214px;text-indent: -9999px;}
.slick-dots li.slick-active button{background: url(../images/front/sprite.png) no-repeat -29px -214px;}


.statistic{background: url(../images/front/bg_thongke.png) no-repeat; padding: 50px 0 100px;background-size: cover;}
.statistic h3{color: #fff; margin-bottom: 40px;}
.statistic ul{margin: 0 -40px; overflow: hidden;}
.statistic ul li{width: 25%; float: left; padding: 0 40px;text-align: center;}
.statistic h4{font: 400 20px/20px 'utm_alexander', sans-serif; color: #fdc735; text-transform: uppercase; margin-bottom: 10px;}
.statistic h4 i{font-style: inherit;}
.statistic p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.statistic ul li span{display: block;text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; height: 60px; margin: 0 auto 25px;}
.statistic ul li span.icon_lk{background-position: -64px 0; width: 65px;}
.statistic ul li span.icon_st{background-position: -64px -66px; width: 75px;}
.statistic ul li span.icon_cl{background-position: -64px -132px; width: 54px;}
.statistic ul li span.icon_tc{background-position: -64px -197px; width: 61px;}


.block-news{padding: 55px 0; }
.block-news a.img{display: block;}
.block-news h4{height: 40px; margin: 15px 0 10px; overflow: hidden;}
.block-news h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.date{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}




.block-news h4 a:hover,
.block-course h4 a:hover{color: #fdc735;}
a.smobitrigger{display: none;}

/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
    .slider .table-cell h4{font-size: 35px; line-height: 30px;}
    .block-intro ul li p{height: 60px; overflow: hidden;}
}
@media (max-width: 990px){
    .block-menu li a{font-size: 12px; padding: 5px 10px;}
    .slider .table-cell h4 {font-size: 20px; line-height: 20px; margin-bottom: 5px; }
    .statistic ul{margin: 0 -10px;}
    .statistic ul li{padding: 0 10px;}
    .block-intro ul li h4{text-align: center;}

}
@media (max-width: 750px){
    .header-bot{padding: 10px 0;}
    #header{position: relative;z-index: inherit; top: 0;left: 0;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; position: absolute; top: 12px; right: 60px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #1b273d  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;border-bottom: 1px solid #17243C;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{left: 0px !important; }
    .menu{display: none;}
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; left: -280px; background-color: #263247 !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 7px 20px;border:none;border-top: 1px solid #283C65; border-bottom: 1px solid #17243C;margin: 0;}
    .block-menu ul li:last-child{border-bottom: none;}
    .block-menu ul li a{font-size: 14px;padding: 0; border: none; color: #a3a8b2 !important;text-transform: capitalize;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #fff !important;}

    .block-intro{margin: 25px 0;}
    .statistic{padding: 30px 0;}
    .block-news{padding: 20px 0;}
    .block-news ul li{margin-bottom: 20px;}
}
@media (max-width: 680px){
    .block-intro ul li{width: 50%;margin-bottom: 2px;}
    .block-intro ul li h4{text-align: left;}
    .block-course .slick-list li{text-align: center;}
    .statistic h4{font-size: 17px; line-height: normal;}
    
}
@media (max-width: 630px){
    .statistic h4 i{display: block; margin-bottom: 5px;}
    .footer-bot ul{display: none;}
    .footer-bot p{margin: 0;}
}
@media (max-width: 500px){
    .statistic ul li{width: 50%;margin-bottom: 20px;}
    .statistic ul li p{height: 40px; overflow: hidden;}
    #footer{padding: 25px 0 15px;}
}
@media (max-width: 420px){
    .slider,
    .block-intro ul li span,
    .header-top{display: none;}
    .header-bot .col-md-9{width: 100%; position: absolute;}
    .block-intro ul li,
    .block-news ul li,
    .logo{width: 100%;}
    .block-intro{margin-top: 10px;}
}