@charset "utf-8";

/*------------------------------------------------------------------------------------------
CSS Document
:Author: Hudha NS.
:Contact: nshudha@gmail.com
:Powerd By: nshudha@gmail.com
:Copyright: This stylesheet has been placed in the Kolej Genius domain.
--------------------------------------------------------------------------------------------*/

/*-- CSS Document --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }

/*-- HTML5 display-role reset for older browsers --*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; }

body{ line-height:1; background:#fff; }
ol, ul{ list-style:none; }
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none; }
table{ border-collapse:collapse; border-spacing:0; }


/*-- Font --*/
@font-face{ font-family:'4365'; src:url('fonts/4365.eot'); src:url('fonts/4365.eot') format('embedded-opentype'), url('fonts/4365.woff2') format('woff2'), url('fonts/4365.woff') format('woff'), url('fonts/4365.ttf') format('truetype'), url('fonts/4365.svg#4365') format('svg'); }
@font-face{ font-family:'4637'; src:url('fonts/4637.eot'); src:url('fonts/4637.eot') format('embedded-opentype'), url('fonts/4637.woff2') format('woff2'), url('fonts/4637.woff') format('woff'), url('fonts/4637.ttf') format('truetype'), url('fonts/4637.svg#4637') format('svg'); }
@font-face{ font-family:'4638'; src:url('fonts/4638.eot'); src:url('fonts/4638.eot') format('embedded-opentype'), url('fonts/4638.woff2') format('woff2'), url('fonts/4638.woff') format('woff'), url('fonts/4638.ttf') format('truetype'), url('fonts/4638.svg#4638') format('svg'); }
@font-face{ font-family:'4641'; src:url('fonts/4641.eot'); src:url('fonts/4641.eot') format('embedded-opentype'), url('fonts/4641.woff2') format('woff2'), url('fonts/4641.woff') format('woff'), url('fonts/4641.ttf') format('truetype'), url('fonts/4641.svg#4641') format('svg'); }

/*--commen--*/
.clear{ clear:both; }
a{ text-decoration:none; }


@media screen and (min-width: 768px){
	
	/*--commen--*/
	.box_left{ float:left; }
	.box_right{ float:right; }
	.pc_no, .slicknav_menu{ display:none; }
	
	.wrapper, .wrapper_second{ max-width:1170px; height:auto; padding:0 55px; margin:0 auto; position:relative; }
	.wrapper_second{ padding:10px 55px; }
	.comen_box, .comen_box_inblock{width:100%; height:auto; margin:0 auto; padding:0; display:block; }
	.comen_box_inblock{ display:inline-block; text-align:center; }
	.comen_box:after, .comen_box_after:after, .comen_box_inblock:after, .comen_box_inblock:before, .social_icon_list:after{ clear:both; content:""; display:table; }
	.pro_ban_div, .main_body_div{ max-width:1280px; height:auto; margin:10px auto; position:relative; padding:0; }
	.pro_ban_div{ z-index:1;}
	.fig_img img{ max-width:99%; height:auto; margin:0 auto; display:block; }
	#hom_cous .fig_img img{ display:inline-block; }
	
	/*--header--*/
	#head.wrapper{ margin:0 auto 25px auto; }
	.logo_div, .manu_div, .manu_bar{ width:30%; height:auto; margin:0 auto; padding:0; display:block; }
	.logo_img img{ max-width:100%; height:auto; margin:0 auto; display:block; padding:0; }
	.wrapper_second.bor_top{ border-top:15px #f59b29 solid; padding-top:20px; }
	.wrapper_second.bor_bottom, .bor_bottom_co{ border-bottom:8px #757575 solid; padding-bottom:20px; }
	
	
	/*--social icon list--*/
	.social_icon_list_div { width:125px; height:auto; margin:15px auto; padding:0; display:block; }
	.social_icon_list i{ float:left; width:27px; background:url(../images/soci.png) center left; display:block; padding:0; margin:0 0 0 3.5%; height:30px; overflow:hidden; text-indent: -999999px; z-index:999999; }
	.social_icon_list i:first-child{ background-position:-10px; margin:0 2% 0 0; }
	.social_icon_list i:nth-of-type(2){ background-position:-42px; }
	.social_icon_list i:nth-of-type(3){ background-position:203px ; }
	.social_icon_list i:last-child{ background-position:35px; }
	.social_icon_list i a{ display:block; padding:6px 0; text-indent:999999px; }
	
	.phone{ font-family:'4641'; font-weight:bold; letter-spacing:0.2em; font-size:13px; text-align:right; color:#000000; text-transform:uppercase; }
	
	/*--menu baar--*/
	.manu_div{ width:70%; }
	.manu_bar{ width:100%; margin:30px auto 15px auto; }
	.post_menu ul:after, .post_menu:after{ clear:both; content:""; display:table; }
	.post_menu ul{ display:block; margin:0 auto; padding:0; float:right; }
	.post_menu ul li{ float:left; color:#838383; padding:0; margin:0 auto; position:relative; }
	.post_menu ul li a{ font-family:'4365'; font-size:16px; letter-spacing:0.15em; color:#fff; display:block; text-transform:uppercase; padding:10px 8px; }
	.post_menu ul li:first-child a{ background:#5A555E;}
	.post_menu ul li:nth-of-type(2) a{ background:#3B395C;}
	.post_menu ul li:nth-of-type(3) a{ background:#3A3250;}
	.post_menu ul li:nth-of-type(4) a{ background:#9F73AE;}
	.post_menu ul li:nth-of-type(5) a{ background:#785285;}
	.post_menu ul li:nth-of-type(6) a{ background:#68646D;}
	.post_menu ul li:nth-of-type(7) a{ background:#5A555E;}
	.post_menu ul li a.selected, .post_menu ul .selected_pare a{ font-family:'4637'; border-bottom:#ff8402 solid 5px; }
	
	.post_menu ul li .sub-menu{ width:200px; display:none; position:absolute; margin:auto; padding:5px 0 0 0; z-index:999999; top:92%; left:-50px; /*right:0px;*/ }
	.post_menu ul li .sub-menu li, .post_menu ul li .sub-menu li:nth-of-type(2){ float:none; max-width:100%; width:inherit; }
	.post_menu ul li .sub-menu li a{ padding:10px 2%; display:block; float:none; font-size:12px; text-align:center; text-transform:uppercase; background:#3A3250; line-height:1.3em; float:none; border-bottom:#FFF 1px solid; }
	.post_menu ul li .sub-menu li a:hover, .post_menu ul li .sub-menu li.sele a{ background:#ff8402; color:#FFF; }
	.post_menu ul li:hover .sub-menu{ display:inline !important; }
	.post_menu ul li .sub-menu:after{ clear:both; display:table; content:""; }
	
	
	
	/*Jssor Slider*/
	.jssor_big_div{ max-width:1000px; height:auto; margin:0 auto; display:block; position:relative; }
	.jssor_sub_div{ position:relative; max-width:100%; height:500px; overflow:hidden; margin:0 auto; }
	.jssor_img_div{ cursor:move; position:absolute; left:0px; top:0px; width:1000px; height:400px; overflow:hidden; }
	.jssor_img_thum_div{ position:absolute; overflow:hidden; width:1000px; background: #191919; height: 100px; left:0px; bottom: 0px; }
	
	/*--body--*/
	.cont_div{ width:95%; height:auto; padding:0 2.5%; margin:0 auto; display:block; clear:both; }
	.cont_sub_div{ width:50%; height:auto; padding:0; margin:0 auto; display:block; float:left; }
	#hom_sli .cont_sub_div{ width:100%; float:none; }
	#hom_con_2nd .cont_sub_div:first-child{ width:44%; margin:0 1% 0 0; }
	#hom_con_2nd .cont_sub_div:last-child{ width:55%; }
	#hom_con_3rd .cont_sub_div:first-child{ width:49%; margin:0 1% 0 0; }
	#hom_con_3rd .cont_sub_div:last-child{ width:50%; margin:0 0 0 0; }
	#hom_con_2nd_sub .cont_sub_div:first-child{ width:58%; margin:0 2% 0 0; }
	#hom_con_2nd_sub .cont_sub_div:last-child{ width:35%; padding:3% 2.5%; background-color:#573a94; position:relative; }
	#hom_cous .cont_div{ width:28.33%; float:left; clear:none; }
	#hom_cous .cont_sub_div:first-child{ width:20%; margin:0 2% 0 0; float:left; }
	#hom_cous .cont_sub_div:last-child{ width:78%; float:right; height:auto; }
	
	.hom_click{ width:100px; height:99px; background:url(../images/clic.png) no-repeat center; background-size:contain; position:absolute; bottom:0; right:0; }
	.calen{ width:60px; height:58px; position:absolute; bottom:5px; right:0; }
	
	.cous_ban{ max-width:525px; margin:30px 0 0 40px; height:370px; padding:0; display:inline-block; }
	.cous_ban:after{ clear:both; content:""; display:table; }
	#hom_cous .cont_div:nth-of-type(2) .cous_ban{ margin:30px 0 0 0; }
	#hom_cous .cont_div:nth-of-type(3) .cous_ban{ margin:30px 40px 0 0; }
	
	.small_cont_sub_box{ margin:0 auto; display:inline-block; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:33.333%; height:auto; overflow:hidden; }
	#hom_con_3rd_sub .small_cont_sub_box{ width:32%; }
	#hom_con_3rd_sub .small_cont_sub_box:nth-of-type(2){ margin:0 2% 0 2%; }
	
	.cos_box{ width:100%; height:140px; margin:0 auto; padding:0; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
	.cos_txt{ width:100%; height:auto; margin:auto; top:0; bottom:0; left:0; right:0; color:#FFF; font-size:14px; letter-spacing:0.1em; text-align:center; font-family:'4365'; font-weight:bold; display:inline-table; position:absolute; }
	.cos_lin{ display:block; padding:38% 0; z-index:999; position:relative; }
	.arro_ico{ width:10px; height:10px; margin:auto; bottom:-3px; left:0; right:0; position:absolute; display:block; padding:0; background:url(../images/ico-2.png) center no-repeat; }
	
	
	
	/*--fancy box--*/
	.fancybox-custom .fancybox-skin{ box-shadow:0 0 50px #222; }
	.popup-box{ max-width:800px;display: none; }
	.pop_img img{ max-width:95%; height:auto; margin:10px auto; display:block; }
	.pop_iframe{ text-align:center; }
	.pop_iframe iframe{ margin:5px auto !important; height:250px; }
	
	/*--content--*/
	.hed_txt h1, .hed_txt h6, .hed_txt h2, .hed_txt h3, .cont_txt p, .ho_mor_lin a, .cont_txt_2nd p{ font-family:'4637'; letter-spacing:0.2em; font-size:15px; color:#FFF; text-align:left; margin:15px auto 10px auto; padding:0; display:block; }
	.hed_txt h1{ color:#000000; font-size:33px; font-family:'4365'; text-transform:uppercase; letter-spacing:0.1em; margin:10px auto 20px auto; }
	.cont_txt p, .ho_mor_lin a, .cont_txt_2nd p{ font-family:'4641'; font-size:14px; letter-spacing:0.1em; text-align:justify; }
	.cont_txt_2nd p{ font-family:'4365'; color:#6f6f6f; margin:0 auto 15px auto; }
	.ho_mor_lin a{ font-family:'4365'; font-weight:bold; margin:25px auto 0 auto; }
	.hed_txt h2, .hed_txt h3{ font-size:50px; color:#f59b29; letter-spacing:normal; margin:0 auto; text-transform:uppercase; }
	.hed_txt h3{ font-size:30px; }
	#other_page .hed_txt h6{ color:#333; letter-spacing:0.1em; margin:30px auto 5px auto; }
	#hom_con_3rd .hed_txt h3{ color:#222222; line-height:1.2em; }
	#hom_con_3rd .hed_txt h2{ font-size:22px; line-height:1.2em; margin:0 auto 5px auto; }
	
	
	/*-- about us --*/
	#abo_con_1st .cont_sub_div:first-child{ width:33%; }
	#abo_con_1st .cont_sub_div:last-child{ width:65%; margin:0 0 0 2%; }
	#abo_con_1st .cos_box{ height:285px; }
	#abo_con_1st .hed_txt h2{ font-size:20px; line-height:1.2em; margin:0 auto 10px auto; }
	#abo_con_2nd_sub .cont_sub_div:first-child{ width:15%; }
	#abo_con_2nd_sub .cont_sub_div:last-child{ width:85%; }
	#abo_con_2nd_sub .hed_txt h3{ text-transform:none; margin:0 auto 20px auto; font-size:28px; }
	
	
	/*-- course --*/
	#cous_con_1st .small_cont_sub_box{ width:32%; margin:0 0 30px 0; }
	#cous_con_1st .small_cont_sub_box:nth-of-type(2), #cous_con_1st .small_cont_sub_box:nth-of-type(5){ margin:0 2% 30px 2%; }
	#cous_con_1st .cos_box:first-child{ height:285px; }
	#cous_con_1st .cos_box:last-child{ height:100px; }
	#cous_con_1st .cos_lin{ padding:13.4% 0; }
	#cous_con_1st_sub .cont_sub_div:first-child{ width:40%; }
	#cous_con_1st_sub .cont_sub_div:last-child{ width:58%; margin:0 0 0 2%; }
	a.gray_box{ width:200px; height:auto; padding:15px 0; display:inline-block; font-family:'4365'; font-weight:bold; font-size:18px; margin:10px 5px 20px 0; color:#FFF; background-color:#4a4549; text-align:center; }
	
	
	/*--gallery--*/
	.main_body_div{}
	.main_body_div.bor_gal{ border-top:8px #757575 solid; border-bottom:8px #757575 solid; }
	#gall_con_1st .cont_sub_div:first-child{ width:24%; }
	#gall_con_1st .cont_sub_div:last-child{ width:75.5%; border-left:#757575 2px solid; }
	.gallry_con{ width:100%; display:block; margin:30px auto 10px auto; padding:0; height:auto; }
	#gall_con_1st .form_list ul{ width:99.5%; margin:0 auto; }
	#gall_con_1st .form_list ul li a{ padding:8px 0 8px 55px; display:block; font-family:'4637'; font-size:16px; }
	.select{ background:#16267d; }
	#gall_con_1st .form_list ul li.select a{ color:#FFF; }
	.gall_righ{ max-width:100%; height:auto; margin:0 auto; display:block; padding:0 55px 0 20px; }
	#gallery_con_2nd .small_cont_sub_box{ width:23%; margin:10px 1%;}
	
	
	
	
	/*--alumni--*/
	.form_list ul{ max-width:100%; margin:20px 15px; display:inline-block; padding:0; }
	.form_list ul li{ width:100%; margin:10px auto; display:inline-block; padding:0; font-family:'4365'; color:#222222; font-size:14px; }
	.form_list ul li a{ color:#222222; }
	.form_list ul li:after, .form_field ul li label:after{ clear:both; content:""; display:block; }
	.form_field ul li label{ font-family:'4365'; font-size:14px; width:45%; display:block; margin:0 auto; padding:5px 0; text-align:left; float:left; }
	.form_field ul li input[type=text]{ font-family:'4365'; color:#222222; width:50%; font-size:14px; outline:0; -webkit-appearance:none; display:block; margin:0 auto; padding:5px; border:1px solid #333; text-align:left; float:right; }
	.form_field ul li input[type=submit]{ font-family:'4365'; background:#2d2c2d; color:#FFF; -webkit-appearance:none; outline:none; font-size:16px; font-weight:bolder; margin:0 auto; display:block; border:none; float:right; padding:5px 25px; cursor:pointer; }
	
  
  
 
	/*--contact--*/
	#con_us_1st .form_list ul{ margin:20px auto; }
	#con_us_1st .form_list ul li{ margin:0 auto 5px auto; }
	#con_us_1st .form_list ul li h2{ margin:0 auto; line-height:inherit; font-size:25px; text-transform:none; }
	.contact_field ul li input[type=text]{ font-family:'4365'; color:#222222; width:29.5%; font-size:14px; outline:0; -webkit-appearance:none; display:block; margin:0 auto; padding:5px 1%; border:1px solid #333; text-align:left; float:left; }
	.contact_field ul li input[type=text]:nth-of-type(2){ margin:0 2% 0 2%; }
	.contact_field ul li textarea{ font-family:'4365'; color:#222222; width:97% !important; min-height:150px; font-size:14px; outline:0; -webkit-appearance:none; display:inline-block; margin:0 auto; padding:5px 1%; border:1px solid #333; text-align:left; }
	.contact_field ul li input[type=submit]{ font-family:'4365'; background:#2d2c2d; color:#FFF; -webkit-appearance:none; outline:none; font-size:16px; font-weight:bolder; margin:0 auto; display:inline-block; border:none; padding:5px 25px; cursor:pointer; } 
	
	
	
	/*--footer--*/
	#footer.wrapper_second{  }
	.foo_txt p{ font-family:'4365'; font-weight:bold; margin:0 auto 5px auto; line-height:1.2em; letter-spacing:0.1em; color:#16267d; text-align:left; font-size:11px; }
	.foo_txt p a{ color:#16267d; }
	
	.foo_other_link_div{ width:348px; margin:auto; padding:0; position:absolute; top:0; bottom:0; right:55px; height:50px; }
	.foo_other_link:after{ clear:both; content:""; display:table; }
	.foo_other_link i{ float:left; background-position:center; background-repeat:no-repeat; display:block; padding:0; margin:0 0 0 5px; height:50px; overflow:hidden; text-indent:-999999px; z-index:999999; }
	.foo_other_link i:first-child{ background-image:url(../images/jpk.png); margin:0 5px 0 0; width:32px; }
	.foo_other_link i:nth-of-type(2){ background-image:url(../images/psmb.png); width:37px; }
	.foo_other_link i:nth-of-type(3){ background-image:url(../images/ptpk.PNG); width:113px; }
	.foo_other_link i:nth-of-type(4){ background-image:url(../images/skillsmalaysia.jpg); width:75px; }
	.foo_other_link i:last-child{ background-image:url(../images/sldn.png); width:65px; }
	.foo_other_link i a{ display:block; padding:25px 0; text-indent:999999px; }
}

@media screen and (max-width: 1224px){
	.logo_div{ width:28%; margin:12px auto 0 auto; }
	.manu_div{ width:72%; }
	
	.post_menu ul li a{ font-size:16px; letter-spacing:0.1em; padding:10px 5px; }
	.cous_ban, #hom_cous .cont_div:nth-of-type(2) .cous_ban, #hom_cous .cont_div:nth-of-type(3) .cous_ban{ margin:20px auto 0 auto; }
	.ho_mor_lin a{ margin:15px auto 0 auto; }
}

@media screen and (max-width: 1024px){
	.logo_div{ width:27%; }
	.manu_div{ width:73%; }
}

@media screen and (max-width: 1009px){
	
	.wrapper, .wrapper_second{ max-width:750px; padding:0 10px; }
	.wrapper_second{ padding:10px 55px; }
	.main_body_div{ max-width:860px; }
	
	.logo_div{ width:25%; margin:12px auto 0 auto; }
	.manu_div{ width:75%; }
	
	.social_icon_list_div{ margin:8px auto; }
	.phone{ font-size:12px; }
	.manu_bar{ margin:15px auto 0px auto; }
	.post_menu ul li{ margin:0 auto; }
	.post_menu ul li a{ font-size:13px; letter-spacing:0.1em; }
	
	.cous_ban{ height:450px; }
	
	#hom_con_2nd_sub .cont_sub_div:last-child{ padding:5% 2.5% 10% 2.5%; }
	.hed_txt h3{ font-size:27px; }
	.hom_click{ width:96px; height:95px; }
	
	.contact_field ul li input[type=text]{ width:29%; }
	
	/*Jssor Slider*/
	.jssor_sub_div{ position:relative; max-width:100%; height:500px; overflow:hidden; margin:0 auto; }
	.jssor_img_div{ width:800px; }
	.jssor_img_thum_div{ width:800px; }
}



@media screen and (max-width: 980px){
	
}


@media screen and (max-width: 870px){
	
	
}

@media screen and (max-width: 768px){
	
	/*--commen--*/
	.box_left{ float:left; }
	.box_right{ float:right; }
	.mb_no, .post_menu{ display:none; }
	.box_flot_mobi{ float:none; }
	
	.wrapper, .wrapper_second, .pro_ban_div, .main_body_div{ max-width:462px; height:auto; padding:0 10px; margin:0 auto; position:relative; }
	.wrapper_second{ padding:10px; }
	.pro_ban_div, .main_body_div{ margin:10px auto; }
	.pro_ban_div{ z-index:1;}
	.comen_box, .comen_box_inblock{ width:100%; height:auto; margin:0 auto; padding:0; display:block; }
	.comen_box_inblock{ display:inline-block; text-align:center; }
	.comen_box:after, .comen_box_after:after, .comen_box_inblock:after, .comen_box_inblock:before{ clear:both; content:""; display:table; }
	.fig_img img{ max-width:99%; height:auto; margin:0 auto; display:block; }
	
	/*--header--*/
	.logo_div, .manu_div, .manu_bar{ width:100%; height:auto; margin:0 auto; padding:0; display:block; }
	.logo_img img{ max-width:60%; height:auto; margin:0 auto; display:block; padding:0; }
	.wrapper_second.bor_bottom, .bor_bottom_co{ border-bottom:8px #757575 solid; padding-bottom:20px; }
	
	/*--social icon list--*/
	.social_icon_list_div { width:125px; height:auto; margin:15px auto; padding:0; display:block; }
	.social_icon_list:after{ clear:both; content:""; display:table; }
	.social_icon_list i{ float:left; width:27px; background:url(../images/soci.png) center left; display:block; padding:0; margin:0 0 0 3.5%; height:30px; overflow:hidden; text-indent: -999999px; z-index:999999; }
	.social_icon_list i:first-child{ background-position:-10px; margin:0 2% 0 0; }
	.social_icon_list i:nth-of-type(2){ background-position:-42px; }
	.social_icon_list i:nth-of-type(3){ background-position:203px ; }
	.social_icon_list i:last-child{ background-position:35px; }
	.social_icon_list i a{ display:block; padding:6px 0; text-indent:999999px; }
	
	.phone{ font-family:'4641'; font-weight:bold; letter-spacing:0.2em; font-size:11px; text-align:center; color:#000000; text-transform:uppercase; }
	
	/*post menu*/
	.manu_bar{ width:100%; margin:15px auto 5px auto; background-color:#f59b29; }
	
	/*Mobile Menu Core Style*/
	.slicknav_btn{ position:relative; display:block; vertical-align:middle; float:right; padding:0.438em 0.625em 0.438em 0.625em; line-height:1.125em; cursor:pointer; }
	.slicknav_menu .slicknav_icon-bar{ display:block; width:1.125em; height:0.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{ margin-top: 0.188em }
	.slicknav_nav{ clear: both }
	.slicknav_menu:before, .slicknav_menu:after{ content: " "; display: table; }
	.slicknav_menu:after{ clear: both }
	
	.slicknav_nav ul{ margin:10px 0 5px 0; display:inline-block; width:100%; }
	.slicknav_nav ul li{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2d827b; padding:0; margin:5px auto; max-width:100%; text-align:left; display:block; }
	.slicknav_nav ul li a{ font-family:'4637'; font-size:15px; letter-spacing:0.2em; color:#333333; display:block; text-transform:uppercase; padding:8px 0; }
	.slicknav_menu{ *zoom: 1 }
	/* Button */
	.slicknav_btn{ margin:0 0 0 0; text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  background-color:#16267d; }
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt{ color:#FFF; font-weight:bold; text-shadow:0 1px 3px #000; }
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar{ background-color:#f5f5f5; }
	.slicknav_menu{ padding:7px; }
	
	
	/*Jssor Slider*/
	.jssor_big_div{ max-width:1000px; height:auto; margin:0 auto; display:block; position:relative; }
	.jssor_sub_div{ position:relative; max-width:100%; height:400px; overflow:hidden; margin:0 auto; }
	.jssor_img_div{ cursor:move; position:absolute; left:0px; top:0px; width:500px; height:300px; overflow:hidden; }
	.jssor_img_thum_div{ position:absolute; overflow:hidden; width:500px; background:#191919; height:100px; left:0px; bottom:0px; }
	
	
	/*--body--*/
	.cont_div{ width:95%; height:auto; padding:0 2.5%; margin:0 auto; display:block; clear:both; }
	.cont_sub_div{ width:100%; height:auto; padding:0; margin:0 auto; display:block;  }
	#hom_sli .cont_sub_div{ }
	#hom_sli .cont_sub_div:last-child{  }
	#hom_cous .cont_sub_div:first-child{ }
	#hom_cous .cont_sub_div:last-child{  }
	
	#hom_con_2nd .cont_sub_div:first-child{  }
	#hom_con_2nd .cont_sub_div:last-child{  }
	#hom_con_2nd_sub .cont_sub_div{ margin:10px auto;  }
	#hom_con_2nd_sub .cont_sub_div:last-child{ width:92%; padding:3% 4%; background-color:#573a94; position:relative; }

	
	.hom_click{ width:100px; height:99px; background:url(../images/clic.png) no-repeat center; background-size:contain; position:absolute; bottom:0; right:0; }
	.calen{ width:60px; height:58px; position:absolute; bottom:5px; right:0; }
	
	
	.cous_ban{ max-width:462px; margin:0 auto; height:auto; padding:10px; display:block; }
	.cous_ban:after{ clear:both; content:""; display:table; }
	.small_cont_sub_box{ margin:10px auto; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:auto; overflow:hidden; }
	
	.cos_box{ width:100%; height:140px; margin:0 auto; padding:0; display:block; background-position:center; background-repeat:no-repeat; background-size:auto; position:relative; }
	.cos_txt{ width:100%; height:30px; margin:auto; top:0; bottom:0; left:0; right:0; color:#FFF; font-size:14px; letter-spacing:0.1em; text-align:center; font-family:'4365'; font-weight:bold; display:block; position:absolute; }
	.cos_lin{ display:block; padding:38% 0; z-index:999; position:relative; }
	.arro_ico{ width:10px; height:10px; margin:auto; bottom:-3px; left:0; right:0; position:absolute; display:block; padding:0; background:url(../images/ico-2.png) center no-repeat; }
	
	/*--fancy box--*/
	.fancybox-custom .fancybox-skin{ box-shadow:0 0 50px #222; }
	.popup-box{ max-width:800px;display: none; }
	.pop_img img{ max-width:95%; height:auto; margin:10px auto; display:block; }
	.pop_iframe{ text-align:center; }
	.pop_iframe iframe{ margin:5px auto !important; height:250px; }
	
	
	/*--content--*/
	.hed_txt h1, .hed_txt h6, .hed_txt h2, .hed_txt h3, .cont_txt p, .ho_mor_lin a, .cont_txt_2nd p{ font-family:'4637'; letter-spacing:0.2em; font-size:15px; color:#FFF; text-align:left; margin:15px auto 10px auto; padding:0; display:block; }
	.hed_txt h1{ color:#000000; font-size:25px; font-family:'4365'; text-transform:uppercase; letter-spacing:0.1em; margin:10px auto 20px auto; }
	.cont_txt p, .ho_mor_lin a{ font-family:'4641'; font-size:14px; letter-spacing:0.1em; text-align:justify; }
	.cont_txt_2nd p{ font-family:'4365'; font-size:14px; letter-spacing:0.1em; color:#6f6f6f; margin:0 auto 15px auto; }
	.ho_mor_lin a{ font-family:'4365'; font-weight:bold; margin:25px auto; }
	.hed_txt h2, .hed_txt h3{ font-size:40px; text-align:center; color:#f59b29; letter-spacing:normal; margin:0 auto; text-transform:uppercase; }
	.hed_txt h3{ font-size:30px; text-align:left; }
	#hom_con_3rd .hed_txt h3{ color:#222222; line-height:1.2em; text-align:center; }
	#hom_con_3rd .hed_txt h2{ font-size:22px; line-height:1.2em; margin:0 auto 5px auto; text-align:center; }
	#other_page .hed_txt h6{ color:#333; letter-spacing:0.1em; margin:20px auto 5px auto; }
	
	/*-- about us --*/
	#abo_con_1st .cos_box{ height:285px; }
	#abo_con_1st .hed_txt h2{ font-size:20px; line-height:1.2em; margin:15px auto; text-align:left; }
	#abo_con_2nd_sub .hed_txt h3{ text-transform:none; margin:0 auto 18px auto; font-size:26px; }
	
	
	/*-- course --*/
	#cous_con_1st .small_cont_sub_box{  }
	#cous_con_1st .cos_box:first-child{ height:285px; background-size:cover; }
	#cous_con_1st .cos_box:last-child{ height:100px; }
	#cous_con_1st .cos_lin{ padding:13.4% 0; }
	#cous_con_1st_sub .cont_sub_div{ margin:15px auto; }
	a.gray_box{ width:150px; height:auto; padding:10px 0; display:inline-block; font-family:'4365'; font-weight:bold; font-size:16px; margin:10px 5px 20px 0; color:#FFF; background-color:#4a4549; text-align:center; }
	
	
	/*--alumni--*/
	.form_list ul{ max-width:100%; margin:10px; display:inline-block; padding:0; }
	.form_list ul li{ width:100%; margin:10px auto; display:inline-block; padding:0; font-family:'4365'; color:#222222; font-size:13px; }
	.form_list ul li a{ color:#222222; }
	.form_list ul li:after, .form_field ul li label:after{ clear:both; content:""; display:block; }
	.form_field ul li label{ font-family:'4365'; width:45%; display:block; margin:0 auto; padding:5px 0; text-align:left; float:left; font-size:13px; }
	.form_field ul li input[type=text]{ font-family:'4365'; width:50%; font-size:13px; outline:0; -webkit-appearance:none; display:block; margin:0 auto; padding:5px; border:1px solid #333; text-align:left; float:right; }
	.form_field ul li input[type=submit]{ font-family:'4365'; background:#2d2c2d; color:#FFF; -webkit-appearance:none; outline:none; font-size:15px; font-weight:bolder; margin:0 auto; display:block; border:none; float:right; padding:5px 25px; cursor:pointer; }
	
  	
	/*--gallery--*/
	.main_body_div{}
	.main_body_div.bor_gal{ border-bottom:8px #757575 solid; }
	#gall_con_1st .cont_sub_div:first-child{ border-bottom:2px #757575 solid; margin:0 auto 15px auto;  }
	#gall_con_1st .cont_sub_div:last-child{  }
	.gallry_con{ width:100%; display:inline-block; margin:0 auto; padding:0; height:auto; }
	#gall_con_1st .form_list ul{ width:100%; margin:0 auto; }
	#gall_con_1st .form_list ul li a{ padding:8px 0 8px 10px; display:block; font-family:'4637'; font-size:16px; }
	.select{ background:#16267d; }
	#gall_con_1st .form_list ul li.select a{ color:#FFF; }
	.gall_righ{ max-width:100%; height:auto; margin:0 auto; display:block; padding:0 10px; }
	#gallery_con_2nd .small_cont_sub_box{ }
	
 
	/*--contact--*/
	#con_us_1st .form_list ul{ margin:20px auto; }
	#con_us_1st .form_list ul li{ margin:0 auto 5px auto; }
	#con_us_1st .form_list ul li h2{ margin:0 auto; line-height:inherit; font-size:22px; text-transform:none; }
	.contact_field ul li input[type=text]{ font-family:'4365'; color:#222222; width:98%; font-size:14px; outline:0; -webkit-appearance:none; display:block; margin:10px auto; padding:5px 1%; border:1px solid #333; text-align:left; }
	.contact_field ul li textarea{ font-family:'4365'; color:#222222; width:98% !important; min-height:150px; font-size:14px; outline:0; -webkit-appearance:none; display:inline-block; margin:0 auto; padding:5px 1%; border:1px solid #333; text-align:left; }
	.contact_field ul li input[type=submit]{ font-family:'4365'; background:#2d2c2d; color:#FFF; -webkit-appearance:none; outline:none; font-size:16px; font-weight:bolder; margin:0 auto; display:inline-block; border:none; padding:5px 25px; cursor:pointer; }
	
	
	/*--footer--*/
	.foo_txt p{ font-family:'4365'; font-weight:bold; margin:0 auto 5px auto; line-height:1.2em; letter-spacing:0.1em; color:#16267d; text-align:center; font-size:11px; }
	.foo_txt p a{ color:#16267d; }
	
	.foo_other_link_div{ width:348px; margin:20px auto 10px auto; padding:0; height:auto; display:block; }
	.foo_other_link:after{ clear:both; content:""; display:table; }
	.foo_other_link i{ float:left; background-position:center; background-repeat:no-repeat; display:block; padding:0; margin:0 0 0 5px; height:50px; overflow:hidden; text-indent:-999999px; z-index:999999; }
	.foo_other_link i:first-child{ background-image:url(../images/jpk.png); margin:0 5px 0 0; width:32px; }
	.foo_other_link i:nth-of-type(2){ background-image:url(../images/psmb.png); width:37px; }
	.foo_other_link i:nth-of-type(3){ background-image:url(../images/ptpk.PNG); width:113px; }
	.foo_other_link i:nth-of-type(4){ background-image:url(../images/skillsmalaysia.jpg); width:75px; }
	.foo_other_link i:last-child{ background-image:url(../images/sldn.png); width:65px; }
	.foo_other_link i a{ display:block; padding:25px 0; text-indent:999999px; }
	

}

@media screen and (max-width: 550px){
	
}

@media screen and (max-width: 479px){
	.wrapper, .wrapper_second, .cous_ban, .pro_ban_div, .main_body_div{ max-width:350px; }
	.logo_img img{ max-width:80%; }
	
	/*Jssor Slider*/
	.jssor_sub_div{ height:300px; }
	.jssor_img_div{ height:200px; }
	
	
	.foo_other_link_div{ display:none; }
}

@media screen and (max-width: 320px){
	
}

@media screen and (max-width: 240px){


}