@font-face {font-family: 'Kufi';  font-style: normal;  font-weight: 400;  
  src: url(../vendor/fonts/HelveticaNeueLTArabic-Light.eot);
  src: url(../vendor/fonts/HelveticaNeueLTArabic-Light.eot?#iefix) format('embedded-opentype'),
       url(../vendor/fonts/HelveticaNeueLTArabic-Light.woff) format('woff'),
       url(../vendor/fonts/HelveticaNeueLTArabic-Light.ttf) format('truetype');}
@font-face {font-family: 'Kufi-bold';  font-style: normal;  font-weight: 700;  
  src: url(../vendor/fonts/HelveticaNeueLTArabic-Bold.eot);
  src: url(../vendor/fonts/HelveticaNeueLTArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../vendor/fonts/HelveticaNeueLTArabic-Bold.woff) format('woff'),
       url(../vendor/fonts/HelveticaNeueLTArabic-Bold.ttf) format('truetype');}

html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:60px; /* this needs to be bigger than footer height*/
}
body {
  padding-top: 54px;
  font-family: 'Kufi', tahoma,sans-serif,helvetica !important; 
}


.carousel-item {
  height: 70vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

.portfolio-item {
  margin-bottom: 30px;
}
/*
@media (min-width: 992px) {
  body {
    padding-top: 56px;  
  }
}
*/
p {
  text-align: justify;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #c9caca;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bg-dark {
    background-color: #28a745 !important;
}

.footer {
    background-color: #0077c1 !important;
}

.BackgroundShaded {
    background-image: url(../imgs/bg2.png);
    border-bottom: solid;
    border-top: solid;
    border-color: #ddd;
    border-width:6px;   
    
}
.partners img {
    width:200px;   
    padding-left: 0 20px
}
#brandSide a {
color: #FFF;
}
#languge{
margin: 0 20px;
font-size: 0.7em;
background-color: #78cf7f;
}

.footer {
  position: relative;
  margin-top: -60px; /* negative value of footer height */
  clear:both;

} 

.formTitle {
  font-size:  1.5em;
  margin: 0.5em;
  padding: 0.5em;
  background-color: rgb(224, 247, 239);
}

.ErrorMessage{
  color:#ff0000;    
  border: #fdeb83 1px solid;
  background-color: #faf5dc;
  padding: 10px 20px;
  margin: 15px;
}