@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Domine:400,700');

* {margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; zoom:1;}
body {margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.mdsrow, .banner_home figure, #our-company figure, #our-company figure img, .scrollup span, #vocational_trad a, .footuder_ls ul li, .quickinfo dfn span, .curent_newsinfo ul li, .curent_newsinfo ul li a, .curent_newsinfo ul li figure img, .recent_news ul li, .recent_news ul li a, .others_post ul li, .progr_gall figure, .cont_info dfn span, .manu ul li ul li, .manu ul li ul li a, .unlist ul li, .star_light dfn, .star_light span, .admision_line dfn, .admision_line span, .recent_news ul li figure img, .affilt span, .nmplate dfn span {width:100%;}
.scrollup span svg {width:100% !important;}
.scrollup span, .scrollup span svg {height:100%;}
.clrleft, .manu ul li, .banner_home figure, #our-company figure, .footuder_ls ul li, .quickinfo dfn span, .curent_newsinfo ul li, .curent_newsinfo ul li figure, .recent_news ul li, .recent_news ul li figure, .others_post ul li, .progr_gall figure, .cont_info dfn span, .unlist ul li, .star_light dfn, .star_light span, .admision_line dfn, .admision_line span, .logo a, .logo figure, .logo dfn, .logo span, .affilt span, .nmplate dfn span, .nmplate dfn {float:left;}
.clrright, .copyright span:last-child, .curent_newsinfo ul li dfn, .recent_news ul li dfn, .nmplate dfn.mghr {float:right;}
.tag_title, #vocational_trad .owl-controls .owl-dots {display:none;}
.manu ul li ul {visibility:hidden;}
.manu ul li:hover ul {visibility:visible;}
.manu ul li a, .tag_title span, #our-company figure img, .readMore a, #vocational_trad a, #vocational_trad .owl-controls .owl-nav .owl-prev::before, #vocational_trad .owl-controls .owl-nav .owl-next::before, .footuder_ls ul li a, .curent_newsinfo ul li a, .recent_news ul li a, .others_post ul li a, .progr_gall figure img, .logo a, .logo a img, .mread_line a {display:inline-block;}
.scrollup span {display:table;}
.scrollup span svg {display:table-cell;}
.readMore a, .readMore a span, .footuder_ls ul li a, .quickinfo dfn span, .others_post ul li a, #panel-dass h2, .recent_gally, #mdsaside h2, .main_content h1, .cont_info dfn span, .manu ul li {position:relative;}
.tag_title, .readMore a::before, .readMore a::after, .readMore a span::before, .readMore a span::after, #vocational_trad .owl-controls .owl-nav .owl-prev, #vocational_trad .owl-controls .owl-nav .owl-next, .footuder_ls ul li a svg, .quickinfo dfn span svg, .others_post ul li a svg, #panel-dass h2::after, .recent_gally .owl-controls .owl-nav .owl-prev, .recent_gally .owl-controls .owl-nav .owl-next, #mdsaside h2::after, .main_content h1::after, .cont_info dfn span svg, .manu ul li ul {position:absolute;}
.scrollup {position:fixed;}
.readMore a::before, .readMore a::after, .readMore a span::before, .readMore a span::after, #vocational_trad .owl-controls .owl-nav .owl-prev::before, #vocational_trad .owl-controls .owl-nav .owl-next::before, #panel-dass h2::after, #mdsaside h2::after, .main_content h1::after {content:'';}
.tag_title, .manu ul li ul {z-index:1;}
#our-company figure, .progr_gall figure {overflow:hidden;}

.recent_gally .owl-controls .owl-nav .owl-prev, .recent_gally .owl-controls .owl-nav .owl-next {opacity:0;}
.progr_gall figure:hover {opacity:0.8;}
.recent_gally:hover .owl-controls .owl-nav .owl-prev, .recent_gally:hover .owl-controls .owl-nav .owl-next {opacity:1;}


/*MARGIN*/
.manu ul {margin:0;}
.mtb-20 {margin:20px 0;}
.logo figure {margin-bottom:0;}
.logo a {margin-bottom:5px;}
#mds-header {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20, .affilt {margin-top:20px;}

.banner_home figure, .curent_newsinfo ul li figure, .recent_news ul li figure, .inner_banner figure, .progr_gall figure {margin-bottom:0;}
.cont_info dfn span:first-child {margin-bottom:5px;}
.curent_newsinfo ul li dfn h4, .recent_news ul li dfn h4 {margin-bottom:5px;}
.footuder_ls ul li, .others_post ul li, .unlist ul li, .affilt span:first-child {margin-bottom:10px;}
.quickinfo dfn, .cont_info dfn, .main_content h3 {margin-bottom:15px;}
.curent_newsinfo ul li, .recent_news ul li {margin-bottom:15px !important;}
.mb-20, .main_content h1, #mdsaside h2 {margin-bottom:20px;}
#panel-dass h2 {margin-bottom:25px;}
#our-company h1, #mdsfooter h3 {margin-bottom:30px;}
.para_mb-80 {margin-bottom:80px;}
.readMore a span svg, .curent_newsinfo ul li dfn, .recent_news ul li dfn, .mread_line a svg {margin-left:10px;}




/*PADDING*/
.ptb-30 {padding:30px 0;}
.ptb-40 {padding:40px 0;}
.ptb-70 {padding:70px 0;}
.recent_gally .owl-controls .owl-nav .owl-prev, .recent_gally .owl-controls .owl-nav .owl-next {padding:3px 6px;}
.mread_line a {padding:10px 20px;}
.gmapst figure, .tableffect table tr th, .tableffect table tr td {padding:5px;}
.manu ul li ul, .manu ul li ul li a {padding:10px;}
.affilt span {padding:15px;}
.star_light, .admision_line {padding:20px;}
.pt-20 {padding-top:20px;}
.others_post ul li, #panel-dass h2, #mdsaside h2, .main_content h1 {padding-bottom:10px;}
.curent_newsinfo ul li, .recent_news ul li {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.footuder_ls ul li a, .others_post ul li a, .cont_info dfn span {padding-left:20px;}


/*FONT STYLE*/
body {font-family: 'PT Sans', sans-serif;}
h1, .tag_title, #mdsfooter h3, #panel-dass h2, #mdsaside h2, .main_content h1, .star_light dfn, .logo, .affilt span {font-family: 'Oswald', sans-serif;}
.manu {font-family: 'Domine', serif;}
#vocational_trad .owl-controls .owl-nav .owl-prev, #vocational_trad .owl-controls .owl-nav .owl-next {font-size:0;}
body {font-size:14px;}
.manu, .scrollup, .curent_newsinfo ul li dfn h4, .recent_news ul li dfn h4, .affilt span {font-size:16px;}
.main_content h3, .admision_line span {font-size:18px;}
.affilt span {font-size:20px;}
#mdsfooter h3, #panel-dass h2, #mdsaside h2 {font-size:22px;}
.tag_title, .star_light dfn, .admision_line dfn {font-size:25px;}
.main_content h1 {font-size:30px;}
#our-company h1 {font-size:35px;}
.logo dfn {font-size:40px;}
.star_light span {font-size:60px;}


p {text-align:justify;}
.scrollup span, #vocational_trad .owl-controls .owl-nav .owl-prev, #vocational_trad .owl-controls .owl-nav .owl-next, .star_light, .admision_line, .affilt span, .nmplate dfn span {text-align:center;}
.scrollup span svg {vertical-align:middle;}
.star_light span, .admision_line dfn {text-transform:uppercase;}
a, a:hover, a:active, a:focus, .copyright a:hover, .cont_info dfn span a:hover {text-decoration:none;}
.copyright a, .cont_info dfn span a {text-decoration:underline;}
#mdsfooter h3, .mread_line a {text-transform:uppercase;}
#mdsfooter h3 {font-weight:400;}
.tag_title, .curent_newsinfo ul li dfn h4, .recent_news ul li dfn h4, .cont_info dfn span:first-child, .main_content h3, .logo dfn, .nmplate dfn span:first-child, .affilt span {font-weight:700;}

.tag_title, .quickinfo dfn, .curent_newsinfo ul li dfn, .recent_news ul li dfn, .cont_info dfn, .star_light dfn, .admision_line dfn, .logo dfn, .nmplate dfn {font-style:normal;}
.manu ul, .footuder_ls ul, .recent_news ul, .others_post ul, .unlist ul {list-style:none;}
p {line-height:22px;}
.scrollup span {cursor:pointer;}




/*BORDER RADIUS*/
.scrollup span {border-radius:100%;}
.star_light, .admision_line {border-radius:20px;}



/*ANIMATION*/
img {max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height:auto;}
a, .readMore a::before, .readMore a::after, .readMore a span::before, .readMore a span::after, .recent_gally .owl-controls .owl-nav .owl-prev, .recent_gally .owl-controls .owl-nav .owl-next, .progr_gall figure img, .manu ul li ul {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.progr_gall figure:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}





/*TOP HEADER*/
.logo span {width:31%;}
.logo dfn {margin-top:35px;}
#navigation {height:50px;}
.manu ul li a {padding:13px 20px;}
.manu ul li ul {width:200px; top:90px; left:0;}
.manu ul li:hover ul {top:50px;}



/*OUR COMPANY*/
#our-company figure img {height:300px;}
.readMore a span {padding:7px 20px;}
.readMore a::before, .readMore a::after {left:0; top:-6px;}
.readMore a span::before, .readMore a span::after {right:0; bottom:0;}
.readMore a::before, .readMore a span::before {width:30px; height:2px;}
.readMore a:hover::before, .readMore a:hover span::before {width:20px; height:2px;}
.readMore a::after, .readMore a span::after {width:2px; height:20px;}
.readMore a:hover::after, .readMore a:hover span::after {width:2px; height:25px;}
#vocational_trad a {padding:0 20px;}
#vocational_trad .owl-controls .owl-nav .owl-prev::before, #vocational_trad .owl-controls .owl-nav .owl-next::before {width:22px; height:32px;}



/*OUR CLIENT*/
#vocational_trad .owl-controls .owl-nav .owl-prev, #vocational_trad .owl-controls .owl-nav .owl-next { top:-30px; width:68px; height:122px; padding-top:47px;}
#vocational_trad .owl-controls .owl-nav .owl-prev {left:-5%;}
#vocational_trad .owl-controls .owl-nav .owl-next {right:-5%;}





/*GENERAL CSS*/
.scrollup {right:5%; bottom:10%; width:30px; height:30px;}
.footuder_ls ul li a svg {top:4px; left:0;}
.quickinfo dfn span {padding-left:25px;}
.quickinfo dfn span svg, .others_post ul li a svg {top:4px; left:0;}
.curent_newsinfo ul li figure, .recent_news ul li figure {width:30%;}
.curent_newsinfo ul li dfn, .recent_news ul li dfn {width:67%;}
#panel-dass h2::after, #mdsaside h2::after, .main_content h1::after {width:8px; height:8px; bottom:-4px; left:12px; transform:rotate(-45deg);}
.recent_gally figure img {height:280px;}
.recent_gally .owl-controls .owl-nav .owl-prev, .recent_gally .owl-controls .owl-nav .owl-next {top:20%;}
.recent_gally:hover .owl-controls .owl-nav .owl-prev, .recent_gally:hover .owl-controls .owl-nav .owl-next {top:43%;}
.recent_gally .owl-controls .owl-nav .owl-prev {left:0;}
.recent_gally .owl-controls .owl-nav .owl-next {right:0;}
.progr_gall figure img {height:230px;}
.cont_info dfn span svg {top:3px; left:0;}
.unlist ul li {padding-left:22px;}
.curent_newsinfo ul li figure img, .recent_news ul li figure img {height:60px;}