@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-h6vhan');
	src:url('../fonts/icomoon.eot?#iefix-h6vhan') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?-h6vhan') format('truetype'),
		url('../fonts/icomoon.woff?-h6vhan') format('woff'),
		url('../fonts/icomoon.svg?-h6vhan#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
				background-color:#353535;
				text-align:center;		
		
				 

}
/*---------------------------------------------*/
#test{
				background-color:#999966;		
}

/*---------------------------------------------*/

#bodym1{
				width:90vw;
				border:groove 3px #ffffff;
				border-radius: 10px;
				margin-right:2.5vw;
				margin-left:2.5vw;
				margin-top:2.5vh;
				margin-bottom:2.5vh;
				padding:2%;
				height:90vh;
				background:#000000;
				text-align:center;

				
}
/*---------------------------------------------*/

#container{
				margin-top:0%;
				margin-bottom:2%;
				margin-left:2%;
				margin-right:2%;
}
/*---------------------------------------------*/

#glass {
				height:72.5vh;
				border:groove 0px #000000;
				overflow: hidden;
				
				padding-top:5%;
	   	        background:linear-gradient(to bottom, #000080, #B3B3FF 50%, #000080);
	   	        -moz-border-radius-topleft: 0px;
	   	        -moz-border-radius-bottomleft:10px;
	   	        -moz-border-radius-bottomright:10px;
	   	        -webkit-border-bottom-left-radius:10px;
	   	        -webkit-border-bottom-right-radius:10px;
	   	        border-bottom-left-radius:10px;
	   	        border-bottom-right-radius:10px;

	   	    }
/*---------------------------------------------*/
#header{
			   background:#000080;
			   -moz-border-radius-topleft: 10px;
			   -moz-border-radius-topright:10px;
			   border-top-left-radius:10px;
			   border-top-right-radius:10px;
			   -webkit-border-top-left-radius:10px;
			   -webkit-border-top-right-radius:10px;
			   padding:10px;
			   text-align:center;
			   color:#FFFFFF;


			   
}
/*---------------------------------------------*/
#subglass {
				height:72.5vh;
				border:groove 0px #000000;
				overflow: hidden;
				
				padding-top:5%;
	   	        background:#FFFFFF;
	   	        -moz-border-radius-topleft: 0px;
	   	        -moz-border-radius-bottomleft:10px;
	   	        -moz-border-radius-bottomright:10px;
	   	        -webkit-border-bottom-left-radius:10px;
	   	        -webkit-border-bottom-right-radius:10px;
	   	        border-bottom-left-radius:10px;
	   	        border-bottom-right-radius:10px;
	   	        display:none;
	   	        
}
/*---------------------------------------------*/
#site {
				float:left;
}
/*---------------------------------------------*/
#name{
				float:right;
}

/*---------------------------------------------*/
#homeb {

				border:groove 3px #000;
				border-radius: 50px;
				width:10%;
				height:10%;
	   	        background:linear-gradient(to top, #353535 30%, #999999 50%, #353535 70%);
	   	        transform: rotateZ(60deg) translate(-5px, 7.5px);
	   	        font-size:4vh;


}
#homeb:hover{
				border:groove 3px #FFFFFF;
}
/*---------------------------------------------*/
#chb{
				text-align:center;
}
/*---------------------------------------------*/
#ich{
					background:#FFFFCC;
					width:100%;
					height:100%;
					color:#353535;
					border-radius:5px;

				
}
#ich:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e671";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#oich {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;				
}

/*---------------------------------------------*/
#pix{
					background:#f1f1f1;
					width:100%;
					height:100%;
					color:#FF0000;
					border-radius:5px;

				
}
#pix:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e60e";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#opix {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;		
				width:10rem;
				height:10rem;				
}
/*---------------------------------------------*/
#twt{
					background:#55ACEE;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#twt:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e791";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#otwt {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;	
				
}
/*---------------------------------------------*/
#dio{
					background:#f4f0e5;
					width:100%;
					height:100%;
					color:#800040;
					border-radius:5px;

				
}
#dio:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e61f";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#odio {
				color:#ffffff;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem					
				
				
}
/*---------------------------------------------*/
#fsh{
					background:#eae7ea;
					width:100%;
					height:100%;
					color:#880000;
					border-radius:5px;

				
}
#fsh:after{
					speak: none;
					font-style: normal;
					font-weight: bold;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "ض";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#ofsh {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;				
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#txt{
					background:#ffffff;
					width:100%;
					height:100%;
					color:#353535;
					border-radius:5px;

				
}
#txt:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e622";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#otxt {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;				
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#set{
					background:#353535;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#set:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e7f5";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#oset {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#cnt{
					background:#00cc00;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#cnt:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e642";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#ocnt {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#ytb{
					background:#EA2D0D;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#ytb:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e798";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#oytb {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#fcb{
					background:#3F578D;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#fcb:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e78c";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#ofcb {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;					
				
}
/*---------------------------------------------*/
#gbs{
					background:#DC4B3E;
					width:100%;
					height:100%;
					color:#ffffff;
					border-radius:5px;

				
}
#gbs:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e788";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#ogbs {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;
				width:10rem;
				height:10rem;
				
}
/*---------------------------------------------*/
#gst{
					background:#2A1235;
					width:100%;
					height:100%;
					color:#FFFF00;
					border-radius:5px;

				
}
#gst:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "\e6e2";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#ogst {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;				
				width:10rem;
				height:10rem;
				
}
/*---------------------------------------------*/
#exp{
					background:#66CCFF;
					width:100%;
					height:100%;
					color:#006666;
					border-radius:5px;

				
}
#exp:after{
					font-family: 'icomoon';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					font-size:5rem;
					text-transform: none;
					line-height: 2;
					content: "تأويل";

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

}
/*---------------------------------------------*/
#oexp {
				color:#FFFFFF;
				text-align:center;
				font-size:xx-large;
				float:right;
				line-height:2;
				margin-right:5%;
				margin-bottom:70px;				
				width:10rem;
				height:10rem;
				
}
/*---------------------------------------------*/
#cntr {
				display:none;
				direction:ltr;
				margin:20%;
				margin-top:20%;
				position:fixed;
				text-align:center;

}
/*---------------------------------------------*/
#navcon {
				display:none;
				position:fixed;
				text-align:center;
				margin:5%;
				margin-bottom:15%;
				padding:5px;
				width:50vw;
}
/*---------------------------------------------*/


#nave{
				font-size:xx-large;
				margin:5%;
				padding:5px;
				color:#550000;
				cursor:pointer;
}
/*---------------------------------------------*/

#navz{
				font-size:xx-large;
				margin:5%;
				padding:5px;
				color:#55ACEE;
				cursor:pointer;
}

/*---------------------------------------------*/
#navd{
				font-size:xx-large;
				margin:5%;
				padding:5px;
				color:#003366;
				cursor:pointer;
				
}
/*---------------------------------------------*/
#start {
				visibility:hidden;
				font-size:50px;
				/*position:fixed;
				top:50%;
				right:61%;*/
}
/*---------------------------------------------*/
#at{
				visibility:hidden;
				font-size:50px;
				/*position:fixed;
				top:50%;
				right:53%;*/

}
/*---------------------------------------------*/
#website {
				visibility:hidden;
				font-size:50px;
				/*position:fixed;
				top:50%;
				right:29%;*/

}
/*---------------------------------------------*/
#dotcom {
				visibility:hidden;
				font-size:50px;
				/*position:fixed;
				top:50%;
				right:14%;*/

}
/*---------------------------------------------*/
#linkcon{
				text-decoration:none;
				visibility:visible
}
/*---------------------------------------------*/

#ajaxloader
{
	position: absolute;
	width: 30px;
	height: 30px;
	border: 8px solid #000000;
	border-right-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #353535;
	right:50%;
	animation: spin 1s linear infinite;
}
@keyframes spin
{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}