@font-face {
    font-family: 'sfugillsansregular';
    src: url('../fonts/sfugillsansregular.otf');
    src: url('../fonts/sfugillsansregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sfugillsansbold';
    src: url('../fonts/sfugillsansbold.otf');
    src: url('../fonts/sfugillsansbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.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{border-top: 3px solid #ed1c25; background: #fff; padding: 27px 0; border-bottom: 3px solid #fa4e1a;}
.block-menu{position: relative;}
.mcd-menu {width: 100%;}
.mcd-menu li{position: relative; float:left; padding: 0 20px;}
.mcd-menu li a {display: inline-block; position: relative; font: 400 13px/20px 'sfugillsansregular', sans-serif; color: #333; z-index: 2000;padding: 11px 0;}
.mcd-menu li a i {display: block; height: 18px; background: url(../images/front/sprite.png) no-repeat; margin: 0 auto 10px;}
.mcd-menu li a i.fa-tc{background-position: 0 0; width: 18px;}
.mcd-menu li a i.fa-gt{background-position: -28px 0; width: 13px;}
.mcd-menu li a i.fa-ol{background-position: -51px 0; width: 16px;}
.mcd-menu li a i.fa-kg{background-position: -77px 0; width: 17px;}
.mcd-menu li a i.fa-tt{background-position: -104px 0; width: 19px;}
.mcd-menu li a i.fa-dh{background-position: -133px 0; width: 18px;}
.mcd-menu li a i.fa-dv{background-position: -161px 0; width: 23px;}
.mcd-menu li a i.fa-lh{background-position: -194px 0; width: 18px;}

.mcd-menu li.mm-selected a i.fa-tc,
.mcd-menu li a.active i.fa-tc,
.mcd-menu li:hover a i.fa-tc{background-position: 0 -26px;}
.mcd-menu li.mm-selected a i.fa-gt,
.mcd-menu li a.active i.fa-gt,
.mcd-menu li:hover a i.fa-gt{background-position: -28px -26px;}
.mcd-menu li.mm-selected a i.fa-ol,
.mcd-menu li a.active i.fa-ol,
.mcd-menu li:hover a i.fa-ol{background-position: -51px -26px;}
.mcd-menu li.mm-selected a i.fa-kg,
.mcd-menu li a.active i.fa-kg,
.mcd-menu li:hover a i.fa-kg{background-position: -77px -26px;}
.mcd-menu li.mm-selected a i.fa-tt,
.mcd-menu li a.active i.fa-tt,
.mcd-menu li:hover a i.fa-tt{background-position: -104px -26px;}
.mcd-menu li.mm-selected a i.fa-dh,
.mcd-menu li a.active i.fa-dh,
.mcd-menu li:hover a i.fa-dh{background-position: -133px -26px;}
.mcd-menu li.mm-selected a i.fa-dv,
.mcd-menu li a.active i.fa-dv,
.mcd-menu li:hover a i.fa-dv{background-position: -161px -26px;}

.mcd-menu li.mm-selected a i.fa-lh,
.mcd-menu li a.active i.fa-lh,
.mcd-menu li:hover a i.fa-lh{background-position: -194px -26px;}

.mm-listview li.mm-selected a,
.mcd-menu li.mm-selected a strong,
.mcd-menu li a.active strong,
.mcd-menu li:hover a strong{color: #ed1c25;}

.mcd-menu li a strong {display: block; font: 400 13px/20px 'sfugillsansregular', sans-serif; color: #333; text-transform: uppercase; }
.mcd-menu li a i, .mcd-menu li a strong{position: relative; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; }
.mcd-menu li:hover > a i {opacity: 1; -webkit-animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out; -o-animation: moveFromTop 300ms ease-in-out; animation: moveFromTop 300ms ease-in-out; }
.mcd-menu li:hover a strong {opacity: 1; -webkit-animation: moveFromLeft 500ms ease-in-out; -moz-animation: moveFromLeft 500ms ease-in-out; -ms-animation: moveFromLeft 500ms ease-in-out; -o-animation: moveFromLeft 500ms ease-in-out; animation: moveFromLeft 500ms ease-in-out; }
.mcd-menu li a.active,
.mcd-menu li:hover > a {color: #ed1c24; }
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.mcd-menu li ul {width: 200px; position: absolute; background: #FFF; border-top: 3px solid #ff696f; opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 1000; left: -50%; top: 0px; border-bottom: 3px solid #4f4243;}
.mcd-menu li:hover > ul{display: block; opacity: 1; visibility: visible; top: 70px; left: -50%; }
.mcd-menu li ul li {float: none; padding: 0; text-transform: uppercase; width: 100%;border-bottom: 1px solid #e1e1e1;}
.mcd-menu li ul li a {padding: 11px 15px; text-align: left; font: 400 12px/20px 'sfugillsansregular', sans-serif; margin-bottom: -1px;}

.block-ct-top{background: url(../images/front/bg-slider.png) no-repeat; padding: 40px 0 102px; margin-bottom: 48px; background-size: cover;}

.slider{margin-bottom: 30px; position: relative; overflow: hidden;}
.slider .rslides_tabs{width: 100%; position: absolute; left: 0; bottom: 18px; text-align: center; z-index: 100;}
.slider .rslides_tabs li{display: inline-block; padding: 0 4px;}
.slider .rslides_tabs li a{display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -26px -54px;}
.slider .rslides_tabs li.rslides_here a{background-position: 0 -54px;}

.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; }

.block-banner{}
.block-banner a{display: block; position: relative; width: 100%; height: 100%;}
.block-banner a span{position: absolute; left: 40px; top: 50%; font: 400 24px/normal 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin-top: -17px;}

.check-ct{position: relative; width: 100%;}
.block-check{background: url(../images/front/bg-check.png) no-repeat; width: 100%; border: 3px solid #fff; padding: 29px; overflow: hidden; position: absolute; left: 0; top: 40px;}
.block-check .check-txt{width: 60%;}
.block-check span.i-check{width: 33px; height: 46px; background: url(../images/front/sprite.png) no-repeat 0 -82px; float: left; text-indent: -9999px; margin-right: 15px;}
.block-check h4{font: 400 20px/24px 'sfugillsansregular', sans-serif; color: #fff; text-transform: uppercase; display: block;}
.block-check span{font: 400 15px/20px 'sfugillsansregular', sans-serif; color: #fff; display: block;}
.block-check a{font: 400 16px/20px 'sfugillsansregular', sans-serif; color: #fff; display: inline-block; padding: 7px 30px; border: 1px solid #fff; border-radius: 20px; background: #06B; text-transform: uppercase; margin: 5px 0;}
.block-check a:hover{background: #FB673B;}

h3.title,h2.title, h1.title{text-align: center; margin-bottom: 25px;}
h3.title span,h2.title span, h1.title span{font: 400 24px/normal 'sfugillsansbold', sans-serif; text-transform: uppercase;}
span.i-blue{color: #0066bb;}
span.i-red{color: #ed1c25;}

.block-different{padding: 30px 0 25px;}
.block-different li{margin-bottom: 20px; text-align: center;}
.block-different a.img-ard{width: 170px; height: 170px; background: #fa3e06; border-radius: 100%; display: block; line-height: 170px; margin: 0 auto 15px;}
.block-different a.img-ard i{text-indent: -9999px; display: inline-block; background: url(../images/front/sprite.png) no-repeat; height: 64px; vertical-align: middle;}
.block-different a.img-ard.i-pp i{background-position: -74px -138px; width: 62px;}
.block-different a.img-ard.i-db i{background-position: -146px -138px; width: 69px;}
.block-different a.img-ard.i-gv i{background-position: -224px -149px; width: 53px;}
.block-different h4{height: 40px; overflow: hidden;}
.block-different h4 a{font: 400 15px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}
.block-different h4 a:hover{color: #ed1c25;}

.block-certificate{background: url(../images/front/bg-chung-nhan.png) no-repeat center; height: 100%; background-size: cover;}
.block-certificate .txt-cc{background: url(../images/front/bg-ar-chung-chi.png) no-repeat left center; padding: 42px 0 41px 20px;}
.block-certificate ul{margin: 0 -10px; overflow: hidden; padding: 22px 0 2px;}
.block-certificate ul li{float: left; width: 25%; padding: 0 10px; margin-bottom: 20px;}
.block-certificate ul li a{display: block; height: 68px; overflow: hidden;}
.block-certificate ul li a img{width: auto; height: 100%;}
.block-certificate h3{font: 400 24px/normal 'sfugillsansregular', sans-serif; text-transform: uppercase; text-align: center;}
.block-certificate a.views{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 145px; margin: 15px auto 0; display: block; text-align: center; background: #007fe9; border-radius: 20px;}

.block-experience{padding: 30px 0 35px;}
.block-experience p{font: 400 14px/20px 'Roboto', sans-serif; color: #444; margin-bottom: 15px;}
.block-experience a.views-more{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 145px; display: block; text-align: center; background: #007fe9; border-radius: 20px; margin-top: 30px;}
.block-experience .video{height: 260px; width: 100%; position: relative;}
#play-video{background: rgba(0,102,187,0.50) url(../images/front/bg-video.png) no-repeat center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px;}
.block-experience .video iframe{border: none;}

.block-success{padding: 40px 0; overflow: hidden; position: relative;}
.block-success h3.title{text-align: left;}
.block-success li .detail{position: relative; }
.block-success li a.img{/*height: 302px;*/ height: 250px; overflow: hidden; display: block; width: 100%; position: relative; margin-bottom: 15px;}
.block-success li a.img img{width: 100%; height: 100%;}
.block-success li .detail:before{content: ''; display: block; width: 100%; height: 250px; background: rgba(0,102,187,0.20); position: absolute; left: 0; top: 0; z-index: 1; transition: all .2s ease;}
.block-success li a.img:before, 
.block-success li a.img::after {position: absolute; top: 3%; right: 4%; bottom: 3%; left: 4%; content: ''; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; }
.block-success li .detail:hover a.img:before, 
.block-success li .detail:hover a.img::after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.block-success li a.img::after {border-right: 1px solid rgba(255,255,255,0.6); border-left: 1px solid rgba(255,255,255,0.6); -webkit-transform: scale(1,0); transform: scale(1,0); }
.block-success li a.img::before {border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); -webkit-transform: scale(0,1); transform: scale(0,1); }
.block-success li .detail:hover:before{display: none;}

.block-success li h4{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize; margin-bottom: 5px;}
.block-success li p span{font: 400 14px/20px 'Roboto', sans-serif; color: #333; display: block; margin-bottom: 5px;}
.block-success li p:after{content: ''; display: block; width: 70px; height: 1px; background: #ccc; margin-top: 10px;}
.block-success button{display: block; border: none; width: 24px; height: 24px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: -50px; z-index: 100;}
.block-success button.slick-prev{background-position: -52px -51px; right: 32px;}
.block-success button.slick-next{background-position: -76px -51px; right: 0px;}
.block-success button.slick-prev:hover{background-position: -100px -51px;}
.block-success button.slick-next:hover{background-position: -124px -51px;}

.block-choose{background: #eaeaea; padding: 40px 0; text-align: center;}
.block-choose li{margin-bottom: 30px;}
.block-choose h3.title span{display: block;}
.block-choose a.img{height: 320px; display: block; position: relative; width: 100%; overflow: hidden;}
.block-choose .txt-choose{text-align: center; background: #2e90e2; padding: 22px 35px 30px;}
.block-choose h4, .block-choose h2{margin-bottom: 10px;}
.block-choose h4 a, .block-choose h2 a{font: 400 20px/normal 'sfugillsansregular', sans-serif; color: #fff; text-transform: uppercase;}
.block-choose h4 a:hover, .block-choose h2 a:hover{color: #ed1c24;}
.block-choose p{overflow: hidden; height: 40px; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; margin-bottom: 15px;}
.block-choose a.read{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 6px 0; width: 145px; margin: 0 auto; display: block; text-align: center; background: #007fe9; border-radius: 20px; border: 2px solid #97c8f1;}
.block-choose a.read:hover{background: #ed1c24;}
.block-choose a.views-all{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 145px; margin: 0 auto; display: block; text-align: center; background: #007fe9; border-radius: 20px;}


.block-contact{padding: 40px 0 38px;}
.block-call{padding-top: 10px;}
.block-call span{font: 400 16px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase; display: block; margin-bottom: 5px;}
.block-call h4.i-red{font: 700 30px/normal 'Roboto', sans-serif; color: #ff1e28; margin-bottom: 10px;}
.block-call h4.i-red:before{content: ''; display: inline-block; width: 55px; height: 1px; background: #ff1e28; margin-right: 10px;}
.block-call h4.i-blue{font: 500 18px/normal 'Roboto', sans-serif; color: #0066bb; text-transform: uppercase; margin-bottom: 9px;}
.block-call h4.i-blue:before{content: ''; display: inline-block; width: 55px; height: 1px; background: #0066bb; margin-right: 10px;}

.block-form{}
.block-form ul li{margin-bottom: 20px;}
.block-form ul li .form-control{height: 36px; background: #f9f9f9; border-color: #eaeaea; box-shadow: 0 0 0 transparent; font: italic 400 14px/20px 'Roboto', sans-serif; color: #777;}
.block-form ul li .form-control:focus{border-color: #AAD6FB;}
.block-form ul li p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; text-align: center;}
.block-form ul li button{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 100%; display: block; text-align: center; background: #007fe9; border-radius: 20px; border: none;}
.block-form ul li .radio{margin: 0;}
.block-form ul li .pull-left{margin-right: 30px;}
.block-form ul label{font: 400 14px/15px 'Roboto', sans-serif; color: #555; display: inline-block; cursor: pointer; position: relative; margin: 0;}
.block-form ul input[type=radio] {display: none; }
.block-form ul label:before {content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; bottom: 5px; background: url(../images/front/sprite.png) -169px -56px;}
.block-form ul .radio label:before {border-radius: 100px; }
.block-form ul input[type=radio]:checked + label:before {content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; bottom: 5px; background: url(../images/front/sprite.png) -155px -56px;}

.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.block-teacher{margin-bottom: 25px;}
.block-teacher ul{}
.block-teacher ul li{margin-bottom: 30px;}
.block-teacher ul .detail {position: relative; display: block; cursor: pointer; overflow: hidden; }
.block-teacher ul .detail img{width: 100%; height: 100%;}
.height_1{height: 200px;}
.height_2{height: 430px;}
.block-teacher ul a.view-all{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 70%; display: inline-block; text-align: center; background: #007fe9; border-radius: 20px; margin: 5px 0;}
.block-teacher ul .detail:hover .info-txt {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; top: 0 !important; }
.info-txt {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; position: absolute; height: 100%; width: 100%; top: 250px; text-align: center; background: rgba(250,62,6,0.5); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; }

.info-txt a {font: 500 14px/20px 'Roboto', sans-serif; position: relative; 
/*left: 100%;*/ -webkit-transition: all .9s ease; -moz-transition: all .9s ease; 
-o-transition: all .9s ease; -ms-transition: all .9s ease; 
transition: all .9s ease; color: #fff; text-transform: uppercase; 
/*padding: 0 10px; */
display: block; 
width: 100%;
height: 100%;
}
.info-txt a span {
    position: absolute;
    left: 50%;
    top: 48%;
    -webkit-transform: translate(-50%, -48%);
       -moz-transform: translate(-50%, -48%);
        -ms-transform: translate(-50%, -48%);
         -o-transform: translate(-50%, -48%);
            transform: translate(-50%, -48%);
}
.block-teacher ul .detail a.view-all.tc{left: 0; right: 100%;}
.block-teacher ul .detail:hover a.view-all.tc{left: 0; right: 0;}
.block-teacher ul .detail:hover a {left: 0; }

/*.list_nb_teacher {
    max-height: 690px;
    overflow: auto;
}
.list_nb_teacher::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.list_nb_teacher::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}

.list_nb_teacher::-webkit-scrollbar-thumb
{
    background-color: #C63925;
}

.list_nb_teacher .height_1 {height: auto;}
.list_nb_teacher img {width: 100%; height: auto;}*/


.content-bot{margin-bottom: 50px;}
.block-feel{background: #fa3e06; padding: 20px 20px 10px;}
.block-feel .if-img{width: 130px; float: left; margin-right: 20px; text-align: center;}
.block-feel .if-img .img{width: 70px; height: 70px; overflow: hidden; border-radius: 100%; background: #fff; margin: auto;}
.block-feel .if-img .img img{width: 70px; height: 70px;}
.block-feel .if-img h4{font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin: 10px 0 0;}
.block-feel .if-img p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}

.block-feel .if-txt{overflow: hidden; text-align: right;}
.block-feel .if-txt p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 20px 0; text-align: left;}
.block-feel .if-txt a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.block-feel .if-txt a:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 5px;}

.block-certify{width: 100%; border: 1px solid #e1e1e1; padding: 15px; position: relative;}
.block-certify h3{font: 400 16px/20px 'sfugillsansregular', sans-serif; color: #ed1c25; text-transform: uppercase; position: absolute; left: 50%; top: -13px; background: #fff; padding: 0 10px; margin-left: -65px;}
.block-certify .i-cf-1{width: 36px; height: 35px; display: block; background: url(../images/front/bg-cn-1.jpg) no-repeat; position: absolute; left: -5px; top: -5px; z-index: 1;}
.block-certify .i-cf-2{width: 36px; height: 35px; display: block; background: url(../images/front/bg-cn-2.jpg) no-repeat; position: absolute; right: -5px; top: -5px; z-index: 1;}
.block-certify .i-cf-3{width: 36px; height: 35px; display: block; background: url(../images/front/bg-cn-3.jpg) no-repeat; position: absolute; right: -5px; bottom: -5px; z-index: 1;}
.block-certify .i-cf-4{width: 36px; height: 35px; display: block; background: url(../images/front/bg-cn-4.jpg) no-repeat; position: absolute; left: -5px; bottom: -5px; z-index: 1;}
.block-certify .i-cf-5{width: 225px; height: 15px; display: block; background: url(../images/front/bg-cn-5.jpg) no-repeat; position: absolute; left: 50%; bottom: -9px; z-index: 1; margin-left: -113px;}

.block-certify ul.list{position: relative; z-index: 10; margin: 0 -6px; overflow: hidden; text-align: center;}
.block-certify ul.list li{display: inline-block; padding: 0 6px;}
.mt-{display: block; margin-top: 10px;}

.block-partner{border-top: 1px solid #e1e1e1; padding: 40px 0;}
.block-partner ul{text-align: center; }
.block-partner ul li{height: 80px;}
.block-partner ul li img{display: inline-block;}
.footer{background: #fa3e06 url(../images/front/bg-footer.png) repeat-x center;}
.footer-bot{border-top: 1px solid #e96062; text-align: center;}
.footer-bot p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 15px 0;}
.footer-bot p a{color: #ffd5d7;}

.footer-top{padding: 50px 0 35px;}
.footer-top h3{font: 400 20px/normal 'sfugillsansregular', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.footer-top ul.list_ li{margin-bottom: 7px;}
.footer-top ul.list_ li a{background: url(../images/front/bg-mt.png) no-repeat left center; padding-left: 20px;font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; transition: all .2s ease;}
.footer-top ul.list_ li a:hover{background: url(../images/front/bg-mt-hv.png) no-repeat 10px center; color: #932200; padding-left: 30px;}
.footer-top p span a{font: 400 14px/20px 'Roboto', sans-serif; color: #fff;}
.footer-top p span{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; margin-bottom: 7px;}
.footer-top p strong{font: 400 14px/20px 'sfugillsansbold', sans-serif; color: #fff; display: block; text-transform: uppercase; margin-bottom: 7px;}
.mb-{margin-bottom: 10px;}
.list_.mb-{margin-bottom: 15px;}
.footer-top .ft-all{float: left;}
.footer-top .ft-course{width: 210px; margin-right: 30px;}
.footer-top .ft-abroad{width: 160px; margin-right: 45px;}
.footer-top .ft-suicide{width: 215px; margin-right: 50px;}
.footer-top .ft-student{width: 190px; margin-right: 40px;}
.footer-top .ft-contact{width: 225px;}


.block-form ul li button,
.block-choose a.views-all,
.block-experience a.views-more,
.block-certificate a.views{-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #FA3E06; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.block-form ul li button:before,
.block-choose a.views-all:before,
.block-experience a.views-more:before,
.block-certificate a.views:before{content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #007fe9; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -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; border-radius: 20px; }

.block-form ul li button:hover:before,
.block-choose a.views-all:hover:before,
.block-experience a.views-more:hover:before,
.block-certificate a.views:hover:before{-webkit-transform: scaleY(0); transform: scaleY(0);}


.block-quang-cao{position: absolute; top: 130px; z-index: 120;}
.left-qc{left: 0;}
.right-qc{right: 0;}


#polyglotLanguageSwitcher{width: 150px;}
#polyglotLanguageSwitcher a,
#polyglotLanguageSwitcher a.current:link, 
#polyglotLanguageSwitcher a.current:visited, 
#polyglotLanguageSwitcher a.current:active{width: 100%; font: 400 14px/20px 'Roboto', sans-serif; color: #b52a00; padding: 6px 0 6px 40px; height: auto; background-color: #ffd8cd; border: 1px solid #ffbfac;}
#polyglotLanguageSwitcher a{background-position: 15px center;}
#polyglotLanguageSwitcher ul.dropdown{width: 100%; top: 33px; border: none;}
#polyglotLanguageSwitcher ul.dropdown li{border-top: none;}
#polyglotLanguageSwitcher a.current:link span.trigger, 
#polyglotLanguageSwitcher a.current:visited span.trigger{background: url(../images/front/ar.png) no-repeat; width: 9px; height: 5px; top: 13px; right: 20px;}

/*======= CONTENT CHILRD ===========*/
/*Trần Mười*/

.banner-top{text-align: center;}

.block-breadc{overflow: hidden; padding: 20px 0;}
.block-breadc ol{overflow: hidden; margin: 0; padding: 0;}
.block-breadc ol li{float: left; font: 400 13px/18px 'Roboto', sans-serif; color: #0066bb;}
.block-breadc ol li a{color: #555;}
.block-breadc ol li a:hover{color: #ed1c25;}
.block-breadc ol li a:after{content: ''; display: inline-block; width: 11px; height: 5px; background: url(../images/front/sprite.png) no-repeat -187px -59px; margin: 0 10px; vertical-align: middle;}

.free-top{padding-bottom: 20px;}
.free-top h3.title{text-align: left;}
.free-top h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: center; margin-bottom: 15px;}
.free-top p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; text-align: center; margin-bottom: 25px;}

.list-check{}
.list-check li{margin-bottom: 20px;}
.list-check .img_{position: relative; height: 310px; overflow: hidden;}
.list-check .img_ a{margin: 0;}
.list-check .img_ a:before{content: ''; position: absolute; left: 4%; right: 4%; bottom: 4%; top: 4%; border: 1px solid rgba(255, 255, 255, 0.3); display: block; width: 92%; height: 92%;}

.list-check .check{position: absolute; left: -4px; bottom: 20px; width: 180px; padding: 17px 15px 0; height: 110px;}
.list-check .check span{font: 400 15px/18px 'sfugillsansregular', sans-serif; color: #fff; display: block; margin-bottom: 2px;}
.list-check .check strong{font: 400 26px/23px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; padding-left: 13px; display: block;}
.list-check .check-1{background: url(../images/front/bg-skill-1.png) no-repeat;}
.list-check .check-2{background: url(../images/front/bg-skill-2.png) no-repeat;}
.list-check .check-3{background: url(../images/front/bg-skill-3.png) no-repeat;}
.list-check .check-4{background: url(../images/front/bg-skill-4.png) no-repeat;}

.list-check a{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: block; text-align: center; margin: 15px 0 10px;}
a.check-now{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; margin: 0 auto; width: 140px; padding: 6px 0; background: #007fe9; text-transform: uppercase; border-radius: 20px; display: block; text-align: center; border: 2px solid #fff;}
a.check-now:hover{background: #ed1c24;}

.free-ct{background: #e6edf2; padding: 34px 0 20px;}
.free-ct h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: center; margin-bottom: 15px;}
.free-ct p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; text-align: center; margin-bottom: 25px;}

.free-ct li{margin-bottom: 20px;}
.free-ct li .detail{border: 1px solid #fff; padding: 35px 5px 29px; transition: all .3s ease;}
.free-ct li:hover .detail{background: #fff;}
.free-ct li h5{ text-align: center; margin-bottom: 10px;}
.free-ct li h5 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase;}
.free-ct li p{margin: 0 0 15px;}
.free-ct li i{height: 64px; display: block; margin: 0 auto 20px; background: url(../images/front/sprite.png) no-repeat;}
.free-ct li i.i-kd, .free-ct li i.i-free-test-ung-dung-1{width: 60px; background-position: 0 -212px;}
.free-ct li i.i-wk, .free-ct li i.i-free-test-ung-dung-2{width: 73px; background-position: -70px -212px;}
.free-ct li i.i-sv, .free-ct li i.i-free-test-ung-dung-3{width: 49px; background-position: -154px -212px;}
.free-ct li i.i-dl, .free-ct li i.i-free-test-ung-dung-4{width: 63px; background-position: -214px -212px;}
.free-bot{padding-top: 65px;}
.free-bot .block-contact{padding: 25px 0 15px;}


.free-test-child{}
.free-test-child .block-contact{padding: 20px 0 35px;}
.free-test-child h3.title{text-align: left;}
.free-test-child .course-dt{padding-top: 15px;}
.free-test-child .course-dt h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; margin-bottom: 10px;}
.free-test-child .course-dt p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 20px;}
.free-test-child .course-dt p span{display: block; margin-bottom: 15px;}

.block-r-list{margin-bottom: 30px; border: 1px solid #e1e1e1; border-bottom: none;}
.block-r-list h4{background: #fa3e06; font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 15px 20px; margin: -1px -1px 0;}
.block-r-list h4:before{content: ''; height: 20px; background: url(../images/front/sprite.png) no-repeat; display: inline-block; vertical-align: middle; width: 17px; margin-right: 7px;}
.block-r-list h4.i-t:before{background-position: -221px 0;}
.block-r-list h4.i-tl:before{background-position: -247px 0;}

.block-r-list li{border-bottom: 1px solid #e1e1e1; padding: 13px 24px;}
.block-r-list li a{font: 400 14px/20px 'Roboto', sans-serif; color: #333; transition: all .4s ease;}
.block-r-list li a:before{content: ''; width: 6px; height: 6px; border-radius: 100%; display: inline-block; background: #666; vertical-align: middle; margin-right: 14px;}
.block-r-list li a:hover{color: #fa3e06;}
.block-r-list li a:hover:before{background: #fa3e06;}

.course-ct{margin-bottom: 40px;}

.course-ct-left{}
.course-ct-left .detail-l{padding-right: 10px;}
.course-ct-left p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 25px;}

.course-ct-left .block-cbox{margin: 0 0 25px;}
.course-ct-left .checkbox{margin: 0;}
.course-ct-left h5{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: left; margin-bottom: 15px;}
.course-ct-left ul li{margin-bottom: 10px;}
.course-ct-left label{font: 400 14px/15px 'Roboto', sans-serif; color: #555; display: inline-block; cursor: pointer; position: relative; margin: 0;}
.course-ct-left input[type=checkbox] {display: none; }
.course-ct-left label:before {content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; bottom: 5px; background: url(../images/front/sprite.png) -285px 0;}
.course-ct-left input[type=checkbox]:checked + label:before {content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; bottom: 5px; background: url(../images/front/sprite.png) -270px 0; }
.course-ct-left label:hover{color: #ed1c24;}

.course-ct-right{border-left: 1px solid #e1e1e1;}
.course-ct-right .detail-r{padding-left: 10px;}
.course-ct-right h3.title{text-align: left; margin-bottom: 15px;}
.course-ct-right p.txt-top{margin-bottom: 20px;}
.course-ct-right p.txt-top span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.course-ct-right .block-check{ border: none; position: relative; left: 0; top: 0; margin-bottom: 30px;}
.course-ct-right .block-check a.check-now{margin: 5px auto; font: 400 16px/20px 'sfugillsansregular', sans-serif; width: 180px; border-color: #fda1a4;}

.course-ct-right .block-choose{padding: 0; background: transparent; margin-bottom: 30px;}
.course-ct-right .block-choose h5{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: left; margin-bottom: 15px;}
.course-ct-right .block-choose a.img{height: 230px;}
.course-ct-right .block-choose .txt-choose{padding: 22px 20px 30px;}

.course-ct-right .block-contact{padding: 0 0 10px;}
.course-ct-right .block-contact p.txt-{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 15px;}
.course-ct-right .block-contact p.txt- .i-red{font-size: 18px;}

.block-steps{text-align: center;}

.detail-isec h5,
.block-kh-db h5,
.block-handbook h5,
.block-doc h5,
.block-talk h5,
.block-event h5,
.block-steps h5{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: left; margin-bottom: 15px;}
.block-steps ul{overflow: hidden; display: inline-block;}
.block-steps ul li{float: left; text-align: center;}
.block-steps ul li .detail{display: inline-block; vertical-align: middle;}
.block-steps ul li .img-{width: 140px; height: 140px; border-radius: 100%; overflow: hidden; margin: auto;}
.block-steps ul li .img- img{max-width: initial;}
.block-steps ul li h6{font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize; margin-top: 10px; width: 140px;}
.block-steps ul li:after{content: ''; display: inline-block; width: 55px; height: 7px; background: url(../images/front/sprite.png) no-repeat -208px -58px; vertical-align: middle; margin: 0 13px;}
.block-steps ul li:last-child:after{display: none;}


.list-course{}
.list-course ul{margin: 0 -11px;}
.list-course ul li{margin-bottom: 20px; padding: 0 11px;}
.list-course ul li a{display: block;}
.list-course ul li a img{width: 100%; height: 100%;}
.list-course .detail{position: relative; height: 255px; overflow: hidden;}
.list-course .txt-{position: absolute; left: 0; width: 100%; bottom: 45px;}
.list-course h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #fff; background: #ff6600; padding: 10px; width: 100%; text-align: center; text-transform: uppercase; margin-bottom: 10px;}
.list-course a.check-now{border: 2px solid rgba(255, 255, 255, 0.51);}

.tab-intro{}
.tab-intro li{margin-bottom: 10px; border: 1px solid #e1e1e1;}
.tab-intro h4{background: #dacdc9; font: 500 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 10px 20px; margin: -1px; cursor: pointer; transition: all .3s ease; position: relative;}
.tab-intro h4:before{content: ''; background: #fff; width: 16px; height: 2px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -1px; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.tab-intro h4:after{content: ''; background: #fff; width: 16px; height: 2px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -1px; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg);}
.tab-intro h4.active:after{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
.tab-intro h4.active{background: #fa3e06;}

.tab-intro .detail-tb{padding: 15px 15px 0;}
.tab-intro .detail-tb p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}


.block-event button,
.block-doc button{display: block; border: none; width: 24px; height: 24px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: -35px; z-index: 100;}
.block-event button.slick-prev,
.block-doc button.slick-prev{background-position: -52px -51px; right: 32px;}
.block-event button.slick-next,
.block-doc button.slick-next{background-position: -76px -51px; right: 0px;}
.block-event button.slick-prev:hover,
.block-doc button.slick-prev:hover{background-position: -100px -51px;}
.block-event button.slick-next:hover,
.block-doc button.slick-next:hover{background-position: -124px -51px;}

.block-doc{overflow: hidden; position: relative; margin-bottom: 35px;}
.block-doc .slick-list{margin: 0 -12px;}
.block-doc li{padding: 0 12px;}
.block-doc a.img{height: 255px; overflow: hidden; margin-bottom: 10px; display: block; text-align: center;}
.block-doc a.img img{display: inline-block;}
.block-doc h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333; }
.block-doc span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; margin-top: 10px;}

.block-event{position: relative; overflow: hidden; margin-bottom: 35px;}
.block-event .slick-list{margin: 0 -15px;}
.block-event li{padding: 0 15px;}
.block-event a.img{height: 160px; display: block; overflow: hidden; position: relative;}
.block-event a.img img{width: 100%; height: 100%;}
.block-event a.img span{display: block; font: 400 13px/18px 'Roboto', sans-serif; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; width: 100%; padding: 7px 0 7px 140px;}
.block-event .txt-{width: 100%; height: 84px; background: #fa3e06; position: relative;}
.block-event .date-{width: 80px; background: #fff; position: absolute; left: 30px; top: -10px; text-align: center; padding: 12px 0;}
.block-event .date- label{display: block; font: 300 20px/20px 'Roboto', sans-serif; color: #666; }
.block-event .date- label:after{content: ''; width: 42px; height: 1px; background: #fa3e06; display: block; margin: 5px auto 4px;}
.block-event .date- span{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #666;}
.block-event h4{padding: 15px 20px 0 140px;}
.block-event h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #fff; text-transform: capitalize;}

.block-talk{margin-bottom: 35px;}
.block-talk .user{width: 140px; float: left; margin-right: 20px; text-align: center;}
.block-talk .txt-{overflow: hidden; font: 400 14px/20px 'Roboto', sans-serif; color: #555; padding-top: 20px;}
.block-talk .detail{padding: 20px 15px 30px; border: 1px solid #e1e1e1; overflow: hidden;}
.block-talk .img-{width: 70px; height: 70px; border-radius: 100%; margin: 0 auto 5px; overflow: hidden;}
.block-talk .img- img{max-width: initial;}
.block-talk h4{font: 400 13px/20px 'sfugillsansregular', sans-serif; color: #0066bb; text-transform: uppercase;}
.block-talk span{font: 400 13px/20px 'Roboto', sans-serif; color: #666;}

.block-dambao{margin-bottom: 30px;}
.block-dambao p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}

.block-handbook{margin-bottom: 20px;}
.block-handbook ul{margin: 0 -10px; overflow: hidden;}
.block-handbook ul li{padding: 0 10px; width: 50%; float: left; margin-bottom: 10px;}
.block-handbook ul li a{font: 400 14px/20px 'Roboto', sans-serif; color: #333; transition: all .3s ease;}
.block-handbook ul li a:before{content: ''; display: inline-block; width: 11px; height: 5px; background: url(../images/front/sprite.png) no-repeat -187px -59px; margin-right: 11px; vertical-align: middle; margin-top: -2px; transition: all .3s ease;}
.block-handbook ul li a:hover{color: #ed1c24;}
.block-handbook ul li a:hover:before{background: url(../images/front/sprite.png) no-repeat -267px -59px;}

.block-kh-db{margin-bottom: 40px;}
.block-table{margin: 15px 0;}
.block-table .cf:after, .block-table thead:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.block-table thead.cf, .block-table thead { zoom: 1; background: #fa3e06; text-transform: uppercase;}

*:first-child+html .cf { zoom: 1; }
.block-table .table, .block-table table { width: 100%; line-height: 15px;border: 1px solid #ebebeb; border-bottom: none; text-align: center;}
.block-table .table .title, .block-table table th:nth-child(2), .block-table table tr td:nth-child(2){text-align: left;}
.block-table .table th, .block-table table th{font: 400 14px/20px 'sfugillsansbold', sans-serif; color: #fff; border: 1px solid #ebebeb; border-bottom: none; text-align: center; padding: 11px 15px;}
.block-table .table td, .block-table table td{border: 1px solid #ebebeb; font: 400 14px/normal 'Roboto', sans-serif; color: #333; padding: 15px; vertical-align: middle;}
.block-table .table td:first-child, .block-table table td:first-child{text-align: center;font: 500 14px/normal 'Roboto', sans-serif;}

/*time-table*/
.time-table{}
.time-table .block-table{margin: 0;}
.time-table .block-table .table td{padding: 10px;}
.time-table .block-table thead.cf{background: #f7f7f7;}
.time-table .block-table .table th{color: #0066bb; padding: 10px;}
.time-table .block-table a{display: inline-block; vertical-align: middle; color: #333; line-height: 16px;}
.time-table .block-table a:hover{color: #ee1d25;}
.time-table .block-table a.img{width: 48px; height: 48px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 30px;}
.time-table .block-table a.img img{width: 100%; height: 100%;}


.contact{margin-bottom: 40px;}
.contact h3.title{text-align: left; margin: 0 0 10px;}
.block-map{margin-bottom: 30px;}
ul.list-form{margin: 0 -10px;}
ul.list-form li{margin-bottom: 20px; padding: 0 10px;}
ul.list-form li .form-control{border-color: #d4dee5; height: 36px; box-shadow: 0 0 0 transparent !important; font: italic 300 13px/20px 'Roboto', sans-serif; color: #777;}
ul.list-form li .form-control:focus{border-color: #AAD6FB;}
ul.list-form li textarea.form-control{height: 120px; resize: vertical;}
ul.list-form li button{display: block; border: none; width: 140px; padding: 6px 0; text-align: center; background: #007fe9; color: #fff; font: 400 13px/20px 'Roboto', sans-serif; text-transform: uppercase; margin: auto; border-radius: 20px; transition: all .5s ease;}
ul.list-form li button:hover{background: #FA3E06;}

.detail-isec{}
.detail-isec h5{margin-bottom: 8px;}
.detail-isec strong{display: block; font: 400 14px/18px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.detail-isec span{display: block; font: italic 400 13px/18px 'Roboto', sans-serif; color: #9c9c9c;}
.detail-isec ul.list-add{overflow: hidden; margin: 35px -10px 25px;}
.detail-isec ul.list-add li{width: 50%; float: left; padding: 0 10px; margin-bottom: 7px; font: 400 14px/20px 'Roboto', sans-serif; color: #555;}
.detail-isec ul.social{overflow: hidden; margin: 0 -10px;}
.detail-isec ul.social li{float: left; padding: 0 10px;}
.detail-isec ul.social li a{display: block; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; height: 13px;}
.detail-isec ul.social li a.i-f{background-position: -87px -287px; width: 8px;}
.detail-isec ul.social li a.i-t{background-position: -114px -287px; width: 15px;}
.detail-isec ul.social li a.i-g{background-position: -147px -287px; width: 17px;}

.detail-isec ul.social li a.i-f:hover{background-position: 0 -287px;}
.detail-isec ul.social li a.i-t:hover{background-position: -27px -287px;}
.detail-isec ul.social li a.i-g:hover{background-position: -60px -287px;}


.block-form-test{}
.block-form-test h3.title{text-align: left;}
.form-test{width: 100%; background: #f0f4f8; overflow: hidden; padding: 80px 100px;}
.form-test .man-test{width: 170px; text-align: center; float: left; margin-right: 100px;}
.form-test .txt-right{overflow: hidden; height: 100%; padding: 4px 4px 4px 40px; margin: 55px 0;}

.form-test .txt-test h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #ed1c24; text-transform: uppercase; margin-bottom: 10px;}
.form-test .txt-test p{font: 400 16px/20px 'sfugillsansregular', sans-serif; color: #555;}
.form-test .txt-test{position: relative; background: #fff; padding: 55px 30px; margin-bottom: 50px; border-radius: 2px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);}
.form-test .txt-test:after, 
.form-test .txt-test:before {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.form-test .txt-test:after {border-color: rgba(136, 183, 213, 0); border-right-color: #fff; border-width: 20px; margin-top: -20px; }
.form-test .txt-test:before {border-color: rgba(194, 225, 245, 0); border-right-color: #fff; border-width: 20px; margin-top: -20px; }
.block-start{text-align: right;}
.block-start a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; color: #fff; background: #007fe9; border: 2px solid #fff; padding: 6px 30px; border-radius: 20px; display: inline-block;}
.block-start a:hover{background: #ed1c24;}


.check-step{margin-bottom: 40px;}
.check-step h3.title{text-align: left; margin-bottom: 5px;}
.check-step .step-detail{background: #f0f4f8;}
.step-top{padding: 30px; margin-bottom: 41px;}
.step-top span{font: 500 24px/20px 'Roboto', sans-serif; color: #ccc; display: block;}
.step-top h4{font: 400 30px/33px 'sfugillsansregular', sans-serif; color: #0066bb; text-align: center; margin: 45px 0 40px;}
.step-top .list-answer{width: 610px; margin: auto; overflow: hidden;}
.step-top ul{margin: 0 -25px;}
.step-top ul li{padding: 0 25px; float: left; /*width: 33.33%;*/ width: 25%; margin-bottom: 20px;}
.step-top .detail{background: #fff; border: 1px solid #eee; padding: 13px 13px 7px; border-radius: 10px;}
.step-top .img{height: 128px; overflow: hidden; margin-bottom: 10px;}
.step-top .radio{margin: 0;}
.step-top label{font: 400 14px/15px 'Roboto', sans-serif; color: #555; display: inline-block; cursor: pointer; position: relative; margin: 0; width: 100%;}
.step-top label i{font-style: initial;}
.step-top input[type=radio], .step-top input[type=checkbox] {display: none; }
.step-top label:before {content: ""; display: inline-block; width: 11px; height: 11px; position: absolute; left: 0; bottom: 6px; background: url(../images/front/sprite.png) -218px -28px;}
.step-top .radio label:before {border-radius: 100px; }
.step-top input[type=radio]:checked + label:before, .step-top input[type=checkbox]:checked + label:before {content: ""; display: inline-block; width: 11px; height: 11px; position: absolute; left: 0; bottom: 6px; background: url(../images/front/sprite.png) -230px -28px;}


.step-bot{border-top: 1px solid #fff; padding: 30px 90px; overflow: hidden; text-align: center;}
.step-bot button{border: 2px solid #fff; width: 142px; padding: 6px 0; text-align: center; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #b4b4b4; display: block; border-radius: 20px;}
.step-bot button.continue{background: #007fe9;}
.step-bot button:hover{background: #F94916 !important; }
.step-bot ul.list-step{display: inline-block; max-height: 16px; margin: 10px 0;}
.step-bot ul.list-step li{display: inline-block; padding: 0 6px;}
.step-bot ul.list-step li span{display: block; text-indent: -9999px; width: 16px; height: 16px; border-radius: 100%; background: #b4b4b4;}
.step-bot ul.list-step li.active span{background: #ed1c24;}

.block-area{margin: 0 -23px; position: relative;}
.block-area:before{content: ''; width: 14px; height: 24px; background: url(../images/front/sprite.png) no-repeat -249px -21px; display: block; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -7px;}
.block-area .col-md-6{padding: 0 23px;}
.block-area textarea.form-control{border-color: #d4dee5; height: 100px; box-shadow: 0 0 0 transparent !important; font: 400 16px/20px 'Roboto', sans-serif; color: #555; resize: vertical; padding: 20px 30px; border-radius: 10px;}
.block-area textarea.form-control:focus{border-color: #d1e9ff;}
.block-area ::-webkit-input-placeholder{font: 700 16px/20px 'Roboto', sans-serif; color: #ccc;}
.block-area :-moz-placeholder{font: 700 16px/20px 'Roboto', sans-serif; color: #ccc;}
.block-area ::-moz-placeholder{font: 700 16px/20px 'Roboto', sans-serif; color: #ccc;}
.block-area :-ms-input-placeholder{font: 700 16px/20px 'Roboto', sans-serif; color: #ccc;}

.listen-left{width: 400px; float: left;}
.listen-left p{font: 400 18px/20px 'Roboto', sans-serif; color: #333; text-align: center; margin-bottom: 30px;}
.listen-right{width: 170px; float: right;}
.listen-right ul{margin: 0;}
.listen-right ul li{background: #fff; float: none; border: 1px solid #d4dee5; padding: 12px 15px 8px; border-radius: 5px; width: 100%;}


.tm-content{margin-bottom: 30px;}
.tm-left-ct{width: 270px; margin-right: 30px; float: left;}
.tm-left-ct .block-form ul li{margin-bottom: 15px;}
.tm-left-ct .block-banner{margin-bottom: 30px; text-align: center;}
.tm-chungnhan{border: 1px solid #e1e1e1; margin-bottom: 30px; padding: 30px 15px 10px; text-align: center;}
.tm-chungnhan h4{font: 400 20px/23px 'sfugillsansregular', sans-serif; color: #ed1c25; text-transform: uppercase; margin-bottom: 30px;}
.tm-chungnhan li img{display: inline-block;}
.tm-chungnhan button{display: block; border: none; width: 24px; height: 24px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: 50%; z-index: 100; margin-top: -12px;}
.tm-chungnhan button.slick-prev{background-position: -52px -51px; left: 0;}
.tm-chungnhan button.slick-next{background-position: -76px -51px; right: 0px;}
.tm-chungnhan button.slick-prev:hover{background-position: -100px -51px;}
.tm-chungnhan button.slick-next:hover{background-position: -124px -51px;}

.tm-content .block-contact{padding: 20px 15px 10px; border: 1px solid #e1e1e1; margin-bottom: 30px; text-align: center;}
.tm-content .block-contact h4:before{display: none;}
.tm-content .block-form ul li .pull-left{margin: 0;}

.tm-like-face{margin-bottom: 30px;}

.tm-right-ct{float: right; width: calc(100% - 300px);}
.tm-right-ct h3.title{text-align: left; margin-bottom: 10px;}
.tm-right-ct p.txt{font: 400 14px/20px 'Roboto', sans-serif; color: #555;}

.tm-event{margin-top: 25px;}
.tm-event .list-v li{margin-bottom: 30px;}
.tm-event .list-v li:last-child{margin-bottom: 20px;}
.tm-event .detail{overflow: hidden;}
.tm-event .img-event{width: calc(100% - 300px); float: left;}
.tm-event .txt-event{width: 300px; border-left: 5px solid #ffbda9; background: #fa3e06; text-align: center; position: relative; float: right; padding: 39px 0 40px; height: 217px;  }
.tm-event .txt-event h4{margin-bottom: 15px; padding: 0 50px;}
.tm-event .txt-event h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #fff; text-transform: capitalize;}
.tm-event .txt-event p{background: rgba(0, 0, 0, 0.5); font: 13px/20px 'Roboto', sans-serif; color: #ffe9e2; padding: 6px 20px 6px 40px; margin-bottom: 15px; text-align: center;}
.tm-event .txt-event .date-{width: 80px; background: #fff; position: absolute; left: -45px; top: 50%; text-align: center; padding: 12px 0; margin-top: -37px;}
.tm-event .txt-event .date- label{display: block; font: 300 20px/20px 'Roboto', sans-serif; color: #666; }
.tm-event .txt-event .date- label:after{content: ''; width: 42px; height: 1px; background: #fa3e06; display: block; margin: 5px auto 4px;}
.tm-event .txt-event .date- span{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #666;}

.tm-pag{width: 100%; clear: both; text-align: center;}
.tm-pag li{display: inline-block; padding: 0 8px; vertical-align: middle; margin: 0;}
.tm-pag li a{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.tm-pag li a:hover, .tm-pag li.active a{color: #ee2028;}
.tm-pag li.i-pag a{width: 11px; height: 5px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; display: block; margin: 7px 0 8px;}
.tm-pag li.i-pag.prev a{background-position: -100px -305px;}
.tm-pag li.i-pag.next a{background-position: -122px -305px;}

.tm-pag li.i-pag.prev a:hover{background-position: -100px -315px;}
.tm-pag li.i-pag.next a:hover{background-position: -122px -315px;}


.tm-ev-dt{}
.tm-ev-dt p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.tm-ev-dt p span{color: #ed1c24;}

.tm-content .tm-right-ct .block-contact{padding: 0; border: none; margin: 10px 0 0;}
.tm-content .tm-right-ct .block-contact li:last-child{margin-bottom: 0;}
.tm-content .tm-right-ct .block-contact h4{font: 400 15px/23px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: center; margin-bottom: 15px;}
.tm-content .tm-right-ct .block-contact button{width: 140px; margin: auto;}

ul.top-lbr{clear: both; margin-bottom: 25px;}
ul.top-lbr p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; padding: 7px 0;}
ul.top-lbr li .form-control{border-radius: 0; height: 34px; background: #fcfcfc; border: 1px solid #e1e1e1; box-shadow: 0 0 0 transparent !important; font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
ul.top-lbr li button{border: none; display: block; width: 14px; height: 14px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -145px -306px; position: absolute; right: 25px; top: 10px; z-index: 1;}

ul.list-libary{}
ul.list-libary li{margin-bottom: 25px;}
ul.list-libary a.img{height: 255px; overflow: hidden; margin-bottom: 10px; display: block; text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.29);}
ul.list-libary a.img img{display: inline-block;}
ul.list-libary h4{margin-bottom: 5px; overflow: hidden; height: 40px;}
ul.list-libary h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333; }
ul.list-libary h4 a:hover{color: #ed1c25;}
ul.list-libary span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; margin-top: 10px;}

.tm-right-ct .libary-ct h3.title,
.tm-right-ct .tm-english h3.title{margin-bottom: 20px;}
.tm-english li{margin-bottom: 25px;}
.tm-english li .detail{border: 1px solid #e1e1e1; text-align: center;}
.tm-english li .detail a{display: inline-block; position: relative;}
.tm-english li .detail a:before{display: none; content: ''; width: 100%; height: 100%; background: rgba(0, 102, 187, 0.5); position: absolute; left: 0; top: 0;}
.tm-english li .detail a:after{content: ''; display: none; width: 24px; height: 24px; background: url(../images/front/sprite.png) no-repeat -226px -288px; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px;}
.tm-english li .detail a:hover:before,
.tm-english li .detail a:hover:after{display: block;}
.bl-download{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; margin-bottom: 25px;}
.bl-download a.i-download{display: inline-block; margin-left: 30px; color: #0066bb; transition: all .3s ease;}
.bl-download a.i-download:hover{color: #ed1c24;}
.bl-download a.i-download:before{content: ''; display: inline-block; width: 19px; height: 16px; background: url(../images/front/sprite.png) no-repeat -171px -288px; vertical-align: middle; margin-right: 7px;  transition: all .3s ease;}
.bl-download a.i-download:hover:before{background: url(../images/front/sprite.png) no-repeat -197px -288px;}

.tm-intro-lb{margin-bottom: 20px;}
.tm-intro-lb h4{font: 400 15px/23px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; margin-bottom: 15px;}
.tm-intro-lb p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}

.tm-teacher{margin-top: 20px;}
.tm-teacher ul{}
.tm-teacher ul li{margin-bottom: 30px;}
.tm-teacher a.img{height: 200px; display: block; overflow: hidden; background: #e9484d;}
.tm-teacher a.img img{width: 100%; height: 100%;}
.tm-teacher .tm-txt{border: 1px solid #e1e1e1; padding: 10px; text-align: center;}
.tm-teacher .tm-txt h4{margin-bottom: 5px; overflow: hidden; height: 20px;}
.tm-teacher .tm-txt h4 a{font: 400 14px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase;}
.tm-teacher .tm-txt h4 a:hover{color: #ed1c24;}

.load-wait{ display: none; }
.load-wait p{font: 400 14px/20px 'Roboto', sans-serif; color: #666;}
#circularG{position:relative; width:25px; height:25px; margin: 0 auto 10px; }
.circularG{position:absolute; background-color: #0066bb; width:6px; height:6px; border-radius:9px;
        -o-border-radius:9px;
        -ms-border-radius:9px;
        -webkit-border-radius:9px;
        -moz-border-radius:9px;
    animation-name:bounce_circularG;
        -o-animation-name:bounce_circularG;
        -ms-animation-name:bounce_circularG;
        -webkit-animation-name:bounce_circularG;
        -moz-animation-name:bounce_circularG;
    animation-duration:1.1s;
        -o-animation-duration:1.1s;
        -ms-animation-duration:1.1s;
        -webkit-animation-duration:1.1s;
        -moz-animation-duration:1.1s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#circularG_1{
    top: 3px;
    right: 2px;
    animation-delay:0.41s;
        -o-animation-delay:0.41s;
        -ms-animation-delay:0.41s;
        -webkit-animation-delay:0.41s;
        -moz-animation-delay:0.41s;
}

#circularG_2{
    top: 10px;
    right: 0;
    animation-delay:0.55s;
        -o-animation-delay:0.55s;
        -ms-animation-delay:0.55s;
        -webkit-animation-delay:0.55s;
        -moz-animation-delay:0.55s;
}

#circularG_3{
    top: 17px;
    right: 2px;
    animation-delay:0.69s;
        -o-animation-delay:0.69s;
        -ms-animation-delay:0.69s;
        -webkit-animation-delay:0.69s;
        -moz-animation-delay:0.69s;
}

#circularG_4{
    bottom: 0;
    right: 9.5px;
    animation-delay:0.83s;
        -o-animation-delay:0.83s;
        -ms-animation-delay:0.83s;
        -webkit-animation-delay:0.83s;
        -moz-animation-delay:0.83s;
}

#circularG_5{
    top: 17px;
    left: 2px;
    animation-delay:0.97s;
        -o-animation-delay:0.97s;
        -ms-animation-delay:0.97s;
        -webkit-animation-delay:0.97s;
        -moz-animation-delay:0.97s;
}

#circularG_6{
    top: 10px;
    left: 0px;
    animation-delay:1.1s;
        -o-animation-delay:1.1s;
        -ms-animation-delay:1.1s;
        -webkit-animation-delay:1.1s;
        -moz-animation-delay:1.1s;
}

#circularG_7{
    top: 3px;
    left: 2px;
    animation-delay:1.24s;
        -o-animation-delay:1.24s;
        -ms-animation-delay:1.24s;
        -webkit-animation-delay:1.24s;
        -moz-animation-delay:1.24s;
}

#circularG_8{
    top: 0px;
    left: 10px;
    animation-delay:1.38s;
        -o-animation-delay:1.38s;
        -ms-animation-delay:1.38s;
        -webkit-animation-delay:1.38s;
        -moz-animation-delay:1.38s;
}

@keyframes bounce_circularG{
    0%{transform:scale(1); }
    100%{transform:scale(.3); } 
}

@-o-keyframes bounce_circularG{
    0%{-o-transform:scale(1); }
    100%{-o-transform:scale(.3); }
}

@-ms-keyframes bounce_circularG{
    0%{-ms-transform:scale(1); }
    100%{-ms-transform:scale(.3); }
}

@-webkit-keyframes bounce_circularG{
    0%{-webkit-transform:scale(1); }
    100%{-webkit-transform:scale(.3); }
}

@-moz-keyframes bounce_circularG{
    0%{-moz-transform:scale(1); }
    100%{-moz-transform:scale(.3); }
}
.tm-left-ct .block-form ul li .pull-right,
.tm-left-ct .block-form ul li .pull-left {margin: 0 10px; display: inline-block; float: none !important; }

.tm-teacher-dt{}
.review .score-callback{display: inline-block; margin-right: 10px; vertical-align: middle;}
.review span{display: inline-block; font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; vertical-align: middle;}
.progressBar {width: 100%; height: 4px; background-color: #e1e1e1; width: 100%; clear: both;}
.progressBar div {height: 100%; text-indent: -9999px; line-height: 4px; width: 0; background-color: #ed1c24; }
ul.list-tc-mh{margin-top: 30px;}
ul.list-tc-mh li{overflow: hidden; margin-bottom: 25px;}
ul.list-tc-mh li span{font: 400 14px/20px 'sfugillsansregular', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 7px;}
ul.list-tc-mh li span.pull-right{font: 400 14px/20px 'Roboto', sans-serif; color: #444;}

.txt-dt-tc{margin-top: 20px;}
.txt-dt-tc p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}

.block-review-st{margin: 20px 0 30px;}
.block-review-st h4{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; text-align: left; margin-bottom: 15px;}
.block-review-st .detail{padding: 15px 30px 15px 0; border: 1px solid #e1e1e1; overflow: hidden;}
.normal-rv{width: 210px; padding: 15px 0; border-right: 1px solid #e1e1e1; text-align: center; float: left; margin-right: 40px;}
.normal-rv p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.normal-rv span{display: block; margin: 5px 0;}
.normal-rv strong{font: 400 50px/normal 'Roboto', sans-serif; color: #ed1c24;}

.star-rv{overflow: hidden;}
.star-rv li{margin-bottom: 14px;}
.star-rv span{font: 400 13px/20px 'Roboto', sans-serif; color: #555; width: 40px; display: inline-block; vertical-align: middle;}
.star-rv li span:last-child{text-align: center;}
.student-rv {width: calc(100% - 86px); height: 4px; background-color: #e1e1e1; clear: both; display: inline-block; vertical-align: middle;}
.student-rv div {height: 100%; text-indent: -9999px; line-height: 4px; width: 0; background-color: #0066bb; }

.form-rv{}
.form-rv .review{margin-bottom: 20px;}
.form-rv .score-callback-1,
.form-rv span{display: inline-block; vertical-align: middle; margin-right: 10px;}
.form-rv ul.row{margin: 0 -5px;}
.form-rv ul.row li{padding: 0 5px; margin-bottom: 10px;}
.form-rv ul.row li .form-control{background: #fafafa; border: 1px solid #e1e1e1; border-radius: 0; box-shadow: 0 0 0 transparent !important; height: 36px; font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
ul.top-lbr li .form-control:focus,
.form-rv ul.row li .form-control:focus{border-color: #AAD6FB;}
.form-rv ul.row li textarea.form-control{height: 65px; resize: vertical;}
.load-more-tm,
.form-send button,
.form-rv ul.row li button{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0; width: 140px; display: block; margin: 0 auto; text-align: center; background: #007fe9; border-radius: 20px; border: none; }
.form-send button:hover,
.load-more-tm:hover,
.form-rv ul.row li button:hover{background: #FA3E06;}

.list-comment{margin-top: 20px; padding-top: 25px; border-top: 1px solid #e1e1e1;}
.list-comment ul li{border-bottom: 1px dashed #d4dee5; width: 100%; margin-bottom: 15px; padding-bottom: 15px;}
.list-comment h5{font: 500 14px/20px 'Roboto', sans-serif; color: #666; text-transform: capitalize; margin-bottom: 5px;}
.list-comment p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-top: 5px}
.list-comment span,
.list-comment .score-callback-1{display: inline-block; margin-right: 10px; vertical-align: middle;}
.load-more-tm{margin: 0;}

.form-send{margin-top: 20px; width: 450px;}
.form-send ul{margin: 0 -6px;}
.form-send li{margin-bottom: 10px; padding: 0 5px;}
.form-send li .form-control{border-radius: 4px;}
.form-send li textarea.form-control{height: 70px;}
.form-send button{width: 80px;}

.final-test{}
.final-test.form-test .txt-test{padding: 40px 35px 10px;}

.tm-method{}
.tm-method .mt-it{margin-bottom: 15px;}
.tm-method p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.tm-method h4.title-{font: 400 15px/20px 'sfugillsansbold', sans-serif; color: #0066bb; text-transform: uppercase; margin-bottom: 20px;}
.tm-mt-video{margin-bottom: 30px;}
.tm-mt-video .video{position: relative; width: 670px; margin: auto; height: 365px;}
.tm-mt-video .video iframe{border: none; margin: 0; padding: 0;}
.tm-mt-video .video #play-video{background: rgba(0, 102, 187, .5) url(../images/front/video.png) no-repeat center;}

.tm-mt-note{}
.tm-mt-note li{overflow: hidden; margin-bottom: 20px;}
.tm-mt-note span.st-mt{width: 100px; height: 115px; display: block; float: left; vertical-align: middle; background: url(../images/front/step.png) no-repeat; font: 400 30px/30px 'Roboto', sans-serif; color: #fff; text-align: center; line-height: 115px; margin-right: 20px;}
.tm-mt-note .txt-st{width: calc(100% - 120px); float: left;}
.tm-mt-note .txt-st strong{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #333; margin-bottom: 10px; text-transform: uppercase;}
.tm-mt-note .txt-st span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}

.tm-method.block-different{padding: 0;}
ul.list-df.bl-tm-df{}
ul.list-df.bl-tm-df li{overflow: hidden;}
ul.list-df.bl-tm-df .txt-df{width: calc(100% - 190px);}
ul.list-df.bl-tm-df h4{height: auto; margin-bottom: 15px; margin-top: 5px;}
ul.list-df.bl-tm-df p a{color: #0066bb;}
ul.list-df.bl-tm-df p a:hover{color: #fa3e06;}
/*==========================================================================*/
a.menu-mobile{display: none; background: url(../images/front/line.png) no-repeat; width: 25px; height: 19px; text-indent: -9999px; margin: 27px 0;}


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

@media (max-width: 1500px){
	.block-quang-cao{display: none !important; }
}
@media (max-width: 1190px){
	.mcd-menu li{padding: 0 10px;}
	.block-different a.img-ard{width: 130px; height: 130px; line-height: 130px;}
	.block-certificate h3{font-size: 20px;}
	.block-call h4.i-blue:before,
	.block-call h4.i-red:before{width: 15px;}
	.height_1{height: 157px;}
	.height_2{height: 344px;}
	
	.content-bot{margin-bottom: 30px;}
	.content-bot .col-sm-6{width: 50%; margin-bottom: 30px;}
	.content-bot .col-sm-12{width: 100%;}
	.footer-right{width: 60%;}
	.footer-top{padding: 30px 0;}
    .footer{background-size: cover;}
	.footer .ft-row{margin: 0 -10px;}
    .footer-top .ft-all{width: 33.33%; margin: 0 0 20px; padding: 0 10px;}
    .block-choose a.img{height: 253px;}
    .list-check .img_{height: 244px;}
    .free-ct li p{font-size: 13px;}
    .course-ct-right .block-choose a.img{height: 180px;}
    .course-ct-right .block-choose .txt-choose {padding: 22px 10px 30px;}
    .course-ct-right .block-choose h4 a{font-size: 18px;}
    .block-steps ul li .img-{width: 105px; height: 105px;}
    .block-steps ul li h6{width: 105px;}
    .block-steps ul li:after{margin: -52px 13px 0;}
    .list-course .detail{height: 195px;}
    .list-course h4{font-size: 14px;}
    .block-event a.img{height: 125px;}
    ul.list-tc-mh li,
    .block-talk{margin-bottom: 15px;}
    .block-talk .col-md-6{width: 100%; margin-bottom: 15px;}
    .block-talk .detail{padding: 20px 15px;}
    .form-test{padding: 50px;}
    .tm-event .img-event{width: 100%; height: 215px; overflow: hidden;}
    .tm-event .img-event img{width: 100%;}
    .tm-event .txt-event{width: 100%; padding: 45px 0 20px; border-left: none; border-top: 5px solid #ffbda9;}
    .tm-event .txt-event p{text-align: center;}
    .tm-event .txt-event .date-{top: -37px; margin: 0 0 0 -40px; left: 50%;}
    ul.list-libary li{width: 33.33%;}
    .tm-teacher a.img{height: 140px;}
    .form-rv .review{text-align: center; margin-bottom: 10px;}
    .tm-mt-video .video #play-video{display: none;}
    .tm-mt-video .video{width: 100%;}
    ul.list-df.bl-tm-df .txt-df{width: calc(100% - 150px);}
    ul.list-df.bl-tm-df a.img-ard{margin-top: 30px;}
}
@media (max-width: 990px){
	#header{padding: 15px 0;}
    .mm-menu{background: #fff; width: 45%;}
    .mm-menu .mm-navbar a, 
    .mm-menu .mm-navbar>*{font: 500 15px/20px 'Roboto', sans-serif; color: #ED1C25;}

	a.menu-mobile{display: block;}
    .mcd-menu{display: none;}
	#menu-mobile .mcd-menu{display: block; margin: -20px 0 0;}
    .mm-panels>.mm-panel>.mm-listview{margin: 20px 0;}
    .mm-panels>.mm-panel{padding: 0;}
    .mm-listview>li:not(.mm-divider):after{left: 0;}
    .mm-listview>li>a, .mm-listview>li>span{font: 400 13px/20px 'sfugillsansregular', sans-serif; color: #333; text-transform: uppercase;}
    html.mm-opening .mm-slideout {-webkit-transform: translate3d(45%,0,0); transform: translate3d(45%,0,0); }
    
    .mcd-menu li a i.fa-dh,
    .mcd-menu li a i.fa-lh,
    .mcd-menu li a i.fa-tc{left: 2.5px;}
    .mcd-menu li a i.fa-gt{left: 5px;}
    .mcd-menu li a i.fa-ol{left: 3.5px;}
    .mcd-menu li a i.fa-kg{left: 3px;}
    .mcd-menu li a i.fa-tt{left: 2px;}

	.mcd-menu li{float: none; padding: 0 15px;}
	.mcd-menu li a{padding: 10px 0 11px 30px; display: block;}
	.mcd-menu li a i{position: absolute; left: 0;}
    
	.block-ct-top{padding: 20px 0 102px;}
	.block-certificate .txt-cc{padding: 0 0 20px; background: transparent;}
	.block-experience p{margin-bottom: 10px;}
	.block-experience a.views-more{margin-top: 20px;}
	.block-call{overflow: hidden; margin: 0 -10px 20px; text-align: center;}
	.block-call .bl-l,
	.block-call .bl-r{width: 50%; float: left; padding: 0 10px;}
	.block-feel .if-txt p{padding: 10px 0;}
	.block-check .check-txt{width: 70%;}
    .block-choose a.img{width: 350px; float: left; margin: 0; height: 250px;}
    .block-choose .txt-choose{overflow: hidden; height: 250px;}
    .block-choose p{height: auto;}
    .list-check .img_{height: 310px;}
    .list-check .img_ a img{width: 100%; height: 100%;}

    .block-r-list li{padding: 13px 15px;}
    .block-r-list h4{padding: 15px;}

    .course-ct-right .block-check{background-size: cover;}
    .course-ct-right .block-check .check-txt{width: 100%;}
    .course-ct-right .block-check a.check-now{float: left !important; margin-top: 10px;}

    .course-ct-right .block-choose a.img{width: 235px; height: 200px;}
    .course-ct-right .block-choose .txt-choose{height: 200px;}
    .block-steps ul li{position: relative; width: 50%;}
    .block-steps ul li:nth-child(1),
    .block-steps ul li:nth-child(2){margin-bottom: 75px;}
    .block-steps ul li:nth-child(2):after{position: absolute; left: 50%; bottom: -40px; transform: rotate(90deg); margin: 0 0 0 -27px;}
    .block-steps ul li:nth-child(3){float: right;}
    .block-steps ul li:nth-child(3):after{position: absolute; left: -30px; top: 50%; transform: rotate(180deg); margin: -27px 0 0;}
    .block-steps ul li:nth-child(1):after{position: absolute; left: 84%; top: 50%; margin: -27px 0 0;}


    .block-table .table th:first-child{width: auto;}
    .block-table .table {display: block; position: relative; width: 100%; text-align: left; }
    .block-table .table thead { display: block; float: left; width: 180px;}
    .block-table .table tbody { display: -webkit-box; overflow-x: auto; }
    .block-table .table th,
    .block-table .table tr,
    .block-table .table td { display: block; }
    .block-table .table th {border-bottom: 0; border-left: none;}
    .block-table .table td {overflow: hidden; border-top: none; padding: 11px 15px; border-right: none;}
    .block-table .table th{border-bottom: 1px solid #ebebeb; font-size: 13px; text-align: left; padding: 11px 15px 10px;}
    .block-table .table tr:first-child td{border-left: none;}
    
    .time-table .block-table .table th{padding: 9px 10px 8px;}
    .time-table .block-table .table .teach{height: 69px;}
    .time-table .block-table .table .note {width: auto !important;height: 69px;}
    .time-table .block-table .table .note_d {height: 69px; overflow: auto;}

    .detail-isec{margin-top: 15px;}
    .form-test .man-test{margin-right: 0;}
    .form-test{padding: 20px;}
    .step-bot{padding: 30px 40px;}
    .tm-event .img-event{height: auto;}
    .tm-left-ct .block-call .bl-l, 
    .tm-left-ct .block-call .bl-r{width: 100%;}
    ul.list-libary li{width: 50%;}
    .block-review-st .detail{margin-bottom: 15px; padding: 10px;}
    .normal-rv{float: none; width: 100%; margin: 0 0 10px; border: none; padding: 0;}
    .form-send{width: 100%;}
    ul.list-df.bl-tm-df .txt-df{width: 100%; float: none !important; text-align: left;}
    ul.list-df.bl-tm-df a.img-ard{float: none !important; margin: 0 auto 20px;}
}
@media (max-width: 750px){
	.block-experience .col-md-7{margin-bottom: 25px;}
	#play-video{display: none;}
	.block-ct-top{padding: 20px 0; margin: 0;}
	.block-check{position: relative; left: auto; top: auto; margin-top: 25px; background-size: cover; padding: 15px;}
	.block-check .pull-left{float: none !important; width: 100%; overflow: hidden; margin-bottom: 20px;}
	.block-check .pull-right{float: none !important; }
    .free-bot{padding-top: 25px;}
    .free-test-child .course-dt{padding: 0;}
    .course-ct-left ul{margin: 0 -10px; overflow: hidden;}
    .course-ct-left ul li{padding: 0 10px; width: 33.33%; float: left;}
    .course-ct-left .block-cbox{margin-bottom: 10px;}
    .form-test .txt-test{padding: 25px 30px;}
    .step-top{margin-bottom: 0;}
    .step-top h4{margin: 20px 0;}
}
@media (max-width: 680px){
	h3.title span{font-size: 20px;}
	.block-success li a.img img{width: 100%; height: 100%;}
	.content-bot .col-sm-6{width: 100%;}
	.slider .rslides_tabs{bottom: 5px;}
	.block-banner a span{font-size: 18px; margin-top: -13px;}
    .footer-top .ft-contact,
    .footer-top .ft-suicide{clear: both;}
    .footer-top .ft-all{width: 50%;}

    .step-top .list-answer{width: 100%;}
    .step-bot{padding: 15px 10px;}
    .step-bot ul.list-step li{padding: 0 5px;}
    .listen-left{width: calc(100% - 200px);}
    .tm-left-ct,
    .tm-right-ct{width: 100%; float: none; margin: 0 0 30px;}
    .tm-teacher a.img{height: 200px;}

}
@media (max-width: 630px){
	.block-choose a.img{width: 250px; height: 215px;}
    .block-choose .txt-choose{height: 215px;}
	.block-certificate ul li{width: 33.33%;}
	.block-teacher ul a.view-all{width: auto; padding: 8px 10px; border-radius: 0;}
    .mm-menu{width: 80%;}
    html.mm-opening .mm-slideout {-webkit-transform: translate3d(80%,0,0); transform: translate3d(80%,0,0);}
    .course-ct-left ul li{width: 50%;}
    .form-test .txt-test{margin-bottom: 20px;}
    
    .step-top ul{margin: 0 -10px;}
    .step-top ul li{padding: 0 10px;}
    .step-bot{position: relative; padding-top: 40px;}
    .step-bot ul.list-step{position: absolute; left: 0; width: 100%; top: 0px;}

    .block-area .col-md-6{width: 100%; margin-bottom: 30px;}
    .block-area .col-md-6:last-child{margin-bottom: 0;}
    .block-area:before{transform: rotate(90deg);}
    .listen-left{width: 100%; margin-bottom: 20px;}
    .form-send li,
    .listen-right{width: 100%;}
    .step-top .listen-right ul{margin: 0;}
    .step-top .listen-right ul li{ padding: 12px 15px 8px;}
    .step-top .listen-right ul li:last-child{margin-bottom: 0;}
    .final-test.form-test .txt-right{margin: 0;}
}
@media (max-width: 500px){
	.block-teacher ul{margin: 0 -5px;}
	.block-teacher ul li{padding: 0 5px; margin-bottom: 20px;}
    .block-certify ul.list li{padding: 0 3px;}
    .course-ct-right .block-choose a.img,
    .block-choose a.img{width: 100%; height: 215px; float: none;}
    .course-ct-right .block-choose .txt-choose,
    .block-choose .txt-choose{height: auto;}
    .list-check .img_{height: 240px;}
    .form-test .man-test{width: 125px;}
    .form-test .txt-right{margin: 20px 0;}
    .final-test.form-test .txt-test,
    .form-test .txt-test{padding: 20px 15px; margin-bottom: 30px;}
    .tm-content .tm-right-ct .block-contact li,
    .step-top ul li{width: 100%;}
    .step-top ul li:last-child{margin-bottom: 0;}
    .step-top .img{text-align: center;}
    .step-bot ul.list-step li{padding: 0 3px;}
    .step-bot ul.list-step li span{width: 10px; height: 10px;}
}
@media (max-width: 420px){
	.block-certificate ul li,
	.block-different li{width: 50%;}	

    .detail-isec ul.list-add li,
	.block-call .bl-l, 
    .block-call .bl-r,
    .course-ct-left ul li,
    .list-course ul li,
    ul.list-form li,
    .free-ct li,
    .list-check li,
    .footer-top .ft-all,
    .block-steps ul li,
    .block-form ul li,
    .block-steps ul li h6{width: 100%;}

    .block-feel .if-img{float: none; margin: 0 auto 0px;}
    .block-check h4{font-size: 17px;}
    .height_1{height: 100px;}
    .height_2{height: 200px;}
    .block-banner ul li{width: 100%; margin-bottom: 10px;}
    .footer-top{padding: 30px 0 0;}
    .block-certify ul.list li{margin-bottom: 10px;}
    
    .list-check .img_{height: auto;}
    .block-steps ul li .img-{width: 140px; height: 140px;}
    .block-steps ul li{margin-bottom: 75px;}
    .block-steps ul li:last-child{margin-bottom: 0;}
    .block-steps ul li:nth-child(1):after,
    .block-steps ul li:nth-child(3):after,
    .block-steps ul li:nth-child(2):after {position: absolute; left: 50%; bottom: -40px; top: auto; right: auto; transform: rotate(90deg); margin: 0 0 0 -27px; }
    .block-talk .user{width: 100%; float: none; margin: 0;}
    .block-talk .txt-{text-align: center;}

    .block-table .table thead{width: 125px;}
    .block-table .table .title{height: 62px;}
    .block-table .table th{font: 500 14px/20px 'Roboto', sans-serif; padding: 11px 10px 10px;}
    .time-table .block-table thead.cf{width: 95px;}
    .time-table .block-table a.img{display: none;}
    .detail-isec ul.list-add{margin: 15px -10px;}
    .form-test .man-test{display: none;}
    .form-test .txt-right{margin: 0; padding: 0;}
    .step-bot button{width: 120px;}
    .time-table .block-table .table .teach,
    ul.list-libary li h4{height: auto;}
    ul.list-libary li{width: 100%;}
    .tm-mt-note span.st-mt{display: none;}
    .tm-mt-note .txt-st{float: none; width: 100%;}
    ul.list-df.bl-tm-df li{width: 100%;}
}
@media (max-width: 380px){
	.tm-teacher ul li{width: 100%;}
}

@media (max-width: 320px){
    .block-success h3.title{margin-bottom: 40px;}
    .block-success button{top: -35px;}
}