[class^="mcon-"], [class*=" mcon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-size:26px !important;
    width:1.25em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mcon-stamb:before {
    content: "\e901";
}
.mcon-seal:before {
    content: "\e900";
    font-size:32px !important;
}
.mcon-office:before {
    content: "\e903";
}
.mcon-users:before {
    content: "\e972";
}

.fmsmall { font-size: inherit !important; }

*{text-shadow:none; box-shadow:none; -moz-box-shadow:none;  -webkit-box-shadow:none; -webkit-text-size-adjust:100%;-webkit-font-smoothing: subpixel-antialiased;}
body{margin:0; padding:0; background: #F3F3F3 url('./bg.jpg') no-repeat center 0; background-image: linear-gradient(transparent,transparent),url(./bg.jpg);background-size: 100%; background-size: cover;font:13px 'GE Dinar One Regular';-webkit-overflow-scrolling: touch;}
img,iframe{border:none}
.msgBarOldBrowser{display:none;color:#C1A73C; font: 12px 'Neue Helvetica LTW20 Roman';text-align: right;padding: 5px 0;background-color: #FFF;border-bottom: 1px solid #E4E4E4;height: 29px;}
.msgBarOldBrowser span,.msgBarOldBrowser a{float:right;display:inline-block;}
.msgBarOldBrowser span.ieAlert{margin: 0 0 0 10px;width: 9px;height: 27px;background: url('../images/ninfo.png') no-repeat center center;background-image:linear-gradient(transparent,transparent),url(../images/ninfo.svg)}
.msgBarOldBrowser a{width:22px;height: 27px;margin: 0 3px;background-repeat:no-repeat;background-position:center center}
.msgBarOldBrowser a.ieLink{background-image:url('../images/nie.png');background-image:linear-gradient(transparent,transparent),url(../images/nie.svg);margin-right: 10px;}
.msgBarOldBrowser a.chLink{background-image:url('../images/nch.png');background-image:linear-gradient(transparent,transparent),url(../images/nch.svg)}
.msgBarOldBrowser a.ffLink{background-image:url('../images/nff.png');background-image:linear-gradient(transparent,transparent),url(../images/nff.svg)}
.msgBarNoScript{color: #C1A73C;font: 12px 'Neue Helvetica LTW20 Roman';text-align: center;padding: 5px 0;background-color: #FFF;border-bottom: 1px solid #E4E4E4;font: 11px 'Neue Helvetica LTW20 Roman';}
.w960{width:960px; margin:0 auto}
.clearfix{clear:both; display:block;}

/*--------------------d----------------------*/

.ContentTitle
{
    position:relative;
    /*margin:14px auto;*/
    /*width:672px;*/

    margin:0px 0px 20px 0px;
    width:100%;
    height:44px;
    line-height:44px !important;
    text-indent:20px;
    font: 16px 'GE Dinar One Medium';
    color:#eeeeee;
    background-color:#007d5b;

}
.Warp
{
    min-height:100px;
    padding:14px;
}

ul#ListItem{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
ul#ListItem li
{
    display:inline;
}

#ListItem a
{
    display:inline-block;
    width:48%;
    float:right;
    height:175px;
    box-sizing:border-box;
    margin:0px 6px 16px 6px;
    text-align:center;
    text-decoration:none;
    color:#797979;
    border:1px solid #d5d5d5;
    background-color:#f4f4f4;
}
#ListItem a:hover
{
    color:#f4f4f4;
    border:1px solid #007d5b;
    background-color:#007d5b;
}



ul#ListItem li p
{
    position: relative;
    top: 115px;
    margin:0 auto;
    height:30px;
    text-align:center;
    font: 20px 'GE Dinar One Regular';
}
.kadayaindex
{
    background:url(../images/ar/Item1.png) no-repeat;
}
.kadayaindex:hover
{
    background:url(../images/ar/Item1Hover.png) no-repeat;
}
.wekalatindex
{
    width:31% !important;
    background:url(../images/ar/Item2.png) no-repeat;
}
.wekalatindex:hover
{
    background:url(../images/ar/Item2Hover.png) no-repeat;
}
.akaratindex
{
    background:url(../images/ar/Item3.png) no-repeat;
}
.akaratindex:hover
{
    background:url(../images/ar/Item3Hover.png) no-repeat;
}
.kadayahagztanfez
{
    background:url(../images/ar/Item4.png) no-repeat;
}
.kadayahagztanfez:hover
{
    background:url(../images/ar/Item4Hover.png) no-repeat;
}
.inhaatindex
{
    background:url(../images/ar/Item5.png) no-repeat;
}
.inhaatindex:hover
{
    background:url(../images/ar/Item5Hover.png) no-repeat;
}
.companyindex
{
    background:url(../images/ar/Item6.png) no-repeat;
}
.companyindex:hover
{
    background:url(../images/ar/Item6Hover.png) no-repeat;
}
.akaratsoldindex
{
    background:url(../images/ar/Item7.png) no-repeat;
}
.akaratsoldindex:hover
{
    background:url(../images/ar/Item7Hover.png) no-repeat;
}
/*---------------------------------------------*/

/* form Section
====================================================================== */
.button.color {color:#fff; background:#157C6A; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); }
#flat_form h2 {background: #3199DC; line-height: 1.9;}
#flat_form fieldset input[type="submit"] {background: #3199DC;}
.select-primary .select2-choice {background-color: #157C6A;}
/* =================================================================== */

/***Start Header***/
.blue_head{ /*width: 100%; height:146px;  margin: 0 auto; background:#205578 url('../images/bg1_2.png') -85px -12px;*/}
.footblue {/*width: 100%;margin: 0 auto;background: #205578 url(../images/bg1_2.png) -85px -12px;*/}
.headeritems{}
.header{z-index:7; width:100%; height: 140px;}
.header_qayyem {margin-bottom:20px; border-bottom:solid 1px #ddd; width:100%; height:90px}
.header_qayyem > p {float:left; display:block; width: 68%;  margin-right:10px; margin-top:6px; font-size:16px;}
.logo{float:right; background:url(./logo.png) no-repeat center center;display:block; height:109px; width:230px; margin: 40px 20px 0 0;}
.vision {
    float: left;
    background: url(./vision.gif) no-repeat center center;
    background-image: linear-gradient(transparent,transparent),url(./vision.gif);
    display: block;
    height: 109px;
    width: 230px;
    margin: 40px 0 0 20px;
}
.qayyem{float:right; background:url(../images/qayyem2.png) no-repeat center center; background-image: linear-gradient(transparent,transparent),url(../images/qayyem2.svg);display:block; height:65px; width:206px; margin: 0 2px 20px 0; border-left: solid 1px #bdbdbd;}
.searchMobile{display:none}
.menuContainer{margin: 0;/* background-color:#157C6A; */position:relative;top: 20px;left:0;height: 62px;}
.mobileMenu,.openMen{height:0}
.headmenu{padding:0; list-style:none; background-color:#157C6A; position:relative;margin: 0;float: right;min-width: 960px;}
.headmenu.fixed{position:fixed; width:960px; top:0; margin:0; z-index:100;border-bottom: 1px solid #078A66;}
.headmenu>li{float:right; font: 18px 'GE Dinar One Regular';}
.headmenu>li:hover{background-color:#078A66}
.headmenu>li.home{width:62px}
.headmenu>li.last{float:left;  height:62px; width:64px; position:relative; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out; border-right:1px solid #33967B;z-index: 101;overflow: hidden;-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;}
.headmenu>li.last.active{width:194px; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out; z-index:102;}
.headmenu>li>a{text-decoration:none; color:#eee; display:block; line-height:62px; padding:0 10px;white-space: nowrap;}
.headmenu>li>a:hover{color:#fff;}
.headmenu>li>a.homeicon{width:62px; height:62px; background:#078A66 url('../images/home.png') center center no-repeat; background-image: linear-gradient(transparent,transparent),url(../images/home.svg);padding:0}
.headmenu>li>a.search{width:63px; background:url('../images/search.png') center center no-repeat; background-image: linear-gradient(transparent,transparent),url(../images/search.svg);height:62px; padding:0; left:0; top:0; cursor:pointer; float:left; position: relative;}
.headmenu>li.last>.searchbox{left:64px; height:62px; line-height:62px; overflow: hidden;position: absolute;z-index: 102;}
.headmenu>li.last>.searchbox>input{outline-color:#078A66; width:105px; border:none; height:30px; line-height:30px; color:#EEE; font: 12px 'Neue Helvetica LTW20 Light'; text-align:right; padding:0 5px; background-color:transparent}
.headmenu>li.last>.searchbox>input:focus{outline-color:#078A66}
.headmenu>li>ul{display:none; z-index:5; top:62px; position:absolute; right:0; margin:0; list-style:none; background-color:#078A66; width: 960px; padding:15px; box-sizing:border-box;}
.headmenu>li>ul>li{float:right;margin: 0;padding: 5px 10px;border-left: 1px solid #157C6A;}
.headmenu>li>ul>li:last-child{border:none}
.headmenu>li>ul>li>a{text-decoration:none; color:#efefef;font: normal 16px 'Neue Helvetica LTW20 Light';line-height: 24px;}
/***End Header***/
/***Start Services***/
.services{height:248px; overflow:hidden; position:relative}
/*Icons Styles*/
.items{position:absolute; height:248px; width:960px; z-index:2; /* display:none; */}
.items>div{cursor:pointer; position:absolute; width:225px; height:163px; bottom:0; background-color:#fff; border:1px solid #d3d3d3; background-repeat:no-repeat; background-position:-10px bottom; box-sizing:border-box; -webkit-transform:translateX(0px); transform:translateX(0px); -webkit-transition-fill-mode:both; -moz-transition-:both; -ms-transition-:both; -o-transition-:both; -webkit-transition:-webkit-transform 2s; -moz-transition:transform 2s; -ms-transition:transform 2s; -o-transition:transform 2s; transition:transform 2s}
.items>div.eservices{background-image:url('../images/eservicesbg.png');background-image: linear-gradient(transparent,transparent),url(../images/eservicesbg.svg); left:735px}
.items>div.whatsnew{background-image:url('../images/newbg.png');background-image: linear-gradient(transparent,transparent),url(../images/newbg.svg); left:490px}
.items>div.regulations{background-image:url('../images/regulationsbg.png');background-image: linear-gradient(transparent,transparent),url(../images/regulationsbg.svg); left:0px}
.items>div.indicators{background-image:url('../images/indicatorsbg.png');background-image: linear-gradient(transparent,transparent),url(../images/indicatorsbg.svg); left:245px}
.items>div.eservices.hidden, .items>div.whatsnew.hidden, .items>div.regulations.hidden, .items>div.indicators.hidden{left:-960px; -webkit-transition:left 0.8s ease-in-out; -moz-transition:left 0.8s ease-in-out; -ms-transition:left 0.8s ease-in-out; -o-transition:left 0.8s ease-in-out; transition:left 0.8s ease-in-out}
.items>div.removeTranslate{transition:none}
.items>div>a{position:absolute;width:100%;height:100%;z-index:4}
.items>div>.icon{vertical-align:middle; background:url('../images/circle.png'); background-image: linear-gradient(transparent,transparent),url(../images/circle.svg);width:118px; height:118px; top:-59px; position:absolute; left:0; bottom:0; right:0; margin:0 auto; -webkit-transition:top 0.4s ease-in; -moz-transition:top 0.4s ease-in; -ms-transition:top 0.4s ease-in; -o-transition:top 0.4s ease-in; transition:top 0.4s ease-in}
.items>div>.icon.ie7fix{right:50px;}
.items>div>.icon.active{top:-79px; -webkit-transition:top 0.4s ease-in; -moz-transition:top 0.4s ease-in; -ms-transition:top 0.4s ease-in; -o-transition:top 0.4s ease-in; transition:top 0.4s ease-in}
.items>div>.icon>span{background-repeat:no-repeat; display:block; height:118px; background-position:center center}
.items>div>.icon>img{transition:transform 0.6s ease-out;  -webkit-transition:-webkit-transform 0.6s ease-out; -moz-transition:transform 0.6s ease-out; -o-transition:transform 0.6s ease-out; -ms-transition:-ms-transform 0.6s ease-out;-webkit-transition:transform 0.6s ease-out;    display:block; margin:auto; top:0; left:0; right:0; bottom:0; position: absolute;}
.items>div>.icon.ie7fix>img{top:30px;right:20px;}
.items>div:hover>.icon>img{-webkit-transform:rotateY(180deg); /* Chrome and other webkit browsers */ -moz-transform:rotateY(180deg); /* FF */ -o-transform:rotateY(180deg); /* Opera */ -ms-transform:rotateY(180deg); /* IE9 */ transform: rotateY(180deg); /* W3C complaint browsers */transition:transform 0.6s ease-out; -webkit-transition:-webkit-transform 0.6s ease-out; -moz-transition:transform 0.6s ease-out; -o-transition:transform 0.6s ease-out; -ms-transition:-ms-transform 0.6s ease-out; transform-style:preserve-3d}
.items>div>.text{position:absolute; bottom:28px; overflow:hidden; width:225px; height:32px; color:#C1A73C; font: 20px 'GE Dinar One Regular';}
.items>div>.text>span{display:block; width:225px; text-align:center; position:relative; float:right;-webkit-transform: translateZ(0);}
.items>div>.text>span.first{right:0; -webkit-transition:right 0.2s ease-in; -moz-transition:right 0.2s ease-in; -ms-transition:right 0.2s ease-in; -o-transition:right 0.2s ease-in; transition:right 0.2s ease-in}
.items>div>.text>span.second{left:-225px; -webkit-transition:left 0.2s ease-in; -moz-transition:left 0.2s ease-in; -ms-transition:left 0.2s ease-in; -o-transition:left 0.2s ease-in; transition:left 0.2s ease-in; top: -27px;}
.items>div:hover>.text>span.first{right:-225px; -webkit-transition:right 0.2s ease-in; -moz-transition:right 0.2s ease-in; -ms-transition:right 0.2s ease-in; -o-transition:right 0.2s ease-in; transition:right 0.2s ease-in}
.items>div:hover>.text>span.second{left:0px; -webkit-transition:left 0.2s ease-in; -moz-transition:left 0.2s ease-in; -ms-transition:left 0.2s ease-in; -o-transition:left 0.2s ease-in; transition:left 0.2s ease-in}
.items>div>.GoldLine{background-color:#c1a73c; height:8px; position:absolute; width:225px; bottom:-1px; right:-1px}
/*Slides Styles*/
.backToItems{background:url('../images/BackIcon.png') no-repeat center center; background-image: linear-gradient(transparent,transparent),url(../images/BackIcon.svg);height:23px; width:26px; position:absolute; left:10px; top:5px; cursor:pointer; z-index:4}
.slides{position:absolute; height:248px; width:960px; z-index:1; box-sizing:border-box}
.slides>div{height:248px; width:960px; background-color:#fff; border:1px solid #d3d3d3; box-sizing:border-box; padding:22px 15px; right:-960px; position:absolute; z-index:3; overflow:hidden;-webkit-transform: translateZ(0);display: block;}
.slides>div>.side{float:right; height: 200px; position:relative; width:230px; border-left:1px solid #d3d3d3}
.slides>div>.side>h3{margin:0; font:normal 18px 'GE Dinar One Regular'; line-height:40px; white-space: nowrap;color:#C1A73C; position:absolute; right:55px; top:-60px; -webkit-transition:top 0.3s ease-in-out; -moz-transition:top 0.3s ease-in-out; -ms-transition:top 0.3s ease-in-out; -o-transition:top 0.3s ease-in-out; transition:top 0.3s ease-in-out}
.slides>div>.side>span{height:40px; position:absolute; right:-60px; width:43px; background-position:center center; background-repeat:no-repeat; top:5px; -webkit-transition:right 0.3s ease-in-out; -moz-transition:right 0.3s ease-in-out; -ms-transition:right 0.3s ease-in-out; -o-transition:right 0.3s ease-in-out; transition:right 0.3s ease-in-out}
.slides>div>.side>img{position:absolute; bottom:-150px; -webkit-transition:bottom 0.3s ease-in-out; -moz-transition:bottom 0.3s ease-in-out; -ms-transition:bottom 0.3s ease-in-out; -o-transition:bottom 0.3s ease-in-out; transition:bottom 0.3s ease-in-out; right:0}
.slides>div.eservices>.side>span{background-image:url('../images/eservices-green.png'); background-image: linear-gradient(transparent,transparent),url(../images/eservices-green.svg);}
.slides>div.whatsnew>.side>span{background-image:url('../images/new-green.png'); background-image: linear-gradient(transparent,transparent),url(../images/new-green.svg);}
.slides>div.indicators>.side>span{background-image:url('../images/indicators-green.png'); background-image: linear-gradient(transparent,transparent),url(../images/indicators-green.svg);}
.slides>div.regulations>.side>span{background-image:url('../images/regulations-green.png'); background-image: linear-gradient(transparent,transparent),url(../images/regulations-green.svg);}
.slides>div.active>.side>h3{top:5px; transition:top 0.3s ease-in-out;}
.slides>div.active>.side>span{right:0; -webkit-transition:right 0.3s ease-in-out; -moz-transition:right 0.3s ease-in-out; -ms-transition:right 0.3s ease-in-out; -o-transition:right 0.3s ease-in-out; transition:right 0.3s ease-in-out}
.slides>div.active>.side>img{bottom:15px; -webkit-transition:bottom 0.3s ease-in-out; -moz-transition:bottom 0.3s ease-in-out; -ms-transition:bottom 0.3s ease-in-out; -o-transition:bottom 0.3s ease-in-out; transition:bottom 0.3s ease-in-out}
.slides>div.visible{right:0; -webkit-transition:right 0.3s ease; -moz-transition:right 0.3s ease; -ms-transition:right 0.3s ease; -o-transition:right 0.3s ease; transition:right 0.3s ease}
.slides>div.hidden{right: 980px; -webkit-transition:right 0.3s ease-in-out; -moz-transition:right 0.3s ease-in-out; -ms-transition:right 0.3s ease-in-out; -o-transition:right 0.3s ease-in-out; transition:right 0.3s ease-in-out}
.slides>div.adel .backToItems{left: 407px;top: 20px;}
.slides>div.adel>.side{border:none; width: 530px;height: 216px;display: block;position: absolute;}
.slides>div.adel>.side>hr{display:none}
.slides>div.adel>.side>.adelText{position: absolute; top: 60px; font:13px 'GE Dinar One Regular'; color:#b2b2b2; text-align:justify}
.slides>div.adel>.side>div.adelButtons{bottom: 7px;position: absolute;right: 0;}
.slides>div.adel>.side>div.adelButtons>a{font:18px 'GE Dinar One Regular'; color:#f3f3f3; text-decoration:none; display:inline-block; padding:0 10px 0 40px; background-color:#157C6A; line-height:30px; margin-left:10px}
.slides>div.adel>.side>div.adelButtons>a>span{background:#157C6A url('../images/button-arrow.png')no-repeat right center; background-image: linear-gradient(transparent,transparent),url(../images/button-arrow.svg);display:inline-block; width:19px; height:30px; float:right; margin:0 0 0 10px}
.slides>div>.content{font-family:'GE Dinar One Regular';width: 696px;float: left;}
.slides>div.adel>.content{width: 384px;position: relative;top: 0;bottom: 0;display: block;}
.slides>div>.content.fourIconsList>ul{list-style:none; padding:0; margin:0;float: right;width: 696px;}
.slides>div>.content.fourIconsList>ul>li{float:right; width:174px; box-sizing:border-box; padding:0 10px; border-left:1px solid #ededed;display: inline-block;}
.slides>div>.content.fourIconsList>ul>li.last{border:none}
.slides>div>.content.fourIconsList>ul>li>a, .slides>div>.content.fourIconsList>ul>li>a:visited{background-repeat:no-repeat; background-position:center top; color:#7b7b7b; display:block; text-decoration:none; text-align:center; font:16px 'GE Dinar One Regular'; vertical-align:bottom}
.slides>div>.content.fourIconsList>ul>li>a:hover{color:#545454}
.slides>div>.content.fourIconsList>ul>li>a:hover>img{-webkit-transform:rotateY(180deg); /* Chrome and other webkit browsers */ -moz-transform:rotateY(180deg); /* FF */ -o-transform:rotateY(180deg); /* Opera */ -ms-transform:rotateY(180deg); /* IE9 */ transform:rotateY(180deg); /* W3C complaint browsers */transition:transform 0.6s ease-out; -webkit-transition:-webkit-transform 0.6s ease-out; -moz-transition:transform 0.6s ease-out; -o-transition:transform 0.6s ease-out; -ms-transition:transform 0.6s ease-out; transform-style:preserve-3d}
.slides>div>.content.fourIconsList>ul>li>a>img{background-position:center; background-repeat:no-repeat; height:70px; width:70px; -webkit-transform:rotateY(0deg); /* Chrome and other webkit browsers */ -moz-transform:rotateY(0deg); /* FF */ -o-transform:rotateY(0deg); /* Opera */ -ms-transform:rotateY(0deg); /* IE9 */ transform:rotateY(0deg); /* W3C complaint browsers */transition:transform 0.6s ease-out; -webkit-transition:-webkit-transform 0.6s ease-out; -moz-transition:transform 0.6s ease-out; -o-transition:transform 0.6s ease-out; -ms-transition:transform 0.6s ease-out; transform-style:preserve-3d; /* IE8 and below */}
.slides>div>.content.fourIconsList>ul>li>a.i1>img{background-image:url('../images/courts-services.png');background-image: linear-gradient(transparent,transparent),url(../images/courts-services.svg);background-position: center center;}
.slides>div>.content.fourIconsList>ul>li>a.i2>img{background-image:url('../images/excution-court.png');background-image: linear-gradient(transparent,transparent),url(../images/excution-court.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i3>img{background-image:url('../images/adel-writers.png');background-image: linear-gradient(transparent,transparent),url(../images/adel-writers.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i4>img{background-image:url('../images/ministry-services.png');background-image: linear-gradient(transparent,transparent),url(../images/ministry-services.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i5>img{background-image:url('../images/realestat-indicators.png');background-image: linear-gradient(transparent,transparent),url(../images/realestat-indicators.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i6>img{background-image:url('../images/court-indicators.png');background-image: linear-gradient(transparent,transparent),url(../images/court-indicators.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i7>img{background-image:url('../images/speed-indicators.png');background-image: linear-gradient(transparent,transparent),url(../images/speed-indicators.svg);}
.slides>div>.content.fourIconsList>ul>li>a.i8>img{background-image:url('../images/orders-speed-indicators.png');background-image: linear-gradient(transparent,transparent),url(../images/orders-speed-indicators.svg);}
.slides>div>.content.fourIconsList>ul>li>a>img{display:block; margin:0 auto}
.slides>div>.content.fourIconsList>ul>li>div{color:#b2b2b2; font: normal 13px 'Neue Helvetica LTW20 Light'; padding: 0 10px 10px 10px; text-align:justify;line-height: 18px;}
.slides>div>.content>.adelVideo{float:left; margin-top: -7px;/* height: 216px; */}
.slides>div>.content>.adelVideo>a{cursor:pointer; display: none; background:url('../images/adel-video-play.png') no-repeat center; position:absolute; top:0; right:0; width:369px; z-index:2; height:186px;border: 1px solid #BDBDBD;box-sizing: border-box;}
.slides>div>.content>.adelVideo>a.hidden{display:none}
.slides>div>.content>.adelVideo video{width:100%;height:100%;display: none;}
/*new*/
.slides>div.whatsnew>.content>ul{list-style:none; padding:5px 0; margin:0}
.slides>div.whatsnew>.content>ul>li{float:right; width: 33%; box-sizing:border-box; padding:0 15px; border-left:1px solid #efefef}
.slides>div.whatsnew>.content>ul>li.last{border:none}
.slides>div.whatsnew>.content>ul>li>h3{color:#157C6A; margin:20px 0 5px 0; padding:0 20px 0 0; font:normal 16px 'GE Dinar One Regular'; background: url('../images/list-title-bullet.png') no-repeat right 3px;background-image: linear-gradient(transparent,transparent),url(../images/list-title-bullet.svg);}
.slides>div.whatsnew>.content>ul>li>ul{margin:0; list-style:none; padding:0}
.slides>div.whatsnew>.content>ul>li>ul>li{padding:0 5px; border-bottom:1px solid #ededed}
.slides>div.whatsnew>.content>ul>li>ul>li.last{border:none}
.slides>div.whatsnew>.content>ul>li>ul>li>a, .slides>div.whatsnew>.content>ul>li>ul>li>a:visited{text-decoration:none; color:#7b7b7b;  font: normal 13px 'Neue Helvetica LTW20 Light'; display:block; line-height: 24px; padding: 0 9px 6px; background: url('../images/list-item-bullet.png') no-repeat right;background-image: linear-gradient(transparent,transparent),url(../images/list-item-bullet.svg);}
.slides>div.whatsnew>.content>ul>li>ul>li>a:hover{color:#545454}
/*end*/
.slides>div.regulations>.content>ul{list-style:none; padding:5px 0; margin:0}
.slides>div.regulations>.content>ul>li{float:right; width: 33%; box-sizing:border-box; padding:0 15px; border-left:1px solid #efefef}
.slides>div.regulations>.content>ul>li.last{border:none}
.slides>div.regulations>.content>ul>li>h3{color:#157C6A; margin:20px 0 5px 0; padding:0 20px 0 0; font:normal 16px 'GE Dinar One Regular'; background: url('../images/list-title-bullet.png') no-repeat right 3px;background-image: linear-gradient(transparent,transparent),url(../images/list-title-bullet.svg);}
.slides>div.regulations>.content>ul>li>ul{margin:0; list-style:none; padding:0}
.slides>div.regulations>.content>ul>li>ul>li{padding:0 5px; border-bottom:1px solid #ededed}
.slides>div.regulations>.content>ul>li>ul>li.last{border:none}
.slides>div.regulations>.content>ul>li>ul>li>a, .slides>div.regulations>.content>ul>li>ul>li>a:visited{text-decoration:none; color:#7b7b7b;  font: normal 13px 'Neue Helvetica LTW20 Light'; display:block; line-height: 24px; padding: 0 9px 6px; background: url('../images/list-item-bullet.png') no-repeat right;background-image: linear-gradient(transparent,transparent),url(../images/list-item-bullet.svg);}
.slides>div.regulations>.content>ul>li>ul>li>a:hover{color:#545454}
/**Side Tools**/
.toolsbox{height:46px; float:left; margin: 73px 0 0 0; position:relative}
.toolsbox>div{padding:0; margin:0 auto; list-style:none; float:left}
.toolsbox>div>div{width:46px; float: left; height:46px; margin-right:5px}
.toolsbox>div>div.themes{top:40px}
.toolsbox>div>div.ver{top:40px}
.toolsbox>div>div.apps{position:relative; overflow:hidden; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out}
.toolsbox>div>div.apps.active{width:220px; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out}
.toolsbox>div>div.language{top:120px}
.toolsbox>div>div>a.link{display:inline-block; width:46px; height:46px; background-color:#FFF; background-repeat:no-repeat; background-position:0 0; z-index:2; left:0; float:left; margin:0 0 3px 0;  -webkit-transition:background 0.5s ease-in-out; -moz-transition:background 0.5s ease-in-out; -ms-transition:background 0.5s ease-in-out; -o-transition:background 0.5s ease-in-out; transition:background 0.5s ease-in-out; cursor:pointer}
.toolsbox>div>div:hover>a.link{background-color:#157C6A;background-position:0 -46px}
.toolsbox>div>div.userbox>a.link{background-image:url(../images/quicktoolsUser.png);background-image: linear-gradient(transparent,transparent),url(../images/quicktoolsUser.svg);}
.toolsbox>div>div.themes>a.link{background-image:url(../images/quicktoolsTheme.png);background-image: linear-gradient(transparent,transparent),url(../images/quicktoolsTheme.svg);}
.toolsbox>div>div.ver>a.link{background-image:url(../images/quicktoolsVer.png);}
.toolsbox>div>div.apps>a.link{background-image:url(../images/quicktoolsApps.png);background-image: linear-gradient(transparent,transparent),url(../images/quicktoolsApps.svg); z-index:4}
.toolsbox>div>div.language>a.link{background-image:url(../images/quicktoolsEn.png);background-image: linear-gradient(transparent,transparent),url(../images/quicktoolsEn.svg);}
.toolsbox>div>div>div.panel{width:200px; height: 184px; position:absolute; left:0; background:#FAFAFA; top:48px; display:none; padding:10px; border:1px solid #d3d3d3; box-sizing:border-box; z-index: 104;}
.toolsbox>div>div.apps>div.panel{display:block; width:168px; position:absolute; top:0; left:51px; height:46px; padding:7px 10px; border:none; z-index:102; background:none}
.toolsbox>div>div.apps.active>div.panel{display:block; left:51px; -webkit-transition:left 0.5s ease-in-out; -moz-transition:left 0.5s ease-in-out; -ms-transition:left 0.5s ease-in-out; -o-transition:left 0.5s ease-in-out; transition:left 0.5s ease-in-out}
/*.toolsbox>div>div:hover>div.panel{display:block}
*/
/*Boxes*/
.userbox .head{font:16px 'GE Dinar One Regular'; color:#7b7b7b; line-height: 18px; padding: 5px 0 13px 0;}
.userbox .head>span{background: no-repeat; background-image: url(../images/titleUser.png);background-image: linear-gradient(transparent,transparent),url(../images/titleUser.svg);float:right; display:inline-block; width:16px; height: 17px; margin: 0 0 0 15px;}
.userbox .loginbox{}
.userbox .loginbox>div{height: 22px; margin: 0 0 7px 0;}
.userbox .loginbox span{float:right; display:inline-block; width: 22px; height: 22px; background: #c1a73c  no-repeat center center;}
.userbox .loginbox span.username{background-image:url(../images/usernameBox.png);background-image: linear-gradient(transparent,transparent),url(../images/usernameBox.svg);}
.userbox .loginbox span.password{background-image:url(../images/passwordBox.png);background-image: linear-gradient(transparent,transparent),url(../images/passwordBox.svg);}
.userbox .loginbox input{width: 146px; float:left; height: 22px; border:none; padding:0 5px; background-color:#f2f2f2; font:11px 'GE Dinar One Regular'; color:#b2b2b2}
.userbox .loginbox input:focus{outline-color:#fff; color:#7B7B82; outline-style:solid; outline-width:1px}
.userbox .rememberme{font:10px 'Noto Kufi Arabic'; color:#b2b2b2;text-align: right;}
.userbox .rememberme input{margin-right:0}
.userbox .rememberme>a{color:#b2b2b2; text-decoration:none}
.userbox .loginbutton{margin: 10px 0 0; display:block; text-decoration:none; color:#fff; background-color:#157C6A; text-align:center; font:12px 'GE Dinar One Regular'; line-height: 24px;}
.themes .head{font:16px 'GE Dinar One Regular'; color:#7b7b7b; line-height:18px; padding: 5px 0 30px 0;}
.themes .head>span{background: no-repeat; float:right; display:inline-block; width:24px; height:22px; margin: 0 0 0 15px;background-image:url(../images/titleTheme.png);background-image: linear-gradient(transparent,transparent),url(../images/titleTheme.svg);}
.themes .colors{text-align:center}
.themes .colors>a{font:13px 'GE Dinar One Regular'; color:#b2b2b2; display:inline-block; width: 58px; text-align:center; text-decoration:none;margin: 0 11px;}
.themes .colors>a>span{display:block; height:29px; width:29px; margin:0 auto 15px auto}
.themes .colors>a.grey>span{background-color:#575757}
.themes .colors>a.green>span{background-color:#157C6A}

.ver .head{font:16px 'GE Dinar One Regular'; color:#7b7b7b; line-height:18px; padding: 5px 0 30px 0;}
.ver .head>span{background: no-repeat; float:right; display:inline-block; width:24px; height:22px; margin: 0 0 0 15px;background-image:url(../images/titleVer.png);}
.ver .colors{text-align:center}
.ver .colors>a{font:13px 'GE Dinar One Regular'; color:#b2b2b2; display:inline-block; width: 58px; text-align:center; text-decoration:none;margin: 0 11px;}
.ver .colors>a>span{display:block; height:29px; width:29px; margin:0 auto 15px auto}

.apps .applications{padding:0; margin:0; list-style:none}
.apps .applications>li{height:33px; margin:0 2px; float:left; width:33px}
.apps .applications>li>a{text-decoration:none}
.apps .applications>li>a>span{display:inline-block; float:right; height:33px}
.apps .applications>li>a>span.icon{-webkit-transition:background 0.3s ease-in-out; -moz-transition:background 0.3s ease-in-out; -ms-transition:background 0.3s ease-in-out; -o-transition:background 0.3s ease-in-out; transition:background 0.3s ease-in-out; width:33px; background-repeat:no-repeat; }
.apps .applications>li>a>span.icon.ios{background-image:url(../images/ios.png);background-image: linear-gradient(transparent,transparent),url(../images/ios.svg);}
.apps .applications>li>a>span.icon.android{ background-image:url(../images/android.png);background-image: linear-gradient(transparent,transparent),url(../images/android.svg);}
.apps .applications>li>a>span.icon.bb{ background-image:url(../images/bb.png);background-image: linear-gradient(transparent,transparent),url(../images/bb.svg);}
.apps .applications>li>a>span.icon.wp{ background-image:url(../images/wp.png);background-image: linear-gradient(transparent,transparent),url(../images/wp.svg);}
.apps .applications>li>a:hover>span.icon{background-position: -33px 0px; -webkit-transition:background 0.3s ease-in-out; -moz-transition:background 0.3s ease-in-out; -ms-transition:background 0.3s ease-in-out; -o-transition:background 0.3s ease-in-out; transition:background 0.3s ease-in-out}
.apps .applications>li>a>span.text{font:normal 12px 'GE Dinar One Regular'; color:#b2b2b2; padding:0px 5px; width:89px; line-height:22px}
.apps .applications>li>a:hover>span.text{background-color:#eee; color:#999}
/**News Section**/
.newsAndSide{margin: 15px auto 10px;}
.news{border:1px solid #d3d3d3; box-sizing:border-box; padding:15px; background-color:#fff; float:right; width:690px; height:352px}
.news>.newsHead{background-color:#157C6A; padding:7px 10px; line-height:40px}
.news>.newsHead>h1{margin:0; font:normal 18px 'GE Dinar One Regular'; float:right; line-height:26px; color:#f3f3f3;white-space: nowrap;}
.news>.newsHead>a{text-decoration:none; color:#fff; float:left; font:normal 14px 'GE Dinar One Regular'; line-height:26px; margin:0 0 0 8px;white-space: nowrap;}
.news>.newsHead>a.as-prev-arrow{background: url('../images/newsPrev.png') no-repeat; background-image: linear-gradient(transparent,transparent),url(../images/newsPrev.svg);display:block; height:20px; width:20px; margin:3px 8px 0 0}
.news>.newsHead>a.as-next-arrow{background: url('../images/newsNext.png') no-repeat; background-image: linear-gradient(transparent,transparent),url(../images/newsNext.svg);display:block; height:20px; width:20px; margin:3px}
.news>.newsHead>a.as-prev-arrow:hover{background-image:url(../images/newsPrev-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/newsPrev-hover.svg);}
.news>.newsHead>a.as-next-arrow:hover{background-image:url(../images/newsNext-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/newsNext-hover.svg);}

.newsSlider{padding:10px 0; position:relative;margin:0;list-style:none;height: 100%;}
.newsSlider>div.as-slide-inner{padding:0; margin:0; list-style:none;}
.newsSlider li{float: left; width: 319px; box-sizing: border-box; padding: 0; height: 285px;margin: 0;}
.newsSlider li.even{padding: 0;}
.newsSlider li>img{width:100%; max-width: 319px;}
.newsSlider li>h3{color:#6F6F6F; font: normal 14px 'Neue Helvetica LTW20 Roman'; margin: 0 0 2px; line-height: 20px; -webkit-text-size-adjust:100%}
.newsSlider li>span.date{font: normal 10px 'Neue Helvetica LTW20 Light'; color:#cacaca; display:block; margin-top: 5px;padding:0 25px 0 0; background:url('../images/newsDate.png') no-repeat center right; background-image: linear-gradient(transparent,transparent),url(../images/newsDate.svg);line-height: 19px;}
.newsSlider li>p{margin:0; font: normal 13px 'Neue Helvetica LTW20 Light'; line-height: 16px; color:#7B7B7B; padding-bottom: 5px;-webkit-text-size-adjust:100%}
.newsSlider li>p>a.more{text-decoration:none; color:#c1a73c}
/**Aside Section*/
.aside{float:left; width:260px}
.aside .publications{border:1px solid #d3d3d3; box-sizing:border-box; padding:15px; background-color:#fff; height:246px; margin:0 0 10px 0; position:relative;width: 260px;}
/*Publications*/
.publications>.pubHead{background-color:#157C6A; padding:7px 10px; line-height:40px; font:normal 18px 'GE Dinar One Regular'; line-height:26px; color:#f3f3f3}
.publications .bx-viewport, .publications .bx-wrapper{height:180px}
.publications .pubSlide{height:180px; position:relative; width:100%; padding:0; margin:0}
.publications .pubSlide li{height:180px; float:left; width:100%}
.publications .bx-controls-direction{position:absolute; top:60px; width:100%; height:25px; left:0}
.publications .bx-controls-direction a{position:absolute; width:15px; height:24px; top:70px; background: no-repeat; z-index:2; display:block}
.publications .bx-controls-direction a.bx-prev{background-image: url(../images/releasesPrev.png);background-image: linear-gradient(transparent,transparent),url(../images/releasesPrev.svg); right: 15px;}
.publications .bx-controls-direction a.bx-next{background-image: url(../images/releasesNext.png);background-image: linear-gradient(transparent,transparent),url(../images/releasesNext.svg);left: 15px;}
.publications .bx-controls-direction a.bx-prev:hover{background-image: url(../images/releasesPrev-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/releasesPrev-hover.svg);}
.publications .bx-controls-direction a.bx-next:hover{background-image: url(../images/releasesNext-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/releasesNext-hover.svg);}
.publications .pubSlide .slide{z-index:1; text-align:center}
.publications .pubSlide .slide div{display:inline-block; padding:30px 0}
.publications .pubSlide .slide div a{display:inline-block; text-decoration:none; text-align:center; padding:0; color:#7b7b7b; font:normal 16px 'GE Dinar One Regular'!important; width:100%}
.publications .pubSlide .slide div a span{width:100%; display:inline-block}
.publications .pubSlide .slide div>a>img{display:block; margin:0 auto 15px;height: 90px;width: auto;}
/*Employes Services*/
.empServices{border:1px solid #d3d3d3; box-sizing:border-box; padding:0; background-color:#fff; height:96px;position: relative;}
.empServices>a{color:#7b7b7b; display:block; height:94px; text-decoration:none}
.empServices>a>span.icon{width:92px; height: 96px; display:inline-block; float:right; background:#157C6A url('../images/employesServices.png') no-repeat center;background-image: linear-gradient(transparent,transparent),url(../images/employesServices.svg);position: absolute;top: -1px;right: -1px;}
.empServices>a:hover>span.icon{background-color:#C1A73C}
.empServices>a>span.text{float:left; display:inline-block; width:146px; padding: 20px 10px 0;}
.empServices>a>span.text>.title{font:normal 18px 'GE Dinar One Regular'; display:block}
.empServices>a>span.text>.description{font: normal 12px 'Neue Helvetica LTW20 Roman'; color:#b2b2b2;line-height: 19px;}
/***Tweets Bar***/
.tweets{overflow:hidden; border:1px solid #d3d3d3; box-sizing:border-box; padding:12px 10px 15px 15px; height: 62px; background:#fff url('../images/tweetBoxbg.png') no-repeat left 20px; background-image: linear-gradient(transparent,transparent),url(../images/tweetBoxbg.svg);background-size: 69px 58px;margin: 0 auto 10px;}
.tweets .tweetHead{background:url('../images/tweetboxLogo.png') no-repeat right center; background-image: linear-gradient(transparent,transparent),url(../images/tweetboxLogo.svg);float:right; height:35px; padding:0 50px 0 0; width:57px;text-decoration: none;}
.tweets .tweetHead>h3{margin:0; font:normal 18px 'GE Dinar One Regular'; color:#157C6A; line-height:22px}
.tweets .tweetHead>span{display:inline-block; text-align:right; font:12px verdana; color:#d3d3d3}
.tweets .bx-wrapper{width:798px; float:left}
.tweets .tweetsList{float:left; width:794px; padding:0 10px 0 0; height:35px; margin:0}
.tweets .tweetsList>span{font:13px 'Noto Kufi Arabic'; line-height:40px; color:#7b7b7b}
.tweets .tweetsList .singleTweet{/* height:40px */}
.tweets .tweetsList .singleTweet>.date{float: right; color:#cacaca; font:11px verdana; line-height:40px; background:url('../images/tweetDate.png') no-repeat right center; background-image: linear-gradient(transparent,transparent),url(../images/newsDate.svg);padding:0 20px 0 0}
.tweets .tweetsList .singleTweet>.tweetText{float:right; width: 606px; font: normal 12px 'Neue Helvetica LTW20 Roman'; line-height: 20px; color:#7b7b7b; padding: 8px 10px 0 0;text-decoration: none;}
.tweets .tweetsList .singleTweet>.tweetText>a{color:#7b7b7b; text-decoration:none; font:11px verdana}
/***Bottom Block***/
.bottomBlock{}
.bottomBlock>.rightSide{float:right; width:690px}
/***Bottom Block***/
.bottomBlock{margin:0 auto 20px auto}
.bottomBlock>.rightSide{float:right; width:690px}
.rightSide>.banner{height:109px; margin:0 0 10px 0;position: relative;width: 690px;}
.banner{box-sizing:border-box; border:1px solid #D3D3D3; background:#fff url('../images/banner-background.png') no-repeat left center; background-image: linear-gradient(transparent,transparent),url(../images/banner-background.svg);padding:15px; padding-left:0}
.banner>img{width:53px; float:right; background:url('../images/banner-icon.png') no-repeat center center; background-image: linear-gradient(transparent,transparent),url(../images/banner-icon.svg);background-size:contain; height: 67px; max-height:67px; margin-top: 0;}
.banner>div{float:left; position: absolute; height: 100%; width:85%;padding: 0 73px 0 0;top: 0;left: 0;}
.banner>div>div{ position: relative; margin: 28px 0 0 0; height:54px;  text-align:right; background-color:#157C6A; color:#FFF; font: 18px 'Neue Helvetica LTW20 Roman'; line-height: 48px; padding: 0 15px 10px 0; box-sizing:border-box}
/*Accordion*/
.accordion{position:relative; height:180px; overflow:hidden}
.accordion>div{position:absolute; width:480px; height:178px; top:0; background-color:#F3F3F3}
.accordion>div>.sideHead{width: 209px; float:right; position:relative; padding:0 15px; height:178px; cursor:pointer;box-sizing: border-box;}
.accordion>div>.sideHead>a{right:15px; position:absolute; bottom:15px; background-color:#157C6A; width:131px; color:#fff; text-align:right; text-decoration:none; font:18px 'GE Dinar One Regular'; height:35px; line-height:35px; padding:0 40px 0 10px; background-repeat:no-repeat; background-position:155px; -webkit-transition:background 0.3s ease-in; -moz-transition:background 0.3s ease-in; -ms-transition:background 0.3s ease-in; -o-transition:background 0.3s ease-in; transition:background 0.3s ease-in}
.accordion>div.active>.sideHead>a{background-color:#C1A73C}
.accordion>div.firstSide{right:0; z-index:1}
.accordion>div.firstSide>.sideHead{background:url('../images/quickLinks.png'); background-size:cover}
.accordion>div.firstSide>.sideHead>a{background-image:url('../images/qucikLinksIcon.png');background-image: linear-gradient(transparent,transparent),url(../images/qucikLinksIcon.svg);}
.accordion>div.secondSide{right:480px; z-index:2; -webkit-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); -moz-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); -o-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); /* easeInQuart */}
.accordion>div.secondSide.active{right:219px; background-color:#F3F3F3; -webkit-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); -moz-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); -o-transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); transition:right 500ms cubic-bezier(0.895,0.030,0.685,0.220); /* easeInQuart */}
.accordion>div.secondSide>.sideHead{background:url('../images/tenders.png'); background-size:cover}
.accordion>div.secondSide>.sideHead>a{background-image:url('../images/tendersIcon.png'); background-image: linear-gradient(transparent,transparent),url(../images/tendersIcon.svg);-webkit-transition:background 0.3s ease-in; -moz-transition:background 0.3s ease-in; -ms-transition:background 0.3s ease-in; -o-transition:background 0.3s ease-in; transition:background 0.3s ease-in}
.accordion>div>.sideText{width:271px; float:right; box-sizing:border-box; padding:0 15px}
.accordion>div>.sideText>ul{margin:0; padding:0; list-style:none}
.accordion>div>.sideText>ul>li{border-bottom: 1px solid #E2E2E2; padding:0 10px}
.accordion>div>.sideText>ul>li>a{font: 12px 'Neue Helvetica LTW20 Light'; text-decoration:none; line-height:28px; color:#7b7b7b; background:url('../images/qlBullet.png') no-repeat right 8px; background-image: linear-gradient(transparent,transparent),url(../images/qlBullet.svg);display:block; padding:0 25px 0 0}
/***Left Side***/
.leftSide{float:left; width:260px}
/*Connect With Us*/
.connectUs{margin:0 0 10px 0}
.connectUs>ul{padding:0; margin:0; list-style:none; height:59px}
.connectUs>ul>li{float:right; height:59px}
.connectUs>ul>li>a{display:block; width:62px; height:59px; background-color:#fff; background-repeat:no-repeat; background-position: center center;}
.connectUs>ul>li>a:hover{background-color:#C1A73C}
.connectUs>ul>li>a.emailUs{background-image:url(../images/maillist.png);background-image: linear-gradient(transparent,transparent),url(../images/maillist.svg);}
.connectUs>ul>li>a.faq{background-image:url(../images/faq.png);background-image: linear-gradient(transparent,transparent),url(../images/faq.svg); margin:0 4px}
.connectUs>ul>li>a.callUs{background-image: url(../images/phone.png);background-image: linear-gradient(transparent,transparent),url(../images/phone.svg); margin:0 4px 0 0}
.connectUs>ul>li>a.writeToUs{background-image: url(../images/pen.png);background-image: linear-gradient(transparent,transparent),url(../images/pen.svg);}
.connectUs>ul>li>a.emailUs:hover{background-image:url(../images/maillist-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/maillist-hover.svg);}
.connectUs>ul>li>a.faq:hover{background-image: url(../images/faq-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/faq-hover.svg);}
.connectUs>ul>li>a.callUs:hover{background-image: url(../images/phone-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/phone-hover.svg);}
.connectUs>ul>li>a.writeToUs:hover{background-image:url(../images/pen-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/pen-hover.svg);}
/**Vote Box**/
.vote{border:1px solid #d3d3d3; box-sizing:border-box; padding:20px 15px 15px 15px; background:#fff url('../images/votebg.png') no-repeat left bottom; background-image: linear-gradient(transparent,transparent),url(../images/votebg.svg);position:relative; height:230px;width: 260px;}
.vote>.voteHead{}
.vote>.voteHead>h3{margin:0 0 5px 0; font: 18px 'GE Dinar One Regular'; color:#7b7b7b}
.vote>.voteOptions{}
.vote>.voteOptions>.text{font: 13px 'Neue Helvetica LTW20 Light'; color:#7b7b7b;line-height: 19px;}
.vote>.voteOptions>.optionsList{margin:14px 5px}
.vote>.voteOptions>.optionsList>label{display:block; padding-right: 25px;font: 12px 'Neue Helvetica LTW20 Light'; color:#7b7b7b; line-height:20px;position: relative;}
.vote>.voteOptions>.optionsList>label>input{margin: 0 5px 0; float:right;padding: 5px 0 0 0;display: inline-block;position: absolute;right: 0;top: 5px;}
.vote>.voteOptions>.optionsList>label>span{float:right}
.vote>.voteOptions>.voteResults{position:absolute; bottom: -1px; left:15px; background-color:#157C6A; padding:0 10px; font: 13px 'Neue Helvetica LTW20 Light'; color:#fff;line-height: 16px;}
.vote>.voteOptions>.voteResults>a{text-decoration:none; line-height: 24px; color:#fff; display:inline-block; margin:0 3px;padding-bottom: 6px;}
/***Footer Section***/
.footer{margin: 0 auto;padding-bottom: 60px;}
.footer>.footerGreen{background-color:#3199DC;color:#f3f3f3;font: 12px 'Noto Kufi Arabic';box-sizing:border-box;padding:15px;margin: 11px 0 15px 0;line-height: 18px;width: 960px;}
.footer>.footerGreen>.right{float:right}
.footer>.footerGreen>.right>.rights{}
.footer>.footerGreen>.right>.fLinks{}
.footer>.footerGreen>.right>.fLinks>a{color:#f3f3f3; text-decoration:none; display:inline-block; margin:0 5px;white-space: nowrap;}
.footer>.footerGreen>.right>.fLinks>a:hover{color:#fff}
.footer>.footerGreen>.right>.fLinks>a:first-child{margin:0 0 0 5px;white-space: nowrap;}
.footer>.footerGreen>.left{float:left}
.footer>.footerGreen>.left>ul{margin:9px 0 0 0; padding:0; list-style:none}
.footer>.footerGreen>.left>ul>li{float:left; width:40px; text-align:center}
.footer>.footerGreen>.left>ul>li>a{ background-position: center center; background-repeat:no-repeat; height:22px; display: inline-block; font-size: 15px}
.footer>.footerGreen>.left>ul>li>a.facebook{background-image:url(../images/facebook.png);background-image:linear-gradient(transparent,transparent),url(../images/facebook.svg);width:22px}
.footer>.footerGreen>.left>ul>li>a.twitter{background-image:url(../images/twitter.png);background-image:linear-gradient(transparent,transparent),url(../images/twitter.svg); width:26px}
.footer>.footerGreen>.left>ul>li>a.youtube{background-image:url(../images/youtube.png);background-image:linear-gradient(transparent,transparent),url(../images/youtube.svg); width:20px}
.footer>.footerGreen>.left>ul>li>a.w3c{background-image:url(../images/w3c.png);background-image:linear-gradient(transparent,transparent),url(../images/w3c.svg); width:48px}
.footer>.footerGreen>.left>ul>li>a.html5{ width:44px}
.footer>.footerGreen>.left>ul>li>a.googleplus{background-image:url(../images/gplus.png);background-image:linear-gradient(transparent,transparent),url(../images/gplus.svg); width:22px}
.footer>.footerGreen>.left>ul>li>a.facebook:hover{background-image:url(../images/facebook-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/facebook-hover.svg);}
.footer>.footerGreen>.left>ul>li>a.twitter:hover{background-image:url(../images/twitter-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/twitter-hover.svg);}
.footer>.footerGreen>.left>ul>li>a.youtube:hover{background-image:url(../images/youtube-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/youtube-hover.svg);}
.footer>.footerGreen>.left>ul>li>a.googleplus:hover{background-image:url(../images/gplus-hover.png);background-image: linear-gradient(transparent,transparent),url(../images/gplus-hover.svg);}
.footer>.footerBrowsers{
}
.footer>.footerBrowsers>.right{/* background: url('../images/browsers.png') no-repeat right 0px; */float:right;width: 545px;height: 43px;font: 11px 'Noto Kufi Arabic';padding: 10px 139px 0 0;line-height: 17px;color:#B0B0B0;margin-right: 15%;}
.footer>.footerBrowsers>.left{float:left; margin: 10px 0 0 15px;}
.footer>.footerBrowsers>.left>a{display:inline-block; text-decoration:none; margin:0 5px 0 0}
.backtotop{background:url('../images/gototop.png') no-repeat;background-image: linear-gradient(transparent,transparent),url(../images/gototop.svg); width:51px; height:51px; position:fixed; cursor:pointer; margin:0; z-index:100;bottom: 135px;left: 50px;display: none;}
.ViewPortFix{width:100%}
@media screen and (max-width:960px){.header{margin: 0 0 30px 0; top:0; left:0;/*height: auto;*/}
    .backtotop{left: 15px;bottom: 15px;}
    body{background-size: cover;/* background-attachment: fixed; */}
    .w960{width:96%; margin:0 2%; box-sizing:border-box;padding-bottom: 0;}
    .headeritems{position:relative; top:0; left:0;min-height: 196px;margin-bottom: 15px;}
    .headmenu{margin: 0; -webkit-transition:right 0.5s ease-in-out; -moz-transition:right 0.5s ease-in-out; -ms-transition:right 0.5s ease-in-out; -o-transition:right 0.5s ease-in-out; transition:right 0.5s ease-in-out; display:none; border-top:1px solid #208C6F; position:relative; left:0; top:0;min-width: initial;float: none;}
    .headmenu.fixed{position:fixed; width:96%; margin:0 2%; top:62px; box-sizing:border-box}
    .headmenu.active{-webkit-transition:right 0.5s ease-in-out; -moz-transition:right 0.5s ease-in-out; -ms-transition:right 0.5s ease-in-out; -o-transition:right 0.5s ease-in-out; transition:right 0.5s ease-in-out;}
    .headmenu>li{float:none}
    .headmenu>li.home, .headmenu>li.last{display:none}
    .headmenu>li>a{float:none; padding:0 15px}
    .headmenu>li>ul{position:relative; top:0; height:auto; padding:5px; border-top:1px solid #33957C;width: 100%;}
    .headmenu>li>ul>li{float:none;border:none}
    .social{margin-top:55px}
    .menuContainer{top: 15px;height: auto;min-height: 62px;}
    .mobileMenu{height:62px; background-color:#157C6A; width:100%; z-index:100}
    .mobileMenu.fixed{margin: 0; top:0; position:fixed; width:96%;border-bottom: 1px solid #078A66;}
    .openMen{float:right; height:62px; width:62px; background:#078A66 url('../images/MenuMobileIcon.png') no-repeat center center;background-image: linear-gradient(transparent,transparent),url(../images/MenuMobileIcon.svg);cursor: pointer;}
    .searchMobile{display:block; float:left; height:62px; width:62px; overflow:hidden; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out; position:relative; border-right:1px solid #33957C;-webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;}
    .searchMobile.active{width:194px; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out}
    .searchMobile>a.search{width:62px; background:url('../images/searchMobile.png') center center no-repeat; background-image: linear-gradient(transparent,transparent),url(../images/searchMobile.svg);height:62px; padding:0; position: relative; left:0; float:left}
    .searchMobile>.searchbox{position: absolute; left:64px; height:62px; line-height:62px; float: left;}
    .searchMobile>.searchbox>input{outline-color:#078A66; width:105px; border:none; height:30px; line-height:30px; color:#EEE; font:14px 'Noto Kufi Arabic'; text-align:right; padding:0 5px; background-color:transparent}
    .searchMobile>.searchbox>input:focus{outline-color:#078A66}
    .toolsbox{margin: 60px 0 15px 0; z-index:101}
    .services{height:500px; margin: 0 0 15px 0; transition:height 0.4s ease-in-out;-webkit-transition:height 0.4s ease-in-out; -moz-transition:height 0.4s ease-in-out; -ms-transition:height 0.4s ease-in-out; -o-transition:height 0.4s ease-in-out;-webkit-transform: translateZ(0);}
    .services.minimize{height:250px;  transition:height 0.4s ease-in-out;-webkit-transition:height 0.4s ease-in-out; -moz-transition:height 0.4s ease-in-out; -ms-transition:height 0.4s ease-in-out; -o-transition:height 0.4s ease-in-out;}
    .items{width:100%; padding:0 15px; box-sizing:border-box; height:500px}
    .items>div{-webkit-backface-visibility: hidden;width:49%;box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);-webkit-transform: translateZ(0);}
    .items>div.eservices{left:initial; right: 1px; bottom:250px}
    .items>div.whatsnew{left:0; bottom:250px}
    .items>div.indicators{left:initial; bottom:0; right: 1px;}
    .items>div.regulations{left:0; bottom:0}


    .items>div>.text{width:100%;-webkit-transform: translateZ(0);}
    .items>div>.text>.first{width:100%}
    .items>div:hover>.text>span.first{right: 0;}
    .items>div>.text>.second{display:none;}
    .items>div>.GoldLine{width:100%; right:0;-webkit-transform: translateZ(0);}
    .slides{height:250px; width:100%}
    .slides>div{height:250px; width:100%}
    .slides>div>.side>img{bottom:-600px}
    .slides>div>.content{position:absolute; right: 0px; width:100%; box-sizing:border-box; padding-right: 260px;padding-left: 15px;height: 213px;float: none;-webkit-transform: translateZ(0);}
    .slides>div>.content.fourIconsList>ul{height:110px;margin: auto 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding-right: 260px;padding-left: 15px;width: initial;}
    .slides>div>.content.fourIconsList>ul>li{width: 25%; padding:0 5px; border:none}
    .slides>div>.content.fourIconsList>ul>li>div{padding:0; display:none}
    .slides>div>.content.fourIconsList>ul>li>a, .slides>div>.content.fourIconsList>ul>li>a:visited{font-size:15px;  height: 110px; position:relative; padding: 0;}
    .slides>div>.content.fourIconsList>ul>li>a>img{max-width: 90px; width:50%; min-width: 65px;margin-bottom: 10px;}
    .slides>div.regulations>.content{}
    .slides>div.regulations>.content>ul{}
    .slides>div.regulations>.content>ul>li{width:33.3%; padding:0 5px}
    .slides>div.regulations>.content>ul>li>h3{font-size: 14px;}

    .slides>div.whatsnew>.content{}
    .slides>div.whatsnew>.content>ul{}
    .slides>div.whatsnew>.content>ul>li{width:33.3%; padding:0 5px}
    .slides>div.whatsnew>.content>ul>li>h3{font-size: 14px;}

    .slides>div.adel .backToItems{left:380px;top:35px}
    .slides>div.adel>.side{width: 100%;padding-left: 395px;box-sizing: border-box;height: 216px;}
    .slides>div.adel>.side>.adelText{font-size: 12px;padding-left: 395px;line-height: 17px;top: 50px;}
    .slides>div.adel>.content{width: 354px; padding:0; height: 216px; right: initial;left: 15px;position: absolute;top: 16px;}
    .slides>div>.content>.adelVideo{width:100%; height:100%; margin:0;}
    .slides>div>.content>.adelVideo>a{width:100%; background-position: center center; background-size: cover;height:100%; display: block;position: static;margin: 0 auto;}
    .slides>div>.content>.adelVideo iframe{width:100%; height:100%;display: none;}
    .newsAndSide{margin-bottom:15px}
    .news{float:none; width:100%; box-sizing:border-box; max-height: 420px; margin-bottom:15px}
    .newsSlider li{width:50%; box-sizing:border-box;height: 100%;}
    .news .bx-wrapper{height: auto!important;}
    .news>.bx-wrapper>.bx-viewport{height: auto!important;}
    .newsSlider li>img{max-width: initial;max-height: 138px;}
    .aside{float:right; width:50%; padding:0 0 0 14px; box-sizing:border-box}
    .aside .publications{margin:15px 0 0 0; height:170px;width: initial;}
    .publications .bx-viewport, .publications .bx-wrapper{height:90px}
    .publications .pubSlide, .publications .pubSlide .slide{width:100%; height:90px}
    .publications .bx-controls-direction{top:30px; left:0}
    .publications .bx-controls-direction a.bx-prev{right:10px}
    .publications .bx-controls-direction a.bx-next{left:10px}
    .publications .pubSlide .slide div{padding:0; width:100%}
    .publications .pubSlide .slide div a, .publications .pubSlide .slide div a:visited{position:relative; min-height:90px; width: 200px; color:#7b7b7b; text-decoration:none}
    .publications .pubSlide .slide div a span{display:inline-block; text-align:right; line-height:125px; text-decoration:none; float:left; margin:0 15px 0 0; width:auto; color:#b7b7b7!important}
    .publications .pubSlide .slide div>a>img{margin:20px 0; max-height:70px; display:block; float:right}
    .empServices>a{position:relative}
    .empServices>a>span.text{position:absolute; width:100%; box-sizing:border-box; right:0; padding-right:105px; padding-top: 14px;height:100%}
    .empServices>a>span.text>.description{font-size:15px; padding: 0; display:block}
    .connectUs{float:left; width:50%; height:96px; margin-bottom:15px; padding:0; box-sizing:border-box}
    .connectUs>ul{height:100%}
    .connectUs>ul>li{height:100%; width:25%}
    .connectUs>ul>li>a{height:100%; width:auto; background-image:none; background-size:contain}
    .connectUs>ul>li>a:hover{background-color: #C1A73C;}
    .connectUs>ul>li>a.faq, .connectUs>ul>li>a.faq:hover{background-size: 24px 42px;}
    .connectUs>ul>li>a.callUs, .connectUs>ul>li>a.callUs:hover{background-size: 40.5px 40.5px;}
    .connectUs>ul>li>a.writeToUs, .connectUs>ul>li>a.writeToUs:hover{ background-size: 40.5px 40.5px;}
    .connectUs>ul>li>a.emailUs, .connectUs>ul>li>a.emailUs:hover{background-size: 46.5px 37.5px;}
    .no-svg .connectUs>ul>li>a.faq, .no-svg .connectUs>ul>li>a.faq:hover,.no-svg .connectUs>ul>li>a.callUs, .no-svg .connectUs>ul>li>a.callUs:hover,.no-svg .connectUs>ul>li>a.writeToUs, .no-svg .connectUs>ul>li>a.writeToUs:hover,.no-svg .connectUs>ul>li>a.emailUs, .no-svg .connectUs>ul>li>a.emailUs:hover{background-size: initial!important;}
    .tweets{height:170px; background-position:left bottom; position:relative; float:left; width:50%; margin:0}
    .tweets .tweetHead{float:none; box-sizing:border-box; width: 100%; padding-bottom:5px; height:45px; position:absolute; right:0; z-index:2; margin:0 10px 0 0}
    .tweets .tweetsList{float:none; width:100%; box-sizing:border-box; height:auto; min-height:113px}
    .tweets .tweetsList>span{margin:0 150px 0 0}
    .tweets .tweetsList .singleTweet{height:auto; min-height:150px; margin-top:46px; border-top:5px solid #157C6A}
    .tweets .tweetsList .singleTweet>.date{position:absolute; left:0; top:-50px; /* width:160px; */float:left; z-index:2}
    .tweets .tweetsList .singleTweet .tweetText{height:auto; width:100%; line-height:20px; padding:0 5px; padding-top:20px; float:none; clear:both; display:block; font:12px 'GE Dinar One Regular'; box-sizing:border-box; -webkit-text-size-adjust:100%}
    .tweets .tweetsList .singleTweet>.tweetText>a{font:12px tahoma}
    .bottomBlock>.rightSide{float:none; width:100%;position: relative;}
    .rightSide>.banner{height:auto; float:none; height:97px; width:100%}
    .rightSide>.banner>img{margin:0}
    .banner>div>div{line-height: 40px; padding:5px 10px; margin-top: 23px;font-size:16px}
    .accordion{width:65%; float:right; padding:0 0 0 15px; box-sizing:border-box; height:230px}
    .accordion>div{height:115px; width:100%; box-sizing:border-box; padding:0 209px 0 0;background: none;}
    .vote{float:left; width:35%}
    .accordion>div{float:left}
    .accordion>div>.sideText{display:none; margin:0 0px 0 0; width:100%}
    .accordion>div.active>.sideText{display:block}
    .accordion>div.secondSide.active{right:0; background:none}
    .accordion>div.secondSide{right:0; z-index:1; top:120px}
    .accordion>div.secondSide>.sideText{top:-120px; position:relative}
    .accordion>div>.sideHead{height:110px; z-index:4; position:absolute; right:0}
    .accordion>div.secondSide>.sideHead{top:0}
    .accordion>div>.sideText>ul>li>a{font-size:12px; line-height:36px; background-position:right}
    .bottomBlock{margin-bottom:15px}
    .footer{margin-bottom:25px;padding-bottom: 0;}
    .footer>.footerGreen{width:100%}
    .footer>.footerBrowsers>.right{min-width: 400px; height:auto; min-height:53px;box-sizing: border-box;background-position: right center;}
    .footer>.footerBrowsers>.left{}
}
@media screen and (max-width:767px){
    .header{margin:0}
    .headeritems{
        min-height: 183px;
        margin-bottom: 15px;
    }
    .header_qayyem > p {float:left;display:block;width: 444px;margin-right:10px;margin-top:6px;font-size:16px;}
    .services{height:470px}
    .services.minimize{height: 470px;}
    .mobileMenu{position:relative; width:100%; margin:0; box-sizing:border-box; /* top:10px; */}
    .mobileMenu.fixed{top:0}
    .menuContainer{top:0}
    .logo{margin:34px auto 0;}
    .userbox .head{text-align:right}
    .themes .head{text-align:right}
    .userbox .loginbutton{position:relative}
    .apps .applications>li>a>span.icon{background-image:url('../images/sprite_mobile.png')}
    .apps .applications>li>a:hover>span.icon{background-color:transparent}
    .backToItems{top:33px;left:25px}
    .slides{height:470px}
    .slides>div{height: 470px;}
    .items{height:470px}
    .items>div{height:110px; width:100%}
    .slides>div>.side{float:none; margin:0 auto; border-left:none; border-bottom:1px solid #d3d3d3; max-height:50px; width:100%}
    .slides>div.active>.side>img{width:100%; max-height:90px; bottom:10px; display:none}
    .items>div>.text{line-height:20px; font-size:18px; height:35px}
    .items>div>.text>span.first{box-sizing:border-box; text-align:right; padding-right:105px}
    .items>div>.icon{width:70px; height:70px; background-size: 98% 98%; background-repeat:no-repeat; top:-6px; margin:auto 0; right:20px;background-position: center center;}
    .items>div>.icon>img{max-width:50%}
    .items>div>.icon{-webkit-transition:right 0.4s ease-in; -moz-transition:right 0.4s ease-in; -ms-transition:right 0.4s ease-in; -o-transition:right 0.4s ease-in; transition:right 0.4s ease-in; top:-6px}
    .items>div>.icon.active{-webkit-transition:right 0.4s ease-in; -moz-transition:right 0.4s ease-in; -ms-transition:right 0.4s ease-in; -o-transition:right 0.4s ease-in; transition:right 0.4s ease-in; top:-6px}
    .items>div>.icon.activeMobile{right: 102%; z-index:4}
    .items>div.eservices{bottom:360px; left:0; right:initial}
    .items>div.whatsnew{bottom:240px}
    .items>div.indicators{left:0; right:initial; bottom:120px}
    .items>div.regulations{}
    .items>div.whatsnew{}
    .slides>div>.content{position:static; float:none; padding-right:0;padding-left: 0;height: 307px;}
    .slides>div>.content.fourIconsList>ul{padding-top: 0;padding-right: 0;height: 307px;/* position: relative; */}
    .slides>div>.content.fourIconsList>ul>li{ float:right; width:50%; padding: 35px 0 45px;box-sizing: border-box;}
    .slides>div>.content.fourIconsList>ul>li>a, .slides>div>.content.fourIconsList>ul>li>a:visited{background-size:26% 68%; background-position:center top; padding-top:0; float:none; box-sizing:border-box;}
    .slides>div>.content.fourIconsList>ul>li>div{float:none; width:100%; box-sizing:border-box; padding:0 5px; padding-top:5px}
    .slides>div.regulations>.content>ul>li{width:100%; padding:0; float:none; border:none}
    .slides>div.regulations>.content>ul>li>ul:after{display:block; clear:both; content:' '}
    .slides>div.regulations>.content>ul>li>ul>li{float:right; margin:0 1%; width:48%; box-sizing:border-box}
    .slides>div.regulations>.content>ul>li>ul>li.last{border-bottom:1px solid #ededed}
    .slides>div.regulations>.content>ul>li>ul>li>a, .slides>div.regulations>.content>ul>li>ul>li>a:visited{font-size: 13px; line-height: 18px;}

    .slides>div.whatsnew>.content>ul>li{width:100%; padding:0; float:none; border:none}
    .slides>div.whatsnew>.content>ul>li>ul:after{display:block; clear:both; content:' '}
    .slides>div.whatsnew>.content>ul>li>ul>li{float:right; margin:0 1%; width:48%; box-sizing:border-box}
    .slides>div.whatsnew>.content>ul>li>ul>li.last{border-bottom:1px solid #ededed}
    .slides>div.whatsnew>.content>ul>li>ul>li>a, .slides>div.whatsnew>.content>ul>li>ul>li>a:visited{font-size: 13px; line-height: 18px;}

    .slides>div.adel .backToItems{top: 33px;left: 25px;}
    .slides>div.adel>.side{width:100%; height: auto; max-height:100%; float:none; position:relative;padding: 0;margin-bottom: 15px;}
    .slides>div.adel>.side>.adelText{position:static; margin:10px 0 5px;padding: 0;}
    .slides>div.adel>.side>h3{position:relative;display: inline-block;}
    .slides>div.adel>.side>hr{display:block;margin: 8px 0 0 0;background-color: #d3d3d3;border: none;height: 1px;}
    .slides>div.adel>.side>span{}
    .slides>div.adel>.side>div.adelButtons{width:100%;position: relative;bottom: -10px;}
    .slides>div.adel>.side>div.adelButtons>a{width:100%;box-sizing:border-box;margin: 0 0 10px 0;padding-top: 5px;padding-bottom: 10px;}
    .slides>div.adel>.content{float:none; position: static; width:100%; height: 100%; min-height: 150px; margin-top: 20px;max-height: 150px;}
    .slides>div>.content>.adelVideo{top: 0;}
    .slides>div.adel>.side>.adelText>div.adelButtons{padding:0;position: static;}
    .slides>div.adel>.side>.adelText>div.adelButtons>a{display:block; margin:5px 0}
    .slides>div>.content>.adelVideo>a{width: 100%;margin: 0 auto;min-width: 200px;max-width: 369px;height: 150px;background-size: initial;}
    .news{height:auto}
    .newsSlider>div.as-slide-inner>div>div{width:100%; padding:0 0 10px 0!important}
    .newsSlider li>h3{padding:0 5px}
    .newsSlider li>span.date{margin:5px 5px 0}
    .newsSlider li>p{
        padding: 0 5px 5px;
    }
    .aside{float:none; width:100%; padding:0; margin-bottom:15px}
    .empServices>a>span.text>.title{line-height: 26px;}
    .empServices>a>span.text>.description{line-height: 20px;}
    .connectUs{float:none; width:100%; height:70px}
    .tweets{float:none; width:100%}
    .publications .pubSlide .slide div>a>span{float:right; color:#b7b7b7; line-height:125px;white-space: nowrap;}
    .rightSide>.banner{margin-bottom:15px}
    .banner>div{width: 100%;position: absolute;height: 97px;left: 0;top: 0;box-sizing: border-box;padding: 0 83px 0 0;}
    .accordion{float:none; width:100%; height:auto; position:static;padding: 0;}
    .accordion>div{float:none; position:relative; padding:0; height:auto; margin-bottom:15px}
    .accordion>div.secondSide{top:0}
    .accordion>div.secondSide>.sideText{position:static}
    .accordion>div>.sideHead{position:relative; padding:0; float:none; width:100%}
    .accordion>div>.sideHead>a{display:block; width: 92%; height:auto; box-sizing:border-box; font-size:15px; background-position: 15px; line-height: 38px; padding-right: 15px; right:0; margin: 0 4%;}
    .accordion>div>.sideText{padding:0 5px; float:none; display:block; position:static}
    .accordion>div.active>.sideHead>a{background-color:#157C6A}
    .accordion>div>.sideText>ul>li{padding:0}
    .accordion>div>.sideText>ul>li:last-child{border:none}
    .accordion>div>.sideText>ul>li>a{padding-right:20px; font-size:13px; line-height:36px}
    .vote{width:100%; float:none; margin-bottom:15px; height:190px}
    .vote>.voteOptions>.text{float: none;  margin: 0 0 5px 0; display: block;}
    .vote>.voteOptions>.optionsList{float:right;width:50%;margin: 0 0 5px;}

    .footer>.footerGreen{padding:8px}
    .footer>.footerGreen>.right{float:none; font-size:14px}
    .footer>.footerGreen>.right>.rights, .footer>.footerGreen>.right>.fLinks{text-align:center; margin-bottom:5px}
    .footer>.footerGreen>.left{float:none; text-align:center; margin-top:6px}
    .footer>.footerGreen>.left>ul{display:inline-block}
    .footer>.footerBrowsers>.right{width: 70%; box-sizing:border-box; height:auto; max-width:100%; background-position:center top; padding:63px 0 0 0; text-align:center;margin: 0 15%;min-width: initial;}
    .footer>.footerBrowsers>.left{width:100%; text-align:center; margin-top:15px;margin-left: 0;}
    .footer>.footerBrowsers>.left>a{}
    .footer>.footerBrowsers>.left>a>img{display:inline-block; width: 100%;max-width: 80px;}
}
@media screen and (max-width:626px){

    .logo{margin:34px auto 0; float:right;background-size: contain;}
    .toolsbox{float:none; clear:both; margin: 15px auto 15px; text-align:center}
    .toolsbox>div{display:inline-block; float:none; position:relative}
    .toolsbox>div>div.apps.active{width:200px}
    .toolsbox>div>div.apps>div.panel{padding:7px 0; width:148px}
    .toolsbox>div>div.userbox{margin:0}
    .wekalatindex
    {
        width:97% !important;
        background:url(../images/ar/Item2.png) no-repeat;
    }
    #ListItem a {
        width: 97%;
    }
    ul#ListItem li p {
        position: relative;
        top: 105px;
        margin: 0 auto;
        height: 30px;
        text-align: center;
        font: 24px 'GE Dinar One Regular';
    }
    @media screen and (max-width:480px){
        .headeritems{}
        .logo {
            margin: 35px auto 15px;
            float: right;
            width: 45%;
            max-width: 258px;
            max-height: 97px;
        }
        .vision {
            float: left;
            background: url(./vision.gif) no-repeat center center;
            background-image: linear-gradient(transparent,transparent),url(./vision.gif);
            background-size: 230px;
            display: block;
            height: 130px;
            width: 230px;
            margin: 30px 0 0 0;
        }
        .qayyem{float:right;background:url(../images/qayyem2.png) no-repeat center center;background-image: linear-gradient(transparent,transparent),url(../images/qayyem2.svg);display:block;height:65px;width: 120px;margin: 0 2px 10px 0;border-left: solid 1px #bdbdbd;}
        .header_qayyem > p {float:left; display:block; width: 53%;  margin-right:10px; margin-top:6px; font-size:10px;}
        .social{float:none; margin:0 auto; display:block; position:relative; top:0; width:200px}
        .toolsbox{margin: 0 auto 10px; text-align:center; /* float:right; */}
        .toolsbox>div{float:none; margin:0 auto; display:inline-block; position:relative}
        .toolsbox>div>div.apps.active{width:148px; margin:0; border:none}
        .toolsbox>div>div.apps.active>div.panel{left:36px; border:none}
        .toolsbox>div>div.apps>div.panel{padding:3px 0; border:none; background:none; border:none}
        .toolsbox>div>div{width:40px; height:40px}
        .toolsbox>div>div>a.link{  width:40px; height:40px;  background-position: -3px -4px;}
        .toolsbox>div>div:hover>a.link{background-color:#fff; width:40px;background-position: -3px -4px;}
        .toolsbox>div>div>div.panel{left: 0;top: 42px;width: 175px;}
        .userbox .loginbox input{width: 121px;}
        .themes .colors>a{width:50px}
        .apps .applications>li>a>span.icon{width:26px}
        .apps .applications>li{width:27px; margin:0}
        .searchMobile{left:0}
        .slides>div.regulations>.content>ul>li>h3{margin-top:15px}
        .slides>div.whatsnew>.content>ul>li>h3{margin-top:15px}
        .banner>div>div{line-height: 21px;font-size: 15px;}
    }

    @media screen and (max-width:340px){
        .header_qayyem > p {float:left; display:block; width: 51%;  margin-right:10px; margin-top:6px; font-size:10px;}

    }