@charset "utf-8";
/* CSS Document */
/* Start header */
header {}
header .logo{ margin-top:30px; margin-bottom:20px;}
header .logo a{ display:block;}
header .top_menu{ font-size:14px; text-align:left; font-family:"ns"; color:#666; font-weight:400; margin-top:30px; margin-bottom:20px;}
header .top_menu a{color:#666;}
header form.search{ position:relative; font-size:14px; font-family:"ns"; color:#333; font-weight:400; }
header form.search input{
background: #e6eaed;
border: 0;
border-radius: 100px;
padding: 6px 15px;
width: 235px;
outline: none;
font-size: 12px;
height: 32px;
}
header form.search button{ position: absolute;
left: 3px;
color: #fff;
border: 0;
width: 26px;
height: 26px;
top: 3px;
outline: none;
font-size: 13px;
text-align: center;}
li.inline_menus { position:static !important;}
li.inline_menus .dropdown-menu { border-radius: 0; margin: 0 !important; padding: 0; left: 0; right: 0; border: 0; background:rgba(255,255,255,0.8); background:#fff \9;}
li.inline_menus .dropdown-menu ul li { border:0 !important;}
nav .menu{font-size:14px; font-weight:700; position:relative; z-index:99;}
nav .menu ul{ margin:0;padding: 0; }
nav .menu .dropdown-submenu .dropdown-menu { min-width: 190px;}
nav .menu ul.multi-level{ min-width: 210px;}
nav .menu ul li{ padding:0; float: right; list-style: none; position:relative;}
nav .menu ul li a{ color:#fff; display:block; padding:15px 20px; cursor:pointer;}
nav .menu ul li ul{ border:0px; border-radius:0;}
nav .menu ul li ul li{ float:none; border-bottom:1px solid #ddd;}
nav .menu ul li ul li a{
border: 0;
color: #666;
font-size: 13px;
font-weight: 300;
padding: 9px 15px 9px 15px;}
.menu-logo-text{display:none; padding:13px 0px !important; font-size:12px;}
.menu-logo{display:none; padding:10px !important;}
.menu-logo img{ width:40px;}
.btn-menu-in-mob{ display:none;}
nav.darkHeader{
position:fixed !important;
top:0px;
left:0;
right:0;
background:#fff;
z-index:100;
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;
}
nav.darkHeader .menu .menu-logo{display:block;}
nav.darkHeader .btn-menu-in-mob{ display:block;}
nav.darkHeader .btn-menu-in-tablet{ display:none;}
nav.darkHeader .menu{ background:none !important;}
nav.darkHeader .menu ul li a{padding:20px 20px; color:#333 !important; border:0 !important;}
nav.darkHeader .menu ul li ul li a{padding: 9px 15px 9px 20px;}
nav.darkHeader .menu ul li a.active{ background:#eee !important;}
nav.darkHeader .menu ul li a:hover{ background:#eee !important;}
nav.darkHeader .menu ul li a:focus{ background:#eee !important;}
nav.darkHeader .menu ul li a:focus{ background:#eee !important;}
nav.darkHeader .new-student-box-close{ top:-90px;}
.new-student-box{ width: 100%; height: auto; position: absolute; left: 0; right:0; padding:30px 0px; z-index:999; }
.new-student-btn { cursor:pointer;}
.new-student-box h3{ color:#FFFFFF;}
.new-student-box hr{ margin-bottom:0;}
.new-student-box .new-student-img-box{ width:100%; height:400px; overflow:hidden; margin-top:20px;}
.new-student-box .new-student-img-box img{ height:100%;}
.new-student-box .new-student-text{ color:#fff; font-size:16px; line-height:30px; margin-top:20px;}
.new-student-box .new-student-text p{ text-align:justify; margin:0; margin-top:20px; }
.new-student-box-close{ position:absolute !important; left:15px; top:-80px;}
#lockScreen{ position:fixed; top:0; background:rgba(0,0,0,0.8); background:#000 \9; z-index:99; height:100%; width:100%; cursor:not-allowed;}
.top-menu-mob{ background:#eee; padding:10px; height:60px;}
.top-menu-mob img{ height:100%; margin-right:20%;}
/* custom inclusion of right, left and below tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
float: left;
margin-right: 19px;
}
.tabs-right > .nav-tabs > li > a {
border:0;
color: #fff;
border-bottom: 1px solid ;
border-radius: 0;
font-size: 14px;
padding: 15px 10px 15px 25px;
font-weight: 700;
}
.tabs-right > .nav-tabs > li > a span {
font-size: 14px;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:focus {
border:0;
border-bottom:1px solid ;
background:rgba(255,255,255,0.1);
color:#fff;
}
.nav > li > a:hover, .nav > li > a:focus{
border:0;
border-bottom:1px solid ;
background:rgba(255,255,255,0.1);
color:#fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
border:0;
border-bottom:1px solid ;
background:rgba(255,255,255,0.1);
color:#fff;
cursor: pointer;
}
/* اظهار القائمة الفرعية عند Hover */
header.hover-menu .dropdown-menu .sub-menu { visibility: hidden; }
header.hover-menu .dropdown-menu li:hover .sub-menu { visibility: visible; }
header.hover-menu .dropdown:hover .dropdown-menu { display: block; }
/* End header */
/* 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 */
/* Start footer */
footer{ background:#333;font-family:"ns";}
footer .footer-map{pointer-events: none;}
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-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; margin-bottom:30px;}
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 .footer-list-link{ font-family:"ns"; margin:0; padding:0; border-right: 1px solid #504c48; padding-right: 20px;}
footer .footer-list-link ul{ padding:0;}
footer .footer-list-link h3{ font-size:16px; color:#fff; margin-bottom:15px;}
footer .footer-list-link li{ font-size:13px; font-weight:400; line-height:28px;}
footer .footer-list-link li a{ color:#999;}
footer .footer-list-link li a:hover{ color:#fff; margin-right:2px;}
footer .footer-mail-list{ border:1px solid #504c48; padding:20px; font-family:"ns";}
footer .footer-mail-list h3{ color:#FFFFFF; font-size:18px; margin-bottom:10px;}
footer .footer-mail-list p{ color:#999; font-size:14px; font-weight:400;}
footer .footer-mail-list form { font-size:14px; font-weight:700;}
footer .footer-mail-list form input{ border-radius:0; background:#333; border:1px solid #504c48; height:46px; color:#fff; width:330px !important;}
footer .footer-mail-list form button{ border-radius:0; background:#dea537; border:1px solid #c48a19; height:46px; width:68px;}
footer .footer-album{ background:#eee; padding:30px 0px;}
footer .footer-album a.footer-album_box{ position:relative; display:block; color:#fff; font-size:16px; font-weight:700; overflow:hidden;}
footer .footer-album a.footer-album_box .footer-album_color{ position: absolute; bottom: 0; height: 50%; z-index: 9; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
footer .footer-album a.footer-album_box .footer-album_imgNambar{ position: absolute; top: 10px; left:10px; z-index: 10; background-color: rgba(0,0,0,0.5); padding:5px 10px; font-size:14px;}
footer .footer-album a.footer-album_box .footer-album_img{ width:100%; height:280px; overflow:hidden;}
footer .footer-album a.footer-album_box .footer-album_img img{ height:100%;}
footer .footer-album a.footer-album_box h3{ font-size:16px; line-height:25px; position:absolute; bottom:0; padding:15px; z-index:10;}
footer .footer-album a.footer-album_box:hover h3{ padding-bottom:30px;}
footer .footer-album a.footer-album_box:hover .footer-album_color{ height:80%;}
/* End footer */