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

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

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

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

input, textarea {
  outline: none !important; }

* {
  outline: none !important; }

html {
  height: 100%; }

body {
  font-family: "BahijTheSansArabic","SFCompactDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1; }

a {
  color: inherit;
  text-decoration: none !important;
  cursor: pointer; }

a:hover, a:focus {
  color: inherit; }

textarea {
  resize: none; }

.w-100 {
  width: 100%; }

@media (min-width: 992px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    justify-content: space-between;
    text-align: right;
  } }

.col-centered {
  float: none;
  margin: 0 auto; }

_::-webkit-full-page-media, _:future, :root .page .section-header .slider-header .slick-dots li button::before {
  font-size: 20px; }

@media (max-width: 991px) {
  .mb-30-991 {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .mb-30-767 {
    margin-bottom: 30px; } }

.mb-0 {
  margin-bottom: 0px; }

.pb-0 {
  padding-bottom: 0px; }

.mt-0 {
  margin-top: 0px; }

.pt-0 {
  padding-top: 0px; }

.mr-0 {
  margin-left: 0px; }

.pr-0 {
  padding-left: 0px; }

.ml-0 {
  margin-right: 0px; }

.pl-0 {
  padding-right: 0px; }

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.mx-0 {
  margin-right: 0px;
  margin-left: 0px; }

.px-0 {
  padding-right: 0px;
  padding-left: 0px; }

.mb-5 {
  margin-bottom: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.mt-5 {
  margin-top: 5px; }

.pt-5 {
  padding-top: 5px; }

.mr-5 {
  margin-left: 5px; }

.pr-5 {
  padding-left: 5px; }

.ml-5 {
  margin-right: 5px; }

.pl-5 {
  padding-right: 5px; }

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.mx-5 {
  margin-right: 5px;
  margin-left: 5px; }

.px-5 {
  padding-right: 5px;
  padding-left: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.mt-10 {
  margin-top: 10px; }

.pt-10 {
  padding-top: 10px; }

.mr-10 {
  margin-left: 10px; }

.pr-10 {
  padding-left: 10px; }

.ml-10 {
  margin-right: 10px; }

.pl-10 {
  padding-right: 10px; }

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.mx-10 {
  margin-right: 10px;
  margin-left: 10px; }

.px-10 {
  padding-right: 10px;
  padding-left: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.mt-15 {
  margin-top: 15px; }

.pt-15 {
  padding-top: 15px; }

.mr-15 {
  margin-left: 15px; }

.pr-15 {
  padding-left: 15px; }

.ml-15 {
  margin-right: 15px; }

.pl-15 {
  padding-right: 15px; }

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.mx-15 {
  margin-right: 15px;
  margin-left: 15px; }

.px-15 {
  padding-right: 15px;
  padding-left: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.mt-20 {
  margin-top: 20px; }

.pt-20 {
  padding-top: 20px; }

.mr-20 {
  margin-left: 20px; }

.pr-20 {
  padding-left: 20px; }

.ml-20 {
  margin-right: 20px; }

.pl-20 {
  padding-right: 20px; }

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.mx-20 {
  margin-right: 20px;
  margin-left: 20px; }

.px-20 {
  padding-right: 20px;
  padding-left: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.mt-25 {
  margin-top: 25px; }

.pt-25 {
  padding-top: 25px; }

.mr-25 {
  margin-left: 25px; }

.pr-25 {
  padding-left: 25px; }

.ml-25 {
  margin-right: 25px; }

.pl-25 {
  padding-right: 25px; }

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.mx-25 {
  margin-right: 25px;
  margin-left: 25px; }

.px-25 {
  padding-right: 25px;
  padding-left: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.mt-30 {
  margin-top: 30px; }

.pt-30 {
  padding-top: 30px; }

.mr-30 {
  margin-left: 30px; }

.pr-30 {
  padding-left: 30px; }

.ml-30 {
  margin-right: 30px; }

.pl-30 {
  padding-right: 30px; }

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.mx-30 {
  margin-right: 30px;
  margin-left: 30px; }

.px-30 {
  padding-right: 30px;
  padding-left: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.mt-35 {
  margin-top: 35px; }

.pt-35 {
  padding-top: 35px; }

.mr-35 {
  margin-left: 35px; }

.pr-35 {
  padding-left: 35px; }

.ml-35 {
  margin-right: 35px; }

.pl-35 {
  padding-right: 35px; }

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.mx-35 {
  margin-right: 35px;
  margin-left: 35px; }

.px-35 {
  padding-right: 35px;
  padding-left: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.mt-40 {
  margin-top: 40px; }

.pt-40 {
  padding-top: 40px; }

.mr-40 {
  margin-left: 40px; }

.pr-40 {
  padding-left: 40px; }

.ml-40 {
  margin-right: 40px; }

.pl-40 {
  padding-right: 40px; }

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.mx-40 {
  margin-right: 40px;
  margin-left: 40px; }

.px-40 {
  padding-right: 40px;
  padding-left: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.mt-45 {
  margin-top: 45px; }

.pt-45 {
  padding-top: 45px; }

.mr-45 {
  margin-left: 45px; }

.pr-45 {
  padding-left: 45px; }

.ml-45 {
  margin-right: 45px; }

.pl-45 {
  padding-right: 45px; }

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.mx-45 {
  margin-right: 45px;
  margin-left: 45px; }

.px-45 {
  padding-right: 45px;
  padding-left: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.mt-50 {
  margin-top: 50px; }

.pt-50 {
  padding-top: 50px; }

.mr-50 {
  margin-left: 50px; }

.pr-50 {
  padding-left: 50px; }

.ml-50 {
  margin-right: 50px; }

.pl-50 {
  padding-right: 50px; }

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.mx-50 {
  margin-right: 50px;
  margin-left: 50px; }

.px-50 {
  padding-right: 50px;
  padding-left: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.mt-55 {
  margin-top: 55px; }

.pt-55 {
  padding-top: 55px; }

.mr-55 {
  margin-left: 55px; }

.pr-55 {
  padding-left: 55px; }

.ml-55 {
  margin-right: 55px; }

.pl-55 {
  padding-right: 55px; }

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px; }

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px; }

.mx-55 {
  margin-right: 55px;
  margin-left: 55px; }

.px-55 {
  padding-right: 55px;
  padding-left: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.mt-60 {
  margin-top: 60px; }

.pt-60 {
  padding-top: 60px; }

.mr-60 {
  margin-left: 60px; }

.pr-60 {
  padding-left: 60px; }

.ml-60 {
  margin-right: 60px; }

.pl-60 {
  padding-right: 60px; }

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.mx-60 {
  margin-right: 60px;
  margin-left: 60px; }

.px-60 {
  padding-right: 60px;
  padding-left: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.pb-65 {
  padding-bottom: 65px; }

.mt-65 {
  margin-top: 65px; }

.pt-65 {
  padding-top: 65px; }

.mr-65 {
  margin-left: 65px; }

.pr-65 {
  padding-left: 65px; }

.ml-65 {
  margin-right: 65px; }

.pl-65 {
  padding-right: 65px; }

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px; }

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px; }

.mx-65 {
  margin-right: 65px;
  margin-left: 65px; }

.px-65 {
  padding-right: 65px;
  padding-left: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.mt-70 {
  margin-top: 70px; }

.pt-70 {
  padding-top: 70px; }

.mr-70 {
  margin-left: 70px; }

.pr-70 {
  padding-left: 70px; }

.ml-70 {
  margin-right: 70px; }

.pl-70 {
  padding-right: 70px; }

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.mx-70 {
  margin-right: 70px;
  margin-left: 70px; }

.px-70 {
  padding-right: 70px;
  padding-left: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.pb-75 {
  padding-bottom: 75px; }

.mt-75 {
  margin-top: 75px; }

.pt-75 {
  padding-top: 75px; }

.mr-75 {
  margin-left: 75px; }

.pr-75 {
  padding-left: 75px; }

.ml-75 {
  margin-right: 75px; }

.pl-75 {
  padding-right: 75px; }

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px; }

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px; }

.mx-75 {
  margin-right: 75px;
  margin-left: 75px; }

.px-75 {
  padding-right: 75px;
  padding-left: 75px; }

.mb-80 {
  margin-bottom: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.mt-80 {
  margin-top: 80px; }

.pt-80 {
  padding-top: 80px; }

.mr-80 {
  margin-left: 80px; }

.pr-80 {
  padding-left: 80px; }

.ml-80 {
  margin-right: 80px; }

.pl-80 {
  padding-right: 80px; }

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.mx-80 {
  margin-right: 80px;
  margin-left: 80px; }

.px-80 {
  padding-right: 80px;
  padding-left: 80px; }

.mb-85 {
  margin-bottom: 85px; }

.pb-85 {
  padding-bottom: 85px; }

.mt-85 {
  margin-top: 85px; }

.pt-85 {
  padding-top: 85px; }

.mr-85 {
  margin-left: 85px; }

.pr-85 {
  padding-left: 85px; }

.ml-85 {
  margin-right: 85px; }

.pl-85 {
  padding-right: 85px; }

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px; }

.mx-85 {
  margin-right: 85px;
  margin-left: 85px; }

.px-85 {
  padding-right: 85px;
  padding-left: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.mt-90 {
  margin-top: 90px; }

.pt-90 {
  padding-top: 90px; }

.mr-90 {
  margin-left: 90px; }

.pr-90 {
  padding-left: 90px; }

.ml-90 {
  margin-right: 90px; }

.pl-90 {
  padding-right: 90px; }

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.mx-90 {
  margin-right: 90px;
  margin-left: 90px; }

.px-90 {
  padding-right: 90px;
  padding-left: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.pb-95 {
  padding-bottom: 95px; }

.mt-95 {
  margin-top: 95px; }

.pt-95 {
  padding-top: 95px; }

.mr-95 {
  margin-left: 95px; }

.pr-95 {
  padding-left: 95px; }

.ml-95 {
  margin-right: 95px; }

.pl-95 {
  padding-right: 95px; }

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px; }

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px; }

.mx-95 {
  margin-right: 95px;
  margin-left: 95px; }

.px-95 {
  padding-right: 95px;
  padding-left: 95px; }

.mb-100 {
  margin-bottom: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.mt-100 {
  margin-top: 100px; }

.pt-100 {
  padding-top: 100px; }

.mr-100 {
  margin-left: 100px; }

.pr-100 {
  padding-left: 100px; }

.ml-100 {
  margin-right: 100px; }

.pl-100 {
  padding-right: 100px; }

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.mx-100 {
  margin-right: 100px;
  margin-left: 100px; }

.px-100 {
  padding-right: 100px;
  padding-left: 100px; }

form input {
  width: 100%;
  font-size: 14px;
  color: #092f57;
  padding: 10px 10px;
  border: solid #dbdbdb 1px;
  margin-bottom: 35px;
  direction: rtl;
  text-align: right;
  }
  form input:-moz-placeholder {
    color: #092f57; }
  form input::-moz-placeholder {
    color: #092f57; }
  form input:-ms-input-placeholder {
    color: #092f57; }
  form input::-webkit-input-placeholder {
    color: #092f57; }
  @media (max-width: 991px) {
    form input {
      font-size: 17px;
      padding: 10px;
      margin-bottom: 15px; } }

form textarea {
  width: 100%;
  font-size: 14px;
  color: #092f57;
  padding: 15px 10px;
  border: solid #dbdbdb 1px;
  height: 160px;
  margin-bottom: 4px;
  direction: rtl;
  text-align: right;
}
  form textarea:-moz-placeholder {
    color: #092f57; }
  form textarea::-moz-placeholder {
    color: #092f57; }
  form textarea:-ms-input-placeholder {
    color: #092f57; }
  form textarea::-webkit-input-placeholder {
    color: #092f57; }
  @media (max-width: 991px) {
    form textarea {
      padding: 10px;
      margin-bottom: 15px; } }

form .g-recaptcha {
  margin-bottom: 35px; }
  @media (max-width: 991px) {
    form .g-recaptcha {
      margin-bottom: 15px; } }
  @media (max-width: 500px) {
    form .g-recaptcha {
      -webkit-transform: scale(0.77);
      -moz-transform: scale(0.77);
      -ms-transform: scale(0.77);
      -o-transform: scale(0.77);
      transform: scale(0.77); } }
  @media (max-width: 425px) {
    form .g-recaptcha {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7); } }
  @media (max-width: 991px) {
    form .g-recaptcha > div {
      margin: 0 auto; } }

form input[type=submit] {
  background-color: #ad976e;
  color: #fff;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  text-transform: uppercase;
  text-align: center; }
  form input[type=submit]:hover {
    opacity: .5;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center; }

.button button {
  background-color: #ad976e;
  color: #fff;
  border: none;
  font-size: 12.5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  .button button:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    opacity: .6; }

header {
  background-color: #fff;
  width: 100%;}
  @media (max-width: 1360px) {
    header {
      min-width: initial; } }
  @media (max-width: 991px) {
    header {
      width: 100%; } }
  header .navbar {
    padding: 0 30px;
    border-bottom: solid #ad976e 1px;
    border-left: solid #ad976e 1px; }
    @media (max-width: 991px) {
      header .navbar {
        border-left: none; } }
    header .navbar .navbar-brand {
      margin-left: 135px; }
      @media (max-width: 1245px) {
        header .navbar .navbar-brand {
          margin-left: 65px; } }
      @media (max-width: 991px) {
        header .navbar .navbar-brand {
          padding: 0;
          margin: 0 0 10px 0; } }
    header .navbar #navbarSupportedContent20 ul li {
      margin-left: 30px;
      max-height: 17px; }
      @media (max-width: 1245px) {
        header .navbar #navbarSupportedContent20 ul li {
          margin-left: 20px;
          max-height: 15px; } }
      @media (max-width: 991px) {
        header .navbar #navbarSupportedContent20 ul li {
          max-height: initial;
          margin: 0 0 10px 0; } }
      header .navbar #navbarSupportedContent20 ul li.active a {
        background-color: #0d3b70;
        color: #fff;
        font-size: 16.5px;
        padding: 18px;
        position: relative;
        top: -17px; }
        @media (max-width: 1245px) {
          header .navbar #navbarSupportedContent20 ul li.active a {
            font-size: 13px;
            padding: 12px;
            top: -11px; } }
        @media (max-width: 991px) {
          header .navbar #navbarSupportedContent20 ul li.active a {
            background-color: initial;
            font-size: 16px;
            top: initial;
            color: #000;
            padding: 0; } }
      header .navbar #navbarSupportedContent20 ul li a {
        text-transform: uppercase;
        font-size: 14.5px;
        color: #000;
        padding: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        @media (max-width: 1245px) {
          header .navbar #navbarSupportedContent20 ul li a {
            font-size: 13px; } }
        @media (max-width: 991px) {
          header .navbar #navbarSupportedContent20 ul li a {
            font-size: 16px; } }
        header .navbar #navbarSupportedContent20 ul li a:hover {
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s;
          opacity: .6; }
    header .navbar #navbarSupportedContent20 .lang ul li {
      margin-left: 0; }
      @media (max-height: 1245px) {
        header .navbar #navbarSupportedContent20 .lang ul li {
          max-height: initial; } }
      header .navbar #navbarSupportedContent20 .lang ul li a {
        font-family: 'SFCompactDisplay';
        font-weight: 800;
        
        color: #ad976e;
        padding: 6px 32px;
        font-size: 15px; }
        @media (max-width: 1245px) {
          header .navbar #navbarSupportedContent20 .lang ul li a {
            font-size: 13px;
            padding: 10px 15px; } }
        @media (max-width: 991px) {
          header .navbar #navbarSupportedContent20 .lang ul li a {
            background-color: initial;
            color: #ad976e;
            font-size: 16px;
            padding: 0; } }

footer {
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 0; }
  @media (max-width: 991px) {
    footer {
      height: auto;
      padding: 30px 0; } }
  footer .section-left {
	  
	  
    position: relative;
    right: 112px;
    max-width: 1088px;
    float: right;
    width: 100%;

}
    @media (max-width: 1199px) {
      footer .section-left {
        width: 880px; } }
    @media (max-width: 991px) {
      footer .section-left {
        position: initial;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 15px;
        width: 100%; } }
    footer .section-left .block {
      width: 33.1%;
      display: inline-block; }
      @media (max-width: 991px) {
        footer .section-left .block {
          width: 100%;
          display: block; } }
  footer .menu {
    display: inline-block; }
    footer .menu ul {
      padding: 0;
      list-style: none;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        footer .menu ul {
          font-size: 15px; } }
      footer .menu ul li {
        margin-bottom: 20px; }
        @media (max-width: 991px) {
          footer .menu ul li {
            margin-bottom: 15px; } }
        footer .menu ul li a {
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }
          footer .menu ul li a:hover {
            opacity: .5;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s; }
  footer .title {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      footer .title {
        margin-top: 15px;
        font-size: 15px;
        margin-bottom: 15px; } }
  footer .social .title {
    display: inline-block;
    margin-left: 20px; }
  footer .social ul {
    display: inline-block;
    padding: 0;
    list-style: none;
    position: relative;
    top: 10px; }
    footer .social ul li {
      margin-left: 10px; }
      footer .social ul li a {
        height: 30px;
        width: 30px;
        color: #0e3e68;
        background-color: #fff;
        text-align: center;
        display: inline-block;
        position: relative;
        border-radius: 50%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        footer .social ul li a:hover {
          opacity: .5;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }
        footer .social ul li a i {
          position: absolute;
          top: 50%;
          -webkit-transform: translatey(-50%);
          -moz-transform: translatey(-50%);
          -ms-transform: translatey(-50%);
          -o-transform: translatey(-50%);
          transform: translatey(-50%);
          right: 0;
          left: 0; }
  footer form input {
    font-size: 17px;
    color: #042f58;
    padding: 7px 22px;
    border: none; }
    footer form input:-moz-placeholder {
      color: #042f58; }
    footer form input::-moz-placeholder {
      color: #042f58; }
    footer form input:-ms-input-placeholder {
      color: #042f58; }
    footer form input::-webkit-input-placeholder {
      color: #042f58; }
    @media (max-width: 991px) {
      footer form input {
        font-size: 15px;
        max-width: 300px; } }
  footer form input[title=email] {
    width: 100%;
    height: 40px;
    margin-bottom: 11px; }
    @media (max-width: 991px) {
      footer form input[title=email] {
        height: 30px; } }
  footer form img {
    display: inline-block;
    width: 49%;
    margin-left: 6px;
    float: right;
    min-height: 37px;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      footer form img {
        float: none;
        width: auto;
        display: block; } }
  footer form input[title=code] {
    display: inline-block;
    width: 49%;
    height: 37px;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      footer form input[title=code] {
        width: 100%;
        display: block;
        height: 30px;
        margin-top: 10px; } }
  footer form button {
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background-color: transparent;
    color: #fff;
    font-size: 14.5px;
    text-transform: uppercase;
    margin-top: 10px;
    float: left; }
    @media (max-width: 991px) {
      footer form button {
        float: none; } }
    footer form button:hover {
      opacity: .8;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
  footer form button[type=submit] {
    background-color: #ad976e;
    width: 100%;
    font-size: 17px;
    padding: 12px 0;
    text-transform: lowercase;
    float: none; }
    @media (max-width: 991px) {
      footer form button[type=submit] {
        font-size: 15px;
        max-width: 300px;
        display: block; } }
  footer .bottom {
    margin-top: 22px;
    border-top: solid #ad976e 2px;
    padding-top: 8px;
    font-size: 12.5px;
    color: #fff; }
    footer .bottom .left {
      display: inline-block; }
      @media (max-width: 500px) {
        footer .bottom .left {
          display: block;
          margin-bottom: 10px; } }
    footer .bottom .right {
      float: left; }
      footer .bottom .right a {
        font-weight: 800; }
      @media (max-width: 500px) {
        footer .bottom .right {
          float: none; } }

.animated-icon1, .animated-icon3, .animated-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer; }

.animated-icon1 span, .animated-icon3 span, .animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }

.animated-icon1 span {
  background: #ad976e; }

.animated-icon3 span {
  background: #e3f2fd; }

.animated-icon4 span {
  background: #f3e5f5; }

.animated-icon1 span:nth-child(1) {
  top: 0; }

.animated-icon1 span:nth-child(2) {
  top: 10px; }

.animated-icon1 span:nth-child(3) {
  top: 20px; }

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  right: -60px; }

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.page {
  margin-bottom: 75px; }
  .page .section-header .slider-header {
    position: relative;
    overflow: hidden; }
    .page .section-header .slider-header .background {
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      background-repeat: no-repeat;
      height: 885px; }
      @media (max-width: 767px) {
        .page .section-header .slider-header .background {
          height: 600px; } }
    .page .section-header .slider-header .title {
      font-size: 68px;
      line-height: 1.4;
      color: #fff;
      font-weight: 800;
      /*text-transform: uppercase;*/
      text-align: right; }
      @media (max-width: 1199px) {
        .page .section-header .slider-header .title {
          font-size: 48px; } }
      @media (max-width: 767px) {
        .page .section-header .slider-header .title {
          font-size: 29px;
          line-height: 35px;
          padding: 0 15px;
          text-align: right;
		  direction: rtl;} }
    .page .section-header .slider-header .subtitle {
      font-size: 23px;
      color: #042f58;
      font-weight: 800;
     line-height: 27px; }
      @media (max-width: 1199px) {
        .page .section-header .slider-header .subtitle {
          font-size: 18px; } }
    .page .section-header .slider-header .content {
      max-width: 640px;
      position: absolute;
      bottom: 190px;
      right: 290px; }
      @media (max-width: 1199px) {
        .page .section-header .slider-header .content {
          max-width: 370px; } }
      @media (max-width: 767px) {
        .page .section-header .slider-header .content {
          margin: 0 auto;
          right: 0;
          left: 0; } }
      .page .section-header .slider-header .content .box {
        background: #fff;
        position: relative;
        padding: 25px 50px; direction: rtl;text-align: right;}
        @media (max-width: 500px) {
          .page .section-header .slider-header .content .box {
            padding: 15px; } }
        .page .section-header .slider-header .content .box .shadow {
          width: 290px;
          height: 195px;
          background-color: rgba(250, 250, 250, 0.8);
          position: absolute;
          bottom: -195px;
          right: -290px; }
          @media (max-width: 767px) {
            .page .section-header .slider-header .content .box .shadow {
              display: none; } }
    .page .section-header .slider-header .slick-dots {
      bottom: 0;
      margin-bottom: 40px; }
      .page .section-header .slider-header .slick-dots li.slick-active button:before {
        color: #ad976e; }
      .page .section-header .slider-header .slick-dots li button:before {
        font-size: 50px;
        color: #fff;
        opacity: 1; }
  .page .section-header .header-background {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    position: relative; }
    .page .section-header .header-background .content {
      width: 100%; direction: rtl;text-align: right; padding: 70px 30px;}
      @media (max-width: 991px) {
        .page .section-header .header-background .content {
          padding: 70px 30px;
          max-width: initial;
          width: 100%;
          margin: 0; } }
      .page .section-header .header-background .content .title {
        margin-right: 112px;
        font-size: 55px;
        color: #fff;
        font-weight: 800;
		line-height: 72px;
        text-align: right; }
        .page .section-header .header-background .content .title.blue-color {
          color: #0d3b70; }
        @media (max-width: 1199px) {
          .page .section-header .header-background .content .title {
            font-size: 50px; } }
        @media (max-width: 991px) {
          .page .section-header .header-background .content .title {
            margin-right: 0; } }
        @media (max-width: 767px) {
          .page .section-header .header-background .content .title {
            font-size: 25px; } }
      .page .section-header .header-background .content .description {
        background-color: #fff;
        height: 285px;
        position: relative; }
        @media (max-width: 991px) {
          .page .section-header .header-background .content .description {
            height: initial;
            padding: 20px 0;
            overflow: initial; } }
        .page .section-header .header-background .content .description .subtitle {
          font-size: 13px;
		 line-height: 24px;	
          color: #0d3b70;
          position: absolute;
          top: 50%;
          -webkit-transform: translatey(-50%);
          -moz-transform: translatey(-50%);
          -ms-transform: translatey(-50%);
          -o-transform: translatey(-50%);
          transform: translatey(-50%);
          padding: 0 50px;
          left: 0;
          width: 1089px;
          height: 65px;
          overflow: auto; }
          @media (max-width: 1199px) {
            .page .section-header .header-background .content .description .subtitle {
              width: 100%; } }
          @media (max-width: 991px) {
            .page .section-header .header-background .content .description .subtitle {
              left: initial;
              position: initial;
              -webkit-transform: initial;
              -moz-transform: initial;
              -ms-transform: initial;
              -o-transform: initial;
              transform: initial;
              width: 100%;
              overflow: initial;
              padding: 0 15px;
              height: initial; } }
        .page .section-header .header-background .content .description .overlay {
          background-color: #e7ecf1;
          width: 112px;
          height: 100%; }
          @media (max-width: 1199px) {
            .page .section-header .header-background .content .description .overlay {
              display: none; } }
  .page .description {
    font-size: 13px;
    color: #042f58;
    line-height: 24px; }
    @media (max-width: 1199px) {
      .page .description {
        font-size: 13px; } }
  .page .popup-content {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 11; overflow:scroll;}
    .page .popup-content .counter {
      display: none; }
    .page .popup-content.video iframe {
      width: 100%;
      height: 400px; }
    .page .popup-content .background {
      background-color: rgba(173, 151, 110, 0.6);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      cursor: pointer; }
    .page .popup-content .close {
      position: absolute;
      left: 15px;
      top: 15px;
      font-size: 20px;
      z-index: 13; }
      .page .popup-content .close button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        .page .popup-content .close button:hover {
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }
    .page .popup-content .content {
      position: absolute;
      top: 50%;
      -webkit-transform: translatey(-50%);
      -moz-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
      -o-transform: translatey(-50%);
      transform: translatey(-50%);
      right: 0;
      left: 0;
      color: #042f58;
      z-index: 12;
      max-width: 1140px;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .page .popup-content .content {
          padding: 40px 0; } }
      .page .popup-content .content .inner-content {
        padding: 30px;
        background-color: #fff; }
        .page .popup-content .content .inner-content .title {
          font-size: 25px;
          font-weight: 800;
          margin-bottom: 28px; }
          @media (max-width: 991px) {
            .page .popup-content .content .inner-content .title {
              font-size: 20px; } }
        .page .popup-content .content .inner-content .image {
          float: left;
          width: 30%; }
          .page .popup-content .content .inner-content .image img {
            width: 100%; }
        .page .popup-content .content .inner-content .description {
          height: auto; padding: 30px; }
          @media (max-width: 991px) {
            .page .popup-content .content .inner-content .description {
              height: 120px; } }
  .page .section-left {
	  
    position: relative;
    right: 112px;
    max-width: 1088px;
    float: right;
    width: 100%;
}
    @media (max-width: 1199px) {
      .page .section-left {
        width: 880px; } }
    @media (max-width: 991px) {
      .page .section-left {
        position: initial;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 7px;
        width: 100%; } }
  .page .section-title {
    background-color: #ad976e;
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    font-weight: 800;
    padding: 15px 112px 15px 0;
    max-width: 1200px;
    width: 100%;
    margin-top: 70px; }
    @media (max-width: 991px) {
      .page .section-title {
        font-size: 30px;
        line-height: 30px;
        padding: 15px; } }
    @media (max-width: 991px) {
      .page .section-title {
        font-size: 25px;
        line-height: 25px; } }
  .page .part-title {
    font-size: 41px;
    line-height: 41px;
    font-weight: 800;
    color: #042f58; }
    @media (max-width: 991px) {
      .page .part-title {
        font-size: 30px;
        line-height: 30px;
        text-align: center; } }
  .page .center-y {
    position: absolute;
    top: 38%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    right: 0;
    left: 0; }
    @media (max-width: 991px) {
      .page .center-y {
        position: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial; } }
  .page .background-attachment {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat; }

.page-home {
  margin-bottom: 0; }
  .page-home .slider-header {
    margin-bottom: 0; }
    .page-home .slider-header .slide {
      position: relative; }
      .page-home .slider-header .slide .counter {
        display: none; }
      .page-home .slider-header .slide .title {
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          .page-home .slider-header .slide .title {
            margin-bottom: 15px; } }
      .page-home .slider-header .slide .subtitle {
        margin-bottom: 25px; }
      .page-home .slider-header .slide .description {
        margin-bottom: 5px; }
      .page-home .slider-header .slide .button {
        text-align: left; }
        .page-home .slider-header .slide .button button {
          padding: 16px 22px; }
  .page-home .facts .part-title {
    margin: 85px 0 30px 0; }
    @media (max-width: 991px) {
      .page-home .facts .part-title {
        margin: 30px 0; } }
  .page-home .portfolio .port-slider {
    height: 780px;
    position: relative;
    box-shadow: inset 0 0 80px 0 #0d3b70;
    overflow: hidden;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .page-home .portfolio .port-slider {
        height: initial; } }
    .page-home .portfolio .port-slider .counter {
      display: none; }
    .page-home .portfolio .port-slider .arrow-side {
      position: absolute;
      z-index: 1;
      cursor: pointer;
      width: 98px;
      height: 100%;
      background-color: rgba(13, 59, 112, 0.3);
      top: 0;
      padding: 0 30px;
      box-shadow: 0 0 60px 22px rgba(13, 59, 112, 0.4); }
      @media (max-width: 991px) {
        .page-home .portfolio .port-slider .arrow-side {
          width: 37px;
          padding: 0 10px; } }
      .page-home .portfolio .port-slider .arrow-side img {
        position: absolute;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%); }
        @media (max-width: 991px) {
          .page-home .portfolio .port-slider .arrow-side img {
            width: 15px; } }
      .page-home .portfolio .port-slider .arrow-side.prev {
        right: 0; }
      .page-home .portfolio .port-slider .arrow-side.next {
        left: 0; }
    .page-home .portfolio .port-slider .slick-list {
      height: 100%; }
      .page-home .portfolio .port-slider .slick-list .slick-track {
        height: 100%; }
        .page-home .portfolio .port-slider .slick-list .slick-track .background {
          position: absolute;
          height: 100%;
          width: 100%; }
        .page-home .portfolio .port-slider .slick-list .slick-track .port-content {
          position: relative;
          padding: 85px 112px;
          max-width: 680px;
          background-color: rgba(13, 59, 112, 0.8);
          color: #fff;
          margin-right: 112px; }
          @media (max-width: 991px) {
            .page-home .portfolio .port-slider .slick-list .slick-track .port-content {
              padding: 30px 40px;
              margin: 0 auto; } }
          .page-home .portfolio .port-slider .slick-list .slick-track .port-content .title {
            font-size: 51px;
            line-height: 51px;
            font-weight: 800;
            margin-bottom: 28px; }
            @media (max-width: 991px) {
              .page-home .portfolio .port-slider .slick-list .slick-track .port-content .title {
                font-size: 30px;
                line-height: 30px; } }
          .page-home .portfolio .port-slider .slick-list .slick-track .port-content .text {
            font-size: 20px;
            line-height: 20px;
            margin-bottom: 70px; }
            @media (max-width: 991px) {
              .page-home .portfolio .port-slider .slick-list .slick-track .port-content .text {
                margin-bottom: 30px; } }
          @media (max-width: 991px) {
            .page-home .portfolio .port-slider .slick-list .slick-track .port-content .more {
              text-align: center; } }
          .page-home .portfolio .port-slider .slick-list .slick-track .port-content .more button {
            font-size: 22px;
            line-height: 22px;
            border: none;
            color: #0d3b70;
            cursor: pointer;
            background-color: #fff;
            display: inline-block;
            padding: 15px 25px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s; }
            @media (max-width: 991px) {
              .page-home .portfolio .port-slider .slick-list .slick-track .port-content .more button {
                font-size: 15px;
                line-height: 15px;
                padding: 10px 20px; } }
            .page-home .portfolio .port-slider .slick-list .slick-track .port-content .more button:hover {
              opacity: .5;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              transition: all 0.2s; }
  .page-home .press-releases {
    padding: 110px 0 68px 0; }
    .page-home .press-releases .section-title {
      margin-bottom: 16px; }
    .page-home .press-releases .read-more {
      text-align: left;
      margin-top: 50px; }
      @media (max-width: 991px) {
        .page-home .press-releases .read-more {
          text-align: center; } }
      .page-home .press-releases .read-more a {
        background-color: #0d3b70;
        color: #fff;
        font-size: 25px;
        line-height: 25px;
        padding: 14px 45px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        margin-left: 18px; }
        @media (max-width: 991px) {
          .page-home .press-releases .read-more a {
            font-size: 15px;
            line-height: 20px;
            padding: 10px 20px; } }
        .page-home .press-releases .read-more a:hover {
          opacity: .8;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }

.page-portfolio .section-header .header-background {
  height: 930px; }
  @media (max-width: 991px) {
    .page-portfolio .section-header .header-background {
      height: 500px; } }
  .page-portfolio .section-header .header-background .content {
    bottom: initial;
    top: 300px; }
    @media (max-width: 991px) {
      .page-portfolio .section-header .header-background .content {
        position: initial;
        padding-top: 200px; } }
    .page-portfolio .section-header .header-background .content .title {
      margin-bottom: 200px; }
      @media (max-width: 991px) {
        .page-portfolio .section-header .header-background .content .title {
          margin-bottom: 30px; } }
    @media (max-width: 991px) {
      .page-portfolio .section-header .header-background .content .description .subtitle {
        height: 105px;
        overflow: auto; } }

.page-portfolio .projects {
  top: -65px;
  margin-bottom: -65px; }
  @media (max-width: 991px) {
    .page-portfolio .projects {
      margin-bottom: 0;
      position: initial; } }

.page-portfolio .project-details .content-box {
  color: #06386a;
  margin-bottom: 35px; }
  .page-portfolio .project-details .content-box .content {
    width: 40%; }
    @media (max-width: 991px) {
      .page-portfolio .project-details .content-box .content {
        width: 100%; } }
    .page-portfolio .project-details .content-box .content .title {
      font-size: 41px;
      line-height: 41px;
      margin-bottom: 15px;
      font-weight: 800;
      padding: 0 30px;
      margin-top: 30px; }
      @media (max-width: 991px) {
        .page-portfolio .project-details .content-box .content .title {
          font-size: 30px;
          line-height: 30px;
          padding: 0 15px; } }
    .page-portfolio .project-details .content-box .content .text {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 75px;
      padding: 0 30px; }
      @media (max-width: 991px) {
        .page-portfolio .project-details .content-box .content .text {
          font-size: 16px;
          line-height: 18px;
          padding: 0 15px;
          margin-bottom: 30px; } }
    .project-details .content-box .content .table {
      background-color: rgba(6, 56, 106, 0.05);
      font-size: 15px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .project-details .content-box .content .table .table-row .col-50 {
            width: 100% !important;
        }
        .project-details .content-box .content .table {
          font-size: 13px;
          line-height: 13px; } }
    .project-details .content-box .content .table .table-row {
        border-bottom: solid #0d3b70 2px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .project-details .content-box .content .table .table-row:last-child {
          border: none; }

        .project-details .content-box .content .table .table-row .col-25 {
          width: 33%;
          padding: 20px 15px 20px 8px;
          border-left: solid #0d3b70 2px; }

 .project-details .content-box .content .table .table-row .col-50 {
          width: 48%;
          padding: 10px 10px 10px 8px;
           }
.project-details .content-box .content .table .table-row .col-50 .story-asset-title {font-size: 14px;
    font-weight: 600;
    color: #042f58;
    line-height: 19px;
    padding-bottom: 5px;
	text-align: right;
	direction: rtl;
}

.project-details .content-box .content .table .table-row .col-50 .story-asset-details {
	font-size: 13px;color: #666; line-height: 18px; direction: rtl;text-align: right;}
          @media (max-width: 1199px) {
            .project-details .content-box .content .table .table-row .col-25 {
              padding: 15px; } }
          @media (max-width: 500px) {
         .project-details .content-box .content .table .table-row .col-25 {
              padding: 5px; } }
        .project-details .content-box .content .table .table-row .col-25:last-child {
            border: none; }
         .project-details .content-box .content .table .table-row .col-25 .strong {
            font-size: 33px;
            line-height: 33px;
            font-weight: 800; }
            @media (max-width: 767px) {
           .project-details .content-box .content .table .table-row .col-25 .strong {
                font-size: 13px;
                line-height: 13px; } }
    .page-portfolio .project-details .content-box .content .map {
      position: relative;
      overflow: hidden; }
      .page-portfolio .project-details .content-box .content .map iframe {
        height: 330px;
        width: 100%; }
        @media (max-width: 991px) {
          .page-portfolio .project-details .content-box .content .map iframe {
            height: 200px; } }
  .page-portfolio .project-details .content-box .content-slider {
    width: 60%;
    overflow: hidden;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .page-portfolio .project-details .content-box .content-slider {
        width: 100%;
        height: 300px; } }
    .page-portfolio .project-details .content-box .content-slider .arrow-side {
      position: absolute;
      z-index: 1;
      cursor: pointer;
      width: 98px;
      height: 100%;
      background-color: rgba(13, 59, 112, 0.3);
      top: 0;
      padding: 0 30px;
      box-shadow: 0 0 60px 22px rgba(13, 59, 112, 0.4); }
      @media (max-width: 991px) {
        .page-portfolio .project-details .content-box .content-slider .arrow-side {
          width: 80px; } }
      .page-portfolio .project-details .content-box .content-slider .arrow-side img {
        position: absolute;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%);
        width: 30px; }
        @media (max-width: 991px) {
          .page-portfolio .project-details .content-box .content-slider .arrow-side img {
            width: 20px; } }
      .page-portfolio .project-details .content-box .content-slider .arrow-side.prev {
        right: 0; }
      .page-portfolio .project-details .content-box .content-slider .arrow-side.next {
        left: 0; }
    .page-portfolio .project-details .content-box .content-slider .slick-list {
      height: 100%; }
      .page-portfolio .project-details .content-box .content-slider .slick-list .slick-track {
        height: 100%; }
        .page-portfolio .project-details .content-box .content-slider .slick-list .slick-track .slide .background {
          height: 100%; }

.page-performance .section-header .header-background {
  height: 800px; }
  @media (max-width: 991px) {
    .page-performance .section-header .header-background {
      height: 500px; } }

.page-performance .content {
  margin: 30px;
  text-align: center;
  top: 300px;
  bottom: initial; }
  @media (max-width: 1199px) {
    .page-performance .content .image img {
      width: 100%; } }

.page-investor {
  margin-bottom: 27px; }
  .page-investor .section-header .header-background {
    height: 930px; }
    @media (max-width: 991px) {
      .page-investor .section-header .header-background {
        height: 500px; } }
    .page-investor .section-header .header-background .content {
      top: 300px;
      bottom: initial; }
  .page-investor .scroller {
    max-height: 40px;
    background: #f7f4f0;
    width: 100%; }
    .page-investor .scroller iframe {
      height: 40px;
      width: 100%; }
  .page-investor .section-left .investor-menu {
    padding: 95px 35px;
    width: 30%;
    -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
    -moz-box-shadow: 0 0 8px 0 #bdbdbd;
    box-shadow: 0 0 8px 0 #bdbdbd; }
    @media (max-width: 1199px) {
      .page-investor .section-left .investor-menu {
        padding: 95px 25px; } }
    @media (max-width: 991px) {
      .page-investor .section-left .investor-menu {
        width: 100%;
        padding: 15px; } }
    .page-investor .section-left .investor-menu a {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      display: block;
      color: #0d3b70;
      font-size: 25px;
      line-height: 25px;
      margin-bottom: 40px;
      font-weight: 800; }
      @media (max-width: 991px) {
        .page-investor .section-left .investor-menu a {
          font-size: 20px;
          line-height: 20px;
          text-align: center;
          margin-bottom: 20px; } }
      .page-investor .section-left .investor-menu a:hover {
        opacity: .5;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
      .page-investor .section-left .investor-menu a.active {
        color: #ad976e; }
      .page-investor .section-left .investor-menu a:last-child {
        margin-bottom: 0; }
  .page-investor .section-left .investor-body {
    display: none;
    opacity: 0;
    width: 70%;
    padding: 0 30px; }
    @media (max-width: 991px) {
      .page-investor .section-left .investor-body {
        width: 100%;
        padding: 0; } }
    .page-investor .section-left .investor-body.show {
      display: block !important;
      opacity: 1; }
    .page-investor .section-left .investor-body .part-title {
      font-size: 33px;
      line-height: 33px;
      margin-top: 100px;
      margin-bottom: 25px; }
      @media (max-width: 991px) {
        .page-investor .section-left .investor-body .part-title {
          font-size: 25px;
          line-height: 25px;
          margin-top: 40px; } }
    .page-investor .section-left .investor-body .section-title {
      background-color: #efeae2;
      font-size: 25px;
      line-height: 25px;
      font-weight: 700;
      color: #ad976e;
      padding: 14px 22px;
      margin-bottom: 13px;
      max-width: 97%;
      margin-top: 37px; }
      @media (max-width: 991px) {
        .page-investor .section-left .investor-body .section-title {
          max-width: 100%;
          font-size: 20px;
          line-height: 20px;
          text-align: center; } }
  .page-investor .section-left .more {
    width: 95%;
    display: block;
    text-align: left;
    margin-top: 20px; }
    @media (max-width: 991px) {
      .page-investor .section-left .more {
        width: 100%;
        text-align: center; } }
    .page-investor .section-left .more a {
      display: inline-block;
      font-size: 25px;
      line-height: 25px;
      background-color: #0d3b70;
      padding: 16px 27px;
      color: #fff;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
      @media (max-width: 991px) {
        .page-investor .section-left .more a {
          font-size: 16px;
          line-height: 16px; } }
      .page-investor .section-left .more a:hover {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        opacity: .5; }

.page-about {
  margin-bottom: 0; }
  .page-about .section-header {
    -webkit-box-shadow: -2px 3px 9px -3px #bdbdbd;
    -moz-box-shadow: -2px 3px 9px -3px #bdbdbd;
    box-shadow: -2px 3px 9px -3px #bdbdbd; }
    .page-about .section-header .header-background > .content {
      bottom: 30px; }
      @media (max-width: 991px) {
        .page-about .section-header .header-background > .content {
          width: initial; } }
      .page-about .section-header .header-background > .content .description {
        margin-top: 10px;
        margin-right: 112px;
        padding: 40px 0 25px 0;
        overflow: initial; }
        @media (max-width: 991px) {
          .page-about .section-header .header-background > .content .description {
            margin-right: 0;
            margin-top: 20px;
            padding: 15px; } }
        @media (min-width: 991px) {
          .page-about .section-header .header-background > .content .description {
            max-width: 900px;
          }}
        .page-about .section-header .header-background > .content .description .subtitle {
          left: auto;
          right: 0;
          width: initial;
          position: initial;
          -webkit-transform: initial;
          -moz-transform: initial;
          -ms-transform: initial;
          -o-transform: initial;
          transform: initial;
          height: initial;
          margin-bottom: 35px;
          overflow: initial; }
          @media (max-width: 991px) {
            .page-about .section-header .header-background > .content .description .subtitle {
              font-size: 15px;
              margin-bottom: 30px;
              padding: 0; } }
        .page-about .section-header .header-background > .content .description .more {
          text-align: left;
          padding: 0 50px; }
          @media (max-width: 767px) {
            .page-about .section-header .header-background > .content .description .more {
              margin-top: 15px;
              display: block;
              float: none;
              padding: 0; } }
          .page-about .section-header .header-background > .content .description .more button {
            background-color: #0d3b70;
            border: none;
            color: #fff;
            padding: 10px 20px;
            cursor: pointer;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s; }
            @media (max-width: 1199px) {
              .page-about .section-header .header-background > .content .description .more button {
                padding: 10px 15px;
                font-size: 15px; } }
            .page-about .section-header .header-background > .content .description .more button:hover {
              opacity: .5;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              transition: all 0.2s; }
    .page-about .section-header .header-background .popup-content .content {
      max-width: 1140px; }
      .page-about .section-header .header-background .popup-content .content .title {
        font-size: 30px;
        margin-bottom: 30px;
        padding: 0;
        color: #042f58;
        font-weight: 800;
        margin-right: 0;
        max-width: 100%; }
        @media (max-width: 991px) {
          .page-about .section-header .header-background .popup-content .content .title {
            font-size: 20px; } }
      .page-about .section-header .header-background .popup-content .content .description {
        padding: 0;
        margin: 0;
        height:auto;
        overflow: auto; }
  .page-about .definition {
    padding: 95px 0 130px 0; }
    @media (max-width: 991px) {
      .page-about .definition {
        padding: 40px 0; } }
    .page-about .definition .part-title {
      margin-bottom: 35px; }
    .page-about .definition .text {
      color: #918f8f;
      font-size: 25px;
      line-height: 25px; }
  .page-about .criteria .part-title {
    margin-bottom: 40px; }
  .page-about .criteria .criteria-text {
    color: #918f8f;
    font-size: 23px;
    line-height: 25px; }
  .page-about .criteria .box-24 {
    width: 24%;
    display: inline-block;
    padding: 55px 20px;
    margin: 0 0 0 0.75%;
    height: 300px;
    overflow-y: auto; }
    @media (max-width: 1199px) {
      .page-about .criteria .box-24 {
        width: 23%;
        padding: 35px 20px; } }
    @media (max-width: 991px) {
      .page-about .criteria .box-24 {
        display: block;
        margin: 10px auto;
        width: 100%;
        max-width: 290px;
        height: initial;
        overflow: initial; } }
    .page-about .criteria .box-24 .image {
      margin-bottom: 35px; }
    .page-about .criteria .box-24.shadow-box {
      -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
      -moz-box-shadow: 0 0 8px 0 #bdbdbd;
      box-shadow: 0 0 8px 0 #bdbdbd; }
    .page-about .criteria .box-24.grey-background {
      background-color: rgba(0, 0, 0, 0.01); }
  .page-about .criteria .criteria-title {
    font-size: 33px;
    line-height: 33px;
    color: #ad976e;
    margin: 80px 0 25px 0;
    font-weight: 800; }
    @media (max-width: 991px) {
      .page-about .criteria .criteria-title {
        font-size: 25px;
        line-height: 25px;
        text-align: center; } }
    .page-about .criteria .criteria-title.w-1078 {
      width: 1078px; }
      @media (max-width: 1199px) {
        .page-about .criteria .criteria-title.w-1078 {
          width: 100%; } }
    .page-about .criteria .criteria-title.px-25 {
      padding-right: 25px;
      padding-left: 25px; }
    .page-about .criteria .criteria-title .py-10 {
      padding-top: 10px;
      padding-bottom: 10px; }
    .page-about .criteria .criteria-title.shadow-box {
      -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
      -moz-box-shadow: 0 0 8px 0 #bdbdbd;
      box-shadow: 0 0 8px 0 #bdbdbd; }
  .page-about .criteria .box-text {
    font-size: 20px;
    line-height: 20px;
    color: #0d3b70; }
  .page-about .criteria .box-32 {
    width: 32%;
    display: inline-block;
    margin: 0 0 0 1%;
    height: 250px;
    overflow-y: auto;
    padding: 42px 95px;
    text-align: center; }
    @media (max-width: 1199px) {
      .page-about .criteria .box-32 {
        padding: 30px 50px; } }
    @media (max-width: 991px) {
      .page-about .criteria .box-32 {
        width: 100%;
        max-width: 290px;
        display: block;
        margin: 10px auto;
        height: initial;
        overflow: initial; } }
    .page-about .criteria .box-32 .image {
      margin-bottom: 43px; }
    .page-about .criteria .box-32.grey-background {
      background-color: rgba(0, 0, 0, 0.01); }
  .page-about .criteria .progress-bars {
    height: 35px;
    width: 1078px; }
    @media (max-width: 1199px) {
      .page-about .criteria .progress-bars {
        width: 100%; } }
    .page-about .criteria .progress-bars .bar {
      height: 35px;
      display: inline-block;
      text-align: center;
      font-size: 25px;
      color: #fff;
      line-height: 33px; }
      @media (max-width: 767px) {
        .page-about .criteria .progress-bars .bar {
          font-size: 16px; } }
    .page-about .criteria .progress-bars .bar-75 {
      width: 75%;
      background-color: #0d3b70;
      float: right; }
    .page-about .criteria .progress-bars .bar-25 {
      width: 25%;
      background-color: #ad976e; }
  .page-about .criteria .info-bar {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 100px;
    width: 1078px; }
    @media (max-width: 1199px) {
      .page-about .criteria .info-bar {
        width: 100%;
        margin-bottom: 50px; } }
    .page-about .criteria .info-bar .info {
      display: inline-block;
      margin-right: 40px; }
      .page-about .criteria .info-bar .info .box {
        width: 20px;
        height: 20px;
        display: inline-block; }
      .page-about .criteria .info-bar .info .text {
        font-size: 27px;
        line-height: 23px;
        font-weight: 800;
        text-transform: uppercase;
        color: #0d3b70;
        display: inline-block;
        margin-right: 8px; }
    .page-about .criteria .info-bar .large .box {
      background-color: #0d3b70; }
    .page-about .criteria .info-bar .small .box {
      background-color: #ad976e; }
  .page-about .management {
    height: 250px;
    position: relative;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat; }
    @media (max-width: 991px) {
      .page-about .management {
        height: initial; } }
    .page-about .management .left {
      background-color: #0d3b70;
      height: 100%;
      width: 33%;
      position: relative;
      display: inline-block;
      font-size: 41px;
      text-transform: uppercase;
      font-weight: 800; }
      @media (max-width: 1199px) {
        .page-about .management .left {
          font-size: 30px; } }
      @media (max-width: 991px) {
        .page-about .management .left {
          width: 100%;
          height: initial;
          padding: 30px; } }
      @media (max-width: 767px) {
        .page-about .management .left {
          font-size: 25px; } }
      .page-about .management .left.transperant-background {
        background-color: transparent; }
        @media (max-width: 1199px) {
          .page-about .management .left.transperant-background {
            background-color: rgba(0, 0, 0, 0.5); } }
      .page-about .management .left .center-y {
        max-width: 275px;
        margin: 0 auto; text-align: right; direction: rtl;}
    .page-about .management .right {
      width: 67%;
      position: relative;
      height: 100%;
      display: inline-block;
      float: left;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      background-repeat: no-repeat;
      font-size: 20.8px; }
      @media (max-width: 991px) {
        .page-about .management .right {
          width: 100%;
          height: initial;
          padding: 100px 15px;
          margin-bottom: 30px;
          font-size: 16px;
          float: none; } }
      .page-about .management .right.blue-color {
        color: #0d3b70; }
      .page-about .management .right.background {
        background-color: rgba(250, 250, 250, 0.8);
        color: #0d3b70; }
      .page-about .management .right .center-y {
        max-width: 565px;
        margin: 0 auto;
        height: 130px;
        overflow: auto; }
        @media (max-width: 991px) {
          .page-about .management .right .center-y {
            height: initial;
            overflow: initial; } }
  .page-about .management-boards {
    max-width: 1200px;;
    width: 100%;
    margin: auto;
    padding: 5px;
    direction: rtl; }
    .page-about .management-boards > .inner-content {
      position: relative;
      top: -55px;
      /*padding-right: 112px;*/
      margin-bottom: -15px; }
      @media (max-width: 991px) {
        .page-about .management-boards > .inner-content {
          position: initial;
          padding-right: 0; } }
  .page-about .faq {
    height: 565px;
    position: relative;
    color: #0d3b70;
    font-weight: 800; }
    @media (max-width: 991px) {
      .page-about .faq {
        height: initial;
        text-align: center;
        padding: 50px 0; } }
    .page-about .faq .section-left {
      height: 100%; }
      .page-about .faq .section-left .title {
        font-size: 83px;
        line-height: 83px;
        text-transform: uppercase; }
        @media (max-width: 991px) {
          .page-about .faq .section-left .title {
            font-size: 50px;
            line-height: 50px; } }
      .page-about .faq .section-left .subtitle {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 70px; }
        @media (max-width: 991px) {
          .page-about .faq .section-left .subtitle {
            font-size: 20px;
            line-height: 20px; } }
      .page-about .faq .section-left .more a {
        color: #fff;
        background-color: #0d3b70;
        font-size: 25px;
        line-height: 25px;
        font-weight: 400;
        padding: 14px 25px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        @media (max-width: 991px) {
          .page-about .faq .section-left .more a {
            font-size: 20px;
            line-height: 20px;
            padding: 10px 20px; } }
        .page-about .faq .section-left .more a:hover {
          opacity: .5;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }

.page-contact {
  margin-bottom: 0; }
  .page-contact .contact-form .content {
    background-color: #fff;
    position: relative;
    padding-right: 112px;
    padding-top: 55px;
    padding-bottom: 55px; }
    @media (max-width: 1199px) {
      .page-contact .contact-form .content {
        display: block;
        padding: 50px; } }
    @media (max-width: 991px) {
      .page-contact .contact-form .content {
        position: initial;
        margin-bottom: 0;
        padding: 15px; } }
    .page-contact .contact-form .content .left {
      width: 50%;
      padding: 0 22px;
      float: right;
      display: inline-block; }
      @media (max-width: 767px) {
        .page-contact .contact-form .content .left {
          width: 100%;
          display: block;
          float: none; } }
    .page-contact .contact-form .content .right {
      width: 50%;
      display: inline-block; }
      @media (max-width: 767px) {
        .page-contact .contact-form .content .right {
          width: 100%;
          text-align: center;
          display: block; } }
      .page-contact .contact-form .content .right iframe {
        margin-bottom: 5px;
        width: 100%;
        max-width: 565px;
        height: 480px; }
        @media (max-width: 991px) {
          .page-contact .contact-form .content .right iframe {
            height: 400px; } }
        @media (max-width: 767px) {
          .page-contact .contact-form .content .right iframe {
            height: 300px; } }
      .page-contact .contact-form .content .right .title {
        font-size: 27px;
        color: #163a60;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 10px; text-align: right; direction: rtl; }
      .page-contact .contact-form .content .right .text {
        font-size: 18px;
		  line-height: 24px;
        color: #ad976e;
        text-align: right; direction: rtl;}
        @media (max-width: 1199px) {
          .page-contact .contact-form .content .right .text {
            max-width: initial; } }
  .page-contact .contact-boxes {
    min-height: 675px;
    position: relative;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    padding: 52px 112px; }
    @media (max-width: 767px) {
      .page-contact .contact-boxes {
        padding: 15px; } }
    .page-contact .contact-boxes .content {
      max-width: 1040px; }

.page-media .section-header .header-background {
  height: 730px; }
  @media (max-width: 991px) {
    .page-media .section-header .header-background {
      height: 500px; } }
  .page-media .section-header .header-background .content {
    bottom: initial;
    top: 300px; }

.page-media .section-left {
  position: relative;
  top: -355px;
  margin-bottom: -355px; }
  @media (max-width: 991px) {
    .page-media .section-left {
      position: initial;
      margin-bottom: 0; } }
  .page-media .section-left .section-title {
    background-color: transparent;
    font-size: 41px;
    line-height: 41px;
    margin-top: 0;
    padding: 0;
    max-width: initial;
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .page-media .section-left .section-title {
        color: #042f58;
        text-align: center;
        font-size: 30px;
        line-height: 30px; } }
  .page-media .section-left .press-box {
    -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
    -moz-box-shadow: 0 0 8px 0 #bdbdbd;
    box-shadow: 0 0 8px 0 #bdbdbd; }

.page-faq .section-header .header-background {
  height: 885px; }
  @media (max-width: 991px) {
    .page-faq .section-header .header-background {
      height: 550px; } }
  .page-faq .section-header .header-background .content {
    bottom: initial;
    top: 325px; }
    @media (max-width: 991px) {
      .page-faq .section-header .header-background .content {
        top: 250px; } }
    .page-faq .section-header .header-background .content .title {
      color: #0d3b70;
      font-size: 62px;
      line-height: 62px;
      text-transform: initial;
      max-width: 490px; }
      @media (max-width: 991px) {
        .page-faq .section-header .header-background .content .title {
          max-width: initial;
          font-size: 40px;
          line-height: 40px;
          margin-bottom: 30px; } }
    .page-faq .section-header .header-background .content .subtitle {
      color: #0d3b70;
      font-size: 25px;
      line-height: 25px;
      margin-right: 110px;
      font-weight: 800; }
      @media (max-width: 991px) {
        .page-faq .section-header .header-background .content .subtitle {
          font-size: 20px;
          line-height: 20px;
          margin-right: initial;
          padding: 0 15px; } }

.page-faq .section-left {
  margin-top: 95px; }
  @media (max-width: 991px) {
    .page-faq .section-left {
      margin-top: 40px; } }
  .page-faq .section-left .faq-menu {
    margin-bottom: 82px; }
    @media (max-width: 991px) {
      .page-faq .section-left .faq-menu {
        margin-bottom: 40px; } }
    .page-faq .section-left .faq-menu a {
      font-size: 25px;
      line-height: 25px;
      color: #0d3b70;
      font-weight: 800;
      margin-left: 20px;
      padding: 10px 20px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
      @media (max-width: 991px) {
        .page-faq .section-left .faq-menu a {
          display: block;
          text-align: center;
          font-size: 20px;
          line-height: 20px; } }
      .page-faq .section-left .faq-menu a:hover {
        opacity: .5;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
      .page-faq .section-left .faq-menu a.active {
        background-color: #ad976e;
        color: #fff; }
  .page-faq .section-left .faq-body {
    color: #0d3b70;
    display: none;
    opacity: 0; }
    .page-faq .section-left .faq-body.show {
      display: block !important;
      opacity: 1; }
    .page-faq .section-left .faq-body .faq-section .header {
      border-bottom: solid #0d3b70 1px;
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 30px;
      padding-left: 50px; }
      @media (max-width: 991px) {
        .page-faq .section-left .faq-body .faq-section .header {
          padding-bottom: 10px;
          margin-bottom: 15px; } }
      .page-faq .section-left .faq-body .faq-section .header .text {
        font-size: 25px;
        line-height: 25px;
        display: inline-block;
        font-weight: 800; }
        @media (max-width: 991px) {
          .page-faq .section-left .faq-body .faq-section .header .text {
            font-size: 20px;
            line-height: 20px; } }
      .page-faq .section-left .faq-body .faq-section .header .expand {
        position: absolute;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%);
        left: 20px;
        font-size: 22px; }
        .page-faq .section-left .faq-body .faq-section .header .expand button {
          border: none;
          padding: 0;
          background-color: transparent;
          cursor: pointer;
          color: #0d3b70;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }
          @media (max-width: 991px) {
            .page-faq .section-left .faq-body .faq-section .header .expand button {
              font-size: 15px; } }
          .page-faq .section-left .faq-body .faq-section .header .expand button i.show {
            display: block !important; }
          .page-faq .section-left .faq-body .faq-section .header .expand button i.hide {
            display: none !important; }
          .page-faq .section-left .faq-body .faq-section .header .expand button i:last-child {
            display: none; }
          .page-faq .section-left .faq-body .faq-section .header .expand button:hover {
            opacity: .5;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s; }
    .page-faq .section-left .faq-body .faq-section .body {
      font-size: 20px;
      line-height: 22px;
      height: 0;
      overflow: hidden;
      opacity: 0; }
      @media (max-width: 991px) {
        .page-faq .section-left .faq-body .faq-section .body {
          font-size: 16px;
          line-height: 18px; } }
      .page-faq .section-left .faq-body .faq-section .body.show {
        opacity: 1;
        height: initial;
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        margin-bottom: 60px; }
        @media (max-width: 991px) {
          .page-faq .section-left .faq-body .faq-section .body.show {
            margin-bottom: 30px; } }

.page-single {
  margin-top: 255px;
  color: #042f58; }
  @media (max-width: 991px) {
    .page-single {
      margin-top: 200px; } }
  .page-single .date {
    font-size: 41px;
    line-height: 41px;
    font-weight: 800;
    margin-bottom: 15px; }
    @media (max-width: 1199px) {
      .page-single .date {
        font-size: 30px;
        line-height: 30px; } }
    @media (max-width: 991px) {
      .page-single .date {
        font-size: 25px;
        line-height: 25px; } }
  .page-single .title {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .page-single .title {
        font-size: 20px;
        line-height: 20px; } }
  .page-single .single-slider {
    height: 100%;
    overflow: hidden; }
    .page-single .single-slider .arrow-side {
      position: absolute;
      z-index: 1;
      cursor: pointer;
      width: 98px;
      height: 100%;
      background-color: rgba(13, 59, 112, 0.3);
      top: 0;
      padding: 0 30px;
      box-shadow: 0 0 60px 22px rgba(13, 59, 112, 0.4); }
      @media (max-width: 991px) {
        .page-single .single-slider .arrow-side {
          width: 80px; } }
      .page-single .single-slider .arrow-side img {
        position: absolute;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%); }
        @media (max-width: 991px) {
          .page-single .single-slider .arrow-side img {
            width: 20px; } }
      .page-single .single-slider .arrow-side.prev {
        right: 0; }
      .page-single .single-slider .arrow-side.next {
        left: 0; }
    .page-single .single-slider .background {
      height: 600px; }
      @media (max-width: 1199px) {
        .page-single .single-slider .background {
          height: 500px; } }
      @media (max-width: 991px) {
        .page-single .single-slider .background {
          height: 300px; } }
  .page-single .content {
    font-size: 25px;
    line-height: 27px; }
    @media (max-width: 1199px) {
      .page-single .content {
        font-size: 20px;
        line-height: 22px; } }
    @media (max-width: 991px) {
      .page-single .content {
        font-size: 16px;
        line-height: 18px; } }

.page .news-box {
  width: 259px;
  text-align: center;
  display: inline-block;
  margin: 0 0 10px 10px;
  -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
  -moz-box-shadow: 0 0 8px 0 #bdbdbd;
  box-shadow: 0 0 8px 0 #bdbdbd;
  padding: 30px 0; }
  @media (max-width: 991px) {
    .page .news-box {
      display: block;
      margin: 10px auto;
      width: initial;
      padding: 15px; } }
  .page .news-box .title {
    font-size: 25px;
    line-height: 25px;
    color: #042f58;
    overflow-y: auto;
    height: 62px;
    max-width: 150px;
    margin: 0 auto 15px auto; }
    @media (max-width: 991px) {
      .page .news-box .title {
        font-size: 20px;
        line-height: 20px;
        height: initial;
        overflow: initial;
        max-width: initial; } }
  .page .news-box .content {
    font-size: 40px;
    line-height: 35px;
    font-weight: 800;
    color: #ad976e;
    overflow-y: auto;
    height: 80px;
    max-width: 150px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .page .news-box .content {
        font-size: 30px;
        line-height: 30px;
        overflow: initial;
        height: initial;
        max-width: initial; } }

.page .project-box {
  position: relative;
  width: 338px;
  height: 305px;
  overflow: hidden;
  display: inline-block;
  margin-left: 22px;
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    .page .project-box {
      width: 269px;
      height: 260px;
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .page .project-box {
      display: block;
      margin-right: auto;
      margin-left: auto;
      overflow: initial;
      height: initial; } }
  .page .project-box a {
    text-align: center; }
    @media (max-width: 1199px) {
      .page .project-box a .image img {
        width: 100%; } }
    .page .project-box a .overlay {
      opacity: 0;
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(250, 250, 250, 0.6);
      z-index: 1;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      top: 0;
      right: 0; }
      @media (max-width: 991px) {
        .page .project-box a .overlay {
          opacity: 1; } }
    .page .project-box a .title {
      opacity: 0;
      font-size: 32px;
      color: #0d3b70;
      font-weight: 800;
      position: absolute;
      top: 50%;
      -webkit-transform: translatey(-50%);
      -moz-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
      -o-transform: translatey(-50%);
      transform: translatey(-50%);
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      text-transform: uppercase;
      max-width: 250px;
      right: 0;
      left: 0;
      margin: 0 auto;
      z-index: 2; }
      @media (max-width: 991px) {
        .page .project-box a .title {
          font-size: 20px;
          opacity: 1; } }
    .page .project-box a:hover .title {
      opacity: 1;
      -webkit-transition: opacity 0.2s all;
      -moz-transition: opacity 0.2s all;
      transition: opacity 0.2s all; }
    .page .project-box a:hover .overlay {
      opacity: 1;
      -webkit-transition: opacity 0.2s all;
      -moz-transition: opacity 0.2s all;
      transition: opacity 0.2s all; }

.page .board-box {
  width: 530px;
  margin: 8px;
  display: inline-block;
  height: 227px;
  overflow: hidden;
  border: solid 1px #ad976e;
  float: right;
}
  @media (max-width: 991px) {
    .page .board-box {
      display: block;
      margin-right: auto;
      margin-left: auto; } }
  @media (max-width: 767px) {
    .page .board-box {
      width: 250px;
      height: initial; } }
  .page .board-box .image {
    width: 217px;
    border: solid #fff 1px;
    margin-left: 3px;
    display: inline-block;
    overflow: hidden; }
    @media (max-width: 767px) {
      .page .board-box .image {
        display: block;
        margin-bottom: 15px; } }
    .page .board-box .image img {
      width: 100%; }
  .page .board-box > .content {
    width: 305px;
    background-color: #fff;
    border: solid #fff 1px;
    padding: 22px 27px;
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
	text-align: right;
	direction: rtl;
   }
    @media (max-width: 767px) {
      .page .board-box > .content {
        display: block;
        float: none;
        padding: 0;
        width: 250px; } }
    .page .board-box > .content .name {
      font-size: 19px;
      line-height: 24px;
      color: #042f58;
      font-weight: 800;
      margin-bottom: 8px; }
    .page .board-box > .content .description {
      font-size: 14px;
      color: #ad976e;
      margin-bottom: 10px;
      height: initial;
      overflow: initial; }
    .page .board-box > .content .text {
      font-size: 12px;
      color: #918f8f;
		line-height: 17px;
      }
      @media (max-width: 767px) {
        .page .board-box > .content .text {
          height: initial;
          overflow: initial;
          margin-bottom: 15px; } }
    .page .board-box > .content .more {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%; z-index: 1; }
      @media (max-width: 767px) {
        .page .board-box > .content .more {
          position: initial; } }
      .page .board-box > .content .more button {
        width: 100%;
        background-color: #0d3b70;
        color: #fff;
        font-size: 12.5px;
        padding: 13px 0;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        .page .board-box > .content .more button:hover {
          opacity: .5;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }
  @media (max-width: 991px) {
    .page .board-box .popup-content .content {
      position: initial;
      -webkit-transform: initial;
      -moz-transform: initial;
      -ms-transform: initial;
      -o-transform: initial;
      transform: initial; } }
  .page .board-box .popup-content .content .description {
    font-size: 16px;
    margin-bottom: 30px;
    height: initial; padding: 0px; }
  .page .board-box .popup-content .content .image {
    float: right;
    margin-left: 40px;
    border: solid #a2aaaa 1px;
    max-width: 400px;
    overflow: hidden;
    padding: 1px; }
    @media (max-width: 991px) {
      .page .board-box .popup-content .content .image {
        float: none;
        margin-bottom: 15px;
        width: 100%;
        max-width: 175px; } }
  .page .board-box .popup-content .content .text {
    font-size: 13px;
	  line-height: 22px;
    color: #918f8f;
    /*height: 365px;*/
	min-height: 320px;
    overflow: auto; }
    @media (max-width: 991px) {
      .page .board-box .popup-content .content .text {
        /*height: 175px;*/ } }

.page .contact-box {
  background-color: #fff;
  width: 498px;
  padding: 35px 22px;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
  
  overflow: auto; }
  @media (max-width: 767px) {
    .page .contact-box {
      width: 100%;
      height: initial;
      overflow: initial;
      margin-left: 0; } }
  .page .contact-box .title {
    border-bottom: solid #ad976e 1px;
    color: #163a60;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 8px; }
    @media (max-width: 991px) {
      .page .contact-box .title {
        font-size: 20px;
        margin-bottom: 15px; } }
  .page .contact-box .text {
    color: #ad976e;
    font-size: 19px;
    margin-bottom: 18px; }
    @media (max-width: 991px) {
      .page .contact-box .text {
        font-size: 20px;
        margin-bottom: 15px; } }
    @media (max-width: 500px) {
      .page .contact-box .text {
        font-size: 15px; } }
    .page .contact-box .text a {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
      .page .contact-box .text a:hover {
        opacity: .7;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }

.page .press-box {
  margin-left: 18px;
  max-width: 524px;
  background-color: #fff;
  margin-bottom: 17px;
  display: inline-block; }
  @media (max-width: 991px) {
    .page .press-box {
      display: block;
      margin: 10px auto; } }
  @media (max-width: 767px) {
    .page .press-box {
      background-color: transparent;
      text-align: center;
      max-width: 185px; } }
  .page .press-box .image {
    display: inline-block; }
  .page .press-box .content {
    padding: 15px 15px 10px 15px;
    display: inline-block;
    float: left;
    max-width: 338px; }
    @media (max-width: 1199px) {
      .page .press-box .content {
        max-width: 234px; } }
    @media (max-width: 991px) {
      .page .press-box .content {
        max-width: 338px; } }
    @media (max-width: 767px) {
      .page .press-box .content {
        background-color: #fff;
        max-width: 185px;
        float: none;
        display: block;
        margin: 0 auto; } }
    .page .press-box .content .title {
      font-size: 25px;
      line-height: 25px;
      color: #042f58;
      font-weight: 800;
      margin-bottom: 15px; }
    .page .press-box .content .text {
      font-size: 15px;
      line-height: 15px;
      color: #ad976e;
      margin-bottom: 25px;
      height: 50px;
      overflow: auto; }
      @media (max-width: 767px) {
        .page .press-box .content .text {
          height: initial;
          overflow: initial; } }
    .page .press-box .content .date {
      color: #042f58;
      display: inline-block; }
    .page .press-box .content .more {
      display: inline-block;
      float: left; }
      .page .press-box .content .more a {
        font-size: 11px;
        line-height: 11px;
        background-color: #042f58;
        padding: 10px 20px;
        color: #fff;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        @media (max-width: 991px) {
          .page .press-box .content .more a {
            padding: 5px 10px; } }
        .page .press-box .content .more a:hover {
          opacity: .5;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          transition: all 0.2s; }

.page .sheet-box {
  -webkit-box-shadow: 0 0 8px 0 #bdbdbd;
  -moz-box-shadow: 0 0 8px 0 #bdbdbd;
  box-shadow: 0 0 8px 0 #bdbdbd;
  display: inline-block;
  padding: 20px 25px;
  margin-left: 22px;
  margin-bottom: 10px; }
  @media (max-width: 991px) {
    .page .sheet-box {
      display: block;
      max-width: 265px;
      margin: 20px auto; } }
  .page .sheet-box .date {
    color: #092f57;
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    margin-bottom: 15px; }
  .page .sheet-box .lang {
    font-size: 25px;
    line-height: 25px;
    color: #ad976e;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 146px; }
    @media (max-width: 1199px) {
      .page .sheet-box .lang {
        margin-left: 80px; } }
  .page .sheet-box .download {
    display: inline-block; }
    .page .sheet-box .download a {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
      .page .sheet-box .download a:hover {
        opacity: .5;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
.gap7{ height: 7px;clear: both;}
.gap10 { height: 10px;clear: both;}
.gap60 { height: 60px;clear: both;}
.gap56 { height: 48px;clear: both;}
.gap30 { height: 30px;clear: both;}
.gap50 { height: 50px;clear: both;}
.gap75 { height: 75px;clear: both;}
.clearboth {clear:both;}
ul.subtile-ul { margin-top:15px;}
.about-reit-accordion .card { margin:20px 0px;border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: .25rem !important; text-align: right;direction: rtl;}
.about-reit-accordion .card .card-header  {background-color:#0d3b70; color:#FFF; padding: 0px;}
.about-reit-accordion .card .card-header h5 {font-size:18px; font-weight:300; padding: .75rem 1.25rem;}
.about-reit-accordion .card .card-body {    color: #918f8f;    font-size: 14px;    line-height: 23px;}
.about-reit-accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(-180deg);    transform: rotate(-180deg);}
.about-reit-accordion i.rotate-icon {float:left;}
.card-header[aria-expanded=true] {
color: #fff;
background-color: #32bdb6;
}
.box-24.criteria-box-single.criteria-text {
    width: 100%;
    height: auto;
    display: block;
    padding: 6px 0px;
    font-size: 14px;
	line-height: 23px;
}
.left_icon { display: inline-block;padding-left: 10px; font-size: 20px;    float: right;
    width: 3%;}
div.txt {float: right;
    width: 97%;
}
.blue-color { color: #0d3b70; }
.page .fact-box.news-box {width:23%; box-shadow: none; border: solid 1px #b49d73; padding: 0px; margin: 15px 8px;}
.page .fact-box.news-box .title {
	    font-size: 19px;
    line-height: 25px;
    color: #FFF;
   height: auto;
	overflow-y: hidden;
	max-width:inherit;
    margin: 0 auto 15px auto;
    padding: 15px 0px;
	background-color: #042f58;
}
.page .fact-box.news-box .content{
	height: auto !important;
	overflow-y: hidden;
	max-width: none;
	padding: 20px 0px 30px 0px;
    font-size: 25px;
}
.key-fact-box { width: 47% !important; margin: 14px 14px !important; display: table !important; float:right; min-height: 103px;}
.key_fact_icon {
   
    display:table-cell;
	vertical-align: middle;
	text-align: center;
    padding:15px 20px !important;
	background-color: #0d3b70;
	width: 25%;
	
}
.key_fact_icon img {
    width: 65px;
}
.key_fact_content{
	 
    display:table-cell;
	vertical-align: middle;
	padding: 15px;
	text-align: right;
}
/* Almal capital reit ADvisors*/
.advisor-sub-title { padding: 15px;text-align: center;background-color: #0d3b70; color: #FFF;}
.advisor_title { padding-bottom: 55px; text-align:center; padding-top: 5px;}
.carousel-indicators li {background-color:#b49d73; height: 4px; }
.carousel-item.active { background-color: #FFF !important;}
.carousel-indicators .active { background-color: #0d3b70;}

/* SCA Regim Overview*/
.sca-regim.key-fact-box.fact-box.news-box { min-height: 130px;}
.sca-regim.key-fact-box.fact-box.news-box .sca-regim-title { width:30%;color: #FFF;}
/* Success story  */
.success_story_item { width: 100%; /*margin-bottom: 20px !important;*/ }
.success_story_item .inner-content .board-box {width: 100%; height: auto; border: none !important; background-color: #EAEAEA; margin-bottom: 20px;}
.success_story_item .inner-content .board-box .image { width: 30%;float: right;}
.success_story_item .inner-content.project-details .content-box { width: 69%; float:right;}
.success_story_item .inner-content.project-details .content-box.fullwidtha { width: 100%; float:right; min-height: 620px;}
.success_story_item .inner-content.project-details .content-box .content .table { background-color: #EAEAEA !important; }
.project-details .content-box .content .table .table-row .col-25 .story-asset-title { font-size: 14px; font-weight: 600; color: #042f58; line-height: 19px; padding-bottom: 5px; }
.project-details .content-box .content .table .table-row .col-25 .story-asset-details {font-size: 14px; line-height: 18px;}
.success_story_item_small .inner-content.project-details .content-box.fullwidtha { width: 100%; float:left; min-height: 450px;}

/* NAV bar css */
.navbar_top {
  overflow: hidden;
  width: 100%; 
}

.navbar_top a {
  float: right;
  font-size: 17px;
  color: #0d3b70;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  /*text-transform: uppercase;*/
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


.subnav {
  float: right;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 15px;  
  border: none;
  outline: none;
  color: #0d3b70;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
 text-transform: uppercase;
}

.navbar_top a:hover, .subnav:hover .subnavbtn {
  background-color: #0d3b70;
	color: #FFF;
}

.subnav-content {
  display: none;
  position: absolute;
 /* left: 0;*/
  background-color: #0d3b70;
 /* width: 100%;*/
	width: auto;
  z-index: 1;
}

.subnav-content a {
  float: right;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #ad976e;
  color: #FFF;
}

.subnav:hover .subnav-content {
  display: block;
}
a.active { background-color: #ad976e; color: #FFF;}
.pl5 { padding-right: 5px !important;}
footer {padding-top: 40px;    float: left;
    width: 100%;}
footer .section-left .block {float: right; direction: rtl;text-align: right;}
footer .menu ul {text-transform: none;}
footer .menu ul.visit-us li {font-size: 15px;line-height: 25px;}
footer .menu ul li a {text-transform: none;}
footer .menu ul li {margin-bottom: 10px;}
.footer-menu .menu-title {    font-size: 17px;    font-weight: 800;    color: #ad976e;    padding-bottom: 10px;}
form .g-recaptcha {margin-bottom: 20px; width: 100}
.captcha img { width: 16px !important;height: 16px;}

/* IR pages*/
.ir-intro {font-size: 18px;line-height: 24px;}
.investor-widget .full-width.content {width: 100%; padding: 0px!important;}
.investor-widget {height: auto !important; float: right; display: block; }
.width-3by4.flt-right {float: left !important; width: 76%;}
.investor-widget-2by3 {width: 65% !important;}
.investor-widget-1by3 {width: 32% !important;}
.investor-widget-2by4 {width: 49% !important;}
.investor-widget-1by4 {width: 23.6% !important;}
.investor-widget .investor-text {font-size: 15px;line-height: 22px; padding: 20px;}
.investor-widget .investor-widget-title {    padding: 10px 20px;
    background-color: #042f58;
    color: #FFF !important;
    font-weight: 300 !important;
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 16px;
	direction: rtl;
	text-align: right;
}
.investor-table-container { /*margin-top: 15px;*/ }
table.investor-table {width: 100%; margin: 0 auto; max-width: 1240px !important;}
table.investor-table thead tr td {background-color:#0d3b70; padding: 13px 15px; color: #FFF; text-align:right; direction: rtl;}
table.investor-table tbody tr td { padding: 13px 15px; color: #0d3b70; border-top: solid 1px #ad976e; text-align: right; direction: rtl;}

.investor-content-image img {width: 100%;}
.ir-content-page {padding: 20px 0px;}
.ir-content-display-area { padding: 0px 30px 20px 30px; }
.ir-page-section.section-left { max-width: 1290px; }
.ir-ajax-contents .sec-title {padding:10px 0px 20px 10px;font-size: 23px;     color: #ad976e; text-align: right; direction: rtl;}
.ir-ajax-contents.cg_code_contents {
    text-align: right;
    direction: rtl;
	font-size: 15px;
	line-height: 21px;
}
.ir-cg-table-container .investor-widget-2by4 {width: 50% !important; float: left;}
.ir-ajax-contents.investment_committee_contents {text-align: right; direction: rtl;}
.ir-cg-section.management-boards .inner-content .board-box { float: right;}
/* Style the sidenav links and the dropdown button */
.width-1by4 { width: 24%; float: right;}
.width-3by4 { width: 74%; float: right;}
.sidenav { border: solid 1px #FFF;width: 305px;}
.sidenav a, .dropdown-btn {
  padding: 10px 16px 10px 8px;
  text-decoration: none;
  font-size: 15px;
  background-color: #0d3b70;
  color: #fff !important;
  display: block;
  border: none;
 
  width: 100%;
  text-align: right;
  cursor: pointer;
  outline: none;
  margin: 5px 0px;
	text-transform: uppercase;
}
a.dropdown-btn { color: #FFF;}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #fff;
	background-color: #ad976e;
}

/* Main content */
.main {
  margin-right: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.dropdown-btn.active {
  background-color: #ad976e !important;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #ad976e;
  padding-right: 8px;
}
.dropdown-container a {
	
	padding: 8px 20px;
	font-size: 13px;
	background-color: inherit;
    border-bottom: solid 1px #ccc;
	
}
.active_sub_menu { font-weight: 800; color: #ad976e !important;}
.active_ir_menu { background-color: #ad976e !important; }
/* Optional: Style the caret down icon */
.fa-caret-right {
  float: left;
  padding-left: 8px;
}
.sidenav.sticky-ir-menu {position: fixed;
    top: 25%;
    width: 305px;
    z-index:999;
	background-color: #ad976e;
	border: solid 1px #000;
	
}
.page-about .gap60 { /*height: 128px !important;*/}
/* Some media queries for responsiveness */

/* IR CSS */
.ir-menu-bar { text-align: center; border-bottom: solid 1px #DDD;}
.ir-menu-bar-items-container {
	right: 0px;width:100%;display: block; padding: 15px 0px; background-color: #EAEAEA;
}
.ir-menu-bar a { padding: 5px 8px;}
.ir-menu-sticky {width: 100%;}
.ir-menu-ul { padding: 0px;margin: 0px;list-style: none; position: relative;}
.ir-menu-ul li { display: inline-block;}
.ir-menu-sub-ul {display: none; position: absolute;height: 35px;width: 100%;right: 0;padding: 0;background-color: #DDD; margin-top: 15px;border-bottom: solid 1px#DDD; z-index: 88;}
.ir-menu-sub-ul li {padding: 9px 10px;}
.ir-menu-ul li a.active-ir-menu { background:none; color:#ad976e !important;font-weight: 800; position: relative;}

.ir-menu-ul li a.active-ir-menu::after {width: 0;height: 0;border-right: 20px solid transparent;border-left: 20px solid transparent;border-top: 20px solid #EAEAEA;
        content: " ";position: absolute;bottom: -18px;right: 35%;z-index: 999;}
.fullwidth { width: 100% !important;}
.ir-ajax-contents { margin-top: 35px; }
iframe {/*max-width: 1000px !important;*/}
ul.ir-menu-sub-ul li a {font-size: 13px;padding: 5px 3px;}
.fact-box.news-box.mission-vission {margin-right: 0px !important; }
.ir-cg-section.management-boards .inner-content { top:0px !important; padding-right:0px !important;}
/* CONTACT PAGE*/
#captcha {display: block;padding: 15px 0px;color: #9c2111;}
.page.about-fund-manager .section-header .header-background .content .description { height: auto;margin-bottom: 25px; }
.ir-menu-mob-toggle {display: none;}
.center-y.ir-intro {
    display: none;
}
.charector_remaiing {font-size: 13px;
    text-align: right;
    margin-bottom: 20px;
	direction: rtl;
}

.inner-content.project-details {
    padding-right: 0px !important;
}
.oneBythree { width: 33% !important; float:right;}
.oneBytwo { width: 50% !important; float:right;}
p.readmore-outlink {
    text-align: right;
    float: right;
    direction: rtl;
}
.home-content-container { margin-top: 50px;}
.home-title {font-size: 55px;line-height: 60px;color: #fff;font-weight: 800;text-align: left;color:#0d3b70; margin-bottom: 35px; text-align: right;direction: rtl;}
.home-subtitle {font-size: 23px;color: #042f58;font-weight: 800;line-height: 27px;margin-bottom: 20px;text-align: right;direction: rtl;}
.home-description {font-size: 18px;line-height: 22px;text-align: right;direction: rtl;}
.home-contact-sections { padding: 20px 0px; }
.home-contact-sections .single-contact-box {width: 31% !important;padding-bottom: 25px !important;}
.home-contact-sections .single-contact-box .title { font-size: 14px !important;}
.home-contact-sections .single-contact-box .content {padding: 0px !important;font-size: 16px !important;}
.home-contact-sections .single-contact-box .content span {padding: 10px 0px;font-size: 30px; display: block;}
.home-contact-sections .single-contact-box .content a {color:#042f58;}
.tip { text-decoration: underline; cursor: pointer;}
.popup-content-sca .content {
    position: absolute;
    bottom: 105px;
    right: 0 !important; 
    max-width: 1200px !important;
    width: 100%;
	text-align: right;
	direction: rtl;
}
.navbar-brand img {
    width: 100px;
}
/* Mobile devices */
@media (min-width: 150px) and (max-width: 480px) {
	header .navbar .navbar-brand { margin-top: 10px;}
	header .navbar .navbar-brand  img {width: 100px !important;}
	.navbar_top .subnav {display: block; float: none;text-align: right;}
	.subnav:hover .subnav-content { display: block; position: relative;}
	.navbar_top a, .subnav-content a {display: block; text-align: right; float: none;padding: 10px 12px;}
	.page .fact-box.news-box {width: 96%;}
	.key-fact-box { width: 100% !important; margin-right: 0px !important;}
	.key_fact_icon {padding: 15px 10px !important;}
	.key_fact_icon img {width: 48px !important;}
	.about-reit-accordion .card .card-body { font-size: 15px; }
	.about-reit-accordion .card .card-header h5 { font-size: 16px; }
	.sca-regim.key-fact-box.fact-box.news-box .sca-regim-title {width: 37%;}
	.advisor-box {display: block !important;}
	.advisor-box img {width: 100%;}
	.page .board-box { width: 93%; }
	.page .board-box > .content {padding: 10px 20px; width: 100%;}
	.page .board-box .image {width: 100%;}
	.success_story_item .inner-content .board-box .image {width: 100%;}
	.success_story_item .inner-content.project-details .content-box {width: 100%;}
	.project-details .content-box .content .table .table-row .col-25 {padding: 10px;}
	.sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
	.page .investor-widget.board-box {width: 100% !important;}
	.explore-more {padding: 0px !important; border:solid 0px #FFF !important;}
	.ir-menu-sticky {top: 100px !important;}
	.ir-menu-ul li {display: block;padding: 5px;text-align: right;}
	.ir-menu-sub-ul {display: block; position: relative; z-index: 1;float: right; height: auto;margin-bottom: 15px; }
	.ir-menu-bar-items-container {min-height: 53px;}
	.ir-menu-mob-toggle {display: block;position: absolute; left: 32px; padding: 10px; background-color: #0d3b70; color: #FFF; margin-top: 8px;z-index: 1000;}
	.ir-menu-ul {display: none;}
	table.investor-table thead tr td {background-color: #0d3b70;padding: 10px 10px;color: #FFF;font-size: 14px;}
	.ir-content-display-area {padding: 0px;}
	table.investor-table tbody tr td {font-size: 14px;}
	.page-about .management .right .center-y { font-size: 15px;}
	.page-about .management .right {padding: 40px 15px;}
	.page-about.about-fund-manager .management .right {display: none;}
	.section-left.ir-page-section {margin-top: 0px;}
	.hide-xs { display: none;}
	.oneBythree { width: 100%; float:right; padding: 0px !important;}
	.home-content-container { margin-top: 100px;}
	.home-content-container .section-left { margin-top: 0px !important;}
	.home-title {font-size: 30px; line-height: 40px;}
	.home-subtitle {font-size: 18px;color: #042f58;font-weight: 800;line-height: 25px;margin-bottom: 20px;text-align: right;direction: rtl;}
.home-description {font-size: 13px;line-height: 22px;text-align: right;direction: rtl;}
	.hidden-xs {display: none;}
	.page .section-header .slider-header .content {bottom: 95px;}
	.page-about .section-header .header-background > .content {}
	.page .section-header .header-background .content .title { line-height: 1.4;}
	.oneBythree {
    width: 100% !important;
    float: left;
    padding: 0px !important;}
	.page-ir .management .right.background {display: none;}
	.page-ir.page-about .management {height: 120px;}
	.page-ir.page-about .management .left {height: 100%;}
	.page-ir.page-about .management .left .center-y { margin: 30px auto;}
	.home-contact-sections .single-contact-box {width: 95% !important;}
	.popup-content.popup-content-sca .content .inner-content {height: 440px; padding: 15px;}

}
#form-container {
    width: 50%;
    margin: 25px auto;
}
.contact-form .flex {
    display: flex;
    justify-content: space-around;
    text-align: right;
    padding: 40px 30px;
    gap: 1rem;
}
.contact-form .flex > div {
  max-width: 40%;
  flex: 1 1 40%; /* allows resizing but keeps ~40% width per item */
  text-align: right;
}
.contact-form .flex .title {
    font-size: 24px;
    font-weight: 600;
}
.contact-form .flex .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 10px 0;
    
}
.contact-form .flex iframe {
    width: 100%;
    height: 400px;
}
@media (max-width: 768px) {
    .contact-form .flex {
        flex-direction: column-reverse;
    }
    #form-container {
        width: 90%;
    }
    .contact-form .flex > div {
        max-width: 100%;
        flex: 1 1 100%;
        text-align: right;
    }
}

.register {
    width: 135px;
    padding: 10px;
    font-size: 15px;
    background: green;
    color: #fff;
    border: none;
    margin: 3px;
    cursor: pointer;
}
.login {
    width: 135px;
    padding: 10px;
    font-size: 15px;
    background: #0a557f;
    color: #fff;
    border: none;
    margin: 3px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .cta {
        margin: 15px 0;
        text-align: right;
    }
}