.os 
{

background: blue;
color: #fff;
margin-bottom: 12px;
padding: 30px;
}
.warnning
{
color: red;
font-weight: bold;


}

.test{

height: 200px;
line-height: 200px;

}


body{  

/* padding-top: 73px; */
/*3ashan lama y7sal loading screen y5tfy el scrool we fe plugin.js 3amlen code leha we y5ly body yzher scrool*/
/*overflow: hidden;*/
background-color: #cec18c;
}

.backgroungpage{
background-color:#cec18c;
}


h1, 
h2,
h3,
h4, 
.lead
{
	
	font-family: 'Droid Sans', sans-serif;}

	
	
	.header-page{
	border: 2px solid #7f5126;
    border-top-left-radius: 2px;
	/* height:150px; */
	background-color:white;
	
	}
	/* 
	.header-page .container{
	padding-top:10px;
	
	} */
	.header-page p{
	font-size:30;
	font-weight:bold;
	color:#117011;
	font-family: 'Reem Kufi';

	
	} 
.header-center{
	
	padding-top:30px;
	
	}
	
	
/********************888 BootStrab Overwrite***********************************/
.navbar{

	height: 71px;
	border-bottom: 4px solid #95CD02;
	border-radius:0;
	
	
}


/*navbar brand aw logo nfso*/
.navbar-brand{
	font-size: 30px;
	line-height: 40px;
	color:#117011;
}

/*dh lama a3ml span ganb brand name */
.navbar-header .navbar-brand span
{
font-weight:bold;
color: #117011;
font-family: 'Reem Kufi', sans-serif;
	
}
.navbar-header .navbar-brand span1
{

font-weight:bold;
/* font-family:"Lucida Sans Unicode"; */
	font-family: 'Reem Kufi', sans-serif;
}



.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus
{

	background-color: #117011;
	/* opacity: 0.5; */
	hight:30spx;
	    border-top-left-radius: 5px;
		    border-top-right-radius: 5px;
			
}

/*links aw kalam 3ala navbar */
.navbar-inverse .navbar-nav > li > a
{

	color: #9899A2;
	padding-top: 25px;
	padding-bottom: 26px;
	font-size: 15px;
font-family: 'Lemonada', cursive;
/* 	font-family: 'Changa'; */
	/* font-family: 'Reem Kufi', sans-serif; */
	/* font-family: 'El Messiri', sans-serif; */

}

/* fe dropdown menue lama afta7 list lama adoz 3ala a (link) we a3ml havor(a7od mouse 3leh)  */
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus
{


	padding-right: 20px;
	float: right ; 
	color: #262626;
    text-decoration: none;
	background:#95CD02;
	
}
	
	
	.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117011;
  outline: 0;
}

.dropdown-menu
{
float: right ; 
	background-color:#101010;
	border-top: 3PX solid #95CD02;
	min-width:220px;
	

}
.navbar-nav > li > .dropdown-menu{
border-top-left-radius: 30px;
	border-bottom-left-radius: 20px;
	background-color:#101010;

}
.dropdown-menu .menu-item{
font-family: 'Lemonada', cursive;
font-size:10;
}

/* kalam links ely gowa drop menue */
.dropdown-menu > li > a
{
float: right ;  
	color: #9899A2;
	padding: 10px 35px;
	
	/* dh y5ly klmat lama agy 3leha y7sal ne3oma keda moz= mozilla o=opera*/
	-webkit-transition:padding 0.8s ease;
	-moz-transition:padding 0.8s ease;
	-o-transition:padding 0.8s ease;
	transition:padding 0.8s ease;
}

/*navbar nfso*/
.navbar
{
	min-height: 50px;
	padding-bottom:none;
	margin-bottom:0;
	border:none;
}


.navbar-inverse .navbar-form{

	padding-top: 10px;
}
.caret{

border-top:none;
}
/*******************************************************************************88slider***********************/


.carousel-caption{

    bottom: 70px;
	background-color: rgba(3,3,3,0.5);
	padding-left: 20px;
	padding-right: 20px;
	padding-top:none;
}

.slide .carousel
{
top:0px;
height: 500px;
width:100%;
}

.carousel-indicators{


	bottom:0;
}


.carousel-indicators .active{


	background-color:#117011;
	height: 17px;
	width: 17px;
}

.carousel-control {
    position: absolute;
 
color:#fff;
}
.carousel-control:hover, .carousel-control:focus{
	color:#117011;


}


/**************************************Importance*****************************************section***********************/




.importance {


background:url('../images/book4.jpg') no-repeat center right fixed;
height: 468px;
 width: 1349px;
border:3px solid black;
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

}
.importance .field{

	 background: rgba(8, 8, 8, 0.5) ;
	min-height: 300px;
color: #DDD;
padding-top: 40px;
padding-bottom: 40px;
	}


.importance .item p{

font-size:28;
font-family: 'El Messiri', sans-serif;

}


.importance h1{

font-size:30;

font-weight:bold;
	font-family: 'El Messiri', sans-serif;
}


/* 
.carousel-indicators-numbers {
    li {
      text-indent: 0;
      margin: 0 2px;
      width: 30px;
      height: 30px;
      border: none;
      border-radius: 100%;
      line-height: 30px;
      color: #fff;
      background-color: #999;
      transition: all 0.25s ease;
      &.active, &:hover {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        background-color: #337ab7;        
      }
    }
}
 */
.importance .carousel-inner{


min-height:160px;

}

.importance .carousel-indicators{

position:static;
width:100%;
margin-left:auto;

padding-top:20px;


}

.importance .carousel-indicators li{

text-indent:0;
width: 30px;
      height: 30px;
 border-radius: 100%;
  background-color: #999;
    line-height: 30px;
      color: #fff;
      background-color: #999;
/*       transition: all 0.15s ease; */
	  font-size:15;
	font-family: 'Reem Kufi', sans-serif;
}

.importance .carousel-indicators .active{

  background-color: #7f5126; 


}






.aboutus {


background:url('../images/book4.jpg') no-repeat center right fixed;

border:3px solid black;
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

}
.aboutus .field{

	 	background: rgba(8,8,8,0.6);
	min-height: 400px;

color: #ddd;
padding-top: 40px;
padding-bottom: 40px;
}
.aboutus p{
font-size:29;
	font-family: 'El Messiri', sans-serif;

	}
	
	
	

.kashaf {


background:url('../images/book1.jpg') no-repeat center right fixed;

border:3px solid black;
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

}
.kashaf .field{

	 	background: rgba(8,8,8,0.6);
	min-height: 400px;

color: #ddd;
padding-top: 40px;
padding-bottom: 40px;
}
.aboutus p{
font-size:29;
	font-family: 'El Messiri', sans-serif;

	}
	
	
	
/*******************************************************************************section***********************/

.about h1 span
{

	color: red;
}


.about h1 
{

	font-weight:bold;
}
.about .lead
{
margin-top: 10px;
	color: blue;
}

.about{

	padding-top: 60px;
	padding-bottom: 60px;
}





/*******************************************************************************section***********************/



.features{

	/* background-color: #D4AFCB;
	padding-top: 60px;
	padding-bottom: 60px; */
	
background:url('../images/vid.jpg') no-repeat center right fixed;

	width: 100%;
	min-height: 550px;
	/********3ashaaaan lama a3ml zoom out tfdal zy mahya*********/
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;


}
.features .field{

	 background: rgba(8, 8, 8, 0.5) ;
	min-height: 350px;
color: #DDD;
padding-top: 40px;
padding-bottom: 40px;
	}

.features.featu p{

	line-height: 2em; /*2 marten mn 7agm pixel mawgod*/
	}

/*takbeeer we color 7agn glyphicon from boootstrab*/
.features .card-header h5{

   font-size: 25px;
   margin-bottom: 10px;
   color: black;

	}
	
/*takbeeer we color 7agn wa7daaaa bs mn glyphicon from boootstrab e5tart no3 mnhom*/

	.features h1{

  background-color:;
   color: #fff;
   font-style:bold;
   font-size:50;
   

	}


	.features h5{

  
  
   font-style:bold;
   font-size:25;

	}



	.featu span.glyphicon.glyphicon-pawn{

   
   color: blue;

	}

.features .card .card-header{
background:cec18c;


}
.features .card {
background:white;


}

	/*******************************************************************************testimonials  section***********************/

	.testimonials{

		padding-bottom: 50px;
		padding-top: 50px;
		padding-right: 120px;
		padding-left: 120px;
	}

.testimonials .carousel-indicators
{

	top:80;
	
	
	margin-left: auto;
	
	
}

/*a7oood swr fe indicator*/
.testimonials .carousel-indicators li
{

	width:80px;
	height: 80px;
	opacity: 0.5;
	overflow: hidden;
	
}
.testimonials .carousel-indicators li img
{

max-width: 90%;
max-height: 90%;

	
}
.testimonials .carousel-indicators .active{
	
	opacity: 1;
background:none; 

border:3px solid blue;}


/*******************************************************************************Price we CSS3***********************/

.price-table h1{
margin-bottom: 40px;

}

.price-table{

	background-color: #ACCCBE;
	padding-bottom: 50px;
	padding-top:  40px;
}
.price-table .price-box{

	background-color: #DDDAA9;
	padding: 10;
	border: 1px solid #424021;

}

.price-table .price-box p{

	
	font-size: 20;
	font-weight: bold;

	width: 100;
	height:100;
	background-color: #F3F3F3;
	border-radius: 50%;
	/*a5ly text yegy fel nos belzabd  lza a3ml linehight*/
	line-height: 100px;

	/*mesh hyuzhar 8er lama a3,l ta2ser hover  3ala box price lkolo  keda .price-table .price-box:hover*/
	-webkit-transition-duration:0.7s;
	-moz-transition-duration:0.7s;
	-o-transition-duration:0.7s;
	transition-duration:0.7s;

/*ha3ml border white keda keda mesh hyban lakn 3mlo 3ashan a8yr lono fel hover */
	border:2px solid #fff;

}


 /*p fel a5r elgomla ta3ny en ha2ser elhover hy7sal 3ala paragraph ana 3awza ykbe showya we yelf 7al nfso*/
.price-table .price-box:hover p{


-webkit-transform:scale(1.1,1.1)rotate(360deg);
-moz-transform:scale(1.1,1.1)rotate(360deg);
-o-transform:scale(1.1,1.1)rotate(360deg);
-transform:scale(1.1,1.1)rotate(360deg);
border: 3px solid blue;
}

.price-table .price-box ul{

line-height: 250%;
font-size: 18px;


}

/*a5ly ta7t button 10 px fady */
.price-table .price-box a{

padding-bottom: 10px;

}
/*********************************************************************EEEEEEEEEEEEEEEEEEEEND Price we CSS3***********************/

.seperate{

	background-color: white;
	padding-top: 60px;
	padding-bottom: 20px;
}


/*********************************************************************EEEEEEEEEEEEEEEEEEEEND Price we CSS3***********************/
/*********************************************************************Strat personal***********************/
.our-team{
/********fixed y5lek ka2enk te2aleb fel sora mn gowa**********/

background:url('../images/book2.jpg') no-repeat center right fixed;

	width: 100%;
	min-height: 500px;
	/********3ashaaaan lama a3ml zoom out tfdal zy mahya*********/
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.our-team .team{

background:rgba(2,2,2,0.7);
color:white;
min-height: 600px;
padding-top: 40px;
padding-bottom: 40px;

}

.our-team h1{
	margin-bottom: 10px;
	padding-bottom: 20px;
	
	    font-weight: bold;
}



.our-team span1{


padding-top:25px;

}
.our-team img{
border-radius: 50%;
	/*a5ly text yegy fel nos belzabd  lza a3ml linehight*/
	line-height: 100px;

	/*mesh hyuzhar 8er lama a3,l ta2ser hover  3ala box price lkolo  keda .price-table .price-box:hover*/
	-webkit-transition-duration:0.7s;
	-moz-transition-duration:0.7s;
	-o-transition-duration:0.7s;
	transition-duration:0.7s;

/*ha3ml border white keda keda mesh hyban lakn 3mlo 3ashan a8yr lono fel hover */
	border:2px solid #fff;
}



.our-team img:hover{


-webkit-transform:scale(1.1,1.1)rotate(360deg);
-moz-transform:scale(1.1,1.1)rotate(360deg);
-o-transform:scale(1.1,1.1)rotate(360deg);
-transform:scale(1.1,1.1)rotate(360deg);
border: 5px solid #95CD02;

}

/*********************************************************************EEEEEEEEEEEEEEEEEEEEND personal***********************/

/*********************************************************************Subscribe***********************/
.subscribe{

padding-top: 40px;
padding-bottom:40px;
background-color: #cec18c;


}
.subscribe h1{
/****letterspacing t3ml space beeen 7erooof***/
	letter-spacing: 2px;
}


/****inpuuuut field*  we a3mlooooh Reset be border-radius:0 ;**/
.subscribe .form-control{

border-radius: o;
margin-right: 5px;
}


.form-inline .btn-circle {
  width: 130px;
  height: 45px;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  line-height: 1.428571429;
  border-radius: 45px;
  background-color: #EEE;
  border:2px solid #99919D;
  font-family: Verdana;

}

.form-inline .btn:hover, 
.form-inline .btn:focus, 
.form-inline .btn.focus
{

border:2px solid white;
	background-color: #95CD02;
	color:white;
}




/****$$$$$$$$$$$$$$$$$$$$$$ ************************ OUR skills $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$;**/

.our-skiils h3{

	margin-top: 0 ;

}

.our-skills .skills-progress .progress{

	height: 37px;
	/****line-height: 36px;   mesh hatshta8al hena lazm a3mlha fe class progress-bar**/
	
}

.our-skills .skills-progress .progress-bar{

	font-size: 15px;
	line-height: 36px;
	/****3awez a5ly kalam ybda2 mn shemal**/
	text-align: left;
	/****elkalam laz2 fel shemal awy fa a3ml indent be 10  **/
	text-indent: 10px;
}

/****$$$$$$$$$$$$$$$$$$$$$$ ************************ Contact us $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$;**/
.contact-us{




background:url('../images/rr.jpg') no-repeat center right fixed;

	width: 100%;
min-height: 400px;
	
	/********3ashaaaan lama a3ml zoom out tfdal zy mahya*********/
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.contact-us .fields{

	background: rgba(8,8,8,0.6);
	min-height: 400px;
color: #DDD;
padding-top: 40px;
padding-bottom: 40px;
	}

.contact-us p{

margin-bottom: 40px;

}	
.contact-us textarea{

	height: 108px;
}
.contact-us input,
.contact-us textarea
{

background-color: rgba(62,68,68,0.7);
color:#FFF;
border:2px solid black;

}

.contact-us input[placeholder],
{
	color:#fff;
}

/****$$$$$$$$$$$$$$$$$$$$$$ ************************ Cliens $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$;**/


.our-clients{

background-color: #EEE;
padding-top: 20px;
padding-bottom: 20px;


}

.our-clients img{


opacity: 0.4;
filter:alpha.opacity:40;
margin-top:20px;
margin-bottom: 20px;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;

}
.our-clients img:hover
{


	opacity:1;
}


/****$$$$$$$$$$$$$$$$$$$$$$ ************************ Footer $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$;**/

.footer{

	background-color: #222;
	color:#AAA;
	padding-top: 20px;
	

}

.footer a{

color:#AAA;

}
.footer a:hover{

	color: #FFF;
}

.footer h3{

color: #95CD02;
letter-spacing: 1px;
margin:30px 0 20px;


}

.footer .three-columns
{
 overflow: hidden;


}

/*m3naha en hykon ka2enoh 3 grid lakn m3mlhash grid l2n dh fe koool shashat mesh hy5tlfo*/
.footer .three-columns li
{
 width:33.3333%;
 float:left;
 padding: 5px 0;

}
.footer .social-list
{
overflow:hidden;
margin:20px 0 10px;

}

.footer .social-list img
{
height: 45px;
width: 45px;
float: left;
}

.footer .social-list li
{
float:left;
margin-right:5px; 
opacity: 0.7;
 filter:alpha.opacity:0.7;

}
.footer .social-list li:hover
{
opacity: 1;
}







.footer .media img{

height: 50px;
width: 50px;

}

.footer .work img{

height: 90px;
width: 140px;

}

.footer .img-thumbnail{


	background-color:rgba(0,0,0,0.4);
	border:1px slod #444;
	margin-bottom: 5px;
	float:right;
}

.footer .copyright{
margin-top: 20px;
	background-color: #333;
	color:#AAA;
	padding: 15px 0px
}
.footer .copyright span{

color:#95CD02;

}

.footer a:hover{

color:#95CD02;
}



/*************************************************staaaaaaaaart toolbooox*/
.option-box{

/*fixed lykon ma3aya toool shasha*/
	position: fixed;
	top: 100px;
	left: 0;
	/*3ashan option box my5tafesh wra ay shasha tanya aw sora  we 9999 la2nmesta3ml libraries keter  mest5dma z index fana akteb rakb keber 3ashan yekon akbr mnhom*/
	z-index: 9999;
}

.option-box .color-option{

float:left;
background-color: #333;
color:#fff;
padding: 10px;
width: 200px;
border:4px solid red;
/*ha5feh mn zehor we a5leh yzhar bs lama adoz 3ala icon we dh bel JQUERy we katbt code fel plugins.js*/
display: none ;

}
.option-box .color-option ul li{

	width:20px;
	height: 20px;
display:inline-block;
/*3ashan lama adoz 3lehayegy shak el hand dy */
cursor: pointer;
margin-right:3px;
}

.option-box .gear-check{

padding: 5px;
background-color: #E41B17;
color: #FFF;

}





/*///////////////////////////////////////////Loadiiiing///////////////////////////////////////////////////////////////////////////////*/
.loading-overlay{

background:#A8A4AB;
color:#fff;
width: 100%;
height:100%;
top: 0;
left: 0;
z-index:99999;
position: fixed;

}




/*////////////////////////////////////////////////////////Spinner load//////////////////////////////////////////////////////////////////*/
/*Code el spinner bta3 loading mn net mn link http://tobiasahlin.com/spinkit/*/

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}


/*////////////////////////////////////////////////////////Scroll /////////////////////////////////////////////////////////////////*/
.scroll-top{
text-align: center;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 9999;
	color:#DDD;
	background: #95CD02;
	/*ma5lehosh y7slo display 3ala tool la2n bel jquery fe plugins.js b5leh yzhar lama scrol ynzel ta7t*/
	display: none;
	/*3ashan y3rfo lama yegi 3al button enoh adoz 3leh */
	cursor: pointer;
	border-radius:100%;
}

.scroll-top:hover
{
	background-color:#95Ca02;
	opacity:0.5;
	}

/*000000000000000000000poooop code hover mn file hover.css we dh afdal eny asta3ml code bs mesh file kolo l2enoh by3ml mashakel///////////////////////////////////////////////////////////////////////////////////////////*/
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;

     /*transform: translateX(100px);*/
  
}











.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 5px 5px 5px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;

}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 5 5 10px rgba(0, 0, 0, 0.6);
  /*border:6px solid black;*/
}







/*/////////////////////About/////////////////////////////////////////////////////////////////////////*/


.breadcrumb-holder{

	background-color: #F5F5F5;
}
.breadcrumb
{
padding-bottom: 20px;
	margin: 0px;
}

.about-us h1{

	font-family: 'Raleway', sans-serif;
	/*y5ly el 5ad ylza2 fe b3d showya*/
	letter-spacing: -3px;
	font-size: 62px;
	font-weight:bold;
}

.about-us{
	padding-top: 50px;
}

.about-us h1{
	width: 70%
	font-weight:bold;
}


.about-us-features{
	padding: 30 0 50px;

}
.about-us .features h3{

	font-family: 'Raleway', sans-serif;
	/*y5ly el 5ad ylza2 fe b3d showya*/
	letter-spacing: -2px;
	
	font-weight:bold;
	
}


.about-ceo{


	background-color: #EEE;
	padding-top: 30px;


}

.about-ceo .btn-primary{

background-color: #333;
color: #fff;
/*3awz el bt yzhar betool elsaf7a aw betol el col a3meloh block bs
lw 3awzy be 7gmo elasly lakn block y3ny a2adr a3melo margin we keda yeb2a inlineblock*/
display: inline-block;
margin: 10px;

}





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

.faq h1{

		font-family: 'Raleway', sans-serif;
		letter-spacing: -3px;
		font-size: 60px;
		padding: 40 0 ;

}

.faq-panel{


padding-top: 80px;
padding-bottom:80px;
background-color: #cec18c;


}


.faq h1 ~ hr{
	width: 90%;

}
.faq h1 {
	font-size:40;

}
/*a: after y3ny ha7od 7aga ba3t el a ely howa y3ny el link ely fel class dh ha7od ba3deh 7aga
el7agat bta3t el glypgicon bagebha eny a5tar icon mn mwk3 el bootstab we shift-ctr-i we ageb m3lomat dh*/
.faq-panel .panel-heading a:after {
	font-family:"Glyphicons Halflings";
	content:"\e114";
	float: right;
	color: #444;


}
.faq-panel .panel-title span{
font-size:25px;


}
/*
dy y3ny elshakl lama adoz 3leh */
.faq-panel .panel-heading a.collapsed:after {

	content:"\e080";
	float: right;
	color: #AAA;


}



.faq btn{

		
}




















.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #7f5126;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-block {
  padding: 1.25rem;
}

.card-block::after {
  content: "";
  display: table;
  clear: both;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header::after {
  content: "";
  display: table;
  clear: both;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer::after {
  content: "";
  display: table;
  clear: both;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }
  .card-deck .card {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: top;
  }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .card-group .card {
    display: table-cell;
    vertical-align: top;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}



.one-related-topic {
	 align-items: center;
  display: flex;
  justify-content: center;



    width: 646px;
    background: #f8f8f6;
    margin-bottom: 24px;
/*    margin-left: 150px;*/
    max-height: 130px;
    min-height: 110px;
    border: 1px solid #dfdfdf;
}







.lagna{
background-color:#cec18c;
}

.lagna h2{
color:#7f5126;
font-weight:bold;
font-size:30;
font-family: 'El Messiri', sans-serif;

}



.news_sec{
margin-top:px;
padding-top:50px;
background-color:#cec18c;
/* border:3px solid #7f5126; */

}
.news_sec a:link {
    color: green;}
	
/* visited link */
.news_sec a:visited {
    color: yellow;
}

/* mouse over link */
.news_sec a:hover {
    color: blue;
}

/* selected link */
.news_sec a:active {
    color: blue;
}


.news_sec .card {
background:#cec18c;
border:4px solid #6b4e34;
 box-shadow: 20px -10px 20px -10px gray;
 /* border-radius: 5%; */
 border-radius:30px;
/*  -moz-box-shadow: inset 10px 10px 50px #fff; -webkit-box-shadow: inset 10px 10px 50px #fff; box-shadow: inset 10px 10px 50px #fff; - See more at: http://www.corelangs.com/css/box/image-shadow.html#sthash.PSyrDFK6.dpuf */
}
.news_sec .card img {

border:3px solid black; 

}



.news_sec h2{
color:#7f5126;
font-weight:bold;
font-size:30;
font-family: 'El Messiri', sans-serif;

}

.hrr {
    display: block;
   /*  height: 4px; */
	width:100%;
    
    border: 1px solid #cec18c;
    /* margin: 1em 0;  */
    padding: 1;
	background:#fff;
	radius:20;
	
}






.news_details .card {
background:#cec18c;
border:4px solid #6b4e34;
 box-shadow: 20px -10px 20px -10px gray;
 /* border-radius: 5%; */
 border-radius:30px;
/*  -moz-box-shadow: inset 10px 10px 50px #fff; -webkit-box-shadow: inset 10px 10px 50px #fff; box-shadow: inset 10px 10px 50px #fff; - See more at: http://www.corelangs.com/css/box/image-shadow.html#sthash.PSyrDFK6.dpuf */
}

.news_details .card img {

border:3px solid black; 

}





.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
		
		
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:245px;
		-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 .caption:hover{
		position: absolute;
		top:150px;
		-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(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: relative;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		font-size:10;
		font-family: 'El Messiri', sans-serif;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}

	
	
	
	
	.y p{
	
	font-size:18px;
	font-family:Bilbo;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:2px;
	margin-top:5px;
	}
	.more-lagna {
	
	padding-top:48px;
	padding-bottom:80px;
	}
	
.card .card-header{
background:#cec18c;


}

.council-names
{
float:right;

}

.send{


}
.login1 {
padding-top:100px;


  }
  .login {

 box-shadow:5px 5px 5px grey;

  }
  
  .login .thank{
  background-color:#a9f2a9;
color:green;
  font-family: 'Corbel', cursive;
    font-weight:bold;  }
  
.alert {
  padding: 0px;
  margin-bottom:-2px;

}
.login1 .alert {
  padding: 8px;
  margin-bottom:2px;
  

}
.display-topics{

  background-color:#bfd39c;
  }
  
.display-topics h4{

  color:#578eaf;
  font-size:20;
  font-weight:bold;
  }
.display-topics .bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
	
}

.display-topics .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);

    }
     
.display-topics .bs-calltoaction > .row > [class^="col-"],
.display-topics .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

  .display-topics .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
				/* color:green; */
				font-family: 'Lemonada', cursive;
                
            }

  .display-topics .cta-title{
                    margin: 0 auto 15px;
                    padding: 0;
				/* 	color:green; */
                }

  .display-topics .cta-desc{
                    padding: 0;
                }
.display-topics .cta-desc p:last-child{
                    margin-bottom: 0;
                }

.display-topics .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

.display-topics .bs-calltoaction > .row > [class^="col-"],
.display-topics .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

.display-topics .cta-contents{
            text-align: center;
        }
}


  
 .display-topics h1{
font-family: 'Corbel';
font-size:40;

color:#3d3b34;
}

  
  
  

.display-topics .btn {
  width: 200px;
  height: 45px;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  line-height: 1.428571429;
  border-radius: 45px;
  background-color: #EEE;
  border:2px solid #99919D;
  font-family: Verdana;

}

.display-topics  .btn:hover, 
.display-topics  .btn:focus, 
.display-topics  .btn.focus
{

border:2px solid white;
	background-color: #95CD02;
	color:white;
	 box-shadow:5px 5px 5px grey;
}


 

.display-topics .btn1 {
  width: 230px;
  height: 145px;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  line-height: 1.428571429;
  border-radius: 45px;
  background-color: #EEE;
  border:2px solid #99919D;
  font-family: Verdana;

}

.display-topics  .btn1:hover, 
.display-topics  .btn1:focus, 
.display-topics  .btn1.focus
{

border:2px solid white;
	background-color: #95CD02;
	color:white;
	 box-shadow:5px 5px 5px grey;
}

  /* 
  .display-topics  .img:hover, 
.display-topics  .img:focus, 
.display-topics  .img.focus
  {

border:2px solid white;
	
	 box-shadow:5px 5px 5px grey;
}
   */
  
  .search {
  
  margin-top:60;
  }

 .search .details{
  font-family:'Changa', cursive;
 color:blue;
 font-size:17;
 } 
  .search  a{
  
  color:#76abd3;
  }
 .search  a:hover, a:focus {
 color: green;
}


 .search .panel-heading span{
  
 font-weight:bold;
 font-size:18;
  }
  
  /* text-align: center; 
    width: 70px;
    height: 70px;
    position: fixed;
    padding-right: 15px;
    padding-bottom: 10px;
    z-index: 9999;
    color: #DDD;
    background: #95CD02;
    display: none;
    cursor: pointer;
    border-radius: 100% */
 .search .icon1{
   width: 85px;
    height: 85px;
 position:fixed;
  text-align: center; 

	 z-index: 9998;
    color: #DDD;
	 background: #95CD02;
	 cursor: pointer;
	
    border-radius: 100%;
	
 }
  
/*   .search */
.searchin:focus {
  width: 600px;
  background-color:#fff;
  color: #000;
  opacity:1;
 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
  -webkit-box-shadow:2px 2px 9px rgba(0,0,0,0.85);
  -moz-box-shadow:2px 2p 9px rgba(0,0,0,0.85);
  box-shadow:2px 2p9px rgba(0,0,0,0.85);
  font-weight:800;
}

.searchin{
/* padding: 5px 10px; */
height:40px;
/* background:#ccc; */
color:#444;
border: 0;
width: 500px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.65);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.65);
box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
outline: 0;
}



.advisory_Committee{
font-family: 'Lemonada', cursive;
font-weight:bold;
padding-right:20px;
}




.selectjournal .form-control{

font-size:20px;
font-weight:bold;
  border: 2px solid #333;

/* 	border-bottom-left-radius: 20px; */

  
}
.selectjournal select.form-control option.option2
{
    background-color: #d4eabe;
}


.selectjournal .form-control:hover,
.selectjournal .form-control.active {
 
   
  color: black;
}


.topic h4{

font-size:20px;
font-weight:bold;
}

.topic hr{
color:black;

font-weight:bold;
 display: block;
    height: 10px;
    border: 4px;
    border-top: 1px solid #ccc;



}
.topic input[type="text"],
.topic textarea
{
/* border-top-right-radius:15%;
border-bottom-left-radius:15%; */
background-color: rgba(20,15,68,0.7);
color:#FFF;
font-size:18px;
border:2px solid black;

}

width:180px;
}


.editadmin{

background-color: rgba(20,15,68,0.7);
width:100%;
float:right;
font-size:18px;
border:2px solid black;
}

.editadmin input[type="text"],
.editadmin textarea
{
/* border-top-right-radius:15%;
border-bottom-left-radius:15%; */
background-color: rgba(20,15,68,0.7);
color:#FFF;
font-size:18px;
border:2px solid black;

}



.addadvisory input[type="text"],
.addadvisory textarea
{
/* border-top-right-radius:15%;
border-bottom-left-radius:15%; */
background-color: rgba(20,15,68,0.7);
color:#FFF;
font-size:18px;
border:2px solid black;

}


.editscientific input[type="text"],
.editscientific textarea
{
/* border-top-right-radius:15%;
border-bottom-left-radius:15%; */
background-color: rgba(20,15,68,0.7);
color:#FFF;
font-size:18px;
border:2px solid black;

}




.journals h2{
font-family: 'Corbel', cursive;
font-size:35;
}
.journals h1{
font-family: 'Corbel';
font-size:40;
}

.journals .icon1 a:link{
colror:white;
}




.journals .lin a:link {
    color: 117055;
}
.journals .lin a:link:hover {
    color: #337ab7;
}
.tafsel-journal{

width:1100px;
 box-shadow:5px 5px 5px grey;
background-color:#d3cebc;
color:#54534f;
font-family: 'Lemonada', cursive;

}
.tafsel-journal h3{ 
font-family: 'Lemonada', cursive;
font-size:17;

color:#3d3b34;
}
.title-tafsel
{
padding-right:50px;
background-color:#d3ce4d;
padding-bottom:5px;
padding-top:5px;
}
.link-tafsel
{
padding-right:100px;


}

.contain-tafsel
{

padding-left:350px;

}
.img-tafsel{
padding-left:50px;
padding-right:15px;
}
.img-tafsel .card{
width:530px;
}
.img-tafsel .card {
background:#d3cebc;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

.approvejournal{
 box-shadow:5px 5px 5px grey;
 background:#ced87a;
}
.buttons-approve{
width:500px;
}

 
 
.report .table thead {
    background-color: #cec17d ;
	color:#54534f;

  }
  .report .table{
  font-family:'Changa', cursive;

  font-size:;

  }
.report .table tr:hover {
    background-color: #ced27d ;
	color:black;
	.img:width:50px;
.img:height:40px;

  }
.report .table img:hover {
border: 2px solid black;
  }
  
.report h2{
  font-family: 'Lemonada', cursive;
font-size:25;
color:#6b6868;
font-weight:bold;
  }
  
 .report span{
  font-family: 'Lemonada', cursive;
font-size:25;
color:green;
font-weight:bold;
  }
}