@font-face {
  font-family:'FontAwesome';
  src:url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'FontAwesome5';
  src:url(../fonts/fontawesome-webfont5.ttf?v=4.7.0) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'Flaticon';
  src:url(../fonts/Flaticon.ttf?v=4.7.0) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'Flaticond';
  src:url(../fonts/flaticond.ttf?v=4.7.0) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'iconmoon';
	src: url(../fonts/icomoon.ttf?v=4.7.0) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'iconmoon2';
	src: url(../fonts/icomoon2.ttf?v=4.7.0) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family:'cocon';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/cocon.ttf) format('truetype');
}
@font-face {
  font-family:'Jomhuria';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Jomhuria-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'droid';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DiodrumArabic-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'din-next';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/din-next-lt-w23-light.ttf) format('truetype');
}
@font-face {
  font-family:'din-next';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/din-next-lt-w23-regular.ttf) format('truetype');
}
@font-face {
  font-family:'din-next';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/din-next-lt-w23-medium.ttf) format('truetype');
}
/*start body*/
body,html{
	height:100%;
}
body{
	background-color:#fff;
	background-image:url(../images/back.jpeg);
	background-position:center;
	margin:0;
	padding:0;
	direction:rtl;
	color:#333;
	font-family:din-next, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
}
button{
	-moz-transition: all 600ms;
	-webkit-transition:all 600ms;
	-ms-transition: all 600ms;
	-o-transition: all 600ms;
}
a{
	text-decoration:none;
	color:#821bee;
	-moz-transition: all 600ms;
	-webkit-transition:all 600ms;
	-ms-transition: all 600ms;
	-o-transition: all 600ms;
}
a:hover{
	color:#f1365f;
	text-decoration:none;		
}
img{
	border:none;
	max-width:100%;
}
*{
	list-style:none;
	margin:0;
	outline:none;
	box-sizing:border-box;
	padding:0; 
}
.width{
	margin:0px auto;
	width:1010px;
}
/*end body*/
.table{
	display:table;
	width:100%;
	height:100%;
}
.table_cell{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align:center;
}
.table_cell img{
	max-height:200px;
}
.s_contact {
	text-align:center;
	padding-top:35px;
	position: relative;
}
.s_contact li {
	display: inline-block;
	padding:0px 10px;
}
.s_contact li a {
	display: block;
	background: #0B3E81;
	font-size: 13px;
	color: #fff;
	letter-spacing: 1px;
	padding: 0px 20px;
	line-height: 45px;
	border-radius: 45px;
}
.s_contact li a:hover,.s_contact li:first-child a {
	background:#02919C;
}
.s_contact li:first-child a:hover{
	background:#0B3E81;
}
.s_contact li a:before{
	vertical-align: 0px;
	color: #fff;
	display: inline-block;
	position: relative;
	font-weight: normal;
	margin-left: 8px;
	font-family: FontAwesome5,FontAwesome,iconmoon,Flaticon;
}
.s_contact li.phone a:before {
	content: "\f11f";
	top: -1px;
}
.s_contact li.mail a:before {
	content: "\f2b6";
	top: -1px;
}