@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;
}

p {
  font-family: 'Gibson';
}

li {
  font-family: 'Gibson';
}

td {
  font-family: 'Gibson';
}
td {
    font-family: 'Gibson';
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    vertical-align: baseline;
}
figure.wp-block-table.is-style-stripes tr:first-child td {
    background: #cccccc;
}

.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: 'JannaLTW05-Regular', Arial, Helvetica, sans-serif;
  background-color: #f5fafc;
}

body.ar h1,
body.ar h2,
body.ar h3 {
  font-family: 'JannaLTW05-Bold';
  text-align: right;
}

body.ar p {
  font-family: 'JannaLTW05-Regular';
  text-align: right;
}

body.ar li {
  font-family: 'JannaLTW05-Regular';
  text-align: right;
}

body.ar td {
  font-family: 'JannaLTW05-Regular';
  text-align: right;
}

body.ar .link-secondary {
  font-family: 'JannaLTW05-Regular';
}

body.ar .link-primary {
  font-family: 'JannaLTW05-Bold';
}

body.ar .label-primary {
  font-family: 'JannaLTW05-Bold';
}

body.ar .subheader-text {
  font-family: 'JannaLTW05-Bold';
}

body.ar b,
strong {
  font-family: 'JannaLTW05-Bold';
}

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: 'MYingHeiPRCW48-W2', 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;
}

.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 center;
  background-size: cover;
}

/* NAVIGATION */

.navbar-brand img
{
	height: 40px;
}
.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: 500;
  color: #009cd6;
  text-decoration: none;
}

section {
  padding:0px;
}

.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;
		
	}
	section#footer a
	{
		color: #ffffff;
	}
	.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 {
		color: #ffffff;
	}
	section#footer a.social_link
	{
		text-indent: 1000px;
		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;
	}
	
	#footer .list-unstyled
	{
		width: 100%;
	}
	
#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;
}

section#footer img 
{
	display: revert !important;
	width: 80px;
}
section#footer .footer_link_container .footer_link {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	display: inline-block;
	padding-right: 10px;
}
.social-link {
	float: right;
	text-align: right;
}

.copyright {
	float: right;
	text-align: right;
}
#sectormenu .nav-link {
	color: #ffffff;
	  font-family: 'Gibson';
  font-weight: 500;
}
#language_switcher_wrapper_block {
	position: absolute;
	right: 0rem;
	bottom: 0;
	top: 0;
}
#the_gender_divide .content a {
	color: #000000;
}

	section#inner_banner {
	height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	display: table-cell;
	width: 100vw;
	vertical-align: bottom;
	padding-bottom: 2rem;
	}
	section#inner_banner h1
	{
		color: #ffffff;
	}
	.menu-item {
	margin-left: 0px;
	}
	#menu-home-main-menu {
	padding-left: 2rem;
	}
	.navbar-toggler {
	background-color: #ffffff !important;
	margin-right: 15px;
	}
	
	span.button {
		width: auto;
		min-width: 120px;
		display: inline-block;
	}
	a.nav-link {
	color: #000000;
	  font-family: 'Gibson';
  font-weight: 500;
	}
	.skip-link.screen-reader-text {
	display: none;
	}


/* MEDIA QUERIES */

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

@media (min-width: 1281px) {
  /* CSS */

  #footer .social-link {
    text-align: right !important;
  }
}

/* 
  ##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 */
}

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

@media (min-width: 320px) and (max-width: 480px) 
{
  /* CSS */
  	#menu-home-main-menu {
	padding-left: 0rem;
	}
	#menu-home-main-menu li {
	width: 100%;
	}
	li.sector_menu a.nav-link {
	background-color: #f5fafc;
	padding-left: 1rem;
	color: #000000 !important;
	  font-family: 'Gibson';
  font-weight: 500;
	}
	li.sector_menu {
	margin-left: 0px;
	}
	#site-content {
	overflow: hidden;
	background-color: #ffffff;
	}
}

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