/* @import url('https://fonts.googleapis.com/css?family=ABeeZee'); */
@font-face {
  font-family: 'DroidKufi-Regular';
  src: url('fonts/DroidKufi-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/DroidKufi-Regular-iefix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidArabicKufi.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidArabicKufi.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DroidKufi-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidArabicKufi.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body {
	height: 100%;
	padding-top: 3px;
	font-family: "DroidKufi-Regular","Arabic Transparent", Arial, "Comic Sans MS", Courier;
   /*background: url(mosques.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-repeat: no-repeat;*/
}
/*#seekbar{height:10px;border:none;width:200px;max-width:230px;}*/
progress {
	background-color: yellow;
}
progress::-moz-progress-bar {
	background-color: orange;
}
progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #09c, #f44);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
/* social */
.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
	color: #FFF;
	text-decoration: none;
	transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	cursor: pointer;
}
.social .fa-facebook { /* round facebook icon*/
    background: #4060A5;
}

.social .fa-twitter { /* round twitter icon*/
    background: #00ABE3;
}

.social .fa-google-plus{ /* round google plus icon*/
    background: #e64522;
}

.social .fa-github { /* round github icon*/
    background: #343434;
}

.social .fa-digg {
	/* round github icon*/
	background: #008b8b;
}
.social .fa-delicious {
	/* round github icon*/
	background: #3cb371;
}
.social .fa-envelope { /* round github icon*/
    background: #343434;
}

.social .fa-facebook:hover {
	/* round facebook icon*/
	background: #b0d9ff;
}

.social .fa-twitter:hover {
	/* round twitter icon*/
	background: aqua;
}

.social .fa-google-plus:hover {
	/* round google plus icon*/
	background: #a20f2c;
}

.social .fa-github:hover {
	/* round github icon*/
	background: #cad0d6;
}

@media all and (max-width: 699px) {
	.social{
	   z-index: 9999;
		width: 100%;
		text-align: center;
		position: fixed;
		bottom: 1px;
		display: inline-block;
		margin-left: -2px;
		margin-right: -2px;
	}
}