*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

body{font-size:22px;color:#404040;overflow:auto;overflow-x:hidden;margin:0 auto;padding:0;font-family:'IBMPlexSansArabic-Meduim', Helvetica;direction:rtl;min-width:375px;background-color:#fff;}
.clr{clear:both;display:block;height:0;padding:0!important}
img{border:0;vertical-align:middle}
a{text-decoration:none;outline:0}
ul{-webkit-padding-start:0}
*{font-family: "IBMPlexSansArabic-Medium" , system-ui;} 
header .topbar{max-width:1506px;width:100%;margin:0 auto;font-size:18px;padding:10px;color:#6a6a6a;line-height:24px}
.rheader{float:right;width:65%}
.lheader{float:left;width:35%;text-align:left;position:relative}
.rheader>*{float:right}
.lheader>*,.srch strong{float:left}
header a:link,header a:visited,header span.datetime,header .srch strong{padding:5px 12px;color:#6a6a6a}
header a path,header span path{fill:#6a6a6a}
header a:hover{color:#005b51}
.datetime:hover{cursor:default;color:#005b51}
header a:hover path,header span:hover path{color:#005b51;fill:#005b51}
header svg{float:right;height:24px!important}
.sp{position:relative;bottom:-5px;padding:0 12px}
.lheader .tooltip>span{transition:all .3s ease-out;position:absolute;top:0;box-shadow:0 0 50px -20px rgba(0,0,0,0.75);background-color:#fff;z-index:999999999;left:40px;width:368px;display:block;}
.lheader .tooltip.srclose>span{visibility:hidden;opacity:0}
.lheader .tooltip.sropen>span{visibility:visible;opacity:1}
.srch input[type="text"]{width:80%;float:right;font-family:DIN Next LT Arabic;font-size:16px;color:#404040;padding:5px;background-color:#eee;border-radius:3px;border:none}
.srch input[type="button"]{width:18%;float:right;margin-right:2%;font-family:DIN Next LT Arabic;font-size:16px;color:#fff;padding:5px;background-color:#005b51;border-radius:3px;border:none;cursor:pointer;min-width:auto;}
.hbottom{background:url(../images/header_bg.png) no-repeat left top #fff;border-top:1px solid #e7e7e7;box-shadow:0 15px 20px -8px rgba(0,0,0,0.1);position:relative;transition:all .3s ease-out}
.hbottom.fixed{position:fixed;top:0;right:0;width:100%;z-index:99991;transition:all .3s ease-out;}
.hbottom>div{max-width: 1548px;width:100%;margin:0 auto;padding: 5px 0 0;transition:all .3s ease-out;}
.hbottom.fixed>div{padding:0 10px;transition:all .3s ease-out}
.logo{width:20%;float:right}
.logo img{max-width:100%;transition:all .3s ease-out;width: 270px;}
.hbottom.fixed .logo img{width:200px;transition:all .3s ease-out}
.login:link,.login:visited{float:left;background-color: #1B8354;padding: 15px 20px 24px;border-radius:5px;color:#fff;display:inline-block;/* max-width:15%; */margin:15px 0 0;font-size:20px;transition:all .3s ease-out;text-decoration:none;}
.hbottom.fixed .login:link,.hbottom.fixed .login:visited{padding:14px 20px;margin: 14px 0 0;transition:all .3s ease-out;}
.login span{opacity: 1;display:inline-block;transition:all .3s ease-out;white-space:nowrap;text-indent:-4px;width:0;vertical-align: -5px;overflow:hidden;padding-right: 15px;float: left;}
.login:hover span{opacity:1;padding-right:15px;transition:all .3s ease-out;width:15px}
nav{width:65%;float:right;margin:40px 0 0;transition:all .3s ease-out}
.hbottom.fixed nav{margin:25px 0 0;transition:all .3s ease-out}
#menu{padding:0;margin:0;list-style:none;text-align:center}
#menu>li{display:inline-block}
#menu>li>a:link,#menu>li>a:visited{color:#4e4e4e;font-size: 22px;text-decoration:none;padding: 0 17px 34px;display:block;text-align:center;transition:all .3s ease-out;}
.hbottom.fixed #menu>li>a:link,.hbottom.fixed #menu>li>a:visited{color:#4e4e4e;font-size:20px;text-decoration:none;padding:0 14px 24px;display:block;text-align:center;transition:all .3s ease-out}
#menu>li.current>a:visited{color:#3ca776}
#menu>li>a img{margin:0 auto}
#menu>li:hover>a{color:#3ca776}
#menu>li>ul{display:none;padding:20px 20px 40px;margin:0;list-style:none;background-color:transparent;background-color:#005b51;width:100%!important;position:absolute;top: 100%;right:0;overflow:hidden;text-align:right;}
.hbottom.fixed #menu>li>ul{top:82px;}
#menu>li>ul li{float:right;width: 23%;border-bottom:1px solid rgba(60,167,118,0.5);margin:10px 1%;}
#menu>li>ul li a:link,#menu>li>ul li a:visited{display:block;font-size:16px;color:#fff;text-decoration:none;padding:10px}
#menu>li>ul li a:hover{color:#3ca776}
.slicknav_menu{display:none;font-size:14px;padding:0}
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:left;padding: 15px!important;cursor:pointer;text-decoration:none;background-color:#005b51;border-radius:5px;}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#404040;font-size:18px;white-space:nowrap;display:none}
.slicknav_menu .slicknav_icon{float:right;margin:0}
.slicknav_menu .slicknav_icon-bar{display:block;width:40px;height:5px;background-color:#fff}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.3em}
.dropdown{z-index: 999;}
.slicknav_nav{clear:both;margin:0;padding:0;position:absolute;top: 100%;width:100%;right:0;background-color:#005b51;z-index: 999;}
.slicknav_nav ul,.slicknav_nav li{display:block}
.slicknav_nav li{border-top:1px solid #0c4e47}
.slicknav_nav a{display:block;padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff!important;font-size:16px}
.slicknav_nav a img{display:none}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline;padding:0;margin:0}
.slicknav_menu:before,.slicknav_menu:after{content:"";display:table}
.slicknav_menu:after{clear:both}
.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}
.slicknav_nav ul{padding:0;margin:0}
.slicknav_nav .slicknav_row{padding:5px 10px;margin:2px 5px}
.slicknav_nav li ul li{width:100%;background-color:#3ca776;border-top:1px solid #279863}
.slicknav_nav li ul a{color:#fff!important;font-size:14px;margin:0 10px}
.slicknav_nav li ul li:last-child a{border-bottom:none}
.slicknav_nav .slicknav_row:hover{color:#3ca776}
.slicknav_nav .slicknav_txtnode{margin-left:15px}
#my-slide,.projector{width:100%!important;/* height:530px!important; */padding-bottom:0!important;}
#my-slide .devrama-slider{width:100%!important;/* height:530px!important */}
#my-slide .primary-img{width:100%!important}
#my-slide .r1{color:#005b51;font-size:52px;right:5%!important;white-space:nowrap;max-width:1406px;margin:0 auto}
#my-slide .r2{color:#42b983;font-size:52px;right:5%!important;max-width:1406px;margin:0 auto}
#my-slide:hover .button-next{display:block!important;left:0!important;right:auto!important;top:50%!important;width:42px!important;height:135px!important;margin-top:-67.5px!important;background:url(../images/arrow_left.png) no-repeat center center!important;opacity:1!important;font-size:0!important;border-radius:0!important;background-color:transparent!important}
#my-slide:hover .button-previous{display:block!important;right:0!important;left:auto!important;top:50%!important;width:42px!important;height:135px!important;margin-top:-67.5px!important;background:url(../images/arrow_right.png) no-repeat center center!important;opacity:1!important;font-size:0!important;border-radius:0!important;background-color:transparent!important}
#my-slide .button-previous, #my-slide .button-next{display:none;}
#my-slide .navigation,#my-slide .slider-progress{display:none!important}
.lazy-background{transform:scale(1.2,1.2);opacity:0;transition:opacity .3s ease-out;/*min-height:530px!important*/;height: auto !important;}
@-webkit-keyframes zoom {
from{-webkit-transform:scale(1.2,1.2)}
to{-webkit-transform:scale(1,1)}
}
@keyframes zoom {
from{transform:scale(1.2,1.2)}
to{transform:scale(1,1)}
}
.active .lazy-background{-webkit-animation:zoom 20s;animation:zoom 20s;opacity:1;transition:opacity .3s ease-out}
.services{width:100%;margin:0 auto;z-index:9;position:relative;background:linear-gradient(to right,#42b983 0%,#42b983 47%,#42b983 50%,#005b51 50%,#005b51 100%)}
.srv_ul{padding:0;margin:0;list-style:none;max-width:1566px;margin:0 auto}
.srv_ul li{float:right;width:25%;height:140px;padding:40px 30px;transition:all .3s ease-out;}
.srv_ul li:nth-child(1){background-color:#005b51}
.srv_ul li:nth-child(2){background-color:#007467}
.srv_ul li:nth-child(3){background-color:#339c7d}
.srv_ul li:nth-child(4){background-color:#42b983}
.srv_ul li>span{display:block;padding: 0 0 20px;color:#fff;font-size:22px;cursor:default;}
.srv_ul li>span img{height:54px}
.srv_ul li a:link,.srv_ul li a:visited{color:#fff;font-size:18px;padding:5px 0;transition:all .3s ease-out;position:relative;left:0}
.srv_ul li a:hover{left:-10px;transition:all .3s ease-out}
.srv_ul li:nth-child(1) a:hover{color:#42b983}
.srv_ul li:nth-child(2) a:hover{color:#42b983}
.srv_ul li:nth-child(3) a:hover{color:#005b51}
.srv_ul li:nth-child(4) a:hover{color:#005b51}
.srv_ul li a{display:none;transition:all .3s ease-out}
.srv_ul:hover a{display:block;transition:all .3s ease-out}
.srv_ul:hover li{height: 266px;transition:all .3s ease-out;}
.links{margin:52px 0}
.links .slick-slider{position:relative;display:block}
.links .slick-track{position:relative;top:0;left:0;display:block}
.links .slick-list{position:relative;display:block;overflow:hidden;max-width:1506px;width:100%;margin:0 auto;z-index:9;position:relative;box-shadow:0 0 35px 0 rgba(0,0,0,0.1)}
.links .slick-slide{overflow:hidden;float:right}
.links .slick-next{position:absolute;top:50%;right:0;cursor:pointer;margin-top:-67.5px;opacity:0}
.links .slick-prev{position:absolute;top:50%;left:0;cursor:pointer;margin-top:-67.5px;opacity:0}
.links .links_slider:hover .slick-next,.links .links_slider:hover .slick-prev{opacity:1}
.links .slick-slide{display:block;width:100%;text-align:center;padding:24px;display:inline-block;border-left:1px solid #eee}
.links .slick-slide img{max-width:95%;opacity:1;transition:all .3s ease-out;}
.links .slick-slide:hover img{opacity:.6;transition:all .3s ease-out}
.newsbar{max-width:1506px;width:100%;margin:52px auto}
.news{float:right;width:49%;margin-left:1%}
.hblock .title{font-size:30px;color:#005b51;border-bottom:1px solid #d9d9d9;margin-bottom:20px}
.hblock .title a:link,.hblock .title a:visited{float:right;padding:10px 0;color:#005b51;font-size:30px;margin:0;transition:all .3s ease-out;display:block;position:relative;}
.hblock .title a:after{content:"";width:115px;height:4px;background-color:#005b51;position:absolute;bottom:-2px;right:0;transition:all .3s ease-out}
.hblock .title a:hover{color:#3ca776;transition:all .3s ease-out;padding-right:15px}
.hblock .title a span{opacity:0;display:inline-block;transition:all .3s ease-out}
.hblock .title a:hover span{opacity:1;padding-right:15px;transition:all .3s ease-out}
.container{width:100%;float:right;display:inline-block;overflow:hidden;box-sizing:border-box;position:relative;box-shadow:0 15px 20px -8px rgba(0,0,0,0.1);padding:50px 20px 20px}
.marquee,[class^="marquee"]{display:inline-block;white-space:nowrap;position:absolute;font-size:20px;top:10px;}
.marquee{margin-right:25%}
.marquee-content-items{display:inline-block;padding:0;margin:0;position:relative;-webkit-padding-start:0;z-index:9999}
.marquee-content-items li{display:inline-block;color:#4e4e4e}
.marquee-content-items li:after{content:"|";margin:0 1em}
.marquee-content-items a:link,.marquee-content-items a:visited{color:#4e4e4e;display:inline-block}
.marquee-content-items a:hover{color:#42b983}
.news .slick-slider{position:relative;display:block}
.news .slick-track{position:relative;top:0;left:0;display:block}
.news .slick-list{position:relative;display:block;overflow:hidden}
.news .slick-slide{overflow:hidden;float:right;position:relative;margin:0}
.news .slick-dots{position:absolute;top:-43px;left:0;padding:0;margin:0;list-style:none;text-align:left}
.news .slick-dots li{width:44px;cursor:pointer;display:inline!important}
.news .slick-dots li button{display:inline-block;width: 32px;height:4px;border: 0;background:#d9d9d9;margin: 0 10px 0 0;}
.news .slick-dots li.slick-active button{background:#42b983}
.news .slick-next{position:absolute;top:50%;right:0;cursor:pointer;margin-top:-67.5px;opacity:0;z-index:3}
.news .slick-prev{position:absolute;top:50%;left:0;cursor:pointer;margin-top:-67.5px;opacity:0}
.news .news_slider:hover .slick-next,.news .news_slider:hover .slick-prev{opacity:1}
.news .slick-slide .ntitle{font-size:22px;color:#fff;position:absolute;width:100%;bottom:0;left:0;padding: 40px 20px 20px;z-index:999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+50,000000+100&0+0,0.4+50,0.75+100 */background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */}
.news .slick-slide img{min-width:100%;height:441px;position:relative;z-index:9}
/* .news .slick-slide:after{content:"";background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;left:0;top:0;z-index:99} */
.nb_left{float:right;width:49%;margin-right:1%}
.informatic .slick-slider{position:relative;display:block}
.informatic .slick-track{position:relative;top:0;left:0;display:block}
.informatic .slick-list{position:relative;display:block;overflow:hidden;margin:0;box-shadow:0 0 35px 0 rgba(0,0,0,0.1);border-right:4px solid #42b983;height:159px;}
.informatic .slick-slide{overflow:hidden;float:right;padding: 10px;}
.informatic .slick-dots{position:absolute;top:-43px;left:0;padding:0;margin:0;list-style:none;text-align:left}
.informatic .slick-dots li{width:44px;cursor:pointer;display:inline!important}
.informatic .slick-dots li button{display:inline-block;width: 32px;height: 4px;border: 0;background: #d9d9d9;margin: 0 10px 0 0;}
.informatic .slick-dots li.slick-active button{background:#42b983}
.informatic .slick-slide a{display:inline-block;text-align:center;width:49%;float:right;padding:15px}
.informatic .slick-slide a:nth-child(odd){border-left:1px solid #d9d9d9}
.informatic .slick-slide img{max-width:95%}
.elan{margin-top:30px;}
.elan .slick-slider{position:relative;display:block}
.elan .slick-track{position:relative;top:0;left:0;display:block}
.elan .slick-list{position:relative;display:block;overflow:hidden;margin:0;box-shadow:0 0 35px 0 rgba(0,0,0,0.1);border-right:4px solid #42b983}
.elan .slick-slide{overflow:hidden;float:right;position:relative;margin:0;padding:0 20px}
.elan .slick-dots{position:absolute;top:-43px;left:0;padding:0;margin:0;list-style:none;text-align:left}
.elan .slick-dots li{width:44px;cursor:pointer;display:inline!important}
.elan .slick-dots li button{display:inline-block;width: 32px;
    height: 4px;
    border: 0;
    background: #d9d9d9;
    margin: 0 10px 0 0;}
.elan .slick-dots li.slick-active button{background:#42b983}
.elan .slick-slide .ntitle{font-size:22px;color:#fff;position:absolute;width:100%;bottom:0;left:0;padding:20px;z-index:999}
.elan .slick-slide a:link,.elan .slick-slide a:visited{display:block;color:#4e4e4e;font-size:18px;padding:10px}
.elan .slick-slide a{border-bottom:1px solid #d9d9d9}
.elan .slick-slide a:hover{color:#42b983}
.elan .slick-slide span{display:block;color:#989899;font-size:20px;}
.elan .slick-slide img{width:17px}
.doc_bar{background-color:#f8f8f8}
.doc_bar>div{max-width:1506px;width:100%;margin:0 auto;padding:52px 0}
.doc{float:right;width:49%;margin-left:1%}
.gallery_block{float:right;width:49%;margin-right:1%}
.grid-container a:link,.grid-container a:visited{font-size:22px;float:right;width:31.33%;display:block;height:153px;text-align:center;box-shadow:0 0 35px 0 rgba(0,0,0,0.1);background-color:#fff;padding:20px 10px;margin: 1%;color:#005b51;transition:all .3s ease-out;}
.grid-container a path{fill:#42b983;transition:all .3s ease-out}
.grid-container a:hover{background-color:#42b983;color:#fff;transition:all .3s ease-out}
.grid-container a:hover path{fill:#fff;transition:all .3s ease-out}
.box{display:none}
.box.visible{display:block}
.tabs{font-size:26px;color:#005b51;border-bottom:1px solid #d9d9d9;margin: 0 0 28px;padding:0;}
.tabs li{display:inline-block;padding:10px 0;color:#9e9e9e;font-size:30px;margin:0 0 0 20px;transition:all .3s ease-out;position:relative;cursor:pointer}
.tabs li.current{color:#005b51}
.tabs li.current:after{content:"";width:115px;height:4px;background-color:#005b51;position:absolute;bottom:-2px;right:0;transition:all .3s ease-out}
.photo .slick-slider{position:relative;display:block}
.photo .slick-track{position:relative;top:0;left:0;display:block}
.photo .slick-list{position:relative;display:block;overflow:hidden}
.photo .slick-slide{overflow:hidden;float:right;position:relative;margin:0;/* background-color:#000; */}
.photo .slick-next{position:absolute;top:50%;right:0;cursor:pointer;margin-top:-67.5px;opacity:0;z-index:3}
.photo .slick-prev{position:absolute;top:50%;left:0;cursor:pointer;margin-top:-67.5px;opacity:0}
.photo .photo_slider:hover .slick-next,.photo .photo_slider:hover .slick-prev{opacity:1}
.photo .slick-slide .ntitle{font-size:22px;color:#fff;position:absolute;width:100%;bottom:0;left:0;padding: 40px 20px 20px;z-index:999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+50,000000+100&0+0,0.4+50,0.75+100 */background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */}
.photo .slick-slide img{min-width:100%;height:495px;position:relative;z-index:9;opacity: 1;cursor:zoom-in;}
.video .slick-slider{position:relative;display:block}
.video .slick-track{position:relative;top:0;left:0;display:block}
.video .slick-list{position:relative;display:block;overflow:hidden}
.video .slick-slide{overflow:hidden;float:right;position:relative;margin:0;background-color:#000}
.video .slick-next{position:absolute;top:50%;right:0;cursor:pointer;margin-top:-67.5px;opacity:0; z-index:3;}
.video .slick-prev{position:absolute;top:50%;left:0;cursor:pointer;margin-top:-67.5px;opacity:0}
.video .video_slider:hover .slick-next,.video .video_slider:hover .slick-prev{opacity:1}
.video .slick-slide .ntitle{font-size:22px;color:#fff;position:absolute;width:100%;bottom:0;left:0;padding: 40px 20px 20px;z-index:999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+50,000000+100&0+0,0.4+50,0.75+100 */background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */font-weight: 500;}
.video .slick-slide img{min-width:100%;height:490px;position:relative;z-index:9;opacity: 1;}
.video .slick-slide svg{width:70px;height:70px;position:absolute;z-index:99;top:50%;right:50%;margin-right:-35px;margin-top:-35px}
.video .slick-slide svg path{fill:#fff}
.vision_bar{background:url(../images/background.jpg) no-repeat;background-size:cover;background-position:top left;background-attachment:fixed;background-repeat:no-repeat;width:100%;position:relative}
.vision_bar>div{max-width:1506px;width:100%;margin:0 auto;padding:0;text-align:center}
.vision_bar>div h1{color:#4e4e4e;font-size:36px;font-weight:300; text-align: right}
.visionbtn:link,.visionbtn:visited{background-color:#1B8354;padding:20px 40px;border-radius:5px;color:#fff;margin:0;transition:all .3s ease-out;border-bottom:1px solid #2b6a63;display:inline-block}
.visionbtn span{opacity:0;display:inline-block;transition:all .3s ease-out}
.visionbtn:hover span{opacity:1;padding-right:15px;transition:all .3s ease-out}
.sec1{float:right;width:40%;padding: 0 50px;}
.sec2{float:right;width: 12.5%;display:block;height: 460px;text-align:center;padding: 80px 0;font-size:36px;color:#005b51;}
.sec2.s21{background:url(../images/vimg01.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s22{background:url(../images/vimg02.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s23{background:url(../images/vimg03.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s24{background:url(../images/vimg04.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s21:hover{background:url(../images/vimg01_h.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out;}
.sec2.s22:hover{background:url(../images/vimg02_h.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s23:hover{background:url(../images/vimg03_h.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.sec2.s24:hover{background:url(../images/vimg04_h.png) no-repeat;background-size:auto 100%;transition:all .3s ease-out}
.m_close{float:left;display:block}
.sec2 strong{font-weight:400;position:relative;top:50px}
.sec2 p{color:#4e4e4e;padding:50px 0 0}
.vision_bar .sec2>span{display:block;height: 430px;width:100%;padding:136px 0 0;cursor:default;}
.vision_bar .sec2.srclose>div{visibility:hidden;opacity:0;transition:all .3s ease-out}
.vision_bar .sec2.sropen>div{visibility:visible;opacity:1;transition:all .3s ease-out}
.vision_bar .sec2>div{position:absolute;bottom:0;left:0;padding:20px;text-align:center;width:60%;z-index:99;height: 460px;transition:all .3s ease-out;}
.vision_bar .sec2.s21>div{background:url(../images/vimg01_open.png) no-repeat;background-size: cover;}
.vision_bar .sec2.s22>div{background:url(../images/vimg02_open.jpg) no-repeat;background-size: cover;}
.vision_bar .sec2.s23>div{background:url(../images/vimg03_open.jpg) no-repeat;background-size: cover;}
.vision_bar .sec2.s24>div{background:url(../images/vimg04_open.png) no-repeat;background-size: cover;}
.infograph{background:url(../images/infographbg.jpg) no-repeat;background-size:cover;background-position:top left;background-attachment:fixed;background-repeat:no-repeat;width:100%}
.infograph>div{max-width:1506px;width:100%;margin:0 auto;padding:70px 0 90px;text-align:center}
.infograph .title a:link,.infograph .title a:visited{float:right;padding:10px 0;color:#fff;font-size:30px;margin:0;transition:all .3s ease-out;display:block;position:relative}
.infograph .title a:after{content:"";width:115px;height:4px;background-color:#fff;position:absolute;bottom:-2px;right:0;transition:all .3s ease-out}
.infograph .title a:hover{color:#fff;transition:all .3s ease-out;padding-right:15px}
.infograph .title a span{opacity:0;display:inline-block;transition:all .3s ease-out}
.infograph .title a:hover span{opacity:1;padding-right:15px;transition:all .3s ease-out}
.infograph .slick-slider{position:relative;display:block}
.infograph .slick-track{position:relative;top:0;left:0;display:block}
.infograph .slick-list{position:relative;display:block;overflow:hidden;margin:0}
.infograph .slick-slide{overflow:hidden;float:right;padding:20px}
.infograph .slick-dots{position:absolute;bottom:-25px;left:0;padding:0;margin:0;list-style:none;text-align:center;width:100%}
.infograph .slick-dots li{width:30px;cursor:pointer;display:inline!important;margin-right:14px}
.infograph .slick-dots li button{display:inline-block;width: 32px;
    height: 4px;
    border: 0;
    background: #d9d9d9;
    margin: 0 0 0 0;}
.infograph .slick-dots li.slick-active button{background:#42b983}
.infograph .slick-slide a{display:inline-block;text-align:center;width:49%;float:right;padding:50px}
.infograph .slick-slide a:nth-child(odd){border-left:1px solid #d9d9d9}
.infograph .slick-slide img{max-width:95%}
.events_bar{max-width:1506px;width:100%;margin:0 auto;padding:52px 0}
.events{float:right;width:38%;margin-left:2%}
.project{float:left;width: 59%;margin-left: 0 !important;}
.events .slick-slider{position:relative;display:block;/* overflow:hidden; */box-shadow:0 0 35px 0 rgba(0,0,0,0.1);border-right:4px solid #42b983;padding: 22px;}
.events .slick-track{position:relative;top:0;left:0;display:block}
.events .slick-list{position:relative;display:block;overflow:hidden;padding:0}
.events .slick-slide{overflow:hidden;float:right;position:relative;margin:0;padding:0;}
.events .slick-dots{position:absolute;top:-43px;left:0;padding:0;margin:0;list-style:none;text-align:left;}
.events .slick-dots li{width:44px;cursor:pointer;display:inline!important}
.events .slick-dots li button{display:inline-block;width: 32px;
    height: 4px;
    border: 0;
    background: #d9d9d9;
    margin: 0 10px 0 0;}
.events .slick-dots li.slick-active button{background:#42b983}
.events .slick-slide .ntitle{font-size:22px;color:#fff;position:absolute;width:100%;bottom:0;left:0;padding:20px;z-index:999}
.events .slick-slide a:link,.events .slick-slide a:visited{display:block;padding:17px;color:#696969;font-size:22px;transition:all .3s ease-out;}

.events .slick-slide a svg path{fill:#b5b5b6;transition:all .3s ease-out}
.events .slick-slide a:hover{color:#fff;background-color:#42b983;transition:all .3s ease-out}
.events .slick-slide a:hover svg path{fill:#005b51;transition:all .3s ease-out}
.events .slick-slide a:hover span.location,.events .slick-slide a:hover span.times{color:#005b51;transition:all .3s ease-out}
.events .slick-slide a:hover span.date{color:#fff;transition:all .3s ease-out}
.events .slick-slide span.location,.events .slick-slide span.times{color:#989899;font-size:20px;padding:10px 0 0;transition:all .3s ease-out;}
.events .slick-slide span.date{display:block;color:#42b983;font-size:22px;padding:17px 20px;float:right;width: 27%;}
.events .slick-slide span.date strong{font-size:70px;display:block;line-height:70px;}
.project .slick-slider{position:relative;display:block}
.project .slick-track{position:relative;top:0;left:0;display:block}
.project .slick-list{position:relative;display:block;overflow:hidden;box-shadow:0 0 35px 0 rgba(0,0,0,0.1)}
.project .slick-slide{overflow:hidden;float:right;position:relative;margin:0;padding:0}
.project .slick-dots{position:absolute;top:-43px;left:0;padding:0;margin:0;list-style:none;text-align:left}
.project .slick-dots li{width:44px;cursor:pointer;display:inline!important}
.project .slick-dots li button{display:inline-block;width: 32px;height: 4px;border: 0;background: #d9d9d9;margin: 0 10px 0 0;}
.project .slick-dots li.slick-active button{background:#42b983}
.project .slick-slide a:link,.project .slick-slide a:visited{display:block;padding:20px;}
.project .slick-slide .pdes{font-size:22px;color:#4e4e4e;text-align:justify;display:block}
.project .slick-slide .pdes span{color:#42b983}
.project .slick-slide .pdate{color:#989898;display:block;padding: 25px 0 0;}
.project .slick-slide .pdate svg path{fill:#989898}
.project .slick-slide img{width:55%;height:381px;margin-left:20px;float:right}
.votingbar{max-width:1506px;width:100%;margin:0 auto;padding:0 0 52px}
.browsing{float:right;width:32.33%;margin-left:1%}
.voting{float:right;width:31.33%;margin-left:1%;margin-right:1%}
.implinks{float:right;width:32.33%;margin-right:1%}
.browsinglinks{width:100%;height: 400px;background:url(../images/browsing.png) no-repeat left center;background-size:100% 100%;padding:36px;color:#fff;font-size:22px;line-height:60px;font-weight:300;}
.browsinglinks a:link,.browsinglinks a:visited{color:#fff;display:inline-block;font-size:22px;line-height:60px;font-weight:300;padding:0 5px}
.browsinglinks a:hover{color:#42b983}
.vote,.ilinks{box-shadow:0 0 35px 0 rgba(0,0,0,0.1);padding:36px;font-size:22px;height: 400px;color:#696969;}
.options{padding:40px 0;}
.votebtn:link,.votebtn:visited{float:right;background-color:#004d45;padding:20px 40px;border-radius:5px;color:#fff;margin:0;transition:all .3s ease-out;border-bottom:1px solid #2b6a63}
.votebtn span{opacity:0;display:inline-block;transition:all .3s ease-out}
.votebtn:hover span{opacity:1;padding-right:15px;transition:all .3s ease-out}
.voteresults:link,.voteresults:visited{float:left;color:#696969;padding:20px 10px 0 0}
.voteresults:hover{color:#42b983}
.ilinks select{box-shadow:0 0 35px 0 rgba(0,0,0,0.1);border:none;width:100%;font-size:22px;padding:10px}
.ilinks .slick-slider{position:relative;display:block}
.ilinks .slick-track{position:relative;top:0;left:0;display:block}
.ilinks .slick-list{position:relative;display:block;overflow:hidden}
.ilinks .slick-slide{overflow:hidden;float:right;position:relative;margin:0}
.ilinks .slick-next{position:absolute;top:50%;right:-36px;cursor:pointer;margin-top:-67.5px;opacity:0}
.ilinks .slick-prev{position:absolute;top:50%;left:-36px;cursor:pointer;margin-top:-67.5px;opacity:0}
.ilinks .ilinks_slider:hover .slick-next,.ilinks .ilinks_slider:hover .slick-prev{opacity:.5}
.ilinks .slick-slide a:link,.ilinks .slick-slide a:visited{display:block;padding:40px 20px;text-align:center;color:#696969}
.ilinks .slick-slide a:hover{color:#42b983}
.ilinks .slick-slide img{padding:20px;height:209px;max-width:100%}
.topfooter{background-color:#005b51;position:relative}
/* .topfooter:after{content:"";position:absolute;top:121px;width:100%;background-color:#00786b;height:1px;width:100%} */
.topfooter>div{max-width:1506px;width:100%;margin:0 auto;padding:60px 0;}
.ful{padding:0;margin:0;list-style:none;color:#fff;float:right;width:25%;position:relative;z-index:9;}
.ful li:first-child{font-size:26px;padding:12px 0;position:relative;margin-bottom:0px;}
/* .ful li:first-child:after{content:"";width:115px;height:4px;background-color:#fff;position:absolute;bottom:-2px;right:0;transition:all .3s ease-out} */
.ful li a:link,.ful li a:visited{font-size:18px;color:#fff;font-weight:300;position:relative;transition:all .3s ease-out;left:0;text-decoration:none}
.ful li a:hover{left:-10px;transition:all .3s ease-out;color:#42b983}
.midfooter{background-color:#005b51;border-top:1px solid #00786b}
.midfooter>div{max-width:1506px;width:100%;margin:0 auto;padding:30px 0}
.midfooter .mobileapp{float:right;text-align:right}
.midfooter .mobileapp a:link,.midfooter .mobileapp a:visited{display:inline-block;padding:0 0 0 10px}
.midfooter .social{text-align:left}
.midfooter .social a:link,.midfooter .social a:visited{display:inline-block;padding:0 10px 0 0}
.midfooter .social a path{fill:#fff}
.midfooter .social a:hover path{fill:#42b983}
footer{background-color:#00534a}
footer>div{max-width:1506px;width:100%;margin:0 auto;padding:30px 0;color:#fff;font-size:18px;font-weight:300;line-height:35px;}
.fright{float:right}
.fleft{float:left;text-align:left}
footer img{padding:0 2px}
#aToolTip{position:absolute;display:none;z-index:50000}
#aToolTip .aToolTipContent{position:relative;margin:0;padding:0}
.defaultTheme{border:1px solid #ccc;background-color:#f3f3f3;color:#404040;margin:0;padding:6px 10px;border-radius:50px 50px 50px 0;line-height:20px;font-size:16px;}
.elan .slick-slide span.elanTitle{color:#4e4e4e;font-size:22px;display:block;height: 33px;overflow:hidden;}
.events .slick-slide span.eventTitle{font-size:21px;display:block;height:66px;overflow:hidden;}
.vote_links a{display:inline-block;margin:0 5px; text-decoration: none}
.vote_links a:first-child{background:#1B8354;color: #fff !important;border-radius:4px;padding:0 25px;height:46px;line-height:40px;margin-right:0;}
.vote_links a:last-child{color:#4e4e4e;}
.grid-container a img{margin:auto;display:block}
.grid-container a img:nth-child(2){height:0}
.grid-container a:hover img:nth-child(2){height:auto}
.grid-container a:hover img:nth-child(1){height:0}
.grid-container a br{display:none}
.grid-container a span{margin-top:10px;display:block}
#cboxTitle{bottom:28px;padding-bottom:10px;background:rgba(0,0,0,0.5);color:#fff}
.inner_pages_top_header{padding: 80px 0;background-size:cover;}

.wrap_content{max-width:1506px;margin:auto}
.inner_pages_container{min-height:500px;padding-bottom:50px}
.inner_pages_top_header .wrap_content > div{display:inline-block;width:50%;margin-right:-4px;vertical-align: middle;}
.inner_pages_title h1{color:#fff;font-size: 26px;font-family: 'IBMPlexSansArabic-Bold', Helvetica;font-weight:400;}
.r_body{float:right;width:25%;padding:0 0 0 10px}
.l_body{float:left;width:75%;padding:0 30px 0 0}
.clearfix:after{content:'';clear:both;display:block}
.side_menu ul{list-style:none;padding:0;margin:0}
.side_menu ul li a{color:#005b51!important;font-size:20px!important;padding:11px 0!important;display:block;border-bottom:1px solid #e6e6e6;transition:all .2s ease}
.side_menu ul li a:hover{padding-right:4px!important;color:#3ca776!important;background:none}
.side_menu ul li a:before{content:'\f104';display:inline-block;margin-left:7px;font-family:fontawesome}
.side_menu{width:100%;box-shadow:0 0 30px 0 rgba(0,0,0,.07);padding:15px;margin:0;float:none}
.side_menu ul li:last-child a{border:none}
.side_social,.related_links{box-shadow:0 0 30px 0 rgba(0,0,0,.07);padding:20px;margin-top:30px}
.side_social h1,.related_links h1{margin:0;font-size:22px;font-weight:700;color:#3ca776}
.side_social a{color:#dbdbdb;font-size:45px;display:inline-block;vertical-align:middle;margin-left:15px;transition:all .2s ease}
.related_links ul{list-style:none;padding:0;margin:0}
.related_links ul li a{color:#005b51;font-size:20px;padding:7px 0;display:block;transition:all .2s ease;text-decoration:none}
.related_links ul li a:before{content:'\f104';display:inline-block;margin-left:7px;font-family:fontawesome}
.related_links ul li a:hover{background:#005b51;border-radius:5px;padding-right:5px;color:#fff}
@font-face{font-family:'MOF_icons';src:url(../fonts/MOF_icons.eot?ql8f6p);src:url(../fonts/MOF_icons.eot?ql8f6p#iefix) format("embedded-opentype"),url(../fonts/MOF_icons.ttf?ql8f6p) format("truetype"),url(../fonts/MOF_icons.woff?ql8f6p) format("woff"),url(../fonts/MOF_icons.svg?ql8f6p#MOF_icons) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'MOF_icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-print:before{content:"\e900"}
.icon-paper-plane:before{content:"\e901"}
.icon-star:before{content:"\e902"}
.icon-star-1:before{content:"\e903"}
.icon-speaker:before{content:"\e904"}
.icon-folder:before{content:"\e905"}
.icon-calendar:before{content:"\e906"}
.icon-file:before{content:"\e907"}
.icon-settings:before{content:"\e908"}
.icon-megaphone:before{content:"\e909"}
.icon-info:before{content:"\e90a"}
.icon-idea:before{content:"\e90b"}
.l_body_title h1,.l_body_tools{display:inline-block;width:50%;margin-right:-4px}
.l_body_tools{text-align:left;direction:ltr;width:100%}
.l_body_title h1{color:#3ca776;font-size: 26px !important;font-weight:700;margin:0 -4px 0 0;font-family: 'IBMPlexSansArabic-Bold', Helvetica;width:100%;overflow:hidden}
.l_body_tools a{font-size:1.7rem;color:#3ca776;display:inline-block;margin-right:15px;text-decoration:none!important}
.l_body_title{border-bottom:1px solid #e6e6e6;padding:10px 0}
.l_body_content p{font-size:19px}
.fluid-img{max-width:100%}
.rate_n_share{box-shadow:0 0 30px 0 rgba(0,0,0,.07);padding:20px;margin-top:30px}
.rate_n_share .rate,.rate_n_share .share{display:inline-block;width:50%;margin-right:-4px;vertical-align:middle}

.rate_n_share .share{text-align:left;font-size:19px}
.last_modified{text-align:left;font-size:18px;color:#989899;padding-top:30px;display:inline-block;float:left}
.last_modified i{font-size:23px;vertical-align:middle;float:right;margin-left:5px}
.inner_pages_body{padding-top:30px}
.db_list{padding:0;margin:11px -11px;list-style:none;padding-right:0!important}
.db_list li{float:right;width:23%;margin:1%;background-color:#fff;border:1px solid #f9f9f9;box-shadow:0 0 30px 0 rgba(0,0,0,.07)}
.db_list li a:link,.db_list li a:visited{display:block;padding:20px 5px;text-align:center;font-size:18px;height:155px;line-height:20px;text-decoration:none!important;color:#404040}
.db_list li img{display:block;margin:0 auto 15px;transition:all .3s ease-out}
.db_list li:hover{background-color:#fff}
.db_list li:hover img{transform:scale(1.1);transition:all .3s ease-out}
.dfwp-list{list-style:none;padding:0;max-width:100%}
.int_conts{padding:10px}
.int_conts .nab:link,.int_conts .esb:link,.int_conts .nab:visited,.int_conts .esb:visited{display:block;border-bottom:1px solid #d5d5d5;padding:10px 5px;text-decoration:none!important;color:#404040}
.int_conts .nab:first-child{padding:0 5px 10px}
.esb img{float:right;width:100px;height:70px;margin:10px}
.nab img{width:290px;max-width:100%;float:right;margin-left:10px}
.int_conts .events_int:link,.int_conts .events_int:visited{display:block;border-bottom:1px solid #d5d5d5;padding:10px 5px;text-decoration:none!important;color:#404040}
.int_conts .events_int:first-child{padding:0 5px 10px}
.events_int img{width:120px;height:73px;max-width:100%;float:right;margin-left:10px}
.int_conts .e3lan_int:link,.int_conts .e3lan_int:visited{display:block;border-bottom:1px solid #d5d5d5;padding:10px 5px;text-decoration:none!important;color:#404040}
.int_conts .e3lan_int:first-child{padding:0 5px 10px}
.nt{font-size:18px;color:#46b280;line-height:27px;display:block;margin-bottom:0;margin-top:0;font-weight:600}
.nd{color:#a2a2a2;font-size:19px;padding-right:0;display:inline-block;margin:8px 0}
.nd:before{content:"\e906";font-family:'MOF_icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;margin:4px}
.more{color:#46b280}
.PagerContainerTable{float:left}
.PagerContainerTable td{float:right;margin-right:5px}
.PagerInfoCell{border:1px solid #f1f1f1;padding:2px 10px 6px;background-color:#fff}
.PagerOtherPageCells{padding:0;/*background-color:#f3f3f3;*/border:1px solid #dfdfdf}
.PagerOtherPageCells a:link,.PagerOtherPageCells a:visited{text-decoration:none!important;color:#404040;background:#fff}
.PagerCurrentPageCell{padding:0;background-color:#1B8354;color:#fff;/* border:1px solid #279863; */display: block;}
.pagger .PagerCurrentPageCell{padding:0;background-color:#46b280;color:#fff;border:1px solid #279863;width: 40px;height: 34px;display: block;text-align: center;}
.PagerHyperlinkStyle{width:100%;display:block;height:100%;padding:2px 14px 6px;color: #fff;}
.nab,.nab:visited{display:block;overflow:hidden;font-size:18px;box-shadow:0 0 30px 0 rgba(0,0,0,.07);color:#4e4e4e;margin-top:20px;text-decoration:none!important}
.faq{background-color:#fff;border:1px solid #f5f5f5;padding:10px 5px;margin-top:10px;box-shadow:0 0 30px 0 rgba(0,0,0,.07);margin-bottom:20px}
.faqContent .page_collapsible{color:#404040;display:block;padding:5px 15px 5px 5px;line-height:1.5;cursor:pointer;font-size:18px}
.faqContent .page_collapsible:after{content:'';clear:both;display:block}
.faqContent .content{padding:15px;color:#404040;text-align:justify;font-size:18px}
.faqContent .page_collapsible:before{content:"\e90a";font-family:'MOF_icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:40px;float:right;margin:5px 0 0 10px}
.faqContent .content:before{content:"\e90b";font-family:'MOF_icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:40px;float:right;margin:0 0 0 10px;color:#46b280}
.faqContent .content a{color:#46b280}
.PagerContainerTable{margin-top:20px}
.contact_requests,.contact_phonebooks{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch;height:155px}

.vroDoc{padding:10px 5px;margin-top:10px;margin-bottom: 5px;}
.vroContent .page_collapsible{color:#404040;display:block;padding:5px 15px 5px 5px;line-height:1.5;cursor:pointer;font-size:18px}
.vroContent .page_collapsible:after{content:'';clear:both;display:block}
.vroContent .content{padding:15px;color:#404040;text-align:justify;font-size:18px}
.vroContent .page_collapsible:before{font-family:'MOF_icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:40px;float:right;margin:5px 0 0 10px;}
.vroContent .content:before{content:"\e90b";font-family:'MOF_icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 25px;float:right;margin:0 0 0 10px;color:#46b280;}
.vroContent .content a{color:#46b280}
.contact_requests a{flex:0 0 23%;max-width:30%;text-align:center;border:1px solid #f5f5f5;padding:25px;box-shadow:0 0 30px 0 rgba(0,0,0,.07);transition:all .2s ease;text-decoration:none}
.contact_requests a:hover{background:#3ca776;box-shadow:none;color:#fff}
.contact_requests a:hover h1,.contact_requests a:hover i{color:#fff}
.contact_requests a h1{font-size:20px;font-weight:700;color:#4e4e4e}
.contact_requests a i{font-size:50px;color:#3ca776}
.contact_phonebooks a{flex:0 0 48.5%;max-width:48.5%;text-align:center;border:1px solid #f5f5f5;padding:25px;box-shadow:0 0 30px 0 rgba(0,0,0,.07);transition:all .2s ease;color:#4e4e4e;font-size:20px;text-decoration:none}
.contact_phonebooks{height:80px;margin-top:25px}
.contact_phonebooks a:hover{color:#3ca776}
.contact_phonebooks + hr{border:none;border-top:1px solid #ccc;margin:40px 0}
.form_tbl{border-spacing:0 12px;border-collapse:inherit;width:100%}
.form_title{color:#404040;font:24px "DIN Next LT Arabic";padding:5px;text-align:left;border-bottom:1px solid #d5d5d5}
.form_button{border-top:1px solid #d5d5d5;padding:10px 0}
.formLabelTd{color:#4e4e4e;padding:5px 0;width:20%;vertical-align:top}
.formControlTd{color:#404040;font:24px "DIN Next LT Arabic";width:80%;vertical-align:top}
.formMultiTextBox{width:100%;color:#404040;font:24px "DIN Next LT Arabic";background-color:#fff!important;border:1px solid #f1f1f1!important;height:100px;padding:3px;box-shadow:0 0 30px rgba(0,0,0,0.08)}
.formTextBox,#txtSearchBoxName, #Sortby select{width:100%;color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:10px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic"}
.tbl_captcha .formTextBox{margin-bottom:7px}
.formDropDown{width:60%;direction:rtl;color:#404040;font:18px "DIN Next LT Arabic";background-color:#fff!important;border:1px solid #f1f1f1!important;padding:10px;box-shadow:0 0 30px rgba(0,0,0,0.08);margin-right:10px}
.DevHelperRequiredMark{color:#d02a2a}
.formSmallNote{color:#aaa}
.DevHelperValCtrl{color:red}
.tderrorMsg span{color:red}
.form_btn{background-color:#005b51!important;font-size:20px!important;color:#fff!important;text-align:center;float:left;margin-right:10px!important;padding:15px 30px!important;border:0!important;cursor:pointer;line-height:22px;text-decoration:none!important;border-radius:5px;font-weight:700;font-family:"DIN Next LT Arabic"!important}
.formControlTd input[type="submit"]{background-color:#01594d;font:24px "DIN Next LT Arabic";color:#fff;text-align:center;padding:5px 20px;border:0;cursor:pointer;line-height:22px;margin:10px 0}
.contact_map iframe{width:100%}
.side_social a:hover .fa-facebook-square{color:#3b5998}
.side_social a:hover .fa-twitter{color:#1da1f2}
.side_social a:hover .fa-instagram{color:#e1306c}
.side_social a:hover .fa-youtube-play{color:red}
.side_social a:hover .fa-linkedin{color:#0077b5}
.side_social a i.fa-linkedin{font-size: 46px !important;}
.side_social a i{transition:all .2s ease}
.voting.hblock .title{display:block;padding:9px 0;position:relative}
.voting.hblock .title:after{content:'';width:22%;height:5px;display:block;background-color:#01594d;position:absolute;bottom:-3px}
.rsbtn .rsbtn_left{display:none}
.rsbtn .rsbtn_right:before{content:"\e904";font-family:"MOF_icons";color:#3ca776;font-size:1.8rem}
.rsbtn .rsbtn_right{background:none!important;padding:0!important;font-size:24px;float:none!important;height:auto!important}
.rsbtn{display:inline-block;vertical-align:middle;height:auto!important}
.rsbtn .rsbtn_play{float:none!important;display:inline-block!important;vertical-align:middle;line-height:normal!important}
.inner_pages_top_header > img{position:absolute;top:0;z-index:1;max-width:100%;height:100%;bottom:0;left:0;width:100%}
.inner_pages_top_header{position:relative;overflow:hidden}
.inner_pages_top_header .wrap_content{position:relative;z-index:3}
.ms-core-sideNavBox-removeLeftMargin{margin:0}
.MyNormal{width:16px;height:16px;margin:0;cursor:pointer}
.MyNormal:before{content:"\e902";font-family:"MOF_icons";color:#005b51}
.MyHover{width:16px;height:16px;margin:0;cursor:pointer}
.MyHover:before{content:"\e903";font-family:"MOF_icons";color:#005b51}
.Myselect{width:16px;height:16px;margin:0;cursor:pointer}
.DivRating{position:relative;margin-top:10px}
.DivRating div{margin-left:15px;display:inline-block;float:none!important}
.social-bar{padding:0!important;margin:0;list-style:none}
.social-bar li{margin-left:10px;display:inline-block}
.decFont svg{height: 15px!important;}
.decFont{margin-top:2px}
.player iframe{height:535px}
.faq_categories{margin:20px 0;background:#f5f5f5;padding:20px;border-right:3px solid #42b983}
.ms-core-listMenu-selected:link,.ms-core-listMenu-selected:visited,.ms-core-listMenu-selected{background:#1B8354;color:#fff!important;padding-right:20px!important}
.inner_pages_top_header{position:relative}
.inner_pages_top_header:after{content:'';display:block;background:-moz-linear-gradient(left,rgba(0,91,81,0.8) 0%,rgba(66,185,131,0.5) 50%,rgba(0,91,81,0.8) 100%);background:-webkit-linear-gradient(left,rgba(0,91,81,0.8) 0%,rgba(66,185,131,0.5) 50%,rgba(0,91,81,0.8) 100%);background:linear-gradient(to right,rgba(0,91,81,0.8) 0%,rgba(66,185,131,0.5) 50%,rgba(0,91,81,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc005b51',endColorstr='#cc005b51',GradientType=1);width:100%;height:100%;left:0;top:0;position:absolute;z-index:2}
.int_conts .ms-webpart-titleText{color:#01594d;font:26px "DIN Next LT Arabic";padding:5px;text-align:left;border-bottom:1px solid #d5d5d5}
.es_list{padding:0!important;margin:0;list-style:none}
.es_list li{float:right;width:25%;padding:12px}
.es_list li a:link,.es_list li a:visited{text-align:center;text-decoration:none;display:block;color:#404040;font-size:24px;line-height:25px;padding:0 5px;position:relative;height:185px;box-shadow:0 0 35px 0 rgba(0,0,0,0.1);background-color:#fff;padding:20px 10px}
.es_list li a img{background-color:#3ca776;width:90px;height:90px;display:block;border-radius:500px;overflow:hidden;margin:0 auto 12px;display: none;}
.portal_New{list-style:none;padding:0!important}
.portal_New li a{color:#4e4e4e;text-decoration:none;transition:all .2s ease;margin:15px 0;display:block}
.portal_New li a:before{content:"\f104";font-family:fontawesome;vertical-align:middle;font-size:18px;margin-left:8px}
.portal_New li a:hover{color:#27b474;padding-right:5px}
.ms-webpart-titleText.ms-webpart-titleText{font-family:'DIN Next LT Arabic';font-weight:700;color:#3ca776;border-bottom:2px solid #eee;padding-bottom:5px}
.groupheader{font-size:20px;font-weight:700;background-color:#f5f5f5;padding:10px;margin:10px 0;border-right:3px solid #ccc}
.l_body_content img{max-width:100%;margin: 0 2px 0 0;}
.grid{width:100%;border-collapse:collapse;}
.grid tr th,.grid tr td{padding:8px;padding:8px;border: 1px solid #ccc;}
.grid tr th{background:#005b51;color:#fff}
.grid tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.grid tr td a{color:#3ca776;text-decoration:none}
.ul_Ministers{padding:0;margin:0;list-style:none;padding-right:0!important}
.ul_Ministers li{float:right;width:48%;padding:10px;margin:1%;height:141px;box-shadow:0 0 35px 0 rgba(0,0,0,0.1);background-color:#fff}
.ul_Ministers li img{float:right;margin-left:10px;width:100px;height:120px}
.ul_Ministers li span{display:block;padding:0 110px 0 0}
.ul_Ministers .m_name{color:#01594d}
.l_body_content ul{padding-right:50px}
.l_body_content ul li, .l_body_content ol li{font-size:19px;}
.int_ni img{max-width:100%;max-height:365px;margin:0 auto 10px;display:block}
.download{width:100%;border-collapse:collapse}
.download tr th,.download tr td{padding:8px}
.download tr th{background:#005b51;color:#fff}
.download tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.download tr td a{color:#3ca776;text-decoration:none}
.dfwp-column{padding:0!important}
.download tr td:last-child{text-align:left}
.download tr td:first-child img{margin:5px}
.ms-rtestate-field a{color:#27b474 ;font-size:22px!important}
.es_link{background:#005b51;color:#fff!important;font-size:20px;padding:0 20px;height:40px;display:block;max-width:9em;text-align:center;float:left;border-radius:5px;text-decoration:none!important;transition:all .2s ease}
.es_link:hover{padding:0 30px}
.tbl_captcha img{border:none!important}
.ministry_New{list-style:none;padding:0!important}
.ministry_New li a{color:#4e4e4e;text-decoration:none;transition:all .2s ease;margin:15px 0;display:block}
.ministry_New li a:before{content:"\e907";font-family:MOF_icons;vertical-align:middle;font-size:18px;margin-left:8px}
.ministry_New li a:hover{color:#27b474;padding-right:5px}
.events_int{display:block;margin-top:15px;text-decoration:none!important;padding:10px;border-bottom:1px solid #eee}
.ul_tenders{list-style:none;padding:0!important}
.ul_tenders li a{color:#4e4e4e;text-decoration:none;transition:all .2s ease;margin:15px 0;display:block}
.ul_tenders li a:before{content:"\e907";font-family:MOF_icons;vertical-align:middle;font-size:18px;margin-left:8px}
.ul_tenders li a:hover{color:#27b474;padding-right:5px}
.tbl_tender{width:100%;border-collapse:collapse}
.tbl_tender tr th,.tbl_tender tr td{padding:12px}
.tbl_tender tr th{background:#005b51;color:#fff}
.tbl_tender tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.tbl_tender tr td a{color:#3ca776;text-decoration:none}
.tbl_tender .icon{width:20%;text-align:center}
.tbl_tender tr th:first-child{width:13%}
.tbl_tender .icon a img{display:none}
.tbl_tender .icon a:before{content:'\f1c3';font-family:fontawesome;font-weight:100;font-size:34px}
.login span:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block;margin-left:3px}
#menu>li>ul li a span{display:none}
#menu>li>ul li a:before,.ful li a:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block}
.ful li a:before{margin-left:4px}
h1,.ms-h1{font-family: 'IBMPlexSansArabic-Regular', Helvetica;}
.ms-srch-hover-imageContainer{border:none!important}
.ms-srch-item-path,.ms-srch-hover-filetype{white-space:nowrap!important}
.ms-srch-item-previewContainer{display:none!important}
.int_content div.ms-webpart-zone.ms-fullWidth,.int_content div.s4-wpcell-plain,.int_content div.ms-webpart-chrome,.int_content div.ms-WPBody{max-width:99%!important;padding:0!important;margin:0!important;min-width:0!important}
.ms-srch-sb-border:hover,.ms-srch-sb-borderFocused,#SearchBox,.ms-srch-sb-border,.ms-srch-sbLarge{border:0!important;background:none!important}
.ms-srch-upscope-top{width:100%!important;font-size:24px}
.histogram_bar_active{border-color:#01594d!important}
.ajax__multi_slider_default .inner_rail_horizontal,.slider_tick_active{border-color:#3e6a42!important;background-color:#01594d!important}
h3{margin:0!important;font: 24px 'IBMPlexSansArabic-Regular', Helvetica;color:#5e5e5e}
.ms-srch-item{max-width:100%!important;margin:0!important;padding-top:0!important}
.ms-srch-result-groups,.ms-srch-result{max-width:100%!important}
.ms-srch-sb-searchLink:hover,.ms-srch-sb-navLink:hover{background:none!important}
#SearchBox,.ms-srch-sb-border,.ms-srch-sbLarge{width:100%;position:relative}
.ms-webpartzone-cell{margin-bottom:0!important}
.ms-srch-sbLarge>input,.ms-srch-sbLarge>input:focus{width:100%;color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:10px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic";height:auto;margin:0}
.ms-disabled{font:24px "DIN Next LT Arabic"}
.ms-srchnav{border-bottom:3px solid #5e5e5e;margin-top:5px}
.ms-srchnav-link-selected{background-color:#5e5e5e;color:#e4e4e4!important;font:24px "DIN Next LT Arabic"!important;padding:0 10px}
.ms-srchnav-link,.ms-srchnav-link:hover{color:#535353;text-decoration:none;line-height:26px;font:24px "DIN Next LT Arabic"!important;padding:0 10px}
.ms-srch-result-noResults{font:24px "DIN Next LT Arabic"!important}
.ms-srch-result-noResultsTitle{font:24px "DIN Next LT Arabic"!important}
.ms-srch-resultFooter a{font:24px "DIN Next LT Arabic"!important;text-decoration:none!important;background: #005b51;color: #fff;padding: 3px 20px 10px;border-radius: 5px;}
.ms-srch-resultFooter a:hover,.ms-srch-result-noResults a{text-decoration:underline;color: #ffffff;}
.ms-spimn-presenceLink{display:none}
.ms-peopleux-userImgWrapper{border:0}
.ms-peopleux-userImg{border:1px solid #ababab!important}
.ms-srch-Paging li a,.ms-srch-resultscount{font:24px "DIN Next LT Arabic"!important}
.ms-srch-resultscount{border-bottom:1px dotted #e2e2e2!important;padding-bottom:15px}
#PagingSelf a{color: #ffffff!important;background-color: #46b280;border: 1px solid #279863;}
.ms-srch-hover-content,.ms-srch-hover-action a{font:24px "DIN Next LT Arabic"!important}
.ms-dlg-heading,h2.ms-dlg-heading{font:24px "DIN Next LT Arabic"!important}
.ms-srch-hover-close{height:20px}
.ms-ref-refinername:link,.ms-ref-refinername:visited{background:#46b280;padding:2px 11px;color:#fff!important;font:24px "DIN Next LT Arabic"!important;width:100%}
.ms-ref-refinername:link div,.ms-ref-refinername:visited div{position:relative;top:-5px}
.ms-ref-refiner{padding:0}
.ms-ref-refiner #Container{border:1px solid #f5f5f5;padding:10px;margin-bottom:20px;box-shadow:0 0 30px 0 rgba(0,0,0,.07)}
.ms-ref-name{font:24px DIN Next LT Arabic!important;right:10px;position:relative}
.ms-ref-name:hover,.ms-displayBlock:hover,.ms-ref-selSec{color:#5e5e5e!important;text-decoration:underline}
.ms-commandLink,.ms-commandLink:visited{font:16px "DIN Next LT Arabic"!important;color:#5e5e5e!important;text-decoration:underline!important;padding-right:10px;border:0}
.ms-srch-item-link,.ms-srch-item-link:visited,.ms-srch-ellipsis a,.ms-srch-ellipsis a:visited,.ms-srch-hover-popularity div{font-family:"DIN Next LT Arabic";font-size:22px!important;color:#707070;line-height:30px}
div.ms-srch-item-title h3.ms-srch-ellipsis a,div.ms-srch-item-title h3.ms-srch-ellipsis a:visited{color:#01594d;text-decoration:none!important;font-size: 22px!important;}
.ms-srch-ellipsis a:hover{color:#01594d;text-decoration:none}
.ms-srch-ellipsis{white-space:normal;font-family:"DIN Next LT Arabic"}
.ms-srch-item-summary,.ms-srch-communityItem-summary,.ms-srch-item-metadataContainer div{font-family:"DIN Next LT Arabic";font-size: 19px;}
.ms-srch-item-body{padding-bottom:10px}
.ms-srch-item:hover,.ms-srch-people-outerContainer:hover{background-color:#eaeaea}
.ms-srch-item{border-bottom:1px dashed #5e5e5e}
.slider_extent_label_section,.handle_label_section,.ms-metadata,.ms-descriptiontext{font:22px "DIN Next LT Arabic"!important}
.ms-ref-allSec,.slideronly_container,.ms-textSmall,.histogram_container{position:relative;right:10px}
.ms-srch-item-path,.ms-srch-hover-filetype{color:#46b280!important;word-wrap:break-word;word-break:break-all;white-space:normal;font-size: 17px;}
.ms-webpart-cell-vertical{margin-bottom:0}
.ms-calloutLink:hover,.ms-calloutLink,.ms-srch-result #Paging a:hover{color:#5e5e5e!important}
.ms-srch-item-summary .ms-srch-item-highlightedText{color:#01594d}
.ms-promlink-button-image{right:-10px;top:-8px}
.ms-srch-hover-actions,.ms-srch-hover-popularity{background-color:#eaeaea}
.ms-srch-hover-actions{display:none}
.ms-srch-item:hover,.ms-srch-resultHover:hover{background-color:#f3f3f3!important}
.ms-promlink-button-enabled-hover,.ms-promlink-button-enabled:hover,.ms-commandLink,.ms-commandLink:visited{border:none!important;background-color:transparent!important}
.ms-srch-resultFooter,.ms-srch-resultFooter a,.ms-srch-result #ResultHeader select{/* color:#404040!important; */}
#NoResult{font-size:24px}
#NoResult a{color:#01594d}
.ms-srch-sbLarge-link{margin-right:10px}
.ms-srch-sbLarge-link a{color:#568C3F!important;font:normal 24px "DIN Next LT Arabic";text-decoration:underline}
td.ms-advsrchText-v1,.ms-advsrchText-v2box{color:#404040!important;font:21px "DIN Next LT Arabic"!important}
td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{height:30px;width:100%}
.ms-advsrchbutton input,.ms-advsrchbutton input:hover{background-color:#568C3F;font:24px "DIN Next LT Arabic";color:#fff;padding:0 20px 6px;border:0;cursor:pointer;text-align:center;outline:none;float:left;margin-right:10px}
td.ms-advsrchtips a{color:#568C3F;text-decoration:underline}
.ms-srch-sbLarge > .ms-srch-sb-searchLink,.ms-srch-sb-searchLink:hover,.ms-srch-sb-navLink:hover{display:block;background:url(/_layouts/15/MOFInternet/images/ar/green/srch_ico.png) no-repeat center center!important;position:absolute;left:10px;top:9px}
.ms-srch-sbLarge > .ms-srch-sb-searchLink img,.js-callout-closeButtonImage{display:none}
.srch-advancedtable{width:100%;margin:0!important;border:0!important;background:inherit!important;padding:0!important}
.ms-advsrchText-v1{width:25%}
.td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{color:#404040!important;font:24px "DIN Next LT Arabic"!important}
.ms-advsrchtips{display:none!important}
.ms-ref-refiner #Value a,.ms-ref-unsel-toggle{line-height:normal!important}
.dfwp-list{list-style:none;padding:0;width:100%;max-width:100%}
.level-header{padding:8px 15px;border:1px solid #dedede;margin:0 20px 5px 0;padding:10px;border-radius:5px;box-shadow:-1px 4px 11px -5px rgba(0,0,0,0.16);width:100%}
.headertitle{font:22px "DIN Next LT Arabic"!important;line-height:15px;color:#404040}
.headertitle a:link,.headertitle a:visited{background:url(/_layouts/15/MOFInternet/images/ar/rm_bullet.png) no-repeat right 15px;text-decoration:none;font:22px "DIN Next LT Arabic"!important;line-height:normal;color:#4e4e4e;display:block;padding-right:20px;text-decoration:none!important}
.captcha_container{box-shadow:0 0 30px rgba(0,0,0,0.08);padding:10px}
.btn_reload_captcha{display:none}
.txt_captcha{width:100%!important;color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:6px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic";margin-top:15px}
td.ms-advsrchText-v1,.ms-advsrchText-v2box{color:#404040!important;text-align:right}
td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{width:100%;color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:6px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic";height:auto}
.ms-advsrchbutton input,.ms-advsrchbutton input:hover{background-color:#005b51;color:#fff;padding:2px 10px 10px;border:0;cursor:pointer;text-align:center;outline:none;float:left;margin-right:10px;border-radius:5px;margin-top:10px}
td.ms-advsrchtips a{color:#568C3F;text-decoration:underline}
.ms-srch-sbLarge > .ms-srch-sb-searchLink,.ms-srch-sb-searchLink:hover,.ms-srch-sb-navLink:hover{display:block;float:right;background:url(/_layouts/15/MOFInternet/images/ar/green/srch_ico.png) no-repeat center center!important}
.ms-srch-sbLarge > .ms-srch-sb-searchLink img,.js-callout-closeButtonImage{display:none}
.srch-advancedtable{width:100%;margin:0!important;border:0!important;background:inherit!important;padding:0!important}
.ms-advsrchText-v1{width:25%}
.td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{color:#404040!important;font-size:20px!important}
.ms-advsrchtips{display:none!important}
.contact_form{margin-top:20px;border-top:1px solid #ccc}
.phone_dept{margin-bottom:20px}
.phone_dept>div{float:right;width:40%}
.phone_dept>div>span{width:20%;float:right;display:block;padding:0 5px}
#phoneDeptOption,#txtSearchBoxName{width:80%}
.btn_phoneSearc{background-color:#005b51!important;color:#fff!important;text-align:center;padding:6px 20px 14px;border:0!important;cursor:pointer;text-decoration:none!important;margin:0 10px 0 0;display:inline-block;border-radius:5px;vertical-align:middle}
.comp_search{width:80%!important;display:inline-block;margin-top:30px}
.comp_search>span{width:20%;display:inline-block;padding:0 5px;vertical-align:middle}
.comp_search input[type="text"]{width:80%;color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:10px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic";height:auto;margin:0;display:inline-block}
.eventdetails_tbl{width:100%;border-collapse:collapse}
.eventdetails_tbl tr th,.eventdetails_tbl tr td{padding:8px}
.eventdetails_tbl tr th{background:#005b51;color:#fff}
.eventdetails_tbl tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.eventdetails_tbl tr td a{color:#3ca776;text-decoration:none}
.eventdetails_tbl tr:first-child td{display:none}
.eventdetails_tbl > tbody > tr:nth-child(2) > td:nth-child(2){border-top:1px solid #eee}
.e3lan_int{display:block;box-shadow:0 30px 80px -20px rgba(0,0,0,0.1);padding:20px;margin:20px 0;color:#4e4e4e;text-decoration:none!important;transition:all .2s ease}
.e3lan_int span{font-size:20px}
.oldTitle{display:none}
.e3lan_int:hover{box-shadow:0 20px 70px -10px rgba(0,0,0,0.2)}
.link-item a{color:#4e4e4e!important;text-decoration:none;transition:all .2s ease;margin:0;display:block;font-weight:700}
.link-item a:before{content:"\e907";font-family:MOF_icons;vertical-align:middle;font-size:18px;margin-left:8px}
.link-item a:hover{color:#27b474;padding-right:5px}
.photo_gallery{padding:0;margin:0;list-style:none;padding:0!important}
.photo_gallery li{float:right;width:48%;margin:1%;position:relative;box-shadow:0 50px 55px -30px rgba(0,0,0,0.2)}
.photo_gallery li img{width:100%;height:100%;min-height: 320px;/* height: 275px; */}
.photo_gallery li span{background-color:transparent;background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;width:100%;padding: 15px;color:#fff;font-size: 20px;}
.tbl_tender tr th:last-child{text-align:center}
#onetidDoclibViewTbl0{direction:rtl;width:100%}
#onetidDoclibViewTbl0 tr td:first-child,.int_conts #onetidDoclibViewTbl0 tr th:first-child{display:none}
#onetidDoclibViewTbl0 tr{box-shadow:0 30px 80px -20px rgba(0,0,0,0.1)}
.ms-vh-icon,.int_conts .ms-vh2-nograd-icon,.int_conts .ms-vh2-nofilter-icon{min-width:28px}
.ms-vb-icon img{width:16px;height:16px;position:relative;top:-5px;/*display:none*/}
.ms-vb-lastCell a:hover{text-decoration:none;color:#01594d}
.ms-viewheadertr{display:none}
.ms-vb a.ms-listlink{font-size:20px;text-decoration:none!important}
.ms-itmHoverEnabled:hover >*{background-color:transparent}
.ms-vb-icon{width:30px}
.ms-list-emptyText-compact{font-family:"Midan W20";font-size:22px;direction:rtl}
.ms-listlink:link,.int_conts .ms-listlink:visited{color:#404040!important}
.ms-newdocument-iconouter{display:none}
.dfwp-column.dfwp-list{margin:0}
.ms-vb-icon:before{/*content:"\e907";*/font-family:MOF_icons;vertical-align:baseline;font-size:24px;margin-left:0}
.opendala_att a{margin:5px}
.l_body_content .internalTitle{margin:20px 0 10px}
.h_grids .grid{margin-bottom:20px}
.h_grids .grid th{width:25%}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
.lg-outer,.lg-backdrop{z-index: 100000;}
.remodal{text-align:right}
.remodal ul{-webkit-padding-start:40px}
.remodal-confirm{background:#005b51;padding:6px 30px 14px;border-radius:5px;float:left}
.remodal-confirm:hover,.remodal-confirm:focus{background:#005b51}
.remodal h2{margin:0;border-bottom:3px solid #ccc;display:inline-block;padding-bottom:3px;color: #005b51;}
.email_bg input[type="text"]{color:#404040!important;background-color:#fff!important;border:1px solid #f1f1f1!important;padding:10px!important;box-shadow:0 0 30px rgba(0,0,0,0.08);font-family:"DIN Next LT Arabic";height:auto;margin:0;display:inline-block;width: 77%;margin-right: -4px;}
.email_bg input[type="submit"]{background-color:#005b51;padding:12px;border-radius:5px;color:#fff;display:inline-block;max-width:15%;margin:0;font-size:20px;transition:all .3s ease-out;text-decoration:none;border:none;font-family:"DIN Next LT Arabic";width:20%;margin-right: 1%;}
.links_list{list-style:none;padding:0!important}
.links_list li a{color:#4e4e4e;text-decoration:none;transition:all .2s ease;margin:15px 0;display:block}
.links_list li a:before{content:"\e907";font-family:MOF_ico ns;vertical-align:middle;font-size:18px;margin-left:8px}
.links_list li a:hover{color:#27b474;padding-right:5px}
.faq_categories .formDropDown{width:77%}
.faqc_title{width:20%;display:inline-block}
.inner_pages_title{width:42%!important}
/*a.s4-breadcrumbRootNode,a.ms-breadcrumbRootNode{display:none}
div.bc > ul > li > ul > li > span{display:none}*/
.vgrid{width:100%;border-collapse:collapse;margin-top:20px;text-align:right}
.vgrid tr th,.vgrid tr td{padding:8px;}
.vgrid tr th{background:#005b51;color:#fff}
.vgrid tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.vgrid tr td a{color:#3ca776;text-decoration:none}

.ms-rteTable-default{width:100% !important;border-collapse:collapse;margin-top:20px;border: 1px solid #c6c6c6;}
.ms-rteTable-default tr th,.ms-rteTable-default tr td{padding:8px;border: 1px solid #c6c6c6;}
.ms-rteTable-default tr th{background:#005b51;color:#fff}
.ms-rteTable-default tr:nth-child(odd){background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.ms-rteTable-default tr td a{color:#3ca776;text-decoration:none}
.grid-container{margin:0 -7px}

.project .slick-slide img{display:none}
.projects_slider_img{width: 49%;height: 377px;float:right;margin: 5px 0 0 15px;background-size: cover;background-position: center;}
.tooltip.srch.srclose{cursor:pointer;}
.srch input[type="text"]{box-shadow:0 0 0 2px #eeeeee;padding:0 5px;height:30px;margin-top: 2px; transition:all 0.2s ease}
.srch input[type="text"]:focus{outline:none; background:#fff; box-shadow:0 0 0 2px #42b983}
.events .slick-slide span.eventTitle{margin-bottom:10px}
.events .slick-slide span.location, .events .slick-slide span.times{display: block}
.message_r{position: relative;padding: .75rem 1.25rem;margin: 1rem 0;border: 1px solid #f5c6cb;border-radius: .25rem;color: #721c24;background-color: #f8d7da}
.message_g{position: relative;padding: .75rem 1.25rem;margin: 1rem 0;border: 1px solid #c3e6cb;border-radius: .25rem;color: #155724;background-color: #d4edda}
.message_y{position: relative;padding: .75rem 1.25rem;margin: 1rem 0;border: 1px solid #ffeeba;border-radius: .25rem;color: #856404;background-color: #fff3cd}
.message_b{position: relative;padding: .75rem 1.25rem;margin: 1rem 0;border: 1px solid #b8daff;border-radius: .25rem;color: #004085;background-color: #cce5ff}
.srv_ul li>span img{height:45px; margin-left:8px}

.hblock .title a span:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block;margin-left:3px;color: #3ca776;}
.browsing.hblock .title{position:relative; padding:9px 0}
.browsing.hblock .title:after{content:'';width:29%;height:5px;display:block;background-color:#01594d;position:absolute;bottom:-3px}
.srv_ul li a:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block;margin-left:3px;color: #ffffff; transition:all 0.2s ease; vertical-align:middle; margin-left:7px;}
.srv_ul li a:hover:before{color:#42b983}
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover{background:#3ca776 !important; color:#fff !important; padding:11px 20px !important}
.twitter-share iframe{height: 23px !important;padding: 2px;background: #309ae6;border-radius: 2px;}
span[id$="-logo"]{height:23px !important}
span[id$="-title"]{height:21px !important}
.ms-itmHoverEnabled:hover .ms-list-itemLink-td{background:none}
.s4-itm-selected > *, .s4-itm-selected:hover > *{background:none}
.slicknav_nav li ul a span{display:none}
.slicknav_nav li ul a:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block;margin-left:3px;color: #ffffff;}
.news_slider, .info_slider, .elan_slider{position:relative}
.imgLoading{position:absolute; left:0; right:0; padding:10%;width:100%; height:100%}
.imgLoading img{max-width:20%; margin:auto; display:block; animation-name: spin;  animation-duration: 2000ms;  animation-iteration-count: infinite;  animation-timing-function: linear; margin-top:10%}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

div[class*="show_loader"] {height:200px}
.imgLoading{padding:0 !important}
.show_loader .imgLoading img{width:100px}
.scrollup{width:50px; height:50px; position:fixed; bottom:30px; right:25px; display:none; text-indent:-9999px; background:url(/_layouts/15/MOFInternet/images/ar/go_top.png) no-repeat; z-index:9}
.scrollup:hover{background:url(/_layouts/15/MOFInternet/images/ar/go_top_h.png) no-repeat}
.bc {border-bottom: 1px solid #e6e6e6;}
.bc ul {margin:0;padding:0;list-style:none;display: contents;}
.bc ul li{line-height:30px;float: right;}
.bc ul li a, .bc ul li span{float: right;white-space:nowrap;color:#989899;text-decoration: none !important;font-size: 19px;}
.ms-breadcrumb>li>span, .s4-breadcrumb>li>span, .Sure_listViewTitle{display:none;}
.s4-breadcrumb-arrowcont img, .s4-breadcrumb-arrowcont span{display:none !important;}
/* .s4-breadcrumb-arrowcont {width:9px;height:14px;background: url(../images/bc_arrow.png) no-repeat;position:relative;bottom:-8px;margin:2px 10px 0;} */
.s4-breadcrumb-arrowcont:before{content:'\f104';font-family:fontawesome;color:#989899;display:inline-block;margin:0 8px; vertical-align:middle}
.captcha-input input{width: 64%;color: #404040;font: 24px "DIN Next LT Arabic";background-color: #fff!important;border: 1px solid #f1f1f1!important;padding: 3px;box-shadow: 0 0 30px rgba(0,0,0,0.08);height:50px;}
.captcha-input{margin-bottom:10px}
.captchaimage{position:relative;width:64%; background-color:#fff; padding:15px;box-shadow: 0 0 30px rgba(0,0,0,0.08)}
.refresh_captcha{position:absolute; left:0px; top:50%; margin-top:-22px; background:#fff; border-radius:50px; width:45px; height:45px;text-align:center;z-index:2}
.captchaimage:before{content:'';background: #fff;height: 1px;width:100%;display: block;position: absolute;}
.captchaimage:after{content:'';background: #ffffff;height: 100%;width:1px;display: block;position: absolute;left:15px; top:0}
.formControlTd br{display: none}
.DevHelperValCtrl{font-size: 18px;}
h2, h3, .ms-h2, .ms-h3, .ms-headerFont{font-family: 'IBMPlexSansArabic-Regular', system-ui;}
.ms-breadcrumb{display:inline-block}
.ms-srch-Paging{display:block;}
.ms-srch-Paging li{display: inline-block !important;}
.ms-srch-Paging li a{display:block;border: 1px solid #ccc;padding: 5px 15px !important; overflow:hidden; position:relative}
/* .ms-srch-resultFooter a:after{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block;margin-right:9px;color: #ffffff;position:absolute;}
.ms-srch-resultFooter a:hover:after{} */
.more_imgs_vids{position:absolute;left:0;top: 10px;width:35px;height:35px;display:block;font-size:28px;transition: all 0.2s ease;}
.more_imgs_vids:before{content:'\f0c9';font-family:fontawesome;color:#41b883;display:inline-block;margin:0 8px; vertical-align:middle;transition: all 0.2s ease;}
.gallery_block .section{position:relative}
.more_imgs_vids:hover:before{color:#005b51}
/*.ms-wpadder{position: relative; z-index: 10000;}*/

.agree{box-shadow: 0px 5px 40px -14px rgba(0, 0, 0, 0.25);padding: 16px;background: rgba(226, 227, 229, 0.79);}
.agree input{display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:10px}
.vote_links a:nth-child(2){color:#4e4e4e}
.elan .slick-list{position:relative}
.elan .slick-list:before{content:"";width:100%;height: 9px;display:block;background:#fff;position:absolute;bottom:0;z-index:2;}
.unified_number{margin-top:6px;font-weight: bold;line-height: 13px;}

.vote .captcha-input input{color: #404040;background-color: #fff!important;border: 1px solid #f1f1f1!important;padding: 3px;box-shadow: 0 0 30px rgba(0,0,0,0.08);height: 40px;width:100%;font-size: 17px;}
.vote div.captcha-input{float: right;width: 50%;height: 40px; margin-bottom: 20px;}
.vote .captchaimage{position:relative;width: 50%;box-shadow: 0 0 30px rgba(0,0,0,0.08);float: left;height: 38px;overflow: hidden;padding: 0px;margin-top: 2px;}
.vote img.captcha{ margin-top: -12px !important;}
.vote .refresh_captcha{position:absolute;left:0px;top:50%;margin-top: -19px;background:#fff;border-radius:50px;text-align:center;z-index:2;}
.vote .DevHelperValCtrl{display:none !important;}
.vote_links{float:right;}

/*AFTER RESIZE*/
header .topbar{max-width: 1210px;}
.hbottom>div{max-width: 1210px;}
#my-slide .r1{font-size: 42px;right: 12%!important;max-width: 1210px}
#my-slide .r2{font-size: 42px;right: 12%!important;max-width: 1210px;}
.srv_ul{max-width: 1210px;}
.links .slick-list{max-width: 1210px;} 
.newsbar{max-width: 1210px;}
.doc_bar>div{max-width: 1210px;}
.infograph>div{max-width: 1210px;}
.events_bar{max-width: 1210px;}
.votingbar{max-width: 1210px;}
.topfooter>div{max-width: 1210px;padding: 60px 0;}
.midfooter>div{max-width: 1210px;}
footer>div, .vision_bar>div{max-width: 1210px}
header svg{height: 20px!important;width: 20px;}
.logo img{width: 218px;}
header a:link,header a:visited,header span.datetime,header .srch strong{padding: 5px 9px;font-size: 14px;line-height: 17px;}
.login:link,.login:visited{padding: 15px 15px 20px;border-radius:5px;margin:15px 0 0;font-size: 18px;width: 100%;}
.srv_ul li>span img{height: 35px;margin-left: 5px;}
.srv_ul li a:link,.srv_ul li a:visited{font-size: 16px;padding:5px 0;}
.hblock .title a:link,.hblock .title a:visited{padding:10px 0;font-size: 25px;}
.news .slick-slide img{height: 374px;}
.informatic .slick-slide img{/* max-width:80% */}
.informatic .slick-list{height:133px;}
.elan .slick-slide span.elanTitle{font-size:18px;font-weight:400;height: 27px;}
.elan .slick-slide span{font-size:16px}
.elan{margin-top:20px;}
.elan .slick-list:before{height:7px}
#menu>li>a:link, #menu>li>a:visited{font-size:18px;padding: 0 14px 34px;}
.srv_ul li>span{font-size:19px}
.srv_ul li{padding:40px 20px}
.hbottom.fixed #menu>li>a:link, .hbottom.fixed #menu>li>a:visited{font-size:18px}
.marquee, [class^="marquee"]{font-size:18px}
.links .slick-slide img{max-width:75%}
.infograph .title a:link, .infograph .title a:visited, .tabs li{font-size:25px}
.grid-container a img{height:48px}
.grid-container a:link, .grid-container a:visited{font-size:19px; font-weight:400}
.grid-container a:hover img:nth-child(2){height:48px}
.grid-container a:link, .grid-container a:visited{height:133px}
.photo .slick-slide img{height:422px}
.news .slick-slide .ntitle, .photo .slick-slide .ntitle{font-size:18px; font-weight:400}
.vision_bar>div h1{font-size: 30px;margin-top: 70px;}
.visionbtn:link, .visionbtn:visited{font-size:19px;font-weight:400;margin-top: 25px;}
.vision_bar .sec2>span{font-size:27px; font-weight:400}
.events .slick-slide span.eventTitle{font-size:19px;height: 56px;overflow: hidden;}
.events .slick-slide span.location, .events .slick-slide span.times{font-size:18px;height: 40px;overflow: hidden;}
.ilinks .slick-slide img{height:169px}
.ilinks .slick-slide a:link, .ilinks .slick-slide a:visited{font-size:18px;font-weight:400;padding: 0;}
.browsinglinks, .vote, .ilinks{height: 338px;}
.options{padding:25px 0}
.hblock .title{font-size:25px}
.ful li:first-child{font-size:20px;padding: 15px 0;}
.ful li a:link, .ful li a:visited{font-size:16px}
.midfooter .social a svg{height:23px}
.midfooter .mobileapp a img{max-width:110px}
.projects_slider_img{width:59%}
.project .slick-slide .pdes{font-size:18px;}
.browsinglinks a:link, .browsinglinks a:visited{font-size: 18px;}
.events .slick-slide span.date strong{font-size:60px;display:block;line-height:60px;}
.events .slick-slide a:link, .events .slick-slide a:visited{padding: 10px 0;}
.wrap_content{max-width:1210px}
.inner_pages_title h1{font-size:24px}
.bc ul li a, .bc ul li span{font-size:18px}
.side_menu ul li a{font-size:18px !important}
.l_body_title h1{font-size:22px}
body{font-size:18px}
.side_social h1, .related_links h1{font-size:20px}
.side_social a{font-size:35px}
.related_links ul li a{font-size:18px}
footer>div{font-size:16px}
footer img{height:24px}
#my-slide, .projector{/* height:425px !important; */}
.event_info{float:right;width: 73%;height: 146px;overflow: hidden;}
.events .slick-slide:nth-child(odd) a{border-bottom: 1px solid #ccc}
.projects_slider_img{height: 329px;}
.sec2{width: 15%}
.vote, .ilinks, .ilinks select{font-size: 18px;}
.video .slick-slide img{height:422px;}
.hbottom.fixed #menu>li>ul{top:100%}
#menu>li>ul li a:hover:before{color:#42b983}
.sp{bottom:0; padding:0 9px;}
.visionbtn span:before{content:'\f104';font-family:fontawesome;color:#fff;display:inline-block}
.project .slick-slide .pdes strong{font-size:20px;display:block;margin-bottom: 0;font-weight: 400;}
.hbottom{background-size: 50%}

/*decrease font 1px*/
header a:link, header a:visited, header span.datetime, header .srch strong{font-size:13px}
#menu>li>a:link, #menu>li>a:visited, .login:link, .login:visited, .news .slick-slide .ntitle, .photo .slick-slide .ntitle, .elan .slick-slide span.elanTitle, .events .slick-slide span.location, .events .slick-slide span.times, .project .slick-slide .pdes, .browsinglinks a:link, .browsinglinks a:visited, .vote, .ilinks, .ilinks select, .ilinks .slick-slide a:link, .ilinks .slick-slide a:visited, .bc ul li a, .bc ul li span, body, .related_links ul li a, .last_modified, .ministry_New li a, .grid, .video .slick-slide .ntitle{font-size:17px}
.srv_ul li>span, .side_menu ul li a{font-size:17px !important}
#my-slide .r1{font-size: 40px}
#my-slide .r2{font-size: 40px}
.srv_ul li a:link, .srv_ul li a:visited{font-size:15px}
.marquee, [class^="marquee"]{font-size:17px}
.hblock .title a:link, .hblock .title a:visited, .infograph .title a:link, .infograph .title a:visited, .tabs li{font-size:24px}
.grid-container a:link, .grid-container a:visited, .visionbtn:link, .visionbtn:visited, .events .slick-slide span.eventTitle{font-size:18px}
.vision_bar>div h1{font-size:29px}
.vision_bar .sec2>span{font-size:26px}
.project .slick-slide .pdes strong, .ful li:first-child{font-size:19px;padding: 17px 0;}
.ful li a:link, .ful li a:visited, footer>div{font-size:15px}
.inner_pages_title h1{font-size:23px}
.l_body_title h1{font-size:21px}
.side_social h1, .related_links h1{font-size:19px}
.es_list li a:link, .es_list li a:visited{font-size:20px}
.ms-webpart-titleText.ms-webpart-titleText{font-size:20px}
.portal_New li a{font-size:18px}

.vote .refresh_captcha img{width:25px;}
.vote .refresh_captcha{margin-top:-14px}
.vote:after, .vote .captchacontainer:after{content:""; clear:both;display:block}
.login_dropdown, .logo, nav{float: none !important;display: inline-block;vertical-align: middle;}
nav{margin: 0}
#menu>li>a:link,#menu>li>a:visited,.hbottom.fixed #menu>li>a:link,.hbottom.fixed #menu>li>a:visited{color:#4e4e4e;text-decoration:none;padding: 7px 15px 13px;display:block;text-align:center;}
.hbottom>div{padding: 0}
.login:link, .login:visited{margin: 0}
.hbottom.fixed nav, .hbottom.fixed .login:link, .hbottom.fixed .login:visited{margin:0}

.internal_slider .slick-slider{width: 100%; position:relative;display:block}
.internal_slider .slick-track{width: 100%; position:relative;top:0;left:0;display:block}
.internal_slider .slick-list{position:relative;display:block;overflow:hidden}
.internal_slider .slick-slide{overflow:hidden;float:right;position:relative;margin:0}
.internal_slider .slick-next{position:absolute;top:50%;right:0;cursor:pointer;margin-top:-67.5px;opacity:1;z-index:3;}
.internal_slider .slick-prev{position:absolute;top:50%;left:0;cursor:pointer;margin-top:-67.5px;opacity:1;z-index:3;}
.internal_slider .slick-slide img{width:100%;height:auto;position:relative;z-index:9}
div.ms-webpart-zone.ms-fullWidth,div.s4-wpcell-plain,div.ms-webpart-chrome,div.ms-WPBody,.ms-webpart-zone,.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical {max-width: 100% !important;padding: 0 !important;margin: 0 !important;min-width: 0px !important;display: block !important;} 
.muteYT:link, .muteYT:visited{color:#fff; position:absolute; bottom:30px; right:30px; font-size:26px; background:rgba(0, 0, 0, 0.58); width:45px; height:45px; text-align:center;border-radius:50px}

/*****************MOBILE VERSION*********************/

@media (max-width:1650px) {
.links .slick-list{width: 94%;margin: auto;}
.newsbar,.doc_bar>div,.vision_bar>div,.events_bar,.votingbar,.topfooter>div,.midfooter>div,footer>div{width: 94%;}
.browsinglinks a:link,.browsinglinks a:visited,.browsinglinks{font-size:20px;line-height:40px}
.events,.project{width: 49%;margin-left:2%;}
.sec1{padding: 50px 20px;}
}
@media (max-width:1535px) {
#menu>li>ul li{width:23%}

.srv_ul li>span{font-size:20px}
.srv_ul li a:link,.srv_ul li a:visited{/* font-size:16px; */padding:0;}
.srv_ul li>span img{clear:both;/* display:block; */}
.informatic .slick-slide a{/* padding:20px; */}
.grid-container a:link,.grid-container a:visited{/* font-size:20px; */line-height:24px;}
.browsinglinks a:link,.browsinglinks a:visited,.browsinglinks{font-size:20px;line-height:40px}
.options{padding:20px 0}
.voteresults:link,.voteresults:visited{float:right}
.project .slick-slide img{height:auto}

.infograph>div{padding:70px 20px 90px}
.srv_ul li>span{font-size: 18px;}
}

@media (max-width: 1506px) {
.wrap_content{width: 94%;}
}
@media (max-width:1366px) {
.bc ul li a, .bc ul li span{font-size:16px;}
}

/*
@media (max-width:1320px) {

.lheader>*,.srch strong{float:right}
.tooltip>span{left:auto;right:40px}

.hbottom.fixed nav{margin: 14px 8px 0 0;}
.hbottom.fixed .slicknav_btn{padding: 16px 25px!important;}
.hbottom.fixed .slicknav_nav{top:85px}
.hbottom>div{padding:5px 10px}
nav{margin: 33px 20px 0 0;float: right;width:auto;}
.logo{width:auto}
.login:link,.login:visited{max-width:100%;}
.browsinglinks{padding:20px}
.vision_bar>div h1,.sec2{font-size:30px}
}
*/
@media (max-width: 1280px) {
.db_list li{width:31.3%}
.contact_requests a h1{font-size:18px}
.contact_requests,.contact_phonebooks{height:auto}
.informatic .slick-list{height:149px}
.news .slick-slide img{height: 389px;}
}
@media (max-width:1160px) {
#my-slide,.projector,.lazy-background,.primary-img,#my-slide .devrama-slider,#my-slide .primary-img{/* height:500px!important; *//* min-height:500px; */}
#my-slide .r1,#my-slide .r2{font-size:42px}
.srv_ul li{width:50%}
.doc,.gallery_block,.project,.events,.browsing,.voting,.implinks{width:100%;margin-left:0;margin-right:0}
.browsinglinks,.vote,.ilinks{height:auto}
.voteresults:link,.voteresults:visited{float:left}
.browsinglinks{background-size:100% auto}
.es_list li a:link,.es_list li a:visited{font-size:22px}
.es_list li{width:33.3333%}
#menu>li>a:link, #menu>li>a:visited, .hbottom.fixed #menu>li>a:link, .hbottom.fixed #menu>li>a:visited{padding: 7px 10px 13px}    
}
@media (max-width:1024px) {
.ful{color:#fff;width:50%;display:inline-block;}
.topfooter:after{display:none}
#aToolTip{display:none!important}
.sec1{width:100%}
.sec2{width:25%}
.vision_bar .sec2>div{width:100%}
.r_body{width:30%}
.l_body{width:70%}
.inner_pages_top_header{padding:50px 0}
.informatic .slick-list{height:129px}
.news .slick-slide img{height: 369px;width: 100%;}
#menu{display:none}
.slicknav_menu{display:block;margin-left: 20px;}   
/* nav{margin:15px; float:left;}  */
.rheader,.lheader{width:100%} 
#footermenu .ful{float:none; margin:20px 0}  
/* .login_dropdown{width: 20% !important;}  */
.hbottom>div{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: stretch;}
.login_dropdown, .logo, nav{display:inherit; width:auto !important}
.logo{order:1;flex: 0 0 60%;}
nav{order:3;flex: 0 0 9%;}
.login_dropdown{order:2;flex: 11%;max-width: 160px;}
.hbottom>div .clr{display:none}
.logo img{width:200px;height: 61px;}
}
@media (max-width:990px) {
#my-slide .r1,#my-slide .r2{font-size:32px}
#my-slide,.projector,.lazy-background,.primary-img,#my-slide .devrama-slider,#my-slide .primary-img{/* height:400px!important; *//* min-height:400px; */}
.news,.nb_left{width:100%;margin-left:0;margin-right:0}
.project .slick-slide img{width:100%;height:auto}
.fright,.fleft{width:100%;text-align:center}
.login_dropdown{width: 22% !important;} 
.news .slick-slide img{height:auto}
}
@media (max-width: 920px) {
.side_menu ul li a,.l_body_content p,.related_links ul li a{font-size:17px}
.l_body_title h1{font-size:23px}
.inner_pages_top_header{padding:40px 0}
.r_body,.l_body{width:100%;float:none}
.nab img{width:250px}
.l_body{padding:0}
.inner_pages_body > .wrap_content{display:table}
.r_body{display:table-footer-group}
.l_body{display:table-header-group}
.side_menu{margin-top:30px}

}

@media (max-width:767px) {
.logo{padding-bottom: 0;display:inline-block;}
.hbottom>div{padding:10px}
.login:link,.login:visited{margin: 0;width:100%;}
.hbottom.fixed .login:link,.hbottom.fixed .login:visited{margin: 0;width:100%;padding: 17px 15px 21px;}
.slicknav_nav{/* top:215px */}
.rheader .sp{color:#fff;clear:both;display:block;padding:0;width:0}
#my-slide .r1,#my-slide .r2{font-size:24px;right:10%!important;line-height:26px}
#my-slide,.projector,.primary-img,#my-slide .devrama-slider,#my-slide .primary-img{height:200px!important;min-height:200px;}
.lazy-background{width:100%!important;height:auto!important;min-height:200px!important}
.srv_ul li a:link,.srv_ul li a:visited{font-size:18px}
.srv_ul li{width:100%}
.inner_pages_top_header{padding:20px 0}
.db_list li{width:48%}
.nab img{width:100%;float:none}
.ul_Ministers li{width:100%;float:none;margin:20px 0}
.ms-srch-hover-outerContainer{display:none!important}
.photo_gallery li span{font-size:18px}
.toc-layout-main .dfwp-list{padding:0!important}
.level-header{margin:0}
.projects_slider_img{width:100%; float:none}
.informatic .slick-list{height:auto}
.login_dropdown{width: 24% !important;}
.logo{flex: 0 0 50%;}
nav{flex: 0 0 10%;}
.login_dropdown{flex:0 0 40%;max-width: 160px;} 
}

@media (max-width:650px) {
.ful{width:100%}
.midfooter .mobileapp,.midfooter .social{width:100%;text-align:center}
.midfooter .mobileapp{padding-bottom:20px}
.sec2{font-size:20px}
.sec2,.vision_bar .sec2>div{height:350px}
.vision_bar .sec2>span{height:280px;padding:80px 0 0}
.es_list li{width:50%}
.inner_pages_top_header .wrap_content > div{width:100%!important}
.bc ul{margin:5px auto 0}
.faq_categories .formDropDown{width:100%; margin:15px 0}
.news .slick-slide img, .photo .slick-slide img{width:100%; height:auto}
.login_dropdown{width: 28% !important;}
#my-slide, .projector{height:auto !important;}
#footermenu .ful{width:50%}
.vision_bar>div{width:100%}
.vote .captchacontainer{margin-bottom:5px;}

}
@media (max-width:550px) {
.photo_gallery li{float:none;width:100%;margin:30px 0}
.rate_n_share .rate,.rate_n_share .share{width:100%;text-align:center}
.marquee-content-items a:link, .marquee-content-items a:visited{font-size:18px;}
.login_dropdown{width: 30% !important;}
.login_dropdown{max-width: 145px;}
.slicknav_menu{margin-left:0}
}
@media print {
header,.inner_pages_top_header,.r_body,.rate_n_share,.topfooter,.midfooter,footer,.topbar,.hbottom,.l_body_tools,.PagerContainerTable,.last_modified{display:none!important}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}

.login_dropdown{float:left;position:relative;width: 14%;}
.login_dropdown ul{position:absolute;width:100%;list-style:none;background: #42b983;top:100%;margin: 0;display:none; border-radius:0 0 5px 5px;z-index:100}
.login_dropdown ul li a{color:#fff;padding: 15px;display: block;font-size: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.42);}
.login_dropdown:hover ul{display:block}
.login_dropdown ul li a:hover{background:#34976a}
.login_dropdown:hover .login{border-radius:5px 5px 0 0 }
.login_dropdown ul li:last-child a{border-bottom:none}


/*GRAYSCALE*/
body.grayscale {
  -webkit-filter: grayscale(100%) brightness(95%) contrast(120%);
  -o-filter: grayscale(100%) brightness(95%) contrast(120%);
  filter: grayscale(100%) brightness(95%) contrast(120%);
}
body.grayscale img {
  filter: gray;
  /* just for IE6-9 */
  -webkit-filter: grayscale(100%);
  /* The WebKit kernel supports well */
  -moz-filter: grayscale(100%);
  /* Other kernel does not support for future compatibility, writing */
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /* Standard */
}
body.grayscale .topbar {
  background: #4e4e4e;
  color: #fff;
}
body.grayscale .topbar *,
body.grayscale .topbar *:before,
body.grayscale .topbar *:hover:before {
  /* background: #333; */
  color: #fff;
}
body.grayscale .topbar .fa {
  background: none;
}
body.grayscale .topbar .fa:hover {
  background: none;
}
body.grayscale .topbar .fa:before {
  background: none;
}
body.grayscale .topbar .search-btn,
body.grayscale .topbar :hover {
  /* background: #333; */
}
body.grayscale .topbar .advncd-search,
body.grayscale .topbar :hover {
  color: #fff;
  border-color: #fff;
}
body.grayscale .topbar .searchbox:before {
  background: none;
  border-bottom-color: #333;
}
body.grayscale .nav * {
  color: #333 !important;
}
body.grayscale .nav li.dropdown:hover a:after {
  border-bottom-color: #555 !important;
}
body.grayscale .nav li.dropdown *,
* body.grayscale .nav li.dropdown:after {
  border-color: #555 !important;
}
body.grayscale .nav .dropdown-menu {
  background: #333 !important;
  border-color: #555 !important;
}
body.grayscale .nav .dropdown-menu a {
  color: #fff !important;
}
body.grayscale .nav .dropdown-menu a:hover {
  background: #555 !important;
}
body.grayscale header a path, body.grayscale header span path{fill:#fff}
body.grayscale #my-slide p{color:#4e4e4e}
body.grayscale header{background:#4e4e4e}
body.grayscale .srch input[type="button"]{background:#777; padding:6px}
body.grayscale .lheader .tooltip>span{background:#4e4e4e}


a:focus, button:focus{outline:1px solid #3DB983}
.rating_captcha .captchaimage{float:right; width:50%; padding:0}
.rating_captcha .captcha-input{float:right; width:50%; padding:0}
.rating_captcha .captcha-input input{width:100%; font-size:16px; height:38px}
.rating_captcha{width:310px !important; float:right;height:44px;}
.rating_captcha .refresh_captcha{ position:absolute;  left:4px;  top:50%;  margin-top:-15px;  background:#fff;  border-radius:50px;  width:30px;  height:30px;  text-align:center;  z-index:2}
.rate_n_share .rate{width: auto;}
.rate_n_share .share{ width:auto;float:left}
.rate_n_share .DivRating{display:inline-block;  float:right}
.rating_captcha img.captcha {max-height: 37px;} 
.aspNetDisabled.es_link{    -webkit-filter: grayscale(100%);    filter: grayscale(100%);    opacity: 0.4;}
/* start comments */
.h_right{float:right; line-height:20px}
.h_left{float:left}
.n_comment>ul{margin:0; padding:0; list-style:none}
.n_comment>ul>li{margin:15px 0}
.uc_photo{float:right; width:10%}
.uc_photo img{border:1px solid #ccc; width:100%;border-radius:100px;}
.uc_comment{background-color:#f9fafc; float:left; width:100%; padding:10px 0 0; border:1px solid #EBEBEB;margin:15px 0 0}
.uc_head{padding:4px 4px 0 4px; color:#2b7b79; font-size:18px; margin:0 10px;background: #f3f3f3;border: 1px solid #e5e5e5;}
.h_right_c a:link, .h_right_c a:visited{color:#075654 !important; text-decoration:none}
.h_right_c{float:right}
.uc_content{color:#404040; font-size:14px;; line-height:18px; padding:4px 7px; margin:0 15px 5px}
.uc_foot{padding:4px 10px; background-color:#2b7b79; height:auto}
.ucf_l{color:#fff; font-size:14px; float:left; line-height:29px}
.ucf_r{float:right; color:#fff}
.ucf_r >span{display:inline-block; margin:3px 0 0 0; float:right; font-size:13px !important;color:#fff;}
.comments_headinfo{border-top:1px dashed #BBB; margin:15px 0; padding:5px}
.arrange_txt{float:right;font-size:15px; line-height:20px; color:#404040}
.arrange_txt >a:link, .arrange_txt >a:visited{color:#404040; text-decoration:none}
.arrange_txt >a:hover{color:#535353}
.arrange_txt >a.selectedd{color:#2b7b79;font-weight:bold}
.commntscount{float:left; font-size:15px; line-height:20px; color:#404040}
.uc_date{text-align: left;font-size: 15px;padding: 5px;}
.uc_date a{float:right;padding: 0 15px 15PX;color:#01594d;font-weight: bold;text-align: right;width: 75%;}
.uc_date img{margin-left:4px}
/* end comments */
td.ms-advsrchText-v2 {
    padding-top: 20px;
} 
td.ms-advsrchText-v2 .ms-advsrchPropertyDDL,td.ms-advsrchText-v2 .ms-advsrchOperatorDDL,td.ms-advsrchText-v2 .ms-advsrchAndOrDDL{width:36%} 
td.ms-advsrchText-v2 .ms-advsrchPropValue{width:25%;height: 45px;} 


.pager{
    margin:20px auto 20px;
	clear: both;
}

.pager table td{
    float:right;
    margin-right:5px;
    border:1px solid #999;
    width:29px;
    padding:0;
    text-align: center;
}

.pager td{
    border: none;
    float:right;
    margin-right:5px;
}

.pager td a{
    color: #666;
    width:100%;
    height:100%;
    padding:0 2px 4px;
    display: block
}

.pager .PagerCurrentPageCell{
   background-color: #1B8354;
   color:#fff;
   padding:0 0 4px;
}


/************ rating ************/

#halfstarsReview{
	margin: 15px 0 0;
	direction: ltr;
}

#halfstarsReview i{
	font-size: 25px;
    color: currentcolor;
    margin: 0 5px 5px;
}


/************ New Services ************/

.service-list-card {
  padding: 25px 42px 25px 25px;
}

.searchTitle{
  color: #2a7268;
  display:block;
  margin: 0px 0 8px;
}

.searcBlock input {
  width: 48.5%;
  color: #404040 !important;
  background-color: #fff!important;
  border: 1px solid #b5e5cf;
  padding: 10px!important;
  box-shadow: 0 0 30px rgba(0,0,0,0.08);
  font-family: "DIN Next LT Arabic";
  font-weight: 500;
  background-image: url(../images/srch.svg);
  background-repeat: no-repeat;
  background-size: 4%;
  background-position: 3% 50%;
}

.fa-search{
  font-family: fontawesome;
  position: absolute;
}

.searcBlock select {
  width: 25%;
  color: #2a7552;
  background-color: #fff!important;
  border: 1px solid #b5e5cf;
  padding: 10px!important;
  box-shadow: 0 0 30px rgba(0,0,0,0.08);
  font-family: "DIN Next LT Arabic";
  font-weight: 500;
}

.inner_pages_container {
  padding-bottom: 0;
}

.es_list {
  overflow: auto;
}


.es_list li {
  padding: 12px 6px;
}

.es_list li h4{
  margin: 0;
  min-height: 85%;
  color: #3ca776;
}

.es_list li a, .es_list li a:visited {
	font-size: 17px;
	font-weight: bold;   
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 25px;
	padding: 0 5px;
	position: relative;
	height: 255px;
	box-shadow: 0 0 35px 0 rgba(0,0,0,0.1);
	background-color: #fff;
	padding: 20px 10px;
}

.es_list li div span{
  width: auto;
  height: 25px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  line-height: 21px;
  margin: 0 2px;
  float: right;
  padding:0 5px;
}

.es_list li div .green{
  background-color: #e2f0d9;
  color: #2a7268;
}

.es_list li div .blue{
  background-color: #dae3f3;
  color: #2f5496;
}

.es_list li div .red{
  background-color: #ffebeb;
  color: #c00000;
}

@media (max-width: 650px) {
  .searcBlock input, .searcBlock select {
    width: 100%;
    margin: 5px 0;
  }
}


/************ New footer ************/

@font-face {
  font-family: 'ds';
  src: url('../fonts/ds.ttf');
  font-style: normal;
}

.social-media i, .accessibility-tools i {
  padding-left: 1rem;
}

.ful i{
  font-family: ds;
  color: #fff;
  font-style: inherit;
  font-size: 30px;
  outline: none;
}

.social-media-title{
  font-size: 19px;
  padding: 17px 0 0;
  display: block;
  margin-bottom: 15px;
}

.accessibility-tools-title{
  padding: 15px 0 0;
  font-size: 19px;
  display: block;
  margin-bottom: 15px;
}

.contact-us-title{
  padding: 15px 0 0;
  font-size: 19px;
  display: block;
  margin-bottom: 25px;
}

.ful .social-button {
  display: inline-flex;
  max-width: 180px;
  align-items: center
}

.ful .social-button {
  padding: 6px 8px;
  border: 1px solid #066058;
  border-radius: 30px;
  /* margin-top: 16px; */
  /* margin-bottom: 16px; */
  background: #00786e;
  cursor: pointer
}

.ful .social-button i,.ful .social-button img {
  font-size: 2rem;
  color: #fff;
  width: 32px;
  height: 32px
}

.ful .social-button i,.ful .social-button img {
  cursor: pointer
}

.ful .social-button i, .ful .social-button img {
  margin-left: 6px
}

.ful .social-button button {
  max-width: 80%
}

[dir] .ful .social-button button {
  text-align: unset
}

.ful .social-button button {
  padding-right: 8px
}

.ful .social-button button,.ful .social-button button {
  padding-left: 8px;
  background-color: transparent;
  border: 0;
}

.ful .social-button a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  width: auto;
  word-wrap: break-word;
  flex-wrap: wrap;
}

.earLang-title{
  padding: 5px 0 0;
  font-size: 19px;
  display: block;
  margin-bottom: 15px;
}

.ful .social-button  a.earLang{
  font-size: 13px;
  vertical-align: super;
}

.ds-facebook-2:before {
  content: "\ea27";
}

.ds-linkedin-2:before {
  content: "\ea26";
}

.ds-twitter-2:before {
  content: "\ea25";
}

.ds-youtube-2:before {
  content: "\ea24";
}

.ds-vision:before {
  content: "\ea2b";
}

.ds-volume-3:before {
  content: "\ea2a";
}

.ds-zoom_in:before {
  content: "\ea29";
}

.app{
  float: right;
  margin: 0 0 0 5px;
}

.download-footer img{
  height: 35px;
}

.footer-policy {
  border-top: 4px solid #3ca078;
  padding: 13px 80px 20px;
  background-color: #066058;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 650px) {
  .footer-policy {
    display: block;
    padding: 13px 20px;
  }
}

.footer-policy a {
  margin-left: 1rem;
}

.footer-policy a {
  color: #fff !important;
  text-decoration: none;
  font-size: .75rem;
}

.footer-policy span {
  color: #fff;
}

.footer-policy span {
  font-size: .75rem;
}
.twitter{color: #dbdbdb;fill: #dbdbdb;background-color: #fff;float: left;margin-bottom: -6px;}
.twitter:hover{fill:#333}


.oppositeForm h2{color: #066058;font-size: 27px !important;font-weight: 500;padding-block: 25px 10px;}
.oppositeForm table{width: 100%;}
.oppositeForm .formLabelTd{padding:0;width:50%;vertical-align:top;padding-bottom: 25px;}
.oppositeForm .small{width: 25%;}
.oppositeForm .formLabelTd .label{display: inline-block; color:#242424;font-weight: 700;font-size: 18px;margin-bottom: 15px;float:none;width:auto}
.oppositeForm .formLabelTd .labelValue{display: block;color: #757575;font-size: 18px;}
.oppositeForm .formTextBox, .oppositeForm .formTextBox:focus, .formMultiTextBox, #txtSearchBoxName, #Sortby select {outline: none; width: 95%;color: #757575 !important;box-shadow: none;background-color: #F7F7F7 !important;border-radius: 7px;padding: 13px 10px !important;font-family: "DIN Next LT Arabic";}
.oppositeForm .search{float: left; width: 70%;}
.oppositeForm .formMultiTextBox{width: 98%;height: 150px;font-size: 18px;}
.oppositeForm .form_btn {background-color: #066058 !important;font-size: 17px !important;margin-right: 0 !important;padding: 13px 30px !important;border-radius: 5px;font-weight: normal;}
.oppositeForm.cBlock{position: relative;z-index:9;}
.oppositeForm .cBtn{position:absolute;top:50px;padding: 11px 35px !important;background-image: url(../images/add.svg);background-repeat: no-repeat;background-position: center right calc(0.325em + .275rem);background-size: 16px;float: right;background-color: #fff !important;border: 1px solid #066058 !important;color: #066058 !important;font-weight: 500;font-size: 19px !important;}
.threeRow{margin-bottom: 30px;}
.threeRow .formLabelTd{padding:0;width:33%;vertical-align:top;padding-bottom: 25px;}
.threeRow .calendar {padding-left: calc(1.5em + 1.5rem);background-image: url(../images/cal.svg);background-repeat: no-repeat;background-position: center left calc(.375em + .375rem);background-size: 16px;}
.threeRow .whiteBg{background-color: #fff !important;border: 1px solid #066058 !important;margin-left: 20px;color: #066058 !important;}

.accountTable{font-size: 14px;}
.accountTable strong{font-size: 17px;}
.accountTable .center{text-align: center}
.accountTable .time span{display: block;color: #818181;}
.perMsg{text-align: center;color: #505050;font-size: 20px;margin-top: 25px;}
.status.status-o {position: relative;background: 0 0;color: #000;padding-right: 20px;}
.status.status-o:before {width: 10px;height: 10px;border-radius: 50%;content: "";top: 8px;position: absolute;right: 0;}
.status-o-success::before {color: #fff;background-color: #28a745;}
.status-o-secondary::before {color: #fff;background-color: #f6972f;}
.status-o-danger::before {color: #fff;background-color: #DC4A34;}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  font-size: 20px;
  padding: 15px 20px 20px;
  text-align: right;
  margin-top: 15px;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  font-size: 20px;
  padding: 15px 20px 20px;
  text-align: right;
  margin-block: 15px;
}
.alert-danger a{
  color: #d33342;
  font-weight: 500;
  text-decoration: underline;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
  font-size: 20px;
  padding: 15px 20px 20px;
  text-align: right;
  margin-block: 15px;
}
.alert-info a{
  color: #062c33;
  font-weight: 500;
  text-decoration: underline;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.alert .close {
    float: left !important;
    font-size: 21px;
    font-weight: bold;
    min-width: auto;
    line-height: 0.2;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff !important;
    opacity: 0.2;
    filter: alpha(opacity = 20) !important;
}

/******************** file-uploader ************************/
.file-uploader {
  /* background-color: #dbefe9; */
  border-radius: 3px;
  color: #242424;
}

.file-uploader__message-area {
  font-size: 18px;
  padding: 4px 0 8px;
  text-align: center;
  color: #377a65;
  margin-bottom: 5px;
}

.file-uploader__message-area p {
  font-size: 13px;
  margin: 0;
}

.file-list {
  background-color: white;
  font-size: 16px;
}

.file-list__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-list li {
  height: 40px;
  line-height: 36px;
  padding-right: 0.5em;
  overflow: hidden;
  font-size: 13px !important;
  border: 1px dotted #32ad71;
  border-radius: 5px;
  margin-bottom: 5px;
}

.removal-button {
  width: 15%;
  border: none;
  background-color: #d65d38;
  color: white;
}
.removal-button::before {
  content: "X";
}
.removal-button:focus {
  outline: 0;
}

.file-chooser {
  padding: 1em;
  transition: background-color 1s, height 1s;
}
.file-chooser p {
  font-size: 18px;
  padding-top: 1em;
}

.file-uploader {
  max-width: 400px;
  /* height: auto;
  margin: 2em auto; */
}
.file-uploader * {
  display: block;
}
.file-uploader input[type=submit] {
  margin-top: 2em;
  float: right;
}

.file-list {
  margin: 0;
  max-width: 100%;
  padding-right: 0 !important;
}

.file-list__name {
  max-width: 80%;
  float: right;
}

.removal-button {
  display: inline-block;
  height: 100%;
  float: left;
}

.file-chooser {
  width: 100% !important;
  /* margin: 0.5em auto; */
  background-color: #F7F7F7; 
  border-radius: 7px;
  padding: 12px 10px !important;
}

.file-chooser__input {
  /* margin: 0 auto; */
}

.file-uploader__submit-button {
  width: 100%;
  border: none;
  font-size: 1.5em;
  padding: 1em;
  background-color: #72bfa7;
  color: white;
}
.file-uploader__submit-button:hover {
  background-color: #a7d7c8;
}

.file-list li:after, .file-uploader:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none;
}
.hidden input {
  display: none;
}

.error {
  background-color: #d65d38;
  color: white;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ul,
li {
  margin: 0;
  padding: 0;
}

/* upload css */

.uploadContainer{
  box-shadow: none;
  padding: 0;
}

.qq-btn {
  box-shadow: 0 1px 1px rgba(255,255,255,.37) inset,1px 0 1px rgba(255,255,255,.07) inset,0 1px 0 rgba(0,0,0,.36),0 -2px 12px rgba(0,0,0,.08) inset;
  padding: 3px 4px;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: inherit;
  background-color: #fff ;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.qq-upload-continue,.qq-upload-pause {
  background-color: #00abc7;
  color: #fafafa;
  border-color: #2dadc2;
  text-shadow: 0 1px 1px rgba(0,0,0,.55)
}

.qq-upload-continue:hover,.qq-upload-pause:hover {
  background-color: #0fbad6
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 30px;
  z-index: 2;
  background: #f9f9f9;
  border-radius: 4px;
  border: 1px dashed #ccc;
  text-align: center ;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px
}

.qq-upload-extra-drop-area {
  position: relative;
  margin-top: 50px;
  font-size: 16px;
  padding-top: 30px;
  height: 20px;
  min-height: 40px
}

.qq-upload-drop-area-active {
  background: #fdfdfd;
  border-radius: 4px;
  border: 1px dashed #ccc
}

.qq-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 450px;
  overflow-y: auto;
  clear: both;
  padding-right: 0 !important;
}

.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-failed-text,.qq-upload-file,.qq-upload-pause,.qq-upload-retry,.qq-upload-size,.qq-upload-spinner {
  margin-right: 12px;
  display: inline
}

.qq-upload-spinner {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom
}

.qq-drop-processing {
  display: block
}

.qq-drop-processing-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom
}

.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-pause,.qq-upload-retry {
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  vertical-align: middle
}

.qq-upload-failed-text {
  display: none;
  font-style: italic;
  font-weight: 700
}

.qq-upload-failed-icon {
  display: none;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom
}

.qq-upload-fail .qq-upload-failed-text,.qq-upload-retrying .qq-upload-failed-text {
  display: inline
}

.qq-upload-list li.qq-upload-success {
  background-color: #ebf6e0;
  color: #424242;
  border-bottom: 1px solid #d3ded1;
  border-top: 1px solid #f7fff5
}

.qq-progress-bar {
  display: block;
  background: #32ad71;
  height: 4px
}

.qq-total-progress-bar {
  height: 5px;
  border-radius: 0;
  background: #1389d5
}

.qq-total-progress-bar-container {
  margin-left: 9px;
  display: inline;
  float: right;
  width: 500px
}

input.qq-edit-filename {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.qq-upload-file.qq-editable {
  cursor: pointer;
  margin-right: 4px
}

.qq-edit-filename-icon.qq-editable {
  display: inline-block;
  cursor: pointer
}

input.qq-edit-filename.qq-editing {
  position: static;
  height: 28px;
  padding: 0 8px;
  margin-right: 10px;
  margin-bottom: -5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.qq-edit-filename-icon {
  display: none;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
  margin-right: 16px
}

.qq-hide {
  display: none !important;
}

.qq-uploader dialog {
  display: none
}

.qq-uploader dialog[open] {
  display: block
}

.qq-uploader dialog .qq-dialog-buttons {
  text-align: center;
  padding-top: 10px
}

.qq-uploader dialog .qq-dialog-buttons button {
  margin-left: 5px;
  margin-right: 5px
}

.qq-uploader dialog .qq-dialog-message-selector {
  padding-bottom: 10px
}

.qq-uploader dialog::-webkit-backdrop {
  background-color: rgba(0,0,0,.7)
}

.qq-uploader dialog::backdrop {
  background-color: rgba(0,0,0,.7)
}

.file-uploader-zone {
  text-align: center;
  color: #117abe;
  position: relative;
  border: 1px dashed #a4d6f7;
  border-radius: 5px;
  padding: .7em;
  overflow: hidden;
  margin-bottom: 2em;
  margin-top: 5px;
  width: 97%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.file-uploader-zone svg {
  fill: #117abe;
  margin-right: 5px
}

.file-uploader-zone span {
  display: inline-block;
  line-height: 2;
  font-size: 14px
}

.file-uploader-zone p {
  font-size: 14px;
  margin: 0
}

.file-uploader-zone .qq-upload-button {
  display: inline-block;
  line-height: 1;
  border-bottom: 2px solid #1389d5
}

.file-uploader-zone .qq-upload-button span {
  display: inline-block;
  line-height: 1;
  font-weight: 500
}

ul.qq-upload-list li {
  color: #08594d;
  border: 1px solid #32ad71;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 2em;
  display: -webkit-box;
  display: flex;
  align-content: space-between;
  position: relative;
  width: 100%;
}

ul.qq-upload-list li .qq-progress-bar-container-selector {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

ul.qq-upload-list li .qq-file-information {
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #32ad71;
  overflow-x: hidden
}

ul.qq-upload-list li .qq-file-information span {
  display: block;
  font-size: 20px
}

ul.qq-upload-list li .qq-file-information p.qq-upload-size {
  font-size: 14px;
  color: #414042
}

ul.qq-upload-list li .qq-thumbnail-selector {
  width: 40px;
  margin: 1em 2em 1em 1em;
  vertical-align: middle;
  height: 40px
}

ul.qq-upload-list li .qq-btn-group {
  position: absolute;
  left: .5em;
  margin: -3px 10px
}

ul.qq-upload-list li.qq-upload-fail {
  border: 1px solid #78003b
}

ul.qq-upload-list li.qq-upload-fail .qq-file-information span {
  color: #78003b
}

.qq-upload-status-text {
  margin: 0 10px 0 0;
  font-size: 16px;
  color: #8d8d8d
}

.qq-total-progress-bar-container-selector {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0
}

.qq-uploader-small ul.qq-upload-list li {
  margin-bottom: .5em;
  padding: .3em
}

.qq-uploader-small ul.qq-upload-list li .qq-thumbnail-selector {
  width: 25px;
  margin: 0 .5em 0 0;
  height: 25px
}

.qq-uploader-small ul.qq-upload-list li .qq-btn-group {
  line-height: 1.2
}

.qq-uploader-small ul.qq-upload-list li button.btn {
  padding: 0;
  border: 0;
  right: auto;
  box-shadow: 0 0;
  background: 0 0;
  margin-top: 0;
  min-width: auto;
}

.qq-uploader-small ul.qq-upload-list li button.btn svg {
  width: 13px;
  height: 13px
}

.qq-uploader-small ul.qq-upload-list li .qq-upload-status-text {
  font-size: 15px;
  margin-right: 10px;
  display: inline-block
}

.qq-uploader-small ul.qq-upload-list li .qq-file-information {
  line-height: 1;
  width: 80%;
  padding-bottom: 7px
}

.qq-uploader-small ul.qq-upload-list li .qq-file-information span {
  display: inline-block;
  font-size: 14px;
}

.qq-uploader-small .file-uploader-zone {
  margin-bottom: .5em
}

.qq-uploader-small .uploader-button-caption svg {
  width: 25px;
  height: 25px
}

.qq-uploader-small .uploader-button-caption span {
  line-height: 1;
  font-size: 14px;
}

.qq-uploader-small .uploader-button-caption p {
  font-size: 12px;
  color: #a2a2a2;
  margin: 5px 10px 0 0;
  display: block
}

.fill-primary-light-green span {
  color: #32ad71;
}

.fill-primary-green span {
  color: #08594d
}

.fill-primary-red span {
  color: #f66f5b;
  margin: 0px 8px 0;
}

.fill-primary-orange span {
  color: #ff9b6a;
  margin: 0px 8px 0;
}

.fill-primary-blue span {
  color: #117abe
}

.qq-alert-dialog-selector {
  top: 0;
  right: 0;
  padding: 20px;
}

.qq-alert-dialog-selector .qq-dialog-message-selector {
  color: #a90707;
}

.qq-alert-dialog-selector .qq-dialog-buttons button {
  background-color: #339C7D;
  outline: 0;
  color: #fff;
}


/********************* Calender **************************/

.upcomingEvents {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 20px;
}

.upcomingEventsInfoTitle {
    color: #2d5e43;
    font-size: 1.7rem;
}

@media (max-width: 1024px) {
    .upcomingEvents {
        max-width:570px;
        margin: 0 auto 60px
    }
}

@media (max-width: 480px) {
    .upcomingEvents {
        margin:0 auto 50px
    }
}

.title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.title h3 {
    flex-grow: 0;
    height: 40px;
    margin-bottom: 20px;
    color: #333;
    font-weight: bold !important;
    text-align: right
}

.upcomingEvents__all {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    transition: color .3s;
    color: var(--secound-color);
    font-size: 1.6rem;
    font-weight: 400
}

.upcomingEvents__all:after {
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    speak-as: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    right: -30px;
    left: auto;
    transition: transform .3s;
    color: var(--primary-color);
    content: "\E905";
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s
}

.upcomingEvents__all:hover {
    color: rgba(22,45,89,.8)
}

.upcomingEvents__all:hover:after {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px)
}

html[dir=rtl] .upcomingEvents__all {
    padding-right: 28px;
    padding-left: 0
}

html[dir=rtl] .upcomingEvents__all:after {
    right: auto;
    left: -22px;
    transform: rotate(180deg) translateX(0);
    -webkit-transform: rotate(180deg) translateX(0);
    -moz-transform: rotate(180deg) translateX(0);
    -ms-transform: rotate(180deg) translateX(0);
    -o-transform: rotate(180deg) translateX(0)
}

html[dir=rtl] .upcomingEvents__all:hover:after {
    transform: rotate(180deg) translateX(3px);
    -webkit-transform: rotate(180deg) translateX(3px);
    -moz-transform: rotate(180deg) translateX(3px);
    -ms-transform: rotate(180deg) translateX(3px);
    -o-transform: rotate(180deg) translateX(3px)
}

.upcomingEvents__items {
    flex-direction: column;
    flex-grow: 1;
    border-radius: 5px;
    background-color: #fff
}

.upcomingEvents__item,.upcomingEvents__items {
    display: flex;
    -webkit-box-flex: 1;
    padding: 15px 0;
    text-decoration: none !important;
}

.upcomingEvents__item {
    position: relative;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0
}

.pastEvents__item.active .pastEvents__dateIcon, .pastEvents__item:hover .pastEvents__dateIcon, .upcomingEvents__item.active .upcomingEventsDateIcon, .upcomingEvents__item:hover .upcomingEventsDateIcon {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

@media (max-width: 1024px) {
    .upcomingEvents__item {
        flex-basis:auto
    }
}

.upcomingEvents__item:not(:last-child):after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 27px;
    height: 1px;
    background-color: #ebebeb;
    content: ""
}

@media (max-width: 1024px) {
    .upcomingEvents__item {
        height:120px
    }
}

@media (max-width: 768px) {
    .upcomingEvents__item {
        height:auto;
        padding: 24px 0
    }
}

.upcomingEventsBlockDate {
    display: flex;
    position: relative;
    flex-basis: 152px;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: var(--secound-color);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.upcomingEventsBlockDate:after {
    position: absolute;
    top: 30px;
    right: 96%;
    bottom: 30px;
    width: 1px;
    background-color: #ebebeb;
    content: ""
}

@media (max-width: 480px) {
    .upcomingEventsBlockDate {
        flex-basis:110px;
        font-size: 1.4rem
    }
}

.upcomingEventsDate, .upcomingEventsTime {
    padding: 0 18px;
    text-align: center;
    color: #426b58;
    font-weight: 600;
}

.upcomingEventsDate {
    font-size: 14px;
}

.upcomingEventsTime {
    font-size: 14px;
    /* font-weight: 300; */
    line-height: 2rem;
    text-transform: uppercase
}

.upcomingEventsDateIcon {
    display: block;
    margin-bottom: 8px !important;
    transition: transform .3s
}

.upcomingEventsInfo {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    justify-content: center;
    padding-inline: 15px;
    color: #426b58;
}

@media (max-width: 480px) {
    .upcomingEventsInfo {
        padding-right:10px;
        padding-left: 10px
    }
}

.upcomingEventsInfoTitle {
    margin-bottom: 5px;
    transition: transform .3s;
    font-size: 1.2em;
    font-weight: 500;
    /* line-height: 2.6rem; */
    margin: 0;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s
}

.upcomingEvents__item.active .upcomingEventsInfoSubTitle,.upcomingEvents__item.active .upcomingEventsInfoTitle,.upcomingEvents__item:hover .upcomingEventsInfoSubTitle,.upcomingEvents__item:hover .upcomingEventsInfoTitle {
    transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px)
}

html[dir=rtl] .upcomingEvents__item.active .upcomingEventsInfoSubTitle,html[dir=rtl] .upcomingEvents__item.active .upcomingEventsInfoTitle,html[dir=rtl] .upcomingEvents__item:hover .upcomingEventsInfoSubTitle,html[dir=rtl] .upcomingEvents__item:hover .upcomingEventsInfoTitle {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
    -moz-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px)
}

@media (max-width: 1280px) {
    .upcomingEventsInfoTitle {
        font-size:1.6rem;
        line-height: 2.2rem
    }
}

.upcomingEventsInfoSubTitle {
    transition: transform .3s;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2.4rem;
}

@media (max-width: 480px) {
    .upcomingEventsInfoSubTitle {
        font-size:1.4rem;
        line-height: 2.2rem
    }
}

.boxEvent {
    flex-basis: 33.3333%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 12px;
    transition: transform .4s,opacity .4s,max-height .4s;
}

@media (max-width: 1024px) {
    .boxEvent {
        flex-basis:100%
    }
}

.boxEvent__inner {
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding: 30px 15px;
    transition: background-color .3s;
    border-radius: 5px;
    background-color: #fff;
    color: #fff;
    overflow: hidden
}

@media (max-width: 480px) {
    .boxEvent__inner {
        padding:24px 12px
    }
}

.boxEvent__inner:hover {
    background-color: var(--secound-color)
}

.boxEvent__outer {
    display: flex;
    flex-direction: column;
    height: 100%
}

.single-event {
    background: #f7f7f7;
    display: flex;
    flex-direction: row-reverse;
    padding: 20px
}

.single-event .boxEvent__content {
    padding-left: 20px
}

.single-event .boxEvent__content:before {
    left: 15px;
    right: auto
}

html[dir=rtl] .single-event .boxEvent__content:before {
    left: 10px;
    right: auto
}

.single-event .boxEvent__title {
    font-size: 1.5rem;
}

.single-event a#btnShowModal {
    color: #fff;
    /* font-size: 100%; */
}

.single-event .btn-secondary,.single-event .btn-secondary.btn:visited {
    color: #fff;
    font-size: 1.6rem!important
}

.single-event a,.single-event a:visited {
    color: #007bff
}

.single-event .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 0 10px 7px;
    font-size: 1.2rem;
}

html[dir=rtl] .single-event .mr-4 {
    margin-left: 1.5rem!important;
    margin-right: 0!important
}

html[dir=rtl] .single-event .mr-2 {
    margin-left: .5rem!important;
    margin-right: 0!important
}

.boxEvent__content {
    position: relative;
    padding-left: 46px
}

@media (max-width: 1024px) {
    .boxEvent__content {
        flex-grow:1
    }
}

.boxEvent__content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 1px;
    background-color: #f2f2f2;
    content: ""
}

html[dir=rtl] .boxEvent__content {
    padding-right: 20px;
    padding-left: 0;
    padding-top: 15px
}

html[dir=rtl] .boxEvent__content:before {
    right: 10px;
    left: auto
}

.eventdetails .boxEvent__content {
    flex-basis: 70%;
}

.boxEvent__section {
    min-height: 6rem;
    font-size: 2.6rem;
    line-height: 5.3rem
}

@media (max-width: 1024px) {
    .boxEvent__section {
        min-height:0
    }
}

.eventdetails .event__end, .eventdetails .event__start {
    flex-basis: 15%;
}

.boxEvent__when {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.boxEvent__icon {
    margin-left: -6px;
    color: var(--primary-color);
    font-size: 5rem
}

.boxEvent__title {
    padding-block: 10px 20px;
    color: #0d786d;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.6rem
}

.boxEvent__inner:hover .boxEvent__title {
    color: #fff
}

.boxEvent__location {
    color: var(--secound-color);
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.boxEvent__inner:hover .boxEvent__location {
    color: #fff
}

.boxEvent__date {
    padding: 10px 0 0;
    transition: color .3s;
    color: #3ca776;
    font-size: 1rem;
    line-height: 2rem;
    white-space: nowrap;
    font-weight: 500;
}

.boxEvent__date {
    padding: 0 0 5px;
}

.boxEvent__inner:hover .boxEvent__date {
    color: #fff
}

.boxEvent__time {
    transition: color .3s;
    color: #005b51;
    font-size: .8rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
}

.boxEvent__inner:hover .boxEvent__time {
    color: #fff
}


/******************* Dictionary ******************/

.ms-core-webpartadder {
    z-index:1;
}

p.slick-slide {
    margin-inline-start: 30px;
}

@media (max-width: 700px) {
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #6fb9a7 !important;
    background: #72bdab !important;
      font-weight: normal;
      color: #ffffff;
    }
}

.ui-keyboard-close span {
    font-weight: normal;
    color: #ffffff;
}

.dectionary{
  background: linear-gradient(180deg, rgba(18, 92, 79, 1) 1%, rgba(23, 110, 92, 1) 50%, rgba(31, 135, 112, 1) 100%);
  position: relative;
  padding-top: 175px;
  margin-top: -1px;
  min-height: 900px;
}

@media (max-width: 700px) {
    .dectionary{
      padding-top: 75px;
      min-height: 1050px;
    }
}

.dectionary::before{
  content: "";
  width: 100%;
  height: 130px;
  background-image: url(../images/motivH.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0%;
}

.dectionary::after{
  content: "";
  width: 100%;
  height: 115px;
  background-image: url(../images/motivF.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 0%;
}

@media (max-width: 1100px) {
    .dectionary::after{
      height: 90px;
    }
}

@media (max-width: 700px) {
    .dectionary::after{
      height: 40px;
    }
}

.decSlider{
  margin-top: 0 !important;
}

.decSlider .slick-dots{
  text-align: center;
  position: absolute;
  right: 47%;
  width: 10%;
  padding: 0;
  bottom: 5%;
}

@media (max-width: 700px) {
    .decSlider .slick-dots{
      right: 45%;
      width: 14%;
    }
}

.decSlider .slick-dots li button{
  border: 1px solid #d9d9d9 !important;
  background-color: transparent !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 20px !important;
  margin: 0 5px !important;
}

.decSlider .slick-dots li.slick-active button {
  background: #fff !important;
}

.dectionary .container{
  width: 75%;
}

@media (max-width: 1100px) {
    .dectionary .container{
      width: 90%;
    }
}

.dectionary .search{
  position: relative;
  width: 94%;
  margin: 0 auto 50px;
}

.ui-autocomplete {
    border: 1px solid #c5c5c5;
    overflow-y: scroll;
    height: 300px;
}

.dectionary .search .searchInput{
  background: #165B49;
  background: radial-gradient(circle, rgba(22, 91, 73, 1) 1%, rgba(20, 86, 70, 1) 50%, rgba(16, 74, 61, 1) 100%);
  border-radius: 25px;
  height: 55px;
  border: 0;
  color: #fffeff;
  text-indent: 25px;
  width: 100%;
  text-align: right;
}

.dectionary .search .searchInput:focus{
  box-shadow: none;
}

.dectionary .search .searchInput::placeholder {
  color: #fffeff;
}

.dectionary .search .searchInput::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  margin-left: 0.2em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
  cursor: pointer;
}

.dectionary .search .icons{
  position: absolute;
  left: 5%;
  top: 25%;
}

.dectionary .search .icons a{
  outline: 0;
}

.dectionary .search .icons img{
  width: 24px;
}

.dectionary .search .keyborad img{
  width: 33px;
}

.dectionary .search .searchIcon img{
  margin-inline-start: 20px;
}

.dectionary .arBtn{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 0;
  margin-bottom: 25px;
}

.dectionary .arBtn span{
  width: 7%;
  text-align: center;
}

.dectionary .arBtn span a {
    color: #fff;
    display: block;
    width: 55%;
    height: 42px;
    margin: 0 auto;
    line-height: 40px;
    outline: none;
}

.dectionary .arBtn span a:hover {
    background: radial-gradient(circle, rgba(21, 100, 84, 1) 0%, rgba(18, 86, 73, 1) 100%);
    border-radius: 7px;
}

.dectionary .enBtn{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 20px 0;
  margin-bottom: 25px;
}

.dectionary .enBtn span{
  width: 7%;
  text-align: center;
}

.dectionary .enBtn span a {
    color: #fff;
    display: block;
    width: 55%;
    height: 42px;
    margin: 0 auto;
    line-height: 40px;
    outline: none;
}

.dectionary .enBtn span a:hover {
    background: radial-gradient(circle, rgba(21, 100, 84, 1) 0%, rgba(18, 86, 73, 1) 100%);
    border-radius: 7px;
}

.alert {
  width: 93%;
  margin: 0 auto 20px;
  font-size: 18px;
  border-radius: 5px;
}

.dectionary .resultsBlock{
  background: #FBFBFB;
  background: radial-gradient(circle, rgba(251, 251, 251, 1) 0%, rgba(219, 219, 219, 1) 100%);
  border-radius: 35px;
  min-height: 300px;
  width: 93%;
  padding-bottom: 20px;
  margin: 0 auto 150px;
}

@media (max-width: 700px) {
    .dectionary .resultsBlock{
      margin: 0 auto 40px;
    }
}

.dectionary .resultsBlock h5{
  background-image: url(../images/letterBg.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  color: #fff;
  padding: 2px 0 0;
  position: relative;
  z-index: 1;
  font-size: 18px;
  min-height: 36px;
  line-height: 37px;
  font-family: 'IBMPlexSansArabic-Medium', system-ui;
}

@media (max-width: 700px) {
    .dectionary .resultsBlock h5{
      background-size: 80% 41%;
      color: #fff;
      line-height: 32px;
      font-size: 14px;
      padding: 0;
      min-height: 70px;
    }
}

.dectionary .resultsBlock .meaning{
  background: #F9F9F9;
  background: radial-gradient(circle, rgba(249, 249, 249, 1) 0%, rgba(208, 208, 208, 1) 100%);
  border-radius: 35px;
  min-height: 200px;
  width: 98%;
  margin: -25px auto 0;
  padding: 40px 0;
}

@media (max-width: 700px) {
    .dectionary .resultsBlock .meaning{
      margin: -70px auto 0;
      padding: 30px 0;
      flex-wrap: wrap;
    }
}

.dectionary .resultsBlock .meaning .text{
  display: flex;
  justify-content: space-around;
}

@media (max-width: 700px) {
    .dectionary .resultsBlock .meaning .text{
      justify-content: center;
      flex-wrap: wrap;
    }
}

.dectionary .resultsBlock .meaning .text div{
  width: 47%;
  /* display: grid;
  gap: 40px; */
}

@media (max-width: 700px) {
    .dectionary .resultsBlock .meaning .text div{
      width: 90%;
      margin-bottom: 20px;
    }
}

.dectionary .resultsBlock .meaning .text div.english{
  direction:ltr;
}

.dectionary .resultsBlock .meaning .text div h3{
  color: #1c7864;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 35px;
}

.dectionary .resultsBlock .meaning .text div p{
  margin: 0 0 35px;
  color: #000;
  font-size: 16px;
}

.dectionary .resultsBlock .meaning a{
    display: block;
    border: 1px solid #bbb;
    border-radius: 20px;
    width: 150px;
    text-align: center;
    margin: 0 15px;
    padding: 5px 0;
    color: #686868;
    font-size: 14px;
    outline: none;
    font-family: 'IBMPlexSansArabic-Regular', system-ui;
    transition: all 0.3s linear;
}

.dectionary .resultsBlock .meaning a:hover{
    border: 1px solid #86afa5;
    background-color: #bacfca;
    color: #1c7864;
}

.dectionary .resultsBlock .meaning a img{
    width: 15px;
    margin-inline-end: 3px;
}

.dectionary .resultsBlock a.back{
    display: block;
    border: 1px solid #bbb;
    border-radius: 20px;
    width: 20%;
    text-align: center;
    padding: 5px 0;
    color: #686868;
    font-size: 14px;
    outline: none;
    margin: 35px auto 0;
    font-family: 'IBMPlexSansArabic-Regular', system-ui;
    transition: all 0.3s linear;
}

@media (max-width: 700px) {
  .dectionary .resultsBlock a.back{
    width: 35%;
  }
}

.dectionary .resultsBlock a.back:hover{
    border: 1px solid #86afa5;
    background-color: #bacfca;
    color: #1c7864;
}

.dectionary .resultsBlock a.back img{
    width: 15px;
    margin-inline-end: 3px;
}

.dectionary .resultsBlock .results {
  position: inherit;
}

.dectionary .resultsBlock .results .words {
  display: flex;
  justify-content: space-around;
  padding-bottom: 25px;
  border-bottom: 2px solid #ddd;
  margin-block: 20px;
}

@media (max-width: 700px) {
  .dectionary .resultsBlock .results .words {
    flex-wrap: wrap;
  }
}

.dectionary .resultsBlock .results .words:last-of-type {
  border-bottom: none;
}

.dectionary .resultsBlock .results .words a {
  width: 170px;
  text-align: center;
  line-height: 25px;
  color: #000;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.dectionary .resultsBlock .results .words a:hover, .dectionary .resultsBlock .results .words a.selected {
  color: #1c7864;
  border-radius: 20px;
  background: #EDEDED;
  background: radial-gradient(circle, rgba(237, 237, 237, 1) 0%, rgba(234, 234, 234, 1) 100%);
  background: #EDEDED;
  background: radial-gradient(circle, rgba(237, 237, 237, 1) 0%, rgba(230, 230, 230, 1) 100%);
}

.dectionary .resultsBlock .results .slick-list {
  margin: 0 auto;
  width: 90%;
}

@media (max-width: 700px) {
  .dectionary .resultsBlock .results .slick-list {
    margin: 0 auto;
    width: 100%;
  }
}

.dectionary .resultsBlock .results .slick-prev, .dectionary .resultsBlock .results .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(0,0,0,0);
  color: rgba(0,0,0,0);
  top: 43%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.dectionary .resultsBlock .results .slick-prev {
  left: 35px
}

[dir=rtl] .dectionary .resultsBlock .results .slick-prev {
  left: auto;
  right: -25px;
}

@media (max-width: 700px) {
    [dir=rtl] .dectionary .resultsBlock .results .slick-prev {
      left: auto;
      right: -25px;
    }
}

.dectionary .resultsBlock .results .slick-prev:before {
  content: "";
  background-image: url(../images/leftArrow.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 85px;
  opacity: 1
}

@media (max-width: 700px) {
  .dectionary .resultsBlock .results .slick-prev:before {
      width: 30px;
    }
}

[dir=rtl] .dectionary .resultsBlock .results .slick-prev:before {
  background-image: url(../images/rightArrow.png)
}

.dectionary .resultsBlock .results .slick-prev:hover::before,.dectionary .resultsBlock .results .slick-prev:focus::before {
  background-image: url(../images/rightArrowH.png)
}

.dectionary .resultsBlock .results .slick-next {
  right: 35px
}

[dir=rtl] .dectionary .resultsBlock .results .slick-next {
  left: 15px;
  right: auto
}

@media (max-width: 700px) {
    [dir=rtl] .dectionary .resultsBlock .results .slick-next {
      left: -5px;
      right: auto
    }
}

.dectionary .resultsBlock .results .slick-next:before {
  background-repeat: no-repeat;
  content: "";
  background-image: url(../images/rightArrow.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 85px;
  opacity: 1;
}

@media (max-width: 700px) {
  .dectionary .resultsBlock .results .slick-next:before {
      width: 30px;
    }
}
[dir=rtl] .dectionary .resultsBlock .results .slick-next:before {
  background-image: url(../images/leftArrow.png)
}

.dectionary .resultsBlock .results .slick-next:hover::before,.dectionary .resultsBlock .results .slick-next:focus::before {
    background-image: url(../images/leftArrowH.png)
}

.dectionary .visitors {
  display: flex;
  justify-content: left;
  color: #e1e1e1;
  height: 60px;
  position: relative;
  z-index: 1;
}

.dectionary .visitors .visit{
  margin-inline-end: 50px;
}

.dectionary .visitors span{
  margin-inline-end: 10px;
}

.dectionary .visitors .search{
  margin-inline-end: 50px;
  width: inherit;
  margin: inherit;
}

.decFooter{
  padding: 20px 0;
  background: #165B49;
  background: radial-gradient(circle, rgba(22, 91, 73, 1) 1%, rgba(17, 76, 62, 1) 50%, rgba(13, 64, 54, 1) 100%);
}

.decFooter div.container{
  display: flex;
  justify-content: space-between;
  color: #e3e3e3;
}

@media (max-width: 700px) {
  .decFooter div.container{
    flex-direction: column;
    align-items: center;
  }
}

.decFooter .text span{
  margin-inline-end: 30px;
}

.decFooter .load span{
  margin-inline: 10px 40px;
}

@media (max-width: 700px) {
  .decFooter .load span{
      margin-inline: 10px 25px;
    }
}