@charset "utf-8";
/* CSS Document */


@font-face {font-family:'Poppins'; src: url(Poppins-Light.ttf);}



body{ margin:0px auto; padding:0px auto;}
h1{width:100%; height:auto; float:center; margin:0px auto; padding:0px auto; xtext-align:left;  font-family:Arial, Helvetica, sans-serif;  font-size:54px; font-weight:700;   color:#085278; padding-bottom:24px;}
li{ line-height:45px;}


#main_container{xwidth:84%; width:1260px; max-width:1336px; height:auto; display:block; overflow:hidden; margin:0px auto; padding:0px auto; }


#header{width:84%;  min-width:938px; height:60px; float:center; margin:0px auto; padding:0px auto;  }
#title{width:auto; height:60px; float:left; font-family:'sim-arabic'; font-size:32px; font-weight:300; color:#06d0ac; text-align:left; line-height:60px;}
#navigator{width:auto; height:60px; float:right;  xmargin-left:16%;}
.nav_link{width:auto; height:60px; float:left;  line-height:66px; font-family:'Poppins'; font-size:18px; font-weight:300; color:#333;}
.nav_separator{width:70px; height:60px; float:left; }


#title_container{max-width:1260px;  width:100%;  height:auto; margin:0px auto; padding:0px auto; overflow:hidden; text-align:center;}
#mid_container{max-width:1260px;  width:100%;  height:auto; float:left;   text-align:center; }


#article_location{width:100%; height:30px; float:center; margin:0px auto; padding:0px auto;   
 font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:6px;   text-align:left; margin-top:50px;}

#xxxxxxxm_c_l_title_line{width:100%; height:auto; float:center; margin:0px auto; padding:0px auto; text-align:left;  font-family:Arial, Helvetica, sans-serif;  font-size:54px; font-weight:700;   color:#085278; padding-bottom:24px;}

.m_c_l_subtitle_line{width:100%; height:auto; float:center; margin:0px auto; padding:0px auto; text-align:left;  font-family:Arial, Helvetica, sans-serif;  font-size:38px; font-weight:700;   color:#555; line-height:48px;  padding-bottom:24px; padding-top:80px;}


.m_c_image_holder{width:100%; height:auto; float:left; padding-bottom:76px;}

/* #############################   M_C_RIGHT  ###################################   */
#m_c_right{ width: 420px; height:auto; margin:0px auto; padding:0px auto;   display:inline-block;  }
#m_c_right_list{ width: 420px; height:auto; margin:0px auto; padding:0px auto;   display:inline-block;  }
.m_c_right_main{width:300px; height:auto; xheight:1750px;  float:right;} 
.bottom_intro_block_space_left{width:100%; height:auto;    float:left; margin-left:0px; color:#000; margin-bottom:30px;} 
.bottom_intro_block_space{width:100%; height:auto;    float:left; margin-left:0px;  color:#000; display:none;} 
.bottom_intro_block_image{width:220px; height:auto;  float:left; margin-left:0px; }
.bottom_intro_block_text_holder{width:calc(100% - 240px); height:auto; margin:0px auto; padding:0px auto; float:right; margin-right:0px;  vertical-align:top; display:inline-block;}
.bottom_intro_block_title{width:100%; height:auto; float:left;  font-family:Arial, Helvetica, sans-serif;  font-size:22px; font-weight:300; text-align:left; line-height:30px;  padding-bottom:10px;}
.bottom_intro_block_texture{width:100%; height:auto; float:left;  font-size:15px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:300; text-align:left; line-height:24px;}
/*  */




/* #############################   ARTICLE BOTTOM INTRO LIST  ###################################   */

/*  */


#category_frame{width:300px; height:auto; float:right; padding-bottom:70px;} 
#category_header{width:94%; height:54px; float:left;  text-align:left; padding-left:6%; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; color:#556364;  line-height:56px; }
.category_btns{width:94%; height:44px; float:left; padding-left:6%; font-family:'Poppins'; font-size:20px; color:#444; line-height:46px; border-bottom:1px solid; border-bottom-color:#CCC;  text-align:left; }	 
.category_icon{width:45px; height:28px; float:left; margin-top:10px; opacity:50%;} 




#xxxxxxm_c_left{width: calc(99% - 420px); height: auto; margin:0px auto; padding:0px auto;   display:inline-block;  vertical-align:top; text-align:left; }
#m_c_left{width: calc(99% - 420px); height: auto; float:left;   display:inline-block;  vertical-align:top; text-align:left; }

#m_c_left_list{width: calc(99% - 420px); height: auto; margin:0px auto; padding:0px auto;   display:inline-block;  vertical-align:top; text-align:left; }


#writer_line{width:100%; height:auto; float:left; padding-bottom:7px;}
#article_author_holder{width:auto; height:50px; float:left;}
#article_author_left{width:50px; height:50px; float:left;    border-radius: 50%; display:inline-block;}
#article_author_right{width:auto; height:30px; float:left;  margin-top:14px; margin-left:14px;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; color:#333;}
#author_name{width:auto; height:20px; float:left; padding-right:15px;  line-height:20px;}
#date_published{width:auto; height:20px; float:left; border-left:1px solid; padding-left:20px;line-height:20px;}

#article_frame{width:100%; height:auto;  font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:18px; float:left; line-height:32px; color:#555; xmargin-top:30px; } 


#validation_message_wrapper{width:80%; height:auto; float:left; margin-left:10%;  margin-bottom:8px; margin-top:8px; }
#validation_result{width:99%; height:auto;  float:left;   margin-left:0px; font-family:Arial, Helvetica, sans-serif;}










/* #############################   FOOTER  ###################################   */

#footer_separator{width:90%; height:70px; margin:0px auto; padding:0px auto; float:center;  }

#footer{width:99%; height:auto;   margin:0px auto; padding:0px auto; float:center;}
#icon_holder_frame{width:100%; height:60px; margin:0px auto; padding:0px auto; float:center;   text-align:center;}
#icon_holder{width:180px; height:30px; margin:0px auto; padding:0px auto; float:center;}
.iconframe{width:30px; height:30px; float:left; border-radius: 50%; margin-left:0px; margin-left:20px;}

#blog_categories{width:80%; height:60px; margin:0px auto; padding:0px auto; float:center; text-align:center; font-family:'sim-arabic'; font-size:16px; font-weight:300; color:#333; border-bottom:1px solid; border-bottom-color:#ccc;}

#blog_categories_inner{width:874px; height:auto; margin:0px auto; padding:0px auto; float:center;  display:table;}
#blog_categories_inner_left{width:auto; height:auto; float:left;}
#blog_categories_inner_middle_left{width:auto; height:auto; float:left;}
#blog_categories_inner_middle{width:auto; height:auto; float:left;}
#blog_categories_inner_middle_right{width:auto; height:auto; float:left;}
#blog_categories_inner_right{width:auto; height:auto; float:left;}

#footer_inner_mid{width:80%; height:auto; margin:0px auto; padding:0px auto;   padding-top:40px; padding-left:120px;}

#footer_inner_header{width:94%;  height:70px; margin:0px auto; padding:0px auto; float:left; font-family:'sim-arabic'; font-size:32px; font-weight:700;  color:#0dbfd0;  text-align:left; line-height:26px; }

.footer_inner{width:33%; height:auto; margin:0px auto; padding:0px auto; float:center;   display:inline-block; vertical-align:top;  }
                 

.footer_headers{width:80%; height:40px; margin:0px auto; padding:0px auto; float:center; font-family:'sim-arabic'; font-size:22px; font-weight:700; color:#2a3c3d;  xcolor:#777; text-align:left; line-height:26px;  }
.footer_content{width:80%; height:auto; margin:0px auto; padding:0px auto; float:center; font-family:'sim-arabic'; font-size:18px; font-weight:300; color:#666;  xcolor:#888; text-align:left;}

.txt_box_title{width:60%; height:20px; text-align:left; float:left; margin-left:10%; font-family:Arial, Helvetica, sans-serif; line-height:14px; margin-top:20px;}
.txt_box_frame{width:220px; height:42px; float:left; margin-left:10%; border:1px solid; border-color:#ccc; margin-top:4px; }
#txt_box_frame_outer{width:100%; height:auto; float:left;}


#footer_separator_inner_bottom{width:100%; height:70px; margin:0px auto; padding:0px auto;}
 
#footer_inner_bottom{width:100%; height:160px; margin:0px auto; padding:0px auto; float:center;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; padding-top:40px; background-color:#0dbfd0;} 
 
#footer_inner_bottom_upper{width:857px; height:20px; margin:0px auto; padding:0px auto; text-align:center;  color:#fff; padding-top:45px;}
#f_i_b_upper_left{width:auto; height:30px; float:left;}
#f_i_b_upper_mid{width:auto; height:30px; float:left;}
#f_i_b_upper_right{width:auto; height:30px; float:left; margin-left:36px;}

#footer_inner_bottom_lower{width:100%; height:20px; margin:0px auto; padding:0px auto; text-align:center;  font-size:11px; color:#fff; padding-top:30px; background-color:#0dbfd0;}
 

.subscriber_data{width:214px; height:40px; float:left; border:none; font-size:16px; padding-left:4px; color:#666; }

#validation_msg_wrapper{width:100%; height:50px; float:left; margin-bottom:8px;}

 
#sub_btn{width:110px; height:40px; float:left;  margin-left:10%; margin-top:16px; font-weight:700; font-size:15px; color:#FFF; line-height:42px; font-family:Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;  background-color:#0dbfd0; } 
 










/*###############################    ARTICLE ADVERTISEMENT FRAMES  ################################# */


.content_ad_outer{width:99%; height:auto; float:left;  text-align:center; margin-top:70px;}
.content_ad_1{width:auto;  height:auto; margin:0px auto; padding:0px auto; float:center; }
.content_ad_2{width:auto;  height:auto; margin:0px auto; padding:0px auto; float:center; }
.content_ad_3{width:auto;  height:auto; margin:0px auto; padding:0px auto; float:center; }
.right_ad_1{width:300px;  height:auto; margin:0px auto; padding:0px auto; float:none; margin-right:0px; padding-bottom:30px;}
.right_ad_2{width:300px;  height:600px; margin:0px auto; padding:0px auto; float:none; margin-right:0px; padding-bottom:30px;}
.right_ad_3{width:300px;  height:auto; margin:0px auto; padding:0px auto; float:none; margin-right:0px; padding-bottom:30px;}
/*     */






/*###############################    INDEX.PHP   ################################# */
#blog_category_title{width:800px; height:auto; float:left;   margin-top:30px; text-align:left; margin-top:70px;}
#blog_category_title_top{width:100%; height:58px; float:left; border-bottom:1px solid; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#333; }
#blog_category_title_bottom{width:100%; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:6px; }

.intro_block{width:800px; height:auto; float:left;  text-align:left; margin-top:110px;}
.xintro_image{width:320px; height:215px; float:left;}
.intro_image{width:auto; height:215px; float:left;}

.intro_thumbnail{width: 100%; height: 100%; object-fit: contain;}


.intro_title{width:444px; height:56px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; color:#2a3c3d; xmargin-top:-6px; }
.intro_date_frame{width:444px; height:16px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; margin-top:5px; xcolor:#C06; color:#06C;;  }

.date_frame_left{width:auto; height:16px; float:left;}
.date_frame_right{width:auto; height:16px; float:left;}







.intro_texture{width:444px; height:auto; float:right;  xmargin-top:6px;}





.intro_texture_top{width:100%; height:72px; float:left;  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300; margin-top:4px; line-height:24px; color:#666;}

.i_t_link_holder_outer{width:100%; height:50px; float:left; margin-top:12px;}

.i_t_author_left{width:50px; height:50px; float:left; border-radius: 50%; display:inline-block; }
.i_t_author_right{width:98px;  height:38px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#333;  margin-top:8px;  margin-left:10px; }


.i_t_category_left{width:50px; height:50px; float:left; border-radius: 50%; display:inline-block; }
.i_t_category_right{width:98px; height:38px; float:left;    font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#346C8D; margin-top:8px; margin-left:10px;}


.i_t_article_left{width:50px; height:50px; float:left; border-radius: 50%; display:inline-block; }
.i_t_article_right{width:auto; height:38px; float:left;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#0CF; margin-top:8px;  margin-left:10px; }


#intro_list_separator{width:100%; height:100px; float:left;}
.bottom_intro_list_title{width:100%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:32px; padding-bottom:42px; text-align:left;  }
.bottom_intro_list_title_right{width:100%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:32px; padding-bottom:32px; text-align:left; display:none; }


#bottom_intro_list_main{width:100%; height:auto; float:left;   display:block; margin-bottom:30px;}


/*     */


/* #############################   BOTTOM NAVIGATOR  ###################################   */
#xnavigator_separator{width:90%; height:96px; margin:0px auto; padding:0px auto; float:none;}
#navigator_frame_outer{width:88%; height:100px; margin:0px auto; padding:0px auto; text-align:center;  Xmargin-left:calc((100vw - 90%)/2);}
#navigator_frame{width:486px; height:50px; margin:0px auto; padding:0px auto; float:center;}

.link_btns{width:30px; height:30px; float:left;}

.navigator_btns{width:44px; height:44px;  border-radius: 50%; float:left; margin-left:44px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 36px;  font-family:'Questrial';  font-weight:700;  font-size:22px;  line-height:44px;  color:#aaa;}




.navigator_btns:hover{color:#fff; box-shadow: none;}

.navigator_btns a:link{ text-decoration:none; color:#aaa;}
.navigator_btns a:hover{ text-decoration:none; color:#aaa;}
.navigator_btns a:visited{ text-decoration:none; color:#aaa;}
/*     */


#footer_frame{width:100%; margin:0px auto; padding:0px auto;}

@media screen and (max-width: 1445px) {
#title_container{width:1220px;}

#main_container{width:1220px;}
#mid_container{width:100%;}
#m_c_left_list{width:860px;  margin-left:-5px; }
#m_c_right_list{width:350px;   float:right;}
#xnavigator_separator{ float:left;}
#xfooter_separator{width:90%; height:70px; float:left;}
#footer_frame{width:1220px;}
#footer_inner_mid{width:1170px; padding-left:50px;}
}


@media screen and (max-width: 1390px) {
	
	
.content_ad_1{ display:none;}	
#main_container{width:1220px;}
#m_c_right_list{width:350px;}
#mid_container{xwidth:99%;}
#m_c_left_list{width: calc(99% - 350px);}
.bottom_intro_list_title{ display:none;}
 }

@media screen and (max-width: 1290px) {
#main_container{width:1220px; }
#mid_container{width:100%; }

#m_c_right{width:324px; float:right;}
#m_c_left{width: calc(99% - 344px); float:left; margin-left:0px; }
#m_c_right_list{width:322px;}
#m_c_left_list{width: calc(99% - 302px); }
}

@media screen and (max-width: 1260px) {
#main_container{width:900px;}
#mid_container{width:100%;}
#title_container{width:900px;}
 
#footer_frame{width:100%; margin:0px auto; padding:0px auto; float:left;}
#footer_inner_mid{width:90%;}

#blog_category_title{width:98%;}

.intro_block{width:100%; xmargin-left:calc((100% - 800px)/2)}
.intro_image{width:auto; height:216px; margin-left:0px;} 
.intro_thumbnail{width: 100%; height: 100%;  object-fit: contain; float:left;}
.intro_title{width:544px;}
.intro_date_frame{width:544px;}

.intro_texture{width:544px; xpadding-left:10px; margin-left:0px; vertical-align:top;}
.i_t_author_right{width:19%;}
 
#bottom_intro_list_main{ xdisplay:none;}
.bottom_intro_list_title{xdisplay:none;}
.bottom_intro_list_title_right{display:block; padding-bottom:32px; margin-top:70px;}
#intro_list_separator{ height:0px;}
	
#blog_categories{width:100%; height:110px;}
#blog_categories_inner{width:100%; height:auto;}
#blog_categories_inner_left{width:100%; height:32px;}
#blog_categories_inner_middle_left{display:none;}
#blog_categories_inner_middle{width:100%; height:32px;}
#blog_categories_inner_middle_right{display:none;}
#blog_categories_inner_right{width:100%;}

#navigator{display:none;}
#m_c_left_list{width:100%; margin-left:0px;}
#m_c_right_list{width:100%; }
#m_c_left{width:100%;}
#m_c_right{width:100%;}
#article_frame{width:100%; float:left; xmargin-left:calc((94vw - 760px)/2);}
	
.footer_inner{width: 80%; margin:0px auto; padding:0px auto; float:none; display:block; vertical-align:none; margin-top:40px; }
#category_frame{display:none;}
	 
#footer_inner_header{width:100%; height:auto;}
#footer_inner_bottom_upper{width:100%; height:auto;}
.txt_box_title{width:60%; height:auto; text-align:left; margin:0px auto; padding:0px auto; float:none; margin-left:10%; margin-top:20px;}
.txt_box_frame{width:220px; height:42px; margin:0px auto; padding:0px auto; float:none; margin-left:10%; border:1px solid; border-color:#ccc; margin-top:7px; }
	
#f_i_b_upper_left{width:100%;  margin:0px auto; padding:0px auto; float:none;}
#f_i_b_upper_mid{width:100%;  xmargin-left:0px; margin:0px auto; padding:0px auto; float:none;}
#f_i_b_upper_right{width:100%;  xmargin-left:0px; margin:0px auto; padding:0px auto; float:none;}
#article_location{width:98%; float:left; }
	
#validation_message_wrapper{width:80%; height:auto; margin:0px auto; padding:0px auto; float:none;  margin-bottom:8px; margin-top:12px;}
#validation_result{width:94%; height:auto;  margin:0px auto; padding:0px auto; float:none; margin-left:0px; }
#sub_btn{ margin:0px auto; padding:0px auto; float:none; margin-left:10%;    margin-top:24px;}
	
#footer_inner_bottom_lower{ margin-top:30px;}
	
.bottom_intro_block_space_left{ display:none;} 
	
.m_c_right_main{width:760px; height:auto;  float:left; margin-left:calc((94vw - 760px)/2);  }
.bottom_intro_block_space{display:inline-block; height:auto;  float:none;}
.bottom_intro_block_image{width:220px; height:auto;}
.bottom_intro_block_text_holder{height:auto;}

.right_ad_1{ margin:0px auto; padding:0px auto; float:none; vertical-align:none; margin-top:30px; }
.right_ad_2{ margin:0px auto; padding:0px auto; float:none; vertical-align:none; }
}

@media screen and (max-width: 960px) {
 #main_container{width:780px;}
#m_c_left_list{width:100%; margin-left:0px;  }
#mid_container{width:100%; }
#title_container{width:780px;}

.intro_block{width:100%; height:auto; margin:0px auto; padding:0px auto; float:none; display:inline-block; margin-top:110px; }
.intro_image{width:34%; height:auto; float:left;}
.intro_thumbnail{width:100%; height:auto;   object-fit:contain; margin-top:0px; float:left;}
.intro_texture{width:482px;}
.intro_texture_top{font-size:14px; line-height:20px;}
.i_t_link_holder_outer{ margin-top:0px;}
.intro_title{width:62%; height:auto; padding-left:4%; font-size:18px;}
.intro_date_frame{width:62%; padding-left:4%;}
.i_t_author_right{width:98px;}
}

@media screen and (max-width: 810px) {
#main_container{width:96%;}	
#mid_container{width:100%; }
#title_container{width:96%;}

.intro_title{width:72%; height:auto;  padding-left:0%; font-size:22px;}
.intro_date_frame{width:72%; padding-left:0%; margin-top:12px;}
.intro_image{width:24%; height:auto; float:left;}
.intro_texture{width:100%;  }
.intro_texture_top{ height:auto; font-size:16px; line-height:22px; margin-top:10px;}
.i_t_link_holder_outer{ margin-top:10px;}
}


@media screen and (max-width:690px) {
#title_container{width:96%;}

.bottom_intro_block_image{ display:none;}
.bottom_intro_block_text_holder{width:100%;}
#navigator_frame{width:auto; overflow:hidden; display:inline-block; margin-right:9%;}
.navigator_btns{width:34px; height:34px; font-size:18px; line-height:34px; margin-left:34px;}
.xnavigator_btns{width:44px; height:44px;  border-radius: 50%; float:left; margin-left:44px;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 36px;  font-family:'Questrial';  font-weight:700;  font-size:22px;  line-height:44px;  color:#aaa;}

}

@media screen and (max-width:540px) {
.footer_inner{width:88%; margin-left:0px;}
#footer_inner_header{height:70px; float:left;  }
.footer_headers{width:100%; float:left;}
.footer_content{width:100%;}
#mid_container{width:100%;}
.intro_image{ display:none;}
.intro_title{width:100%; }
.intro_date_frame{width:100%;}
.i_t_author_left{display:none;}
.i_t_author_right{display:none;}
#footer_inner_mid{width:86%;}

.txt_box_title{margin-left:0%; }
.txt_box_frame{ margin-left:0%;}
#sub_btn{ margin-left:0%;}
}