/* compiled by scssphp v0.0.11 on Sun, 24 Nov 2019 11:18:01 +0100 (0.1149s) */

/**GALLERY ************************************************************************************************************/
/* EDITING LINKS************************************************************************************************/
html, body {
  scroll-behavior : smooth; }

body {
  font-family : "Noto Sans", "Noto Naskh Arabic", Arial, serif !important;
  font-size : 18px; }

.font-default {
  font-family : "Noto Sans", "Noto Naskh Arabic", Arial, serif !important; }

.font-default {
  font-family : "Noto Sans", "Noto Naskh Arabic", Arial, serif !important; }

.font-title {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.font-small {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.page {
  overflow         : hidden;
  background-color : #fff; }

.container {
  padding : 0; }

a, a:hover, a:visited, a:focus {
  text-decoration : none !important;
  outline         : none;
  color           : #162335; }

a:hover {
  color   : #feb914;
  outline : none; }

.btn {
  font-size : 18px !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

textarea:focus, input:focus, button:focus {
  outline : none; }

ul.list-inline {
  margin  : 0;
  padding : 0; }

ul.list-inline-dashed > li {
  padding-left : 0; }

ul.list-inline-dashed > li + li:before {
  content       : '\f105';
  padding-left  : 3px;
  padding-right : 6px;
  font-family   : 'FontAwesome', serif; }

[dir="rtl"] ul.list-inline-dashed > li + li:before {
  content       : '\f104';
  padding-right : 3px;
  padding-left  : 6px; }

.text-dir, .panel-heading {
  text-align : left; }

[dir="rtl"] .text-dir, [dir="rtl"] .panel-heading {
  text-align : right; }

.page .text-spacing-60 {
  letter-spacing : 0.06em; }

.page .text-uppercase, .page .initialism {
  text-transform : uppercase; }

.h4, .h5, .h6, h4, h5, h6 {
  margin-top    : 10px;
  margin-bottom : 10px; }

.section-254 {
  padding-top    : 254px;
  padding-bottom : 254px; }

.section-66 {
  padding-top    : 66px;
  padding-bottom : 66px; }

.text-rtl {
  direction  : rtl;
  text-align : right; }

.text-rtl-force {
  direction  : rtl !important;
  text-align : right !important; }

.text-ltr {
  direction  : ltr;
  text-align : left; }

.text-ltr-force {
  direction  : ltr !important;
  text-align : left !important; }

.form-control {
  font-size : 16px;
  height    : 50px;
  padding   : 9px 16px; }

.select2-container--bootstrap .select2-selection {
  font-size   : 16px;
  height      : 50px;
  padding     : 9px 28px 9px 16px;
  line-height : 33px; }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position    : relative;
  margin-left : 0; }

.form-group {
  padding-bottom : 7px; }

.control-label {
  padding-bottom : 10px;
  font-family    : "Noto Sans", "SwissraNormal", Helvetica, Arial, sans-serif;
  font-weight    : normal; }

.semicolon-form-note {
  padding-top : 5px; }

.big {
  font-size : 40px; }

.panel-primary > .panel-heading {
  color            : #fff;
  background-color : #162335 !important;
  border-color     : #9b9b9b !important; }

.panel-primary {
  border-color : #9b9b9b !important; }

.panel header {
  position : relative; }

.contact-us {
  padding-bottom : 40px; }

.text-center {
  text-align : center !important; }

.context-dark {
  color : #fff; }

.context-dark a {
  color : #fff; }

.context-dark a:hover {
  color : #feb914 !important; }

.divider {
  width      : 40px;
  height     : 2px;
  padding    : 0;
  margin     : 27px auto 34px;
  background : #feb914;
  border     : none; }

.table-view thead th {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.table-view thead tr {
  border-color : #162335 !important; }

.page-loader-variant-1 {
  position                : fixed;
  left                    : 0;
  top                     : 0;
  bottom                  : 0;
  right                   : 0;
  display                 : -ms-flexbox;
  display                 : -webkit-flex;
  display                 : flex;
  -webkit-justify-content : center;
  -ms-flex-pack           : center;
  justify-content         : center;
  -webkit-align-items     : center;
  -ms-flex-align          : center;
  align-items             : center;
  padding                 : 0 25px;
  z-index                 : 9999999;
  background              : #162335;
  transition              : 0.3s all ease;
  background-size         : cover; }

.page-loader-variant-1 .spinner {
  width : 130px; }

.page-loader-variant-1.loaded {
  opacity    : 0;
  visibility : hidden;
  z-index    : -1; }

.page-loader .img-responsive {
  position : relative;
  z-index  : 3; }

.loader-animation {
  padding-top : 50px; }

.lds-dual-ring {
  display : inline-block;
  width   : 64px;
  height  : 64px; }

.lds-dual-ring:after {
  content       : " ";
  display       : block;
  width         : 46px;
  height        : 46px;
  margin        : 1px;
  border-radius : 50%;
  border        : 5px solid #fff;
  border-color  : #fff transparent #fff transparent;
  animation     : lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform : rotate(0deg); }

  100% {
    transform : rotate(360deg); } }

.top-bar-wrap {
  background-color : #f7f7f7; }

.top-bar {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  font-size : 12px; }

.top-bar .list-inline {
  white-space : nowrap;
  float       : right; }

[dir="rtl"] .top-bar .list-inline {
  float : left; }

ul.soc-links {
  margin  : 0;
  padding : 0 14px; }

.soc-links a {
  font-size       : 13px;
  display         : inline-block;
  width           : 23px;
  height          : 23px;
  text-align      : center;
  line-height     : 25px;
  vertical-align  : middle;
  overflow        : hidden;
  border-radius   : 50px;
  margin          : 9px 4px;
  text-decoration : none;
  color           : #212121; }

.soc-links a:first-child {
  margin-left : 0; }

[dir="rtl"] .soc-links a:first-child {
  margin-right : 0; }

.soc-links a:hover {
  color            : #fff !important; }

.soc-links a.soc-facebook:hover {
  background-color : #3c5fac; }

.soc-links a.soc-twitter:hover {
  background-color : #47c0f9; }

.soc-links a.soc-youtube:hover {
  background-color : #cc181e; }

.soc-links a.soc-telegram:hover {
  background-color : #33aadf; }

.soc-links a.soc-instagram:hover {
  background-color : #d92e75; }

#change-lang, #email-btn {
  padding          : 13px 20px;
  color            : #feb914;
  float            : right; }

[dir="rtl"] #change-lang, [dir="rtl"] #email-btn {
  float : left; }

#change-lang a {
  color : #feb914; }

#change-lang a:hover, #email-btn a:hover {
  color : #42a2ce !important; }

.rd-navbar-outer {
  background-color : #162335; }

.rd-navbar-static {
  background : #fff; }

.rd-navbar-static.rd-navbar--is-stuck {
  background-color : #162335; }

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu {
  color      : #fff;
  background : #162335; }

.rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown a:hover, .rd-navbar-static .rd-navbar-megamenu li.focus > a, .rd-navbar-static .rd-navbar-megamenu li.opened > a, .rd-navbar-static .rd-navbar-megamenu a:hover {
  color      : #fff !important;
  background : #feb914; }

.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover {
  color            : #fff;
  background-color : #feb914; }

.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a {
  color : #fff; }

.rd-navbar-fixed .rd-navbar-toggle {
  color            : #fff;
  background-color : #162335; }

.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span {
  background-color : #fff; }

.rd-navbar-fixed .rd-navbar-nav-wrap {
  color      : #fff;
  background : #162335; }

.rd-navbar-fixed .rd-navbar-nav li > a {
  color : #fff; }

.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
  color : #fff;
  /* The Fallback */
  background: #42a2ce;
  background: rgba(66, 162, 206, 0.3); }

.rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle {
  color : #fff; }

.rd-navbar-fixed .rd-navbar-nav li.active > a {
  color      : #fff;
  background : #feb914; }

.rd-navbar-fixed .rd-navbar-submenu-toggle {
  color : #999; }

.rd-navbar-fixed .rd-navbar-submenu-toggle:hover {
  color : #fff; }

.rd-navbar-brand {
  color : #fff; }

.rd-navbar-fixed .rd-navbar-nav li > a {
  color : #fff; }

.rd-navbar-fixed .rd-navbar-panel-canvas {
  background : #162335; }

.rd-navbar-brand a {
  color : #fff !important; }

.rd-navbar-static .rd-navbar-panel {
  position : relative; }

.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-fixed .rd-navbar-panel-canvas, .rd-navbar-fixed .rd-navbar-brand {
  z-index : 120; }

.rd-navbar-fixed .rd-navbar-toggle {
  z-index : 123; }

.rd-navbar-fixed .rd-navbar-nav-wrap {
  z-index : 105; }

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {
  z-index : 105; }

.rd-navbar-brand a > span {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  font-size : 14px;
  position  : relative;
  top       : -3px;
  display   : none; }

.brand-sticky {
  padding-top : 3px; }

.rd-navbar-static .rd-navbar-subpanel {
  width : 100%; }

.rd-navbar-static .rd-navbar-nav > li {
  text-align : center;
  position   : relative;
  float      : left; }

[dir="rtl"] .rd-navbar-static .rd-navbar-nav > li {
  float : right; }

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown {
  padding     : 0 !important;
  margin-top  : 0 !important;
  left        : 0;
  right       : auto;
  margin-left : 0; }

[dir=rtl] .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown {
  right        : 0;
  left         : auto;
  margin-right : 0; }

.rd-navbar-static .rd-navbar-nav > li > a {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  color          : #fff;
  font-size      : 17px;
  padding        : 3px 26px 4px !important;
  text-transform : uppercase; }

@media (max-width: 992px) {
  .rd-navbar-static .rd-navbar-nav > li > a {
    font-size : 13px; } }

.rd-navbar-static .rd-navbar-nav > li li > a {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.rd-navbar-fixed .rd-navbar-nav > li a {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.rd-navbar--is-stuck .rd-navbar-nav > li > a {
  color : #fff; }

.rd-navbar-static .rd-navbar-nav > li > a:hover {
  color            : #fff !important;
  background-color : #42a2ce; }

.rd-navbar-static .rd-navbar-brand {
  padding : 10px 0 12px; }

.rd-navbar-static .rd-navbar-panel {
  height : 80px; }

[dir="ltr"] .rd-navbar--is-stuck .brand-sticky {
  display : none;
  left    : 55px; }

[dir="rtl"] .rd-navbar--is-stuck .brand-sticky {
  display : none;
  right   : 55px; }

.header-path-nav {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  padding : 20px 0 16px !important; }

.header-path-title {
  color : #162335; }

.header-path-title > h2 {
  margin-top  : 0 !important;
  padding-top : 20px;
  white-space : nowrap; }

.header-path-title > h2:before {
  content        : ' ';
  display        : inline-block;
  height         : 50px;
  width          : 8px;
  background     : #feb914;
  vertical-align : top; }

.header-path-title > h2 > span {
  display     : inline-block;
  padding     : 5px 20px 30px;
  white-space : normal; }

.header-path .cp-plus-btn {
  background-color : #f5bf2f;
  display          : inline-block;
  height           : 18px;
  width            : 18px;
  text-align       : center;
  line-height      : 18px;
  vertical-align   : middle;
  color            : #fff;
  border-radius    : 4px; }

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu {
  -webkit-transform : scaleY(0);
  transform         : scaleY(0);
  transform-origin  : top; }

.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

section.panel {
  box-shadow     : none !important;
  background     : transparent !important;
  border         : none !important;
  margin-bottom  : 0 !important;
  border-radius  : 0 !important;
  padding-bottom : 0 !important; }

section.panel > header {
  padding-bottom : 15px;
  padding-top  : 24px; }

section.panel > header > h1 {
  display : block; }

section.panel > .panel-body {
  margin  : 0 !important;
  padding : 0 !important;
  padding-bottom: 10px !important; }

section.panel {
  box-shadow     : none !important;
  background     : transparent !important;
  border         : none !important;
  margin-bottom  : 0 !important;
  border-radius  : 0 !important;
  padding-bottom : 0 !important; }

section.panel > header {
  padding-bottom : 15px;
  padding-top  : 24px; }

section.panel > header > h1 {
  display : block; }

section.panel > .panel-body {
  margin  : 0 !important;
  padding : 0 !important;
  padding-bottom: 10px !important; }

footer {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  overflow         : hidden;
  display          : block;
  clear            : both;
  position         : relative;
  margin           : 0 !important;
  padding          : 0 !important;
  padding-top      : 6px !important;
  background-color : #eaeaea;
  margin-top       : 5px !important;
  font-size        : 14px; }

#footer-body {
  padding-top : 10px; }

#footer-about h1 {
  margin-top  : 0;
  padding-top : 5px !important; }

#footer-sum {
  padding-bottom : 0;
  line-height    : 1.7em; }

#footer-seal {
  margin-top : 0 !important;
  padding    : 20px 0 15px;
  position   : relative; }

#footer-seal > .footer-seal-wrap {
  margin   : auto;
  width    : 100%; }

#copyright {
  height         : 20px;
  line-height    : 20px;
  vertical-align : middle;
  box-sizing     : border-box;
  padding        : 3px 0 20px 0 !important;
  text-align     : left; }

[dir="rtl"] #copyright {
  text-align : left; }

#social {
  padding    : 13px 20px 40px 10px;
  text-align : right; }

[dir="rtl"] #social {
  text-align : right; }

#social a {
  background-color : #fff;
  height           : 30px;
  width            : 30px;
  border-radius    : 50px;
  vertical-align   : middle;
  line-height      : 30px;
  text-align       : center;
  color            : #162335;
  display          : inline-block;
  font-size        : 18px;
  margin-left      : 8px;
  margin-top       : 2px; }

#social a:hover {
  opacity          : 0.8;
  color            : #fff;
  background-color : #42a2ce; }

footer section {
  text-align : left;
  padding    : 10px 15px !important; }

[dir="rtl"] footer section {
  text-align : right; }

footer h1 {
  font-size : 1.5em;
  overflow  : hidden;
  padding   : 0.5em 0 0 0 !important; }

footer p {
  padding : 0 !important; }

footer a {
  color : #162335; }

footer a:hover {
  color           : #42a2ce;
  text-decoration : underline; }

footer h1 > img {
  width          : 65%;
  float          : left;
  padding-right  : 15px;
  vertical-align : middle;
  margin-top     : 0.3em; }

[dir="rtl"] h1 > img {
  padding-right : 0;
  padding-left  : 15px;
  float         : right; }

footer h2 {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  font-size      : 18px;
  width          : 90%;
  color          : #feb914;
  padding-bottom : 15px; }

footer ul {
  list-style : none;
  margin     : 0;
  padding    : 0; }

#footer-contacts strong {
  display        : block;
  padding-bottom : 10px; }

.donate-btn {
  margin-top  : 0 !important;
  padding-top : 0 !important;
  font-weight : normal !important; }
  .donate-btn .btn-primary {
    background-color : #42a2ce !important;
    color            : #feb914 !important;
    font-size        : 12px !important;
    border           : none !important; }

[dir="rtl"] .donate-btn .btn-primary {
  font-weight : normal !important; }

@media (max-width: 767px) {
  #copyright, #social {
    text-align : center !important; }

  footer h1 {
    text-align : center; }

  footer h1 > img {
    max-width  : 50%;
    float      : none !important;
    text-align : center;
    margin     : auto; }

  footer h2 {
    width : auto; }

  .text-center-xs {
    text-align : center !important; }

  #social {
    margin-top    : 35px !important;
    margin-bottom : 15px !important; } }

#footer-menu li {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  padding-bottom : 7px; }

.developed-by {
  opacity   : 0.6;
  font-size : 12px; }

@media (max-width: 768px) {
  .home-page {
    position : absolute;
    left     : 0;
    width    : 100%;
    top      : 56px; }

  .slide-container {
    width : 100%; } }

.slide-container {
  overflow : hidden;
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

#home-banner {
  position      : relative;
  height        : calc(100vh - 66px);
  margin-bottom : 0; }
  #home-banner > .cycle {
    position : relative; }
    #home-banner > .cycle > div {
      position : relative;
      display  : block;
      width    : 100vw;
      height   : calc(100vh - 66px);
      overflow : hidden; }
      #home-banner > .cycle > div > picture {
        display : block;
        height  : 100%;
        width   : 100%; }
        #home-banner > .cycle > div > picture > img {
          display         : block;
          width           : 100%;
          height          : 100%;
          object-fit      : cover;
          object-position : center; }
      #home-banner > .cycle > div > section {
        position       : absolute;
        bottom         : 0;
        left           : 0;
        width          : 30vw;
        height         : auto;
        padding-bottom : 30px;
        padding-top    : 5px; }
        #home-banner > .cycle > div > section > * {
          position : relative;
          z-index  : 1;
          color    : #fff !important; }
        #home-banner > .cycle > div > section > h1 {
          width           : 85%;
          padding         : 30px 20px;
          margin          : 0 !important;
          display         : flex;
          float           : left;
          justify-content : flex-end;
          flex-direction  : column;
          font-size       : 1.3em; }
        #home-banner > .cycle > div > section > a {
          border        : 2px solid #fff;
          padding       : 8px 25px;
          display       : inline-block;
          border-radius : 25px;
          font-size     : 0.7em;
          position      : relative;
          left          : -7%; }
          #home-banner > .cycle > div > section > a:hover {
            background-color : #fff;
            color            : #162335 !important;
            transition       : 0.5s ease; }
        @media (max-width: 1200px) {
  #home-banner > .cycle > div > section {
    width : 40vw; } }
        @media (max-width: 768px) {
  #home-banner > .cycle > div > section {
    width          : 65vw;
    padding-top    : 10px;
    padding-bottom : 30px; } }
        @media (max-width: 480px) {
  #home-banner > .cycle > div > section {
    width          : 100vw;
    height         : auto;
    padding-top    : 5px;
    padding-bottom : 30px;
    left           : 0; }
    #home-banner > .cycle > div > section > h1 {
      width : 100%; }
    #home-banner > .cycle > div > section > a {
      left : 0;
      zoom : 0.6; }
    #home-banner > .cycle > div > section:after {
      transform : none !important; } }
      #home-banner > .cycle > div > section:after {
        content          : ' ';
        display          : block;
        position         : absolute;
        top              : 0;
        bottom           : 0;
        right            : 0;
        transform        : skew(40deg);
        background-color : rgba(254, 185, 20, 0.7);
        z-index          : 0;
        left             : -15vw; }

@media only screen and (orientation: portrait) {
  #home-banner .cycle > div {
    height : calc(100vh - 66px); } }

@media only screen and (orientation: landscape) {
  #home-banner {
    height : calc(100vh - 240px); }

  #home-banner .cycle > div {
    height : calc(100vh - 240px); } }

#home-banner:hover .cycle-btn {
  opacity : 0.9; }

#home-banner:hover #cycle-next-btn {
  right : 0; }

#home-banner:hover #cycle-prev-btn {
  left : 0; }

.cycle-btn {
  position         : absolute;
  z-index          : 100;
  top              : 40%;
  height           : 20%;
  opacity          : 0;
  cursor           : pointer;
  transition       : all 0.7s ease;
  background-color : rgba(33, 33, 33, 0.6);
  padding          : 20px; }

#cycle-next-btn {
  right : -30px; }

#cycle-prev-btn {
  left : -30px; }

.my-home aside {
  padding : 0; }
  .my-home aside section {
    box-shadow : 0 0 0 1px #162335 inset;
    margin     : 0 0 20px;
    padding    : 0; }
    .my-home aside section h5 {
      background-color : #162335;
      padding          : 10px;
      color            : #fff;
      text-align       : start;
      margin           : 0; }
    .my-home aside section .box-content {
      padding : 10px; }

.donate-content {
  height     : 300px;
  overflow-y : scroll; }

.donate-img {
  width      : 100%;
  object-fit : scale-down; }

#counters-board {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  margin           : 20px 0 30px;
  overflow         : hidden;
  background-color : #25282a; }

#counters-board > h1 {
  text-align : left;
  color      : #fff;
  padding    : 40px 5px 15px; }

[dir="rtl"] #counters-board > h1 {
  text-align : right; }

@media (max-width: 767px) {
  #counters-board > h1 {
    text-align : center !important;
    width      : 100%; } }

#counters-board ul {
  list-style       : none;
  margin           : 0;
  padding          : 0;
  background-color : transparent;
  text-align       : center; }

#counters-board > ul > li {
  vertical-align : top;
  padding        : 10px 0 35px;
  box-sizing     : border-box;
  float          : none;
  display        : inline-block; }

#counters-board > ul > li > em {
  line-height    : 74px;
  font-size      : 30px;
  font-family: "Raleway", "Noto Sans", Arial, Helvetica, sans-serif;
  vertical-align : middle;
  padding-top    : 5px;
  display        : block;
  width          : 70px;
  height         : 70px;
  overflow       : hidden;
  text-align     : center;
  margin         : auto;
  color          : #fff;
  font-style     : normal;
  text-shadow    : 1px 1px #000;
  font-weight    : bold; }

#counters-board > ul > li > em:hover {
  opacity : 1;
  cursor  : pointer; }

a.counter {
  color : #feb914; }

a.counter:hover {
  text-decoration : none; }

#counters-board > ul > li > span {
  color       : #fff;
  font-size   : 18px;
  text-align  : center;
  display     : block;
  padding-top : 5px; }

.search-wrap {
  text-align  : end;
  padding-top : 55px; }

form.search {
  display   : inline-block;
  font-size : 14px; }
  form.search input {
    border  : 1px solid #d9d9d9;
    padding : 3px 10px;
    margin  : 0;
    float   : right;
    height  : 33px;
    width   : 18vw; }
  form.search button {
    border-width     : 0;
    background-color : #162335;
    color            : #fff;
    margin           : 0;
    float            : right;
    height           : 33px;
    width            : 33px; }

[dir="ltr"] form.search > * {
  float : left; }

.post-img {
  max-width : 100%;
  overflow  : hidden; }
  .post-img img {
    max-width : 100%; }

.post-meta {
  padding : 20px 0 0; }
  .post-meta i.fa {
    color: #feb914; }

.post-text {
  line-height: 2em;
  font-family : "Noto Sans", "Noto Naskh Arabic", Arial, serif !important; }

.posts-list section {
  max-width      : 100%;
  padding-bottom : 30px; }
  .posts-list section img {
    margin : 10px 0; }
  .posts-list section h4 {
    padding     : 0 0 3px;
    line-height : 1.6em; }
    .posts-list section h4 > a {
      color : #42a2ce; }
    @media (max-width: 768px) {
    .posts-list section h4 {
      padding : 13px 0; } }
  .posts-list section p {
    font-family : "Noto Sans", "Noto Naskh Arabic", Arial, serif !important;
    line-height : 2em;
    word-break  : break-word; }
  .posts-list section a.post-link {
    color : #42a2ce !important; }

.gallery-panel header {
  padding-top : 30px; }

#home-gallery {
  list-style : none;
  padding    : 0;
  margin     : 0; }

#home-gallery > li {
  padding    : 15px;
  margin     : 0;
  height     : 20vw;
  max-height : 400px;
  overflow   : hidden;
  cursor     : pointer;
  position   : relative; }

@media (max-width: 992px) {
  #home-gallery > li {
    float  : none;
    margin : auto;
    width  : 70%;
    height : 40vw; } }

@media (max-width: 480px) {
  #home-gallery > li {
    float  : none;
    margin : auto;
    width  : 100%;
    height : 60vw; } }

#home-gallery > li > figure {
  width    : 100%;
  height   : 100%;
  position : relative;
  overflow : hidden; }

#home-gallery > li > figure > figcaption {
  background-color : rgba(0, 0, 0, 0.7);
  height           : 100%;
  left             : 0;
  position         : absolute;
  top              : 0;
  width            : 100%;
  z-index          : 100;
  display          : block;
  opacity          : 0;
  transform        : scale(1.5);
  transition       : all 0.4s ease-in-out 0s; }

#home-gallery > li > figure:hover > figcaption {
  transform : scale(1);
  opacity   : 1; }

#home-gallery > li > figure > figcaption > a {
  display         : flex;
  flex-flow       : column;
  align-items     : center;
  justify-content : center;
  width           : 100%;
  height          : 100%;
  position        : relative;
  vertical-align  : middle;
  text-align      : center;
  font-size       : 23px;
  color           : #fff;
  text-decoration : none; }

#home-gallery > li > figure > figcaption > a > span {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  max-width      : 60%;
  text-align     : center;
  display        : inline-block;
  vertical-align : middle;
  line-height    : normal;
  text-transform : uppercase; }

#home-gallery > li > figure > img {
  height : 100%;
  width  : 100%;
  object-fit : cover;
  transition : all 0.4s ease-in-out 0s; }

#home-gallery > li > figure:hover > img {
  transform : scale(1.5); }

.gallery {
  padding-top : 20px;
  width       : 100%; }

#home-gallery > li > figure > section {
  display         : flex;
  flex-flow       : column;
  align-items     : center;
  justify-content : center;
  width           : 100%;
  height          : 100%;
  left            : 0;
  position        : absolute;
  top             : 0; }

#home-gallery > li > figure > section > .fa-play-circle {
  color          : #fff;
  display        : block;
  position       : relative;
  font-size      : 70px;
  line-height    : 230px;
  vertical-align : middle;
  opacity        : 0.7;
  z-index        : 50; }

#home-gallery > li > figure > section > .fa-video-camera {
  position  : relative;
  z-index   : 50;
  font-size : 40px;
  color     : #fff;
  display   : block;
  opacity   : 0.2; }

.panel {
  box-shadow : none; }

.semicolon-form-astric {
  color : #f00; }

.semicolon-form-editor .semicolon-form-field {
  width : 100%; }
  .semicolon-form-editor .semicolon-form-label {
    width : 50%; }
  .semicolon-form-editor .semicolon-form-control {
    width      : 75%;
    text-align : start; }
  .semicolon-form-editor .semicolon-form-note {
    display : block; }

.semicolon-val-err {
  border-color       : rgba(255, 0, 0, 0.8) !important;
  -webkit-box-shadow : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6) !important;
  -moz-box-shadow    : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6) !important;
  box-shadow         : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6) !important;
  background-color   : #fdd !important; }

.form-group {
  text-align : left; }

[dir="rtl"] .form-group {
  text-align : right; }

.semicolon-file-preview .semicolon-file-image {
  max-width : 87%; }

.semicolon-file-preview-tools {
  overflow : hidden;
  width    : 88%; }

.semicolon-file-preview-icon {
  float : left; }

.semicolon-file-preview-delete {
  float      : right;
  margin-top : 3px; }

.err-msg {
  text-align       : left;
  color            : #ffa200;
  text-shadow      : 1px 1px #c0c0c0;
  border           : 0 #ddd8cb solid;
  background-color : #fbfbf9;
  margin           : 10px 0;
  padding          : 10px 15px;
  font-weight      : bold;
  vertical-align   : middle;
  font-size        : 17px;
  overflow         : hidden; }

[dir="rtl"] .err-msg {
  text-align : right; }

.done-msg {
  color       : #1dac29 !important;
  text-shadow : none !important; }

.err-msg-icon {
  float  : left;
  margin : 0 7px; }

.semicolon-login-panel {
  width  : 50%;
  margin : 5% auto auto; }
  .semicolon-login-panel .panel-title {
    border-bottom : 5px #191919 solid;
    padding       : 10px 0; }
  .semicolon-login-panel .panel-body {
    padding : 0; }
  .semicolon-login-panel .semicolon-form-field {
    width : 100%; }
  .semicolon-login-panel .semicolon-form-note {
    display : none; }
  .semicolon-login-panel .semicolon-form-control {
    width : 60%; }

.semicolon-login-msg {
  color       : #d9534f;
  text-shadow : 1px 1px #360a16;
  padding     : 15px 27%; }

.table-view {
  width : 100%; }

.table-view thead tr {
  border-bottom : 2px #162335 solid !important; }

.table-view thead th {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  text-align : center;
  padding    : 20px 5px;
  font-size  : 0.9em; }

[dir="rtl"] .table-view thead th {
  font-weight : normal; }

.table-view tbody > tr {
  border-bottom : 1px #87a4bc solid !important; }

.table-view tbody > tr:nth-child(odd) {
  background-color : #fafafa; }

.table-view tbody > tr:hover {
  background-color : rgba(110, 183, 79, 0.15); }

.table-view tbody > tr:hover > td:first-child {
  background-color : #ffcb26 !important;
  color            : #fff;
  background-clip  : padding-box; }

.table-view tbody > tr:hover > td:first-child > a {
  color : #fff !important; }

.table-view td {
  padding    : 15px;
  text-align : center; }

.table-view tbody > tr:nth-child(odd) > td:first-child {
  background-color : #f5f5f5; }

.table-view tbody > tr:nth-child(even) > td:first-child {
  background-color : #fafafa; }

.edit-cell, .del-cell {
  width : 80px; }

.pagination_wrap {
  padding-top : 20px;
  text-align  : right; }

[dir="rtl"] .pagination_wrap {
  text-align : left; }

a.semicolon-link, a.semicolon-link:hover {
  color           : #191919;
  text-decoration : none; }

.semicolon-link > img {
  vertical-align  : middle;
  border          : none;
  text-decoration : none;
  margin          : 0 5px; }

.semicolon-link > span {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  vertical-align : middle; }

.semicolon-link:hover > span {
  text-decoration : underline;
  /*RELATED LINKS*********************************************************************************************************/ }

.rel-links-panel {
  text-align     : left;
  clear          : both;
  margin-top     : 10px;
  padding-bottom : 20px; }

[dir="rtl"] .rel-links-panel {
  text-align : right; }

.rel-link {
  display : inline-block;
  margin  : 10px 10px 10px 0; }

[dir="rtl"] .rel-link {
  margin : 10px 0 10px 10px; }

.rel-link a {
  background-color : #f7f7f7;
  display          : inline-block; }

.rel-link a img {
  margin : auto 10px; }

.rel-link a > .fa {
  padding-top    : 1px;
  padding-left   : 14px;
  padding-right  : 10px;
  vertical-align : middle;
  opacity        : 0.9; }

[dir="rtl"] .rel-link a > .fa {
  padding-right : 14px;
  padding-left  : 10px; }

.rel-link a:hover > .fa {
  opacity : 1; }

.rel-link a span {
  display          : inline-block;
  background-color : #162335;
  color            : #fff;
  padding          : 3px 10px; }

.rel-link a:hover {
  font-style       : normal;
  text-decoration  : none;
  background-color : #e6e5e5; }

.rel-link a span:hover {
  text-decoration  : none;
  background-color : #feb914;
  text-shadow      : 1px 1px #000; }

.rel-link a:hover span {
  text-decoration  : none;
  background-color : #feb914;
  text-shadow      : 1px 1px #000;
  /****************************************************************************************************************/ }

.tools-cp {
  width          : 100%;
  max-width      : 1000px;
  margin         : auto;
  padding-top    : 20px;
  padding-bottom : 20px;
  text-align     : center; }

.tools-cp > a {
  display          : inline-block;
  height           : 200px;
  width            : 200px;
  color            : #fff !important;
  background-color : #162335;
  text-align       : center;
  margin           : 10px;
  vertical-align   : middle; }

.tools-cp > a:hover {
  text-decoration  : none;
  color            : #fff !important;
  background-color : #feb914; }

.tools-cp > a > i {
  display    : block;
  font-size  : 40px;
  width      : 100%;
  text-align : center;
  padding    : 55px 20px 20px; }

.tools-cp > a > span {
  font-size       : 18px;
  text-decoration : none !important; }

.rel-link a span {
  background-color : #162335;
  max-width        : 90%; }

.semicolon-login-panel .panel-title {
  border-bottom-width : 0; }

.tools-cp a {
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }

.newsletters-list td, .newsletters-list th {
  border     : 1px #162335 solid;
  padding    : 12px 25px;
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif;
  text-align : center; }
  .newsletters-list .download-btn {
    background-color : #162335;
    border-radius    : 20px;
    display          : block;
    padding          : 5px 20px;
    color            : #fff !important; }
  .newsletters-list .download-btn:hover {
    background-color : #feb914; }

.box-newsletter-btn {
  background-color : #162335;
  display          : block;
  padding          : 5px 20px;
  color            : #fff !important; }
  .box-newsletter-btn:hover {
    background-color : #feb914; }

ul.program-filters {
  list-style : none;
  font-family: "Noto Sans", "SwissraNormal", Arial, Helvetica, sans-serif; }
  ul.program-filters li {
    padding    : 10px; }
  ul.program-filters li a {
    display : block;
    padding : 15px 20px;
    border  : 1px solid #9b9b9b; }
    ul.program-filters li a:hover {
      background-color : #42a2ce;
      color            : white !important; }
    ul.program-filters li a.active {
      background-color: #feb914;
      color: #fff !important; }