.bg-white {
  background: #ffffff; }

.bg-gray-xlt {
  background: #F2F2F2; }

.bg-gray-lt {
  background: #ebebeb; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.justify {
  text-align: justify; }

.hidden-md,
.hidden-sm {
  display: none; }

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 33.75rem) {
    .container {
      width: 100%; } }
  @media only screen and (min-width: 60rem) {
    .container {
      width: 100%;
      max-width: 61.667em; } }

.row {
  position: relative;
  width: 100%; }

.row [class^="col"] {
  float: left;
  margin: 1.35135%;
  min-height: 0.125rem; }

.row::after {
  content: "";
  display: table;
  clear: both; }

.col-1,
.col-1-lg,
.col-1-md,
.col-10,
.col-10-lg,
.col-10-md,
.col-11,
.col-11-lg,
.col-11-md,
.col-12,
.col-12-lg,
.col-12-md,
.col-2,
.col-2-lg,
.col-2-md,
.col-3,
.col-3-lg,
.col-3-md,
.col-4,
.col-4-lg,
.col-4-md,
.col-5,
.col-5-lg,
.col-5-md,
.col-6,
.col-6-lg,
.col-6-mdv .col-7-md,
.col-7,
.col-7-lg,
.col-8,
.col-8-lg,
.col-8-md,
.col-9,
.col-9-lg,
.col-9-md {
  width: 97.2973%; }

.col-1-sm {
  width: 5.63063%; }

.col-2-sm {
  width: 13.96396%; }

.col-3-sm {
  width: 22.2973%; }

.col-4-sm {
  width: 30.63063%; }

.col-5-sm {
  width: 38.96396%; }

.col-6-sm {
  width: 47.2973%; }

.col-7-sm {
  width: 55.63063%; }

.col-8-sm {
  width: 63.96396%; }

.col-9-sm {
  width: 72.2973%; }

.col-10-sm {
  width: 80.63063%; }

.col-11-sm {
  width: 88.96396%; }

.col-12-sm {
  width: 97.2973%; }

@media only screen and (min-width: 60rem) {
  .col-1-lg {
    width: 5.63063%; }
  .col-2-lg {
    width: 13.96396%; }
  .col-3-lg {
    width: 22.2973%; }
  .col-4-lg {
    width: 30.63063%; }
  .col-5-lg {
    width: 38.96396%; }
  .col-6-lg {
    width: 47.2973%; }
  .col-7-lg {
    width: 55.63063%; }
  .col-8-lg {
    width: 63.96396%; }
  .col-9-lg {
    width: 72.2973%; }
  .col-10-lg {
    width: 80.63063%; }
  .col-11-lg {
    width: 88.96396%; }
  .col-12-lg {
    width: 97.2973%; } }

@media only screen and (min-width: 45rem) {
  .col-1-md {
    width: 5.63063%; }
  .col-2-md {
    width: 13.96396%; }
  .col-3-md {
    width: 22.2973%; }
  .col-4-md {
    width: 30.63063%; }
  .col-5-md {
    width: 38.96396%; }
  .col-6-md {
    width: 47.2973%; }
  .col-7-md {
    width: 55.63063%; }
  .col-8-md {
    width: 63.96396%; }
  .col-9-md {
    width: 72.2973%; }
  .col-10-md {
    width: 80.63063%; }
  .col-11-md {
    width: 88.96396%; }
  .col-12-md {
    width: 100%; }
  .col-spaced-1 {
    margin-left: 6.98198% !important; }
  .pull-right {
    position: absolute;
    right: 0; }
  [dir="rtl"] .pull-right {
    position: absolute;
    right: auto;
    left: 0; } }

@media only screen and (min-width: 45rem) {
  .col-1 {
    width: 5.63063%; }
  .col-2 {
    width: 13.96396%; }
  .col-3 {
    width: 22.2973%; }
  .col-4 {
    width: 30.63063%; }
  .col-5 {
    width: 38.96396%; }
  .col-6 {
    width: 47.2973%; }
  .col-7 {
    width: 55.63063%; }
  .col-8 {
    width: 63.96396%; }
  .col-9 {
    width: 72.2973%; }
  .col-10 {
    width: 80.63063%; }
  .col-11 {
    width: 88.96396%; }
  .col-12 {
    width: 97.2973%; }
  .hidden-sm {
    display: block; } }

@media only screen and (min-width: 60rem) {
  .hidden-md {
    display: block; } }

.col-offset-1 {
  margin-left: 9.68468% !important;
  margin-right: -9.68468% !important; }

.col-offset-2 {
  margin-left: 18.01802% !important;
  margin-right: -18.01802% !important; }

.col-offset-3 {
  margin-left: 26.35135% !important;
  margin-right: -26.35135% !important; }

.col-offset-4 {
  margin-left: 34.68468% !important;
  margin-right: -34.68468% !important; }

.col-offset-5 {
  margin-left: 43.01802% !important;
  margin-right: -43.01802% !important; }

.col-offset-6 {
  margin-left: 51.35135% !important;
  margin-right: -51.35135% !important; }

.col-offset-7 {
  margin-left: 59.68468% !important;
  margin-right: -59.68468% !important; }

.col-offset-8 {
  margin-left: 68.01802% !important;
  margin-right: -68.01802% !important; }

.col-offset-9 {
  margin-left: 76.35135% !important;
  margin-right: -76.35135% !important; }

.col-offset-10 {
  margin-left: 84.68468% !important;
  margin-right: -84.68468% !important; }

.col-offset-11 {
  margin-left: 93.01802% !important;
  margin-right: -93.01802% !important; }

.ifrcui [class^="icon-"], .ifrcui [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons_ifrc' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.footer-follow-us__sm-icon a {
  text-decoration: none;
  font-size: 1.15em; }

/* Copied from icomoon generated css*/
.icon-x:before {
  content: "\e99b";
  color: #12284c; }

.icon-mail:before {
  content: "\e999";
  color: #12284c; }

.icon-bell .path1:before {
  content: "\e956";
  color: #f5333f; }

.icon-bell .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: #12284c; }

.icon-bell .path3:before {
  content: "\e958";
  margin-left: -1em;
  color: #12284c; }

.icon-bell .path4:before {
  content: "\e959";
  margin-left: -1em;
  color: #12284c; }

.icon-bell .path5:before {
  content: "\e95a";
  margin-left: -1em;
  color: #f5333f; }

.icon-bell .path6:before {
  content: "\e95b";
  margin-left: -1em;
  color: #f5333f; }

.icon-calendar .path1:before {
  content: "\e95c";
  color: #f5333f; }

.icon-calendar .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path3:before {
  content: "\e95e";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path4:before {
  content: "\e95f";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path5:before {
  content: "\e960";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path6:before {
  content: "\e961";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path7:before {
  content: "\e962";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path8:before {
  content: "\e963";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path9:before {
  content: "\e964";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path10:before {
  content: "\e965";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path11:before {
  content: "\e966";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path12:before {
  content: "\e967";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path13:before {
  content: "\e968";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path14:before {
  content: "\e969";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path15:before {
  content: "\e96a";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path16:before {
  content: "\e96b";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path17:before {
  content: "\e96c";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path18:before {
  content: "\e96d";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path19:before {
  content: "\e96e";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path20:before {
  content: "\e96f";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path21:before {
  content: "\e970";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path22:before {
  content: "\e971";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path23:before {
  content: "\e972";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path24:before {
  content: "\e973";
  margin-left: -1em;
  color: #12284c; }

.icon-calendar .path25:before {
  content: "\e974";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path1:before {
  content: "\e975";
  color: #12284c; }

.icon-fax .path2:before {
  content: "\e976";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path3:before {
  content: "\e977";
  margin-left: -1em;
  color: #f5333f; }

.icon-fax .path4:before {
  content: "\e978";
  margin-left: -1em;
  color: #f5333f; }

.icon-fax .path5:before {
  content: "\e979";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path6:before {
  content: "\e97a";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path7:before {
  content: "\e97b";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path8:before {
  content: "\e97c";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path9:before {
  content: "\e97d";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path10:before {
  content: "\e97e";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path11:before {
  content: "\e97f";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path12:before {
  content: "\e980";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path13:before {
  content: "\e981";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path14:before {
  content: "\e982";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path15:before {
  content: "\e983";
  margin-left: -1em;
  color: #12284c; }

.icon-fax .path16:before {
  content: "\e984";
  margin-left: -1em;
  color: #12284c; }

.icon-goplatform .path1:before {
  content: "\e985";
  color: #ebeaea; }

.icon-goplatform .path2:before {
  content: "\e986";
  margin-left: -1em;
  color: #11274d; }

.icon-goplatform .path3:before {
  content: "\e987";
  margin-left: -1em;
  color: #11274d; }

.icon-goplatform .path4:before {
  content: "\e988";
  margin-left: -1em;
  color: #11274d; }

.icon-goplatform .path5:before {
  content: "\e989";
  margin-left: -1em;
  color: #11274d; }

.icon-goplatform .path6:before {
  content: "\e98a";
  margin-left: -1em;
  color: #12284c; }

.icon-goplatform .path7:before {
  content: "\e98b";
  margin-left: -1em;
  color: #ebeaea; }

.icon-goplatform .path8:before {
  content: "\e98c";
  margin-left: -1em;
  color: #ebeaea; }

.icon-goplatform .path9:before {
  content: "\e98d";
  margin-left: -1em;
  color: #ebeaea; }

.icon-goplatform .path10:before {
  content: "\e98e";
  margin-left: -1em;
  color: #ebeaea; }

.icon-phone .path1:before {
  content: "\e98f";
  color: #12284c; }

.icon-phone .path2:before {
  content: "\e990";
  margin-left: -1em;
  color: #f5333f; }

.icon-phone .path3:before {
  content: "\e991";
  margin-left: -1em;
  color: #f5333f; }

.icon-droppin .path1:before {
  content: "\e992";
  color: #f5333f; }

.icon-droppin .path2:before {
  content: "\e993";
  margin-left: -1em;
  color: #12284c; }

.icon-telegram .path1:before {
  content: "\e994";
  color: #ebeaea; }

.icon-telegram .path2:before {
  content: "\e995";
  margin-left: -1em;
  color: #12284c; }

.icon-telegram .path3:before {
  content: "\e996";
  margin-left: -1em;
  color: #12284c; }

.icon-telegram .path4:before {
  content: "\e997";
  margin-left: -1em;
  color: #12284c; }

.icon-viber:before {
  content: "\e998";
  color: #12284c; }

.icon-vk .path1:before {
  content: "\e9a2";
  color: #ebeaea; }

.icon-vk .path2:before {
  content: "\e9a3";
  margin-left: -1em;
  color: #12284c; }

.icon-vk .path3:before {
  content: "\e9a4";
  margin-left: -1em;
  color: #12284c; }

.icon-vk .path4:before {
  content: "\e9a5";
  margin-left: -1em;
  color: #12284c; }

.icon-web:before {
  content: "\e9a6";
  color: #12284c; }

.icon-whatsapp .path1:before {
  content: "\e9a7";
  color: #ebeaea; }

.icon-whatsapp .path2:before {
  content: "\e9a8";
  margin-left: -1em;
  color: #12284c; }

.icon-whatsapp .path3:before {
  content: "\e9a9";
  margin-left: -1em;
  color: #12284c; }

.icon-whatsapp .path4:before {
  content: "\e9aa";
  margin-left: -1em;
  color: #12284c; }

.icon-checkmark:before {
  content: "\e951";
  color: #12284c; }

.icon-slider-indicator:before {
  content: "\e952";
  color: #12284c; }

.icon-slider-indicator-active .path1:before {
  content: "\e953";
  color: #12284c; }

.icon-slider-indicator-active .path2:before {
  content: "\e954";
  margin-left: -1em;
  color: #f5333f; }

.icon-x-icon:before {
  content: "\e955";
  color: #f5333f; }

.icon-play-button .path1:before {
  content: "\e94f";
  color: #12284c;
  opacity: 0.9; }

.icon-play-button .path2:before {
  content: "\e950";
  margin-left: -0.908203125em;
  color: #f5333f;
  opacity: 0.9; }

.icon-download .path1:before {
  content: "\e94d";
  color: #f5333f; }

.icon-download .path2:before {
  content: "\e94e";
  margin-left: -1.2333984375em;
  color: #011e41; }

.icon-download-white:before {
  content: "\e94c";
  color: #fff; }

.icon-arrow-large:before {
  content: "\e903";
  color: #12284c; }

.icon-donate-coin .path1:before {
  content: "\e92c";
  color: #f5333f; }

.icon-donate-coin .path2:before {
  content: "\e92d";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path3:before {
  content: "\e92e";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path4:before {
  content: "\e92f";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path5:before {
  content: "\e930";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path6:before {
  content: "\e931";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path7:before {
  content: "\e932";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path8:before {
  content: "\e933";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path9:before {
  content: "\e934";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path10:before {
  content: "\e935";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path11:before {
  content: "\e938";
  margin-left: -1.142578125em;
  color: #011e41; }

.icon-donate-coin .path12:before {
  content: "\e939";
  margin-left: -1.142578125em;
  color: #12284c; }

.icon-magnifier .path1:before {
  content: "\e905";
  color: #12284c; }

.icon-magnifier .path2:before {
  content: "\e92a";
  margin-left: -0.98828125em;
  color: #f5333f; }

.icon-magnifier .path3:before {
  content: "\e92b";
  margin-left: -0.98828125em;
  color: #12284c; }

.icon-link .path1:before {
  content: "\e908";
  color: #f5333f; }

.icon-link .path2:before {
  content: "\e928";
  margin-left: -1.0185546875em;
  color: #011e41; }

.icon-facebook:before {
  content: "\e927";
  color: #12284c; }

.icon-instagram:before {
  content: "\e909";
  color: #12284c; }

.icon-linkedin:before {
  content: "\e907";
  color: #12284c; }

.icon-tiktok:before {
  content: "\e902";
  color: #12284c; }

.icon-twitter:before {
  content: "\e901";
  color: #12284c; }

.icon-youtube:before {
  content: "\e900";
  color: #12284c; }

.icon-accordion_icon:before {
  content: "\e937";
  color: #12284c; }

.icon-donate .path1:before {
  content: "\e936";
  color: #011e41; }

.icon-donate .path2:before {
  content: "\e93a";
  margin-left: -0.96484375em;
  color: #f5333f; }

.icon-donate .path3:before {
  content: "\e93b";
  margin-left: -0.96484375em;
  color: #011e41; }

.icon-funding .path1:before {
  content: "\e90b";
  color: #f5333f; }

.icon-funding .path2:before {
  content: "\e90c";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path3:before {
  content: "\e90d";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path4:before {
  content: "\e90e";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path5:before {
  content: "\e90f";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path6:before {
  content: "\e910";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path7:before {
  content: "\e911";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path8:before {
  content: "\e912";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path9:before {
  content: "\e913";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path10:before {
  content: "\e914";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path11:before {
  content: "\e915";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path12:before {
  content: "\e916";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path13:before {
  content: "\e917";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path14:before {
  content: "\e918";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path15:before {
  content: "\e919";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path16:before {
  content: "\e91a";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path17:before {
  content: "\e91b";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path18:before {
  content: "\e91c";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path19:before {
  content: "\e91d";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path20:before {
  content: "\e91e";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path21:before {
  content: "\e91f";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path22:before {
  content: "\e920";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path23:before {
  content: "\e921";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path24:before {
  content: "\e922";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path25:before {
  content: "\e923";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path26:before {
  content: "\e924";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path27:before {
  content: "\e925";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-funding .path28:before {
  content: "\e926";
  margin-left: -0.8525390625em;
  color: #011e41; }

.icon-helping-hands .path1:before {
  content: "\e90a";
  color: #011e41; }

.icon-helping-hands .path2:before {
  content: "\e929";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path3:before {
  content: "\e93c";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path4:before {
  content: "\e93d";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path5:before {
  content: "\e93e";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path6:before {
  content: "\e93f";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path7:before {
  content: "\e940";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path8:before {
  content: "\e941";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path9:before {
  content: "\e942";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path10:before {
  content: "\e943";
  margin-left: -0.6748046875em;
  color: #011e41; }

.icon-helping-hands .path11:before {
  content: "\e944";
  margin-left: -0.6748046875em;
  color: #f5333f; }

.icon-link-white:before {
  content: "\e906";
  color: #fff; }

.icon-share .path1:before {
  content: "\e904";
  color: #12284c; }

.icon-share .path2:before {
  content: "\e945";
  margin-left: -1.0029296875em;
  color: #12284c; }

.icon-share .path3:before {
  content: "\e946";
  margin-left: -1.0029296875em;
  color: #12284c; }

.icon-share .path4:before {
  content: "\e947";
  margin-left: -1.0029296875em;
  color: #12284c; }

.icon-share .path5:before {
  content: "\e948";
  margin-left: -1.0029296875em;
  color: #12284c; }

.icon-share .path6:before {
  content: "\e949";
  margin-left: -1.0029296875em;
  color: #f5333f; }

.icon-share .path7:before {
  content: "\e94a";
  margin-left: -1.0029296875em;
  color: #f5333f; }

.icon-share .path8:before {
  content: "\e94b";
  margin-left: -1.0029296875em;
  color: #f5333f; }

.icon-close:before {
  content: "\e99a";
  color: #ff3501; }

.nsDir-bg {
  background-color: #F2F2F2; }

#national-societies-form {
  width: 100%; }
  #national-societies-form .ajax-progress-throbber {
    position: absolute;
    left: 0;
    top: 145px;
    width: 100%;
    height: 3000px;
    z-index: 600;
    margin-left: 0;
    margin-right: 0;
    display: block;
    background-color: #aaa;
    opacity: .7; }
    @media screen and (min-width: 68.75rem) {
      #national-societies-form .ajax-progress-throbber {
        top: 257px; } }
    #national-societies-form .ajax-progress-throbber .throbber {
      position: absolute;
      display: block;
      width: 200px;
      height: 200px;
      left: 50%;
      margin-left: -100px;
      top: 130px;
      background-image: url("/themes/custom/ifrc_theme/assets/svg/surface.svg");
      z-index: 100; }
    #national-societies-form .ajax-progress-throbber .message {
      display: none; }
  @media screen and (min-width: 33.75rem) {
    #national-societies-form .choices {
      position: absolute;
      z-index: 26;
      padding-top: 28px;
      width: 300px; } }

#nsDir h2.heading {
  padding-top: 15px; }

#nsDir .mdc-tab {
  height: 50px;
  overflow: hidden; }
  #nsDir .mdc-tab:lang(ar) {
    height: 80px; }

#nsDir #edit-national-society {
  max-width: 370px; }
  @media screen and (min-width: 68.75rem) {
    #nsDir #edit-national-society {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content; } }

#nsDir #edit-region {
  max-width: 61.667em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px; }

@media screen and (min-width: 33.75rem) {
  #nsDir #ns-list-wrapper {
    width: 100%;
    max-width: 61.667em;
    margin-left: auto;
    margin-right: auto; } }

#nsDir #ns-list-wrapper .form-type-select.js-form-item-national-society {
  position: inherit;
  margin: auto;
  z-index: 25; }

#nsDir #map {
  display: none; }
  @media screen and (min-width: 33.75rem) {
    #nsDir #map {
      display: block; } }

#nsDir .chosen-container .chosen-results {
  max-height: 204px; }

#nsDir #edit-map {
  /*
        background-image: url("/themes/custom/ifrc_theme/assets/images/people_blue.jpg");
        height: 151px;
        background-position: center;
        background-size: cover;
        */ }
  @media screen and (min-width: 33.75rem) {
    #nsDir #edit-map {
      height: 400px; } }

#nsDir #ns-contacts-container {
  background-color: #fff;
  padding: 0 2px 70px; }
  #nsDir #ns-contacts-container > div > div > div:first-child {
    font-weight: bold;
    font-size: 2rem;
    padding: 20px 0;
    font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700; }
    #nsDir #ns-contacts-container > div > div > div:first-child:lang(ar) {
      font-weight: 800; }
  @media screen and (min-width: 68.75rem) {
    #nsDir #ns-contacts-container {
      padding: 0 70px 70px; } }
  #nsDir #ns-contacts-container .ns-contacts-wrapper {
    width: 100%;
    max-width: 61.667em;
    margin-left: auto;
    margin-right: auto; }

#nsDir input[type="radio"] {
  color: red;
  max-height: 10px;
  min-height: 5px; }

#nsDir input[type="radio"]:checked + h6 {
  background-color: #f5333f; }
  #nsDir input[type="radio"]:checked + h6 label {
    color: white; }

#nsDir input[name=region] {
  display: none; }

#nsDir .mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  display: none; }

#nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region {
  float: left;
  width: 19%;
  background: white;
  margin-right: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  flex: 1; }
  #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading {
    text-transform: uppercase;
    font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #172c58;
    margin: 0;
    min-height: 58px;
    padding: 17px 6px;
    width: 100%;
    z-index: 25; }
    #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) {
      font-weight: 800; }
    #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading:lang(ar) {
      line-height: 1.5;
      height: inherit; }
    #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label {
      font-weight: bold;
      font-size: 1rem;
      z-index: 25;
      width: 100%;
      padding: 50% 10px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      letter-spacing: normal; }
      #nsDir .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-region.form-item-region .field__heading label:lang(ar) {
        white-space: break-spaces;
        margin: 0; }

#nsDir div.form-radios {
  background-color: transparent;
  height: auto;
  position: relative;
  z-index: 25; }
  #nsDir div.form-radios .mdc-tab {
    padding-right: 0;
    padding-left: 0;
    display: block; }
  #nsDir div.form-radios .mdc-tab__content {
    pointer-events: auto; }
  @media screen and (min-width: 68.75rem) {
    #nsDir div.form-radios {
      margin-top: -32px;
      margin-left: 70px;
      margin-right: auto; } }

#nsDir div.form-radios {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row; }
  #nsDir div.form-radios .js-form-type-radio {
    display: block;
    min-width: 170px; }

/* .text-block {
  padding: 95px 0 75px; } */

@media screen and (min-width: 60rem) {
  .image_right {
    display: inline-flex;
    flex-direction: row-reverse; } }

.text-block li {
  margin: 20px; }

@media only screen and (max-width: 45rem) {
  .story-display-container {
    padding: 0px;
    background: #ffffff !important; }
    .story-display-container .container {
      width: 100%; }
    .story-display-container .container.heading-container.text-block__container {
      margin-bottom: -25px;
      z-index: 10;
      position: relative;
      margin-top: 0; } }

.story-display-container .story-display .article-pr-featured-image__info.col-4 {
  border-bottom: none; }

@media only screen and (max-width: 45rem) {
  .story-display-container .story-display .col-8-sm.text-block__image-container {
    width: 100%;
    margin: 0; }
  .story-display-container .story-display .col-7-sm.text-block__body-container {
    width: 100%;
    margin: 0;
    background: #ffffff;
    padding: 15px 25px; } }

@media screen and (min-width: 45rem) {
  .story-display-container .story-display.image_right {
    display: block;
    flex-direction: none; }
    .story-display-container .story-display.image_right .col-8-sm.text-block__image-container {
      position: absolute;
      z-index: 1;
      display: block;
      right: 0; }
    .story-display-container .story-display.image_right .article-pr-featured-image__info.col-4 {
      padding-left: 40%;
      background: transparent; }
    .story-display-container .story-display.image_right:lang(ar) .col-7-sm.text-block__body-container {
      float: left; }
  .story-display-container .story-display.image_left .col-8-sm.text-block__image-container {
    position: absolute;
    z-index: 1;
    display: block;
    left: 0; }
  .story-display-container .story-display.image_left .col-7-sm.text-block__body-container {
    float: right; }
  .story-display-container .story-display.image_left .article-pr-featured-image__info.col-4 {
    padding-right: 40%;
    background: transparent; }
  .story-display-container .story-display .col-7-sm.text-block__body-container {
    position: relative;
    z-index: 50;
    background: #ffffff;
    padding: 15px 35px;
    margin-top: 50px; }
  .story-display-container .story-display .row.text-block__row.image_right {
    display: block; } }