@font-face {
    font-family: 'eremitage';
    src: url('../fonts/eremitage.otf');
    src: url('../fonts/eremitage.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; }


    
/*===================================================================*/
#wrapper{background: #f7f7f7;}

.header-top{background: #036ded; font: 500 13px/20px 'Roboto', sans-serif; color: #fff; padding: 0 15px;}
.header-top p{padding: 6px 0 5px;}
.header-top p:before{content: ''; display: inline-block; width: 12px; height: 14px; background: url(../images/front/sprite.png) no-repeat 0 0; margin-right: 7px; vertical-align: sub;}
.header-top ul{overflow: hidden;}
.header-top ul li{float: left; padding: 7px 0 5px; margin-left: 8px;}
.header-top ul li a{display: block; width: 24px; height: 17px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
.header-top ul li:nth-child(1) a{background-position: -43px 0;}
.header-top ul li:nth-child(2) a{background-position: -16px 0;}

.header-content{position: relative;}
.header-content .txt-header{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: right;}
.camera_pie{position: relative; z-index: -1;}
.logo{display: inline-block;vertical-align: middle;position: relative; z-index: 2;}
.txt_{background: rgba(0, 0, 0, 0.5); text-transform: uppercase; padding: 25px 25px 15px; display: inline-block; margin-right: 65px; vertical-align: middle; position: relative; text-align: center;}
.txt_:before{position: absolute; left: -90px; top: 0; width: 90px; background: rgba(0, 0, 0, 0.5); height: 152px; display: block; content: '';}
.txt_ h3{font: 400 30px/normal 'eremitage', sans-serif; color: #fff; margin-bottom: 8px;}
.txt_ h1{font: 400 51px/normal 'eremitage', sans-serif; color: #ffc905;}

.header-bot{background: #036ded; padding: 0 15px;}
.block-menu{position: relative;}
.block-menu ul.menu{margin: 0 -17px;}
.block-menu ul.menu li{float: left; padding: 0 17px;}
.block-menu ul.menu li a{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 18px 0 12px; position: relative; overflow: hidden;}
.block-menu ul.menu li a:before {content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #f6ff00; height: 3px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.block-menu ul.menu li a.active:before,
.block-menu ul.menu li a:hover:before{ -webkit-transform: translateY(0); transform: translateY(0); z-index: 1;} 
.block-menu ul.menu li a.active,
.block-menu ul.menu li a:hover{color: #f6ff00;}

.block-search{width: 180px; position: relative; margin: 10px 0;}
.block-search input{background: #fff; border-radius: 4px; border: none; width: 100%; height: 30px; padding: 0 25px 0 10px; font: italic 400 13px/20px 'Roboto', sans-serif; color: #555;}
.block-search button{border: none; background: url(../images/front/sprite.png) no-repeat 0 -22px; padding: 0; margin: 0; text-indent: -99999px; width: 18px; height: 18px; position: absolute; right: 10px; top: 6px;}


#footer{background: #a51e22 url(../images/front/bg-footer.png) repeat-x bottom center; border-top: 5px solid #e87b1a; padding: 80px 0 20px;}
.footer-top{margin-bottom: 110px;}
.footer-top h3{font: 500 20px/normal 'Roboto', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.footer-top h3:after{content: ''; display: block; width: 50px; height: 1px; background: #fff; margin-top: 10px;}
.footer-top ul{overflow: hidden; margin: 0 -15px;}
.footer-top ul li{width: 50%; float: left; padding: 0 15px; margin-bottom: 7px;}
.footer-top ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.footer-top ul li a:hover{color: #E87B1A;}
.footer-top ul li a:before{content: ''; display: inline-block; border: 7px solid transparent; border-left: 7px solid #fff;}
.footer-top ul li a:hover:before{border-left-color: #E87B1A;}
.footer-top p span{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; display: block; margin-bottom: 7px;}

.footer-top .intro.row{margin: 0 -10px; color: #feced0;}
.footer-top .intro.row .col-sm-6{padding: 0 10px;}
.footer-top .intro.row a.img{border: 3px solid #e5e5e5; display: inline-block;}
.footer-top .intro.row p{font: 400 13px/20px 'Roboto', sans-serif; padding-right: 20px;}

.footer-bot p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.footer-bot p span{display: block; text-transform: uppercase;}
.footer-bot ul{overflow: hidden;}
.footer-bot ul li{float: left; margin-left: 10px;}
.footer-bot ul li a{display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
.footer-bot ul li a.you{background-position: 0 -76px;}
.footer-bot ul li a.twt{background-position: -42px -76px;}
.footer-bot ul li a.face{background-position: -84px -76px;}
.footer-bot ul li a.you:hover{background-position: 0 -108px;}
.footer-bot ul li a.twt:hover{background-position: -42px -108px;}
.footer-bot ul li a.face:hover{background-position: -84px -108px;}








.box{background: #fff; border: 1px solid #d9d9d9; margin-bottom: 34px; position: relative;}
.content{margin: 30px -24px 0;}
.content > .col-xs-12{padding: 0 24px;}

.content-left{}
.content-left h2{background: #036ded; color: #fff; text-transform: uppercase; width: 103px; padding: 8px 0 7px; margin: -1px -1px 0; position: relative; font: 400 13px/20px 'Roboto', sans-serif; text-align: center;}
.content-left h2:after{content: ''; width: 42px; height: 35px; background: url(../images/front/bg-right.png) no-repeat; display: inline-block; position: absolute; right: -42px;; top: 0;}



.content-right{text-align: center;}
.content-right h2{background: #036ded; color: #fff; text-transform: uppercase; width: 130px; padding: 8px 0 7px; margin: -1px auto 0; position: relative; font: 400 13px/20px 'Roboto', sans-serif;}
.content-right h2:before{content: ''; width: 42px; height: 35px; background: url(../images/front/bg-left.png) no-repeat; display: inline-block; position: absolute; left: -42px; top: 0;}
.content-right h2:after{content: ''; width: 42px; height: 35px; background: url(../images/front/bg-right.png) no-repeat; display: inline-block; position: absolute; right: -42px;; top: 0;}

.form-register{padding: 10px 15px 5px;}
.form-register strong{font: 400 13px/20px 'Roboto', sans-serif; color: #333; padding: 0 35px; display: block; margin-bottom: 10px;}
.form-register strong:before{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/front/sprite.png) no-repeat -23px -22px; margin-right: 5px;}
.form-register ul{margin: 0 -5px;}
.form-register ul li{margin-bottom: 10px; padding: 0 5px;}
.form-register ul li .form-control{border-radius: 0; height: 28px; font: 400 11px/15px 'Roboto', sans-serif; color: #737373;}
.form-register ul li textarea.form-control{height: 83px;}
.form-control{border: 1px solid #dcdcdc;}
.form-register label{width: 100%; position: relative; cursor: pointer;}
.form-register label:after {content:''; right: 8px; top:50%; margin-top: -3px; position:absolute; pointer-events:none; width: 7px; height: 5px; background: url(../images/front/sprite.png) no-repeat -42px -22px; }
.form-register select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.btn_{border: none; background: #e87b1a; border-radius: 4px; font: 400 11px/20px 'Roboto', sans-serif; color: #fff; width: 65px; margin: auto; text-align: center; padding: 5px 0 2px;}

.ct-lich-thi{padding: 20px 15px 15px;}
.lich-thi{height: 236px; margin-bottom: 20px;}
ul.list-cal{ text-align: left; margin: -10px 0; width: 100%;}
ul.list-cal li{font: 400 13px/20px 'Roboto', sans-serif; color: #555; padding: 10px 0; border-bottom: 1px dashed #e5e5e5;}
/*ul.list-cal li:last-child{border-bottom: none; padding: 0; margin: 19px 0 0;}*/
ul.list-cal li a{ color: #333; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; white-space: nowrap;}
ul.list-cal li span{display: block;}
div.text-right a.views{color: #333; font-size: 12px; padding: 0 15px;}

.block-support{padding: 15px 20px 0;}
.block-support span{font: 400 13px/20px 'Roboto', sans-serif; color: #333; display: block;}
.block-support strong{font: 500 20px/20px 'Roboto', sans-serif; color: #a51e22; display: block;}
.block-support strong.icon_:before{content: ''; display: inline-block; width: 19px; height: 26px; background: url(../images/front/sprite.png) no-repeat 0 -45px; vertical-align: bottom; margin-right: 15px;}
.block-support strong.icon_{margin-bottom: 9px;}
.block-support ul{margin: 8px -12px; overflow: hidden; background: url(../images/front/line-sp.png) no-repeat center;}
.block-support ul li{padding: 0 12px; width: 50%; float: left; text-align: left; margin: 10px 0;}
.block-support ul li .detail:before{content: ''; display: block; float: left; width: 33px; height: 33px; background: url(../images/front/sprite.png) no-repeat -49px -31px; margin: 5px 10px 0 0;}
.block-support ul li span{font-size: 14px;}
.block-support ul li strong{font-size: 14px;}

.block-social{padding: 12px 0 13px;}

.block-alert{position: relative; padding: 25px 15px 15px 20px;}
.block-alert h3{font: 500 18px/normal 'Roboto', sans-serif; color: #a51c23; text-transform: uppercase; position: absolute; top: -23px; right: 40px;}
.block-alert h4{font: 400 18px/normal 'Roboto', sans-serif; color: #333; text-transform: uppercase; text-align: center; background: url(../images/front/bg-title.png) no-repeat bottom center; padding-bottom: 15px;}
.block-alert strong{font: 500 14px/20px 'Roboto', sans-serif; color: #a51c23; display: block; width: 85px; float: left;}
.block-alert strong:before{content: ''; display: block; width: 56px; height: 64px; background: url(../images/front/bg-alert.png) no-repeat; display: block; margin: 20px auto 25px; }
.block-alert .txt-alert{margin: 15px 0 25px;}
.block-alert .text_{overflow: hidden; border-left: 1px solid #a51e22; padding-left: 20px;}
.block-alert p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 20px;}
.block-alert p:last-child{margin-bottom: 0;}
.block-alert p span{display: block; margin: 2px 0;}
.block-alert .view-more a{ background: #e87b1a; border-radius: 4px; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 5px 10px 3px; display: inline-block;}
.block-alert .view-more a:after{content: ''; width: 7px; height: 14px; background: url(../images/front/sprite.png) no-repeat -72px 0; display: inline-block; vertical-align: sub; margin-left: 7px;}

.block-training{padding: 15px;}
.block-training .left-t a.img{height: 180px; overflow: hidden; display: block; margin-bottom: 5px;}
.block-training .left-t a.img img{width: 100%; height: 100%;}
.block-training .left-t h3{text-transform: uppercase;}
.block-training h3{height: 20px; overflow: hidden; margin: 10px 0 5px;}
.block-training h3 a{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #a51e22; }
.block-training p{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #555; height: 60px; overflow: hidden;}
.block-training a.read{display: inline-block; font: 400 13px/20px 'Roboto', sans-serif; color: #555; }
.block-training a.read:after{display: inline-block; content: ''; border: 4px solid transparent; border-left: 3px solid #555; margin-left: 5px;}
.block-training a.read:hover:after{border-left-color: #036ded;}
.block-training ul li{overflow: hidden; margin-bottom: 12px;}
.block-training ul li:last-child{margin: 0;}
.block-training ul li .dt-txt{overflow: hidden;}
.block-training ul li a.img{width: 170px; height: 85px; overflow: hidden; float: left; display: block; margin-right: 10px;}
.block-training ul li a.img img{width: 100%; height: 100%;}
.block-training ul li h3{height: 40px;}

.tuyen-sinh{padding: 11px 15px 5px;}
.tuyen-sinh ul li{margin-bottom: 10px;}
.tuyen-sinh a.img{width: 115px; height: 95px; display: block; overflow: hidden; float: left; margin-right: 10px;}
.tuyen-sinh a.img img{width: 100%; height: 100%;}
.tuyen-sinh h3{height: 40px; overflow: hidden; margin-bottom: 5px;}
.tuyen-sinh h3 a{font: 500 14px/20px 'Roboto', sans-serif; color: #a51e22; }
.tuyen-sinh p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.tuyen-sinh a.views-more{font: 400 12px/20px 'Roboto', sans-serif; color: #555; position: absolute; top: 10px; right: 15px;}
.tuyen-sinh a.views-more:hover{color: #036ded;}


.gallery{padding: 13px 15px;}
.gallery button{border:none; padding: 0; margin: 0; position: absolute; top: -34px; width: 7px; height: 14px; background: url(../images/front/sprite.png) no-repeat; display: block; text-indent: -9999px;}
.gallery button.slick-prev{background-position: -84px 0; right: 16px;}
.gallery button.slick-next{background-position: -101px 0; right: 0;}
.gallery button.slick-next:after{content: ''; display: block; width: 23px; height: 1px; background: #d9d9d9; position: absolute; top: 20px; right: 0;}
.gallery ul{}
.gallery ul li{padding: 0 6px;}
.gallery ul li .detail{position: relative;}
.gallery ul li a.img{height: 200px; overflow: hidden; position: relative; display: block;}
.gallery ul li a.img img{height: 100%; width: 100%;}
.gallery ul li a.img:before{content: ''; display: none; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(0, 0, 0, 0.5);}
.gallery ul li a.img:after{content: ''; display: none; width: 92%; height: 92%; position: absolute; left: 4%; top: 4%; border: 1px solid rgba(215, 215, 215, 0.50); background: url(../images/front/views.png) no-repeat center;}
.gallery ul li:hover a.img:before,
.gallery ul li:hover a.img:after{display: block;}
.gallery ul li:hover h3{display: none;}
.gallery ul li h3{background: rgba(0, 0, 0, 0.5); overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%;}
.gallery ul li h3 a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 8px 10px; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; white-space: nowrap;}

.block-alert .view-more a:hover,
.btn_:hover{background: #036DED;}
.block-training a.read:hover,
ul.list-cal li a:hover,
.tuyen-sinh h3 a:hover,
div.text-right a.views:hover,
.block-training h3 a:hover{color: #036ded;}
/*==========================================================================*/
body{overflow: hidden;}
body.loaded{overflow: inherit;}
span.loader-logo{width: 50px; height: 50px; background: url(../images/logo.png) no-repeat; background-size: contain; display: block; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; z-index: 2000;}
.loaded span.loader-logo{display: none;}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #eddd87;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #57bdbc;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #cc4548;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #f5f5f5;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(-100%);  /* IE 9 */
            transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(100%);  /* IE 9 */
            transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;  
            transition: all 0.3s 1s ease-out;
}


a.menu-mb{display: none; width: 25px; height: 19px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px; margin: 19px 12px;}

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

@media (max-width: 1190px){
	.footer-top .intro.row a.img{display: none;}
	.txt_{padding: 35px 25px 28px;}
	.txt_ h1{font-size: 40px;}
	.txt_ h3{font-size: 22px;}
	.block-menu ul.menu{margin: 0 -10px;}
	.block-menu ul.menu li{padding: 0 10px;}
	#footer{padding: 40px 0 20px;}
	.footer-top .col-sm-6{width: 50%; margin-bottom: 20px;}
	.footer-top .col-sm-12{width: 100%;}
	.footer-top ul li{width: 25%;}

	.block-alert h3{font-size: 15px; right: 15px;}
	.content{margin: 25px -15px 0;}
	.content > .col-xs-12{padding: 0 15px;}
	.box{margin-bottom: 25px;}
	.block-alert .txt-alert,
	.block-alert p{margin-bottom: 10px;}
	.block-alert{padding: 10px 15px 15px 20px;}
	.block-training ul li a.img{width: 130px;}
	.block-training ul li h3{margin-top: 0;}
	.block-support ul li strong{font-size: 11px;}
	.tuyen-sinh p{height: 40px; overflow: hidden;}
}
@media (max-width: 990px){
	.table_cell{text-align: center;}
	.txt_:before,
	.footer-top .intro.row .col-md-5{display: none;}
	.footer-top ul li{width: 33.333%;}
	.txt_{background: transparent; margin: 0;}

	.txt_ h3{font-size: 18px;}
	.txt_ h1{font-size: 20px;}

	a.menu-mb{display: block;}
	.block-menu ul.menu{width: 250px; position: absolute; left: 8px; top: 38px; z-index: 120; background: #E87B1A; padding: 7px 0; border-radius: 0 2px 5px 5px; display: none;}
	.block-menu ul.menu:before{content: ''; display: block; border: 10px solid transparent; border-bottom: 10px solid #E87B1A; position: absolute; left: 15px; top: -20px;}
	.block-menu ul.menu li{float: none; padding: 0;}
	.block-menu ul.menu li a{text-transform: capitalize; padding: 7px 15px 3px; font-weight: 400;}
	.block-menu ul.menu li a:before{height: 1px; background: #0B2C54;}
	.block-menu ul li ul{position: relative; top: 0; border-radius: 0; background: #12709C;}
	.block-menu ul li ul:before{border-width: 0 5px 5px 5px;}
	.block-menu ul li:hover ul:before {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
	.block-menu ul.menu li a.active, .block-menu ul.menu li a:hover {color: #0B2C54; }

	.block-alert h3{position: relative; top: 0; right: auto; margin-bottom: 20px; width: 100%; text-align: center;}
	.block-support ul{background: transparent;}
	.block-support ul li{width: 25%;}
}
@media (max-width: 750px){
	#header .container{padding: 0;}
}
@media (max-width: 680px){
	.footer-top .col-sm-6{width: 100%;}
	.block-support ul li{width: 50%;}
}
@media (max-width: 630px){
	.block-training ul li a.img{width: 100px;}
	.tuyen-sinh ul li{width: 100%;}
}
@media (max-width: 500px){
	.footer-top ul li{width: 50%;}
	.footer-bot .pull-left,
	.footer-bot .pull-right{width: 100%; float: none; margin-top: 20px;}
	.footer-top{margin-bottom: 20px;}
	.block-training .col-md-6{width: 100%; margin-bottom: 20px;}
	.block-training p{height: auto;}
	.block-training ul li h3{height: auto;}
	.block-training ul li a.img{width: 130px;}
}
@media (max-width: 420px){
	.footer-top ul li{width: 100%;}
	.block-alert strong{display: none;}
	.block-alert .text_{border-left: none; padding-left: 0;}
}