.main_bg{background: url(img/bg.png) no-repeat  center bottom #dfd5ff;padding: 30px 0 30px 0; min-height: calc( 100vh - 88px );}
.main_div{
    

    
}

.categories{ padding: 8px; margin-bottom: 22px; background: #fff;  height: 124px; -webkit-transition:  1s; /* Safari */ transition:  1s; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border-radius: 30px }

.categories h5{ display: none}
.categories img{ width:65px; display: block; margin-left:auto;margin-right:auto}
.categories h3{  font-size: 13px; color: #333; text-align: center!important   }
.categories h5{  font-size: 13px; color: #666; font-family: tahoma; line-height: 20px}

.categories:hover img{ display: none}
.categories:hover{ background: #666; }
.categories:hover h3{ color: #fff; font-size: 14px; margin: 0; padding: 0   }
.categories:hover h5{ display: block;color: #f5f5f5; text-align: center!important}

.container{padding:0 5%}

.whyus{background: #0087BF; padding: 20px 0}

.whyus h1 {
  color: #fff;
  font-size: 32px;
  margin: 0;
  padding: 20px 20px 30px 20px;
  text-align: center !important;
}
.whyus h2{
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 5px 0 ;
}

.whyus i {
  color: #fff;
  margin: 10px 0 0 0;
}
.whyus .col-xs-12 {
  color: #fff;
  margin:  0  0 15px 0;
}

.whyus .description{
  color: #bfd7ff;
  font-size: 13px;
    margin-top: 6px;
  
  line-height: 26px;

    
}
.whyus img{
   margin: 4px 0 0  16px ;
    max-height: 50px;
}




.cat_div .time , .cat_div{ text-align: center!important}
.cat_div a{ font-size: 18px; color: #333}
.cat_div .time{ font-size: 13px; text-align: center; color: #666; margin-top: 8px;}

.cat h2{ font-size: 18px; color: #8D674C; text-align: center!important}
.cat .cat_div{background: #fff;border-radius: 8px; padding: 8px; margin-bottom: 8px}
.footer{ padding: 8px;  border-top: 1px solid #ccc;

    background: #ffff;
    
}






.cuadro_intro_hover h3{
     padding:7px; font-size: 16px; text-align: center!important
}
.cuadro_intro_hover p{
     padding:25px 25px 0px 25px;
     min-height: 140px;
}
.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 190px;
        
        
         
        margin-bottom: 25px;
         
	}

    .cuadro_intro_hover:hover p {
    margin-top:-190px;
      -webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
    }
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-115px);
		-webkit-transform:translateY(-115px);
		-moz-transform:translateY(-115px);
		-ms-transform:translateY(-115px);
		-o-transform:translateY(-115px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:190px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(241, 99, 34, 0.91);
		height: 90px;
		z-index: 5;
		position: absolute;
		width: 100%;
    border-radius:10px;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center!important;
		top:-20px;
		width: 100%;
	}




 
	
	a:hover {
		text-decoration: none
	}
	
	.site-slogan {
		color: #fff;
	}

    
	
	.site-slogan h1 {
		margin-bottom: 30px;
        font-size: 26px;
	}
	
	.site-slogan ul li {
		text-align: right;
		margin: 10px 0;
		/*			background-color: rgba(2, 127, 194, 0.78);*/
		padding: 5px
	}
	
	.overlay {
		background-color: rgba(30, 31, 31, 0.5);
		/*height: 100vh*/
	}
	
	.navbar-default {
		background: none;
		border: none;
		border-bottom: solid 1px rgba(238, 238, 238, 0.42)
	}

@media (max-width: 768px) {
    .navbar-default .navbar-toggle{left: 0;position: absolute}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #333}
    .container > .navbar-header, .container > .navbar-collapse{margin-left: 2px!important}
    .navbar-right li{width: 100%}
    .navbar-nav > li > a , #alameya-nav{border: none!important}  
    .navbar-collapse.in{width: 100%;padding-right:10px}
    .header{padding: 0!important}
}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {
		background: transparent;
		border-bottom: 1px solid #eee;
		color: #fff
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		color: #fff;
        padding: 16px 9px!important;
	}

	.navbar-left  a {
		font-size: 13px!important;
	}

	
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:hover {
		border-bottom: 1px solid #eee;
		color: #eee
	}
	
	body {
		font-family: 'Droid Arabic Kufi', sans-serif
	}
	
	.social {
		margin: 50px 0 0 0
	}
	
	.social li {
		margin: 3px;
		padding: 5px;
	}
	
	.social li a {
		color: #fff
	}
	
	.search-area {
		width: 60%;
		margin: 10px auto;
		padding: 20px 10px;
		background-color: #F26722
	}
	
.search-area h3{font-size: 18px}
label{ font-weight: normal!important}
.search-area label{color: #fff!important; }

@media (max-width: 360px) {
    .search-area {
		width: 75%;
        margin: 7px auto;
        padding: 8px 10px;
	}
    .navbar{margin-bottom: 4px;}
    .header .col-xs-12 .img-responsive {max-width: 75%!important}
}

	.search-area input,
	.search-area select {
		border-radius: 0;
		background-color: #EAF4F3;
		height: 35px;
		margin: 20px 0;
		padding: 0 12px
	}
	
	.search-area h3 {
		text-align: center;
		color: #fff;
		/*			margin-bottom: 30px;*/
		border-bottom: 1px solid rgba(238, 238, 238, 0.51);
		padding: 10px 0;
		margin: 0
	}
	
	.search-area button {
		background-color: #444;
		border: 1px solid #444;
		border-radius: 0;
		color: #fff
	}
	
	.search-area button:hover {
		background-color: #644d4d;
		border: 1px solid #644d4d;
				color: #fff

	}
	
	.header {
		padding: 50px 24px 50px 0
	}
	/*		//////////////////////////*/
	
	#search,
	.rgba_color {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform: translate(0px, -100%) scale(0, 0);
		-moz-transform: translate(0px, -100%) scale(0, 0);
		-o-transform: translate(0px, -100%) scale(0, 0);
		-ms-transform: translate(0px, -100%) scale(0, 0);
		transform: translate(0px, -100%) scale(0, 0);
		z-index: 999999;
		opacity: 0;
	}
	
	#search.open,
	#layout.open {
		-webkit-transform: translate(0px, 0px) scale(1, 1);
		-moz-transform: translate(0px, 0px) scale(1, 1);
		-o-transform: translate(0px, 0px) scale(1, 1);
		-ms-transform: translate(0px, 0px) scale(1, 1);
		transform: translate(0px, 0px) scale(1, 1);
		opacity: 1;
	}
	
	#search input[type="search"] {
		position: absolute;
		top: 50%;
		width: 100%;
		color: rgb(255, 255, 255);
		background: rgba(0, 0, 0, 0);
		font-size: 60px;
		font-weight: 300;
		text-align: center;
		border: 0px;
		margin: 0px auto;
		margin-top: -51px;
		padding-left: 30px;
		padding-right: 30px;
		outline: none;
	}
	
	#search .btn {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 61px;
		margin-left: -45px;
	}
	
	#search .close {
		position: fixed;
		top: 15px;
		right: 15px;
		color: #fff;
		background-color: #428bca;
		border-color: #357ebd;
		opacity: 1;
		padding: 10px 17px;
		font-size: 27px;
	}
	/*		//////////////////////////////////////////*/
	
	.pages-breadcrumb {
		color: #fff;
	}
	
	.pages-breadcrumb ul li a {
		color: #fff;
		font-size: 15px
	}
	
	.pages-breadcrumb h2 {
		font-size: 35px;
		 
		padding-bottom: 10px
	}
	
	.pages-breadcrumb .overlay {
		background-color: rgba(51, 51, 51, 0.23);
		padding: 10px;
	}
	
	.main_title .titles {
		display: none;
	}


ul.thumbnails{padding: 0}

.search_area{ background: #f6f6f6; border-radius: 12px ; padding: 5px 8px  }