@font-face {
    font-family: "Gibson";
    src: url("../fonts/gibson/Gibson-Regular.woff2") format("woff2"), url("../fonts/gibson/Gibson-Regular.woff") format("woff");
    font-weight: 400;
	  }
	  
	  @font-face {
	    font-family: "Gibson";
	    src: url("../fonts/gibson/Gibson-Medium.woff2") format("woff2"), url("../fonts/gibson/Gibson-Medium.woff") format("woff");
	    font-weight: 500;
	  }
	  
	  @font-face {
	    font-family: "Gibson";
	    src: url("../fonts/gibson/Gibson-SemiBold.woff2") format("woff2"), url("../fonts/gibson/Gibson-SemiBold.woff") format("woff");
	    font-weight: 600;
	  }

body {
  font-family: 'Gibson', Arial, Helvetica, sans-serif;
  background-color: #f5fafc;
  overflow-x: hidden;
}
h1,
h2,
h3 {
  font-family: "Gibson";
		font-weight: 600;
}
body h1, h2, h3 
{
	font-family: "Gibson";
		font-weight: 600;
}
body#ar h1, h2, h3 
{
	font-family: "Gibson";
		font-weight: 600;
}
body#ar p
{
	font-family:"Gibson" ;
}

p {
  font-family: 'Gibson';
}

li {
  font-family: 'Gibson';
}

td {
  font-family: 'Gibson';
}

.link-secondary {
  font-family: 'Gibson';
}

.link-primary {
  font-family: "Gibson";
		font-weight: 600;
}

.label-primary {
  font-family: "Gibson";
		font-weight: 600;
}

.subheader-text {
  font-family: "Gibson";
		font-weight: 600;
}

.link-dark {
  color: #343a40;
  font-family: "Gibson";
		font-weight: 600;
  /* position: absolute; */
  border: none;
  border: solid 2px transparent;
  transition: background-color 0.3s;
}

.menu-link-header {
  display: inline-block;
  margin-right: 1rem;
  margin-right: auto;
  width: 100%;
}
.menu-link-item {
  float: left;
  margin-right: 20px;
}

.link-dark:hover,
.link-dark:focus {
  color: rgb(126, 126, 126);
  cursor: pointer;
  text-decoration: none;
  border-radius: 7px;
}

body.ar {
  font-family: 'Noto Naskh Arabic', Arial, Helvetica, sans-serif;
  background-color: #f5fafc;
}

body.ar h1,
body.ar h2,
body.ar h3 {
  font-family: 'Noto Naskh Arabic';
  text-align: right;
}

body.ar p {
  font-family: 'Noto Naskh Arabic';
  text-align: right;
}

body.ar li {
  font-family: 'Noto Naskh Arabic';
  text-align: right;
}

body.ar td {
  font-family: 'Noto Naskh Arabic';
  text-align: right;
}

body.ar .link-secondary {
  font-family: 'Noto Naskh Arabic';
}

body.ar .link-primary {
  font-family: 'Noto Naskh Arabic';
}

body.ar .label-primary {
  font-family: 'Noto Naskh Arabic';
}

body.ar .subheader-text {
  font-family: 'Noto Naskh Arabic';
}

body.ar b,
strong {
  font-family: 'Noto Naskh Arabic';
}

body.ar .card-text {
  text-align: right;
}
body.ar .list-group {
  padding-right: 0px;
  margin-right: 20px;
}
body.ar .list-group li {
  margin-right: 20px;
}

body.ru {
  font-family: 'Gibson', Arial, Helvetica, sans-serif;
  background-color: #f5fafc;
}

body.ru h1,
body.ru h2,
body.ru h3 {
  font-family: "Gibson";
		font-weight: 600;
}

body.ru p {
  font-family: 'Gibson';
}

body.ru li {
  font-family: 'Gibson';
}

body.ru td {
  font-family: 'Gibson';
}

body.ru .link-secondary {
  font-family: 'Gibson';
}

body.ru .link-primary {
  font-family: "Gibson";
		font-weight: 600;
}

body.ru .label-primary {
  font-family: "Gibson";
		font-weight: 600;
}

body.ru .subheader-text {
  font-family: "Gibson";
		font-weight: 600;
}

body.zh-hans {
  font-family: 'Noto Serif TC', Arial, Helvetica, sans-serif;
  background-color: #f5fafc;
}

body.zh-hans h1,
body.zh-hans h2,
body.zh-hans h3 {
  font-family: "Gibson";
		font-weight: 600;
}

body.zh-hans p {
  font-family: 'Gibson';
}

body.zh-hans li {
  font-family: 'Gibson';
}

body.zh-hans td {
  font-family: 'Gibson';
}

body.zh-hans .link-secondary {
  font-family: 'Gibson';
}

body.zh-hans .link-primary {
  font-family: "Gibson";
		font-weight: 600;
}

body.zh-hans .label-primary {
  font-family: "Gibson";
		font-weight: 600;
}

body.zh-hans .subheader-text {
  font-family: "Gibson";
		font-weight: 600;
}

body.ar #inner-page-section {
  text-align: right;
}


section#sectormenu {
	padding: 0px;
}

section#sectormenu .nav-item {
	margin-top: 0px;
}
section#sectormenu .nav-item .nav-link {
	color: #ffffff !important;
	font-family: "Gibson";
		font-weight: 500;
}


#intro h1 {
	text-align: center;
	font-family: Bitter;
	font-size: 1.6rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.navbar-brand img 
{
height: 50px;
}
li.menu-item 
{
font-family: "Gibson";
		font-weight: 500;
color: #000000;
margin-left: 0px !important;
margin-top: 0px !important;
}
li.menu-item a 
{
color: #000000;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
text-decoration: none;
}
li.menu-item a:hover 
{
color: #009cd6;
}
		
.dropdown-menu li.menu-item 
{
	margin-left: 0px;
	margin-top: 0px;
}


span.highlighted_menu {
	border: 3px solid #00a0e1;
	padding: 10px;
	border-radius: 9px;
	background: #f5fafc;
}

.dropdown-menu {
  border-radius: 0px;
}
.dropdown-menu li {
  border-bottom: 1px solid #cccccc;
}
.dropdown-menu li:last-child {
  border-bottom: 0px solid #cccccc;
}
b,
strong {
  font-family: "Gibson";
		font-weight: 500;
}
body b,
body strong {
  font-family: "Gibson";
		font-weight: 500;
}

html {
  font-size: 16px;
  overflow-x: hidden;
  overflow-y: scroll;

  @media screen and (min-width: 900px) {
    font-size: 18px;
  }

  @media screen and (min-width: 1200px) {
    font-size: 20px;
  }
}

#innerpage-banner {
  width: 100%;
  height: 350px;
  position: relative;
  background-repeat: no-repeat;

  background-position: top left;
  background-size: auto 100%;
  background-color: #ffffff;
}
.10_moments_card
{
		min-height:850px;	
}



/* NAVIGATION */

.primary-menu a {
	color: #000000;
	display: block;
	line-height: 1.2;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
	font-family: "Gibson";
		font-weight: 500;
	font-weight: normal;
	-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
	text-decoration: none !important;
}
.primary-menu a:hover
{
	text-decoration:none;
	color:rgb(0, 160, 224) !important
}
.dropdown-toggle::after {
  content: none;
}
div.language_switcher_wrapper a#language_switcher {
  background-image: url('../images/icon-languages.png');
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: -1000px;
}
div.language_switcher_wrapper.show a#language_switcher {
  background-image: url('../images/icon-languages-blue.png');
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: -1000px;
}

body.ar div.language_switcher_wrapper a#language_switcher {
  background-image: url('../images/icon-languages.png');
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: -1000px;
  direction: ltr;
}
body.ar div.language_switcher_wrapper.show a#language_switcher {
  background-image: url('../images/icon-languages-blue.png');
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: -1000px;
  direction: ltr;
}
/* PROCESS BOX */

.process-box {
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after {
  content: '';
  border-top: 15px solid #ffffff;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff;
  display: inline-grid;
  position: absolute;
  right: -15px;
  top: 42%;
  transform: rotate(45deg);
  box-shadow: 3px -2px 3px 0px #00000036;
  z-index: 1;
}
.process-right:after {
  content: '';
  border-top: 15px solid #ffffff00;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff00;
  display: inline-grid;
  position: absolute;
  left: -15px;
  top: 42%;
  transform: rotate(45deg);
  box-shadow: -1px 1px 3px 0px #0000001a;
  z-index: 1;
}
.process-step {
  background: #00bcd4;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  height: 100%;
  padding-top: 8px;
  position: relative;
  top: -26px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: -6px 8px 0px 0px #00000014;
}
.process-point-right {
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00bcd4;
  box-shadow: 0 0 0px 4px #5c5c5c;
  margin: auto 0;
  position: absolute;
  bottom: 40px;
  left: -63px;
}
.process-point-right:before {
  content: '';
  height: 144px;
  width: 11px;
  background: #5c5c5c;
  display: inline-grid;
  transform: rotate(36deg);
  position: relative;
  left: -50px;
  top: -0px;
}
.process-point-left {
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00bcd4;
  box-shadow: 0 0 0px 4px #5c5c5c;
  margin: auto 0;
  position: absolute;
  bottom: 40px;
  right: -63px;
}
.process-point-left:before {
  content: '';
  height: 144px;
  width: 11px;
  background: #5c5c5c;
  display: inline-grid;
  transform: rotate(-38deg);
  position: relative;
  left: 50px;
  top: 0px;
}

.process-last:before {
  display: none;
}
.process-box p {
  z-index: 9;
}
.process-step p {
  font-size: 20px;
}
.process-step h2 {
  font-size: 39px;
}
.process-step:after {
  content: '';
  border-top: 8px solid #04889800;
  border-bottom: 8px solid #048898;
  border-left: 8px solid #04889800;
  border-right: 8px solid #048898;
  display: inline-grid;
  position: absolute;
  left: -16px;
  top: 0;
}
.process-step:before {
  content: '';
  border-top: 8px solid #ff000000;
  border-bottom: 8px solid #048898;
  border-left: 8px solid #048898;
  border-right: 8px solid #ff000000;
  display: inline-grid;
  position: absolute;
  right: -16px;
  top: 0;
}
.process-line-l {
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  right: -153px;
  top: 64px;
  z-index: 9;
}
.process-line-r {
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  left: -153px;
  top: 63px;
  z-index: 9;
}

/* PROCESS BOX */

.about_area_wrapper .videoOverlayicon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #ffffff4f;
  border-radius: 50%;
  position: absolute;
  top: 27%;
  left: 45%;
  background-image: url('../images/play--filled--alt.svg');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000px;
  overflow: hidden;
}

body.ar .about_area_wrapper .videoOverlayicon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #ffffff4f;
  border-radius: 50%;
  position: absolute;
  top: 27%;
  left: 45%;
  background-image: url('../images/play--filled--alt.svg');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000px;
  overflow: hidden;
  direction: ltr;
}

.owl-item .video.videoOverlayicon,
.owl-item .video-es.videoOverlayicon,
.owl-item .video-fr.videoOverlayicon,
.owl-item .video-ru.videoOverlayicon,
.owl-item .video-zh-hans.videoOverlayicon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #ffffff4f;
  border-radius: 50%;
  position: absolute;
  top: 20%;
  left: 45%;
  background-image: url('../images/play--filled--alt.svg');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000px;
  overflow: hidden;
}

body.ar .owl-item .video.videoOverlayicon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #ffffff4f;
  border-radius: 50%;
  position: absolute;
  top: 20%;
  left: 45%;
  background-image: url('../images/play--filled--alt.svg');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000px;
  overflow: hidden;
  direction: ltr;
}
#cta .storythumb {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 220px;
}
.owl-controls a.prev {
  background-color: transparent;
  border: 1px solid #212529;
}
.owl-controls a.prev img {
  position: relative;
  left: -2px;
}
.owl-controls a.next img {
  position: relative;
  left: -2px;
}

.owl-controls a.next {
  background-color: transparent;
  border: 1px solid #212529;
}

.owl-carousel .card a.thumbnail {
  width: 100%;
  height: 220px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-carousel .card .card-body {
}
.owl-carousel .card .card-body .video-category {
  text-transform: capitalize;
}

.owl-carousel .owl-item,
.owl-wrapper {
  float: right;
}
.owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  direction: ltr;
}
.owl-carousel {
  direction: ltr !important;
}

x.owl-carousel .owl-item {
  float: left;
  display: grid;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-right: 10px;
  min-height: 100% !important;
}

x.owl-carousel .owl-item .card {
  position: relative;
  /* display: -ms-flexbox; */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

#crsl-impactstories .story-category {
  background-image: url('blue-dot.png');
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position-y: 5px;
  background-size: 15px;
  color: #413e3e;
  font-family: "Gibson";
		font-weight: 500;
  text-transform: capitalize;
}

#crsl-videos .story-category {
  background-position-y: 5px;
  background-size: 15px;
  color: #6e6e6e;
  font-family: "Gibson";
		font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
}

.round {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.round .next {
}
.round .prev {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.bg-thehow {
  background: rgb(241, 77, 75);
  background: -moz-linear-gradient(
    90deg,
    rgba(241, 77, 75, 1) 0%,
    rgba(237, 72, 70, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(241, 77, 75, 1) 0%,
    rgba(237, 72, 70, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(241, 77, 75, 1) 0%,
    rgba(237, 72, 70, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f14d4b",endColorstr="#ed4846",GradientType=1);

  background: rgb(53, 157, 182);
  background: -moz-linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#359db6",endColorstr="#7ad5d6",GradientType=1);
}

.jumbotron {
  background: rgb(53, 157, 182);
  background: -moz-linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(53, 157, 182, 1) 0%,
    rgba(75, 172, 173, 1) 72%,
    rgba(122, 213, 214, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#359db6",endColorstr="#7ad5d6",GradientType=1);
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.ytp-cued-thumbnail-overlay-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
.parent:hover .child,
.parent:focus .child {
}
#crsl-impactstories .story-category {
  background-image: url('blue-dot.png');
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position-y: 5px;
  background-size: 15px;
  color: #413e3e;
  font-family: "Gibson";
		font-weight: 500;
  text-transform: capitalize;
}
.nopadding {
  padding: 0px;
}
.more_link_text {
  font-family: "Gibson";
		font-weight: 500;
  color: #000000;
}

.readmore_link {
  font-family: "Gibson";
		font-weight: 500;
  color: #000000;
  background-image: url('../images/icon-arrow-thin-right.png');
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  padding-right: 25px;
  text-decoration: none;
  padding-left: 0px;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
}
.readmore_link:hover {
  color: #009cd6;
  background-image: url('../images/icon-arrow-thin-right-blue.png');
  text-decoration: none;
}
body.ar .readmore_link {
  font-family: "Gibson";
		font-weight: 500;
  color: #000000;
  background-image: url('../images/icon-arrow-thin-left.png');
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  padding-left: 25px;
  text-decoration: none;
  padding-right: 0px;

  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
body.ar .readmore_link:hover {
  color: #009cd6;
  background-image: url('../images/icon-arrow-thin-left-blue.png');
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-block;
  width: 100%;
}

/*ALERT STYLES */
body.ar .alert-message-success {
  background-color: #f4fdf0;
  border-color: #eee;
}
body.ar .alert-message {
  margin: 20px 0;
  padding: 20px;
  border-right: 3px solid #3c763d;
}

.alert-message {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.alert-message h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.alert-message p:last-child {
  margin-bottom: 0;
}
.alert-message code {
  background-color: #fff;
  border-radius: 3px;
}
.alert-message-success {
  background-color: #f4fdf0;
  border-color: #3c763d;
}

.alert-message-success h4 {
  color: #3c763d;
  text-align: left;
}

body.ar .alert-message-success h4 {
  color: #3c763d;
  text-align: right;
}
.alert-message-danger {
  background-color: #fdf7f7;
  border-color: #d9534f;
}
.alert-message-danger h4 {
  color: #d9534f;
}
.alert-message-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e;
}
.alert-message-warning h4 {
  color: #f0ad4e;
}
.alert-message-info {
  background-color: #f4f8fa;
  border-color: #5bc0de;
}
.alert-message-info h4 {
  color: #5bc0de;
}
.alert-message-default {
  background-color: #eee;
  border-color: #b4b4b4;
}
.alert-message-default h4 {
  color: #000;
}
.alert-message-notice {
  background-color: #fcfcdd;
  border-color: #bdbd89;
}
.alert-message-notice h4 {
  color: #444;
}

/* ALERT STYLES END */

.carousel .carousel-item img {
  width: 100%;
}

.round {
  border-radius: 50%;
}
.card-title,
.carousel .carousel-item h4 {
  font-family: "Gibson";
		font-weight: 500;
  width: 100%;
}
.carousel .carousel-item h4 a {
  font-family: "Gibson";
		font-weight: 500;
  width: 100%;
  display: inline-block;
}
.carousel .carousel-item h4 a.ar {
  font-family: "Gibson";
		font-weight: 500;
  width: 100%;
  display: inline-block;
  text-align: right;
  display: inline-block;
}
.card-title,
.carousel .carousel-item h4 a,
.card-title a {
  color: #000000;
}

.card-title a {
  color: #000000;

  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.card-title a:hover {
  font-family: "Gibson";
		font-weight: 5600;
  color: #009cd6;
  text-decoration: none;
}

section {
  padding:inherit;
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.display-4 {
  font-size: 2em;
}
.sectionHeader {
  font-size: 3em;
  font-weight: bold;
}

section#areasofaction .card-body {
  height: 170px;
  padding: 30px;
}
section#areasofaction .aa_description {
  font-size: 1.4em;
}

#crsl-impactstories .card-body {
  max-height: 350px;
  overflow: hidden;
  min-height: 350px;
}
#crsl-impactstories .card-body div.card-text p {
  max-height: 170px;
  overflow: hidden;
  margin-bottom: 20px;
}
#impactareas {
}

section#impactareas .card .card-title {
  font-size: 2em;
}

section#footer {
  background-color: #009cd6 !important;
}
section#footer ul.footer_link_container {
	margin-left: 0px;
	padding-left: 0px;
}
section#footer .footer_link {
	list-style: none;
	display: inline-block;
	float: left;
	padding-right: 15px;
}
section#footer img {
	display: revert !important;
	height: 80px;
}
section#footer a {
  color: #ffffff !important;
	-webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
section#footer a:hover {
  text-decoration:none;
}
.social-link
{
	padding-left:0px !important;
	text-align:right;
}
.social-link a {
	background-color: #ffffff;
	width: 45px;
	height: 45px;
	padding: 10px 12px;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 10px;
}
section#footer a.social_link {
	text-indent: 5000px;
	overflow: hidden;
}

section#footer a.social_link.facebook {
	background-image: url("../images/logo--facebook.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.instagram {
	background-image: url("../images/logo--instagram.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.twitter {
	background-image: url("../images/logo--twitter.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.youtube {
	background-image: url("../images/logo--youtube.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.flickr {
	background-image: url("../images/logo--flickr.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.linkedin {
	background-image: url("../images/logo--linkedin.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.spotify {
	background-image: url("../images/spotify.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.soundcloud {
	background-image: url("../images/soundcloud.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.podcast {
	background-image: url("../images/podcast.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.podcast {
	background-image: url("../images/podcast.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.spreaker {
	background-image: url("../images/iconfinder_spreaker_4691469.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
section#footer a.social_link.tik-tok {
	background-image: url("../images/tik-tok.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

body.rtl #inner-page-section {
	text-align: right;
	direction: rtl;
}

#crsl-impactstories {
  margin: 0px;
  padding: 0px;
}
#crsl-impactstories .carousel-item .card {
  min-height: 500px;
}
.hide {
  display: none;
}

.ico-wrap {
  font-size: 2rem;
  font-weight: bold;
  font-family: "Gibson";
		font-weight: 600;
  text-align: center;
  background: black;
  display: inline-block;
  padding: 10px;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  color: #ffffff;
}
 
section#main-banner {
  background-color: #ffc315;
}
/* ABOUT AREA */

#about {
  padding-top: 30px;
}

.'about_area_wrapper' {
}
.about_area_thumb img.logo {
  width: auto;
}
.about_area_thumb img {
  width: auto;
}
.about_area_description {
  background-color: #ffffff;
  font-family: 'Gibson';
  font-size: 1rem;
  padding: 0px;
  width: 100%;
}
.about_area_video_frame {
  width: 100%;
}

/* ABOUT AREA */

/* AREA OF ACTION */

#areasofaction {
  padding-top: 30px;
}

.action_area_wrapper {
}
.action_area_thumb img {
  width: 100%;
}

.hero-image .strapline {
  position: absolute;
  font-family: "Gibson";
		font-weight: 600;
  color: #ffffff;
  font-size: 58px;
  text-align: center;
  width: 100%;
  top: 0px;
  left: 0px;
  padding-top: 26%;
}
.action_area_strapline {
  font-family: "Gibson";
		font-weight: 600;
  font-size: 38px;
  position: absolute;
  width: 92%;
  text-align: center;
  padding-top: 19%;
  color: #ffffff;
}
.action_area_description {
  background-color: #ffffff;
  font-family: 'Gibson';
  font-size: 1.4rem;
  padding: 30px;
  width: 100%;
  min-height: 250px;
}

.action_area_strapline {
  font-family: "Gibson";
		font-weight: 600;
  font-size: 38px;
  position: absolute;
  width: 92%;
  text-align: center;
  padding-top: 19%;
  color: #ffffff;
}
.action_area_description {
  background-color: #ffffff;
  font-family: 'Gibson';
  font-size: 1.4rem;
  padding: 30px;
  width: 100%;
  min-height: 250px;
}
body.ru .action_area_strapline {
}
body.ar .action_area_strapline {
}
body.zh-hans .action_area_strapline {
}
body.ru .action_area_description {
}
body.ar .action_area_description {
  text-align: right;
}
body.zh-hans .action_area_description {
}
body.ar p {
  text-align: right;
}
body.ar h1.section-heading {
  text-align: right;
}
body.ar h3.spotlight-strapline {
  text-align: right;
}
body.ar .card-title {
  text-align: right;
}

/* AREA OF ACTION */

/* CAROUSEL */

.carousel {
  margin: 30px auto 60px;
  padding: 0 80px;
}
.carousel .carousel-item {
  text-align: center;
  overflow: hidden;
}
.carousel .carousel-item h4 {
}
.carousel .carousel-item img {
  max-width: 100%;
  display: inline-block;
}
.carousel .carousel-item .btn {
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  background: #a177ff;
  padding: 6px 15px;
  margin-top: 5px;
}
.carousel .carousel-item .btn:hover {
  background: #8c5bff;
}
.carousel .carousel-item .btn i {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
.carousel .thumb-wrapper {
  margin: 5px;
  text-align: left;
  background: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.carousel .thumb-content {
  padding: 15px;
  font-size: 13px;
}
.carousel-control-prev,
.carousel-control-next {
  height: 44px;
  width: 44px;
  background: none;
  margin: auto 0;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.8);
}
.carousel-control-prev i,
.carousel-control-next i {
  font-size: 36px;
  position: absolute;
  top: 50%;
  display: inline-block;
  margin: -19px 0 0 0;
  z-index: 5;
  left: 0;
  right: 0;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: none;
  font-weight: bold;
}
.carousel-control-prev i {
  margin-left: -3px;
}
.carousel-control-next i {
  margin-right: -3px;
}
.carousel-indicators {
  bottom: -50px;
}
.carousel-indicators li,
.carousel-indicators li.active {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 4px;
  border: none;
}
.carousel-indicators li {
  background: #ababab;
}
.carousel-indicators li.active {
  background: #555;
}
/* CAROUSEL */

/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read 
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("photographer.jpg");*/

  /* Set a specific height */
  height: 100vh;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;

  height: auto;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #ffc315;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 100%;
}

.cta-text 
{
  font-weight: bold;
  font-size: 3.5rem;
}

#innerpage-banner.moments_page
{
	height: 600px;
    background-size: cover;
	background-position: left center;
}
#home_banner {
	padding: 0px;
	width: 100%;
	height: auto;
	min-height: 450px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#home_options::after 
{
	content: " ";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0.7;
	background: #116477;
}

.wp-block-column.box_01 {
	background-color: #e5f5fc;
	padding: 2rem;
}
.wp-block-columns {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
td {
	font-size: 1rem;
}
p.button {
	background-color: #009cd6;
	padding: 1rem;
	font-size: 1rem;
	text-transform: none;
	color: #ffffff !important;
	border-radius: .25rem;
}
p.button a {
	color: #ffffff !important;
	text-decoration: none;
}
p.button a:hover {
	color: #ffffff !important;
	text-decoration: none;
}
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1rem !important;
}

/* PANELLIST STYLES */

.wp-block-columns.row.panellist_block {
	margin-top: 0px !important;
}
.wp-block-columns.row.panellist_block .profile_block figure {
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
}
.wp-block-columns.row.panellist_block .profile_block {
	background-color: #ffffff;
	text-align: center;
	padding: 30px;
	line-height: normal;
}
.wp-block-columns.row.panellist_block .profile_block figure img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.wp-block-columns.row.panellist_block .profile_block p {
	line-height: normal;
}

#site-content .wp-block-columns .wp-block-column figure {
	margin-top: 1rem;
}

.wp-block-table td {
	min-width: 150px;
}

.wp-block-columns.speeaches_and_messages {
	margin-top: 0px !important;
}

 .wp-block-table.speeaches_and_messages {
	margin-top: 0px !important;
	margin-top: 0px;
	border: 0px;
}
.wp-block-table.speeaches_and_messages table
{
	border: 0px;
}
.wp-block-table.speeaches_and_messages td {
	width: auto;
	min-width: 10px;
	border: none;
	border-bottom: 1px solid #cccccc;
}
#home_introduction div.visual {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home_introduction .alert.alert-border {
	border: 2px solid #000000;
}

.border-light {
	border-color: #60686f26 !important;
}

.wp-block-separator.has-alpha-channel-opacity {
	margin-top: 0px;
	margin-bottom: 1rem;
	border-color: #60686f26;
}

.wp-block-separator.has-alpha-channel-opacity {
	margin-top: 0px;
	margin-bottom: 1rem;
}

.segment_label {
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Gibson";
		font-weight: 500;
	margin-bottom: 0px;
	font-size: .8rem;
}
.segment_title {
	font-family: "Gibson";
		font-weight: 600;
	font-size: 1.2rem;
}
.gict_calendar_of_events table th strong {
	font-size: 1rem;
}


#sectormenu {
	background-color: #e5f5fb;
	border-bottom: 2px solid #009cd6;
}
section#sectormenu #main_nav .nav-item 
{
	margin: 0.5rem 0 0 1rem !important;
}
section#sectormenu #main_nav .nav-item .nav-link {
	color: #000 !important;
	font-family: "Gibson";
		font-weight: 500;
	font-size: 14px;
}
li.menu-item a span {
	font-size: 16px;
	font-family: 'Gibson';
	font-weight: 800;
}

#home_introduction_html {
	margin-top: inherit; 
	background-color: #eedddd;
	background-color: transparent;
	padding: 0px 4vw 0px 4vw;
}
#home_introduction_html .content.introText
{
	font-family: Bitter;
  	line-height: 2rem;
  	max-width: 90%;
  	margin-left: 5%;
  	margin-right: 5%;
  	text-align: center;
}
body.rtl .card-body {
	text-align: right;
}
body.rtl #language_switcher {
	font-size: 1px !important;
}

.dropdown-menu.show {
	min-width: 6vw;
	text-align: center;
	left:-30px !important;
}
.dropdown-menu.show ul {
	width: 100%;
	margin-left: 2% !important;
	margin-right: 2% !important;
	min-width: 6vw;
}
.dropdown-menu.show ul li
{
	border-bottom: 0px !important;
}
.dropdown-menu ul li .wpml-ls-link {
	font-family: 'Gibson';
	font-size: 16px;
	font-weight: 500;
	color: #000000;
}

.navbar-light .navbar-brand {
	color: rgba(0,0,0,.9);
	margin-right: 1.5rem !important;
}

.gict_calendar_of_events_2024  table thead th {
	background: #009cd6;
	color: #ffffff;
	border: none;
	font-size: 1rem;
}

.gict_calendar_of_events_2024  table tbody td {
	background: #e5f5fb;
	border: none;
	border-bottom: 1px solid #cccccc;
}

.gict_calendar_of_events_2024  table {
	border: 0px;
}

.gict_calendar_of_events_2024 table tbody td:first-child {
	font-size: .8rem;
}

.gict_calendar_of_events_2024 table tbody td:first-child strong {
	font-size: 1rem;
}

.autotranslation_notification p {
	margin-bottom: 0px !important;
	font-size: .8rem;
}
body#en .autotranslation_notification  {
	display: none;
}

.wp-block-table.gict25_itucalendar table {
	margin-bottom: 0px;
	border: none;
}
.wp-block-table.gict25_itucalendar table td {
	font-size: .8rem;
	border-color: #e6e3e3;
	border-left: none;
	border-right: none;
}




/* MEDIA QUERIES */

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) 
{

  	#footer .social-link 
	{
    	text-align: right !important;
  	}
	.10_moments_card
	{
		min-height:850px;	
	}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
	
	.social-link
{
	padding-left:0px !important;
	text-align:left;
}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) 
{

	.social-link
	{
		padding-left:0px !important;
		text-align:left;
	}
	
	li.sector_menu {
		background-color: #c4e7f4;
		padding-left: 10px;
		margin-bottom: 15px;
		font-weight: bold
	}
	li.sector_menu a
	{
		color: #000000;
	}
	#menu-home-main-menu li.menu-item {
		font-family: "Gibson";
		font-weight: 500;
		color: #000000;
		width: 100%;
	}
	.navbar-nav.main-nav {
		margin-left: 0;
		margin-right: auto;
	}
	
	#home_introduction div.visual {
	    background-size: auto 100%;
	    background-repeat: no-repeat;
	    min-height: 300px;
	    background-size: cover;
	}
	#headermenu {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.navbar-toggler {
		background-color: #ffffff !important;
		margin-right: 1rem;
	}
	#innerpage-banner {
		width: 100%;
		height: 350px;
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% !important;
		height: 180px !important;
	}
	#inner-page-section {
	padding-top: 1rem !important;
	}
	
	
	.dropdown-menu.show {
	min-width: 30vw;
	text-align: left !important;
	left: 16px !important;
	}
	.dropdown-menu.show ul {
	width: 100%;
	margin-left: 2% !important;
	margin-right: 2% !important;
	min-width: 30vw;
	}
	#language_switcher_wrapper_block {
	position: absolute;
	right: 20px;
	top: 20px;
	}
	.navbar-light .navbar-brand {
	color: rgba(0,0,0,.9);
	margin-right: auto !important;
	}
	#history_introduction p {
	font-size: 16px !important;
	}
	
	.history_timeline h2 {
	font-size: 1.5rem;
	text-align: center;
	}
	li.menu-item 
	{
		width: 100%;
	}
	
	body.page-template #innerpage-banner 
	{
		background-size: auto 100% !important;
		background-position: top left;
	}
	
}

/* #site-content {
  background-color: #fff !important;
} */