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

/* Start header */
header {}

header .top-menu{ background:#eee; padding:5px 0;}
header .top-menu ul { padding:0; margin:0; margin-top:3px;}
header .top-menu ul li { color:#666;	}
header .top-menu ul li a{ font-size:14px; font-weight:400; color:#666;	}

header .top-menu form{ position:relative;}
header .top-menu form input{ border:0; font-size:12px; border-radius:3px; padding:5px 10px; width:250px; outline:none;}
header .top-menu form button{ background:none; border:0; position:absolute; left:5px; top:3px;}

header .colleges-cover{ height:180px; position:relative;}
header .colleges-cover .colleges-logo{ background:#fff; position:absolute; top:70px; width:160px; height:160px; padding:5px;}
header .colleges-cover .colleges-logo img{border:3px solid #ddd; margin:0 auto;}

header .colleges-name{ position:absolute; bottom:20px; right:190px;}
header .colleges-name h3{ color:#fff; font-size:30px;}

header .bottom-menu{ border-bottom:1px solid #ddd;}

header .bottom-menu nav.menu{font-size:14px; font-weight:700; margin-right:170px;}
header .bottom-menu nav.menu ul{ margin:0;padding: 0; }
header .bottom-menu nav.menu  .dropdown-submenu .dropdown-menu { min-width: 190px;}
header .bottom-menu nav.menu ul.multi-level{ min-width: 210px; border-top:1px solid #ddd;}
header .bottom-menu nav.menu ul li{ padding:0; float: right; list-style: none; position:relative;}
header .bottom-menu nav.menu ul li a{ display:block; padding:15px 20px;}
header .bottom-menu nav.menu ul li a:hover{ background:#eee;}
header .bottom-menu nav.menu ul li a.active{ background:#eee;}

header .bottom-menu nav.menu ul li ul{ border:0px; border-radius:0;}
header .bottom-menu nav.menu ul li ul li{ float:none; border-bottom:1px solid #ddd;}
header .bottom-menu nav.menu ul li ul li a{ border: 0; color: #666; font-size: 13px; font-weight: 300; padding: 9px 15px 9px 15px;}


/* اظهار القائمة الفرعية عند Hover  */
.dropdown-menu .sub-menu { visibility: hidden; }
.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:hover .dropdown-menu { display: block; }

/*   Start submenu   */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
	right: 100%;
	/* margin-top: -6px; */
	margin-left: -1px;
	border-radius: 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
	border:0;
	border-radius:0;
}

.dropdown-submenu>a:after {
   display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-left: -5px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 0;
}

.dropdown-submenu:hover a:after {}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*   End submenu   */


header.darkHeader{
position:fixed !important;
top:0px;
left:0;
right:0;
background:#fff;
z-index:99;
height:60px;
-moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
-webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
}
header.darkHeader .top-menu{display:none;}
header.darkHeader .colleges-cover{display:none;}
header.darkHeader .bottom-menu{ border:0;}
header.darkHeader .bottom-menu nav.menu{margin-right:0;}
header.darkHeader .bottom-menu nav.menu ul li a{ padding:20px; color:#333 !important;}
header.darkHeader .bottom-menu nav.menu ul li ul li a {    padding: 10px 15px 10px 30px;}

.menu-logo{display:none;}
.menu-logo a{ padding:10px !important;}
.menu-logo a img{ width:40px;}

.top-menu-mob{ background:#eee; padding:10px;  height:60px;}
.top-menu-mob img{ height:100%; margin-right:20%;}

/* End header */

/* Start footer */

footer{ background:#333;font-family:"ns";}

footer .footer-top{ border-top:2px solid #ddd; border-bottom:2px solid #ddd; background:#fff;}
footer .footer-top .date-today{ font-family:"ns"; font-weight:400; color:#666; font-size:14px; padding:18px 0px; }
footer .footer-top .scrollup{ font-family:"ns"; font-weight:700; color:#fff; font-size:14px; display:block; width:56px; height:56px; text-align:center; padding-top:8px;}
footer .footer-top .scrollup:hover span{ animation: translateyLink 0.3s infinite; animation-direction: alternate;}
@keyframes translateyLink {  0% {    transform: translatey(0px);  }  100% {    transform: translatey(-5px);  }}

footer .footer-title-website{ margin-top:30px; margin-bottom:20px; height:62px;}
footer .footer-title-website img{margin-left:10px;}
footer .footer-title-website p{ color:#999; font-size:12px;}
footer .footer-title-website h3{ font-size:24px; color:#fff; margin-bottom:10px; font-weight:400;}
footer .footer-title-website h3 span{ color:#999; font-size:16px;}

footer .footer-info{ color:#999; height:62px; padding:12px 0px; margin-top:30px; margin-bottom:20px;}
footer .footer-info h4{	border-left:1px solid #504c48;    padding: 10px;    margin: 0;    margin-left: 10px;	font-weight:700;	font-size:16px;}
footer .footer-info ul{ list-style:none;}

footer .footer-social-media{ border-top:1px solid #504c48; border-bottom:1px solid #504c48;}
footer .footer-social-media img.responsive{ margin-top:20px; margin-bottom:20px;}
footer .footer-social-media ul{ margin:0;}
footer .footer-social-media ul li{ margin:0; padding:0;}
footer .footer-social-media ul li a{ font-size:26px; color:#FFFFFF; border-left: 1px solid #504c48; display:block; margin-right:-4px;}
footer .footer-social-media ul li a.border-right{border-right: 1px solid #504c48; margin-right:20px;}
footer .footer-social-media ul li a span{ padding:23px;}
footer .footer-social-media ul li a:hover .fa-facebook{ background:#3b5999;}
footer .footer-social-media ul li a:hover .fa-twitter{ background:#00a0d2;}
footer .footer-social-media ul li a:hover .fa-linkedin{ background:#34516f;}
footer .footer-social-media ul li a:hover .fa-youtube{ background:#c4302c;}
footer .footer-social-media ul li a:hover .fa-flickr{ background:#f99b39;}

footer .colleges-footer-hotlink-img { background:#ddd; padding:30px 0px;}
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item{color:#333;  display:block;}
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item h3{text-align: center; font-size: 16px; margin: 10px 0px ; }
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item .colleges-footer-hotlink-img-box{ width:100%; height:150px; overflow:hidden; position:relative;}
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item .colleges-footer-hotlink-img-box img{ width:100%;}
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item .colleges-footer-hotlink-img-box span{ position: absolute; top: 30%; right: 40%; font-size: 45px; color: #fff; z-index:9999;	transform: scale(0); padding:15px; }
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item:hover .colleges-footer-hotlink-img-box img{ transform: scale(1.1); opacity:0.8}
footer .colleges-footer-hotlink-img .colleges-footer-hotlink-item:hover .colleges-footer-hotlink-img-box span{ transform: scale(1.2);}

footer .colleges-footer-hotlink { padding:30px 0px;}
footer .colleges-footer-hotlink h3{ color:#fff; font-size:16px;}
footer .colleges-footer-hotlink hr{ border-color:#504c48; margin-top:15px; margin-bottom:15px;}
footer .colleges-footer-hotlink ul{ color:#999; font-size:14px; }
footer .colleges-footer-hotlink ul li{ line-height:2;}
footer .colleges-footer-hotlink ul li a{ color:#999;}
footer .colleges-footer-hotlink ul li a:hover{ color:#fff; margin-right:5px;}

/* End footer */