@charset "utf-8";
/* CSS Document */

body{ font-family: 'Poppins', sans-serif!important;
	color:#333 !important;
	font-weight: 300;
	font-size: 16px;}
html{font-family: 'Poppins', sans-serif;}
.container-fluid{padding-left: 0px !important; padding-right: 0px !important;}
#main-container{
    width: 100%; 
    overflow: hidden;
}
a{outline: 0px none!important;}
h1{font-family: 'Poppins', sans-serif!important;
    font-size: 47px;
font-weight: 700;
}
img { 
   width: 100%;
}
/* Top menu items */

.mep_top_section_main { 
    margin: auto; 
	font-size:11px; font-weight:400;
}
.mep_top_section_program {
    float: right;
    padding-top: 5px;
    padding-left: 5px;
}
.top_bar {
    background: #fff none repeat scroll 0% 0%;
    width: 100%;
	padding: 0px 70px 3px 70px;
	border-bottom:#0e99ba solid 1px; 
	height:33px; color:#8994A0; 
}
 
.top-links{ padding-top:2px; max-width:65%;} 
.top-links a:hover{ color:#2274AC;}
.left-link{ float:left; padding-top: 7px;  font-size:15px; letter-spacing:1px}
.left-link a{ color:#0e99ba;
	text-decoration:none;
	font-size:15px;
	padding:0px 0px 0px 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;}
.left-link a:hover{ color:#0e99ba; background:none !important; text-decoration:none;} 
.left-link .fa{ color:#0e99ba !important;}
.social-links{ float:right;}
.social-links ul{}
.social-links ul li{ display:inline-block;}
.social-links ul li a{ display:block; width:42px; height:30px;;
	text-align: center;	
	padding-top: 7px;
	color:#0e99ba; }
.social-links ul li .fa{ font-size:18px; color:#0e99ba;}
.social-links ul li .fa:hover{ color:#0e99ba;}
.logo-outer{height: 105px;
    display: block;
    max-width: 1170px;
    margin: auto;
}
/* Top menu items END */

.logo-section-wraper{  margin:auto; 
	width: 100%;}
.logo{  
	padding:7px 0px 14px 0px;
    width:100%;
	text-align:center;
}
.logo img{width: 25%;}

/* Menu START */
.navbar-collapse{ background-color: #16739c !important; padding:0px !important}
.navbar-toggle{ 
	border:0px;
	padding:0px;
	margin-left:10px;
	margin-top:22px !important;
	margin-right: 20px!important;
 	} 
.navbar-default{background: #fff  !important;
	border:0px !important; 
	margin:auto;
	}
.navbar{ min-height:20px !important; z-index:1500; border-radius: 0px !important;}
.navbar-brand{
    float: left; 
    padding: 13px 0px !important;
    font-size: 18px;
    line-height: 20px; 
}
.navbar-nav{ float: left; margin-left: 70px;}
.navbar-nav > li{
    float: left; 
	font-weight:400!important;
	font-size:15px;
	font-family: 'Poppins', sans-serif;
}
.menu-down-arrow{ display:none;}
.menu-down-arrow .fa{
    padding-top: 4px; padding-left:5px; 
    color: #bbbbbb !important; 
} 
.navbar-nav > li > a{ color:#fff !important; 
    transition: 0.5s all;
	font-weight: 600;
	padding-top: 12px!important; padding-bottom: 12px !important; 
}
	
.navbar-nav > li > a:hover{ color: #fff !important; background-color: #fe0064 !important;} 
 
  
.top-menu-active{color: #fff;
    background-color: #fd0166  !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #c80259 !important; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px !important;
    margin-left: 0px !important;
	border:0px !important;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 26px;
	transition: all 0.5s ease 0s;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px; 
    margin: 2px 0px 0px; 
    font-size: 14px;
    text-align: left;
    list-style: outside none none;
    background: #fd0166 !important;
	padding-top:16px;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow:none !important;
	transition: all 0.5s ease 0s;
} 
.dropdown-menu > li > a{padding: 12px 20px !important; color:#FFF; text-transform:none; font-weight: 600;}
.dropdown-menu > li > a:hover{background-color: #c70158 !important; color:#fff; } 
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #fff !important;
}
	
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
	transition: all 0.5s ease 0s;
  }
   
}	

@media (max-width: 978px) {
.navbar-nav { 
  margin-left: 0px!important;
}
 .navbar-nav > li { width: 100% !important;}
}
	
.banner_section .main_banner .overlay-stick span {
    display: inline-block;
    margin-top: 25px;
}
.banner_section{ 
	margin:auto;
	position:relative; 
	margin-right:0px !important;  
	width:100% !important;
	max-width: 100%; 
	float:left;}
.main_banner{ width: 100%; 
	float:left; 
	max-width: 100% !important;}
.carousel-control img{width:auto !important;}
.carousel-control .fa{font-size: 75px;}
/* Left Slider  */
.carousel-inner {border: 0px solid #ECECEC !important;
}

    .carousel-inner h3 {
        font-size: 14px;
        text-shadow: none;
        margin-top: 20px;
    }
.carousel-caption { left: 10% !important; right: 10% !important; padding-bottom: 20px;}
.block li {
    background: #eee; 
}

.block a {
    width: auto;
	vertical-align:top !important;
	background:#fff;
}

.block a:hover {
    width: auto;
	vertical-align:top !important;
		
		color:#0971ce;  
}

.block li:hover {  background: #fff; color:#0971ce;  
}


.carousel-caption {
    display: block;
    margin-top: 50px;
    color: #000;
    position: absolute;
}

.carousel-inner .item {
    min-height: 350px; 
    text-align: center !important;
}
.carousel-inner .block a:hover{background:#fff !important;  }
.carousel-inner .fa {font-size: 70px;}
.carousel-control{ text-shadow:none;}
.carousel-control.right {
    background: none !important;
	z-index:1;
	padding-top: 15%;
}

.carousel-control.left {
    background: none !important;
	z-index:1;
	padding-top: 15%;
}

.carousel-control .glyphicon-chevron-right {
    width: 20px;
    font-size: 15px;
    color: #000;
}

.carousel-control .glyphicon-chevron-left {
    width: 50px;
    font-size: 15px;
    color: #000;
} #sync1 { height:800px!important;}

/* Left Slider End  */
/* Quick Links START  */
.quick-links{ margin:0px;}
.icon-holder .fa{ display:block; 
	color:#0e99ba;
	width:86px; 
	height:86px;
	padding-top:21px;
	margin:auto;
	text-align:center;
	border-radius:100%;
	border:solid 1px #fff; 
	background:#fff;
	transition: all 0.3s ease 0s;
	font-size:40px;
	text-decoration: none;
	}
 
.quick-links .slick-initialized .slick-slide{height: 140px !important; padding:00px 0px; 
	transition: all 0.2s ease 0s; background:#fff; border: 3px solid #fff; text-decoration: none; }
.quick-links a:hover{text-decoration: none;} 
	
.quick-links .slick-initialized .slick-slide h1{ font-weight:400;
	color:#292929; font-size: 14px !important;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;}
.quick-links .slick-initialized .slick-slide h1:hover{text-decoration: none!important; color:00AEEF;}
.quick-links-title{  	
	background:url(../images/title-line-bg.gif) repeat-x;
	margin-bottom:20px;} 
.quick-links .slide-image-holder{ position:relative;
	height:auto;
	padding-top:0px;
	overflow: hidden;
	color:#red}
	
/* Quick Links END*/

.about-section{ 
	width:100% !important;
	height: 130vh;
	font-size:22px;
	background: linear-gradient(175deg, #ebebea, #ebebea 80%, white 60%, white);
	color:#242423;} 
.about-left {width: 50%;
	float: left;}
.about-right {width: 50%;
	float: left;
	padding: 8% 16% 0% 2%;}
.about_first_image{width: 40%;
	padding-right: 3%;
	float:left;}
.about-section img{width: 100%;
	padding: 15%;}
.about-section-content { margin:auto; padding-top:79px; width: 100%; text-align: left; max-width: 900px; padding-left: 5%; min-height: 400px; }
.about-section h1{ color:#242423; font-size: 44px;
	text-transform: uppercase;
	font-weight: 600;
    text-shadow:none;
}
.about-section a { color:#fff; 
	font-size:20px;  
	padding: 10px 30px;
	margin: auto;
	background:#83063d;
	border-radius:2px;
		}
.about-section a:hover { color:#fff; background:#fd0166; text-decoration:none;}

/* about-section END*/

.news_wraper{width: 100%; padding: 45px 70px 3px 70px;}
.news-block{ float:left; 
	font-size:17px; 
	padding-top:5%;
	width: 100%; 
	min-height: 600px; 
	
	 }
	 
 
	
.news-block-item { font-size:14px; line-height: 24px; padding:14px; display:block; border:solid 1px #242423;}
.item-header{}
.news-block-item a{ color:#828282; text-decoration:none;}
.news-block-item a:hover{ color:#828282; background:none;}
.news-block-item:hover{ background:#f7f7f7; color:#333; border:dashed 1px #eee; box-shadow: 0px 3px 2px 0px rgba(171, 171, 171, 0.43)!important;}
.news-block-item img{ display:block;
	float:left;
	margin-right:10px;} 

.notice-block-item:hover{ background:#f7f7f7; color:#333; border:dashed 1px #d8d8d8;  }

.news-block h1{ font-weight:600; padding-bottom:20px !important; margin:0px; padding:0px; font-size:44px; text-transform:uppercase; color:#242423}
.news-block .view-all{ float: right;
    position: relative;
    top: -33px; 
}
.news-block h2 { font-weight: 525; padding:0px; font-size:24px; margin-top: 15px; margin-bottom: 10px; color:#242423;  line-height: 20px;  } 
.date-section{ padding-top:12px; color:#242423; display: block; height: 66px;
width: 60px;
float: left; }
.date{  text-align:center; float:left; padding-top: 6px;
font-weight: 500; margin-right: 5px;font-size: 41px; border-radius: 100%; color:#e01882; }
.day{ padding-top: 6px;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;}
.item-date{ font-size:14px; color:#f6ab34; padding-left:10px; font-style:italic;}
.item-header{ font-size:18px; color:#067bae;}
.news-block .buttons {
    width: 130px; float:left;
}
.news-block .product-box-add-to-cart-button { 
    color: #fff;
	background:#246a9b; 
    height: auto;
	font-size:16px;
	border: 0px; 
    padding: 10px 10px;
    text-transform:capitalize; 
    transition: all 0.5s ease 0s;
    width: 100%;
	text-align: center;
	margin-top: 20px;
}
.news-block .product-box-add-to-cart-button:hover {  
	color: #fff;
	background:#fe0064; 
    border: 0px;  
    transition: all 0.5s ease 0s; 
}
.news-item{overflow: hidden;}
.news-block .slide-image-holder {
    position: relative;
    padding-top: 0px;
	max-height: 228px;
	overflow: hidden; 
	margin: 5px; 
}
.news-block .description{  
	width:100%;
	line-height:22px;
    margin: auto;
	font-size:14px;
    text-align: left;
    color: #242423;
}
.news-block .description p {margin: 0px 0px 0px; padding-bottom: 20px;}
.notice-block{
    padding: 0px;
    color: #1F57A2;   
	width:100%;
}

 
.notice-section { 
    color: #1F57A2;
    display: block;  
	float: left;
}
.notice-section a{ font-size:13px; color:#1F57A2;}
.notice-section a:hover{ font-size:13px; background:none; color:#1F57A2;}
.notice-block h1{ font-weight:400; padding-bottom:15px !important; margin:0px; padding:0px; font-size:24px; text-transform:uppercase; color:#303030;}
.notice-block .view-all{ float: right;
    position: relative;
    top: -33px;
    left: 0%;
}
.notice-block h2{ font-weight:600;  padding:0px; font-size:14px; margin-top: 0px; margin-bottom: 0px; color:#fff; line-height: 1.4;}	

.notice-block .date{ background:#3277ae; color:#fff; width:40px; height:40px; text-align:center; float:left; padding: 6px; margin-bottom: 40px;
font-weight: 600; font-size:18px; margin-right: 10px; line-height:12px; }
.day{ padding-top: 6px; font-weight:400; font-size:12px; text-transform:uppercase;}

/* News END*/


/* Inner Pages */
.inner-banner-batooliyya {max-width: 100%!important;
    min-height: 358px;
    background: url(../images/about_banner.jpg) top center no-repeat;
    color: #fff;}
.inner-banner-fanar-foundation{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/about_banner.jpg) top center no-repeat;
    color: #fff;}
.inner-banner-vision_mission{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/about_banner.jpg) top center no-repeat;
    color: #fff;}
	
.inner-banner-academic-system{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/about_banner.jpg) top center no-repeat;
    color: #fff;}
	
.inner-banner-academic-calendar{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/about_banner.jpg) top center no-repeat;
    color: #fff;}

.inner-banner-courses-offered{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/academics_banner.jpg) top center no-repeat;
    color: #fff;}
.inner-banner-examination{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/examination.jpg) top center no-repeat;
    color: #fff;}
.inner-banner-exam-result{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/exam-result.jpg) top center no-repeat;
    color: #fff;}

.inner-banner-beyond_academics{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/beyond_academics_banner.jpg) top center no-repeat;
    color: #fff;}

.inner-banner-preparatory-1humanities, .undergraduate-special-entry, .admission-test, .how-can-apply, .who-to-apply, .downloads{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/admission.jpg) #033 top center no-repeat;
    color: #fff;}	
.inner-banner-Colleges {max-width: 100%!important;
    min-height: 358px;
    background: url(../images/Colleges.jpg) top center no-repeat; 
    color: #fff;}
 
 	
	
.contact-us{max-width: 100%!important;
    min-height: 358px;
    background: url(../images/beyond_academics_banner.jpg) top center no-repeat;
    color: #fff;}
	
.inner-left-block{top: -90px;
	background: #fff;
	padding: 80px 50px 10px 50px;
	width: 100%;
	border: solid 8px #dae6e8;}
.inner-left-block h1{
    font-size: 33px;
    font-weight: 600;
    color: #1a7299;
        }
.inner-left-block h2{
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    }
.mission_page img{width: 15%;
	float: left;
	display: block;
	clear: both;}
.college_page img{width: 15%;
	float: left;
	display: block;
	clear: both;}	
.inner-left-block .news-item img{width: 50%;
	float: left;
	margin-right: 20px;}
.inner-left-block .news-item .date-section { width: 100%;}
.inner-left-block .news-item .date{text-align: left;
	float: none !important;
	padding-top: 0px;  
	font-size: 24px !important;  }
.inner-left-block .news-item .day{font-size: 14px !important; }
.news-item a {background: #e01882;
	padding: 12px 16px;
	color: #fff;
	border-radius: 8px;}
	

/* Inner Pages END */

/* FOOTER */
.footer-wraper{ max-width:100% !important;
	}
.footer { /*border-top: 2px solid #666666;*/
    clear: both;
    height: auto;
    text-align:center
    margin: 20px 0 0;
    padding-top: 70px;
	font-weight:400 !important;
    background: #0b6e98;
	color:#f6f6f6;
	font-size: 15px;
	letter-spacing: 1px;
} 
.footer information{padding-right: 60px;}
.footer_logo img{width: 75%;}
.footer ul{list-style: none;
	padding: 0px;
	float:left;}
.information { padding-right:60px;}
.Links ul{ width:50%; text-transform:uppercase; line-height: 35px;}
.Connect li{ float:left; }
.Connect .fa{ font-size: 22px;
	margin-right: 20px;
	margin-top: 20px;}
.footer h3{color:#fefdfa!important;
	font-size: 14px;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom: 22px;}

    .footer a {
        text-decoration: none;
        color: #f6f6f6 !important; 
    }
	.footer a:hover {
        text-decoration: none!important;
        color: #fff !important;
		background:none !important;
		
    }
.footer_block {
    width: 18%;
    text-align: left;
    color: #9cb5b3;
    border-right: #405452 solid 1px;
    margin-right: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    margin-bottom: 18px; 
    float: left;
}
.footer_block_title {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    display: block;
    font-weight: bold;
    padding-bottom: 4px;
}
.footer-disclaimer{text-align: center;
	margin: 20px;
	margin: 45px 70px 3px 70px;
	border-top: solid 1px #418eaf;
	padding-top: 30px;
	font-size: 13px;}
	
	
	

@media (min-width: 1200px){
.container {
  width: 100% !important;
  padding: 5px 70px 10px 70px;
}
}

@media (max-width: 768px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff !important;
}
.about-left{width: 100% !important;}
.about-right {
  width: 100% !important;
  float: left;
  padding: 8% !important;
}
.footer-menu-wrapper .container{padding: 8% !important;}
.information {
  padding-right: 0px !important;
}
}