@charset "utf-8";
/**** By Mustafa Mahmoud Shakir ****/


#overlay{
	position:fixed;
	z-index:99991;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgb(0, 0, 0);
	transition: 1s 0.4s;
																						/* display:none; */
  }
  #progress{
	height:1px;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 10%, rgba(170,170,170,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 10%,rgba(170,170,170,1) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,1) 10%,rgba(170,170,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#aaaaaa',GradientType=1 );
	
	position:absolute;
	width:0;
	bottom:20%;
  }
  #progstat{
	font-size:0.7em;
	direction: rtl;
	position:absolute;
	bottom:20%;
	margin-bottom:-40px;
	width:100%;
	text-align:center;
	color:#fff;
  }
  canvas{
	position:fixed;
	z-index:99999;
			  width: 100vw;
			  height: 100vh;
		  }



@font-face {
	font-family: 'Droid Arabic Naskh';
	font-style: normal;
	font-weight: 400;
	src:url(font/DroidNaskh-Regular.ttf) format('truetype');
  }
  @font-face {
	font-family: 'Droid Arabic Naskh';
	font-style: normal;
	font-weight: 700;
	src:url(font/DroidNaskh-Bold.ttf) format('truetype');
  }



	* {    
		margin: 0;
		padding: 0;

		font-family: 'Droid Arabic Naskh', serif;

	}
		
	




    html, body {
		background: white;

		background: #000000;
		background: -moz-linear-gradient(top,  #000000 0%, #3e3e3e 100%);
		background: -webkit-linear-gradient(top,  #000000 0%,#3e3e3e 100%);
		background: linear-gradient(to bottom,  #000000 0%,#3e3e3e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3e3e',GradientType=0 );
		
		height: 100%;
		width: 100%;

	}


	  
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
@media only screen and (max-height: 750px) {

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


#hanger{

	-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		transform-origin: 0% 0%;

	position:fixed;

	left: 50%;
	top: 0;
	transform: translate(-50%);
	-ms-transform: translate(-50%); 
	-webkit-transform: translate(-50%); 
	z-index: 11;

																																display: none;
	
	}


#paper_hanger{


	background-image:url(../images/p.png) ;
	background-size: 360px;
	height: 628px;
	width: 360px;
	background-repeat: no-repeat;

}


#the_main_text {
	position:absolute;
	top:146px;
	/* right: 30px; */
	line-height: 32px !important;
		/*line-height: 165%;*/
		font-size: 15pt;
			text-align:right;
	direction: rtl;
	z-index:+5;

	right: 50%;

	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 

	-moz-user-select: none;
	 -webkit-user-select: none; 
	 -ms-user-select:none;
	  user-select:none;
	  -o-user-select:none;
  -webkit-touch-callout: none; /* iOS Safari */

  																																	display: none;
}
#show_pic {
	position:absolute;
	top: 514px;
	z-index: +5;
	right: 25px;
	width: 76px;
opacity: 0.6;
cursor:pointer;
	display: none;
}

#hidden_img_show {
	position:absolute;
	top:156px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
	width: 92%;
}
#hidden_img_p1 {
	position:absolute;
	top:156px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
	width: 92%;
}
#hidden_img_p2 {
	position:absolute;
	top:156px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
	width: 92%;
}
#hidden_img_p3 {
	position:absolute;
	top:156px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
	width: 92%;
}
#hidden_img_p4 {
	position:absolute;
	top:156px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
	width: 92%;
}





#hidden_word_1{

color: transparent;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.904);
}


#hidden_word_2{
color: transparent;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.904);
}



.swing {
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;

		-webkit-animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-moz-animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); } 
	
	@-webkit-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@-moz-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@-ms-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }




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


  }


  @media only screen and (min-height: 750px) {


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



#hanger{

	-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		transform-origin: 0% 0%;

	position:fixed;

	left: 50%;
	top: 0;
	transform: translate(-50%);
	-ms-transform: translate(-50%); 
	-webkit-transform: translate(-50%); 
	z-index: 11;

																																display: none;
	
	}


#paper_hanger{


	background-image:url(../images/p.png) ;
	background-size: 420px; 
	height: 744px;
	width: 420px;
	background-repeat: no-repeat;

}


#the_main_text {
	position:absolute;
	top:178px;
	/* right: 30px; */
	line-height: 36px !important;
	/*line-height: 165%;*/
	font-size:16pt;
	text-align:right;
	direction: rtl;
	z-index:+5;

	right: 50%;

	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 

	-moz-user-select: none;
	 -webkit-user-select: none; 
	 -ms-user-select:none;
	  user-select:none;
	  -o-user-select:none;
  -webkit-touch-callout: none; /* iOS Safari */

 																																	 display: none;
}
#show_pic {
	position:absolute;
	top:592px;

	z-index:+5;
right: 20px;
width: 96px;
opacity: 0.6;
cursor:pointer;
	display: none;
}

#hidden_img_show {
	position:absolute;
	top:195px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
}
#hidden_img_p1 {
	position:absolute;
	top:195px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
}
#hidden_img_p2 {
	position:absolute;
	top:195px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
}
#hidden_img_p3 {
	position:absolute;
	top:195px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
}
#hidden_img_p4 {
	position:absolute;
	top:195px;
	z-index:+5;
	right: 50%;
	transform: translate(50%);
	-ms-transform: translate(50%); 
	-webkit-transform: translate(50%); 
	display: none;
}





#hidden_word_1{

color: transparent;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.904);
}


#hidden_word_2{
color: transparent;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.904);
}



.swing {
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;

		-webkit-animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-moz-animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation: swing 6.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
	
	@-webkit-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@-moz-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@-ms-keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }
		
		@keyframes swing {
		0% {
			-webkit-transform: rotateZ(4deg);
			-moz-transform: rotateZ(4deg);
			transform: rotateZ(4deg); }
		
		100% {
			-webkit-transform: rotateZ(-4deg);
			-moz-transform: rotateZ(-4deg);
			transform: rotateZ(-4deg); } }









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



  }




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

		
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

		 #js-box {
		position: absolute;
		width: 100%;
		background-color: #CC0606;
		font-size: 16pt;
		color:#fffbc4;
		text-align: center;
		padding: 10px 0 10px 0;
		z-index: +200;
		}
/***************************************************************************************/
#link_other_page{
	position: fixed; 
	height: 100%;
	top:0;
	/* right: 0px; */
	z-index: +10000;
	border: solid 3px sienna;

}


#link_other_page td{
	position: absolute;
	/* height: 55px; */
	border: solid 2px #f0e25d;

}
.link_other_page_td{
	height: 55px; 
	border: solid 1px red;
	vertical-align: middle;
	display: inline-block;


}


#link_other_page_UL_l{
	position: fixed;
	height: 100%;
	top:0;
	right: -16px;
	z-index: +10;
	/* border: solid 3px sienna; */
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
	display: none;
}

#link_other_page_UL_l li{

	height: 6.4%;
	/* height: 55px; */
	/* border: solid 2px #f0e25d; */

}
#link_other_page_UL_r{
	position: fixed;
	height: 100%;
	top:0;
	left: -16px;
	z-index: +10;
	/* border: solid 3px sienna; */
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	display: none;

}
#link_other_page_UL_r li{

	height: 6.4%;
	/* height: 55px; */
	/* border: solid 2px #f0e25d; */
}

.link_other_page_LI{
	max-height: 192%;
	max-width: 74%;
	/* height: 86px;  */
	/* border: solid 1px red; */
}





/***************************************************************************************/
.container {
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
			align-items: center;
	-webkit-box-pack: center;
			justify-content: center;
	min-height: 90%;
	/* border: 2px red solid; */
  
  
  }
	.bird {
		background-image: url(../images/bird-cells-new.svg);
		background-size: auto 100%;
		width: 88px;
		height: 125px;
		will-change: background-position;
		-webkit-animation-name: fly-cycle;
				animation-name: fly-cycle;
		-webkit-animation-timing-function: steps(10);
				animation-timing-function: steps(10);
		-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;

	  }
	  .bird--one {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-delay: -0.5s;
				animation-delay: -0.5s;
	  }
	  .bird--two {
		-webkit-animation-duration: 0.9s;
				animation-duration: 0.9s;
		-webkit-animation-delay: -0.75s;
				animation-delay: -0.75s;
	  }
	  .bird--three {
		-webkit-animation-duration: 1.25s;
				animation-duration: 1.25s;
		-webkit-animation-delay: -0.25s;
				animation-delay: -0.25s;
	  }
	  .bird--four {
		-webkit-animation-duration: 1.1s;
				animation-duration: 1.1s;
		-webkit-animation-delay: -0.5s;
				animation-delay: -0.5s;
	  }
	  
	  .bird-container {
		position: absolute;
		top: 20%;
		left: -10%;
		-webkit-transform: scale(0) translateX(-10vw);
				transform: scale(0) translateX(-10vw);
		will-change: transform;
		-webkit-animation-name: fly-right-one;
				animation-name: fly-right-one;
		-webkit-animation-timing-function: linear;
				animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
	  }
	  .bird-container--one {
		-webkit-animation-duration: 15s;
				animation-duration: 15s;
		-webkit-animation-delay: 0;
				animation-delay: 0;
	  }
	  .bird-container--two {
		-webkit-animation-duration: 16s;
				animation-duration: 16s;
		-webkit-animation-delay: 1s;
				animation-delay: 1s;
	  }
	  .bird-container--three {
		-webkit-animation-duration: 14.6s;
				animation-duration: 14.6s;
		-webkit-animation-delay: 9.5s;
				animation-delay: 9.5s;
	  }
	  .bird-container--four {
		-webkit-animation-duration: 16s;
				animation-duration: 16s;
		-webkit-animation-delay: 10.25s;
				animation-delay: 10.25s;
	  }
	  
	  @-webkit-keyframes fly-cycle {
		100% {
		  background-position: -900px 0;
		}
	  }
	  
	  @keyframes fly-cycle {
		100% {
		  background-position: -900px 0;
		}
	  }
	  @-webkit-keyframes fly-right-one {
		0% {
		  -webkit-transform: scale(0.3) translateX(-10vw);
				  transform: scale(0.3) translateX(-10vw);
		}
		10% {
		  -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
				  transform: translateY(2vh) translateX(10vw) scale(0.4);
		}
		20% {
		  -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
				  transform: translateY(0vh) translateX(30vw) scale(0.5);
		}
		30% {
		  -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
				  transform: translateY(4vh) translateX(50vw) scale(0.6);
		}
		40% {
		  -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
				  transform: translateY(2vh) translateX(70vw) scale(0.6);
		}
		50% {
		  -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
				  transform: translateY(0vh) translateX(90vw) scale(0.6);
		}
		60% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
				  transform: translateY(0vh) translateX(110vw) scale(0.6);
		}
		100% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
				  transform: translateY(0vh) translateX(110vw) scale(0.6);
		}
	  }
	  @keyframes fly-right-one {
		0% {
		  -webkit-transform: scale(0.3) translateX(-10vw);
				  transform: scale(0.3) translateX(-10vw);
		}
		10% {
		  -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
				  transform: translateY(2vh) translateX(10vw) scale(0.4);
		}
		20% {
		  -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
				  transform: translateY(0vh) translateX(30vw) scale(0.5);
		}
		30% {
		  -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
				  transform: translateY(4vh) translateX(50vw) scale(0.6);
		}
		40% {
		  -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
				  transform: translateY(2vh) translateX(70vw) scale(0.6);
		}
		50% {
		  -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
				  transform: translateY(0vh) translateX(90vw) scale(0.6);
		}
		60% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
				  transform: translateY(0vh) translateX(110vw) scale(0.6);
		}
		100% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
				  transform: translateY(0vh) translateX(110vw) scale(0.6);
		}
	  }
	  @-webkit-keyframes fly-right-two {
		0% {
		  -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
				  transform: translateY(-2vh) translateX(-10vw) scale(0.5);
		}
		10% {
		  -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
				  transform: translateY(0vh) translateX(10vw) scale(0.4);
		}
		20% {
		  -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
				  transform: translateY(-4vh) translateX(30vw) scale(0.6);
		}
		30% {
		  -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
				  transform: translateY(1vh) translateX(50vw) scale(0.45);
		}
		40% {
		  -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
				  transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
		}
		50% {
		  -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
				  transform: translateY(0vh) translateX(90vw) scale(0.45);
		}
		51% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
				  transform: translateY(0vh) translateX(110vw) scale(0.45);
		}
		100% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
				  transform: translateY(0vh) translateX(110vw) scale(0.45);
		}
	  }
	  @keyframes fly-right-two {
		0% {
		  -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
				  transform: translateY(-2vh) translateX(-10vw) scale(0.5);
		}
		10% {
		  -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
				  transform: translateY(0vh) translateX(10vw) scale(0.4);
		}
		20% {
		  -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
				  transform: translateY(-4vh) translateX(30vw) scale(0.6);
		}
		30% {
		  -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
				  transform: translateY(1vh) translateX(50vw) scale(0.45);
		}
		40% {
		  -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
				  transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
		}
		50% {
		  -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
				  transform: translateY(0vh) translateX(90vw) scale(0.45);
		}
		51% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
				  transform: translateY(0vh) translateX(110vw) scale(0.45);
		}
		100% {
		  -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
				  transform: translateY(0vh) translateX(110vw) scale(0.45);
		}
	  }
	  
	  /***************************************************************************************/
	  







	#border_On_background_vertical {
		position:fixed ;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;

		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );

		z-index: 4;
	}
	#border_On_background_horizontal {
		position:fixed ;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;

		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );

		z-index: 4;

				
		
	}	


	#black_start{
		opacity: 1;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 100;
		background-color: black;

																																/* display: none; */
	}
	

		/**********************************************End textside and hint**********************************************/
				
		.butoneffect{
			z-index: +12;
			}
		.hover {
			cursor:pointer;
			position:relative;
			-ms-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;


			-moz-box-shadow: 0px 0px 135px 100px #0000009b ;
			-webkit-box-shadow: 0px 0px 135px 100px #0000009b ;
			box-shadow: 0px 0px 135px 100px #0000009b ;


			
			display:inline-block;
			border-radius: 8px; 
			z-index: 100;
			 
			}

		.hovert {
			position:relative;
			-ms-transition: all .6s ease-in-out;
			-moz-transition: all .6s ease-in-out;
			-webkit-transition: all .6s ease-in-out;
			transition: all .6s ease-in-out;
			display:inline-block;
			}

		/* .longtext{
			-webkit-word-spacing:-3px;
			-moz-word-spacing:-3px;
			 word-spacing:-3px;
			 -webkit-letter-spacing:-0.2px;
			 -moz-letter-spacing:-0.2px;
			 letter-spacing:-0.2px;
			 } */

			 /* ----------------------- move end ---------------------------------------------------------------------*/