@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
}