@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/DroidArabicKufi.eot');
	src: url('../fonts/DroidArabicKufi.woff2') format('woff2'),  url('../fonts/DroidArabicKufi.woff') format('woff'),  url('../fonts/DroidArabicKufi.ttf') format('truetype');
}

* {
	outline: none;
	box-shadow: none;
	font-family: 'Droid Arabic Kufi', Arial;
}
img, iframe {
	vertical-align: middle;
}
body {
	font-family: 'Droid Arabic Kufi', Arial;
	font-size: 13px;
	line-height: 2;
	background-color: #fff;
	direction: rtl;
}
/*----------------------------soon-----------------------------------------*/
 @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

.spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    -webkit-transform-style: preserve-3d;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    transform-style: preserve-3d;
}
.soon {
          position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.soon h1 {
        text-align: center;
    color: #009a4c;
    font-size: 40px;
        font-weight: normal;
}