@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-top{padding: 27px 0;}
ul.right-top{margin: 0 -10px;}
ul.right-top li{float: left; padding: 0 10px;}
ul.right-top li span{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #f36f21; padding: 5px 0 4px; display: inline-block;}
ul.right-top li span:before{content: ''; display: inline-block; width: 20px; height: 23px; background: url(../images/front/sprite.png) no-repeat 0 0; vertical-align: middle; margin-right: 7px;}
ul.right-top li a{float: left;}
ul.right-top li a.tm-btn{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; border-radius: 4px; text-transform: uppercase; background: #ffae00; padding: 8px 0 6px; width: 115px; text-align: center;}

.tm-search button:hover,
ul.right-top li a.tm-btn:hover{background: #F36F21;}

.header-bot{background: #f3f3f3;}
.tm-mn-course{width: 200px; text-align: center; background: #e3e3e3; position: relative;}
.tm-course-dt{position: absolute; left: 0; top: 50px; width: 100%; background: #fff; border: 1px solid #e3e3e3; z-index: 500; display: none;}
.tm-course-dt ul{text-align: left;}
.tm-course-dt ul li{ position: relative;}
.tm-course-dt ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block; padding: 15px 15px 14px; border-bottom: 1px solid #e3e3e3;}
.tm-course-dt ul li:last-child a{border-bottom: none;}
.tm-course-dt ul li a:before{content: ''; background: #777; width: 8px; height: 1px; 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%; }
.tm-course-dt ul li a:after{content: ''; background: #777; width: 8px; height: 1px; 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);}
.tm-course-dt li:hover a:after{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
.tm-course-dt li a:hover{color: #167C3B;}
.tm-course-dt li:hover a:after,
.tm-course-dt li:hover a:before{background: #167C3B;}
.tm-course-dt li ul{top: 0; left: 100%; position: absolute; width: 200px; background: #fff; border-left: 1px solid #e3e3e3; display: none; animation: kh_sub 1s ease; z-index: 20;}
.tm-course-dt li ul li a{padding: 7px 15px;}
.tm-course-dt li ul li a:before,
.tm-course-dt li ul li a:after{display: none;}
.tm-course-dt li:hover ul{display: block;}
.tm-mn-course span{font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding: 15px 0; display: inline-block; cursor: pointer;}
.tm-mn-course span:after{content: ''; display: inline-block; border: 5px solid transparent; border-top: 5px solid #555; margin-left: 10px; vertical-align: middle; margin-top: 4px;}
@-webkit-keyframes kh_sub {
	from { left: 0; }
	to { left: 100%; }
}
@-o-keyframes kh_sub {
	from { left: 0; }
	to { left: 100%; }
}
@-moz-keyframes kh_sub {
	from { left: 0; }
	to { left: 100%; }
}
@keyframes kh_sub {
	from { left: 0; }
	to { left: 100%; }
}
.menu-top{}
.menu-top ul li{float: left; padding: 15px 0;}
.menu-top ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #444; padding: 0 20px; border-left: 1px solid #d0d0d0;}
.menu-top ul li a:hover{color: #F36F21;}
.menu-top ul li:first-child a{border-left: none;}

.tm-service{width: 225px; text-align: center; background: #e3e3e3; position: relative;}
.tm-service span.tm-sv{font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding: 15px 0; display: inline-block; cursor: pointer;}
.tm-service span.tm-sv:after{content: ''; display: inline-block; width: 14px; height: 8px; background: url(../images/front/sprite.png) no-repeat 0 -254px; margin-left: 10px;}
.tm-service span.tm-sv.active:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.service-dt{position: absolute; left: 0; top: 50px; z-index: 200; display: none;}
.service-dt ul li{margin-top: 10px; transition: all .5s ease;}
.service-dt ul li:hover{background: #fff !important;}
.service-dt ul li:nth-child(1){background: #0b95ff;}
.service-dt ul li:nth-child(1):hover a{color: #0b95ff;}
.service-dt ul li:nth-child(1) a:before{content: ''; display: block; width: 35px; height: 24px; background: url(../images/front/sprite.png) no-repeat -308px 0; position: absolute; left: 15px; top: 50%; margin-top: -12px;}
.service-dt ul li:nth-child(1):hover a:before{background: url(../images/front/sprite.png) no-repeat -352px 0;}

.service-dt ul li:nth-child(2){background: #f4bd46;}
.service-dt ul li:nth-child(2):hover a{color: #f4bd46;}
.service-dt ul li:nth-child(2) a:before{content: ''; display: block; width: 26px; height: 24px; background: url(../images/front/sprite.png) no-repeat -308px -34px; position: absolute; left: 15px; top: 50%; margin-top: -12px;}
.service-dt ul li:nth-child(2):hover a:before{background: url(../images/front/sprite.png) no-repeat -352px -34px;}

.service-dt ul li:nth-child(3){background: #4ac472;}
.service-dt ul li:nth-child(3):hover a{color: #4ac472;}
.service-dt ul li:nth-child(3) a:before{content: ''; display: block; width: 26px; height: 24px; background: url(../images/front/sprite.png) no-repeat -308px -68px; position: absolute; left: 15px; top: 50%; margin-top: -12px;}
.service-dt ul li:nth-child(3):hover a:before{background: url(../images/front/sprite.png) no-repeat -352px -68px;}

.service-dt ul li:nth-child(4){background: #ff7950;}
.service-dt ul li:nth-child(4):hover a{color: #ff7950;}
.service-dt ul li:nth-child(4) a:before{content: ''; display: block; width: 27px; height: 24px; background: url(../images/front/sprite.png) no-repeat -308px -102px; position: absolute; left: 15px; top: 50%; margin-top: -12px;}
.service-dt ul li:nth-child(4):hover a:before{background: url(../images/front/sprite.png) no-repeat -352px -102px;}
.service-dt ul li a{font: 400 14px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; display: block; position: relative; overflow: hidden; padding: 15px 0;}
.service-dt ul li a span{display: block; width: 180px; text-align: center; float: right;}


.tm-search{border: 1px solid #d0d0d0; margin: 8px 0;}
.tm-search .form-control{border: none; border-radius: 0; box-shadow: 0 0 0 transparent !important; height: 32px;}
.tm-search label{width: 186px; border-right: 1px solid #d0d0d0; float: left; position: relative;}
.tm-search label:after {content:''; right: 8px; top:50%; margin-top: -2.5px; position:absolute; pointer-events:none; width: 9px; height: 5px; background: url(../images/front/sprite.png) no-repeat 0 -267px; }
.tm-search select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.tm-search label .form-control{font: 400 13px/20px 'Roboto', sans-serif; color: #666;}
.tm-search .txt-s{width: 265px;float: left; }
.tm-search .txt-s input{font: 300 12px/16px 'Roboto', sans-serif; color: #9c9c9c;}
.tm-search button{float: left; border: none; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #ffae00; width: 95px; margin: -1px -1px -1px 0; padding: 7px 0; text-align: center;}
/*==========================================================================*/
.slider{position: relative; overflow: hidden; margin-top: 20px;}
.slider .block-slider{position: relative; overflow: hidden; border-bottom: 3px solid #a9cbe0;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
a.rslides_nav{display: block; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: 50%; margin-top: -18px; z-index: 20;}
a.rslides_nav.prev{background-position: 0 -25px; left: 9%;}
a.rslides_nav.next{background-position: -38px -25px; right: 9%;}
a.rslides_nav.prev:hover{background-position: 0 -61px;}
a.rslides_nav.next:hover{background-position: -38px -61px;}

.r_{color: #f36f21;}
.b_{color: #007029;}
#content h2{font: 400 20px/25px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
#content h2:after{content: ''; width: 70px; height: 1px; border-bottom: 1px solid #d4dee5;display: block; margin: 10px auto 0;}

.block-intro{padding: 40px 0 20px; border-bottom: 1px solid #f0f0f0; text-align: center;}
.block-intro .row{margin: 0 -4px;}
.block-intro .col-md-3{padding: 0 4px; margin-bottom: 20px;}

.flip-container {perspective: 1000; }
.block-intro li:hover .flipper, 
.flip-container.hover .flipper {transform: rotateY(180deg); }
.flip-container, 
.front, .back {width: 100%; height: 215px; }
.flipper {transition: 0.6s; transform-style: preserve-3d; position: relative; }
.front, 
.back {backface-visibility: hidden; position: absolute; top: 0; left: 0; }
.front {z-index: 2; transform: rotateY(0deg); }
.back {transform: rotateY(180deg); background: #fff; padding: 30px 20px 20px;}
.block-intro .back h3{height: auto;}
.block-intro .back h3 a{color: #000;}
.block-intro .back h3 a span{display: inline-block;}
.block-intro .back p{color: #000;}
.block-intro img{height: 100%; border-radius: 3px 3px 0 0;}
.block-intro li:nth-child(1):hover .icon,
.block-intro li:nth-child(1) .txt-info{background: #0b95ff;}
.block-intro li:nth-child(2):hover .icon,
.block-intro li:nth-child(2) .txt-info{background: #f4bd46;}
.block-intro li:nth-child(3):hover .icon,
.block-intro li:nth-child(3) .txt-info{background: #4ac472;}
.block-intro li:nth-child(4):hover .icon,
.block-intro li:nth-child(4) .txt-info{background: #ff7950;}
.block-intro .txt-info{padding: 35px 15px 20px; position: relative; border-radius: 0 0 3px 3px;}
.block-intro h3{overflow: hidden; height: 40px; margin-bottom: 5px;}
.block-intro h3 a{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase;}
.block-intro h3 a span{display: block;}
.block-intro p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; margin-bottom: 10px;}
.block-intro a.read-more{font: 700 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 6px 0; width: 125px; margin: auto; display: block; border: 1px solid #fff; border-radius: 20px;}
.block-intro a.read-more:hover{color: #080808; border-color: #080808;}
span.icon{position: absolute; height: 75px; width: 75px; display: block; background: #fff; border-radius: 100%; top: -47px; left: 50%; margin-left: -37px; transition: all .2s ease;}
span.icon i{display: inline-block; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; width: 42px;  transition: all .2s ease;}
.block-intro li:nth-child(1) .icon i{background-position: -103px 0px; height: 29px; margin-top: 23px;}
.block-intro li:nth-child(2) .icon i{background-position: -154px 0px; height: 39px; margin-top: 18px;}
.block-intro li:nth-child(3) .icon i{background-position: -205px 0px; height: 40px; margin-top: 20px;}
.block-intro li:nth-child(4) .icon i{background-position: -256px 0px; height: 37px; margin-top: 19px;}
.block-intro li:nth-child(1):hover .icon i{background-position: -103px -46px;}
.block-intro li:nth-child(2):hover .icon i{background-position: -154px -46px;}
.block-intro li:nth-child(3):hover .icon i{background-position: -205px -46px;}
.block-intro li:nth-child(4):hover .icon i{background-position: -256px -46px;}

.block-tab{padding: 40px 0 20px;}
.list-tab{overflow: hidden;}
.list-tab li{float: left; padding-right: 8px; }
.list-tab li a{font: 400 15px/20px 'Montserrat-SemiBold', sans-serif; color: #9c9c9c; text-transform: uppercase; padding: 8px 15px; border: 1px solid #d4dee5; border-radius: 3px; display: block;}
.list-tab li a:hover,
.list-tab li a.active{background: #7abe4b; border-color: #7abe4b; color: #fff;}

.tab-content{margin-top: 30px;}
.tab-detail ul{margin: 0 -10px;}
.tab-detail ul li{margin-bottom: 20px; padding: 0 10px; transition: all .2s ease; text-align: center;}
.tab-detail ul li a.img{display: block; height: 155px; overflow: hidden; border-radius: 3px 3px 0 0; position: relative;}
.tab-detail ul li a.img img{width: 100%; height: 100%;}
.tab-detail ul li a.img:before{content: ''; width: 100%; height: 100%; background: rgba(1, 110, 28, 0.41) url(../images/front/icon-hover.png) no-repeat center; opacity: 0; position: absolute; left: 0; top: 0; transition: all 1s ease;}
.tab-detail ul li a.img.various:before{display: none;}
.tab-detail ul li a.img.various:after{content: ""; width: 41px; height: 41px; display: block; background: url(../images/front/icon-video.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px;}
.tab-detail ul li:hover a.img:before{opacity: 1;}
.tab-detail ul li h3{padding: 10px 0; border: 1px solid #f4f5f4; border-radius: 0 0 3px 3px;}
.tab-detail ul li h3 a{font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}




ol.breadcrumb{background: transparent; margin: 15px 0 30px; padding: 0; border-radius: 0;}
ol.breadcrumb li{font: 400 13px/20px 'Roboto', sans-serif; }
ol.breadcrumb li a{color: #444;}
ol.breadcrumb li a:hover{color: #f36f21;}
ol.breadcrumb li.active{color: #199c49;}
.breadcrumb > li + li:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #888; vertical-align: middle; padding: 0; margin: -1px 7px 0;}

/*Introduce*/
.block-introduce{}
#content .block-introduce h2{text-align: left;}
#content .block-introduce h2:after{margin: 10px 0 0; width: 110px;}
.block-introduce .txt-intro{}
.block-introduce .txt-intro li{margin-bottom: 40px;}
.block-introduce .txt-intro h3{font: 500 14px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 10px;}
.block-introduce .txt-intro p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px; text-align: justify;}

.block-succeed{margin-bottom: 25px;}
#content .block-succeed h2{font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
.block-succeed li{margin-bottom: 20px;}
.block-succeed h3{font: 500 14px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase; margin-bottom: 5px;}
.block-succeed h3 i{font-style: inherit;}
.block-succeed h3:before{display: block; content: ''; height: 60px; background: url(../images/front/sprite.png) no-repeat; margin: 0 auto 30px;}
.block-succeed h3.icon-like:before{background-position: 0px -102px; width: 64px;}
.block-succeed h3.icon-student:before{background-position: -70px -102px; width: 75px;}
.block-succeed h3.icon-class:before{background-position: -155px -102px; width: 55px;}
.block-succeed h3.icon-teach:before{background-position: -220px -102px; width: 60px;}
.block-succeed span{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}


/*Service*/
.block-service{}
.block-service ol.breadcrumb{margin-bottom: 15px;}
.block-service .intro-sv .img-sv{margin-bottom: 15px;}
.block-service .intro-sv p{font: 400 13px/20px 'Roboto', sans-serif; color: #333;}

.block-program{background: #f4f5f4; padding: 35px 0 50px;}
.block-program ul .slick-list{margin: 0 -15px;}
.block-program ul .slick-list:before{width: 15px; height: 100%; display: block; content: ''; background: #F4F5F4; position: absolute; left: 0; top:0; z-index: 20;}
.block-program ul .slick-list:after{width: 15px; height: 100%; display: block; content: ''; background: #F4F5F4; position: absolute; right: 0; top:0; z-index: 20;}
.block-program li{padding: 0 15px;}
.block-program li .detail{position: relative;}
.block-program li .hot{position: absolute; left: -10px; top: 10px; background: url(../images/front/bg-sale.png) no-repeat; padding: 8px 10px 14px 20px; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; z-index: 10;}
.block-program li a.img{height: 210px; overflow: hidden; border-radius: 4px 4px 0 0; display: block;}
.block-program li a.img img{border-radius: 4px 4px 0 0; height: 100%; width: 100%;}
.block-program li .title{background: #fff; padding: 10px 20px; border: 1px solid #d4dee5; border-top: none; border-radius: 0 0 4px 4px;}
.block-program li h3{text-align: center;}
.block-program li h3 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
.block-program li h3 a:hover{color: #FF904E;}
.owl-buttons div,
.block-program button{display: block; border: none; padding: 0; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 40%;width: 36px; height: 36px;}
.owl-buttons div.owl-prev,
.block-program button.slick-prev{background-position: 0 -170px; left: -18px;; }
.owl-buttons div.owl-next,
.block-program button.slick-next{background-position: -38px -170px; right: -18px;}
.owl-buttons div.owl-prev:hover,
.block-program button.slick-prev:hover{background-position: 0 -208px;}
.owl-buttons div.owl-next:hover,
.block-program button.slick-next:hover{background-position: -38px -208px;}

.block-program .tab-list-1 ul li a{background: #fff;}
#content .block-program h2:after{display: none;}

.block-teacher{padding: 40px 0 20px;}
.block-teacher h3{background: url(../images/front/bg-line-ttl.png) repeat-x center; text-align: center; margin-bottom: 10px;}
.block-teacher h3 span{font: 400 20px/24px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; display: inline-block; padding: 0 10px; background: #fff;}
.block-filter{padding: 10px 10px 0; background: #f4f5f4; margin-bottom: 30px;}
.block-filter ul{margin: 0 -5px;}
.block-filter li{float: left; width: 20%; padding: 0 5px; margin-bottom: 10px;}
.block-filter li .form-control{height: 30px; padding: 0 12px; border: 1px solid #d4dee5; box-shadow: 0 0 0 transparent !important; border-radius: 3px; font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.block-filter li .form-control:focus{border-color: #f36f21;}
.block-filter label{width: 100%; position: relative; cursor: pointer;}
.block-filter label:after {content:''; right: 10px; top:50%; margin-top: -3px; position:absolute; pointer-events:none; width: 12px; height: 6px; background: url(../images/front/sprite.png) no-repeat -79px -170px; }
.block-filter select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
#send-contact,
a.register,
a.register-now,
.pop-detail ul li button,
.block-filter button {display: block; border: none; padding: 5px 0; text-align: center; background: #007029; color: #fff; font: 400 13px/20px 'Roboto', sans-serif; text-transform: capitalize; border-radius: 3px; width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;}
#send-contact:before,
a.register-now:before,
a.register:before,
.pop-detail ul li button:before,
.block-filter button:before{ content: "";
border-radius: 3px;	
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #f36f21;
-webkit-transform: scaleX(1);
transform: scaleX(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;}
#send-contact:hover:before,
a.register-now:hover:before,
a.register:hover:before,
.pop-detail ul li button:hover:before,
.block-filter button:hover:before{-webkit-transform: scaleX(0); transform: scaleX(0);}
.block-list-tc{}
.block-list-tc ul.row{}
.block-list-tc ul.row li{margin-bottom: 20px;}
.block-list-tc ul.row a.img{height: 150px; display: block; border-radius: 3px 3px 0 0; overflow: hidden; margin-bottom: 10px;}
.block-list-tc ul.row a.img img{width: auto; height: 100%;}
.block-list-tc ul.row h4 a{font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}
.block-list-tc ul.row .last h4 a:hover{color: #000;}
.block-list-tc ul.row h4 a:hover{color: #FF904E;}
.block-list-tc ul.row .last{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; position: relative; text-transform: uppercase; text-align: center;}
.block-list-tc ul.row .last h4{position: absolute; width: 100%; display: table; height: 160px; top: 0; left: 0;}
.block-list-tc ul.row .last h4 a{ text-transform: uppercase; color: #fff; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 30px;}
.block-list-tc ul.row .last h4 a:before{content: ''; display: block; width: 30px; height: 30px; background: url(../images/front/sprite.png) no-repeat -79px -193px; margin: 0 auto 10px; transition: all .2s ease;}
.block-list-tc ul.row .last h4 a:hover:before{background: url(../images/front/sprite.png) no-repeat -111px -193px;}

nav{border-top: 1px solid #d4dee5; text-align: center;}
.pagination{margin: 0; padding: 25px 0;}
.pagination > li > a, 
.pagination > li > span{background: transparent !important; border: none; font: 400 14px/20px 'Roboto', sans-serif; color: #555; }
.pagination > li > a:hover{color: #FF904E;}

.block-pop{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.40); z-index: 100; display: none; cursor: pointer;}
.pop-detail{width: 570px; background: #fff; padding: 30px 50px 10px; position: fixed; left: 50%; top: 50%; margin-left: -285px; margin-top: -182px; cursor: auto; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);} 
.pop-detail h5{font: 500 13px/20px 'Roboto', sans-serif; color: #333;} 
.pop-detail h5 span{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #f36f21;}
.pop-detail ul{margin-top: 20px;}
.pop-detail ul li{margin-bottom: 20px;}
.pop-detail ul li .form-control{height: 30px; padding: 0 12px; font: italic 400 13px/20px 'Roboto', sans-serif; color: #666;}
.pop-detail ul li textarea.form-control{height: 90px; padding: 5px 12px; resize: vertical;}
.pop-detail ul li button{width: 225px; margin: auto;}


.block-skill{padding-top: 0;}
#content .block-care h2:after{display: none;}
.block-care{overflow: hidden; margin-bottom: 20px}
.block-care ul{margin: 85px 0 30px;}
.block-care ul li{margin-top: 50px; position: relative;}
.block-care ul li span.step{position: absolute; top: 0; left: 50%; display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; background: #199c49; padding: 10px 0 6px; width: 36px; border-radius: 100%; text-align: center; margin-left: -18px;}
.block-care ul li span.step:before{content: ''; width: 2px; height: 175px; background: url(../images/front/bg-line-bf.png) no-repeat; display: block; position: absolute; left: 17px; top: -45px; z-index: -1;}
.block-care ul li span.step:after{content: ''; width: 230px; height: 6px; background: url(../images/front/bg-line-af.png) no-repeat; display: block; position: absolute; left: -97px; top: 17px;}
.block-care ul li ul{overflow: hidden; margin: 0 -5px;}
.block-care ul li li{float: left; width: 33.33%; padding: 0 5px; margin: 0;}
.block-care .detail{margin: 0 -140px;}
.block-care .block-left{padding: 0 140px; width: 50%;}
.block-care .block-right{padding: 0 140px; width: 50%;}
.block-care h4{font: 500 14px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 5px;}
.block-care p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; max-height: 100px; overflow: hidden;}
a.register{width: 150px; padding: 10px 0 6px; text-transform: uppercase; margin: 0 auto 30px; clear: both;}



.block-tab{}
#content .block-sv-4 h2:after{display: none;}
#content .block-sv-4 h2{margin-bottom: 20px;}
.block-program.block-sv-4{padding: 35px 0 40px;}
.tab-list-1{text-align: center; margin-bottom: 25px;}
.tab-list-1 ul{margin: 0 -4px;}
.tab-list-1 ul li{display: inline-block; padding: 0 4px;}
.tab-list-1 ul li a{font: 400 12px/20px 'Montserrat-SemiBold', sans-serif; color: #9c9c9c; padding: 8px 40px; border: 1px solid #d4dee5; border-radius: 3px; display: block; text-transform: uppercase;}
.tab-list-1 ul li a.active{color: #fff; background: #7abe4b; border-color: #7abe4b;}
.tab-list-1 ul li a.active:hover{color: #fff;}
.tab-list-1 ul li a:hover{color: #7ab34b; border-color: #7ab34b;}

.block-program.bg-white{background: #fff;}
.block-program .pro-list-1 li{padding: 0 10px;}
.owl-buttons div.owl-prev{left: -8px;z-index: 20;}
.owl-buttons div.owl-next{right: -8px; z-index: 20;}
.bg-white .owl-carousel .owl-wrapper-outer:before{content: ""; display: block; width: 10px; height: 271px; background: #fff; position: absolute; left: 0; top: 0; z-index: 1;}
.bg-white .owl-carousel .owl-wrapper-outer:after{content: ""; display: block; width: 10px; height: 271px; background: #fff; position: absolute; right: 0; top: 0; z-index: 1;}

.tab-content-1 .tab-detail-1{display: none; transition: all .2s ease;}
.tab-content-1 .tab-detail-1.active{display: block;}

/*CONTACT*/
.block-contact{}
#content .block-contact h2{text-align: left;}
#content .block-contact h2:after{margin: 15px 0 0;}
.block-contact .block-map{margin-bottom: 30px;}

.block-contact .block-form{}
.block-contact .block-form li{margin-bottom: 20px;}
.block-contact .block-form .form-control{height: 36px; padding: 0 12px; border: 1px solid #d4dee5; box-shadow: 0 0 0 transparent !important; font: italic 400 13px/20px 'Roboto', sans-serif; color: #777; }
.block-contact .block-form .form-control:focus{border-color: #007029;}
.block-contact .block-form textarea.form-control{height: 115px; padding: 5px 12px; resize:vertical;}
.block-contact .block-form #send-contact{width: 130px; margin: auto; text-transform: uppercase; padding: 6px 0 4px;}
.block-contact .info-contact{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.block-contact .info-contact h3{font: 400 14px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 10px;}
.block-contact .info-contact h3 span.yellow{color: #f36f21;}
.block-contact .info-contact h3 span.blue{color: #007029;}
.block-contact .info-contact p{margin-bottom: 30px;}
.block-contact .info-contact p span{display: block; color: #9c9c9c; font-style: italic;}
.block-contact .info-contact ul li{margin-bottom: 5px;}
.social{overflow: hidden; margin-top: 25px;}
.social ul{margin: 0 -10px;}
.social ul li{float: left; padding: 0 10px;}
.social ul li a{display: block; text-indent: -9999px; height: 13px; background: url(../images/front/sprite.png) no-repeat; }
.social ul li a.icon-f{background-position: -150px -170px; width: 7px;}
.social ul li a.icon-t{background-position: -176px -170px; width: 13px;}
.social ul li a.icon-g{background-position: -209px -170px; width: 16px;}
.social ul li a.icon-f:hover{background-position: -150px -187px;}
.social ul li a.icon-t:hover{background-position: -176px -187px;}
.social ul li a.icon-g:hover{background-position: -209px -187px;}



/*GALLERY*/
#content .block-recruit h2,
#content .block-news h2,
#content .block-science h2,
#content .block-gallery h2{text-align: left;display: inline-block;}
#content .block-science h2:after,
#content .block-news h2:after,
#content .block-gallery h2:after{margin: 15px 0 0; width: 100%;}
.block-gallery{}
.block-gallery .block-tab{padding: 0;}
.block-science nav,
.block-gallery nav{border-top: none;}
.block-science nav .pagination,
.block-gallery nav .pagination{margin: 0; padding: 0 0 20px;}
.block-science nav .pagination li,
.block-gallery nav .pagination li{padding: 0; display: inline-block; width: auto;}
.block-science nav .pagination > li:first-child > a, 
.block-gallery nav .pagination > li:first-child > a, 
.block-science nav .pagination > li:first-child > span,
.block-gallery nav .pagination > li:first-child > span,
.block-science nav .pagination li a,
.block-gallery nav .pagination li a{display: inline-block; float: none;}

/*SCIENCE*/
.block-science{}
.list-science ul{margin: 0 -15px;}
.list-science li{padding: 0 15px; width: 25%; float: left; margin-bottom: 20px;}
.list-science li .detail{position: relative;}
.list-science li .hot{position: absolute; left: -10px; top: 10px; background: url(../images/front/bg-sale.png) no-repeat; padding: 8px 10px 14px 20px; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; z-index: 10;}
.list-science li a.img{height: 210px; overflow: hidden; border-radius: 4px 4px 0 0; display: block;}
.list-science li a.img img{border-radius: 4px 4px 0 0; height: 100%; width: 100%;}
.list-science li .title{background: #fff; padding: 10px 20px; border: 1px solid #d4dee5; border-top: none; border-radius: 0 0 4px 4px;}
.list-science li h3{text-align: center;}
.list-science li h3 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
.list-science li h3 a:hover{color: #FF904E;}
.block-science nav{margin-bottom: 20px; width: 100%; clear: both;}

/*SCIENCE detail*/
.science-detail{}
.science-detail .row{margin-bottom: 25px;}
#content .txt-science h2{text-align: left; margin-bottom: 15px;}
#content .txt-science h2:after{display: none;}
.science-detail .txt-science .score-callback{margin-bottom: 10px;}
.science-detail .txt-science p{font: 400 15px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.science-detail .txt-science p span{display: block; margin-bottom: 10px;}
.txt-science a.register-now{margin: 20px 0 30px; width: 130px; text-transform: uppercase; padding: 8px 0;}

.box-social{font: 400 13px/20px 'Roboto', sans-serif; color: #888; padding: 11px 0; border-top: 1px solid #d4dee5; border-bottom: 1px solid #d4dee5;}
.box-social span{display: inline-block; vertical-align: middle; margin-right: 15px;}
.science-detail h3{font: 400  14px/24px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 10px;}
.science-detail p{font: 400 13px/20px 'Roboto', sans-serif; color: #666; margin-bottom: 25px;}
.science-detail .img{text-align: center; margin-bottom: 20px;}
.block-science.related{margin-bottom: 25px;}


/*NEWS*/
.block-news{margin-bottom: 40px;}
.block-recruit nav .pagination,
.block-news nav .pagination{padding-bottom: 0;}
.block-recruit div.row,
.block-news div.row{margin: 0 -30px;}
.block-recruit div.row .col-xs-12{padding: 0 30px;}

.block-news .left-news{width: calc(100% - 350px); float: left;}
.block-news .left-news li{margin-bottom: 20px; overflow: hidden;}
.block-news .left-news a.img{width: 250px; height: 195px; float: left;}
.block-news .left-news a.img img{height: 100%; width: auto;}
.block-news .left-news .txt-dt{overflow: hidden; height: 195px; border: 1px solid #e3e3e3; padding: 20px; border-left: none;}
.block-news .left-news h3{overflow: hidden; margin-bottom: 5px;}
.block-news .left-news h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.block-news .left-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.block-news span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
.block-news .like-box{margin-top: 20px;}

.block-news .right-news{width: 300px; float: right;}
.mn-news{padding-left: 30px;}
.mn-news h3{font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding: 15px 20px; background: #e3e3e3;}
.mn-news h3:before{content: ''; display: inline-block; width: 9px; height: 10px; background: url(../images/front/sprite.png) no-repeat -88px -277px; margin-right: 7px; vertical-align: middle;}
.mn-news .tm-course-dt{display: block; position: relative; top: 0; left: 0; width: 100%;}
/*NEWS DETAIL*/
#content .recruit-detail h2{margin-bottom: 20px;}
#content .news-detail h2{margin-bottom: 20px;}
#content .recruit-detail h2:after{display: none;}
#content .news-detail h2:after{display: none;}
.news-detail{}
.recruit-detail .box-social,
.news-detail .box-social{background: #f3f4f5; border: 1px solid #d4dee5; border-radius: 3px; padding: 10px 15px; margin-bottom: 15px;}
.recruit-detail .box-social i,
.news-detail .box-social i{color: #199c49;}
.recruit-detail .img,
.block-news .left-news .news-detail .img{text-align: center; margin-bottom: 15px;}
.recruit-detail p,
.block-news .left-news .news-detail p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.recruit-detail span.date,
.block-news .left-news .news-detail span.date{font: italic 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; margin-bottom: 20px; display: inline-block;}

.tm-all-top{}
.tm-mb-kh .tm-course-dt{display: block;}
.tm-all-top .img-top{width: calc(100% - 220px); float: right; margin-top: 20px; position: relative;}
.tm-bn-ab{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; padding: 20px;}
.tm-bn-ab h4 {font: 400 24px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; padding: 16px 30px; background: rgba(0, 112, 41, 0.5); display: inline-block; text-transform: uppercase; }


/*RECRUIT*/
#content .block-recruit h2:after{margin: 15px 0 0;}
.block-recruit{margin-bottom: 40px;}
.left-recruit{border-right: 1px solid #d4dee5;}
.left-recruit li{overflow: hidden; margin-bottom: 20px;}
.left-recruit ul li a.img{width: 250px; float: left; display: block; margin-right: 15px;}
.left-recruit ul li .txt-info{overflow: hidden;}
.left-recruit ul li h3{margin: 15px 0 10px;}
.left-recruit ul li h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; }
.left-recruit ul li p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.left-recruit ul li span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}

.block-recruit .right-recruit{}
.right-recruit ul{}
.right-recruit li{padding: 20px; border-radius: 4px; text-align: center; margin-bottom: 20px; opacity: 1; transition: opacity .2s ease;}
.right-recruit li:hover{opacity: .7;}
.right-recruit li.bg-blue{background: #0b95ff;}
.right-recruit li.bg-yellow{background: #f4bd46;}
.right-recruit li.bg-blue-o{background: #4ac472;}
.right-recruit li.bg-red{background: #ff7950;}
.right-recruit li h3{margin: 10px 0;}
.right-recruit li h3 span{display: block;}
.right-recruit li h3 a{font: 400 16px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase;}
.right-recruit li span.icon_{display: inline-block; width: 75px; height: 75px; border-radius: 100%; background: #fff; border: 1px solid transparent;}
.right-recruit li span.icon_ i{display: inline-block; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; width: 42px;}
.right-recruit li.bg-blue span.icon_ i{background-position: -103px 0px; height: 29px; margin-top: 23px;}
.right-recruit li.bg-yellow span.icon_ i{background-position: -154px 0px; height: 39px; margin-top: 18px;}
.right-recruit li.bg-blue-o span.icon_ i{background-position: -205px 0px; height: 40px; margin-top: 20px;}
.right-recruit li.bg-red span.icon_ i{background-position: -256px 0px; height: 37px; margin-top: 19px;}
.right-recruit a.views{font: 700 13px/20px 'Roboto', sans-serif; color: #fff; padding: 6px 20px; border: 1px solid #f5f9ea; display: inline-block; border-radius: 20px; text-transform: uppercase;}





#content .block-know h2{margin-bottom: 15px;}
.block-know{margin-top: 30px;}
.block-know ul{margin: 0 -15px;}
.block-know ul li{float: left; width: 50%; padding: 0 15px; margin-bottom: 10px;}
.block-know ul li a{display: inline-block; font: 400 14px/20px 'Roboto', sans-serif; color: #444; background: url(../images/front/icon-rss.png) no-repeat left 3px; padding-left: 25px;}
.block-news .right-news h3 a:hover,
.block-news .left-news h3 a:hover,
.left-recruit ul li h3 a:hover,
.block-know ul li a:hover{color: #F36F21;}


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

.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: #d4dee5; clear: both; display: inline-block; vertical-align: middle;}
.student-rv div {height: 100%; text-indent: -9999px; line-height: 4px; width: 0; background-color: #199c49; }

.form-rv{}
.form-rv .form-nd,
.form-rv .review{overflow: hidden; margin-bottom: 10px;}
.form-rv .review span{margin-top: 2px;}
.form-rv .score-callback-1,
.form-rv span{font: 400 13px/20px 'Roboto', sans-serif; color: #555; width: 135px; float: left;}
.form-rv .input-tm{width: calc(100% - 135px); float: right;}
.form-rv .input-tm .form-control{width: 100%; background: #fafafa; border-color: #d4dee5; box-shadow: 0 0 0 transparent !important; height: 110px; resize: vertical; border-radius: 0;}
.form-rv .input-tm button{border-radius: 3px; border: none; display: block; width: 130px; text-align: center; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #f36f21; padding: 8px 0; float: right; text-align: center; margin-top: 15px;}

.tm-link{background: #fff;}
.scroll-to-fixed-fixed{padding: 10px 0;}
.tm-link ul{border-bottom: 1px solid #d4dee5;}
.tm-link ul li{display: inline-block; padding-right: 45px;}
.tm-link ul li a{border-bottom: 2px solid transparent; display: block; font: 400 14px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding-bottom: 10px; margin-bottom: -1px;}
.tm-link ul li a.active{border-bottom: 2px solid #199c49; position: relative;}
.tm-link ul li a.active:before{content: ''; border: 5px solid transparent; border-bottom: 5px solid #199c49; display: block; position: absolute; left: 50%; top: 20px; margin-left: -5px;}

.tm-intro-ys{margin: 20px 0 30px;}
.tm-intro-ys p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.tm-intro-ys .text-center{margin-bottom: 20px;}
.tm-intro-ys .box-social{padding: 0; border: none;}

.tm-comment{margin-bottom: 45px;}
.tm-tab{margin-bottom: 25px;}
.tm-tab ul{border-bottom: 1px solid #d4dee5;}
.tm-tab ul li{display: inline-block; padding-right: 45px;}
.tm-tab ul li a{border-bottom: 1px solid transparent; display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #444; text-transform: uppercase; padding-bottom: 5px; margin-bottom: -1px;}
.tm-tab ul li a.active{border-bottom: 1px solid #199c49;}
.tm-tab-dt{display: none;}
.tm-tab-dt.active{display: block;}

.list-comment{}
.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: 5px 0 0;}
.list-comment span{font: 400 13px/15px 'Roboto', sans-serif; color: #9c9c9c; display: inline-block; vertical-align: bottom;}
.list-comment .score-callback-1{display: inline-block; margin-right: 10px; vertical-align: middle;}
.load-more-tm{border-radius: 3px; border: none; display: block; width: 130px; text-align: center; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #f36f21; padding: 8px 0; text-align: center;}

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




/*==========================================================================*/
.footer-top{background: #a7a7a7; padding: 8px 0;}
.footer-top p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 7px 0; margin-right: 20px;}
.tm-input{border: 1px solid #d0d0d0;}
.tm-input.send-mail .form-control{width: 275px;}
.tm-input.search-bt .form-control{width: 290px;}
.tm-input.send-mail button{width: 60px;}
.tm-input .form-control{border: none; border-radius: 0; box-shadow: 0 0 0 transparent !important; height: 32px; font: 300 12px/16px 'Roboto', sans-serif; color: #9c9c9c; float: left;}
.tm-input button{float: left; border: none; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #ffae00; width: 95px; margin: -1px -1px -1px 0; padding: 7px 0; text-align: center;}

.footer-ct{background: #cbcbcb; padding-top: 30px;}
.footer-ct .col-md-4{margin-bottom: 20px;}
.footer-ct h3{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 15px;}
.info-tm p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.info-tm p a{color: #555;}
.info-tm{padding-right: 60px;}
.info-tm ul{margin: 0 -15px;}
.info-tm ul li{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px; padding: 0 15px;}
.info-tm ul li:before{content: ''; display: inline-block; background: url(../images/front/sprite.png) no-repeat; vertical-align: middle; margin-right: 7px;}
.info-tm ul li.tm-a:before{background-position: -82px 0; width: 12px; height: 12px;}
.info-tm ul li.tm-p:before{background-position: -80px -28px; width: 15px; height: 13px;}
.info-tm ul li.tm-f:before{background-position: -82px -55px; width: 12px; height: 13px;}
.info-tm ul li.tm-m:before{background-position: -82px -82px; width: 15px; height: 16px;}

.tm-abouts{width: 145px; margin: auto;}
.tm-abouts ul li{margin-bottom: 7px;}
.tm-abouts ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.tm-abouts ul li a:hover{color: #ba1c1c;}
.tm-abouts ul li a:before{content: ''; display: inline-block; margin-right: 7px; width: 7px; height: 7px; background: url(../images/front/sprite.png) no-repeat 0 -278px;}
.tm-abouts ul li a:hover:before{background: url(../images/front/sprite.png) no-repeat -10px -278px;}

.footer-bot{background: #cbcbcb; border-top: 1px solid #a7a7a7; padding: 25px 0 10px;}
.footer-bot p{font: 400 13px/20px 'Roboto', sans-serif; color: #666;}
.footer-bot p a{color: #666;}

.like-face{width: 300px;}
.like-face ul{margin-top: 13px;}
.like-face ul li{float: left; padding-right: 20px;}
.like-face ul li a{display: block; text-indent: -9999px; width: 18px; background: url(../images/front/sprite.png) no-repeat;}
.like-face ul li a.tm-y{background-position: -31px -276px; height: 12px; margin-top: 1px;}
.like-face ul li a.tm-g{background-position: -58px -274px; height: 14px;}

.tm-orientate{}
.orientate-left{width: 200px; float: left; margin-right: 20px; margin-bottom: 25px;}
.orientate-left h3{background: #e3e3e3; font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding: 15px;}
.orientate-left ul{border: 1px solid #e3e3e3; border-bottom: none;}
.orientate-left ul li{}
.orientate-left ul li a{border-bottom: 1px solid #e3e3e3; font: 400 13px/20px 'Roboto', sans-serif; color: #444; padding: 15px; display: block;}

.orientate-right{width: calc(100% - 220px); float: left;}
.orientate-right .list-science li{width: 33.33%;}
.orientate-right .block-science nav{text-align: right;}
.orientate-right .block-science nav ul{padding-bottom: 0;}
.orientate-right .block-science nav li{margin-bottom: 0;}



.tm-search:hover label,
.tm-search:hover{border-color: #F36F21;}

.tm-input button:hover{background: #f36f21;}
/*banner-top-*/
.table_{width: 100%; height: 100%; display: table;}
.table_cell{width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
/*==========================================================================*/
.block-list a.responsive{display: none;}



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

@media (max-width: 1190px){
	.block-menu ul li a{padding: 10px 15px;}
	.info-tm,
	.block-menu-sub ul li a{padding: 0;}
	.science{left: 6%;}
	.science-detail .txt-science p{font-size: 14px;}
	.science-detail .txt-science p span{margin-bottom: 5px;}
	.txt-science a.register-now{margin: 20px 0;}
	.ft-top-ct{width: 100%; margin-bottom: 15px;}
	.tm-search{width: 100%;}
	.tm-search .txt-s{width: calc(100% - 280px);}
	.search-bt{width: 386px; float: none !important; margin: 0 auto;}
	.tm-all-top .img-top,
	.like-face{width: 100%;}
	.tm-mb-kh .tm-course-dt{display: none;}
	.block-news .left-news{width: calc(100% - 300px);}
	.block-news .left-news li{border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 10px;}
	.block-news .left-news li:last-child{border: none;}
	.block-news .left-news .txt-dt{height: auto; border: none; padding: 5px 0 5px 20px;}
}
@media (max-width: 990px){
	.txt-science{margin-top: 25px;}
	.block-review-st .detail{margin-bottom: 25px;}
	.img-introd{display: none;}
	.block-introduce .txt-intro li{margin-bottom: 20px;}
	
	.block-care .detail{margin: 0 -80px;}
	.block-care .block-right,
	.block-care .block-left{padding: 0 80px;}
	.block-care ul li span.step:after{background: url(../images/front/bg-line-af.png) no-repeat center; left: -47px; width: 130px;}

	.list-science li{width: 33.33%;}
	.block-recruit div.row,
	.block-news div.row{margin: 0 -15px;}
	.block-recruit div.row .col-xs-12,
	.block-news .row .col-xs-12{padding: 0 15px;}
	.left-recruit ul li a.img{float: none; margin: 0 auto;}
	.tm-abouts{width: 100%;}
	.footer-top p{float: none !important; text-align: center;}
	.tm-input{width: 380px; float: none !important; margin: auto;}
	#footer .tm-input button{width: 95px;}
	#footer .tm-input .form-control{width: calc(100% - 94px);}
	.flip-container, .front, .back{width: 285px;}
	.flip-container{float: left;}
	.back{padding: 40px 40px 20px 0;}
	.block-intro .txt-info{float: left; width: calc(100% - 285px); height: 215px; padding: 35px 40px 20px; border-radius: 0 3px 3px 0;}
	.block-intro img{border-radius: 3px 0 0 3px;}
	span.icon{top: 50%; left: 0; margin-top: -37px;}
	.block-news .left-news,
	.block-news .right-news{width: 100%; float: none;}
	.mn-news{padding: 0;}
	.orientate-right .list-science li{width: 50%;}
}
@media (max-width: 750px){
	.tab-detail ul li a.img img{height: 100%;}
	.block-program ul .slick-list:before,
	.block-program ul .slick-list:after{display: none;}
	.block-program button.slick-next{right: 0;}
	.block-program button.slick-prev{left: 0;}
	.block-care .detail{margin: 0;}
	.block-care .block-right, .block-care .block-left{width: 100%; padding: 0; text-align: left; padding-left: 60px; margin-bottom: 20px;}
	.block-care ul{margin: 15px 0 30px;}
	.block-care ul li span.step{left: 0; margin: 0;}
	.block-care ul li span.step:before{top: 0;}
	.block-care ul li span.step:after{background: url(../images/front/bg-line-af.png) no-repeat right; left: -80px; z-index: -1;}
	.block-care ul li{margin-top: 20px;}
	.science-detail .img-detail,
	.block-contact .info-contact .social{margin-bottom: 20px;}
	.block-news nav .pagination{padding-bottom: 20px;}
	.left-recruit ul li a.img{float: left; margin: 0 15px 0 0;}
	.right-recruit ul{overflow: hidden;}
	.right-recruit li{width: 49%; float: left;}
	.right-recruit li:nth-child(2n+1){margin-right: 2%; }
	.left-recruit{margin-bottom: 20px;}
	.orientate-right,
	.orientate-left{width: 100%; float: none; margin: 0 0 20px;}
	.orientate-right .block-science nav{text-align: center;}
	.orientate-left ul li a{padding: 7px 15px;}
}
@media (max-width: 680px){
	.list-science li,
	.tab-detail ul li{width: 50%;}
	.block-list {position: relative;}
	.block-list a.responsive{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #fff; width: 100%; background: #7ABE4B url(../images/front/line.png) no-repeat 98% center; padding: 8px 15px;}
	.block-list .list-tab{display: none;position: absolute; left: 0; top: 37px; width: 100%; background: #fff; z-index: 10;}
	.block-list .list-tab li{float: none; padding: 0;}
	.block-list .list-tab li a{font: 500 14px/20px 'Roboto', sans-serif; border-radius: 0; border-top: none; text-transform: capitalize; padding: 7px 15px;}
	.block-filter li{width: 33.33%;}
	.pop-detail{width: 90%; margin-left: -45%; padding: 20px 20px 0;}
	.left-recruit ul li h3{margin-top: 0;}
	.header-top{padding: 10px 0;}
	.logo{padding: 13px 0;}
	ul.right-top li:first-child{width: 100%; float: none; text-align: center;}
	.block-intro .txt-info{padding: 35px 20px 20px 40px;}
}
@media (max-width: 640px){
	.list-science li{width: 50%;}
	.menu-top{display: none;}
	.flip-container, .front, .back{width: 260px;}
	.block-intro .txt-info{width: calc(100% - 260px); padding: 20px 15px 20px 40px;}
	.tm-tab ul li,
	.tm-link ul li{padding-right: 25px;}
	.tm-link ul li a{font-size: 13px;}
	.tm-bn-ab h4{font-size: 20px;}

}
@media (max-width: 500px){
	.block-news .right-news li,
	.block-know ul li{width: 100%;}
	.block-filter li,
	.block-list-tc ul.row li.col-md-3{width: 50%;}
	.tab-list-1 ul li a{padding: 5px 20px;}
	.left-recruit ul li a.img {float: none; margin: 0 auto 10px; }
	.right-recruit li h3 a{font-size: 14px;}
	.logo{padding: 0; width: 100%; text-align: center; float: none !important;}
	.header-top .pull-right{width: 250px; margin: 10px auto 0; float: none !important;}
	.tm-search label{width: 130px;}
	.tm-search .txt-s{width: calc(100% - 224px);}
	.flip-container, .front, .back{width: 200px;}
	.block-intro .txt-info{width: calc(100% - 200px); padding: 20px 15px 20px 40px;}
	.block-news .left-news a.img{float: none; width: auto; height: auto; margin-bottom: 15px; display: inline-block;}
	.block-news .left-news .txt-dt{float: none; width: 100%; padding: 0;}
}
@media (max-width: 420px){	
	#content h2{font-size: 18px;}
	.block-succeed li,
	.block-contact .block-form li,
	.block-contact .info-contact ul li,
	.block-news .left-news li,
	.list-science li,
	.block-intro .col-md-3{width: 100%;}
	.block-contact .info-contact .social ul li{width: auto;}
	.block-news .left-news a.img,
	.block-list-tc ul.row li.col-md-3{width: 100%; text-align: center;}
	.block-intro img{width: 100%;}
	.tab-detail ul li a.img{height: 120px;}
	.tab-detail ul li h3 a{height: 40px; overflow: hidden; display: block; padding: 0 10px;}

	.tab-list-1 ul li a{padding: 5px 10px; font-size: 11px;}
	.right-recruit li:nth-child(2n+1),
	.right-recruit li{width: 100%; margin-right: 0;}
	.tm-mn-course{width: 100%; margin-bottom: 10px;}
	.service-dt,
	.orientate-right .list-science li,
	.tm-input,
	.footer-ct .col-md-4,
	.tm-service{width: 100%;}
	.service-dt ul li a span{clear: both; margin-right: 25px;}
	.tm-course-dt li ul{width: 100%; top: 50px; left: 0; border-left: none;}
	@-webkit-keyframes kh_sub {
		from { left: 0; top: 0;}
		to { left: 0; top: 50px; }
	}
	@-o-keyframes kh_sub {
		from { left: 0; top: 0;}
		to { left: 0; top: 50px; }
	}
	@-moz-keyframes kh_sub {
		from { left: 0; top: 0;}
		to { left: 0; top: 50px; }
	}
	@keyframes kh_sub {
		from { left: 0; top: 0;}
		to { left: 0; top: 50px; }
	}
	
	.flip-container, .front, .back{width: 100%; float: none;}
	.back{padding: 50px 20px;}
	.block-intro .txt-info{width: 100%; float: none; padding: 40px 20px 20px; height: auto;}
	span.icon{top: 0; left: 50%;}
	.tm-tab ul,
	.tm-link ul{border: none;}
	.tm-link ul li{display: block; padding: 0;}
	.tm-tab ul li a,
	.tm-link ul li a{padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #d4dee5;}
	.tm-link ul li a.active{border-bottom: 1px solid #199c49;}
	.tm-link ul li a.active:before{display: none;}

	.normal-rv{width: 100%; margin: 0 0 10px; float: none; padding: 0; border: none;}
	.block-review-st .detail{padding: 10px;}
	.form-rv .input-tm{width: 100%; float: none; margin-top: 5px;}
	.tm-tab ul li{display: block; padding: 0; margin: 0;}
	.tm-bn-ab h4 {font-size: 14px; line-height: 20px; }
}
@media (max-width: 380px){
	.tm-search label {width: 100%; float: none; border: none; border-bottom: 1px solid #d0d0d0;}
	.tm-search .txt-s {width: calc(100% - 94px);}
}