html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body{
background:#fff url(../images/bg.jpg) no-repeat center 35px;
	margin:0;
	padding:0;
	direction:rtl;
	text-align:right;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
}
@font-face {
    font-family: "JF";
    src: url('../fonts/JF-Flat-regular.eot');
    src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('../fonts/JF-Flat-regular.woff') format('woff'),
    url('../fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dkr';
    src: url('../fonts/droidkufi-regular.eot');
    src: url('../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidkufi-regular.woff2') format('woff2'),
         url('../fonts/droidkufi-regular.woff') format('woff'),
         url('../fonts/droidkufi-regular.ttf') format('truetype'),
         url('../fonts/droidkufi-regular.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

*{-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
	*:hover{-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
a{
	text-decoration:none;
  font-family: 'Tajawal';
	color:#393939;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover{
	text-decoration:none;
	color:#666;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img
{
border:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
  	  opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img:hover
{
border:0;
  	  	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.clear{
  clear:both;
  height:0px;
}



input:focus {
    outline:none;
}



#topbar{margin:auto;
background:#449bff;
padding:0px 0px;

}
.topbar{margin:auto;
min-height:40px;
padding:0px 0px;
}


.login{
  font-family: 'Tajawal';
font-size:14px;
margin-right:auto;
margin-left:auto;
margin-top:5px;
text-align:center;
color:#fff;
padding-right:0px;
padding-left:0px;
}.login a{
  font-family: 'Tajawal';
font-size:14px;
text-align:center;
margin-right:auto;
margin-left:auto;
color:#fff;
padding-right:0px;
padding-left:0px;
}
.login a:hover{color:#fff; }


.lang {float:right;color:#fff;
 margin:0fpx 5px;  font-family: 'Tajawal';
 display:inline-block;
padding-right:10px;
padding-left:10px;
font-size:14px;

}
.lang a {float:left;color:#fff;
 margin:0fpx 5px;font-family:Tajawal;
display:inline-block;
padding-right:0px;
padding-left:0px;
font-size:12px;

}
.lang a:hover{color:#fff;}
 

#header{margin:auto;
margin:0px 0px;
background:transparent;
 
}
.header{margin:auto;
padding:25px 0px;
}

a.logo{

margin-top:25px;
margin-right:auto;
float:right;
margin-left:10px;

}
.navbar{padding:0px 0px !important;}
.navtop{float:right;
padding:0px 0px !important;background:#f6f6f6;	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;margin-top:20px;    margin-right: 14px;-webkit-box-shadow: 5px 5px 8px 0px rgba(215,215,215,1);
-moz-box-shadow: 5px 5px 8px 0px rgba(215,215,215,1);
box-shadow: 5px 5px 8px 0px rgba(215,215,215,1);
}
.whats2 {float:right;  padding: 0px 5px; }
 
.whats2 h1{
  font-family: 'Tajawal';font-size:16px;

float:right;
color:#585858;
padding-top:5px;
padding-right:10px;margin:0px;
}
 .whats2 i{color:#585858;text-align:right;
}
.linkscenter{margin:0px 450px 0px 0px; }
.whats {float:right;  padding: 0px 15px; }
 
.whats h1{
  font-family: 'Tajawal';font-size:16px;

float:right;
color:#585858;
padding-top:5px;
padding-right:10px;margin:0px;
}
 .whats i{color:#585858;text-align:right;
}

.socialheader{
 
float:left;
margin:5px auto 0px auto;
}
.socialheader i {
	font-size: 13px;
padding:6px;
width:30px;
margin-right:5px;text-align:cnter;

margin-left:5px;
    margin-right:2px; 
text-align:center;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.formupload{display:block;margin-top:50px;}
.formupload h1{ font-family: 'Tajawal';font-size:29px;
font-weight:700;
text-align:center;
width:100%;
color:#090909;
display:block;
padding-top:70px;padding-bottom:10px;

padding-right:0px;margin:0px;}
#onepro{margin:auto;
margin:0px 0px;
background:#005dc7 url(../images/bg2.jpg) no-repeat left top;
	   width:100%;
	   border-bottom:0px solid #bd5643;min-height:942px;
}
.formupload p{ font-family: 'Tajawal';font-size:20px;
font-weight:400;
text-align:center;
width:100%;
color:#090909;
display:block;
padding-top:10px;
padding-right:0px;margin:0px;}
#onepro{margin:auto;
margin:0px 0px;
background:#005dc7 url(../images/bg2.jpg) no-repeat left top;
	   width:100%;
	   border-bottom:0px solid #bd5643;min-height:942px;
}
.onepro{margin:auto;
padding: 0px 0px; 	
}
.one{padding:20px 0px;
 margin: 0px auto;
}
.one h1{
 font-family: 'Tajawal';font-size:25px;
font-weight:700;

text-align:center;
width:100%;
color:#fff;
display:block;
padding-top:25px;
padding-right:0px;margin:0px;
}
.one p{
  font-family: 'Tajawal';font-size:16px;
text-align:center;
width:100%;
color:#ffffff;
display:block;
line-height:33px;
padding-top:10px;
padding-right:0px;margin:0px;
}



#section1{
background:transparent;
padding:0px 0px;
position:relative;}

.iconleft{
	display:block;
width:100%;margin-top:120px;float:left;
}
.iconleft img {float:left;}
.section2{background:url(../images/icon2.png) no-repeat  left 99%;
min-height:576px;margin: 0px 0px 0px 0px;
}

.online{padding:5px 10px;margin-top:20px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;background:#3391fc;
    -ms-transition: all 0.3s ease-in-out;position:relative;
    transition: all 0.3s ease-in-out;visibility:hidden;}

.online:hover{background:#52a3ff;}

.online h4{
padding:0px 25px 0px 25px;
color:#fff;
 font-family: 'Tajawal', 'Open Sans';
 font-weight:700;
position:relative;
 margin:20px auto;
font-size:16pt;
text-align:center;
line-height:25px;
}
.abouticon{padding:15px 10px;margin-top:29px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;background:#3391fc;
    -ms-transition: all 0.3s ease-in-out;position:relative;
    transition: all 0.3s ease-in-out;visibility:hidden;}

.abouticon:hover{background:#52a3ff;}
.abouticon p{
padding:5px 25px 10px 25px;
color:#fff;
 font-family: 'Tajawal', 'Open Sans';
position:relative;
 margin:20px auto;
font-size:12pt;
text-align:center;
line-height:25px;
}
.blockheader h4{
padding:10px  0px 0px 0px;
color:#fff;
 font-family: 'Tajawal', 'Open Sans';
 font-weight:700;
position:relative;
height:60px;
 margin:20px auto;
font-size:25pt;
text-align:center;
}.blockheader h4:after{
background-color: #fff;
    padding: 0  0px;
    content: " ";
	width:50px;
	height:2px;    position:absolute;
   right:140px;
	bottom: 0px;
	}
	
.btn{  display: block;
  padding: 8px 30px!important;
  margin: 10px auto!important;
  text-align:center!important;
  font-size: 16px!important;
  float:right;font-family: 'Tajawal', 'Open Sans'!important;
 font-weight:700 !important;
   line-height: 1.42857143!important;
  border:2px solid #016be5!important;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #016be5 !important;
  -webkit-border-radius: 10px !important;
 -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  color:#fff!important;}
.btnhome { font-family: 'Tajawal', 'Open Sans';
 font-weight:700;
  display: block;
  padding: 8px  10px;
  margin: 10px auto;
  text-align:center;
  font-size: 15px;
 width:30%;
  line-height: 1.42857143;
  border:0px solid #00abb2!important;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer; 
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent !important;
 
  color:#fff;
}
.btnhome:hover,.btnhome:focus{  color:#fff;
border:0px solid #00abb2!important;
 background: #005dc7 !important;}


.btnhome2 {
  display: block;
  padding: 8px 30px;
  margin: 10px auto;
  text-align:center;
  font-size: 16px;
  float:right;
  font-family: 'Tajawal', 'Open Sans';
 font-weight:700;
   line-height: 1.42857143;
  border:2px solid #016be5!important;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #016be5 !important;
  -webkit-border-radius: 10px !important;
 -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  color:#fff;
}
.btnhome2:hover,.btnhome2:focus{  color:#fff;
border:2px solid #00d9d0!important;
 background: #00d9d0 !important;}
.btnhome2 a{  color:#fff;
}
.btnhome2:hover a,.btnhome2:focus a{  color:#fff;
}
.btnhome3 {
  display: block;
  padding: 7px 40px;
  margin: 0px auto;
  text-align:center;
  font-size: 16px;
  float:right;font-family: 'Tajawal', 'Open Sans';
 font-weight:700;
   line-height: 1.42857143;
  border:2px solid #00d9d0!important;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #00d9d0 !important;
  -webkit-border-radius: 10px !important;
 -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  color:#fff;
}
.btnhome3:hover,.btnhome3:focus{  color:#fff;
border:2px solid #016be5!important;
 background: #016be5 !important;}

#footer2{
    background:#2e2e2e;
	height:auto;
position:relative;
padding:20px 0px;
border-bottom:1px solid #2e2e2e;
}
.footer2{
padding:0px;

  height:auto;
  margin:auto;
 position:relative;
}

.blockfooter2 ul{display:inline;margin:0px 0px 0px 0px;
padding:0;
list-style-type:none; }

.blockfooter2 h1{
padding:0px 60px 0px 30px;
 font-family: 'Tajawal', 'Open Sans';
text-align:right;
	color:#ffffff;
font-size:22px;
margin-bottom:10px;
margin-right:0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
 

.blockfooter2 ul li
{text-align:right;
	color:#fff;
margin-top:0px;
margin-bottom:0px;
font-size:14px;
padding:0px 30px;

}

.blockfooter2 ul li a:hover

{background:#007bff;color:#fff;border-radius: 5px;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	text-decoration:none;
}
	
	.blockfooter2 ul li a{
text-align:right;
  font-family: "Tajawal";
	color:#fff;
font-size:14px;
display:inline;
margin-top:2px;
margin-bottom:2px;
margin-left:0px;
padding:2px 30px;
float:right;
width:70%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}

.socialfooter{
 text-align:center;
margin:5px auto 0px auto;
}
.socialfooter i {
	font-size: 15px;
	color:#fff;
padding:6px;
width:30px;
background:#5f6161;
margin-right:5px;text-align:cnter;
border-radius: 50%;
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
margin-left:5px;
    margin-right:2px; 
text-align:center;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#footerbottom{
    background:#292929;
  min-height:35px;
	overflow:hidden;z-index:999;
position:relative;
padding:7px 0px;

}
.footerbottom{

border-top:1px solid #292929;
  min-height:35px;
  margin:auto;padding:7px  0px;

 position:relative;
}
 
.copy2{
text-align:center;
    font-family: 'Tajawal';
font-size:16px;margin:auto;
margin-top:0px;

line-height:29px;
color:#fff;
}

.copy2 a{font-size:16px;
color:#fff; font-family: "Tajawal";}
.copy2 a:hover{font-size:16px;
color:#fff; font-family: "Tajawal";}




.card{border:0px solid #000 !important;}
.card-header{   background:#292929 !important;
  min-height:35px!important;font-weight:700;
	overflow:hidden!important;z-index:999!important;
position:relative!important;text-align:center!important;
padding:7px 0px!important;font-size:17px;
color:#fff; font-family: "Tajawal";}

@media screen and (max-width:700px) {

body{ 
margin:0;background: #fff url(../images/bg.jpg) no-repeat right 35px !important;
}
.linkscenter{margin:0px 0px 0px 0px !important;float: right; }

a.logo{

margin-top:0px !important;
margin-right:auto;margin-left:auto;

}
.formupload h1 {
    font-family: 'Tajawal';
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    color: #090909;
    display: block;
    padding-top: 10px!important;
    padding-right: 0px;
    margin: 0px;
}
.navbar{    display: block !important;
}
.collapse {
    visibility: inherit!important;
    }
.nav > li {
    position: relative;
    display: block;
    float: right;
    width: 100% !important;}
    
.navtop{float:right;margin-right:0px!important;}


.blockfooter2 h1{
padding:0px 60px 0px 30px;
 font-family: 'Tajawal', 'Open Sans';
text-align:right;
	color:#ffffff;
font-size:22px;
margin-bottom:10px;
margin-right:10px!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.blockfooter2 ul li a {margin-right:10px!important;
}.whats2 h1{
  font-family: 'Tajawal';font-size:16px;

float:right;
color:#fff!important;
padding-top:5px;
padding-right:10px;margin:0px;
}.socialheader{
 
float:right;
margin:5px auto 0px auto;
}
.iconleft{margin-top:0px !important;}
}