@charset "UTF-8";
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, images, 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;}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;}
body{font-family:'Open sans', sans-serif; font-size:100%; color:#000; margin:0; padding:0; text-align:center; background:#d2d3d5}
.fl{float:left;} .fr{float:right;} .clr{clear:both;}
img{width:100%;border:none;}
b,strong{font-weight:700;}
input, textarea{width:100%; resize:none;}
input:focus, textarea:focus{border:none; outline:none}
select:invalid{color:#444}
a, a:link, a:active{text-decoration:none;}
*{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}




.queryBox{background:#fff; padding:30px 20px}
.queryBox h4{font-size:140%; margin-bottom:15px; color:#e9491b}
.qContainer{padding:0 15px 10px; color:#0f307b;}
.errmsgbox{background:#fff; border:1px solid #a00; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#a00; margin:0 0 5px;}
.succmsgbox{background:#fff; border:1px solid #008000; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#008000; margin:0 0 5px;}
.fieldBox{width:100%; float:none; margin:0;}
.inputbox{font-family:'open sans', sans-serif; width:100%; border:1px solid #a8a8a8; background:#e8e7e7; height:31px; padding:0 5px; outline:none; margin:0 0 10px; font-size:90%; border-radius:4px; color:#000;}
.inputlbox{font-family:'open sans', sans-serif; font-size:90%; width:100%; border:1px solid #a8a8a8; background:#e8e7e7; height:80px; padding:5px; outline:none; margin:0 0 10px; border-radius:4px; color:#000;}
.labeltxt{font-size:120%; margin:0 0 8px; color:#e9491b; text-align:left}
.labelsum{width:40%; float:left; margin:0 0 5px; font-size:120%; line-height:170%; text-align:center; color:#000;}
.calcbox{width:55%; float:right; margin:0 0 5px;}
.submitQuery{width:40%; margin:0 auto;}
.submitButton{width:100%; border:1px solid #142f76; background:#183a8f; color:#eee; line-height:200%; outline:none; margin:0; text-align:center; font-size:110%; border-radius:5px;  -webkit-appearance: none;}

#div_qform{min-width:250px; min-height:150px;position:relative;}
#loader{border:12px solid #f3f3f3;border-radius:50%;border-top:12px solid #444444;width:70px;height:70px;animation:spin 1s linear infinite; visibility:hidden}
@keyframes spin{
		100% {
			transform:rotate(360deg);
		}
	}
.center{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}

#whyMU, #approvals, #programs, #recruiters, #visitors{background:#fc6c20; padding:40px 20px; text-align:center}
h1, #approvals h2, #programs h2, #recruiters h3, #visitors h3{font-size:120%; font-weight:700; color:#fff;line-height:150%}
h1 span{display:block}
.bdrW, .bdrO, .bdrG{background:#fff; border-radius:10px; width:20%; height:5px; margin:10px auto 50px}
.bdrO{background:#fc6c20;}
.bdrG{background:#909090; width:90%; height:2px;margin:10px auto}
#whyMU img{width:262px; height:262px;}
#whyMU li, #approvals li, #recruiters li, #visitors li{margin-bottom:30px}

#approvals{background:#134a79;}
#approvals img{width:224px;}

#visitors{background:#fff;} 
#visitors h3{color:#fc6c20}
#recruiters img{width:220px; height:auto;}

.visitorContainer{position:relative}
.visitorContainer ul{white-space:nowrap;overflow:hidden;margin:0 0 20px}
.visitorContainer ul li.item{display:inline-block;width:100%;position:relative;vertical-align:top;overflow:hidden;height:auto;white-space:normal;padding:0 10px}
.visitorContainer ul li.item img{width:155px; height:auto;}
.visitorContainer figcaption{margin:10px 0 0;color:#000;font-size:140%; text-align:center; line-height:130%}
.visitorContainer figcaption span{display:block; font-size:70%; color:#333}

.leader-image{padding:20px 25px;cursor:pointer;background:#27a4de;border-bottom:1px solid #e2f8fe; color:#fff;font-size:130%; position:relative;}
.leader-content{display:none;height:auto;background:#e2f8fe; padding:30px; font-size:95%; text-align:left}
.leader-image::after{font-family: 'FontAwesome';content:"\f107"; width:30px; height:30px; border-radius:50%; position:absolute; right:10px; top:50%; transform:translateY(-50%);background:#fff; color:#23364a; display:flex; align-items:center;  justify-content:center;}


.mainWrapper{background:#24374c; padding:10% 10px; text-align:left;}
.tabs_wrapper{width:100%;text-align:center;margin:0 auto;background: transparent;}
ul.tabs{display:inline-block;vertical-align:top;position:relative;z-index:10;margin:0;padding:0;width:23%;min-width:175px;list-style:none; transition:all 0.3s ease;}
ul.tabs li{margin:0;cursor:pointer;padding:15px 25px;line-height:31px;color:#fff;text-align:left;font-weight:500;background:transparent;transition:all .3s ease}
ul.tabs li:hover{background:#2a3e62;transition:all .3s ease}
ul.tabs li.active{background:#e95300;transition:all .3s ease;position:relative;z-index:2;}
ul.tabs li.active:after{font-family:'FontAwesome'; width:40px;height:40px;background:transparent;z-index:20; position:absolute; left:99%; top:30%; content:'\f0da'; font-size:350%;color:#e95300}
.tab_container{display:inline-block;vertical-align:top;position:relative;z-index:9;left:-3px;width:75%;min-width:10px;text-align:left;background:#ebeaea;box-shadow:2px 2px 10px rgba(0,0,0,0.5)}
.tab_content{padding:20px;height:100%;display:none;line-height:140%; font-size:90%}
.tab_content h2{font-family:'Arial Narrow Bold', sans-serif;font-size:200%;font-weight:900;color:#264796;margin-bottom:20px;}
.tab_drawer_heading{display:none}

.applyNowButt{display:block; text-align:center; margin:20px 0}
.applyNowButt a{display:inline-block; background:#e95300; color:#fff; font-size:150%; font-weight:500;padding:10px 50px;border-radius:5px;}


footer{background:#2a3e62; padding:20px 10px;}
.footerSection{font-size:87.5%; text-align:left; line-height:200%;}
.footerSection p{color:#fff; text-align:center;}
.footercol{text-align:center; font-size:300%; color:#11dcd6; line-height:150%; margin-bottom:50px;}
.footercol b{font-weight:400; color:#fded02;}
.footercol i{color:#c7d9ff;}
.footercol2{margin-bottom:30px; padding:0 5%}
.footercol2 h4{color:#e8bc23; font-size:170%; margin-bottom:5px; text-transform:uppercase;}
.footercol2 li{color:#ddd; border-bottom:1px dotted #ddd; line-height:250%}
.footercol2 li a{color:#ddd;}
.footercol2 li a:hover{text-decoration:underline;}
.footercol2 i{color:#0ff4f7; margin-right:10px;}
.moreCourses{text-align:center;}
.moreCourses a{border-bottom:1px solid #e8bc23; color:#e8bc23;}
.footercol3{margin-bottom:20px; font-size:110%;padding:0 5%}
.mailUs{color:#e8bc23; margin-bottom:20px;}
.mailUs a, .helpline i{color:#c7d9ff;}
.helpline{color:#fff; margin-bottom:30px;}
.helpline a{color:#fff}
.helpline span{font-size:120%; color:#11dcd6}
.helpline ul{font-size:100%; color:#e8bc23; line-height:200%;}
.socialIcons{line-height:200%;}
.socialIcons li{float:left; width:20%; padding:0; margin:0; background:#0977c8;}
.socialIcons li:nth-child(2n+2){background:#004273;}
.socialIcons a{display:block; text-align:center;  padding:10% 0;color:#fff; font-size:200%;}
.footerSection{margin-bottom:25px}
.bottomLinks{font-size:90%; color:#fff; padding-bottom:40px}
.bottomLinks li{display:inline-block; padding:0 5px 20px}
.bottomLinks a{color:#e8bc23}

/******************* Chat & WhatsApp CSS ***********************/
.chat_script_mobile{display:block; position:fixed;z-index:99;bottom:99px;left:0;}
.call_btn{display:block; position:fixed;z-index:99;bottom:50px;left:0;}
.chat_script_mobile i,.call_btn i{font-size:34px;color: #fff;background:#24cc63;width:47px;height:45px;display:block;line-height:40px !important;margin:0 !important;}
.call_btn i{background:#2957a4;}
.chat_script_desktop{display:none !important;}
.header-image,.mfn-main-slider{display:none;}
.mobile_feature_image,.mobile_rev_slider{display:block;}

@media only screen and (min-width:360px)
	{		
		header{background-size:100% 20%;}
	}

@media only screen and (min-width:600px)
	{
		.fieldBox{width:45%; float:left; margin:0 10px 15px;}
		.inputbox{height:40px;}
		.submitQuery{width:20%;}
	}

@media only screen and (min-width:768px)
	{
		header{background-size:100% 25%; }
	}

@media only screen and (min-width:1024px)
	{	
		header{background-size:cover; }
	}

	@media only screen and (min-width:1200px)
	{		
		header{padding:30px 0 50px}
		.Container{width:1100px; max-width:1100px; margin:0 auto;}
		.queryBox{width:35%; float:right; padding:20px; border-radius:10px}
		.qContainer{color:#0f307b; border:none; text-align:left; padding:0;}
		.fieldBox{width:90%; float:none; margin:0 auto;}
		.inputbox{height:32px; margin:0 0 10px;}
		.inputlbox{margin:0 0 10px;}
		.labeltxt{color:#264796;}
		.submitButton{border:none; background:linear-gradient(to bottom, #264796 0%, #224086 44%, #182e61 100%); border-radius:0;}
		.submitQuery{width:30%;}	
		.errmsgbox, .succmsgbox{width:90%; margin:0 auto 5px}		
	}

@media only screen and (min-width:1280px)
	{
		.Container{width:1200px; max-width:1200px;}	
		.queryBox{width:30%;}
		.queryBox h4{font-size:130%;}
	}

	@media only screen and (min-width:1360px)
	{
		.Container{width:1280px; max-width:1280px; }		
	}