.unfpa-slogan-text {
  color: #2a2a2a;
  font-size: 22px;
  font-family: "robotolight", sans-serif;
  margin: 0;
  padding: 30px 0;
  text-align: center;
}

#home-page-panel-display {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.panel-home-page .block-shadow-effect,
.block-shadow-effect {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  zoom: 1;
  padding: 0 0 5px;
}

.panel-home-page .home-page-block {
  margin: 0 0 12px;
}

/*----Common effect css start here----*/
.front #home-page-panel-display .card-title {
  margin-bottom:20px;
  color: #000000;
  font-size:30px;
  font-family: 'robotolight';
}

.front #home-page-panel-display .card-title a {
  color: #1486af;
  font-size: 16px;
  font-family: 'robotomedium';
  text-transform: uppercase;
}

.front #home-page-panel-display .pane-block {
  margin: 64px 0 0;
}
/*----Common effect css start here----*/

.home-page-top-full-block .custom-views-field {
  margin: 8px 5px 8px 0;
}

.home-page-block .views-field {
  margin: 8px 15px;
}

.home-page-block .views-field.field-image {
  margin: 0 0 8px;
}

.home-page-block .views-field-field-feature-banner-image,
.home-page-block .views-field-field-resource-cover-image,
.home-page-block .views-field-field-feature-banner-image {
  margin: 0 0 8px;
}

.home-page-block .views-field-field-feature-banner-image img,
.home-page-block .views-field-field-feature-banner-image img,
.home-page-block .views-field-field-resource-cover-image img,
.topic_blocklevel img {
  display: inline-block;
  height: auto;
  width: 100%;
  transition: -webkit-transform 2.4s linear;
  transition: transform 2.4s linear;
  transition: transform 2.4s linear , -webkit-transform 2.4s linear;
  -ms-interpolation-mode: bicubic;
}

.home-page-block .views-field-field-feature-banner-image img::after,
.home-page-block .views-field-field-feature-banner-image img::after,
.home-page-block .views-field-field-resource-cover-image img::after,
.topic_blocklevel img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background-image: linear-gradient(transparent,rgba(0,0,0,.5));
}

.img-effect-container {
  display: block;
  position: relative;
  overflow: hidden;
}

.active-img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.home-page-block.news-block .field-category-title .field-content,
.home-page-block.news-block .views-field-field-news-type .field-content,
.home-page-block.feature-block .field-category-title .field-content,
.home-page-block.feature-block .views-field-field-news-type .field-content {
  background-image: url("../images/new-homepage-icons.png");
  background-repeat: no-repeat;
  color: #e78a03;
  font-family: "robotolight", sans-serif;
  font-size: 16px;
  padding: 0 0 0 26px;
}

.home-page-block.news-block .views-field-field-news-type .field-content,
.home-page-block.feature-block .views-field-field-news-type .field-content {
  background-position: 0 -26px;
}

.home-page-block.news-block .field-category-title .field-content.video,
.home-page-block.feature-block .field-category-title .field-content.video {
  background-position: 0 -50px;
}

.home-page-block.news-block .field-category-title .field-content.publication,
.home-page-block.feature-block .field-category-title .field-content.publication {
  background-position: 0 -76px;
}

.home-page-block .views-field-field-blurb {
  color: #000000;
  font-family: "robotoregular", sans-serif;
  font-size: 14px;
}

.home-page-top-full-block .custom-views-field-title a,
.home-page-block .views-field-field-feature-title a,
.home-page-block .views-field-title a {
  font-family: "robotomedium", sans-serif;
  font-size: 16px;
  color: #037da9;
}

.home-page-top-full-block .custom-views-field-conditional {
  color: #000000;
}

.home-page-top-full-block .home-block-custom-footer {
  border-top: 1px solid #b7b7b7;
  bottom: 8px;
  padding: 15px 0 0;
  position: absolute;
  width: 100%;
}

.home-page-block.view-home-page .views-row .views-field.views-field-views-conditional {
  color: #000000;
  min-height: 78px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b7b7b7;
}

.home-page-block.view-home-page .views-row .views-field.views-field-field-resource-date,
.home-page-block.view-home-page .views-row .views-field.views-field-field-news-date,
.home-page-block.view-home-page .views-row .views-field.views-field-field-video-date,
.home-page-block.view-home-page .views-row .views-field.views-field-field-publication-date {
  float: left;
}

.home-page-block.view-home-page .views-row span.date-display-single {
  font-family: "robotoregular",sans-serif;
  font-size: 14px;
}

.home-page-block.view-home-page .views-row .views-field.views-field-view-node {
  float: right;
  font-size: 14px;
  text-align: right;
  font-family: "robotomedium",sans-serif;
}
/*.home-page-block close*/

.home-block-custom-footer .published-date {
  float: left;
  font-family: "robotoregular", sans-serif;
  font-size: 14px;
}

.home-block-custom-footer .content-link {
  float: right;
  font-family: "robotomedium", sans-serif;
  font-size: 14px;
  text-align: right;
}
/*home-block-custom-footer close*/

.panel-panel.panel-col.panel-bottom-row-1 {
  margin: 20px 0;
}

/*middle topic section css start*/
.home-middle-content .topic-block {
  margin: 70px 0;
}

.topic-section-title-wrapper {
  margin: 20px 0;
}

.topic-section-title-wrapper span.home-section-title {
  font-family: "robotolight", sans-serif;
  color: #000000;
  font-size: 30px;
}

.topic-section-title-wrapper span.view-topic-link {
  margin-left: 10px;
  border-left: 1px solid #000000;
  padding: 10px 0 0;
}

.topic-section-title-wrapper span.view-topic-link a {
  color: #1486af;
  font-family: "robotomedium", sans-serif;
  font-size: 16px;
  padding-left: 10px;
  text-transform: uppercase;
}
.topic-section-title-wrapper span.view-topic-link a:focus {
  outline: none;
}
/*topic-section-title-wrapper close*/

/*middle topic section css end*/

/*Data Portal Dashboards links css start*/
.front .home_dash .dash-header {
  color:#000000;
  font-size:30px;
  margin: 0px 0px 20px 0px;
  font-family: 'robotolight', sans-serif;
}

.front .home_dash .dash-sec-title {
  font-family: "robotoregular", sans-serif;
  color: #000000;
  font-size: 22px;
}

.front .home_dash .dash_sec_design {
  padding:0px;
  margin:0px 0px 0px 27px;
  border:0px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul {
  margin: 0 auto;
  width:100%;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li {
  margin: 0px 40px 10px 0px;
  width: 30%;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.last_dash {
  margin: 0px 0px 10px 0px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a {
  padding: 0 0 0 44px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.country-dashboard-icons {
  background-image: url(../images/dashboard-country-icons.png);
  background-repeat: no-repeat;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a .country-dashboard-portal-title {
  font-size: 18px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.adolescent-youth-dashboard-icon {
  background-position: 0 -135px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.midwifery-icon {
  background-position: 0 -68px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.world-population-dashboard-icon {
  background-position: 0 -336px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.female-gential-mutilation-icon {
  background-position: 0 -400px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.population-projection-icon {
  background-position: 0 -268px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a span.family-planning-icon {
  background-position: 0 -201px;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a:hover {
  color: #ffffff;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a::before,
.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a::after {
  background-position: 0 0;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a::before {
  box-shadow: 0 0 0 60px #ececec inset;
  width: 100%;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul li a:hover::before {
  box-shadow: 0 0 0 4px #AAAAAA inset;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul.list-row a:hover .country-dashboard-portal-title {
  color: #ffffff;
}

.front .home_dash #dashboard-for-individual-country .dash-sec-content ul a span.transparency-portal-icon {
  background-position: 0 0;
}
/*Data Portal Dashboards links css start*/

/*----four topic new design css start----*/
.four-topic-list-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.four-topic-list-wrapper .view {
  position: relative;
  height: auto;
  width: 100%;
}

.four-topic-list-wrapper .card__list {
  padding: 0;
}

.four-topic-list-wrapper .card__list li {
  float: left;
  margin: 0 1% 0;
  padding: 0;
  width: 23.5%;
}

.four-topic-list-wrapper .card__list li:first-child {
  margin-left: 0;
}

.four-topic-list-wrapper .card__list li:last-child {
  margin-right: 0;
}

.four-topic-list-wrapper .card__item {
  margin: 0 0 0.75rem;
  padding: 2.25rem 1.5rem;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.four-topic-list-wrapper .card__item--topic_term_3 .topic-big-icon {
  background-image: url(../images/new-home-page/topics-icon.png);
  background-position:0 0;
}

.four-topic-list-wrapper .card__item--topic_term_142 .topic-big-icon {
  background-image: url(../images/new-home-page/topics-icon.png);
  background-position:0 -177px;
}

.four-topic-list-wrapper .card__item--topic_term_19 .topic-big-icon {
  background-image: url(../images/new-home-page/topics-icon.png);
  background-position:0 -359px;
}

.four-topic-list-wrapper .card__item--topic_term_25 .topic-big-icon {
  background-image: url(../images/new-home-page/topics-icon.png);
  background-position:0 -543px;
}

.four-topic-list-wrapper .card__item--topic_term_3 div.info-player__num {
  background-image: url("../images/new-home-page/topic-icon1.png");
}

.four-topic-list-wrapper .card__item--topic_term_3:hover .info-player__name {
  color: #e78a03;
}

.four-topic-list-wrapper .card__item--topic_term_142 div.info-player__num {
  background-image: url("../images/new-home-page/topic-icon2.png");
}

.four-topic-list-wrapper .card__item--topic_term_142:hover .info-player__name {
  color: #e78a03;
}

.four-topic-list-wrapper .card__item--topic_term_19 div.info-player__num {
  background-image: url("../images/new-home-page/topic-icon3.png");
}

.four-topic-list-wrapper .card__item--topic_term_19:hover .info-player__name {
  color: #e78a03;
}

.four-topic-list-wrapper .card__item--topic_term_25 div.info-player__num {
  background-image: url("../images/new-home-page/topic-icon4.png");
}

.four-topic-list-wrapper .card__item--topic_term_25:hover .info-player__name {
  color: #e78a03;
}

.four-topic-list-wrapper .card__item:hover {
  background: #ffffff;
  box-shadow: 0 6px 6px -2px rgba(93, 93, 93, 0.2), 0 6px 6px -3px rgba(93, 93, 93, 0.4);
}

.four-topic-list-wrapper .card__item:hover .card__info {
  border: 4px solid #e78a03;
  padding: 0;
}

.four-topic-list-wrapper .card__item:hover .info-player__num {
  margin: 45px auto 8px;
  transform: scale(1.1);
}

.four-topic-list-wrapper .card__item:hover .info-player__arrow {
  display: block;
  background-image: url("../images/new-home-page/four-topic-active-arrow.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 26px;
  margin: 12px auto;
  width: 15px;
}

.four-topic-list-wrapper .card__info {
  align-items: center;
  min-height: 208px;
  padding: 2%;
  justify-content: space-between;
  width: 96%;
}

.four-topic-list-wrapper .card__item:hover .card__info {
  min-height: 200px;
}

.four-topic-list-wrapper .card__info .info-player {
  display: inline-block;
  align-items: center;
  width: 100%;
}

.four-topic-list-wrapper .card__info .info-player__num {
  background-position: center top;
  background-repeat: no-repeat;
  width: 56px;
  height: 65px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  margin: 45px auto 8px;
}

.four-topic-list-wrapper .card__info .info-player__name {
  color: #e78a03;
  font-family: "robotoregular", sans-serif;
  font-size: 16px;
  padding: 0 20px;
  text-align: center;
  line-height: 20px;
  margin: 0;
  min-height: 40px;
}

.i18n-es .four-topic-list-wrapper .card__info .info-player__name {
  font-size: 14px;
}

.four-topic-list-wrapper .card__info .info-player__name small {
  font-size: 14px;
}

.four-topic-list-wrapper .card__info .info-player__name__arrow {
  display: none;
}

.four-topic-list-wrapper .card__full {
  will-change: transform;
  position: absolute;
  top: 51%;
  left: 50%;
  width: 100%;
  height: 222px;
  z-index: 2;
  visibility: hidden;
  transform-origin: left center;
  transform: scaleX(0) translate(-50%, -50%);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.four-topic-list-wrapper .card__full.active {
  border: 4px solid #e78a03;
  visibility: visible;
  transform: scaleX(1) translate(-50%, -50%);
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.four-topic-list-wrapper .card__full.active .card__full-num,
.four-topic-list-wrapper .card__full.active .card__full-handle,
.four-topic-list-wrapper .card__full.active .card__full-info {
  opacity: 1;
}

.four-topic-list-wrapper .card__full .left-topic-icon,
.four-topic-list-wrapper .card__full .topic-detail-info-container {
  flex: 1;
}

.four-topic-list-wrapper .card__full .left-topic-icon {
  position: relative;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  float: left;
  min-height: 222px;
  width: 22%;
}

.four-topic-list-wrapper .card__full .left-topic-icon span.topic-big-icon {
  background-repeat: no-repeat;
  width: 176px;
  height: 168px;
  display: block;
  margin: 26px auto;
}

.four-topic-list-wrapper .card__full .left-topic-icon span.topic-big-icon.sexual-reproductive-health {
  background-position: 0 0;
}

.four-topic-list-wrapper .card__full .left-topic-icon span.topic-big-icon.young-people {
  background-position: 0 -176px;
}

.four-topic-list-wrapper .card__full .left-topic-icon span.topic-big-icon.human-rights-gender-equality {
  background-position: 0 -358px;
}

.four-topic-list-wrapper .card__full .left-topic-icon span.topic-big-icon.population-matters {
  background-position: 0 -542px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container {
  padding: 0 1%;
  float: left;
  min-height: 222px;
  width: 76%;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters .detail-info ul.sub-topic-list {
  -moz-column-count: 3;
  column-count: 3;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container .detail-info ul.sub-topic-list {
  -moz-column-count: 2;
  column-count: 2;
}

.four-topic-list-wrapper .card__full .card__item--topic_term_25 .topic-detail-info-container .detail-info ul.sub-topic-list {
  -moz-column-count: 3;
  column-count: 3;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item {
  padding: 5px 0;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a {
  color: #000000;
  font-family: "robotoregular", sans-serif;
  font-size: 15px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a:focus {
  outline: none;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-icon {
  display: inline-block;
  height: 38px;
  margin-right: 5px;
  vertical-align: middle;
  width: 40px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-info {
  display: inline-block;
  width: 78%;
  vertical-align: middle;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a:hover span.sub-topic-info {
  color: #e78a03;
  text-decoration: underline;
}

.four-topic-list-wrapper .card__full .card__item--topic_term_3 .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-icon {
  background-image: url(../images/new-home-page/sexual-reproductive-health-topic-icons.png);
}

.four-topic-list-wrapper .card__full .card__item--topic_term_142 .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-icon {
  background-image: url(../images/new-home-page/young-people-topic-icons.png);
}

.four-topic-list-wrapper .card__full .card__item--topic_term_19 .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-icon {
  background-image: url(../images/new-home-page/human-right-and-gender-equality-topic-icons.png);
}

.four-topic-list-wrapper .card__item--topic_term_25 .topic-detail-info-container li.sub-topic-link-item a span.sub-topic-icon {
  background-image: url(../images/new-home-page/population-matters-topic-menus-icons.png);
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-6 .sub-topic-icon {
  background-position: 0 0;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-9 .sub-topic-icon {
  background-position: 0 -41px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-5 .sub-topic-icon {
  background-position: 0 -121px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-8 .sub-topic-icon {
  background-position: 0 -241px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-7 .sub-topic-icon {
  background-position: 0 -160px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-4 .sub-topic-icon {
  background-position: 0 -198px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-145 .sub-topic-icon {
  background-position: 0 -42px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-146 .sub-topic-icon {
  background-position: 0 -82px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-143 .sub-topic-icon {
  background-position: 0 -122px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-23 .sub-topic-icon {
  background-position: 0 -2px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-24 .sub-topic-icon {
  background-position: 0 -41px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-20 .sub-topic-icon {
  background-position: 0 -82px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-22 .sub-topic-icon {
  background-position: 0 -120px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-21 .sub-topic-icon {
  background-position: 0 -162px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-245 .sub-topic-icon {
  background-position: 0 -202px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-27 .sub-topic-icon {
  background-position: 0 0;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-28 .sub-topic-icon {
  background-position: 0 -42px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-29 .sub-topic-icon {
  background-position: 0 -81px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-247 .sub-topic-icon {
  background-position: 0 -122px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-30 .sub-topic-icon {
  background-position: 0 -162px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-26 .sub-topic-icon {
  background-position: 0 -200px;
}

.four-topic-list-wrapper .card__full .topic-detail-info-container li#sub-topic-tid-345 .sub-topic-icon {
  background-position: 0 -242px;
}

.four-topic-list-wrapper .card__full .close-button {
  background-image: url("../images/new-home-page/close-icon.png");
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  fill: rgba(0, 0, 0, 0.4);
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 9;
}

section.card-details-wrapper {
  display: none;
}

.home-top-floated-elements .views-row {
  width: 32%;
  float: left;
  margin: 0 1% 0;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  zoom: 1;
  padding: 0 0 5px;
}

.home-top-floated-elements .views-row:first-child {
  margin: 0 1% 0 0;
}

.home-top-floated-elements .views-row:last-child {
  margin: 0 0 0 1%;
}

.panel-pane.pane-views.pane-home-page.top-banner-block {
  margin-bottom: 20px;
}

.top-banner-block .home-page-block .views-field-field-feature-banner-image {
  margin: 0px 20px 0px 0px;
}

.top-banner-block .home-page-block {
  padding: 0;
}

.top-banner-block .views-field.views-field-field-news-type {
  margin: 0 15px 8px 0;
  padding: 15px 0 0;
  display: inline-block;
}

.pane-unfpa-global-home-homepage-static-images-block {
  margin: 65px 0 0;
}

.pane-unfpa-global-home-homepage-topics-block .views-row {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  float: left;
  zoom: 1;
  padding: 0 0 5px;
  margin: 0 1% 0;
  width: 32%;
}

.pane-unfpa-global-home-homepage-topics-block .views-row:first-child {
  margin: 0 1% 0 0;
}

.pane-unfpa-global-home-homepage-topics-block .views-row:last-child {
  margin: 0 0 0 1%;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type span {
  background-repeat: no-repeat;
  background-position: 0 -26px;
  color: #e78a03;
  font-family: "robotolight",sans-serif;
  font-size: 16px;
}
.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_news {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -25px;
  padding: 0 0 0 27px;
}
.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_video {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -50px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_resources {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -100px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_publications {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -75px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_events {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -129px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .slideshow {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -160px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_feature {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -197px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_updates {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -25px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-type .ct_press {
  background-image: url(../images/new-homepage-icons.png);
  background-position: 0 -231px;
  padding: 0 0 0 27px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field {
  margin: 8px 15px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-field-feature-banner-image,
.pane-unfpa-global-home-homepage-topics-block .views-field-field-homepage-display-images,
.pane-unfpa-global-home-homepage-topics-block .views-field-field-video,
.pane-unfpa-global-home-homepage-topics-block views-field .views-field-views-conditional-2 {
  margin: 0 0 15px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-field-video iframe.media-youtube-player {
  height: 197px;
  margin: 0 0 18px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-views-conditional,
.pane-unfpa-global-home-homepage-topics-block .views-field-title {
  font-family: "robotomedium",sans-serif;
  font-size: 16px;
  color: #037da9;
  min-height: 60px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-field-blurb{
  border-bottom: 1px solid #b7b7b7;
  color: #000000;
  font-family: "robotoregular",sans-serif;
  font-size: 14px;
  min-height: 78px;
  padding-bottom: 10px;
}

.pane-unfpa-global-home-homepage-topics-block span.date-display-single {
  font-family: "robotoregular",sans-serif;
  font-size: 14px;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-field-news-date,
.pane-unfpa-global-home-homepage-topics-block .views-field-field-publication-date,
.pane-unfpa-global-home-homepage-topics-block .views-field-field-resource-date,
.pane-unfpa-global-home-homepage-topics-block .views-field-field-video-date {
  float:left;
}

.pane-unfpa-global-home-homepage-topics-block .views-field-view-node {
  float: right;
  font-family: "robotomedium",sans-serif;
  font-size: 14px;
  text-align: right;
}

.front .home-page-block .view-content {
  display: flex;
  flex-wrap: wrap;
}

.front .home-page-block .views-row {
  position: relative;
  padding: 0 0 44px;
}

.front .home-page-block .views-row .views-field.views-field-views-conditional,
.front .home-page-block .views-row .views-field-field-blurb {
  border-bottom: 0 none;
}

.front .home-page-block .views-row .views-field.views-field-view-node {
  border-top: 1px solid #b7b7b7;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 4px 15px;
  padding: 8px 0;
  width: 90%;
}

.front .data.donut-chart-container, .front .data.donut_chart_container, .front .data.bchart_wrapper {
  height: 400px;
}

/*start css for news section*/
.home-page-top-full-block .views-row {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  zoom: 1;
  margin-bottom:20px;
}

.home-page-top-full-block .views-row .homepage-top-feature-left-box {
  float: left;
  margin: 0px 20px 0 0px;
  max-height: 360px;
  overflow: hidden;
  width: 66%;
}

.home-page-top-full-block .views-row .homepage-top-feature-left-box img {
  display: inline-block;
  height: auto;
  transition: -webkit-transform 2.4s linear;
  transition: transform 2.4s linear;
  transition: transform 2.4s linear , -webkit-transform 2.4s linear;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

.home-page-top-full-block .views-row .homepage-top-feature-left-box img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background-image: linear-gradient(transparent,rgba(0,0,0,.5));
}

.home-page-top-full-block .views-row .homepage-top-feature-right-box {
  float: left;
  min-height: 360px;
  width: 30%;
  position: relative;
}

.home-page-block .views-row-1 .views-field-field-news-type {
  margin: 0 15px 8px 0;
  padding: 15px 0 0;
  display: inline-block;
}

.page-home span.ct_shell + div.field-content {
    color: #e78a03;
    font-family: "robotolight", sans-serif;
    font-size: 16px;
    display: inline;
}

.home-page-top-full-block .custom-views-field-type span,
.home-page-block .views-field-field-category-name .field-content,
.home-page-block .views-field-type span {
  color: #e78a03;
  font-family: "robotolight",sans-serif;
  font-size: 16px;
}

.home-page-top-full-block .custom-views-field-type span span,
.home-page-top-full-block .custom-views-field-type span.ct_shell,
.home-page-block .views-field-type span span {
  background-repeat: no-repeat;
  background-image: url(../images/new-homepage-icons.png);
  padding: 0 0 0 27px;
}

.home-page-block .views-field-field-category-name .field-content {
  background-repeat: no-repeat;
  padding: 0 0 0 27px;
}

.home-page-top-full-block .custom-views-field-type .ct_fundraising,
.home-page-block .views-field-type .ct_fundraising {
  background-position: 0 -266px;
}

.home-page-top-full-block .custom-views-field-type .ct_news,
.home-page-block .views-field-type .ct_news {
  background-position: 0 -25px;
}

.home-page-top-full-block .custom-views-field-type .ct_press,
.home-page-block .views-field-type .ct_press {
  background-position: 0 -231px;
}

.home-page-top-full-block .custom-views-field-type .ct_events,
.home-page-block .views-field-type .ct_events {
  background-position: 0 -129px;
}

.home-page-top-full-block .custom-views-field-type .slideshow,
.home-page-block .views-field-type .slideshow {
  background-position: 0 -160px;
}

.home-page-top-full-block .custom-views-field-type .ct_feature,
.home-page-block .views-field-type .ct_feature {
  background-position: 0 -197px
}


.home-page-top-full-block .custom-views-field-type .ct_updates,
.home-page-block .views-field-type .ct_updates {
  background-position: 0 -25px;
}

.home-page-top-full-block .custom-views-field-type .ct_video,
.home-page-block .views-field-type .ct_video {
  background-position: 0 -50px;
  padding: 0 0 0 27px;
}

.home-page-top-full-block .custom-views-field-type .ct_publications,
.home-page-block .views-field-type .ct_publications {
  background-position: 0 -75px;
}

.home-page-top-full-block .custom-views-field-type .ct_resources,
.home-page-block .views-field-type .ct_resources {
  background-position: 0 -100px;
}
/*end css for news section*/

/*----Events block css start----*/
.front .hompage-events-wrapper .card-title {
  margin-bottom: 30px;
}

.front .hompage-events-wrapper .events-home-list .view-content .views-row .event-date {
  background: url(../images/event-calender.png) left top no-repeat;
  font-weight: normal;
  line-height: 18px;
  font-family: 'robotoregular', sans-serif;
  color: #616161;
}

.front .hompage-events-wrapper .events-home-list .view-content .views-row .views-field-title {
  font-family: "robotomedium",sans-serif;
}

.front .hompage-events-wrapper .events-home-list .view-content .views-row .views-field-title a {
  color: #037da9;
}
/*----Events block css end----*/

/*----map block css start----*/
#home-page-panel-display #unfpa_worldwide {
  background: none transparent;
}

#home-page-panel-display #unfpa_worldwide h1 {
  background: none transparent;
  position: relative;
  padding: 0 0 15px;
  top: 0;
  color: #000000;
  font-size: 30px;
  font-family: 'robotolight';
}

#home-page-panel-display #unfpa_worldwide .map-legend {
  border: 0 none;
  position: absolute;
  left: 0;
  bottom: 30px;
  padding: 5px 10px;
  z-index: 9999;
}

#home-page-panel-display #unfpa_worldwide .map-legend span {
  font-weight:bold;
  color:#000;
}

/*map tab structure css start*/
#unfpa_worldwide.module {
  margin: 0 0 40px;
}

#unfpa_worldwide ul.homepage-map-tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#unfpa_worldwide ul.homepage-map-tabs li {
  background-color: #d5d5d5;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  float: left;
  margin: 0 .20em 0 0;
  padding: 0.5em 1em;
}

#unfpa_worldwide ul.homepage-map-tabs li a {
  color: #000000;
  text-decoration: none;
}

#unfpa_worldwide ul.homepage-map-tabs li.active {
  background: #f99300;
}

#unfpa_worldwide ul.homepage-map-tabs li.active a {
  color: #000000;
}

#unfpa_worldwide .homepage-map-block {
  border-width: 3px 0 0;
  border-style: solid none;
  border-color: #f99300 transparent transparent;
  overflow: hidden;
}

#unfpa_worldwide .homepage-map-block .map-wrapper {
  margin: 17px 0;
}

#unfpa_worldwide .homepage-map-block .map-wrapper .marker-container {
  position: absolute;
  top: 112px;
  left: 1px;
}

#unfpa_worldwide .clr {
  clear: both;
}
/*map tab structure css end*/
/*----map block css end----*/
.homepage-transformative-goals-wrapper .chart-legend-pos {
  position: relative;
}
.homepage-transformative-goals-wrapper div.radio-wrapper {
  margin-left: 0px;
}
.homepage-transformative-goals-wrapper div.radio-wrapper label {
  display: inline-block;
  vertical-align: middle;
}
/* //CSS for Transformative charts*/
.homepage-transformative-goals-wrapper h2 {
  font-size: 30px;
  padding: 0 0 10px 0;
  margin: 0;
  font-family: "robotolight",sans-serif;
}
.chart-wraper {
  -webkit-box-shadow: 0 15px 40px 5px #e6e6e6;
  box-shadow: 0 15px 40px 5px #e6e6e6;
  border: 1px #e6e6e6 solid;
  padding-bottom: 2px;
}
.chart-head-wrap {
  position: relative;
}
.chart-head-wrap .chart-heading {
  background-color: #f99400;
  padding: 2% 21% 2% 2%;
  width: 77%;
}
.chart-head-wrap .chart-heading h3 {
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  margin:0;
  padding: 0;
  font-family: "robotolight",sans-serif;
}
.chart-head-wrap .chart-heading p {
  font-size: 16px;
  color: #fff;
  margin:0;
  padding: 0;
}
.chart-head-wrap .chart-heading p a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}
.chart-head-wrap .chart-heading p a:hover{
  text-decoration: underline;
}
.chart-head-wrap .img-wrap {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  border: 6px #0a3c6f solid;
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #0a3c6f;
  z-index: 10;
  overflow: hidden;
}
.chart-head-wrap .img-wrap img {
  width: 180px;
  height: 180px;
  border-radius: 100%;
}
.data-stats {
  background-color: #0a3c6f;
  padding: 25px;
  position: relative;
}
.data-stats .chart-wht {
  background-color: #fff;
  padding: 20px 40px 40px 40px;
  height: 440px;
}
h1.goals-chart-heading {
  margin:0;
  font-size: 18px;
  font-family: "robotolight",sans-serif;
}
.page-home .chart-wraper {
  position: relative;
}
.page-home .chart-wraper .slick-next{
 right: 37px;
 background-color: #fff;
 text-align: center;
 z-index: 50;
}
.page-home .chart-wraper .slick-prev {
  left: 30px;
  background-color: #fff;
  text-align: center;
  z-index: 50;
}
.page-home .chart-wraper .slick-next:before, .chart-wraper .slick-prev:before {
  color: #fa9700;
  font-size: 28px;
}
.page-home .chart-wraper ul.chart-legend {
    right: 20%;
    top: 12%;
}
.page-home .chart-wraper .ending-gbv-wrapper.chart-box ul.chart-legend{
    right: 18%;
    top: 12%;
}
.page-home .chart-wraper #trend ul.chart-legend {
  top: 0;
  right: 18%;
}
.page-home .chart-wraper .slick-slider {
  margin-bottom: 0;
}
.page-home #unmet-needs ul.chart-legend {
  right: 12%;
  top: 15%;
}

.page-home .chart-wraper div.button-wrap {
  position: absolute;
  right: 20px;
  bottom: 30px;
  max-width: 150px;
  height: 50px;
}
.page-home .chart-wraper a.more-transformative {
  display: inline-block;
  max-width: 150px;
  padding: 10px 20px;
  font-size: 15px;
  background-color: #0a3c6f;
  text-align:center;
  overflow:hidden;
}
.page-home .chart-wraper a.more-transformative.effect {
  color:rgba(0,0,0, 0) !important;
  transition: all .3s ease;
  text-shadow:0 0 0  #fff, -200px 0 0 #f99400 ;
}
.page-home .chart-wraper a.more-transformative.effect:hover {
  text-shadow: 200px 0 0 #fff, 0 0 0 #f99400 ;
}

.page-home .reach-top {
  display: none;
  width: 40px;
  height: 20px;
  background:url("../images/go-top.png") no-repeat center 12px #f7941e ;
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 400;
  border-radius: 100%;
  color: #fff;
  padding: 25px 10px 15px 10px;
  text-align: center;
  transition: all 0.4s ease-in;
}
.page-home .reach-top:hover {
  box-shadow: inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  color: #fff;
}
.page-home.i18n-es .reach-top {
  font-size: 11px;
}
.page-home.i18n-fr .reach-top {
  font-size: 11px;
}
#home-page-panel-display a:focus {
  outline: none;
}
.icon_shell.img-effect-container img.active-img {
  webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.card_fullwidth {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
}
.card_fullwidth .sdg_banner a {
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 0;
}