@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@font-face {
    font-family: 'HacenSamraLt';
    src: url(../fonts/HacenSamraLt.eot);
    src: url('../fonts/HacenSamraLt.eot') format('embedded-opentype'),
         url('../fonts/HacenSamraLt.woff2') format('woff2'),
         url('../fonts/HacenSamraLt.woff') format('woff'),
         url('../fonts/HacenSamraLt.ttf') format('truetype'),
         url('../fonts/HacenSamraLt.svg#HacenSamraLt') format('svg');
}


body{
	overflow-x:hidden; 
	font-family:'Droid Arabic Kufi', serif !important;
	direction:rtl;
	}
	a{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
p {
	font-family:'Droid Arabic Kufi', serif !important;
	color: #666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}
h1,h2,h3,h4, {
	font-family:'HacenSamraLt' !important;
}

h1 {
	font-size:24px;
	color:#fff;
	font-weight:800;
	margin:0 0 5px!important;
	padding:0 !important;
	text-transform:uppercase;
}
h2 {
	font-size:24px;
	color:#054978;
	font-weight:800;
	margin:0 !important;
	padding:0 !important;
	text-transform:uppercase;
	text-align:center;
}
h3 {
	font-size:17px;
	color:#f57f21;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	margin:0 !important;
	padding:0 !important;
}
h4 {
	color: #000;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 0 !important;
    padding: 0 !important;
}
/*******************************/

/* ---------------------------------------------------------------------------------------*/

/**** \\ about_home // ****/

.AboutHome{
	background:url(../images/bgimg.png) #054978 no-repeat fixed center center;
	background-size:cover;
	padding:30px 20px 10px; 
	
}
.about_home-title {
	margin-bottom:15px;
	text-align:center;
}
.about_home-cont p{
	text-align:center;
	color:#fff;
	margin:0;
}

/* \\ about_home // */

/* ---------------------------------------------------------------------------------------*/

/**** \\ MORE // ****/
.More {
	margin:15px 0;
}
.More a {
	background:#f57f21;
    color: #fff;
    font-size: 15px;
    margin: 10px auto 0;
    padding: 10px 25px;
    text-align: center;
    width: 150px;
	display: block;
	text-transform:uppercase;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.More a:hover {
	background:#053d64;
	color:#f57f21;
	text-decoration:none
}

@media screen and (max-width: 767px) {
	.More a {
    font-size: 13px;
    padding: 10px 20px;
    width: 125px;
}
.IconLink {
	font-size: 13px;
    padding: 10px 20px;
}
}
.IconLink i {
	margin-left:10px;
}
.IconLink {
	margin:15px 0;
	background:#f57f21;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    text-align: center;
	float:right;
	display: block;
	text-transform:uppercase;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.IconLink:hover {
	background:#053d64;
	color:#f57f21;
	text-decoration:none
}

.RegisterEvent {
    background:#053d64;
	color:#f57f21;
	text-decoration:none;
    margin-left:15px;
}

.RegisterEvent:hover {
    background:#f57f21;
	color:#fff;
	text-decoration:none
}

/* \\ MORE // */

/* ---------------------------------------------------------------------------------------*/

/* News */
.News  {
	padding-top:30px;
	/*margin-bottom:20px;*/
}
.News h2, h3 {
	text-align:center;
}
.News h3 {
	margin-bottom:35px;
}
.FocusNews {
	margin-bottom:20px;
}
.LatestNews {
	margin-bottom:20px;
}
.FocusNews_img {
	width:100%;
	margin-bottom:20px;
	height:245px;
	overflow:hidden;
	border-bottom:5px solid #054978;
}
.FocusNews_img img{
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
.FocusNews_img img:hover{
	-webkit-filter: sepia(80%); 
    filter: sepia(80%); 
}
.FocusNews_left {
    float: right;
    padding:0 2%;
    text-align: center;
	width:14%;
}
.FocusNews_Date {
    border-bottom: 1px solid #d3d3d3;
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.FocusNews_Date span {
    color: #f57f21;
    display: block;
    font-size: 32px;
    font-weight: 700;
    margin: -9px 0 0;
    padding: 0;
}
.FocusNews_Time {
}
.TimeIcon{
	margin-bottom:5px;
}
.TimeIcon_Text {
	font-size:14px;
	color:#c2c0c0;
}
.FocusNews_right {
   border-right: none!important;
    margin-right:0;
    padding-right:0;
    width: 84%;
	float:right;
}
.FocusNews_right p{
	text-align:justify;
}
.FocusNews_right h4{
	margin-bottom:10px !important;
}
/* \\News// */

/* ---------------------------------------------------------------------------------------*/

/**** ListNews ****/
.ListNews {
	border:1px solid #d3d3d3;
	margin-bottom:25px;
	padding:5px;
	width:100%;
	text-decoration:none !important;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ListDescription {
	height:150px;
	overflow:hidden;
}
.ListNews p{
	text-align:justify;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ListNews h3{
	text-align: right;
	color:#000;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.DateBox {
	background: #f57f21 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: right;
    font-size: 13px;
    font-weight: 300;
    height: 58px;
    margin-right: 14px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 58px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.DateBox span {
    display: block;
    font-size: 23px;
    font-weight: 700;
    margin-top: -11px;
}

.ListNews_img {
	width:100%;
	margin-bottom:10px;
	height:165px;
	overflow:hidden;
	border-bottom:5px solid #054978;
}
.ListNews img{
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
.ListNews:hover img{
	-webkit-filter: sepia(80%); 
    filter: sepia(80%); 
}
.ListNews:hover h3{
	color:#f57f21;
}
.ListNews:hover .DateBox {
	background: #054978;
}

.ListNews:hover p{
	color:#094c73;
}

.ListNews:hover{
	background: #f5f5f5;
}

.FtomTo {
    background: #f6f7f8 none repeat scroll 0 0;
    color: #094c73 !important;
    font-size: 11px !important;
    height: 24px;
    line-height: 24px;
    margin-bottom: 6px;
    overflow: hidden;
}
.FtomTo span {
    color: #f57f21;
}
.FtomTo i {
    background: #f57f21 none repeat scroll 0 0;
    border-radius: 1px;
    color: #fff;
    font-size: 16px;
    margin-left: 7px !important;
    padding: 4px;
}
/**** //ListNews// ****/

/* ---------------------------------------------------------------------------------------*/

/**** video-holder ****/
.video-holder {
    overflow: hidden;
	margin-bottom:20px;
	background:#dcd9d9;
}
.video-holder iframe {
    width: 100%;
}
.video-holder iframe {
    border: medium none;
}
/**** //video-holder ****/

/* ---------------------------------------------------------------------------------------*/

/* accordion */
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius:0;
    padding:0;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
    display: block;
    min-height: 40px;
    line-height: 40px;
    text-decoration: none;
    padding: 0 20px;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
	background: #054978 ;
    border-right: 1px solid #ddd;
    margin-left: -15px;
    margin-left: -20px;
    padding: 0 15px;
    font-size: 11px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f053";    /* adjust as needed, taken from bootstrap.css */
	background: #f6f7f8 none repeat scroll 0 0 !important;
    color: #f58532;
}

.panel-heading .accordion-toggle span font{
	color: #f58532;
}
.panel-heading .accordion-toggle.collapsed span font{
	color: #989898;
}
.panel-heading .accordion-toggle span {
	border-left:1px solid #ddd !important;
	padding-left:15px !important;
	margin-left:15px !important;
	float:right;
	color: #333;
	font-weight: 600 !important;
}
.panel-title {
	font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #666 !important;
	
}


.AccordionImg {
	width:30%;
	margin-right:4%;
	float:left;
	overflow:hidden;
}
.AccordionImg img{
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.AccordionImg img:hover {
-webkit-filter: sepia(60%); 
    filter: sepia(60%); 
}
.AccordionDescription {
	height:120px;
	overflow:hidden;
	margin-bottom:15px;
}
.panel-body h4{
	font-size:18px !important;
	margin-bottom:5px !important;
}
.panel-body p{
	text-align:justify;
}
.MORE_News {
	color: #f57f21 !important;
    float: right;
    font-size: 12px;
    padding-bottom: 3px;
    text-decoration: none !important;
}
.MORE_News:hover {
	color: #054978  !important;
}

.FollowNews {
	background: #054978 none repeat scroll 0 0;
    width: 100%;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
	text-decoration:none !important;
}
.FollowNews i {
	background: #f57f21 none repeat scroll 0 0;
    float: right;
    font-size: 21px;
    line-height: 35px;
    padding: 0 13px;
}
/* ---------------------------------------------------------------------------------------*/

/**** Download ****/
.OfficeDownload {
	text-decoration:none !important;
	display:block;
	padding:15px 10px;
	margin-bottom:20px;
	overflow: hidden;
    height: 185px;
}
.DowMore {
	float: left;
}
.OfficeDownload i{
	background: #054978 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 23px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 15px;
    text-align: center;
    width: 60px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.OfficeDownload:hover i {
	background: #fff none repeat scroll 0 0;
    color: #054978 ;
}
.OfficeDownload h3{
	font-size:16px;
}
.OfficeDownload p{
	text-align:center;
	color:#333;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
	
}
.OfficeDownload:hover p {
    color: #fff ;
}
/**** //Download// ****/

/* ---------------------------------------------------------------------------------------*/
.EventsFacultiesImgA {
    border: 1px solid #d3d3d3;
    height: 228px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
}
.EventsFacultiesImgB {
    height: 216px;
    overflow: hidden;
}
.EventsFacultiesImgB img{
    height: auto;
	width:100%;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.EventsFacultiesImgB img:hover{
    -webkit-filter: sepia(80%); 
    filter: sepia(80%); 
}
/*  Event */
.Gallery_Events {
	margin-bottom:65px;
}
.EventsHomeImgA {
    border: 1px solid #d3d3d3;
    height: 147px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
}
.EventsHomeImgB {
    height: 135px;
    overflow: hidden;
}
.EventsHomeImgB img{
    height: auto;
	width:100%;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.EventsHomeImgB img:hover{
    -webkit-filter: sepia(80%); 
    filter: sepia(80%); 
}
.EventTitle {
    background: rgba(5, 76, 120, 0.7) none repeat scroll 0 0;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    position: relative;
    top: -30px;
}
.EventTitle span {
    background: #fff none repeat scroll 0 0;
    color: #f57f21;
    font-size: 15px;
    font-weight: 600;
    height: 35px;
    padding:1px 4px;
}
.EventDate {
    background: #f57f21 ;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 300;
    height: 58px;
    margin-left: 20px;
    padding: 8px;
    position: relative;
    text-align: center;
    top: -96px;
    width: 58px;
}
.EventDate span {
    display: block;
    font-size: 23px;
    font-weight: 700;
    margin-top: -11px;
}
.EventsHome p {
	text-align:justify;
	height:60px;
	overflow:hidden;
	margin-bottom:18px;
}
/*.EventsHome ul {
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 0;
}
.EventsHome ul li {
    float: left;
    margin-right: 5px;
}
.EventsHome ul li a {
    background: #054978 ;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
	text-decoration:none;
}
.EventMore {
	background: #f57f21 !important;
}*/
.EventsHomelink {
    float: right;
    margin-right: 5px;
    background: #054978 ;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
	text-decoration:none;
}
.EventMore {
	background: #f57f21 !important ;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-right: -6px;
    padding: 0 10px;
    text-transform: uppercase;
    text-decoration:none;
}
.EventMore:hover {
    text-decoration:none;
    color:#fff;
}
.autolink {
    float:right;
}
.autolink span span{
    float: right;
    margin-right: 5px;
    background: #054978 ;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
	text-decoration:none;

}

/*  //Event// */

/* ---------------------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------------------*/
/**** left menu ****/

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul { list-style-type: none; }

a {
  color: #f57f21;
  text-decoration: none;
}


.accordionLeft {
  width: 100%;
  margin: 30px auto 20px;
  background: #FFF;
  border-left: 1px solid #ddd;
  padding-left:20px;
}

.accordionLeft .linkLeft {
  cursor: pointer;
  display: block;
  padding: 15px 42px 15px 15px ;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordionLeft li:last-child .linkLeft { border-bottom: 0; }

.accordionLeft li i {
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordionLeft li a{
  color:#4D4D4D;
  text-decoration:none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
 .accordionLeft li a:hover{
  color:#f57f21;
}

.accordionLeft li i.fa-chevron-down {
  right:auto ;
  left:6px ;
  font-size: 10px;
}

.accordionLeft li.open .link { color: #f57f21; }

.accordionLeft li.open i { color: #f57f21; }

.accordionLeft li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenuLeft {
  display: none;
  background: rgba(5, 73, 120, 0.8);
  font-size: 14px;
}

.submenuLeft li { border-bottom: 1px dotted rgba(255, 255, 255, 0.3)}

.submenuLeft a {
  display: block;
  text-decoration: none;
  color: #fff !important;;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenuLeft a:hover {
  background: #f57f21;
  color: #FFF;
}
/**** //left menu ****/


/* ---------------------------------------------------------------------------------------*/

/**** \\ Footer // *****/

footer {
	border-top:6px solid #063c61;
	background:#054978 url("../images/bgimg.png") no-repeat fixed center center / cover ;
	padding-top:20px;
    padding-bottom:48px;
	margin-top:45px;
}
footer h1 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #eeeeee;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
}
footer h1 span{
	font-weight:700;
}
.bgspan {
	background: url(../images/spanbg-footer.jpg) center center repeat;

	height:2px;
	width:100%;
	display:block;
	margin:15px 0 10px;
}
/******/

.footer_linkMain {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_linkMain li{
    color:#9b9b9b;
    float: left;
    padding: 5px 0;
    width: 100%;
	}
.footer_linkMain i{
		color:#62a0cb;
	}
.footer_linkMain li a{
	color: #a8d0f2 !important;
    font-size: 13px;
    padding: 0;
    text-align: right;
    text-decoration: none;
	}
.footer_linkMain li a:hover {
	color:#fff !important;
	padding:0 5px 0 0;
}
/******/
.footer_link {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_link li{
    color:#9b9b9b;
    float: right;
    margin-left: 4%;
    padding: 5px 0;
    width: 46%;
	}
.footer_link i{
		color:#62a0cb;
	}
.footer_link li a{
	color: #a8d0f2 !important;
    font-size: 13px;
    padding: 0;
    text-align: right;
    text-decoration: none;
	}
.footer_link li a:hover {
	color:#fff;
	padding:0 5px 0 0;
}

/****/
.ContactUs_footer {
	color: #62a0cb;
}
.ContactUs_footer p{
	font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #62a0cb;
	
}
.ContactUs_footer p span{
	color: #f57f21;
    display: block;
    font-weight: 600;
	
}
.ContactUs_footer ul{
	list-style:none;
	margin:30px 0 0px 0;
	padding:0;
	font-size:14px;
	font-weight:700;
	
}
.ContactUs_footer ul li {
	margin:15px 0;
	font-size: 13px;
	
}
.ContactUs_footer ul li a{
	margin:10px 0;

	
}
/**/
.FooterPhone {
    color: #62a0cb;
    font-weight: 400;
    width: 40% !important;
	float:left;
	margin-right:15px !important;
}
.FooterPhone span {
    color: #f57f21;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.FooterPhone span i {
    background: #619fca ;
    border-radius: 7px;
    color: #094671;
    font-size: 16px;
    margin: 0 10px;
    padding: 5px;
}
.FooterPhone font {
    display: block;
}
.FooterEmail {
    color: #62a0cb !important;
    font-weight: 400;
	float:right;
}
.FooterEmail span {
    color: #f57f21;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
	margin-top: -6px;
}
.FooterEmail span i {
    border-radius: 7px;
    color: #619fca;
    font-size: 23px;
    margin: 0 10px;
    padding:0 5px;
	top:7px;
}
.FooterEmail font {
    display: block;
}
.FooterEmail a{
	display:block !important;
	color: #62a0cb !important;
}
/**/
.mailto {
	color:#62a0cb;
	text-decoration:none;
	margin:0 !important;
}
.mailto:hover {
	color:#f57f21;
	text-decoration:none;
}

.copyright {
	margin-top:20px;
	background:rgba(6,60,97,0.8);
	padding:8px;
}
.copyright p{
	margin: 0;
    padding: 0;
    text-align: center;
	color:#fff;
	font-size:12px;
}

.copyright p a{
	font-weight:400;
	color:#f57f21;
}
.FooterLoogo {
	margin:0 auto;
}
.FooterLoogo img {
}
.FooterSocial {
	padding:15px 0 0 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color:#fff !important;
}
/*****************************************************************************************/
/***** inner *****/
.inner {
	padding:40px 0 0;
}
.inner p{
	padding:0 0 20px 0;
	text-align:justify;
}
.inner h3{
	text-align: right;
	margin-bottom:5px;
}

.breadcrumb {
	display:block;
	text-align:center;
	background-color:transparent;
	color:#f57f21;
	text-decoration:none;
}
.breadcrumb a{
	margin:0 5px;
	color:#f57f21;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#509dbd;
}
.breadcrumbActive {
	color:#509dbd !important;
}
/**** \inner / ****/

/*****************************************************************************************/

/****** contactUs ******/

.contactUs {
    margin: 25px 0;
}
.message-form input {
    margin-top: 18px !important;
}
.message-form textarea {
    padding-bottom: 20px;
}
.send {
    margin-top: 20px;
}
.info ul {
    margin: 0;
    padding: 0;
}
.info li {
    color: #666;
    font-family: 'Droid Arabic Kufi', serif !important;
    font-size: 13px;
    list-style: outside none none;
    margin: 10px 0;
}
.info li span {
    color: #f57f21;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.info i {
    background: #f57f21 none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    margin: 0 10px;
    padding: 5px;
}
.contactUs input, textarea {
    border: 1px solid #e2e2e2;
    color: #aaa;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    margin-top: 25px;
    outline: medium none;
    padding: 10px;
    width: 100%;
}
textarea {
    height: 165px;
    line-height: 18px;
    max-height: 180px;
    width: 100%;
}
.form label {
    color: #999999;
    margin-left: 10px;
}
.send button {
    background-color: #f57f21;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: 'Droid Arabic Kufi', serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 35px;
    line-height: 30px;
    outline: medium none;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 90px;
}
.send button:hover {
    background-color: #054978;
    text-decoration: none;
}
.leave input {
    background-color: #ee1b22;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: 'Droid Arabic Kufi', serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 35px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}
.send-message input {
    margin-top: 20px;
}
.message-form input {
    margin-top: 0;
}
.info a {
    color: #666;
    display: block;
    text-decoration: none;
}
.info a:hover {
    color: #f57f21;
}
.map {
    height: 399px;
    width: 100%;
}
@media screen and (max-width: 990px) {
.contact_img {
    margin-bottom: 50px;
    margin-top: 78px;
}
.send-message input {
    margin-top: 20px;
}
.info {
    margin-top: 60px;
    text-align: center;
}
}
@media screen and (max-width: 767px) {
.contact_img {
    margin-bottom: 50px;
    margin-top: 50px;
}
.send-message input {
    margin-top: 20px;
}
.info {
    margin-top: 60px;
    text-align: center;
}
}

.forgetsend {
    float:left;
}

/*****************************************************************************************/

/*****loading******/

.loading-overlay{
	background:#054978;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99999;
	overflow:hidden;
}

.spinner {
  margin: 300px auto;
  width: 100%;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #f57f21;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/***************************************
  ***********************Results******************
  ****************************/
.Results {
    font-size: 12px;
    margin-bottom: 20px;
}
.Results div {
    color: rgba(5, 73, 120, 0.95);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}
.Results span {
    /*background: #f6f6f6 none repeat scroll 0 0;*/
    color: #333;
    font-weight: 400;
    padding: 0 5px;
	display:
}
.R-back {
    background: #d9e6ef none repeat scroll 0 0;
    color: #11527f !important;
    display: inline-table;
    margin-left: -10px !important;
	min-width: 65px;
    text-align: center;

}
.R-back2 {
    background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    color: #fff !important;
    display: inline-table;
    margin: 0 !important;
	/*min-width: 152px;*/
}

.Results-Right {
	text-align:center;
	float:right;
	width:300px;
}
.Results-Left {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 215px;
}
.Padding0 {
    margin-bottom: -6px !important;
}

.printing {
	margin:0px 0;
}
.printing a {
	background:rgba(5, 73, 120, 0.95);
    color: #fff;
    font-size: 14px;
     margin-top: -4px;
	 margin-left:-3px;
    padding: 2px 25px;
    text-align: center;
    /*width: 150px;
	display: block;*/
	text-transform:uppercase;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.printing i {
    background: #f57f21 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin: -1px;
    padding: 3px 6px;
}
.printing a:hover {
	background:#053d64;
	color:#fff;
	text-decoration:none
}

.Line2 {
	background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    display: block;
    height: 4px;
    margin: -33px auto 30px;
    width: 100%;	
}
.Line3 {
	background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 0 auto 30px;
    width: 100%;	
}
.Line4 {
	background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 30px auto 30px;
    width: 100%;	
}


.tablesaw-stack td, .tablesaw-stack th {
    text-align: right !important;
}

/******* media *******/


@media screen and (max-width: 406px){
        .Padding0 {
    margin-bottom: 3px !important;
}
.Results-Right {
    width: 100%;
}
.Results-Left {
    width: 100%;
	margin: -10px 0 25px !important;
}
	.FocusNews_left {
    float: right;
	width:100%;
}
	.FocusNews_Date {
    border-right: 1px solid #d3d3d3;
	border-bottom: none;
    margin-bottom: 0;
    float: left;
    margin-right: 20px;
    padding: 0 20px 0 0;
}
	.FocusNews_Time {
    float: left;
}
	.FocusNews_right {
	border-left: medium none;
    border-top: 1px solid #d3d3d3;
    float: right;
    margin-top: 5px;
    padding-left: 0;
    padding-top: 5px;
    width: 100%;
}
	.FocusNews_img {
    height: 160px;
	margin-bottom: 10px;
}
	.TimeIcon img {
		width:25px;
		height:auto;
}
	.FocusNews_Date {
    font-size: 16px;
}
	.FocusNews_Date spsn{
    font-size: 28px;
	 margin: -12px 0 0;
}

/*****  ----------------------------------------  ******/

.panel-title {
    font-size: 12px;
}
.panel-heading .accordion-toggle span {
    margin-right: 6px !important;
    padding-right: 0 !important;
}
.panel-heading .accordion-toggle::after {
    font-size: 9px;
    margin-right: -20px;
    padding: 0 6px;
}
/*****  ----------------------------------------  ******/
.FooterEmail {
    float: left !important;
}
.FooterPhone {
	width:100% !important;
}
/*****  ----------------------------------------  ******/
.FooterSocial {
    padding: 0 0 10px 20px !important;
}
.footer_link li {
    color: #9b9b9b;
    float: none;
    padding: 5px 0;
    width: 100%;
}
.footer_link {
	margin-bottom:20px;
}
.footer_linkMain {
	margin-bottom:20px;
}


/*****  ----------------------------------------  ******/
.carousel-inner {
    height: 85px ;
    overflow: hidden;
}
/*****  ----------------------------------------  ******/
.ListDescription {
    height: 145px;
}
/*****  ----------------------------------------  ******/
.accordionLeft {
  border-right: none;
  padding-right:20px;
}
.banner {
height:150px !important;
}
}
@media screen and (min-width: 407px) and (max-width:767px){
        .Padding0 {
    margin-bottom: 3px !important;
}
.Results-Right {
    width: 100%;
}
.Results-Left {
    width: 100%;
	margin: -10px 0 25px !important;
}
	.FocusNews_left {
    float: right;
	width:100% ;
}
	.FocusNews_Date {
    border-right: 1px solid #d3d3d3;
	border-bottom: none;
    margin-bottom: 0;
    float: left;
    margin-right: 20px;
    padding: 0 20px 0 0;
}
	.FocusNews_Time {
    float: left;
}
	.FocusNews_right {
	border-left: medium none;
    border-top: 1px solid #d3d3d3;
    margin-left: 0;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
}
	.FocusNews_img {
    height: 245px;
}
/*****  ----------------------------------------  ******/

.OfficeDownload {
    height: 165px;
}
/*****  ----------------------------------------  ******/
.EventsHomeImgA {
    height: 200px;
}
.EventsHomeImgB {
    height: 188px;
}
/*****  ----------------------------------------  ******/
.FooterSocial {
    padding: 0 0 10px 20px !important;
}
.footer_link li {
    color: #9b9b9b;
    float: none;
    padding: 5px 0;
    width: 100%;
}
.footer_link {
	margin-bottom:20px;
}
.footer_linkMain {
	margin-bottom:20px;
}

/*****  ----------------------------------------  ******/
.carousel-inner {
    height: 85px ;
    overflow: hidden;
}
.FooterLoogo img {
    float: right;
}
/*****  ----------------------------------------  ******/
.ListNews_img {
    height: 200px;
}
.ListDescription {
    height: 120px;
}
/*****  ----------------------------------------  ******/
.accordionLeft {
  border-right: none;
  padding-right:20px;
}
.banner {
height:300px !important;
}

 .newsbar_container {
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 991px) { 

.EventsHomeImgA {
    height: 200px;
}
.EventsHomeImgB {
    height: 188px;
}
/*****  ----------------------------------------  ******/
.FooterLoogo img {
    float: right;
}

.footer_link li {
    color: #9b9b9b;
    float: none;
    padding: 5px 0;
    width: 100%;
}
.footer_link {
	margin-bottom:20px;
}
.footer_linkMain {
	margin-bottom:20px;
}

/*****  ----------------------------------------  ******/
.ListDescription {
    height: 130px;
}
/*****  ----------------------------------------  ******/
.accordionLeft {
  border-right: none;
  padding-right:20px;
}
.banner {
height:400px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
	.FooterEmail {
    float: left;
	}
	.FooterPhone {
		width:100% !important;
	}
}
@media (min-width: 1200px) {
}
/***************************************************************************************************************************************************/
.banner {
    width:100%; height:500px;
    overflow:hidden;
    border-bottom : 6px solid #063c61;

}

    .banner img {
        width:100%;

    }

.MarginB20 {
	margin-bottom:30px !important;
}
.MarginT20 {
	margin-top:30px !important;
}
.Line {
	background:url(../images/line.png) center center no-repeat;
	width:100%;
	height:36px;
	display:block;
	margin:20px 0;
}


/**********************************************/

.carousel-control {
    background: #054978 none repeat scroll 0 0;
    border-radius: 23px;
    display: none;
    font-size: 24px;
    height: 40px;
    left: -12px;
    line-height: 33px;
    margin-top: 25px;
    width: 40px;
}

.ListSearch {
    margin-bottom:15px;
    padding-bottom:15px;
}
.ListSearch a{
    text-decoration:none;
    text-align:right;

}
.ListSearch a h2{
    text-decoration:none;
    text-align:right;

}
.ListSearch a:hover h2{
    color:#f57f21 !important;

}


/*******************************/

.newbutton input {
    background-color: #f57f21;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 35px;
    line-height: 30px;
    outline: medium none;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    padding:0 8px;
}
.newbutton input:hover {
    background-color: #054978;
    text-decoration: none;
}


/*******************************/


.register {
    background-color:transparent;
    text-decoration:none;
    color:#fff;
    margin:5px 0;
    text-align:center;
}

label {
    font-weight: normal !important;
}

.Results h2 {
    font-size:18px !important;
}

.Results th {
    background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0 !important;
    color: #fff !important;
}
.RTotal {
	background: #063c61 none repeat scroll 0 0!important;
    color: #fff!important;
    padding-bottom: 0.7em!important;
    padding-top: 0.9em!important;
    text-align: center!important;
	font-weight:bold!important;
}
.RTotal2 {
	background:#f57f21 !important;
	text-align:center!important;
    padding-bottom: 0.7em!important;
    padding-top: 0.9em!important;
    text-align: center!important;
	
	 color: #fff!important;
    font-weight: 800!important;
    text-align: center !important;
}

@media not|only mediatype and (expressions) {
    .Results div {
    color: rgba(5, 73, 120, 0.95);
    font-size: 10px!important;
    font-weight: 700;
    margin-bottom: 20px;
}
}
 @media print{
    * {
        color: #000!important;
        text-shadow: none!important;
        background:rgba(5, 73, 120, 0.95)!important;
        box-shadow: none!important;
    }

.Results div {
    color:red;
    font-size:10px!important;
}
.Results span {
    padding: 0!important;
}

.Results span {
    /*background: #f6f6f6 none repeat scroll 0 0;*/
    color: #333;
    font-weight: 400;
    padding: 0 15px;
}
    
.R-back {
    background: #d9e6ef none repeat scroll 0 0;
    color: #11527f !important;
    display: inline-table;
    text-align:right;
    float: right;
    min-width:10px!important;
}
.R-back2 {
    background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    color: #fff !important;
    display: inline-table;
    margin: 0 0 0 10px!important;
    float: right!important;
     min-width:10px!important;
}
.Padding0 {
        width:33%!important;
        margin-bottom:10px!important;
        float:right!important;
        text-align:right!important;

    }
    .col-md-4 {
        width:30%;
        float:right;
    }
    .col-md-8 {
        width:70%;
    }
    .col-md-3 {
        width:33%;
    }
    .col-md-6 {
        width:50%;
    }

    .LineResult {
        border-bottom:4px solid rgba(5, 73, 120, 0.95) ;
        border-top:2px solid rgba(5, 73, 120, 0.95) ;
        padding:10px 0 0 0;
    }
    .Line2 {
    background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    display: block;
    height: 4px;
    margin: -33px auto 10px;
    width: 100%;
}
.Line3 {
    background: rgba(5, 73, 120, 0.95) none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 0 auto 10px;
    width: 100%;
}
.Line4 {
    background: #000 !important;
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 100%;
}

    .mydvPrint {
        display:none;
    }

    .MarginT20 {
    margin-top: 0px !important;
}
    .table {
    margin-bottom: 0px;
}
    .Results-Right {
    float: right;
    margin-top: 27px!important;
    text-align: center;
    width: 300px;
}

       }




 /******************************/
.Stdname {
    color: #666;
    float: right;
    font-size: 12px;
    margin-right: 50px;
}
.Stdlogout {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}
.StudentInfo {
    left: 0;
    margin-left: 15px;
    position: absolute;
    text-align: left;
    top: 32px;
    width: 277px;
}

.textaligntd {
    text-align:right!important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    text-align:center;
}


.forgetname {
    padding-top: 28px;
    text-align: center;
}