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: justify;
  font-weight: normal;
  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;
  /*-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;*/
  text-rendering: auto;
  box-sizing: border-box;
  /*text-size-adjust:none;*/
}
.vMiddle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*------- Commons ------*/
@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: normal;
  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: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Light';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff) format('woff');
}
@font-face {
  font-family: 'Lato-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff) format('woff');
}
@font-face {
  font-family: 'Lato-Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff) format('woff');
}
@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: normal;
  font-style: normal;
}
.fA,
.fright {
  float: left;
}
.fB,
.fleft {
  float: right;
}
.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: right !important;
}
.Aright {
  text-align: left !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;
}
/*Variables*/
/*Mixins*/
.trans1 {
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.trans2 {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.grab {
  /*cursor: -webkit-grab; cursor: -moz-grab ; cursor: -ms-grab ; cursor: -o-grab ;*/
  cursor: -webkit-grab;
  cursor: grab;
}
.grab:active {
  /*cursor: -webkit-grabbing; cursor: -moz-grabbing ; cursor: -ms-grabbing ; cursor: -o-grabbing ;*/
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.NormalTxt {
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
}
@media (min-width: 1300px) {
  .container {
    width: 1200px;
  }
}
body {
  font: 15px Lato-Regular, DroidArabicKufi, sans-serif;
  line-height: 1.8;
  /*text-transform: capitalize*/
}
h2 {
  color: #0a6562;
  font: 2.143em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  padding: 0;
  margin-bottom: 15px;
}
h2.pageTtlWithBg {
  color: #fff;
  background: #0a6562;
  display: inline-block;
}
p {
  color: #777;
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
  padding: 5px;
  text-align: justify;
  line-height: 1.8 !important;
}
b {
  color: #666;
  font: 1em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
h3 {
  color: #0a6562;
  font: 1.429em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
h4 {
  color: #298ebd;
  font: 1.286em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
h5 {
  color: #e66b2e;
  font: 1.143em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
h6 {
  color: #666;
  font: 15px Lato-Bold, DroidArabicKufi-Bold, 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: rgba(0, 0, 0, 0.6);
}
.header-wrapper {
  position: relative;
  z-index: 104;
  height: 168px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d506b+0,2d617c+100&1+0,0.5+100 */
  /*background: @lightgreencolor2;
background-image: -webkit-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(118,206,193) 50%, rgb(23,122,168) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(118,206,193) 50%, rgb(23,122,168) 100%);
background-image: -moz-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(118,206,193) 50%, rgb(23,122,168) 100%);*/
  background: #074D31 url(../images/header-bg.png) no-repeat top center;
}
.header-wrapper.home-header {
  min-height: 290px;
  position: absolute;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d506b+0,2d617c+50,2d617c+100&1+0,0.5+50,0+100 */
  /* Old blue header gradient */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.5+0,0.3+50,0+100 */
  /*background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);*/
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );*/
  /* IE6-9 */
}
.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: rgba(255, 255, 255, 0.4);

}

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


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

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

.header-wrapper .top-functions .searchicon .search2 {
  float: right;
  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: right;
  margin-left: 17px;
  color: #fff;
  height: 26px;
  padding: 2px 0px;
  font-size: 13px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 (min-width: 1024px) {
  .header-wrapper .top-functions .topLnk.lang {
    direction: rtl;
  }
}
@media (max-width: 1200px) {
  .header-wrapper .top-functions .topLnk {
    font-size: 12px;
    margin-left: -14px;
  }
}
.header-wrapper .top-functions .topLnksMenuBtn {
  color: #fff;
  background: transparent none!important;
  padding: 5px 0 0 29px;
  font-size: 20px;
  line-height: 20px;
}
.header-wrapper .top-functions .topLnksMenu {
  background: rgba(0, 136, 131, 0.85);
  padding: 0 4px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
/*  transition: all .5s ease;*/
  box-shadow: 0 6px 8px rgba(0, 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;
  right: 0;
  border-radius: 4px;
  background-color: #fff;
  height: 60px;
  box-shadow: 0 15px 25px rgba(0, 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: transparent;
  color: #666;
  width: calc(100% - 95px);
  height: 30px;
}
.header-wrapper .top-functions .searchbox .searchcontrols {
  display: inline-block;
  width: 90px;
  padding-top: 0px;
  text-align: right;
}
.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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 .topLnksMenuBtn {
  padding: 0 12px;
}
.header-wrapper .top-functions .settings .icon-cog-2 {
  position: relative;
  top: 3px;
}
.header-wrapper .top-functions .settings .dropdown-menu {
  min-width: 100px;
  right: 0;
  left: auto;
  top: 28px;
}
.header-wrapper .top-functions .settings .dropdown-menu > li > a i {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.header-wrapper .top-functions .settings .dropdown-menu > li > a:hover {
  background: transparent;
  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 {
  right: 0;
  left: auto;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu > li > a i {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu > li > a:hover {
  background: transparent;
  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 0 0 48px;
}
@media (max-width: 1280px) {
  .header-wrapper .topnav .navbar-nav > li + li {
    margin: 0 0 0 45px;
  }
}
@media (max-width: 1200px) {
  .header-wrapper .topnav .navbar-nav > li + li {
    margin: 0 0 0 18px;
  }
  .header-wrapper .topnav .navbar-nav > li + li > a {
    font-size: 17px;
  }
}
.header-wrapper .topnav .navbar-nav > li > a {
  color: #fff;
  font: 18px Lato-Regular, DroidArabicKufi, sans-serif;
  padding: 15px 0px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.header-wrapper .topnav .navbar-nav > li > a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.header-wrapper .topnav .navbar-nav > li > a .icon-home {
  font-size: 26px;
  line-height: 1;
  color: #fff;
  position: relative;
  top: -5px;
}
.header-wrapper .topnav .navbar-nav > li > a .icon-home:hover {
  color: rgba(255, 255, 255, 0.7);
}
.header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
  content: "\e88f";
  font-family: "mci-icons";
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 5px;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu {
  width: 100%;
  background: rgba(248, 248, 248, 0.95) !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  border: none!important;
  box-shadow: 0 5px 35px rgba(0, 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;  text-transform: uppercase;
}
.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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  text-transform: uppercase;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu a {
  display: block;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  padding: 10px 20px;
  color: #666;
  font: normal 1em Lato-Regular, DroidArabicKufi, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  margin-bottom: 0px;
}
.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: transparent;
}
.header-wrapper .topnav .navbar {
  margin-bottom: 0;
  min-height: 40px;
  border-radius: 0px;
}
.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: rgba(46, 98, 125,.7);*/
  background: rgba(0, 0, 0, 0.7);
  /*box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);*/
  margin-top: 0;
  padding: 5px 0;
}
.header-wrapper .topnav.sticynav.sticynav-top {
  top: 0;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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: rgba(0, 0, 0, 0.7);
}
.showhidenav {
  position: absolute;
  top: 38px;
  left: 38px;
  cursor: pointer;
  display: inline-block;
  width: 23px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.showhidenav.shownav {
  /*top: 18px;right: 10px;*/
}
.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: rgba(0, 175, 169, 0.7);
  position: relative;
  z-index: 0;
  top: -37px;
  right: 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: rgba(0, 175, 169, 0.7);
  position: relative;
  z-index: 0;
  top: -37px;
  right: 9px;
  border-radius: 4px;
}
.mainslider {
  position: relative;
  /*top: -290px;margin-bottom: -290px;*/
  left: 0;
  right: 0;
  z-index: 1;
  /*--- Banner Description---*/
  /*--- EOF Banner Description---*/
}
.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 48px 0 0;*/
  padding: 0 48px 0 270px;
}
.mainslider .banner-description .MainBanner-Logo{
 height: 80px;
}

@media (max-width: 991px){
.mainslider .banner-description .MainBanner-Logo {
    height: 40px;
    padding-left: 60%;
}	
}
.mainslider .banner-description h2 {
  font: 60px/1.6 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  opacity: 0;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  transition-delay: 0.2s;
}
.mainslider .banner-description h3 {
  font: 1.786em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #474747;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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;
  /*animation: slide-bg linear 10000ms;*/
}
.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%;
}
/*--- Custom Scroll style---*/
.nicescroll-rails {
  background: rgba(0, 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: 0px;
  }
  50% {
    top: 15px;
  }
}
@keyframes scrolldown {
  0%,
  100% {
    top: 0px;
  }
  50% {
    top: 15px;
  }
}
/*@-webkit-keyframes slide-bg {
    0% {
        transform:scale(1.3);
    }
    100% {
       transform:scale(1);
    }
}*/
@-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: #ffffff;
  /*-webkit-animation: load1 1s ease-in-out infinite;*/
  -webkit-animation: load1 1s ease-in-out infinite;
          animation: load1 1s ease-in-out infinite;
  width: .9em;
  height: 4em;
}
.loader {
  color: rgba(255, 255, 255, 0.99999);
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  /*-webkit-transform: translateZ(0); -ms-transform: translateZ(0);*/
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /*-webkit-animation-delay: -0.16s;*/
  -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;*/
  -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;
  }
}*/
@-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;
  /*text-transform: capitalize;*/
}
.wptitle .more {
  font: 14px Lato-Regular, DroidArabicKufi, sans-serif;
  margin-top: 12px;
}
.wptitle .more i[class^="icon-"] {
  font-size: 1.286em;
  margin-left: 5px;
}
.home-content {
  padding: 75px 0 0;
  height: auto!important;
}
.home-content .wptitle {
  color: #138884 !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: 0px 0px 5px 0px rgba(0, 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;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(238,238,238,0.9) 40%, rgba(238,238,238,1) 100%);
                        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(238,238,238,0.9) 40%,rgba(238,238,238,1) 100%);*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.9) 40%, #eeeeee 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 );*/
}
.home-content .homenewsSlider .swiper-slide .newsItem {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height:fit-content;
  z-index: 2;
  padding: 10px;
  overflow: hidden;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;

}

.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);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s 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);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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 anewsTitle {
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);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}



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

.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:hover:after {
  height: 280px;
  /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.98) 40%, rgba(255,255,255,1) 100%);
                                    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.98) 40%,rgba(255,255,255,1) 100%);*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 40%, #ffffff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/
}
.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 /*url("../images/services-bg.jpg") no-repeat center right;background-size: cover*/;
  /*background-attachment: fixed;*/
}
.serviceswrapper .service-lrbg {
  background: rgba(255, 255, 255, 0.6);
  padding: 0 0 15px 15px;
  min-height: 390px;
  border-radius: 8px;
}
.serviceswrapper .wptitle {
  text-align: left;
  padding-left: 5px;
  color: #0a6562;
  max-width: 175px;
  min-height: 360px;
  position: relative;
}
.serviceswrapper .wptitle .more {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #0a6562;
}
@media (min-width: 1080px) {
  .serviceswrapper .wptitle {
    padding-top: 20px;
  }
 .start-your-project-first-child {
	 margin-top:80px !important;
}  
 
}
.serviceswrapper .servs-group {
  margin-left: 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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  /*text-transform: capitalize;*/
  color: #0a6562;
}
.service-tabs .nav-tabs {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 15px;
  margin-top: 15px;
}
.service-tabs .nav-tabs > li {
  background: rgba(255, 255, 255, 0.9);
  border: 1px #074D31 solid;
  width: calc(49%);
  text-align: center;
  border-radius: 60px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  margin: 10px .5%;
}
.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;
  /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);*/
  position: relative;
  border-radius:15px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #074D31;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}.service-tabs .nav-tabs > li.disabled {
  background: #cccccc;
  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.2em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666 !important;
  border: none!important;
  background: transparent none!important;
  padding: 10px 25px 12px;
  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;
  /*-ms-transform-origin: center;*/
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
  width: 220px;
  height: 216px;
  overflow: hidden;
  text-align: center;
  padding-top: 40px;
  margin-right: 0;
  position: relative;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.service-tabs .serv-item .servicon {
  display: block;
  height: 85px;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #0a6562;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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);
  /*-ms-transform: scale(1.12,1.12) ;*/
  background-color: #ffffff;
  /*box-shadow: 0px 1px 250px 0px rgba(0, 0, 0, 0.2);*/
  box-shadow: 0px 1px 15px 0px rgba(0, 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;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  border-radius: 35px;
  /*width:44.5%;*/
  margin: 0 0.5%;
  height: 35px;
  background: #074D31;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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-right: -7px;
  margin-left: 5px;
  text-align: center;
  color: #0a6562;
  font-size: 1em;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.service-tabs .more > i {
  /*transform: scaleX(-1);transform: scaleX(-1);*/
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 22px;
  background: #0a6562;
  text-align: center;
  line-height: 22px;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.service-tabs .more:hover {
  color: #138884;
}
.service-tabs .more:hover > i {
  background: #138884;
}
.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: 0px;
  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: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #298ebd;
}
.wnew-eventswrapper .wnew-tabs .nav-tabs > li.disabled {
  background: #cccccc;
  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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  line-height: 2;
  color: #7d868b !important;
  border: none!important;
  background: transparent 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;
  right: 0;
  top: 0;
  height: calc(100% + 15px);
  width: 1px;
  background: #eee;
}
.wnew-item .date .bigday {
  font: bold 30px/35px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #298ebd;
}
.wnew-item .date .month {
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #aaaaaa;
}
.wnew-item .new-txt {
  padding: 0 0 0 152px;
  height: 100%;
  font: 1.1em Lato-Regular, DroidArabicKufi, 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;
  /*font-size: 20px;line-height: 67px;*/
  line-height: 2;
}
.home-events .wptitle .more {
  margin-top: 30px;
}
.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 {
  right: calc(50% - 50px);
  left: auto;
}
.home-events .swiper-button-prev.evs {
  left: calc(50% - 50px);
  right: 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: #f3f3f3 url('../images/sapalm-bg.png') no-repeat right bottom;*/
  background-size: contain;
  /*background-attachment: fixed;*/
  min-height: 200px;
  padding: 40px 0 14px;
  /*background-image: -moz-linear-gradient( 93deg, rgba(255,255,255,0) 0%, rgb(234,234,234) 100%);
    background-image: -webkit-linear-gradient( 93deg, rgba(255,255,255,0) 0%, rgb(234,234,234) 100%);
    background-image: -ms-linear-gradient( 93deg, rgba(255,255,255,0) 0%, rgb(234,234,234) 100%);*/
  background: #fff;
}
.opendata-survy-pollwrapper .opendata-syrvy-container {
  /*background: url('../images/opd-srvy-shadow.png') no-repeat center bottom;*/
  padding-bottom: 26px;
}
.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
  float: left;
  width: 100%;
  height: 342px;
  border: 1px #eee solid;
  position: relative;
  font: 50px/1.5 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner > span {
  position: absolute;
  bottom: 20px;
  left: 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%;
}
/*--- Home Events + Eventlist item---*/
.eventlist-item,
.card-item {
  margin-bottom: 30px;
  border: 1px #e1e1e1 solid;
  background-color: #fff;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.eventlist-item:hover,
.card-item:hover {
  box-shadow: 0px 15px 25px 0px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #074D31;
  max-height: 130px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: #138884;
}
.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS,
.eventlist-item .date .bigday .downloadlinkXLS,
.card-item .date .bigday .downloadlinkXLS {
  display: block;
  color: #074D31;
  font-size: 90px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: rgba(41, 142, 189, 0.8) !important;
  font-size: 105px!important;
}
.eventsslider-wrapper .swiper-slide .date .month,
.eventlist-item .date .month,
.card-item .date .month {
  font: 1.286em Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, 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--*/
.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='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4')' d='M1.502,49.997 L25.994,24.975 L1.547,0.000 L0.128,1.4") no-repeat center top;
}
.pollWp .wptitle {
  padding: 5px 10px;
  position: relative;
  z-index: 1;
  color: #074D31 !important;
  margin-bottom: 8px;
}
.pollWp .wptitle:after {
  content: '';
  display: block;
  margin: 0 27%;
  height: 3px;
  width: 65px;
  max-width: 50%;
  background: #074D31;
}


.poll-form .col-sm-7 img {
	 max-height: 45px;
    min-width: 80%;
}

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

.pollWp .poll-form {
  position: relative;
  z-index: 1;
  padding: 5px 0;
}
.pollWp .pollQestion,
.pollWp .question {
  display: block;
  font: 15px/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif !important;
  color: #666 !important;
  height: 50px;
  overflow: hidden;
  padding: 0 15px;
}
.pollWp .pollQestion + table,
.pollWp .question + table {
  height: 176px;
}
.pollWp .pollInner {
  padding: 8px 18px!important;
  height: 180px;
}
.pollWp .pollInner ul li,
.pollWp .pollInner > table li {
  margin-bottom: 8px;
}
.pollWp .pollInner ul td,
.pollWp .pollInner > table td {
  padding-bottom: 8px!important;
}
.pollWp .pollInner ul input[type="radio"],
.pollWp .pollInner > table input[type="radio"] {
  /*margin-left: 15px;*/
  position: relative;
  top: 3px;
  width: 15px;
  height: 15px;
}
.pollWp .pollInner ul label,
.pollWp .pollInner > table label {
  font: 1em Lato-Regular, DroidArabicKufi, 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: 0px;
}
.pollWp .pollbtns .btn {
  width: 50%;
  float: left;
  height: 45px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font: 1.286em/2em Lato-Bold, DroidArabicKufi-Bold, 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='M24.497,49.997 L0.006,24.975 L24.452,0.000 L25.872,1") no-repeat 10px 10px;
  border-radius: 12px;
  box-shadow: -2.121px 2.121px 4px 0px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  margin: 8px 0;
  color: #7d868b;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.indecators .indecatorsslider .indecator-item .txt {
  text-align: center;
  font: bold 1em Lato-Regular, DroidArabicKufi, 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 {
  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;
}
.indecators .swiper-button-prev {
  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;
}
.related-sites {
  /*background: #12948c;border-bottom:1px lighten(@lightgreencolor2,3%) solid;*/
  padding: 35px 0;
  background: #f6f6f6;
  /*background-image: -moz-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);  */
}
.related-sites .r-sites {
  background: #fff;
  border-radius: 8px;
  /*box-shadow: 0px -18px 22px rgba(0,0,0,.1);*/
}
.related-sites .r-sites .title {
  float: left;
  max-width: 250px;
  height: 122px;
  font: 1.286em/2 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  padding: 22px 24px;
  margin-right: 10px;
  color: #074D31;
  background: #eae9e9;
  border-radius: 8px 0 0 8px;
}
.related-sites .r-sites .sites-wrapper {
  height: 122px;
  float: left;
  width: calc(100% - 230px);
  position: relative;
  margin: 0 23px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide {
  width: auto;
  margin-left: 20px;
  min-height: 100px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide a {
  display: block;
  padding: 20px 0;
  height: 122px;
  text-align: center;
  line-height: 122px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide a img {
  max-width: 100%;
}
.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;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.related-sites .r-sites .sites-wrapper .swiper-button-next {
  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='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 {
  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='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 0px;
  position: relative;
  /*background-image: -webkit-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);  
    background-image: -moz-linear-gradient( 180deg, rgb(0,154,149) 0%, rgb(77,194,177) 50%, rgb(23,122,168) 100%);*/
  background: #074D31 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") no-repeat bottom center;
}
.footer-block h4 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    margin: 10px auto;
}

.footer-block .Acenter h4 {
	 float:right;
	 margin:5px;
}
.footer-block .Acenter a {
	 float:left;
}

.footer-block .Acenter a img {
	 
	 width:30px !important;
}

.footer .newsLetter h4 {
  font: 1.286em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #fff;
  margin-bottom: 10px;
}
.footer .newsLetter p {
  font: 13px/26px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  margin-bottom: 20px;
}
.footer .newsLetter .newsletterfrom .txtbox {
  font: 13px/2 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
  padding: 3px 5px;
  width: 75%;
  max-width: 295px;
}
.footer .newsLetter .newsletterfrom .nlbtn {
  background: #00d8d0;
  font: 15px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  padding: 1px 10px 2px;
  margin: 0 -5px;
  width: 24%;
  height: 32px;
  min-width: 70px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .newsLetter .newsletterfrom .nlbtn:hover {
  background: #00ece4;
}
.footer .newsLetter .newsletterfrom .nlbtn:active {
  background: #00c9c2;
}
.footer .socialMedia {
 /* padding-top: 50px;*/
  text-align: center;
}


.footer-app {
	 
	 margin-top:0 !important;
}

.footer .socialMedia h4 {
	 
	 margin-top:0;
}
.footer .socialMedia a {
display: inline-block;
    margin: 0 5px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    text-align: center;
    background: #00c3bd;
    font-size: 17px;
    line-height: 34px;
    color: #fff;
    transition: all .5s ease;}
.footer .socialMedia a:hover {
  background: #008b87;
}
.footer .footerlinks {
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  /*min-height:222px;*/
}
.footer .footerlinks h4 {
  font: 1.286em/2 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}



.footer .footerlinks a {
  display: block;
  font: 1.1em/2 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #ececec;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .footerlinks a:hover {
  color: #16fff7;
}
.footer .footerlinks.inner a {
  display: inline-block;
  margin: 0 0 0 20px;
}
.footer .tagcloud {
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 12px;
}
.footer .tagcloud h4 {
  font: 1.286em/2 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #00fcf3;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .tagcloud a {
  display: inline-block;
  font: 1.1em/2 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #f5f5f5;
  margin: 0 0 0 10px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  /*min-height:222px;*/
  border: 0px;
  padding-right: 0;
}
.footer .footerlinks2 h4 {
  font: 1.286em/2 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .footerlinks2 a {
  display: block;
  font: 1.1em/2 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #ececec;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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: 0;
    border: 1px solid rgba(255, 255, 255, 0.25);
    margin: 0;
    display: block;
    clear: both;
    overflow: hidden;}
.footer .carecenter h4 {
   color: #fff;
    font-size: 12px;
    font-weight: normal;
    opacity: 0.8;
    margin: 0px;
    float:none;
}
.footer .carecenter p {
  font: 0.929em/2.429em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
}
.footer .carecenter .phone {
  font: bold 1.286em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #00fcf3;
  padding-left: 15px;
}
.footer .carecenter .phone a {
  color: #00fcf3;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .carecenter .phone a i {
  display: inline-block;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.footer .carecenter .phone a:hover {
  color: #affffc;
}
.footer .carecenter .mail {
  font: bold 1.143em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #00fcf3;
  padding-left: 15px;
}
.footer .carecenter .mail a {
  color: #00fcf3;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .carecenter .mail a:hover {
  color: #affffc;
}
.footer .carecenter .custcallcenter {
  border-left: 2px rgba(255, 255, 255, 0.25) solid;
  padding: 0;
}
.footer .carecenter .custcallcenter.inner {
  border: 0px;
}
.footer .carecenter .custcallcenter.inner:before {
  content: '';
  display: block;
  margin: 15px auto 10px;
  width: 50%;
  max-width: 165px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}
.footer .footer-copyright-wrapper {
 margin-top: 20px;
    border-top: 3px solid #074D31;
    background-color: #074D31;
    padding-top: 12px !important;
    padding-bottom: 12px;
}
.footer .footer-copyright-wrapper .copyRights {
  font: 0.95em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  padding: 6px 0px 6px;
}
.footer .footer-copyright-wrapper .footerLinks {
  font: 0.95em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  display: inline-block;
  padding: 6px 0px 6px;
}
.footer .footer-copyright-wrapper .footerLinks a {
  font: 1em Lato-Regular, DroidArabicKufi, 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: right;
  margin-left: 20px;
}
.footer .footer-copyright-wrapper .footerLogo img {
  margin-left: 10px;
}
.footer .footer-copyright-wrapper .footerLogo .footervision {
  width: 76px;
}
.footer .footer-copyright-wrapper .footerLogo .footerlogo {
  width: 98px;
}
.footer .gototop {
  font-size: 45px;
  color: rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 8;
  right: -100px;
  bottom: 2vh;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.footer .gototop.show {
  right: 2vw;
}
/*-----*/
.icon-calendar.pull-left {
  float: right!important;
}
.Customer-link {
  display: block;
  padding: 1px 15px;
  margin-left: -295px;
  position: fixed;
  left: 0;
  bottom: 50px;
  width: 365px;
  max-height: 68px;
  background: rgba(0, 175, 169, 0.5);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0 6px 6px 0;
  color: #fff!important;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  font: 1.143em/4.286em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  text-align: center;
  z-index: 999;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.23);
}
.Customer-link [class^="icon-"] {
  font-size: 1.786em;
  margin-left: 15px;
}
.Customer-link:hover {
  margin-left: 0px;
  background: rgba(0, 175, 169, 0.7);
}
.Customer-link:active {
  background-color: #007c78;
}
.vidOverlay {
  background: rgba(12, 38, 51, 0.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);*/
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  /*-ms-transform: scale(1.125);*/
}
ul.list,
.ms-rtestate-field ul {
  padding-right: 10px;
  list-style: none;
  margin: 15px 15px 20px;
  padding-left: 18px;
}
ul.list li,
.ms-rtestate-field ul li {
  font: normal 1em/2.286 Lato-Regular, DroidArabicKufi, 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-right: 5px;
  color: #999;
}
ul.list li:before,
.ms-rtestate-field ul li:before {
  content: '\F111';
  font-family: mci-icons;
  font-size: 0.714em;
  display: inline-block;
  color: #666;
  margin: 3px 10px 0 0;
  border-radius: 100%;
  vertical-align: top;
  margin-left: -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;
}
ul.nav-tabs li:before {
  display: none;
  content: '';
}
.innerpages {
  min-height: 400px;
  /*.rangeSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background:@lightgreencolor;
    cursor: pointer;
    .border-radius(100%);
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
}

.rangeSlider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: @basecolor1light;
    cursor: pointer;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
}*/
  /*--- Hero Tabs---*/
  /*-----*/
}
.innerpages .breadCrumb {
  border-bottom: 2px #e9edf2 solid;
  padding: 10px 0;
  background: #f5ffff;
}
.innerpages .breadCrumb .breadCrumbDetails {
  font: 13px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #888;
  /*span,*/
}
.innerpages .breadCrumb .breadCrumbDetails a {
  font: 13px Lato-Regular, DroidArabicKufi, 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/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  text-transform: uppercase;
  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 {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  font: bold 1.286em Lato-Bold, DroidArabicKufi-Bold, 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 Lato-Regular, DroidArabicKufi, 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: 0px 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 0.9em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #074D31;
  margin: 20px 0 10px;
}
.innerpages .artclDate i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 1.286em;
}
.innerpages .artclTxt,
.innerpages .ms-rtestate-field p {
  font: 1em Lato-Regular, DroidArabicKufi, 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 {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
  max-width: 100%;
}
.innerpages .valuestxt {
  border-right: 3px solid #eee;
  padding: 0px 12px 0px 0;
  margin: 15px 10px;
  color: #666;
  font: normal 1em Lato-Regular, DroidArabicKufi, 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 50px 0 0;
}
.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 Lato-Regular, DroidArabicKufi, 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;
}
@media (min-width: 768px) {
  .innerpages .ArticleContent p,
  .innerpages .ArticleContent span {
    line-height: 1.8;
  }
}
.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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #138884;
  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-right: 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
}
.innerpages .control-label {
  font: normal 1em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #666;
  padding: 2px 0 5px 5px!important;
}
.innerpages .required .control-label:after {
  content: '*';
  font: normal 1.143em/1.429em Lato-Regular, DroidArabicKufi, 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: left;
  border-radius: 4px!important;
  background-color: #ffffff !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 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;
  right: 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: #138884;
}
.innerpages .tooltip.top {
  margin-top: -8px !important;
}
.innerpages .tooltip-arrow {
  border-top-color: #138884 !important;
  border-width: 10px 10px 0!important;
  margin-left: -10px !important;
  bottom: -5px !important;
}
.innerpages .tooltip-inner {
  background: #138884;
  color: #fff;
  font: 0.929em/1.286em Lato-Regular, DroidArabicKufi, sans-serif;
  max-width: 370px;
  padding: 10px 5px;
}
.innerpages .tooltipWrapper .form-control {
  padding-left: 30px;
}
.innerpages .rangeSlider {
  /*-webkit-appearance: none;*/
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 5px;
  background: #eeeeee;
  outline: none;
  opacity: 0.8;
  border-radius: 4px;
  /*-webkit-transition: .2s;*/
  transition: opacity .2s;
}
.innerpages .rangeSlider:hover {
  opacity: 1;
}
.innerpages .btn {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  border: 0px!important;
  min-width: 130px!important;
  font: normal 1.143em/1.429em Lato-Regular, DroidArabicKufi, sans-serif !important;
  color: #fff!important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
  background-color: #074D31 !important;
  padding: 10px 20px!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.innerpages .btn:focus {
  border: 0px!important;
  outline: none!important;
}
.innerpages .btn:hover {
  background-color: #0f938f !important;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
}
.innerpages .btn:active {
  background-color: #0a6562 !important;
}
.innerpages .btn.green {
  background-color: #0a6562 !important;
}
.innerpages .btn.green:hover {
  background-color: #0c7c79 !important;
}
.innerpages .btn.green:active {
  background-color: #0a6562 !important;
}
.innerpages .btn.lightgreen {
  background-color: #074D31 !important;
}
.innerpages .btn.lightgreen:hover {
  background-color: #6bb6b8 !important;
}
.innerpages .btn.lightgreen:active {
  background-color: #074D31 !important;
}
.innerpages .btn.orange {
  background-color: #e66b2e !important;
}
.innerpages .btn.orange:hover {
  background-color: #e97b45 !important;
}
.innerpages .btn.orange:active {
  background-color: #e66b2e !important;
}
.innerpages .btn.gray {
  background-color: #7d868b !important;
}
.innerpages .btn.gray:hover {
  background-color: #989fa3 !important;
}
.innerpages .btn.gray:active {
  background-color: #7d868b !important;
}
.innerpages .btn.white {
  background-color: #fff !important;
  color: #0a6562 !important;
}
.innerpages .btn.white:hover {
  background-color: #ffffff !important;
}
.innerpages .btn.white:active {
  background-color: #fff !important;
}
.innerpages .btn i {
  margin-right: 5px;
  margin-left: 5px;
}
.innerpages .srchPanel {
  padding: 10px;
  margin: 0 0 15px 0;
  background: #f0f6f2;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
}
.innerpages .srchPanel .select2-container {
  vertical-align: bottom;
}
.innerpages .srchPanel .form-control,
.innerpages .srchPanel .select2-selection {
  /*min-height:36px;*/
  min-width: 150px;
  border: none!important;
  margin-bottom: 0;
  text-align: left;
  border-radius: 4px!important;
  background-color: #ffffff !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 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: right;
}
.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 Lato-Regular, DroidArabicKufi, 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 #cccccc;
}
.innerpages .listingFilter {
  margin-bottom: 30px;
}
.innerpages .listingFilter .select2-container {
  min-width: 200px;
  max-width: 220px;
}
.innerpages .accordion .ui-accordion-header {
  border: 0px;
  border-bottom: 1px solid #d4d4d4;
  font: normal 1.143em/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  padding: 5px 6px 8px 15px;
  margin: 10px 0 20px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: right;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  position: relative;
  margin: 10px 5px 0 0;
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
}
.innerpages .accordion .ui-accordion-content div,
.innerpages .accordion .ui-accordion-content p {
  font: 1em Lato-Regular, DroidArabicKufi, 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: 0px;
  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;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  height: 40px;
}
.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;
    }
}

.innerpages .nav-tabs > li:hover,
.innerpages .eventsTabs > li:hover {
  background-color: #eee;
}
.innerpages .nav-tabs > li:active,
.innerpages .eventsTabs > li:active {
  background-color: #138884;
}
.innerpages .nav-tabs > li a.active,
.innerpages .eventsTabs > li a.active {
  background: #138884  !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #138884;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.innerpages .nav-tabs > li.disabled,
.innerpages .eventsTabs > li.disabled {
  background: #cccccc;
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666 !important;
  border: none!important;
  background: transparent none!important;
  padding: 5px 25px 8px;
  text-align: center;
  width:100%;
  height: 40px;
}
.innerpages .nav-tabs > li > a i[class^="icon-"],
.innerpages .eventsTabs > li > a i[class^="icon-"] {
  font-size: 1.786em;
  line-height: 1;
}
.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: 12px 25px 15px;
}
.innerpages .hero-tabs {
  margin-bottom: 30px!important;
}
.innerpages .hero-tabs li a {
  min-height: 60px;
  font-size: 1.4em!important;
  line-height: 2.2;
}
.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 0px 25px -14px #ccc inset;
}
.innerpages .vTabs > li {
  display: list-item;
  float: none;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  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 transparent;
  border-top: 10px solid transparent;
  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: 0px solid #298ebd;
  padding: 15px;
  font: normal 1em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #0a6562;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  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: 0px;
}
.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: 0px;
}
.innerpages .table {
  width: 100%;
}
.innerpages .table > thead > tr > th,
.innerpages .table > tbody > tr > th {
  background-color: #138884;
  font: normal 1.143em Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #555;
  text-align: left;
  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: #138884;
}
.innerpages .tableWrapper {
  max-width: 100%;
  overflow: auto;
}
.innerpages .pagination,
.innerpages .ms-srch-Paging {
  text-align: center;
  /*--ASP pager--*/
}
.innerpages .pagination a,
.innerpages .ms-srch-Paging a {
  font: normal 15px/15px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #138884;
  background-color: #fff;
  padding: 13px 10px;
  height: 40px;
  min-width: 40px;
  margin: 0px!important;
  border: 1px #d6e1e5 solid!important;
  margin-right: -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: #138884;
}
.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 none !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: '\f104';
  font-family: mci-icons;
  line-height: .5em;
}
.innerpages .pagination .Next a:before,
.innerpages .ms-srch-Paging .Next a:before {
  content: '\f105';
  font-family: mci-icons;
  line-height: .5em;
}
.innerpages .pagination > span > a,
.innerpages .ms-srch-Paging > span > a {
  padding: 3px 12px;
  margin-right: -1px !important;
  float: left;
  text-align: center;
  line-height: 35px;
}
.innerpages .pagination > span > a.Previous:before,
.innerpages .ms-srch-Paging > span > a.Previous:before {
  content: '\f104';
  font-family: mci-icons;
  line-height: .5em;
}
.innerpages .pagination > span > a.Next:before,
.innerpages .ms-srch-Paging > span > a.Next:before {
  content: '\f105';
  font-family: mci-icons;
  line-height: .5em;
}
.innerpages .pagination > span > a.First,
.innerpages .ms-srch-Paging > span > a.First {
  border-radius: 4px 0 0 4px;
}
.innerpages .pagination > span > a.First:before,
.innerpages .ms-srch-Paging > span > a.First:before {
  content: '\F100';
  font-family: mci-icons;
  line-height: .5em;
}
.innerpages .pagination > span > a.Last,
.innerpages .ms-srch-Paging > span > a.Last {
  border-radius: 0 4px 4px 0;
}
.innerpages .pagination > span > a.Last:before,
.innerpages .ms-srch-Paging > span > a.Last:before {
  content: '\F101';
  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-right: -1px;
  float: left;
  line-height: 35px;
}
.select2-dropdown {
  border: 0!important;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 10px 25px 0px rgba(0, 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;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: 45px;
}
.shareWrapper .lastEdit {
  color: #666;
  font: normal 14px/1.8 Lato-Regular, DroidArabicKufi, sans-serif;
}
.shareWrapper .shareBtns a:has(img.x-twitter) { 
  padding-top:3px;
}
@media (max-width: 991px) {
  .shareWrapper .lastEdit {
    text-align: center;
  }
}
.shareWrapper .lastEdit i {
  font-size: 16px;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.shareWrapper .shareBtns {
  text-align: right;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 991px) {
  .shareWrapper .shareBtns {
    text-align: center;
  }
}
.shareWrapper .shareBtns span {
  color: #666;
  font: normal 1em Lato-Regular, DroidArabicKufi, sans-serif;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .shareWrapper .shareBtns span {
    display: none;
  }
}
.shareWrapper .shareBtns a {
  background: #0a6562;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: 0px 2px;
  vertical-align: middle;
}
.shareWrapper .shareBtns a:hover {
  background: #138884;
}
/* Custome Radio button style */
.radio {
  /* Customize the label (the container) */
  /* Create a custom radio button */
}
.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;*/
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* Hide the browser's default radio button */
  /* On mouse-over, add a grey background color */
}
.radio label input {
  position: absolute!important;
  opacity: 0;
  /* When the radio button is checked, add a blue background */
}
.radio label input:checked ~ .checkmark {
  border-color: #074D31;
  /* Show the indicator (dot/circle) when checked */
}
.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 ;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #074D31;
}
/* Custome checkbox button style */
.checkbox {
  /* Customize the label (the container) */
  /* Create a custom radio button */
}
.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;*/
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* Hide the browser's default radio button */
  /* On mouse-over, add a grey background color */
}
.checkbox label input {
  position: absolute!important;
  opacity: 0;
  /* When the radio button is checked, add a blue background */
}
.checkbox label input:checked ~ .checkmark {
  border-color: #5baeb0;
  background: #074D31;
  /* Show the indicator (dot/circle) when checked */
}
.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;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.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: 0px 1px 2px 0px rgba(0, 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;
}
/* Custome fileupload style */
.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: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.fileupload .upload i[class^="icon-"] {
  font-size: 1.286em;
  margin-left: 5px;
}
.btngroup {
  padding: 25px 0;
}
/*---- Service Catalog  ----*/
.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 calc(100% - 10px) 10px;
  padding-right: 35px;
}
.ui-autocomplete {
  border: none!important;
  background: #fff;
  overflow: hidden;
  -webkit-transform: translate(0px, 20px);
      -ms-transform: translate(0px, 20px);
          transform: translate(0px, 20px);
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.13);
}
.ui-autocomplete * {
  color: #0a6562 !important;
  font: normal 1em Lato-Regular, DroidArabicKufi, sans-serif;
}
.ui-autocomplete .ui-state-active {
  color: #fff !important;
  background: #138884;
  border-color: #138985;
}
.servicefilter-Wrapper .filter-btn,
.opendatafilter-Wrapper .filter-btn {
  position: relative;
  padding: 8px 16px;
  background: #f5f5f6;
  margin: 0 0 0 4px;
  display: inline-block;
  text-align: center;
  border-radius: 26px;
  font: 13px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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: 0px 0px 35px 0px rgba(0, 0, 0, 0.13);
  margin-bottom: 40px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.service-card:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #0a6562;
  right: 0;
  bottom: -278px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.service-card .serv-icon {
  padding: 70px 0 0;
  height: 130px;
  position: relative;
  opacity: 1;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  color: #666;
  position: relative;
}
.service-card p {
  position: relative;
  text-align: center;
  padding: 5px 20px;
  padding-top: 10px;
  opacity: 0;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  border-radius: 35px;
  width: 75%;
  margin: 0 1%;
  height: 35px;
  background: #074D31;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  opacity: 0;
  margin-top: 5px;
}
.service-card .service-btn-wrapper .serv-btn.orange {
  background: #e66b2e;
}
.service-card:hover {
  box-shadow: 0px 18px 35px 0px rgba(0, 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: 0px 18px 35px 0px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, 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: 4px auto 0;
  border-radius: 50px;
  max-height: 33px;
}
.rating {
  cursor: pointer;
}
.rating .ratingText {
  font: 13px Lato-Regular, DroidArabicKufi, 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;
}
.rating .rating-star.active {
  color: #e66b2e;
}
.service-FAQ {
  min-height: 33px;
  width: 172px;
  text-align: center;
  margin: 15px auto 0;
  border: 1px solid #0a6562;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  padding: 6px 6px 4px;
  max-width: 90%;
  display: block;
  color: #0a6562;
  font: normal 1em/1.429 Lato-Regular, DroidArabicKufi, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  display: block;
  text-align: center;
  background: #074D31;
  border-radius: 10px;
  color: #fff!important;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.start-servicebtn .icon-service-strat {
  font-size: 45px;
  height: 47px;
  position: relative;
  top: 3px;
  right: 10px;
  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.15em/5em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  display: block;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  color: #074D31 !important;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.download-serviceguide [class^='icon-'] {
  font-size: 1.786em;
  position: relative;
  top: 3px;
  left: 2px;
  color: #074D31;
  margin-right: 5px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.download-serviceguide:hover {
  color: #e66b2e !important;
}
.download-serviceguide:hover [class^='icon-'] {
  color: #e66b2e !important;
}
.service-description {
  padding-left: 70px;
  padding-right: 15px;
  position: relative;
}
.service-description h2 {
  font: 1.786em Lato-Bold, DroidArabicKufi-Bold, sans-serif !important;
  color: #074D31 !important;
  position: relative;
}
.service-description .servd-icon {
  margin-left: -65px;
  font-size: 39px!important;
  position: absolute;
  top: -10px;
}
.service-description h5 {
  font: 110% Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #e66b2e;
  margin: 10px 0;
}
.service-working-method {
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  background: #f0f6f2;
  padding: 30px 15px 30px 70px ;
  border-radius: 30px;
}
.service-working-method h2 {
  font: 1.786em Lato-Bold, DroidArabicKufi-Bold, sans-serif !important;
  color: #074D31;
  position: relative;
}
.service-working-method .servm-icon {
  margin-left: -60px;
  font-size: 39px!important;
  position: absolute;
  top: -12px;
}
.service-working-method h5 {
  font: 110% Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #e66b2e;
  margin: 10px 0;
}
body .numeric-timeline {
  counter-reset: section;
  margin: 30px 0 0 60px;
  padding-right: 0px!important;
}
body .numeric-timeline li {
  font: 1.071em/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #666;
  position: relative;
  padding-left: 50px;
  padding-bottom: 30px;
  list-style: none!important;
}
body .numeric-timeline li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  display: inline-block;
  margin-right: 20px;
  width: 35px;
  height: 35px;
  background: #e66b2e;
  font: bold 1.786em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 35px;
  position: absolute;
  left: 0;
}
body .numeric-timeline li:after {
  display: block;
  width: 1px;
  height: calc(100% - 35px) ;
  content: '';
  border-right: 1px rgba(10, 101, 98, 0.4) dashed;
  position: absolute;
  left: 17px;
  top: 35px;
}
body .numeric-timeline li:last-child:after {
  display: none;
}
body .numeric-timeline li a {
  color: inherit;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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/2 Lato-Regular, DroidArabicKufi, sans-serif;
  padding-bottom: 20px;
  list-style: none!important;
}
/*---Branches & Attaches css ---*/
.branch-hero-link {
  display: block;
  background: #f4f6f5;
  border-radius: 4px;
  padding: 35px 15px;
  margin-bottom: 25px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.branch-hero-link > span {
  display: block;
  text-align: center;
  color: #074D31;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.branch-hero-link .icon {
  font-size: 4.286em;
  line-height: 100px;
}
.branch-hero-link .text {
  font: 2.3em Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
.branch-hero-link:hover {
  background: #074D31;
  box-shadow: 0px 18px 35px 0px rgba(0, 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.4em;
}
.branch-hero-link.deparment-box .icon {
  color: #777;
  font-size: 3.214em;
  margin-bottom: 15px;
}
.map-btn-wrapper {
  min-height: 210px;
  background: #fff;
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px 15px;
  margin-bottom: 25px;
}
.map-btn-wrapper .map-header {
  margin-bottom: 15px;
}
.map-btn {
  margin: 28px 5px 15px;
  padding: 0 12px;
  font: 20px/70px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  display: block;
  text-align: center;
  background: #074D31;
  border-radius: 10px;
  color: #fff!important;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: 0px 18px 35px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.map-wrapper {
  padding: 25px;
  margin-bottom: 50px;
  border-radius: 10px;
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.1);
}
.attaches-flag-wrapper {
  margin-bottom: 20px;
}
.attaches-flag-wrapper .attache-item {
  border: rgba(255, 255, 255, 0.9999999) solid 1px;
  display: inline-block;
  text-align: left;
  padding-top: 8px;
  width: 145px;
  height: 44px;
  margin-right: 15px;
  margin-bottom: 20px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.17);
  font: 0.95em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #138884;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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-right: 10px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.attaches-flag-wrapper .attache-item:hover {
  box-shadow: 0px 8px 15px 0px rgba(0, 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: 0px 5px 25px 0px rgba(0, 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/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #666;
}
#map-canvas #MapPopup h5 {
  font: 13px/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #074D31;
}
#map-canvas #MapPopup .flag-icon {
  position: relative;
  top: 3px;
}
#map-canvas #MapPopup h6 {
  font: 12px/1.8 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #333;
}
#map-canvas #MapPopup div {
  font: 12px/1.8 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
}
#map-canvas #MapPopup .phone-list,
#map-canvas #MapPopup .fax-list {
  line-height: 1.8;
}
#map-canvas #MapPopup .phone-list li,
#map-canvas #MapPopup .fax-list li {
  display: inline-block;
  margin: 0 15px 0 0;
  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 {
  line-height: 1.8;
}
#map-canvas #MapPopup .website a {
  color: #074D31;
}
#map-canvas #MapPopup .website a i[class^="icon-"] {
  font-size: 13px;
}
#map-canvas #MapPopup .branch-email,
#map-canvas #MapPopup .gm-location {
  line-height: 1.8;
}
#map-canvas #MapPopup .branch-email a,
#map-canvas #MapPopup .gm-location a {
  font: 1em Lato-Regular, DroidArabicKufi, 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-right: 5px;
}
.branches_search {
  padding: 10px 0 60px;
}
.branches_search .bsearch-label {
  font: 14px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #e66b2e;
  margin: 10px 0;
}
.branches_search .serv-search {
  min-height: 50px;
  background-position: calc(90%) 15px !important;
}
/*---Open Data css ---*/
.infoh2 {
  font-size: 1.786em;
}
.opendata-hero-link {
  margin: 25px 0;
  display: block;
  background: #f4f6f5;
  border-radius: 4px;
  padding: 45px 15px;
  margin-bottom: 25px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.opendata-hero-link > span {
  display: block;
  text-align: center;
  color: #074D31;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.opendata-hero-link .icon {
  font-size: 80px;
  line-height: 100px;
}
.opendata-hero-link .text {
  font: 35px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
.opendata-hero-link:hover {
  background: #074D31;
  box-shadow: 0px 18px 35px 0px rgba(0, 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: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  /*--- Opendata-details ---*/
}
.opendata-card:hover {
  box-shadow: 0 18px 35px rgba(0, 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #e66b2e;
}
.opendata-card .summary span {
  margin-left: 0px;
  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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.opendata-card .download-files .downloadlink [class^="icon-"] {
  font-size: 65px;
  line-height: 123px;
}
.opendata-card .download-files .downloadlink.xsl {
  color: #138884;
  border-right: 2px solid #fff;
}
.opendata-card .download-files .downloadlink.xsl:hover {
  background: #138884;
  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;
    right: 28px;
  }
  .opendata-card .downloadlink.xsl {
    border-bottom: 2px solid #fff;
  }
}
@media (max-width: 768px) {
  .opendata-card .downloadlink [class^="icon-"] {
    right: 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: 1.1em;
}
.opendata-card.inside .summary-label {
  padding: 8px 0 8px 15px;
}
.opendata-card.inside .summary-label [class^="icon-"] {
  margin-right: 5px;
}
.opendata-card.inside .summary-value {
  padding: 12px 0 12px 15px;
  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-left: 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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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;
  right: 0;
  top: 2px;
  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;
}
/*---Photo Albums --*/
.photoListingItem {
  /*border:4px #fff solid;*/
  margin-bottom: 30px;
  background: #bbb;
  position: relative;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  overflow: hidden;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 {
  right: 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);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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%;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.photoListingItem .photoListingImage .photocount {
  position: absolute;
  padding: 5px 12px;
  top: 20px;
  right: -100%;
  background: #074D31;
  border-radius: 40px 0 0 40px;
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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: rgba(255, 255, 255, 0.9);
  font: 1.2em/1.5 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #444;
  position: absolute;
  bottom: 0;
  width: 101%;
  padding: 15px 10px;
  min-height: 80px;
  /*transform: translateY(20px);opacity:0;*/
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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);
}
/*---Video Listing --*/
.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%;
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #555;
  padding: 15px 8px;
  width: 100%;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  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%); -o-filter: brightness(70%);*/
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
/*---News Listing --*/
.newsListItem {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
  border-radius: 2px;
  padding: 10px 10px 10px 0;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.newsListItem:after,
.newsListItem:before {
  display: table;
  content: " ";
  clear: both;
}
.newsListItem:hover {
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  transition: all 1s ease;
}
.newsListItem:hover .NewsList_Image img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  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;
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  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 Lato-Bold, DroidArabicKufi-Bold, sans-serif !important;
  color: #074D31;
  margin-bottom: 5px;
}
.newsListItem h2 a {
  color: #074D31;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.newsListItem h2 a:hover {
  color: #00e2da;
}
.newsListItem p {
  font: 1em/2.5 Lato-Regular, DroidArabicKufi, 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: 0.9em Lato-Regular, DroidArabicKufi, sans-serif;
  display: inline-block;
}
.artclDate [class^="icon-"] {
  margin-right: 5px;
  color: #888;
  font-size: 0.929em;
}
.survey-item {
  box-shadow: 0 12px 35px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  padding: 0 5px 5px;
}
.survey-item .newstitle a {
  color: #074D31;
}
.survey-item .morelnk {
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #e66b2e;
}
.survey-item .morelnk [class^="icon-"] {
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 Lato-Bold, DroidArabicKufi-Bold, 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-right: 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: 6px;
  left: 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;
}
/*// ---- Radio and Checkbox Custom Styles --- //*/
#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-right: 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: 6px;
  left: 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 Lato-Bold, DroidArabicKufi-Bold, 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: 13px/1.5 Lato-Regular, DroidArabicKufi, sans-serif;
}
/*-- Fancy Override --*/
.fancybox-skin {
  padding: 0px!important;
  box-shadow: none !important;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}
.fancybox-title-float-wrap .child {
  background: none!important;
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif !important;
}
/*--- Loading Css ---*/
.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);
  }
}
/*---- loading end---*/
.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 rgba(0, 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 {
  margin-left: 39px;
  width: calc(100% - 38px) !important;
  direction: ltr;
  text-align: left;
  padding-left: 10px;
}
.phoneWrapper .phoneCode {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0px;
  background: #074D31;
  color: #fff;
  padding: 7px 5px 8px;
  border-radius: 4px 0 0 4px;
  direction: ltr;
  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.2) !important;
}
.btn-longtxt {
  font: 13px Lato-Regular, DroidArabicKufi, sans-serif !important;
  padding: 15px 0;
}
.btn-longtxt [class^='icon-'] {
  font-size: 20px;
}
.pinned_item {
  position: relative;
}
.pinned_item .newsListItem {
  box-shadow: 0 0px 15px rgba(0, 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;
}
/*--- news Photo Slider ---*/
.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: 0.4;
}
.newsPhotoSlider .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
/* Ministry timeline */
.timeline {
  position: relative;
  margin: 0 auto;
  /* Media queries - Responsive timeline on screens less than 600px wide */
}
.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;
  /* Place the container to the left */
  /* Place the container to the right */
}
.timeline .timeline-container:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -16px;
  background-color: white;
  border: 3px solid #e66b2e;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.timeline .timeline-container.left {
  left: 0;
  /* Add arrows to the left container (pointing right) */
}
.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: transparent transparent transparent #eee;
}
.timeline .timeline-container.right {
  left: 100%;
  /* Add arrows to the right container (pointing left) */
  /* Fix the circle for containers on the right side */
}
.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: transparent #eee transparent transparent;
}
.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 rgba(0, 0, 0, 0.2);
}
.timeline .milestone-title {
  color: #138884;
  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 {
    /* Place the timelime to the left */
    /* Full-width containers */
    /* Make sure that all arrows are pointing leftwards */
    /* Make sure all circles are at the same spot */
    /* Make all right containers behave like the left ones */
  }
  .timeline:after {
    right: 50%;
    z-index: -1;
  }
  .timeline .timeline-container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0;
  }
  .timeline .timeline-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
    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;
  }
}
/*--- 404---*/
.copyRights-404 {
  font: 1em Lato-Regular, DroidArabicKufi, 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 rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #888;
  margin: 10px 0;
}
.error-404-wrapper .hero-msg-404 p {
  font: 1.143em Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
.error-404-wrapper .hero-msg-404 .gohome-link:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  background: #138884;
}
/* startproject-css */
.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: rgba(255, 255, 255, 0.85);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.startproject-wrapper .project-box h3 {
  font: 20px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #0c7c79;
}
.startproject-wrapper .project-box p {
  font: 1.143em Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #fff;
  position: relative;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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 & regulations cards ---- */
.Rules-wrapper {
  padding-top: 20px;
}
.rules-reg-card {
  padding: 15px;
  width: 100%;
  height: 240px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  overflow: hidden;
  /*cursor:pointer;*/
  position: relative;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.rules-reg-card:hover {
  box-shadow: 0px 5px 35px 0px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, 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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #999;
  margin: 10px 0;
}
.color-index {
  padding: 15px;
}
.index-label {
  display: inline-block;
  min-width: 80px;
  font: 1em Lato-Regular, DroidArabicKufi, sans-serif;
  color: #888;
}
.index-label:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 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: transparent;
  color: #adccc9 !important;
}
#lawSummaryContainer {
  background: #fff;
  box-shadow: 0px 18px 35px 0px rgba(0, 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.5em;
}
#lawSummaryContainer .lawSummary {
  text-align: justify;
}
#lawItemContainer .ui-accordion-content p {
  margin: 15px 0;
}
#lawItemContainer h3 {
  margin-bottom: 20px!important;
}
#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 Lato-Regular, DroidArabicKufi, sans-serif;
  color: #666;
  display: inline-block;
  padding: 2px 5px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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: rgba(230, 107, 46, 0.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 {
  /*margin-top: -35px;*/
  margin-top: 0!important;
  line-height: 1!important;
  font-size: 30px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  opacity: .5;
}
#issueToolModal .modal-dialog .modal-header .close span {
  line-height: 1!important;
}
#issueToolModal .modal-dialog .modal-header .close:hover {
  opacity: .8;
}
#issueToolModal .modal-dialog .modal-body {
  font-size: 13px;
}
/*-- Fix for Hidden Select 2 width --*/
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/1.8 Lato-Bold, DroidArabicKufi-Bold, 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;
}
/*-- MONTLY EVENTS --*/
input {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  padding: 0 20px;
  box-sizing: border-box;
  display: inline-block;
  height: 35px;
}
form.search {
  background-color: rgba(255, 255, 255, 0.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: 90px;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style-type: none;
  text-align: left;
}
.eventInfo > li {
  display: inline-block;
}
.eventInfo > li > a {
  padding: 2px 30px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: white;
  margin: 0 auto;
}
.eventInfoMobile {
  display: none;
}
.info1 {
  background-color: #444444;
}
.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;
}
/*-- FULLCALENDAR --*/
.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: left;
  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: 0.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: 0px 0px 38px 0px rgba(0, 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: 0px 0px 38px 0px rgba(0, 0, 0, 0.2);
}
.eventpop_up:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  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: #666666;
  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: left;
}
.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-toolbar.fc-header-toolbar {
  margin-bottom: 50px!important;
}
.fc-button-group .fc-button {
  background: #074D31 none;
  color: #fff;
  padding-top: 0px;
  margin-top: 17px!important;
}
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {
  top: -21px !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left!important;
}
.fc-event .fc-content {
  text-align: left;
}
/*-- YEAR CALENDAR --*/
.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: left;
}
.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: left;
  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;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 5px;
}
.calendarControls .prev {
  display: inline-block;
  cursor: pointer;
}
.calendarControls .next {
  display: inline-block;
  float: right;
  cursor: pointer;
}
.calendarControls .next i {
  float: right;
}
.calendarControls > div {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  font-size: 18px;
}
.calendarControls > div:hover {
  color: #074D31;
}
.bmDetailsTtl {
  height: 330px;
  background: #138884;
  position: relative;
  padding: 20px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 20px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  margin: 30px 0;
  box-shadow: 0 0 25px 0px #138884;
}
.bmDetailsTtl:after {
  content: "";
  display: block;
  clear: both;
}
.bmDetailsTtl .bmDetailsTtlImg {
  display: inline-block;
  vertical-align: middle;
  float: left;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
}
.bmDetailsTtl .bmDetailsTtlImg img {
  width: 250px;
  height: 290px;
  object-fit: cover;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
}
.bmDetailsTtl .bmDetailsTtlTxt {
  display: table-cell;
  vertical-align: middle;
  /*height:250px;*/
  padding: 0px 0 0 60px;
}
.bmDetailsTtl .bmDetailsTtlTxt h2 {
  color: #fff;
  font: normal 25px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  margin: 20px 0 30px;
}
.bmDetailsTtl .bmDetailsTtlTxt h3 {
  color: #fff;
  font: normal 22px Lato-Regular, DroidArabicKufi, sans-serif;
  margin: 10px 0 30px;
}
.bmDetailsTtl .bmDetailsTtlTxt p {
  color: #fff;
  font: normal 14px Lato-Regular, DroidArabicKufi, sans-serif;
  margin: 10px 0 30px;
}
.bmDetailsTtl a {
  color: #fff;
  font: normal 16px Lato-Regular, DroidArabicKufi, sans-serif;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.bmDetailsTtl a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.bmDetailsTtl a i {
  margin-right: 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;
}
#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 ");
}
/*-- Changed Css --------------*/
.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: 0.8em DroidArabicKufi, arial, sans-serif;
  color: #999;
  margin: 10px 0;
}
.disclaimer-message {
  text-align: center;
  padding: 10px 10px;
  background: #e2e2e2;
  margin: 20px 0;
  border-radius: 10px;
  color: red;
  font-family: Lato-Regular, DroidArabicKufi, sans-serif !important;
}
/*---------------------------------------------------------
        
            ///        Responsive    ///

------------------------------------------------------------*/
@media (max-width: 1024px) {
  body .header-wrapper.home-header {
    min-height: 135px;
    max-height: 135px;
  }
  .header-wrapper .logoImg {
    max-height: 62px!important;
    margin-left: 18px;
  }
  .header-wrapper.home-header .vissionlogoImg {
    max-height: 50px !important;
  }
  .header-wrapper .logo-sep {
    height: 52px;
    margin: 0 5px;
    position: relative;
    top: -5px;
  }
  .showhidenav {
    left: 18px;
    top: 44px;
  }
  .header-wrapper .top-functions .topLnk {
    margin-left: 5px;
    font-size: 11px;
    margin-right: 0;
  }
  .header-wrapper .top-functions .searchicon .search2 {
    margin-right: 0;
  }
  .header-wrapper .topnav .navbar-nav > li + li {
    margin: 0 0 0 18px;
  }
  .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;
    /*top: -45px;*/
  }
  .header-wrapper .topnav.sticynav .navbar-toggle {
    margin-top: 8px;
    margin-right: 10px;
  }
  .header-wrapper .topnav.sticynav .navbar-collapse {
    top: 0;
  }
  .navbar-toggle {
    height: 32px;
    margin-right: 0;
  }
  .navbar-toggle .icon-bar {
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    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 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 .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;
    /*top: -20px;*/
  }
  .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: rgba(255, 255, 255, 0.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 {
    left: auto;
    right: 0;
    top: 12px;
    margin-top: 0;
  }
  .serviceswrapper .servs-group {
    width: 100%;
    margin-left: 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: 2em;
  }
  .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: .9em;
  }
  .wnew-eventswrapper .wnew-item .new-txt {
    padding: 0 0 0 130px;
    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: left;
    padding: 0 15px;
  }
  .pollWp .wptitle:after {
    margin: 5px 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: 10px;
  }
  body .header-wrapper.home-header .topbar {
    padding-top: 22px;
    padding-bottom: 0;
  }
  .header-wrapper .logoImg {
    margin-right: 0;
  }
  /* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
  .navbar-header {
    float: none;
    position: absolute;
    top: -65px;
    right: 0px;
  }
  .sticynav {
    height: 55px;
  }
  .sticynav .navbar-header {
    position: static;
  }
  .navbar-default .navbar-toggle,
  .navbar-toggle {
    display: block;
    border: 0px;
    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: 0px -8px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: #074D31;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  }
/*  .navbar-collapse.collapse {
    display: none!important;
  }*/
    .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: 'Home';
  }
  .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: right;
    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 {
    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 {
    color: #fff;
    padding: 8px 0px;
  }
  .header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
    font-size: 8px;
    /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
    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: -98px;
    right: 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: 25px;
    margin-top: 20px;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    padding: 12px 0;
  }
  .newsListItem h2 {
    font-size: 1.1em!important;
    line-height: 1.5!important;
  }
  .month-container {
    width: 100%;
  }
  .eventInfoMobile {
    position: relative;
    top: 95px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: block;
  }
  .eventInfoMobile .select2 {
    width: 100%!important;
  }
  .eventInfo {
    display: none;
  }
  .fc-button-group .fc-button {
    margin-top: 5px!important;
    margin-bottom: 20px!important;
  }
  .fc-icon-left-single-arrow:after,
  .fc-icon-right-single-arrow:after {
    top: -1px !important;
  }
}
@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;
    right: 10px;
  }
  .indecators .swiper-button-next {
    right: 0;
  }
  .indecators .swiper-button-prev {
    left: 0;
  }
  .pollWp {
    background: rgba(255, 255, 255, 0.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: 85vw;
    padding: 0 2vw 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-left: -115px;
    font-size: 13px;
    line-height: 48px;
    width: 170px;
    bottom: 60px;
  }
  .Customer-link [class^="icon-"] {
    font-size: 23px;
    margin-left: 5px;
  }
  .navbar-collapse {
    margin: 0 2px;
  }
  .service-description {
    padding: 0;
  }
  .service-description .servd-icon {
    position: relative;
    top: 0px;
    font-size: 28px!important;
    margin-left: 0;
  }
  .service-working-method {
    padding: 15px;
    border-radius: 10px;
  }
  .service-working-method .servm-icon {
    margin-left: 0;
    font-size: 28px!important;
    position: relative;
    top: 0px;
  }
  .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: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
  }
  #lawItemContainer {
    padding: 15px 0;
  }
  .home-content .homenewsSlider .swiper-slide .newsItem h3 {
    font-size: 17px;
    line-height: 1.5;
  }
  .wnew-eventswrapper .wnew-tabs .nav-tabs > li > a {
    line-height: 2;
  }
  .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;
  }
}
@media (max-width: 767px) {
  .shareWrapper .lastEdit,
  .shareWrapper .shareBtns {
    text-align: center;
  }
  .shareWrapper .shareBtns {
    padding-top: 10px;
  }
  .phoneWrapper .phoneCode {
    padding: 12px 5px 12px;
  }
  .LBD_CaptchaDiv {
    margin-top: 15px!important;
  }
  .shareWrapper {
    border-radius: 4px !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 0 0 115px;
    font-size: 13px;
  }
  .mainslider {
    max-height: 420px;
  }
  .mainslider .banner-description {
    max-width: 85vw;
    padding: 0 0 0 6vw;
    
  }
  .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-right: 30px;
  }
  .wnew-eventswrapper .wnew-tabs .nav-tabs > li > a {
    font-size: 1.5em;
  }
  .service-working-method h2 {
    font-size: 1.2em!important;
  }
}
@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;
    /*zoom:.95;*/
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.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;
    /*zoom: 0.85;*/
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
  }
  .service-tabs .nav-tabs > li > a {
    padding: 5px 5px 8px;
    font-size: 13px;
  }
  .innerpages .nav-tabs > li {
    min-width: 140px;
  }
  .wnew-eventswrapper .wnew-tabs .nav-tabs > li > a {
    font-size: 1.3em;
  }
}
/*---Sharpoint Override---*/
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: Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  font-weight: bold;
}
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-left: 20px;
}
/*---Search Style--*/
.ms-srch-hover-outerContainer {
  display: none!important;
}
.ms-srch-item {
  padding: 5px;
  margin: 10px 0px;
  width: 100%;
  border-bottom: 1px rgba(10, 101, 98, 0.2) dashed;
}
.ms-srch-item:hover {
  background: rgba(19, 136, 132, 0.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: #138884;
  display: block;
  width: 100%;
}
.ms-srch-item .ms-srch-ellipsis {
  font-size: 1.3em;
}
.innerpages .ms-srch-Paging a {
  font: 15px/15px Lato-Regular, DroidArabicKufi, sans-serif;
  color: #138884 !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: #138884;
  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: #138884;
  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;
  }
}
/*---- Inverted Icons---*/
.icon-left-circled:before,
.icon-next-arrow:before,
.icon-prev-arrow:before,
.icon-angle-left:before,
.icon-angle-right:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.innerpages .breadCrumb .breadCrumbDetails a:after {
  content: "\f105";
}
/*.col-md-4{width: 33.33333333%!important;}*/
@media (min-width: 992px) {
  .col-md-offset-3 {
    margin-left: 25%!important;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%!important;
  }
}
/*--- Service Sub Category---*/
.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 Lato-Regular, DroidArabicKufi, sans-serif !important;
  color: #666;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.serv-subfilter-wrapper .subfilter-btn.active {
  background: #e66b2e;
  color: #fff;
}
/*--- Events updates---*/
.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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #074D31;
  display: block;
}
.eventlist-item .dayfrom .month,
.eventsslider-wrapper .dayfrom .month,
.eventlist-item .dayto .month,
.eventsslider-wrapper .dayto .month {
  font: 14px Lato-Regular, DroidArabicKufi, sans-serif !important;
  color: #777 !important;
}
.eventlist-item .dayto,
.eventsslider-wrapper .dayto {
  border-left: 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;
  left: -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 Lato-Regular, DroidArabicKufi, 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;
}
/*--- Start Project @ home---*/
/*.start-your-project {
  display: block;
  background: #074D31;
  margin-top: 10px;
  margin-left: -30px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  font: 18px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #fff!important;
  padding: 35px 0;
  border-radius: 0 4px 4px 0;
  position: relative;
}
.start-your-project img {
  display: block;
  margin: 0 auto 15px;
}
.start-your-project:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: -6px;
  border-right: 10px solid #3d7f80;
  border-left: 0px solid transparent;
  border-bottom: 6px solid transparent;
}
.start-your-project:hover {
  background: #e66b2e;
}
.start-your-project:hover:after {
  border-right-color: #b24915;
}*/
.service-lrbg h2 a.start-your-project:nth-child(3n+1) img {
margin: 4px 15px 4px 17px;
}

.start-your-project {
  display: flex;
  background: #074D31;
  margin-top: 12px;
  margin-left: -30px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  font: 18px DroidArabicKufi-Bold, arial, sans-serif;
  color: #fff!important;
  padding: 35px 0;
  border-radius: 0 4px 4px 0;
  position: relative;
  font-size: 15px;
  padding: 5px 0;
}
.start-your-project img {
    display: inline-flex;
    margin: 4px 14px 4px 10px;
}
.start-your-project i {
    display: inline-flex;
    margin: 9px 14px 9px 13px;
}


.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: 1px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    min-height: auto;
color:#fff;
}
.start-your-project:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: -6px;
  border-right: 10px solid #3d7f80;
  border-left: 0px solid transparent;
  border-bottom: 6px solid transparent;
}
.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;
  }
}
/*----Beta Style---*/
a.logo {
  position: relative;
  display: inline-block;
}
/*
a.logo:after {
  content: 'Beta';
  display: inline-block;
  position: absolute;
  left: 13px;
  bottom: -19px;
  background: #009690;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 0px 12px;
  border-radius: 20px;
}
*/
@media (max-width: 1024px) {
  a.logo:after {
    left: 25px;
  }
}
@media (max-width: 768px) {
  a.logo:after {
    left: 24px;
    bottom: -17px;
  }
}
@media (max-width: 425px) {
  a.logo:after {
    left: 21px;
    padding: 0 10px;
  }
}
@media (max-width: 375px) {
  a.logo:after {
    left: 20px;
    font-size: 11px;
    bottom: -18px;
    padding: 0 10px;
  }
}
@media (max-width: 320px) {
  a.logo:after {
    left: 17px;
  }
}
.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% {
    right: 0px;
  }
  50% {
    right: 15px;
  }
}
@keyframes scrollH {
  0%,
  100% {
    right: 0px;
  }
  50% {
    right: 15px;
  }
}
@media (max-width: 1024px) {
  .service-tabs .tab-content {
    position: relative;
    margin: 0 -15px;
  }
  .service-tabs .tab-content .tab-pane .serv-item {
    margin-right: 2px;
  }
}
/*--- bs Modal --*/
.modal-footer .btn + .btn {
  margin-bottom: 5px;
}
.modal-header .modal-title {
  display: inline-block;
}
.modal-header .close {
  margin-top: -12px;
}
/*--- old site css---*/
.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-left: 0px;
  margin-left: -1px;
  border: 1px solid #d3d6d9;
  border-left-color: transparent;
  display: block;
  float: left;
  outline: none;
  cursor: default;
}
.ms-cui-dd-text,
input.ms-cui-cb-input {
  height: 14px;
  border: 1px solid #d3d6d9!important;
  border-right-width: 0px!important;
  padding: 6px 5px 11px;
  display: block;
  float: left;
  cursor: default;
  white-space: nowrap;
  font: inherit;
  overflow: hidden;
}
.ms-cui-ctl-thin span {
  margin-top: 29px;
}
/*--- Webpart prop---*/
body #MSOTlPn_MainTD {
  position: fixed!important;
  left: auto!important;
  right: 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 Dialog Position fix---*/
.ms-dlgContent {
  position: fixed;
}
/*=========== Sitemap css===========*/
.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: left;
  }
}
.toc-layout-main > ul.dfwp-list > li.level-section > div.level-header .headertitle > a {
  font-size: 15px;
  font-weight: bold;
  color: #074D31;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list {
  margin: 5px 0 5px 25px;
}
.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: normal;
  color: #999;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header .headertitle > a:hover {
  color: #666;
}
/*=========Login Methods=========*/
.login-M-box {
  border: 1px #f7f7f7 solid;
  background-color: #fff;
  box-shadow: 0px 15px 35px 0px rgba(0, 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 Lato-Bold, DroidArabicKufi-Bold, 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;
    left: 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;
  }
}
/*=============== Advanced Search=============*/
.srch-advancedtable {
  width: 100%;
  padding: 0;
  margin: 0 auto 70px;
  border: 0;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 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: left;
  }
}
.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: right!important;
}
.srch-advancedtable .ms-advsrchbutton input[type=submit] {
  line-height: 1!important;
  height: 40px;
}
/*======No style Checkbox & Radio =======*/
.noStyle-CheckRadio [type="checkbox"],
.noStyle-CheckRadio [type="radio"] {
  opacity: 1!important;
  position: relative!important;
}
/*==== Coookies warning msg ====*/
.cookieinfo {
  font: 14px Lato-Regular, DroidArabicKufi, sans-serif;
  padding: 15px 18px!important;
  background: rgba(0, 0, 0, 0.9) !important;
}
.cookieinfo span {
  font: 14px Lato-Regular, DroidArabicKufi, sans-serif;
}
.cookieinfo .cookieinfo-close {
  font-family: Lato-Regular, DroidArabicKufi, sans-serif;
}
/*=====Tabindex highlight====*/
:focus {
  outline: 1px #2168ff auto!important;
}
:active {
  outline: 0!important;
}
@-moz-document url-prefix() {
  :focus {
    outline: 1px #2168ff dotted!important;
  }
  :active {
    outline: 0!important;
  }
}
/*=========advanced search lnk btn =======*/
.ms-srch-result #ResultFooter {
  text-align: left;
}
a#AdvancedLink {
  display: block;
  text-align: center;
  padding: 8px 20px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #074D31;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
}
a#AdvancedLink:hover {
  background: #074D31;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.addComment {
  position: absolute;
  font: 13px Lato-Regular, DroidArabicKufi, sans-serif;
  margin: 2px auto;
  color: #0a6562 !important;
  padding: 7px 5px;
  background: #fff;
  left: -5px;
  border-radius: 2px;
  display: block;
  text-align: center;
  max-width: 115px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.addComment:hover {
  background: #074D31;
  color: #fff!important;
}
@media (max-width: 991px) {
  .addComment {
    position: relative;
    left: auto;
  }
}
.opendataSLA {
  clear: both;
  border: 2px #074D31 solid;
  text-align: center;
  border-radius: 8px;
  direction: ltr;
  max-width: 1020px;
  margin: 0 auto;
  padding: 10px;
}
@media (max-width: 767px) {
  .opendataSLA {
    margin: 0 15px;
  }
}
/*======== Rules & Regulations =======*/
#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 {
  text-align: right;
  font: 13px Lato-Regular, DroidArabicKufi, 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 Lato-Regular, DroidArabicKufi, 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: right;
  margin: 10px 0;
}
.card-actions a {
  display: inline-block;
  color: #138884;
  padding: 1px 4px;
  background: #f2f2f2;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 14px;
  width: 27px;
  height: 27px;
  line-height: 24px;
}
.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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  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;
  right: 10px;
  background: #074D31;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  padding: 2px 10px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
}
.GuidesAndProceduresContainer .EService .serv-type:before,
.GuidesAndProceduresContainer .manualService .serv-type:before {
  font-size: 16px;
  margin: 6px 8px 0px 0;
}
.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 Lato-Regular, DroidArabicKufi, 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;
}
/*--Tabs to accordion start--*/
.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-right: 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;
}
/*End of Tabs styling*/
.serv-cat-main {
  position: absolute;
  top: -15px;
  background: #074D31;
  left: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  font: 13px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
.serv-cat-new {
  position: absolute;
  top: -15px;
  background: #f5f5f5;
  left: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  padding: 2px 10px;
  border-radius: 4px;
  color: #074D31;
  font: 13px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
.btn,
input.form-control,
textarea.form-control {
  -webkit-appearance: none;
}
@media (max-width: 678px) {
  .btngroup {
    padding: 5px 0;
    margin-bottom: 15px !important;
  }
}
.regulations-advanced-search {
  margin: 0 !important;
}
.nationality {
  position: absolute;
  bottom: -8px;
  left: 8px;
  background: #f7f7f7;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 2px 6px;
  border-radius: 4px;
  color: #074D31;
  font: 12px Lato-Bold, DroidArabicKufi-Bold, sans-serif;
}
.law-regulation-header {
  border: 1px #ccc solid;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 10px 5px;
}
.highlight {
  background: #ff0;
}
body .dataTables_wrapper .dataTables_filter {
  padding: 15px 0;
  float: left;
  text-align: left;
}
body .dataTables_wrapper .dataTables_filter input[type="search"] {
  min-height: 40px;
  min-width: 150px;
  border: none!important;
  margin-bottom: 0;
  text-align: left;
  border-radius: 4px!important;
  box-shadow: 0px 1px 5px 0px rgba(0, 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 calc(100% - 10px) 10px;
  padding-right: 35px;
  padding-left: 10px;
  margin-left: 10px ;
  -webkit-appearance: none;
}
body .dataTables_wrapper .dataTable {
  border-collapse: collapse!important;
}
body .dataTables_wrapper .dataTable tr th {
  text-align: justify !important;
  padding: 10px 18px!important;
}
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: rgba(0, 175, 169, 0.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-left: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: rgba(0, 175, 169, 0.2) !important;
}
body .dataTables_wrapper .dataTable tr.odd td:first-child,
body .dataTables_wrapper .dataTable tr.even td:first-child {
  padding-left: 60px!important;
}
body .dataTables_wrapper .dataTables_paginate {
  float: left;
  text-align: left;
}
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: rgba(0, 175, 169, 0.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;
}
body .dataTables_wrapper .dataTables_info {
  float: right;
}
/*---- Floated Search In Rules & regulations----*/
.floated-search-wrapper {
  position: fixed;
  top: 200px;
  left: 20px;
  background: #fff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
  border: 1px #eee solid;
  border-radius: 4px;
  z-index: 99;
  min-width: 150px;
}
.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;
  left: 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 calc(100% - 10px) 8px;
  padding-right: 34px!important;
  min-width: 105px !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-next-prev .f-search-ctrbtn i.icon-right-dir:before,
.floated-search-wrapper .f-search-next-prev .f-search-ctrbtn i.icon-left-dir:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.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 Lato-Bold, DroidArabicKufi-Bold, sans-serif;
  color: #444;
  position: relative;
  top: -15px;
  margin-bottom: -10px;
  display: block;
  text-align: center;
}
.highlight2 {
  background: #ff9632;
}

/*
@media ( max-width:768px ){ 
.navbar-collapse.collapse  { display:none !important;  } 
.navbar-collapse.collapse.show  { display:block  !important;  } 
}
*/
.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;
}
@media screen and ( max-width:768px){
.home-guides img {

}
.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;
}

.ArticleContent .related-sites {
	/*background-color: transparent;*/
	border-radius: 10px;
}
.ArticleContent .r-sites .title {
	padding: 50px 10px 15px 10px;
	font-size: 14px;
}
.ArticleContent .related-sites .r-sites .sites-wrapper .swiper-slide, .ArticleContent .related-sites .r-sites .sites-wrapper .swiper-slide a {
	text-align: center;
	height: fit-content;
	margin: 0 !important;
}
.ArticleContent .related-sites .container {
	width: 96%;
}
.ArticleContent .related-sites .r-sites .sites-wrapper .swiper-button-next {
	right: -35px;
}
.ArticleContent .related-sites .r-sites .sites-wrapper {
	width: 81%;
}
.ArticleContent .related-sites .r-sites .sites-wrapper .swiper-slide a {
	border-left: 1px solid #eee;
	border-radius: 5px;
	line-height: 3;
	color: #555;
	padding: 8px;
	font-size: 14px;
}
.ArticleContent .related-sites .r-sites .sites-wrapper .swiper-slide * {
	display: block;
	margin: 5px auto;
}
.ArticleContent .related-sites .r-sites .sites-wrapper .swiper-slide img {
	height: 60px;
}


#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:bold;
	 font-size:14px;
	 padding:0;
	
}


#conDiv .agency-filter-header {
	 border-bottom:1px solid #ccc;
	 padding-bottom:12px;
	 margin-bottom:12px; 
	 
}

#conDiv .eserv-filter  .col-md-4.col-xs-8.not-select2.form-control{
	 
	 width:auto;
}

#conDiv .eserv-filter #lblOrder {
	 line-height:2.8;
}


.agencies-list-results #cards-container .col-lg-4.col-md-6.agency-card.pl-2 > div {
position:relative;
	 border:1px solid #e7e7e7; border-radius:10px; padding:12px;
	 margin-top:15px;
	 margin-bottom:15px;
	 
}

.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 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 .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 a.newsTitle {
	 font-size:16px;
	 text-align:left;
	 line-height:26px;
}


.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);
    /* transform: translateY(0); */
    /* transition: all .5s ease;*/
        float: right;
            top: 30px;
    opacity: 0.5;
    font-size: 12px;
    padding-right:5px;
    
}


.ArticleContent .r-sites .title {
	padding: 15px 10px;
}
}

/* Event prevent */ 
.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-right: 50px;
}
.searchModal .modal-content .searchContent .btnSearch{
position: absolute; 
top: 8px;
right: 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;
}
    
    }