@font-face {
  font-family: 'ALKATIP Basma Tom';
  src: url('ALKATIP.eot');
  src: url('ALKATIP.eot') format('embedded-opentype'), url('ALKATIP BASMA TOM.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}


h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
a:link {text-decoration:none; color:inherit;}
a:visited {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:#f60;}
a:active {text-decoration:none;color:inherit;}
p {margin: 0;}
img{max-width:100%;height: auto;}
html,body{
 font-family:"ALKATIP Basma Tom";
 direction:rtl;
 font-size:14px;
 background:url(../images/bg.jpg);
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.Feature h3 {
  font-size: 1.5em;
  color: #f30;
  margin: 0 0 2em;
  font-weight:700;
}
.Feature p {
  font-size: 1em;
  color: #000;
  line-height: 1.8em;
  margin: 1em 0;
  font-family:"ALKATIP Basma Tom";
  text-align:justify;
  width:95%;
  margin:0 auto;
  text-indent:10px;
}
.Feature {
	margin-top:40px;
  text-align: center;
  padding: 3em 0;
  background:url(../../../Share/img/bg.jpg);
  }
.explain{ width:95%; margin:20px auto; text-align:justify;  border: rgba(66,66,66,1.00) dashed 2px; border-radius:5px; padding:10px; color:rgba(1,22,252,1.00);}
.explain b{ color:rgba(255,1,5,1.00); font-weight:900; font-size:20px;}
.explain i{ color:rgba(251,2,6,1.00); font-style:normal;}
.ios_downinput, .and_downinput{ background:rgba(7,133,251,1.00); color:rgba(253,251,251,1.00); height:40px; font-size:15px; width:230px; border:none; border-radius:5px;font-family:"ALKATIP Basma Tom"; margin:10px auto; line-height:40px; text-align:center; vertical-align:middle; text-indent:15px; }
.downicon{ position: absolute; margin-top:0px; margin-right:-30px; padding:5px;}
.share_site_top{bottom:0;position:fixed;background:rgba(255,255,255,.9);width:100%;height:45px;z-index:999;border-bottom:1px solid #ddd;box-shadow:1px 1px 1px rgba(0,0,0,.04); line-height:48px; vertical-align:middle;}
.share_site_content{margin:40px auto;width:96%; height:1600px;}
.share_site_top ul li{float:right; width:30px; list-style:none; text-align:center; color:#03f;}
.feature-foot{ height:55px; padding-top:10px; background:#333;}
.feature-foot li{ text-align:center; color:#F1EEEE;}
#ios, #andiroid{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.caption {
	width: 100%;
	left: 0%;
}
}

}
@media(max-width:640px){
.callbacks_tabs a:after {
	height: 0px;
	width: 0px;
}
.caption p {
  font-size: 1em;
  margin: 0.5em 0 0;
  line-height: 1.5em;
}
}


/*--responsive design--*/

/*--responsive design--*/
@media (max-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}

 span.menu{
	display:block;
	color:#fff;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #63b8bd;
  background:none;
}
.lorem-top {
  float: left;
  width: 50%;
}
.lorem-top1 {
  float: left;
  width: 50%;
}
.lo-rm {
  top: -140px;
}
.lorem {
  min-height: 95px;
}
.service-left {
  float: right;
  width: 25%;
  padding: 0 4px;
}
.Feature {
  padding: 2em 0;
}
.Feature h3 {
  margin: 0 0 1em;
}

}



@media (min-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}

 span.menu{
	display:block;
	color:#fff;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a:hover, .head-nav ul li.active a {
  color: #63b8bd;
  background:none;
}
.lorem-top {
  float: left;
  width: 50%;
}
.lorem-top1 {
  float: left;
  width: 50%;
}
.lo-rm {
  top: -140px;
}
.lorem {
  min-height: 95px;
}
.service-left {
  float: right;
  width: 25%;
  padding: 0 4px;
}
.Feature {
  padding: 2em 0;
}
.Feature h3 {
  margin: 0 0 1em;
}

}
/*--responsive design--*/
@media (max-width:640px){

.one-fifth {
  width: 17%;
  float: left;
  margin-left: 1%;
}
.domain_row {
  width: 45%;
  float: left;
}
.about p, .services p {
  font-size: 0.9em;
}
.form_details input[type="submit"] {
  font-size: 1em;
  padding: 0.7em 1em;
  width: 24%;
}
.error-404 h1 {
	font-size: 6em;
}
.main {
	padding: 7em 0px;
}
.label {
  padding: .2em .5em 0.5em;
  font-size: 0.5em;
}
}
/*--responsive design--*/
@media (max-width:480px){

.service-left {
  float: right;
  width: 50%;
  padding: 0 10px;
}
.Feature {
  padding: 2em 0 0;
}

}
/*--responsive design--*/
@media (max-width:280px){

.lorem {
  min-height: 317px;
}
.Feature p {
  font-size: 0.875em;
}
.service-left {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.lorem h3 {
  font-size: 1.3em;
}

}