@charset "UTF-8";
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;
  vertical-align: baseline;
  outline: none!important;
  text-align: left;
}
:root {
  font-size: 10px;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  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;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
.vMiddle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*------- Commons ------*/
@font-face {
  font-family: 'fontReg';
  src: url("../font/Almarai-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Almarai-Regular.woff") format("woff"), url("../font/Almarai-Regular.ttf") format("truetype"), url("../font/Almarai-Regular.svg#Almarai-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontBold';
  src: url("../font/Almarai-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Almarai-Bold.woff") format("woff"), url("../font/Almarai-Bold.ttf") format("truetype"), url("../font/Almarai-Bold.svg#Almarai-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'saso-icons';
  src: url('../font/saso-icons.eot?39592833');
  src: url('../font/saso-icons.eot?39592833#iefix') format('embedded-opentype'), url('../font/saso-icons.woff2?39592833') format('woff2'), url('../font/saso-icons.woff?39592833') format('woff'), url('../font/saso-icons.ttf?39592833') format('truetype'), url('../font/saso-icons.svg?39592833#saso-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.f-a {
  float: left;
}
.fright {
  float: right;
}
.f-b {
  float: right;
}
.fleft {
  float: left;
}
.clr,
.clear {
  clear: both;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " ";
  clear: both;
}
.nofloat {
  float: none !important;
}
.Acenter {
  text-align: center !important;
}
.Aleft {
  text-align: right !important;
}
.Aright {
  text-align: left !important;
}
.paddingtop20 {
  padding-top: 20px;
}
.vAlignMdl {
  margin-bottom: auto!important;
  margin-top: auto!important;
}
.container-fluid {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
a {
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
}
::-moz-selection {
  background: #28bf7e;
  color: #fff;
}
::selection {
  background: #28bf7e;
  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: #0096B6;
  display: inline-block;
  padding: 10px 50px;
  border: 1px #0096B6 solid;
  margin-top: 10px;
}
/*Variables*/
/*Mixins*/
.trans1 {
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.trans2 {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.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: 1.4rem fontReg, arial, sans-serif;
}
.display-none {
  display: none;
}

.modal .modal-large {
    max-width: 1140px;
}
.modal-large .modal-body .attachments .download-attachment {
    background-color: #0096B6;
    border-radius: 22px;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.modal-large.sela3-popup .modal-body {
    padding: 10px 24px 45px;
}
.sela3-popup .popup-details .main-img-box {
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.sela3-popup .popup-details .main-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sela3-popup .popup-details .main-img-box span {
    width: 150px;
    height: 48px;
    padding: 12px;
    background-color: rgba(234, 21 ,3 ,.05);
    border-radius: 100px;
    font-size: 12px;
    color: #EA1503;
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sela3-popup .popup-details .main-img-box span img {
    width: 24px;
    height: 24px;
    margin-inline-end: 10px;
}
.modal-large .modal-body h3 {
    text-align: center !important;
}
.sela3-popup .popup-details .fashal .content {
    background-color: rgba(234, 21 ,3 ,.05);
    border-radius: 12px;
    padding: 24px;
}
.sela3-popup .popup-details .fashal .content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #EA1503;
    margin-bottom: 8px;
}
.sela3-popup .popup-details .fashal .content p {
    font-size: 16px;
    font-weight: 600;
    color: #002A33;
    margin-bottom: 8px;
}
.sela3-popup .popup-details .content ul.green-dots li {
    font-size: 16px;
    color: #58595B;
    display: block;
    margin-bottom: 12px;
    line-height: initial;
    position: relative;
    font-weight: 400;
}
.sela3-popup .popup-details .content ul.green-dots.red-dots li::before {
    background-color: #EA1503;
}
.sela3-popup .popup-details .Clarification .content {
    background-color: rgba(82, 156 ,68 ,.05);
    border-radius: 12px;
    padding: 24px;
}
.sela3-popup .popup-details .Clarification .content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #529C44;
    margin-bottom: 8px;
}

@media(max-width:991.98px){
 .sela3-popup .popup-details .main-img-box{
        max-width: 400px !important;
        max-height: 400px !important;
        margin-bottom: 24px !important;
    }

}


@media (min-width: 1300px) {
  .container {
    width: 1200px;
    max-width: 1200px;
  }
}
body {
  font-family: fontReg, arial, sans-serif;
  font-size: 1.4rem;
}
h2 {
  color: #464749;
  font: 3.5rem fontBold, arial, sans-serif;
  padding: 10px 20px;
  margin-bottom: 15px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
}
h2.pageTtlWithBg {
  color: #fff;
  background: #18754D;
  display: inline-block;
}
p {
  color: #666;
  font: 1.5rem fontReg, arial, sans-serif;
  padding: 5px;
  text-align: justify;
}
b {
  color: #666;
  font: 1.5rem fontBold, arial, sans-serif;
}
h3 {
  color: #18754D;
  font: 2.2rem fontBold, arial, sans-serif;
}
h4 {
  color: #9A6A3C;
  font: 2.2rem fontBold, arial, sans-serif;
}
h5 {
  color: #0096B6;
  font: 2.2rem fontBold, arial, sans-serif;
}
h6 {
  color: #464749;
  font: 2.2rem fontBold, arial, sans-serif;
}
.text-white {
  color: #fff !important;
}
.text-green {
  color: #18754D !important;
}
.text-blue {
  color: #298ebd !important;
}
.text-orange {
  color: #FF2C00 !important;
}
.text-orange * {
  color: #FF2C00 !important;
}
.text-lightbluecolor {
  color: #0096B6 !important;
}
.text-darkgray {
  color: #666 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-green {
  background-color: #18754D !important;
}
.bg-orange {
  background-color: #FF2C00 !important;
}
.bg-lightbluecolor {
  background-color: #0096B6 !important;
}
.bg-blue {
  background-color: #298ebd !important;
}
.bg-darkgray {
  background-color: #464749 !important;
}
.bg-brown {
  background-color: #9A6A3C !important;
}
.margn50rl {
  margin: 0 50px;
}
.margn20rl {
  margin: 0 20px;
}
.dropdown-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.header-wrapper {
  position: relative;
  z-index: 104;
  height: 168px;
  background: #0096B6 url("../images/header-bg.svg") no-repeat top left;
}
.header-wrapper.home-header {
  min-height: 290px;
  position: absolute;
  width: 100%;
  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+ */
}
.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;
}
.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;
}
.header-wrapper .top-functions .searchicon .search2 {
  float: right;
  margin: -1px 0 0 15px;
  font-size: 18px;
  line-height: 27px;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .searchicon:hover .search2 {
  color: #43a7d6;
}
.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 0.3s ease;
  line-height: 20px;
}
.header-wrapper .top-functions .topLnk [class^="icon-"] {
  font-size: 20px;
  margin-right: 3px;
}
.header-wrapper .top-functions .topLnk:hover {
  color: #43a7d6;
}
@media (max-width: 1200px) {
  .header-wrapper .top-functions .topLnk {
    font-size: 12px;
    margin-right: 8px;
  }
}
.header-wrapper .top-functions .topLnksMenuBtn {
  color: #fff;
  background: transparent none!important;
  padding: 0 0 0 20px;
  font-size: 20px;
  line-height: 20px;
}
.header-wrapper .top-functions .topLnksMenu {
  background: rgba(2, 116, 141, 0.85);
  padding: 0 4px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.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 {
  background: transparent none!important;
  text-align: left;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #C7EBF3; 
}
.header-wrapper .top-functions .topLnksMenu > li > a i {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .topLnksMenu > li > a:focus,
.header-wrapper .top-functions .topLnksMenu > li > a:hover {
  background: transparent none!important;
  color: #fff !important;
}
.header-wrapper .top-functions .topLnksMenu > li > a:focus i,
.header-wrapper .top-functions .topLnksMenu > li > a:hover i {
  color: #fff !important;
}
.header-wrapper .top-functions .topLnksMenu > a {
  background: transparent none!important;
  text-align: left;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #C7EBF3;
}
.header-wrapper .top-functions .topLnksMenu > a i {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .topLnksMenu > a:focus,
.header-wrapper .top-functions .topLnksMenu > a:hover {
  background: transparent none!important;
  color: #fff !important;
}
.header-wrapper .top-functions .topLnksMenu > a:focus i,
.header-wrapper .top-functions .topLnksMenu > a:hover i {
  color: #fff !important;
}
.header-wrapper .top-functions .topLnksMenu .topLnk,
.header-wrapper .top-functions .topLnksMenu .applnk {
  width: 100%;
  margin: 10px 0;
  float: none;
  display: block;
  color: #fff;
  padding: 2px 5px 2px 4px;
}
.header-wrapper .top-functions .topLnksMenu .topLnk i[class^="icon-"],
.header-wrapper .top-functions .topLnksMenu .applnk i[class^="icon-"] {
  color: #fff;
}
.header-wrapper .top-functions .searchbox {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  top: 52px;
  left: 0;
  border-radius: 4px;
  background-color: #fff;
  height: 60px;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.17);
}
.header-wrapper .top-functions .searchbox .search3 {
  font-size: 16px;
  line-height: 27px;
  width: 20px;
  height: 20px;
  color: #18754D;
  vertical-align: middle;
  margin: 0 5px;
}
.header-wrapper .top-functions .searchbox .closeSearch {
  font-size: 16px;
  line-height: 27px;
  width: 20px;
  height: 20px;
  color: #464749;
}
.header-wrapper .top-functions .searchbox .closeSearch-btn {
  display: inline-block;
  vertical-align: middle;
}
.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);
}
.header-wrapper .top-functions .searchbox .searchcontrols {
  display: inline-block;
  width: 90px;
  padding-top: 2px;
  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: 0.75;
}
.header-wrapper .top-functions .applnk {
  float: right;
  margin-left: 13px;
  color: #fff;
  border: 1px #37d691 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 0.3s ease;
}
.header-wrapper .top-functions .applnk .fa {
  font-size: 20px;
  margin-top: 3px;
}
.header-wrapper .top-functions .applnk:hover {
  color: #298ebd;
  border-color: #298ebd;
}
.header-wrapper .top-functions .settings {
  position: relative;
  float: right;
  margin-left: 17px;
  color: #fff;
  height: 26px;
  padding: 2px 0px;
  font-size: 13px;
  transition: all 0.3s ease;
  line-height: 20px;
}
.header-wrapper .top-functions .settings .icon-cog-2 {
  position: relative;
  font-size: 20px;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .settings:hover {
  background: transparent;
  color: #97cee8;
}
.header-wrapper .top-functions .settings:hover .icon-cog-2 {
  color: #97cee8;
}
.header-wrapper .top-functions .settings .dropdown-toggle {
  background: transparent none;
  border: none;
  padding: 0;
}
.header-wrapper .top-functions .settings .dropdown-toggle:after {
  display: none;
}
.header-wrapper .top-functions .settings .dropdown-menu {
  min-width: 100px;
  left: 0;
  right: auto;
}
.header-wrapper .top-functions .settings .dropdown-menu > li > a {
  color: #C7EBF3;
}
.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 0.3s ease;
}
.header-wrapper .top-functions .settings .dropdown-menu > li > a:hover {
  background: transparent;
  color: #abd7a2;
}
.header-wrapper .top-functions .settings .dropdown-menu > li > a:hover i {
  color: #abd7a2;
}
.header-wrapper .top-functions .loginContainer {
  position: relative;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu {
  left: 0;
  right: auto;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu > li > a i {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu > li > a:hover {
  background: transparent;
  color: #abd7a2;
}
.header-wrapper .top-functions .loginContainer .dropdown-menu > li > a:hover i {
  color: #abd7a2;
}
.header-wrapper .topnav {
  margin-top: 10px;
}
.header-wrapper .topnav .navbar {
  background: none;
  border: 0;
}
.header-wrapper .topnav .navbar-nav {
  position: relative;
  width: 100%;
  float: none;
}
.header-wrapper .topnav .navbar-nav .nav-item {
  position: static;
}
.header-wrapper .topnav .navbar-nav .nav-item + li {
  margin: 0 0 0 43px;
}
@media (max-width: 1280px) {
  .header-wrapper .topnav .navbar-nav .nav-item + li {
    margin: 0 0 0 35px;
  }
}
@media (max-width: 1200px) {
  .header-wrapper .topnav .navbar-nav .nav-item + li {
    margin: 0 0 0 15px;
  }
}
.header-wrapper .topnav .navbar-nav .nav-item > a {
  color: #fff;
  font: 17px fontReg, arial, sans-serif;
  padding: 15px 0px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.header-wrapper .topnav .navbar-nav .nav-item > a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.header-wrapper .topnav .navbar-nav .nav-item > a .icon-home {
  font-size: 26px;
  line-height: 30px;
  color: #fff;
}
.header-wrapper .topnav .navbar-nav .nav-item > a .icon-home:hover {
  color: rgba(255, 255, 255, 0.7);
}
.header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
  content: "\e88f";
  font-family: "saso-icons";
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 5px;
  border: none;
}
.header-wrapper .topnav .navbar-nav .nav-item > .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 .nav-item > .dropdown-menu h6 {
  color: #0096B6;
  font: normal 1.4rem fontBold, arial, sans-serif;
  border-bottom: 1px solid #ddd;
  padding: 10px 2px;
  margin-bottom: 10px;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu h6 a {
  color: #0096B6;
  font: normal 1.4rem fontBold, arial, sans-serif;
  white-space: normal;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu a {
  display: block;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  padding: 5px 20px;
  color: #666;
  font: normal 1.4rem fontReg, arial, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  margin-bottom: 0px;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu a:hover {
  background: #0096B6;
  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 0.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;
  right: 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 0.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, 150, 182, 0.7);
  position: relative;
  z-index: 0;
  top: -42px;
  left: 8px;
  border-radius: 4px;
}
.showhidenav.hidenav {
  width: 28px;
  height: 28px;
}
.showhidenav.hidenav:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -2px;
  z-index: 1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M28.008,25.545 L25.545,28.008 L14.000,16.463 L2.455,28.008 L-0.008,25.545 L11.537,14.000 L-0.008,2.455 L2.455,-0.008 L14.000,11.537 L25.545,-0.008 L28.008,2.455 L16.463,14.000 L28.008,25.545 Z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
}
.showhidenav.hidenav:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: rgba(0, 150, 182, 0.7);
  position: relative;
  z-index: 0;
  top: -42px;
  left: 8px;
  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;
  background-repeat: no-repeat;
}
.mainslider .swiper-button-next:after,
.mainslider .swiper-button-prev:after {
  display: none;
}
.mainslider .swiper-button-prev {
  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-next {
  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;
}
.mainslider .banner-description h2 {
  font: 3.5rem/1.6 fontBold, arial, sans-serif;
  opacity: 0;
  transform: translateY(-40px);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  transition-delay: 0.2s;
  color: #FFFFFF !important;
}
.mainslider .banner-description h3 {
  font: 2.5rem fontReg, arial, sans-serif;
  color: #474747;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.2s;
  color: #DBDBDB !important;
}
.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 0.5s ease;
}
.mainslider .banner-description .morelnk:hover [class^='icon-'] {
  transform: translateX(8px);
}
.mainslider .swiper-slide-active {
  z-index: 1;
  /*animation: slide-bg linear 10000ms;*/
}
.mainslider .swiper-slide-active .banner-description h2 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 2s;
}
.mainslider .swiper-slide-active .banner-description h3 {
  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: #00afa9 !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% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide-bg {
  0% {
    transform: scale(1.3);
  }
  100% {
    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: 0.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);*/
  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;
  position: relative;
}
.wptitle .more {
  font: 15px fontReg, arial, sans-serif;
  margin-top: 22px;
  color: #464749;
  vertical-align: middle;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.wptitle .more i[class^="icon-"] {
  font-size: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.wptitle .more:hover {
  color: #18754D;
}
.home-content {
  height: auto!important;
}
.home-content .wptitle {
  color: #18754D !important;
  margin-bottom: 10px;
}
.home-content .wptitle .more {
  color: #464749;
}
.home-content .wptitle .more:hover {
  color: #219f69;
}
.home-content .newswrapper {
  padding: 65px 0 0;
}
.home-content .newswrapper .more {
  vertical-align: middle;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #464749;
  font-size: 1.5rem;
}
.home-content .newswrapper .more i {
  font-size: 2rem;
  vertical-align: middle;
}
.home-content .newswrapper .more:hover {
  color: #18754D;
}
.home-content .homenewsSlider {
  padding: 10px 5px;
  z-index: 0;
}
.home-content .homenewsSlider .swiper-slide {
  height: 288px;
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 50px;
}
.home-content .homenewsSlider .swiper-slide .newsItem {
  position: absolute;
  bottom: -30px;
  right: 4%;
  width: 92%;
  z-index: 2;
  padding: 10px 10px;
  overflow: hidden;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 16px;
  padding-bottom: 30px;
}
.home-content .homenewsSlider .swiper-slide .newsItem .artclDate {
  color: #555 !important;
  font-size: 1.4rem;
  margin: 10px 0 5px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.home-content .homenewsSlider .swiper-slide .newsItem h3 {
  font: normal 1.8rem fontBold, arial, sans-serif;
  color: #18754D;
  text-align: left;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  height: 55px;
  overflow: hidden;
}
.home-content .homenewsSlider .swiper-slide .newsItem p {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  transform: translateY(20px);
  opacity: 0;
}
.home-content .homenewsSlider .swiper-slide:hover .newsItem {
  box-shadow: 0 7px 20px 0px rgba(11, 81, 51, 0.2);
}
.home-content .homenewsSlider .swiper-slide:hover .newsItem p {
  height: 73px;
  transform: translateY(0px);
  opacity: 1;
}
.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: 0px;
  margin-bottom: 55px;
  z-index: 0;
  margin-right: auto;
  margin-left: auto;
}
.home-content .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #D4D4D4;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 0 4px;
  opacity: 1;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.home-content .swiper-pagination .swiper-pagination-bullet-active {
  background: #228B5E;
}
.home-content .swiper-button-prev,
.home-content .swiper-container-rtl .swiper-button-next {
  left: 3px;
  right: auto;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: -55px;
}
.home-content .swiper-button-prev:after,
.home-content .swiper-container-rtl .swiper-button-next:after {
  content: '\e86e';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
  line-height: 36px;
}
.home-content .swiper-button-next,
.home-content .swiper-container-rtl .swiper-button-prev {
  right: 3px;
  left: auto;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: -55px;
}
.home-content .swiper-button-next:after,
.home-content .swiper-container-rtl .swiper-button-prev:after {
  content: '\e86d';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
  line-height: 36px;
}
.serviceswrapper {
  padding: 100px 0 60px;
  background: #E5F4F8;
}
.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: #18754D;
  max-width: 175px;
  min-height: 360px;
  position: relative;
  float: left!important;
}
.serviceswrapper .wptitle .more {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: #18754D;
  font-size: 1.5rem;
  top: auto;
  left: auto;
}
.serviceswrapper .wptitle .more i {
  font-size: 1.5rem;
}
.serviceswrapper .servs-group {
  margin-left: 15px;
  width: calc(100% - 210px);
  float: left!important;
}
.serviceswrapper .servs-group .musrvtitle {
  display: block;
  width: 100%;
  text-align: center;
  height: 36px;
  background: url('../images/musrv-bg.png') no-repeat center top;
  font: 15px/36px fontBold, arial, sans-serif;
  color: #18754D;
}
.service-tabs .nav-tabs {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 15px;
  margin-top: 15px;
}
.service-tabs .nav-tabs > li {
  width: calc(97% / 2);
  text-align: center;
  border-radius: 60px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  margin: 10px 0.5%;
}
.service-tabs .nav-tabs > li a {
  background: rgba(255, 255, 255, 0.9);
  font: normal 1.6rem fontBold, arial, sans-serif;
  color: #464749 !important;
  border: none!important;
  padding: 5px 25px 8px;
  text-align: center;
  border-radius: 60px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  border: 1px solid #18754D !important;
}
.service-tabs .nav-tabs > li:hover a {
  color: #fff !important;
  background-color: #219f69;
}
.service-tabs .nav-tabs > li a.active {
  position: relative;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #fff !important;
  background: #18754D;
}
.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 #18754D;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.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 .tab-content {
  padding-top: 10px;
}
.service-tabs .serv-item {
  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;
  padding-top: 50px;
  margin-left: 2px;
  position: relative;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  text-align: center;
}
.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 0.5s ease;
}
.service-tabs .serv-item .servicon img {
  max-height: 100%;
}
.service-tabs .serv-item .servtitle {
  padding: 0 8px;
  display: block;
  margin-top: 0px;
  font: bold 1.6rem/1.5 fontBold, arial, sans-serif;
  color: #464749;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  text-align: center;
}
.service-tabs .serv-item .getServBtn {
  padding: 9px 15px;
  width: 175px;
  display: block;
  margin-top: 15px;
  font: normal 1.6rem/1.5 fontReg, arial, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  text-align: center;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  background: #18754D;
  position: absolute;
  bottom: 25px;
  right: 50%;
  margin-right: -87px;
  opacity: 0;
  transform: translateY(25px);
}
.service-tabs .serv-item:hover {
  background-color: #ffffff;
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 260px;
  height: 256px;
  margin: -20px;
}
.service-tabs .serv-item:hover .servicon {
  height: 70px;
  transform: translateY(-20px);
}
.service-tabs .serv-item:hover .servtitle {
  transform: translateY(-35px);
  margin-top: 20px;
}
.service-tabs .serv-item:hover .getServBtn {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.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 0.5s ease;
  transition-delay: 0.15s;
}
.service-tabs .serv-item .service-btn-wrapper .serv-btn {
  text-align: center;
  color: #fff;
  font: normal 12px/35px fontReg, arial, sans-serif;
  border-radius: 35px;
  /*width:44.5%;*/
  margin: 0 0.5%;
  height: 35px;
  background: #0096B6;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  margin-top: 5px;
  padding: 0 20px;
}
.service-tabs .serv-item .service-btn-wrapper .serv-btn:hover {
  background: #00c0e9;
}
.service-tabs .serv-item .service-btn-wrapper .serv-btn.orange {
  background: #FF2C00;
}
.service-tabs .serv-item .service-btn-wrapper .serv-btn.orange:hover {
  background: #ff5633;
}
.service-tabs .serv-item + .more {
  display: inline-block;
}
.service-tabs .more {
  display: none;
  position: relative;
  top: -85px;
  margin-right: -20px;
  margin-left: 10px;
  text-align: center;
  color: #18754D;
  font-size: 1.5rem;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.service-tabs .more > i {
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 22px;
  background: #18754D;
  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 0.5s ease;
  font-size: 1.5rem;
  transform: rotate(180deg);
}
.service-tabs .more:hover {
  color: #219f69;
}
.service-tabs .more:hover > i {
  background: #219f69;
}
.homeEventsPollWrapper {
  background: #F7F7F7;
  padding: 70px 0 90px;
}
.homeEventsPollWrapper .homeEventsWrapper .wptitle .more {
  position: absolute;
  right: 0;
}
.homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev,
.homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next {
  left: 20px;
  right: auto;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: 0;
}
.homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev:after,
.homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next:after {
  content: '\e86e';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.homeEventsPollWrapper .homeEventsWrapper .swiper-button-next,
.homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev {
  right: 20px;
  left: auto;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: 0;
}
.homeEventsPollWrapper .homeEventsWrapper .swiper-button-next:after,
.homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev:after {
  content: '\e86d';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.homeEventsPollWrapper .homeEventsSliderWrapper {
  position: relative;
}
.homeEventsPollWrapper .homeEventsSlider {
  background: #FFFFFF;
  box-shadow: 0px 13px 30px 0px rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  position: relative;
  height: 366px;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem {
  padding: 50px 20px 60px;
  display: block;
  position: relative;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2,
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a {
  color: #464749;
  font: normal 2rem fontBold, arial, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  padding-top: 5px;
  margin-bottom: 0;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2:hover,
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a:hover {
  color: #18754D;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a {
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate {
  text-align: center;
  margin: 33px auto 40px;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventStartDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #18754D;
  vertical-align: middle;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventEndDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventDateDay {
  font: normal 5rem/5rem fontBold, arial, sans-serif;
  text-align: center;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font: normal 1.3rem fontReg, arial, sans-serif;
  width: 40px;
  height: 40px;
  background: #ABABAB;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 20px 40px;
  text-align: center;
  padding-top: 9px;
  position: relative;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo:before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  right: -20px;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo:after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  left: -20px;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .evenLocation {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #464749;
  vertical-align: middle;
  direction: ltr;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .evenLocation i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-left: 5px;
}
/*--- 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 0.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 fontBold, arial, sans-serif;
  color: #0096B6;
  max-height: 130px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.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 0.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: #0096B6;
  font-size: 90px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS:hover,
.eventlist-item .date .bigday .downloadlinkXLS:hover,
.card-item .date .bigday .downloadlinkXLS:hover {
  color: #1dd7ff !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: #498a3c;
  font-size: 90px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.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 fontReg, arial, sans-serif;
  color: #a9a9a9;
}
.eventsslider-wrapper .swiper-slide .event-txt,
.eventlist-item .event-txt,
.card-item .event-txt {
  padding: 0 0 15px;
  font: 1.286em/1.6em fontReg, arial, sans-serif;
  color: #666;
}
.eventsslider-wrapper .swiper-slide .event-txt > a.more,
.eventlist-item .event-txt > a.more,
.card-item .event-txt > a.more {
  color: #c84a3d;
  font: 1.143em fontReg, arial, sans-serif;
  white-space: nowrap;
}
.eventsslider-wrapper .swiper-slide .event-txt > a.more:hover,
.eventlist-item .event-txt > a.more:hover,
.card-item .event-txt > a.more:hover {
  color: #ce5d51;
}
.eventsslider-wrapper .swiper-slide:hover .bigday,
.eventlist-item:hover .bigday,
.card-item:hover .bigday {
  color: #0096B6;
}
/*---Poll--*/
.pollWp {
    background: #FFFFFF url('../../Images/New/poll-bg.jpg') no-repeat left bottom;
    box-shadow: 0px 13px 30px 0px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
    position: relative;
    padding: 0;
}
.pollWp .poll-form {
  z-index: 1;
  padding: 55px 20px 30px;
  position: relative;
  height: 366px;
}
.pollWp .pollQestion,
.pollWp .question {
  display: block;
  height: 50px;
  overflow: hidden;
  padding: 0 15px;
  color: #464749;
  font: normal 2rem/2.4rem fontBold, arial, sans-serif;
}
.pollWp .pollInner {
  padding: 8px 18px!important;
  height: 163px;
}
.pollWp .pollInner ul li,
.pollWp .pollInner > table li {
  margin-bottom: 4px;
}
.pollWp .pollInner ul td,
.pollWp .pollInner > table td {
  padding-bottom: 4px!important;
}
.pollWp .pollInner ul input[type="radio"],
.pollWp .pollInner > table input[type="radio"] {
  /*margin-left: 15px;*/
  position: relative;
  top: 3px;
  width: 15px;
  height: 15px;
}
.pollWp .pollInner ul label,
.pollWp .pollInner > table label {
  font: 1.6rem fontReg, arial, sans-serif;
  color: #555;
}
.pollWp .pollInner ul .checkmark,
.pollWp .pollInner > table .checkmark {
  top: 7px;
}
.pollWp .pollInner > span[id*="_Required"] {
  font-size: 12px;
}
.pollWp .pollbtns {
  padding-top: 0px;
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 20px;
}
.pollWp .pollbtns .btn {
  width: 33%;
  float: left;
  height: 45px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font: 1.286em/2em fontBold, arial, sans-serif;
}
.pollWp .pollbtns .vote {
  background: #18754D;
  color: #fff;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 2px;
  font: 1.7rem fontReg, arial, sans-serif;
}
.pollWp .pollbtns .voteresult {
  background: transparent;
  color: #18754D;
  font: 1.7rem fontReg, arial, sans-serif;
}
.pollWp .pollbtns .more {
  color: #18754D;
  font: 1.7rem fontReg, arial, sans-serif;
  padding-top: 10px;
  width: 33%;
  text-align: right;
  position: relative;
  vertical-align: middle;
}
.pollWp .pollbtns .more i {
  font-size: 20px;
  margin-left: 5px;
  vertical-align: middle;
}
.pollWp .pollbtns .more:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 1px;
  height: 20px;
  background: #8D8D8D;
}
.pollWp .singlePollResult {
  margin: 0 10px;
}
.homeCustomerAwareness {
  padding: 55px 0 100px;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs {
  background: #fff;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs {
  background: #fff;
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li {
  width: calc(100% / 3);
  text-align: center;
  margin: 10px 0 0;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .active {
  border-bottom: 5px #18754D solid;
  margin-bottom: -3px;
  position: relative;
  color: #18754D !important;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .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 #18754D;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .disabled {
  background: #cccccc;
  pointer-events: none;
  color: #a8a7a7 !important;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .disabled:after {
  display: none;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li > a {
  font: normal 2.5rem fontBold, arial, sans-serif;
  color: #8D8D8D !important;
  background: transparent none!important;
  padding: 0;
  text-align: center;
  display: block;
  padding: 0 0 10px;
}
.homeCustomerAwareness .homeCustomerAwareness-tabs .tab-content {
  height: 340px;
  padding: 30px 25px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 13px 30px 0px rgba(0, 0, 0, 0.06);
}
.homeCustomerAwareness .more {
  color: #18754D !important;
  margin: 0 5px;
  font: normal 1.4rem fontReg, arial, sans-serif;
  position: absolute;
  bottom: 10px;
  right: 30px;
  vertical-align: middle;
}
.homeCustomerAwareness .more > i {
  font-size: 2rem;
  vertical-align: middle;
  margin-left: 5px;
}
.homeCustomerAwareness .photoListingItem {
  height: 250px;
}
.homeCustomerAwareness .photoListingItem .photoListingImage {
  height: 180px;
}
.homeCustomerAwareness .photoListingItem .photoListingTitle {
  font: normal 1.6rem/2.5rem fontReg, arial, sans-serif;
  padding: 13px 10px;
}
.homeCustomerAwareness .photoListingItem:hover {
  box-shadow: 0px 10px 15px -7px rgba(0, 0, 0, 0.12);
}
.homeCustomerAwareness .videoListingItem {
  height: 250px;
}
.homeCustomerAwareness .videoListingItem .videoListingImage {
  height: 180px;
}
.homeCustomerAwareness .videoListingItem .videoListingTitle {
  font: normal 1.6rem/2.5rem fontReg, arial, sans-serif;
  padding: 13px 10px;
}
.homeCustomerAwareness .videoListingItem:hover {
  box-shadow: 0px 10px 15px -7px rgba(0, 0, 0, 0.12);
}
.homeCustomerAwarenessSlider1Wrapper {
  position: relative;
}
.homeCustomerAwarenessSlider1Wrapper .swiper-button-prev,
.homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next {
  right: auto;
  left: -15px;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: -17px;
}
.homeCustomerAwarenessSlider1Wrapper .swiper-button-prev:after,
.homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next:after {
  content: '\e86e';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.homeCustomerAwarenessSlider1Wrapper .swiper-button-next,
.homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev {
  right: auto;
  left: 309px;
  width: 35px;
  height: 35px;
  outline: none!important;
  margin-top: -17px;
}
.homeCustomerAwarenessSlider1Wrapper .swiper-button-next:after,
.homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev:after {
  content: '\e86d';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #18754D;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.homeCustomerAwarenessSlider2Wrapper,
.homeCustomerAwarenessSlider3Wrapper {
  position: relative;
}
.homeCustomerAwarenessSlider2Wrapper .swiper-button-prev,
.homeCustomerAwarenessSlider3Wrapper .swiper-button-prev,
.homeCustomerAwarenessSlider2Wrapper .swiper-container-rtl .swiper-button-next,
.homeCustomerAwarenessSlider3Wrapper .swiper-container-rtl .swiper-button-next {
  left: -15px;
  right: auto;
}
.homeCustomerAwarenessSlider2Wrapper .swiper-button-next,
.homeCustomerAwarenessSlider3Wrapper .swiper-button-next,
.homeCustomerAwarenessSlider2Wrapper .swiper-container-rtl .swiper-button-prev,
.homeCustomerAwarenessSlider3Wrapper .swiper-container-rtl .swiper-button-prev {
  right: -15px;
  left: auto;
}
.homeCustomerAwarenessSliderItem img {
  display: inline-block;
  width: 330px;
  height: 280px;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails {
  vertical-align: top;
  display: inline-block;
  padding: 30px 50px;
  width: calc(100% - 333px);
}
.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h3 a {
  color: #444444;
  font: normal 2.4rem fontBold, arial, sans-serif;
  margin-bottom: 30px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h3 a:hover {
  color: #18754D;
}
.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h4 {
  color: #18754D;
  font: normal 1.8rem fontBold, arial, sans-serif;
}
.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails p {
  color: #464749;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.homeCustomerAwarenessSliderItem .moreDetails {
  margin-top: 50px;
  display: inline-block;
}
.moreDetails {
  color: #0C59BC;
  font: normal 1.4rem fontReg, arial, sans-serif;
}
.moreDetails i {
  font-size: 2rem;
  vertical-align: middle;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  margin-right: 0px;
  display: inline-block;
  transform: rotate(180deg);
}
.moreDetails:hover i {
  margin-right: 5px;
}
.panel-group.responsive .panel-default .panel-body {
  position: relative;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
.homeStatisticsWrapper {
  background: #228B5E url("../images/homeStatisticsWrapper.svg") no-repeat center center;
  background-size: cover;
  padding: 50px 0 70px;
}
.homeStatisticsWrapper .wptitle {
  color: #fff !important;
}
.homeStatisticsWrapper .wptitle .more {
  color: #fff !important;
}
.homeStatisticsWrapper .wptitle .more i {
  color: #fff !important;
}
.homeStatisticsWrapper h3 {
  color: #fff;
  font: normal 1.6rem fontReg, arial, sans-serif;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.homeStatisticsWrapper .homeStatisticsItem {
  display: block;
  width: 230px;
  max-width: 100%;
  height: 200px;
  background: #FFFFFF;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 25px;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.homeStatisticsWrapper .homeStatisticsItem i {
  font-size: 20px;
  padding: 5px;
  border: 1.2px solid #228B5E;
  color: #228B5E;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin-bottom: 20px;
}
.homeStatisticsWrapper .homeStatisticsItem .homeStatisticsItemNo {
  color: #228B5E;
  font: normal 4rem fontBold, arial, sans-serif;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0px;
}
.homeStatisticsWrapper .homeStatisticsItem p {
  color: #464749;
  font: normal 1.6rem fontReg, arial, sans-serif;
  text-align: center;
}
.homeStatisticsWrapper .homeStatisticsItemWrapper {
  display: block;
  position: relative;
  margin-bottom: 60px;
  width: 100%;
}
.homeStatisticsWrapper .homeStatisticsItemWrapper:before {
  content: "";
  display: block;
  width: 28px;
  height: 43px;
  background: transparent url("../images/homeStatisticsItemDot.svg") no-repeat center top;
  position: absolute;
  bottom: -53px;
  right: 50%;
  margin-right: -14px;
}
.homeStatisticsWrapper .homeStatisticsItemWrapper:after {
  content: "";
  display: block;
  width: calc(100% + 30px);
  height: 2px;
  background: #6FB552;
  position: absolute;
  bottom: -53px;
  right: 50%;
}
.homeStatisticsWrapper .HP_Numbers:first-child .homeStatisticsItemWrapper:after {
  display: none;
}
.related-sites {
  padding: 115px 0;
  background: #F7F7F7;
}
.related-sites .r-sites {
  background: #fff;
  box-shadow: 0px 0px 99px 10px rgba(0, 0, 0, 0.08);
}
.related-sites .r-sites .title {
  float: left;
  width: 180px;
  height: 175px;
  font: 2.4rem fontBold, arial, sans-serif;
  padding: 19px 24px;
  margin-left: 0px;
  color: #004195;
  background: #F6F6F6;
  text-align: center;
  padding-top: 70px;
}
.related-sites .r-sites .title.partnerssites-title {
  padding-top: 70px;
}
.related-sites .r-sites .sites-wrapper,
.related-sites .r-sites .partnerssites-wrapper {
  height: 175px;
  float: right;
  width: calc(100% - 290px);
  position: relative;
  margin: 0 55px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide,
.related-sites .r-sites .partnerssites-wrapper .swiper-slide {
  width: auto;
  margin-right: 0px;
  height: 175px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide a,
.related-sites .r-sites .partnerssites-wrapper .swiper-slide a {
  display: block;
  padding: 20px 0;
  height: 175px;
  text-align: center;
  line-height: 122px;
}
.related-sites .r-sites .sites-wrapper .swiper-slide a img,
.related-sites .r-sites .partnerssites-wrapper .swiper-slide a img {
  max-width: 100%;
  vertical-align: middle;
}
.related-sites .r-sites .sites-wrapper .swiper-button-next,
.related-sites .r-sites .partnerssites-wrapper .swiper-button-next {
  margin-top: -17px;
  right: -45px;
  left: auto;
}
.related-sites .r-sites .sites-wrapper .swiper-button-next:after,
.related-sites .r-sites .partnerssites-wrapper .swiper-button-next:after {
  background-color: #004195;
}
.related-sites .r-sites .sites-wrapper .swiper-button-prev,
.related-sites .r-sites .partnerssites-wrapper .swiper-button-prev {
  margin-top: -17px;
  left: -45px;
  right: auto;
}
.related-sites .r-sites .sites-wrapper .swiper-button-prev:after,
.related-sites .r-sites .partnerssites-wrapper .swiper-button-prev:after {
  background-color: #004195;
}
.footer {
  padding: 30px 0 25px;
  position: relative;
  background: url("../images/footer-bg2.png") no-repeat left 25px, url("../images/footer-bg.jpg") no-repeat bottom center;
  background-size: auto ,cover;
  background-color: #0096B6;
}
.footer .newsLetter h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #C1C1C1;
  margin-bottom: 10px;
}
.footer .newsLetter p {
  font: 13px/26px fontReg, arial, sans-serif;
  color: #fff;
  margin-bottom: 20px;
}
.footer .newsLetter .newsletterfrom .txtbox {
  font: 1.4rem fontReg, arial, sans-serif;
  color: rgba(70, 71, 73, 0.65);
  padding: 5px 10px;
  width: 76%;
  max-width: 295px;
  background: rgba(255, 255, 255, 0.7);
  border: none;
  vertical-align: top;
  height: 40px;
}
.footer .newsLetter .newsletterfrom .nlbtn {
  background: #fff;
  color: #0096B6;
  font: 1.4rem fontReg, arial, sans-serif;
  padding: 1px 10px 2px;
  margin: 0 -3px;
  width: 22%;
  min-width: 70px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  border: none;
  vertical-align: top;
  height: 40px;
}
.footer .newsLetter .newsletterfrom .nlbtn:hover {
  background: #0096B6;
  color: #fff;
}
.footer .newsLetter .newsletterfrom .nlbtn:active {
  background: #fff;
  color: #0096B6;
}
.footer .footerApps {
  margin: 65px 0 0;
}
.footer .footerApps h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #fff;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
}
.footer .footerApps a {
  display: inline-block;
  margin: 0 0 0 15px;
  vertical-align: middle;
  max-width: calc(50% - 60px);
}
.footer .footerApps a img {
  max-width: 100%;
}
.footer .socialMedia {
  padding-top: 65px;
  text-align: left;
}
.footer .socialMedia h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #fff;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
}
.footer .socialMedia a {
  display: inline-block;
  margin: 0 0 0 21px;
  text-align: center;
  font-size: 2.5rem;
  line-height: 43px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  vertical-align: middle;
}
.footer .socialMedia a i {
  font-size: 2.5rem;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #C1C1C1;
}
.footer .socialMedia a:hover i {
  color: #fff;
}
.footer .socialMedia a .icon-gplus {
  position: relative;
  left: 3px;
}
.footer .footerlinks {
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  height: 100%;
}
.footer .footerlinks h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #C1C1C1;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .footerlinks a {
  display: block;
  font: 1.5rem/2.571 fontReg, arial, sans-serif;
  color: #ececec;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .footerlinks a:hover {
  color: #1dd7ff;
}
.footer .footerlinks.inner a {
  display: inline-block;
  margin: 0 20px 0 0;
}
.footer .tagcloud {
  padding-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 12px;
}
.footer .tagcloud h4 {
  font: 1.143em/2.429em fontBold, arial, sans-serif;
  color: #03d3ff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .tagcloud a {
  display: inline-block;
  font: 1em/2.571 fontReg, arial, 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 0.5s ease;
}
.footer .tagcloud a:hover {
  color: #03d3ff;
}
.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);
  height: 100%;
  border: 0px;
  padding-right: 0;
}
.footer .footerlinks2 h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #C1C1C1;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .footerlinks2 a {
  display: block;
  font: 1.5rem/2.571 fontReg, arial, sans-serif;
  color: #ececec;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .footerlinks2 a:hover {
  color: #1dd7ff;
}
.footer .footerlinks2.inner a {
  display: inline-block;
  margin: 0 20px 0 0;
}
.footer .footerlinks2 a:hover h4 {
  color: #03d3ff;
}
.footer .footerlinks2 a + a h4 {
  line-height: 45px;
}
.footer .carecenter {
  padding: 15px 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 15px;
}
.footer .carecenter h4 {
  font: 1.8rem fontReg, arial, sans-serif;
  color: #C1C1C1;
  text-align: center;
}
.footer .carecenter p {
  font: 1.6rem/2.4rem fontReg, arial, sans-serif;
  color: #fff;
  text-align: center;
}
.footer .carecenter i {
  font-size: 1.6rem;
  color: #75DF60;
  margin: 0 5px;
}
.footer .carecenter .phone {
  font: bold 1.286em fontBold, arial, sans-serif;
  color: #03d3ff;
  padding-left: 15px;
}
.footer .carecenter .phone a {
  color: #75DF60;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  font-size: 1.6rem;
}
.footer .carecenter .phone a i {
  display: inline-block;
}
.footer .carecenter .phone a:hover {
  color: #ffffff;
}
.footer .carecenter .mail {
  font: bold 1.143em fontBold, arial, sans-serif;
  color: #03d3ff;
  padding-left: 15px;
}
.footer .carecenter .mail a {
  color: #75DF60;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  font-size: 1.6rem;
}
.footer .carecenter .mail a:hover {
  color: #ffffff;
}
.footer .carecenter .custcallcenter {
  border-right: 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: 80%;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}
.footer .carecenter .custcallcenter p {
  font-size: 1.4rem;
}
.footer .footer-copyright-wrapper {
  padding-top: 30px;
}
.footer .footer-copyright-wrapper .copyRights {
  font: 1.3rem fontReg, arial, sans-serif;
  color: #C0E3EB;
  padding-top: 25px;
}
.footer .footer-copyright-wrapper .footerLinks {
  font: 1.3rem fontReg, arial, sans-serif;
  color: #C0E3EB;
  display: inline-block;
  padding-top: 25px;
}
.footer .footer-copyright-wrapper .footerLinks a {
  font: 1.3rem fontReg, arial, sans-serif;
  color: #C0E3EB;
  display: inline-block;
  margin: 0 2px;
}
.footer .footer-copyright-wrapper .footerLinks a:hover {
  color: #03d3ff;
}
.footer .footer-copyright-wrapper .footerLogo {
  float: right;
  margin-right: 20px;
  padding-top: 5px;
}
.footer .footer-copyright-wrapper .footerLogo img {
  margin-left: 20px;
}
.footer .footer-copyright-wrapper .footerLogo .footervision {
  width: 76px;
}
.footer .footer-copyright-wrapper .footerLogo .footerlogo {
  width: 98px;
  height: 55px;
}
.footer .gototop {
  font-size: 45px;
  color: rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 8;
  left: -100px;
  bottom: 2vh;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.footer .gototop i {
  font-size: 45px;
}
.footer .gototop.show {
  left: 2vw;
}
/*-----*/
.SASO-News {
  display: block;
  padding: 10px 5px;
  margin-right: -135px;
  position: fixed;
  right: 0;
  top: 250px;
  width: 195px;
  height: 72px;
  background: rgba(31, 121, 155, 0.9);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 20px 0 0 20px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  z-index: 999;
  border: solid 2px #fff;
  border-right: none;
  padding-right: 36px;
}
.SASO-News .icon-saso-icon {
  font-size: 3.4rem;
  margin-right: 5px;
  vertical-align: middle;
}
.SASO-News:hover {
  margin-right: 0px;
  padding-right: 0;
  cursor: pointer;
}
.SASO-News .SASO-closeBtn {
  display: block;
  width: 42px;
  height: 42px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  top: -16px;
  left: -16px;
  padding-top: 12px;
  opacity: 0;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.SASO-News .SASO-closeBtn:before {
  content: '\e837';
  font-family: saso-icons;
  color: #1F799B;
  font-size: 18px;
}
.SASO-News .SASO-NewsTtl {
  font: 1.8rem fontBold, arial, sans-serif;
  text-align: center;
  color: #fff !important;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.SASO-News .SASO-NewsContent {
  opacity: 0;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  text-align: center;
  padding: 25px 25px;
  overflow: hidden;
  max-height: 100%;
}
.SASO-News .SASO-NewsContent ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 10px 0;
}
.SASO-News .SASO-NewsContent ul li a {
  display: block;
}
.SASO-News .SASO-NewsContent ul li p {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #fff;
}
.SASO-News .SASO-NewsContent .lastEdit {
  color: #B6EF9F;
  font: normal 1.4rem fontReg, arial, sans-serif;
}
.SASO-News .SASO-NewsContent .SASO-moreBtn {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #fff;
  color: #fff !important;
  margin-top: 30px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.SASO-News .SASO-NewsContent .SASO-moreBtn:hover {
  color: #1F799B !important;
  background: #fff;
}
.SASO-News.active {
  width: 520px;
  height: 520px;
  margin-right: 0px;
  padding-right: 0;
}
.SASO-News.active .SASO-NewsTtl {
  font: 2rem fontBold, arial, sans-serif;
  text-align: center;
  color: #fff !important;
  margin-top: 30px;
}
.SASO-News.active .SASO-NewsContent {
  opacity: 1;
  transition-delay: 0.5s;
}
.SASO-News.active .SASO-closeBtn {
  opacity: 1;
  transition-delay: 0.8s;
}
.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%;
  -o-object-fit: cover;
     object-fit: cover;
  /*-webkit-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 fontReg, arial, sans-serif;
  color: #666;
  margin-bottom: 5px;
  list-style: none!important;
}
ul.list li a,
.ms-rtestate-field ul li a {
  color: #0096B6 !important;
}
ul.list li a:hover,
.ms-rtestate-field ul li a:hover {
  color: #219f69;
}
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-"] {
  transform: scale(1.3);
  display: inline-block;
  margin-left: 5px;
  color: #999;
}
ul.list li:before,
.ms-rtestate-field ul li:before {
  content: '\F111';
  font-family: saso-icons;
  font-size: 0.714em;
  display: inline-block;
  color: #666;
  margin: 3px 10px 0 0px;
  border-radius: 100%;
  vertical-align: top;
  margin-left: -19px;
}
ul.list.green li:before,
.ms-rtestate-field ul.green li:before {
  color: #219f69;
}
ul.list.green li a,
.ms-rtestate-field ul.green li a {
  color: #0096B6;
}
ul.list.orange li:before,
.ms-rtestate-field ul.orange li:before {
  color: #FF2C00;
}
ul.list.orange li a,
.ms-rtestate-field ul.orange li a {
  color: #FF2C00;
}
ul.list.nobullet li:before,
.ms-rtestate-field ul.nobullet li:before {
  display: none;
}
.ms-rtestate-field ul li:before {
  color: #219f69;
}
.ms-rtestate-field ul li a {
  color: #0096B6;
}
ol.list li,
.ms-rtestate-field ol li {
  font: normal 1em/2.286 fontReg, arial, sans-serif;
  color: #666;
  margin-bottom: 5px;
  list-style: none!important;
}
ol.list li a,
.ms-rtestate-field ol li a {
  color: #0096B6 !important;
}
ol.list li a:hover,
.ms-rtestate-field ol li a:hover {
  color: #219f69;
}
ol.list li a:active,
.ms-rtestate-field ol li a:active {
  color: #298ebd;
}
ol.list li a [class^="icon-"],
.ms-rtestate-field ol li a [class^="icon-"] {
  transform: scale(1.3);
  display: inline-block;
  margin-left: 5px;
  color: #999;
}
.ms-rtestate-field blockquote {
  margin: 0 40px 0 0;
}
ul.nav-tabs li:before {
  display: none;
  content: '';
}
.innerpages {
  /*.vTabs:not(.page-tabs){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 @basecolor1;box-shadow:10px 0px 25px -14px #ccc inset;    padding-right: 0!important;
	&>li{ display: list-item;float: none;margin-bottom:10px;margin-right: 0px;margin-left: 0px;.border-radius(0 0px 0px 0);
          a{padding: 5px 10px 8px;}
        &.active{box-shadow:none;
            &:after{border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 10px solid @basecolor1;bottom: 50%;margin-bottom:-10px;left: auto;left: -10px;}
        }
    }
}
.vTab-content{float:right;width: ~"calc(100% - 200px)"}
.vTabsWrapper{
              &:after{content:'';clear:both;display:block;}
}*/
  /* Custome Radio button style */
  /* Custome checkbox button style */
  /* Custome fileupload style */
  /*---- Service Catalog  ----*/
}
.innerpages p,
.innerpages div,
.innerpages span {
  color: #666;
  font: 1.5rem fontReg, arial, sans-serif;
  line-height: 2;
}
.innerpages .breadCrumb {
  padding: 10px 0;
  background: #F1F1F1;
}
.innerpages .breadCrumb .breadCrumbDetails {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #888;
}
.innerpages .breadCrumb .breadCrumbDetails span {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #0096B6;
  display: inline-block;
}
.innerpages .breadCrumb .breadCrumbDetails span span:first-child,
.innerpages .breadCrumb .breadCrumbDetails span span:nth-child(3) {
  display: none;
}
.innerpages .breadCrumb .breadCrumbDetails a {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #0096B6;
}
.innerpages .breadCrumb .breadCrumbDetails a:after {
  content: "\f104";
  font: 20px saso-icons;
  vertical-align: sub;
  color: #888;
  margin: 0 12px;
  transform: rotate(-180deg);
  display: inline-block;
}
.innerpages .breadCrumb .breadCrumbDetails a.active {
  font: 1.5rem fontReg, arial, sans-serif;
}
.innerpages .breadCrumb .breadCrumbDetails a.active:after {
  content: "";
  display: none;
}
.innerpages .breadCrumb .breadCrumbDetails .newsBreadCrumbArrow:before {
  content: "\f104";
  font: 20px saso-icons;
  vertical-align: sub;
  color: #888;
  margin: 0 12px;
  transform: rotate(-180deg);
  display: inline-block;
}
.innerpages .pagetitle h2 {
  font: bold 3.5rem fontBold, arial, sans-serif;
  color: #464749;
  text-align: center;
  margin-bottom: 50px;
}
.innerpages .pagetitle h2:after {
  content: '';
  display: block;
  margin: 5px auto 0;
  width: 142px;
  height: 4px;
  background: #18754D;
}
.innerpages .breadCrumbFunctions {
  position: absolute;
  right: -50px;
  width: 48px;
  top: 45px;
  background: #fff;
  text-align: center;
  display: block;
  border-radius: 0px;
  margin-top: 0;
  float: none;
  margin-left: 0;
  z-index: 2;
  border-radius: 30px!important;
}
.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper {
  box-shadow: 0 8px 45px 0px rgba(0, 0, 0, 0.15);
  padding: 0 0 6px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 24px;
}
.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a {
  color: #5E5E5E !important;
  padding: 12px;
  display: inline-block;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  padding-bottom: 0;
  font-size: 18px;
}
.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a i {
  color: #5E5E5E !important;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  margin-bottom: 0;
  font-size: 18px;
}
.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a:hover i {
  color: #18754D !important;
}
.innerpages .breadCrumbShareWrapper {
  margin-top: 25px;
}
.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown {
  box-shadow: 0 8px 45px 0px rgba(0, 0, 0, 0.15);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 30px;
}
.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle {
  display: block;
  width: 48px;
  height: 48px;
  background: #9A6A3C;
  position: relative;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 30px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  outline: none!important;
  box-shadow: 0 8px 45px 0px rgba(0, 0, 0, 0.15);
  padding: 0;
}
.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle .breadCrumbShareWrapper-rotate {
  display: block;
  width: 48px;
  height: 48px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  transform: rotate(-90deg);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3RjI3QjI5MDQ2NDExRUE4OEMyODNCNzc1NUFDQjAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3RjI3QjJBMDQ2NDExRUE4OEMyODNCNzc1NUFDQjAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdGMjdCMjcwNDY0MTFFQTg4QzI4M0I3NzU1QUNCMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdGMjdCMjgwNDY0MTFFQTg4QzI4M0I3NzU1QUNCMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7xSkbXAAAA0ElEQVR42mL8//8/AzUBEwOVAQuMwcjIiCIBdLkAkIoHYhB9AIveh0A9D6BqUTQyYPM2UCzgP3FAAWYGCLPgcT3IVY1QtgOar/SBmAfKVwDiBwRdiA2AggGIz0Nd9gVKOyC7kOhIgYbpfiA2AOKLQHyB7FjGYhgoCP6QZSA2w4Cx+4GsdEjAsANYIgy3gaS6DK+BJBr2AV0zSrJBSxoXoIbjSkIJUBphDrKBxBqGxXBMA8k1DJ+BE8gxDJ+BBlBDBUgtspANZBz0BSzVDQQIMADIeDcGJfcwOwAAAABJRU5ErkJggg==') center center no-repeat;
}
.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle.active {
  background: #fff;
}
.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle.active .breadCrumbShareWrapper-rotate {
  transform: rotate(-225deg);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0RUZGMjc0MDQ2NTExRUE5MUREREZFRjJENkYzQzNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0RUZGMjc1MDQ2NTExRUE5MUREREZFRjJENkYzQzNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTRFRkYyNzIwNDY1MTFFQTkxRERERkVGMkQ2RjNDM0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTRFRkYyNzMwNDY1MTFFQTkxRERERkVGMkQ2RjNDM0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4miKsBAAAAvUlEQVR42mL8//8/AzUBEwOVAQsuidnZtgJAKh6IQfQBLEoepk49/ABdkBGXl4EGBgCp9UQ4ShHZYBY8CkGuaoSyHdB8pQ/EPFC+AhATNhBo6wcg1YAlGPZDDfsKxNxkRwqSYQZAfBGIL5Ady1gMAwXBH7IMxGYYNDhIT4cEDDuAJcJwG0iqy/AaSKJhH/DmFBIMmwBNfxtw5hRyvYnVy9QwDD0MGyg1DD0MF8AMJtcwvKXNoClgqW4gQIABABorXqtGZ4qtAAAAAElFTkSuQmCC');
}
.innerpages .breadCrumbShareWrapper .share-list {
  padding-top: 20px;
}
.innerpages .breadCrumbShareWrapper .share-list li {
  padding: 0 0 1rem 0;
  position: relative;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.innerpages .breadCrumbShareWrapper .share-list li span {
  font-size: 18px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.innerpages .breadCrumbShareWrapper .share-list li.twitter:hover span {
  color: #00acee;
}
.innerpages .breadCrumbShareWrapper .share-list li.facebook:hover span {
  color: #3b5998;
}
.innerpages .breadCrumbShareWrapper .share-list li.linkedin:hover span {
  color: #0e76a8;
}
.innerpages .breadCrumbShareWrapper .share-list li.instagram:hover span {
  color: #E4405F;
}
.innerpages .breadCrumbShareWrapper .share-list li.mail:hover span {
  color: #228B5E;
}
.innerpages .contentWrapper {
  margin-bottom: 95px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.innerpages .contentWrapperSD {
  padding: 30px 15px 0;
  min-height: 515px;
}
.innerpages .designElementsCir {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  font: normal 18px fontReg, arial, sans-serif;
  color: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 13px;
  margin: 20px 0;
}
.innerpages .quoteWrapper {
  font: normal 1.5rem/3rem fontReg, arial, sans-serif;
  color: #18754D;
  width: 760px;
  text-align: center;
  margin: 10px 0;
  max-width: 100%;
  padding: 0 50px;
  position: relative;
  display: inline-block;
  max-width: 90%;
}
.innerpages .quoteWrapper:after {
  content: '”';
  display: inline-block;
  width: 35px;
  height: 100%;
  margin: 0px 9px 0;
  position: absolute;
  top: 0;
  right: 0;
  font: normal 100px/75px fontReg, arial, sans-serif;
  color: #18754D;
}
.innerpages .quoteWrapper:before {
  content: '“';
  display: inline-block;
  width: 35px;
  height: 100%;
  margin: 0px 9px 0;
  position: absolute;
  top: 0;
  left: 0;
  font: normal 100px/75px fontReg, arial, sans-serif;
  color: #18754D;
}
.innerpages .artclDate {
  display: block;
  font: normal 14px fontReg, arial, sans-serif;
  color: #298ebd;
  margin: 20px 0 10px;
}
.innerpages .artclDate i {
  margin-right: 10px;
  vertical-align: middle;
}
.innerpages .artclTxt,
.innerpages .ms-rtestate-field p {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #666;
  margin-bottom: 10px;
  text-align: justify;
  margin: 10px 0;
}
.innerpages .artclImg {
  position: relative;
  margin: 10px 20px;
  overflow: hidden;
  /*float:left;*/
  max-width: 100%;
  text-align: center;
}
.innerpages .artclImg img {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
  max-width: 100%;
  max-height: 440px;
}
.innerpages .ArticleContentDate,
.innerpages .ArticleContentDate span {
  font: 1.4rem fontReg, arial, sans-serif;
  color: #999;
  margin-bottom: 10px;
}
.innerpages .ArticleContentDate i,
.innerpages .ArticleContentDate span i {
  margin-right: 10px;
  color: #888;
  font-size: 14px;
  margin-bottom: 0;
}
.innerpages .ArticleContentDate .text-green *,
.innerpages .ArticleContentDate span .text-green * {
  color: #18754D;
}
.innerpages .rightBorderTxt1 {
  border-left: 3px solid #18754D;
  padding: 0px 0px 0 15px;
  margin: 15px 15px 15px 0;
  color: #666;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .rightBorderTxt2 {
  border-left: 3px solid #9A6A3C;
  padding: 0px 0px 0 15px;
  margin: 15px 15px 15px 0;
  color: #666;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .rightBorderTxt3 {
  border-left: 3px solid #0096B6;
  padding: 0px 0px 0 15px;
  margin: 15px 15px 15px 0;
  color: #666;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .rightBorderTxt4 {
  border-left: 3px solid #8D8D8D;
  padding: 0px 0px 0 15px;
  margin: 15px 15px 15px 0;
  color: #666;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages ul.lst,
.innerpages ul.list,
.innerpages .ArticleContent ul,
.innerpages .contentWrapper ul {
  padding-right: 10px;
  list-style: none;
  margin-bottom: 20px;
  padding-left: 18px;
}
.innerpages ul.lst li,
.innerpages ul.list li,
.innerpages .ArticleContent ul li,
.innerpages .contentWrapper ul li {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #666;
  list-style: none!important;
}
.innerpages ul.lst li a,
.innerpages ul.list li a,
.innerpages .ArticleContent ul li a,
.innerpages .contentWrapper ul li a {
  color: #298ebd;
}
.innerpages ul.lst li a:hover,
.innerpages ul.list li a:hover,
.innerpages .ArticleContent ul li a:hover,
.innerpages .contentWrapper ul li a:hover {
  color: #43a7d6;
}
.innerpages ul.lst li a:active,
.innerpages ul.list li a:active,
.innerpages .ArticleContent ul li a:active,
.innerpages .contentWrapper ul li a:active {
  color: #298ebd;
}
.innerpages ul.lst li:before,
.innerpages ul.list li:before,
.innerpages .ArticleContent ul li:before,
.innerpages .contentWrapper ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  background: #228B5E;
  margin: 11px 10px 0 0px;
  border-radius: 100%;
  vertical-align: top;
  margin-left: -19px;
}
.innerpages ul.lstbrown {
  padding-left: 10px;
  list-style: none;
  margin-bottom: 20px;
  padding-right: 18px;
}
.innerpages ul.lstbrown li {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #666;
  list-style: none!important;
}
.innerpages ul.lstbrown li a {
  color: #298ebd;
}
.innerpages ul.lstbrown li a:hover {
  color: #43a7d6;
}
.innerpages ul.lstbrown li a:active {
  color: #298ebd;
}
.innerpages ul.lstbrown li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  background: #9A6A3C;
  margin: 11px 0px 0 10px;
  border-radius: 100%;
  vertical-align: top;
  margin-right: -19px;
}
.innerpages ol.lst,
.innerpages .ArticleContent ol,
.innerpages .contentWrapper ol {
  padding-left: 10px;
  list-style: decimal!important;
  margin-bottom: 20px;
  padding-right: 18px;
}
.innerpages ol.lst li,
.innerpages .ArticleContent ol li,
.innerpages .contentWrapper ol li {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #666;
  list-style: decimal!important;
  padding-right: 5px;
}
.innerpages ol.lst li a,
.innerpages .ArticleContent ol li a,
.innerpages .contentWrapper ol li a {
  color: #298ebd;
}
.innerpages ol.lst li a:hover,
.innerpages .ArticleContent ol li a:hover,
.innerpages .contentWrapper ol li a:hover {
  color: #43a7d6;
}
.innerpages ol.lst li a:active,
.innerpages .ArticleContent ol li a:active,
.innerpages .contentWrapper ol li a:active {
  color: #298ebd;
}
.innerpages .lstInline li {
  display: inline-block;
  margin-left: 50px;
}
.innerpages td > ul.lst,
.innerpages td > ul.list,
.innerpages td > ol.lst {
  margin-bottom: 0;
}
.innerpages .ArticleContent {
  padding: 30px 10px 0;
}
.innerpages .ArticleContent ul.lstPurple li,
.innerpages .ArticleContent ul.lst li,
.innerpages .ArticleContent ol.lst li,
.innerpages .ArticleContent ol.lstPurple li {
  margin-bottom: 5px;
}
.innerpages .ArticleContent p {
  line-height: 200%;
}
.innerpages .ContentDivVideo {
  width: 100%;
}
.innerpages .imgWithSubWrapper {
  max-width: 380px;
  float: left;
}
.innerpages .gryWrapper {
  background-color: #f1f1f1;
  padding: 15px;
  margin-bottom: 20px;
}
.innerpages .form-inline .form-control {
  width: 100%;
}
.innerpages .form-group {
  margin-bottom: 25px!important;
}
.innerpages .form-group .radio,
.innerpages .form-group .checkbox {
  margin-left: 5px;
  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 14px/20px fontReg, arial, sans-serif;
  color: #666;
}
.innerpages .col-form-label,
.innerpages .Itemrow .LabelTitle,
.innerpages .Itemrow .LabelTitle .textlable,
.innerpages .Itemrow .LabelTitle > span {
  font: normal 1.6rem fontBold, arial, sans-serif;
  color: #464749;
}
.innerpages .required .col-form-label:after {
  content: '*';
  font: normal 15px/20px fontReg, arial, sans-serif;
  color: #FF0000;
  margin-right: 5px;
}
.innerpages .error .form-control {
  border-color: red !important;
}
.innerpages .form-control,
.innerpages .select2-container,
.innerpages .Itemrow .Data > * {
  font: normal 1.6rem fontReg, arial, sans-serif;
  color: #555;
  border: none!important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 30px;
  box-shadow: none!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  min-height: 50px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08) !important;
  padding: 10px 15px;
}
.innerpages .form-control:focus,
.innerpages .select2-container:focus,
.innerpages .Itemrow .Data > *:focus {
  border-color: #18754D !important;
  box-shadow: 0 0 5px -1px #53b2da !important;
}
.innerpages .form-control.select2-container--default .select2-selection--single .select2-selection__arrow,
.innerpages .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.innerpages .Itemrow .Data > *.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px;
  right: 13px!important;
}
.innerpages .Itemrow {
  margin-bottom: 25px;
}
.innerpages .Itemrow .Data > * {
  width: 100%!important;
  display: block;
}
.innerpages .Itemrow .Data > span:not(.select2),
.innerpages .Itemrow .Data > div {
  background: #ddd;
}
.innerpages .Itemrow .LabelTitle {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
}
.innerpages .ButtonContainer {
  text-align: center;
}
.innerpages .Itemrow .Data + .CaptchaImage {
  margin-top: 50px;
}
.innerpages .Itemrow .Validator {
  position: absolute;
}
.innerpages .select2-selection {
  background: transparent none;
  box-shadow: none!important;
  border: none!important;
}
.innerpages .select2-container--open .select2-selection {
  border-color: #298ebd !important;
}
.innerpages .select2-selection__arrow {
  background: transparent url('../images/imageSprite.png') -202px 9px no-repeat;
}
.innerpages .select2-selection__arrow b {
  display: none;
}
.innerpages .select2-container--open .select2-selection__arrow {
  background: transparent url('../images/imageSprite.png') -202px -21px no-repeat;
}
.innerpages .select2-container {
  max-width: 100%;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
}
.innerpages select.form-control {
  padding-top: 3px;
}
.innerpages .datepickerIcon {
  background: url('../images/datepickerIcon.png') no-repeat left center;
  padding-left: 35px;
}
.innerpages .tooltipIcon {
  background: url('../images/tooltipIcon.png') no-repeat 0 0;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 30px;
  top: 15px;
}
.innerpages .tooltip-arrow {
  border-top-color: #298ebd !important;
}
.innerpages .tooltip-inner {
  background: #298ebd;
  color: #fff;
  max-width: 370px;
  padding: 5px;
}
.innerpages .tooltipWrapper .form-control {
  padding-left: 30px;
}
.innerpages .rangeSlider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #eeeeee;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.innerpages .rangeSlider:hover {
  opacity: 1;
}
.innerpages .rangeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #18754D;
  cursor: pointer;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
}
.innerpages .rangeSlider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #18754D;
  cursor: pointer;
}
.innerpages .ui-datepicker,
.innerpages .ui-datepicker *,
.innerpages .ui-widget {
  font-size: 1.4rem;
}
.innerpages .btn:not(div),
.innerpages .gbuttontb {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  border: 0px!important;
  min-width: 170px!important;
  font: normal 16px/20px fontReg, arial, sans-serif !important;
  color: #fff !important;
  box-shadow: none;
  margin: 5px;
  background-color: #18754D !important;
  padding: 15px 60px!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  height: 46px;
}
.innerpages .btn:not(div):focus,
.innerpages .gbuttontb:focus {
  border: 0px!important;
  outline: none!important;
}
.innerpages .btn:not(div):hover,
.innerpages .gbuttontb:hover {
  background-color: #219f69 !important;
}
.innerpages .btn:not(div):active,
.innerpages .gbuttontb:active {
  background-color: #18754D !important;
}
.innerpages .btn:not(div).btnbrown,
.innerpages .gbuttontb.btnbrown {
  background-color: #9A6A3C !important;
}
.innerpages .btn:not(div).btnbrown:hover,
.innerpages .gbuttontb.btnbrown:hover {
  background-color: #ac7743 !important;
}
.innerpages .btn:not(div).btnbrown:active,
.innerpages .gbuttontb.btnbrown:active {
  background-color: #9A6A3C !important;
}
.innerpages .btn:not(div).btngray,
.innerpages .gbuttontb.btngray {
  background-color: #464749 !important;
}
.innerpages .btn:not(div).btngray:hover,
.innerpages .gbuttontb.btngray:hover {
  background-color: #5f6063 !important;
}
.innerpages .btn:not(div).btngray:active,
.innerpages .gbuttontb.btngray:active {
  background-color: #464749 !important;
}
.innerpages .btn:not(div) i,
.innerpages .gbuttontb i {
  margin-right: 5px;
  margin-left: 5px;
}
.innerpages .srchPanel {
  padding: 10px 15px;
  margin: 0 0 15px 0;
  /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);*/
  border: none;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 8px;
  text-align: left;
  background: #F6F6F6;
  min-height: 60px;
}
.innerpages .srchPanel .select2-container {
  vertical-align: bottom;
  margin: 0 9px;
  width: 300px!important;
  max-width: 90%;
}
.innerpages .srchPanel .form-control,
.innerpages .srchPanel .select2-container {
  /*min-height:36px;*/
  min-width: 150px;
  border: 1px solid #e2e2e2 !important;
  margin-bottom: 0;
  box-shadow: none;
  text-align: left;
  height: 40px;
  min-height: 40px;
  box-shadow: none!important;
  padding: 0 15px;
}
.innerpages .srchPanel .form-control.select2-container--default .select2-selection--single .select2-selection__arrow,
.innerpages .srchPanel .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
  right: 10px!important;
}
.innerpages .srchPanel .form-inline {
  float: left;
}
.innerpages .srchPanel .form-inline .form-group {
  margin-bottom: 0!important;
}
.innerpages .srchPanel .form-inline:after {
  content: "";
  display: block;
  clear: both;
}
.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 1.5rem fontReg, arial, sans-serif;
  color: #18754D;
  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 {
  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 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  right: 4px;
  left: auto;
}
.innerpages .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
}
.innerpages .select2-selection {
  padding-top: 4px;
}
.innerpages .accordion .card {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  border: none;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
  padding: 0 20px;
}
.innerpages .accordion .card .card-header {
  background: #fff;
  border-bottom: 1px dashed #828282;
  padding: 0;
}
.innerpages .accordion .card .card-header h2 {
  padding: 0;
  display: block;
  min-height: 60px;
}
.innerpages .accordion .card .card-header h2 .btn-link {
  width: 100%;
  background: transparent url("../images/accordion-expanded.svg") right center no-repeat;
  text-align: left;
  font: normal 2rem fontBold, arial, sans-serif;
  color: #18754D;
  text-decoration: none!important;
  min-height: 60px;
  padding: 10px 5px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  outline: none!important;
}
.innerpages .accordion .card .card-header h2 .btn-link.collapsed {
  color: #464749;
  background: transparent url("../images/accordion-collapsed.svg") right center no-repeat;
}
.innerpages .accordion .card .card-body {
  padding: 20px 0;
}
.innerpages .accordion .card .card-body h3,
.innerpages .accordion .card .card-body h4,
.innerpages .accordion .card .card-body h5,
.innerpages .accordion .card .card-body h6 {
  font-size: 1.8rem;
}
.innerpages .accordion .ui-accordion-header {
  border: none;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
  font: normal 16px fontBold, arial, sans-serif;
  padding: 17px 15px 8px 6px;
  margin: 10px 0 20px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  background: #fff !important;
  color: #555 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 0 5px 0px #e0e0e0;
  min-height: 60px;
}
.innerpages .accordion .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  width: 30px;
  height: 30px;
  background: transparent none;
  float: left;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  position: relative;
  margin-top: 0px;
}
.innerpages .accordion .ui-accordion-header .ui-accordion-header-icon:after {
  content: "";
  display: block;
  width: 21px;
  height: 16px;
  background: transparent url('../images/imageSprite.png') -88px -43px no-repeat;
  position: absolute;
  top: 5px;
  left: 8px;
}
.innerpages .accordion .ui-accordion-header.ui-state-active {
  background-color: #18754D !important;
  color: #fff !important;
  box-shadow: none;
}
.innerpages .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  background: transparent none;
}
.innerpages .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
  background: transparent url('../images/imageSprite.png') -88px -74px no-repeat;
}
.innerpages .accordion .ui-accordion-content {
  padding: 5px 10px;
  border: none;
  font: normal 16px fontReg, arial, sans-serif;
  color: #666;
}
.innerpages .nav-tabs:not(.page-tabs) {
  background: #fff;
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
}
.innerpages .nav-tabs:not(.page-tabs) > li {
  text-align: center;
  margin: 10px 0 0;
  border: none;
}
.innerpages .nav-tabs:not(.page-tabs) > li:before {
  display: none!important;
}
.innerpages .nav-tabs:not(.page-tabs) > li .active {
  border-bottom: 5px #228B5E solid;
  margin-bottom: -3px;
  position: relative;
  color: #228B5E !important;
}
.innerpages .nav-tabs:not(.page-tabs) > li .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 #228B5E;
}
.innerpages .nav-tabs:not(.page-tabs) > li .disabled {
  background: #cccccc;
  pointer-events: none;
  color: #a8a7a7 !important;
}
.innerpages .nav-tabs:not(.page-tabs) > li .disabled:after {
  display: none;
}
.innerpages .nav-tabs:not(.page-tabs) > li > a {
  font: normal 2.2rem fontBold, arial, sans-serif;
  color: #8D8D8D !important;
  background: transparent none!important;
  text-align: center;
  display: block;
  padding: 0 10px 10px;
  border: none;
}
.innerpages .nav-tabs:not(.page-tabs) > li > a i {
  font-size: 2.2rem;
}
.innerpages .nav-tabs:not(.page-tabs).nav-tabs2 > li {
  width: calc(100% / 2);
}
.innerpages .nav-tabs:not(.page-tabs).nav-tabs3 > li {
  width: calc(100% / 3);
}
.innerpages .nav-tabs:not(.page-tabs).nav-tabs4 > li {
  width: calc(100% / 4);
}
.innerpages .nav-tabs:not(.page-tabs).nav-tabs5 > li {
  width: calc(100% / 5);
}
.innerpages .nav-tabs:not(.page-tabs).nav-tabs6 > li {
  width: calc(100% / 6);
}
.innerpages .tab-content {
  min-height: 340px;
  padding: 30px 25px;
}
.innerpages .tab-pane {
  padding-top: 10px;
}
.innerpages .warning {
  background: #fdf6e1 url('../images/infoIcon.png') right center no-repeat;
  border: 1px solid #298ebd;
  padding: 15px 90px 15px 50px;
  font: normal 14px fontReg, arial, sans-serif;
  color: #298ebd;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
  margin: 10px 0;
}
.innerpages .warning.warning1 {
  background-color: #464749;
  border-color: #464749;
  color: #fff;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
}
.innerpages .warning.warning2 {
  background-color: #0096B6;
  border-color: #0096B6;
  color: #fff;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
}
.innerpages .warning.warning3 {
  background: #FFEA98 url('../images/infoIcon2.png') right center no-repeat;
  border-color: #FFEA98;
  color: #464749;
}
.innerpages .warning.warningError {
  background: #D96648 url('../images/infoIcon4.png') right center no-repeat;
  border-color: #D96648;
  color: #fff;
}
.innerpages .warning.warningSuccess {
  background: #228B5E url('../images/infoIcon3.png') right center no-repeat;
  border-color: #228B5E;
  color: #fff;
}
.innerpages .table,
.innerpages .grid {
  width: 100%;
}
.innerpages .table > thead > tr > th,
.innerpages .grid > thead > tr > th,
.innerpages .table > tbody > tr > th,
.innerpages .grid > tbody > tr > th {
  background: #228B5E;
  font: normal 1.8rem fontBold, arial, sans-serif;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  vertical-align: middle;
  padding: 10px 15px;
}
.innerpages .table > thead > tr > th div,
.innerpages .grid > thead > tr > th div,
.innerpages .table > tbody > tr > th div,
.innerpages .grid > tbody > tr > th div,
.innerpages .table > thead > tr > th p,
.innerpages .grid > thead > tr > th p,
.innerpages .table > tbody > tr > th p,
.innerpages .grid > tbody > tr > th p {
  font: normal 1.8rem fontBold, arial, sans-serif;
  color: #fff;
  text-align: center;
}
.innerpages .table > tbody > tr > td,
.innerpages .grid > tbody > tr > td {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #555;
  text-align: left;
  vertical-align: middle!important;
  padding: 10px 10px;
  border: 1px solid #fff;
  padding: 10px 15px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.innerpages .table > tbody > tr > td input[type=text],
.innerpages .grid > tbody > tr > td input[type=text] {
  width: 100%;
  min-height: 30px;
}
.innerpages .table > tbody > tr > td input[type=file],
.innerpages .grid > tbody > tr > td input[type=file] {
  width: 100%;
}
.innerpages .table > tbody > tr > td img,
.innerpages .grid > tbody > tr > td img {
  max-width: 100%;
}
.innerpages .table > tbody > tr:nth-child(even),
.innerpages .grid > tbody > tr:nth-child(even) {
  background-color: #fff;
}
.innerpages .table > tbody > tr:nth-child(odd),
.innerpages .grid > tbody > tr:nth-child(odd) {
  background-color: #F3F3F3;
}
.innerpages .table > tbody > tr:hover > td,
.innerpages .grid > tbody > tr:hover > td {
  background-color: #CFEBF1;
}
.innerpages .table a,
.innerpages .grid a {
  color: #228B5E;
  text-decoration: underline;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .sidetable {
  width: 100%;
  /*&>tbody>tr:hover>td{background-color:#c5e19f;}*/
}
.innerpages .sidetable > thead > tr > th,
.innerpages .sidetable > tbody > tr > th {
  background: #266891;
  font: normal 16px fontBold, arial, sans-serif;
  color: #fff;
  text-align: right;
  border: 1px solid #fff;
  vertical-align: middle;
  padding: 15px 15px;
  width: 25%;
  border: 1px solid #ddd;
}
.innerpages .sidetable > tbody > tr > td {
  font: normal 15px fontBold, arial, sans-serif;
  color: #555;
  text-align: left;
  vertical-align: middle!important;
  padding: 10px 10px;
  border: 1px solid #fff;
  padding: 15px 15px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  border: 1px solid #ddd;
}
.innerpages .sidetable > tbody > tr > td input[type=text] {
  width: 100%;
  min-height: 30px;
}
.innerpages .sidetable > tbody > tr > td input[type=file] {
  width: 100%;
}
.innerpages .sidetable > tbody > tr:nth-child(even) {
  background-color: #F6F6F6;
}
.innerpages .sidetable > tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.innerpages .sidetable a {
  color: #298ebd;
  text-decoration: underline;
}
.innerpages .sidetable td.text-center,
.innerpages .sidetable th.text-center {
  text-align: center;
}
.innerpages .sidetable .hdrRow {
  background: #fff;
}
.innerpages .sidetable .hdrRow td,
.innerpages .sidetable .hdrRow th {
  background: #fff;
  text-align: center!important;
  color: #555;
  border: none;
}
.innerpages .tableWrapper {
  max-width: 100%;
  overflow: auto;
}
.innerpages ul.pagination {
  text-align: center;
  display: inline-block;
}
.innerpages ul.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.innerpages ul.pagination li:before {
  display: none!important;
}
.innerpages ul.pagination li a {
  font: normal 15px/15px fontReg, arial, sans-serif;
  color: #9A6A3C;
  background-color: #fff;
  padding: 6px 3px;
  height: 28px;
  min-width: 28px;
  margin: 4px!important;
  border-color: #d6e1e5 !important;
  margin-left: -1px !important;
  text-align: center;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  display: inline-block;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  border: 1px solid #9A6A3C !important;
}
.innerpages ul.pagination li a:hover {
  background-color: #ba834f;
  color: #fff;
}
.innerpages ul.pagination li a:active {
  background-color: #9A6A3C !important;
  color: #fff !important;
}
.innerpages ul.pagination li a i {
  font-size: 26px;
  line-height: 16px;
  color: #9A6A3C !important;
}
.innerpages ul.pagination li a i:before {
  font-size: 26px;
  line-height: 16px;
}
.innerpages ul.pagination li.active a,
.innerpages ul.pagination li.active a:hover {
  background-color: #9A6A3C !important;
  color: #fff !important;
}
.innerpages ul.pagination li.disabled a {
  background-color: #bdbdbd;
  color: #298ebd;
}
.innerpages ul.pagination li.disabled a:hover {
  background-color: #bdbdbd;
  color: #298ebd;
}
.innerpages ul.pagination li.first a,
.innerpages ul.pagination li.last a,
.innerpages ul.pagination li.previous a,
.innerpages ul.pagination li.next a,
.innerpages ul.pagination li.First a,
.innerpages ul.pagination li.Last a,
.innerpages ul.pagination li.Previous a,
.innerpages ul.pagination li.Next a {
  background-color: #fff !important;
  border: none!important;
}
.innerpages ul.pagination li.first a i,
.innerpages ul.pagination li.last a i,
.innerpages ul.pagination li.previous a i,
.innerpages ul.pagination li.next a i,
.innerpages ul.pagination li.First a i,
.innerpages ul.pagination li.Last a i,
.innerpages ul.pagination li.Previous a i,
.innerpages ul.pagination li.Next a i {
  color: #9A6A3C;
  font-size: 26px;
}
.innerpages ul.pagination li.first.disabled a,
.innerpages ul.pagination li.last.disabled a,
.innerpages ul.pagination li.previous.disabled a,
.innerpages ul.pagination li.next.disabled a,
.innerpages ul.pagination li.First.disabled a,
.innerpages ul.pagination li.Last.disabled a,
.innerpages ul.pagination li.Previous.disabled a,
.innerpages ul.pagination li.Next.disabled a {
  background-color: #fff !important;
  border: none!important;
}
.innerpages ul.pagination li.first.disabled a i,
.innerpages ul.pagination li.last.disabled a i,
.innerpages ul.pagination li.previous.disabled a i,
.innerpages ul.pagination li.next.disabled a i,
.innerpages ul.pagination li.First.disabled a i,
.innerpages ul.pagination li.Last.disabled a i,
.innerpages ul.pagination li.Previous.disabled a i,
.innerpages ul.pagination li.Next.disabled a i {
  color: #94b2bf;
  font-size: 26px;
}
.innerpages .nav-pager {
  margin: 0 auto;
  text-align: center;
}
.innerpages div.pagination {
  text-align: center;
  margin: 20px auto;
  display: inline-block;
}
.innerpages div.pagination a,
.innerpages div.pagination .default-pager-current,
.innerpages div.pagination span {
  font: normal 15px/15px fontReg, arial, sans-serif;
  color: #9A6A3C;
  background-color: #fff;
  padding: 6px 3px;
  height: 28px;
  min-width: 28px;
  margin: 4px!important;
  border-color: #d6e1e5 !important;
  margin-left: -1px !important;
  text-align: center;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  display: inline-block;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
  border: 1px solid #9A6A3C !important;
}
.innerpages div.pagination a:hover,
.innerpages div.pagination .default-pager-current:hover,
.innerpages div.pagination span:hover {
  background-color: #ba834f;
  color: #fff;
}
.innerpages div.pagination a i,
.innerpages div.pagination .default-pager-current i,
.innerpages div.pagination span i {
  font-size: 26px;
  line-height: 16px;
  color: #9A6A3C !important;
}
.innerpages div.pagination a i:before,
.innerpages div.pagination .default-pager-current i:before,
.innerpages div.pagination span i:before {
  font-size: 26px;
  line-height: 16px;
}
.innerpages div.pagination a.Last:before,
.innerpages div.pagination .default-pager-current.Last:before,
.innerpages div.pagination span.Last:before {
  content: '\f101';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages div.pagination a.Next:before,
.innerpages div.pagination .default-pager-current.Next:before,
.innerpages div.pagination span.Next:before {
  content: '\f105';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages div.pagination a.Previous:before,
.innerpages div.pagination .default-pager-current.Previous:before,
.innerpages div.pagination span.Previous:before {
  content: '\f104';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages div.pagination a.First:before,
.innerpages div.pagination .default-pager-current.First:before,
.innerpages div.pagination span.First:before {
  content: '\f100';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages div.pagination a.disabled a,
.innerpages div.pagination .default-pager-current.disabled a,
.innerpages div.pagination span.disabled a {
  background-color: #bdbdbd;
  color: #298ebd;
}
.innerpages div.pagination a.disabled a:hover,
.innerpages div.pagination .default-pager-current.disabled a:hover,
.innerpages div.pagination span.disabled a:hover {
  background-color: #bdbdbd;
  color: #298ebd;
}
.innerpages div.pagination a.first,
.innerpages div.pagination .default-pager-current.first,
.innerpages div.pagination span.first,
.innerpages div.pagination a.last,
.innerpages div.pagination .default-pager-current.last,
.innerpages div.pagination span.last,
.innerpages div.pagination a.previous,
.innerpages div.pagination .default-pager-current.previous,
.innerpages div.pagination span.previous,
.innerpages div.pagination a.next,
.innerpages div.pagination .default-pager-current.next,
.innerpages div.pagination span.next,
.innerpages div.pagination a.First,
.innerpages div.pagination .default-pager-current.First,
.innerpages div.pagination span.First,
.innerpages div.pagination a.Last,
.innerpages div.pagination .default-pager-current.Last,
.innerpages div.pagination span.Last,
.innerpages div.pagination a.Previous,
.innerpages div.pagination .default-pager-current.Previous,
.innerpages div.pagination span.Previous,
.innerpages div.pagination a.Next,
.innerpages div.pagination .default-pager-current.Next,
.innerpages div.pagination span.Next,
.innerpages div.pagination a:last-child,
.innerpages div.pagination .default-pager-current:last-child,
.innerpages div.pagination span:last-child,
.innerpages div.pagination a:first-child,
.innerpages div.pagination .default-pager-current:first-child,
.innerpages div.pagination span:first-child {
  background-color: #fff !important;
  border: none!important;
  vertical-align: bottom;
}
.innerpages div.pagination a.first i,
.innerpages div.pagination .default-pager-current.first i,
.innerpages div.pagination span.first i,
.innerpages div.pagination a.last i,
.innerpages div.pagination .default-pager-current.last i,
.innerpages div.pagination span.last i,
.innerpages div.pagination a.previous i,
.innerpages div.pagination .default-pager-current.previous i,
.innerpages div.pagination span.previous i,
.innerpages div.pagination a.next i,
.innerpages div.pagination .default-pager-current.next i,
.innerpages div.pagination span.next i,
.innerpages div.pagination a.First i,
.innerpages div.pagination .default-pager-current.First i,
.innerpages div.pagination span.First i,
.innerpages div.pagination a.Last i,
.innerpages div.pagination .default-pager-current.Last i,
.innerpages div.pagination span.Last i,
.innerpages div.pagination a.Previous i,
.innerpages div.pagination .default-pager-current.Previous i,
.innerpages div.pagination span.Previous i,
.innerpages div.pagination a.Next i,
.innerpages div.pagination .default-pager-current.Next i,
.innerpages div.pagination span.Next i,
.innerpages div.pagination a:last-child i,
.innerpages div.pagination .default-pager-current:last-child i,
.innerpages div.pagination span:last-child i,
.innerpages div.pagination a:first-child i,
.innerpages div.pagination .default-pager-current:first-child i,
.innerpages div.pagination span:first-child i {
  color: #18754D;
  font-size: 26px;
  margin-bottom: 0;
}
.innerpages div.pagination a.first.disabled,
.innerpages div.pagination .default-pager-current.first.disabled,
.innerpages div.pagination span.first.disabled,
.innerpages div.pagination a.last.disabled,
.innerpages div.pagination .default-pager-current.last.disabled,
.innerpages div.pagination span.last.disabled,
.innerpages div.pagination a.previous.disabled,
.innerpages div.pagination .default-pager-current.previous.disabled,
.innerpages div.pagination span.previous.disabled,
.innerpages div.pagination a.next.disabled,
.innerpages div.pagination .default-pager-current.next.disabled,
.innerpages div.pagination span.next.disabled,
.innerpages div.pagination a.First.disabled,
.innerpages div.pagination .default-pager-current.First.disabled,
.innerpages div.pagination span.First.disabled,
.innerpages div.pagination a.Last.disabled,
.innerpages div.pagination .default-pager-current.Last.disabled,
.innerpages div.pagination span.Last.disabled,
.innerpages div.pagination a.Previous.disabled,
.innerpages div.pagination .default-pager-current.Previous.disabled,
.innerpages div.pagination span.Previous.disabled,
.innerpages div.pagination a.Next.disabled,
.innerpages div.pagination .default-pager-current.Next.disabled,
.innerpages div.pagination span.Next.disabled,
.innerpages div.pagination a:last-child.disabled,
.innerpages div.pagination .default-pager-current:last-child.disabled,
.innerpages div.pagination span:last-child.disabled,
.innerpages div.pagination a:first-child.disabled,
.innerpages div.pagination .default-pager-current:first-child.disabled,
.innerpages div.pagination span:first-child.disabled {
  background-color: #fff !important;
  border: none!important;
}
.innerpages div.pagination a.first.disabled i,
.innerpages div.pagination .default-pager-current.first.disabled i,
.innerpages div.pagination span.first.disabled i,
.innerpages div.pagination a.last.disabled i,
.innerpages div.pagination .default-pager-current.last.disabled i,
.innerpages div.pagination span.last.disabled i,
.innerpages div.pagination a.previous.disabled i,
.innerpages div.pagination .default-pager-current.previous.disabled i,
.innerpages div.pagination span.previous.disabled i,
.innerpages div.pagination a.next.disabled i,
.innerpages div.pagination .default-pager-current.next.disabled i,
.innerpages div.pagination span.next.disabled i,
.innerpages div.pagination a.First.disabled i,
.innerpages div.pagination .default-pager-current.First.disabled i,
.innerpages div.pagination span.First.disabled i,
.innerpages div.pagination a.Last.disabled i,
.innerpages div.pagination .default-pager-current.Last.disabled i,
.innerpages div.pagination span.Last.disabled i,
.innerpages div.pagination a.Previous.disabled i,
.innerpages div.pagination .default-pager-current.Previous.disabled i,
.innerpages div.pagination span.Previous.disabled i,
.innerpages div.pagination a.Next.disabled i,
.innerpages div.pagination .default-pager-current.Next.disabled i,
.innerpages div.pagination span.Next.disabled i,
.innerpages div.pagination a:last-child.disabled i,
.innerpages div.pagination .default-pager-current:last-child.disabled i,
.innerpages div.pagination span:last-child.disabled i,
.innerpages div.pagination a:first-child.disabled i,
.innerpages div.pagination .default-pager-current:first-child.disabled i,
.innerpages div.pagination span:first-child.disabled i {
  color: #94b2bf;
  font-size: 26px;
}
.innerpages div.pagination span {
  background-color: #9A6A3C !important;
  color: #fff !important;
}
.innerpages div.pagination .default-pager-current {
  background-color: #9A6A3C !important;
  color: #fff !important;
}
.innerpages div.pagination .default-pager-current:hover {
  background-color: #9A6A3C !important;
  color: #fff !important;
}
.innerpages .shareWrapper {
  padding: 10px 0;
  margin-top: 70px;
  background: #fff;
}
.innerpages .shareWrapper .lastEdit {
  color: #228B5E;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .shareWrapper .lastEdit i {
  color: #228B5E;
  font: normal 1.5rem fontReg, arial, sans-serif;
}
.innerpages .rateWrapper {
  text-align: left;
}
.innerpages .rateWrapper .rating {
  display: block;
}
.innerpages .rateWrapper .rateVotesNoWrapper {
  display: inline-block;
  margin: 0 0 0 30px ;
}
.innerpages .rateWrapper .rateVotesNoWrapper .ratingText {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #8D8D8D;
  margin: 0 10px;
}
.innerpages .rateWrapper .rateVotesNoWrapper .voteNoText {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #228B5E;
}
.innerpages .rateWrapper .sendComment {
  color: #228B5E;
  font: normal 1.5rem fontReg, arial, sans-serif;
  display: inline-block;
  background: #fff;
  padding: 6px 15px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 30px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.innerpages .rateWrapper .sendComment i {
  color: #228B5E;
  font: normal 1.7rem fontReg, arial, sans-serif;
  margin-left: 5px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.innerpages .rateWrapper .sendComment:hover {
  color: #fff;
  background: #228B5E;
}
.innerpages .rateWrapper .sendComment:hover i {
  color: #fff;
}
.innerpages .rateWrapper .icon-star:before {
  font-family: "saso-icons";
  content: '\e850';
}
.innerpages .rateWrapper .icon-star.active:before {
  font-family: "saso-icons";
  content: '\e851';
}
.innerpages .rateWrapper .icon-star.active.icon-star-half-alt:before {
  content: '\f123';
}
.innerpages .service-rating {
  border: 1px #228B5E solid;
  width: 172px;
  margin: 15px auto 0;
  border-radius: 50px;
  max-height: 33px;
}
.innerpages .rating {
  cursor: pointer;
}
.innerpages .rating .ratingText {
  font: 1.5rem fontReg, arial, sans-serif;
  color: #8D8D8D;
  margin: 0 10px;
}
@media (max-width: 1199px) {
  .innerpages .rating .ratingText {
    display: none;
  }
}
.innerpages .rating .ratingText.ratecount {
  display: inline-block;
}
.innerpages .rating i {
  display: inline-block;
  position: relative;
  margin-right: -5px;
  color: #228B5E;
  font-size: 18px;
  line-height: 33px;
  font-size: 16px;
  /*-transform:scaleX(-1);webkit-transform: scaleX(-1);*/
  /*&.active{color: @orangecolor}*/
}
.innerpages .contentTopBtns {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  box-shadow: 0 25px 30px -20px rgba(0, 0, 0, 0.1);
  margin-top: -30px;
}
.innerpages .contentTopBtns a {
  text-align: center;
  padding: 10px 30px 5px;
  color: #298ebd !important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  font: normal 14px fontReg, arial, sans-serif;
  border-right: 1px solid #cfcdd7;
  display: inline-block;
}
.innerpages .contentTopBtns a:hover {
  color: #298ebd !important;
}
.innerpages .contentTopBtns a:first-child {
  border: none;
}
.innerpages .contentTopBtns a i {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}
.innerpages .radio {
  /* Customize the label (the container) */
  /* Create a custom radio button */
}
.innerpages .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 */
}
.innerpages .radio label input {
  position: absolute!important;
  opacity: 0;
  /* When the radio button is checked, add a blue background */
}
.innerpages .radio label input:checked ~ .checkmark {
  border-color: #18754D;
  /* Show the indicator (dot/circle) when checked */
}
.innerpages .radio label input:checked ~ .checkmark:after {
  display: block;
}
.innerpages .radio label:hover input ~ .checkmark {
  border-color: #18754D;
}
.innerpages .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) */
}
.innerpages .radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #18754D;
}
.innerpages .checkbox {
  /* Customize the label (the container) */
  /* Create a custom radio button */
}
.innerpages .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 */
}
.innerpages .checkbox label input {
  position: absolute!important;
  opacity: 0;
  /* When the radio button is checked, add a blue background */
}
.innerpages .checkbox label input:checked ~ .checkmark {
  border-color: #18764e;
  background: #18754D;
  /* Show the indicator (dot/circle) when checked */
}
.innerpages .checkbox label input:checked ~ .checkmark:after {
  display: block;
}
.innerpages .checkbox label:hover input ~ .checkmark {
  border-color: #18754D;
}
.innerpages .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) */
}
.innerpages .checkbox .checkmark:after {
  content: "\e894";
  font-family: saso-icons;
  font-size: 8px;
  position: absolute;
  display: none;
  top: 3px;
  right: 2px;
  color: #fff;
}
.innerpages .captcha-wrapper input.form-control {
  margin-top: 10px;
}
.innerpages .captcha-wrapper .control-label {
  margin-top: 10px;
}
.innerpages .captcha-wrapper .capcha-img {
  float: right;
}
.innerpages .captcha-wrapper .capcha-img img {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  max-height: 56px;
}
.innerpages .captcha-wrapper .capchatools {
  display: inline-block;
  width: 25px;
  margin-right: 5px;
}
.innerpages .captcha-wrapper .capchatools .reload,
.innerpages .captcha-wrapper .capchatools .listen {
  display: block;
  border-radius: 2px;
  background-color: #0096B6;
  width: 25px;
  height: 25px;
  font-size: 1.143em;
  line-height: 1.929em;
  color: #fff;
  text-align: center;
  margin: 0 0 6px;
}
.innerpages .captcha-wrapper .capchatools .reload:hover,
.innerpages .captcha-wrapper .capchatools .listen:hover {
  background: #00b8df;
}
.innerpages .captcha-wrapper .capchatools .reload:active,
.innerpages .captcha-wrapper .capchatools .listen:active {
  background: #00748d;
}
.innerpages .captcha-wrapper .capchatools .listen {
  line-height: 26px;
}
.innerpages .lightgreenContainer {
  background: #f7faf8;
}
.innerpages .lightgrayContainer {
  background: #F1F1F1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 20px;
}
.innerpages .fileupload {
  position: relative;
  padding: 15px 0;
  height: 85px;
  text-align: center;
}
.innerpages .fileupload input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  width: 240px;
  height: 55px;
  margin: 0 auto!important;
  display: block;
  z-index: 1;
}
.innerpages .fileupload .upload {
  position: relative;
  width: 240px;
  height: 55px;
  font-size: 1.143em;
  line-height: 55px;
  display: inline-block;
  margin: 0 auto;
  top: -55px;
  color: #fff;
  background-color: #228B5E;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 27px;
  text-align: center;
}
.innerpages .fileupload .upload i[class^="icon-"] {
  font-size: 1.286em;
  margin-right: 5px;
}
.innerpages .btngroup {
  padding: 25px 0;
}
.innerpages .serv-search {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10, 101, 98)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px;
  padding-left: 35px;
}
.innerpages .ui-autocomplete {
  border: none!important;
  background: #fff;
  overflow: hidden;
  transform: translate(0px, 20px);
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.13);
}
.innerpages .ui-autocomplete * {
  color: #18754D !important;
  font: normal 1em fontReg, arial, sans-serif;
}
.innerpages .ui-autocomplete .ui-state-active {
  color: #fff !important;
  background: #529C44;
  border-color: #529d44;
}
.innerpages .servicefilter-Wrapper .filter-btn,
.innerpages .opendatafilter-Wrapper .filter-btn {
  position: relative;
  padding: 1px 16px;
  background: #f5f5f6;
  margin: 0 4px 0 0;
  display: inline-block;
  text-align: center;
  border-radius: 26px;
  font: 13px fontReg, arial, sans-serif;
  color: #666;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.innerpages .servicefilter-Wrapper .filter-btn i[class^="icon-"],
.innerpages .opendatafilter-Wrapper .filter-btn i[class^="icon-"] {
  font-size: 1.143em;
}
.innerpages .servicefilter-Wrapper .filter-btn:hover,
.innerpages .opendatafilter-Wrapper .filter-btn:hover {
  background: #e8e8ea;
}
.innerpages .servicefilter-Wrapper .filter-btn.mixitup-control-active,
.innerpages .opendatafilter-Wrapper .filter-btn.mixitup-control-active,
.innerpages .servicefilter-Wrapper .filter-btn.control-active,
.innerpages .opendatafilter-Wrapper .filter-btn.control-active {
  background: #18754D;
  color: #fff;
}
.select2-dropdown {
  border-radius: 20px!important;
  border: none;
  box-shadow: 0 3px 25px 3px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.select2-dropdown .select2-results__option {
  color: #555;
  font: normal 1.4rem fontReg, arial, sans-serif;
  padding: 10px 5px;
  border-top: #D9D9D9 solid 1px;
}
.select2-dropdown .select2-results__option:first-child {
  border-top: none!important;
}
.select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: rgba(34, 139, 94, 0.08);
  color: #228B5E;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 500px;
}
.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 0.5s ease;
}
.service-card:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #18754D;
  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 0.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 0.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 0.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 0.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 fontReg, arial, sans-serif;
  border-radius: 35px;
  width: 75%;
  margin: 0 1%;
  height: 35px;
  background: #0096B6;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  opacity: 0;
  margin-top: 5px;
}
.service-card .service-btn-wrapper .serv-btn.orange {
  background: #FF2C00;
}
.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: 0.2s;
  opacity: 1;
  padding-top: 5px;
}
.service-card:hover .serv-btn {
  transition-delay: 0.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;
  text-align: center;
}
.service-logo-start .service-logo .servtitle {
  margin-top: 15px;
  font: 1em fontBold, arial, sans-serif;
  color: #18754D;
}
.service-logo-start .service-logo .servicon {
  height: 90px;
}
.service-logo-start .service-logo .servicon img {
  max-height: 100%;
}
.service-logo-start .rateWrapper {
  text-align: center;
}
.service-FAQ {
  min-height: 33px;
  width: 172px;
  text-align: center;
  margin: 15px auto 0;
  border: 1px solid #18754D;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  padding: 6px 6px 4px;
  max-width: 90%;
  display: block;
  color: #18754D;
  font: normal 1em/1.429 fontReg, arial, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.service-FAQ:hover {
  background: #0096B6;
  color: #fff;
  border-color: #0097b7;
}
.start-servicebtn {
  margin-top: 33px;
  margin-bottom: 30px;
  font: 30px/70px fontBold, arial, sans-serif;
  display: block;
  text-align: center;
  background: #0096B6;
  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 0.3s ease;
}
.start-servicebtn .icon-service-strat {
  font-size: 45px;
  height: 47px;
  position: relative;
  top: 3px;
  color: #fff;
}
.start-servicebtn:hover {
  background: #228B5E;
  color: #fff !important;
}
.start-servicebtn:active {
  background: #18754D;
  color: #fff !important;
}
.start-servicebtn:active,
.start-servicebtn:visited,
.start-servicebtn:focus {
  color: #fff !important;
}
.start-servicebtn.albumLnk {
  font-size: 24px;
}
.download-serviceguide {
  margin-top: 33px;
  margin-bottom: 30px;
  font: 1.286em/5em fontBold, arial, sans-serif;
  display: block;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  color: #0096B6 !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 0.3s ease;
}
.download-serviceguide [class^='icon-'] {
  font-size: 1.786em;
  position: relative;
  top: 3px;
  left: 8px;
  color: #0096B6;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.download-serviceguide:hover {
  color: #FF2C00 !important;
}
.download-serviceguide:hover [class^='icon-'] {
  color: #FF2C00 !important;
}
.service-description {
  padding-left: 50px;
  padding-right: 15px;
  position: relative;
}
.service-description h2 {
  font: 1.786em fontBold, arial, sans-serif !important;
  color: #0096B6 !important;
  position: relative;
  padding: 0;
}
.service-description .servd-icon {
  margin-left: -45px;
  font-size: 29px!important;
  position: absolute;
  top: 0px;
}
.service-description h5 {
  font: 110% fontBold, arial, sans-serif;
  color: #9A6A3C;
  margin: 10px 0;
}
.service-working-method {
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  background: #f0f6f2;
  padding: 30px 15px 30px 50px ;
  border-radius: 30px;
}
.service-working-method h2 {
  font: 1.786em fontBold, arial, sans-serif !important;
  color: #0096B6;
  position: relative;
  padding-left: 0px;
}
.service-working-method .servm-icon {
  margin-left: -40px;
  font-size: 29px!important;
  position: absolute;
  top: 9px;
}
.service-working-method h5 {
  font: 110% fontBold, arial, sans-serif;
  color: #9A6A3C;
  margin: 10px 0;
}
.complain {
  text-align: right;
}
body .numeric-timeline {
  counter-reset: section;
  margin: 30px 60px 0 0;
  padding-right: 0px!important;
}
body .numeric-timeline li {
  font: 1.071em fontBold, arial, sans-serif;
  color: #666;
  position: relative;
  padding-right: 50px;
  padding-bottom: 30px;
  list-style: none!important;
}
body .numeric-timeline li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  display: inline-block;
  margin-left: 20px;
  width: 35px;
  height: 35px;
  background: #FF2C00;
  font: bold 1.786em fontBold, arial, sans-serif;
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 35px;
  position: absolute;
  right: 0;
}
body .numeric-timeline li:after {
  display: block;
  width: 1px;
  height: calc(100% - 35px) ;
  content: '';
  border-left: 1px rgba(24, 117, 77, 0.4) dashed;
  position: absolute;
  right: 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 0.3s ease;
}
body .numeric-timeline li a:hover {
  color: #0096B6;
}
body .numeric-timeline.numeric-list {
  margin: 30px 20px 0 0;
}
body .numeric-timeline.numeric-list li {
  font: 1em fontReg, arial, 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 0.5s ease;
}
.branch-hero-link > span {
  display: block;
  text-align: center;
  color: #0096B6;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.branch-hero-link .icon {
  font-size: 4.286em;
  line-height: 100px;
}
.branch-hero-link .text {
  font: 2.857em fontBold, arial, sans-serif;
}
.branch-hero-link:hover {
  background: #0096B6;
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.35);
}
.branch-hero-link:hover > span {
  color: #fff !important;
  transform: translateY(-10px);
}
.branch-hero-link.guides-link .icon {
  font-size: 3.214em;
}
.branch-hero-link.guides-link .text {
  font-size: 1.857em;
}
.branch-hero-link.deparment-box {
  min-height: 260px;
}
.branch-hero-link.deparment-box .text {
  font-size: 1.571em;
}
.branch-hero-link.deparment-box .icon {
  color: #777;
  font-size: 3.214em;
}
.map-btn-wrapper {
  min-height: 210px;
  background: #fff;
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.map-btn-wrapper .map-header {
  margin-bottom: 15px;
}
.map-btn {
  margin: 28px 5px 15px;
  padding: 0 12px;
  font: 19px/70px fontBold, arial, sans-serif;
  display: block;
  text-align: center;
  background: #0096B6;
  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 0.3s ease;
}
.map-btn [class^="icon-"] {
  font-size: 30px;
  height: 47px;
  position: relative;
  top: 3px;
  margin-right: 5px;
  color: #fff;
}
.map-btn:hover {
  background: #FF2C00;
  color: #fff !important;
}
.map-btn:active {
  background: #18754D;
  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: right;
  padding-top: 8px;
  width: 145px;
  height: 44px;
  margin-left: 14px;
  margin-bottom: 20px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.17);
  font: 1em fontReg, arial, sans-serif;
  color: #529C44;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .attaches-flag-wrapper .attache-item {
    width: calc( 100% / 7.94);
  }
}
.attaches-flag-wrapper .attache-item img {
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.attaches-flag-wrapper .attache-item:hover {
  box-shadow: 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;
  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;
  transform: skewX(-32deg) !important;
}
#map-canvas #MapPopup h4 {
  font: 1.143em fontBold, arial, sans-serif;
  color: #666;
}
#map-canvas #MapPopup h5 {
  font: 13px fontBold, arial, sans-serif;
  color: #0096B6;
}
#map-canvas #MapPopup .flag-icon {
  position: relative;
  top: 3px;
}
#map-canvas #MapPopup h6 {
  font: 12px fontBold, arial, sans-serif;
  color: #333;
}
#map-canvas #MapPopup div {
  font: 12px fontReg, arial, sans-serif;
  color: #666;
}
#map-canvas #MapPopup .phone-list li,
#map-canvas #MapPopup .fax-list li {
  display: inline-block;
  margin: 0 0 0 15px;
  direction: ltr;
}
#map-canvas #MapPopup .phone-list li i[class^="icon-"],
#map-canvas #MapPopup .fax-list li i[class^="icon-"] {
  font-size: 13px;
  color: #0096B6;
}
#map-canvas #MapPopup .website a {
  color: #0096B6;
}
#map-canvas #MapPopup .website a i[class^="icon-"] {
  font-size: 13px;
}
#map-canvas #MapPopup .branch-email a,
#map-canvas #MapPopup .gm-location a {
  font: 1em fontReg, arial, sans-serif;
  color: #0096B6;
  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 fontBold, arial, sans-serif;
  color: #FF2C00;
  margin: 10px 0;
}
.branches_search .serv-search {
  min-height: 50px;
  background-position: 10px 15px;
}
/*---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 0.5s ease;
}
.opendata-hero-link > span {
  display: block;
  text-align: center;
  color: #0096B6;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.opendata-hero-link .icon {
  font-size: 80px;
  line-height: 100px;
}
.opendata-hero-link .text {
  font: 35px fontBold, arial, sans-serif;
}
.opendata-hero-link:hover {
  background: #0096B6;
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.35);
}
.opendata-hero-link:hover > span {
  color: #fff;
  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 0.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: #0096B6;
}
.opendata-card .infoblock p {
  padding: 0;
  min-height: 120px;
}
.opendata-card .summary {
  font: 12px fontReg, arial, sans-serif;
  color: #FF2C00;
}
.opendata-card .summary span {
  margin-left: 0px;
  white-space: nowrap;
}
.opendata-card .summary [class^="icon-"] {
  font-size: 1em;
  color: #0096B6;
}
.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 0.3s ease;
}
.opendata-card .download-files .downloadlink [class^="icon-"] {
  font-size: 65px;
  line-height: 123px;
}
.opendata-card .download-files .downloadlink.xsl {
  color: #529C44;
  border-left: 2px solid #fff;
}
.opendata-card .download-files .downloadlink.xsl:hover {
  background: #529C44;
  color: #fff;
}
.opendata-card .download-files .downloadlink.xml {
  color: #FF2C00;
}
.opendata-card .download-files .downloadlink.xml:hover {
  background: #FF2C00;
  color: #fff;
}
@media (min-width: 992px) {
  .opendata-card {
    height: 245px;
  }
  .opendata-card .downloadlink [class^="icon-"] {
    position: relative;
    left: 28px;
  }
  .opendata-card .downloadlink.xsl {
    border-bottom: 2px solid #fff;
  }
}
@media (max-width: 768px) {
  .opendata-card .downloadlink [class^="icon-"] {
    left: 15px;
  }
}
.opendata-card.inside .infoblock {
  padding: 15px;
}
@media (min-width: 768px) {
  .opendata-card.inside .infoblock {
    padding: 15px 20px;
  }
}
.opendata-card.inside .summary-label,
.opendata-card.inside .summary-value {
  font-size: 1em;
}
.opendata-card.inside .summary-label {
  padding: 8px 15px 8px 0;
}
.opendata-card.inside .summary-label [class^="icon-"] {
  margin-left: 5px;
}
.opendata-card.inside .summary-value {
  padding: 12px 15px 12px 0;
  color: #666;
}
.opendata-card.inside .alt {
  background: #f6f6f6;
  border-radius: 4px;
}
.opendata-card.inside .download-links {
  margin: 20px 0;
}
@media (min-width: 992px) {
  .opendata-card.inside .download-links {
    border-right: 1px #e4e4e4 solid;
  }
}
.opendata-card.inside .download-links h5 {
  margin-bottom: 25px;
}
.opendata-card.inside .download-links a {
  display: block;
  padding: 0 5px 10px;
  border-radius: 4px;
  text-align: center;
  color: #666;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.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: #0096B6;
}
.opendata-card.inside .download-links a.xml:hover {
  background: #FF2C00;
}
.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: #0096B6;
  color: #fff;
  border-radius: 4px;
}
.opendata-searchwrapper {
  position: relative;
}
.opendata-searchwrapper .serv-search {
  background: none;
}
.opendata-searchwrapper .serchbtn {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10, 101, 98)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px;
}
.opendata-searchwrapper .serchbtn:hover {
  opacity: 0.6;
}
.opendata-searchwrapper .serchbtn:active {
  opacity: 1;
}
/*---Photo Albums --*/
.photoListingItem {
  /*border:4px #fff solid;*/
  margin-bottom: 30px;
  background: #F6F6F6;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  height: 370px;
}
.photoListingItem:before {
  content: "";
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  background: #36B47E;
  border-radius: 50%;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 1;
  left: calc(50% - 30px);
  top: calc(50% - 60px);
}
.photoListingItem:after {
  content: "\e800";
  font-family: saso-icons;
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  width: 60px;
  height: 60px;
  z-index: 1;
  left: calc(50% - 30px);
  top: calc(50% - 60px);
  padding-top: 5px;
  opacity: 1;
  transform: translateX(0px);
}
.photoListingItem .photoListingImage {
  position: relative;
  height: 295px;
  max-width: 100%;
  overflow: hidden;
  background: #333;
  -o-object-fit: cover;
     object-fit: cover;
}
.photoListingItem .photoListingImage img {
  display: flex;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.photoListingItem .photoListingImage .photocount {
  position: absolute;
  padding: 5px;
  font: 1em fontReg, arial, sans-serif;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  z-index: 1;
  left: calc(50% - 30px);
  top: calc(50% - 20px);
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding-top: 16px;
  text-align: center;
  opacity: 0;
  transform: translateX(-40px);
}
.photoListingItem .photoListingImage .photocount [class^='icon-'] {
  font-size: 1.143em;
  margin: 0 0;
}
.photoListingItem .photoListingImage:hover:before {
  transform: scale(1.5);
  opacity: 0;
}
.photoListingItem .photoListingTitle {
  font: 1.8rem/1.55 fontBold, arial, sans-serif;
  color: #444;
  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 0.3s ease;
}
.photoListingItem .albumLnk {
  display: block;
}
.photoListingItem .albumLnk:hover img {
  opacity: 1;
  transform: scale(1.1);
}
.photoListingItem.fixedCaption .photoListingTitle {
  opacity: 1;
  transform: translateY(0);
}
.photoListingItem:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.photoListingItem:hover .photoListingTitle {
  transform: translateY(0);
  opacity: 1;
}
.photoListingItem:hover .photocount {
  opacity: 1;
  transform: translateX(0px);
}
.photoListingItem:hover:after {
  opacity: 0;
  transform: translateX(-40px);
}
.photoListingItem:hover .photoListingTitle {
  color: #298ebd;
}
.videoListingImage {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.videoListingImage:after {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -30px;
  margin-right: -30px;
  width: 60px;
  height: 60px;
  z-index: 1;
  background: #36B47E url('../../Images/New/play-icon.svg') no-repeat center center;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  background-size: 20px 20px;
}
.videoListingImage img {
  /*-webkit-filter: brightness(70%); -o-filter: brightness(70%);*/
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
/*---Video Listing --*/
.videoListingItem {
  margin-bottom: 30px;
  height: 370px;
  position: relative;
  background: #F6F6F6;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 2px;
}
.videoListingItem .videoListingImage {
  position: relative;
  height: 295px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoListingItem .videoListingImage img {
  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 {
  transform: scale(1.1);
  transform-origin: center;
}
.videoListingItem .videoListingImage:hover:after {
  background-size: 25px 25px;
}
.videoListingItem .videoduration {
  display: none;
  position: absolute;
  padding: 5px 12px;
  top: 20px;
  left: -100%;
  background: #00819d;
  border-radius: 0 40px 40px 0;
  font: 1em fontReg, arial, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.videoListingItem .videoduration [class^='icon-'] {
  font-size: 1.143em;
}
.videoListingItem .fa {
  font-size: 13px;
  color: #555;
  margin-right: 4px;
}
.videoListingItem .videoListingTitle {
  font: 1.8rem/1.55 fontBold, arial, sans-serif;
  color: #444;
  padding: 15px 10px;
  width: 100%;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  min-height: 80px;
}
.videoListingItem .videoLnk:hover .videoduration {
  left: 0 !important;
}
.videoListingItem:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.videoListingItem:hover .videoListingTitle {
  color: #298ebd;
}
/*---News Listing --*/
.newsListItem {
  /*box-shadow:0 0px 2px rgba(0, 0, 0, 0.25);*/
  margin-bottom: 30px;
  border-radius: 2px;
  padding: 0px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.newsListItem:after,
.newsListItem:before {
  display: table;
  content: " ";
  clear: both;
}
.newsListItem .NewsList_Image {
  padding: 0px 0;
  overflow: hidden;
  display: block;
}
.newsListItem .NewsList_Image img {
  min-width: 100%;
  width: 100%;
  height: 275px!important;
  display: block;
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  transition: all 1s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsListItem .newsTxt {
  padding: 10px 50px 10px 15px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  height: 215px;
  margin: 30px 0 10px -60px;
  background: rgba(255, 255, 255, 0.9);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 16px;
  position: relative;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.newsListItem .newsTxt p {
  padding: 0;
}
.newsListItem .newsTxt .artclDate {
  color: #888 !important;
  margin: 10px 0 10px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  transform: translateY(8px);
}
.newsListItem .newsTxt .artclDate i {
  position: relative;
  top: -2px;
}
.newsListItem h2 {
  font: 1.8rem fontBold, arial, sans-serif !important;
  color: #464749;
  margin-bottom: 5px;
  padding: 0;
  transform: translateY(10px);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.newsListItem h2 a {
  color: #464749;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  font: 1.8rem fontBold, arial, sans-serif !important;
}
.newsListItem h2 a:hover {
  color: #18754D;
}
.newsListItem p {
  font: 1.4rem/2.8rem fontReg, arial, sans-serif !important;
  color: #555;
  transform: translateY(20px);
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  padding-top: 20px;
}
.newsListItem p a {
  color: #18754D;
}
.newsListItem p a:hover {
  color: #219f69;
}
.newsListItem p [class^="icon-"] {
  margin-right: 5px;
}
.newsListItem .more {
  color: #464749;
  font: 1.6rem fontBold, arial, sans-serif !important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.newsListItem .more:hover {
  color: #18754D;
}
.newsListItem:hover .NewsList_Image img {
  transform: scale(1.2);
  /*-o-transition:all @duration ease;-webkit-transition:all @duration ease;-moz-transition:all @duration ease;*/
  transition: all 4s ease;
}
.newsListItem:hover .newsTxt {
  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 .artclDate {
  margin-top: 10px;
  transform: translateY(0px);
}
.newsListItem:hover h2 {
  transform: translateY(0px);
}
.newsListItem:hover p {
  transform: translateY(0px);
  opacity: 1;
}
.artclDate {
  color: #999;
  font: 1.4rem fontReg, arial, 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 fontBold, arial, sans-serif;
  padding: 0 5px 5px;
}
.survey-item .newstitle a {
  color: #0096B6;
}
.survey-item .morelnk {
  font: 1em fontReg, arial, sans-serif;
  color: #FF2C00;
}
.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 0.3s ease;
}
.survey-item .morelnk:hover [class^="icon-"] {
  transform: translateX(-5px);
}
.survey-item .artclDate {
  color: #888;
}
.surveyContainer .survey-question .title {
  font: 1.286em/1.7 fontBold, arial, sans-serif;
  color: #0096B6;
  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: #FF2C00;
}
.surveyContainer .survey-question .answers {
  padding: 20px;
}
.surveyContainer .survey-question .answers input[type=radio],
.surveyContainer .survey-question .answers input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
.surveyContainer .survey-question .answers input[type=radio] + label:before,
.surveyContainer .survey-question .answers input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  margin-left: 5px;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px #ccc solid;
  position: relative;
  top: 3px;
}
.surveyContainer .survey-question .answers input[type=radio] + label:hover,
.surveyContainer .survey-question .answers input[type=checkbox] + label:hover {
  cursor: pointer;
}
.surveyContainer .survey-question .answers input[type=radio] + label:hover:before,
.surveyContainer .survey-question .answers input[type=checkbox] + label:hover:before {
  border-color: #0097b7;
}
.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: #0097b7;
}
.surveyContainer .survey-question .answers input[type=radio]:checked + label:after,
.surveyContainer .survey-question .answers input[type=checkbox]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0096B6;
}
.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: #0096B6;
}
.surveyContainer .survey-question .answers input[type=checkbox]:checked + label:after {
  content: "\e894";
  font-family: "saso-icons";
  font-size: 8px;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 3px;
  border-radius: 50%;
  background: #18754D;
}
/*// ---- Radio and Checkbox Custom Styles --- //*/
input[type=radio],
input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
input[type=radio] + label,
input[type=checkbox] + label {
  font-size: 1.6rem !important;
  line-height: 25px!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #464749;
  text-align: left;
  padding-right: 0!important;
  padding-left: 0!important;
}
input[type=radio] + label:before,
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;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
input[type=radio] + label:hover,
input[type=checkbox] + label:hover {
  cursor: pointer;
}
input[type=radio] + label:hover:before,
input[type=checkbox] + label:hover:before {
  border-color: #18764e;
}
input[type=radio]:checked + label,
input[type=checkbox]:checked + label {
  position: relative;
  color: #18754D !important;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  border-color: #18764e;
}
input[type=radio]:checked + label:after,
input[type=checkbox]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #18754D;
}
input[type=checkbox] + label {
  font-size: 1.6rem !important;
  line-height: 25px!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  color: #464749;
  text-align: left;
  padding-right: 0!important;
  padding-left: 0!important;
}
input[type=checkbox] + label:before {
  border-radius: 4px!important;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
input[type=checkbox]:checked + label {
  color: #18754D !important;
}
input[type=checkbox]:checked + label:before {
  background-color: #18764e;
}
input[type=checkbox]:checked + label:after {
  content: "\e894";
  font-family: "saso-icons";
  font-size: 8px;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 3px;
  border-radius: 50%;
  background: #18754D;
}
.poll-list-item {
  border-radius: 8px;
  background: #fff;
  margin-bottom: 30px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 13px 30px 0px rgba(0, 0, 0, 0.06);
}
.poll-list-item .poll-title {
  padding: 2px 5px;
  font: bold 1.3em fontBold, arial, sans-serif;
  color: #228B5E !important;
  margin: 5px 0 15px;
}
.poll-list-item .poll-title > i {
  font-size: 1.3em;
  color: #228B5E;
  margin: 0 5px;
}
.poll-list-item .poll-title + table > tbody > tr > td {
  padding: 10px;
}
.resultbarbase {
  float: none!important;
  height: 4px!important;
  background: none!important;
  margin: 2px 0 14px;
}
.resultbarbase > div {
  height: 100%!important;
}
.poll-percent {
  font: 12px/1.5 fontReg, arial, sans-serif;
}
/*-- Fancy Override --*/
.fancybox-skin {
  padding: 0px!important;
  box-shadow: none!important;
  background: transparent;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}
.fancybox-title-float-wrap .child {
  background: none!important;
  font: 1em fontReg, arial, sans-serif !important;
  white-space: normal;
}
.fancybox-nav span {
  visibility: visible;
  background-color: #9A6A3C;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
}
.fancybox-prev span:after {
  content: '\e86e';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #9A6A3C;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.fancybox-next span:after {
  content: '\e86d';
  font-family: "saso-icons";
  display: block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  background-color: #9A6A3C;
  color: #fff !important;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  text-align: center;
}
.fancybox-title-float-wrap {
  position: relative;
  bottom: 0;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  right: 0;
  text-align: center;
  padding: 15px 10px;
}
.fancybox-title-float-wrap .child {
  margin-right: 0;
  padding: 2px 20px;
}
/*--- 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% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loading-mci1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes loading-mci2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(20px, 0);
  }
}
@keyframes loading-mci2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(20px, 0);
  }
}
@-webkit-keyframes loading-mci3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loading-mci3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
/*---- loading end---*/
.ratingMessage {
  display: block;
  width: 172px;
  margin: 0 auto;
  background: #FF2C00;
  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: #FF2C00;
}
.department_innerLink [class^="icon-"].icon-location {
  color: #0096B6;
}
.phoneWrapper {
  position: relative;
}
.phoneWrapper .form-control {
  width: calc(100% - 38px) !important;
  direction: ltr;
  text-align: left;
  padding-left: 10px;
}
.phoneWrapper .phoneCode {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: -1px;
  background: #0096B6;
  color: #fff;
  padding: 7px 5px;
  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 fontReg, arial, 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: saso-icons;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 12px;
  left: 2px;
  background: #0096B6;
  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: #529C44;
  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 fontReg, arial, sans-serif;
  color: #555;
}
.logoImg-404 {
  max-height: 75px;
}
.error-404-wrapper {
  padding: 30px;
  margin: 80px 0;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 50px 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 fontBold, arial, sans-serif;
  color: #888;
  margin: 10px 0;
}
.error-404-wrapper .hero-msg-404 p {
  font: 1.143em fontReg, arial, sans-serif;
  color: #555;
}
.error-404-wrapper .hero-msg-404 .gohome-link {
  display: inline-block;
  padding: 5px 20px;
  margin: 20px 0;
  border-radius: 40px;
  background: #0096B6;
  font: 1.143em fontReg, arial, sans-serif;
  color: #fff;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.error-404-wrapper .hero-msg-404 .gohome-link:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  background: #00abd0;
}
/* 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: #18754D !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 fontBold, arial, sans-serif;
  color: #1c8a5b;
}
.startproject-wrapper .project-box p {
  font: 1.143em fontReg, arial, sans-serif;
  color: #1c8a5b;
}
.startproject-wrapper .project-box .start-btn {
  display: inline-block;
  margin: 10px auto;
  background: #464749;
  border-radius: 40px;
  height: 48px;
  width: 30%;
  min-width: 200px;
  font: 1.286em/2.6 fontReg, arial, sans-serif;
  color: #fff;
  position: relative;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.startproject-wrapper .project-box .start-btn [class^="icon-"] {
  font-size: 15px;
  position: absolute;
  top: 5px;
  opacity: 0;
  transform: translateX(20px);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.startproject-wrapper .project-box .start-btn:hover {
  background: #c84a3d;
}
.startproject-wrapper .project-box .start-btn:hover [class^="icon-"] {
  opacity: 1;
  transform: translateX(-15px);
  transition-delay: 0.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 0.5s ease;
}
.rules-reg-card:hover {
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.13);
  transform: scale(1.05);
}
.rules-reg-card.rules {
  border-bottom: 5px #0096B6 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 fontBold, arial, sans-serif;
  text-align: center;
  height: calc(100% - 35px);
}
.rules-reg-card p .icon {
  display: block;
  padding-top: 10px;
  height: 70px;
}
.rules-reg-card p .icon img {
  max-height: 52px;
}
.date {
  display: block;
  font: 1em fontReg, arial, sans-serif;
  color: #999;
  margin: 10px 0;
}
.color-index {
  padding: 15px;
}
.index-label {
  display: inline-block;
  min-width: 80px;
  font: 1em fontReg, arial, sans-serif;
  color: #888;
}
.index-label:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.index-label.rules-index:before {
  background: #0096B6;
}
.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: #0096B6 !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.786em;
}
#lawSummaryContainer .lawSummary {
  text-align: justify;
}
#lawItemContainer .ui-accordion-content p {
  margin: 15px 0;
}
#lawItemContainer h3 {
  margin-bottom: 20px;
}
#lawItemContainer h3 [class^="icon-"] {
  font-size: 22px;
  color: #999;
}
#lawItemContainer h4 {
  font-size: 1em;
  color: #666 !important;
  border-bottom: 1px #ddd dotted;
  padding-bottom: 5px;
}
#lawItemContainer p {
  margin: 15px 0;
}
#attachmentsContainer {
  padding: 10px 0;
}
#attachmentsContainer ul.attachmentsList li a {
  font: 1em fontReg, arial, 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 0.3s ease;
}
#attachmentsContainer ul.attachmentsList li a [class^="icon-"] {
  font-size: 1.286em;
}
#attachmentsContainer ul.attachmentsList li a:hover {
  color: #FF2C00;
  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(255, 44, 0, 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;*/
  font-size: 30px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
}
#issueToolModal .modal-dialog .modal-header .close:hover {
  opacity: 0.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 fontBold, arial, sans-serif;
  color: #555 !important;
}
.complaintsLink:hover {
  color: #FF2C00 !important;
}
.complaintsLink:hover [class^="icon-"] {
  color: #FF2C00;
}
.complaintsLink [class^="icon-"] {
  font-size: 22px;
  position: relative;
  top: 3px;
  margin: 0 1px;
  color: #0096B6;
}
.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(100% - 100px);
  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: #0096B6;
  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: #18754D;
}
.fc-toolbar .fc-right {
  position: relative;
  top: -50px;
  margin-top: 20px;
}
.eventInfo {
  position: relative;
  top: 110px;
  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: right;
}
.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: #0096B6;
}
.info4 {
  background-color: #238dc1;
}
.info5 {
  background-color: #7b868c;
}
.info6 {
  background-color: #e08433;
}
.info7 {
  background-color: #18754D;
}
.info8 {
  background-color: #774d28;
}
.info9 {
  background-color: #82a5a0;
}
/*-- FULLCALENDAR --*/
.fc th {
  border: none!important;
  background-color: #0096B6;
  color: #fff;
  padding: 15px!important;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 600;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  font-size: 26px;
  color: #434343;
  float: right;
  margin-right: 10px;
  text-decoration: none !important;
}
.fc-day-grid-event {
  margin: 0 10px;
}
.fc-body {
  background: #f3f3f4;
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #d9d9d9;
}
.fc-day-top.fc-other-month {
  opacity: 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;
}
.calender-modal .datepicker table tbody tr td.cal-onhover-a.worldDay {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='33.872' height='32.526' viewBox='0 0 33.872 32.526'%3e%3cpath id='Path_1643' data-name='Path 1643' d='M3666.54,157.415c-2.821-7.989-7.764-15.35-15.026-19.976v0c-9.671,6.279-15.708,17.392-16.933,28.738,10.409,5.144,23.4,4.956,33.872-.029A46.6,46.6,0,0,0,3666.54,157.415Z' transform='translate(-3634.581 -137.439)' fill='%23529c44'/%3e%3c/svg%3e ");
}
.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: #0096B6;
  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: right;
}
.fc-button-group {
  float: none;
  display: block;
}
.fc .fc-toolbar > * > * {
  float: none;
  margin-left: auto;
}
.fc-toolbar h2,
.lg-title {
  color: #434343;
  font-weight: 600;
  font-size: 32px;
}
.chosen-results li {
  border-right: 6px solid;
}
.chosen-results li.exhibition {
  border-color: #0096B6;
}
.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: #18754D;
}
.chosen-results li.meeting {
  border-color: #774d28;
}
.chosen-results li.day {
  border-color: #82a5a0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: right!important;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 50px!important;
}
.fc-button-group .fc-button {
  background: #0096B6 none;
  color: #fff;
  padding-top: 3px;
  margin-top: 17px!important;
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
  border-top-right-radius: 4px!important;
  border-bottom-right-radius: 4px!important;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
  border-top-left-radius: 4px!important;
  border-bottom-left-radius: 4px!important;
}
/*-- YEAR CALENDAR --*/
.calendar {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
.calendar-header {
  position: absolute;
  bottom: -15px;
}
.calendar table.month th.month-title {
  color: #0096B6;
  font-size: 24px;
  font-weight: 600;
  text-align: right;
}
.calendar table {
  direction: rtl;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
table.month thead > tr:nth-child(2) {
  background-color: #0096B6;
  padding: 20px 10px;
  box-sizing: border-box;
}
.day-header {
  color: #fff;
  font-size: 11px;
}
table.month .day {
  border: 1px solid #dfdfdf;
  background: #f3f3f4;
}
.month-container {
  width: 33.33%;
  float: right;
  padding: 0 5px !important;
  box-sizing: border-box;
}
.month-container {
  min-height: 293px;
}
.fc-scroller {
  height: auto !important;
  overflow: visible !important;
}
.fc-list-item {
  position: relative;
}
.calendar table.month th.day-header {
  padding: 5px 0;
}
.day.event-day,
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #0096B6;
  background-color: #e9e9e9 !important;
  cursor: pointer;
  font-weight: 500;
}
.calendar .year-neighbor {
  color: #18754D;
}
.calendar .calendar-header table {
  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: flex;
  width: 100%;
  border: none;
}
.calendar .calendar-header table tbody tr {
  display: flex;
  width: 100%;
  border: none;
}
.eventTopInfoWrapper {
  padding: 10px;
  color: #fff;
  background-color: #0096B6;
  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: left;
  cursor: pointer;
}
.calendarControls .next i {
  float: left;
}
.calendarControls > div {
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  font-size: 18px;
}
.calendarControls > div:hover {
  color: #0096B6;
}
.HomePageTopIconsItemTitle {
  font-size: 17pt;
  margin-top: 10px;
}
.InternalPanelBody legend {
  margin-bottom: 0;
  border-bottom: 1px solid #0096B6;
}
.InternalPanelBody legend div {
  width: 80%;
  background: #0096B6;
  color: #fff;
  padding: 8px;
  border-top-left-radius: 50px;
  font-size: 14pt;
}
.IconImage img {
  width: 33px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 7px;
}
.IconImage {
  background: #f8d20b;
  width: 45px;
  height: 45px;
  display: block;
  text-align: center;
  float: right;
  margin-left: 10px;
  border-radius: 100px;
  min-width: 45px;
  min-height: 45px;
  margin-bottom: 5px;
}
.InternalContentBody li {
  background: #e2e2e2;
  margin-bottom: 1px;
  padding: 8px;
  padding-right: 10px;
  padding-left: 10px;
  /*min-height: 65px;*/
  display: flex;
}
#HomePageTopIcons i {
  font-size: 80pt;
}
.HomePageTopIconsItemTitle {
  font-size: 17pt;
  margin-top: 10px;
}
.InternalPanelBody legend {
  margin-bottom: 0;
  border-bottom: 1px solid #0096B6;
}
.InternalPanelBody legend div {
  width: 80%;
  background: #0096B6;
  color: #fff;
  padding: 8px;
  border-top-left-radius: 50px;
  font-size: 14pt;
}
.InternalContentBody {
  padding: 20px;
  background: #f1f1f1;
}
.InternalContentBody:after {
  display: block;
  content: "";
  clear: both;
}
.ExampleBox {
  background: #f5edc8;
  padding: 10px;
  position: relative;
  margin-top: 50px;
}
.ExampleNote {
  background: #828282;
  margin-top: 15px;
  padding: 10px;
  color: #fff;
}
.ExampleNote2 {
  background: #73aeb5;
  margin-top: 15px;
  padding: 10px;
  color: #fff;
}
.ExampleNote2 li {
  background: #65999f !important;
}
.ExampleBox .ExampleBoxTitle {
  background: #73aeb5;
  position: absolute;
  top: -39px;
  padding-left: 70px;
  padding-right: 70px;
  color: #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 60px;
  right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.SaparateRowLineA {
  border-bottom: 1px #e8e8e8 solid;
  margin-top: 30px;
  margin-bottom: 30px;
}
.vcenter {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  display: flex;
  align-items: center;
}
.InternalPanel {
  margin-top: 0px;
  background: #fff;
  margin-bottom: 20px;
}
.InternalPanelBody img {
  max-width: 100%;
  vertical-align: middle;
}
.row-eq-height {
  display: flex;
}
.DisplayNONE {
  display: none;
}
.DivSubBox {
  background: #fff;
}
.DivSubBoxTitle {
  background: #5c5c5c;
  padding: 14px;
  color: #fff;
}
.DivSubBoxDetails {
  margin: 16px;
}
span.ColordSpan {
  font-weight: bold;
  color: #0096B6;
}
.IconsBoxItem {
  background: #e2e2e2;
  margin-bottom: 1px;
  padding: 8px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}
.IconImageCenter .IconImage {
  float: none;
  margin: auto;
}
.HeadTXTBack {
  text-align: center;
  background: #5c5c5c;
  padding: 14px;
  color: #fff;
}
.HeadTXTBackSub {
  text-align: center;
  background: #7f7f7f;
  padding: 14px;
  color: #fff;
}
.CustomSubBoxInternal {
  background: #fff;
  margin: 5px;
  height: 100%;
}
.CustomSubBoxInternalContentBody {
  height: 100%;
}
.CustomSubBoxInternalContentBody .CustomSubBoxInternalContentBody {
  margin: 10px;
}
.CustomSubBoxInternalContentBodyItem {
  background: #eaeaea;
  margin-bottom: 1px;
  margin-left: 1px;
  padding: 6px 20px;
  display: flow-root;
}
.CustomSubBoxInternalContentBodyItemWBack {
  background: #fff;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: inline-block;
  width: 100%;
}
.CustomSubBoxInternalNote {
  margin: 10px -15px;
  padding: 5px 0px;
}
.ImageW100 img {
  max-width: 100%;
}
img.MCenter {
  margin: auto;
}
.ULStyleNoneNotes {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}
.ULStyleNoneNotesItemColored {
  text-align: center;
  background: #0096B6;
  color: #fff;
  padding: 15px;
}
.ImageW50 {
  width: 30%;
}
.M0 {
  margin: 0;
}
.ULStyleNoneNotes .col-sm-4 {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
}
.CustomSubBoxInternalSub {
  background: #eee;
  margin: 5px;
  margin-bottom: 20px;
}
span.PhotoImage {
  background: #fff;
  display: -webkit-inline-box;
  border-radius: 70%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.PhotoImage img {
  width: 170px;
  padding: 20px;
}
.CustomSubBoxInternalContentBodyItem1 {
  background: #0096B6;
  color: #fff;
}
.CustomSubBoxInternalContentBodyItem2 {
  background: #0096B6;
  color: #fff;
}
.ColredD {
  text-align: center;
  margin-bottom: 4px;
  background: #0096B6;
  color: #fff;
  padding: 7px;
  border-radius: 20px;
}
.MB10 {
  margin-bottom: 10px;
}
.MB20 {
  margin-bottom: 20px;
}
.PargFirst {
  margin-bottom: 20px;
  text-align: right;
}
.NornmalUL li {
  background: none;
  padding: 3px;
}
span.TagRed {
  background: #607D8B;
  border-radius: 10px;
  padding: 4px 20px;
  color: #fff;
  margin: 0px 0px 0px 10px;
  display: inline-block;
}
span.TagOrg {
  background: #525252;
  border-radius: 10px;
  padding: 4px 20px;
  color: #fff;
  margin: 0px 0px 0px 10px;
  display: inline-block;
}
.PargLast {
  margin-top: 20px;
  margin-bottom: 10px;
}
.URLSpan {
  direction: ltr;
}
.URLSpan a {
  background: #ddd;
  background: #0096B6;
  color: #fff;
  padding: 0px 10px;
  font-size: 11pt;
  margin-top: 5px;
  display: -webkit-inline-box;
  border-radius: 10px;
}
.MTopBtn10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.RemoveRowMLR .row {
  margin-left: 0;
  margin-right: 0;
}
.Mbtn10 {
  margin-bottom: 10px;
}
.DivLinkToMCI {
  text-align: center;
  background: #0096B6;
  color: #fff;
  margin: 20px;
  border-radius: 10px;
  padding: 4px;
}
.LinkToMCI {
  direction: ltr;
}
.LinkToMCI a {
  background: #78d1cb;
  border-radius: 10px;
  font-size: 10pt;
  padding: 0px 13px;
  color: #0096B6;
}
.LinkToMCI a:hover {
  background: #ddd;
}
.SmallImageM img {
  width: 38px;
  margin-left: 9px;
}
.HomePageBrowseItemMainBox {
  background: #e7eded;
  padding-top: 20px;
  padding-bottom: 20px;
}
.HomePageBrowseItemsBox .col-sm-4 {
  background: #fff;
}
.HomePageBrowseItemsBox .col-sm-4 {
  background: #fff;
  margin-left: 1px;
  margin-bottom: 1px;
  text-align: center;
}
.HomePageBrowseItemsBox i {
  font-size: 50pt;
  color: #14473e;
}
.HomePageBrowseItem {
  padding-top: 20px;
  padding-bottom: 20px;
}
.HomePageBrowseItemsBox {
  padding-left: 30px;
  padding-right: 30px;
}
.HomePageBrowseItemMainBoxTitle {
  font-size: 20pt;
  margin-bottom: 10px;
}
.NewDesignHomeContactBox {
  border: 1px #0096B6 solid;
  padding: 20px;
  border-radius: 2px;
  padding-bottom: 50px;
}
.NewDesignHomeContactBoxBtn a {
  background: #0096B6;
  color: #fff;
  padding: 1px;
  display: -webkit-inline-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.NewDesignHomeContactBoxTitle {
  font-size: 17pt;
  color: #0096B6;
}
.NewDesignHomeContactBoxDesc {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #737373;
}
img.QRCodeFooter {
  width: 110px;
  margin-right: 10px;
}
.HomePageBrowseItemsBox a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000;
  transition: all 0.5s ease;
}
.HomePageBrowseItemsBox a:hover {
  background: #e7eded;
}
.HomePageBrowseItemsBox .col-sm-4 {
  padding-left: 0;
  padding-right: 0;
}
.dropdown-full i {
  padding-left: 4px;
}
.NewDescignWebsiteSearch {
  margin-top: 40px;
  width: 520px;
  margin: auto;
  margin-top: 20px;
  position: relative;
  display: none;
}
.MenuItemHeader {
  background: #0c7a76;
  color: #fff;
  border-right: 3px #aad9d7 solid;
  padding: 5px;
}
.MenuItemLevel2Box {
  margin-bottom: 15px;
}
.ContactUsBoxDesc {
  padding: 20px;
  text-align: center;
}
.ContactUsBoxHeader {
  text-align: center;
  padding: 8px;
  color: #fff;
}
.ContactUsBox {
  border: 1px #ddd solid;
}
.HideSmartPhone.ContactIcons {
  font-size: 30pt;
}
.InternalBodyMainLinks {
  background: #005350;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  cursor: pointer;
}
.HomePageBrowseItem img {
  width: 30%;
  margin-bottom: 13px;
}
.ChatIcon {
  width: 50px;
  float: left;
  margin-left: 10px;
}
.InternalBodyMainLinks {
  background: #005350;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  cursor: pointer;
}
.guideHomeCardsContainer + .col-sm-3 {
  margin-top: 25px;
}
.guideHomeCardsContainer {
  margin-top: 25px;
}
.guideHomeCardsContainer .branch-hero-link {
  min-height: 235px;
}
.guideHomeCardsContainer .branch-hero-link .text {
  font-size: 16px;
}
#HomePageTopIcons {
  color: #fff;
}
.HomePageTopIconsColorA {
  background: #303942;
}
.HomePageTopIconsColorB {
  background: #00adb4;
}
.HomePageTopIconsColorC {
  background: #338ab5;
}
.HomePageTopIconsColorD {
  background: #e38432;
}
.HomePageTopIconsColorE {
  background: #ca4838;
}
.HomePageTopIconsColorF {
  background: #36b2aa;
}
.ContactUsBoxDesc {
  padding: 20px;
  text-align: center;
  min-height: 95px;
}
.ContactUsBoxHeader {
  text-align: center;
  padding: 8px;
  color: #fff;
}
.ContactUsBox {
  border: 1px #ddd solid;
}
.fa {
  display: inline-block;
  font-family: "saso-icons";
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-map-marker:before {
  content: "\f278";
}
.fa-phone:before {
  content: "\e867";
}
.fa-headphones:before {
  content: "\e842";
}
.fa-calendar:before {
  content: "\e856";
}
/*.guidsSubs .branch-hero-link{min-height: 125px;}*/
.guidsSubs .branch-hero-link .text {
  font: 14px DroidArabicKufi, arial, sans-serif;
}
.bmDetailsTtl {
  height: 330px;
  background: #529C44;
  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 0.5s ease;
  margin: 30px 0;
  box-shadow: 0 0 25px 0px #529C44;
}
.bmDetailsTtl:after {
  content: "";
  display: block;
  clear: both;
}
.bmDetailsTtl .bmDetailsTtlImg {
  display: inline-block;
  vertical-align: middle;
  float: right;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
}
.bmDetailsTtl .bmDetailsTtlImg img {
  width: 250px;
  height: 290px;
  -o-object-fit: cover;
     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 60px 0 0;
}
.bmDetailsTtl .bmDetailsTtlTxt h2 {
  color: #fff;
  font: normal 25px fontBold, arial, sans-serif;
  margin: 20px 0 20px;
}
.bmDetailsTtl .bmDetailsTtlTxt h3 {
  color: #fff;
  font: normal 16px fontReg, arial, sans-serif;
  margin: 10px 0 20px;
}
.bmDetailsTtl .bmDetailsTtlTxt p {
  color: #fff;
  font: normal 14px fontReg, arial, sans-serif;
  margin: 10px 0 20px;
}
.bmDetailsTtl a {
  color: #fff;
  font: normal 14px fontReg, arial, sans-serif;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.bmDetailsTtl a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.bmDetailsTtl a i {
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.bmDetailsTtl a span {
  direction: ltr!important;
  display: inline-block;
  vertical-align: middle;
}
.bmDetailsTtl a#share_mail,
.bmDetailsTtl a#share_twitter {
  margin-top: 100px;
  display: block;
}
.eventsListingMainItem {
  padding: 20px 30px 20px;
  display: block;
  position: relative;
  background: #0096B6;
  box-shadow: 0 15px 50px 15px rgba(0, 150, 182, 0.22);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
  margin-top: 50px;
  margin-bottom: 60px;
}
.eventsListingMainItem h2 {
  padding: 0;
}
.eventsListingMainItem h2 a {
  color: #fff;
  font: normal 2.5rem fontBold, arial, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsListingMainItem h2 a:hover {
  color: #fff;
}
.eventsListingMainItem .eventDate {
  text-align: center;
  margin: 10px auto 0;
}
.eventsListingMainItem .eventDate .eventStartDate {
  display: block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #fff;
  vertical-align: middle;
}
.eventsListingMainItem .eventDate .eventEndDate {
  display: block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #fff;
  vertical-align: middle;
}
.eventsListingMainItem .eventDate .eventDateDay {
  font: normal 5rem/5rem fontBold, arial, sans-serif;
  text-align: center;
  display: block;
  color: #fff;
}
.eventsListingMainItem .eventDate .eventTo {
  display: inline-block;
  vertical-align: middle;
  color: #0096B6;
  font: normal 1.3rem fontReg, arial, sans-serif;
  width: 40px;
  height: 40px;
  background: #fff;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 30px 40px;
  text-align: center;
  padding-top: 9px;
  position: relative;
}
.eventsListingMainItem .eventDate .eventTo:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #DEDEDE;
  position: absolute;
  right: 50%;
  top: -20px;
}
.eventsListingMainItem .eventDate .eventTo:after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #DEDEDE;
  position: absolute;
  right: 50%;
  bottom: -20px;
}
.eventsListingMainItem .evenLocation,
.eventsListingMainItem .evenAddCal,
.eventsListingMainItem .evenAdd {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #fff;
  vertical-align: middle;
  margin-right: 50px;
  display: inline-block;
}
.eventsListingMainItem .evenLocation i,
.eventsListingMainItem .evenAddCal i,
.eventsListingMainItem .evenAdd i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventsListingItem {
  padding: 25px 20px;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 13px 30px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  position: relative;
  height: 390px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsListingItem h2 {
  padding: 0;
  line-height: 3rem;
  font: normal 1.8rem fontBold, arial, sans-serif;
  height: 85px;
  overflow: hidden;
  border-radius: 0;
}
.eventsListingItem h2 a {
  color: #464749;
  font: normal 1.8rem fontBold, arial, sans-serif;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsListingItem h2 a:hover {
  color: #18754D;
}
.eventsListingItem .eventDate {
  text-align: center;
  margin: 30px auto 30px;
}
.eventsListingItem .eventDate .eventStartDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #18754D;
  vertical-align: middle;
}
.eventsListingItem .eventDate .eventStartDate .eventDateDay {
  color: #18754D;
}
.eventsListingItem .eventDate .eventEndDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
}
.eventsListingItem .eventDate .eventEndDate .eventDateDay {
  color: #9A6A3C;
}
.eventsListingItem .eventDate .eventDateDay {
  font: normal 5rem/5rem fontBold, arial, sans-serif;
  text-align: center;
}
.eventsListingItem .eventDate .eventTo {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font: normal 1.3rem fontReg, arial, sans-serif;
  width: 40px;
  height: 40px;
  background: #ABABAB;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 20px 40px;
  text-align: center;
  padding-top: 9px;
  position: relative;
}
.eventsListingItem .eventDate .eventTo:before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  right: -20px;
}
.eventsListingItem .eventDate .eventTo:after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  left: -20px;
}
.eventsListingItem .evenLocation {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #464749;
  vertical-align: middle;
}
.eventsListingItem .evenLocation i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventsListingItem .evenAdd {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
  margin-top: 15px;
  display: block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsListingItem .evenAdd i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventsListingItem .evenAdd:hover {
  color: #c99d73;
}
.eventsListingItem .evenAddCal {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #298ebd;
  vertical-align: middle;
  margin-top: 15px;
  display: block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventsListingItem .evenAddCal i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventsListingItem .evenAddCal:hover {
  color: #6dbbdf;
}
.eventsListingItem:hover {
  box-shadow: 0px 35px 70px 5px rgba(0, 0, 0, 0.15);
}
.eventDetailsDateTime {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 8px;
  display: block;
  position: relative;
  width: 100%;
  box-shadow: 0 5px 16px 5px rgba(0, 0, 0, 0.08);
  background: #fff;
  margin: 50px 0;
}
.eventDetailsDateTime .eventDetailsDate {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 135px;
  float: right;
  /*border-left:1px solid #DFDFDF;*/
}
.eventDetailsDateTime .eventDetailsDate .eventDate {
  text-align: center;
  margin: 28px auto;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventDateDay {
  font: normal 5rem/5rem fontBold, arial, sans-serif;
  text-align: center;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventStartDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #18754D;
  vertical-align: middle;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventStartDate .eventDateDay {
  color: #18754D;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventEndDate {
  display: inline-block;
  text-align: center;
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventEndDate .eventDateDay {
  color: #9A6A3C;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventTo {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font: normal 1.3rem fontReg, arial, sans-serif;
  width: 40px;
  height: 40px;
  background: #ABABAB;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 20px 40px;
  text-align: center;
  padding-top: 9px;
  position: relative;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventTo:before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  right: -20px;
}
.eventDetailsDateTime .eventDetailsDate .eventDate .eventTo:after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  left: -20px;
}
.eventDetailsDateTime .eventDetailsTime {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 135px;
  float: right;
}
.eventDetailsDateTime .eventDetailsTime .eventTime {
  text-align: center;
  margin: 28px auto;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventTimeHour {
  font: normal 3rem/3rem fontBold, arial, sans-serif;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventStartTime {
  display: inline-block;
  text-align: center;
  font: normal 1.6rem fontReg, arial, sans-serif;
  color: #18754D;
  vertical-align: middle;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventStartTime .eventTimeHour {
  color: #18754D;
  margin-left: 20px;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventEndTime {
  display: inline-block;
  text-align: center;
  font: normal 1.6rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventEndTime .eventTimeHour {
  color: #9A6A3C;
  margin-left: 20px;
}
.eventDetailsDateTime .eventDetailsTime .eventTime .eventTimeTo {
  display: inline-block;
  vertical-align: middle;
  color: #ABABAB;
  font: normal 4rem/1rem fontReg, arial, sans-serif;
  width: 40px;
  height: 40px;
  margin: 20px 10px;
  text-align: center;
  padding-top: 9px;
  position: relative;
}
.eventDetailsDateTime:after {
  content: "";
  display: block;
  clear: both;
}
.eventDetailsBtns {
  margin-bottom: 65px;
}
.eventDetailsBtns .evenLocation,
.eventDetailsBtns .evenAddCal,
.eventDetailsBtns .evenAdd {
  font: normal 1.5rem fontReg, arial, sans-serif;
  vertical-align: middle;
  margin-right: 110px;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventDetailsBtns .evenLocation i,
.eventDetailsBtns .evenAddCal i,
.eventDetailsBtns .evenAdd i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventDetailsBtns .evenLocation {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #464749;
  vertical-align: middle;
}
.eventDetailsBtns .evenLocation i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventDetailsBtns .evenAddCal {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #298ebd;
  vertical-align: middle;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventDetailsBtns .evenAddCal i {
  font-size: 2rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventDetailsBtns .evenAddCal:hover {
  color: #6dbbdf;
}
.eventDetailsBtns .evenAdd {
  font: normal 1.5rem fontReg, arial, sans-serif;
  color: #9A6A3C;
  vertical-align: middle;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.eventDetailsBtns .evenAdd i {
  font-size: 2rem;
  vertical-align: middle;
  margin-right: 5px;
}
.eventDetailsBtns .evenAdd:hover {
  color: #c99d73;
}
.evenLocation {
  font: normal 1.4rem fontReg, arial, sans-serif;
  color: #464749;
  vertical-align: middle;
}
.evenLocation i {
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 5px;
}
.branchListItem {
  display: block;
  width: 100%;
  height: 250px;
  background: #F6F6F6;
  text-align: center;
  padding: 40px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.branchListItem img {
  height: 100px;
  max-width: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.branchListItem h2 {
  font-size: 2.2rem;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749;
  padding-top: 20px;
}
.branchListItem:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.branchListItem:hover img {
  transform: scale(1.05);
}
.branchListItem:hover h2 {
  color: #298ebd;
}
.rulesAndRegulationsListItem {
  display: block;
  width: 100%;
  height: 250px;
  background: #F6F6F6;
  text-align: center;
  padding: 40px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.rulesAndRegulationsListItem img {
  height: 100px;
  max-width: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.rulesAndRegulationsListItem h2 {
  font-size: 1.6rem;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749;
  padding-top: 20px;
}
.rulesAndRegulationsListItem:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.rulesAndRegulationsListItem:hover img {
  transform: scale(1.05);
}
.rulesAndRegulationsListItem:hover h2 {
  color: #298ebd;
}
.productsAwarenessListItem {
  display: block;
  width: 100%;
  height: 380px;
  background: #fff;
  text-align: center;
  padding: 30px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
  border: 1px solid #C4C4C4;
}
.productsAwarenessListItem img {
  height: 250px;
  width: calc(100% - 40px);
  -o-object-fit: contain;
     object-fit: contain;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  background: #EEEEEE;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
}
.productsAwarenessListItem h2 {
  font-size: 1.6rem;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749;
  padding-top: 20px;
}
.productsAwarenessListItem:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
  /*img{transform: scale(1.05);}*/
}
.productsAwarenessListItem:hover h2 {
  color: #228B5E;
}
.standardsListingItem {
  display: block;
  width: 100%;
  height: 290px;
  background: #F6F6F6;
  text-align: center;
  padding: 30px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 4px;
}
.standardsListingItem h2 {
  font: normal 1.4rem fontReg, arial, sans-serif;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749;
  padding: 0px;
}
.standardsListingItem h2 i {
  color: #228B5E;
  font-size: 2.2rem;
  vertical-align: middle;
}
.standardsListingItem h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
}
.standardsListingItem .standardsListingItemDownloadWrapper {
  text-align: center;
}
.standardsListingItem .standardsListingItemDownloadWrapper:after {
  content: "";
  display: block;
  clear: both;
}
.standardsListingItem .standardsListingItemDownloadItem {
  display: inline-block;
  background: #fff;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
  height: 110px;
  margin-top: 30px;
  width: calc(25% - 12px);
  margin: 20px 4px 0;
  text-align: center;
}
.standardsListingItem .standardsListingItemDownloadItem span {
  display: block;
  color: #464749;
  font: normal 1.2rem fontReg, arial, sans-serif;
  text-align: center;
  padding: 12px 5px;
}
.standardsListingItem .standardsListingItemDownloadItem a {
  padding: 0 5px;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.standardsListingItem .standardsListingItemDownloadItem a:before {
  content: "";
  display: block;
  width: 9px;
  height: 13px;
  background: url("../images/fileDownloadArw.svg") center center no-repeat;
  position: absolute;
  top: 10px;
  right: 0;
}
.standardsListingItem .standardsListingItemDownloadItem a:hover {
  transform: scale(1.1);
}
.standardsListingItem .standardsListingItemDownloadItem img {
  max-height: 50px;
  max-width: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.standardsListing2Item {
  display: block;
  width: 100%;
  height: 210px;
  background: #F6F6F6;
  text-align: center;
  padding: 40px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.standardsListing2Item img {
  max-height: 50px;
  max-width: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.standardsListing2Item h2 {
  font-size: 1.8rem;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749;
  padding: 20px 10px 0;
}
.standardsListing2Item:hover {
  background: #fff;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
  /*img{transform: scale(1.05);}*/
}
.standardsListing2Item:hover h2 {
  color: #228B5E;
}
.innerStatisticsItem {
  display: block;
  width: 250px;
  max-width: 100%;
  height: 200px;
  background: #F5F5F5;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 25px;
  position: relative;
  margin-bottom: 30px;
}
.innerStatisticsItem i {
  font-size: 20px;
  padding: 5px;
  border: 1.2px solid #228B5E;
  color: #228B5E;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin-bottom: 20px;
}
.innerStatisticsItem .innerStatisticsItemNo {
  color: #228B5E;
  font: normal 4rem fontBold, arial, sans-serif;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0px;
}
.innerStatisticsItem p {
  color: #464749;
  font: normal 1.6rem fontReg, arial, sans-serif;
  text-align: center;
}
input[id*='BooleanField'] {
  opacity: 1;
  position: relative;
}
.sasonl_error {
  padding: 5px;
  color: #FFA216;
  font: normal 1.4rem fontReg, arial, sans-serif;
  display: block;
}
.sasonl_success {
  padding: 5px;
  color: #75DF60;
  font: normal 1.4rem fontReg, arial, sans-serif;
  display: block;
}
.sasonl_error[style="visibility:hidden;"],
.sasonl_success[style="visibility:hidden;"],
.sasonl_error[style="visibility: hidden;"],
.sasonl_success[style="visibility: hidden;"] {
  display: none;
}
.ms-formfieldvaluecontainer .select2-container {
  min-width: 200px;
}
.text-center {
  text-align: center!important;
}
.structureWrapper {
  width: 1170px;
  padding-top: 50px;
  position: relative;
}
.structureWrapper .ocTtl {
  text-align: center;
}
.structureWrapper .ocBg1 {
  background: url("../images/Org-StructureBg1.svg") no-repeat center center;
  background-size: 100% 100%;
}
.structureWrapper .ocBg2 {
  background: url("../images/Org-StructureBg2.svg") no-repeat center center;
  background-size: 100% 100%;
}
.structureWrapper .ocBg3 {
  background: url("../images/Org-StructureBg3.svg") no-repeat center center;
  background-size: 100% 100%;
}
.structureWrapper .ocBgSize1 {
  display: inline-block;
  width: 54px;
  height: 53px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 13px 0 0;
}
.structureWrapper .ocBgSize1 .ocBgIcon {
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.structureWrapper .ocBgSize2 {
  display: inline-block;
  width: 32px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 6px 0 0;
}
.structureWrapper .ocBgSize2 .ocBgIcon {
  width: 18px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.structureWrapper h2 {
  font-size: 20px;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #464749;
}
.structureWrapper h3 {
  font-size: 16px;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #464749;
}
.structureWrapper h4 {
  font-size: 13px;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #464749;
}
.structureWrapper h5 {
  font-size: 16px;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #00B2ED;
  padding-top: 5px;
}
.structureWrapper .ocLst {
  padding-left: 14px!important;
  padding-right: 5px!important;
  margin-left: 7px;
}
.structureWrapper .ocLst li {
  font: normal 13px fontReg, arial, sans-serif !important;
  color: #464749 !important;
}
.structureWrapper .ocLst li:before {
  width: 4px!important;
  height: 4px!important;
  background: #414042 !important;
  margin: 8px 6px 0px 0!important;
  margin-left: -14px !important;
}
.structureWrapper .greenTopArw {
  padding-top: 25px;
  margin-top: 15px;
  position: relative;
}
.structureWrapper .greenTopArw:before {
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  background: url("../images/Org-StructureBg5.svg") no-repeat center center;
}
.structureWrapper .ocLvl1 {
  position: relative;
  height: 150px;
}
.structureWrapper .ocLvl1a {
  display: inline-block;
  position: absolute;
  left: 50%;
  text-align: center;
  width: 120px;
  margin-left: -60px;
  top: 50px;
}
.structureWrapper .ocLvl1a:before {
  content: "";
  display: block;
  height: 40px;
  width: 1px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  top: -48px;
  left: 50%;
}
.structureWrapper .ocLvl1b1 {
  display: inline-block;
  position: absolute;
  right: 0;
  text-align: left;
  width: 300px;
  margin-right: 0px;
  top: 45px;
}
.structureWrapper .ocLvl1b1 h3 {
  display: inline-block;
  vertical-align: middle;
}
.structureWrapper .ocLvl1b1 .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 20px;
}
.structureWrapper .ocLvl1b1:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -40px;
  top: 11px;
}
.structureWrapper .ocLvl1b2 {
  display: inline-block;
  position: absolute;
  right: 0;
  text-align: left;
  width: 300px;
  margin-right: 0px;
  top: 80px;
}
.structureWrapper .ocLvl1b2 h3 {
  display: inline-block;
  vertical-align: middle;
}
.structureWrapper .ocLvl1b2 .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 20px;
}
.structureWrapper .ocLvl1b2:before {
  content: "";
  display: block;
  width: 245px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -249px;
  top: 50%;
}
.structureWrapper .ocLvl1b2:after {
  content: "";
  display: block;
  height: 80px;
  width: 1px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: -40px;
  top: -24px;
}
.structureWrapper .ocLvl1b3 {
  display: inline-block;
  position: absolute;
  right: 0;
  text-align: left;
  width: 300px;
  margin-right: 0px;
  top: 115px;
}
.structureWrapper .ocLvl1b3 h3 {
  display: inline-block;
  vertical-align: middle;
}
.structureWrapper .ocLvl1b3 .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 20px;
}
.structureWrapper .ocLvl1b3:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -40px;
  top: 20px;
}
.structureWrapper .ocLvl1c {
  display: inline-block;
  position: absolute;
  left: 0;
  text-align: right;
  width: 435px;
  margin-left: 0px;
  top: 80px;
}
.structureWrapper .ocLvl1c h3 {
  display: inline-block;
  vertical-align: middle;
}
.structureWrapper .ocLvl1c .ocBgSize2 {
  vertical-align: middle;
  float: right;
  margin-left: 20px;
}
.structureWrapper .ocLvl1c .ocBgSize2 .ocBgIcon {
  width: 13px;
  height: 13px;
  margin-top: 5px;
  margin-left: 2px;
}
.structureWrapper .ocLvl1c:before {
  content: "";
  display: block;
  width: 104px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -112px;
  top: 50%;
}
.structureWrapper .ocLvl2 {
  height: 230px;
  position: relative;
}
.structureWrapper .ocLvl2:after {
  content: "";
  display: block;
  height: 245px;
  width: 1px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -15px;
}
.structureWrapper .ocLvl2a {
  display: inline-block;
  position: absolute;
  right: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 45px;
}
.structureWrapper .ocLvl2a h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2a .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.structureWrapper .ocLvl2a .ocBgSize2 .ocBgIcon {
  margin-left: 2px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2a:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2a:after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -46px;
  top: 12px;
}
.structureWrapper .ocLvl2a1 {
  display: inline-block;
  position: absolute;
  right: 60px;
  text-align: center;
  width: 160px;
  margin-right: 0px;
  top: 30px;
}
.structureWrapper .ocLvl2a1 h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 160px;
  padding: 2px;
}
.structureWrapper .ocLvl2a1 h4:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #414042;
  position: absolute;
  left: -2px;
  top: 10px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
}
.structureWrapper .ocLvl2a1:before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -15px;
  top: 12px;
}
.structureWrapper .ocLvl2a1:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: -15px;
  top: 12px;
}
.structureWrapper .ocLvl2a2 {
  display: inline-block;
  position: absolute;
  right: 60px;
  text-align: center;
  width: 160px;
  margin-right: 0px;
  top: 62px;
}
.structureWrapper .ocLvl2a2 h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 160px;
  padding: 2px;
}
.structureWrapper .ocLvl2a2 h4:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #414042;
  position: absolute;
  left: -2px;
  top: 10px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
}
.structureWrapper .ocLvl2a2:before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -15px;
  top: 12px;
}
.structureWrapper .ocLvl2a2:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: -15px;
  top: -4px;
}
.structureWrapper .ocLvl2b {
  display: inline-block;
  position: absolute;
  right: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 80px;
}
.structureWrapper .ocLvl2b h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2b .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.structureWrapper .ocLvl2b .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2b:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2c {
  display: inline-block;
  position: absolute;
  right: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 115px;
}
.structureWrapper .ocLvl2c h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2c .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.structureWrapper .ocLvl2c .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2c:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2d {
  display: inline-block;
  position: absolute;
  right: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 150px;
}
.structureWrapper .ocLvl2d h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2d .ocBgSize2 {
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.structureWrapper .ocLvl2d .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 1px;
}
.structureWrapper .ocLvl2d:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2e {
  display: inline-block;
  position: absolute;
  left: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 45px;
}
.structureWrapper .ocLvl2e h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2e .ocBgSize2 {
  vertical-align: middle;
  float: right;
  margin-left: 10px;
}
.structureWrapper .ocLvl2e .ocBgSize2 .ocBgIcon {
  margin-right: 2px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2e:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2e1 {
  display: inline-block;
  position: absolute;
  left: 60px;
  text-align: center;
  width: 160px;
  margin-right: 0px;
  top: 45px;
}
.structureWrapper .ocLvl2e1 h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 160px;
  padding: 2px;
}
.structureWrapper .ocLvl2e1 h4:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #414042;
  position: absolute;
  right: -2px;
  top: 10px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
}
.structureWrapper .ocLvl2e1:before {
  content: "";
  display: block;
  width: 59px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -59px;
  top: 12px;
}
.structureWrapper .ocLvl2f {
  display: inline-block;
  position: absolute;
  left: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 80px;
}
.structureWrapper .ocLvl2f h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2f .ocBgSize2 {
  vertical-align: middle;
  float: right;
  margin-left: 10px;
}
.structureWrapper .ocLvl2f .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2f:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2g {
  display: inline-block;
  position: absolute;
  left: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 115px;
}
.structureWrapper .ocLvl2g h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2g .ocBgSize2 {
  vertical-align: middle;
  float: right;
  margin-left: 10px;
}
.structureWrapper .ocLvl2g .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 3px;
}
.structureWrapper .ocLvl2g:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -65px;
  top: 15px;
}
.structureWrapper .ocLvl2h {
  display: inline-block;
  position: absolute;
  left: 280px;
  text-align: center;
  width: 240px;
  margin-right: 0px;
  top: 150px;
}
.structureWrapper .ocLvl2h h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #B1B1B1;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  width: 195px;
  padding: 2px;
}
.structureWrapper .ocLvl2h .ocBgSize2 {
  vertical-align: middle;
  float: right;
  margin-left: 10px;
}
.structureWrapper .ocLvl2h .ocBgSize2 .ocBgIcon {
  margin-left: 1px;
  margin-top: 1px;
}
.structureWrapper .ocLvl2h:before {
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: -65px;
  top: 15px;
}
.structureWrapper .ocLvl3 {
  height: 730px;
  position: relative;
}
.structureWrapper .ocLvl3:before {
  content: "";
  display: block;
  width: 1px;
  height: 730px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -4px;
}
.structureWrapper .ocLvl3:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 722px;
  margin-left: -6px;
  background: url("../images/Org-StructureBg6.svg") no-repeat center center;
}
.structureWrapper .ocLvl3 .ocBgSize2 {
  padding: 9px 0 0;
}
.structureWrapper .ocLvl3 .ocLvl3a {
  width: 160px;
  position: absolute;
  right: 0;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3a1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3a1 h5 {
  height: 55px;
  margin-bottom: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3a1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3b {
  width: 140px;
  position: absolute;
  right: 160px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3b1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3b1 h5 {
  height: 55px;
  margin-bottom: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3b1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3c {
  width: 140px;
  position: absolute;
  right: 300px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3c1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3c1 h5 {
  height: 55px;
  margin-bottom: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3c1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3d {
  width: 144px;
  position: absolute;
  right: 440px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3d:before {
  content: "";
  display: block;
  width: 1px;
  height: 660px;
  border-right: 1px dashed #8D8D8D;
  position: absolute;
  right: 0;
  top: 50px;
}
.structureWrapper .ocLvl3 .ocLvl3d:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 707px;
  margin-right: -5px;
  background: url("../images/Org-StructureBg6.svg") no-repeat center center;
}
.structureWrapper .ocLvl3 .ocLvl3d1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3d1 h3 {
  height: 55px;
  margin-bottom: 15px;
  padding-top: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3d1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  right: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3d1:after {
  content: "";
  display: block;
  width: 49px;
  height: 1px;
  border-top: 1px dashed #8D8D8D;
  position: absolute;
  right: 0;
  top: 49px;
}
.structureWrapper .ocLvl3 .ocLvl3e {
  width: 140px;
  position: absolute;
  right: 595px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3e:before {
  content: "";
  display: block;
  width: 1px;
  height: 660px;
  border-right: 1px dashed #8D8D8D;
  position: absolute;
  left: 0;
  top: 50px;
}
.structureWrapper .ocLvl3 .ocLvl3e:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 707px;
  margin-left: -6px;
  background: url("../images/Org-StructureBg6.svg") no-repeat center center;
}
.structureWrapper .ocLvl3 .ocLvl3e1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3e1 h3 {
  height: 55px;
  margin-bottom: 15px;
  padding-top: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3e1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3e1:after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  border-top: 1px dashed #8D8D8D;
  position: absolute;
  left: 0;
  top: 49px;
}
.structureWrapper .ocLvl3 .ocLvl3f {
  width: 190px;
  position: absolute;
  right: 730px;
  top: 15px;
  /*.ocLst{margin-left: 13px;}*/
}
.structureWrapper .ocLvl3 .ocLvl3f:before {
  content: "";
  display: block;
  width: 1px;
  height: 660px;
  border-right: 1px dashed #8D8D8D;
  position: absolute;
  left: 0px;
  top: 50px;
}
.structureWrapper .ocLvl3 .ocLvl3f:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 707px;
  margin-left: -6px;
  background: url("../images/Org-StructureBg6.svg") no-repeat center center;
}
.structureWrapper .ocLvl3 .ocLvl3f1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3f1 h3 {
  height: 55px;
  margin-bottom: 15px;
  padding-top: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3f1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3f1:after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  border-top: 1px dashed #8D8D8D;
  position: absolute;
  left: 0;
  top: 49px;
}
.structureWrapper .ocLvl3 .ocLvl3g {
  width: 140px;
  position: absolute;
  right: 920px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3g1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3g1 h5 {
  height: 55px;
  margin-bottom: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3g1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 180px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3h {
  width: 110px;
  position: absolute;
  right: 1060px;
  top: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3h1 {
  text-align: center;
}
.structureWrapper .ocLvl3 .ocLvl3h1 h5 {
  height: 55px;
  margin-bottom: 15px;
}
.structureWrapper .ocLvl3 .ocLvl3h1 .ocBgIcon {
  width: 26px;
  height: 26px;
  margin: 5px;
}
.structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1 {
  position: relative;
}
.structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  border-right: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1:after {
  content: "";
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #8D8D8D;
  position: absolute;
  left: 50%;
  top: -14px;
}
.structureWrapper .ocFooter {
  height: 59px;
  width: 778px;
  margin: 55px auto 0;
  background: #245A69 url('../images/Org-StructureBg9.svg') calc(100% - 10px) center no-repeat;
  background-size: 40px 49px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 50px;
  color: #fff;
  font: normal 18px/22px fontReg, arial, sans-serif;
  text-align: center;
  padding: 7px 100px;
}
.structureWrapper .ocIndex {
  position: absolute;
  right: 10px;
  top: 920px;
}
.awarenessAlbumsItem {
  display: block;
  height: 300px;
  margin: 0 0 30px;
  background: #fff url('../images/awarenessAlbums-1.jpg') -20px center no-repeat;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
}
.awarenessAlbumsItem.awarenessAlbumsItem1 {
  background-image: url('../images/awarenessAlbums-1.jpg');
}
.awarenessAlbumsItem.awarenessAlbumsItem2 {
  background-image: url('../images/awarenessAlbums-2.jpg');
}
.awarenessAlbumsItem.awarenessAlbumsItem3 {
  background-image: url('../images/awarenessAlbums-3.jpg');
}
.awarenessAlbumsItem.awarenessAlbumsItem4 {
  background-image: url('../images/awarenessAlbums-4.jpg');
}
.awarenessAlbumsItem h2 {
  font: normal 3.5rem fontBold, arial, sans-serif;
  color: #228B5E !important;
  text-align: center;
  padding: 90px 20px;
  margin: 0;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.awarenessAlbumsItem .more {
  display: block;
  text-align: center;
  color: #444;
  font: normal 16px fontReg, arial, sans-serif;
}
.awarenessAlbumsItem .more i {
  font-size: 18px;
  margin-left: 10px;
}
.awarenessAlbumsItem:hover {
  background-position: -2px center;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.awarenessAlbumsItem:hover h2 {
  transform: translateX(10px);
}
.awarenessAlbumsSubItem {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  padding: 20px 20px;
  margin: 0 0 30px;
  background: #fff url('../images/awarenessAlbumsSubItem.jpg') -20px center no-repeat;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  text-align: center;
}
.awarenessAlbumsSubItem h2 {
  font: normal 2.5rem fontBold, arial, sans-serif;
  color: #228B5E !important;
  text-align: center;
  padding: 0;
  margin: 0;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  display: block;
}
.awarenessAlbumsSubItem .more {
  display: block;
  text-align: center;
  color: #444;
  font: normal 16px fontReg, arial, sans-serif;
}
.awarenessAlbumsSubItem .more i {
  font-size: 18px;
  margin-right: 10px;
}
.awarenessAlbumsSubItem:hover {
  background-position: -2px center;
  box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}
.awarenessAlbumsSubItem:hover h2 {
  transform: translateX(10px);
}
.serviceListItem {
  display: block;
  width: 100%;
  height: 280px;
  background: #fff;
  /*box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);*/
  text-align: center;
  padding: 30px 10px 10px;
  margin-bottom: 30px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
}
.serviceListItem img {
  display: block;
  height: 55px;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 40px auto 0;
  max-width: 80%;
}
.serviceListItem h2 {
  font-size: 1.6rem;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  color: #464749 !important;
  padding-top: 20px;
  height: 50px;
  box-sizing: content-box;
}
.serviceListItem span {
  padding: 9px 15px;
  width: 175px;
  display: block;
  margin-top: 15px;
  font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
  color: #fff;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all 0.5s ease;
  text-align: center;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 25px;
  background: #18754D;
  opacity: 0;
  margin: 15px auto;
  transform: translateY(25px);
}
.serviceListItem:hover span {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.serviceListItem:hover img {
  margin-top: 20px;
}
.ms-cui-tts-scale-2 .ms-cui-tt-a {
  width: auto;
}
#fancy_print {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0px;
  left: -70px;
  display: block;
}
#fancy_print:before {
  content: '\e81b';
  font-family: saso-icons;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}
.homeAdsSliderwrapper .homeAdsSlider {
  border: 1px solid #EBF0F5;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
  box-shadow: 0 0 10px 3px rgba(0, 28, 65, 0.1);
  margin-top: 19px;
  height: 319px;
}
.homeAdsSliderwrapper .homeAdsSlider .homeAdsItem {
  display: block;
  border: 1px solid #EBF0F5;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 12px;
  height: 319px;
  margin: -1px;
  padding: 20px;
  text-align: center;
  background: url('../images/homeAdsIcon.svg') no-repeat center 30px, url('../images/homeAdsBG1.svg') no-repeat left 25px, url('../images/homeAdsBG2.svg') no-repeat right 250px;
  background-color: #fff;
}
.homeAdsSliderwrapper .homeAdsSlider .homeAdsItem .homeAdsItemCountDown {
  background: #CEA253;
  display: block;
  height: 75px;
  width: 92%;
  margin: 100px auto 30px;
  text-align: center;
  color: #fff;
  font: normal 2.5rem/1.5 fontBold, arial, sans-serif;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 8px;
  padding: 17px 5px 5px;
}
.homeAdsSliderwrapper .homeAdsSlider .homeAdsItem h3 {
  color: #444444;
  font: normal 1.8rem/1.5 fontBold, arial, sans-serif;
  text-align: center;
  height: 55px;
  overflow: hidden;
}
.homeAdsSliderwrapper .swiper-pagination {
  position: relative;
  margin-top: 30px;
  margin-bottom: 55px;
  z-index: 0;
  margin-right: auto;
  margin-left: auto;
}
.homeAdsSliderwrapper .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #D4D4D4;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 100%;
  margin: 0 4px;
  opacity: 1;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.homeAdsSliderwrapper .swiper-pagination .swiper-pagination-bullet-active {
  background: #228B5E;
}
.publicConsultationListItem {
  min-height: 330px;
  display: block;
  border: 1px solid #E2E2E2;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 8px;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
  padding: 10px 25px;
  margin-bottom: 30px;
}
.publicConsultationListItem:hover {
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
}
.publicConsultationListItem .publicConsultationListItemIconWrapper {
  display: block;
}
.publicConsultationListItem .publicConsultationListItemIconWrapper .publicConsultationListItemIcon {
  background: url('../images/publicConsultationListItemIcon.svg') no-repeat center center;
  width: 145px;
  height: 100px;
  border-bottom: 2px solid #DDDDDD;
  margin: 20px auto;
}
.publicConsultationListItem label {
  display: block;
  padding: 10px 0;
  font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
  color: #18754D;
}
.publicConsultationListItem span {
  display: block;
  font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
  color: #464749;
}
.publicConsultationListItem span.active {
  color:  #008000; 
   font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
}
.publicConsultationListItem span.closed {
  color: #E44E4E;
  font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
}
.publicConsultationDetailsWrapper label {
  display: block;
  padding: 10px 0;
  font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
  color: #18754D;
}
.publicConsultationDetailsWrapper span {
  display: block;
  font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
  color: #464749;
}
.publicConsultationDetailsWrapper span.active {
  color: #75DF60;
  font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
}
.publicConsultationDetailsWrapper span.closed {
  color: #E44E4E;
  font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
}
.publicConsultationDetailsWrapper .downloadBtn.btn {
  width: 310px;
  max-width: 90%;
  padding: 17px 20px!important;
  margin: 30px 15px;
  height: 54px;
}
.publicConsultationDetailsWrapper .downloadBtn.btn:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 17px;
  vertical-align: middle;
  margin: 0 10px;
  background: url('../images/downloadArw.svg') no-repeat center center;
}
.rsbtn span {
  line-height: 12px;
  font-size: 14px;
  height: 16px;
}
.ajax__calendar {
  padding: 0px!important;
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08) !important;
}
.ajax__calendar .ajax__calendar_container {
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 10px;
  border: none!important;
  width: 100%!important;
}
.ajax__calendar .ajax__calendar_title {
  text-align: center;
  font-weight: bold!important;
  margin-left: 30px;
  margin-right: 30px;
}
.ajax__calendar .ajax__calendar_header {
  height: 30px;
}
.ajax__calendar .ajax__calendar_prev,
.ajax__calendar .ajax__calendar_next {
  width: 30px;
  height: 30px;
}
.ajax__calendar .ajax__calendar_footer {
  height: 35px;
  text-align: center;
}
.ajax__calendar .ajax__calendar_body {
  width: 100%;
  height: 215px;
}
.ajax__calendar .ajax__calendar_days {
  width: 100%;
  height: 215px;
}
.ajax__calendar .ajax__calendar_container TABLE {
  width: 90%;
}
.ajax__calendar .ajax__calendar_dayname {
  height: 30px;
  width: 30px;
  text-align: center;
  font-weight: bold!important;
}
.ajax__calendar .ajax__calendar_day {
  height: 30px;
  width: 30px;
  text-align: center;
}
.pDashbordPlans .dContainer > div {
  width: 100%!important;
  flex: 0 0 100%;
  max-width: 100%;
}
.pDashbordPlans .dContainer .panel-blue > .panel-heading {
  background-color: #fff;
  border-color: #fff;
}
.pDashbordPlans .dContainer .panel-blue > .panel-heading h3 {
  text-shadow: none!important;
}
.pDashbordPlans .dContainer .panel-blue > .panel-body {
  background-color: #fff;
}
.pDashbordPlans .dContainer .panel-blue > .panel-body strong {
  text-shadow: none!important;
}
.pDashbordPlans .dContainer .list-group-item {
  border: none!important;
}
.pDashbordPlans .dContainer .price-panel > .panel-footer {
  box-shadow: none;
}
/*---------------------------------------------------------
        
            ///        Responsive    ///

------------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1300px) {
  .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;
  }
}
@media (max-width: 1024px) {
  body .header-wrapper.home-header {
    min-height: 135px;
    max-height: 135px;
  }
  .header-wrapper .logoImg {
    max-height: 62px!important;
    margin-right: 18px;
  }
  .header-wrapper.home-header .vissionlogoImg {
    max-height: 50px !important;
  }
  .header-wrapper .logo-sep {
    height: 52px;
    margin: 0 5px;
    position: relative;
    top: -5px;
  }
  .showhidenav {
    right: 18px;
    top: 44px;
  }
  .header-wrapper .top-functions .topLnk {
    margin-right: 5px;
    font-size: 11px;
  }
  .header-wrapper .top-functions .searchicon .search2 {
    margin-right: 10px;
  }
  .header-wrapper .topnav .navbar-nav > li + li {
    margin: 0 50px 0 0;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    font-size: 1em;
  }
  .header-wrapper .topnav .navbar-nav > li > a .icon-home {
    font-size: 1.571em;
    line-height: 1.2;
  }
  .service-tabs .tab-content .tab-pane {
    overflow-x: auto;
    white-space: nowrap;
    padding: 18px 23px;
  }
  .service-tabs .tab-content .tab-pane .serv-item {
    white-space: normal;
  }
  .header-wrapper .topnav .navbar-collapse {
    position: relative;
    /*top: -45px;*/
  }
  .header-wrapper .topnav.sticynav .navbar-toggle {
    margin-top: 8px;
    margin-left: 10px;
  }
  .header-wrapper .topnav.sticynav .navbar-collapse {
    top: 0;
  }
  .navbar-toggle {
    height: 32px;
    margin-left: 0;
  }
  .navbar-toggle .icon-bar {
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    transition: all 0.5s ease;
  }
  .navbar-toggle.active .icon-bar:nth-child(2) {
    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) {
    transform: translateY(-3px) rotate(-45deg);
  }
  .related-sites .r-sites .title {
    font-size: 17px;
  }
  .footer .newsLetter .newsletterfrom .txtbox {
    width: 77%;
  }
  .footer .socialMedia a {
    margin: 0 1px;
  }
  .footer .footer-copyright-wrapper > [class^="col-"] {
    display: block;
    float: none;
    width: 100%;
    text-align: center!important;
  }
  .footer .footer-copyright-wrapper .footerLinks {
    padding-top: 0;
    position: relative;
    /*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: 0;
    border-bottom: 1px #dbe2e6 solid;
    text-align: center;
    padding: 5px 0 8px;
    margin: 0;
    font-size: 2.9rem;
  }
  .serviceswrapper .wptitle .more {
    right: auto;
    left: 0;
    top: 12px;
    margin-top: 0;
  }
  .serviceswrapper .servs-group {
    width: 100%;
    margin-left: 0;
    float: none!important;
    clear: both;
  }
  .startproject-wrapper .project-box {
    margin: 20px 0 40px;
  }
  .wnew-eventswrapper {
    padding-top: 5px;
    margin-bottom: 15px;
  }
  .wnew-eventswrapper .wnew-tabs .nav-tabs > li > a {
    font-size: 1.786em;
  }
  .wnew-eventswrapper .wnew-item .date {
    width: 120px;
    margin: 5px 0;
  }
  .wnew-eventswrapper .wnew-item .date .bigday {
    font-size: 1.786em;
  }
  .wnew-eventswrapper .wnew-item .date .month {
    font-size: 1em;
  }
  .wnew-eventswrapper .wnew-item .new-txt {
    padding: 0 130px 0 0;
    font-size: 1em;
    line-height: 1.6;
  }
  .eventsslider-wrapper .swiper-slide .date {
    margin: 0;
  }
  .eventsslider-wrapper .swiper-slide .date .bigday {
    font-size: 80px;
    line-height: 1.3;
  }
  .eventsslider-wrapper .swiper-slide .date .month {
    font-size: 1.143em;
  }
  .eventsslider-wrapper .swiper-slide .event-txt {
    font-size: 1.143em;
    line-height: 1.6;
  }
  .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
    font-size: 34px;
    height: 320px;
  }
  .pollWp .wptitle {
    text-align: right;
    padding: 0 15px;
  }
  .pollWp .wptitle:after {
    margin: 0;
  }
  .pollWp .pollbtns .btn {
    font-size: 1.143em;
  }
  .home-events .wptitle {
    line-height: 2;
    margin-bottom: 10px;
  }
  .home-events .wptitle .more {
    margin-top: 3px;
  }
  #suiteBarDelta,
  #s4-ribbonrow {
    display: none;
    overflow: hidden;
  }
  body .sharepointBarContainer + #s4-workspace {
    margin-top: 0;
  }
  #s4-workspace {
    overflow: visible;
    height: auto!important;
  }
  body {
    overflow: auto;
  }
}
@media (max-width: 992px) {
  .header-wrapper .topnav {
    /*>.container{padding-left: 0;padding-right: 0}*/
  }
  .header-wrapper .topnav .navbar > .row {
    margin: 0;
  }
  .header-wrapper .topnav .navbar {
    display: block!important;
  }
  .header-wrapper .topnav .navbar .navbar-brand {
    display: none !important;
  }
  .header-wrapper .topnav.sticynav {
    padding: 5px 0;
  }
  .header-wrapper .topnav.sticynav .navbar-brand {
    display: inline-block !important;
    padding: 2px 18px;
  }
  .header-wrapper .topnav.sticynav .navbar-brand .logoImg {
    max-height: 40px!important;
  }
  .showhidenav {
    display: none;
  }
  .header-wrapper .topnav {
    margin-top: 0;
  }
  .header-wrapper .top-functions {
    left: 60px;
    padding-top: 18px;
  }
  .header-wrapper .top-functions .topLnk {
    font-size: 12px;
  }
  body .header-wrapper.home-header .topbar {
    padding-top: 22px;
    padding-bottom: 0;
  }
  .header-wrapper .logoImg {
    margin-right: 0;
  }
  /* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
  .navbar-header {
    float: none;
    position: absolute;
    top: -65px;
    left: 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: #0096B6;
  }
  .navbar-collapse {
    margin: 0px -8px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: #0096B6;
    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.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 {
    padding: 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 #00819d;
  }
  .header-wrapper .topnav .navbar-nav > li:last-child {
    border-bottom: 0;
  }
  .header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
    float: left;
    position: relative;
    top: 8px;
  }
  .header-wrapper .topnav .navbar-nav > li > .dropdown-menu {
    position: relative;
    box-shadow: none;
    margin-bottom: 20px;
    background: #00819d !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: 5px 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 0.3s ease;
  }
  .header-wrapper .topnav .navbar-nav > li.dropdown.open > a.dropdown-toggle:after {
    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;
  }
  .header-wrapper .navbar-header {
    top: -115px;
    left: 10px;
  }
  .header-wrapper .top-functions {
    left: 0;
  }
  .wnew-eventswrapper .wnew-tabs .tab-content {
    height: auto;
  }
  .pollWp {
    max-height: none;
  }
  .related-sites .r-sites .sites-wrapper .swiper-slide {
    margin-right: 0;
  }
  .rating .ratingText {
    display: none;
  }
  .innerpages .pagetitle h2 {
    font-size: 1.286em;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    padding: 10px 0;
  }
  .month-container {
    width: 100%;
  }
  .eventInfoMobile {
    position: relative;
    top: 105px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: block;
  }
  .eventInfoMobile .select2 {
    width: 100%!important;
  }
  .eventInfo {
    display: none;
  }
  .fc th {
    padding: 5px!important;
    font-size: 12px;
  }
  .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .header-wrapper {
    height: 142px;
  }
  .header-wrapper .top-functions {
    left: 0;
  }
  .header-wrapper .top-functions .topLnk {
    font-size: 12px;
  }
  .header-wrapper .top-functions .searchbox {
    width: calc(100vw - 45px);
    max-width: none;
  }
  .navbar-header {
    top: -110px;
    left: 10px;
  }
  .indecators .swiper-button-next {
    left: 0;
  }
  .indecators .swiper-button-prev {
    right: 0;
  }
  .pollWp {
    background: rgba(255, 255, 255, 0.5);
  }
  .wptitle {
    font-size: 1.286em;
  }
  .mainslider {
    max-height: 460px;
  }
  .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-right: -244px;
    font-size: 13px;
    line-height: 48px;
    width: 300px;
    bottom: 60px;
  }
  .Customer-link [class^="icon-"] {
    font-size: 23px;
    margin-right: 5px;
  }
  /*.navbar-collapse{margin: 0 2px;}*/
  .service-description {
    padding: 0;
  }
  .service-description .servd-icon {
    position: relative;
    top: 7px;
    font-size: 28px!important;
    margin-right: 0;
  }
  .service-working-method {
    padding: 15px;
    border-radius: 10px;
  }
  .service-working-method .servm-icon {
    margin-right: 0;
    font-size: 28px!important;
    position: relative;
    top: 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;
  }
  .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;
  }
  .SASO-News {
    top: 70%;
  }
  .SASO-News.active {
    width: 90%;
    top: 5%;
    max-height: 90vh;
  }
  .header-wrapper .top-functions .topLnksMenuBtn {
    padding: 0;
  }
  .header-wrapper .top-functions .topLnksMenu {
    top: 30px!important;
    left: 0!important;
    right: auto!important;
    transform: none!important;
    width: auto!important;
  }
  .header-wrapper .top-functions .topLnksMenu > li > a {
    white-space: nowrap;
    text-align: left;
    direction: ltr!important;
  }
  .header-wrapper .top-functions .searchicon .search2 {
    line-height: 22px;
  }
  .header-wrapper .topnav .navbar {
    width: 100%;
    padding: 0 0px;
    text-align: right;
  }
  .navbar-toggler {
    background: #fff;
    margin: 9px 15px 0;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(31, 121,155, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .header-wrapper .topnav {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
  }
  .header-wrapper .topnav .navbar-collapse {
    top: 20px;
    max-height: 85vh;
    overflow: auto;
    width: 100%;
    margin: 0;
  }
  .header-wrapper .topnav.sticynav .navbar-collapse {
    top: 15px;
  }
  .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails {
    width: 100%;
    text-align: left;
  }
  .homeCustomerAwarenessSlider1Wrapper .swiper-button-next,
  .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
  }
  .homeCustomerAwarenessSlider1Wrapper .swiper-button-prev,
  .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
  }
  .homeStatisticsWrapper .homeStatisticsItemWrapper:before,
  .homeStatisticsWrapper .homeStatisticsItemWrapper:after {
    display: none;
  }
  .related-sites .r-sites .sites-wrapper,
  .related-sites .r-sites .partnerssites-wrapper {
    width: calc(100% - 110px);
    margin: 0 55px;
  }
  .header-wrapper .topnav .navbar-nav .nav-item + li {
    margin: 0;
  }
  .sticynav {
    background-image: url("../images/logo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center!important;
    background-size: 184px 35px!important;
  }
  .sticynav .navbar-toggler {
    margin: 9px 15px 0;
  }
  a.logo {
    z-index: 2;
  }
  .home-content .newswrapper {
    padding: 25px 0 0;
  }
  .serviceswrapper {
    padding: 25px 0 25px;
  }
  .home-content .swiper-pagination {
    margin-bottom: 35px;
  }
  .serviceswrapper .wptitle .more,
  .home-content .newswrapper .more,
  .pollWp .pollbtns .more {
    font-size: 0;
  }
  .pollWp .pollbtns .btn {
    width: 40%;
  }
  .pollWp .pollbtns .more {
    width: 10%;
  }
  .pollWp .pollbtns .more:before {
    display: none;
  }
  .home-content .newswrapper .wptitle,
  .homeEventsPollWrapper .homeEventsWrapper .wptitle,
  .homeStatisticsWrapper .wptitle {
    padding: 0;
  }
  .homeEventsPollWrapper .homeEventsWrapper .swiper-button-next,
  .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev {
    right: 5px;
  }
  .homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev,
  .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next {
    left: 5px;
  }
  .homePollWrapper {
    margin-top: 20px;
  }
  .homeCustomerAwarenessSliderItem .moreDetails {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .homeCustomerAwareness .videoListingItem,
  .homeCustomerAwareness .photoListingItem {
    margin: 20px 0 50px;
  }
  .homeCustomerAwareness {
    padding: 10px 0 25px 0;
  }
  .homeStatisticsWrapper .homeStatisticsItemWrapper {
    margin-bottom: 20px;
  }
  .homeStatisticsWrapper {
    padding: 50px 0 30px;
  }
  .homeEventsPollWrapper {
    padding: 20px 0 30px;
  }
  .related-sites {
    padding: 30px 0 0;
  }
  .related-sites .r-sites .title.partnerssites-title,
  .related-sites .r-sites .title {
    padding: 15px;
  }
  .related-sites .r-sites {
    margin-bottom: 30px;
  }
  .footer .footerApps,
  .footer .socialMedia,
  .footer .footerlinks,
  .footer .footerlinks h4,
  .footer .footer-copyright-wrapper .copyRights,
  .footer .footer-copyright-wrapper .footerLinks,
  .footer .footerlinks.inner a {
    text-align: center;
  }
  .footer .footerApps img {
    width: 100px;
  }
  .footer .footerlinks {
    padding: 10px 0 30px;
  }
  .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper {
    display: none;
  }
  .innerpages .breadCrumbFunctions {
    right: 10px;
    top: 60px;
  }
  .innerpages .breadCrumbShareWrapper {
    margin-top: 0;
  }
  .newsListItem {
    padding: 10px 5px;
    z-index: 0;
    height: auto;
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 60px;
  }
  .newsListItem .newsTxt {
    position: absolute;
    bottom: -40px;
    right: 4%;
    width: 92%;
    z-index: 2;
    padding: 10px 20px;
    overflow: hidden;
    /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.9);
    /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
    border-radius: 16px;
    padding-bottom: 50px;
    margin: 0;
    height: auto;
  }
  .newsListItem .newsTxt .artclDate {
    color: #555 !important;
    font-size: 1.4rem;
    margin: 10px 0 5px;
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    transition: all 0.5s ease;
  }
  .newsListItem .newsTxt h3 {
    font: normal 1.8rem fontBold, arial, sans-serif;
    color: #18754D;
    text-align: justify;
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    transition: all 0.5s ease;
  }
  .newsListItem .newsTxt p {
    font: normal 1.4rem fontReg, arial, sans-serif;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0;
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    transition: all 0.5s ease;
    transform: translateY(20px);
    opacity: 0;
  }
  .newsListItem .newsTxt .more {
    opacity: 0;
    /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
    transition: all 0.5s ease;
  }
  .newsListItem:hover .newsTxt {
    box-shadow: 0 7px 20px 0px rgba(11, 81, 51, 0.2);
  }
  .newsListItem:hover .newsTxt p {
    height: 52px;
    transform: translateY(0px);
    opacity: 1;
  }
  .newsListItem:hover .newsTxt .more {
    opacity: 1;
  }
  .eventDetailsDateTime .eventDetailsDate {
    width: 100%;
    /*border-bottom: 1px solid #DFDFDF;border-left: none;*/
  }
  .eventDetailsDateTime .eventDetailsTime {
    width: 100%;
  }
  .eventDetailsBtns .evenLocation,
  .eventDetailsBtns .evenAddCal,
  .eventDetailsBtns .evenAdd {
    display: block;
    margin: 0 0 10px;
  }
  .innerpages .shareWrapper .rateWrapper {
    text-align: center;
    margin: 20px 0;
  }
  .innerpages .shareWrapper .rateWrapper .sendComment {
    margin: 20px 0;
  }
  .eventsListingMainItem h2,
  .eventsListingMainItem h2 a {
    font: normal 1.8rem fontBold, arial, sans-serif;
  }
  .eventsListingMainItem .eventDate {
    text-align: center;
    margin: 30px auto 30px;
  }
  .eventsListingMainItem .eventDate .eventStartDate {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .eventsListingMainItem .eventDate .eventEndDate {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .eventsListingMainItem .eventDate .eventDateDay {
    text-align: center;
  }
  .eventsListingMainItem .eventDate .eventTo {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 40px;
    text-align: center;
    padding-top: 9px;
    position: relative;
  }
  .eventsListingMainItem .eventDate .eventTo:before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -20px;
  }
  .eventsListingMainItem .eventDate .eventTo:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -20px;
    right: auto;
  }
  .eventsListingMainItem .evenLocation,
  .eventsListingMainItem .evenAddCal,
  .eventsListingMainItem .evenAdd {
    margin-left: 0;
    display: block;
    margin: 0 0 10px;
  }
  .standardsListingItem .standardsListingItemDownloadItem {
    width: calc(50% - 12px);
  }
  .standardsListingItem {
    height: auto;
  }
  .header-wrapper {
    background-image: none;
  }
  .footer {
    padding: 30px 0 25px;
    position: relative;
    background: url("../images/footer-bg.jpg") no-repeat bottom center;
    background-size: cover;
    background-color: #0096B6;
  }
  .header-wrapper .topnav .navbar-nav .nav-item > a {
    text-align: left;
  }
  .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
    float: right;
    margin: 0 5px 0 0 ;
  }
  .homeCustomerAwarenessSliderItem img {
    width:  calc(100% - 30px);
  }
  .homeCustomerAwarenessSliderItem {
    text-align: right;
  }
}
#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;
}
@media (max-width: 767px) {
  .shareWrapper .lastEdit,
  .shareWrapper .shareBtns {
    text-align: center;
  }
  .shareWrapper .shareBtns {
    padding-top: 10px;
  }
  .LBD_CaptchaDiv {
    margin-top: 15px!important;
  }
  .shareWrapper {
    border-radius: 4px !important;
  }
  #InternalPageToolBox,
  .HideSmartPhone,
  #OpenWebsiteToolBar,
  #scrollup {
    display: none !important;
  }
  .rules-reg-card {
    height: auto;
    padding-bottom: 0;
  }
  .rules-reg-card .date,
  .rules-reg-card .card-actions {
    text-align: center;
  }
  .card-actions a {
    margin: 0 10px!important;
  }
}
@media (max-width: 710px) {
  .footer .footer-copyright-wrapper .footerLinks {
    top: 0;
    padding-top: 10px;
  }
  .servicefilter-Wrapper,
  .opendatafilter-Wrapper {
    padding: 10px 0;
    text-align: center!important;
  }
  .servicefilter-Wrapper .filter-btn,
  .opendatafilter-Wrapper .filter-btn {
    margin: 10px 2px;
  }
}
@media (max-width: 480px) {
  .header-wrapper .logoImg,
  .header-wrapper.home-header .logoImg {
    max-height: 52px!important;
  }
  .header-wrapper .logo-sep,
  .header-wrapper.home-header .logo-sep {
    height: 42px;
  }
  .header-wrapper .vissionlogoImg,
  .header-wrapper.home-header .vissionlogoImg {
    max-height: 42px !important;
  }
  .home-content .homenewsSlider {
    padding: 10px 3px;
  }
  .home-content .homenewsSlider .swiper-slide {
    height: 245px;
  }
  .wptitle .more {
    font-size: 0;
  }
  .wptitle .more i[class^="icon-"] {
    font-size: 16px;
  }
  .home-events .wptitle {
    line-height: 2;
  }
  .wnew-item {
    height: auto;
  }
  .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
    height: 200px;
    font-size: 1.786em;
    line-height: 1.6;
    background-size: cover!important;
    background-position: center 20%!important;
  }
  .service-tabs .nav-tabs > li > a {
    padding: 5px 10px 8px;
    font-size: 14px;
  }
  .header-wrapper .topnav.sticynav .navbar-toggle {
    left: 3px;
  }
  .header-wrapper .topnav.sticynav .navbar-brand {
    padding: 2px 14px;
  }
  .wnew-eventswrapper .wnew-item .date {
    width: 100px;
  }
  .wnew-eventswrapper .wnew-item .month {
    font-size: 12px;
  }
  .wnew-eventswrapper .wnew-item .new-txt {
    padding: 0 115px 0 0;
    font-size: 13px;
  }
  .mainslider {
    max-height: 280px;
  }
  .mainslider .banner-description {
    max-width: 85vw;
    padding: 0 3vw 0 0;
    bottom: 45%;
  }
  .mainslider .banner-description h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .mainslider .banner-description h3 {
    font-size: 15px;
    line-height: 1.5;
  }
  .scrolldown {
    top: -65px;
  }
  .scrolldown .icon-scroll-down {
    font-size: 33px;
  }
  .footer .footer-copyright-wrapper .copyRights,
  .footer .footer-copyright-wrapper .footerLinks a {
    font-size: 12px;
  }
  .innerpages .hero-tabs li a {
    min-height: 50px;
    padding-top: 10px;
    font-size: 1.143em !important;
  }
  .innerpages .pagetitle h2 {
    font-size: 1.286em;
  }
  .indecators .indecatorsslider .indecator-item {
    margin: 0 5px;
  }
  .indecators .swiper-button-next,
  .indecators .swiper-button-prev {
    width: 20px;
    height: 40px;
    background-size: contain;
  }
  .service-tabs .tab-content .tab-pane .serv-item {
    width: 100%;
    margin-left: 30px;
  }
}
@media (max-width: 375px) {
  .header-wrapper .logoImg,
  .header-wrapper.home-header .logoImg {
    max-height: 40px!important;
  }
  .header-wrapper .logo-sep,
  .header-wrapper.home-header .logo-sep {
    height: 30px;
  }
  .header-wrapper .vissionlogoImg,
  .header-wrapper.home-header .vissionlogoImg {
    max-height: 30px !important;
  }
  .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: 250px;
  }
  .mainslider .banner-description {
    max-width: 85vw;
    padding: 0 10vw 0 0;
    /*zoom:.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 .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: 280px;
  }
  .mainslider .banner-description {
    max-width: 94vw;
    padding: 0 14vw 0 0;
    /*zoom: 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;
  }
  .SASO-News .SASO-NewsContent {
    padding: 8px;
  }
}
/*---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: #0096B6;
}
.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,
div.ms-webpart-cell-vertical-inline-table {
  display: block!important;
}
strong {
  font-family: fontBold, arial, 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-right: 20px;
}
/*---Search Style--*/
.ms-srch-hover-outerContainer {
  display: none!important;
}
.ms-srch-item {
  padding: 5px;
  margin: 10px 0px;
  width: 100%;
  border-bottom: 1px rgba(24, 117, 77, 0.2) dashed;
}
.ms-srch-item:hover {
  background: rgba(82, 156, 68, 0.08);
}
.ms-srch-item .ms-srch-item-link {
  color: #0096B6;
}
.ms-srch-item .ms-srch-item-highlightedText {
  color: #c84a3d;
}
.ms-srch-item .ms-srch-item-path {
  color: #529C44;
  display: block;
  width: 100%;
}
.ms-srch-item .ms-srch-ellipsis {
  font-size: 1.3em;
}
.innerpages .ms-srch-Paging a {
  font: 15px/15px fontReg, arial, sans-serif;
  color: #529C44 !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: #529C44;
  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: #529C44;
  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;
  }
  .innerpages .table > tbody > tr > td,
  .innerpages .grid > tbody > tr > td {
    border: 1px solid #555;
    color: #000;
  }
  .innerpages .table > thead > tr > th,
  .innerpages .grid > thead > tr > th,
  .innerpages .table > tbody > tr > th,
  .innerpages .grid > tbody > tr > th {
    border: 1px solid #555;
    color: #000;
  }
}
@media (min-width: 992px) {
  .col-md-offset-3 {
    margin-right: 25%!important;
  }
  .col-md-offset-2 {
    margin-right: 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 10px;
  font: 1.4rem fontReg, arial, sans-serif !important;
  color: #464749;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.serv-subfilter-wrapper .subfilter-btn.active {
  background: #228B5E;
  color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(24, 117, 77, 0.5);
}
.serv-subfilter-wrapper .subfilter-btn:hover {
  background: #E6F3EE;
  color: #464749;
  box-shadow: 0px 1px 4px 0px rgba(24, 117, 77, 0.25);
}
/*--- 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 fontBold, arial, sans-serif;
  color: #0096B6;
  display: block;
}
.eventlist-item .dayfrom .month,
.eventsslider-wrapper .dayfrom .month,
.eventlist-item .dayto .month,
.eventsslider-wrapper .dayto .month {
  font: 14px fontReg, arial, sans-serif !important;
  color: #777 !important;
}
.eventlist-item .dayto,
.eventsslider-wrapper .dayto {
  border-right: 1px #ebebeb solid;
  position: relative;
}
.eventlist-item .dayto .day,
.eventsslider-wrapper .dayto .day {
  color: #c84a3d;
}
.eventlist-item .dayto:after,
.eventsslider-wrapper .dayto:after {
  content: attr(data-to);
  display: inline-block;
  position: absolute;
  right: -15px;
  top: 30%;
  font-size: 12px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: #00819d;
  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 fontReg, arial, sans-serif;
  color: #777;
  margin-bottom: 5px;
}
.eventlist-item .summary .location [class^="icon-"],
.eventsslider-wrapper .summary .location [class^="icon-"],
.eventlist-item .summary .category [class^="icon-"],
.eventsslider-wrapper .summary .category [class^="icon-"] {
  color: #fff;
  display: inline-block;
  border-radius: 15px;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #5f6063;
  line-height: 22px;
}
.eventlist-item .swiper-slide .date,
.eventsslider-wrapper .swiper-slide .date {
  padding-top: 0;
}
.startproject-btn {
  border: 2px #FF2C00 solid;
  background: #fff !important;
}
.startproject-btn.mixitup-control-active {
  background: #FF2C00 !important;
}
/*--- Start Project @ home---*/
.start-your-project {
  display: block;
  background: #0096B6;
  margin-top: 10px;
  margin-right: -30px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  font: 18px fontBold, arial, sans-serif;
  color: #fff !important;
  padding: 35px 0;
  border-radius: 4px 0 0 4px;
  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;
  right: 0;
  bottom: -6px;
  border-left: 10px solid #00576a;
  border-right: 0px solid transparent;
  border-bottom: 6px solid transparent;
}
.start-your-project:hover {
  background: #FF2C00;
}
.start-your-project:hover:after {
  border-left-color: #b31f00;
}
@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;
  /*&:after{ content: 'Demo Version'; display: inline-block; position: absolute; right: 9px; bottom: -14px; background: darken(@lightbluecolor, 5%); font-size: 10px; line-height: 20px; color: #fff; padding: 0px 12px; border-radius: 20px;
        
        @media (max-width:1024px){
            right: 22px;
        }
        @media (max-width:768px){
            right: 4px;
            bottom: -12px;
        }
        @media (max-width:425px){
            right: 0px;
        }
        @media (max-width:375px){
            right: -1px;
            font-size: 9px;
            line-height: 20px;
        }
        @media (max-width: 320px){
            right: -2px;
            font-size: 8px;
        }
    }  */
}
.noStyle-CheckRadio input[type=radio],
.noStyle-CheckRadio input[type=checkbox] {
  opacity: 1;
  position: static;
}
.GuidesAndProceduresContainer .rules-reg-card {
  height: 180px;
}
.GuidesAndProceduresContainer .rules-reg-card a p {
  padding-top: 25px;
}
@-webkit-keyframes scrollH {
  0%,
  100% {
    left: 0px;
  }
  50% {
    left: 15px;
  }
}
@keyframes scrollH {
  0%,
  100% {
    left: 0px;
  }
  50% {
    left: 15px;
  }
}
@media (max-width: 1024px) {
  .service-tabs .tab-content {
    position: relative;
    margin: 0 -15px;
  }
  .service-tabs .tab-content .tab-pane .serv-item {
    margin-left: 2px;
  }
}
/*--- bs Modal --*/
.modal-footer .btn + .btn {
  margin-bottom: 5px;
}
.modal-header .modal-title {
  display: inline-block;
}
.modal-header .close {
  margin-top: 0;
}
/*--- old site css---*/
.old-site {
  background: #FF2C00;
  padding: 2px 7px!important;
  display: inline-block;
  border-radius: 20px;
}
.old-site:hover {
  color: #eee !important;
  background: #ff5633;
}
.ratingTextContainer {
  display: block;
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  color: #0096B6;
}
.ms-cui-dd-arrow-button {
  height: 19px;
  width: 12px;
  padding-right: 0px;
  margin-right: -1px;
  border: 1px solid #d3d6d9;
  border-right-color: transparent;
  display: block;
  float: right;
  outline: none;
  cursor: default;
}
.ms-cui-dd-text,
input.ms-cui-cb-input {
  height: 14px;
  border: 1px solid #d3d6d9 !important;
  border-left-width: 0px!important;
  padding: 6px 5px 11px;
  display: block;
  float: right;
  cursor: default;
  white-space: nowrap;
  font: inherit;
  overflow: hidden;
}
.ms-cui-ctl-thin span {
  margin-top: 29px;
}
/*--- Webpart prop---*/
body #MSOTlPn_MainTD {
  position: fixed!important;
  left: 15px!important;
  top: 150px!important;
  min-width: 298px!important;
  overflow: auto;
  max-height: 70vh;
  z-index: 9999;
  background: #fff;
  border: 1px #ccc solid;
}
body #MSOTlPn_MainTD table#MSOTlPn_Tbl {
  width: 100% !important;
}
/*--- MS 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;
}
.toc-layout-main > ul.dfwp-list > li:before {
  display: none;
}
@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: #0096B6;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list {
  margin: 5px 25px 5px 0;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li {
  list-style-type: square;
  list-style-position: outside;
  color: #FF2C00;
  line-height: 1.8;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header {
  display: inline-block;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header .headertitle > a {
  font-size: 1.4rem;
  font-weight: normal;
  color: #999;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header .headertitle > a:hover {
  color: #228B5E;
}
/*=========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: 100%;
}
.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 fontBold, arial, sans-serif !important;
}
.login-M-box .login-option .meras-btn {
  background: #317dd9 !important;
}
.login-M-box .login-option .iam-btn {
  background: #389e63 !important;
}
@media (min-width: 768px) {
  .login-M-box .login-option + .login-option {
    position: relative;
  }
  .login-M-box .login-option + .login-option:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 75%;
    background: #e6e6e6;
    position: absolute;
    right: 0;
    margin: 5.5% 0;
  }
}
@media (max-width: 767px) {
  .login-M-box {
    padding: 15px 0 30px;
  }
  .login-M-box .login-option h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .login-M-box .login-option .method-image {
    max-height: 120px;
    line-height: 1;
    height: auto;
    padding: 15px 0;
  }
  .login-M-box .login-option .method-image img {
    max-height: 100px!important;
    max-width: 145px;
  }
  .login-M-box .login-option .btn {
    padding: 10px !important;
  }
  .login-M-box .login-option + .login-option {
    position: relative;
  }
  .login-M-box .login-option + .login-option:before {
    content: '';
    display: inline-block;
    width: 70%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    top: 5px;
    left: 15%;
    margin: 0 auto;
  }
}
/*=============== 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: right;
  }
}
.srch-advancedtable td.ms-advsrchtips {
  padding: 15px !important;
}
.srch-advancedtable .ms-advsrchText-v1 {
  width: 40%;
}
.srch-advancedtable .ms-advsrchText-v2box {
  border: 1px #ddd solid !important;
  height: 34px;
  display: block;
  width: 100%;
}
.srch-advancedtable .ms-advsrchbutton {
  text-align: left!important;
}
.srch-advancedtable .ms-advsrchbutton input[type=submit] {
  line-height: 1!important;
  height: 40px;
}
/*==== Coookies warning msg ====*/
.cookieinfo {
  font: 14px fontReg, arial, sans-serif;
  padding: 15px 18px!important;
  background: rgba(0, 0, 0, 0.9) !important;
}
.cookieinfo span {
  font: 13px fontReg, arial, sans-serif;
}
.cookieinfo .cookieinfo-close {
  font-family: fontReg, arial, sans-serif;
  float: left !important;
  margin-right: 5px;
}
/*======No style Checkbox & Radio =======*/
.noStyle-CheckRadio [type="checkbox"],
.noStyle-CheckRadio [type="radio"] {
  opacity: 1!important;
  position: relative!important;
}
/*=====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: right;
}
a#AdvancedLink {
  display: block;
  text-align: center;
  padding: 8px 20px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  background: #fff;
  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 0.3s ease;
}
a#AdvancedLink:hover {
  background: #0096B6;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.addComment {
  position: absolute;
  font: 13px fontReg, arial, sans-serif;
  margin: 2px auto;
  color: #18754D !important;
  padding: 2px 5px;
  background: #fff;
  right: -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: #0096B6;
  color: #fff !important;
}
@media (max-width: 991px) {
  .addComment {
    position: relative;
    right: auto;
  }
}
.opendataSLA {
  clear: both;
  border: 2px #0096B6 solid;
  text-align: center;
  border-radius: 8px;
  direction: rtl;
  max-width: 1020px;
  margin: 0 auto;
  padding: 10px;
}
@media (max-width: 767px) {
  .opendataSLA {
    margin: 0 15px;
  }
}
/*======== Rules & Regulations =======*/
#lawItemContainer .rules-article-container h4 {
  background: #0096B6;
  padding: 5px 0 3px;
  color: #fff !important;
}
#lawItemContainer .rules-article-container h4 .icon-comment-empty:before {
  font-size: 16px;
  margin: 0 7px;
}
#lawItemContainer .rules-article-container .rules-lnks {
  font: 12px fontReg, arial, sans-serif;
  color: #fff;
}
#lawItemContainer .rules-article-container .rules-lnks span {
  padding: 0 5px;
}
#lawItemContainer .rules-article-container .rules-lnks a {
  color: #fff;
  padding: 0 5px;
}
#lawItemContainer .rules-article-container .rules-lnks [class^='icon-']:before,
#lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
  font-size: 16px;
  margin: 0 5px;
  position: relative;
  top: 2px;
}
#lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
  top: 1px !important;
}
#lawItemContainer .rules-article-container.rules-article-modified > h4 {
  background: #FF2C00;
}
.rules-article-container h4 {
  background: #0096B6;
  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 fontReg, arial, sans-serif;
  color: #555;
  background: #f2f2f2;
  padding: 10px 15px;
  border-radius: 20px;
}
.rules-title-container .rule-info-container span {
  padding: 0 5px;
}
.rules-title-container .rule-info-container a {
  color: #555;
}
.rules-title-container .rule-info-container a:hover {
  color: #FF2C00;
}
.card-actions {
  text-align: left;
  margin: 10px 0;
}
.card-actions a {
  display: inline-block;
  color: #529C44;
  padding: 1px 4px;
  background: #f2f2f2;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 14px;
}
.share-actions .dropdown-menu.sharemenu {
  min-width: 30px!important;
}
.share-actions .dropdown-menu.sharemenu a {
  display: block;
  text-align: center;
  margin: 0;
  background: none;
  color: #777;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all 0.3s ease;
}
.share-actions .dropdown-menu.sharemenu a:hover {
  transform: scale(1.3);
  color: #0096B6;
}
@media (min-width: 1170px) {
  #modifiedArticleModal .modal-dialog {
    width: 900px;
  }
}
.GuidesAndProceduresContainer .EService,
.GuidesAndProceduresContainer .manualService {
  height: 200px;
  overflow: visible;
}
.GuidesAndProceduresContainer .EService .serv-type,
.GuidesAndProceduresContainer .manualService .serv-type {
  position: absolute;
  bottom: -10px;
  left: 10px;
  background: #0096B6;
  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 0 0px 8px;
}
.GuidesAndProceduresContainer .EService a p,
.GuidesAndProceduresContainer .manualService a p {
  padding-top: 10px;
}
.GuidesAndProceduresContainer .manualService .serv-type {
  background: #FF2C00;
}
.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 fontReg, arial, sans-serif;
  color: #555;
}
.regulations-search-results-item .search-result-header a {
  color: #0096B6;
}
.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: #18754D;
  color: #fff;
}
.panel-group.responsive .panel-default .panel-heading .accordion-toggle:before {
  content: '\f107';
  font-family: saso-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: #158885;
  right: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  font: 13px fontBold, arial, sans-serif;
}
.serv-cat-new {
  position: absolute;
  top: -15px;
  background: #f5f5f5;
  right: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  padding: 2px 10px;
  border-radius: 4px;
  color: #158885;
  font: 13px fontBold, arial, sans-serif;
}
.btn,
input.form-control,
textarea.form-control {
  -webkit-appearance: none;
}
/*-------*/
.show-other-filters {
  display: block;
  text-align: center;
  background: #e5e5e5;
  border-radius: 4px;
  padding: 3px;
  margin: 5px 15px;
  clear: both;
}
@media (max-width: 678px) {
  .btngroup {
    padding: 5px 0;
    margin-bottom: 15px !important;
  }
}
.regulations-advanced-search {
  margin: 0 !important;
}
.nationality {
  position: absolute;
  bottom: -8px;
  right: 8px;
  background: #f7f7f7;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 2px 6px;
  border-radius: 4px;
  color: #158885;
  font: 12px fontBold, arial, 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: 3px 5px;
}
.highlight {
  background: #ff0;
}
body .dataTables_wrapper .dataTables_filter {
  padding: 15px 0;
}
body .dataTables_wrapper .dataTables_filter input[type="search"] {
  min-height: 40px;
  min-width: 150px;
  border: none!important;
  margin-bottom: 0;
  text-align: right;
  border-radius: 4px!important;
  box-shadow: 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 10px 10px;
  padding-left: 35px;
  padding-right: 10px;
  margin-right: 10px ;
  -webkit-appearance: none;
}
body .dataTables_wrapper .dataTable {
  border-collapse: collapse!important;
}
body .dataTables_wrapper .dataTable tr th {
  text-align: justify !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  background-position: left center;
}
body .dataTables_wrapper .dataTable tr th#activity-code {
  width: 110px !important;
}
body .dataTables_wrapper .dataTable tr td {
  border: 1px solid #fff !important;
  border-collapse: collapse!important;
}
body .dataTables_wrapper .dataTable .dtrg-level-0 td {
  background: rgba(0, 150, 182, 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-right: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: rgba(0, 150, 182, 0.2) !important;
}
body .dataTables_wrapper .dataTable tr.odd td:first-child,
body .dataTables_wrapper .dataTable tr.even td:first-child {
  padding-right: 60px!important;
}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background: #0096B6 !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, 150, 182, 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 !important;
}
/*---- Floated Search In Rules & regulations----*/
.floated-search-wrapper {
  position: fixed;
  top: 200px;
  right: 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;
  right: 12px;
  cursor: pointer;
}
.floated-search-wrapper .f-search-inner-wrapper {
  padding: 15px;
  position: relative;
  top: -20px;
}
.floated-search-wrapper .fsearch-from {
  padding: 10px 0;
}
.floated-search-wrapper .fsearch-from .f-search-input {
  border: 1px #ddd solid !important;
}
.floated-search-wrapper .fsearch-from .f-search-btn {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M18.999,18.043 L14.464,13.372 C15.777,11.950 16.577,10.076 16.577,8.022 C16.577,3.595 12.861,-0.006 8.293,-0.006 C3.725,-0.006 0.008,3.595 0.008,8.022 C0.008,12.449 3.725,16.051 8.293,16.051 C10.224,16.051 12.002,15.405 13.413,14.327 L17.950,19.000 L18.999,18.043 ZM1.449,8.022 C1.449,4.365 4.519,1.391 8.293,1.391 C12.066,1.391 15.136,4.365 15.136,8.022 C15.136,11.679 12.066,14.655 8.293,14.655 C4.519,14.655 1.449,11.679 1.449,8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 8px;
  padding-left: 28px!important;
  min-width: 100px !important;
}
.floated-search-wrapper .f-search-next-prev {
  margin-bottom: 10px;
}
.floated-search-wrapper .f-search-next-prev .f-search-ctrbtn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #777;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.floated-search-wrapper .f-search-next-prev .f-search-ctrbtn:hover {
  background: #02928d;
}
.floated-search-wrapper .f-search-result-list {
  height: calc(100vh - 400px);
  overflow-y: auto;
  border-top: 1px #ddd solid;
  padding: 5px;
}
.floated-search-wrapper .f-search-result-list .f-search-rlist li a {
  display: block;
  padding: 5px 0;
  border-bottom: 1px #ccc solid;
  color: #666;
}
.floated-search-wrapper .f-search-result-list .f-search-rlist li a.f-active {
  background: #d9fffd;
}
.floated-search-wrapper .f-search-title {
  padding: 5px;
  font: 15px fontBold, arial, sans-serif;
  color: #444;
  position: relative;
  top: -15px;
  margin-bottom: -10px;
  display: block;
  text-align: center;
}
.highlight2 {
  background: #ff9632;
}
@media (min-width: 768px) {
  _:-ms-lang(x),
  .swiper-slide #home-video,
  .swiper-slide .video-bg {
    height: auto;
  }
}
.high-contrast {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /**{color:#000!important;}
               footer,.btn,.table > thead > tr > th, .table > tbody > tr > th,.nav-tabs > li > a{background: #3d3d3d!important;}
               .nav-tabs > li.active::after{border-top-color: #3d3d3d;}
               .vTabs > li.active::after{border-right-color: #3d3d3d;border-top-color:transparent;}*/
}
.high-contrast .topLnk .icon-eye-off:before {
  content: '\e8b4';
}
/*----- News Destails font resizing issue fix----*/
.ms-rtestate-field p,
.ms-rtestate-field p *,
.ms-rtestate-field span {
  font-size: inherit!important;
  font-family: inherit!important;
}
/*----- Horizontal Sublinks /en/consumer_awareness/awareness_campaigns/Trucks_Barriers_Campaign/Pages/campagine_news.aspx ----*/
.subfilter-hero {
  border-bottom: 1px #eee solid;
  padding-bottom: 20px;
  text-align: center;
}
.subfilter-hero .subfilter-btn {
  margin: 5px 10px;
  padding: 8px 15px;
  font-size: 1.8rem !important;
  color: #228B5E;
  border: 1px #ddd solid;
  border-radius: 6px;
  box-shadow: none;
}
.subfilter-hero .subfilter-btn:hover {
  box-shadow: 0 15px 25px rgba(20, 48, 34, 0.2);
}
.subfilter-hero .subfilter-btn.active {
  border: 0px;
}
.subfilter-hero .subfilter-btn.active:hover {
  background: #228B5E;
  color: #fff;
}
/*----- Accordion Bottom Line Fix ----*/
.innerpages .accordion .card .card-header {
  border: 0;
}
.innerpages .accordion .card .collapse {
  border-top: 1px dashed #828282;
}
/* ----   English Demo tag Css   ----*/
a.logo:after {
  /* content: "Demo Version"; */
  position: absolute;
  left: 0;
  top: -18px;
  background-color: #007994;
  color: #fff;
  padding: 0 10px;
  border-radius: 0 0 8px 8px;
  line-height: 25px;
  font-size: 13px;
}
.home-header a.logo:after {
  left: 0;
  top: -26px;
}
/*------- ReadSpeaker Css Customization---------*/
.Readspeakers {
  height: 50px;
}
.rs_skip.rsbtn.rs_preserve {
  position: absolute;
  width: 100%!important;
}
/*=========fixs==========*/
.contentWrapper img {
  max-width: 100%;
  height: auto!important;
}
.contentWrapper img.ms-rteImage-2 {
  width: auto !important;
}
/*=====Tabindex highlight====*/
a:active {
  outline: 0!important;
}
a:focus {
  outline: 1px #155fff solid !important;
}
/*=============== Search Pager Css ================*/
.ms-srch-Paging a#PageLinkNext,
.ms-srch-Paging a#PageLinkPrev {
  border: 0px!important;
  margin: 0 5px!important;
  text-align: center !important;
}
.ms-srch-Paging a span {
  text-align: center!important;
  line-height: 2;
}
.ms-srch-Paging a span img {
  display: none !important;
}
.ms-srch-Paging #PagingImageLink a .ms-promlink-button-image {
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 20px;
}
.innerpages .ms-srch-Paging a#PageLinkPrev .ms-promlink-button-image:after {
  content: '\f104';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages .ms-srch-Paging a#PageLinkNext .ms-promlink-button-image:after {
  content: '\f105';
  font-size: 26px;
  line-height: 16px;
  font-family: "saso-icons";
  color: #9A6A3C;
}
.innerpages .ms-srch-Paging #PagingImageLink a:hover {
  background: none;
}
.innerpages .ms-srch-Paging li:before {
  display: none!important;
}
.innerpages .ms-srch-Paging a {
  font: 15px/15px fontReg, arial, sans-serif;
  color: #9a6a3c !important;
  background-color: #fff;
  padding: 3px 12px!important;
  height: auto;
  min-width: 35px;
  margin: 0px!important;
  border: 1px #9a6a3c solid !important;
  margin-left: 5px !important;
  text-align: center;
  border-radius: 4px;
}
.innerpages .ms-srch-Paging #PagingSelf a {
  background: #9a6a3c;
  color: #fff !important;
}
.innerpages .ms-srch-Paging a:hover {
  background: #ba834f;
  color: #fff !important;
}
.innerpages .ms-srch-Paging #PagingImageLink a {
  padding: 0px !important;
  position: relative;
  top: 0;
}
.innerpages .ms-srch-Paging #PagingImageLink a .ms-promlink-button-image {
  top: 0;
  left: 0;
}
/*====== Z-index issue solution for ribbon =====*/
#suiteBarDelta {
  z-index: 99!important;
  position: relative;
}

/*====== main slider more link =====*/

.mainslider .swiper-slide-active .banner-description a.morelnk {
    color: #0e0e0e!important;
    position: relative;
    top: 240px;
}

.mainslider .swiper-slide-active .banner-description a.morelnk i {
    color: inherit!important;
    position:relative;
    top:2px;
}

.mainslider .swiper-slide-active .banner-description a.morelnk i:before{
    transform:rotate(-180deg)
}
@media (max-width:768px){
.mainslider .swiper-slide-active .banner-description a.morelnk{
  top:150px
}
}

@media (max-width:425px){
.mainslider .swiper-slide-active .banner-description a.morelnk{
  top:100px
}
}
/* Yasser Enhancement add to the end of style.css */
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu h1 > a {
    font-size: 16px;
    font-family:fontBold, arial, sans-serif;
    color: #0594b4;
    padding:5px 10px;
}
.SASO-News {
    display: none!important;
}
.homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo{
    background: #525252!important;
}
[id*="Polls_RequiredField"]{
    color: #AD0000!important;
}

.footer .newsLetter h4,.footer .footerlinks h4,.footer .carecenter h4,.footer .footerlinks a,.footer .socialMedia a i,.footer .footer-copyright-wrapper .copyRights,.footer .footer-copyright-wrapper .footerLinks a {
    color: #fff;
}
h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty{
    display: none;
}
@media (min-width:992px){
    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .row {
    display: block!important;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .row .col-md-3{
        float:left!important
    }
}
/*======24-8-2020======*/
footer,.footer{
    background: url(../images/footer-bg.jpg) no-repeat bottom center;
    background-color: #054259!important;
}
.footer .carecenter i,.footer .carecenter .phone a,.footer .carecenter i,.footer .carecenter .mail a{
    color: #91E481;
}

.footer .socialMedia a{
  margin: 0 0 0 13px;
}

.footer .gototop{
  color:rgba(0, 0, 0, 0.4)
}

.header-wrapper.home-header .logoImg {
  max-height: 76.5px;
  max-width: 275px;
}

.innerpages .form-control, .innerpages .select2-container, .innerpages .Itemrow .Data > *{
  border: 1px #e2e2e2 solid!important;
}
.footer .socialMedia a:hover i {
  color: #7adc6d;
}

@media (max-width: 992px){
  #Tour_start{display:none!important}
}

@media (max-width: 768px){

  .serviceswrapper .wptitle br{content:' ';}
  .serviceswrapper .wptitle br:after{content:' ';}
.mainslider .swiper-button-next, .mainslider .swiper-button-prev {
    background-size: 20px 40px;
    background-position: center;
    width: 40px;
    height: 50px;
    margin-top: 30px;
}
.mainslider .banner-description{
  bottom: 20px!important;
}
.mainslider .swiper-button-next {
  right: 0!important;
  left: auto;
}
.mainslider .swiper-button-prev {
  left: 0;
  right: auto;
}

}
@media (max-width: 375px){
  .mainslider .banner-description h2 {
    font-size: 20px!important;
    line-height: 1.2;
    margin: 0!important;
    padding: 0!important;
  }
  
}

.copyRights-404{
  padding: 20px 0;
  color:#fff;
}



@media (min-width: 992px){
  /* Scroll Style */
  ::-webkit-scrollbar {
    width: 10px;
    height: 5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #e9e9e9; 
    border-radius:5px;
    
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #acacac; 
    border-radius:5px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #00a1e0; 
  }
  
}
/*-----creative idea css-----*/

 

.select2-container--disabled{

  background:#eee!important;

  cursor:not-allowed;

  }

  .select2-container--disabled span{

  cursor:not-allowed;

  }

  

  .sp-peoplepicker-topLevel {

    border: 1px #ddd solid!important;

    box-shadow: inset 0 0 4px rgba(0,0,0 ,.2);

    border-radius:8px;

    min-height:80px!important;

    padding:8px 5px;

    }

  .sp-peoplepicker-editorInput{

  outline:none!important

  }

  .sp-peoplepicker-autoFillContainer ul li:before{

  display:none!important

  }

  

  .sp-peoplepicker-autoFillContainer {

      border: 1px #78dab0 solid!important;

      box-shadow:0 3px 6px rgba(0,0,0,.16);

      width: 100%!important;

      max-width: none;

  }

  .sp-peoplepicker-autoFillContainer ul{

    margin-bottom: 0!important;

  }

  .sp-peoplepicker-userSpan{

      border: 1px #225d43 solid;

      margin: 0 5px;

      padding:0px 10px;

      border-radius: 4px;

      background: #f1f1f1;

      box-shadow: 0 0 5px rgba(0,0,0 ,.1);

      color: #18754d;

  }

  .sp-peoplepicker-resolveList span{

      color:#434545!important;

  }

  textarea.form-control{

      border-radius: 20px!important;

  }

  .form-control:disabled {

      background: #eee!important;

  }

  .form-control[readonly],.aspNetDisabled{

      pointer-events: none!important;

  }

  .sp-peoplepicker-errorMsg{

    color:red!important

  }

  .sp-peoplepicker-errorMsg span[role="alert"],.sp-peoplepicker-errorMsg span{

    color:inherit!important;

  }
  
.morelnk.stretched-link {
    position: static!important;
}
.mainslider .swiper-slide,.mainslider .banner-description {
    position:relative!important;
}
.mainslider .swiper-slide .container,
.mainslider .banner-description,
.mainslider .banner-description h3{
    height:100%!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    top:0!important;
    bottom:0!important
}
.items-count select.form-control + .select2-container {
    border-radius: 15px;
    padding: 8px 5px;
}

.items-count .form-group.row{
    justify-content: flex-end;
}

.items-count span.col-form-label {
    font-size: 18px!important;
    line-height: 37px!important;
    text-align: right;
}


.header-wrapper .topnav .navbar-nav .nav-item > a {
    font: 16px fontReg, arial, sans-serif;
}

li.nav-item.dropdown.small-menu {
    position: relative !important;
}

.small-menu .dropdown-menu {
    width: 600px !important;
    /*     right: 0; */
}
li.nav-item.dropdown.small-menu:last-child  .dropdown-menu {
  right:0;
  left:auto
}
.small-menu .col-md-3{
    max-width:50%
}

.dropdown-menu{
     min-height: 110px;
     height:auto !important
}

@media (max-width: 992px){
.navbar-toggler {
    background: #fff;
    margin: 9px 15px 0;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(31, 121,155, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header-wrapper .topnav {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
}
.header-wrapper .topnav .navbar {
    width: 100%;
    padding: 0 0px;
    text-align: right;
}
.header-wrapper .topnav .navbar-collapse {
    top: 20px;
}
.header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
    float: right;
}
}
/* Green to blue Start  */
/*
#0091B4
*/
.footer .carecenter i,
.footer .carecenter .phone a,
.footer .carecenter i,
.footer .carecenter .mail a,
.serviceswrapper .servs-group .musrvtitle,
.innerpages .table a,
.innerpages .grid a,
.innerpages .rating i,
.innerpages .accordion .card .card-header h2 .btn-link,
.innerpages .shareWrapper .lastEdit,
.serviceswrapper .wptitle,
.home-content .wptitle,
.rs_addtools .rsbtn_play .rsbtn_right,
.rsbtn .rsbtn_play .rsbtn_right,
.ms-rtestate-field ul li:before,
.service-tabs .more,
.serviceswrapper .wptitle .more,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
.ms-rtestate-field h4,
h3.ms-rteElement-H4,
.subfilter-hero .subfilter-btn,
.publicConsultationListItem label,
.eventsListingItem .eventDate .eventStartDate .eventDateDay,
.eventsListingItem .eventDate .eventStartDate,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField span strong,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField div span,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField div div h3,
.ms-rteFontSize-2 span strong,
.innerpages .srchPanel .control-label,
.innerStatisticsItem .innerStatisticsItemNo,
.productsAwarenessListItem:hover h2,
.innerStatisticsItem i,
p span strong,
h3 {
    color: #0091B4 !important;
}
.publicConsultationListItem span.active {
    color: #008000;
}



.photoListingItem:before,
.service-tabs .more > i,
.service-tabs .nav-tabs > li:hover a,
.service-tabs .nav-tabs > li a.active,
.serv-subfilter-wrapper .subfilter-btn.active,
.innerpages ul.lst li:before,
.innerpages ul.list li:before,
.innerpages .ArticleContent ul li:before,
.innerpages .contentWrapper ul li:before,
.innerpages .pagetitle h2:after {
    background: #0091B4 !important;

}
.videoListingImage:after,
.innerpages .btn:not(div),
.innerpages .gbuttontb {
    background-color: #0091B4 !important;
}

.service-tabs .nav-tabs > li a.active:after {
    border-top: 10px solid #0091B4;
}

.innerpages .rightBorderTxt1 {
    border-right: 3px solid #0091B4;
}
.innerStatisticsItem i {
    border: 1.2px solid #0091B4;
}
.service-tabs .nav-tabs > li a {

    border: 1px solid #0091B4 !important;
}

.serv-subfilter-wrapper .subfilter-btn.active {
    box-shadow: 0px 1px 4px 0px rgb(6 168 226 / 50%);
}
.serv-subfilter-wrapper .subfilter-btn:hover {
    background: #cee9f8;
}
.serv-subfilter-wrapper .subfilter-btn:hover {
    background: #cee9f8;
    color: #464749;
    box-shadow: 0px 1px 4px 0px rgb(6 168 226 / 25%);
}

.innerpages .accordion .card .card-header h2 .btn-link {
  /*  filter: invert(57%) sepia(97%) saturate(3406%) hue-rotate(163deg) brightness(99%) contrast(95%);*/
}


/* for tables */
.innerpages .table > thead > tr > th,
.innerpages .grid > thead > tr > th,
.innerpages .table > tbody > tr > th,
.innerpages .grid > tbody > tr > th {
    background: #0091B4;
}

/* Green to blue End */
/* Regulations new Start  */
.la2e7a-item .la2e7a-details {
    display: none;
    text-align: center;
}
.la2e7a-item .la2e7a-details p{
    padding: 0 10px 10px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 21px;
}
.la2e7a-item .la2e7a-details a.download-a{
    background-color: #0096B6;
    color: #fff;
    padding: 10px 27px;
    border-radius: 25px;
    transition: 500ms;
}
.la2e7a-item{
    height:270px;
    overflow: hidden;
}
.la2e7a-item:hover{
    padding-top: 24px;
}

.la2e7a-item:hover img {
    display:none !important
}

.la2e7a-item h2{
    padding-right: 10px;
    padding-left: 10px;
    font-size:14px
    
    }
.la2e7a-item:hover h2{
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 9px;

    }

.la2e7a-item:hover .la2e7a-details{
    display:block
}
.la2e7a-item .la2e7a-details a.download-a:hover{
    background-color: #16a3a5;
}
.serv-subfilter-wrapper .subfilter-btn.active{
    background: #0096b6;
}

.la2e7a-item .la2e7a-details a.show-a{
    background-color: #fff;
    color: #0096B6;
    border:1px solid #0096B6;
    padding: 10px 27px;
    border-radius: 25px;
    transition: 500ms;
}
.la2e7a-item .la2e7a-details a.show-a:hover{
  background-color: #16a3a5;
    color: #fff;
    border:none
}
.tagsicon{max-width:32px;max-height:32px}
.subfilter-btn {
    display: inline-flex!important;
    align-items: center;
} 

 


.subfilter-btn > img {
    margin-right: 8px;
    height: 73px !important;
} 

/* Regulations new End */
/* Resume */

.pagetitle {
  position: relative;
  height: 100%;
  padding: 12px; }
  .pagetitle img {
    position: absolute;
    top: 50%;
    left: -40%;
    transform: translate(40%, -50%);
    z-index: -1;
    animation: titleAnimation 5s ease-in-out infinite; }
  .pagetitle h2 {
    z-index: 99; }
    @keyframes titleAnimation {
  0% {
    left: -40%; }
  50% {
    left: 0%; }
  100% {
    left: -40%; } }

/* Resume new End */
/*
#0091B4
*/
/*.innerpages .breadCrumbShareWrapper .share-list li span,*/
.ajax-progress h4,

.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a i,
.newsListItem .more,
.newsListItem .more:hover,
.innerpages .shareWrapper .lastEdit i,
.serviceswrapper .servs-group .musrvtitle,
.innerpages .table a,
.innerpages .grid a,
.innerpages .rating i,
.innerpages .accordion .card .card-header h2 .btn-link,
.innerpages .shareWrapper .lastEdit,
.serviceswrapper .wptitle,
.home-content .wptitle,
.rs_addtools .rsbtn_play .rsbtn_right,
.rsbtn .rsbtn_play .rsbtn_right,
.ms-rtestate-field ul li:before,
.service-tabs .more,
.serviceswrapper .wptitle .more,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
.ms-rtestate-field h4,
h3.ms-rteElement-H4,
.subfilter-hero .subfilter-btn,
.publicConsultationListItem label,
.eventsListingItem .eventDate .eventStartDate .eventDateDay,
.eventsListingItem .eventDate .eventStartDate,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField span strong,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField div span,
#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField div div h3,
.ms-rteFontSize-2 span strong,
.innerpages .srchPanel .control-label,
.innerStatisticsItem .innerStatisticsItemNo,
.productsAwarenessListItem:hover h2,
.innerStatisticsItem i,
.header-wrapper .top-functions .searchbox .search3,
.innerpages div.pagination a.Last:before,
.innerpages div.pagination .default-pager-current.Last:before,
.innerpages div.pagination span.Last:before,
.innerpages div.pagination a.Next:before,
.innerpages div.pagination .default-pager-current.Next:before,
.innerpages div.pagination span.Next:before,
.innerpages div.pagination a.First:before,
.innerpages div.pagination .default-pager-current.First:before,
.innerpages div.pagination span.First:before,
.innerpages div.pagination a.Previous:before,
.innerpages div.pagination .default-pager-current.Previous:before,
.innerpages div.pagination span.Previous:before,
p span strong,
h3 {
    color: #0091B4 !important;
}

.publicConsultationListItem span.active {
    color:  #008000;
}

.innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle,
.innerpages div.pagination span,
.photoListingItem:before,
.service-tabs .more > i,
.service-tabs .nav-tabs > li:hover a,
.service-tabs .nav-tabs > li a.active,
.serv-subfilter-wrapper .subfilter-btn.active,
.innerpages ul.lst li:before,
.innerpages ul.list li:before,
.innerpages .ArticleContent ul li:before,
.innerpages .contentWrapper ul li:before,
.innerpages .pagetitle h2:after {
    background: #0091B4 !important;

}


.ajax-progress .Acenter input.btnbrown,
.videoListingImage:after,
.innerpages .btn:not(div),
.innerpages .gbuttontb {
    background-color: #0091B4 !important;
}

.service-tabs .nav-tabs > li a.active:after {
    border-top: 10px solid #0091B4;
}

.innerpages .rightBorderTxt1 {
    border-right: 3px solid #0091B4;
}

.innerStatisticsItem i {
    border: 1.2px solid #0091B4;
}

.header-wrapper .top-functions .searchbox input,
.innerpages div.pagination a,
.innerpages div.pagination .default-pager-current,
.innerpages div.pagination span,
.service-tabs .nav-tabs > li a {

    border: 1px solid #0091B4 !important;
}

.serv-subfilter-wrapper .subfilter-btn.active {
    box-shadow: 0px 1px 4px 0px rgb(6 168 226 / 50%);
}

.serv-subfilter-wrapper .subfilter-btn:hover {
    background: #cee9f8;
}

.serv-subfilter-wrapper .subfilter-btn:hover {
    background: #cee9f8;
    color: #464749;
    box-shadow: 0px 1px 4px 0px rgb(6 168 226 / 25%);
}

.innerpages .accordion .card .card-header h2 .btn-link {
  /*  filter: invert(57%) sepia(97%) saturate(3406%) hue-rotate(163deg) brightness(99%) contrast(95%);*/
}


/* for tables */
.innerpages .table > thead > tr > th,
.innerpages .grid > thead > tr > th,
.innerpages .table > tbody > tr > th,
.innerpages .grid > tbody > tr > th {
    background: #0091B4;
}




.rulesAndRegulationsListItem:hover {
    position: relative
}

.la2e7a-item .la2e7a-details a.download-a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.footer .carecenter i,
.footer .carecenter .phone a,
.footer .carecenter i,
.footer .carecenter .mail a,
.serv-subfilter-wrapper .subfilter-btn.active {
    color: #fff !important;

}

.innerpages .accordion .card .card-header h2 .btn-link.collapsed {
    color: #a9a9a9 !important;
}
.innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a:hover i {
    color: #00bcff !important;
}



/* AO start */
.styleForSilder {
    padding-bottom: 30px
}
.styleForSilder .swiper-pagination{ 
    margin-bottom: -10px;
    
    background: #f8f8f8;
}
.styleForSilder .nav-link {
    width: 94%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #ffffff ;
    box-shadow: 0 0 25px rgb(138 149 158 / 20%);
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: 190px;
    align-items: center;
    justify-content: center;
}
.styleForSilder .nav-link .menu-item-text{
    font-size: 16px;
    font-weight: 400;
    color: #464749 !important;
    line-height: 1.6;
        text-align: center;
}
.styleForSilder .nav-link.active {
    background-color: #F8F8F8 !important;
   box-shadow: unset;
    position: relative
}
.styleForSilder .nav-link.active::before {
      position: absolute;
    content: "";
    width: 100%;
    background: #f8f8f8;
    bottom: -20px;
    height: 28px;
    
}


/* change color of contact us tabs and heading  */
.innerpages .pagetitle h2,
.branches .nav-tabs:not(.page-tabs) > li > span,
.branches .nav-tabs:not(.page-tabs) > li > a {
    color: #58595B !important;
}
/* change color pf btn */
.serviceListItem {
    background: #f6f6f6 !important;
}
.serviceListItem:hover{
	background: #fff !important;
    box-shadow: 0 10px 45px 10px rgba(0, 0, 0, 0.12);
}

.serviceListItemNew span{
    background: #0091B4 !important;
}

.la2e7a-withoutDescription:hover{
    padding-top: 24px;
}

.la2e7a-withoutDescription:hover img {
    display:inline-block !important;
}
.la2e7a-withoutDescription:hover h2{
	padding-top:15px !important;
	height:95px;
}
.menu-item-text .image-div{
	    text-align: center;
}
.TrainingReq_Upload .fileupload {
   text-align: left !important;
}

/* AO end */

/* start adding style to EN V word contact page  */

.newForm2 .findUsSection p {
    padding: 0 0px 0 57px !important;
}

.newForm2 .container.contentWrapper .btngroup {
    padding: 0px 0 0px 0;
    margin-bottom: 0 !important;
    margin-top: -10px;
}

.newForm2 .container.contentWrapper {
    margin-bottom: 0;
}

.newForm2 .container.contentWrapper .btngroup .text-left {
    text-align: right !important;
}

.branches .nav-tabs:not(.page-tabs) > li > a > img {
    margin-right: 13px;
    margin-left: 0 !important;
}

.branches .locationTabs li > span span,
.branches .locationTabs li a span {
    margin-left: 8px;
}

.minster-speach .content-box .text-box {
    padding: 24px 24px 24px 24px !important;
}

.qualifications .educational .col-md-4 .content-card p:last-of-type {
    min-height: 77px;
}
.qualifications .educational .col-md-6 .content-card p:last-of-type {
    min-height: 257px;
}
.qualifications .work-history .time-line_item .date-container .date-text p {
    font-size: 14px !important;
}

.qualifications .educational .content-card_main .logos-box .logo-img--1 {
    left: unset !important;
    right: 0px !important;
}

.qualifications .educational .content-card_main .logos-box .logo-img--2 {
    left: unset !important;
    right: 20px !important;
}

.qualifications .educational .content-card_main .logos-box .logo-img--3 {
    left: unset !important;
    right: 40px !important;
}

.qualifications .educational .content-card_main .logos-box .logo-img--4 {
    left: unset !important;
    right: 60px !important;
}

.qualifications .educational .content-card_main .logos-box .logo-img--5 {
    left: unset !important;
    right: 80px !important;
}

/* End adding style to EN V word contact page  */

.taw3eyat-mostahlek{
    padding-top: 80px;
    background-image: url(../images/new--21-6/pattern222.svg);
    padding-bottom: 50px;
}
.taw3eyat-mostahlek .main-taw3eyat-p{
    font-size: 15px;
    color: #58595B;
    margin-bottom: 50px;
}

.taw3eyat-mostahlek h2.main-sec-h2{
    font-size: 24px;
    font-weight: 600;
    color: #58595B;
    text-align: center;
    margin-bottom: 20px;
}

.taw3eyat-mostahlek .item{
    background-color: #fff;
    filter: drop-shadow(0 -10px 15px rgba(0, 150 ,182 ,0.24));
    /* width: 95%;
    margin: 0 auto; */
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}
.taw3eyat-mostahlek .col-lg-4{

    margin-bottom: 100px;
}
.taw3eyat-mostahlek .swiper-container{
    filter: drop-shadow(0 0px 15px rgba(0, 150 ,182 ,0.24));

}
.taw3eyat-mostahlek .swiper-slide{
    overflow: hidden;
}
.taw3eyat-mostahlek .item .img-box{
    transform: scale(1.2);
    transition: 500ms;
}
.taw3eyat-mostahlek .item:hover .img-box{
    transform: scale(1);
    transition: 500ms;
}

.taw3eyat-mostahlek .item::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0 , 0 , 0.15);
    z-index: 1;
    opacity: 0;
    transition: 300ms;

}

.taw3eyat-mostahlek .item::after{
    content: "";
    position: absolute;
    width: 56px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -85%);
    background-image: url(../images/new--21-6/play-img.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    transition: 300ms;

}
.taw3eyat-mostahlek .vids .item::after{
    background-image: url(../images/new--21-6/play-vid.svg);

}

.taw3eyat-mostahlek .item:hover::before{
    opacity: 1;
}
.taw3eyat-mostahlek .item:hover::after{
    opacity: 1;
}


.taw3eyat-mostahlek .item h4{
    font-size: 16px;
    font-weight: 600;
    color: #0096B6;
    line-height: 26px;
    height: calc(26px *2);
    position: relative;
    z-index: 1;
    padding: 0 15px;
    margin-bottom: 14px;
    background-color: #fff;
}
.taw3eyat-mostahlek .item h4::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 246px;
    top: -180px;
    right: 0;
    background-image: url(../images/new--21-6/sliders-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.non-Conforming .nonConformingSlider {
    /* padding: 23px 0; */
}
.taw3eyat-mostahlek .swiper-pagination{
    /* margin-top: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important; */
    margin-bottom: 0px !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.taw3eyat-mostahlek .swiper-pagination-bullet {
    background: #5A676A !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-3px);
}

.taw3eyat-mostahlek .swiper-pagination-bullet-active {
    width: 14px !important;
    height: 14px !important;
    background: #0096B6 !important;
    transform: translateY(0);
}
 .more-anch{
    float: right;
    /* margin-top: -50px; */
    margin-inline-end: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #58595B;
    transition: 500ms;
}
 .more-anch img{
    margin-inline-start: 5px;
    filter: grayscale(1) contrast(3);
    transition: 500ms;
	transform: rotate(180deg);
}


 .more-anch:hover{
    color: #0096B6;
}
 .more-anch:hover img{
    filter: none;
    transform: translateX(5px) rotate(180deg);
}













/* onload-image */

.onload-image{
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    /* transform: translate(-50%, -50%); */
    /* background-color: #343434; */
    background-color: rgba(52, 52 , 52 , 0.60);
    visibility: hidden;

}
.onload-image.show{
    visibility: visible;
}
 .onload-image .content{
    position: relative;
    width: 100%;
    height: 100%;
}
.onload-image .content .img-box{
    max-width:677px ;
    max-height: 666px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.onload-image .content .close-load{
    position: absolute;
    top: 17%;
    left: 60%;
}
.fancybox-inner{
    border: 10px solid #fff !important;
}
.taw3eyat-mostahlek .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.taw3eyat-mostahlek .item .img-box {
    height: 285px;
}
.non-conforming-item span.denied{
    position: absolute;
    top: 15px;
    /*inset-inline-start: 15px;*/
    left: 15px;
    width: 100px;

}
.non-conforming-item span.denied img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}




/* numbers */
.homeStatisticsWrapper{
    padding: 50px 0 85px;
}
.homeStatisticsWrapper .homeStatisticsItemWrapper:before {
   display: none;
}

.homeStatisticsWrapper .cards{
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    justify-content: space-between;
}
.homeStatisticsWrapper .cards .card-levelOne{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 435px;
    width: 195px;
    /* margin-inline-end: 40px; */
    /* position: relative; */

}
.homeStatisticsWrapper .cards .card-levelOne:nth-child(2n){
    justify-content: flex-end;

}
/* .homeStatisticsWrapper .cards .card-levelOne:last-child{
    margin-inline-end: 0;
} */

.homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItemWrapper {
    margin-bottom: 0;
    position: relative;
}


.homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItem{
    width: 195px !important;
    height: 195px !important;
    padding-left: 17px;
    padding-right: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    box-shadow: 0px 5px 35px rgb(0  42  51 / 15%);
    position: relative;
}
.homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItem::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/new--21-6/Subtraction-12.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItem .homeStatisticsItemNo{
    margin-top: 0;
}


.homeStatisticsWrapper .cards .card-levelOne .hidden-content{
    visibility: hidden;
    opacity: 0;
    transition: 300ms;
    position: absolute;
    width: 102%;
    height: 110%;
    background-color: rgba(245 , 247 , 250 , .98 );
    top: 0;
    /*inset-inline-end: -1%;*/
    right:-1%;
    z-index: 99;
}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content.view{
    visibility: visible;
    opacity: 1;
}


.homeStatisticsWrapper .cards .card-levelOne .hidden-content .close-sec{
    position: absolute;
    /*inset-inline-end: 0;*/
    right: 0px;
    top: 0;
    z-index: 9;
    filter: drop-shadow(0px 5px 15px rgba(0 , 24 , 51 , .30 ));
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div h2{
    font-size: 25px;
    font-weight: 900;
    color: #58595B;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div .number{
    font-size: 55px;
    font-weight: 900;
    color: #0096B6;
    text-align: center;
    line-height: 45px;
}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row.custom-row1{
    margin: 40px auto 0;
    max-width: 1170px;

}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row.custom-row2{
    margin: 10px auto;
    max-width: 1070px;

}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card{
    width: 198px;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 198px;
    background-color: #fff;
    filter: drop-shadow(0px 5px 25px rgba(0 , 42 , 51 , .15 ));
    border-radius: 25px;
    padding: 10px 25px;
    transition: 300ms;
    margin-inline-end: 48px;
    margin-bottom: 42px;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:nth-child(4n){
    margin-inline-end: 0px;

}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card img{
    margin-bottom: 15px;
    transition: 300ms;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-number{
    font-size: 40px;
    font-weight: 900;
    color: #0096B6;
    text-align: center;
    margin-bottom: 8px;
    transition: 300ms;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-name{
    font-size: 16px;
    color: #58595B;
    text-align: center;
    transition: 300ms;
}


.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:hover{
    background-color: #0096B6;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:hover img{
    filter: contrast(0) brightness(2);
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:hover .inner-number{
    color: #fff;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:hover .inner-name{
    color: #fff;
}














.servey{
    position: fixed;
    top: 80%;
    /*inset-inline-start: 100px;*/
    left: 50px;
    z-index: 999;
}
    .servey .servey-a {
        display: inline-block;
        width: 90px;
        height: 95px;
        background-image: url(../../Images/New/Union11.svg);
        background-repeat: no-repeat;
        background-size: contain;
        text-align: center;
        padding: 15px 0;
        filter: drop-shadow(0 15px 45px rgba(0, 105,128,0.61));
    }

.servey .servey-a img{

    margin-bottom: 3px;
}
.servey .servey-a div{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 5px;
    text-align: center;

}

.servey .servey-a span{
    width: 12px;
    height: 12px;
    background-color: #F96401;
    border-radius: 50%;
    position: absolute;
    /*inset-inline-start: 10px;*/
    left: 10px;
    top: 25px;
}
.servey .servey-a span::before{
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #FFD500;
    opacity: .35;
    border-radius: 50%;
    /*inset-inline-start: 0px;*/
    left: 0px;
    top: 0px;
    animation: spanMove 2s linear 0s infinite;
    z-index: -1;
}

.servey .pollWp {
    background: none;
   
    position: relative;
    padding: 50px 26px 0;
    position: absolute;
    top: -335px;
    /*inset-inline-end: -350px;*/
    right:-350px;
    width: 450px;
    height: 450px;
    filter: drop-shadow(0 15px 45px rgba(0, 105 ,128 ,0.61));
    box-shadow: none;
    margin-top: 0;
    padding-inline-start: 95px;
    visibility: visible;
    transform: translateY(0px);
    transition: 500ms;
    opacity: 1;

    
}
.servey .pollWp.hidden-servey {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100px);
}
.servey .pollWp::before{
    content: "";
    position: absolute;
    background-image: url(../images/new--21-6/op-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 175%;
    height: 140%;
    top: -180px;
    left: -185px;
    z-index: -1;

}

.servey .pollWp .top-area{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.servey .pollWp .top-area img{
    margin-inline-end: 15px;
    
}
.servey .pollWp .top-area h4{
    font-size: 25px;
    font-weight: 600;
    color: #0096B6;
}


.servey .pollWp .poll-form {
    z-index: 1;
    padding: 20px 0px 0px;
    position: relative;
    height: auto;
}

.servey .pollWp .pollQestion, .pollWp .question {
    display: block;
    height: auto;
    overflow: hidden;
    color: #425CBB;
    font-size: 16px;
    font-weight: 600;
    color: #555555;
    line-height: 30px;
    padding: 0;
    margin-bottom: 10px;

}

.servey .pollWp .pollInner {
    padding: 8px 10px!important;
    height: auto;
}

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

.servey .pollWp .pollInner ul input[type="radio"], .servey .pollWp .pollInner > table input[type="radio"] {
    /* margin-left: 15px; */
    position: relative;
    top: 3px;
    width: 0px;
    height: 15px;
}

.servey .pollWp .pollInner ul label, .servey .pollWp .pollInner > table label {
    font-size: 15px;
    color: #0096B6;
    /* margin-right: 20px; */
}

.servey input[type=radio] + label:before {
    content: '';
    display: inline-block;
    margin-inline-end: 15px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px #C7C9CB solid;
    position: relative;
    top: 3px;
    /*inset-inline-start: 0;*/
    left: 0px;
    transition: all 0.3s ease;
    border-radius: 50% !important;
}

.servey input[type=radio] + label {
    position: relative;
    color: #58595B !important;
}

.servey input[type=radio]:checked + label {
    color: #0096B6 !important;
}

.servey input[type=radio]:checked + label:before {
    border-color: #0096B6;
    /* border-width: 10px; */
}
input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    /*inset-inline-start: 0px;*/
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0096B6;
    filter: drop-shadow(0px 8px 18px #DAF4F9)
}
.servey .pollWp .pollbtns{
	top: 95%;
}
.servey .pollWp .pollbtns .btn.vote{
    background-color: #0096B6;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    display: block;
    margin-inline-start: 75px;
}



@keyframes spanMove {
    0%{
        transform: scale(0);
           
    }
    50%{
        transform: scale(1);
        
    }
   
    100%{
        transform: scale(2);
        
    }
    50%{
        transform: scale(1);
        
    }
   }


.innerpages .col-sm-6 .breadCrumbShareWrapper{
	z-index: 999;
    right: 25px;
    position: absolute;
    top: -10px;
}
.innerpages .col-sm-6 .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown{
	z-index: 999999;
    background-color: #fff;
    box-shadow: rgb(0, 0, 0) 0px 4px 35px 0p
}
.innerpages .col-sm-6 .breadCrumbShareWrapper .share-list{
	
	padding-left:0px;
	padding-right:0px
}
.innerpages .col-sm-6 .breadCrumbShareWrapper .share-list li:before{
	display:none
}


/* Hide Fancybox Video until requested */

.fancybox-video {
  display: none;
}
.fancybox-next span:after ,
.fancybox-prev span:after{
    background-color: #0096B6;
}
.fancybox-nav span{
    background-color: #0096B6;
}
.fancybox-prev {
    left: -20px;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div{
    transform: translateY(100px);
    transition: 500ms;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content .animatee{
    transform: scaleX(.1) scaleY(0.5) translateY(100px);
    transition: 500ms;
}

.homeStatisticsWrapper .cards .card-levelOne .hidden-content.view .main-div{
    transform: translateY(0px);
    transition: 500ms;
}
.homeStatisticsWrapper .cards .card-levelOne .hidden-content.view .animatee{
    transform: scaleX(1) scaleY(1) translateY(0);
    transition: 500ms;
    max-height: 477px;
    overflow-y: auto;
}


/*  */
.calender-modal .last-cal-section{
    justify-content: space-between !important;
}
.calender-modal .last-cal-section .colorZ{
    margin-inline-start: 10px;
}
.last-cal-section .colorZ .color-item{
    display: inline-flex;
}
.last-cal-section .colorZ .color-item.blue {
    margin-inline-end: 12px;
}
.last-cal-section .colorZ .color-item span{
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    border-radius: 50%;    
    top: 10px;
    margin-inline-end: 6px;

}
.last-cal-section .colorZ .color-item span:before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: -6px;
    /*inset-inline-start: -6px;*/
    left:-6px;
    border-radius: 50%;
    
}
.last-cal-section .colorZ .color-item p{
    font-size: 16px;
    color: #58595B;
    margin: 0;
}
.last-cal-section .colorZ .color-item.blue span{
    background-color: #0096B6;
}
.last-cal-section .colorZ .color-item.blue span::before{
    background-color: rgba(0, 150 ,182 ,0.5)
}

.last-cal-section .colorZ .color-item.green span{
    background-color: #529C44;
}
.last-cal-section .colorZ .color-item.green span::before{
    background-color: rgba(85, 156 ,68 ,0.5)
}




/* moooooooooooodal */
.modal .modal-large .modal-content{
    border-radius: 10px;
}

.modal .modal-large{
    max-width: 1375px;
}
.modal-large .modal-header {
    margin-bottom: 0;
    /* padding: 0; */
    border: 0;
}
.modal-large .modal-header .close{
    margin-inline-start: auto;
    margin-inline-end: 30px;
    /* margin-top: 15px; */
    padding: 0;
}
.innerpages h2.popup-header,
.sela3-popup > h3 {
    font-size: 30px;
    font-weight: 600;
    color: #0096B6 !important;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
}

.modal-large .modal-header .close span{
    font-size: 30px;
}

.modal-large .modal-body h3{
    font-size: 30px;
    font-weight: 600;
    color: #0096B6 !important;
    text-align: center;
    margin-bottom: 40px;
}
.modal-large .modal-body{
    /*padding: 10px 115px 45px;*/
}
.popup-details ul{
    list-style: none;
    padding: 0;
    padding-bottom: 24px;
    border-bottom: 2px solid #F5F7FA;
    display: flex;
    justify-content: space-between;
}
.popup-details ul li{
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-details ul li:before{
	display:none !important;
}
.popup-details ul li .img-box{
    width: 50px;
    height: 50px;
    margin-inline-end: 12px;
}
.popup-details ul li .img-box img{
    width: 100%;
}

.popup-details ul li .content-box h4{
    font-size: 16px;
    font-weight: 600;
    color: #002A33;
    margin-bottom: 6px;

}
.popup-details ul li .content-box p{
    font-size: 16px;
    color: #58595B;
    margin: 0;
    padding: 0;
    max-width: 250px;
}
.popup-details ul li .content-box p.active{
    color: #529C44;
}


/* description */
.popup-details .description{
    margin-top: 24px;
}
.popup-details  h4,
.popup-details  label{
    font-size: 20px;
    font-weight: 600;
    color: #002A33;
    margin-bottom: 14px;
}
.popup-details .description p{
    padding: 24px;
    background-color: #F5F7FA;
    border-radius: 8px;
    font-size: 16px;
    color: #58595B;
}

/* attachments */
.popup-details .attachments{
    margin-top: 24px;
}

.popup-details .attachments .attached-files{
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 24px;
    padding-top: 12px;
}
.popup-details .attachments .attached-files .file{
    border-bottom: 2px solid rgba(199 , 201 , 203 , .43 );
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    padding-top: 12px;

}
.popup-details .attachments .attached-files .file:last-child{
    border-bottom: none;
}
.popup-details .attachments .attached-files .file .det{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.popup-details .attachments .attached-files .file img{
    width: 30px;
    height: 30px;
    margin-inline-end: 6px;
}
.popup-details .attachments .attached-files .file .title{
    font-size: 16px;
    color: #58595B;
}
.popup-details .attachments .attached-files .file .download{
    background-color: #0096B6;
    border-radius: 22px;
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-details .attachments .attached-files .file .download img{
    margin-inline-end: 8px;
}

.modal-large .modal-body .resp {
    margin-top: 24px;
}
.popup-details .resp .resp-det{
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-details .resp {
    margin-top: 24px;
}

.popup-details .resp .resp-det .name{
    font-size: 18px;
    color: #58595B;
    display: flex;
    align-items: center;

}
.popup-details .resp .resp-det .name .img-box{
    background-color: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    margin-inline-end: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-details .resp .resp-det .name .img-box img{
    width: 20px;
    height: 20px;

}


.popup-details .resp .resp-det .contact{
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-details .resp .resp-det .contact a{
    font-size: 16px;
    color: #58595B;
    margin-inline-end: 24px;
}
.popup-details .resp .resp-det .contact a:last-child{
    margin-inline-end: 0px;
}
.popup-details .resp .resp-det .contact a img{
    width: 20px;
    height: 20px;
    margin-inline-end: 6px;

}

/* notes */
.popup-details .notes{
    margin-top: 24px;
}
.popup-details .notes .notes-form{
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 24px;
}
.popup-details .notes .notes-form .form-send{
     font-size: 14px;
    color: #fff;
    background-color: #0096B6;
    border-radius: 22px;
    padding: 6px 12px;
    display: flex;
    height: 45px;
    width:100%;
    justify-content: center;
    align-items: center;
    font-family: inherit;
}

.popup-details .notes input.form-control, 
.popup-details .notes textarea.form-control{
    min-height: 45px;
    border: 1px solid #C6CFD9;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 12px;
    font-size: 16px;
    color: #888A8E;
    box-shadow: none;
}
.popup-details .notes .form-control:focus{
    outline-color: #C6CFDB!important;
}



/* sela3-popup */
.sela3-popup{
    max-width: 1140px !important;
}

.sela3-popup .popup-details .main-img-box{
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
}

.sela3-popup .popup-details .sela3-location{
    margin-top: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sela3-popup .popup-details .sela3-location .img-box{
    margin-inline-end: 6px;
}
/* .sela3-popup .popup-details .sela3-location .content-box{} */
.sela3-popup .popup-details .sela3-location .content-box h4.title{
    font-size: 16px;
    font-weight: 600;
    color: #002A33;
    margin: 0;
}
.sela3-popup .popup-details .sela3-location .content-box p{
    font-size: 16px;
    font-weight: 600;
    color: #58595B;
    margin: 0;
    padding: 0;
}

.sela3-popup .popup-details .fashal{
    margin-top: 24px;
}
.sela3-popup .popup-details .fashal .content{
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 24px;
}
.sela3-popup .popup-details .fashal .content p{
    font-size: 16px;
    color: #58595B;
    margin-bottom: 12px;
}

.sela3-popup .popup-details .fashal .content ul li{
    font-weight: 600;
}

.sela3-popup .popup-details .content ul.green-dots{
    display: block;
    padding-bottom: 0;
    list-style: disc;
    padding-inline-start: 20px;
    padding-inline-end: 60px;
}
.sela3-popup .popup-details .content ul.green-dots li{
    font-size: 16px;
    color: #58595B;
    display: block;
    margin-bottom: 12px;
    line-height: initial;
    position: relative;
}
.sela3-popup .popup-details .content ul.green-dots li::before {
    content: "";
    position: absolute;
    background-color: #529C44;
    width: 8px;
    height: 8px;
    top: 50%;
    transform: translateY(-35%);
    /*inset-inline-start: -20px;*/
    left:-20px;
    border-radius: 50%;

  }
.sela3-popup .popup-details .content ul.green-dots li:last-child {
    margin-bottom: 0;
}


.sela3-popup .popup-details .Clarification{
    margin-top: 24px;
}

.sela3-popup .popup-details .advice{
    margin-top: 24px;
}
.sela3-popup .popup-details .advice .content{
    background-color: #F5F7FA;
    border-radius: 8px;
    padding: 24px;
}






/********************************* media *************************************/
@media(max-width:1400px){
    .homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItem {
        width: 165px !important;
        height: 165px !important;
    }
    .homeStatisticsWrapper .homeStatisticsItem .homeStatisticsItemNo{
        font-size: 32px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div h2{
        font-size: 25px;
    }
    .homeStatisticsWrapper .homeStatisticsItem p{
        font-size: 14px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div .number{
        font-size: 40px;
        line-height: 30px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card{
        /* flex: 0 0 165px !important; */
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-number{
        font-size: 35px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-name{
        font-size: 14px;
    }
    .sela3-popup .popup-details .main-img-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


@media(max-width:1199.98px){
    .modal-large .modal-body h3{
        font-size: 24px;
    }
    .modal-large .modal-body ul li .content-box h4 {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .modal-large .modal-body ul li .content-box p {
        font-size: 14px;
    }
    .modal-large .modal-body ul {
        padding-bottom: 15px;
    }
    .modal-large .modal-body h4 {
        font-size: 18px;
    }
    .modal-large .modal-body h4 {
        font-size: 18px;
    }
    .modal-large .modal-body .description p {
        padding: 16px;
        font-size: 14px;
    }
    .modal-large .modal-body .attachments .attached-files .file .title {
        font-size: 14px;
    }
    .modal-large .modal-body .resp .resp-det .contact a {
        font-size: 14px;
        margin-inline-end: 16px;
    }
    .modal-large .modal-body .resp .resp-det .name {
        font-size: 16px;
    }
    .modal-large .modal-body .notes input.form-control, .modal-large .modal-body .notes textarea.form-control{
        min-height: 40px;
        font-size: 14px;
    }
}

@media(max-width:991.98px){
    .homeStatisticsWrapper .cards{
        flex-wrap: wrap;
    }
    .homeStatisticsWrapper .cards .card-levelOne{
        height: auto;
    }
    .homeStatisticsWrapper .cards .card-levelOne {
        justify-content: flex-start !important;
    }
    .homeStatisticsWrapper .cards .card-levelOne:nth-child(2) {
        justify-content: flex-end !important;
        height: 335px;
    }
    .taw3eyat-mostahlek .item h4::before{
        top: -200px;
    }
    .onload-image .content .img-box img {
        max-width: 100%;
    }
    .modal-large .modal-body {
        padding: 10px 40px 45px;
    }
    .sela3-popup .popup-details .sela3-location .content-box h4.title{
        font-size: 14px;
    }
    .sela3-popup .popup-details .sela3-location .content-box p {
        font-size: 14px;
    }
    .sela3-popup .popup-details .fashal .content p{
        font-size: 14px;
        margin-bottom: 6px;
    }
    .sela3-popup .popup-details .content ul.green-dots li {
        font-size: 14px;
    }
    .sela3-popup .popup-details .Clarification .content p{
        font-size: 14px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:nth-child(4n){
            margin-inline-end: 48px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content.view .animatee{
        max-height: 560px;
    }
}

@media(max-width:767.98px){
    .homeStatisticsWrapper .cards .card-levelOne {
        /* height: 280px; */
        width: auto;
    }
    .homeStatisticsWrapper .cards .card-levelOne:nth-child(2) {
        height: 285px;
    }
    /* .homeStatisticsWrapper .cards .card-levelOne .hidden-content{
        height: 100%;
    } */
    .homeStatisticsWrapper .cards .card-levelOne .homeStatisticsItem {
        width: 140px !important;
        height: 140px !important;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row.custom-row1{
        margin: 35px auto 0;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row.custom-row2{
        margin: 0 auto;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card{
        flex: 0 0 140px !important;
        padding: 10px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card img {
        margin-bottom: 7px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-number {
        font-size: 25px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row{
        flex-wrap: wrap;
        justify-content: center;

    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card{
        flex: 0 0 auto !important;
        width: calc(100%/2 - 60px);
        height: 155px;
        margin-inline-end: 30px;
        margin-bottom: 15px;

    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:nth-child(3n) {
        margin-inline-end: 30px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:nth-child(2n) {
        margin-inline-end: 0;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div .number {
        font-size: 30px;
        line-height: 25px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div h2 {
        font-size: 20px;
    }
    /* .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:first-child{
        margin-inline-start: auto;
    } */
    .taw3eyat-mostahlek .item h4::before {
        top: -230px;
    }
    .modal-large .modal-body ul{
        justify-content: center;
        flex-wrap: wrap;
    }
    .modal-large .modal-body ul li{
        margin-inline-end: 10px;
        margin-bottom: 10px;
    }
    .modal-large .modal-body h4 {
        font-size: 16px;
    }
    .modal-large .modal-body .description p{
        font-size: 12px;
    }
    .modal-large .modal-body .attachments .attached-files{
        padding: 16px;
    }
    .modal-large .modal-body .attachments .attached-files .file{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .modal-large .modal-body .attachments .attached-files .file .download{
        font-size: 12px;
        padding: 2px 10px;
    }
    .modal-large .modal-body .attachments .attached-files .file img{
        width: 24px;
        height: 24px;
        margin-inline-end: 4px;
    }
    .modal-large .modal-body .resp .resp-det{
        padding: 16px;
    }
    .modal-large .modal-body .resp .resp-det .name {
        font-size: 14px;
    }
    .modal-large .modal-body .resp .resp-det .contact{
        flex-direction: column;
    }
    .modal-large .modal-body .resp .resp-det .contact a{
        margin-inline-end: 0;
    }
    .modal-large .modal-body h3 {
        font-size: 20px;
    }
    .sela3-popup .popup-details .fashal .content{
        padding: 16px;
    }
    .sela3-popup .popup-details .Clarification .content{
        padding: 16px;
        padding-inline-end: 40px;
    }
    .sela3-popup .popup-details .advice .content{
            }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content.view .animatee {
        max-height: 500px;
    }
}



@media(max-width:574.98px){
    .homeStatisticsWrapper .cards .card-levelOne {
        height: auto;
        width: auto;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card{
        width: calc(100%/2 - 10px);
        margin-inline-end: 10px;
        height: 110px;
        margin-bottom: 10px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content{
        width: 97%;
        height: auto;
        /*inset-inline-start: 0;*/
        left:0px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div h2 {
        font-size: 18px;
        padding: 5px 20px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .main-div .number {
        font-size: 25px;
        line-height: 22px;
        padding: 0 5px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-name {
        font-size: 13px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card .inner-number {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content .custom-row .number-card:nth-child(3n) {
        margin-inline-end: 10px;
    }

    .servey .pollWp{
        /*inset-inline-end: -250px;*/
        right:-250px;
    }
    .modal-large .modal-body ul{
        flex-direction: column;
        justify-content: flex-start;
    }
    .modal-large .modal-body ul li{
        justify-content: flex-start;
    }
    .modal-large .modal-body .resp .resp-det{
        align-items: flex-start;
        flex-direction: column;
    }
    .modal-large .modal-body .resp .resp-det .contact{
        margin-inline-start: 10px;
        margin-top: 10px;
    }
    .modal-large .modal-body .resp .resp-det .contact a{
        margin-bottom: 5px;
    }
    .modal-large .modal-body .resp .resp-det .contact a img{
        width: 15px;
        height: 15px;
    }
    .modal-large .modal-body .notes .notes-form {
        padding: 16px;
    }
    .modal-large .modal-body .notes input.form-control, .modal-large .modal-body .notes textarea.form-control {
        min-height: 35px;
        font-size: 12px;
    }
    .modal-large .modal-body .notes .notes-form .form-send{
        font-size: 12px;
        height: 35px;
    }
    .sela3-popup .popup-details .content ul.green-dots{
        padding-inline-end:0
    }
    .sela3-popup .popup-details .Clarification .content{
        padding-inline-end:16px
    }
    .homeStatisticsWrapper .cards {
        /* flex-direction: column; */
    }
    .homeStatisticsWrapper .cards .card-levelOne {
        margin-bottom: 30px;
    }
    .homeStatisticsWrapper .cards .card-levelOne:nth-child(2) {
        height: auto;
    }
    .homeStatisticsWrapper .cards .card-levelOne .hidden-content.view .animatee {
        max-height: 440px;
    }
}



.header-wrapper.home-header{
    /* filter: drop-shadow(0px 15px 45px rgb(0 42 51 / 10%)); */
    border-bottom: 2px solid #0096B6;
    box-shadow: 0 15px 45px rgb(0 42 51 / 10%);
}

.inner-main-header h2{
    font-size: 35px;
    font-family: 'fontBold';
    margin-top: 60px;
    margin-bottom: 62px;
    text-align: center;
    position: relative;
}
.inner-main-header h2::before {
    content: "";
    position: absolute;
    right: 46%;
    top: 0;
    width: 233px;
    height: 110px;
    background-image: url(../images/quality/title-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    animation: titleMove 7s linear 0s infinite ;;
}

@keyframes titleMove {
    0%{
           transform: translateX(0);
           
       }
   
       50%{
           transform: translateX(100px);
         
       }
        100%{
        transform: translateX(0);
       }
   }
/* innerMainslider */

.innerMainslider .swiper-button-next , .innerMainslider .swiper-button-prev{
    border-radius: 50%;
    background-color: #fff;
    width: 38px;
    height: 38px;
    /* flex: 0 0 38px; */
    background-size: auto;
    background-position: center;
    filter: drop-shadow(0px 5px 25px rgb(0 0 0 / 10%));
    margin-top: 0;
    display: none;
}
.innerMainslider .swiper-button-next::after , .innerMainslider .swiper-button-prev::after {
    display: none;
}
.innerMainslider .swiper-button-next, .innerMainslider .swiper-button-prev {
    border-radius: 50%;
    background-color: #fff;
    width: 38px;
    height: 38px;
    /* flex: 0 0 38px; */
    background-size: auto;
    background-position: center;
    filter: drop-shadow(0px 5px 25px rgb(0 0 0 / 10%));
    margin-top: 0;
    background-repeat: no-repeat;
}
.innerMainslider .swiper-button-prev{
    background-image: url(../../images/New/right-arrow.svg);
    right: 148px;
}
.innerMainslider .swiper-button-next{
    background-image: url(../../images/New/left-arrow.svg);
    left: 148px;

}
.innerMainslider-container {
    width: 100%;
    height: 100%;
}
.innerMainslider-wrapper {
    height: 100%;
}

.innerMainslider{
    /* height: calc(100vh - 170px) !important; */
    height: 570px !important;
}
.innerMainslider .silder-item{
    height: 100%;
    position: relative;
}
.innerMainslider .silder-item .slider-img{
    height: 100%;
    position: relative;
}
.innerMainslider .silder-item .slider-img::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,42,51);
    background: linear-gradient(90deg, rgba(0,42,51,1) 15%, rgba(0,42,51,0.227328431372549) 100%);
    
}
.innerMainslider .silder-item .slider-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.innerMainslider .silder-item .slider-caption{
    max-width: 35%;
    position: absolute;
    right: 50%;
    top: 20%;
    transform: translateX(50%);
}
.innerMainslider .silder-item .slider-caption h3 {
    color: #fff !important;
    font-size: 30px;
    font-family: 'fontBold';
    margin-bottom: 24px;
    text-align: center;
    /* max-width: 55%; */
}
.innerMainslider .silder-item .slider-caption p {
    color: #fff !important;
    font-size: 20px;
    /* font-family: 'fontBold'; */
    margin-bottom: 44px;
    padding: 0;
    /* max-width: 55%; */
    text-align: center;
}

.innerMainslider .silder-item .slider-caption .inner-slider-btns{
    text-align: center;

}
.innerMainslider .silder-item .slider-caption .inner-slider-btns a.more {
    display: inline-block;
    background-color: #0096B6;
    color: #fff;
    font-size: 16px;
    padding: 13px 24px;
    border-radius: 25px;
    transition: 500ms;
    
}
.innerMainslider .silder-item .slider-caption .inner-slider-btns span{
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
}
.innerMainslider .silder-item .slider-caption .inner-slider-btns a.vid {
    display: inline-block;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    padding: 13px 0;
    
}
.innerMainslider .silder-item .slider-caption .inner-slider-btns a.vid img {
  margin-right: 5px;
  vertical-align: middle;
}
/* .innerMainslider .silder-item .slider-caption a.more:hover {
    background-color: #0096B6;
    color: #fff;
    
} */
/* .innerMainslider .silder-item .slider-caption a.more:hover img {
    transform: translateX(-10px);
    filter: brightness(5);
} */


.innerMainslider .swiper-pagination{
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999
}
.innerMainslider .swiper-pagination-bullet {
    background: #5A676A;
}
.innerMainslider .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    background: #0096B6;
}
/* .scroller{
    position: absolute;
    bottom: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    right: calc(50% - 35px);
}
.scroller .scroll-me .scrolldown .icon-scroll-down::before{
    display: none;
}
.scroller .scroll-me .scrolldown .icon-scroll-down::after{
    content: '';
    background-image: url(../../images/New/Scroller-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 14px;
    top: 53px;
    left: -9px;
    background-size: contain;
} */


.performance-sign .top-div{
    margin-top: 60px;
    margin-bottom: 30px;
}
.performance-sign .top-div h3{
    font-size: 24px;
    font-family: 'fontBold';
    color: #58595B !important;
}

.performance-sign .top-div .sort .form-inline{
    justify-content: flex-end;
}
.performance-sign .top-div .sort label{
    font-size: 17px;
    color: #0096B6;
    margin-inline-end: 6px;

}
.performance-sign .top-div .sort select.form-control + .select2-container {
    max-width:120px ;
    
}
.performance-sign .top-div .sort  .select2-container--default .select2-selection--single{
    border: 1px solid #C7C9CB;
    border-radius: 20px;
    height: 42px !important;
    padding: 8px 15px;
}

.performance-sign .top-div .sort  .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 16px;
    color: #58595B;
}
.performance-sign .top-div .sort  .select2-container--default .select2-selection--single .select2-selection__arrow{
    background-image: url(../images/quality/arrow-down-linear.svg);
    width: 18px;
    height: 18px;
    left: 16px;
    top: 13px;
}

.performance-sign .top-div .sort  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}

.gawdaSlider{
    background-color: #F5F7FA;
    border-radius: 16px;
    padding: 28px 24px;
    position: relative;
    height:auto!important;
}
.gawdaSlider .swiper-slide .item .nav-link{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 204px;
    height: 73px;
    background-color: #fff;
    border-radius: 16px;
}
.gawdaSlider .swiper-slide .item .nav-link img{
    max-width: 24px;
    max-height: 24px;
    margin-inline-end: 15px;
}
.gawdaSlider .swiper-slide .item .nav-link h4{
    font-size: 16px;
    font-family: 'fontBold';
    color: #58595B !important;
}

.gawdaSlider .swiper-slide .item .nav-link.active{
    background-color: #0096B6;
}
.gawdaSlider .swiper-slide .item .nav-link.active img{
    filter: brightness(3);
}
.gawdaSlider .swiper-slide .item .nav-link.active h4{
    color: #fff !important;
}


.gawdaSlider .swiper-button-next::after , .gawdaSlider .swiper-button-prev::after {
    display: none;
}
.gawdaSlider .swiper-button-next, .gawdaSlider .swiper-button-prev {
    border-radius: 50%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    /* flex: 0 0 38px; */
    background-size: auto;
    background-position: center;
    filter: drop-shadow(0px 8px 16px rgb(0 0 0 / 16%));
    margin-top: 0;
    background-repeat: no-repeat;
    top: 35%;
}
.gawdaSlider .swiper-button-prev{
    background-image: url(../images/quality/arrow-circle-right.svg);
    right: -25px;
}
.gawdaSlider .swiper-button-next{
    background-image: url(../images/quality/arrow-circle-left.svg);
    left: -25px;
    right: auto;

}

.gawdaSlider .swiper-button-next:focus, .gawdaSlider .swiper-button-prev:focus {
    outline: none !important;
}


.gawda-tab-content{
    margin-top: 48px;
}



.gawda-tab-content .gawda-item{
    height: 148px;
    margin-bottom: 30px;
    border: 1px solid #F5F7FA;
    border-radius: 8px;
    padding: 24px 18px;
}

.gawda-tab-content .gawda-item .img-box img{
    max-width: 100%;
    max-height: 100%;
}





.tabsSlider{
    position: relative;
    margin-top: 48px;
}

.tabsSlider .swiper-container {
    padding: 0 12px;
}


.tabsSlider .swiper-button-next::after , .tabsSlider .swiper-button-prev::after {
    display: none;
}
.tabsSlider .swiper-button-next, .tabsSlider .swiper-button-prev {
    border-radius: 50%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    /* flex: 0 0 38px; */
    background-size: auto;
    background-position: center;
    filter: drop-shadow(0px 8px 16px rgb(0 0 0 / 16%));
    margin-top: 0;
    background-repeat: no-repeat;
    top: 45%;
}
.tabsSlider .swiper-button-prev{
    background-image: url(../images/quality/arrow-circle-right.svg);
    right: -25px;
}
.tabsSlider .swiper-button-next{
    background-image: url(../images/quality/arrow-circle-left.svg);
    left: -25px;
    right: auto;

}

.tabsSlider .swiper-button-next:focus, .tabsSlider .swiper-button-prev:focus {
    outline: none !important;
}

.tabsSlider .swiper-slide .item a.nav-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    /* filter: drop-shadow(0px 6px 12px rgb(0 0 0 / 10%)); */
    box-shadow: 0px 6px 12px rgb(0 0 0 / 10%);
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 50px;
    padding-right: 50px;
}
.tabsSlider .swiper-slide .item a.nav-link img{
    width: 44px;
    height: 42px;
    margin-bottom: 12px;
}
.tabsSlider .swiper-slide .item a.nav-link h4{
    font-size: 18px;
    color: #58595B;
    text-align: center;
}


.tabsSlider .swiper-slide .item a.nav-link.active{
    background-color: #F5F7FA;
    box-shadow: none;
    padding-bottom: 30px;
    height: 214px;
    margin-bottom: 0;
}



#qualityTabContent {
    background-color: #F5F7FA;
    background-image: url(../images/quality/white-pattern.svg);
    padding: 0 158px;
}

#qualityTabContent .content-box{
    margin-top: 20px;
    margin-bottom: 48px;
}
#qualityTabContent h3{
    font-size: 24px;
    font-family: 'fontBold';
    color: #58595B;
    text-align: center;
}

#qualityTabContent p{
    font-size: 15px;
    color:#58595B;
    text-align: center;
}
.quality-cards-list{
    margin-bottom: 48px;
}
.quality-cards-list .quality-card{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 195px;
    background-color: #fff;
    background-image: url(../images/quality/cards-shape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0px 5px 35px rgb(0 42 51 / 15%));
    border-radius: 25px;
    padding: 30px;
}
.quality-cards-list .quality-card .img-box{
    width: 78px;
    height: 78px;
    margin-inline-end: 24px;
}
.quality-cards-list .quality-card .img-box img{
    max-width: 100%;
}

.quality-cards-list .quality-card .number{
    color:#0096B6;
    font-size: 40px;
    font-family: 'fontBold';
    margin-bottom: 17px;
}
.quality-cards-list .quality-card .desc{
    font-size: 17px;
    color: #58595B;
}


/* meeeeeeeeeeeeeedia */

@media (min-width: 1400px){
    .container {
        width: 1374px;
        max-width: 1374px;
    }
}

@media (max-width: 1399.99px){
    .innerMainslider .silder-item .slider-caption {
        max-width: 45%;
        top: 35%;
    }
    .innerMainslider .silder-item .slider-caption h3{
        font-size: 25px;
    }
    .innerMainslider .silder-item .slider-caption p{
        font-size: 16px;
        margin-bottom: 35px;
    }
    #qualityTabContent{
        padding: 0 71px;
    }
    .quality-cards-list .quality-card .number{
        font-size: 35px;
        margin-bottom: 12px;
    }
    .tabsSlider .swiper-slide .item a.nav-link{
        padding-left: 30px;
        padding-right: 30px;
    }
    .tabsSlider .swiper-slide .item a.nav-link h4 {
        font-size: 16px;
    }
}

@media (max-width: 1300px){
    .quality-cards-list .quality-card{
        min-height: 182px;
    }
}
@media (max-width: 1199.99px){
    .inner-main-header h2{
        font-size: 25px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .inner-main-header h2::before{
        width: 200px;
        height: 70px;
        right: 43%;
    }
    .innerMainslider .silder-item .slider-caption{
        top: 30%;
        max-width: 100%;
    }
    .innerMainslider .silder-item .slider-caption h3{
        margin-bottom: 15px;
        font-size: 23px;
    }
    .innerMainslider .silder-item .slider-caption p{
        margin-bottom: 25px;
    }
    .innerMainslider .silder-item .slider-caption .inner-slider-btns a{
        font-size: 14px !important;
    }
    .quality-cards-list .row{
        justify-content: center;
    }
    .quality-cards-list .quality-card{
        max-width: 280px;
        min-height: 169px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .quality-cards-list .quality-card .img-box {
        width: 65px;
        height: 65px;
    }
    .quality-cards-list .quality-card .number {
        font-size: 25px;
    }
    .quality-cards-list .quality-card .desc {
        font-size: 14px;
    }
    .performance-sign .top-div {
        margin-top: 45px;
        margin-bottom: 20px;
    }
    .performance-sign .top-div h3 {
        font-size: 22px;
    }
    .performance-sign .top-div .sort label {
        font-size: 14px;
    }
    .performance-sign .top-div .sort select.form-control + .select2-container {
        max-width: 95px;
    }
    .performance-sign .top-div .sort .select2-container--default .select2-selection--single{
        height: 38px !important;
        padding: 5px 14px;
    }
    .performance-sign .top-div .sort .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }
    .performance-sign .top-div .sort .select2-container--default .select2-selection--single .select2-selection__arrow{
        width: 14px;
        height: 14px;
        left: 16px;
        top: 13px;
        background-size: contain;
    }
    .gawdaSlider{
        padding: 20px;
    }
    .gawdaSlider .swiper-slide .item .nav-link{
        min-height: 55px;
        height: auto;
        width: auto;
    }
    .gawdaSlider .swiper-slide .item .nav-link h4 {
        font-size: 14px;
    }
    
}


@media (max-width: 991.99px){
    .gawda-tab-content .gawda-item .img-box{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #qualityTabContent {
        padding: 0px 35px;
    }
    
}

@media (max-width: 767.99px){
    .innerMainslider .swiper-pagination-bullet-active {
        width: 8px;
        height: 8px;
    }
    .inner-main-header h2::before {
        width: 140px;
        height: 55px;
        right: 42%;
        top: 3px;
    }
}


@media (max-width: 574.99px){
    .innerMainslider .silder-item .slider-caption{
        right: 30%;
        transform: translateX(22%);
        top: 40%;
    }
    .innerMainslider .silder-item  .slider-caption h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .innerMainslider .silder-item .slider-caption p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .innerMainslider .silder-item .slider-caption .inner-slider-btns a {
        font-size: 12px !important;
    }
    .innerMainslider .silder-item .slider-caption .inner-slider-btns span {
        font-size: 14px ;
        margin-left: 10px;
        margin-right: 10px;
    }
    #qualityTabContent h3 {
        font-size: 20px
    }
    #qualityTabContent p {
        font-size: 14px;
    }
    #qualityTabContent .content-box {
        margin-top: 25px;
        margin-bottom: 35px;
    }
    .performance-sign .top-div h3 {
        font-size: 18px;
    }
    .tabsSlider .swiper-button-next, .tabsSlider .swiper-button-prev{
        width: 30px;
        height: 30px;
        background-size: 7px;
    }
    .tabsSlider .swiper-button-prev {
        right: -7px;
    }
    .tabsSlider .swiper-button-next {
        left: -7px;
    }

    .tabsSlider .swiper-slide .item a.nav-link{
        height: 165px;
    }
    .tabsSlider .swiper-slide .item a.nav-link.active {
        padding-bottom: 15px;
        height: 180px;
    }
    .tabsSlider .swiper-slide .item a.nav-link h4 {
        font-size: 14px;
    }

    .gawdaSlider .swiper-button-next, .gawdaSlider .swiper-button-prev{
        width: 30px;
        height: 30px;
        background-size: 7px;
    }
    .gawdaSlider .swiper-button-next{
        left: -7px;
    }
    .gawdaSlider .swiper-button-prev{
        right: -7px;
    }
    .gawda-tab-content {
        margin-top: 30px;
    }
    .gawda-tab-content .gawda-item {
        height: 125px;
        padding: 12px 18px;
    }
    
    /* .scroller {
        right: calc(50% - 25px);
    }
    .scroller .scroll-me{
        width: 50px;
    }
    .scroller .scroll-me img{
        max-width: 100%;
    }
    .scroller .scroll-me .scrolldown .icon-scroll-down::after{
        width: 11px;
        height: 14px;
        top: 36px;
        left: -6px;
        background-size: 10px;
    } */
}


  .onload-image .content .content-box{
    width: 760px;
    height: 500px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 25px 35px;
    border-radius: 12px;
    filter: drop-shadow(0px 15px 45px #00000096);
    overflow-y: auto;
  }
  .onload-image .content .content-box .inner-img-box{
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
  }
  .onload-image .content .content-box .inner-img-box img{
    width: 100%;
    height: 100%;
    filter: drop-shadow(0px 5px 15px #00000096);
}
  .onload-image .content .content-box h4{
    margin-bottom: 15px;
    color: #0096B6;
  }
  .onload-image .content .content-box p{
    margin-bottom: 15px;
  }

  .onload-image .content .close-load{
    left: 67%;
  }
.QueryStringPopup.modal-large .modal-body{
	padding:0
}
.QueryStringPopup::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: -50%;
    background-color: #00000070;
    z-index: 0;
}

.QueryStringPopup{
	position:relative
}

.popup-details h4 label {
    margin-bottom: 0;
    font-size: 16px;
}