*
{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    border:px  solid  red
}
body
{
    max-width: 1500px;
    margin: auto;
}

.bgd
{
    background-color:rgb(20, 2, 53);
}

.bg
{
    background-image:linear-gradient(rgba(44, 106, 156, 0.3),rgba(73, 46, 46, 0.3)),url(../images/pic10.jpeg);
    background-size: cover;
    background-position: center ;
}

.bg-fixed
{
    background-image:linear-gradient(rgba(253, 253, 253, 0.8),rgba(63, 56, 56, 0.8)),url(../images/pic10.jpeg);
    background-size: cover;
    background-position: center;
}

.bdr
{
    border:2px solid;
}

.social .icons
{
    color:white;
    transition: all 0.5s;
}
.social .icons:hover
{
    color:rgb(0, 0, 0);
    cursor:pointer;
}
.pri
{
    padding: 5px;
    background:white;
    font-weight:900;
    border-radius: 4px;
    text-decoration:none;
    transition: all 0.5s;
}
.pri:hover
{
    background:black;
    color:white;
    text-decoration:none;
}
.sec
{
    padding: 3px;
    background:transparent;
    font-weight:900;
    border:2px solid  rgb(15, 1, 41);
    color:rgb(15, 1, 41);
    border-radius: 3px;
    text-decoration:none ;
    transition: all 0.5s;
}
.sec2
{
    padding: 3px;
    background:rgb(15, 1, 41);
    font-weight:900;
    border:2px solid  rgb(15, 1, 41);
    color:white;
    border-radius: 3px;
    text-decoration:none;
    transition: all 0.5s;
}

.sec2:hover
{
    box-shadow: 1px 1px 20px black ;
    color:  rgb(15, 1, 41);
    background-color: transparent;
    text-decoration:none ;
}
.sec:hover
{
    box-shadow: 1px 1px 20px black ;
    color:white!important;
    background-color: rgb(15, 1, 41);
    text-decoration:none ;
}
.s1
{
    color:rgb(238, 54, 9);
    font-size:55px;
}
.s2
{
    color:rgb(238, 54, 9);
}
.s3
{
    color:rgb(255, 255, 255);
    font-size:60px;
}

.dark
{
    color:rgb(26, 6, 65);
}

.list-of-content
{
    font-family: tahoma;
}

/*header------------------------------------------------------------------------------------------*/



/*sec   nav------------------------------------------------------------------------------------------*/
.top-bar
{
    background-color:rgb(20, 2, 53);
    color:white;
    font-weight: 900;
    text-align: right;
}
nav 
{
    background-color:white;
    border-bottom: 2px solid ;
}
nav ul  a
{
    color:black;
    font-weight:900;
    font-family:tahoma;
    font-size: 14px;
    border-right: 0px solid;
    border-left: 0px solid;
    transition: all 0.5s;
}

nav ul a:hover
{
    border-right: 2px solid black;
    border-left: 2px solid black;
    color:grey;

}




/*sec   intro------------------------------------------------------------------------------------------*/
.intro  h1
{
    font-family: tahoma;
    font-weight: 900;
    font-size: 45px;
 
}






/*  #####sec .about   ------------------------------------------------------------------------------------------*/
.about
{
   margin: 100px 0;
}

.about  img
{
    opacity:0.9;
    width:85%;
    border-radius:3px;
    transition:transform    0.5s;
    
}

.about  img:hover
{
    transform: scale(1.1);
}

.about  .panel
{
        font-family:  tahoma;
}

.panel  p
{
    line-height: 28px;
    font-weight: bold;
}




/*  ##### sec.our-leaders   ------------------------------------------------------------------------------------------*/

.our-leaders
{
    font-family: tahoma;
}














/*  ##### .Gallery-page-style   -----------------------------------------------------*/
.gallery  img
{
    border-radius: 5px;
}
 .category-group   a
{
    cursor: pointer;
    padding: 3px;
    border:2px  solid;
    font-weight: 900;
    text-decoration:none;
    margin: 4px 3px;
    border-radius: 3px;
    transition: all 0.5s;
    
    
}
.category-group   a:hover
{
   color: grey;
}
.category-group .activ
{
    margin-right: 20px;
}







/*  ##### .aoute-page-style   ------------------------------------------------*/
.About 
{
    font-family: tahoma;
}

.About  p
{
    font-weight: 600;
}
.About  a
{
    color:white;
    text-decoration:none;
}
.About  a:hover
{
    color:rgb(4, 4, 63);
}
.brief-history
{
    font-family: tahoma;
}
.brief-history  th
{
    border:1px solid;
    padding: 5px;

}
.brief-history  td
{
    border:1px solid;
    padding: 5px;
     
}



.study
{
    font-family: tahoma;
}

.pray
{
    font-family: tahoma;
    margin: 100px   0;
}

/*  ##### members-page-style   ------------------------------------------------------------------------------------------*/

.member table
{
    border:1px solid;
   
}
.member table th
{
    border:1px solid;
    padding: 10px;
    text-transform: uppercase;
}
.member table  td
{
    border:1px solid;
    padding: 10px;
}

.sub-title  h3
{
    border-top:3px  solid  chocolate;
}

.members iframe
{
    width:100%;
    min-height:100vh;
}


/*  #####.Contact us .-style   ------------------------------------------------------------------------------------------*/
.Contact
{
    font-family: tahoma;
}


.Contact  form
{
    border:0px  solid rgb(20, 2, 53);
    border-top-right-radius: 0px;
}
.input-text
{
    border:none;
    border-bottom: 2px  solid rgb(20, 2, 53);
    padding: 10px;
    width:100%;
    background:transparent;
    
}
.input-text-area
{
    border:2px  solid rgb(20, 2, 53);
    padding: 10px;
    width:100%;
    background:transparent;
    
}
.input-text:focus
{
    background: rgb(20, 2, 53);
    color:white;
}
.input-text-area:focus
{
    background: rgb(20, 2, 53);
    color:white;
}
.submit
{
    width:100%;
    padding: 5px;
    background:white;
    border: 2px  solid rgb(20, 2, 53);
    font-weight: 900;
    font-size: 20px;
    transition: all 0.5s;
}

.submit:hover
{
   
    background:rgb(20, 2, 53);;
    border: 2px  solid rgb(20, 2, 53);
    font-weight: 900;
    font-size: 20px;
    color:white;
}



.footer
{
    background: black ; 
    font-family: tahoma;
   
   
}

.footer h3
{
    color:white;
}
.footer p
{
   font-weight: 900;
}
.sir9
{
    color:white;
    font-family:cursive;
    font-size: 20px;
}
























@media screen and  (max-width:600px)
{
.top-bar
{
    display:none !important;
    background-color: red;
}

}