@font-face {

    font-family: 'ge_ssbold';

    src: url('GESS/gesstextbold-bold.woff2') format('woff2'),

         url('GESS/gesstextbold-bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ge_sslight';

    src: url('GESS/gesstextlight-light.woff2') format('woff2'),

         url('GESS/gesstextlight-light.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ge_ssmedium';

    src: url('GESS/gesstextmedium-medium.woff2') format('woff2'),

         url('GESS/gesstextmedium-medium.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



html, body {

	margin:0;

	padding:0;

	min-height:100%;

	font-family: 'ge_sslight';

	font-size: 20px;

	line-height: 25px;

	direction: rtl;

	text-align: right;

	color:gray;

	

}



b, strong{

	font-family: 'ge_ssbold';

}





h1, h2, h3, h4, h5, h6 {

	font-weight:300;

	margin:0;

	font-family: inherit;

	font-size: inherit;

	margin:10px 0;

}



 

p{

   font-size: 1em;

   line-height: 1.35em;

}





h1 {

   font-size: 2.8em;

   line-height: 1em;

}

 

h2 {

   font-size: 2.4em;

   line-height: 1em;

}



h3 {

   font-size: 2em;

   line-height: 1em;

}



h4 {

   font-size: 1.8em;

   line-height: 1em;

}



h5 {

   font-size: 1.4em;

   line-height: 1em;

}



h6 {

   font-size: 1em;

   line-height: 1em;

}





a {

	color: #2f8b3c;

	text-decoration:none;

	transition:0.8s;

	-webkit-transition:0.8s;

	-moz-transition:0.8s;

	-o-transition:0.8s;

}



a:hover {

	color:#34bf48;

}



.lgrey-bg{

	background: rgba(0,0,0,.1);

}



.title{

	display: inline-block;

	position: relative;

	padding-right: 20px;

	box-sizing: border-box;

}



.title::before{

	position: absolute;

    right: 0;

    top: 50%;

    margin-top: -1px;

    width: 10px;

    height: 10px;

    background: #2f8b3c;

    content: "";

}



::-moz-selection { background: #f00; color: #fff; }

::selection { background: #f00; color: #fff; }



header{

	width:100%;

	position:relative;

	padding:0;

}



nav, menu{

	margin: 0;

	padding: 10px 0;

}







header ul li{

	float: right;

}

.social  li{

float:left;

}

header menu ul li{

	position: relative;

	margin-left: 5px;
	}



header ul li a{

	display: block;

	line-height: 48px;

	text-align: center;

    cursor: pointer;

	text-transform: uppercase;

	font-family: 'ge_ssmedium';

	font-size: 1.1em;

	color: #989898;

	position: relative;
	padding: 10px;

}

header ul li a:hover{

	color: #FFFFFF;
	background-color: #58a263;

}

header ul li a.active{

	color: #FFFFFF;
	background-color: #378f44;

}

.editorlist  h4

{

	color: #2f8b3c;

}

header ul li a.active::after{

	position: absolute;

	right: 0;

	top: 100%;

	margin-top: -10px;

	width: 15px;

	height: 2px;

	background: #2f8b3c;

	content: "";

}



.ddm{

	position: absolute;

	top: 100%;

	left: 0;

	padding: 10px;

	background: #fff;

	min-width: 180px;

	display: none;

}



.ddm li a{

	padding: 5px 0;

	line-height: 30px;

}



header .social{

	float: left;

	padding: 30px 0;

	font-size: .9em;

}



header .social li a{

	display: block;

	color: #24572a;

	padding: 5px;

}



header .logo{

	padding: 0;

}



header .logo img{

    max-height: 150px;


}



.contact-info

{

	font-family:Arial, Helvetica, sans-serif

}

.contact-info p

{

	padding-bottom:0;

	margin-bottom:0;

	line-height: 1.5rem !important;

}

.font-arial

{

	font-family:Arial, Helvetica, sans-serif

}

.font-16

{

	font-size:16px;

}

.trigger{

	width: 40px;

	height: 40px;



	position: absolute;

	top: 35px;

	right: 20px;

	z-index: 9999;

	display: none;



}



.trigger > div{

	position: relative;

}



.trigger > div > span{

	position: absolute;

	height: 2px;

	width:60%;

	margin:0 20%;

	background: #24572a;

	top:12px;



	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;



	transition:.7s;

	-moz-transition:.7s;

	-webkit-transition:.7s;

}



.trigger > div > span:nth-child(2){

	top:19px;

}



.trigger > div > span:nth-child(3){

	top:27px;

}



.trigger > div.close > span:nth-child(1){

	-ms-transform: rotate(45deg); /* IE 9 */

	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

	transform: rotate(45deg);

	top: 19px;

}



.trigger > div.close > span:nth-child(2){

	display: none;

}



.trigger > div.close > span:nth-child(3){

	-ms-transform: rotate(-45deg); /* IE 9 */

	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */

	transform: rotate(-45deg);

	top: 19px;

}



.trigger, .sitewrapper{

	transition:.7s;

	-moz-transition:.7s;

	-webkit-transition:.7s;

}

menu{



	

		-moz-transition: all 0.7s ease-out;

	-webkit-transition: all 0.7s ease-out;

	-o-transition: all 0.7s ease-out;

	transition: all 0.7s ease-out;

}

.slided menu{

	-ms-transform: translate(-105%,0); /* IE 9 */

	-webkit-transform: translate(-105%,0); /* Safari */

	transform: translate(-105%,0); /* Standard syntax */

}









/* END OF HEADER STYLING FOR WEB*/



#overlay{

  position: fixed;

  z-index: 99999;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #2f8b3c;

  transition: 1s 0.4s;

  width: 100%;

  height: 100%;

  font-size: 2em;

}



#overlay > div{

  text-align: center;

  display: table;

  width:100%;

  height: 100%;

}



#overlay > div > div{

  vertical-align: middle;

  display: table-cell;

}



#overlay .linewidth {

    width: 100px;

    margin: 0 auto;

}



#overlay #progstat {

    font-size: 1.8em;

    line-height: 1.4em;

    color: #fff;

    font-weight: 700;

}



#progress {

    height: 1px;

    background: #000;

}



.master-slider{

	direction: ltr;

}



.master-slider .ms-layer{

	position: absolute;

	right: 70px;

	height: 100%;

	width: 300px;

	max-width: 40%;

	padding: 20px;

	box-sizing: border-box;

	background: rgba(47,139,60,.8);

	color: #fff;

	direction: rtl;

	font-size: .9em;

	line-height: 1.1em;

}



.master-slider .ms-layer .txt-edit{

	text-align: justify;

}



.ms-skin-default .ms-nav-next {

	right: -5px !important;

}



.ms-skin-default .ms-nav-prev{

	left: -5px !important;

}



a.readmore{

	display: inline-block;

	background: rgba(47,139,60,1);

	color: #fff;

	padding: 10px 15px;

	box-sizing: border-box;

	text-align: center;

}





.play {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../img/vid.png) no-repeat center center;

}



.gallery_relative

{

	position:relative;

}



.typewriter

{

	direction:ltr

}

/* DEMO-SPECIFIC STYLES */

.typewriter div {

color: #24572a;

    font-family: monospace;

    overflow: hidden;

    border-right: .15em solid #24572a;

    white-space: nowrap;

        margin: 40px auto;

    letter-spacing: .1em;

    animation: typing 5s steps(30, end) infinite,

 blink-caret .5s step-end infinite;

    text-align: left;

    font-size: 20px;

	font-weight:bold

}





@keyframes typing {

  0% { width: 0 }

  15% { width: 100% }

  85% { width: 100% }

  100% { width: 0 }

}





@keyframes blink-caret {

  from, to { border-color: transparent }

  50% { border-color: #2f8b3c }

}





.news-holder {

    height: 40px;

    padding: 0 20px;

    background: #2f8b3c;

    position: relative;

    overflow: hidden;

    font-size: 17px;

}



.news {

    white-space: nowrap;

    position: absolute;

    top: 0;

    right: 100%;

	

    width: 100%;

    height: 30px;

    line-height: 30px;

}



.news .new {

    display: inline-block;

    padding: 4px 0 0 42px;

    background: url(../img/sep.png) left no-repeat;

    background-size: 42px;

    color: #fff;

    position: relative;

    line-height: 31px;

}



/*.news .new:not(:last-child):after {

    content: "";

    width: 1px;

    height: 24px;

    position: absolute;

    left: 0;

    top: 8px;

    background-color: #e7ded4;

}*/



.articles_details_main_title {

    font-size: 2.8em;

    line-height: 1em;

}





.articles_details_title h1

{

	font-size:1.8rem;

	color:#2f8b3c;

}

.articles_details_title h6

{

	padding-top:10px;

	color:#2f8b3c;

}

.hpcateg li{

	margin-bottom: 10px;

	width: 100%;

	position: relative;

}



.hpcateg h5.title{

	color: #2f8b3c;

	width: 100%;

	position: relative;

	padding-left: 0;

    margin-right: -10px;

}



.hpcateg h5:before{

	position: absolute;

    right: 0;

    margin-right: 0px;

    top: 50%;

    margin-top: -1px;

    width: 10px;

    height: 10px;

    background: #2f8b3c;

    content: "";

}





.hpcateg li:last-child{

	margin-bottom: 0;

}



.hpcateg li:before{

	position: absolute;

    margin-right: -10px;

	right: 0;

	top: 50%;

	margin-top: -1px;

	width: 5px;

	height: 5px;

	background: rgba(0,0,0,0.15);

	content: "";

}



.hpcateg li a{

	color:gray;

}

.hpcateg li a:hover{

	color: #58a263;
	font-weight: bold;

}



.lSPager.lSpg{

	display: none;

}



.insideimg{

	position: relative;

}



.insideimg .img-bg{

	width: 100%;

	padding: 12% 0;

}



.insideimg .overlay{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	color: #fff;

}



.insideimg.opening .overlay{

	/*background: rgba(157,29,29,.8);*/

}



.insideimg.datapages .overlay{

	background: rgba(47,139,60,.8);

}



.insideimg.datapages .overlay.nobg{

	background: none  !important;

}





.newslist > *{

	margin-bottom: 25px;

}



.newslist > *:last-child{

	margin-bottom: 0;

}



.newslist .img-bg{

	width: 100%;

	/*padding: 25% 0;*/

	height:500px;

	

}



.briefdata span{

	display: inline-block;

	position: relative;

	padding-left: 30px;

	margin-left: 10px;

}



.briefdata span::before{

	position: absolute;

	width: 15px;

	height: 2px;

	background: #2f8b3c;

	left: 0;

	top: 50%;

	margin-top: -1px;

	content: "";

}



.briefdata span:last-child{

	padding-left: 0;

	margin-left: 0;

}



.briefdata span:last-child::before{

	display: none;

}



.itemsocial{

	position: relative;

}



.itemsocial::after{

	position: absolute;

	width: 100%;

	height: 1px;

	background: #000;

	left: 0;

	top: 50%;

	margin-top: 1px;

	content: "";

}



.itemsocial .fl{

	padding-right: 20px;

	background: #fff;

	position: relative;

	z-index: 10;

}



.itemsocial a{

	font-size: .9em;

	color: #2f8b3c;

	margin-left: 10px;

	float: right;

}



.gallery {

	padding-left: 25px;

}



.gallery .img-bg{

	width: 100%;

	padding: 35% 0;

}



.videogal a{

	position: relative;

	display: block;

}



.videogal a::after{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.2) url(../img/vid.png) center no-repeat;

	content: "";

	transition: .6s;

	-moz-transition: .6s;

	-webkit-transition: .6s;

}





.videogal a:hover::after{

	background: rgba(0,0,0,.5) url(../img/vid.png) center no-repeat;

}



.videogal a .img-bg{

	width: 100%;

	padding: 28% 0;

}



.editorlist:nth-child(even) > div{

	float: left;

}



.map{

	margin-bottom: 25px;

}



.map iframe{

	width: 100% !important;

	height: 300px !important;

}







footer{

	background: rgba(47,139,60,.8);

	color: #fff;

	display:inline-block;

	width:100%

}



footer > div.row{

	padding: 20px;

}



footer a{

	color:#fff;

}



footer .social li{

	font-size: .9em;

	float: right;

	margin-left: 10px;

}



footer .w-33 li{

	margin-bottom: 10px;

}



footer .msg , footer .tel{

	font-family: arial;

}



footer h5.title:before{

	background: #fff;

}

.newsletter_email , input[type="submit"] , input[type="text"]

{

	color:#FFF !important

}



.sign{

	background:rgba(47,139,60,.8);

	padding: 10px 20px;

	font-family: arial;

	font-size: .7em;

}



.pagination {



}

.pagination ul {

display:inline-block;

text-align:center;

width:100%

}

.pagination li {

display:inline-block;

margin:10px;



}



.pagination li.active a{

font-size:22px;

color:#000

}





.displaynone {

    display: none;

}

.vError {

    border: 1px solid red !important;

}

.contact-page

{

	padding-bottom:80px;

}

.FormResult , .FormResult1

{

	display:inline-block;

	padding-top:20px;

	width:100%;

	color:green;

	font-style:italic

}

.previous_issue

{

	padding:80px 0;

}

.popup

{

    position: fixed;

    left: 56px;

	bottom:0;

	z-index:5000;

    height: auto;

    width: 300px;

    max-width: 300px;

    padding: 20px;

    box-sizing: border-box;

        background: rgba(157,29,29,1);

    color: #fff;

    direction: rtl;

    font-size: .9em;

    line-height: 1.1em;

	

	transition: all 1s;

	transform: translateY(100%);	

}

.popup.active

{

	transform: translateY(0);

}

.close-icon

{

	position:absolute;

	top:0;

	left:0;

	z-index:50;

	cursor:pointer

}

.direction-left .close-icon

{

	left:auto;

	right:0;

}



.relative

{

	position:relative

}



.lSSlideOuter  , .pubslider12

{

	direction:ltr

}



.pubslider .slick-slide , .linkslider  .slick-slide 

{

	float:left;

	margin-left:30px;

	margin-right:30px;

	    cursor: grab;

}

.about_gallery

{

	padding-bottom:30px;

	direction:rtl

}

footer input[type="submit"]

{

	margin-top:10px;

	border:3px solid #FFF

}

footer .title::before

{

	display:none

}

footer .tel

{

	    font-family: auto;

    direction: ltr;

}

footer .txt-edit p

{

	margin-bottom:0 !important

}

.fa-whatsapp

{

	font-size:24px;

	margin-top:-5px;

	

}

.mob-menu

{

	display:none

}

.menu_date

{

    width: 100%;

    text-align: left;

    color: #24572a;

    padding: 0 12px;

    margin-top: -18px;

	 font-family: auto;

	 font-family:Arial, Helvetica, sans-serif;

	 font-weight: bold;

    font-size: 16px;

}

.articles_signature img

{

	max-width:200px;

}



.txt-edit, .txt-edit * , .detailsdesc

{

	font-family: 'Tajawal', sans-serif !important; 

}

 .articles_signature

{

    direction: ltr;

    text-align: center;

    width: auto;

    display: inline-block;

    float: left;

}

.direction-left

{

    direction: ltr;

    text-align: left;

    width: 100%;

    display: inline-block;

    float: left;

}



.direction-left .newslist , .direction-left  .left-content

{

	float:left;

}

.direction-left .articles_details_title h1 , .direction-left .articles_details_title strong

{

font-family:Arial, Helvetica, sans-serif;	

}

.direction-left h5 , .direction-left h5 strong , .direction-left h1 , .direction-left h1 strong , .direction-left h4 , .direction-left h4 strong ,.direction-left .detailsdesc ,.direction-left .detailsdesc p ,.direction-left .detailsdesc p strong

{

font-family:Arial, Helvetica, sans-serif;

}

.popup img

{

	max-width:100%

}

.detailsdesc , .detailsdesc p

{

	direction:inherit;

	text-align:inherit

}

.direction-left .briefdata

{

	direction:rtl

}

.direction-left  .itemsocial .fl

{

	float:right;

}

.direction-left  .itemsocial .fl  a

{

	float:left;

}

.header-writer

{

	text-align:center

}

.tac

{

	text-align:center

}

.no-pad-top

{

	padding-top:0 !important

}

.typewriter

{

	width:auto;

	display:inline-block

}

.banner-left

{

	position:absolute;

	left:0;

	top:calc(50% - 10px);

	z-index:50;

	cursor:pointer;

	color:#2f8b3c;

}

.banner-right

{

	position:absolute;

	right:0;

	top:calc(50% - 10px);

	z-index:50;

	cursor:pointer;

	color:#2f8b3c;

}

.newlist-img

{

    margin-bottom: 20px;

    display: inline-block;

    width: 100%;

}

.newlist-title

{

	padding-bottom:20px;

	padding-top:0;

	margin-bottom:0

}



.previous-issue-home

{

	border-bottom:1px solid #2f8b3c;

	padding-bottom:40px;

}

menu

{

	position:relative

}

.logo-menu

{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	z-index:50;

	text-align:center;

	display:none

}

.logo-menu img

{



	max-width:160px;
	margin-top: 30px;

}

.linkslider .slick-slide

{

	text-align:center

}

.linkslider .slick-slide img

{

	display:inline-block !important

}









.scroll-up

{

    position: fixed;

    bottom: 3px;

    right: 15px;

    z-index: 5000;

    cursor: pointer;

	opacity:0;transition: opacity 0.5s ease;

}

.scroll-up img

{

	width:50px

}

.scroll-up:hover

{

}

.scroll-up.active

{

	opacity:1;transition: opacity 0.5s ease;

}

.green-color

{

	color:#2f8b3c

}









.back-up {

	position: fixed;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	bottom: 30px;

	right: 30px;

	z-index: 200;

	cursor: pointer;

	background: #2f8b3c;

	color: #fff;

	border: 0;

	width: 50px;

	height: 50px;

	font-size: 20px;

	padding:10px 0 15px 0;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	text-align: center;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	-webkit-box-shadow: 0 0 0 0 rgba(1,138,190,.4);

	box-shadow: 0 0 0 0 rgba(1,138,190,.4);

	justify-content: center;

	-ms-flex-line-pack: center;

	align-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.back-up span {

	display: block;

	width: 50px;

	text-align: center

}

.back-up.show {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1.275);

	-o-transition: all .4s cubic-bezier(.175, .885, .32, 1.275);

	transition: all .4s cubic-bezier(.175, .885, .32, 1.275)

}

.back-up.show:hover {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2)

}

.back-up.show:focus {

	outline: 0;

	-webkit-box-shadow: 0 0 0 5px rgba(47,139,60,.4);

	box-shadow: 0 0 0 5px rgba(47,139,60,.4)

}

.form-error 

{

color:red;

font-size:14px;

}

.g-recaptcha

{

margin:10px 0

}