@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
  
html, body {
    margin:0;
    padding:0;
    width:100%;
}

body { 
    font-family:'DroidArabicKufiRegular';
}

header {
   width:100%;
   height:92vh;
   background:url(../images/background3333.jpg) no-repeat 50% 50%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.content {
   width:90%;
   margin:4em auto;
   font-size:20px;
   line-height:30px;
   text-align:justify;
}

h1{
  font-family:Impact, fantasy;
  text-align:center;
  font-size:50px;
  color:#000;
}

h3{
   text-align:center;
   font-family:sans-serif;
   color:#000;
}



.logo {
   position:fixed;
   float:left;
   margin:10px 30px;
   color:#fff;
   font-weight:bold;
   font-size:24px;
   font-family:sans-serif;
}

#logo2{
    display:none;
}

#search2{
    display:none;
}

nav {
     position:fixed;
     width:100%;
}

nav ul {
   list-style:none;
   background:rgba(0,0,0,0);
   overflow:hidden;
   color:#fff;
   padding:0;
   text-align:center;
   margin:0;
   transition:1s;   
}

nav.black ul{
    background:#247696;
}

nav.black ul li:hover{
    background:#1c5e78;
}

nav.black ul li:hover::before {
   left:0%;
   width:0%;
}


nav.black .menu2{
    background:#fff;
    color:#000;
     box-shadow: 0px 3px #e0e0e0;
}

nav.black .menu2 li a{
    color:#000;
}

nav.black .menu2 li{
    color:#000;
    position:relative;
}


nav.black .menu2 li::after{
    content:'';
    width:0%;
    height:3px;
    background:#247696;
    position:absolute;
    bottom:0%;
    left:50%;
    border-radius:10px;
    transition:all 500ms ease;
}

nav.black .menu2 li:hover::after {
   left:0%;
   width:100%;
}


nav.black .menu2 li:hover{
    background:#fff;
}

nav.black .menu2 li a:hover{
    color:#b1040e;
}


nav ul li {
   display:inline-block;
   padding:10px 20px;  
   font-family:sans-serif;  
   position:relative;
}


nav ul li a {
   text-decoration:none;
   color:#fff;
   font-size:14px;   
}
nav ul li a:hover {
  color:#b70a0a;
}


nav ul li::before {
    content:'';
    width:0%;
    height:3px;
    background:#fff;
    position:absolute;
    top:0%;
    left:50%;
    border-radius:10px;
    transition:all 500ms ease;    
}

nav ul li:hover::before {
   left:0%;
   width:100%;
}

nav .menu2 li {
   display:inline-block;
   padding:10px 20px;  
   font-family:sans-serif;  
   position:relative;
}


nav .menu2 li a {
   text-decoration:none;
   color:#fff;
   font-size:16px;   
}

nav .menu2 li:hover::before{
    width:0%;
}
nav .menu2 li::after {
    content:'';
    width:0%;
    height:3px;
    background:#fff;
    position:absolute;
    bottom:0%;
    left:50%;
    border-radius:10px;
    transition:all 500ms ease;    
}

nav .menu2 li:hover::after {
   left:0%;
   width:100%;
}


.menu-icon {
   width:100%;
   background:#247696;
   text-align:right;
   box-sizing:border-box;
   padding:15px 24px;
   cursor:pointer;
   color:#fff;
   display:none;
}

.divLargeNew {
   width:48%; 
    float:left; 
   height:190px;
   margin:10px;
   box-shadow:5px 5px 5px #8a8888;
}

.divLargeNew a{
   text-decoration:none;
   color:#535252;
   font-weight:bold;
   font-family:sans-serif; 
}

.divSmallNew {
   width:23%;
   float:left; 
   height:190px;
   margin:10px;
   box-shadow:5px 5px 5px #8a8888;
}

.divSmallNew a{
   text-decoration:none;
   color:#535252;
   font-weight:bold;
   font-family:sans-serif; 
}


#MoreNews{
    background-color: #247696;
    color: #fff;
    padding: 15px;
    outline: none;
    border: none;
    width: 30%;
    font-weight: bold;
    font-family: sans-serif;
}

#MoreNews:hover{
    background-color: #1c5e78;
   cursor:pointer;
}



#MoreEvents{
    background-color: #247696;
    color: #fff;
    padding: 15px;
    outline: none;
    border: none;
    width: 30%;
    font-weight: bold;
    font-family: sans-serif;
}

#MoreEvents:hover{
    background-color: #1c5e78;
    cursor:pointer;
}

#MoreResearch{
    background-color: #247696;
    color: #fff;
    padding: 15px;
    outline: none;
    border: none;
    width: 30%;
    font-weight: bold;
    font-family: sans-serif;
}

#MoreResearch:hover{
    background-color: #1c5e78;
    cursor:pointer;
}

#aboutMinia{
    background-color: #247696;
    color: #fff;
    padding: 15px;
    outline: none;
    border: none;
    width: 30%;
    font-weight: bold;
    font-family: sans-serif;
}

#aboutMinia:hover{
    background-color: #1c5e78;
    cursor:pointer;
}




.Divmenu{
    width:100%;
    background:#dbe2e3;
    
    padding-bottom:10px;
}

.tdmenu { 
    padding:5px;
}

.tdmenu:hover { 
    background:#1c5e78;
}

.menuLink {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-family:'DroidArabicKufiRegular';
}
.menuLink:hover {
    color:#fff;    
}


.Divmenu {
     display:none; 
}

#divone , #divtwo , #divthree , #divfore , divfive , divsix , divseven , diveight{
	background:#d8d8d8;
}

.mymultiplediv a {
   font-size:20px;
   font-weight:bold;
}

.divImg {
   width: 100%;
   height: 165px;
   background-color: #d4cece;
   float: left;
}

.tdSearch{

}

.tdSearch:hover{
    background-color:#247696;
}


.divExplore {
   width:100%;
   height:8vh;
   padding-top:10px;
   background-color:#247696;
   text-align:center;
}

.divExplore a{
    text-decoration:none;
    font-size:18px;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
}

.divNews {
   width:100%; 
}


.divbtnMore {
    text-align:center;
    margin:20px; 
    clear:both;
    padding-top:20px;
}


.divEvents{
   width:100%;
   background-color:#b9b3b3;
   height:700px;
   margin-top:30px;
   padding:7% 3%;
}

.events{
    width:23%;
    background-color:#fff;
    height:350px;
    float:left;
    margin:10px;
}


.lab_lecture{
   color: #9e0606;
   font-family: sans-serif;
   font-size: 15px;
   font-weight: bold;
}

.divResearch{
     padding-top:20px;
     clear:both;
     margin-top:20px;
}

.divResearch p{
     font-size: 26px;
     text-align: center;
     margin-left: 18%;
     margin-right: 18%;
     color:#000;
}

.divResearchSec{
  width:30%;
  float:left;
  margin:20px;
  text-align:center;
}

.footer{
   width:100%;
   background-color:#247696;
   height:234px;
   clear:both;
}

.divFooter{
  width:20%;
  margin:20px;
  float:left;
}

 .second_menu{
       display:none;
       background-color:#fff;
   }


 .second_menu table{
       width:100%;
 }

 
 .second_menu td{
      text-align:center;
      border:1px solid #a49c9c;
 }

 
 .second_menu a{
       color:#191616;
       font-size:18px;
       font-family:sans-serif;

 }


 .social{
     clear:both;
     width:100%;
 }

 .divImges{
     width:50%;
     float:left;
     padding-left:5%;
 }

 .divReserved{
     width:44%;
     line-height:32px;
     float:right;
 }


 
.navigation {
  width: 300px;
}

 
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
 
.mainmenu a {
  display: block;
  background-color: #CCC;
  text-decoration: none;
  padding: 10px;
  color: #000;
}

 
.mainmenu a:hover {
    background-color: #C5C5C5;
}

 

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

 

.submenu a {
  background-color: #999;
}

 
.submenu a:hover {
  background-color: #666;
}

 
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}


.sliderpage{
    width:100%;
	height:80vh;
	margin:0;
	border:none;
}

 @media(max-width: 990px) {



    .logo {
        position:fixed;
        top:0;
        margin-top:16px;
    }

    #logo2{
        display:block;
    }

    #logo1{
        display:none;
    }

    #search2{
    display:block;
}

   
   .sliderpage{
	    height:50vh;
   }


    nav ul {
        max-height:0px;
        background:#000;
    }

    nav.black ul {
       background:#000;
    }

    .showing {
        max-height:20em;
    }

    nav ul li {
       box-sizing:border-box;
       width:95%;
       padding:24px 0;
       text-align:center;
    }

    .menu-icon {
       display:block;
    }

    .divLargeNew{
       width:95%;
       margin:auto;
       margin-bottom:10px;
   }

    .divSmallNew {
       width:95%;
       margin:auto;
       margin-bottom:10px;
    }

    #MoreNews {
        width:95%;
    }

    .events{
        width:95%;
        margin:auto;
        margin-bottom: 7px;
    }

    #MoreEvents{
        width:95%;
    }

    .divEvents{
     height: 1870px;
    }

    .divResearch p{
     font-size: 22px;
   }
 
   .divResearchSec{
      width:95%;
    }

   #MoreResearch{
       width:95%;
   }

   #aboutMinia{
       width:95%;
   }

   .divFooter{
       width:48%;
       padding-left:3%;
       font-size:11px;
       margin:auto;
   }

   .footer{
       height:410px;
   }

   .Primary_menu{
       display:none;
   }

   .divImges{
       width:100%;
   }

   .divReserved{
     width:91%; 
 }
   
}

 .containerl {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-right:35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.containerl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkmark {
    position: absolute;
    top: 0;
    left: 0; 
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


.containerl:hover input ~ .checkmark {
    background-color: #ccc;
}
 
.containerl input:checked ~ .checkmark {
    background-color: #247696;
}
 
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.containerl input:checked ~ .checkmark:after {
    display: block;
}


.containerl .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.textSearch{
    width:75%;
    padding:10px;
    color:#232020;
    font-size:18px;
    border:0px;
    outline:none;
}

.btnSearch{
    width:22%;
    color:#fff;
    background-color:#247696;
    text-align:center;
    padding:10px;
    border:0px;
    outline:none;
    font-size:18px;
    cursor:not-allowed;
}