﻿@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Scheherazade');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Amiri');
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url('https://fonts.googleapis.com/css?family=Barlow');


html,
body {
    height: 100%;    
    font-family: 'Droid Arabic Naskh';
    color:rgba(56, 56, 56, 1);
    text-align:justify;
    font-size:15px;
}


.padding-left
{
	padding-left:2px
}

.padding-right.circles-links

{
	padding-right:2px
}

.top
{
	padding:20px 0 10px 0;
	background-color:rgba(255, 255, 255, 1);
	position:relative;
	z-index:9999;
}


.link-top
{
text-align:left;
font-size:15px;
}

.link-top ul
{
	padding-right:0;
	margin-bottom:15px;
}

.link-top ul li
{
	display:inline-block;    
	font-family: 'Amiri', serif;
	font-size:16px;
	color:rgb(172, 172, 172, 1);
	background:url('../images/line.png') no-repeat scroll left center;
}

.link-top a
{
 color:rgba(119, 119, 119, 1);
 padding:0 10px 0 15px;
}



.lang
{
    font-family: 'Open Sans', serif !important;
 	font-size: 14px !important;    
 	margin-top: 0px !important;	
 	background:none!important;	
}


.lang a {
    padding: 0 10px 0 0;
}

.menu-all
{
	background-color:rgba(148, 148, 148, 1);
    padding:0px 0;    
    border-radius:3px;
  
}




.carousel {
    height: 380px;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.fill-img{
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: rgb(255, 255, 255, 1);
    background-blend-mode: multiply;   
    border-radius: 0px;
}


.header-caption {
    position: absolute;
    top: 60%;
    left:0%;
    z-index: 10;
    width: 550px;
    padding: 25px 0 10px 0;
    color: rgba(255, 255, 255, 1);
    text-align:  center;
    background-color:rgba(147, 13, 12, 0.75);

}



.header-caption h2 {
    font-family: 'Droid Arabic Kufi';
    font-size:16px; 
    margin-top: 0;
    margin-bottom:20px;
    height:35px;
    font-weight:bold;
    overflow:hidden;
    font-weight: 200;
    color:rgba(255, 255, 255, 1);
    margin-bottom:0;
}

.header-caption h2 a {
	color:#fff;
}

.carousel-indicators {
    position: absolute;
    bottom: 15px;
    z-index: 15;
    width: 210px;
    height: 23px;
    padding-right: 0;
    margin-right: 0%;
    right: 3%;
    text-align: right;
    list-style: none;
}


.carousel-indicators li {
    display: inline-block;
    width: 23px;
    height: 23px;
    cursor: pointer;
    background-color:rgba(172, 172, 172, 1);
    border: 0px solid #fff;
    border-radius: 0px;    
    margin-bottom: 0px;
    color:#FFFFFF;
    padding: 8px 10px;
    font-size:20px;
}


.carousel-indicators .active {
    width: 23px;
    height: 23px;
    background-color: rgba(147, 13, 12, 0.75);    
    margin-bottom: 0px;

}

   
.img-responsive-logo {
    display: block;
    max-width: 100%;
    height: auto;
}

.search
{
	background-color:rgba(172, 172, 172,1);
	padding:35px;
	border-radius: 4px;
    margin:20px 0 20px 0;
}






.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: 0px;
    font-size:16px;
    padding: 7px 20px;
}

.btn-primary {
    color:rgba(255, 255, 255, 1);
    background-color:rgba(147, 13, 12, 1);
    border-color:rgba(255, 255, 255, 1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-primary:hover {
    color:rgba(255, 255, 255, 1);
    background-color:rgba(119, 119, 119, 1);
    border-color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-group .btn:last-child {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
        -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 0px;
  border-bottom-left-radius:0px;
      -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}


.search2{
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 0px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Droid Arabic Kufi';
    text-align: center;
    color: rgba(147, 13, 12, 1);
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

.search2:hover {
    color: rgba(147, 13, 12, 1);
    cursor: pointer;
}



@media screen and (min-width: 768px) {
    #adv-search {
        width: 100%;
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 3px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.btn-search {
  position: relative;
  display: inline-block;
  width:46px;
  height:42px;
  margin-right: 0px;
  text-align: center;
  font-size: 13px;
  border-radius:0px;
  line-height: 17px;
  text-transform: uppercase;
  color:rgba(255, 255, 255, 1);
  background:rgba(119, 119, 119, 1);
  border:1px rgba(119, 119, 119, 1) solid;
  -moz-box-sizing: border-box;
  float:left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;    
  -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-search:hover {
  text-decoration: none;
  background:rgba(172, 172, 172, 1);
   border:1px rgba(255, 255, 255, 1) solid;    
   -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


.input-group .form-control {
    height: 42px;
    font-size:18px;
    background:rgba(255, 255, 255, 1) url('../images/search.png') no-repeat 99% center ;    
    padding: 6px 45px 6px 20px;
}



.box
{
	position:relative;
}



.title-color1
{
	 background-color:rgba(147, 13, 12, 1)	;
	 padding:10px 15px;
	 font-size:16px;		    
	 font-family: 'Droid Arabic Kufi';
	 color:rgba(255, 255, 255, 1);
}

.title-color2
{
	 background-color:rgba(172, 172, 172, 1)	;
	 padding:10px 15px;
	 font-size:16px;		    
	 font-family: 'Droid Arabic Kufi';
	 color:rgba(255, 255, 255, 1);
}


.box .img
{
	 height:150px;
}


.box .links
{
	margin-top: 20px;
}



.box .links ul
{
	 padding-right:0;
	 text-align:center;
}

.box .links ul li
{
	 text-align:center;    
	 list-style-type: none;	 
	 font-family: 'Droid Arabic Kufi';
	 font-size:13px;
	 padding:5px 0;
	 border-radius: 0px;    
	 margin-bottom: 5px;
	 background-color:rgba(234, 234, 234,1);
}

.box .links ul li a
{
	 color:rgba(56, 56, 56, 1);	 

}


.box .links ul li a:hover
{
	 color:rgba(147, 13, 12, 1);
	 text-decoration:none;	 

}






main {
  margin: 0 auto;
  background: #fff;
  text-align:right;
}

section {
  display: none;
  margin-top:1px;
  padding: 1px 0 0;
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;	 
  font-size:16px;
  font-family: 'Droid Arabic Kufi';
  text-align: center;
  color: rgba(255, 255, 255, 1);
  
    background-color:rgba(147, 13, 12, 1);

  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;

}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label:hover {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

input:checked + label {
  color: rgba(255, 255, 255, 1);
  background-color:rgba(172, 172, 172, 1);
  
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
  border-top:2px rgba(147, 13, 12, 1) solid;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}



.news
{
   border:1px rgba(234, 234, 234, 1) solid;
   padding:5px;
   height:80px;  
   font-family: 'Droid Arabic Kufi';
   font-size:13px;
   overflow:hidden;
   margin-bottom:6px;
   text-align:center;  
   display:table;  
   width:100%;
}

.news .date
{
   background-color:rgba(234, 234, 234, 1) 	;
   color:rgba(119, 119, 119, 1);
   font-family:Verdana;
   padding:3px 15px;
   font-size:14px;
}



.news .month-year
{
   background-color:rgba(234, 234, 234, 1) 	;
   color:rgba(119, 119, 119, 1);
   font-family:Verdana;
   padding:1px 5px;
   font-size:14px;
   margin-top:2px;
}

.news .month-year span
{
   color:rgba(147, 13, 12, 1);   
   font-family: 'Droid Arabic Kufi';
   font-size:13px;

}

.text-news
{
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}



.news-more
{
font-size:13px;
color:rgba(147, 13, 12, 1);
margin-top: 15px;
}


.news-more a
{
color:rgba(147, 13, 12, 1);
}


.ads-more
{
font-size:13px;
color:rgba(255, 255, 255, 1);
margin-top: 15px;
}


.ads-more a
{
color:rgba(255, 255, 255, 1);
}

hr {
    margin-top: 20px;
    margin-bottom:20px;
    border: 0;
    border-top: 1px solid #d0d0d0;
}
.box2
{
	 position:relative;			
}


.box2-title
{
	 padding:0px 0px 5px 15px;
	 font-size:18px;		    
	 font-family: 'Droid Arabic Kufi';
	 color:rgba(147, 13, 12, 1);
	 border-bottom:2px rgba(147, 13, 12, 1) solid;
	 margin-bottom:10px;
}



.box2-title2
{
    padding: 5px 15px 5px 15px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi';
    color: rgb(255, 255, 255);
    background-color: #930d0c;
    margin-bottom: 10px;
}

.advertise
{
	 margin-top:2px;
}


.advertise ul
{
   padding-right:0;
} 

.advertise ul li
{    
list-style-type: none;	
min-height:100px;  
margin-bottom:7px;
}




.advertise ul li a
{
	display:list-item;				
	padding:10px 15px 10px 15px ;
	color:rgba(119, 119, 119, 1);	
	text-transform:capitalize;
	text-decoration:none;
	margin-bottom:5px;  
	font-size:14px;
	min-height:112px;  
	overflow:hidden;
	background-color:rgba(234, 234, 234,1);
	border: 1px rgba(119, 119, 119, 0.20) solid;
}


.advertise ul li a .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
}

.advertise ul li a .date i
{
	font-size:14px;
	margin-left:5px;
}


.advertise ul li a:hover
{
	
	background-color:rgba(147, 13, 12, 1);
	 color:rgba(255, 255, 255, 1);
	text-decoration:none;

}




.doors
{
	 margin-top:2px;
}


.doors ul
{
   padding-right:0;
} 

.doors ul li
{    
    list-style-type: none;	
    height: 67px;
    margin-bottom: 2px;	
}

.bg-img
{
	height:67px;
}


.bg-img-headline
{
	 background-color:rgba(255, 255, 255, 0.72);
	 font-family: 'Droid Arabic Kufi';
	 font-size:15px;
	 padding: 10px;    
	 position: absolute;
    margin-top: 10px;
}


.doors ul li a
{ 	 
color:rgba(56, 56, 56, 1);
}






.quick-links 
{
	 margin-top:2px;
}


.quick-links ul
{
   padding-right:0;
} 

.quick-links ul li
{    
list-style-type: none;	
height:67px;  	
font-family: 'Droid Arabic Kufi';
margin-bottom:2px;
font-size:15px;
color:rgba(119, 119, 119, 1);
}


.quick-links ul li a
{
	display:list-item;				
	padding:14px 25px 14px 25px;
	color:rgba(119, 119, 119, 1);	
	text-transform:capitalize;
	text-decoration:none;
	margin-bottom:5px;  
	height:65px;  
    text-align:right;
	background-color:rgba(234, 234, 234,1);
	border: 1px rgba(119, 119, 119, 0.20) solid;
}


.quick-links ul li a img
{
	margin-left:10px;
}



.quick-links ul li a:hover
{
	background-color:rgba(119, 119, 119, 1);
	 color:rgba(255, 255, 255, 1);
	text-decoration:none;
}


.facebook
{
	data-width:100;
}

.social-big
{
	margin-top:10px;
}

.social-big ul
{
	padding-right:0;
}

.social-big ul li
{
	 display:inline-block;
	 width:32%;
}


.stories
{  
   position:relative;
   margin-bottom:20px;
}


.stories-headline
{
	background-color:rgba(172, 172, 172, 1);
	color:rgba(255, 255, 255, 1);
	font-family: 'Droid Arabic Kufi';
	padding:5px 10px;
	font-size:18px;
	margin-top:20px;
	margin-bottom:1px;
}




.stories-more
{
font-size:13px;
color:rgba(255, 255, 255, 1);
margin-top: 4px;
float:left;
}


.stories-more a
{
   color:rgba(255, 255, 255, 1);
}


.stories-carousel {
    height: 193px !important;
}

.stories-img
{
    width: 100%;
}


.carousel-caption {
    right: 0%;
    left: 0%;
    background-color:rgba(255, 255, 255, 0.85);
    padding: 10px 10px;
    font-size:16px;
    text-align:right;
    color:rgba(119, 119, 119, 1);
    text-shadow: 0px 0px 0px rgba(0,0,0,0);	
    font-family: 'Droid Arabic Kufi';
    bottom:0;
}

.carousel-caption h2 {
    font-size:16px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.dots{
    position: absolute;
    bottom: -5px;
    z-index: 15;
    width: 100%;
    height: 23px;
    padding-right: 0;
    margin-right: 0%;
    right: 0;
    margin-left: 0;
    padding-left: 10px;
    left: 0 !important;
    text-align: left !important;
    list-style: none;
}


.dots li {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: rgba(172, 172, 172, 1);
    border: 0px solid #fff;
    border-radius: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
    padding: 8px 8px;
    font-size: 20px;
}

.dots .active {
    width:14px;
    height: 14px;
    background-color: rgba(147, 13, 12, 0.75);
    margin-bottom: 0px;
}

.footer
{
	background-color:rgba(147, 13, 12, 1);
	padding:20px 0;
	color:rgba(255, 255, 255,1);    
    font-family: 'Droid Arabic Naskh';
    text-align:right;
  

}
.footer i
{
	margin-left:10px;
}


.footer-title
{
  font-size:17px;
  font-family: 'Droid Arabic Kufi';
  margin-bottom:15px;

}

.footer-manu ul
{ 
padding-right:0
}
.footer-manu ul li
{ 
 display:block;
 padding:5px 0;
 font-size:14px;
}

.footer-manu ul li a
{ 
	color:rgba(255, 255, 255,1);    
}



.footer-email a
{
	color:rgba(255, 255, 255,1);    
}





.copyright {
    padding: 10px 0;
	color:rgba(255, 255, 255,1);    
    font-size: 12px;
	text-align: left;
	background-color:rgba(170, 24, 23,1);
}
 
.copyright a{
	color:rgba(255, 255, 255,1);    
}



.content-inner
{
	margin:30px 0;
}

.title-inner
{
	 font-size:22px;		    
	 font-family: 'Droid Arabic Kufi';
	 color:rgba(147, 13, 12, 1);
	 margin-bottom:15px;    
	 text-align: right;
}


.pic-inner
{
    width: 500px;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 6px;
}
  
    
.gray-box
{
	background-color:rgba(170, 24, 23,1);
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    min-height: 90px;	
    color:rgba(255, 255, 255,1);    
    margin-bottom:20px;
}

.code_apply {
    display: block;
    padding: 12px 10px;
    background-color: rgba(119, 119, 119, 1);
    margin: 0px 20px 10px 0px;
    min-height: 50px;
    color: #fff;
    width: 300px;
    float: left;
}


a.code_apply {
    border: 1px solid rgba(255, 255, 255,1);
    color: rgba(255, 255, 255,1);
    padding: 3px 8px;
    margin: 0 0 0 10px;
    float: left;   
    width: auto;
    min-height: auto;
}
   
    
a.code_apply:hover {
    border: 1px solid rgba(255, 255, 255,1);
    background-color:rgba(255, 255, 255,1);
    color: rgba(147, 13, 12,1);
}

 
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



.btn-career 
{
	background-color: rgba(119, 119, 119, 1);
    border: 1px rgba(119, 119, 119, 1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-career:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.btn-dr
{
	background-color: rgba(119, 119, 119, 1);
    border: 1px rgba(119, 119, 119, 1) solid;
    color: rgba(255, 255, 255,1);
    margin-bottom:20px;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-dr:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-dr:focus 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-dr:link
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}




.btn-career2 
{
	background-color: rgba(170, 24, 23,1);
    border: 1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-career2:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}





.cv-box
{    
    background-color:rgba(119, 119, 119,1);
    padding: 20px;
}



.cv-box .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color:rgba(255, 255, 255,1);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
   


 
.cv-box  .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px;
    background-color:rgba(255, 255, 255,1);
    padding: 0 10px;
}



.cv-box-title
{    
    text-align: center;
    color: rgba(255, 255, 255,1);
    font-size: 25px;
    margin-bottom: 20px
}






.calls
{
	margin-bottom:25px;
}

.text-subline {
    position: relative;
    height: 1px;
    padding: 0;
    background-color:rgba(172, 172, 172, 1);
    border: none;
}

.text-subline:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    width: 40px;
    background-color:rgba(147, 13, 12, 1);
}

.calls-data
{
	margin-top:15px;
}


.calls-data a
{
	color:#999999;
}

.calls-data i
{
    color:rgba(147, 13, 12, 1);
    margin-right: 10px;
    font-size:18px;
}




.btn-contact 
{
	background-color: rgba(170, 24, 23,1);
    border: 1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-contact:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}









.post-event .post-meta {
    z-index: 2;
    color:#FFFFFF;
    text-align: center;
}


.post-event .post-meta-day {
    background:rgba(172,172,172,1);
    display: block;
    font-size: 30px;
    height: 100px;
    width: 100%;
    line-height: 100px;
    border-radius: 0;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}


.post-event .post-meta-month {
    display: block;
    margin-top: 5px;
    background:rgba(147,13,12,1);
    height: 30px;
    width: 100%;
    line-height: 30px;
    border-radius: 0;
    font-size: 15px;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}

.events-title
{
    font-size: 20px;
    color: #535353;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top:20px;
}





.advertise-inner
{
	 margin-top:2px;
}


.advertise-inner ul
{
   padding-right:0;
} 

.advertise-inner ul li
{    
list-style-type: none;	
height:100px;  
margin-bottom:7px;
}




.advertise-inner ul li a
{
	display:list-item;				
	padding:10px 15px 10px 15px ;
    background-color:rgba(147, 13, 12, 1);
	color:rgba(255, 255, 255, 1);
	text-transform:capitalize;
	text-decoration:none;
	margin-bottom:5px;  
	font-size:14px;
	height:100px;  
	border: 1px rgba(119, 119, 119, 0.20) solid;
}



.advertise-inner ul li a .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
}

.advertise-inner ul li a .date i
{
	font-size:14px;
	margin-left:5px;
}


.advertise-inner ul li a:hover
{
	
	color:rgba(119, 119, 119, 1);	
	background-color:rgba(234, 234, 234,1);
	text-decoration:none;

}



.related-box
{
    margin-top:30px;
    margin-bottom:30px;
}


.related-box ul
{ 
padding-right:0
}
.related-box ul li
{ 
 display:block;
 padding:10px 0;
 border-bottom:1px rgba(119, 119, 119,0.3) solid;
}

.related-box ul li a
{ 
	color:rgba(119, 119, 119,1);    
}


.collages
{
		 margin-top:20px;	
		 margin-bottom:20px;	
}

.collages ul
{
	 padding-right:0;
	 text-align:right;		
}
.collages ul li
{
    border-bottom:1px rgba(119, 119, 119,0.3) solid;
    padding: 13px 0;
    height: 117px;
    font-size: 18px;	
    width: 40%;
    margin: 0 0px 0 70px;
    display:inline-block;
}




.collages-box-color
{
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    float:right;
    margin-left:20px;
    width:83px;
    height:83px;
}

.collage-name
{
	padding-top:30px;
}


.collage-name a
{
	padding-top:30px;	
	color:rgba(119, 119, 119,1);    

}



.events-inner
{
	margin-top:30px;	
	margin-bottom:30px;		
}

 
.events-inner-img
{
	height:170px;
	margin-top:15px;
	width:100%;
	border:1px #e4e4e4 solid;
}

.news2-inner-img
{
	height:150px;
	margin-top:5px;
	width:100%;	
	border:1px #e4e4e4 solid;

}



.events-headline
{
	font-family:"Droid Arabic Kufi";
	font-size:16px;
	margin-top: 10px;    
	height: 45px;
    overflow: hidden;
}




.btn-gray 
{
	background-color: rgba(119, 119, 119,1);
    border: 1px rgba(119, 119, 119,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-gray:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}








.header-caption-inner {
    position: absolute;
    bottom: 0;
    right:0px;
    z-index: 10;
    width: 550px;
    padding: 15px 20px ;
    color: rgba(255, 255, 255, 1);
    text-align:  center;
    background-color:rgba(147, 13, 12, 0.75);
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.header-caption-inner h3 {
    font-family: 'Droid Arabic Naskh';
    font-size:20px; 
    color:rgba(255, 255, 255, 1);
}


.header-caption-inner h2 {
    font-family: 'Droid Arabic Naskh';
    font-size:16px; 
    margin-top: 0;
    margin-bottom:20px;
    font-weight:bold;
    font-weight: 200;
    line-height: 25px;
    color:rgba(255, 255, 255, 1);
    margin-bottom:0;
}


.carousel-control {
    width: 5%;
}


.collage-inner
{
	margin-top:30px;
}




.advertise2
{
	 margin-top:2px;
}


.advertise2 ul
{
   padding-right:0;
   margin-bottom:15px;
} 

.advertise2 ul li
{    
    display: inline-block;
    list-style-type: none;
    height: 100px;
    width: 279px;
    margin-bottom: 7px;   
    overflow: hidden;
 }




.advertise2 ul li a
{
	display:list-item;				
	padding:10px 15px 10px 15px ;
	color:rgba(119, 119, 119, 1);	
	text-transform:capitalize;
	text-decoration:none;
	margin-bottom:5px;  
	font-size:14px;
	height:100px;  
	overflow:hidden;
	background-color:rgba(234, 234, 234,1);
	border: 1px rgba(119, 119, 119, 0.20) solid;
}


.advertise2 ul li a .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
}

.advertise2 ul li a .date i
{
	font-size:14px;
	margin-left:5px;
}


.advertise2 ul li a:hover
{
	
	background-color:rgba(147, 13, 12, 1);
    color:rgba(255, 255, 255, 1);
	text-decoration:none;

}




.news-inner-headline
{
	font-family:"Droid Arabic Kufi";
	font-size:16px;
	margin-top: 10px;    
	height: 45px;
    overflow: hidden;
    color:rgba(147, 13, 12, 1);
}



.news-inner .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
	color:rgba(172, 172, 172, 1)
}



.news-inner-text
{
   height:85px;
   overflow:hidden;				
}


.icons-inner
{
	margin-top:10px;
	margin-bottom:35px;
}



.icons-inner ul
{
	padding-right:0px;	
	text-align: center;
}



.icons-inner ul li
{
	
    width: 186px;
    list-style-type: none;
    height: 172px;
    display:inline-block;
    border-radius: 25px;
    padding: 20px 5px;
    font-size: 16px;
    margin-left: 20px;
    color:rgba(255, 255, 255, 1);
    margin-bottom:10px;
}


.icons-inner ul li img
{
   margin:auto auto 10px auto;
}

.icons-inner-headline
{
   height:40px;
   overflow:hidden;
}


.icon-color1
{
	background-color:#7fc241;
}

.icon-color2
{
	background-color: #465e8e;
}
.icon-color3
{
	background-color: #e65035;
}
.icon-color4
{
	background-color: #f36460;
}

.search-inner
{
    background-color:rgba(172, 172, 172, 1);  
    padding:43px 20px 50px  20px;      
    color:rgba(255, 255, 255, 1);
    font-size:18px;
    margin-bottom:30px;
}


.search-inner .form-group {
    margin-bottom: 0px;
    margin-top: 10px;
}


.search-inner .form-group a {
padding-left: 0px;
padding-right: 0px;}



.search-inner .form-control2 {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #d6d6d6;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0px;
  
   }


.search-inner .form-control-feedback {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color:rgba(255, 255, 255, 1);
    font-size:20px;
    line-height: 34px;
    text-align: center;
    pointer-events:auto;
}



.search-question 
{
    background-color: rgba(147, 13, 12,1);
    padding: 30px 20px 30px 20px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 20px;
    border-radius: 5px;
}



.search-question h2
{
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}


.search-question .form-group {
    margin-bottom: 0px;
    margin-top: 10px;
}


.search-question .form-group a {
padding-left: 0px;
padding-right: 0px;}



.search-question .form-control2 {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 4px;    margin-top: 20px;
}


.search-question .form-control-feedback {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color:rgba(255, 255, 255, 1);
    font-size:20px;
    line-height: 34px;
    text-align: center;
    pointer-events:auto;
}



.pattern
{
		border:1px rgba(172, 172, 172, 1) solid;
		padding:35px 0px 20px 0;
}


.pattern ul
{
		padding-right:0;
		text-align:center;
		margin-bottom: 0;
}


.pattern ul li
{
	 width:100px;
	 display:inline-block;	
	 margin-bottom:20px;		
}

.pattern ul li a
{
	color:rgba(56, 56, 56, 1);
}


.pattern ul li img
{
	margin:auto auto 10px auto;
}

.pattern-link
{
	height:45px ;
    overflow:hidden;
}





.frame-collage
{
	height:190px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:30px;
}


.frame-collage-title
{
    background-color: rgba(56, 56, 56, 0.8);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 0;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
}

.frame-collage-title a
{
    color:rgba(255, 255, 255, 1);
}




.frame-collage2
{
	height:195px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:30px;
}


.frame-collage2-title
{
    background-color: rgba(56, 56, 56, 0.8);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 0;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
}

.frame-collage2-title a
{
    color:rgba(255, 255, 255, 1);
}


.path {
    border-top:1px rgba(119, 119, 119, 1) solid;
    border-bottom:1px rgba(119, 119, 119, 1) solid;
    margin-bottom:7px;

}
.breadcrumb {
    padding: 2px 15px;
    margin:5px 0 5px 0;
    font-family: 'Droid Arabic Kufi';
    list-style: none;
    background-color: rgba(147, 13, 12, 0);
    border-radius: 0px;		
    border-right:5px rgba(147, 13, 12, 1) solid;    

}



.breadcrumb>li a
{
	color:rgba(147, 13, 12, 1);
	font-size:14px;
}


.breadcrumb>.active {
    color: #777;
    font-size:16px;
}

.path ul
{
   padding-right:0;
}


.path ul li
{
    display:inline-block;
    list-style-type: none;
    font-size:25px;   
    margin-left: 5px;
}


.float
{
    position: absolute;
    z-index: 99999;
    top: 8px;
    left: 20px;
}


.red1
{
	color:rgba(147, 13, 12,1);
}

.red2
{
	color:rgba(147, 13, 12,.75);
}

.red3
{
	color:rgba(147, 13, 12,.50);
}

.red4
{
	color:rgba(147, 13, 12,.25);
}




.text-section
{
	margin-bottom:20px;
	margin-top:20px;
}


.drs
{
	margin-top:30px;
	margin-bottom:30px;
	text-align:right;
}


.drs img
{
	 border:1px #dedede solid;
	 height:175px;
	 
}


.dr-name {
    color: rgba(147, 13, 12,1);
    font-size: 18px;
    font-family: 'Droid Arabic Kufi';
    margin-top: 5px;
    height: 50px;
}

.dr-study
{
    color:rgba(56, 56, 56,1);
	font-size:14px;
	font-family: 'Droid Arabic Kufi';
	margin-bottom:0px;
}


.dr-datials
{
	font-size:14px;
}


.margin-dr
{
	margin-bottom:20px;
}

.box3
{
	 position:relative;
	 margin-bottom:20px;			
}



.studyplane-name
{
	background-color:rgba(147, 13, 12,1);
	padding:10px;
    color:rgba(255, 255, 255,1);
    font-family: 'Droid Arabic Kufi';
}


.studyplane-name2
{
	background-color:rgba(119, 119, 119,1);
	padding:10px;
    color:rgba(255, 255, 255,1);
    font-family: 'Droid Arabic Kufi';
}

.pattern2
{
		border:1px rgba(172, 172, 172, 1) solid;
		padding:0px 0px 0px 0;
}


.pattern2 ul
{
	padding-right: 15px;
    padding-left: 15px;
}


.pattern2 ul li
{
	 padding:10px 10px;
	 border-bottom:1px rgba(172, 172, 172,1) solid;    
	 list-style-type: none;
	 font-size:15px;
}

.last
{
	border-bottom:0px rgba(172, 172, 172,1) solid !important;    
}

.pattern2 ul li a
{
	     color:rgba(119, 119, 119,1);
}


.pattern2 ul li a img
{
	 float:left;
}



.student-gate
{
    margin-top:10px;
}



.student-gate ul
{
    padding-right:0;
    text-align:center;
}

.student-gate ul li
{
    display:inline-block;
    width:158px;
    height:127px;
    margin:20px 20px;
}


.student-gate ul li .namegate
{
     color:rgba(147, 13, 12,1);    
     font-family: 'Droid Arabic Kufi';    
     font-size: 15px;
     margin-top:10px;
}

.student-gate ul li a:hover {
  text-decoration:none;
}


.margin-facebook
{
	margin-top:20px;
}

.events-gate
{
    margin-top:30px;
}


.events-gate img
{
    height:100px;
    width:100%;
    
}



.margin-row
{
	 margin-bottom:10px;
}


.socialmedia {
	margin-top:20px;
}


.socialmedia .socials {
	position: relative;
	margin-top:5px;
	text-align:right;
	margin-bottom:0px;
}




.socialmedia ul 
{
	padding-right:0px;
}
.socialmedia .socials li {
 display:inline-block;	
    width: 32px;
    height: 32px;
    }


.socialmedia .socials li a {
	width: 32px;
	height: 32px;
	position: relative;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	text-decoration:none;
	border:0px black solid;    
	opacity: 1;
}  



.socialmedia .socials li a img {
	height:  auto;    border-radius: 2px;
}

.socialmedia .socials li a:hover {
	text-decoration:none;	
	border:0px black solid;
	opacity: .7;
}

.highlight {
    font-weight: bold;
    background-color: #FFCC00;
    padding: 0 3px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: right;
    padding: 6px 12px;
    margin-right: -1px;
    line-height: 1.42857143;
    color: rgba(147, 13, 12,1);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(172, 172, 172,1);
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: rgba(255, 255, 255,1);
    background-color:rgba(147, 13, 12,1);
    border-color:rgba(147, 13, 12,1);
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: rgba(255, 255, 255,1);
    cursor: default;
    background-color:rgba(147, 13, 12,1);
    border-color:rgba(147, 13, 12,1);
}









.search-inner2
{
    background-color:rgba(172, 172, 172, 1);  
    padding:30px 20px 45px  20px;      
    color:rgba(255, 255, 255, 1);
    font-size:18px;
    margin-bottom:30px;
}


.search-inner2 .form-group {
    margin-bottom: 0px;
    margin-top: 10px;
}


.search-inner2 .form-group a {
padding-left: 0px;
padding-right: 0px;}



.search-inner2 .form-control2 {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #d6d6d6;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0px;
  
   }


.search-inner2 .form-control-feedback {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color:rgba(255, 255, 255, 1);
    font-size:20px;
    line-height: 34px;
    text-align: center;
    pointer-events:auto;
}


.search-inner2 .input-group {
    position: relative;
    display:  block;
    border-collapse: separate;
}



.search-inner2 .btn-group .btn {
    border-radius: 0;
    margin-left: 0px;
    font-size: 16px;
    padding: 7px 10px;
    width: 100%;
}

@media screen and (min-width: 768px) {
  .search-inner2 #adv-search {
        width: 100%;
        margin: 0 auto;
    }
    .search-inner2 .dropdown.dropdown-lg {
        position: static !important;
    }
  .search-inner2 .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}


.news-inner
{
				margin-bottom:38px;
}

.news-inner2
{
				margin-top:30px;
}

.news-inner2-headline
{
	font-family:"Droid Arabic Kufi";
	font-size:16px;
	margin-top: 10px;    
	height: 45px;
    overflow: hidden;
    color:rgba(147, 13, 12, 1);
}



.news-inner2 .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
	color:rgba(172, 172, 172, 1)
}



.news-inner2-text
{
   height:105px;
   overflow:hidden;				
}


.news-inner3-text
{
   height:63px;
   overflow:hidden;				
}



.news-inner4-text
{
   height:209px;
   overflow:hidden;				
}



.pagination {
    display: inline-block;
    padding-right: 0;
    margin: 10px 0;
    border-radius: 4px;
}




.tender
{
	margin-top:5px;
}

.tender-headline
{
	font-family:"Droid Arabic Kufi";
	font-size:16px;
	margin-top: 10px;    
    color:rgba(147, 13, 12, 1);
}



.tender .date
{
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
	color:rgba(172, 172, 172, 1);
	margin-top:10px;
}



.tender-text
{
    margin-bottom:5px;	    
    height: 105px;
    overflow: hidden;		
}


/*** TestimonialS Slider - Free Weebly Widget by Baamboo Studio - Style 2 ***/
.testimonial_slider_2{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:30px; 
	direction:ltr;
}
.testimonial_slider_2 input {
	display: none;
}

.testimonial_slider_2 #slide_2_1:checked ~ .boo_inner { margin-left:0; }
.testimonial_slider_2 #slide_2_2:checked ~ .boo_inner { margin-left:-100%; }
.testimonial_slider_2 #slide_2_3:checked ~ .boo_inner { margin-left:-200%; }
.testimonial_slider_2 #slide_2_4:checked ~ .boo_inner { margin-left:-300%; }
.testimonial_slider_2 #slide_2_5:checked ~ .boo_inner { margin-left:-400%; }
.testimonial_slider_2 #slide_2_6:checked ~ .boo_inner { margin-left:-500%; }
.testimonial_slider_2 #slide_2_7:checked ~ .boo_inner { margin-left:-600%; }
.testimonial_slider_2 #slide_2_8:checked ~ .boo_inner { margin-left:-700%; }

.testimonial_slider_2 .boo_inner {
	width:800%;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.testimonial_slider_2 .slide_content{
	width:12.5%;
	float:left;
}
.testimonial_slider_2 #controls {
	text-align:center;
}
.testimonial_slider_2 #controls label{
	width: 15px;
    height: 15px;
    margin:0 2px;
	display:inline-block;
	background:rgba(172, 172, 172,1); /* Change controls background color */
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	padding: 0px 0px;
}
.testimonial_slider_2 #slide_2_1:checked ~ #controls label:nth-child(1), 
.testimonial_slider_2 #slide_2_2:checked ~ #controls label:nth-child(2), 
.testimonial_slider_2 #slide_2_3:checked ~ #controls label:nth-child(3), 
.testimonial_slider_2 #slide_2_4:checked ~ #controls label:nth-child(4),
.testimonial_slider_2 #slide_2_5:checked ~ #controls label:nth-child(5), 
.testimonial_slider_2 #slide_2_6:checked ~ #controls label:nth-child(6), 
.testimonial_slider_2 #slide_2_7:checked ~ #controls label:nth-child(7), 
.testimonial_slider_2 #slide_2_8:checked ~ #controls label:nth-child(8){
	background:rgba(147, 13, 12,1); /* Change controls background color when mouse click */
}
.testimonial_2 {
	color: #333; /* Change testimonial paragraph text color */
	}

.pic-links
{
	 margin-top:2px;
}


.pic-links ul
{
   padding-left:0;
   text-align:center;
} 

.pic-links ul li
{    
    list-style-type: none;	
    height: 160px;
    width: 260px;
    display: inline-block;
    margin: 10px 9px;
}

.pic-links-img
{
	height:160px;position: relative;
}


.pic-links-headline
{
	 background-color:rgba(255, 255, 255, 0.72);
	 font-family: 'Droid Arabic Kufi';
	 font-size:15px;
	 padding: 10px;    
	 position: absolute;
	 bottom:0px;
	 width: 100%;

}



.pic-links ul li a
{ 	 
   color:rgba(56, 56, 56, 1);
}






.border
{
	   border:1px #e4e4e4 solid;
}

.pic-news-all
{
	width: 500px;
    height: 250px;
    border:1px #e4e4e4 solid;
    
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.pic-news-all2
{
	width: 500px;
    height: 250px;
    border:1px #e4e4e4 solid;
    
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;}


.box-ask
{
    background-color: rgb(147, 13, 12);
    padding: 20px;
    margin-top: 20px;
    color: #fff;
}


.box-ask input {
    display: inline-block;
}




.white-more {
    color: rgba(255, 255, 255, 1);
    padding: 3px 20px;
    border: 2px #fff solid;
    border-radius: 6px;
    background-color:rgba(147, 13, 12,1)
}


.white-more:hover{
    color: rgba(147, 13, 12,1);
    padding: 3px 20px;
    border: 2px #fff solid;
    border-radius: 6px;
    background-color:rgba(255, 255, 255, 1)
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 20px;
    vertical-align: middle;
}

.form-dr
{
	margin-bottom:20px;
}
.form-title
{
	font-size: 15px;
    margin-bottom: 10px;
    color: rgba(147, 13, 12,1);
    border-right: 4px rgba(147, 13, 12,1) solid;
    padding-right: 10px;
}



.form-title .img-responsive {
    display: inline-block;
    width: 30px;
    max-width: 100%;
    height: auto;    
    margin-right: 5px;
}


.form-title span
{
	font-family:Verdana;
}

.collapse {
    border: 1px #930d0c solid;
    margin-bottom: 20px;
    padding: 20px;
}



.collapsing {
    border: 1px #930d0c solid;
    margin-bottom: 20px;
    padding: 20px;
}


.collapse.in {
    display: block;
    border: 1px #930d0c solid;
    margin-bottom: 20px;
    padding: 20px;
}

.required
{
	position: absolute;
    left: 15px;
    top: 5px;
    font-size: 12px;
    font-weight: bold;    
    color: rgba(119, 119, 119, 0.65);
}


.drsdatials
{
	margin-top:0px;
	margin-bottom:30px;
	text-align:right;
}


.drsdatials img
{
	 border:1px #dedede solid;
	 height:175px;
}


.drdatials-name
{
	color:rgba(255, 255, 255,1);
	font-size:22px;
	font-family: 'Droid Arabic Kufi';
	margin-top:5px;margin-bottom: 10px;
}

.drdatials-study
{
	color:rgba(255, 255, 255,1);
	font-size:18px;
	font-family: 'Droid Arabic Kufi';
margin-bottom: 10px;
}


.drdatials-datials
{
	font-size:16px;color:#FFFFFF;
}

.drdatials-datials a
{
	font-size:16px;
	color:#FFFFFF;
}


.more-dr-details
{
margin-top:20px;
}


.more-dr-details .title-dr
{	
    color:rgba(147, 13, 12,1);
	font-size:18px;
	font-family: 'Droid Arabic Kufi';
	margin-top:5px;
	margin-bottom:10px;

}


.more-dr-details .text-dr
{	
	margin-top:5px;
	margin-bottom:10px;

}


.answer
{
   font-size:15px;
   margin-top:20px;
}


.university-fees
{
	margin-top:5px;
}

.university-fees p
{
    margin:10px 0;
}



.university-fees .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #dddddd;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.text-detials
{
    margin-top: 20px;
    border-top: 2px #777777 solid;
    border-bottom: 2px #777777 solid;
    color: #fff;
    padding: 5px;
    background-color: #777777;
    text-align: center;
    margin-bottom: 10px;
}



.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




.section-uni
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:17px;
}


.section-uni ul
{ 
padding-right:0;
text-align:center;
}
.section-uni ul li
{ 
    display: inline-block;
    width: 122px;
    color:rgba(119, 119, 119, 1);
    height: 165px;
    overflow: hidden;
    padding: 5px;
    font-size: 15px;
    background:rgba(119, 119, 119, 0);
    text-align: center;
    border-radius:20px;
}

.section-uni ul li a
{ 
    color:rgba(119, 119, 119, 1);
	
}
.section-uni ul li a:hover
{ 
    color: rgba(147, 13, 12, 1);
    text-decoration:none;
	
}



.section-uni ul li a img
{ 
    margin-bottom: 10px;
    display: block;
    margin: auto auto 10px auto;}

.table-cell
{
	display: table-cell;
    width: 122px;
    vertical-align: middle;
    height: 65px;
}

.story-success
{
		 margin-top:15px;		
}

.story-success-img {
    height: 160px;
    margin-top: 0px;
    width: 100%;
    border: 1px #e4e4e4 solid;
}

.story-success-headline {
    font-family: "Droid Arabic Kufi";
    font-size: 16px;
    margin-top: 10px;
    color:rgba(147,13,12,1);
}

.story-success-text{
    margin-top: 10px;    
    height: 42px;
    overflow: hidden;

}



.boxes-inner
{
	height:255px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:5px;
}


.boxes-inner-title
{
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    line-height:25px;
    bottom: 0;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:16px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
    
      background-size: 100% 200%;
      
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 50%, rgba(56, 56, 56, 0.8) 50%);
  -webkit-transition: background-position .2s;
  -moz-transition: background-position .2s;
  transition: background-position .2s;  
       
      background-position: 0 100%;

       
       
  -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; 

}


a:hover .boxes-inner-title
{
    text-align: center;
    height: 80px;
    position: absolute;
    
    width: 100%;
    z-index: 9999;    line-height:60px;

    bottom: 0;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:16px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);   
  -webkit-transition: background-position .2s;
  -moz-transition: background-position .2s;
  transition: background-position .2s;  
  
 -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

      background-position: 0 100%;
}




.registration
{

	background:rgba(119, 119, 119, 1) url('../images/registration.png') no-repeat left center;
	height:270px;    
	background-size: cover;
	padding:10px 20px;
} 



.registration-title
{
	 font-size:20px;
	 font-family:"Droid Arabic Kufi";
	 color:#FFFFFF;
	 text-align:center;    
	 line-height: 35px;    
	 margin-top: 30px;
	 margin-bottom:10px;
}

.registration-title span
{
	 font-size:14px;
	 display:block;
}



.registration-btn {
    display: inline-block;
    padding:12px 35px;
    margin-bottom: 0;	 
    font-family:"Droid Arabic Kufi";
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-registration
{
	background-color: rgba(170, 24, 23, 0.75);
    border: 1px rgba(170, 24, 23, 0.75) solid;
    color: rgba(255, 255, 255,1);   
     -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-registration:hover 
{
	background-color: rgba(170, 24, 23,1);
    border: 1px rgba(170, 24, 23, 0.75) solid;
    color: rgba(255, 255, 255,1);   
     -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.boxes-black
{
	height:270px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}


.boxes-black-title

{
    background-color: rgba(56, 56, 56, 0.75);
    text-align: center;
    height: 270px;
    width: 100%;
    z-index: 9999;
    font-family:"Droid Arabic Kufi";
    margin: auto;
    position: absolute;
    top: 0; 
    font-size:18px;    
    color:rgba(255, 255, 255, 1);
}

.boxes-black-title a
{
    color:rgba(255, 255, 255, 1);
     position:relative;
     top:40%;

}



.login-red
{
	background-color:rgba(147, 13, 12, 1);
	padding: 15px;
    margin-top: 30px;
    margin-bottom:30px;
}



.login-red a
{
    color:rgba(255, 255, 255, 1);
    font-size:12px;
}

.login-red .form-group {
    margin-bottom:5px;
}

.login-red-title
{
    color:rgba(255, 255, 255, 1);
	font-size:17px;
    font-family:"Droid Arabic Kufi";
    margin-bottom:20px;
}

.login-red-text
{
	color:rgba(255, 255, 255, 0.5);
	font-size:12px;    
	margin-top: 10px;
	margin-bottom:10px;
}


.login-red .form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.login-btn {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    width:100%;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    margin-top:10px;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-login 
{
	background-color: rgba(255, 255, 255,1);
    border: 1px rgba(255, 255, 255,1) solid;
    color: rgba(147, 13, 12, 1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-login:hover 
{
	background-color: rgba(170, 24, 23,1);
    border:1px rgba(170, 24, 23,1) solid;
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.box-color-all
{
	margin-top:20px;
}

.box-color-all ul
{
	padding-right:0;
	text-align:center;
}


.box-color-all ul li
{
    width: 160px;
    height: 170px;
    display: inline-block;
    margin: 0 3px 10px 3px;
    border-radius: 30px;
    padding: 15px 15px 20px 15px;
    text-align: center;
    font-size: 14px;
    font-family: "Droid Arabic Kufi";
    color: rgba(255, 255, 255,1);
}

.box-color-all ul li .text
{
	height: 58px;
    overflow: hidden;	    
    vertical-align: middle;
    display: table-cell;
    width: 155px;		
}
    

.box-color1
{
	  background-color:#f36460;
}
.box-color1 i
{
	  color:#fd7e7a;	
	  font-size:55px;	
	  margin-bottom:10px;
}

.box-color2
{
	  background-color:#e65035;
}
.box-color2 i
{
	  color:#ec654d;	
	  font-size:55px;	
	  margin-bottom:10px;
}

.box-color3
{
	  background-color:#465e8e;
}
.box-color3 i
{
	  color:#516895;	
	  font-size:55px;	
	  margin-bottom:10px;
}

.box-color4
{
	  background-color:#7fc241;
}
.box-color4 i
{
	  color:#8dd14f;	
	  font-size:55px;	
	  margin-bottom:10px;
}


.box-color5
{
	  background-color:#990100;
}


.box-color5 i
{
	  color:#b51412;	
	  font-size:55px;	
	  margin-bottom:10px;
}

.box-color6
{
    background-color: rgb(255, 255, 255);
    padding: 5px 0 0 0px!important;
    border: 2px #787878 solid;}


.box-color6 i
{
	  color: #bd5a83;
	  font-size:55px;
	  margin-bottom:10px;
}


.box-color6 img
{
height: 130px;
    margin-bottom: 0px;
    }



.presidency-box
{
	margin-bottom:20px;
}

.dr-img-presidency
{
    margin-top:25px;
}

.dr-img-presidency img
{
    height: 200px;
    width: auto;				
}

.presidency-text
{
    / height: 192px; /
    overflow: hidden;		
}
    

.dr-name-presidency
{
    font-size: 20px;
    margin: 20px 0;
    text-align:center;
}

.presidency-links-all a:hover{
	text-decoration:none;
}

.presidency-links
{
	padding:8px 10px;
	border:2px rgba(119, 119, 119, 1) solid;    
	font-family: "Droid Arabic Kufi";
	background-color:rgba(147, 13, 12, 0);
	font-size:16px;
	color:rgba(119, 119, 119,1);
	margin-bottom: 10px;
	    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.presidency-links:hover
{
	padding:8px 10px;
	border:2px rgba(147, 13, 12, 1) solid;    
	background-color:rgba(147, 13, 12, 1);	
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}



.Regulations
{
	height:145px;
	display: table;
    width: 100%;
    position: relative;
    margin-top:10px;
    
}


.Regulations-title
{
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 0;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(147, 13, 12, 1);
}

.Regulations-title a
{
    color:rgba(147, 13, 12, 1);
}


.presidency-university
{
	margin:20px 0 10px 0;
}
.presidency-university img
{
	height:200px ;
	width:auto;
}

.presidency-name
{
	margin:5px 0;
}

.presidency-padding
{
	padding-top:50px;
}

.presidency-red-color
{
	color:rgba(147, 13, 12,1);
	font-size:14px;
	margin-bottom:15px;
}

.presidency-red-black
{
	color:rgba(56, 56, 56,1);
	font-size:20px;
}


.presidency-details
{
	padding-top:20px;
	border-right:6px rgba(147, 13, 12, 1) solid;
	margin-top:20px;
	padding-bottom:20px;
	padding-right: 20px;    
	font-size:15px;

}


.last-presidency
{
	margin:20px 0;
}



.last-presidency ul
{
	padding-right:0;
	margin-bottom:0;
	text-align:center;
	margin-top:20px;
}



.last-presidency ul li
{
	 display:inline-block;
	 width:155px;
	 margin:0 5px 20px 5px;
}

.last-presidency ul li img
{
			height:200px;
			width:auto;
			margin: auto  auto 20px auto;
}


.last-presidency ul li .subtitle
{
	  font-size:13px;
	  margin-bottom:10px;
	  text-align:center;
}


.last-presidency ul li .name
{
	  font-size:16px;
	  margin-bottom:5px;
	  color:rgba(147, 13, 12, 1);
	  text-align:center;
	  height: 50px;
}

.last-presidency ul li .years
{
	  font-size:12px;
	  margin-top:10px;
	  text-align:center;
	  font-family:Verdana;
}



.employment
{
			
margin:20px 0;
}
.employment-img {
    height: 150px;
    margin-top: 5px;
    width: 100%;
    border: 1px #e4e4e4 solid;
}
.employment-headline {
    font-family: "Droid Arabic Kufi";
    font-size: 16px;
    margin-top: 10px;
    height: 45px;
    overflow: hidden;
    color: rgba(147, 13, 12, 1);
}

.employment-text {
    height: 40px;
    overflow: hidden;
}







.box-color-all2
{
	margin-bottom:18px;
	 margin-top:19px;
}

.box-color-all2 ul
{
	padding-right:0;
	text-align:center;
}


.box-color-all2 ul li
{
    width: 180px;
    height: 145px;
    display: inline-block;
    margin: 0 3px 10px 3px;
    border-radius: 30px;
    padding: 28px 15px 20px 15px;
    text-align: center;
    font-size: 14px;
    font-family: "Droid Arabic Kufi";
    color: rgba(255, 255, 255,1);
}

.box-color-all2 ul li .text
{
	height: 50px;
    overflow: hidden;	    
    vertical-align: middle;
    display: table-cell;
    width: 155px;		
}
    



.vCard{
  margin: 0px 0 5px 0;
}		
.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
	          width:100%;
			height: 320px;
		}
		
		
			.new-high {
	          width:100%;
			height: 270px !important;
		}	

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;

		    transition: 0.6s;
		    transform-style: preserve-3d;

			position: absolute;
			top: 0;
			left: 0;
      border-radius:0px;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
		
			
/*	
background: rgba(147,12,12,1);
background: -moz-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(147,12,12,1) 36%, rgba(119,119,119,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(147,12,12,1)), color-stop(36%, rgba(147,12,12,1)), color-stop(100%, rgba(119,119,119,1)));
background: -webkit-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(147,12,12,1) 36%, rgba(119,119,119,1) 100%);
background: -o-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(147,12,12,1) 36%, rgba(119,119,119,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(147,12,12,1) 36%, rgba(119,119,119,1) 100%);
background: linear-gradient(135deg, rgba(147,12,12,1) 0%, rgba(147,12,12,1) 36%, rgba(119,119,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930c0c', endColorstr='#777777', GradientType=1 );
	*/
background: rgba(147,12,12,1);
background: -moz-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(221,37,37,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(147,12,12,1)), color-stop(100%, rgba(221,91,91,1)));
background: -webkit-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(221,91,91,1) 100%);
background: -o-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(221,91,91,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(147,12,12,1) 0%, rgba(221,91,91,1) 100%);
background: linear-gradient(135deg, rgba(147,12,12,1) 0%, rgba(221,91,91,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930c0c', endColorstr='#dd5b5b', GradientType=1 );


			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.back-title {
			font-weight:  normal;
			color:rgba(255, 255, 255,1);
            position: absolute;
            top: 110px;
    		left: 5px;
			right: 5px;
			text-align: center;
			font-size: 18px;;
			font-family:"Droid Arabic Kufi";
		}



		.back-text {
    font-weight: normal;
    color: rgba(255, 255, 255,1);
    position: absolute;
    bottom: 20px;
    left: 10px;
    height: 102px;
    overflow: hidden;
    right: 10px;
    text-align: center;
    font-size: 14px;		}


	
	
	
	
	
	
	
	
.container1 {
    width: 405px;
    height: 260px;
    position: relative;
	margin:auto;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;    
	display: block;
}	
	
	.card2{
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}




.card2 .front2 {
    background: rgba(255, 255, 255, 1);
    display: block;
    height: 100%;
    width: 100%;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}



.card2 .back2 {
    background: rgba(0, 0, 0, 1);
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
	
	display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
	padding:30px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.card2 .back2  div {
    height: 160px;
    overflow: hidden;
	
}

.card2 .back2  div a{
	color:#fff
}

.card2.flipped2{
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
	
.card2 button
{
	background-color: rgba(147, 13, 12, 1);
    width: 100%;
    border: 0px #930d0c solid;
	color: rgba(255, 255, 255, 1);
	line-height: 26px;
}
	
.back-link 
{

	margin: 10px 0px 0px 0;
}
	
	
.back-link button
{
	background-color: rgba(147, 13, 12, 1);
    width:auto;
    border: 0px #930d0c solid;
	color: rgba(255, 255, 255, 1);
	padding: 7px 20px;
}
	
	
	

	
	
	
	
	
	
	
/*   Collage Inner    */

.deanship-box {
    margin-bottom: 20px;
}

.deanship-collage
{
	margin:0px 0 0px 0;
}
.deanship-collage img
{
	height:200px ;
	width:auto;
}

.deanship-name
{
	margin:5px 0;
}

.deanship-padding
{
	padding-top:10px;
}



.deanship-red-color
{
	color:rgba(147, 13, 12,1);
	font-size:14px;
	margin-bottom:5px;
}

.deanship-red-black
{
	color:rgba(56, 56, 56,1);
	font-size:20px;
}


.dr-img-deanship
{
    margin-top:25px;
}

.dr-img-deanship img
{
    height: 200px;
    width: auto;				
}





.story
{
	 margin-top:2px;
}


.story ul
{
   padding-right:0;
   margin-bottom:15px;
} 

.story ul li
{    
    display: inline-block;
    list-style-type: none;
    height: 100px;
    width: 279px;
    margin-bottom: 7px;   
    overflow: hidden;
 }




.story ul li a
{
	display:list-item;				
	padding:0px ;
	color:rgba(119, 119, 119, 1);	
	text-transform:capitalize;
	text-decoration:none;
	margin-bottom:5px;  
	font-size:14px;
	text-align:center;
	height:100px;  
	overflow:hidden;
	background-color:rgba(234, 234, 234,1);
	border: 1px rgba(119, 119, 119, 0.20) solid;
}


.story ul li a .name
{
	font-size:18px;
	margin-bottom:10px;
}


.story ul li a:hover
{
	
	background-color:rgba(147, 13, 12, 1);
    color:rgba(255, 255, 255, 1);
	text-decoration:none;

}


.text-circle
{
		height:169px;
		overflow:hidden;
}




.dr-general {
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
}

.dr-img-general {
    margin-top: 0px;
}

.dr-img-general img {
    height: 200px;
    width: auto;
}


.circles-box2
{
				margin:5px 0 20px 0;
}
.circles-box3
{
				margin:0px 0 5px 0;
}

.circles-links-all a:hover{
	text-decoration:none;
}

.circles-links
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
    border:1px rgba(172, 172, 172, 1) solid;    
	background-color:rgba(172, 172, 172, 1);

	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height:96px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.circles-links:hover
{
	padding:8px 10px;
	border:1px rgba(147, 13, 12, 1) solid;    
	background-color:rgba(147, 13, 12, 1);	
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.circles-img
{
	 height:170px;			
}

.circles-img img
{
	 height:170px;			
}





.boxes-red
{
	height:133px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}


.boxes-red-title

{
    background-color: rgba(147, 13, 12, 0.75);
    text-align: center;
    height: 133px;
    width: 100%;
    z-index: 9999;
    font-family:"Droid Arabic Kufi";
    margin: auto;
    position: absolute;
    top: 0; 
    font-size:18px;    
    color:rgba(255, 255, 255, 1);
}

.boxes-red-title a
{
    color:rgba(255, 255, 255, 1);
     position:relative;
     top:40%;

}




.tender-text2
{
    margin-bottom: 5px;
    height: 39px;
    overflow: hidden;
    line-height: 1.3;	
}



.events-inner2 {
    margin-top: 30px;
    margin-bottom: 0px;
}



.box-frame2
{
    border: 2px #930d0c solid;
    padding: 10px;
    text-align: center;
    height: 377px;
    overflow-y: scroll;
    overflow-x: hidden;
    }


.text-detials2 {
    margin-top: 10px;
    border-top: 2px #930d0c solid;
    padding: 10px 5px 10px 5px;
    border-bottom: 2px #930d0c solid;
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
    }





.story-success-img2 {
    height: 160px;
    margin-top: 0px;
    width: 50%;
    float: right;
    border: 1px #e4e4e4 solid;
}


.story-success-text2 {
    height: 160px;
    margin-top: 0px;
    width: 50%;
    float: left;    
    padding: 0 10px 0 0;
}


.story-success-text3 {
    margin-top: 10px;
    height: 120px;
    overflow: hidden;
    font-size: 14px;
    text-align: right;
}



.frame-link
{
	    margin-top:30px;
}



.frame2
{
	height:150px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:30px;
}




.frame2-title
{
    background-color: rgba(56, 56, 56, 0.8);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 45px;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.frame2-title a
{
    color:rgba(255, 255, 255, 1);
}

.frame-link a:hover .frame2 .frame2-title

{
    bottom:0;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}



.box-link-all
{
	    margin-top:30px;
}




.box-link
{
	height:175px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:30px;
}




.box-link-title
{
    background-color: rgba(147, 13, 12, 0.8);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 45px;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.box-link-title a
{
    color:rgba(255, 255, 255, 1);
}

.box-link-all a:hover .box-link .box-link-title

{
    bottom:0;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


.padding
{
	padding-right: 0px;
}



.padding2
{
	padding-left: 0px;
}




.padding3
{
	padding-right:2px;
}



.padding4
{
	padding-left: 2px;
}






.box-link2-all
{
	    margin-bottom:5px;
}




.box-link2
{
	height:175px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    margin-bottom:0px;
}




.box-link2-title
{
    background-color: rgba(147, 13, 12, 0.8);
    text-align: center;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 45px;	
    font-family:"Droid Arabic Kufi";
    right: 0;
    left: 0;
    margin: auto;
    font-size:18px;    
    padding-top: 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.box-link2-title a
{
    color:rgba(255, 255, 255, 1);
}

.box-link2-all a:hover .box-link2 .box-link2-title

{
    bottom:0;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


.carousel2 {
    height: 270px!important;
}


.carousel2 .carousel-inner>.item>img{
    height: 270px;
}

.carousel-control2 {
    width: 27% !important;
}


.opacity
{
	opacity: 1 !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    width: 50px;
    height:50px;
    margin-top:-15px;
    padding-top: 13px;
    font-size: 22px;
    color: #930d0c;
    background-color: rgba(255, 255, 255, 0.75);
    }
    
    
    
 .caption-inner2 {
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: 10;
    width: 100%;
    padding: 0px 10px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-color: rgba(56, 56, 56, 0.75);
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}   



.caption-inner2 h2 {
    font-family: 'Droid Arabic Kufi';
    font-size: 16px;
    }
    
   .caption-inner2 h2 a{
    color:#fff;
    }
    
   
   .caption-inner2 h2 a:hover
   {
    color:#fff;
    text-decoration:none;
    }





.section-dr
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:17px;
}


.section-dr ul
{ 
padding-right:0;
}
.section-dr ul li
{ 
    display: inline-block;
    width: 155px;
    height:  305px;
    overflow: hidden;
    font-size: 15px;
    background:rgba(119, 119, 119, 0);
    text-align: center;
    border-radius:0px;
        margin: 0 15px;
}


.section-dr ul li img
{ 
    width:  auto;
    height:215px;
    margin: auto auto 10px auto;
}

.section-dr ul li a
{ 
    color:rgba(119, 119, 119, 1);
	
}
.section-dr ul li a:hover
{ 
    color: rgba(147, 13, 12, 1);
    text-decoration:none;
	
}



.section-dr ul li a img
{ 
    margin-bottom: 10px;
    display: block;
    margin: auto auto 10px auto;}

 
.section-dr-1
{
				font-size:13px;
}
    
  .section-dr-2
{
				font-size:18px;
				color:#990100;
}
    
  .section-dr-3
{
				font-size:13px;
}
    
  .section-dr-4
{
				font-size:11px;
				font-family:Verdana;
}
    
    
    
    
    
.quality-links
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
	background-color:rgba(147, 13, 12, 1);	
	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height:96px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.quality-links:hover
{
	padding:8px 10px;
	background-color:rgba(172, 172, 172, 1);
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
   


    
    
.quality-links2
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
	background-color:rgba(172, 172, 172, 1);
	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height:96px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.quality-links2:hover
{
	padding:8px 10px;
	background-color:rgba(147, 13, 12, 1);	
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    
    
.padding-right {
    padding-right: 2px;
}






.frame3
{
	height:150px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}




.frame3-title
{
    background-color: rgba(56, 56, 56, 0.7);
    text-align: center;
    height:  auto;
    position: absolute;
    width: 100%;    
    z-index: 9999;
    bottom: 0px;	
    right: 0;	
    font-family: "Droid Arabic Kufi";
    left: 0;
    margin: auto;
    font-size:18px;    
    padding:20px 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.frame3-title a
{
    color:rgba(255, 255, 255, 1);
}

.frame-link a:hover .frame3 .frame3-title
{
    bottom:80px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}







.box-post-graduate
{
	
	 height:259px;    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


a:hover .box-post-graduate {
    height: 259px;
    opacity: .7;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-filter: blur(2px);
      filter: blur(2px);

}



.box-post-graduate2 a:hover 
{
	text-decoration:none;
}




.box-post-graduate-title
{
  background-image: linear-gradient(to left,rgba(147,13,12 ,1),rgba(147, 13, 12, 1) 50%,    rgba(234, 234, 234,1) 50%,    rgba(234, 234, 234, 1));
   font-family: "Droid Arabic Kufi";		
    color:rgba(147, 13, 12, 1);
    font-size:16px;    
    height: 64px;    
    line-height: 63px;
    margin-top:3px; 
    background-position:left bottom;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    }


a:hover .box-post-graduate-title
{
    background-color: rgba(153, 1, 1,1);
    font-family: "Droid Arabic Kufi";
    color: rgba(255, 255, 255,1);
    font-size: 16px;
    height: 64px;
    width: 100%;
    line-height: 63px;
    margin-top: 3px;
    text-decoration: none;    
    background-position:right bottom;
  }


.box-icon-red
{
		width:68px;
		height:64px;
		float:right;
		margin-left: 15px;
		padding:0px;        
		background-color:rgba(147, 13, 12, 1);

}


.collages-title {
    padding: 5px 15px 5px 15px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi';
    color: rgba(255, 255, 255, 1);
    background-color: rgba(147, 13, 12, 1);
    margin-bottom: 10px;
    margin-top:20px;
    }

.section-uni2
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:17px;
}


.section-uni2 ul
{ 
padding-right:0;
text-align:center;
}
.section-uni2 ul li
{ 
    display: inline-block;
    width: 137px;
    color:rgba(119, 119, 119, 1);
    height: 165px;
    overflow: hidden;
    padding: 5px;
    font-size: 15px;
    background:rgba(119, 119, 119, 0);
    text-align: center;
    border-radius:20px;
}

.section-uni2 ul li a
{ 
    color:rgba(119, 119, 119, 1);
	
}
.section-uni2 ul li a:hover
{ 
    color: rgba(147, 13, 12, 1);
    text-decoration:none;
	
}



.section-uni2 ul li a img
{ 
    margin-bottom: 10px;
    display: block;
    margin: auto auto 10px auto;}

.table-cell2
{
	display: table-cell;
    width: 122px;
    vertical-align: middle;
    height: 65px;
}




.boxes-red2
{
	height:165px;
	display: table;
    margin-top: 20px;
    width: 100%;
    position: relative;
}


.boxes-red2-title

{
    background-color: rgba(147, 13, 12, 0.40);
    text-align: center;
    height: 165px;
    width: 100%;
    z-index: 9999;
    font-family:"Droid Arabic Kufi";
    margin: auto;
    position: absolute;
    top: 0; 
    font-size:18px;    
    color:rgba(255, 255, 255, 1);
}

.boxes-red2-title a
{
    color:rgba(255, 255, 255, 1);
     position:relative;
     top:50%;

}





.boxes-black3
{
	height:165px;
	display: table;
    margin-top: 20px;
    width: 100%;
    position: relative;
}


.boxes-black3-title

{
    background-color: rgba(56, 56, 56, 0.40);
    text-align: center;
    height: 165px;
    width: 100%;
    z-index: 9999;
    font-family:"Droid Arabic Kufi";
    margin: auto;
    position: absolute;
    top: 0; 
    font-size:18px;    
    color:rgba(255, 255, 255, 1);
}

.boxes-black3-title a
{
    color:rgba(255, 255, 255, 1);
     position:relative;
     top:50%

}


.adv-links
{
	 margin-top:2px;
}


.adv-links ul
{
   padding-left:0;
   text-align:center;
} 

.adv-links ul li
{    
    list-style-type: none;	
    width:100%;
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;    
    border-bottom: 1px #d0d0d0 solid;
}




.adv-links-date
{
	position: relative;
	height:67px;
	width:64px;
	background-color:rgba(147, 13, 12, 1);
	padding:6px;    
	float:right;
	color: rgba(255, 255, 255, 0.96);   
	text-align:center;

	
}

.adv-links-date2
{
	position: relative;
	border:1px rgba(200, 89, 89, 1) dashed;
	padding:6px;
	
}



.adv-links-headline
{
	 background-color:rgba(255, 255, 255, 0.72);
	 font-size:15px;
	 padding: 10px;    
	 bottom:0px;
	 height: 55px;
     width: 78%;
     overflow: hidden;

}



.adv-links ul li a
{ 	 
   color:rgba(56, 56, 56, 1);
}



.padding-left2
{
	padding-left:2px
}
.padding-right2
{
	padding-right:2px
}






.frame4
{
	height:150px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}




.frame4-title
{
    background-color: rgba(147, 13, 12, 0.7);
    text-align: center;
    height:  auto;
    position: absolute;
    width: 100%;    
    z-index: 9999;
    bottom: 0px;	
    right: 0;	
    font-family: "Droid Arabic Kufi";
    left: 0;
    margin: auto;
    font-size:18px;    
    padding:20px 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.frame4-title a
{
    color:rgba(255, 255, 255, 1);
}

.frame4-link a:hover .frame4 .frame4-title
{
    bottom:80px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}





.table-color1
{
	background-color: #e0e0e0;
    padding: 10px 5px;
    text-align: center;
    margin:5px;
    font-size:15px;
}



.table-bg2
{
	border-bottom:1px #cecece solid;
	padding-bottom:10px; 
	text-align:center
}

.table-bg
{
    border-bottom: 1px #cecece solid;
    padding-bottom: 10px;
    text-align: center;
    background-color: #b91e26;
    color:#FFFFFF;
}



.style-table-header
{
    height: 50px;
    color: #e7e7e7;
    background-color:rgba(147, 13, 12,1);
    font-size: 15px;
}



.style-table1
{
    color: #464646;
    font-size: 15px;
    background-color: #e0e0e0;
}


.style-table2
{
    color: #464646;
    font-size: 15px;
    background-color: #f1f1f1;
}



.td-style
{
	text-align:center;
	padding:5px;    
	border: 1px #c8c8c8 solid;    
}




.faq-icon
{
	position:fixed;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
    height:180px;
    width:49px;
    z-index:9999;
}










.bg-red-dr
{
	background-color:#990000;
	padding:20px;
	min-height: 290px;
    color: rgba(255, 255, 255,1);
    margin-bottom: 70px;
}





.img-dr-red
{
	
    height: 375px;
    position: absolute;
    z-index: 9999;
    width: 90%;
}


.img-dr-red .img-responsive
{
				margin:auto;
}


.other-contact
{
	position:  absolute;
    margin-top: -60px;
    margin-right: 295px;

}

.bg-gray-dr-group
{
				background-color:#FFFFFF;
				padding:0 20px 0 0;				
			
}



.bg-gray-dr
{
				background-color:#efefef;
				padding:20px;
				margin-bottom:20px;
}

.bg-gray-dr .title-dr
{
	font-size: 20px;
    font-family: 'Droid Arabic Kufi';
    color: rgba(56, 56, 56, 1);
    margin-bottom: 15px;
    text-align:right;
    margin:0 0 20px 0;
}



.bg-gray-dr ul
{
				padding-right:20px;
}




.bio
{
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50px;
    top: 25px;
    }
    
.btn2 {
    display: inline-block;
    padding: 4px 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url('../images/dot2.png') no-repeat right center;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    
}    
    
    
          .btn-info2 {
    color: #fff;
    background-color:rgba(49, 176, 213, 0);
    border-color: rgba(49, 176, 213, 0);
    }    
    

  .btn-info2:hover, .btn-info2:focus, .btn-info2:active, .btn-info2.active, .open>.dropdown-toggle.btn-info2 {
    color: #fff;
    background-color: rgba(49, 176, 213, 0);
    border-color: rgba(49, 176, 213, 0);}    
    
.print
{
    width: 30px;
    height: auto;
    position: absolute;
    left: 15px;
    top: -45px;			
}




.bg-events-all {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding:30px 75px;
    background-color: rgba(14, 14, 14, 0.5);
    background-blend-mode: multiply;
    margin-top: 20px;
	height:415px;
}





.bg-events-title
{
	font-size: 22px;
    font-family: 'Droid Arabic Kufi';
    color: rgba(255, 255, 255, 1);
    margin-bottom: 15px;
    text-align:center;
}



.adv-links-collage
{
	 margin-top:2px;
}


.adv-links-collage ul
{
   padding-right:0;
   text-align:center;
} 

.adv-links-collage ul li
{    
    list-style-type: none;	
    width:100%;
    display: inline-block;
    padding: 10px;
    border-bottom: 1px #d0d0d0 solid;
    background-color: rgba(147, 13, 12, 0.75);
}




.adv-links-date-collage

{
	position: relative;
	height:67px;
	width:64px;
	padding:6px;    
	float:right;
	color: rgba(147, 13, 12, 1);
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
	
}

.adv-links-date2-collage

{
	position: relative;
	border:1px rgba(200, 89, 89, 1) dashed;
	padding:6px;
	
}



.adv-links-headline-collage

{
	 font-size:15px;
	 padding: 10px;    
	 bottom:0px;
	 height: 55px;
     overflow: hidden;
}



.adv-links-collage ul li a
{ 	 
   color:rgba(255, 255, 255, 1);
}







.btn-adv
{
    color: rgba(255, 255, 255,1);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-adv:hover 
{
    color: rgba(255, 255, 255,.5);    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.calender-flip
{
	margin:0px 0;
}

.calender-flip label {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 300px;
    height: 281px;
    position:  relative;
   /*left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;*/
    
    
    
    margin: auto;
    padding: 0px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: rgba(255, 255, 255,0);
    background-color: rgba(147, 13, 12, 0);
}

.card {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 600ms;
  transition: all 600ms;
  z-index: 20;
}

.card div {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
}

.card .back {
  background: #222;
  color: #fff;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  padding:20px;
  font-size:15px;    
  font-family: 'Droid Arabic Naskh';
}






label:hover .card {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  box-shadow: 0 20px 20px rgba(50, 50, 50, 0.2);
}

input {
  display: none;
}

:checked + .card {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

label:hover :checked + .card {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);
}




.section-dr-img
{
    width: 46%;
    height: 229px;
    float: right;
    margin-left: 5px;
}



.section-dr-img-data
{
    padding: 0;
    float: left;
    width: 49%;
    text-align:right;
}


.section-red
{
    background-color: #930d0c;
    color: white;
    text-align: center;
    padding: 5px 5px;
    margin-bottom: 10px;
    font-family: "Droid Arabic Kufi";
    font-size: 16px;
}


.section-2
{
	font-size: 13px;
    margin-bottom:5px;	
}




.section-3
{
	color: #930d0c;
    font-size: 26px;
    font-family: "Droid Arabic Kufi";
    margin-bottom: 5px;		
}


.section-4
{
	 height: 125px;
    overflow: hidden;
}



.frame4
{
	height:110px;
	display: table;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}




.frame4-title
{
    background-color: rgba(56, 56, 56, 0.7);
    text-align: center;
    height:  auto;
    position: absolute;
    width: 100%;    
    z-index: 9999;
    bottom: 0px;	
    right: 0;	
    font-family: "Droid Arabic Kufi";
    left: 0;
    margin: auto;
    font-size:18px;    
    padding:10px 10px;
    color:rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}

.frame4-title a
{
    color:rgba(255, 255, 255, 1);
}

.frame-link a:hover .frame4 .frame4-title
{
    bottom:30px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}





.student-img {
    height: 170px;
    margin-top: 15px;
    width: 100%;
    border: 1px #e4e4e4 solid;
}



.student-headline {
    font-family: "Droid Arabic Kufi";
    font-size: 18px;
    margin-top: 10px;
    color: #930d0c;
    overflow: hidden;
}


.student-text {
    font-size: 16px;
    margin-top: 10px;
    height: 90px;
    overflow: hidden;
}







.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    height:235px ;
    width:100%;
}

.carousel-control,
.item {
    border-radius: 20px;
}

.img-dot
{
    width: 172px!important;
    height: 135px!important;
    padding: 0 !important;
    margin:0 !important;
    }
	

.carousel-position {
    position: absolute;
    bottom: auto;
    top: 0;
    z-index: 15;
    width: 172px;
    height: 135px;    
    right: 100%;
    margin-right: 25px;
    overflow: hidden;    }
    
        .image-big-gallery
    {
	height: 295px!important;
    width: 650px!important;
}
    

    
    
    .image-small-gallery
    {
	height: 280px!important;
    width: 650px!important;
}
    

.carousel-indicators li img {
    display: block;
    margin: 0 auto;    
    width: 172px;
    height: 135px;
    border-radius: 0px;
    width:100%;
}


.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}


.slide{ 
  margin-top: 0px;
  margin-bottom:20px;
}



.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}






.gallery-caption{
position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 999;
    width: auto;
    padding: 0px 0px;
    color: rgba(147, 13, 12, 0.75);}



.gallery-caption h2{
 font-size:18px;
     font-family: "Droid Arabic Kufi";
    margin: 0;}


.arrow-gallery
{
	position: absolute;
    color: rgba(147, 13, 12, 1);
    font-size: 40px;
    right: 745px;
    top: 145px;
}



.opacity-gallery{opacity: 1;}





.link-all-gallery{
	position: absolute;
    z-index: 9999;
    color: #fff;
	font-family: "Droid Arabic Kufi";
	font-size:16px;    
	top: 0px;
    left: 15px;    
	background-color: rgba(147, 14, 13, 1);    
	padding: 4px 10px;
}


.link-all-gallery a{

    color: #fff;

}

.link-all-gallery a i{
    margin-right: 5px;
}


.gallery-pc
{ display:block;
}

.gallery-mobile
{ display:none;
}






.share-article
{
    position: absolute;
    left: 15px;
    top: 0px;
}


.share-article ul
{
   padding-right:0px;    
   margin-top: 0px;
}


.share-article ul li
{
   width: 35px;
   height: 35px;
   display:inline-block;
}


.share-text
 {
    width: 85px !important;
    height: 25px!important;
    top: 10px;
    position: absolute;
    left: 110px;
}



.overflow
{
				overflow:hidden;    
				padding: 0px;
				border: 2px #fff solid;background-color: rgba(45, 62, 80, 0.96);
}

.box-centers-all
{
	
	 height:259px;    
	 -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    
    -webkit-transition: opacity 1.90s, -webkit-transform 1.90s;
    transition: opacity 1.90s, transform 1.90s;
    -webkit-transform: scale(1);
    transform: scale(1);

}


a:hover .box-centers-all {
    height: 259px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
 -webkit-transition: opacity 1.90s, -webkit-transform 1.90s;
    transition: opacity 1.90s, transform 1.90s;

opacity: 0.3;
    -webkit-transform: scale(2);
    transform: scale(2);
}



.box-centers-all2 a:hover 
{
	text-decoration:none;
}




.box-centers-all-title
{
  background-image: linear-gradient(to left,rgba(147,13,12 ,1),rgba(147, 13, 12, 1) 50%,    rgba(234, 234, 234,1) 50%,    rgba(234, 234, 234, 1));
   font-family: "Droid Arabic Kufi";		
    color:rgba(147, 13, 12, 1);
    font-size:16px;    
    height: 64px;    
    line-height: 63px;
    margin-top:0px; 
    background-position:left bottom;
    background-size: 200% 100%;
    transition: all .25s ease-in;    
    z-index: 999;
    position: relative;
    }


a:hover .box-centers-all-title
{
    background-color: rgba(153, 1, 1,1);
    font-family: "Droid Arabic Kufi";
    color: rgba(255, 255, 255,1);
    font-size: 16px;
    height: 64px;
    width: 100%;
    line-height: 63px;
    margin-top: 0px;
    text-decoration: none;    
    background-position:right bottom;
  }


.box-icon-red2
{
		width:68px;
		height:64px;
		float:right;
		margin-left: 15px;
		padding:0px;        
		background-color:rgba(147, 13, 12, 1);

}





			#FrogJS{
				width: 760px;
				height: auto;
				margin: 0 auto;
			}
			
			#FrogJSleftThumb1
			{
			   width: 100px !important; 
			   height: 80px !important;	    

			}
			
			#FrogJSleftThumb2
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSleftThumb3
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSleftThumb4
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSleftThumb5
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSleftThumb6
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSleftThumb7
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSleftThumb8
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSleftThumb9
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSleftThumb10
			{
			   width: 100px !important;
			   height: 80px !important;
			}
            #FrogJSleftThumb11
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb12
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb13
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb14
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb15
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb16
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb17
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb18
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb19
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb20
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb21
			{
			   width: 100px !important;
			   height: 80px !important;
			}				
            #FrogJSleftThumb22
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb23
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb24
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb25
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb26
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb27
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb28
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb29
			{
			   width: 100px !important;
			   height: 80px !important;
			}	
            #FrogJSleftThumb30
			{
			   width: 100px !important;
			   height: 80px !important;
			}				
						
			#FrogJSrightThumb1
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSrightThumb2
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSrightThumb3
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSrightThumb4
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSrightThumb5
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			
			#FrogJSrightThumb6
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSrightThumb7
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSrightThumb8
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSrightThumb9
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSrightThumb10
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
			#FrogJSrightThumb11
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb12
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb13
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb14
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb15
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb16
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb17
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb18
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb19
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb20
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb21
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb22
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb23
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb24
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb25
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb26
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb27
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb28
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb29
			{
			   width: 100px !important;
			   height: 80px !important;
			}
			#FrogJSrightThumb30
			{
			   width: 100px !important;
			   height: 80px !important;
			}			
						
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			
			#FrogJSImage
			{     
			      width: 500px;
                  height: 210px;
			}
			
			#FrogJSCaption{
				height:50px;
				font-size: 18px;
                font-family: "Droid Arabic Kufi";
                margin: 0;
				color:rgba(147, 13, 12,1);    
				padding-top: 10px;
			}
			
			#FrogJSMainContainer
			{
			width: 500px !important;
			}

			
			
			
			
			
			
			
			
			
			
			

.newsletter
{
	padding:25px 30px 10px 30px;
	background-color:rgba(147, 13, 12, 1);
	margin-top:0px;
    color:#FFFFFF;
	border-top: 1px rgba(255, 255, 255, 0.18) solid;

}


.newsletter .headline
{
    font-size:25px;
}
.newsletter .headline span {
    /* border-bottom: 2px #FFFFFF solid; */
}

.newsletter .text3
{
    font-size:12px;
}

.newsletter .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;	
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.newsletter .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform:uppercase;
    background-color: rgba(170, 24, 23,1);
    border: 1px solid transparent;
    border-radius:0px;
    background-size: 100% 100%;
    height:45px;
    width:100%;
	color: #fff;
}


.btn-newsletter{
    color: #94836e;
}


.btn-newsletter :hover {
    color: #94836e;
}





	
	
.container3 {
    width: 100%;
    height: 480px;
    position: relative;
	margin:auto;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;    
	display: block;
	margin-bottom:50px;
}	
	

	
	
	.card3{
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}




.card3 .front3 {
    background: rgba(255, 255, 255, 1);
    display: block;
    height: 100%;
    width: 100%;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}



.card3 .back3 {
    background: rgba(0, 0, 0, 1);
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
	
	display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
	padding:30px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* width */
.card3 .back3 ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.card3 .back3 ::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
.card3 .back3 ::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.card3 .back3 ::-webkit-scrollbar-thumb:hover {
    background: #930d0c; 
}


.card3.flipped3{
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
	
.card3 button
{
	background-color: rgba(147, 13, 12, 1);
    width: 100%;
    border: 0px #930d0c solid;
	color: rgba(255, 255, 255, 1);
	line-height: 60px;
}
	
.back-link2
{

	margin: 10px 0px 0px 0;
}
	
	
.back-link2 button
{
	background-color: rgba(147, 13, 12, 1);
    width:auto;
    border: 0px #930d0c solid;
	color: rgba(255, 255, 255, 1);
	padding: 5px 20px;
	line-height: 35px;
}



.card3 .back3  .text {
padding:5px;	
height: 355px;
overflow: auto;
text-align:right;
}

.card3 .back3  .text .ahref {
padding-bottom:15px;	
}



.card3 .back3  .text .ahref a{
color:#fff;
background: url('../images/dot3.png') no-repeat right center;    
padding-right: 15px;
}













.img-conferances
{
	margin-bottom:8px;
}

.img-conferances img
{
	 height:348px;
	 width: 100%;
}

.text-area
{
	 height:170px;
	 background-color:#f1f1f1;
	 padding:15px;
}


.title-conferances2 {
    font-size: 22px;
    font-family: 'Droid Arabic Kufi';
    color: rgba(147, 13, 12, 1);
    margin-bottom: 15px;
}

.title-conferances2 a {
    color: rgba(147, 13, 12, 1);
	text-decoration:none;
}

.text-conferances2 {
height: 65px;
overflow: hidden;
}


.padding-conferances2 {
padding-left: 4px;
margin-bottom:8px;
}

    
.padding-conferances3 {
padding-right: 4px;
margin-bottom:8px;
}

.padding-conferances4 {
padding-left: 4px;
margin-bottom:8px;
}

    
.padding-conferances5{
padding-right: 4px;
margin-bottom:8px;
} 

.conferances2-img
{
width:100%;
}

.conferances2-links
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
	background-color:rgba(147, 13, 12, 1);	
	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.conferances2-links:hover
{
	padding:8px 10px;
	background-color:rgba(172, 172, 172, 1);
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}






.conferances4-links
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
	background-color:rgba(56, 56, 56, 1);	
	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.conferances4-links:hover
{
	padding:8px 10px;
	background-color:rgba(147, 13, 12, 1);
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



.conferances5-links
{
	padding:8px 10px;
	font-family: "Droid Arabic Kufi";
	background-color:rgba(172, 172, 172, 1);	
	font-size:18px;
	color:rgba(255, 255, 255,1);
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 900px;
}

.conferances5-links:hover
{
	padding:8px 10px;
	background-color:rgba(56, 56, 56, 1);
	color:rgba(225, 255, 255,1);    
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



.height2
{
  height:178px;
}


.padding-conferances2 a:hover
{
	text-decoration:none;
}
   
.padding-conferances3 a:hover
{
	text-decoration:none;
}
   

.registration-conferances
{
background: url('../images/registration-confe.png') no-repeat right center; 
padding:30px 20px 40px 20px;	
background-size: cover;
margin-bottom:15px;
}

.registration-conferances-date 
{
	 margin-top:30px;
}



.registration-conferances-date span
{
	background-color: white;
    padding: 8px 30px;
    border-radius: 40px;
}





.contact-us
{
background: url('../images/contact-us.png') no-repeat left center; 
padding:30px 20px 40px 20px;	
background-size: cover;
margin-bottom:15px;
}

.contact-us-date 
{
	 margin-top:30px;
}



.contact-us-date span
{
	background-color: white;
    padding: 8px 30px;
    border-radius: 40px;
}



.box-conferance-all
{
	
	 height:185px;    
	 -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    
    -webkit-transition: opacity 1.90s, -webkit-transform 1.90s;
    transition: opacity 1.90s, transform 1.90s;
    -webkit-transform: scale(1);
    transform: scale(1);

}


a:hover .box-conferance-all {
    height: 185px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
 -webkit-transition: opacity 1.90s, -webkit-transform 1.90s;
    transition: opacity 1.90s, transform 1.90s;

opacity: 0.3;
    -webkit-transform: scale(2);
    transform: scale(2);
}



.box-conferance-all2 a:hover 
{
	text-decoration:none;
}




.box-conferance-all-title
{
     background-image: linear-gradient(to left,rgba(147,13,12 ,1),rgba(147, 13, 12, 1) 50%, rgba(234, 234, 234,0.75) 50%, rgba(234, 234, 234, 0.75));
    font-family: "Droid Arabic Kufi";
    color: rgba(147, 13, 12, 1);
    font-size: 16px;
    height:45px;
    line-height: 45px;
    margin-top: 0px;
    background-position: left bottom;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    z-index: 999;
    position: absolute;
    width: 101%;
    bottom: 0px;
    text-align: center;
}


a:hover .box-conferance-all-title
{
    background-color: rgba(153, 1, 1,1);
    font-family: "Droid Arabic Kufi";
    color: rgba(255, 255, 255,1);
    font-size: 16px;
    height: 45px;
    width: 100%;
    line-height: 45px;
    margin-top: 0px;
    text-decoration: none;    
    background-position:right bottom;
  }



.overflow2 {
    overflow: hidden;
    padding: 0;
    border: 4px #fff solid;
}
