html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

.container-fluid {
    min-width: 320px
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: right;
    font-weight: 400;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

a img {
    border: none
}

:focus,:hover,a:hover,a:focus,*:hover,*:focus,*:active,.btn:focus {
    outline: 0
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    text-rendering: auto;
    box-sizing: border-box
}

.vMiddle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@font-face {
    font-family: 'DroidArabicKufi';
    src: url("../font/DroidArabicKufi.eot?#iefix") format("embedded-opentype"),url(../font/DroidArabicKufi.woff) format("woff"),url(../font/DroidArabicKufi.ttf) format("truetype"),url("../font/DroidArabicKufi.svg#DroidArabicKufi") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DroidArabicKufi-Bold';
    src: url("../font/DroidArabicKufi-Bold.eot?#iefix") format("embedded-opentype"),url(../font/DroidArabicKufi-Bold.woff) format("woff"),url(../font/DroidArabicKufi-Bold.ttf) format("truetype"),url("../font/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'mci-icons';
    src: url(../font/mci-icons.eot?39592833);
    src: url('../font/mci-icons.eot?39592833#iefix') format('embedded-opentype'),url(../font/mci-icons.woff2?39592833) format('woff2'),url(../font/mci-icons.woff?39592833) format('woff'),url(../font/mci-icons.ttf?39592833) format('truetype'),url('../font/mci-icons.svg?39592833#mci-icons') format('svg');
    font-weight: 400;
    font-style: normal
}

.fA,.fright {
    float: right
}

.fB,.fleft {
    float: left
}

.clr,.clear {
    clear: both
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " ";
    clear: both
}

.nofloat {
    float: none!important
}

.Acenter {
    text-align: center!important
}

.Aleft {
    text-align: left!important
}

.Aright {
    text-align: right!important
}

.paddingtop20 {
    padding-top: 20px
}

.container-fluid {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

a {
    cursor: pointer
}

a:hover,a:focus {
    text-decoration: none
}

::-moz-selection {
    background: #074D31;
    color: #fff
}

::selection {
    background: #074D31;
    color: #fff
}

.old-browser-alert {
    font: 18px arial,tahoma;
    margin: 20px;
    padding: 20px;
    text-align: center;
    border: 1px #f06d6d solid;
    background: #fdebd4
}

.old-browser-alert a {
    background: #fff;
    color: #074D31;
    display: inline-block;
    padding: 10px 50px;
    border: 1px #074D31 solid;
    margin-top: 10px
}

.trans1 {
    transition: all .5s ease
}

.trans2 {
    transition: all .3s ease
}

.grab {
    cursor: -webkit-grab;
    cursor: grab
}

.grab:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.NormalTxt {
    font: 1em DroidArabicKufi,arial,sans-serif
}

@media (min-width: 1300px) {
    .container {
        width:1200px
    }
}

body {
    font: 14px DroidArabicKufi,arial,sans-serif
}

h2 {
    color: #0a6562;
    font: 2.143em DroidArabicKufi-Bold,arial,sans-serif;
    padding: 0;
    margin-bottom: 15px
}

h2.pageTtlWithBg {
    color: #fff;
    background: #0a6562;
    display: inline-block
}

p {
    color: #666;
    font: 1em DroidArabicKufi,arial,sans-serif;
    padding: 5px;
    text-align: justify
}

b {
    color: #666;
    font: 1em DroidArabicKufi-Bold,arial,sans-serif
}

h3 {
    color: #0a6562;
    font: 1.429em DroidArabicKufi-Bold,arial,sans-serif
}

h4 {
    color: #298ebd;
    font: 1.286em DroidArabicKufi-Bold,arial,sans-serif
}

h5 {
    color: #e66b2e;
    font: 1.143em DroidArabicKufi-Bold,arial,sans-serif
}

h6 {
    color: #666;
    font: 15px DroidArabicKufi-Bold,arial,sans-serif
}

.text-white {
    color: #fff!important
}

.text-green {
    color: #0a6562!important
}

.text-blue {
    color: #298ebd!important
}

.text-orange {
    color: #e66b2e!important
}

.text-orange * {
    color: #e66b2e!important
}

.text-lightgreen {
    color: #074D31!important
}

.text-lightgreen2 {
    color: #074D31!important
}

.text-darkgray {
    color: #666!important
}

.bg-white {
    background-color: #fff!important
}

.bg-green {
    background-color: #0a6562!important
}

.bg-orange {
    background-color: #e66b2e!important
}

.bg-lightgreen {
    background-color: #074D31!important
}

.bg-blue {
    background-color: #298ebd!important
}

.bg-darkgray {
    background-color: #666!important
}

.dropdown-backdrop {
    background: rgb(0 0 0 / .6)
}

.header-wrapper {
    position: relative;
    z-index: 104;
    height: 168px;
    background: #074D31 url(../images/header-bg.png) no-repeat top center
}

.header-wrapper.home-header {
    min-height: 290px;
    position: absolute;
    width: 100%;
    background: linear-gradient(to bottom,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / .3) 50%,#fff0 100%)
}

.header-wrapper.home-header .logoImg {
    max-height: 74px;
    max-width: 293px
}

.header-wrapper.home-header .vissionlogoImg {
    max-height: 62px
}

.header-wrapper.home-header .topbar {
    padding-top: 26px;
    padding-bottom: 12px
}

.header-wrapper .topbar {
    padding-top: 18px;
    padding-bottom: 5px
}

.header-wrapper .logoImg {
    max-height: 65px;
    width: 45%
}

.header-wrapper .vissionlogoImg {
    max-height: 52px;
    max-width: 92px;
    position: relative;
    top: -6px
}

.header-wrapper .logo-sep {
    margin: 0 10px;
    display: inline-block;
    width: 1px;
    height: 62px;
    background-color: rgb(255 255 255 / .4)
}

.header-wrapper .top-functions {
    position: relative;
    padding-top: 20px;
    display: flex;
    flex: revert
}

.header-wrapper .top-functions-c {
    width: auto!important;
    float: left
}

.header-wrapper .top-functions>* {
    display: flex;
    flex: inherit
}

.header-wrapper .top-functions .searchicon .search2 {
    float: left;
    margin: -1px 15px 0 0;
    font-size: 1.286em;
    line-height: 27px;
    color: #fff
}

.header-wrapper .top-functions .searchicon:hover .search2 {
    color: #4ee6e1
}

.header-wrapper .top-functions .topLnk {
    float: left;
    margin-right: 17px;
    color: #fff;
    height: 26px;
    padding: 2px 0;
    font-size: 13px;
    transition: all .3s ease;
    line-height: 20px
}

.header-wrapper .top-functions .topLnk [class^="icon-"] {
    font-size: 20px;
    margin-left: 3px
}

.header-wrapper .top-functions .topLnk:hover {
    color: #4ee6e1
}

@media (max-width: 1200px) {
    .header-wrapper .top-functions .topLnk {
        font-size:12px;
        margin-right: 8px
    }
}

.header-wrapper .top-functions .topLnksMenuBtn {
    color: #fff;
    background: #fff0 none!important;
    padding: 0 20px 0 0;
    font-size: 20px;
    line-height: 20px
}

.header-wrapper .top-functions .topLnksMenu {
    background: rgb(0 136 131 / .85);
    padding: 0 4px;
    box-shadow: 0 6px 8px rgb(0 0 0 / .1);
    border-radius: 8px;
    border: 0!important
}

.header-wrapper .top-functions .topLnksMenu>li>a:focus,.header-wrapper .top-functions .topLnksMenu>li>a:active {
    background: #1c928d!important
}

.header-wrapper .top-functions .topLnksMenu .topLnk,.header-wrapper .top-functions .topLnksMenu .applnk {
    width: 100%;
    margin: 10px 0;
    float: none;
    display: block;
    color: #fff;
    padding: 2px 5px 2px 4px
}

.header-wrapper .top-functions .topLnksMenu .topLnk i[class^="icon-"],.header-wrapper .top-functions .topLnksMenu .applnk i[class^="icon-"] {
    color: #fff
}

.header-wrapper .top-functions .searchbox {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    top: 52px;
    left: 0;
    border-radius: 4px;
    background-color: #fff;
    height: 60px;
    box-shadow: 0 15px 25px rgb(0 0 0 / .17)
}

.header-wrapper .top-functions .searchbox .search3 {
    font-size: 1.286em;
    line-height: 27px;
    color: #0a6562
}

.header-wrapper .top-functions .searchbox .closeSearch {
    font-size: 15px;
    width: 20px;
    height: 20px;
    color: #7d868b
}

.header-wrapper .top-functions .searchbox .icon-mic {
    font-size: 20px;
    line-height: 27px;
    color: #c84a3d;
    position: relative;
    top: 1px
}

.header-wrapper .top-functions .searchbox .search-input {
    background: #fff0;
    color: #666;
    width: calc(100% - 95px)
}

.header-wrapper .top-functions .searchbox .searchcontrols {
    display: inline-block;
    width: 90px;
    padding-top: 2px
}

.header-wrapper .top-functions .searchbox .searchcontrols .fa {
    font-size: 20px;
    margin: 0 5px;
    color: #298ebd
}

.header-wrapper .top-functions .searchbox .searchcontrols a:hover {
    opacity: .75
}

.header-wrapper .top-functions .applnk {
    float: left;
    margin-right: 13px;
    color: #fff;
    border: 1px #15d9d3 solid;
    border-radius: 26px;
    height: 26px;
    width: 26px;
    text-align: center;
    transition: all .3s ease
}

.header-wrapper .top-functions .applnk .fa {
    font-size: 1.286em;
    margin-top: 3px
}

.header-wrapper .top-functions .applnk:hover {
    color: #298ebd;
    border-color: #298ebd
}

.header-wrapper .top-functions .settings {
    position: relative
}

.header-wrapper .top-functions .settings .icon-cog-2 {
    position: relative;
    top: 2px
}

.header-wrapper .top-functions .settings .dropdown-menu {
    min-width: 100px;
    left: 0;
    right: auto
}

.header-wrapper .top-functions .settings .dropdown-menu>li>a i {
    transition: all .3s ease
}

.header-wrapper .top-functions .settings .dropdown-menu>li>a:hover {
    background: #fff0;
    color: #4ee6e1
}

.header-wrapper .top-functions .settings .dropdown-menu>li>a:hover i {
    color: #4ee6e1
}

.header-wrapper .top-functions .loginContainer {
    position: relative
}

.header-wrapper .top-functions .loginContainer .dropdown-menu {
    left: 0;
    right: auto
}

.header-wrapper .top-functions .loginContainer .dropdown-menu>li>a i {
    transition: all .3s ease
}

.header-wrapper .top-functions .loginContainer .dropdown-menu>li>a:hover {
    background: #fff0;
    color: #4ee6e1
}

.header-wrapper .top-functions .loginContainer .dropdown-menu>li>a:hover i {
    color: #4ee6e1
}

.header-wrapper .topnav {
    margin-top: 10px
}

.header-wrapper .topnav .navbar-default {
    background: none;
    border: 0
}

.header-wrapper .topnav .navbar-nav {
    position: relative;
    width: 100%;
    float: none
}

.header-wrapper .topnav .navbar-nav>li {
    position: static
}

.header-wrapper .topnav .navbar-nav>li+li {
    margin: 0 65px 0 0
}

@media (max-width: 1280px) {
    .header-wrapper .topnav .navbar-nav>li+li {
        margin:0 60px 0 0
    }
}

@media (max-width: 1200px) {
    .header-wrapper .topnav .navbar-nav>li+li {
        margin:0 28px 0 0
    }
}

.header-wrapper .topnav .navbar-nav>li>a {
    color: #fff;
    font: 17px DroidArabicKufi,arial,sans-serif;
    padding: 15px 0;
    transition: all .3s ease
}

.header-wrapper .topnav .navbar-nav>li>a:hover {
    color: rgb(255 255 255 / .7)
}

.header-wrapper .topnav .navbar-nav>li>a .icon-home {
    font-size: 26px;
    line-height: 39px;
    color: #fff
}

.header-wrapper .topnav .navbar-nav>li>a .icon-home:hover {
    color: rgb(255 255 255 / .7)
}

.header-wrapper .topnav .navbar-nav>li>a.dropdown-toggle:after {
    content: "\e88f";
    font-family: "mci-icons";
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 5px
}

.header-wrapper .topnav .navbar-nav>li>.dropdown-menu {
    width: 100%;
    background: rgb(248 248 248 / .95)!important;
    border-radius: 4px;
    border: none!important;
    box-shadow: 0 5px 35px rgb(0 0 0 / .15);
    padding: 15px 30px;
    top: 90%
}

.header-wrapper .topnav .navbar-nav>li>.dropdown-menu h6,.header-wrapper .topnav .navbar-nav>li>.dropdown-menu b {
    color: #074D31;
    font: normal 1em DroidArabicKufi-Bold,arial,sans-serif;
    border-bottom: 1px solid #ddd;
    padding: 10px 2px;
    margin-bottom: 4px;
    display: block;
    height: fit-content
}

.header-wrapper .topnav .navbar-nav>li>.dropdown-menu h6 a,.header-wrapper .topnav .navbar-nav>li>.dropdown-menu b a {
    color: #074D31;
    font: normal 1em DroidArabicKufi-Bold,arial,sans-serif
}

.header-wrapper .topnav .navbar-nav>li>.dropdown-menu a {
    display: block;
    border-radius: 4px;
    padding: 5px 20px;
    color: #666;
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    transition: all .3s ease;
    margin-bottom: 0
}

.header-wrapper .topnav .navbar-nav>li>.dropdown-menu a:hover {
    background: #074D31;
    color: #fff
}

.header-wrapper .topnav .navbar-nav>.active>a {
    background: none;
    color: #298ebd
}

.header-wrapper .topnav .navbar-collapse {
    border-color: #fff0
}

.header-wrapper .topnav .navbar {
    margin-bottom: 0;
    min-height: 40px;
    border-radius: 0
}

.header-wrapper .topnav .navbar .navbar-brand {
    padding: 0
}

.header-wrapper .topnav .navbar>.row {
    position: relative
}

.header-wrapper .topnav.sticynav {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .7);
    margin-top: 0;
    padding: 5px 0
}

.header-wrapper .topnav.sticynav.sticynav-top {
    top: 0;
    transition: all .5s ease
}

.header-wrapper .topnav.sticynav .navbar {
    display: block!important
}

.header-wrapper .topnav.sticynav .showhidenav {
    display: none
}

.header-wrapper .topnav.openednav .navbar,.header-wrapper .topnav.openednav .showhidenav {
    z-index: 22
}

.header-wrapper .topnav.openednav:after {
    content: "";
    position: fixed;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .7)
}

.showhidenav {
    position: absolute;
    top: 38px;
    right: 38px;
    cursor: pointer;
    display: inline-block;
    width: 23px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}

.showhidenav.shownav:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    position: relative;
    z-index: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M-0.000,17.500 L-0.000,17.500 C-0.000,16.700 0.700,16.000 1.500,16.000 L21.500,16.000 C22.300,16.000 23.000,16.700 23.000,17.500 L23.000,17.500 C23.000,18.300 22.300,19.000 21.500,19.000 L1.500,19.000 C0.700,19.000 -0.000,18.300 -0.000,17.500 ZM1.500,8.000 L21.500,8.000 C22.300,8.000 23.000,8.700 23.000,9.500 L23.000,9.500 C23.000,10.300 22.300,11.000 21.500,11.000 L1.500,11.000 C0.700,11.000 -0.000,10.300 -0.000,9.500 L-0.000,9.500 C-0.000,8.700 0.700,8.000 1.500,8.000 ZM1.500,-0.000 L21.500,-0.000 C22.300,-0.000 23.000,0.700 23.000,1.500 L23.000,1.500 C23.000,2.300 22.300,3.000 21.500,3.000 L1.500,3.000 C0.700,3.000 -0.000,2.300 -0.000,1.500 L-0.000,1.500 C-0.000,0.700 0.700,-0.000 1.500,-0.000 Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.showhidenav.shownav:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgb(0 175 169 / .7);
    position: relative;
    z-index: 0;
    top: -42px;
    left: 8px;
    border-radius: 4px
}

.showhidenav.hidenav {
    width: 28px;
    height: 28px
}

.showhidenav.hidenav:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    position: relative;
    top: -2px;
    z-index: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M28.008,25.545 L25.545,28.008 L14.000,16.463 L2.455,28.008 L-0.008,25.545 L11.537,14.000 L-0.008,2.455 L2.455,-0.008 L14.000,11.537 L25.545,-0.008 L28.008,2.455 L16.463,14.000 L28.008,25.545 Z'/%3e%3c/svg%3e");
    background-size: 100% 100%
}

.showhidenav.hidenav:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgb(0 175 169 / .7);
    position: relative;
    z-index: 0;
    top: -42px;
    left: 8px;
    border-radius: 4px
}

.mainslider {
    position: relative;
    left: 0;
    right: 0;
    z-index: 1
}

.mainslider .swiper-slide {
    background-position: center bottom!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    width: 100%!important
}

.mainslider .swiper-button-next,.mainslider .swiper-button-prev {
    background-size: 53px 100px;
    width: 53px;
    height: 100px;
    margin-top: -50px
}

.mainslider .swiper-button-next {
    left: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='53px' height='100px'%3e%3cpath fill-rule='evenodd' opacity='0.9' fill='rgb(255, 255, 255)' d='M49.269,99.994 L0.012,49.952 L49.179,0.001 L52.034,2.902 L5.903,49.769 L52.274,96.881 L49.269,99.994 Z'/%3e%3c/svg%3e")
}

.mainslider .swiper-button-prev {
    right: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='53px' height='100px'%3e%3cpath fill-rule='evenodd' opacity='0.9' fill='rgb(255, 255, 255)' d='M3.731,99.994 L52.987,50.365 L3.821,0.828 L0.966,3.704 L47.097,50.184 L0.725,96.907 L3.731,99.994 Z'/%3e%3c/svg%3e")
}

.mainslider .banner-description {
    position: absolute;
    bottom: 48%;
    max-width: 1000px;
    padding: 0 290px 0 0
}

.mainslider .banner-description .MainBanner-Logo {
    height: 80px
}

@media (max-width: 991px) {
    .mainslider .banner-description .MainBanner-Logo {
        height:40px;
        padding-right: 25%
    }
}

.mainslider .banner-description h2 {
    font: 60px/1.6 DroidArabicKufi-Bold,arial,sans-serif;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    transition: all .3s ease;
    transition-delay: 0.2s
}

.mainslider .banner-description h3 {
    font: 1.786em DroidArabicKufi,arial,sans-serif;
    color: #474747;
    transition: all .3s ease;
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    transition-delay: .2s
}

.mainslider .banner-description .morelnk [class^='icon-'] {
    display: inline-block;
    transition: all .5s ease
}

.mainslider .banner-description .morelnk:hover [class^='icon-'] {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.mainslider .swiper-slide-active {
    z-index: 1
}

.mainslider .swiper-slide-active .banner-description h2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition-delay: 2s
}

.mainslider .swiper-slide-active .banner-description h3 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition-delay: 2.5s
}

.mainslider .swiper-slide-active .banner-description a {
    white-space: nowrap
}

.mainslider-container {
    width: 100%;
    height: 100%
}

.mainslider-wrapper {
    height: 100%
}

.nicescroll-rails {
    background: rgb(0 0 0 / .2)!important;
    width: 10px!important;
    z-index: 5!important
}

.nicescroll-rails .nicescroll-cursors {
    width: 10px!important;
    border: 0!important;
    background: #074D31!important
}

.scrolldown {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    top: -90px;
    z-index: 4
}

.scrolldown .icon-scroll-down {
    font-size: 40px;
    color: #fff;
    position: relative;
    -webkit-animation: 2s scrolldown infinite ease;
    animation: 2s scrolldown infinite ease
}

@-webkit-keyframes scrolldown {
    0%,100% {
        top: 0
    }

    50% {
        top: 15px
    }
}

@keyframes scrolldown {
    0%,100% {
        top: 0
    }

    50% {
        top: 15px
    }
}

@-webkit-keyframes slide-bg {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slide-bg {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loader,.loader:before,.loader:after {
    border-radius: 10px;
    background: #fff;
    -webkit-animation: load1 1s ease-in-out infinite;
    animation: load1 1s ease-in-out infinite;
    width: .9em;
    height: 4em
}

.loader {
    color: rgb(255 255 255 / .99999);
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.loader:before,.loader:after {
    position: absolute;
    top: 0;
    content: ''
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.loader:after {
    left: 1.5em
}

@-webkit-keyframes load1 {
    0%,80%,100% {
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em
    }
}

@keyframes load1 {
    0%,80%,100% {
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em
    }
}

.homepanel {
    height: 700px
}

.wptitle {
    text-align: center;
    font-size: 35px
}

.wptitle .more {
    font: 13px DroidArabicKufi,arial,sans-serif;
    margin-top: 22px
}

.wptitle .more i[class^="icon-"] {
    font-size: 1.286em;
    margin-right: 5px
}

.home-content {
    padding: 75px 0 0;
    height: auto!important
}

.home-content .wptitle {
    color: #074D31!important;
    margin-bottom: 0
}

.home-content .wptitle .more {
    color: #7d868b
}

.home-content .wptitle .more:hover {
    color: #19b5af
}

.home-content .homenewsSlider {
    padding: 10px 5px;
    z-index: 0
}

.home-content .homenewsSlider .swiper-slide {
    height: 305px;
    border: 3px solid #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / .15);
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home-content .homenewsSlider .swiper-slide:after {
    content: "";
    display: block;
    height: 160px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    transition: all .5s ease;
    background: linear-gradient(to bottom,#fff0 0%,rgb(238 238 238 / .9) 40%,#eeeeee 100%)
}

.home-content .homenewsSlider .swiper-slide .newsItem {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: fit-content;
    z-index: 2;
    padding: 10px;
    overflow: hidden;
    transition: all .3s ease
}

.home-content .homenewsSlider .swiper-slide .newsItem .artclDate {
    position: relative!important;
    bottom: 0!important;
    color: #555!important;
    font-size: 1em;
    margin: -25px 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
    transition: all .5s ease
}

.home-content .homenewsSlider .swiper-slide .newsItem .artclDate i[class^="icon-"] {
    font-size: 1.143em;
    color: #555!important
}

.home-content .homenewsSlider .swiper-slide a.newsTitle {
    position: absolute;
    bottom: 45%;
    z-index: 4;
    padding: 4px 12px;
    font: normal 20px/30px DroidArabicKufi,arial,sans-serif;
    color: #0a6562;
    text-align: justify;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
    transition: all .5s ease
}

.home-content .homenewsSlider .swiper-slide .newsItem p {
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    height: fit-content;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
    transition: all .5s ease
}

.home-content .homenewsSlider .swiper-slide:hover .newsItem .artclDate {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.home-content .homenewsSlider .swiper-slide:hover a.newsTitle {
    bottom: 75%
}

.home-content .homenewsSlider .swiper-slide:hover .newsItem p {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .1s
}

.home-content .homenewsSlider .swiper-slide .newsItem p a {
    padding: 0 5px;
    color: #074D31
}

.home-content .homenewsSlider .swiper-slide:hover:after {
    height: 280px;
    background: linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .98) 40%,#ffffff 100%)
}

.home-content .swiper-pagination {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
    z-index: 0
}

.home-content .swiper-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 10px;
    background: #eee;
    border-radius: 0;
    margin: 0 4px;
    opacity: 1
}

.home-content .swiper-pagination .swiper-pagination-bullet-active {
    border: #0a6663 solid 2px;
    background: #0a6562
}

.serviceswrapper {
    height: 460px;
    padding: 35px 0;
    background: #e7f2f8
}

.serviceswrapper .service-lrbg {
    background: rgb(255 255 255 / .6);
    padding: 0 15px 15px 0;
    min-height: 390px;
    border-radius: 8px
}

.serviceswrapper .wptitle {
    text-align: right;
    padding-right: 5px;
    color: #0a6562;
    max-width: 175px;
    min-height: 360px;
    position: relative
}

.serviceswrapper .wptitle .more {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #0a6562
}

.serviceswrapper .servs-group {
    margin-right: 25px;
    width: calc(100% - 220px)
}

.serviceswrapper .servs-group .musrvtitle {
    display: block;
    width: 100%;
    text-align: center;
    height: 36px;
    background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=') no-repeat center top;
    font: 15px/36px DroidArabicKufi-Bold,arial,sans-serif;
    color: #0a6562
}

.service-tabs .nav-tabs {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px;
    margin-top: 15px
}

.service-tabs .nav-tabs>li {
    background: rgb(255 255 255 / .9);
    border: 1px #074D31 solid;
    width: calc(49%);
    text-align: center;
    border-radius: 60px;
    transition: all .3s ease;
    margin: 10px .5%
}
.innerpages .nav-tabs.subcategory>li {
       width: 19%;
	   height: 75px;
    }
	
.innerpages .nav-tabs.subcategory>li a.active, .innerpages .eventsTabs>li a.active {
    height: 75px;
}

.innerpages .nav-tabs.subcategory>li>a, .innerpages .eventsTabs>li>a{
    height:75px;
}
	
@media (max-width: 760px){
  .innerpages .nav-tabs.subcategory>li {
       width: 100% !important;
	   height: 45px;
    }
}

.service-tabs .nav-tabs>li a:hover {
    background-color: #0f938f
}

.service-tabs .nav-tabs>li a:hover {
    color: #074D31!important
}

.service-tabs .nav-tabs>li a:active {
    background-color: #074D31
}

.service-tabs .nav-tabs>li a.active {
    background: #074D31!important;
    position: relative;
    border-radius: 15px;
    transition: all .3s ease
}

.service-tabs .nav-tabs>li a.active {
    color: #fff!important
}

.service-tabs .nav-tabs>li a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 10px solid #074D31;
    transition: all .3s ease
}

.service-tabs .nav-tabs>li.disabled {
    background: #ccc;
    pointer-events: none
}

.service-tabs .nav-tabs>li.disabled:after {
    display: none
}

.service-tabs .nav-tabs>li.disabled>a {
    color: #a8a7a7!important
}

.service-tabs .nav-tabs>li>a {
    font: normal 1.143em DroidArabicKufi,arial,sans-serif;
    color: #666!important;
    border: none!important;
    background: #fff0 none!important;
    padding: 5px 25px 8px;
    text-align: center
}

.service-tabs .tab-content {
    padding-top: 10px
}

.service-tabs .serv-item {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    display: inline-block;
    background-color: rgb(255 255 255 / .5);
    box-shadow: 0 1px 15px 0 rgb(0 0 0 / .15);
    width: 220px;
    height: 216px;
    overflow: hidden;
    text-align: center;
    padding-top: 40px;
    margin-left: 0;
    position: relative;
    transition: all .5s ease
}

.service-tabs .serv-item .servicon {
    display: block;
    height: 85px;
    text-align: center;
    transition: all .5s ease
}

.service-tabs .serv-item .servicon img {
    max-height: 100%
}

.service-tabs .serv-item .servtitle {
    padding: 0 8px;
    display: block;
    margin-top: 15px;
    font: bold 1em/1.5 DroidArabicKufi-Bold,arial,sans-serif;
    color: #0a6562;
    transition: all .5s ease
}

.service-tabs .serv-item:hover {
    -webkit-transform: scale(1.12,1.12);
    -ms-transform: scale(1.12,1.12);
    transform: scale(1.12,1.12);
    background-color: #fff;
    box-shadow: 0 1px 15px 0 rgb(0 0 0 / .2);
    z-index: 1
}

.service-tabs .serv-item:hover .servicon {
    height: 70px;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.service-tabs .serv-item:hover .servtitle {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.service-tabs .serv-item:hover .service-btn-wrapper {
    bottom: 15px;
    opacity: 1
}

.service-tabs .serv-item .service-btn-wrapper {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: -20%;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: .15s
}

.service-tabs .serv-item .service-btn-wrapper .serv-btn {
    text-align: center;
    color: #fff;
    font: normal 12px/35px DroidArabicKufi,arial,sans-serif;
    border-radius: 35px;
    margin: 0 .5%;
    height: 35px;
    background: #074D31;
    position: relative;
    display: inline-block;
    transition: all .3s ease;
    margin-top: 5px;
    padding: 0 20px
}

.service-tabs .serv-item .service-btn-wrapper .serv-btn:hover {
    background: #7cbfc1
}

.service-tabs .serv-item .service-btn-wrapper .serv-btn.orange {
    background: #e66b2e
}

.service-tabs .serv-item .service-btn-wrapper .serv-btn.orange:hover {
    background: #eb8b5c
}

.service-tabs .serv-item+.more {
    display: inline-block
}

.service-tabs .more {
    display: none;
    position: relative;
    top: -85px;
    margin-left: -7px;
    margin-right: 5px;
    text-align: center;
    color: #0a6562;
    font-size: 1em;
    transition: all .5s ease
}

.service-tabs .more>i {
    display: block;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background: #0a6562;
    text-align: center;
    line-height: 22px;
    color: #fff;
    transition: all .5s ease
}

.service-tabs .more:hover {
    color: #074D31
}

.service-tabs .more:hover>i {
    background: #074D31
}

.wnew-eventswrapper {
    padding: 35px 0;
    margin-bottom: 15px;
    background: #f6f6f6
}

.wnew-eventswrapper .wnew-tabs {
    background: #fff
}

.wnew-eventswrapper .wnew-tabs .nav-tabs {
    background: #f6f6f6;
    padding-bottom: 0;
    border-bottom: 1px #e1e1e1 solid;
    margin-bottom: 38px;
    margin-top: 0
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li {
    width: calc(50%);
    text-align: center;
    margin: 10px 0 0
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li a.active {
    border-bottom: 5px #298ebd solid;
    margin-bottom: -3px;
    position: relative
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li a.active {
    color: #298ebd!important
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 10px solid #298ebd
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li.disabled {
    background: #ccc;
    pointer-events: none
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li.disabled:after {
    display: none
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li.disabled>a {
    color: #a8a7a7!important
}

.wnew-eventswrapper .wnew-tabs .nav-tabs>li>a {
    font: normal 35px DroidArabicKufi-Bold,arial,sans-serif;
    color: #7d868b!important;
    border: none!important;
    background: #fff0 none!important;
    padding: 0;
    text-align: center
}

.wnew-eventswrapper .wnew-tabs .tab-content {
    border-bottom: 1px #e1e1e1 solid;
    padding-bottom: 10px;
    height: 293px
}

.wnew-eventswrapper .wnew-tabs .tab-content .more {
    color: #298ebd!important;
    margin: 0 5px
}

.wnew-eventswrapper .wnew-tabs .tab-content .more>i {
    font-size: 1.286em
}

.wnew-item {
    height: 70px;
    margin: 15px 0
}

.wnew-item:after,.wnew-item:before {
    display: table;
    content: " ";
    clear: both
}

.wnew-item .date {
    width: 138px;
    height: 100%;
    text-align: center;
    position: relative
}

.wnew-item .date:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% + 15px);
    width: 1px;
    background: #eee
}

.wnew-item .date .bigday {
    font: bold 30px/35px DroidArabicKufi-Bold,arial,sans-serif;
    color: #298ebd
}

.wnew-item .date .month {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #aaa
}

.wnew-item .new-txt {
    padding: 0 152px 0 0;
    height: 100%;
    font: 1.1em DroidArabicKufi,arial,sans-serif;
    color: #666
}

.wnew-item .new-txt>a.more {
    color: #298ebd!important;
    white-space: nowrap
}

.wnew-item .new-txt>a.more:hover {
    color: #2e9ed2
}

.home-events {
    padding-top: 10px;
    position: relative
}

.home-events .wptitle {
    color: #c84a3d!important
}

.home-events .wptitle>span {
    font: 14px DroidArabicKufi,arial,sans-serif;
    color: #777
}

.home-events .wptitle .more:hover {
    color: #c84a3d
}

.home-events .eventsslider {
    border: 1px #e1e1e1 solid;
    margin-top: 2px;
    background: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=");
    background-position: center;
    background-repeat: no-repeat
}

.home-events .swiper-button-next.evs,.home-events .swiper-button-prev.evs {
    background: #c84a3d;
    width: 45px;
    height: 38px;
    text-align: center;
    top: 100.8%;
    z-index: 1
}

.home-events .swiper-button-next.evs>i,.home-events .swiper-button-prev.evs>i {
    font-size: 1.786em;
    line-height: 38px;
    color: #fff
}

.home-events .swiper-button-next.evs.swiper-button-disabled,.home-events .swiper-button-prev.evs.swiper-button-disabled {
    opacity: .5
}

.home-events .swiper-button-next.evs {
    left: calc(50% - 50px);
    right: auto
}

.home-events .swiper-button-prev.evs {
    right: calc(50% - 50px);
    left: auto
}

.home-guides {
    padding-top: 0;
    border: 1px #eee solid;
    height: 342px
}

.home-guides a {
    display: block;
    overflow: hidden
}

.home-guides img {
    display: block;
    height: 300px;
    margin: 0 auto
}

.opendata-survy-pollwrapper {
    background-size: contain;
    min-height: 200px;
    padding: 40px 0 14px;
    background: #fff
}

.opendata-survy-pollwrapper .opendata-syrvy-container {
    padding-bottom: 26px
}

.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
    float: right;
    width: 100%;
    height: 342px;
    border: 1px #eee solid;
    position: relative;
    font: 50px/1.5 DroidArabicKufi-Bold,arial,sans-serif;
    transition: all .5s ease
}

.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner>span {
    position: absolute;
    bottom: 20px;
    right: 30px
}

.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner.oepndata {
    background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=') no-repeat center center;
    background-size: 120% 120%;
    color: #0e8a86
}

.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner.survy {
    margin: 0 -2px 0;
    background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=') no-repeat center center;
    background-size: 120% 120%;
    color: #c84a3d
}

.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner:hover {
    background-size: 100% 100%
}

.eventlist-item,.card-item {
    margin-bottom: 30px;
    border: 1px #e1e1e1 solid;
    background-color: #fff;
    box-shadow: 0 5px 12px 0 rgb(0 0 0 / .1);
    transition: all .5s ease
}

.eventlist-item:hover,.card-item:hover {
    box-shadow: 0 15px 25px 0 rgb(0 0 0 / .2)
}

.eventlist-item.h290,.card-item.h290 {
    height: 290px
}

.eventlist-item.h300,.card-item.h300 {
    height: 300px
}

.eventlist-item.h320,.card-item.h320 {
    height: 320px
}

.eventlist-item.h290 .event-txt,.card-item.h290 .event-txt,.eventlist-item.h300 .event-txt,.card-item.h300 .event-txt,.eventlist-item.h320 .event-txt,.card-item.h320 .event-txt {
    line-height: 1.6em!important
}

.eventsslider-wrapper .swiper-slide,.eventlist-item,.card-item {
    padding: 15px;
    text-align: center;
    height: 330px
}

.eventsslider-wrapper .swiper-slide .date,.eventlist-item .date,.card-item .date {
    padding-top: 10px
}

.eventsslider-wrapper .swiper-slide .date .bigday,.eventlist-item .date .bigday,.card-item .date .bigday {
    font: bold 120px/130px DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31;
    max-height: 130px;
    transition: all .5s ease
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF,.eventlist-item .date .bigday .downloadlinkPDF,.card-item .date .bigday .downloadlinkPDF {
    display: block;
    color: #c84a3d;
    font-size: 90px;
    transition: all .3s ease
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF:hover,.eventlist-item .date .bigday .downloadlinkPDF:hover,.card-item .date .bigday .downloadlinkPDF:hover {
    color: #df948c!important;
    font-size: 105px!important
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF .icon-file-word,.eventlist-item .date .bigday .downloadlinkPDF .icon-file-word,.card-item .date .bigday .downloadlinkPDF .icon-file-word {
    color: #499eff
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF .icon-xsl-file-download,.eventlist-item .date .bigday .downloadlinkPDF .icon-xsl-file-download,.card-item .date .bigday .downloadlinkPDF .icon-xsl-file-download {
    color: #074D31
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS,.eventlist-item .date .bigday .downloadlinkXLS,.card-item .date .bigday .downloadlinkXLS {
    display: block;
    color: #074D31;
    font-size: 90px;
    transition: all .3s ease
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS:hover,.eventlist-item .date .bigday .downloadlinkXLS:hover,.card-item .date .bigday .downloadlinkXLS:hover {
    color: #9fd0d1!important;
    font-size: 105px!important
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkReport,.eventlist-item .date .bigday .downloadlinkReport,.card-item .date .bigday .downloadlinkReport {
    display: block;
    color: #10726e;
    font-size: 90px;
    transition: all .3s ease
}

.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkReport:hover,.eventlist-item .date .bigday .downloadlinkReport:hover,.card-item .date .bigday .downloadlinkReport:hover {
    color: rgb(41 142 189 / .8)!important;
    font-size: 105px!important
}

.eventsslider-wrapper .swiper-slide .date .month,.eventlist-item .date .month,.card-item .date .month {
    font: 1.286em DroidArabicKufi,arial,sans-serif;
    color: #a9a9a9
}

.eventsslider-wrapper .swiper-slide .event-txt,.eventlist-item .event-txt,.card-item .event-txt {
    padding: 0 0 15px;
    font: 1.286em/1.6em DroidArabicKufi,arial,sans-serif;
    color: #666
}

.eventsslider-wrapper .swiper-slide .event-txt>a.more,.eventlist-item .event-txt>a.more,.card-item .event-txt>a.more {
    color: #c84a3d;
    font: 1.143em DroidArabicKufi,arial,sans-serif;
    white-space: nowrap
}

.eventsslider-wrapper .swiper-slide .event-txt>a.more:hover,.eventlist-item .event-txt>a.more:hover,.card-item .event-txt>a.more:hover {
    color: #ce5d51
}

.eventsslider-wrapper .swiper-slide:hover .bigday,.eventlist-item:hover .bigday,.card-item:hover .bigday {
    color: #074D31
}

.poll-form .col-sm-7 input {
    background: url(../../../images/refresh.png) center center no-repeat;
    background-size: 100%;
    position: relative;
    top: -14px;
    color: #fff0
}

.pollWp {
    position: relative;
    height: 100%;
    padding: 0;
    height: 342px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='50px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1')' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1") no-repeat center top
}

.pollWp .wptitle {
    padding: 0 10px;
    position: relative;
    z-index: 1;
    color: #074D31!important;
    margin-bottom: 8px
}

.pollWp .wptitle:after {
    content: '';
    display: block;
    margin: 0 30%;
    height: 3px;
    width: 65px;
    max-width: 50%;
    background: #074D31
}

.pollWp .poll-form {
    position: relative;
    z-index: 1;
    padding: 5px 0
}

.pollWp .pollQestion,.pollWp .question {
    display: block;
    font: 15px/1.8 DroidArabicKufi-Bold,arial,sans-serif!important;
    color: #666!important;
    height: 50px;
    overflow: hidden;
    padding: 0 15px
}

.pollWp .pollInner {
    padding: 8px 18px!important;
    height: 163px
}

.pollWp .pollInner ul li,.pollWp .pollInner>table li {
    margin-bottom: 4px
}

.pollWp .pollInner ul td,.pollWp .pollInner>table td {
    padding-bottom: 4px!important
}

.pollWp .pollInner ul input[type="radio"],.pollWp .pollInner>table input[type="radio"] {
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px
}

.pollWp .pollInner ul label,.pollWp .pollInner>table label {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #555
}

.pollWp .pollInner ul .checkmark,.pollWp .pollInner>table .checkmark {
    top: 7px
}

.pollWp .pollInner>span[id*="_Required"] {
    font-size: 12px
}

.pollWp .pollbtns {
    padding-top: 0
}

.pollWp .pollbtns .btn {
    width: 50%;
    float: right;
    height: 45px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font: 1.286em/2em DroidArabicKufi-Bold,arial,sans-serif
}

.pollWp .pollbtns .vote {
    background: #074D31;
    color: #fff
}

.pollWp .pollbtns .voteresult {
    background: #ececec;
    color: #074D31
}

.pollWp .singlePollResult {
    margin: 0 10px
}

.indecators {
    position: relative;
    padding: 45px 0
}

.indecators .indecatorsslider .swiper-slide {
    padding: 4px
}

.indecators .indecatorsslider .indecator-item {
    text-align: center;
    height: 205px;
    border: 1px #efefef solid;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='50px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4") no-repeat 10px 10px;
    border-radius: 12px;
    box-shadow: -2.121px 2.121px 4px 0 rgb(0 0 0 / .15);
    padding: 25px 5px
}

.indecators .indecatorsslider .indecator-item .icon {
    height: 40px
}

.indecators .indecatorsslider .indecator-item .icon img {
    max-height: 35px
}

.indecators .indecatorsslider .indecator-item .number {
    font: bold 48px/1 DroidArabicKufi-Bold,arial,sans-serif;
    margin: 8px 0;
    color: #7d868b;
    transition: all .3s ease
}

.indecators .indecatorsslider .indecator-item .txt {
    text-align: center;
    font: bold 1em DroidArabicKufi,arial,sans-serif;
    color: #7d868b
}

.indecators .swiper-button-next,.indecators .swiper-button-prev {
    text-align: center;
    width: 26px;
    height: 50px;
    top: calc(50% - 13px)
}

.indecators .swiper-button-next.swiper-button-disabled,.indecators .swiper-button-prev.swiper-button-disabled {
    opacity: .5
}

.indecators .swiper-button-next {
    left: -25px;
    right: auto;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='50px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1.451 L2.935,24.884 L25.992,48.440 L24.497,49.997 Z'/%3e%3c/svg%3e") no-repeat
}

.indecators .swiper-button-prev {
    right: -25px;
    left: auto;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='50px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.451 L23.065,24.884 L0.008,48.440 L1.502,49.997 Z'/%3e%3c/svg%3e") no-repeat
}

.related-sites {
    padding: 35px 0;
    background: #f6f6f6
}

.related-sites .r-sites {
    background: #fff;
    border-radius: 8px
}

.related-sites .r-sites .title {
    float: right;
    max-width: 250px;
    height: 122px;
    font: 1.286em DroidArabicKufi-Bold,arial,sans-serif;
    padding: 19px 24px;
    margin-left: 10px;
    color: #074D31;
    background: #eae9e9;
    border-radius: 0 8px 8px 0
}

.related-sites .r-sites .sites-wrapper {
    height: 122px;
    float: right;
    width: calc(100% - 270px);
    position: relative;
    margin: 0 23px
}

.related-sites .r-sites .sites-wrapper .swiper-slide {
    width: auto;
    margin-right: 20px;
    min-height: 100px;
    padding-left: 20px;
    border-left: 1px solid #e3e3e3
}

.related-sites .r-sites .sites-wrapper .swiper-slide a {
    display: block;
    padding: 20px 0;
    height: 122px;
    text-align: center;
    line-height: 48px;
    color: #666
}

.related-sites .r-sites .sites-wrapper .swiper-slide a img {
    max-width: 100%;
    height: 50px;
    display: block;
    clear: both;
    margin: 0 auto
}

.related-sites .r-sites .sites-wrapper .swiper-button-next,.related-sites .r-sites .sites-wrapper .swiper-button-prev {
    background-size: contain!important;
    z-index: 1;
    width: 19px;
    height: 38px;
    margin-top: -16px
}

.related-sites .r-sites .sites-wrapper .swiper-button-next {
    left: -25px;
    right: auto;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='38px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M18.673,37.997 L0.004,18.981 L18.639,0.000 L19.721,1.102 L2.237,18.912 L19.812,36.815 L18.673,37.997 Z'/%3e%3c/svg%3e") no-repeat
}

.related-sites .r-sites .sites-wrapper .swiper-button-prev {
    right: -25px;
    left: auto;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='38px'%3e%3cpath fill-rule='evenodd' fill='rgb(211, 211, 211)' d='M1.326,37.997 L19.995,18.981 L1.360,0.000 L0.279,1.102 L17.763,18.912 L0.187,36.815 L1.326,37.997 Z'/%3e%3c/svg%3e") no-repeat
}

.footer {
    padding: 30px 0 0;
    position: relative;
    background: #074D31;

  

}

.footer .socialMedia {
    text-align: center
}

.footer .socialMedia a {
    display: inline-block;
    margin: 0 5px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    text-align: center;
    background: #006865;
    font-size: 23px;
    line-height: 1.4;
    color: #fff;
    transition: all .5s ease
}

.footer .socialMedia a:hover {
    background: #008b87
}

.footer .socialMedia a .icon-gplus {
    position: relative;
    left: 3px
}

.footer .footerlinks {
    padding-right: 30px;
    border-right: 1px solid rgb(255 255 255 / .25)
}

.footer .footerlinks h4 {
    font: 1.143em/2.429em DroidArabicKufi-Bold,arial,sans-serif;
    color: #fff;
    transition: all .5s ease
}

.footer .footerlinks a {
    display: block;
    font: 1em/2.571 DroidArabicKufi,arial,sans-serif;
    color: #ececec;
    transition: all .5s ease;
    display: block;
    width: 100%
}

.footer-block {
    margin-top: -15px
}

.footer-app {
    margin: 15px 0;
    overflow: hidden
}

.footer-block h4 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    margin: 10px auto
}

.footer .footerlinks a:hover {
    color: #16fff7
}

.footer .footerlinks.inner a {
    display: inline-block;
    margin: 0 0 0 20px
}

.footer .tagcloud {
    padding-right: 30px;
    border-right: 1px solid rgb(255 255 255 / .25);
    padding-top: 12px
}

.footer .tagcloud h4 {
    font: 1.143em/2.429em DroidArabicKufi-Bold,arial,sans-serif;
    color: #00fcf3;
    transition: all .5s ease
}

.footer .tagcloud a {
    display: inline-block;
    font: 1em/2.571 DroidArabicKufi,arial,sans-serif;
    color: #f5f5f5;
    margin: 0 0 0 10px;
    transition: all .5s ease
}

.footer .tagcloud a:hover {
    color: #00fcf3
}

.footer .tagcloud a.x-larg {
    font-size: 180%
}

.footer .tagcloud a.larg {
    font-size: 140%
}

.footer .tagcloud a.medium {
    font-size: 100%
}

.footer .tagcloud a.small {
    font-size: 85%
}

.footer .tagcloud a.x-small {
    font-size: 70%
}

.footer .footerlinks2 {
    padding-right: 30px;
    border-right: 1px solid rgb(255 255 255 / .25);
    border: 0;
    padding-right: 0
}

.footer .footerlinks2 h4 {
    font: 1.143em/2.429em DroidArabicKufi-Bold,arial,sans-serif;
    color: #fff;
    transition: all .5s ease
}

.footer .footerlinks2 a {
    display: block;
    font: 1em/2.571 DroidArabicKufi,arial,sans-serif;
    color: #ececec;
    transition: all .5s ease
}

.footer .footerlinks2 a:hover {
    color: #16fff7
}

.footer .footerlinks2.inner a {
    display: inline-block;
    margin: 0 0 0 20px
}

.footer .footerlinks2 a:hover h4 {
    color: #00fcf3
}

.footer .footerlinks2 a+a h4 {
    line-height: 45px
}

.footer .carecenter {
    padding: 5px 0;
    border: 1px solid rgb(255 255 255 / .25);
    margin: 0 15px
}

.footer .carecenter h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    opacity: .8;
    margin: 0
}

.footer .carecenter p {
    font: 0.929em/2.429em DroidArabicKufi,arial,sans-serif;
    color: #fff
}

.footer .carecenter .phone {
    font: bold 1.286em DroidArabicKufi-Bold,arial,sans-serif;
    color: #00fcf3;
    padding-right: 15px
}

.footer .carecenter .phone a {
    color: #00fcf3;
    transition: all .5s ease
}

.footer .carecenter .phone a i {
    display: inline-block
}

.footer .carecenter .phone a:hover {
    color: #affffc
}

.footer .carecenter .mail {
    font: bold 1.143em DroidArabicKufi-Bold,arial,sans-serif;
    color: #00fcf3;
    padding-right: 15px
}

.footer .carecenter .mail a {
    color: #00fcf3;
    transition: all .5s ease
}

.footer .carecenter .mail a:hover {
    color: #affffc
}

.footer .carecenter .custcallcenter {
    border-right: 2px rgb(255 255 255 / .25) solid;
    padding: 0
}

.footer .carecenter .custcallcenter.inner {
    border: 0
}

.footer .carecenter .custcallcenter.inner:before {
    content: '';
    display: block;
    margin: 15px auto 10px;
    width: 50%;
    max-width: 165px;
    height: 2px;
    background: rgb(255 255 255 / .25)
}

.footer .footer-copyright-wrapper {
    margin-top: 20px;
    border-top: 3px solid #209d99;
    background-color: #074D31;
    padding-top: 12px!important;
    padding-bottom: 12px
}

.footer .footer-copyright-wrapper .copyRights {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    padding: 6px 0 6px
}

.footer .footer-copyright-wrapper .footerLinks {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    display: inline-block;
    padding: 6px 0 6px
}

.footer .footer-copyright-wrapper .footerLinks a {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    display: inline-block;
    margin: 0 2px
}

.footer .footer-copyright-wrapper .footerLinks a:hover {
    color: #00fcf3
}

.footer .footer-copyright-wrapper .footerLogo {
    float: left;
    margin-right: 20px
}

.footer .footer-copyright-wrapper .footerLogo img {
    margin-right: 10px
}

.footer .footer-copyright-wrapper .footerLogo .footervision {
    width: 76px
}

.footer .footer-copyright-wrapper .footerLogo .footerlogo {
    width: 98px
}

.footer .gototop {
    font-size: 45px;
    color: rgb(0 0 0 / .15);
    position: fixed;
    z-index: 8;
    left: -100px;
    bottom: 2vh;
    transition: all .5s ease
}

.footer .gototop.show {
    left: 2vw
}

.Customer-link {
    display: block;
    padding: 1px 15px;
    margin-right: -295px;
    position: fixed;
    right: 0;
    bottom: 50px;
    width: 365px;
    max-height: 68px;
    background: rgb(0 175 169 / .5);
    border-radius: 6px 0 0 6px;
    color: #fff!important;
    transition: all .5s ease;
    font: 1.143em/4.286em DroidArabicKufi-Bold,arial,sans-serif;
    text-align: center;
    z-index: 999;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / .23)
}

.Customer-link [class^="icon-"] {
    font-size: 1.786em;
    margin-right: 15px
}

.Customer-link:hover {
    margin-right: 0;
    background: rgb(0 175 169 / .7)
}

.Customer-link:active {
    background-color: #007c78
}

.vidOverlay {
    background: rgb(12 38 51 / .3);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.swiper-slide #home-video,.swiper-slide .video-bg {
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    min-width: 100%;
    max-width: 100vw;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

ul.list,.ms-rtestate-field ul {
    padding-left: 10px;
    list-style: none;
    margin: 15px 15px 20px;
    padding-right: 18px
}

ul.list li,.ms-rtestate-field ul li {
    font: normal 1em/2.286 DroidArabicKufi,arial,sans-serif;
    color: #666;
    margin-bottom: 5px;
    list-style: none!important
}

ul.list li a,.ms-rtestate-field ul li a {
    color: #074D31!important
}

ul.list li a:hover,.ms-rtestate-field ul li a:hover {
    color: #0f938f
}

ul.list li a:active,.ms-rtestate-field ul li a:active {
    color: #298ebd
}

ul.list li a [class^="icon-"],.ms-rtestate-field ul li a [class^="icon-"] {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    display: inline-block;
    margin-left: 5px;
    color: #999
}

ul.list li:before,.ms-rtestate-field ul li:before {
    content: '\F111';
    font-family: mci-icons;
    font-size: .714em;
    display: inline-block;
    color: #666;
    margin: 3px 0 0 10px;
    border-radius: 100%;
    vertical-align: top;
    margin-right: -19px
}

ul.list.green li:before,.ms-rtestate-field ul.green li:before {
    color: #0f938f
}

ul.list.green li a,.ms-rtestate-field ul.green li a {
    color: #074D31
}

ul.list.orange li:before,.ms-rtestate-field ul.orange li:before {
    color: #e66b2e
}

ul.list.orange li a,.ms-rtestate-field ul.orange li a {
    color: #e66b2e
}

ul.list.nobullet li:before,.ms-rtestate-field ul.nobullet li:before {
    display: none
}

.ms-rtestate-field ul li:before {
    color: #0f938f
}

.ms-rtestate-field ul li a {
    color: #074D31
}

.ms-rtestate-field blockquote {
    margin: 0 40px 0 0
}

ul.nav-tabs li:before {
    display: none;
    content: ''
}

.innerpages {
    min-height: 400px
}

.innerpages .breadCrumb {
    border-bottom: 2px #e9edf2 solid;
    padding: 10px 0;
    background: #f5ffff
}

.innerpages .breadCrumb .breadCrumbDetails {
    font: 13px DroidArabicKufi,arial,sans-serif;
    color: #888
}

.innerpages .breadCrumb .breadCrumbDetails a {
    font: 13px DroidArabicKufi,arial,sans-serif;
    color: #074D31
}

.innerpages .breadCrumb .breadCrumbDetails a:after {
    content: "\f104";
    font: 20px mci-icons;
    vertical-align: sub;
    color: #888;
    margin: 0 12px
}

.innerpages .breadCrumb .breadCrumbDetails a.active:after {
    content: "";
    display: none
}

.innerpages .pagetitle h2 {
    font: bold 2em DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31;
    text-align: center;
    margin-bottom: 40px
}

.innerpages .pagetitle h2:after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 62px;
    height: 4px;
    background: #e66b2e
}

.innerpages .pagefunctions {
    padding: 5px 0
}

.innerpages .pagefunctions>a {
    display: inline-block;
    padding: 0 2px
}

.innerpages .pagefunctions>a i {
    font-size: 1em;
    color: #999
}

.innerpages .pagefunctions>a:hover i {
    color: #11aba6
}

.innerpages .pagefunctions .listen {
    display: inline-block;
    position: relative;
    top: 17px
}

.innerpages .designElementsCir {
    border-radius: 100%;
    font: bold 1.286em DroidArabicKufi-Bold,arial,sans-serif;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 9px;
    margin: 20px 0
}

.innerpages .quoteWrapper {
    font: normal 1.143em DroidArabicKufi,arial,sans-serif;
    color: #555;
    width: 560px;
    text-align: center;
    margin: 10px 0;
    max-width: 100%;
    padding: 0 50px;
    position: relative;
    display: inline-block
}

.innerpages .quoteWrapper:after {
    content: '\e883';
    top: 9px;
    left: 0
}

.innerpages .quoteWrapper:before {
    content: '\e884';
    margin: 0 9px 0;
    top: 9px;
    right: 0
}

.innerpages .quoteWrapper:after,.innerpages .quoteWrapper:before {
    color: #074D31;
    font: 1em mci-icons;
    display: inline-block;
    position: absolute
}

.innerpages .artclDate {
    display: block;
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    color: #074D31;
    margin: 20px 0 10px
}

.innerpages .artclDate i {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 1.286em
}

.innerpages .artclTxt,.innerpages .ms-rtestate-field p {
    font: 1em DroidArabicKufi,arial,sans-serif;
    text-align: justify;
    margin: 10px 0
}

.innerpages .artclImg {
    position: relative;
    margin: 10px 20px;
    overflow: hidden;
    float: left;
    max-width: 100%
}

.innerpages .artclImg img {
    border-radius: 10px;
    max-width: 100%
}

.innerpages .valuestxt {
    border-right: 3px solid #eee;
    padding: 0 12px 0 0;
    margin: 15px 10px;
    color: #666;
    font: normal 1em DroidArabicKufi,arial,sans-serif
}

.innerpages .valuestxt.green {
    border-color: #0a6562
}

.innerpages .valuestxt.orange {
    border-color: #e66b2e
}

.innerpages .valuestxt.blue {
    border-color: #298ebd
}

.innerpages .valuestxt.lightgreen {
    border-color: #adccc9
}

.innerpages ul.inline li {
    display: inline-block;
    margin: 0 0 0 50px
}

.innerpages ol.list,.innerpages .ms-rtestate-field ol {
    padding-left: 10px;
    list-style: decimal!important;
    margin-bottom: 20px;
    padding-right: 18px
}

.innerpages ol.list li,.innerpages .ms-rtestate-field ol li {
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    color: #666;
    list-style: decimal!important
}

.innerpages ol.list li a,.innerpages .ms-rtestate-field ol li a {
    color: #0a6562
}

.innerpages ol.list li a:hover,.innerpages .ms-rtestate-field ol li a:hover {
    color: #0f938f
}

.innerpages ol.list li a:active,.innerpages .ms-rtestate-field ol li a:active {
    color: #0a6562
}

.innerpages .ArticleContent ul.lstPurple li,.innerpages .ArticleContent ul.lst li,.innerpages .ArticleContent ol.lst li,.innerpages .ArticleContent ol.lstPurple li {
    margin-bottom: 5px
}

.innerpages .ContentDivVideo {
    width: 100%
}

.innerpages .formTtl {
    font: 1.429em DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31;
    margin-bottom: 25px
}

.innerpages .imgWithSubWrapper {
    max-width: 380px;
    float: left
}

.innerpages .gryWrapper {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 20px
}

.innerpages .form-inline .form-control {
    width: 100%
}

.innerpages .form-group {
    margin-bottom: 25px!important
}

.innerpages .form-group .radio,.innerpages .form-group .checkbox {
    margin-left: 10px;
    margin-top: 5px
}

.innerpages .form-group input[type=radio],.innerpages .form-group input[type=checkbox] {
    vertical-align: middle;
    float: none
}

.innerpages .radio label,.innerpages .checkbox label {
    font: normal 1em/20px DroidArabicKufi,arial,sans-serif;
    color: #666
}

.innerpages .control-label {
    font: normal 1em DroidArabicKufi-Bold,arial,sans-serif;
    color: #666;
    padding: 2px 0 5px 5px!important
}

.innerpages .required .control-label:after {
    content: '*';
    font: normal 1.143em/1.429em DroidArabicKufi,arial,sans-serif;
    color: #c84a3d;
    margin-right: 5px
}

.innerpages .error .form-control {
    border-color: red!important
}

.innerpages .form-control,.innerpages .select2-selection {
    min-height: 40px;
    min-width: 150px;
    border: none!important;
    margin-bottom: 0;
    text-align: right;
    border-radius: 4px!important;
    background-color: #ffffff!important;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2)!important
}

.innerpages .form-control .select2-selection__rendered,.innerpages .select2-selection .select2-selection__rendered {
    line-height: 36px
}

.innerpages .form-control:focus,.innerpages .select2-selection:focus {
    border-color: #298ebd!important
}

.innerpages .form-control .select2-selection__arrow,.innerpages .select2-selection .select2-selection__arrow {
    top: 7px!important;
    left: 5px!important
}

.innerpages .form-control {
    padding: 6px 12px
}

.innerpages textarea.form-control {
    padding: 10px
}

.innerpages .select2-container--open .select2-selection {
    border-color: #298ebd!important
}

.innerpages .select2-selection__arrow {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='9px'%3e%3cpath fill-rule='evenodd' fill='rgb(136, 136, 136)' d='M14.992,1.221 L7.497,9.000 L0.001,1.221 L1.644,0.007 L7.497,6.082 L13.349,0.007 L14.992,1.221 Z'/%3e%3c/svg%3e") 2px center no-repeat
}

.innerpages .select2-selection__arrow b {
    display: none
}

.innerpages .select2-container--open .select2-selection__arrow {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='9px'%3e%3cpath fill-rule='evenodd' fill='rgb(136, 136, 136)' d='M14.992,7.779 L7.497,-0.000 L0.001,7.779 L1.644,8.993 L7.497,2.918 L13.349,8.993 L14.992,7.779 Z'/%3e%3c/svg%3e") 2px center no-repeat
}

.innerpages select.form-control {
    padding-top: 3px
}

.innerpages .datepickerIcon {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3e%3cpath fill='rgb(19, 136, 132)' d='M-0.000,25.000 L-0.000,2.425 L3.242,2.425 L3.242,3.984 L1.726,3.984 L1.726,23.441 L23.273,23.441 L23.273,3.984 L21.758,3.984 L21.758,2.425 L25.000,2.425 L25.000,25.000 L-0.000,25.000 ZM19.578,4.907 C18.957,4.907 18.454,4.359 18.454,3.684 L18.454,1.223 C18.454,0.547 18.957,-0.000 19.578,-0.000 C20.198,-0.000 20.701,0.547 20.701,1.223 L20.701,3.684 C20.701,4.359 20.198,4.907 19.578,4.907 ZM18.292,18.307 L18.680,18.307 C19.312,18.307 19.825,18.793 19.825,19.392 L19.825,20.282 C19.825,20.881 19.312,21.367 18.680,21.367 L18.292,21.367 C17.659,21.367 17.147,20.881 17.147,20.282 L17.147,19.392 C17.147,18.793 17.659,18.307 18.292,18.307 ZM17.147,14.468 C17.147,13.869 17.659,13.383 18.292,13.383 L18.680,13.383 C19.312,13.383 19.825,13.869 19.825,14.468 L19.825,15.358 C19.825,15.958 19.312,16.443 18.680,16.443 L18.292,16.443 C17.659,16.443 17.147,15.958 17.147,15.358 L17.147,14.468 ZM19.825,9.544 L19.825,10.434 C19.825,11.034 19.312,11.519 18.680,11.519 L18.292,11.519 C17.659,11.519 17.147,11.034 17.147,10.434 L17.147,9.544 C17.147,8.945 17.659,8.459 18.292,8.459 L18.680,8.459 C19.312,8.459 19.825,8.945 19.825,9.544 ZM11.264,9.544 C11.264,8.945 11.777,8.459 12.410,8.459 L12.797,8.459 C13.430,8.459 13.943,8.945 13.943,9.544 L13.943,10.434 C13.943,11.034 13.430,11.519 12.797,11.519 L12.410,11.519 C11.777,11.519 11.264,11.034 11.264,10.434 L11.264,9.544 ZM12.410,18.307 L12.797,18.307 C13.430,18.307 13.943,18.793 13.943,19.392 L13.943,20.282 C13.943,20.881 13.430,21.367 12.797,21.367 L12.410,21.367 C11.777,21.367 11.264,20.881 11.264,20.282 L11.264,19.392 C11.264,18.793 11.777,18.307 12.410,18.307 ZM11.264,14.468 C11.264,13.869 11.777,13.383 12.410,13.383 L12.797,13.383 C13.430,13.383 13.943,13.869 13.943,14.468 L13.943,15.358 C13.943,15.958 13.430,16.443 12.797,16.443 L12.410,16.443 C11.777,16.443 11.264,15.958 11.264,15.358 L11.264,14.468 ZM7.545,2.425 L17.455,2.425 L17.455,3.984 L7.545,3.984 L7.545,2.425 ZM6.320,18.307 L6.707,18.307 C7.340,18.307 7.853,18.793 7.853,19.392 L7.853,20.282 C7.853,20.881 7.340,21.367 6.707,21.367 L6.320,21.367 C5.687,21.367 5.174,20.881 5.174,20.282 L5.174,19.392 C5.174,18.793 5.687,18.307 6.320,18.307 ZM5.174,14.468 C5.174,13.869 5.687,13.383 6.320,13.383 L6.707,13.383 C7.340,13.383 7.853,13.869 7.853,14.468 L7.853,15.358 C7.853,15.958 7.340,16.443 6.707,16.443 L6.320,16.443 C5.687,16.443 5.174,15.958 5.174,15.358 L5.174,14.468 ZM7.853,10.434 C7.853,11.034 7.340,11.519 6.707,11.519 L6.320,11.519 C5.687,11.519 5.174,11.034 5.174,10.434 L5.174,9.544 C5.174,8.945 5.687,8.459 6.320,8.459 L6.707,8.459 C7.340,8.459 7.853,8.945 7.853,9.544 L7.853,10.434 ZM5.478,4.907 C4.857,4.907 4.354,4.359 4.354,3.684 L4.354,1.223 C4.354,0.547 4.857,-0.000 5.478,-0.000 C6.098,-0.000 6.601,0.547 6.601,1.223 L6.601,3.684 C6.601,4.359 6.098,4.907 5.478,4.907 Z'/%3e%3c/svg%3e") no-repeat 6px 6px;
    padding-left: 35px
}

.innerpages .tooltipIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 24px;
    top: 8px
}

.innerpages .tooltipIcon:before {
    content: '\e891';
    font-family: mci-icons;
    font-size: 20px;
    color: #074D31
}

.innerpages .tooltip.top {
    margin-top: -8px!important
}

.innerpages .tooltip-arrow {
    border-top-color: #074D31!important;
    border-width: 10px 10px 0!important;
    margin-left: -10px!important;
    bottom: -5px!important
}

.innerpages .tooltip-inner {
    background: #074D31;
    color: #fff;
    font: 0.929em/1.286em DroidArabicKufi,arial,sans-serif;
    max-width: 370px;
    padding: 10px 5px
}

.innerpages .tooltipWrapper .form-control {
    padding-left: 30px
}

.innerpages .rangeSlider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: #eee;
    outline: none;
    opacity: .8;
    border-radius: 4px;
    transition: opacity .2s
}

.innerpages .rangeSlider:hover {
    opacity: 1
}

.innerpages .btn,.innerpages .ms-advsrchbutton input[type=submit] {
    border-radius: 4px;
    border: 0px!important;
    min-width: 130px!important;
    font: normal 1.143em/1.429em DroidArabicKufi,arial,sans-serif!important;
    color: #fff!important;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2);
    margin: 5px;
    background-color: #074D31!important;
    padding: 10px 20px!important;
    transition: all .3s ease
}

.innerpages .btn:focus,.innerpages .ms-advsrchbutton input[type=submit]:focus {
    border: 0px!important;
    outline: none!important
}

.innerpages .btn:hover,.innerpages .ms-advsrchbutton input[type=submit]:hover {
    background-color: #0f938f!important;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / .25)
}

.innerpages .btn:active,.innerpages .ms-advsrchbutton input[type=submit]:active {
    background-color: #0a6562!important
}

.innerpages .btn.green,.innerpages .ms-advsrchbutton input[type=submit].green {
    background-color: #0a6562!important
}

.innerpages .btn.green:hover,.innerpages .ms-advsrchbutton input[type=submit].green:hover {
    background-color: #0c7c79!important
}

.innerpages .btn.green:active,.innerpages .ms-advsrchbutton input[type=submit].green:active {
    background-color: #0a6562!important
}

.innerpages .btn.lightgreen,.innerpages .ms-advsrchbutton input[type=submit].lightgreen {
    background-color: #074D31!important
}

.innerpages .btn.lightgreen:hover,.innerpages .ms-advsrchbutton input[type=submit].lightgreen:hover {
    background-color: #6bb6b8!important
}

.innerpages .btn.lightgreen:active,.innerpages .ms-advsrchbutton input[type=submit].lightgreen:active {
    background-color: #074D31!important
}

.innerpages .btn.orange,.innerpages .ms-advsrchbutton input[type=submit].orange {
    background-color: #e66b2e!important
}

.innerpages .btn.orange:hover,.innerpages .ms-advsrchbutton input[type=submit].orange:hover {
    background-color: #e97b45!important
}

.innerpages .btn.orange:active,.innerpages .ms-advsrchbutton input[type=submit].orange:active {
    background-color: #e66b2e!important
}

.innerpages .btn.gray,.innerpages .ms-advsrchbutton input[type=submit].gray {
    background-color: #7d868b!important
}

.innerpages .btn.gray:hover,.innerpages .ms-advsrchbutton input[type=submit].gray:hover {
    background-color: #989fa3!important
}

.innerpages .btn.gray:active,.innerpages .ms-advsrchbutton input[type=submit].gray:active {
    background-color: #7d868b!important
}

.innerpages .btn.white,.innerpages .ms-advsrchbutton input[type=submit].white {
    background-color: #fff!important;
    color: #0a6562!important
}

.innerpages .btn.white:hover,.innerpages .ms-advsrchbutton input[type=submit].white:hover {
    background-color: #ffffff!important
}

.innerpages .btn.white:active,.innerpages .ms-advsrchbutton input[type=submit].white:active {
    background-color: #fff!important
}

.innerpages .btn i,.innerpages .ms-advsrchbutton input[type=submit] i {
    margin-right: 5px;
    margin-left: 5px
}

.innerpages .srchPanel {
    padding: 10px;
    margin: 0 0 15px 0;
    background: #f0f6f2;
    border-radius: 4px
}

.innerpages .srchPanel .select2-container {
    vertical-align: bottom
}

.innerpages .srchPanel .form-control,.innerpages .srchPanel .select2-selection {
    min-width: 150px;
    border: none!important;
    margin-bottom: 0;
    text-align: right;
    border-radius: 4px!important;
    background-color: #ffffff!important;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2)!important
}

.innerpages .srchPanel .form-control .select2-selection__arrow,.innerpages .srchPanel .select2-selection .select2-selection__arrow {
    top: 7px!important;
    left: 5px!important
}

.innerpages .srchPanel .form-inline {
    text-align: left
}

.innerpages .srchPanel .form-inline .form-group {
    margin-bottom: 0!important
}

.innerpages .srchPanel .withBorderSearchField.form-control {
    position: relative
}

.innerpages .srchPanel .withBorderSearchField.form-control:after {
    content: '';
    width: 1px;
    height: 34px;
    position: absolute;
    top: 1px;
    right: -17px
}

.innerpages .srchPanel .control-label {
    font: normal 15px DroidArabicKufi,arial,sans-serif;
    color: #0f938f;
    margin: 0 17px
}

.innerpages .srchPanel .navbar-form {
    text-align: right;
    padding: 12px 17px
}

.innerpages .srchPanel .navbar-form>div {
    display: inline
}

.innerpages .srchPanel:after {
    content: '';
    display: block;
    clear: both
}

.innerpages .srchPanel .btn {
    border-radius: 4px;
    padding: 10px 35px!important;
    margin-right: 20px;
    min-width: 0!important;
    margin-top: 0;
    margin-bottom: 0
}

.innerpages .srchPanel .border-right {
    border-right: 1px solid #ccc
}

.innerpages .listingFilter {
    margin-bottom: 30px
}

.innerpages .listingFilter .select2-container {
    min-width: 200px;
    max-width: 220px
}

.innerpages .accordion .ui-accordion-header {
    border: 0;
    border-bottom: 1px solid #d4d4d4;
    font: normal 1em DroidArabicKufi-Bold,arial,sans-serif;
    padding: 5px 15px 8px 6px;
    margin: 10px 0 20px;
    transition: all .3s ease;
    background: #fff!important;
    color: #666!important;
    overflow: hidden;
    text-overflow: ellipsis
}

.innerpages .accordion .ui-accordion-header .ui-accordion-header-icon {
    float: left;
    transition: all .3s ease;
    position: relative;
    margin: 10px 0 0 5px;
    width: 21px;
    height: 12px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3e%3cpath fill-rule='evenodd' fill='rgb(153, 153, 153)' d='M10.500,9.274 L19.457,-0.001 L20.992,1.130 L10.500,11.995 L0.007,1.130 L1.542,-0.001 L10.500,9.274 Z'/%3e%3c/svg%3e") no-repeat;
    background-size: 16px;
    background-position: center
}

.innerpages .accordion .ui-accordion-header.ui-state-active {
    color: #c84a3d!important;
    border-color: #c84b3e
}

.innerpages .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3e%3cpath fill-rule='evenodd' fill='rgb(119, 119, 119)' d='M10.500,9.274 L19.457,-0.001 L20.992,1.130 L10.500,11.995 L0.007,1.130 L1.542,-0.001 L10.500,9.274 Z'/%3e%3c/svg%3e") no-repeat;
    background-size: 16px;
    background-position: center
}

.innerpages .accordion .ui-accordion-content {
    padding: 5px 10px;
    border: none;
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #666
}

.innerpages .accordion .ui-accordion-content div,.innerpages .accordion .ui-accordion-content p {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #666
}

.innerpages .accordion .ui-accordion-content a {
    color: #074D31
}

.innerpages .accordion .ui-accordion-content h5 {
    color: #074D31
}

.innerpages .accordion .ui-accordion-content .numeric-timeline li:before {
    background: #adccc9
}

.innerpages .nav-tabs,.innerpages .eventsTabs {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px
}

.innerpages .nav-tabs>li,.innerpages .eventsTabs>li {
    margin: 10px .5% 0;
    background: #f5f5f5;
    border: none;
    min-width: 157px;
    text-align: center;
    border-radius: 4px;
    transition: all .3s ease;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2)
}

.innerpages .nav-tabs>li:hover,.innerpages .eventsTabs>li:hover {
    background-color: #eee
}

.innerpages .nav-tabs>li:active,.innerpages .eventsTabs>li:active {
    background-color: #074D31
}

.innerpages .nav-tabs>li a.active,.innerpages .eventsTabs>li a.active {
    background: #074D31!important;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / .25);
    position: relative;
    transition: all .3s ease
}

.innerpages .nav-tabs>li>a.active,.innerpages .eventsTabs>li>a.active {
    color: #fff!important
}

.innerpages .nav-tabs>li a.active:after,.innerpages .eventsTabs>li a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 10px solid #074D31;
    transition: all .3s ease
}

.innerpages .nav-tabs>li.disabled,.innerpages .eventsTabs>li.disabled {
    background: #ccc;
    cursor: not-allowed!important;
    pointer-events: none
}

.innerpages .nav-tabs>li.disabled:after,.innerpages .eventsTabs>li.disabled:after {
    display: none
}

.innerpages .nav-tabs>li.disabled>a,.innerpages .eventsTabs>li.disabled>a {
    color: #a8a7a7!important
}

.innerpages .nav-tabs>li>a,.innerpages .eventsTabs>li>a {
    font: normal 1.143em DroidArabicKufi,arial,sans-serif;
    color: #666!important;
    border: none!important;
    background: #fff0 none!important;
    padding: 5px 25px 8px;
    text-align: center;
    width: 100%
}

.innerpages .nav-tabs>li>a i[class^="icon-"],.innerpages .eventsTabs>li>a i[class^="icon-"] {
    font-size: 1.786em;
    line-height: 1;
    position: relative;
    top: 5px
}

.innerpages .eventsTabs {
    margin-bottom: 20px;
    text-align: center
}

.innerpages .eventsTabs>li {
    display: inline-block;
    width: calc(100% / 4)
}

.innerpages .eventsTabs>li>a {
    display: inline-block;
    padding: 10px 25px 10px
}

.innerpages .hero-tabs {
    margin-bottom: 30px!important
}

.innerpages .hero-tabs li a {
    min-height: 60px;
    font-size: 1.571em!important
}

.innerpages .hero-tabs li a i[class^="icon-"] {
    font-size: 1.9em!important
}

.innerpages .two-tabs {
    margin: 0
}

.innerpages .two-tabs li {
    width: calc(49%)
}

.innerpages .three-tabs {
    margin: 0;
    padding: 0
}

.innerpages .three-tabs li {
    width: calc(32.33333333%)
}

.innerpages .three-tabs li a {
    font-size: 1.286em!important;
    padding: 10px 25px 8px
}

.innerpages .four-tabs {
    margin: 0
}

.innerpages .four-tabs li {
    width: calc(24%);
    float: none;
    display: inline-block
}

.innerpages .four-tabs li a {
    font-size: 1.286em!important;
    padding: 10px 25px 8px
}

.innerpages .tab-pane {
    padding-top: 10px
}

.innerpages .vTabs {
    border-bottom: none;
    position: relative;
    width: 180px;
    min-height: 230px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 20px;
    float: right;
    border-left: 1px solid #e66b2e;
    box-shadow: 10px 0 25px -14px #ccc inset
}

.innerpages .vTabs>li {
    display: list-item;
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 4px 4px 0
}

.innerpages .vTabs>li a {
    padding: 5px 10px 8px
}

.innerpages .vTabs>li.active {
    box-shadow: none
}

.innerpages .vTabs>li.active:after {
    border-bottom: 10px solid #fff0;
    border-top: 10px solid #fff0;
    border-right: 10px solid #e66b2e;
    bottom: 11px;
    left: -10px
}

.innerpages .vTab-content {
    float: right;
    width: calc(100% - 200px)
}

.innerpages .vTabsWrapper:after {
    content: '';
    clear: both;
    display: block
}

.innerpages .alert {
    background: #fdf6e1;
    border: 0 solid #298ebd;
    padding: 15px;
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    color: #0a6562;
    border-radius: 4px;
    margin: 10px 0
}

.innerpages .alert:after {
    content: '';
    display: block;
    clear: both
}

.innerpages .alert.info-gray {
    background: #666;
    color: #fff
}

.innerpages .alert.info-gray:before {
    content: "\e891";
    font: 40px mci-icons;
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 5px
}

.innerpages .alert.info-blue {
    background: #5cb3dc;
    color: #fff
}

.innerpages .alert.info-blue:before {
    content: "\e891";
    font: 40px mci-icons;
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 5px
}

.innerpages .alert.info-yellow {
    background: #fdf6e1;
    color: #666
}

.innerpages .alert.info-yellow:before {
    content: "\e891";
    font: 40px mci-icons;
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 5px
}

.innerpages .alert.error {
    background: #f68277;
    color: #fff
}

.innerpages .alert.error:before {
    content: "\e890";
    font: 40px mci-icons;
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 0
}

.innerpages .alert.success {
    background: #35c3be;
    color: #fff
}

.innerpages .alert.success:before {
    content: "\e892";
    font: 40px mci-icons;
    display: block;
    float: right;
    margin-left: 15px;
    margin-top: 0
}

.innerpages .table {
    width: 100%
}

.innerpages .table>thead>tr>th,.innerpages .table>tbody>tr>th {
    background-color: #074D31;
    font: normal 1.143em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 5px 15px
}

.innerpages .table>tbody>tr>td {
    font: normal 15px DroidArabicKufi,arial,sans-serif;
    color: #555;
    text-align: right;
    vertical-align: middle!important;
    padding: 10px 10px;
    border: 1px solid #fff;
    padding: 5px 15px
}

.innerpages .table>tbody>tr>td input[type=text] {
    width: 100%;
    min-height: 30px
}

.innerpages .table>tbody>tr>td input[type=file] {
    width: 100%
}

.innerpages .table>tbody>tr:nth-child(even) {
    background-color: #fff
}

.innerpages .table>tbody>tr:nth-child(odd) {
    background-color: #f0f6f2
}

.innerpages .table>tbody>tr:hover>td {
    background-color: #f1edea
}

.innerpages .table a {
    color: #074D31
}

.innerpages .tableWrapper {
    max-width: 100%;
    overflow: auto
}

.innerpages .pagination,.innerpages .ms-srch-Paging {
    text-align: center
}

.innerpages .pagination a,.innerpages .ms-srch-Paging a {
    font: normal 15px/15px DroidArabicKufi,arial,sans-serif;
    color: #074D31;
    background-color: #fff;
    padding: 13px 10px;
    height: 40px;
    min-width: 40px;
    margin: 0px!important;
    border: 1px #d6e1e5 solid!important;
    margin-left: -1px!important;
    text-align: center
}

.innerpages .pagination a:hover,.innerpages .ms-srch-Paging a:hover {
    background-color: #19b5af;
    color: #fff
}

.innerpages .pagination a:active,.innerpages .ms-srch-Paging a:active {
    background-color: #074D31
}

.innerpages .pagination a .fa,.innerpages .ms-srch-Paging a .fa {
    font: normal normal normal 1.071em/1em FontAwesome
}

.innerpages .pagination .active a,.innerpages .ms-srch-Paging .active a,.innerpages .pagination .active a:hover,.innerpages .ms-srch-Paging .active a:hover {
    background: #074D31!important;
    color: #fff
}

.innerpages .pagination.disabled a,.innerpages .ms-srch-Paging.disabled a {
    background-color: #e2e2e2;
    color: #999
}

.innerpages .pagination.disabled a:hover,.innerpages .ms-srch-Paging.disabled a:hover {
    background-color: #e2e2e2;
    color: #999
}

.innerpages .pagination .Previous a:before,.innerpages .ms-srch-Paging .Previous a:before {
    content: '\f105';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination .Next a:before,.innerpages .ms-srch-Paging .Next a:before {
    content: '\f104';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination>span>a,.innerpages .ms-srch-Paging>span>a {
    padding: 3px 12px;
    margin-left: -1px!important;
    float: right;
    text-align: center;
    line-height: 35px
}

.innerpages .pagination>span>a.Previous:before,.innerpages .ms-srch-Paging>span>a.Previous:before {
    content: '\f105';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination>span>a.Next:before,.innerpages .ms-srch-Paging>span>a.Next:before {
    content: '\f104';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination>span>a.First,.innerpages .ms-srch-Paging>span>a.First {
    border-radius: 0 4px 4px 0
}

.innerpages .pagination>span>a.First:before,.innerpages .ms-srch-Paging>span>a.First:before {
    content: '\F101';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination>span>a.Last,.innerpages .ms-srch-Paging>span>a.Last {
    border-radius: 4px 0 0 4px
}

.innerpages .pagination>span>a.Last:before,.innerpages .ms-srch-Paging>span>a.Last:before {
    content: '\F100';
    font-family: mci-icons;
    line-height: .5em
}

.innerpages .pagination>span .active,.innerpages .ms-srch-Paging>span .active {
    background: #074D31;
    color: #fff;
    display: inline-block;
    padding: 2px 15px 1px;
    border: 1px #d6e1e5 solid!important;
    margin-left: -1px;
    float: right;
    line-height: 35px
}

.select2-dropdown {
    border: 0!important;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / .15)
}

.select2-dropdown .select2-results__options {
    max-height: 300px!important
}

.select2-dropdown .select2-results__options .select2-results__option {
    padding: 4px 6px
}

.select2-dropdown .select2-results__option--highlighted[aria-selected] {
    border-radius: 4px;
    background: #11aba6
}

.select2-dropdown .select2-results__option[aria-selected=true] {
    border-radius: 4px
}

.select2-dropdown .select2-search__field {
    border-color: #ddd!important
}

.select2-dropdown .select2-results__group {
    color: #999!important
}

.shareWrapper {
    background: #f4f6f5;
    border-radius: 50px;
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 45px
}

.shareWrapper .lastEdit {
    color: #666;
    font: normal 14px DroidArabicKufi,arial,sans-serif
}

.shareWrapper .shareBtns a:has(img.x-twitter) {
    padding-top: 3px
}

@media (max-width: 991px) {
    .shareWrapper .lastEdit {
        text-align:center
    }
}

.shareWrapper .shareBtns {
    text-align: left;
    font-size: 14px
}

@media (max-width: 991px) {
    .shareWrapper .shareBtns {
        text-align:center
    }
}

.shareWrapper .shareBtns span {
    color: #666;
    font: normal 1em DroidArabicKufi,arial,sans-serif;
    margin-left: 10px
}

@media (max-width: 1199px) {
    .shareWrapper .shareBtns span {
        display:none
    }
}

.shareWrapper .shareBtns a {
    background: #0a6562;
    transition: all .3s ease;
    color: #fff!important;
    display: inline-block;
    width: 28px;
    height: 28px;
    font: 1.143em mci-icons;
    text-align: center;
    padding-top: 6px;
    margin: 0 2px;
    vertical-align: middle
}

.shareWrapper .shareBtns a:hover {
    background: #074D31
}

.radio label {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio label input {
    position: absolute!important;
    opacity: 0
}

.radio label input:checked~.checkmark {
    border-color: #074D31
}

.radio label input:checked~.checkmark:after {
    display: block
}

.radio label:hover input~.checkmark {
    border-color: #074D31
}

.radio .checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: #ccc solid 1px
}

.radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #074D31
}

.checkbox label {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox label input {
    position: absolute!important;
    opacity: 0
}

.checkbox label input:checked~.checkmark {
    border-color: #5baeb0;
    background: #074D31
}

.checkbox label input:checked~.checkmark:after {
    display: block
}

.checkbox label:hover input~.checkmark {
    border-color: #074D31
}

.checkbox .checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px #ccc solid
}

.checkbox .checkmark:after {
    content: "\e894";
    font-family: mci-icons;
    font-size: 8px;
    position: absolute;
    display: none;
    top: -3px;
    right: 2px;
    color: #fff
}

.captcha-wrapper input.form-control {
    margin-top: 10px
}

.captcha-wrapper .control-label {
    margin-top: 10px
}

.captcha-wrapper .capcha-img {
    float: right
}

.captcha-wrapper .capcha-img img {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .1);
    max-height: 56px
}

.captcha-wrapper .capchatools {
    display: inline-block;
    width: 25px;
    margin-right: 5px
}

.captcha-wrapper .capchatools .reload,.captcha-wrapper .capchatools .listen {
    display: block;
    border-radius: 2px;
    background-color: #074D31;
    width: 25px;
    height: 25px;
    font-size: 1.143em;
    line-height: 1.929em;
    color: #fff;
    text-align: center;
    margin: 0 0 6px
}

.captcha-wrapper .capchatools .reload:hover,.captcha-wrapper .capchatools .listen:hover {
    background: #76bcbd
}

.captcha-wrapper .capchatools .reload:active,.captcha-wrapper .capchatools .listen:active {
    background: #499698
}

.captcha-wrapper .capchatools .listen {
    line-height: 26px
}

.lightgreenContainer {
    background: #f7faf8
}

.fileupload {
    position: relative;
    padding: 15px 0;
    height: 85px
}

.fileupload input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    width: 200px;
    height: 55px;
    margin: 0 auto!important;
    display: block;
    z-index: 1
}

.fileupload .upload {
    position: relative;
    width: 200px;
    height: 55px;
    font-size: 1.143em;
    line-height: 55px;
    display: inline-block;
    margin: 0 auto;
    top: -55px;
    color: #fff;
    background-color: #074D31;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2)
}

.fileupload .upload i[class^="icon-"] {
    font-size: 1.286em;
    margin-left: 5px
}

.btngroup {
    padding: 25px 0
}

.serv-search {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10, 101, 98)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px;
    padding-left: 35px
}

.ui-autocomplete {
    border: none!important;
    background: #fff;
    overflow: hidden;
    -webkit-transform: translate(0,20px);
    -ms-transform: translate(0,20px);
    transform: translate(0,20px);
    box-shadow: 0 10px 35px 0 rgb(0 0 0 / .13)
}

.ui-autocomplete * {
    color: #0a6562!important;
    font: normal 1em DroidArabicKufi,arial,sans-serif
}

.ui-autocomplete .ui-state-active {
    color: #fff!important;
    background: #074D31;
    border-color: #138985
}

.servicefilter-Wrapper .filter-btn,.opendatafilter-Wrapper .filter-btn {
    position: relative;
    padding: 1px 16px;
    background: #f5f5f6;
    margin: 0 4px 0 0;
    display: inline-block;
    text-align: center;
    border-radius: 26px;
    font: 13px DroidArabicKufi,arial,sans-serif;
    color: #666;
    transition: all .5s ease
}

.servicefilter-Wrapper .filter-btn i[class^="icon-"],.opendatafilter-Wrapper .filter-btn i[class^="icon-"] {
    font-size: 1.143em
}

.servicefilter-Wrapper .filter-btn:hover,.opendatafilter-Wrapper .filter-btn:hover {
    background: #e8e8ea
}

.servicefilter-Wrapper .filter-btn.mixitup-control-active,.opendatafilter-Wrapper .filter-btn.mixitup-control-active,.servicefilter-Wrapper .filter-btn.control-active,.opendatafilter-Wrapper .filter-btn.control-active {
    background: #0a6562;
    color: #fff
}

.service-catalog-wrapper,.opendata-wrapper {
    padding-top: 45px
}

.service-card {
    width: 100%;
    height: 278px;
    background: #fff;
    box-shadow: 0 0 35px 0 rgb(0 0 0 / .13);
    margin-bottom: 40px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    transition: all .5s ease
}

.service-card:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #0a6562;
    right: 0;
    bottom: -278px;
    border-radius: 0;
    transition: all .5s ease
}

.service-card .serv-icon {
    padding: 70px 0 0;
    height: 130px;
    position: relative;
    opacity: 1;
    text-align: center;
    transition: all .5s ease
}

.service-card img {
    display: inline-block;
    max-height: 75px;
    max-width: 170px
}

.service-card h5 {
    padding: 0 5px;
    font-size: 1em;
    margin-top: 45px;
    margin-bottom: 60px;
    text-align: center;
    transition: all .5s ease;
    color: #666;
    position: relative
}

.service-card p {
    position: relative;
    text-align: center;
    padding: 5px 20px;
    padding-top: 10px;
    opacity: 0;
    transition: all .3s ease;
    font-size: 13px;
    color: #fff
}

.service-card .service-btn-wrapper {
    position: absolute;
    width: 100%;
    height: 71px;
    left: 0;
    z-index: 2;
    overflow: hidden;
    bottom: 0
}

.service-card .service-btn-wrapper .serv-btn {
    text-align: center;
    color: #fff;
    font: normal 1em/2.5 DroidArabicKufi,arial,sans-serif;
    border-radius: 35px;
    width: 75%;
    margin: 0 1%;
    height: 35px;
    background: #074D31;
    position: relative;
    display: inline-block;
    transition: all .3s ease;
    opacity: 0;
    margin-top: 5px
}

.service-card .service-btn-wrapper .serv-btn.orange {
    background: #e66b2e
}

.service-card:hover {
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .13)
}

.service-card:hover:before {
    bottom: 0
}

.service-card:hover .serv-icon {
    margin-top: -130px;
    opacity: 0
}

.service-card:hover h5 {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 8px
}

.service-card:hover p {
    transition-delay: .2s;
    opacity: 1;
    padding-top: 5px
}

.service-card:hover .serv-btn {
    transition-delay: .35s;
    opacity: 1;
    margin-top: 10px
}

.service-logo-start {
    background: #fff;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .1);
    border-radius: 10px;
    padding: 40px 15px 20px
}

.service-logo-start .service-logo .servicon,.service-logo-start .service-logo .servtitle {
    display: block
}

.service-logo-start .service-logo .servtitle {
    margin-top: 15px;
    font: 1em DroidArabicKufi-Bold,arial,sans-serif;
    color: #0a6562
}

.service-logo-start .service-logo .servicon {
    height: 90px
}

.service-logo-start .service-logo .servicon img {
    max-height: 100%
}

.service-rating {
    border: 1px #0a6562 solid;
    width: 172px;
    margin: 15px auto 0;
    border-radius: 50px;
    max-height: 33px
}

.rating {
    cursor: pointer
}

.rating .ratingText {
    font: 13px DroidArabicKufi,arial,sans-serif;
    color: #888
}

@media (max-width: 1199px) {
    .rating .ratingText {
        display:none
    }
}

.rating .ratingText.ratecount {
    display: inline-block
}

.rating .rating-star {
    display: inline-block;
    position: relative;
    margin-right: -5px;
    color: #c9c9c9;
    font-size: 18px;
    line-height: 33px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.rating .rating-star.active {
    color: #e66b2e
}

.service-FAQ {
    min-height: 33px;
    width: 172px;
    text-align: center;
    margin: 15px auto 0;
    border: 1px solid #0a6562;
    border-radius: 50px;
    padding: 6px 6px 4px;
    max-width: 90%;
    display: block;
    color: #0a6562;
    font: normal 1em/1.429 DroidArabicKufi,arial,sans-serif;
    transition: all .3s ease
}

.service-FAQ:hover {
    background: #074D31;
    color: #fff;
    border-color: #00b0aa
}

.start-servicebtn {
    margin-top: 33px;
    margin-bottom: 30px;
    font: 30px/70px DroidArabicKufi-Bold,arial,sans-serif;
    display: block;
    text-align: center;
    background: #074D31;
    border-radius: 10px;
    color: #fff!important;
    box-shadow: 0 5px 35px rgb(0 0 0 / .2);
    transition: all .3s ease
}

.start-servicebtn .icon-service-strat {
    font-size: 45px;
    height: 47px;
    position: relative;
    top: 3px;
    color: #fff
}

.start-servicebtn:hover {
    background: #e66b2e;
    color: #fff!important
}

.start-servicebtn:active {
    background: #0a6562;
    color: #fff!important
}

.start-servicebtn:active,.start-servicebtn:visited,.start-servicebtn:focus {
    color: #fff!important
}

.start-servicebtn.albumLnk {
    font-size: 24px
}

.download-serviceguide {
    margin-top: 33px;
    margin-bottom: 30px;
    font: 1.286em/5em DroidArabicKufi-Bold,arial,sans-serif;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    color: #074D31!important;
    box-shadow: 0 5px 35px rgb(0 0 0 / .2);
    transition: all .3s ease
}

.download-serviceguide [class^='icon-'] {
    font-size: 1.786em;
    position: relative;
    top: 3px;
    left: 8px;
    color: #074D31;
    transition: all .3s ease
}

.download-serviceguide:hover {
    color: #e66b2e!important
}

.download-serviceguide:hover [class^='icon-'] {
    color: #e66b2e!important
}

.service-description {
    padding-right: 70px;
    padding-left: 15px;
    position: relative
}

.service-description h2 {
    font: 1.786em DroidArabicKufi-Bold,arial,sans-serif!important;
    color: #074D31!important;
    position: relative
}

.service-description .servd-icon {
    margin-right: -65px;
    font-size: 39px!important;
    position: absolute;
    top: -10px
}

.service-description h5 {
    font: 110% DroidArabicKufi-Bold,arial,sans-serif;
    color: #e66b2e;
    margin: 10px 0
}

.service-working-method {
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    background: #f0f6f2;
    padding: 30px 70px 30px 15px;
    border-radius: 30px
}

.service-working-method h2 {
    font: 1.786em DroidArabicKufi-Bold,arial,sans-serif!important;
    color: #074D31;
    position: relative
}

.service-working-method .servm-icon {
    margin-right: -60px;
    font-size: 39px!important;
    position: absolute;
    top: -12px
}

.service-working-method h5 {
    font: 110% DroidArabicKufi-Bold,arial,sans-serif;
    color: #e66b2e;
    margin: 10px 0
}

body .numeric-timeline {
    counter-reset: section;
    margin: 30px 60px 0 0;
    padding-right: 0px!important
}

body .numeric-timeline li {
    font: 1.071em DroidArabicKufi-Bold,arial,sans-serif;
    color: #666;
    position: relative;
    padding-right: 50px;
    padding-bottom: 30px;
    list-style: none!important
}

body .numeric-timeline li:before {
    counter-increment: section;
    content: counters(section,".") " ";
    display: inline-block;
    margin-left: 20px;
    width: 35px;
    height: 35px;
    background: #e66b2e;
    font: bold 1.786em DroidArabicKufi-Bold,arial,sans-serif;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border-radius: 35px;
    position: absolute;
    right: 0
}

body .numeric-timeline li:after {
    display: block;
    width: 1px;
    height: calc(100% - 35px);
    content: '';
    border-left: 1px rgb(10 101 98 / .4) dashed;
    position: absolute;
    right: 17px;
    top: 35px
}

body .numeric-timeline li:last-child:after {
    display: none
}

body .numeric-timeline li a {
    color: inherit;
    transition: all .3s ease
}

body .numeric-timeline li a:hover {
    color: #074D31
}

body .numeric-timeline.numeric-list {
    margin: 30px 20px 0 0
}

body .numeric-timeline.numeric-list li {
    font: 1em DroidArabicKufi,arial,sans-serif;
    padding-bottom: 20px;
    list-style: none!important
}

.branch-hero-link {
    display: block;
    background: #f4f6f5;
    border-radius: 4px;
    padding: 35px 15px;
    margin-bottom: 25px;
    transition: all .5s ease
}

.branch-hero-link>span {
    display: block;
    text-align: center;
    color: #074D31;
    transition: all .3s ease
}

.branch-hero-link .icon {
    font-size: 4.286em;
    line-height: 100px
}

.branch-hero-link .text {
    font: 2.857em DroidArabicKufi-Bold,arial,sans-serif
}

.branch-hero-link:hover {
    background: #074D31;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .35)
}

.branch-hero-link:hover>span {
    color: #fff!important;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.branch-hero-link.guides-link .icon {
    font-size: 3.214em
}

.branch-hero-link.guides-link .text {
    font-size: 1.857em
}

.branch-hero-link.deparment-box {
    min-height: 260px
}

.branch-hero-link.deparment-box .text {
    font-size: 1.571em
}

.branch-hero-link.deparment-box .icon {
    color: #777;
    font-size: 3.214em
}

.map-btn-wrapper {
    min-height: 210px;
    background: #fff;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .1);
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 25px
}

.map-btn-wrapper .map-header {
    margin-bottom: 15px
}

.map-btn {
    margin: 28px 5px 15px;
    padding: 0 12px;
    font: 19px/70px DroidArabicKufi-Bold,arial,sans-serif;
    display: block;
    text-align: center;
    background: #074D31;
    border-radius: 10px;
    color: #fff!important;
    box-shadow: 0 5px 35px rgb(0 0 0 / .2);
    transition: all .3s ease
}

.map-btn [class^="icon-"] {
    font-size: 30px;
    height: 47px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    color: #fff
}

.map-btn:hover {
    background: #e66b2e;
    color: #fff!important
}

.map-btn:active {
    background: #0a6562;
    color: #fff!important
}

.map-btn:active,.map-btn:visited,.map-btn:focus {
    color: #fff!important
}

.banner-img-wrapper {
    margin: 0 0 35px;
    text-align: center
}

.banner-img-wrapper img {
    max-width: 100%;
    max-height: 320px;
    border: 14px #fff solid;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .1);
    border-radius: 10px
}

.map-wrapper {
    padding: 25px;
    margin-bottom: 50px;
    border-radius: 10px;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .1)
}

.attaches-flag-wrapper {
    margin-bottom: 20px
}

.attaches-flag-wrapper .attache-item {
    border: rgb(255 255 255 / .9999999) solid 1px;
    display: inline-block;
    text-align: right;
    padding-top: 8px;
    width: 145px;
    height: 44px;
    margin-left: 14px;
    margin-bottom: 20px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .17);
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #074D31;
    transition: all .3s ease
}

@media (min-width: 1024px) {
    .attaches-flag-wrapper .attache-item {
        width:calc(100% / 7.94)
    }
}

.attaches-flag-wrapper .attache-item img {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: 3px
}

.attaches-flag-wrapper .attache-item:hover {
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / .15);
    border-color: #e6e6e6
}

#map-canvas {
    height: 600px
}

#map-canvas .gm-style .gm-style-iw {
    padding: 5px 15px
}

#map-canvas .gm-style>div>div>div>div>div>div>div[style*="border-radius: 2px;"] {
    border-radius: 19px!important
}

#map-canvas .gm-style>div>div>div>div>div>div>div[style*="box-shadow"] {
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / .25)!important
}

#map-canvas .gm-style>div>div>div>div>div>div>div>div>div[style*="skewX(22.6deg)"] {
    left: 0!important;
    width: 16px!important;
    -webkit-transform: skewX(32deg)!important;
    -ms-transform: skewX(32deg)!important;
    transform: skewX(32deg)!important
}

#map-canvas .gm-style>div>div>div>div>div>div>div>div>div[style*="skewX(-22.6deg)"] {
    left: 0!important;
    width: 16px!important;
    -webkit-transform: skewX(-32deg)!important;
    -ms-transform: skewX(-32deg)!important;
    transform: skewX(-32deg)!important
}

#map-canvas #MapPopup h4 {
    font: 1.143em DroidArabicKufi-Bold,arial,sans-serif;
    color: #666
}

#map-canvas #MapPopup h5 {
    font: 13px DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31
}

#map-canvas #MapPopup .flag-icon {
    position: relative;
    top: 3px
}

#map-canvas #MapPopup h6 {
    font: 12px DroidArabicKufi-Bold,arial,sans-serif;
    color: #333
}

#map-canvas #MapPopup div {
    font: 12px DroidArabicKufi,arial,sans-serif;
    color: #666
}

#map-canvas #MapPopup .phone-list li,#map-canvas #MapPopup .fax-list li {
    display: inline-block;
    margin: 0 0 0 15px;
    direction: ltr
}

#map-canvas #MapPopup .phone-list li i[class^="icon-"],#map-canvas #MapPopup .fax-list li i[class^="icon-"] {
    font-size: 13px;
    color: #074D31
}

#map-canvas #MapPopup .website a {
    color: #074D31
}

#map-canvas #MapPopup .website a i[class^="icon-"] {
    font-size: 13px
}

#map-canvas #MapPopup .branch-email a,#map-canvas #MapPopup .gm-location a {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #074D31;
    white-space: nowrap
}

#map-canvas #MapPopup .branch-email a i[class^="icon-"],#map-canvas #MapPopup .gm-location a i[class^="icon-"] {
    font-size: 20px;
    color: #666;
    margin-left: 5px
}

.branches_search {
    padding: 10px 0 60px
}

.branches_search .bsearch-label {
    font: 14px DroidArabicKufi-Bold,arial,sans-serif;
    color: #e66b2e;
    margin: 10px 0
}

.branches_search .serv-search {
    min-height: 50px;
    background-position: 10px 15px
}

.infoh2 {
    font-size: 1.786em
}

.opendata-hero-link {
    margin: 25px 0;
    display: block;
    background: #f4f6f5;
    border-radius: 4px;
    padding: 45px 15px;
    margin-bottom: 25px;
    transition: all .5s ease
}

.opendata-hero-link>span {
    display: block;
    text-align: center;
    color: #074D31;
    transition: all .3s ease
}

.opendata-hero-link .icon {
    font-size: 80px;
    line-height: 100px
}

.opendata-hero-link .text {
    font: 35px DroidArabicKufi-Bold,arial,sans-serif
}

.opendata-hero-link:hover {
    background: #074D31;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .35)
}

.opendata-hero-link:hover>span {
    color: #fff;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.opendata-card {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / .15);
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease
}

.opendata-card:hover {
    box-shadow: 0 18px 35px rgb(0 0 0 / .15)
}

.opendata-card .infoblock {
    padding: 20px
}

.opendata-card .infoblock h5 {
    min-height: 45px;
    line-height: 1.5
}

.opendata-card .infoblock h5 a {
    color: #074D31
}

.opendata-card .infoblock p {
    padding: 0;
    min-height: 120px
}

.opendata-card .summary {
    font: 12px DroidArabicKufi,arial,sans-serif;
    color: #e66b2e
}

.opendata-card .summary span {
    margin-left: 0;
    white-space: nowrap
}

.opendata-card .summary [class^="icon-"] {
    font-size: 1em;
    color: #adccc9
}

.opendata-card .download-files .downloadlink {
    text-align: center;
    background: #f1f1f1;
    padding: 0 25px;
    transition: all .3s ease
}

.opendata-card .download-files .downloadlink [class^="icon-"] {
    font-size: 65px;
    line-height: 123px
}

.opendata-card .download-files .downloadlink.xsl {
    color: #074D31;
    border-left: 2px solid #fff
}

.opendata-card .download-files .downloadlink.xsl:hover {
    background: #074D31;
    color: #fff
}

.opendata-card .download-files .downloadlink.xml {
    color: #e66b2e
}

.opendata-card .download-files .downloadlink.xml:hover {
    background: #e66b2e;
    color: #fff
}

@media (min-width: 992px) {
    .opendata-card {
        height:245px
    }

    .opendata-card .downloadlink [class^="icon-"] {
        position: relative;
        left: 28px
    }

    .opendata-card .downloadlink.xsl {
        border-bottom: 2px solid #fff
    }
}

@media (max-width: 768px) {
    .opendata-card .downloadlink [class^="icon-"] {
        left:15px
    }
}

.opendata-card.inside .infoblock {
    padding: 15px
}

@media (min-width: 768px) {
    .opendata-card.inside .infoblock {
        padding:15px 20px
    }
}

.opendata-card.inside .summary-label,.opendata-card.inside .summary-value {
    font-size: 1em
}

.opendata-card.inside .summary-label {
    padding: 8px 15px 8px 0
}

.opendata-card.inside .summary-label [class^="icon-"] {
    margin-left: 5px
}

.opendata-card.inside .summary-value {
    padding: 12px 15px 12px 0;
    color: #666
}

.opendata-card.inside .alt {
    background: #f6f6f6;
    border-radius: 4px
}

.opendata-card.inside .download-links {
    margin: 20px 0
}

@media (min-width: 992px) {
    .opendata-card.inside .download-links {
        border-right:1px #e4e4e4 solid
    }
}

.opendata-card.inside .download-links h5 {
    margin-bottom: 25px
}

.opendata-card.inside .download-links a {
    display: block;
    padding: 0 5px 10px;
    border-radius: 4px;
    text-align: center;
    color: #666;
    transition: all .3s ease
}

.opendata-card.inside .download-links a [class^='icon-'] {
    display: block;
    font-size: 55px
}

.opendata-card.inside .download-links a:hover * {
    color: #fff!important
}

.opendata-card.inside .download-links a.xsl:hover {
    background: #074D31
}

.opendata-card.inside .download-links a.xml:hover {
    background: #e66b2e
}

.filter-dropdown {
    position: relative;
    display: inline-block
}

.filter-dropdown .filtermenu {
    border: 1px #eee solid;
    border-radius: 8px
}

.filter-dropdown .filtermenu>li>a:focus,.filter-dropdown .filtermenu>li>a:hover {
    background: #074D31;
    color: #fff;
    border-radius: 4px
}

.opendata-searchwrapper {
    position: relative
}

.opendata-searchwrapper .serv-search {
    background: none
}

.opendata-searchwrapper .serchbtn {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10, 101, 98)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px
}

.opendata-searchwrapper .serchbtn:hover {
    opacity: .6
}

.opendata-searchwrapper .serchbtn:active {
    opacity: 1
}

.photoListingItem {
    margin-bottom: 30px;
    background: #bbb;
    position: relative;
    box-shadow: 0 0 2px rgb(0 0 0 / .25);
    border-radius: 2px;
    overflow: hidden;
    transition: all .3s ease
}

.photoListingItem:hover {
    border-color: #074D31
}

.photoListingItem:hover .photoListingTitle {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.photoListingItem:hover .photocount {
    left: 0!important
}

.photoListingItem .photoListingImage {
    position: relative;
    height: 275px;
    max-width: 100%;
    overflow: hidden;
    background: #333
}

.photoListingItem .photoListingImage:before {
    content: "\E843";
    font-family: mci-icons;
    width: 50px;
    height: 50px;
    background: #074D31;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    color: #fff;
    z-index: 1;
    left: calc(50% - 20px);
    top: calc(50% - 60px);
    transition: all .3s ease
}

.photoListingItem .photoListingImage img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: .75;
    width: calc(100% + 42px);
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
    height: 100%;
    transition: all .5s ease
}

.photoListingItem .photoListingImage .photocount {
    position: absolute;
    padding: 5px 12px;
    top: 20px;
    left: -100%;
    background: #074D31;
    border-radius: 0 40px 40px 0;
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    transition: all .5s ease
}

.photoListingItem .photoListingImage .photocount [class^='icon-'] {
    font-size: 1.143em
}

.photoListingItem .photoListingImage:hover:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.photoListingItem .photoListingTitle {
    background: rgb(255 255 255 / .9);
    font: 1.2em/1.5 DroidArabicKufi,arial,sans-serif;
    color: #444;
    position: absolute;
    bottom: 0;
    width: 101%;
    padding: 15px 10px;
    min-height: 80px;
    transition: all .3s ease
}

.photoListingItem .albumLnk:hover img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.photoListingItem.fixedCaption .photoListingTitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.videoListingItem {
    margin-bottom: 30px;
    height: 285px;
    position: relative
}

.videoListingItem .videoListingImage {
    position: relative;
    height: 215px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.videoListingItem .videoListingImage img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease
}

.videoListingItem .videoListingImage:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.videoListingItem .videoduration {
    display: none;
    position: absolute;
    padding: 5px 12px;
    top: 20px;
    left: -100%;
    background: #009690;
    border-radius: 0 40px 40px 0;
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    transition: all .5s ease
}

.videoListingItem .videoduration [class^='icon-'] {
    font-size: 1.143em
}

.videoListingItem .fa {
    font-size: 13px;
    color: #555;
    margin-right: 4px
}

.videoListingItem .videoListingTitle {
    font: 1.286em/1.5 DroidArabicKufi,arial,sans-serif;
    color: #555;
    padding: 15px 8px;
    width: 100%;
    transition: all .5s ease
}

.videoListingItem .videoLnk:hover .videoduration {
    left: 0!important
}

.videoListingImage:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/play-icon.png) no-repeat center center
}

.videoListingImage img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.newsListItem {
    box-shadow: 0 0 2px rgb(0 0 0 / .25);
    margin-bottom: 30px;
    border-radius: 2px;
    padding: 10px 0 10px 10px;
    transition: all .5s ease
}

.newsListItem:after,.newsListItem:before {
    display: table;
    content: " ";
    clear: both
}

.newsListItem:hover {
    box-shadow: 0 12px 35px rgb(0 0 0 / .15);
    transition: all 1s ease
}

.newsListItem:hover .NewsList_Image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 4s ease
}

.newsListItem .NewsList_Image {
    padding: 10px 0;
    overflow: hidden
}

.newsListItem .NewsList_Image img {
    min-width: 150px;
    width: 100%;
    height: 200px!important;
    display: block;
    transition: all 1s ease
}

.newsListItem .newsTxt {
    padding: 10px 15px
}

.newsListItem .newsTxt p {
    padding: 0
}

.newsListItem .newsTxt .artclDate {
    color: #888!important;
    margin: 10px 0
}

.newsListItem .newsTxt .artclDate i {
    position: relative;
    top: -2px
}

.newsListItem h2 {
    font: 1.214em DroidArabicKufi-Bold,arial,sans-serif!important;
    color: #074D31;
    margin-bottom: 5px
}

.newsListItem h2 a {
    color: #074D31;
    transition: all .3s ease
}

.newsListItem h2 a:hover {
    color: #00e2da
}

.newsListItem p {
    font: 1em/2.5 DroidArabicKufi,arial,sans-serif!important;
    color: #666
}

.newsListItem p a {
    color: #e66b2e
}

.newsListItem p a:hover {
    color: #eb8b5c
}

.newsListItem p [class^="icon-"] {
    margin-right: 5px
}

.artclDate {
    color: #999;
    font: 1em DroidArabicKufi,arial,sans-serif;
    display: inline-block
}

.artclDate [class^="icon-"] {
    margin-left: 5px;
    color: #888;
    font-size: .929em
}

.survey-item {
    box-shadow: 0 12px 35px rgb(0 0 0 / .15);
    margin-bottom: 30px;
    border-radius: 8px;
    padding: 15px 5px
}

.survey-item:after,.survey-item:before {
    display: table;
    content: " ";
    clear: both
}

.survey-item .newstitle {
    font: 1.2em DroidArabicKufi-Bold,arial,sans-serif;
    padding: 0 5px 5px
}

.survey-item .newstitle a {
    color: #074D31
}

.survey-item .morelnk {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #e66b2e
}

.survey-item .morelnk [class^="icon-"] {
    display: inline-block;
    transition: all .3s ease
}

.survey-item .morelnk:hover [class^="icon-"] {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.survey-item .artclDate {
    color: #888
}

.surveyContainer .survey-question .title {
    font: 1.286em/1.7 DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31;
    padding: 6px 10px;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
    background: #f2f2f2;
    border-radius: 68px
}

.surveyContainer .survey-question .title [class^="icon-"] {
    font-size: 26px;
    position: relative;
    top: 2px;
    color: #e66b2e
}

.surveyContainer .survey-question .answers {
    padding: 20px
}

.surveyContainer .survey-question .answers input[type=radio],.surveyContainer .survey-question .answers input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.surveyContainer .survey-question .answers input[type=radio]+label:before,.surveyContainer .survey-question .answers input[type=checkbox]+label:before {
    content: '';
    display: inline-block;
    margin-left: 5px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px #ccc solid;
    position: relative;
    top: 3px
}

.surveyContainer .survey-question .answers input[type=radio]+label:hover,.surveyContainer .survey-question .answers input[type=checkbox]+label:hover {
    cursor: pointer
}

.surveyContainer .survey-question .answers input[type=radio]+label:hover:before,.surveyContainer .survey-question .answers input[type=checkbox]+label:hover:before {
    border-color: #5baeb0
}

.surveyContainer .survey-question .answers input[type=radio]:checked+label,.surveyContainer .survey-question .answers input[type=checkbox]:checked+label {
    position: relative
}

.surveyContainer .survey-question .answers input[type=radio]:checked+label:before,.surveyContainer .survey-question .answers input[type=checkbox]:checked+label:before {
    border-color: #5baeb0
}

.surveyContainer .survey-question .answers input[type=radio]:checked+label:after,.surveyContainer .survey-question .answers input[type=checkbox]:checked+label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #074D31
}

.surveyContainer .survey-question .answers input[type=checkbox]+label:before {
    border-radius: 4px!important
}

.surveyContainer .survey-question .answers input[type=checkbox]:checked+label:before {
    background-color: #074D31
}

.surveyContainer .survey-question .answers input[type=checkbox]:checked+label:after {
    content: "\e894";
    font-family: "mci-icons";
    font-size: 8px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 3px;
    border-radius: 50%;
    background: #074D31
}

#s4-workspace input[type=radio],#s4-workspace input[type=checkbox] {
    opacity: 0;
    position: absolute
}

#s4-workspace input[type=radio]+label:before,#s4-workspace input[type=checkbox]+label:before {
    content: '';
    display: inline-block;
    margin-left: 5px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px #ccc solid;
    position: relative;
    top: 3px
}

#s4-workspace input[type=radio]+label:hover,#s4-workspace input[type=checkbox]+label:hover {
    cursor: pointer
}

#s4-workspace input[type=radio]+label:hover:before,#s4-workspace input[type=checkbox]+label:hover:before {
    border-color: #5bafb0
}

#s4-workspace input[type=radio]:checked+label,#s4-workspace input[type=checkbox]:checked+label {
    position: relative
}

#s4-workspace input[type=radio]:checked+label:before,#s4-workspace input[type=checkbox]:checked+label:before {
    border-color: #5bafb0
}

#s4-workspace input[type=radio]:checked+label:after,#s4-workspace input[type=checkbox]:checked+label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #074D31
}

#s4-workspace input[type=checkbox]+label:before {
    border-radius: 4px!important
}

#s4-workspace input[type=checkbox]:checked+label:before {
    background-color: #5baeb0
}

#s4-workspace input[type=checkbox]:checked+label:after {
    content: "\e894";
    font-family: "mci-icons";
    font-size: 8px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 3px;
    border-radius: 50%;
    background: #074D31
}

.poll-list-item .poll-title {
    background: #f2f2f2;
    padding: 2px 5px;
    border-radius: 65px;
    font: bold 1em DroidArabicKufi-Bold,arial,sans-serif;
    color: #666!important;
    margin: 5px 0
}

.poll-list-item .poll-title>i {
    font-size: 1.286em;
    color: #074D31;
    margin: 0 5px
}

.poll-list-item .poll-title+table>tbody>tr>td {
    padding: 10px
}

.resultbarbase {
    float: none!important;
    height: 4px!important;
    background: none!important;
    margin: 2px 0 14px
}

.resultbarbase>div {
    height: 100%!important
}

.poll-percent {
    font: 12px/1.5 DroidArabicKufi,arial,sans-serif
}

.fancybox-skin {
    padding: 0px!important;
    box-shadow: none!important
}

.fancybox-overlay {
    background: rgb(0 0 0 / .75)!important
}

.fancybox-title-float-wrap .child {
    background: none!important;
    font: 1em DroidArabicKufi,arial,sans-serif!important
}

.loading-mci {
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto
}

.loading-mci div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ddd;
    -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.loading-mci div:nth-child(1) {
    left: 6px;
    -webkit-animation: loading-mci1 0.6s infinite;
    animation: loading-mci1 0.6s infinite
}

.loading-mci div:nth-child(2) {
    left: 6px;
    -webkit-animation: loading-mci2 0.6s infinite;
    animation: loading-mci2 0.6s infinite
}

.loading-mci div:nth-child(3) {
    left: 26px;
    -webkit-animation: loading-mci2 0.6s infinite;
    animation: loading-mci2 0.6s infinite
}

.loading-mci div:nth-child(4) {
    left: 45px;
    -webkit-animation: loading-mci3 0.6s infinite;
    animation: loading-mci3 0.6s infinite
}

@-webkit-keyframes loading-mci1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading-mci1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loading-mci2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(20px,0);
        transform: translate(20px,0)
    }
}

@keyframes loading-mci2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(20px,0);
        transform: translate(20px,0)
    }
}

@-webkit-keyframes loading-mci3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes loading-mci3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.ratingMessage {
    display: block;
    width: 172px;
    margin: 0 auto;
    background: #e66b2e;
    margin-top: 10px;
    margin-bottom: -5px;
    text-align: center;
    color: #fff;
    border-radius: 20px
}

.box-card {
    padding: 0 15px;
    box-shadow: 0 12px 35px rgb(0 0 0 / .15);
    margin-bottom: 30px;
    border-radius: 8px
}

.department_innerLink {
    padding: 0 15px
}

.department_innerLink>a {
    color: #666;
    display: inline-block
}

.department_innerLink h4 {
    font-size: 1em
}

.department_innerLink h4 a {
    color: #666
}

.department_innerLink [class^="icon-"] {
    font-size: 1.786em
}

.department_innerLink [class^="icon-"].icon-pdf-download,.department_innerLink [class^="icon-"].icon-file-pdf {
    color: #e66b2e
}

.department_innerLink [class^="icon-"].icon-location {
    color: #074D31
}

.phoneWrapper {
    position: relative
}

.phoneWrapper .form-control {
    width: calc(100% - 38px)!important;
    direction: ltr;
    text-align: left;
    padding-left: 10px
}

.phoneWrapper .phoneCode {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: -1px;
    background: #074D31;
    color: #fff;
    padding: 7px 5px;
    border-radius: 4px 0 0 4px;
    direction: ltr;
    box-shadow: -1px 1px 5px 0 rgb(0 0 0 / .2)!important
}

.btn-longtxt {
    font: 13px DroidArabicKufi,arial,sans-serif!important;
    padding: 15px 0
}

.btn-longtxt [class^='icon-'] {
    font-size: 20px
}

.pinned_item {
    position: relative
}

.pinned_item .newsListItem {
    box-shadow: 0 0 15px rgb(0 0 0 / .15)
}

.pinned_item:after {
    content: "\E8A6";
    font-family: mci-icons;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 12px;
    left: 2px;
    background: #074D31;
    padding: 8px;
    border-radius: 54px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 19px
}

.img-margin {
    margin: 5px 0
}

.newsPhotoSlider {
    height: 350px
}

.newsPhotoSlider .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.newsPhotoSlider .swiper-slide {
    background-size: cover;
    background-position: center
}

.newsPhotoSlider .gallery-top {
    height: 80%;
    width: 100%
}

.newsPhotoSlider .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.newsPhotoSlider .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.newsPhotoSlider .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.timeline {
    position: relative;
    margin: 0 auto
}

.timeline:after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #eee;
    top: 0;
    bottom: 0;
    right: -8px;
    margin-left: -3px;
    border-radius: 10px
}

.timeline .timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit
}

.timeline .timeline-container:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -16px;
    background-color: #fff;
    border: 3px solid #e66b2e;
    top: 15px;
    border-radius: 50%;
    z-index: 1
}

.timeline .timeline-container.left {
    left: 0
}

.timeline .timeline-container.left:before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #eee;
    border-width: 10px 0 10px 10px;
    border-color: #fff0 #fff0 #fff0 #eee
}

.timeline .timeline-container.right {
    left: 100%
}

.timeline .timeline-container.right:before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #eee;
    border-width: 10px 10px 10px 0;
    border-color: #fff0 #eee #fff0 #fff0
}

.timeline .timeline-container.right:after {
    left: -5px;
    right: auto
}

.timeline .timeline-content {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px #eee solid;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgb(0 0 0 / .2)
}

.timeline .milestone-title {
    color: #074D31;
    padding-right: 5px;
    background: #fff;
    border: 2px #dcdcdc solid;
    border-radius: 40px;
    position: relative;
    left: 50%;
    z-index: 1;
    text-align: center;
    padding: 2px;
    margin: 10px 0
}

@media screen and (max-width: 768px) {
    .timeline {
    }

    .timeline:after {
        right: 50%;
        z-index: -1
    }

    .timeline .timeline-container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .timeline .timeline-container::before {
        left: 60px;
        border: medium solid #fff;
        border-width: 10px 10px 10px 0;
        border-color: #fff0 #fff #fff0 #fff0;
        display: none
    }

    .timeline .timeline-container::after {
        display: none
    }

    .timeline .left::after,.timeline .right::after {
        right: -14px;
        left: auto
    }

    .timeline .timeline-container.right {
        left: 0%
    }

    .timeline .text-center .img-responsive {
        margin: 0 auto
    }

    .timeline .milestone-title {
        left: 0
    }
}

.copyRights-404 {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #555
}

.logoImg-404 {
    max-height: 75px
}

.error-404-wrapper {
    padding: 30px;
    margin: 80px 0;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 50px rgb(0 0 0 / .15)
}

.error-404-wrapper .hero-msg-404 .img404 img,.error-404-wrapper .hero-msg-404 .img404 svg {
    max-height: 160px
}

.error-404-wrapper .hero-msg-404 h3 {
    font: 1.786em DroidArabicKufi-Bold,arial,sans-serif;
    color: #888;
    margin: 10px 0
}

.error-404-wrapper .hero-msg-404 p {
    font: 1.143em DroidArabicKufi,arial,sans-serif;
    color: #555
}

.error-404-wrapper .hero-msg-404 .gohome-link {
    display: inline-block;
    padding: 5px 20px;
    margin: 20px 0;
    border-radius: 40px;
    background: #074D31;
    font: 1.143em DroidArabicKufi,arial,sans-serif;
    color: #fff;
    transition: all .3s ease
}

.error-404-wrapper .hero-msg-404 .gohome-link:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / .15);
    background: #074D31
}

.startproject-wrapper {
    height: 400px;
    margin-bottom: 2px;
    padding-top: 15px;
    background: url(../images/project-bg.jpg) no-repeat center top fixed;
    background-size: cover
}

.startproject-wrapper .wptitle {
    color: #0a6562!important
}

.startproject-wrapper .project-box {
    margin: 20px 20px 40px;
    background: rgb(255 255 255 / .85);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / .15);
    text-align: center
}

.startproject-wrapper .project-box h3 {
    font: 20px DroidArabicKufi-Bold,arial,sans-serif;
    color: #0c7c79
}

.startproject-wrapper .project-box p {
    font: 1.143em DroidArabicKufi,arial,sans-serif;
    color: #0c7c79
}

.startproject-wrapper .project-box .start-btn {
    display: inline-block;
    margin: 10px auto;
    background: #7d868b;
    border-radius: 40px;
    height: 48px;
    width: 30%;
    min-width: 200px;
    font: 1.286em/2.6 DroidArabicKufi,arial,sans-serif;
    color: #fff;
    position: relative;
    transition: all .3s ease
}

.startproject-wrapper .project-box .start-btn [class^="icon-"] {
    font-size: 15px;
    position: absolute;
    top: 5px;
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .3s ease
}

.startproject-wrapper .project-box .start-btn:hover {
    background: #c84a3d
}

.startproject-wrapper .project-box .start-btn:hover [class^="icon-"] {
    opacity: 1;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    transition-delay: .2s
}

.Rules-wrapper {
    padding-top: 20px
}

.rules-reg-card {
    padding: 15px;
    width: 100%;
    height: 240px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / .1);
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease
}

.rules-reg-card:hover {
    box-shadow: 0 5px 35px 0 rgb(0 0 0 / .13);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.rules-reg-card.rules {
    border-bottom: 5px #074D31 solid
}

.rules-reg-card.regulations {
    border-bottom: 5px #c84a3d solid
}

.rules-reg-card .rule-clickable-part {
    display: block;
    height: 85%
}

.rules-reg-card p {
    font: bold 1em/1.8 DroidArabicKufi-Bold,arial,sans-serif;
    text-align: center;
    height: calc(100% - 35px)
}

.rules-reg-card p .icon {
    display: block;
    padding-top: 10px;
    height: 70px
}

.rules-reg-card p .icon img {
    max-height: 52px
}

.date {
    display: block;
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #999;
    margin: 10px 0
}

.color-index {
    padding: 15px
}

.index-label {
    display: inline-block;
    min-width: 80px;
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #888
}

.index-label:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px
}

.index-label.rules-index:before {
    background: #074D31
}

.index-label.regulations-index:before {
    background: #c84a3d
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #fff0;
    color: #adccc9!important
}

#lawSummaryContainer {
    background: #fff;
    box-shadow: 0 18px 35px 0 rgb(0 0 0 / .1);
    border-radius: 10px;
    padding: 40px 15px 20px;
    margin-bottom: 40px
}

#lawSummaryContainer .servd-icon {
    color: #666
}

#lawSummaryContainer .start-servicebtn {
    font-size: 1.786em
}

#lawSummaryContainer .lawSummary {
    text-align: justify
}

#lawItemContainer .ui-accordion-content p {
    margin: 15px 0
}

#lawItemContainer h3 {
    margin-bottom: 20px
}

#lawItemContainer h3 [class^="icon-"] {
    font-size: 22px;
    color: #999
}

#lawItemContainer h4 {
    font-size: 1em;
    color: #666!important;
    border-bottom: 1px #ddd dotted;
    padding-bottom: 5px
}

#lawItemContainer p {
    margin: 15px 0
}

#attachmentsContainer {
    padding: 10px 0
}

#attachmentsContainer ul.attachmentsList li a {
    font: 1em DroidArabicKufi,arial,sans-serif;
    color: #666;
    display: inline-block;
    padding: 2px 5px;
    transition: all .3s ease
}

#attachmentsContainer ul.attachmentsList li a [class^="icon-"] {
    font-size: 1.286em
}

#attachmentsContainer ul.attachmentsList li a:hover {
    color: #e66b2e;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

@media (min-width: 1170px) {
    #issueToolModal .modal-dialog {
        width:900px
    }
}

#issueToolModal .modal-dialog .modal-content {
    border: 0
}

#issueToolModal .modal-dialog .modal-header {
    background: rgb(230 107 46 / .9);
    text-align: center;
    border-radius: 4px 4px 0 0
}

#issueToolModal .modal-dialog .modal-header .modal-title {
    font-size: 2em;
    color: #fff
}

#issueToolModal .modal-dialog .modal-header .close:hover {
    opacity: .8
}

#issueToolModal .modal-dialog .modal-body {
    font-size: 13px
}

select.form-control+.select2-container {
    width: 100%!important
}

.adminComment {
    background: #fbfbfb;
    clear: both;
    padding: 20px 15px;
    border-radius: 15px;
    border: 1px #e4eaea solid
}

.adminComment:after,.adminComment:before {
    display: table;
    content: " ";
    clear: both
}

.adminComment .btngroup {
    margin-bottom: 0px!important;
    padding-bottom: 0!important;
    padding: 0
}

.adminComment .btngroup .btn {
    margin: 25px 0 0
}

.adminComment .form-group {
    margin-bottom: 0px!important
}

.complaintsLink {
    display: block;
    margin-bottom: 10px;
    font: bold 14px DroidArabicKufi-Bold,arial,sans-serif;
    color: #555!important
}

.complaintsLink:hover {
    color: #e66b2e!important
}

.complaintsLink:hover [class^="icon-"] {
    color: #e66b2e
}

.complaintsLink [class^="icon-"] {
    font-size: 22px;
    position: relative;
    top: 3px;
    margin: 0 1px;
    color: #074D31
}

.voiceTxt .mic-icon {
    margin-bottom: 30px
}

input {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    padding: 0 20px;
    box-sizing: border-box;
    display: inline-block;
    height: 35px
}

form.search {
    background-color: rgb(255 255 255 / .4);
    padding: 28px 22px;
    box-sizing: border-box;
    width: calc(0%);
    margin: 0 auto
}

form.search input {
    margin-left: 10px
}

form.search input.datepicker {
    width: 200px;
    background-image: url(../img/icons/calendar-popup.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 18px
}

form.search input.search-input {
    max-width: 400px;
    width: 40%
}

form.search .btn {
    background: #074D31;
    transition: all 0.5s ease;
    box-sizing: border-box;
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 35px;
    padding: 0 40px;
    margin-right: 10px;
    float: left
}

form.search .btn:hover {
    background-color: #0a6562
}

.fc-toolbar .fc-right {
    position: relative;
    top: -50px;
    margin-top: 20px
}

.eventInfo {
    position: relative;
    top: 110px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style-type: none;
    text-align: right
}

.eventInfo>li {
    display: inline-block
}

.eventInfo>li>a {
    padding: 2px 30px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    margin: 0 auto
}

.eventInfoMobile {
    display: none
}

.info1 {
    background-color: #444
}

.info2 {
    background-color: #c0504d
}

.info3 {
    background-color: #074D31
}

.info4 {
    background-color: #238dc1
}

.info5 {
    background-color: #7b868c
}

.info6 {
    background-color: #e08433
}

.info7 {
    background-color: #0a6562
}

.info8 {
    background-color: #774d28
}

.info9 {
    background-color: #82a5a0
}

.fc th {
    border: none!important;
    background-color: #074D31;
    color: #fff;
    padding: 15px!important;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 26px;
    color: #434343;
    float: right;
    margin-right: 10px;
    text-decoration: none!important
}

.fc-day-grid-event {
    margin: 0 10px
}

.fc-body {
    background: #f3f3f4
}

.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead {
    border-color: #d9d9d9
}

.fc-day-top.fc-other-month {
    opacity: .4
}

.fc-day-grid-event .fc-content {
    white-space: unset
}

.fc-event {
    font-size: 12px;
    border-radius: 0;
    border: none
}

.fc-day-grid-event {
    padding: 5px;
    margin-bottom: 20px
}

.fc-day {
    position: relative;
    padding-bottom: 30px;
    transition: all 0.5s ease
}

.fc-day.hover {
    box-shadow: 0 0 38px 0 rgb(0 0 0 / .19)
}

.view_events {
    position: relative;
    font-size: 12px;
    color: #434343;
    font-weight: 500;
    bottom: 0;
    text-align: center;
    height: 100%
}

.view_events a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto
}

.eventpop_up {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 10;
    width: 370px;
    border-radius: 5px;
    box-shadow: 0 0 38px 0 rgb(0 0 0 / .2)
}

.eventpop_up:after {
    bottom: 100%;
    right: 10px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px
}

.eventpop_up .header {
    background-color: #074D31;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box
}

.eventpop_up .header a {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.eventpop_up .body {
    padding: 10px;
    box-sizing: border-box;
    color: #434343;
    font-size: 12px
}

.eventpop_up .body p {
    font-size: 12px;
    padding: 10px
}

.eventpop_up .body .dates {
    direction: rtl;
    background-color: #f4f4f4;
    padding: 5px;
    color: #666;
    font-size: 12px
}

.eventpop_up .body .dates img {
    vertical-align: middle;
    margin-left: 10px
}

.on_top {
    z-index: 10000!important
}

.fc-footer-toolbar .fc-left {
    float: none;
    width: 100%
}

.fc .fc-button-group>:first-child {
    float: right
}

.fc-button-group {
    float: none;
    display: block
}

.fc .fc-toolbar>*>* {
    float: none;
    margin-left: auto
}

.fc-toolbar h2,.lg-title {
    color: #434343;
    font-weight: 600;
    font-size: 32px
}

.chosen-results li {
    border-right: 6px solid
}

.chosen-results li.exhibition {
    border-color: #074D31
}

.chosen-results li.conference {
    border-color: #c54b38
}

.chosen-results li.forum {
    border-color: #238dc1
}

.chosen-results li.gathering {
    border-color: #7b868c
}

.chosen-results li.workshop {
    border-color: #e08433
}

.chosen-results li.visit {
    border-color: #0a6562
}

.chosen-results li.meeting {
    border-color: #774d28
}

.chosen-results li.day {
    border-color: #82a5a0
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: right!important
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 50px!important
}

.fc-button-group .fc-button {
    background: #074D31 none;
    color: #fff;
    padding-top: 3px;
    margin-top: 17px!important
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important
}

.calendar {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px
}

.calendar-header {
    position: absolute;
    bottom: -15px
}

.calendar table.month th.month-title {
    color: #074D31;
    font-size: 24px;
    font-weight: 600;
    text-align: right
}

.calendar table {
    direction: rtl;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

table.month thead>tr:nth-child(2) {
    background-color: #074D31;
    padding: 20px 10px;
    box-sizing: border-box
}

.day-header {
    color: #fff;
    font-size: 11px
}

table.month .day {
    border: 1px solid #dfdfdf;
    background: #f3f3f4
}

.month-container {
    width: 33.33%;
    float: right;
    padding: 0 5px!important;
    box-sizing: border-box
}

.month-container {
    min-height: 293px
}

.fc-scroller {
    height: auto!important;
    overflow: visible!important
}

.fc-list-item {
    position: relative
}

.calendar table.month th.day-header {
    padding: 5px 0
}

.day.event-day,.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover {
    color: #074D31;
    background-color: #e9e9e9!important;
    cursor: pointer;
    font-weight: 500
}

.calendar .year-neighbor {
    color: #0a6562
}

.calendar .calendar-header table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.calendar .calendar-header table th {
    padding: 0;
    font-size: 14px;
    background: none!important
}

.calendar .calendar-header table th.prev,.calendar .calendar-header table th.next {
    width: auto
}

.calendar .calendar-header table th {
    width: 100%
}

.calendar .calendar-header table th.prev {
    margin-left: auto
}

.calendar .calendar-header table th.next {
    margin-right: auto
}

.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td {
    text-align: right
}

.calendar .calendar-header {
    border: none;
    box-shadow: none
}

.calendar .calendar-header table tbody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none
}

.calendar .calendar-header table tbody tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none
}

.eventTopInfoWrapper {
    padding: 10px;
    color: #fff;
    background-color: #074D31;
    margin-bottom: 20px;
    border-radius: 5px
}

.calendarControls .prev {
    display: inline-block;
    cursor: pointer
}

.calendarControls .next {
    display: inline-block;
    float: left;
    cursor: pointer
}

.calendarControls .next i {
    float: left
}

.calendarControls>div {
    transition: all .3s ease;
    font-size: 18px
}

.calendarControls>div:hover {
    color: #074D31
}

.HomePageTopIconsItemTitle {
    font-size: 17pt;
    margin-top: 10px
}

.InternalPanelBody legend {
    margin-bottom: 0;
    border-bottom: 1px solid #074D31
}

.InternalPanelBody legend div {
    width: 80%;
    background: #074D31;
    color: #fff;
    padding: 8px;
    border-top-left-radius: 50px;
    font-size: 14pt
}

.IconImage img {
    width: 33px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 7px
}

.IconImage {
    background: #f8d20b;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    float: right;
    margin-left: 10px;
    border-radius: 100px;
    min-width: 45px;
    min-height: 45px;
    margin-bottom: 5px
}

.InternalContentBody li {
    background: #e2e2e2;
    margin-bottom: 1px;
    padding: 8px;
    padding-right: 10px;
    padding-left: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#HomePageTopIcons i {
    font-size: 80pt
}

.HomePageTopIconsItemTitle {
    font-size: 17pt;
    margin-top: 10px
}

.InternalPanelBody legend {
    margin-bottom: 0;
    border-bottom: 1px solid #074D31
}

.InternalPanelBody legend div {
    width: 80%;
    background: #074D31;
    color: #fff;
    padding: 8px;
    border-top-left-radius: 50px;
    font-size: 14pt
}

.InternalContentBody {
    padding: 20px;
    background: #f1f1f1
}

.InternalContentBody:after {
    display: block;
    content: "";
    clear: both
}

.ExampleBox {
    background: #f5edc8;
    padding: 10px;
    position: relative;
    margin-top: 50px
}

.ExampleNote {
    background: #828282;
    margin-top: 15px;
    padding: 10px;
    color: #fff
}

.ExampleNote2 {
    background: #73aeb5;
    margin-top: 15px;
    padding: 10px;
    color: #fff
}

.ExampleNote2 li {
    background: #65999f!important
}

.ExampleBox .ExampleBoxTitle {
    background: #73aeb5;
    position: absolute;
    top: -39px;
    padding-left: 70px;
    padding-right: 70px;
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 60px;
    right: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.SaparateRowLineA {
    border-bottom: 1px #e8e8e8 solid;
    margin-top: 30px;
    margin-bottom: 30px
}

.vcenter {
    min-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.InternalPanel {
    margin-top: 0;
    background: #fff;
    margin-bottom: 20px
}

.InternalPanelBody img {
    max-width: 100%;
    vertical-align: middle
}

.row-eq-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.DisplayNONE {
    display: none
}

.DivSubBox {
    background: #fff
}

.DivSubBoxTitle {
    background: #5c5c5c;
    padding: 14px;
    color: #fff
}

.DivSubBoxDetails {
    margin: 16px
}

span.ColordSpan {
    font-weight: 700;
    color: #074D31
}

.IconsBoxItem {
    background: #e2e2e2;
    margin-bottom: 1px;
    padding: 8px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center
}

.IconImageCenter .IconImage {
    float: none;
    margin: auto
}

.HeadTXTBack {
    text-align: center;
    background: #5c5c5c;
    padding: 14px;
    color: #fff
}

.HeadTXTBackSub {
    text-align: center;
    background: #7f7f7f;
    padding: 14px;
    color: #fff
}

.CustomSubBoxInternal {
    background: #fff;
    margin: 5px;
    height: 100%
}

.CustomSubBoxInternalContentBody {
    height: 100%
}

.CustomSubBoxInternalContentBody .CustomSubBoxInternalContentBody {
    margin: 10px
}

.CustomSubBoxInternalContentBodyItem {
    background: #eaeaea;
    margin-bottom: 1px;
    margin-left: 1px;
    padding: 6px 20px;
    display: flow-root
}

.CustomSubBoxInternalContentBodyItemWBack {
    background: #fff;
    margin-bottom: 10px;
    padding: 6px 20px;
    display: inline-block;
    width: 100%
}

.CustomSubBoxInternalNote {
    margin: 10px -15px;
    padding: 5px 0
}

.ImageW100 img {
    max-width: 100%
}

img.MCenter {
    margin: auto
}

.ULStyleNoneNotes {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px
}

.ULStyleNoneNotesItemColored {
    text-align: center;
    background: #074D31;
    color: #fff;
    padding: 15px
}

.ImageW50 {
    width: 30%
}

.M0 {
    margin: 0
}

.ULStyleNoneNotes .col-sm-4 {
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px
}

.CustomSubBoxInternalSub {
    background: #eee;
    margin: 5px;
    margin-bottom: 20px
}

span.PhotoImage {
    background: #fff;
    display: -webkit-inline-box;
    border-radius: 70%;
    margin-top: 10px;
    margin-bottom: 10px
}

.PhotoImage img {
    width: 170px;
    padding: 20px
}

.CustomSubBoxInternalContentBodyItem1 {
    background: #074D31;
    color: #fff
}

.CustomSubBoxInternalContentBodyItem2 {
    background: #074D31;
    color: #fff
}

.ColredD {
    text-align: center;
    margin-bottom: 4px;
    background: #074D31;
    color: #fff;
    padding: 7px;
    border-radius: 20px
}

.MB10 {
    margin-bottom: 10px
}

.MB20 {
    margin-bottom: 20px
}

.PargFirst {
    margin-bottom: 20px;
    text-align: right
}

.NornmalUL li {
    background: none;
    padding: 3px
}

span.TagRed {
    background: #607D8B;
    border-radius: 10px;
    padding: 4px 20px;
    color: #fff;
    margin: 0 0 0 10px;
    display: inline-block
}

span.TagOrg {
    background: #525252;
    border-radius: 10px;
    padding: 4px 20px;
    color: #fff;
    margin: 0 0 0 10px;
    display: inline-block
}

.PargLast {
    margin-top: 20px;
    margin-bottom: 10px
}

.URLSpan {
    direction: ltr
}

.URLSpan a {
    background: #ddd;
    background: #074D31;
    color: #fff;
    padding: 0 10px;
    font-size: 11pt;
    margin-top: 5px;
    display: -webkit-inline-box;
    border-radius: 10px
}

.MTopBtn10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.RemoveRowMLR .row {
    margin-left: 0;
    margin-right: 0
}

.Mbtn10 {
    margin-bottom: 10px
}

.DivLinkToMCI {
    text-align: center;
    background: #074D31;
    color: #fff;
    margin: 20px;
    border-radius: 10px;
    padding: 4px
}

.LinkToMCI {
    direction: ltr
}

.LinkToMCI a {
    background: #78d1cb;
    border-radius: 10px;
    font-size: 10pt;
    padding: 0 13px;
    color: #074D31
}

.LinkToMCI a:hover {
    background: #ddd
}

.SmallImageM img {
    width: 38px;
    margin-left: 9px
}

.HomePageBrowseItemMainBox {
    background: #e7eded;
    padding-top: 20px;
    padding-bottom: 20px
}

.HomePageBrowseItemsBox .col-sm-4 {
    background: #fff
}

.HomePageBrowseItemsBox .col-sm-4 {
    background: #fff;
    margin-left: 1px;
    margin-bottom: 1px;
    text-align: center
}

.HomePageBrowseItemsBox i {
    font-size: 50pt;
    color: #14473e
}

.HomePageBrowseItem {
    padding-top: 20px;
    padding-bottom: 20px
}

.HomePageBrowseItemsBox {
    padding-left: 30px;
    padding-right: 30px
}

.HomePageBrowseItemMainBoxTitle {
    font-size: 20pt;
    margin-bottom: 10px
}

.NewDesignHomeContactBox {
    border: 1px #074D31 solid;
    padding: 20px;
    border-radius: 2px;
    padding-bottom: 50px
}

.NewDesignHomeContactBoxBtn a {
    background: #074D31;
    color: #fff;
    padding: 1px;
    display: -webkit-inline-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px
}

.NewDesignHomeContactBoxTitle {
    font-size: 17pt;
    color: #074D31
}

.NewDesignHomeContactBoxDesc {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #737373
}

img.QRCodeFooter {
    width: 110px;
    margin-right: 10px
}

.HomePageBrowseItemsBox a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #000;
    transition: all 0.5s ease
}

.HomePageBrowseItemsBox a:hover {
    background: #e7eded
}

.HomePageBrowseItemsBox .col-sm-4 {
    padding-left: 0;
    padding-right: 0
}

.dropdown-full i {
    padding-left: 4px
}

.NewDescignWebsiteSearch {
    margin-top: 40px;
    width: 520px;
    margin: auto;
    margin-top: 20px;
    position: relative;
    display: none
}

.MenuItemHeader {
    background: #0c7a76;
    color: #fff;
    border-right: 3px #aad9d7 solid;
    padding: 5px
}

.MenuItemLevel2Box {
    margin-bottom: 15px
}

.ContactUsBoxDesc {
    padding: 20px;
    text-align: center
}

.ContactUsBoxHeader {
    text-align: center;
    padding: 8px;
    color: #fff
}

.ContactUsBox {
    border: 1px #ddd solid
}

.HideSmartPhone.ContactIcons {
    font-size: 30pt
}

.InternalBodyMainLinks {
    background: #005350;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    cursor: pointer
}

.HomePageBrowseItem img {
    width: 30%;
    margin-bottom: 13px
}

.ChatIcon {
    width: 50px;
    float: left;
    margin-left: 10px
}

.InternalBodyMainLinks {
    background: #005350;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    cursor: pointer
}

.guideHomeCardsContainer+.col-sm-3 {
    margin-top: 25px
}

.guideHomeCardsContainer {
    margin-top: 25px
}

.guideHomeCardsContainer .branch-hero-link {
    min-height: 235px
}

.guideHomeCardsContainer .branch-hero-link .text {
    font-size: 16px
}

#HomePageTopIcons {
    color: #fff
}

.HomePageTopIconsColorA {
    background: #303942
}

.HomePageTopIconsColorB {
    background: #00adb4
}

.HomePageTopIconsColorC {
    background: #338ab5
}

.HomePageTopIconsColorD {
    background: #e38432
}

.HomePageTopIconsColorE {
    background: #ca4838
}

.HomePageTopIconsColorF {
    background: #36b2aa
}

.ContactUsBoxDesc {
    padding: 20px;
    text-align: center;
    min-height: 95px
}

.ContactUsBoxHeader {
    text-align: center;
    padding: 8px;
    color: #fff
}

.ContactUsBox {
    border: 1px #ddd solid
}

.fa {
    display: inline-block;
    font-family: "mci-icons";
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-map-marker:before {
    content: "\f278"
}

.fa-phone:before {
    content: "\e867"
}

.fa-headphones:before {
    content: "\e842"
}

.fa-calendar:before {
    content: "\e856"
}

.guidsSubs .branch-hero-link .text {
    font: 14px DroidArabicKufi,arial,sans-serif
}

.bmDetailsTtl {
    height: 330px;
    background: #074D31;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    transition: all .5s ease;
    margin: 30px 0;
    box-shadow: 0 0 25px 0 #074D31
}

.bmDetailsTtl:after {
    content: "";
    display: block;
    clear: both
}

.bmDetailsTtl .bmDetailsTtlImg {
    display: inline-block;
    vertical-align: middle;
    float: right;
    border-radius: 10px
}

.bmDetailsTtl .bmDetailsTtlImg img {
    width: 250px;
    height: 290px;
    object-fit: cover;
    border-radius: 10px
}

.bmDetailsTtl .bmDetailsTtlTxt {
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px 0 0
}

.bmDetailsTtl .bmDetailsTtlTxt h2 {
    color: #fff;
    font: normal 25px DroidArabicKufi-Bold,arial,sans-serif;
    margin: 20px 0 20px
}

.bmDetailsTtl .bmDetailsTtlTxt h3 {
    color: #fff;
    font: normal 16px DroidArabicKufi,arial,sans-serif;
    margin: 10px 0 20px
}

.bmDetailsTtl .bmDetailsTtlTxt p {
    color: #fff;
    font: normal 14px DroidArabicKufi,arial,sans-serif;
    margin: 10px 0 20px
}

.bmDetailsTtl a {
    color: #fff;
    font: normal 14px DroidArabicKufi,arial,sans-serif;
    transition: all .5s ease
}

.bmDetailsTtl a:hover {
    color: rgb(255 255 255 / .7)
}

.bmDetailsTtl a i {
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle
}

.bmDetailsTtl a span {
    direction: ltr!important;
    display: inline-block;
    vertical-align: middle
}

.bmDetailsTtl a#share_mail,.bmDetailsTtl a#share_twitter {
    margin-top: 100px;
    display: block
}

@media (max-width: 1024px) {
    body .header-wrapper.home-header {
        min-height:135px;
        max-height: 135px
    }

    .header-wrapper .logoImg {
        max-height: 62px!important;
        margin-right: 18px
    }

    .header-wrapper.home-header .vissionlogoImg {
        max-height: 50px!important
    }

    .header-wrapper .logo-sep {
        height: 52px;
        margin: 0 5px;
        position: relative;
        top: -5px
    }

    .showhidenav {
        right: 18px;
        top: 44px
    }

    .header-wrapper .top-functions .topLnk {
        margin-right: 5px;
        font-size: 11px
    }

    .header-wrapper .top-functions .searchicon .search2 {
        margin-right: 10px
    }

    .header-wrapper .topnav .navbar-nav>li+li {
        margin: 0 50px 0 0
    }

    .header-wrapper .topnav .navbar-nav>li>a {
        font-size: 1em
    }

    .header-wrapper .topnav .navbar-nav>li>a .icon-home {
        font-size: 1.571em;
        line-height: 1.2
    }

    .service-tabs .tab-content .tab-pane {
        overflow-x: auto;
        white-space: nowrap;
        padding: 18px 23px
    }

    .service-tabs .tab-content .tab-pane .serv-item {
        white-space: normal
    }

    .header-wrapper .topnav .navbar-collapse {
        position: relative
    }

    .header-wrapper .topnav.sticynav .navbar-toggle {
        margin-top: 8px;
        margin-left: 10px
    }

    .header-wrapper .topnav.sticynav .navbar-collapse {
        top: 0
    }

    .navbar-toggle {
        height: 32px;
        margin-left: 0
    }

    .navbar-toggle .icon-bar {
        transition: all .5s ease
    }

    .navbar-toggle.active .icon-bar:nth-child(2) {
        -webkit-transform: translateY(3px) rotate(45deg);
        -ms-transform: translateY(3px) rotate(45deg);
        transform: translateY(3px) rotate(45deg)
    }

    .navbar-toggle.active .icon-bar:nth-child(3) {
        opacity: 0;
        display: none
    }

    .navbar-toggle.active .icon-bar:nth-child(4) {
        -webkit-transform: translateY(-3px) rotate(-45deg);
        -ms-transform: translateY(-3px) rotate(-45deg);
        transform: translateY(-3px) rotate(-45deg)
    }

    .related-sites .r-sites .title {
        font-size: 17px
    }

    .footer .newsLetter .newsletterfrom .txtbox {
        width: 77%
    }

    .footer .socialMedia a {
        margin: 0 1px
    }

    .footer .footer-copyright-wrapper>[class^="col-"] {
        display: block;
        float: none;
        width: 100%;
        text-align: center!important
    }

    .footer .footer-copyright-wrapper .footerLinks {
        padding-top: 0;
        position: relative
    }

    .footer .footer-copyright-wrapper .footerLogo {
        float: none;
        display: inline-block;
        padding-top: 25px
    }

    .wptitle {
        font-size: 1.786em;
        float: none
    }

    .wptitle .more {
        margin-top: 0
    }

    .serviceswrapper {
        height: auto
    }

    .serviceswrapper .service-lrbg {
        padding: 0 15px;
        background: rgb(255 255 255 / .9)
    }

    .serviceswrapper .wptitle {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        border-bottom: 1px #dbe2e6 solid;
        text-align: center;
        padding: 5px 0 8px
    }

    .serviceswrapper .wptitle .more {
        right: auto;
        left: 0;
        top: 12px;
        margin-top: 0
    }

    .serviceswrapper .servs-group {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .startproject-wrapper .project-box {
        margin: 20px 0 40px
    }

    .wnew-eventswrapper {
        padding-top: 5px;
        margin-bottom: 15px
    }

    .wnew-eventswrapper .wnew-tabs .nav-tabs>li>a {
        font-size: 1.786em
    }

    .wnew-eventswrapper .wnew-item .date {
        width: 120px;
        margin: 5px 0
    }

    .wnew-eventswrapper .wnew-item .date .bigday {
        font-size: 1.786em
    }

    .wnew-eventswrapper .wnew-item .date .month {
        font-size: 1em
    }

    .wnew-eventswrapper .wnew-item .new-txt {
        padding: 0 130px 0 0;
        font-size: 1em;
        line-height: 1.6
    }

    .eventsslider-wrapper .swiper-slide .date {
        margin: 0
    }

    .eventsslider-wrapper .swiper-slide .date .bigday {
        font-size: 80px;
        line-height: 1.3
    }

    .eventsslider-wrapper .swiper-slide .date .month {
        font-size: 1.143em
    }

    .eventsslider-wrapper .swiper-slide .event-txt {
        font-size: 1.143em;
        line-height: 1.6
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        font-size: 34px;
        height: 320px
    }

    .pollWp .wptitle {
        text-align: right;
        padding: 0 15px
    }

    .pollWp .wptitle:after {
        margin: 0
    }

    .pollWp .pollbtns .btn {
        font-size: 1.143em
    }

    .home-events .wptitle {
        line-height: 2;
        margin-bottom: 10px
    }

    .home-events .wptitle .more {
        margin-top: 3px
    }

    #suiteBarDelta,#s4-ribbonrow {
        display: none;
        overflow: hidden
    }

    body .sharepointBarContainer+#s4-workspace {
        margin-top: 0
    }

    #s4-workspace {
        overflow: visible;
        height: auto!important
    }

    body {
        overflow: auto
    }
}

@media (max-width: 992px) {
    .header-wrapper .topnav .navbar>.row {
        margin:0
    }

    .header-wrapper .topnav>.container {
        padding-left: 0;
        padding-right: 0
    }

    .header-wrapper .topnav .navbar {
        display: block!important
    }

    .header-wrapper .topnav .navbar .navbar-brand {
        display: none!important
    }

    .header-wrapper .topnav.sticynav {
        padding: 5px 0
    }

    .header-wrapper .topnav.sticynav .navbar-brand {
        display: inline-block!important;
        padding: 2px 18px
    }

    .header-wrapper .topnav.sticynav .navbar-brand .logoImg {
        max-height: 40px!important
    }

    .showhidenav {
        display: none
    }

    .header-wrapper .topnav {
        margin-top: 0
    }

    .header-wrapper .top-functions {
        left: 60px;
        padding-top: 18px
    }

    .header-wrapper .top-functions .topLnk {
        font-size: 12px
    }

    body .header-wrapper.home-header .topbar {
        padding-top: 22px;
        padding-bottom: 0
    }

    .header-wrapper .logoImg {
        margin-right: 0
    }

    .navbar-header {
        float: none;
        position: absolute;
        top: -65px;
        left: 0
    }

    .sticynav {
        height: 55px
    }

    .sticynav .navbar-header {
        position: static
    }

    .navbar-default .navbar-toggle,.navbar-toggle {
        display: block;
        border: 0;
        background: #fff
    }

    .navbar-default .navbar-toggle:focus,.navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-toggle:hover {
        background: #f2f2f2
    }

    .navbar-default .navbar-toggle .icon-bar,.navbar-toggle .icon-bar {
        background-color: #074D31
    }

    .navbar-collapse {
        margin: 0 -8px;
        border-top: 1px solid #fff0;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / .1);
        background: #074D31;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 5px 10px rgb(0 0 0 / .15)
    }

    .navbar-collapse.collapse {
        display: none
    }

    .navbar-collapse.collapse.in {
        display: block!important
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px 0
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header-wrapper .topnav .navbar-nav>li,.header-wrapper .topnav .navbar-nav>li+li {
        margin: 0 10px
    }

    .header-wrapper .topnav .navbar-nav>li:first-child .icon-home {
        display: none
    }

    .header-wrapper .topnav .navbar-nav>li:first-child a:before {
        content: 'الرئيسية'
    }

    .header-wrapper .topnav .navbar-nav>.active>a {
        color: #fff
    }

    .header-wrapper .topnav .navbar-nav>li {
        position: relative;
        border-bottom: 1px solid #009690
    }

    .header-wrapper .topnav .navbar-nav>li:last-child {
        border-bottom: 0
    }

    .header-wrapper .topnav .navbar-nav>li>a.dropdown-toggle:after {
        float: left;
        position: relative;
        top: 8px
    }

    .header-wrapper .topnav .navbar-nav>li>.dropdown-menu {
        position: relative;
        box-shadow: none;
        margin-bottom: 20px;
        background: #009690!important
    }

    .header-wrapper .topnav .navbar-nav>li>.dropdown-menu h6,.header-wrapper .topnav .navbar-nav>li>.dropdown-menu b {
        border-bottom: 0;
        padding: 0;
        margin-bottom: 0
    }

    .header-wrapper .topnav .navbar-nav>li>.dropdown-menu a,.header-wrapper .topnav .navbar-nav>li>.dropdown-menu h6 a,.header-wrapper .topnav .navbar-nav>li>.dropdown-menu b a {
        color: #fff;
        padding: 5px 0
    }

    .header-wrapper .topnav .navbar-nav>li>a.dropdown-toggle:after {
        font-size: 8px;
        transition: all .3s ease
    }

    .header-wrapper .topnav .navbar-nav>li.dropdown.open>a.dropdown-toggle:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .startproject-wrapper {
        height: auto
    }

    .startproject-wrapper .project-box {
        margin: 20px 0 40px
    }

    .startproject-wrapper .project-box h3 {
        font-size: 1.143em
    }

    .startproject-wrapper .project-box p {
        font-size: 1em
    }

    .startproject-wrapper .project-box .start-btn {
        height: 45px;
        min-width: 175px;
        font-size: 1.143em
    }

    .shareWrapper {
        margin-right: 0;
        margin-left: 0
    }

    .pollWp {
        background-size: cover;
        background-position: left bottom
    }

    .related-sites .r-sites {
        width: 90%;
        margin: 0 auto
    }

    .related-sites .r-sites .title {
        font-size: 15px;
        width: 100%;
        text-align: center;
        border-radius: 8px 8px 0 0;
        padding: 5px;
        height: auto;
        max-width: none
    }

    .related-sites .r-sites .title>br {
        display: none
    }

    .related-sites .r-sites .sites-wrapper {
        width: 100%;
        margin: 0
    }

    .related-sites .r-sites .sites-wrapper .swiper-container {
        margin: 0 10px
    }

    .footer .newsLetter {
        text-align: center;
        max-width: 400px;
        margin: 0 auto
    }

    .footer .socialMedia {
        padding: 15px 0
    }

    .footer .footerlinks,.footer .tagcloud {
        text-align: center;
        padding: 0;
        border: 0
    }

    .footer .tagcloud {
        padding-bottom: 20px
    }

    .footer .carecenter {
        margin: 0
    }

    .footer .footer-copyright-wrapper {
        padding-top: 0
    }

    .indecators .indecatorsslider .indecator-item .number {
        font-size: 35px
    }

    .mainslider .swiper-button-next,.mainslider .swiper-button-prev {
        margin-top: 0
    }
}

@media (max-width: 991px) {
    .header-wrapper .topnav .navbar-collapse {
        top:-45px;
        max-height: 85vh;
        overflow: auto;
		display: none!important;
    }

    .header-wrapper .navbar-header {
        top: -115px;
        left: 10px
    }

    .header-wrapper .top-functions {
        left: 0
    }

    .wnew-eventswrapper .wnew-tabs .tab-content {
        height: auto
    }

    .pollWp {
        max-height: none
    }

    .related-sites .r-sites .sites-wrapper .swiper-slide {
        margin-right: 0
    }

    .rating .ratingText {
        display: none
    }

    .innerpages .pagetitle h2 {
        font-size: 1.286em;
        margin-bottom: 15px;
        margin-top: 15px
    }

    .header-wrapper .topnav .navbar-nav>li>a {
        padding: 10px 0
    }

    .month-container {
        width: 100%
    }

    .eventInfoMobile {
        position: relative;
        top: 105px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: block
    }

    .eventInfoMobile .select2 {
        width: 100%!important
    }

    .eventInfo {
        display: none
    }

    .fc th {
        padding: 5px!important;
        font-size: 12px
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .header-wrapper {
        height:142px
    }

    .header-wrapper .top-functions {
        left: 0
    }

    .header-wrapper .top-functions .topLnk {
        font-size: 12px
    }

    .header-wrapper .top-functions .searchbox {
        width: calc(100vw - 45px);
        max-width: none
    }

    .navbar-header {
        top: -110px;
        left: 10px
    }

    .indecators .swiper-button-next {
        left: 0
    }

    .indecators .swiper-button-prev {
        right: 0
    }

    .pollWp {
        background: rgb(255 255 255 / .5)
    }

    .wptitle {
        font-size: 1.286em
    }

    .mainslider {
        max-height: 610px
    }

    .mainslider .swiper-button-next,.mainslider .swiper-button-prev {
        background-size: 33px 70px
    }

    .mainslider .swiper-button-next {
        left: 0
    }

    .mainslider .swiper-button-prev {
        right: 0
    }

    .mainslider .banner-description {
        max-width: 120vw;
        padding: 0 29vw 0 0
    }

    .mainslider .banner-description h2 {
        font-size: 40px;
        margin-bottom: 10px
    }

    .mainslider .banner-description h3 {
        font-size: 19px
    }

    .home-content {
        padding-top: 55px
    }

    .Customer-link {
        margin-right: -244px;
        font-size: 13px;
        line-height: 48px;
        width: 300px;
        bottom: 60px
    }

    .Customer-link [class^="icon-"] {
        font-size: 23px;
        margin-right: 5px
    }

    .navbar-collapse {
        margin: 0 2px
    }

    .service-description {
        padding: 0
    }

    .service-description .servd-icon {
        position: relative;
        top: 7px;
        font-size: 28px!important;
        margin-right: 0
    }

    .service-working-method {
        padding: 15px;
        border-radius: 10px
    }

    .service-working-method .servm-icon {
        margin-right: 0;
        font-size: 28px!important;
        position: relative;
        top: 0
    }

    .numeric-timeline {
        margin: 20px 10px 0 0
    }

    .numeric-timeline li {
        font-size: 13px;
        padding-right: 45px;
        padding-bottom: 25px
    }

    #lawDetailsContainer {
        margin: 0
    }

    #lawSummaryContainer {
        margin: 0;
        box-shadow: 0 5px 8px 0 rgb(0 0 0 / .1)
    }

    #lawItemContainer {
        padding: 15px 0
    }

    .home-content .homenewsSlider .swiper-slide span {
        font-size: 17px;
        line-height: 1.5
    }

    .newsListItem .NewsList_Image img {
        height: auto!important
    }

    body .dataTables_wrapper .dataTables_filter input[type="search"] {
        width: 210px
    }

    .bmDetailsTtl {
        height: auto;
        position: relative;
        padding: 20px;
        margin: 30px 0
    }

    .bmDetailsTtl .bmDetailsTtlImg {
        text-align: center;
        float: none;
        display: block
    }

    .bmDetailsTtl .bmDetailsTtlTxt {
        display: block;
        height: auto;
        padding: 10px;
        text-align: center
    }

    .bmDetailsTtl a#share_mail,.bmDetailsTtl a#share_twitter {
        margin-top: 20px
    }
}

#lawItemContainer i.icon-balance-scale:before {
    content: ''
}

#lawItemContainer i.icon-balance-scale {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 42px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In --%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='29px' viewBox='0 0 44.4 58.5' style='enable-background:new 0 0 44.4 58.5;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;stroke:%23999999;stroke-width:2.5;stroke-miterlimit:10;%7d %3c/style%3e%3cdefs%3e%3c/defs%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M34,50.2H4.3H1.3v3.5c0,2,1.3,3.5,3.1,3.5H35c-0.6-1.1-1-2.2-1-3.5V50.2z M21.6,9.4c-2.4,0-4.4,1.9-4.4,4.2 c0,2.3,2,4.2,4.4,4.2c2.4,0,4.4-1.9,4.4-4.2C26,11.3,24,9.4,21.6,9.4z M6.7,1.3c-1.8,0-3.2,1.3-3.2,3v45h30.8v5c0,1.7,1.4,3,3.2,3 c1.8,0,3.2-1.3,3.2-3v-50c0-1.1,0.3-2.1,1.1-3H6.7z M29.3,14.3c0.3,0.5,0.4,1.1,0.2,1.7c-0.3,0.5-0.7,1-1.3,1.3 c-0.2,0.1-0.4,0.3-0.6,0.5c-0.1,0.2-0.2,0.5-0.3,0.7c-0.1,0.6-0.4,1.1-0.9,1.5c-0.5,0.3-1.2,0.4-1.8,0.3c-0.3,0-0.5,0-0.8,0 c-0.2,0.1-0.4,0.2-0.6,0.4c-0.4,0.4-1,0.7-1.7,0.7c-0.6-0.1-1.2-0.3-1.7-0.7c-0.2-0.2-0.4-0.3-0.6-0.4c-0.3,0-0.5-0.1-0.8,0 c-0.6,0.1-1.2,0-1.8-0.3c-0.5-0.4-0.8-0.9-0.9-1.5c-0.1-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.4-0.3-0.6-0.5c-0.6-0.3-1-0.7-1.3-1.3 c-0.1-0.6,0-1.2,0.2-1.7c0.1-0.2,0.2-0.5,0.2-0.8c0-0.3-0.1-0.5-0.2-0.8c-0.3-0.5-0.4-1.1-0.2-1.7c0.3-0.5,0.7-1,1.3-1.3 c0.2-0.1,0.4-0.3,0.6-0.5c0.1-0.2,0.2-0.5,0.3-0.7c0.1-0.6,0.4-1.1,0.9-1.5c0.5-0.3,1.2-0.4,1.8-0.3c0.3,0,0.5,0,0.8,0 c0.2-0.1,0.4-0.2,0.6-0.4c0.4-0.4,1-0.7,1.7-0.7c0.6,0.1,1.2,0.3,1.7,0.7c0.2,0.2,0.4,0.3,0.6,0.4c0.3,0,0.5,0.1,0.8,0 c0.6-0.1,1.2,0,1.8,0.3c0.5,0.4,0.8,0.9,0.9,1.5c0.1,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.6,0.5c0.6,0.3,1,0.7,1.3,1.3 c0.1,0.6,0.1,1.2-0.2,1.7c-0.1,0.2-0.2,0.5-0.2,0.8C29.1,13.8,29.1,14.1,29.3,14.3z'/%3e%3c/g%3e%3c/g%3e%3cline class='st0' x1='30.1' y1='26.7' x2='15.2' y2='26.7'/%3e%3cline class='st0' x1='37.6' y1='31.2' x2='16.6' y2='31.2'/%3e%3cline class='st0' x1='37.6' y1='35.2' x2='28.6' y2='35.2'/%3e%3cline class='st0' x1='37.6' y1='39.2' x2='33.6' y2='39.2'/%3e%3cline class='st0' x1='37.6' y1='43.2' x2='21.6' y2='43.2'/%3e%3cline class='st0' x1='19.6' y1='43.2' x2='6.6' y2='43.2'/%3e%3cline class='st0' x1='31.6' y1='39.2' x2='6.6' y2='39.2'/%3e%3cline class='st0' x1='26.6' y1='35.2' x2='6.6' y2='35.2'/%3e%3cline class='st0' x1='14.6' y1='31.2' x2='6.6' y2='31.2'/%3e%3c/svg%3e")
}

.rules-reg-card {
    height: 200px;
    padding-bottom: 20px
}

.rules-reg-card p {
    font: bold 0.88em/1.7 DroidArabicKufi,arial,sans-serif;
    text-align: center;
    height: calc(100% - 35px)
}

.rules-reg-card p .icon {
    display: block;
    padding-top: 10px;
    height: 65px
}

.rules-reg-card p .icon img {
    max-height: 42px
}

.date {
    display: block;
    font: .8em DroidArabicKufi,arial,sans-serif;
    color: #999;
    margin: 10px 0
}

@media (max-width: 767px) {
    .shareWrapper .lastEdit,.shareWrapper .shareBtns {
        text-align:center
    }

    .shareWrapper .shareBtns {
        padding-top: 10px
    }

    .LBD_CaptchaDiv {
        margin-top: 15px!important
    }

    .shareWrapper {
        border-radius: 4px!important
    }

    #InternalPageToolBox,.HideSmartPhone,#OpenWebsiteToolBar,#scrollup {
        display: none!important
    }

    .rules-reg-card {
        height: auto;
        padding-bottom: 0
    }

    .rules-reg-card .date,.rules-reg-card .card-actions {
        text-align: center
    }

    .card-actions a {
        margin: 0 10px!important
    }
}

@media (max-width: 710px) {
    .footer .footer-copyright-wrapper .footerLinks {
        top:0;
        padding-top: 10px
    }

    .servicefilter-Wrapper,.opendatafilter-Wrapper {
        padding: 10px 0;
        text-align: center!important
    }

    .servicefilter-Wrapper .filter-btn,.opendatafilter-Wrapper .filter-btn {
        margin: 10px 2px
    }
}

@media (max-width: 480px) {
    .header-wrapper .logoImg,.header-wrapper.home-header .logoImg {
        max-height:52px!important
    }

    .header-wrapper .logo-sep,.header-wrapper.home-header .logo-sep {
        height: 42px
    }

    .header-wrapper .vissionlogoImg,.header-wrapper.home-header .vissionlogoImg {
        max-height: 42px!important
    }

    .home-content .homenewsSlider {
        padding: 10px 3px
    }

    .home-content .homenewsSlider .swiper-slide {
        height: 245px
    }

    .wptitle .more {
        font-size: 0
    }

    .wptitle .more i[class^="icon-"] {
        font-size: 16px
    }

    .home-events .wptitle {
        line-height: 2
    }

    .wnew-item {
        height: auto
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        height: 200px;
        font-size: 1.786em;
        line-height: 1.6;
        background-size: cover!important;
        background-position: center 20%!important
    }

    .service-tabs .nav-tabs>li>a {
        padding: 5px 10px 8px;
        font-size: 15px
    }

    .header-wrapper .topnav.sticynav .navbar-toggle {
        left: 3px
    }

    .header-wrapper .topnav.sticynav .navbar-brand {
        padding: 2px 14px
    }

    .wnew-eventswrapper .wnew-item .date {
        width: 100px
    }

    .wnew-eventswrapper .wnew-item .month {
        font-size: 12px
    }

    .wnew-eventswrapper .wnew-item .new-txt {
        padding: 0 115px 0 0;
        font-size: 13px
    }

    .mainslider {
        max-height: 420px
    }

    .mainslider .banner-description {
        max-width: 120vw;
        padding: 0 10vw 0 0;
    }

    .mainslider .banner-description h2 {
        font-size: 26px;
        line-height: 1.2
    }

    .mainslider .banner-description h3 {
        font-size: 15px;
        line-height: 1.5
    }

    .scrolldown {
        top: -65px
    }

    .scrolldown .icon-scroll-down {
        font-size: 33px
    }

    .footer .footer-copyright-wrapper .copyRights,.footer .footer-copyright-wrapper .footerLinks a {
        font-size: 12px
    }

    .innerpages .hero-tabs li a {
        min-height: 50px;
        padding-top: 10px;
        font-size: 1.143em!important
    }

    .innerpages .pagetitle h2 {
        font-size: 1.286em
    }

    .indecators .indecatorsslider .indecator-item {
        margin: 0 5px
    }

    .indecators .swiper-button-next,.indecators .swiper-button-prev {
        width: 20px;
        height: 40px;
        background-size: contain
    }

    .service-tabs .tab-content .tab-pane .serv-item {
        width: 100%;
        margin-left: 30px
    }
}

@media (max-width: 375px) {
    .header-wrapper .logoImg,.header-wrapper.home-header .logoImg {
        max-height:48px!important
    }

    .header-wrapper .logo-sep,.header-wrapper.home-header .logo-sep {
        height: 38px
    }

    .header-wrapper .vissionlogoImg,.header-wrapper.home-header .vissionlogoImg {
        max-height: 38px!important;
        max-width: 50px
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        height: 160px;
        font-size: 1.286em
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner>span {
        right: 10px
    }

    .mainslider {
        max-height: 450px
    }

    .mainslider .banner-description {
        max-width: 85vw;
        padding: 0 10vw 0 0;
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    .mainslider .banner-description h2 {
        font-size: 26px;
        line-height: 1.2
    }

    .mainslider .banner-description h3 {
        font-size: 15px;
        line-height: 1.5
    }

    .home-content {
        padding-top: 25px
    }

    .home-content .swiper-pagination {
        margin-top: 5px
    }

    .home-events .wptitle {
        font-size: 17px
    }
}

@media (max-width: 320px) {
    .header-wrapper .logoImg,.header-wrapper.home-header .logoImg {
        max-height:42px!important
    }

    .header-wrapper .logo-sep,.header-wrapper.home-header .logo-sep {
        height: 32px
    }

    .header-wrapper .vissionlogoImg,.header-wrapper.home-header .vissionlogoImg {
        max-height: 33px!important
    }

    .header-wrapper .navbar-toggle,.header-wrapper.home-header .navbar-toggle {
        margin-top: 15px
    }

    .mainslider {
        max-height: 380px
    }

    .mainslider .banner-description {
        max-width: 94vw;
        padding: 0 14vw 0 0;
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    .service-tabs .nav-tabs>li>a {
        padding: 5px 5px 8px;
        font-size: 13px
    }

    .innerpages .nav-tabs>li {
        min-width: 140px
    }
}

body {
    overflow-x: hidden;
    overflow-y: auto!important
}

#s4-workspace {
    overflow: visible;
    width: 100%!important
}

#s4-bodyContainer {
    padding-bottom: 0
}

#s4-workspace input[type=password],#s4-workspace input[type=text],#s4-workspace input[type=file],#s4-workspace select,#s4-workspace textarea,#s4-workspace .sp-peoplepicker-topLevel,#s4-workspace .sp-peoplepicker-topLevelDisabled,#s4-workspace .sp-peoplepicker-autoFillContainer,#s4-workspace .ms-inputBox,#s4-workspace input[type=button],#s4-workspace input[type=reset],#s4-workspace input[type=submit],#s4-workspace button {
    border: 0
}

input[type=button],input[type=reset],input[type=submit],button {
    min-width: 0
}

.ms-rtestate-field h3,h3.ms-rteElement-H3,.ms-rtestate-field h4,h3.ms-rteElement-H4 {
    margin-bottom: 15px
}

#suiteBarTop,#s4-ribbonrow {
    z-index: 9
}

.ms-rtestate-field h1,h1.ms-rteElement-H1,.ms-rtestate-field h2,h2.ms-rteElement-H2 {
    color: #074D31!important
}

.pagetitle .ms-long {
    min-width: 100%
}

.sharepointBarContainer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888
}

.sharepointBarContainer+#s4-workspace {
    margin-top: 85px
}

.ms-cui-menu {
    position: fixed!important
}

body.modal-open {
    padding: 0!important
}

.ms-webpart-zone,.ms-webpart-cell-vertical,.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical {
    display: block
}

strong {
    font-family: DroidArabicKufi-Bold,arial,sans-serif;
    font-weight: 700
}

em {
    font-style: italic
}

.ms-rtestate-field ul li {
    list-style: disc
}

.ms-rtestate-field ol li {
    list-style: decimal
}

.ms-rtestate-field ol,.ms-rtestate-field ul {
    padding-right: 20px
}

.ms-srch-hover-outerContainer {
    display: none!important
}

.ms-srch-item {
    padding: 5px;
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px rgb(10 101 98 / .2) dashed
}

.ms-srch-item:hover {
    background: rgb(19 136 132 / .08)
}

.ms-srch-item .ms-srch-item-link {
    color: #074D31
}

.ms-srch-item .ms-srch-item-highlightedText {
    color: #c84a3d
}

.ms-srch-item .ms-srch-item-path {
    color: #074D31;
    display: block;
    width: 100%
}

.ms-srch-item .ms-srch-ellipsis {
    font-size: 1.3em
}

.innerpages .ms-srch-Paging a {
    font: 15px/15px DroidArabicKufi,arial,sans-serif;
    color: #074D31!important;
    background-color: #fff;
    padding: 3px 12px!important;
    height: auto;
    min-width: 35px;
    margin: 0px!important;
    border: 1px #d6e1e5 solid!important;
    margin-left: -6px!important;
    text-align: center
}

.innerpages .ms-srch-Paging a:hover {
    background: #074D31;
    color: #fff!important
}

.innerpages .ms-srch-Paging #PagingImageLink a {
    padding: 7px 10px 8px!important;
    position: relative;
    top: 2px
}

.innerpages .ms-srch-Paging #PagingImageLink a .ms-promlink-button-image {
    top: 3px;
    left: 2px
}

.innerpages .ms-srch-Paging #PagingImageLink a#PageLinkPrev {
    border-radius: 0 4px 4px 0
}

.innerpages .ms-srch-Paging #PagingImageLink a#PageLinkNext {
    border-radius: 4px 0 0 4px
}

.innerpages .ms-srch-Paging #PagingSelf a {
    background: #074D31;
    color: #fff!important
}

@media print {
    .shareWrapper,.footer .row,.footer .footer-copyright-wrapper .col-md-8,.header-wrapper,.breadCrumb,.pagetopfunctions-wrapper,.cookieinfo {
        display: none
    }

    .footer .footer-copyright-wrapper,.ui-accordion-content {
        display: block!important
    }
}

@media (min-width: 992px) {
    .col-md-offset-3 {
        margin-right:25%!important
    }

    .col-md-offset-2 {
        margin-right: 16.66666667%!important
    }
}

.serv-subfilter-wrapper {
    margin-bottom: 15px;
    padding-top: 20px
}

.serv-subfilter-wrapper .subfilter-btn {
    min-width: 50px;
    text-align: center;
    display: inline-block;
    margin: 5px 6px;
    padding: 5px 8px;
    font: 11px DroidArabicKufi,arial,sans-serif!important;
    color: #666;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .2)
}

.serv-subfilter-wrapper .subfilter-btn.active {
    background: #e66b2e;
    color: #fff
}

.eventlist-item .dayfrom,.eventsslider-wrapper .dayfrom,.eventlist-item .dayto,.eventsslider-wrapper .dayto {
    display: inline-block;
    width: 49%
}

.eventlist-item .dayfrom .day,.eventsslider-wrapper .dayfrom .day,.eventlist-item .dayto .day,.eventsslider-wrapper .dayto .day {
    font: bold 50px/1 DroidArabicKufi-Bold,arial,sans-serif;
    color: #074D31;
    display: block
}

.eventlist-item .dayfrom .month,.eventsslider-wrapper .dayfrom .month,.eventlist-item .dayto .month,.eventsslider-wrapper .dayto .month {
    font: 14px DroidArabicKufi,arial,sans-serif!important;
    color: #777!important
}

.eventlist-item .dayto,.eventsslider-wrapper .dayto {
    border-right: 1px #ebebeb solid;
    position: relative
}

.eventlist-item .dayto .day,.eventsslider-wrapper .dayto .day {
    color: #c84a3d
}

.eventlist-item .dayto:after,.eventsslider-wrapper .dayto:after {
    content: attr(data-to);
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 30%;
    font-size: 12px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #9dc2bf;
    color: #fff;
    text-align: center
}

.eventlist-item .summary,.eventsslider-wrapper .summary {
    text-align: justify;
    border-top: 1px #eee solid;
    border-bottom: 2px #eee solid;
    padding: 5px 10px;
    margin: 25px 0 15px;
    border-radius: 8px
}

.eventlist-item .summary .location,.eventsslider-wrapper .summary .location,.eventlist-item .summary .category,.eventsslider-wrapper .summary .category {
    display: block;
    font: 13px/2 DroidArabicKufi,arial,sans-serif;
    color: #777;
    margin-bottom: 5px
}

.eventlist-item .summary .location [class^="icon-"],.eventsslider-wrapper .summary .location [class^="icon-"],.eventlist-item .summary .category [class^="icon-"],.eventsslider-wrapper .summary .category [class^="icon-"] {
    color: #fff;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
    width: 22px;
    height: 22px;
    background: #989fa3;
    line-height: 22px
}

.eventlist-item .swiper-slide .date,.eventsslider-wrapper .swiper-slide .date {
    padding-top: 0
}

.startproject-btn {
    border: 2px #e66b2e solid;
    background: #fff!important
}

.startproject-btn.mixitup-control-active {
    background: #e66b2e!important
}

.service-lrbg h2 a.start-your-project:nth-child(3n+1) img {
    margin: 4px 23px 4px 17px
}

.start-your-project {
    display: flex;
    background: #074D31;
    margin-top: 12px;
    margin-right: -30px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .15);
    text-align: center;
    font: 18px DroidArabicKufi-Bold,arial,sans-serif;
    color: #fff!important;
    padding: 35px 0;
    border-radius: 4px 0 0 4px;
    position: relative;
    font-size: 15px;
    padding: 5px 0
}

.start-your-project img {
    display: inline-flex;
    margin: 4px 17px 4px 10px
}

.start-your-project i {
    display: inline-flex;
    margin: 10px 26px 9px 11px
}

.start-your-project span {
    display: inline-flex;
    top: 10px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    min-height: auto
}

.start-your-project p {
    display: inline-flex;
    top: 5px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    min-height: auto;
    color: #fff;
    font-weight: 700
}

.start-your-project:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 0;
    bottom: -6px;
    border-left: 10px solid #3d7f80;
    border-right: 0 solid #fff0;
    border-bottom: 6px solid #fff0
}

.start-your-project:hover {
    background: #e66b2e
}

.start-your-project:hover:after {
    border-left-color: #b24915
}

@media (max-width: 1024px) {
    .start-your-project {
        margin:15px 0;
        border-radius: 50px;
        padding: 10px 0;
        font-size: 16px
    }

    .start-your-project img {
        max-height: 32px;
        margin-bottom: 5px
    }

    .start-your-project:after {
        display: none
    }
}

a.logo {
    position: relative;
    display: inline-block
}

@media (max-width: 1024px) {
    a.logo:after {
        right:22px
    }
}

@media (max-width: 768px) {
    a.logo:after {
        right:4px;
        bottom: -12px
    }
}

@media (max-width: 425px) {
    a.logo:after {
        right:0
    }
}

@media (max-width: 375px) {
    a.logo:after {
        right:-1px;
        font-size: 9px;
        line-height: 20px
    }
}

@media (max-width: 320px) {
    a.logo:after {
        right:-2px;
        font-size: 8px
    }
}

.noStyle-CheckRadio input[type=radio],.noStyle-CheckRadio input[type=checkbox] {
    opacity: 1;
    position: static
}

.GuidesAndProceduresContainer .rules-reg-card {
    height: 180px
}

.GuidesAndProceduresContainer .rules-reg-card a p {
    padding-top: 25px
}

@-webkit-keyframes scrollH {
    0%,100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@keyframes scrollH {
    0%,100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@media (max-width: 1024px) {
    .service-tabs .tab-content {
        position:relative;
        margin: 0 -15px
    }

    .service-tabs .tab-content .tab-pane .serv-item {
        margin-left: 2px
    }
}

.modal-footer .btn+.btn {
    margin-bottom: 5px
}

.modal-header .modal-title {
    display: inline-block
}

.modal-header .close {
    margin-top: 0
}

.old-site {
    background: #e66b2e;
    padding: 2px 7px!important;
    display: inline-block;
    border-radius: 20px
}

.old-site:hover {
    color: #eee!important;
    background: #eb8b5c
}

.ratingTextContainer {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: 13px;
    color: #074D31
}

.ms-cui-dd-arrow-button {
    height: 19px;
    width: 12px;
    padding-right: 0;
    margin-right: -1px;
    border: 1px solid #d3d6d9;
    border-right-color: #fff0;
    display: block;
    float: right;
    outline: none;
    cursor: default
}

.ms-cui-dd-text,input.ms-cui-cb-input {
    height: 14px;
    border: 1px solid #d3d6d9!important;
    border-left-width: 0px!important;
    padding: 6px 5px 11px;
    display: block;
    float: right;
    cursor: default;
    white-space: nowrap;
    font: inherit;
    overflow: hidden
}

.ms-cui-ctl-thin span {
    margin-top: 29px
}

body #MSOTlPn_MainTD {
    position: fixed!important;
    left: 15px!important;
    top: 150px!important;
    min-width: 298px!important;
    overflow: auto;
    max-height: 70vh;
    z-index: 9999;
    background: #fff;
    border: 1px #ccc solid
}

body #MSOTlPn_MainTD table#MSOTlPn_Tbl {
    width: 100%!important
}

.ms-dlgContent {
    position: fixed
}

.toc-layout-main {
    margin-top: 15px
}

.toc-layout-main>ul.dfwp-list>li {
    margin: 5px 0
}

@media (min-width: 768px) {
    .toc-layout-main>ul.dfwp-list>li {
        width:50%;
        float: right
    }
}

.toc-layout-main>ul.dfwp-list>li.level-section>div.level-header .headertitle>a {
    font-size: 15px;
    font-weight: 700;
    color: #074D31
}

.toc-layout-main>ul.dfwp-list>li.level-section>.dfwp-list {
    margin: 5px 25px 5px 0
}

.toc-layout-main>ul.dfwp-list>li.level-section>.dfwp-list li {
    list-style-type: square;
    list-style-position: outside;
    color: #e66b2e;
    line-height: 1.8
}

.toc-layout-main>ul.dfwp-list>li.level-section>.dfwp-list li .level-header .headertitle>a {
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.toc-layout-main>ul.dfwp-list>li.level-section>.dfwp-list li .level-header .headertitle>a:hover {
    color: #666
}

.login-M-box {
    border: 1px #f7f7f7 solid;
    background-color: #fff;
    box-shadow: 0 15px 35px 0 rgb(0 0 0 / .08);
    padding: 65px 0;
    margin-bottom: 80px
}

.login-M-box .login-option {
    padding: 15px
}

.login-M-box .login-option .method-image {
    padding: 0;
    height: 160px;
    line-height: 15
}

.login-M-box .login-option .method-image img {
    max-height: 80%
}

.login-M-box .login-option h4 {
    margin-bottom: 20px;
    color: #444
}

.login-M-box .login-option p {
    color: #666;
    max-width: 380px;
    margin: 0 auto 30px
}

.login-M-box .login-option .btn {
    border-radius: 2px;
    min-width: 252px!important;
    padding: 12px 15px!important;
    font: bold 14px DroidArabicKufi-Bold,arial,sans-serif!important
}

.login-M-box .login-option .meras-btn {
    background: #317dd9!important
}

.login-M-box .login-option .iam-btn {
    background: #389e63!important
}

@media (min-width: 768px) {
    .login-M-box .login-option+.login-option {
        position:relative
    }

    .login-M-box .login-option+.login-option:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 75%;
        background: #e6e6e6;
        position: absolute;
        right: 0;
        margin: 5.5% 0
    }
}

@media (max-width: 767px) {
    .login-M-box {
        padding:15px 0 30px
    }

    .login-M-box .login-option h4 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .login-M-box .login-option .method-image {
        max-height: 120px;
        line-height: 1;
        height: auto;
        padding: 15px 0
    }

    .login-M-box .login-option .method-image img {
        max-height: 100px!important;
        max-width: 145px
    }

    .login-M-box .login-option .btn {
        padding: 10px!important
    }

    .login-M-box .login-option+.login-option {
        position: relative
    }

    .login-M-box .login-option+.login-option:before {
        content: '';
        display: inline-block;
        width: 70%;
        height: 1px;
        background: #e6e6e6;
        position: absolute;
        top: 5px;
        left: 15%;
        margin: 0 auto
    }
}

.srch-advancedtable {
    width: 100%;
    padding: 0;
    margin: 0 auto 70px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .1);
    max-width: 900px
}

.srch-advancedtable td {
    padding: 8px 15px
}

@media (max-width: 414px) {
    .srch-advancedtable td {
        padding:3px 15px;
        width: 100%!important;
        display: block;
        text-align: right
    }
}

.srch-advancedtable td.ms-advsrchtips {
    padding: 15px!important
}

.srch-advancedtable .ms-advsrchText-v1 {
    width: 40%
}

.srch-advancedtable .ms-advsrchText-v2box {
    border: 1px #ddd solid!important;
    height: 34px;
    display: block;
    width: 100%
}

.srch-advancedtable .ms-advsrchbutton {
    text-align: left!important
}

.srch-advancedtable .ms-advsrchbutton input[type=submit] {
    line-height: 1!important;
    height: 40px
}

.cookieinfo {
    font: 14px DroidArabicKufi,arial,sans-serif;
    padding: 15px 18px!important;
    background: rgb(0 0 0 / .9)!important
}

.cookieinfo span {
    font: 13px DroidArabicKufi,arial,sans-serif
}

.cookieinfo .cookieinfo-close {
    font-family: DroidArabicKufi,arial,sans-serif;
    float: left!important;
    margin-right: 5px
}

.noStyle-CheckRadio [type="checkbox"],.noStyle-CheckRadio [type="radio"] {
    opacity: 1!important;
    position: relative!important
}

:focus {
    outline: 1px #2168ff auto!important
}

:active {
    outline: 0!important
}

@-moz-document url-prefix() {
    :focus {
        outline: 1px #2168ff dotted!important
    }

    :active {
        outline: 0!important
    }
}

.ms-srch-result #ResultFooter {
    text-align: right
}

a#AdvancedLink {
    display: block;
    text-align: center;
    padding: 8px 20px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 0 2px rgb(0 0 0 / .25);
    border-radius: 4px;
    transition: all .3s ease
}

a#AdvancedLink:hover {
    background: #074D31;
    color: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2)
}

.addComment {
    position: absolute;
    font: 13px DroidArabicKufi,arial,sans-serif;
    margin: 2px auto;
    color: #0a6562!important;
    padding: 2px 5px;
    background: #fff;
    right: -5px;
    border-radius: 2px;
    display: block;
    text-align: center;
    max-width: 115px;
    box-shadow: 0 1px 5px rgb(0 0 0 / .15)
}

.addComment:hover {
    background: #074D31;
    color: #fff!important
}

@media (max-width: 991px) {
    .addComment {
        position:relative;
        right: auto
    }
}

.opendataSLA {
    clear: both;
    border: 2px #074D31 solid;
    text-align: center;
    border-radius: 8px;
    direction: rtl;
    max-width: 1020px;
    margin: 0 auto;
    padding: 10px
}

@media (max-width: 767px) {
    .opendataSLA {
        margin:0 15px
    }
}

#lawItemContainer .rules-article-container h4 {
    background: #074D31;
    padding: 5px 0 3px;
    color: #fff!important
}

#lawItemContainer .rules-article-container h4 .icon-comment-empty:before {
    font-size: 16px;
    margin: 0 7px
}

#lawItemContainer .rules-article-container .rules-lnks {
    font: 12px DroidArabicKufi,arial,sans-serif;
    color: #fff
}

#lawItemContainer .rules-article-container .rules-lnks span {
    padding: 0 5px
}

#lawItemContainer .rules-article-container .rules-lnks a {
    color: #fff;
    padding: 0 5px
}

#lawItemContainer .rules-article-container .rules-lnks [class^='icon-']:before,#lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
    font-size: 16px;
    margin: 0 5px;
    position: relative;
    top: 2px
}

#lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
    top: 1px!important
}

#lawItemContainer .rules-article-container.rules-article-modified>h4 {
    background: #e66b2e
}

.rules-article-container h4 {
    background: #074D31;
    padding: 5px 0 3px;
    color: #fff!important;
    font-size: 14px
}

.rules-title-container {
    margin-bottom: 20px
}

.rules-title-container:after,.rules-title-container:before {
    display: table;
    content: " ";
    clear: both
}

.rules-title-container>h3 {
    margin-bottom: 0!important
}

.rules-title-container .rule-info-container {
    margin-top: 10px;
    font: 12px DroidArabicKufi,arial,sans-serif;
    color: #555;
    background: #f2f2f2;
    padding: 10px 15px;
    border-radius: 20px
}

.rules-title-container .rule-info-container span {
    padding: 0 5px
}

.rules-title-container .rule-info-container a {
    color: #555
}

.rules-title-container .rule-info-container a:hover {
    color: #e66b2e
}

.card-actions {
    text-align: left;
    margin: 10px 0
}

.card-actions a {
    display: inline-block;
    color: #074D31;
    padding: 1px 4px;
    background: #f2f2f2;
    margin: 0 2px;
    border-radius: 4px;
    font-size: 14px
}

.share-actions .dropdown-menu.sharemenu {
    min-width: 30px!important
}

.share-actions .dropdown-menu.sharemenu a {
    display: block;
    text-align: center;
    margin: 0;
    background: none;
    color: #777;
    transition: all .3s ease
}

.share-actions .dropdown-menu.sharemenu a:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    color: #074D31
}

@media (min-width: 1170px) {
    #modifiedArticleModal .modal-dialog {
        width:900px
    }
}

.GuidesAndProceduresContainer .EService,.GuidesAndProceduresContainer .manualService {
    height: 200px;
    overflow: visible
}

.GuidesAndProceduresContainer .EService .serv-type,.GuidesAndProceduresContainer .manualService .serv-type {
    position: absolute;
    bottom: -10px;
    left: 10px;
    background: #074D31;
    box-shadow: 0 2px 5px rgb(0 0 0 / .15);
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px
}

.GuidesAndProceduresContainer .EService .serv-type:before,.GuidesAndProceduresContainer .manualService .serv-type:before {
    font-size: 16px;
    margin: 6px 0 0 8px
}

.GuidesAndProceduresContainer .EService a p,.GuidesAndProceduresContainer .manualService a p {
    padding-top: 10px
}

.GuidesAndProceduresContainer .manualService .serv-type {
    background: #e66b2e
}

.innerpages input.btn {
    line-height: 1!important
}

.regulations-search-results-item {
    padding: 15px 0;
    border-bottom: 1px dotted #ddd
}

.regulations-search-results-item .search-icon-wrapper {
    text-align: center;
    max-width: 70px
}

.regulations-search-results-item .search-icon-wrapper img {
    max-width: 45px
}

.regulations-search-results-item .search-result-header {
    font: 17px/1.2 DroidArabicKufi,arial,sans-serif;
    color: #555
}

.regulations-search-results-item .search-result-header a {
    color: #074D31
}

.regulations-search-results-item:hover {
    background-color: #f5f5f5
}

.date-filter,.text-filter {
    margin-bottom: 8px
}

.panel-group.responsive .panel-default {
    border-radius: 0;
    border: 0!important
}

.panel-group.responsive .panel-default .panel-heading {
    border-radius: 0;
    border: 0!important;
    background: none;
    padding: 0
}

.panel-group.responsive .panel-default .panel-heading .accordion-toggle {
    display: block;
    padding: 10px 15px;
    background: #074D31;
    color: #fff
}

.panel-group.responsive .panel-default .panel-heading .accordion-toggle:before {
    content: '';
    font-family: mci-icons;
    font-size: 20px;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 2px
}

.panel-group.responsive .panel-default .panel-body {
    border-top: 0;
    padding: 0 15px
}

.fw-previous-tab-pane {
    opacity: 1!important
}

.serv-cat-main {
    position: absolute;
    top: -15px;
    background: #158885;
    right: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / .2);
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    font: 13px DroidArabicKufi-Bold,arial,sans-serif
}

.serv-cat-new {
    position: absolute;
    top: -15px;
    background: #f5f5f5;
    right: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / .15);
    padding: 2px 10px;
    border-radius: 4px;
    color: #158885;
    font: 13px DroidArabicKufi-Bold,arial,sans-serif
}

.btn,input.form-control,textarea.form-control {
    -webkit-appearance: none
}

.show-other-filters {
    display: block;
    text-align: center;
    background: #e5e5e5;
    border-radius: 4px;
    padding: 3px;
    margin: 5px 15px;
    clear: both
}

@media (max-width: 678px) {
    .btngroup {
        padding:5px 0;
        margin-bottom: 15px!important
    }
}

.regulations-advanced-search {
    margin: 0!important
}

.nationality {
    position: absolute;
    bottom: -8px;
    right: 8px;
    background: #f7f7f7;
    box-shadow: 0 2px 5px rgb(0 0 0 / .2);
    padding: 2px 6px;
    border-radius: 4px;
    color: #158885;
    font: 12px DroidArabicKufi-Bold,arial,sans-serif
}

.law-regulation-header {
    border: 1px #ccc solid;
    cursor: pointer;
    box-shadow: 0 2px 5px rgb(0 0 0 / .15);
    border-radius: 4px;
    padding: 3px 5px
}

.highlight {
    background: #ff0
}

body .dataTables_wrapper .dataTables_filter {
    padding: 15px 0
}

body .dataTables_wrapper .dataTables_filter input[type="search"] {
    min-height: 40px;
    min-width: 150px;
    border: none!important;
    margin-bottom: 0;
    text-align: right;
    border-radius: 4px!important;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / .2)!important;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10, 101, 98)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px;
    padding-left: 35px;
    padding-right: 10px;
    margin-right: 10px;
    -webkit-appearance: none
}

body .dataTables_wrapper .dataTable {
    border-collapse: collapse!important
}

body .dataTables_wrapper .dataTable tr th {
    text-align: justify!important;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    background-position: left center
}

body .dataTables_wrapper .dataTable tr th#activity-code {
    width: 110px!important
}

body .dataTables_wrapper .dataTable tr td {
    border: 1px solid #fff!important;
    border-collapse: collapse!important
}

body .dataTables_wrapper .dataTable .dtrg-level-0 td {
    background: rgb(0 175 169 / .7)!important;
    color: #fff!important;
    font-weight: normal!important;
    padding-top: 8px;
    padding-bottom: 8px
}

body .dataTables_wrapper .dataTable tr.dtrg-group.dtrg-start.dtrg-level-1 td {
    padding-right: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: rgb(0 175 169 / .2)!important
}

body .dataTables_wrapper .dataTable tr.odd td:first-child,body .dataTables_wrapper .dataTable tr.even td:first-child {
    padding-right: 60px!important
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background: #074D31!important;
    color: #fff!important;
    border: 0!important
}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
    color: #fff!important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px!important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgb(0 175 169 / .7)!important;
    color: #fff!important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #ccc!important;
    color: #999!important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #ccc!important;
    color: #999!important
}

body .dataTables_wrapper table.dataTable.no-footer {
    border-bottom: 2px #ccc solid!important
}

.floated-search-wrapper {
    position: fixed;
    top: 200px;
    right: 20px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / .2);
    border: 1px #eee solid;
    border-radius: 4px;
    z-index: 99;
    min-width: 60px
}

.floated-search-wrapper .show-hide {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    background: #116361;
    color: #fff;
    border-radius: 2px;
    position: relative;
    top: -12px;
    right: 12px;
    cursor: pointer
}

.floated-search-wrapper .f-search-inner-wrapper {
    padding: 15px;
    position: relative;
    top: -20px
}

.floated-search-wrapper .fsearch-from {
    padding: 10px 0
}

.floated-search-wrapper .fsearch-from .f-search-input {
    border: 1px #ddd solid!important
}

.floated-search-wrapper .fsearch-from .f-search-btn {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 8px;
    padding-left: 28px!important;
    min-width: 100px!important
}

.floated-search-wrapper .f-search-next-prev {
    margin-bottom: 10px
}

.floated-search-wrapper .f-search-next-prev .f-search-ctrbtn {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #777;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.floated-search-wrapper .f-search-next-prev .f-search-ctrbtn:hover {
    background: #02928d
}

.floated-search-wrapper .f-search-result-list {
    height: calc(100vh - 400px);
    overflow-y: auto;
    border-top: 1px #ddd solid;
    padding: 5px
}

.floated-search-wrapper .f-search-result-list .f-search-rlist li a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    color: #666
}

.floated-search-wrapper .f-search-result-list .f-search-rlist li a.f-active {
    background: #d9fffd
}

.floated-search-wrapper .f-search-title {
    padding: 5px;
    font: 15px DroidArabicKufi-Bold,arial,sans-serif;
    color: #444;
    position: relative;
    top: -15px;
    margin-bottom: -10px;
    display: block;
    text-align: center
}

.highlight2 {
    background: #ff9632
}

.serv-subfilter-wrapper:empty,.serv-subfilter-wrapper:empty,.servicefilter-Wrapper:empty {
    display: none
}

.innerpages .nav-tabs>li,.innerpages .eventsTabs>li {
    overflow: hidden;
    border-radius: 15px
}

#conDiv row {
    margin: 10px 0
}

#conDiv .col-lg-3.col-md-4.col-12.d-none.d-lg-block>div {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 10px;
    margin: 12px 0 25px 0
}

#conDiv .agency-filter-header span {
    font-weight: 700;
    font-size: 14px;
    padding: 0
}

#conDiv .agency-filter-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 12px
}

#conDiv .eserv-filter #lblOrder {
    line-height: 2.8
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div h3 {
    color: #074D31
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div a {
    color: #066058!important;
    text-decoration: underline
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div img {
    width: auto!important;
    height: 120px!important;
    margin: 0 auto;
    display: block
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div .ds-tag-closed {
    background: #e03a3a;
    padding: 8px 12px;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    max-width: 90%
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div .ds-tag-soon {
    background: #119dce;
    padding: 8px 12px;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    max-width: 90%
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div .ds-tag-open {
    background: #0ea970;
    padding: 8px 12px;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    max-width: 90%
}

.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div h3,.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2>div h6 {
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0
}

@media screen and (max-width: 768px) {
    .home-content .homenewsSlider .swiper-slide .newsItem p {
        display:none
    }

    .home-content .homenewsSlider .swiper-slide .newsItem {
        right: auto;
        bottom: auto;
        left: 0;
        top: 0;
        display: block;
        height: 30px;
        padding: 0
    }

    .home-content .homenewsSlider .swiper-slide .newsItem .artclDate {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        float: left;
        top: 30px;
        opacity: .5;
        font-size: 12px;
        padding-left: 5px
    }

    .serv-subfilter-wrapper,.serv-subfilter-wrapper,.servicefilter-Wrapper {
        margin-top: 0px!important
    }

    .service-catalog-wrapper,.opendata-wrapper {
        padding-top: 15px
    }

    .navbar-collapse.collapse {
        display: none!important
    }

    .navbar-collapse.collapse.show {
        display: block!important
    }
}

.show {
    opacity: 1
}

.imgCaptcha {
    width: 160px;
    max-height: 40px
}

.captchaHome {
    border: 1px solid #ccc!important
}

.refreshCaptcaha {
    background: url(https://www.svgrepo.com/show/76889/refresh.svg) no-repeat
}

.eventDisabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #888
}

.x-twitter {
    position: relative;
    top: 3px;
    left: 1px;
    filter: invert(1);
    height: 19px
}

.x-twitter-contact {
    filter: invert(1);
    zoom:1.6;position: relative;
    top: 6px
}



/*search box style*/

.ui-autocomplete {
  z-index:9999 !important;
  width: 300px;
      margin-top:-1px;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    max-height: 300px;
    overflow-y: scroll;
	position:fixed !important;
}

.searchModal{
padding-left: 0px !important;
}


.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff; 
   opacity: 1.2;
}
input:focus {
  outline: red;
}


.searchModal .modal-content{
background-color: #61B3A1; 
border:0 none;
border-radius: 0px;
}

.searchModal .modal-content .d-flex{
justify-content: space-between;align-items: center;display: flex;margin: 37px;
}
.searchModal .modal-content h3{
text-align: center;    
font-family: 'MCbold';
margin-bottom: 20px;
color:#fff;
font:bold 2em DroidArabicKufi-Bold,arial,sans-serif
}
.searchModal .modal-content h2{
text-align: center;    
font-family: 'MCbold';
margin-bottom: 20px;
color:#fff;
font:bold 1.5em DroidArabicKufi-Bold,arial,sans-serif
}
.searchModal .modal-content .searchContent{
max-width: 850px;margin: auto;
}
.searchModal .modal-content .searchContent .search-wrapper{
position: relative;flex-grow:1;
}
.searchModal .modal-content .searchContent .searchBox{
width: 100%; 
height: 54px;
border-radius: 2px; 
border: none;    
font-size: 17px;
padding: 1%;
padding-left: 50px;
}
.searchModal .modal-content .searchContent .btnSearch{
position: absolute; 
top: 8px;
left: 10px; 
border-radius: 7px;     
background-color: #61B3A1;
border: none;    
width: 73px;height: 36px;
}

@media (max-width: 760px) {
    .searchModal .modal-content .container {
         margin-right: 0px;
    margin-left: 0px;
    }
}
/*end search box style*/

.navbar-collapse.collapse.show {
        display: block !important;
    }
    
        
    
    
    .serviceswrapper::before , .related-sites::after{
   
  display: block;   
    margin-bottom: 20px;
      margin-top: 20px;
      background-position: center center;

    }
    
    .footer-copyright-wrapper{
	
	background: #074D31 url(../images/Frame47.png) no-repeat;
	background-size: cover; 
	background-position: center center;
}





    @media (min-width: 1000px) {
     


    
    .serviceswrapper::before , .related-sites::after{
  content: url(../images/Frame46.png);
  display: block;   
    margin-bottom: 20px;
      margin-top: 20px;
    }
    
    .footer-copyright-wrapper{
	
	background: #074D31 url(../images/Frame47.png) no-repeat;
	background-size: cover; 
	background-position: center center;
}
    
    }