@import url('https://fonts.googleapis.com/css?family=El+Messiri|Mirza');
 @import url('https://fonts.googleapis.com/css?family=Amiri|Cairo|Changa|Harmattan|Tajawal|Monoton|Open+Sans|ZCOOL+XiaoWei&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@700&display=swap');
     


#Siz_col {color :#00afef; font-size:20px;}

.indx_pag { position: absolute ; float:right ; top:103px; right:224px;
   	z-index:999;}
 body {
  padding: 0px;
  background-color: white;
  color: black;

 font-family: 'Almarai', sans-serif;
  overflow-x:hidden;

}  

   	
/* DARK MODE */

.dark-mode {
  background-color:#2e2d2d;
  color: white;
}
header .hamburger {
  font-size: 30px;
  color: #404040;
}
header .moon {
  font-size: 28px;
  color: #000;
}
.Dark button {
  border: 0;
  background: transparent;
}
.Dark button:focus {
  outline: none;
}
.dark-mode-button:active {
  font-size: 24px;
}
.dark-mode-button:focus {
  font-size: 26px;
}
/* fnish Dark */

.pag_list {
      position: relative;
    direction: rtl;
    right:30%;
margin:auto;
     padding: 50px 0px 50px 0px;
    width:80%;
    height:auto;
    color: #00afef;
      
}
.pagination {
  display: inline-block;
   padding: 0px 0px 0px 0px;
   color: #00afef;

}

.pagination a {
  color: black;
  float: right;
  padding: 5px 9px 5px 9px;
  text-decoration: rtl;
}

.pagination a.active {
    float: right;
     text-decoration: rtl;
  background-color: #00afef;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
      float: right;
     text-decoration: rtl;
}

.Titl_sub_cont { text-align: center; width:100%; padding:40px 0px 40px 0px; color: var(--text); }
   	
   	
#font_Titl_m {
 MARGIN: 0px 4px 0px 0px; FONT: bold 12pt/18px  Almarai ;  COLOR:#3f6eaa; TEXT-DECORATION: justify
}
#font_Titl_m:hover {
 MARGIN: 0px 4px 0px 0px; FONT: bold 14pt/20px  Almarai; text-align: justify; COLOR:#3f6eaa; TEXT-DECORATION: none
} 
  .font_sub {
 MARGIN: 0px 1px 0px 0px; FONT:  14px/20px  Almarai ;text-align: justify; COLOR:#fff;   TEXT-DECORATION: none
 }
#font_Titl_s:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold 18px/28px  Almarai ;text-align: justify; COLOR:#00A5CE;    TEXT-DECORATION: none
 }
 #font_tohama_s{
 MARGIN: 6px 1px 0px 0px; FONT: 18pt/28px Tahoma ; text-align: justify; COLOR:#555555;    TEXT-DECORATION: none
 }
 
#Titl_ajax_L {
  font-family: Almarai ; Geneva, sans-serif;  font-size: 12px; font-weight:bold ; margin-top: 2px; margin-right: 10px; margin-left: 6px;
  }

.lnch_Titel{direction: rtl;color:#00afef ; font-size: 18px;
}
.lnch_Titel2{ color:#00afef ; font-size: 16px;
}
#Titl_ajax_L {
  font-family: Almarai ; Geneva, sans-serif;  font-size: 14px; font-weight:bold ; margin-top: 2px; margin-right: 10px; margin-left: 6px;
}
#Titl_ajax_L:active {
  font-family: Almarai ;color:#ffffff ; Geneva, sans-serif; font-size: 20px;
}
.font_Titl_m {
 MARGIN: 0px 13px 0px 0px; FONT: bold 14pt/18px  Almarai ;  COLOR:#00A5CE; TEXT-DECORATION: none
}
.font_Titl_m:hover {
 MARGIN: 0px 13px 0px 0px; FONT: bold 11pt/18px  Almarai; text-align: justify; COLOR:#C0C0C0; TEXT-DECORATION: none
}
 /* red احمر */
#Titl_red_s {
 MARGIN: 0px 1px 0px 0px; FONT:bold  8pt/24px  Almarai  ;text-align: justify; COLOR:#9600B2;  display: block; direction: rtl; font-size-adjust: none; text-shadow: 0px 0px 0 #000000; font-stretch: normal;
 }
#Titl_red_s:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold 10pt/14px  Almarai ;text-align: justify; COLOR:#000000;    TEXT-DECORATION: none
 }
 #Titl_red_s2 {   /* Traditional Arabic */
 MARGIN: 0px 1px 0px 0px; FONT: bold 12pt/24px  Traditional Arabic;text-align: justify; COLOR:#9600B2;    TEXT-DECORATION: none
 }
#Titl_red_s2:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold 12pt/24px  Traditional Arabic;text-align: justify; COLOR:#000000;    TEXT-DECORATION: none
 }
 /* white ابيض */
 #Titl_white_m {
 MARGIN: 0px 62px 0px 0px; FONT: bold 13pt/36px  cairo ; text-align: justify; COLOR: #fff;  font-weight: bold; text-decoration: none; display: block; direction: rtl; font-size-adjust: none; text-shadow: 1px 0px 0px #000; font-stretch: normal;
}

  /* Almarai خط */
 #font_s {
 MARGIN: 0px 1px 0px 0px; FONT:  12pt/24px  Almarai ;text-align: justify; COLOR:#000000;    TEXT-DECORATION: none
 }
 /* Tahoma خط */
#font_tohama_s{
 MARGIN: 6px 1px 0px 0px; FONT: 11pt/18px Tahoma ; text-align: justify; COLOR:#555555;    TEXT-DECORATION: none
 }

   .Titl_blu_s1 {  
 padding-top: 10px;
 	font:  bold 11pt/30px  Almarai ; color: #00afef;  font-weight: bold; text-decoration: none;  direction: rtl;  font-stretch: normal;
}
  .Titl_blu_s1:hover {   
	font:  bold 11pt/30px  Almarai ; color: #000000;  font-weight: bold; text-decoration: none;  direction: rtl;  font-stretch: normal;
}

.tab3 {
	 MARGIN: 0px 1px 0px 0px; FONT: bold 14pt/20px Traditional Arabic; COLOR: 000000;	text-align:left;     TEXT-DECORATION:
}
.kutab {
	 MARGIN: 0px 1px 0px 0px; FONT: bold 12pt/20px  Almarai; COLOR: #73337d ;	text-align:right;     TEXT-DECORATION:
}
.kutab:hover {
	 MARGIN: 0px 1px 0px 0px; FONT: bold 12pt/20px Almarai; COLOR: #00afef ;	text-align:right;     TEXT-DECORATION:
}
.Titls {
 
margin:auto;
    width: 95% ;

    	text-align:center;
    	padding-top: 8px;
 
    background:;
}
.rounded{
top :0px;
position: relative ;
background: url('../imge/Sam/bk.png');
background-repeat: no-repeat;
direction:rtl;
width: 100%;
height :33px;
border-width:0px;
background-color: #000000;
}
.button_down  {
position:relative;
float :right;
top :0px;
width:70px ;
margin:auto;
right: 220px;
background:#00afef;
  border-top: 0px solid #D2D2D2;
  border-left:3px solid #fff;
  border-right: 1px solid #342C2C;
  border-bottom: 1px solid #D2D2D2;
}
.font_Titl_m {	 MARGIN: 0px 1px 0px 0px; FONT: bold 14pt/24px  'Almarai'; COLOR: #fff ;	    TEXT-DECORATION:
}
.font_Titl_m :active {
	 MARGIN: 0px 1px 0px 0px; FONT: bold 14pt/24px 'Almarai'; COLOR: #ff0000 ;	text-align:right;     TEXT-DECORATION:
}
   .gnrl {
   top :6px ;
   width: 100%;
position :relative ;
direction: rtl ;
}
 .gnrl2 {
   top :6px ;
   width: 100%;
position :relative ;
direction: rtl ;
}
.DV_l{
position : static;
top : 122px;
width : 100%;
float: center;
}
.DV_asd_ysar{
position : fixed ;
top : 5px;
width :300px ;
float: right;
}
.DV_asd_ymin{
position : fixed ;
top : 5px;
width :300px;
right:5px;
margin: right;
}

.br_{
position : relative ;
height:30px ;
}
.DV_br{
position : relative ;
height:10px ;
}

.under_logo{
  position:fixed;
  float:right; 
  right: 117px;
  top:60px;
  	z-index:100;
  font-family: 'Almarai',sans-serif ; font-size:12px ;  color: #7f8282; 
}
.png_logo {
    position :relative;
right: 70px;
 top :65px;
  }
.logo_web{
position : relative ;
right: 70px;
 top :65px;
  float: right;
background: url('') ;
background-repeat: repeat-x;
font-family: Janna Bold; font-size:17px ; margin: 2px 5px 5px 5px;  color: #000000; padding-right: 10px; font-weight: bold; text-decoration: none; display: block; direction: rtl; font-size-adjust: none; text-shadow: -1px -1px 0 #000; font-stretch: normal;
}

.png_ysar{
position : relative ;
left : 0px;
 top :-15px;
  float: left;
background: url('../imge/Sam/') ;
width : 185px ;
height:100% ;
background-repeat: repeat-x;
}
.DV_lang{
position :absolute ;
top :25px;
  float: left;
  }
.img_ysar3 {
	width: 99%;
	max-width:100%;
	height:auto;

	margin:7px auto 0px;
	z-index:90;
	border: 1px solid #00afef;
border-radius: 30px 0px 30px 0px;
 

}
.dv_cont_ysar3 {
position: relative;
	width: 100%;
	height:auto;
	top:6px;
    margin: 0px 0px 20px 0px;

}
.dv_ysar3 {
bottom:1px;
position:absolute;
border :0px solid #000;
right :0px ;
margin:auto;
width: 99.6%;
overflow: hidden;
	padding:0.0em;
	background:#f3f3f3;
border-radius: 0px 0px 30px 0px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.dv_ysar4 {
bottom:70px;
position: relative;
right :0px ;
margin:auto;
width: 99.7%;
	padding:0.0em;
backdrop-filter: blur(2px);
background-color: rgba(6, 156, 196, 0.5);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.DV_adv_up{
position :relative ;
top :0px;
left:30px;
float: left;
width: 69%;
border : solid #000;
border-width :  0px;
}
.DV_TitWord {
 float :right ;
direction: rtl ;
}
.DV_adv_ajax{
position :relative ;
float :right ;
top :0px;
width : 32.8%;
height:100%
border : solid #000;
border-width :  0px;
}
.DV_word{
 position :relative ;
}
.word{
 position :relative ;
 top : 0px;
 background: url('../imge/Sam/ourwordA.png');
 right:6px;
  width : 210 px;
 height :206px;
overflow: hidden;
}
 .hr{
   position : relative ;
   width : 96%;
   height:2.5PX ;
 background: url('../imge/Sam/hr.gif') ;
 }
.div_2img {
position: relative ;
top :0px ;
right : 1px ;
left :1 px ;
bottom :1 px ;
 width: 185px;
 height: 145px;
 border : solid  #7F7F7F;
border-width :  1px;
}
.img_news{
  position: relative ;
top :6px ;
right : 28px ;
left :1 px ;
bottom :2 px ;
 width: 634px;
 height: 321px;
 border : solid  #fff;
border-width :  0px;
}
.UP_twitter {
position: relative ;
background : url(.../imge/Sam/twitter.png)no-repeat ;
  background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.DV_twitter{
position: relative ;
width: 100%;
background-repeat: repeat-x;
direction:rtl;
 border-width: 1px ;
}
.UPDV_facebook{
position: relative ;
background :  ;
  background-position:right ;
top :0px;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.UPdv_ysar_cont {
position: relative ;
top :0px;
direction: rtl ;
width: 100%;
border-width:0px;
}
.dv_ysar_cont {
top :0px;
right :0px ;
position: relative ;
direction: rtl ;
width: 100%;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
}
.dv_art_cont { 
float:right;
top :0px;
right :5px ;
position: relative ;
width: 68%;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
}

 .UPdv_poll{
 top :0px;
position: relative ;
background: url('../imge/Sam/bk.gif');
background-repeat: no-repeat;
width: 100%;
height :33px;
border-width:0px;
background-color: #9600B2;
 }
 .UP_poll{
  position: relative ;
background : url(.../imge/Sam/poll.png) no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_poll{
position :relative ;
height : 240px ;
direction: rtl ;
 }
.DV_social{
top :0px;
position: relative ;
width: 98%;
border-width:2px;
 border-width: 1px ;
}


/* [END // Content Box] */
.fram_video_scene{ 
overflow:hidden ; width:100% ; height:125%; 
}
.space {
position: relative ;
  margin: 30px 0px 30px 0px;
direction:rtl;
width: 100%; height:300px;
top: 50px;
}

.DV_all_vido {
position :relative ;
  top :10px;
right:6px;
float: center;
width: 100%;
  }
.DV_Up_scene{
position: relative ;
background: url(../imge/Sam/) no-repeat ;
float :right ;
width : 33%;
height: 30%;
right :0px;
top: 0px;
}
.vid_fram{
top: -30px;
}
.Titl_vid_fram{
position: relative;
}
.Titl_scene{
position: relative ;
width: 94%;
height: 30px;
right :5px;
top: 30px;
float:right;
FONT: bold 14pt/22px Almarai ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.DV_scene{
 overflow: hidden;
float :right ;
top :0px;
width : 96%;
height:220px;
margin:auto;
  border-top: 1px solid #342C2C;
  border-left:1px solid #342C2C;
  border-right: 1px solid #342C2C;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 5px #F5F5F5 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 5px #F5F5F5;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 5px #F5F5F5
}
.UPdv_video{
  position: relative ;
  width: 50%;
right :200px;
top: -10px;
}
.Div_ysar_video {
	position :relative;
top :10px;
float :right ;
right:5px;
width : 25%;
border : solid #000;
border-width :  0px;
}
.title_video {
position:  relative ;
background: url(../imge/Sam/chanl) no-repeat ;
height : 38px ;
}
.adres_video{
position: relative ;
width: 100%;
height: 48px;
right :0px;
top: 55px;
FONT: 12pt/22px Almarai ;text-align: center; COLOR:#f1b129; TEXT-DECORATION: none  ;
background-color: #000;
}
.adres_video_insid{
position: absolute ;
height: 55px;
right :0px;
top: 1px;
width: 100%;
height:52px;
right :0px;
FONT: 12pt/12px Almarai ;text-align: center; COLOR:#f1b129; TEXT-DECORATION: none  ;
background-color:#000;
}
.video{
position: relative ;
width: 90%;
top: 12px;
right :4%;
left :4% ;
}
.video_dwon {
background: url(../imge/Sam/bk_videodwon.png ) no-repeat ;
  top : -3px;
position: relative ;
float :right;
width: 93%;
height: 150px;
right :30px;
}
.fram_video{
     position: relative ;
     TOP :25PX;
	float: right;
    right :0PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:160px;
	height:82px;
	padding:6px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.break_fram {
     position: relative ;
	float: left;
    right :0PX;
background: url(../imge/Sam/fv.gif) no-repeat ;
	width:11px;
	height:94px;
	padding:1px 0;
    }
 .DV_video_ysar{
position: relative ;
background: url(../imge/Sam/) no-repeat ;
width: 100%;
height: 266px;
right :0px;
top: 10px;
}
.title_video_ysar{
position:  relative ;
background: url(.../imge/Sam/chanl.png) no-repeat  no-repeat ;
  background-position:right ;
height : 35px ;
top: 0px;
}
.video_ysar{
position: relative ;
width: 99.6%;
height: 275px;
top: -45px;
right :0%;
left :0% ;
}
.video_dwon_ysar {
position: relative ;
background: url(../imge/Sam/bk_videodwon_ysar.png) no-repeat ;
  top : -3px;
float :left;
width: 97.7%;
height: 107px;
left :2%;
}
.break_fram_ysar {
     position: relative ;
     float: left;
     top : 22px;
	left :5PX;
background: url(../imge/Sam/fv_ysar.gif)  no-repeat;
	width:7px;
	height:62px;
	padding:2px 0;
    }
 .fram_video_ysar{
     position: relative ;
     TOP :14PX;
	float: left;
    left :6PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:97px;
	height:64px;
	padding:9px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.DV_video_ymin_ysar{
position: relative ;
width: 100%;
height: 620px;
right :0px;
top: 0px;
}
.video_dwon_ymin_ysar {
  top : -3px;
position: relative ;
float :right;
width: 43%;
height: 150px;
right :30px;
}
.fram_video_ymin_ysar{
     position: relative ;
     TOP :25PX;
	float: right;
    right :0PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:40%;
	height:82px;
	padding:6px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.more {
position: relative;
background: url(../imge/Sam/more.png) ;
top : 364px;
width: 90px;
height :25px;
left : 17px ;
}
.more1 {
position :absolute ;
background:#fff;
bottom :-10px ;
width: 90px;
height :30px;
left : -50px ;
MARGIN: 0px 1px -2px 0px; FONT: 10pt/30px Almarai ; COLOR:#11A4DA; line-height: 10px; text-shadow: 1px 1px white,-0px -1px #003E77; TEXT-DECORATION: none
}
.linkright:hover {
	MARGIN: 0px 1px 0px 0px; FONT: bold 16pt/24px Almarai ; COLOR:#000; line-height: 10px; text-shadow: 1px 1px white,-0px -1px #000000; TEXT-DECORATION: none
}
.social_sub{
position:relative;
	float: right;
top: 425px;
background-repeat:repeat;
	height:20px;
	width:100%;
	padding:6px 0;
	margin:0 0 0 1px;
	font-family: Tahoma;
	/*font-weight:normal;*/
	font-size: 13px;
	text-align:center;
}
.title_news {
position : relative ;
right : 10px;
 top :8px;
}

.linknews1 {  margin:20px 2% 0px;
FONT: bold 16.4pt/48px  Almarai ;text-align:center;  COLOR:#000  	text-shadow:0px 1px 0px  ; TEXT-DECORATION: none;
 	
}
.linknews1:hover {  margin:20px 2% 0px;
FONT: bold 16.4pt/48px  Almarai ;text-align:center; COLOR:#00afef  	text-shadow:0px 1px 0px  ; TEXT-DECORATION: none;
}
.linknews {    margin:10px 2% 0px;
 
 	font:  bold 18pt/43px  Almarai ; color: #00afef;  font-weight: bold; text-align:center;  text-shadow: 0px 0px 0 #0000ff; font-stretch: normal;
}

   	img{
		border:0px;
	}
	#mainContainer{
		width:100%; /* ?????*/
		height :100% ;
		margin:0 auto;
		text-align:rigth;
		background-color:/* ??????*/
	}
	#mainContent{
		padding:0px;
	}
		/*?E? C?C?CEE ??? I? C???C? */
	.pollerTitle{
	MARGIN: 0px 1px 0px 0px;  FONT: bold 16pt/30px Traditional Arabic;  COLOR: #9600B2; DIRECTION: rtl; TEXT-DECORATION: none
	}
		/*I?C?CE C???C? ?E? C???CEE */
	.pollerOption{
		MARGIN: 0px 1px 0px 0px; FONT: 15pt/28px Traditional Arabic; COLOR: #000000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* ??? ???? C?I? I?C?CE C?E???E ??I C?C?CEE ???*/
	.result_pollerOption{
		MARGIN: 0px 1px 0px 0px; FONT: 12pt/24px Tahoma; COLOR: #000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* ??? ???? I? C???C? ??I C?C?CEE ??? */
	.result_pollerTitle{
		MARGIN: 0px 1px 0px 0px; FONT: 12pt/15px Tahoma; COLOR: #000000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly C?E? E?E? ?? ???C? C?I? C?E?C??
	E? E???? C???? */
	.result_pollGraph img{
		float:right;
	}
	/* The <div>?C?E?C? C?I? C??? ?E?II ???E??E ??? ????  C?I? C??? ??E? I?? C???? C?E?C?? ???E??E */
	.result_pollGraph div{
		float:right;
		height:24px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:13px ;
	line-height:;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes
	C???C?E E?? C?I?C?CE ??I C???CEE
	*/
	.result_pollGraph{
		height:12px;
	}
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;
	}
	/*??? ???? C?I? (C?C?? C????E??) */
	.result_totalVotes{
		clear:both;
		font-size:0.7em;
		margin-top:3px;
	}
    .right-body-news-rotator {
	width:700px ; height: 422px ;
	
      border-top: 0px solid #00afef;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
}
a {
	color: rgb(100, 25, 100); text-decoration: none; cursor: pointer;
}
.right-body-news-rotator-upper-section {
	height: 280px; overflow: hidden; clear: both; float: none; display: block;
}
.loading {
	width: 220px; height: 40px; padding-top: 188px; display: inline-block;
}
.news-rotator-main-image {
	background: rgb(232, 232, 232) url('../imge/Sam/rotating-news-title-bg.gif') repeat-x; width: 450px; height: 320px; text-align: right; color: rgb(000, 0, 0); overflow: hidden; padding-left: 10px; font-size: 20px; font-weight: bold; margin-left: -30px; float: right; position: relative
}
.news-rotator-main-image a {
	text-align: right; color: rgb(255, 0, 0); line-height: 50px; font-size: 15px; font-weight: bold; text-decoration: none;
}
.news-rotator-main-image-sub-title {
	background: url("../imge/Sam/bk_bigTit.png") ; width: 100%; height: 55px;  }
a.vedio-link {
	text-decoration: none; display: block;
}
a.vedio-link:hover {
	text-decoration: none;
}
.news-rotator-main-image_img {
	width: 459px ; height: 280px; ;
}
.news-summery {
	background: url("../images/shadow.png") no-repeat 6px 3px; top: -315px; width: 300px !important; height: 53px; line-height: 44px; padding-top: 261px; padding-right: 0px; margin-top: 0px; margin-right: 0px; float: right; display: block; position: relative; cursor: pointer;
}
.curved-news-items-container {
	background: url('../imge/Sam/newsitems-bg.png') no-repeat; width: 244px; height: 307px;color: rgb(255, 255, 255); float: left
}
#caption {
	background: url('caption.png') right top; width: 385px; height: 51px; padding-right: 10px; font-family: tahoma; font-size: 8px; font-weight: normal
}
.big-news-item {
	background: url('../imge/Sam/gray-border-news-big.gif') no-repeat; width: 98%; height: 49px; text-align: right;
    }
.big-news-item-sub-container {
	 margin-top: 2px;
}
.big-news-item-sub-container-text {
	width: 95%; float: right;  color:#333333;
}
.big-news-item_img {
	border: 2px solid; width: 46px; height: 46px;
}
.curved-news-items-container :first-child.big-news-item {
	margin-top: 0px;
}
.big-news-item-selected-item {
	background: url('../imge/Sam/big-news-item-selected.png') no-repeat right; width: 99%; height: 49px; text-align: right; right: -14px;  line-height: 22px; overflow: hidden; padding-bottom: 3px; clear: both;   margin-top: 3px; margin-right: 10px; margin-left: 6px; display: block; position: relative; cursor: pointer
}
.curved-news-items-container :first-child.big-news-item-selected-item {
	background: url('../imge/Sam/big-news-item-selected.png') no-repeat right; width: 99%; height: 49px; text-align: right; right: -14px;  line-height: 22px; overflow: hidden; padding-bottom: 3px; clear: both;  margin-top: 3px; margin-right: 10px; margin-left: 6px; display: block; position: relative; cursor: pointer
}
.big-news-item-selected-item .big-news-item-sub-container {
	margin-right: 30px; margin-left: -10px;
}
.big-news-item-selected-item .big-news-item-sub-container .big-news-item-sub-container-text {
	width: 95%;   color:#ffffff;
}
.big-news-item-selected-item img {
	display: none;
}
.right-body-news-rotator-details {
	background:  url('../imge/Sam/dwon.gif');	width: 98%; padding: 5px 10px; height: 46px;  color: #5F04B4; line-height: 24px; overflow: hidden; clear: both;  font-family: Almarai ; font-size: 14px; font-weight:bold ; float: none; display: block;
}
.right-body-news-rotator-details .read-more {
	float: none;
}
div.newsTitle {
	background:  url('../imge/Sam/') repeat-x 0px 0px;	margin-right: -4px; width: 100%; padding: 6px 0px;  height: 53px; text-align:non;
}
.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}


.font_box { 
 display: flex;
  align-items: center;
  justify-content: center;
      FONT:  16px/22px  Almarai ;  COLOR:#0492c6; 
    font-weight: bold; text-shadow: 1px 1px 2px #fff;  
    }
  .font_box:hover { 
      FONT:  17px/22px Almarai ;  text-align:center; COLOR:#000; 
    font-weight: bold; text-shadow: 1px 1px 2px #fff;  
    }
    .font_box_2 { 
 display: flex;
  align-items: center;
  justify-content: center;
      FONT: bold  20px/28px  Almarai ;  COLOR:#00afef; 
    font-weight: bold; text-shadow: 1px 0px 1px #fff;  
    }
  .font_box_2:hover { 
      FONT: bold 20px/28px Almarai ;  text-align:center; COLOR:#f1b129; 
    font-weight: bold; text-shadow: 1px 0px 1px #000;  
    }
          .Titl_sec_Modl { margin:auto; position: relative;  top:7px;  display: flex;   align-items: center;   justify-content: center;       FONT:  18px/26px  Almarai ;  COLOR:#0492c6;      font-weight: bold; text-shadow: 1px 1px 2px #fff;          }     
.Titl_sec_Modl:hover {  position: relative;  top:8px;  FONT:  18px/24px Almarai ;  text-align:center; COLOR:#000;      font-weight: bold; text-shadow: 1px 1px 1px #fff;            }
    .Box_transp{
 
    }
    .Box_transp:hover{

    }
    .pic_box2{
position: relative ;
width: 100%;
    height: 390px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

  
    .pic_box7{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
    .pic_box8{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

        .Box_transp2{
        position:absolute;
        -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
        width:100%; height: 104%;   
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,10,00,.17)), to(rgba(20,10,0,1)));
/* For Mozilla */
 background: -moz-linear-gradient(bottom, rgba(60,50,25,1), rgba(0,0,255,.25));
/* For lt IE8 */
 filter: progid:DXImageTransform.Microsoft.gradient(gradientyype=0,
startColorstr='#88ff0000', endColorstr='#3300ff00');
/* For gt IE8 */
 -moz-filter: progid:DXImageTransform.Microsoft.gradient(gradientyype=0,
startColorstr='#88ff0000', endColorstr='#3300ff00'); 
  
    }
    .Box_transp2:hover{
        position:absolute;
        width:100%; height: 104%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.25)), to(rgba(0,10,0,1)));
/* For Mozilla */
 background: -moz-linear-gradient(bottom, rgba(60,50,25,1), rgba(0,0,255,.25));
/* For lt IE8 */
 filter: progid:DXImageTransform.Microsoft.gradient(gradientyype=0,
startColorstr='#88ff0000', endColorstr='#3300ff00');
/* For gt IE8 */
 -moz-filter: progid:DXImageTransform.Microsoft.gradient(gradientyype=0,
startColorstr='#88ff0000', endColorstr='#3300ff00'); 
  
    }


.content{
position: relative ;
height :140px;
overflow: hidden;
}
.link_box_up{
position: relative ;
direction:rtl;
width: 100%;
top: 0px;
}
.link_box{
position: relative ;
direction:rtl;
width: 100%;
top: 15px;
}
.img_box {
position: relative ;
float :left ;
top: 7px;
}
.link_box_up_arabia{
position: relative ;
  padding-top: 10px;
direction:rtl;
float:center;
width: 100%;
right:0px;
top: 0px;
overflow: hidden;
}

.Titl_link{
position : relative ;
 top :0px;
 margin:auto;
width:99%;
background: url('') ;
background-repeat: repeat-x;
font:  bold 20pt/50px  Almarai ; color: #00afef;  font-weight: bold; text-decoration: none;   text-shadow: -1px -1px 0 #000; font-stretch: normal;
}
.link_box_up_arabia2{
position: relative ;     
text-align:center;
margin: auto;
margin-bottom: 0px;
  padding-top: 0px;  padding-bottom: 5px;
 border-bottom: 1px solid #00afef;
width: 60%;
top: 0px;
overflow: hidden;
}
.Titl_box_up_arabia{
    text-align:center;
 margin: auto;
 padding: 5px 0px 20px 0px;
top:10x; 
font: bold 24px/30px  Almarai ; color: #00afef; text-shadow: px 1px 0px #000; font-stretch: normal;
}
  .boxs_all2 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
margin:0px 0px 50px 0px;
width: 99%;
 overflow: hidden;
    border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef;
    }
  .boxs_2{
    position: relative;
  height: 100%;
    top:12px;
    float: right;
    direction: rtl;
    right: 26px;
    width: 30.7%;
    background:;
    margin: 0px 0px 0px 20px;
   border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 25px solid #f3f3f3;
}
.boxs_2:before{
    content: "";
    display:block;
    padding-top:80%;
    
}
   .Titl_box2{
       margin:auto;
       position:absolute; 
        bottom:10px;
       right: 20px; width: 90%; 
  }
  .pic_box_2 {
    display: block;
    width: 100%;
    height: 100%;
    float: non;
  }

.adress_us {
       float:right;
     margin-right: 6%;
 width:98%;
   margin: 0px 5px 15px 15px; 
      FONT:  14pt/28px Cairo; COLOR:#000; 
}

 
 
.icon_fotr_hom{
  background: url('../imge/sam/h.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_fotr{
  background: url('../imge/sam/news.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_soc_abot{
       background: url('../imge/sam/Tel.png') no-repeat top right; width:30px; height:30px; 
   float:right; margin:0px 0px 0px 10px; width: 30px; height:30px;
  }
  .icon_soc_fc{
  background: url('../imge/sam/Tel2.png') no-repeat top right; width:30px; height:30px; 
   float:right; margin:0px 0px 0px 10px; width: 30px; height:30px;
  }
  .icon_soc_tw{
      background: url('../imge/sam/Emil.png')no-repeat top right; width:30px; height:30px; 
   float:right;  margin:0px 0px 0px 10px; width: 30px; height:30px;
  }
  .icon_soc_yu{
         background: url('../imge/sam/Loc.png') no-repeat top right; width:30px; height:30px; 
   float:right; margin:0px 0px 0px 10px; width: 30px; height:30px; 
  
  }
  .font_fotr { font-size:14px ;  color: #fff;   text-decoration: left;  direction: ltr; }
  .font_fotr:hover { font-size:14px ;  color: #000;   text-decoration: left;  direction: ltr; }
  
  .font_Loc { font-size:13px ;  color: #fff;   text-decoration: left;  direction: ltr; }
  .font_Loc:hover { font-size:13px ;  color: #000;   text-decoration: left;  direction: ltr; }
  
  .icon_soc_call{
       background: url('../imge/sam/cal_us.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_callus_adrs{
       background: url('../imge/sam/ades.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_callus_tel{
       background: url('../imge/sam/tel.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_callus_emil{
       background: url('../imge/sam/emil.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_callus_web{
       background: url('../imge/sam/w.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_callus_map{
       background: url('../imge/sam/map.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
  .icon_lng_ar{
         background: url('../imge/sam/arabic.png') no-repeat top right; width:25px; height:25px; 
   float:right; margin:0px 0px 0px 10px; width: 25px; height:25px;
  }
.icon_Diwania {
  margin: 0 auto;
  width: 50%;
    background:url(../imge/Sam/Diwania.jpg) no-repeat; top:100px; width:330px; height:185px ; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.DV_SUB_Diwania {
position:relative;
float :none;
top :10px;
width:90% ;
margin:auto;
background:#D2D2D2#;
  border-top: 0px solid #00afef;
  border-left:1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #F5F5F5 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #F5F5F5;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #F5F5F5
}
.Titl_Diwania{
 FONT: 14pt/38px cairo; COLOR:#00afef; text-shadow: -0px -1px  1px #000,-0px -1px ; TEXT-DECORATION: none
}
.Titl_Diwania:hover{
 FONT: 14pt/38px cairo; COLOR:#000; text-shadow: -1px -1px  1px #fff,-0px -1px ; TEXT-DECORATION: none
}
.fot {
   position :relative;
    width:100%;
    height:90px;
    background-color:lightgrey;
    }
    /*ستايل بوكس النوافذ المتحؤكة يمنين ويسار */
.slick-next:before{ content:url('caro/img/next.png');position:relative}
.slick-prev:before{ content:url('caro/img/prev.png');position:relative}

/* خاص بالخريطة التفاعلية */
#in_menu{
      font-family: 'Almarai', sans-serif;
  }
  #in_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
  }

  #in_menu li {
    float: left;
    margin-left: 10;
  }

  #in_menu li a {
    display: block;
    color: #00afef;
    text-align: center;
    padding: 8px;
    text-decoration: none;
  }

  #in_menu li a:hover {
    color: #ebb440;
  }
  #title{
    color: #00afef;
    font-family: 'Almarai', sans-serif;
}

.main_title{
    color: #ebb440;
    font-family: 'Almarai', sans-serif;
    font-weight: bold;
}
/*  ينتهي هنا الخريطة التفاعلية*/
.pag_list {
     padding: 50px 0px 50px 0px;
    width:90%;
    height:100px;
        position: relative;
        background:#;
    direction: rtl;
    float: right;
}

.Titl_SUB{
    margin: 0px 2px 2px 2px;
 FONT: 12pt/28px cairo; COLOR:#fff;text-shadow: -2px 0px -2px #000;   TEXT-DECORATION: none
}
#wowslider-container1 .ws_bullets a { 
	width:12px;
	height:12px;
	border-radius: 50%;
	background: #fff;
	float: right; 
	text-indent: -4000px; 
	position:relative;
	margin-left:5px;
	color:transparent;
}


.Titl_SUB{
    margin: 0px 2px 2px 2px;
 FONT: 12pt/28px cairo; COLOR:#fff;text-shadow: -2px 0px -2px #000;   TEXT-DECORATION: none
}
    /*.Titl_sec_Modl { position: relative; top:0px;
        FONT:  17px/24px  Almarai ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;      
    }
    .Titl_sec_Modl:hover { 
        FONT:bold  17px/24px  Almarai ;  text-align:center; COLOR:#f9324e; 
    font-weight: bold; text-shadow: 1px 1px #000, 0px -1px  #000;      
    }*/

.Titl_artcl {   
 MARGIN: 0px 1px 0px 0px; FONT:bold   11pt/28px   Almarai;text-align:right;  COLOR:#00afef;text-shadow:1px 1px 1px #fff ; TEXT-DECORATION: none
}
.Titl_artcl:hover {   
 MARGIN: 0px 1px 0px 0px; FONT: bold  11pt/28px  Almarai ;text-align: right;  COLOR:#000;text-shadow:1px 1px 1px #fff ; TEXT-DECORATION: none
}  

.Artcl_tit {position:absolute;
    text-align:center;
    margin-top: -60px;
    width: 90%;
    min-width: 98%;
    height:auto;
}
 .Titl_exctra {
 MARGIN:auto; FONT: bold   12pt/22px  cairo ;text-align: center;  COLOR:#000;text-shadow:0 0 0px  ; TEXT-DECORATION: none
}
.Titl_exctra:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold   12pt/22px  cairo ;text-align: center;  COLOR:#00A5CE ;text-shadow:0 0 0px  ; TEXT-DECORATION: none
}


/* نسخة الكمبيوتر */
@media   (min-width: 760px) { 
.Dark {position:fixed; z-index:999; top:14px; left:7px;
  flex-direction: row;
  justify-content: space-around;
}

    /*  مربع البحث الجديد*/
    .sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #efb480;
}

.sb-search-input:-moz-placeholder {
    color: #efb480;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}
.sb-icon-search,
.sb-search-submit {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
     filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\e000";
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #da6d0d;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
    
        /*   انتهاء مربع البحث الجديد*/

/* nwe serch */
.container {  margin: 0px 0px 0px 5px; 
  position: relative;
  --size-button:27px;
}
.input {
  padding-left: var(--size-button);
line-height: 25px;
    width:0.1px;
  font-size: 15px;
  border: none;
  color: #fff;
  outline: none;
  transition: all ease 0.3s;
  background-color: #00afef;
  box-shadow: 0.5px 0.5px 3px #, -1.5px -1.5px 3px rgb(95 94 94 / 25%), inset 0px 0px 0px #fff, inset 0px -0px 0px #;
  border-radius: 50px;
  cursor: pointer;
}
.input:focus,
.input:not(:invalid) {
  width: 200px;
  cursor: text;
  box-shadow: 0px 0px 0px #0e0e0e, 0px 0px 0px rgb(95 94 94 / 25%), inset 1.5px 1.5px 3px #0e0e0e, inset -1.5px -1.5px 1px #fff;
}

.input:focus + .icon,
.input:not(:invalid) + .icon {
  pointer-events: all;
  cursor: pointer;
}

.container .icon {
  position: absolute;
    color: #fff;
  width:22px;
  height:22px;
  top: 1px;
  left: 1.5px;
  padding: 1px;
  
  pointer-events: none;
}

.container .icon svg {
  width: 100%;
  height: 100%;
  
}
#serch_smal{ 
     font-size:28px;
      color: #fff;  
      	margin:3px 3px;
direction: rtl ;    
    text-shadow: 1px 1px 2px #000; 
}
/* fnish New Serch */

.social_upper{
position: fixed; z-index:10; top: 16px;float:left; left:60px; width:auto; height: 30px;
}
/* كود وسائل التواصل العلوية جديد */
ul_social_up {
  position: absolute;
  margin: 0px  0px 0px 10px;
  display: flex;

  list-style: none;
  width: 50px;
  height: 50px;
}
/* تدرج لون خلفية زر مشاركة*/

ul_social_up li a {

  display: block;
    margin: 0px 0px 0px 5px;
   padding: 4px 0px 0px 0px;
  width: 26px;
  height: 23px;
  text-align: center;
  background-color: #00afef;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.5s;
}



ul_social_up:hover li:nth-child(1) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.8s;
}

ul_social_up:hover li:nth-child(2) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.6s;
}

ul_social_up:hover li:nth-child(3) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.4s;
}

ul_social_up:hover li:nth-child(4) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.2s;
}

ul_social_up:hover li:nth-child(5) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}

ul_social_up:hover li:nth-child(6) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}
/*ازرار هوم وطباعة في الاخبار والمواضيع */
#soc_siz {
    margin:-4px 4px;
      width: 26px;
  height: 26px;

     font-size:22px;
      color: #fff;  
        background-color: #1DA1F2;
     float:left;
     	padding:3px 3px 0px 3px;
       border-radius: 50%;
}
#soc2_siz {
     font-size:30px;
      color: #00afef;  
      	padding:0 0px 0px 80px;
    margin:auto; 
}
.socialcon {  z-index: 100;
top :-51px;
margin:0.9%;
position: relative ;

direction: rtl ;
width: 98%;
height :40px;
border-radius: 0px 0px 10px 10px;
backdrop-filter: blur(3px);
background-color: rgba(0, 175, 239, 0.7);
}

.date {
	float: left;
	margin:-28px 0px 0px 0px;;
	padding:0px 0px 0px 0px;
}
#soc_siz_smal{
     font-size:18px;
      color: #fff;  
      	padding:19px 30px;
    
    text-shadow: 1px 1px 2px #000; 
}

    
 .DV_link{
position :fixed ;  z-index:1000;
float:right;  right:17%;
background: url('') ;
top : 24px ;
width : 83%;
height:30PX;

}
.dropbtn{
 position:absolute; 
 top: -340px;
}
#mainmenu{
	height:10px;
	margin:0 0 10px 0;
	
}
.li{
  FONT:  12pt/30px  ; TEXT-DECORATION: none
	height:24px;
}
.menulink{
       position : relative;
	float: right;
	background: url('') ;
	height:12px;
	padding:0px 10px 10px 0px;
MARGIN: 0px 1px 0px 0px;
   	text-align:center;
   	border-left: 1px solid #D0D0D0;
}
.link_hove { font-family: 12pt/30px Almarai  ; COLOR:#032e5d; font-weight: bold; 
text-shadow: 1px 1px 2px #fff; 
}
#link_main {margin:0px 0px 0px 8px; font:  12pt/8px  Almarai; COLOR:#0495ca; font-weight: bold; text-shadow: 1px 1px 2px #fff;}

#link_main:hover { font-family:  12pt/30px  ; COLOR:#032e5d; font-weight: bold; 
text-shadow: 1px 1px -2px #fff; 
}

    /*ستايل بوكس النوافذ المتحؤكة يمنين ويسار */
.slick-next:before{ content:url('caro/img/next.png');position:relative}
.slick-prev:before{ content:url('caro/img/prev.png');position:relative}   
/* خاص بالخريطة التفاعلية */
  #in_menu{
    display: none;
  }
    #up_button{
    display: none;
  }
     /*.تنتهي الخريطة  */
    .Titl_logo{
  position:fixed; z-index:100;
  float:right; 
  right: 104px;
  top:39px;
background: url('') ;
background-repeat: repeat-x;
font-family:  El Messiri ; font-size:0px ; color: #d3a018; font-weight: bold; text-decoration: none;  direction: rtl;   text-shadow: 1px 1px #7dbcb4,-0px -1px  #7dbcb4;
     TEXT-DECORATION: none
}
.Log_png {
    position :absolut;
    width: 220px;
  float: right;}
.png{
    position: relative;
    float: right;
    top: 5px;
    width: 180px;
    height:90px;
right : 30px;

}
 .DV_up_head {
 position : fixed; z-index:100; left:-2px;
background: url('../imge/Sam/') ;
top :0px;
background-repeat: repeat-x;
width : 100.5%;
height:60px ;
border-width :  0px;

backdrop-filter: blur(4px);
background-color: rgba(211, 211, 211, 0.6);
box-shadow: 35px 35px 68px 30px rgba(211, 211, 211, 0.4), inset 0px 11px 28px 20px rgba(211, 211, 211, 0.1), inset -6px -6px 16px 0px    rgb(255, 255, 255);
 
}
  
 .DV_up_Topic_0 {
        float:right;
        width:30%;
        height:60px;
    }
    .pic_up_Titl {
        float:right;
        width:30%;
        height:60px;
        
    }
 .DV_head{
position : relative ;
background: url('../imge/Sam/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:0px ;
border-width :  0px;
border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;
    background-color: white;
} 
  .link_up{
  position:absolute;
  top: 0px;
  float: left;
  width: 40%;
  padding:  7px 5px 10px 0px;
}
.Hom_f { 
  float: right; padding:  12px 5px 0px 0px; FONT:  17px/20px  cairo; COLOR:#000;    
}
.font_link_up{
  FONT:  17px/20px cairo;
  COLOR:#000;  
}
.
.link_up_li {
  padding:  5px 5px 30px 30px;  
  float: left;
  border-left: solid 0px #000;
 
  }
.Hom {
            position:relative;
  float: right; right: 15px;
    top: 10px;
 background:url(../imge/Sam/h.png) no-repeat; width:25px; height:30px ; 
}


.social {
 position: absolute; width: 80px; height: 30px; z-index: 1; left: 270px; top: -40px   ;
}


/*سلايد slaid */
      #wowslider-container1 .ws-title{
	position: absolute;
	float:right;
	bottom:7%;
	left: 16%;
	margin: 0 1.0em 1.5em 0;
	z-index: 50;
 font: bold 24px/48px 'Almarai';   color: #fff; padding-right: 0px; font-weight: bold; text-decoration: rtl; direction: rtl;  text-shadow: 1px -1px 0 #4070ba; font-stretch: normal;
	line-height: 2.4em;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
 text-align:center;
margin:auto;
width:70%;
	display:inline-block;
	padding:0.6em;
	background:#fff;
	 border: 2px solid #00afef;

backdrop-filter: blur(1px);
background-color: rgba(116, 170, 234, 0.2);
     -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 60px 60px 60px 60px;
}

.social-icons .facebook-icon{background-position:-105px top}
.social-icons .twitter-icon{background-position:-35px top; margin-left:0;}
.social-icons .youtube-icon{background-position:top left}
.clear{
clear:both;
}
.links {
	position: relative;
	top:40px;
}
.fixd {
	position:fixed;
}
    .SUB-VEDIO {
POSITION:relative;
margin:auto;
 max-width:100%;
 width:90%;
height: auto;
}
.DV_SUB_VEDIO {
position:relative;
right:25%;
float:right;
  margin: 2px;
width:auto;
 padding: 0px 10px 0px 10px;
background:#00afef;
  border-top: 0px solid #D2D2D2;
  border-left:1px solid #D2D2D2;
  border-right: 1px solid #342C2C;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #f1b129 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #f1b129;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #f1b129
}
 
    /*  مربع البحث الجديد*/
    .sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #efb480;
}

.sb-search-input:-moz-placeholder {
    color: #efb480;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}
.sb-icon-search,
.sb-search-submit {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
     filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\e000";
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #da6d0d;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
    
        /*   انتهاء مربع البحث الجديد*/
            .serch {
width:100%;
    top:-10px;
     height: 40px;
 	position: relative;
 	float:left;
 	left:-20px;
}
.input_serch {  	position: relative;     top:-28px;
width: 180px; height: 24px;
background-attachment: fixed;
 float : left;  left:36px;	
background-color :#;   
border-top: 1px solid #00afef;
  border-left: 0px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef; 
}
.submit_serch {
    top:0px;
float : left; 
 background: url('../imge/search2.png') no-repeat  ;
width: 38px; height: 28px;
background-color :#00afef;   
border : solid  #00afef;
}
.submit_serch:hover{
    float : left;
 background: url('../imge/search2.png') no-repeat  ;
  width: 38px; height: 28px;
  background-color :#000;  
border : solid  #000;
    }
    
    .res {
      float : right;
      width:100%;
      direction:rtl;
      FONT: bold 18px/28px  Almarai ; COLOR:#000;  
    }
          .res_reslt{
   
      FONT: bold 16px/48px  Almarai ; COLOR:#00afef;  
    }
       .res_Titl {
      float : right;  
      direction:rtl;
      FONT: bold 18px/34px  Almarai ; COLOR:#00afef;  
      width : 97%;
border-top: 0px ;
  border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 1px solid #00A5CE;

    }
    .res_Titl:hover{   FONT: bold 18px/34px  Almarai ; COLOR:#f1b129 ;  }
    .res_tr {
            direction:rtl;
      FONT: bold 18px/34px  Almarai ; COLOR:#fff;  
      width : 90%;
border-top: 0px ;
  border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #00A5CE;
 background-color: #00afef;  
    }
   .res_td {
        
       margin-right: auto;
      FONT: bold 14px/48px  Almarai ; COLOR:#00A5CE;  
border-top: 0px ;
  border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 1px solid #00A5CE;
 background-color: #;  
    }
    .res_dowm {
         direction:rtl;
             margin-right:0px;
             width:90%;
              background-color: ;  
      FONT: bold 14px/48px  Almarai ; COLOR:#0000ff;     
    }
    #font_Titl_s {
 MARGIN: 0px 1px 0px 0px; FONT:  10pt/15px  Almarai ;text-align: justify; COLOR:#000000;   TEXT-DECORATION: none
 }
#font_Titl_s:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold 10pt/14px  Almarai ;text-align: justify; COLOR:#000000;    TEXT-DECORATION: none
 }

 .social_ysar{
position : absolute;
width:46px;
height:90px;
top : 220px;
left: -45px;
}
.social_ymin{
position : absolute;
width:46px;
height:90px;
top : 220px;
right: -45px;
}
 .DV_facebook{
position: relative ;
top :14px;
width: 100%;
direction:rtl;
 border-width: 0px ;
}

.DV_ajax{
  top :-6px;
position :relative ;
width: 99.5%;
 height:80%;
float: center;
right:0px;
border : solid #ff0000;
border-width :  0px;
  overflow: hidden;
}

.DV_box{
top: 12px;
position : relative ;
width : 100%;
background:#;
border-top: 0px ;
  border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;

  
}
.UPdv_artical{
top :0px;
position: relative ;
background: url('../imge/Sam/');
background:#00afef ;
background-repeat: no-repeat;
direction:rtl;
width: 100%;
height :33px;
border-width:0px;
right:-1px;
 background-color: #00afef ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;
}
.DV_all_ysar{
position: relative ;
top:0px;
background: url('../imge/Sam/bk_titl.jpg') no-repeat ;
width: 99.7%;
direction:rtl;
 border-width: 0px ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0; 

}
.UP_artical{
  position: relative ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_artical{
top :10px;
position: relative ;
direction: rtl ;
width: 100%;
      overflow: hidden; 
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
}
.DV_namkuttab{
position: relative ;
width:100% ;
top :4px ;
float: right;
right :0px ;
 }
 .artical {
   top :0px ;
position :relative ;
direction: rtl ;
height :auto;
right:0px;
float: right;
width: 100%;
overflow: hidden;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
 }
   .artical2 {
   top :0px ;
position :relative ;
direction: rtl ;
height : 90px ;
right:0px;
float: left;
width: 100%;
overflow: hidden;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
 }
.DV_img_artcal{
 top :0px ;
position :relative ;
height : auto ;
right:0px;
float: left;
width: 30%;
}
.img_artcal{
    float: left;
 top :50px ;
 width:210px;
height :240px ;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;
 }
    img_artical {
   position: relative ;

background : url();
background-repeat:no-repeat;
height :auto;
width :86px;
float : left ;
margin: 5px 0px 5px 5px;     
 border: 1px solid #D7DBE8;
 }
 .img_artical2 {
   position: relative ;
top:-2px;
background : url();
background-repeat:no-repeat;
height : 80px ;
width :35%;
     margin: 5px 0px 5px 10px;   
float : right ;
 border: 1px solid #D7DBE8;
 }
  .artical5 {
   top :0px ;
position :relative ;
direction: rtl ;
right:2px;
float: right;
    height:auto;
width: 97%;
    border-bottom: 1px solid #D7DBE8;
 }
 .img_artical5 {
   position: relative ;
top:0px;
background-repeat:no-repeat;
height : 93px ;
width :86px;
float : right;
margin: 5px 0px 5px 10px;     
 border: 0px solid #D7DBE8;
  border-radius: 10%; /*  opera, IE9, */
 -webkit-border-radius: 10%;  /* safari , chrome */
  -moz-border-radius: 10%;  /* mozila */
 }
  .artical6 {
   top :0px ;
position :relative ;
direction: rtl ;
right:0px;
float: right;
    height:auto;
      margin: 5px 0px 0px 0px;  
      padding: 5px 10px 0px 10px;  
width: 93%;
border: 1px solid #00afef;
border-radius: 30px 0px 30px 0px;
 }
 .img_artical6 {
   position: relative ;
top:0px;
background-repeat:no-repeat;
height : 93px ;
width :86px;
float : left ;
 border: 0px solid #D7DBE8;
  border-radius: 50%; /*  opera, IE9, */
 -webkit-border-radius: 50%;  /* safari , chrome */
  -moz-border-radius: 50%;  /* mozila */
 }
 .img_artcal_Modl {
     float: left;
 top :0px ;
 width:140px;
height :150px ;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;    
 }
.DV_news{
position :relative ;
top:5px;
width: 98%;
height : 342px;
float: right;
 right:0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
  background: ;
 }
  
  .DV_showall{
top :0px;
right :0px;
position: relative ;
direction: rtl ;
width: 99%;
height:110%;
border-width:0px;
  background :#fff;
   overflow: hidden;
    border-bottom: 0px solid #00afef;  
}
.more_content {
position :absolute ;
background:#00afef;
bottom :5px;
width:40%;
height :33px;
margin:auto;
left:50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mzid {
background: url(../imge/Sam/) ;
 text-align:center;
MARGIN: 12px 1px 0px 0px; FONT: 14pt/30px Almarai ; COLOR:#fff; line-height: 10px; text-shadow: 1px 1px black,-0px -1px #003E77; TEXT-DECORATION:
}
.img_news{
  position: relative ;
top :6px ;
left : 10px ;
bottom :2 px ;
 width: 300px;
 height: 200px;
 border : solid  #fff;
border-width :  0px;
}
  .DV_wL{
   position: relative ;
   top:-4px;
   RIGHT:30px;
height : 160px ;
overflow: hidden;
 width:630px ;
 }
      .DV_imgnews{
position: relative ;
background : 
float: left;
right : 0px ;
 width: 100%;
 height:335PX;
 }
    .DV_news1{
position :relative ;
width: 99%;
height : 143px ;
float: right;
 right: 0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
  background: ;
 }
       .DV_imgnews1{
position: relative ;
background : url(../imge/Sam/bk_img_news1.png);
background-repeat:no-repeat;
float: right;
right : 0px ;
 width: 186px;
 height: 143px;
 }
.img_news1{
  position: relative ;
top :5px ;
right : 7px ;
left :2px ;
bottom :2 px ;
 width: 173px;
 height: 133px;
 border : solid  #fff;
border-width :  0px;
}
  
  .DV_news6{
position :relative ;
  top: 30px;
width: 99%;
height :30% ;
float: right;
 right: 0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
  background: ;
 }
 .DV_wL6{    
    width: 52%;
   padding-top: 20px;
    background: ;
    height:240px;
    float: right;
    overflow: hidden;
  }
 
       .DV_imgnews6{
position:absolute;
         padding-top: 20px;
background : 
float: left;
left : 1px ;
 width: 45%;
 height: 222px;
 }
  .img_news6{
  position: relative ;
top :0px ;
left :2px ;
bottom :2 px ;
 width: 100%;
 height: 220px;
 border : solid  #fff;
border-width :  0px;
}
.box3{
top:3px;
position:relative;
right:2px;
width: 100%;
 height :auto;
}
.adres_video_Dwon{
position: absolute ;
width: 100%;
height: 32px;
right :0px;
top: 12px;
FONT: bold 16pt/28px Almarai ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.DV_video{
position: relative ;
background: url(../imge/Sam/video.png) no-repeat ;
width: 100%;
height: 620px;
right :0px;
top: 0px;
}
/* قائمة الكمبيوتر */
  .DV_index_all{
position : relative ;
background:#;
top : 35px;
width : 100%;
max-width:1640px ; 
margin: auto;
} 
.DV_box_second {
    position : relative ;
    margin:auto;
    top:100px; 
    width:89%;
    height:auto;
    z-index:50;
	 border: 0px solid #00afef;

  }

.DV_index2 {
position :relative ;
  top :-50px;
direction: rtl ;
 right:٠0px;
float: right;
width: 95.9%;
height: auto;
 }
.ymin_index {
position : relative ;
width : 98.5%;
right: 39px;    
}    
 .DV_ysar{
position :absolute;
  top :107px;
float :left ;
left:0;
    z-index:50;
 height:100%; 
width :0%;
 overflow: hidden; 
 padding: 0px 10px 0px 5px;    
border: 0px solid #00afef;
border-radius: 30px 30px 30px 30px;
}

 .DV_ysar_Modl{
position :absolute;
  top :107px;
float :left ;
left:0;
    z-index:50;
 height:100%; 
width :0%;
 overflow: hidden; 
 padding: 0px 10px 0px 5px;    
border: 0px solid #00afef;
border-radius: 30px 30px 30px 30px;
}
     .DV_ysar_sub{
position :absolute;
  top :47px;
float :left ;
left:0;
    z-index:50;
 height:100%; 
width :0%;
 overflow: hidden; 
 padding: 0px 10px 0px 5px;    

}
 .DV_box2{
    position : relative ; 
margin:auto;
    top:0px;
    width :89%;
    height:auto;
  }
.DV_all {
position :relative ;
  top :110px;
direction: rtl ;
  height:;
margin:auto;
width:85%;
padding: 0px 0px 150px 0px;
 }
.DV_show_sub{
top :60px;
position: relative ;
direction: RTL ;
margin: 0px 7% 100px 0px ;    
width: 85%;
	 border: 1px solid #00afef;
     -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
}

    .budy_news_all{
  width : 92%;

  position: relative ;
 top: 0px; 
 direction: rtl;
MARGIN: 1px 40px 200px 0px; 
padding: 1px 1px 0px 0px;     
  color: var(--text);
FONT: 18px/38px Almarai ;
}
.img_content_sub {
right:0.9%;
	position: relative;  
	width: 98%;
	height:auto;
	max-width:100%;
	max-height:auto;
      border: 1px solid #00afef;

     -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 10px;
}
  .Box_index {
   position : relative;
   margin:auto;
    top:100px;
   width :100%;
   height:auto;

  overflow: hidden; 
  }
.fram_dwon_vedio {
top:-20px;    
 width: 100%;
height: 350px;   
}
 .wrapper{
       position: relative ;
         top: 80px;
     margin:0px 0px 0px 0px;
  padding: 0px 0px 120px 0px;
  width: 99.9%;
  height:auto;
}  
.DV_boxs{
  position: relative ;
  top: 10px;
	background: url(../imge/Sam/box.png) no-repeat ;
	width: 340px;
  height :330;
  overflow: hidden;
}
.Box_indx {position :relative ; top:140px; 	width: 100%;   height: 140%;}
.DV_content {
position: relative ;
direction:rtl;
width: 93%;
top: 10px;
right: 15px;
height :275px;
overflow: hidden;
}
.DV_boxs_arabia{
  position: relative ;
	background: #F3F3F3 ;
	top: 0px;
	width:100% ;
  height:100%;
  right: 0px;
    border-top: 2px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef;
}
.DV_content_arabia {
position: relative ;
direction:rtl;
width: 97%;
top: 0px;
right: 0px;
overflow: hidden;
}
.box3{
top:3px;
position:relative;
right:5px;
width: 235px;
 height :320PX;
}
.DV_content_arabia2 {
position:relative;
background: url(../imge//) no-repeat ;
background-color: #ECEDF0;
right:20px ;
top:0px;
width: 90%;
 height :100%;
  overflow: hidden;
    border-top: 0px solid #00afef;
  border-left: 2px solid #00afef;
  border-right: 2px solid #00afef;
  border-bottom: 0px solid #fff;
}
.DV_content_arabia3 {
position:relative;
background: url(../imge/Sam/) no-repeat ;
background-color: #ECEDF0;
float: left;
left:0px ;
top:0px;
width: 195px;
 height :220PX;
  overflow: hidden;
    border-top: 0px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 4px solid #00afef;
  border-bottom: 0px solid #fff;
}
 

 .DV_boxs_arabia{
   position:relative;
	top: 0px;
	width:100% ;
float:right;
    border-top: 2px solid #00afef;
}
.boxs_album{
      position: relative;
  height: 100%;

    direction: rtl;
    right: 0px;
    width: 100%;
    background:#ECEDF0 ;
}
.img_album { position: relative; z-index:1000;
    width:100%;
    height:100%;
}
.TD {
    position :relative ;
      width: 90%;
    float: right;
}
 .DV_boxs_arabia{
   position:relative;
	top: 0px;
	width:100% ;
float:right;
    border-top: 2px solid #00B2E1;
}
.TD {
    position :relative ;
      width: 90%;
    float: right;
}

  .boxs_all4 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
width: 99%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-left: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all7 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
width: 99%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-left: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all8 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
width: 100%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
 
    border-top: 1px solid #393978;
  border-left: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
  .boxs_4{
    position: relative;
  height: 100%;
  top:20px;
    float: right;
    direction: rtl;
    right: 20px;
    width: 30.7%;
    background: ;
    margin: 0px 0px 0px 20px;
   border-top: 1px solid #D7DBE1; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 18px solid #D7DBE1;
          -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  
}
.boxs_4:before{
    content: "";
    display:block;
    padding-top:100%;
}
   .Titl_box{
       position:absolute; 
        bottom:30px;
       right: 20px; width: 90%; 
  }
      .pic_box {
    display: block;
    width: 100%;
margin:auto;
  }
   .boxs_7{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 45.7%;
    background: ;
    margin: 30px 17px 14px 15px;
   border-top: 0px solid #bb0000; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_7:before{
    content: "";
    display:block;
    padding-top:80%;
}
  
 .boxs_8{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 45.7%;
    background: ;
    margin: 30px 17px 14px 15px;
   border-top: 0px solid #bb0000; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_8:before{
    content: "";
    display:block;
    padding-top:80%;
}


 .fram_callus {
  position: relative;
   direction:rtl;
  top:0px;
  width:100%;
  float: right;   
}
.call_us {
    top:30px;
     direction:rtl;
    position:relative;
 float:right;  
 width:80%;
}
.about_us{    position: relative;
    margin:120px auto 10px;
     direction: rtl;

    color: var(--text);
  width:70%;  
  height:auto; 
        border: 0px solid #00afef;
}
.abot_R {
    position : relative ;
    float:right;
    width:100%;
      padding:  7px 30px 0px 30px;
    FONT:  22px/40px  cairo; COLOR:#000;    
      border-bottom: 0px solid #808080;
}
.img_abot_L {
     position : relative ;
    float:left;
  
    width:20%;   
 height:220px;
 margin-right: 20px;
 margin-left:30px;
         border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #00afef;
}
.img_abot_R {
     position : relative ;
    float:right;
   margin-right: 0px;
 margin-left:20px;
  
    width:20%;   
 height:220px;
         border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #00afef;
}
.dv_eye{
        position: relative;
         float: right;
    right: 160px;
    width: 300px;
  height: 65px;
      margin: 21px 5px 5px 00px; 
    direction: rtl;
    background-color:;
     border-right: 0px solid ;
 }
 .icon_eye{
     background: url('../imge/Sam/') no-repeat   right; width:25px; height:25px; 
 float:right; margin:10px 15px 0px 10px; width: 80px; height:39px;
}
.log_ey1 { 
  float: right; padding:  14px 5px 0px 0px; FONT:  19px/14px  Harmattan; COLOR:;    
}
.log_ey2 { 
  float: right; padding:  14px 5px 0px 0px; FONT:  19px/14px  Harmattan; COLOR:;    
} 
 .img_Model {
     float: right;
     width:52%;
     height:300px;
       margin-left: 10px;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #00afef; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }

.twit_button  {
position:relative;
float: left;
left:5px;
top :10px;
width:auto ;
margin:auto;
background:#;
  border-top: 0px solid #D2D2D2;
  border-left:5px solid #e2e1e1;
  border-right:5px solid #e2e1e1;
  border-bottom: 0px solid #342C2C;
}
.pdf_print  {
position:relative;
top :5px;
float:left;
left:5px;
width:auto ;
margin:auto;
background:#;
  border-top: 0px solid #D2D2D2;
  border-left:5px solid #e2e1e1;
  border-right:5px solid #e2e1e1;
  border-bottom: 0px solid #342C2C;
}
.whatsapp { float:left; left:5px; top :10px;
 background: url('../imge/Sam/whatsapp.png') no-repeat   left; width:34px; height:34px; 
}
.pdf_print_img { float:left; left:5px; top :10px;
 background: url('../imge/Sam/print_icon.png') no-repeat   left; width:34px; height:34px; 
}
.pdf_icon { float:left; left:5px; top :10px;
 background: url('../imge/Sam/pdf_icon.png') no-repeat   left; width:46px; height:34px; }
.pdf_Dwn{ position:relative;  margin: 0px  40%; width: 50%; }

.pdf_print_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Sam/print_icon.png') no-repeat   left; width:34px; height:34px; 
} 
.pdf_icon_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Sam/pdf_icon.png') no-repeat   left; width:46px; height:34px; }
    
.hom_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Sam/home.png') no-repeat   left; width:34px; height:34px; 
} 


.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:100%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}


.ab{
margin: 0 auto;
  width: 50%;

 width:60%;   
font-size: 17px;
text-align: center;
font-weight: ;
line-height: 2.0em;
}
.Box_2_Sub {
 position:relative;
	top:10px;
	float: right;
    background: #00afef;
    color: #000;
    display: inline-block;
    top:-180px;
    right:0px;
    padding: 2%;
    border-radius: 10px 0 0 10px;
	font-size:14px
  border-top: 2px solid #fff;
  border-left:1px solid #000;
  border-right: 0px solid #D2D2D2;
  border-bottom: 0px solid #;
}
 .UP_comics{
  position: relative ;
background : url(.../imge/Sam/comics.png) no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.comics {
position: relative ;
top :7px;
margin-bottom:30px;
left: 0px;
width:100%;
height:80%;
}
.img_comics {
     width:99%;
     height:auto;
       margin-left: 1px;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #00afef; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.UP_issue{
  position: relative ;
background : url(.../imge/Sam/issue.png)no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .Issue {
position: relative ;
top :7px;
float :left ;
}
.dv_ysar5 {
bottom:2px;
position: absolute;
right :0px ;
height:auto;
margin:auto;
width: 100%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}  


.fotr {
  position : relative;
   top:0px;
       overflow: hidden; 
  width :100%;
 background-color:#00afef ;
 }
.footer_all{     z-index:50;
    padding: 0px 0px 0px 0px;
    position :relative;   
    top:0px;
 width:100%; 
 height:280px;
background-color:#00afef;
}
  .footer{
       position: relative;
   right: 0px;
   width: 23.5%;
 height: 100%;
     padding: 0px 0px 0px 10px; 
   float: right;
   direction: rtl;
   background-color:#00afef;
}
      .dv_listMil {margin: 80px; width: 80%}
  .logo_Dwon{
    position :relative;
    float:right;
right: 30px;
top :90px;  
background: url('../imge/sam/R_Down_Ar.png') no-repeat   left; width:260px; height:106px; 
 }
.logo_Dwon_ysar{
position :relative; z-index:100;
top :85px; 
float:left;
left: 70px;
background: url('../imge/sam/L_Down_Ar.png') no-repeat   left; width:150px; height:80px; 
}
   .Titl_fotr {
      margin:65px 5px 0px 0px;
   text-align:right;
     width:80%;
 height:30px;
     direction:rtl;
     FONT: bold 14px/28px  Almarai ; COLOR:#999;  
        border-bottom: px solid #294771; 
   }
.link_footer{
    float:right;
      margin:100px 0px 10px 0px;
   text-align:justify;
     width:80%;
        direction:rtl;
    margin: 0px 0px 0px 0px; 
     FONT:  10pt/28px Almarai; COLOR:#fff; 
}
.link_footer:hover{
       float:right;
      margin:40px 10px 10px 0px;
   text-align:justify;
     width:80%;
        direction:rtl;
    margin: 0px 0px 0px 0px; 
     FONT:  10pt/28px Almarai; COLOR:#fff; 
}  
.copy { top:0px;
    margin:auto;
      position :relative;
      direction: rtl; 
     
  width:100%;
}
.font_copy {
float:right;
right:35%;
      position :relative;
      direction: rtl; 
      align-items: center;
MARGIN: 6px 0px 0px 0px; FONT: bold 12px/28px  Almarai ;  COLOR:#fff;
}
.copy_img { 
 position :relative;
float:right;
right:35.2%;
  width:140px; height:40px; background: url('../imge/D-creaytive.png')  no-repeat; 
border-style:none;
    }
    #soc_smal_footr{
      font-size:18px;
       color: #fff;  
         padding:5px 10px;
     text-shadow: 1px 1px 2px #000; 
 }



.Box_insid_bordr{  
border: 1px solid #00afef; 
background: linear-gradient(to top, #f6fcff 3%, #d5f0fa 70%);
box-shadow: 0px 0px 0px #999;
   margin: 20px 0px 0px 20px;
       -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
}
    
  .Titl_secondary { position: relative; top:15px;
        margin:auto;
           FONT:  18px/26px  Almarai   ; text-align:center;  COLOR:#00BBFF; 
    font-weight:bold; text-shadow: 1px 1px 2px #000;     
    }
    .Titl_secondary:hover { 
        FONT:  18px/26px  Almarai ;  text-align:center; COLOR:#fff; 
    font-weight: bold; text-shadow: 0px 0px 0px #000;       
    } 
   
    /*  لتحميل المزيد للأسفل*/
        .ButtonMore {position : relative; z-index: 1000; 
        display: inline-block;
        top:10px;
        margin:auto;
        width: 14%; 
        height:40px;
        text-align: center; 
        right:42%;
  
 FONT: 13pt/2px Almarai ; COLOR:#7ad6f8; line-height: 10px; text-shadow: 1px 1px 1px #fff;
background: #daeff8;

   border-top: 0px solid #fff;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 0px solid #fff;
  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
    }
       /*  لتحميل المزيد للأسفل*/
        .ButtonMore_box { z-index: 10000; 
        display: inline-block;
        top:40px;
            margin: auto;
        padding:20px 0px 0px 0px;
        width: 14%; 
       right:42%;
        text-align: center;   
 FONT: 12pt/2px Almarai ; COLOR:#7ad6f8; line-height: 10px; text-shadow: 1px 1px 1px #fff;


   border: 0px solid #fff;
background: #f3f3f3;
  -moz-border-radius: 0px;  -webkit-border-radius: 0px; border-radius: 0px;
    } 
    #soc_smal_footr{
      font-size:18px;
       color: #fff;  
         padding:5px 10px;
     
     text-shadow: 1px 1px 2px #000; 
 }
}










/*  dv_link تابلت */

@media   (max-width: 1399px) { 
    
  .Dark {position:fixed; z-index:10000; top:20px; left:4%;
   flex-direction: row;
   justify-content: space-around;
 }
     .DV_link{
 position :fixed ;  z-index:1000; 
 float:right;  right:26.5%;
 background: url('') ;
 top : 25px ;
 width : 53%;
 height:auto;
 #link_main {z-index:1000; margin:0px 0px 0px 8px; font:  11.5pt/20px  Almarai; COLOR:#00afef; font-weight: bold; text-shadow: 1px 1px 2px #fff;}
 
 }
  .menulink{ z-index: 10000;
        position : relative;
   float: right;
   background: url('') ;
   height:14px;
   padding:0px 0px 15px 0px;
 MARGIN: 0px 1px 0px 0px;
      text-align:center;
      border-left: 0px solid #D0D0D0;
 }  
  .wrapper{
        position: relative ;
          top: 50px;
      margin:auto;
   padding: 0px 20px 0px 0px;
   width: 98.9%;
 
 } 
 .adres_video{
 position: relative ;
 width: 100%;
 height: 48px;
 right :0px;
 top: 55px;
 FONT: 12pt/22px Almarai ;text-align: center; COLOR:#f1b129; TEXT-DECORATION: none  ;
 background-color: #000;
 }
     .adres_video_index{
 position: absolute ;
 height: 48px;
 right :0px;
 top: -2px;
 width: 100%;
 height:40px;
 right :0px;
 border-radius: 15px 15px 0px 0px;
 FONT: 12pt/14px Almarai ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
 background-color:#00afef;
 }
       
 .boxs_all_pic {
    position:relative;
 background: url(../imge/sam/) no-repeat ;
 background-color: #f3f3f3;
  margin:auto; 
 margin-bottom:100px;
 right:0px ;
 top:0px; 
 width: 90%;
 padding: 20px 0px 40px 0px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
   overflow: hidden;
     border: 0px solid #393978;
     } 
         
 .boxs_pic{
     position: relative;
   height:auto;
     float: right;
     direction: rtl;
     right: 0%;
     width: 29.4%;
     background: ;
     margin:35px 2% 0px 10px;
    border: 0px solid #092533;
   -moz-border-radius: 0px;  -webkit-border-radius: 0px; border-radius: 0px;
 }
 .img_pic_index {
   position: relative;  
   
   height:auto;
   max-width:99%;
   max-height:auto;
       border: 0px solid #00afef;
 border-radius: 0px 0px 0px 0px;
 }  
         
 .boxs_all_ved {
    position:relative;
 background: url(../imge/sam/) no-repeat ;
 background-color: #f3f3f3;
  margin:auto;
 margin-bottom: 100px;
 right:0px ;
 top:0px; 
 width: 90%;
 padding: 20px 20px 40px 0px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
   overflow: hidden;
     border: 0px solid #393978;
     } 
         .boxs_ved{
     position: relative;
   height: 190px;
  float: right;
     direction: rtl;
     right: 0px;
     width: 27.4%;
     background:#ECEDF0 ;
     margin:20px 20px 10px 12px;
    border-top: 1px solid #00afef;
   border-left: 1px solid #00afef;
   border-right: 1px solid #00afef;
   border-bottom: 1px solid #00afef;
   -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
 }
         .ved_album{
     position: relative;
   height: 190px;
 margin:auto;
     direction: rtl;
     right: 0px;
     width: 100%;
     background:#ECEDF0 ;
    
    border-top: 1px solid #00afef;
   border-left: 1px solid #00afef;
   border-right: 1px solid #00afef;
   border-bottom: 1px solid #00afef;
   -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
 }
 
  .DV_all {
 position :relative ;
   top :110px;
 direction: rtl ;
   height:70%;
 margin:auto;
 width:99%;
 padding: 0px 0px 150px 0px;
  }
     
   .fotr {
    position : relative;
     top:0px;
         overflow: hidden; 
    width :100%;
   background-color:#00afef ;
   }
  .footer_all{     z-index:50;
      padding: 0px 0px 0px 0px;
      position :relative;   
      top:0px;
   width:100%; 
   height:280px;
 background-color:#00afef;
  }
    .footer{
         position: relative;
     right: 0px;
     width: 20.5%;
   height: 100%;
       padding: 0px 20px 0px 10px; 
     float: right;
     direction: rtl;
     background-color:#00afef;
  }
      .dv_listMil {margin:80px 0px 0px 20px; width: 80%}
    .logo_Dwon{
      position :relative;
      float:right;
 right: -30px;
  top :90px;  
 background: url('../imge/sam/R_Down_Ar.png') no-repeat   right; width:260px; height:106px; 
   }
 .logo_Dwon_ysar{
 position :relative; z-index:100;
 top :85px; 
 float:left;
 left: 70px;
 background: url('../imge/sam/L_Down_Ar.png') no-repeat   left; width:150px; height:80px; 
  }
     .Titl_fotr {
        margin:65px 5px 0px 0px;
     text-align:right;
       width:80%;
   height:30px;
       direction:rtl;
       FONT: bold 14px/28px  Almarai ; COLOR:#999;  
          border-bottom: px solid #294771; 
     }
 .link_footer{
      float:right;
     
     text-align:justify;
       width:100%;
          direction:rtl;
      margin: 0px 0px 0px 0px; 
       FONT:  10pt/28px Almarai; COLOR:#fff; 
 }
 .link_footer:hover{
         float:right;
        margin:40px 10px 10px 0px;
     text-align:justify;
       width:80%;
          direction:rtl;
      margin: 0px 0px 0px 0px; 
       FONT:  10pt/28px Almarai; COLOR:#fff; 
 }   
 .copy { top:0px;
     margin:auto;
       position :relative;
       direction: rtl; 
      
   width:100%;
 }
 .font_copy {
 float:right;
 right:20%;
       position :relative;
       direction: rtl; 
       align-items: center;
 MARGIN: 6px 0px 0px 0px; FONT: bold 12px/28px  Almarai ;  COLOR:#fff;
 }
 .copy_img { 
  position :relative;
 float:right;
 right:20.2%;
   width:140px; height:40px; background: url('../imge/D-creaytive.png')  no-repeat; 
 border-style:none;
     }
 #soc_smal_footr{
      font-size:18px;
       color: #fff;  
         padding:5px 5px;
     
     text-shadow: 1px 1px 2px #000; 
 }    
 }
 
 /*  dv_link موبايل */
 
 @media   (max-width: 960px) { 
     .DV_link{
 
 }
 .dropbtn {
   position: fixed; z-index:100; top: 14px;
  left:4px; 
   background-image: url(../imge/menu-nav2.png) ;
   width : 32px;
 height:28PX;
     color: white;
     padding: 0px;
     font-size: 16px;
     border: none;
     cursor: pointer;
 }
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
       top: 14px;
      float:left; 
      width:100%;
 }
 /* Change the background color of the dropdown button when the dropdown content is shown */
 .dropdown:hover .dropbtn {
      top: 14px;
  left:5px; 
  
  background-image: url(../imge/menu-nav.png) ;
 }
 /* Dropdown Content (Hidden by Default) القائمة النسدلة المخفية */
 .dropdown-content {
   margin-top: 75px;
   float:left; 
   left:1px;
     display: none;
     position: fixed;
    background: linear-gradient(to bottom, #ffffff 15%, #1a89ca 400%);
     width:60%;
     box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.7);
     z-index: 100;
 }
 /* Links inside the dropdown */
 .dropdown-content a {
    z-index:100; 
 
     color: black;
     padding: 12px 6px;
     text-decoration: rtl;
     text-align:center;
     display: block;
 }
 /* Change color of dropdown links on hover */
 .dropdown-content a:hover {background-color: #1a89ca}
 /* Show the dropdown menu on hover */
 .dropdown:hover .dropdown-content {
      top:  0px;
     display: block;
 }
 
 #mainmenu{
   display: block;
     width: 100%;
     float: left;
 }
 .li{
 }
 .menulink{
     z-index:100;
 float:none;
       box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);  
 }
 .menulink_active{
   }
 .menulink_visited {
 }
 .menulink a {
      
 }
 .menulink_active a {
 }
 .link_hove { font-family:  16pt/30px Almarai; COLOR:#032e5d; font-weight: bold; text-shadow: 1px 1px 2px #fff;}
 #link_main {font-family:  16pt/30px  Almarai; COLOR:#fff; font-weight: bold; text-shadow: 1px 1px 2px #000;}
 #link_main:hover { font-family:  16pt/30px  Almarai; COLOR:#000; font-weight: bold; 
 text-shadow: 1px 1px 2px #fff; 
 }
       
 }
 












/* موبايل */
@media   (max-width: 760px) { 
    
.Dark {position:fixed; z-index:100; top:11px; left:34px;
 

}


/* Nwe Serch */
.container {  margin: 2px 0px 10px 0px;
  position: relative;
  --size-button:24px;
}
.input {
  padding-left: var(--size-button);
  margin: -8px 0px 8px -2px;
line-height: 12px;
    width:0.1px;
  font-size: 16px;
  border: none;
  color: #00afef;
  outline: none;
  transition: all ease 0.3s;
backdrop-filter: blur(1px);
background-color: rgba(211, 211, 211, 0.6);
  box-shadow: 0.5px 0.5px 3px #, -1.5px -1.5px 3px rgb(95 94 94 / 25%), inset 0px 0px 0px #fff, inset 0px -0px 0px #;
  border-radius: 50px;
  cursor: pointer;
   background-image: url("../imge/Sam/");
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.input:focus,
.input:not(:invalid) {
  width: 80px; z-index:100;
  cursor: text;
  box-shadow: 0px 0px 0px #0e0e0e, 0px 0px 0px rgb(95 94 94 / 25%), inset 1.5px 1.5px 3px #0e0e0e, inset -1.5px -1.5px 1px #fff;
}

.input:focus + .icon,
.input:not(:invalid) + .icon {
  pointer-events: all;
  cursor: pointer;
}

.container .icon {
  position: absolute;
    color: #00afef;
  width:22px;
  height:22px;
  top: -1px;
  left: 1.5px;
  padding: 1px;
  
  pointer-events: none;
}

.container .icon svg {
  width: 100%;
  height: 100%;
  
}
/* fnish New Serch */




.social_upper{
position: fixed; z-index:100; top:20px; float:left; left:22%; width: 300px; height: 30px; }
/* كود وسائل التواصل العلوية جديد */
ul_social_up {
  position: absolute;
  margin: 0px auto 0px -5px;
  padding: ;
  display: flex;
  list-style: none;
  width: 60px;
  height: 25px;
}
/* تدرج لون خلفية زر مشاركة*/

ul_social_up li a {
  display: block;
    margin: 0px auto 0px 2px;
  width: 30px;
  height: 30px;
  line-height: 36px;
  text-align: center;
  background-color: #;
  color: #00afef;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.5s;
}



ul_social_up:hover li:nth-child(1) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.8s;
}

ul_social_up:hover li:nth-child(2) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.6s;
}

ul_social_up:hover li:nth-child(3) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.4s;
}

ul_social_up:hover li:nth-child(4) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.2s;
}

ul_social_up:hover li:nth-child(5) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}

ul_social_up:hover li:nth-child(6) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}
/* ينتهي كود   العلوية جديد  */
#soc_siz {
     font-size:20px;
      color: #fff;  
     float:left;
}
#soc2_siz { 
     font-size:30px;
      color: #00afef;  
      	padding:0px 0px 20px 60px;
    margin:auto; 
}
#soc_siz_smal{

     font-size:18px;
      color: #fff;  
      	padding:18px;
    margin:auto; 
       text-shadow: 1px 1px 2px #000; 
}
     
 /*.الخريطة التفاعلية */
      #co_menu{
    display: none;
  }
   /*.تنتهي الخريطة  */
    .Log_png {
    position :relative;
right:2px;
    width: 150px;
  float: right;}
.png{
    position: relative;
    float: right;
    top: 5px;
right :2px;
    width: 150px;
    height:70px;
}
.Titl_logo{
  position:fixed; z-index:100;
  float:right; 
  right: 102px;
  top:55px;
background: url('') ;
background-repeat: repeat-x;
font-family:  El Messiri ; font-size:0px  ;  color: #d3a018;  font-weight: bold; text-decoration: none;  direction: rtl;  text-shadow: 1px -1px 0 #625d4f; font-stretch: normal;
}#wowslider-container1 .ws-title{
	position: absolute;
 text-align:center;
margin:auto;
	color:#c02c38;
	bottom:5%;
	margin: 0 1.0em 1.5em 0;
	z-index: 100;
	 font: bold 20px/26px 'Almarai';   color: #fff; padding-right: 0px; font-weight: bold; text-decoration: rtl; direction: rtl;      text-shadow: 1px 1px 2px #5E7A9E,0 0 2px #5E7A9E;

     TEXT-DECORATION: none
	line-height: 0.0em;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
 text-align:center;
margin:auto;
width:90%;
	z-index: 0;
}

 .DV_up_head {
 position : fixed; z-index:100; left:-2px;
background: url('../imge/Sam/') ;
top :0px;
background-repeat: repeat-x;
width : 100.5%;
height:50px ;
border-width :  0px;

backdrop-filter: blur(4px);
background-color: rgba(211, 211, 211, 0.6);
box-shadow: 35px 35px 68px 30px rgba(211, 211, 211, 0.4), inset 0px 11px 28px 20px rgba(211, 211, 211, 0.1), inset -6px -6px 16px 0px    rgb(255, 255, 255);
 
}
 .DV_head{
position : relative ;
background: url('../imge/Sam/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:100px ;
border-width :  0px;
border-left: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;
    background-color: ;
}
 
.link_up{
  position:absolute;
  top: 2px;
  float: right;
  width:auto;
  height: 5px;
  padding:  5px 0px 0px 42px;
}
.font_link_up{
  FONT:  14px/20px Almarai;
  COLOR:#000;  
}
.link_up_li {
  padding:  5px 7px 0px 0px;  
  float: left;
  border-left: solid 0px #000;
 
  }
  .social {
  position: absolute; width: 285px; height: 57px; z-index: 1; left: 10px; top: 0px   ;
}
#buttons{ position:relative; top:0px; left:25%; width:769px;}
.social-icons{width:183px; height:1px; position:relative; top:0px;	right:25%;}
.social-icons a{ background:url(../imge/se/social-icons.png) no-repeat top right; width:32px; height:48px; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-left:5px; text-decoration:none !important; opacity:1;}
.social-icons .facebook-icon{background-position:-105px top}
.social-icons .youtube-icon{background-position:top left}
.social-icons .goodreads-icon{background-position:-70px top }
.social-icons .twitter-icon{background-position:-35px top; margin-left:0;}
.clear{
clear:both;
}
.links {
	position: relative;
	top:40px;
}
.fixd {
	position:fixed;
}
.Hom {
            position:relative;
  float: left; left: 10px;
    top: 10px;
 background:url(../imge/Sam/h.png) no-repeat; width:25px; height:30px ; 
}
.Hom_f { 
  float: right;
  padding:  8px 5px 0px 0px;
  FONT:  0px/20px cairo;
  COLOR:#fff; }
  /* .الجديد */

.under_logo{
  position:absolute;
  float:right; 
  right: 70px;
  top:30px;
  font-family: 'Almarai',sans-serif ; font-size:10px ;  color: #00afef; 
}
.png_logo {
    position :relative;
right: 70px;
 top :60px;
  }
.logo_web{
position : relative ;
right: 70px;
 top :65px;
  float: right;
background: url('') ;
background-repeat: repeat-x;
font-family: Almarai; font-size:17px ; margin: 2px 5px 5px 5px;  color: #000000; padding-right: 10px; font-weight: bold; text-decoration: none; display: block; direction: rtl; font-size-adjust: none; text-shadow: -1px -1px 0 #000; font-stretch: normal;
}
.date {
position:relative;
	float: left;
	top:-25px;
	padding:0px 0px 0px 0px;
}
.png_ysar{
position : relative ;
left : 0px;
 top :-15px;
  float: left;
background: url('../imge/Sam/') ;
width : 185px ;
height:100% ;
background-repeat: repeat-x;
}
.DV_lang{
position :absolute ;
top :25px;
  float: left;
  }
 .DV_index_all {
 position : relative ;
top : 15px;
    width: 100%;
    height:auto;
    margin:auto; 
    }
    .Dv_slid {

}
    .DV_box{
     position : relative ;
top: 20px;
margin:auto;
right:0px;
left:0px;
width : 100%;

}
    .DV_index2 {
position :relative ;
  top :0px;
direction: rtl ;

margin: auto;
width: auto;


 }
 .DV_box_second {
    position : relative ;   margin: auto; height: auto;
    top:20px;
    width :96%;
}

 .ymin_index {
position : relative ;
width : 100%; height: auto;
right:0px;
  margin:60px auto 0px;
 }
 .wrapper{ 
 position : relative;
 margin:100px auto 0px;
 padding:0px 0px 100px 0px;
     width :96%;
}

.DV_ysar{
position :relative;
margin :auto ;
width : 96%;
height:auto;
 padding: 0px 5px 0px 5px;  

}
    .DV_ysar_Modl{
position :relative;
padding-top:20px;
padding-bottom:10px;
margin :auto ;
width : 92%;
height:auto;
 padding: 0px 5px 0px 5px;  
overflow: hidden;
}
    .DV_ysar_sub{
position :relative;
padding-top:20px;
padding-bottom:10px;
margin :auto ;
width : 92%;
height:auto;
 padding: 0px 5px 0px 5px;  
overflow: hidden;
}

.DV_all {
      position :relative ;
    top:80px;
    width: 99%;
    margin: auto;
    height:auto;
    padding: 0px 0px 50px 0px;
  }
.DV_box2{
    position : relative ;
    margin: auto;
    top:45px;
    width :99%;
    height:auto;
  }
  
  /* box Mobile */

 .boxs_all2 {
   position:relative;
background: url(../imge/sam/) no-repeat ;

 margin: auto;

top:0px; 
width: 99.5%;
  overflow: hidden;
    border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef;
    }
  .boxs_2{
    position: relative;
  height:330px;
    top:25px;
    float: right;
    direction: rtl;
    right: 2px;
    width: 97.7%;
    background: ;
    margin: 0px 0px 25px 25px;
   border-top: 1px solid #D7DBE1;
  border-left: 2px solid #D7DBE1;
  border-right: 2px solid #D7DBE1;
  border-bottom: 1px solid #D7DBE1;
}
.boxs_2:before{
    content: "";
    display:block;
    padding-top:75%;
}
   .Titl_box2{
       position:absolute; 
       text-align: center;
        bottom:20px;
       right: 20px; width: 90%; 
  }
  .pic_box2 {
      left:8px;
    display: block;

  }
  .pic_boxes_2 {
    display: block;
    width: 100%;
    height:100%;
    float: none;
  }

.boxs_all4 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;

margin:auto;
right:0px ;
top:0px; 
width: 92%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-left: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all7 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;

    float: right;
right:0px ;
top:0px; 
width: 100%;
height:120%;
  overflow: hidden;
    border-top: 0px solid #00afef;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    }
      .boxs_all8 {
   position:relative;
background: url(../imge/Sam/) no-repeat ;

margin:auto;
top:0px; 
padding-bottom:30px;
width: 93%;
height:120%;
  overflow: hidden;
    border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    }
       .boxs_8{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
   margin:auto;
    direction: rtl;
    right: 3px;
    width: 95%;
    background: ;
    margin: 25px 5px 10px 15px;
   border-top: 0px solid #bb0000; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_8:before{
    content: "";
    display:block;
    padding-top:80%;
}
.boxs_4{
    position: relative;
  height: 100%;
  top:20px;
    float: right;
    direction: rtl;
    right: 5px;
    width: 97%;
    background: ;
    margin: 0px 0px 0px 20px;
   border-top: 1px solid #D7DBE1; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 0px solid #D7DBE1;
          -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.boxs_4:before{
    content: "";
    display:block;
    padding-top:100%;
}
   .Titl_box{
       position:absolute; 
       text-align: center;
        bottom:20px;
       right: 20px; width: 90%; 
  }
  .pic_box {
    display: block;
    width: 100%;
    height:100%;
    float: non;
  }
      .pic_box2{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
   .boxs_7{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 97%;
    background: ;
    margin: 25px 5px 10px 15px;
   border-top: 0px solid #bb0000; 
  border-left: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_7:before{
    content: "";
    display:block;
    padding-top:80%;
}

.img_content_sub {
	zoom: 1; 
	position: relative;
	width: 100%;
	height:auto;
	max-width:100%;
	max-height:auto;
      border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #00afef; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	padding:0px 0px 0px 0px;
}
.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:99%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}

.dv_ysar3 {
bottom:70px;
position: relative;
border :solid #000;

margin:auto;
width: 100%;
	padding:0.0em;

	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.DV_adv_up{
position :relative ;
top :0px;
left:30px;
float: left;
width: 100%;
border : solid #000;
border-width :  0px;
}
.DV_TitWord {
 float : ;
direction: rtl ;
}
.DV_adv_ajax{
position :relative ;
float :right ;
top :0px;
width : 99.8%;
height:100%
border : solid #000;
border-width :  0px;
}
.DV_word{
 position :relative ;
}
.word{
 position :relative ;
 top : 0px;
 background: url('../imge/Sam/ourwordA.png');
 right:0px;
  width : 100% ;
 height :206px;
overflow: hidden;
}
.DV_all2 {
float: center;
width: 100%;
 border-width: 0px;
 }
.div_2img {
position: relative ;
top :0px ;
right : 1px ;
left :1 px ;
bottom :1 px ;
 width: 185px;
 height: 145px;
 border : solid  #7F7F7F;
border-width :  1px;
}
.img_news{
  position: relative ;
top :6px ;
right : 28px ;
left :1 px ;
bottom :2 px ;
 width: 99%;
 height: 321px;
 border : solid  #fff;
border-width :  0px;
}
.UP_twitter {
position: relative ;
background : url(.../imge/Sam/twitter.png)no-repeat ;
  background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.DV_twitter{
position: relative ;
width: 100%;
background-repeat: repeat-x;
direction:rtl;
 border-width: 1px ;
}
.DV_facebook{
position: relative ;
top :14px;
width: 100%;
direction:rtl;
 border-width: 0px ;
}
.DV_all_ysar{
position: relative ;
top:10px;

width: 100%;
height:auto;
direction:rtl;
 border-width: 0px ;
  -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;

}
.UPdv_ysar_cont {
position: relative ;
top :0px;
direction: rtl ;
width: 100%;
border-width:0px;
}
.dv_ysar_cont {
top :0px;
right :0px ;
position: relative ;
direction: rtl ;
width: 100%;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
}
.dv_art_cont { 
float:right;
top :0px;
right :0px ;
position: relative ;
width: 100%;
   border-top: 0px solid #;
  border-left: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 0px solid #00afef;
}
 .UP_comics{
  position: relative ;
background : url(.../imge/Sam/comics.png) no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.comics {
position: relative ;
top :14px;
left: 0px;
width:100%;
height:auto;
}
.img_comics {
     width:99%;
     height:auto;
       margin-left: 1px;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #00afef; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.UP_issue{
  position: relative ;
background : url(.../imge/Sam/issue.png)no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .Issue {
position: relative ;
top :7px;
float :left ;
}
 .img_artical2 {
   position: relative ;
top:-2px;
background : url();
background-repeat:no-repeat;
height : 80px ;
width :35%;
float : right ;
 border: 1px solid #D7DBE8;
 }
  .artical6 {
   top :0px ;
position :relative ;
direction: rtl ;
right:10px;
float: right;
    height:auto;
width: 97%;
    border-bottom: 1px solid #D7DBE8;
 }
 .img_artical6 {
   position: relative ;
top:0px;
 border-radius: 50%; /*  opera, IE9, */
 -webkit-border-radius: 50%;  /* safari , chrome */
  -moz-border-radius: 50%;  /* mozila */
background-repeat:no-repeat;
height : 87px ;
width :80px;
float : left ;
 border: 0px solid #D7DBE8;
 }
 .UPdv_poll{
 top :0px;
position: relative ;
background: url('../imge/Sam/bk.gif');
background-repeat: no-repeat;
width: 100%;
height :33px;
border-width:0px;

 }
 .UP_poll{
  position: relative ;
background : url(.../imge/Sam/poll.png) no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_poll{
position :relative ;
height : 240px ;
direction: rtl ;
 }
.DV_social{
top :0px;
position: relative ;
width: 98%;
border-width:2px;
 border-width: 1px ;
}
.SUB-VEDIO {
POSITION:relative;
margin:auto;
 max-width:100%;
 width:90%;
height:auto;

}

.DV_SUB_VEDIO {
    position:relative;
float:right;
top :0px;
width:auto;
 padding: 0px 3.5px 0px 3.5px;
  margin: 2px;
background:#00afef;
  border-top: 0px solid #D2D2D2;
  border-left:1px solid #D2D2D2;
  border-right: 6px solid #D2D2D2;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #f1b129 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #f1b129;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #f1b129
}

  
 .fram_dwon_vedio {
 width: 100%;
}
.adres_video_Dwon{
position: absolute ;
width: 100%;
height: 32px;
right :0px;
top: 8px;
FONT: bold 16pt/28px Almarai  ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.break_fram {
	float: non;
    right :0PX;
background: url(../imge/Sam/) no-repeat ;
	width:11px;
	height:94px;
	padding:1px 0;
    }
    .DV_video{
background: url(../imge/Sam/) no-repeat ;
width: 100%;
height: 100%;
right :0px;
top: 0px;
}
    .video_dwon {
background: url(../imge/Sam/ ) no-repeat ;
  top : 5px;
position: relative ;
float :right;
width: 98%;
height: 150px;
}
.DV_ajax{
  top :6px;
}
.serch {
width:100%;
    top:-10px;
     height: 40px;
 	position: relative;
 	float:left;
 	left:-20px;
}
.input_serch {  	position: relative;     top:-24px;
width: 120px; height: 20px;
background-attachment: fixed;
 float : left;  left:36px;	
background-color :#;   
border-top: 1px solid #00afef;
  border-left: 0px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef; 
}
.submit_serch {
    top:25px;
float : left; 
 background: url('../imge/search2.png') no-repeat  ;
width: 38px; height:24px;
background-color :#00afef;   
border : solid  #00afef;
}
.submit_serch:hover{
    float : left;
 background: url('../imge/search2.png') no-repeat  ;
  width: 38px; height: 24px;
  background-color :#000;  
border : solid  #000;
    }
 .DV_news1{
   top:200px;
width: 99%;
height : 143px ;
float: non;
 right: 0px;
 }
.Titl_second_news{
    top:5px;
     height:50px;
    width: 100%;
  border-bottom: 4px solid #00afef;
  float:non;
}
  .DV_wL1 {    
    width: 100%;
    background: #00afef;
    height:0px;
    float: right;
    overflow: hidden;
  }
.UP_twitter {
background :;
  background-position:right ;
width: 99%;
height :31px;
}
.DV_twitter{
width: 100%;
background-repeat: repeat-x;
}
.UPDV_facebook{
background :  ;
  background-position:right ;
top :0px;
width: 99%;
height :31px;
}
.img_news_second5 {
    width:100%;
    height:auto;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 15px 15px 0 0;
}
.DV_artical{
       top :0px ;
position :relative ;
direction: rtl ;
width: 25%;
  border-bottom: 4px solid #000;
}
.UPdv_artical{
top :0px;
background: url('../imge/Sam/');
background-repeat: no-repeat;
width: 100%;
height :33px;
 background-color: #00afef ;
  background-color: #00afef ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;
}
.DV_namkuttab{
top :4px ;
float: right;
 }
 .artical {
     position :relative ;
   top :0px ;
float: right;
width: 100%;
  border-bottom: 1px solid #000;
 }
   .artical2 {
   top :0px ;
position :relative ;
direction: rtl ;
right:0px;
float: left;
width: 100%;
 }
.DV_img_artcal{
    float: left;
 top :0px ;
 width:180px;
height :250px ;
 }
.img_artcal{
    float: left;
 top :0px ;
 width:180px;
height :200px ;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;
 }
  .img_artcal_Modl {
     float: left;
 top :0px ;
 width:140px;
height :150px ;
     border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;    
 }
  .DV_asd_ysar {
    display: block;
    width: 100%;
    float: non;
  }
    .DV_showall{
top :0px;
right :2px;
position: relative ;
direction: rtl ;
width: 99%;
      height:auto;
overflow: hidden;
border-width:0px;
  background :#fff;
border-bottom: 0px solid #00afef;       
  
}
    .budy_news{
        top:-400px;
        position: relative ;
       margin:auto;
direction: rtl ;
  background-color: #eee;
  overflow: hidden;
        width : 0%;
        height:5px;
}
.budy_news_all{
width: 87%;
  position: relative ;
 top: 0px; 
 direction: rtl;
MARGIN: 1px 40px 200px 0px; 
padding: 1px 1px 0px 0px;     
  color: var(--text);
FONT: 18px/38px Almarai ;
}
.more_content {
position :relative ;

width: 60px;
height :38px;
left : -220px ;
}
.mzid {
    position :relative ;
    left:-200px;
}
.img_Model {
     width:97%;
     height:230px;
  border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #00afef; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
  .DV_asd_ymin {
    width: 100%;
    float: non;
  }
  .DV_adv_up {
 
    width: 100%;
    float: non;
  }
  .DV_adv_ajax {
    
    width: 100%;
    float: non;
  }
  .DV_wL {
    display: block;
    width: 100%;
    float: non;
  }
.DV_news{
        top:300px;
  position :relative ;
  width: 100%;
 top:60px;
float: non;
}
.img_news {
    display: block;
   top:6px;
    width: 100%;
    float: non;
  }
  .DV_imgnews1 {
    top:6px;
    width: 100%;
 
  }
  .img_news1 {
 width: 300px;
    float: non;
  }
  .dv_art_cont {
    display: block;
   
    width: 100%;
    float: non;
  }
  
  .UP_artical {
    display: block;
   
    width: 100%;
    float: non;
  }
  .img_artical {
    display: block;
   
    width: 100%;
    float: non;
  }
  .img_artical2 {
    display: block;
   height : 35% ;
    width: 25%;
    float: non;
  }

  .DV_content {
    display: block;
   
    width: 100%;
    float: non;
  }
  .box3 {
    display: block;
   
    width: 100%;
    float: non;
  }
  .DV_up_Topic2 {
    display: block;
   
    width: 100%;
    float: non;
  }
  .DV_Up_scene {
    display: block;
   
    width: 100%;
    float: non;
  }
  .UPdv_video {
   
    display: block;
   
    width: 100%;
    float: non;
  }
  .Div_ysar_video {
    display: block;
   
    width: 99%;
    float: non;
  }
  
.DV_content_arabia3 {
background: url(../imge/Sam/) no-repeat ;
background-color: #ECEDF0;
left:-10px ;
top:0px;
width: 100%;
}
 .DV_link{

}
.dropbtn {
  position: fixed; z-index:100; top: 14px;
 left:4px; 
	background-image: url(../imge/menu-nav2.png) ;
  width : 32px;
height:28PX;
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
      top: 4px;
     float:left; 
     width:100%;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
     top: 14px;
 left:5px; 
    background-color:;
 background-image: url(../imge/menu-nav.png) ;
}
/* Dropdown Content (Hidden by Default) القائمة النسدلة المخفية */
.dropdown-content {
  margin-top: 45px;
  float:left; 
  left:1px;
    display: none;
    position: fixed;
backdrop-filter: blur(3px);

background-color: rgba(0, 175, 239, 0.5);

border-radius: 0px;

box-shadow: 35px 35px 68px 0px rgba(29, 51, 96, 1), inset -12px -12px 16px 0px rgba(29, 51, 96, 1), inset 0px 11px 28px 0px rgb(255, 255, 255);
    width:56%;
    box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.7);
    z-index: 100;
}
/* Links inside the dropdown */
.dropdown-content a {
   z-index:100; 

    color: black;
    padding: 12px 6px;
    text-decoration: rtl;
    text-align:center;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #00afef}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
     top:  0px;
    display: block;
}

#mainmenu{
  display: block;
    width: 100%;
    float: left;
}
.li{
}
.menulink{
    z-index:100;
float:none;
	    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);  
}
.menulink_active{
	}
.menulink_visited {
}
.link_hove { font-family:  16pt/30px Almarai; COLOR:#032e5d; font-weight: bold; text-shadow: 1px 1px 2px #fff;}
#link_main {font-family:  16pt/30px  Almarai; COLOR:#fff; font-weight: bold; text-shadow: 1px 1px 2px #000;}
#link_main:hover { font-family:  16pt/30px Janna Regular; COLOR:#000; font-weight: bold; 
text-shadow: 1px 1px 2px #fff; 
}

  .Div_goog_L2 {
 float:none; top:10px; width:100%;
  }
  .social_ysar{
position : absolute;
width:100%;
top : 10px;
}
.social_ymin{
position : absolute;
width:100%;
top : 100px;
}
.about_us{    margin:120px auto 10px;
     direction: rtl;

    color: var(--text);
  width:90%;  
  height:auto;   
}
.abot_R {
    position : relative ;
     width:100%;
         color: var(--text);
      padding:  7px 10px 0px 10px;
    FONT:  22px/40px  cairo;    
      border-bottom: 0px solid #808080;
}
.img_abot_L {
     position : relative ;
    width:99%;   
 height:220px;
 margin-right: 0px;
 margin-left:0px;
         border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #00afef;
}
.img_abot_R {
     position : relative ;
 margin-right: 0px;
 margin-left:00px;
   width:99%;   
 height:220px;
         border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #00afef;
}
 .fram_callus {
  position: relative;
   direction:rtl;
  top:0px;
  width:97%;
 
}
.call_us {
    top:30px;
     direction:rtl;
    position:relative;
 width:97%;
}
  .dv_eye{
      top:-300px;
     float:  none;
 }
  .icon_eye{
     background: url('../imge/Sam/') no-repeat   right; width:25px; height:25px; 
 float:right; margin:-300px 15px 0px 10px; width: 50px; height:23px;
}
.log_ey1 { 
  float: right; padding:  px 5px 0px 0px; FONT:  1px/14px  Harmattan; COLOR:;    
}
.log_ey2 { 
  float: right; padding:  -300px 5px 0px 0px; FONT:  1px/14px  Harmattan; COLOR:;    
} 
 
.socialcon { z-index: 100;
top :-40px;
margin:auto;
position: relative ;
background: url('');
background-repeat: no-repeat;
direction:rtl;
width: 100%;
height :40px;
border-width:0px;
backdrop-filter: blur(6px);
background-color: rgba(0, 175, 239, 0.7);
 -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 0px 0px 10px 10px;
}
.twit_button  {
position:relative;
float:left;
left:5px;
top :8px;
width:auto ;
  margin: 0px 3px 3px 0px; 

}
.pdf_print  {
position:relative;
float:left;
right:-5px;
top :4px;
width:auto ;
margin:auto;
background:#;

}
.whatsapp { float:left; left:5px; top :10px;
 background: url('../imge/Sam/whatsapp.png') no-repeat   left; width:34px; height:34px; 
}
.pdf_print_img { float:right; right:5px; top :-14px;
     background: url('../imge/Sam/print_icon.png') no-repeat   left; width:30px; height:24px; }

 .pdf_icon { float:right; right:0px; top :-14px;
     background: url('../imge/Sam/pdf_icon.png') no-repeat   left; width:46px; height:24px; }
          
 
.pdf_Dwn{ position:relative; float:right; right:35%;   width: 200%; }

.pdf_print_img_dwn {float:right; top:0px; margin: 0%;z-index:100;
    background: url('../imge/Sam/print_icon.png') no-repeat   left; width:34px; height:34px; } 
      
.pdf_icon_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Sam/pdf_icon.png') no-repeat   left; width:46px; height:34px; }
 
.hom_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Sam/home.png') no-repeat   left; width:34px; height:34px; 
} 
.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:100%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}

.ab{
margin: 0 auto;
 width:85%;   
font-size: 17px;
text-align: center;
font-weight: ;
line-height: 2.0em;
}
.Box_2_Sub {
 position:relative;
	top:10px;
	float: right;
    background: #00afef;
    color: #000;
    display: inline-block;
    top:-180px;
    right:-8px;
    padding: 2%;
    border-radius: 10px 0 0 10px;
	font-size:14px
  border-top: 2px solid #fff;
  border-left:1px solid #000;
  border-right: 0px solid #D2D2D2;
  border-bottom: 0px solid #;
}

  .Box_index {
   position : relative;
    top:20px;
   width :100%;
   height:auto;
  background-color:# ;
  }
  .dv_ysar5 {
bottom:2px;
position: absolute;
right :0px ;
height:auto;
margin:auto;
width: 102%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.DV_show_sub{
top :0px;
margin:auto;
position: relative ;
direction: ltr ;
width: 98%;
border-width:0px;

}
.boxs_album{
    position: relative;
  height: 270px;
margin:auto;
    direction: rtl;
    right: 0px;
    width: 92.4%;
    background:#ECEDF0 ;
    margin:20px 20px 10px 12px;
   border-top: 1px solid #00afef;
  border-left: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-bottom: 1px solid #00afef;
  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
}
.img_album { position: relative; z-index:1000;
    width:100%;
    height:270px;
margin:auto;

}

.fotr {
  position : relative; margin: auto;
   top:0px;
       overflow: hidden; 
  width :100%;
    background-color:#00afef ;
 }
.footer_all{
    margin: auto;
    position :relative;   
    top:0px;
 width:100%; 
 height:1000px;
background-color:#00afef;
}
.footer{
       position: relative;
       top:50px;
  
   width:90%;
 height:auto;
     margin:auto; 

   background-color:#00afef;
}
     .dv_listMil {margin:100px 0px 0px 0px; width: 80%}
   .logo_Dwon{
    position :relative;
 margin:auto;
right:20px;
top :49px;  
background: url('../imge/sam/R_Down_Ar.png') no-repeat ; width:250px; height:195px;  
 }
.logo_Dwon_ysar{
position :relative;
top :65%; 
width: 100%;
margin:auto;
background: url('../imge/sam/') no-repeat   left; width:175px; height:175px;   
}
  .Titl_fotr {
             margin:100px 0px 0px 0px;
   float:right;
        text-align:right;
     width:80%;

     direction:rtl;
  FONT: bold 16px/28px  Almarai ; COLOR:#ddd;  
        border-bottom: px solid #030c37; 
 
   }
.link_footer{
       margin:0px 0px 0px 0px;
   float:right;
    text-align:justify;
     width:80%;
     direction:rtl;
     FONT: bold 14px/28px  Almarai ; COLOR:#fff;  
        border-bottom: px solid #fff; 
}
.link_footer:hover{
   margin:0px 0px 0px 0px;
   float:right;
    text-align:justify;
     width:80%;
     direction:rtl;
     FONT: bold 14px/28px  Almarai ; COLOR:#2a4e78;  
        border-bottom: px solid #fff; 
}    
.copy {top:40px; text-align: center;
   margin:auto;
     position :relative;
     background:#00afef;
}
  
.copy {top:0px; text-align: center;
    margin:auto;
      position :relative;
      background:#02adec;
}

.copy_img { 
margin:auto;
padding: -5px 0px 0px 0px;
  width:140px; height:40px; background: url('../imge/D-creaytive.png')  no-repeat; 
border-style:none;
    }
.font_copy { text-align: center;

      position :relative;
      direction: rtl; 
      align-items: center;
MARGIN: -40px 0px 0px 0px; FONT: bold 12px/28px  Almarai ;  COLOR:#fff;
}
     .font_box { 
 display: flex;
  align-items: center;
  justify-content: center;
      FONT:  17px/22px  Almarai ;  COLOR:#0492c6; 
    font-weight: bold; text-shadow: 1px 1px 2px #fff;  
    }
  .font_box:hover { 
      FONT:  17px/22px Almarai ;  text-align:center; COLOR:#000; 
    font-weight: bold; text-shadow: 1px 1px 2px #fff;  
    }
    
  .Titl_secondary {  
        margin:auto;
           FONT:  18px/26px  Almarai   ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 1px 1px 2px #fff;     
    }
    .Titl_secondary:hover { 
        FONT:  18px/26px  Almarai ;  text-align:center; COLOR:#00BBFF; 
    font-weight: bold; text-shadow: 0px 0px 0px #000;       
    }
    

    /*  لتحميل المزيد للأسفل*/
        .ButtonMore {position : relative; z-index: 1000; 
     display: inline-block;
        margin:10px 40% 0px;
        width: 14%; 
        height:40px;
        text-align: center; 

    padding:20px 0px 20px 0px;
 FONT: 16pt/20px Almarai ; COLOR:#7ad6f8; line-height: 10px; text-shadow: 0px 0px 0px #fff;
background: #daeff8;

  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
    }
       /*  لتحميل المزيد للأسفل*/
        .ButtonMore_box { position : relative; z-index: 10000; 
       
        display: inline-block;
        top:10px;
        padding:20px 0px 20px 0px;
        width: 14%; 
       left:42%;
        text-align: center;   
 FONT: 16pt/20px Almarai ; COLOR:#7ad6f8; line-height: 10px; text-shadow: 1px 1px 1px #fff;


   border: 0px solid #fff;
background: #f3f3f3;
  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;
    }
    

}