/*Home Banner*/

.home-banner,
.banner-inner-pages {
  position: relative;
}
.home-banner .region-banner,
.home-banner .block,
.home-banner .content,
.home-banner .banner {
  height: 100%;
}
.home-banner .banner,
.banner-inner-pages .banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
}
.home-banner .banner {
  height: 910px;
}
.banner-inner-pages .banner {
  height: 360px;
}
.banner-inner-pages .banner h2 {
  display: none;
}
.home-banner .banner-title,
.banner-inner-pages .inner-banner-title {
  font: 900 44px/61px 'DINPro-Black-Regular',sans-serif,arial;
  color: #fff;
  padding: 0 5%;
  position: absolute;
  top: 30%;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
.home-banner .banner-title {
  font: 900 47px/40px 'DINPro-Black-Regular',sans-serif,arial;
  position: relative;
  padding-bottom: 46px;
}
.home-banner .banner-title .spn-brk {
  height: 0;
}
.banner-inner-pages .banner-container {
  display: table;
  height: 100%;
}
.banner-inner-pages .inner-banner-title {
  position: relative;
  top: auto;
  padding: 0;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 4vw;
  line-height: normal;
}
.page-cr .banner-inner-pages .inner-banner-title {
  font-size: 46px;
}
.home-banner .banner-bottom {
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.62px;
  margin: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: table;
  table-layout: fixed;
  z-index: 2;
}
.home-banner .banner-bottom li {
  list-style-type: none;
  padding-bottom: 35px;
  min-height: 299px;
  overflow: hidden;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}
.home-banner .banner-bottom li p {
  max-width: 350px;
  margin: 0 auto;
  font-family: 'DINPro-Light',sans-serif,arial;
}
.home-banner .banner-bottom p {
  font-size: 17px;
}
.home-banner .banner-bottom li i {
  display: inline-block;
  font-size: 53px;
}
.home-banner .banner-bottom li.banner-bottom-first i {
  padding-top: 53px;
}
.home-banner .banner-bottom li.banner-bottom-second i {
  padding-top: 65px;
}
.home-banner .banner-bottom li.banner-bottom-third i {
  padding-top: 70px;
}
.home-banner .banner-bottom img {
  padding-top: 140px;
}
.home-banner .banner-bottom h3 {
  font-family: 'DINPro-Bold',sans-serif,arial;
  font-size: 27px;
  font-weight: 700;
  line-height: 53.62px;
}
.banner-bottom-first {
  background: -webkit-linear-gradient(90deg, rgba(55, 181, 75, 0.8) 0%, rgba(55, 181, 75, 0) 100%);
  background: -moz-linear-gradient(90deg, rgba(55, 181, 75, 0.8) 0%, rgba(55, 181, 75, 0) 100%);
  background: -o-linear-gradient(90deg, rgba(55, 181, 75, 0.8) 0%, rgba(55, 181, 75, 0) 100%);
  background: -ms-linear-gradient(90deg, rgba(55, 181, 75, 0.8) 0%, rgba(55, 181, 75, 0) 100%);
  background: linear-gradient(0deg, rgba(55, 181, 75, 0.8) 0%, rgba(55, 181, 75, 0) 100%);
}
.banner-bottom-second {
  background: -webkit-linear-gradient(90deg, rgba(255, 159, 17, 0.8) 0%, rgba(255, 159, 17, 0) 100%);
  background: -moz-linear-gradient(90deg, rgba(255, 159, 17, 0.8) 0%, rgba(255, 159, 17, 0) 100%);
  background: -o-linear-gradient(90deg, rgba(255, 159, 17, 0.8) 0%, rgba(255, 159, 17, 0) 100%);
  background: -ms-linear-gradient(90deg, rgba(255, 159, 17, 0.8) 0%, rgba(255, 159, 17, 0) 100%);
  background: linear-gradient(0deg, rgba(255, 159, 17, 0.8) 0%, rgba(255, 159, 17, 0) 100%);
}
.banner-bottom-third {
  background: -webkit-linear-gradient(90deg, rgba(33, 175, 229, 0.8) 0%, rgba(33, 175, 229, 0) 100%);
  background: -moz-linear-gradient(90deg, rgba(33, 175, 229, 0.8) 0%, rgba(33, 175, 229, 0) 100%);
  background: -o-linear-gradient(90deg, rgba(33, 175, 229, 0.8) 0%, rgba(33, 175, 229, 0) 100%);
  background: -ms-linear-gradient(90deg, rgba(33, 175, 229, 0.8) 0%, rgba(33, 175, 229, 0) 100%);
  background: linear-gradient(0deg, rgba(33, 175, 229, 0.8) 0%, rgba(33, 175, 229, 0) 100%);
}
.home-banner-bottom {
  transition: all 0.3s ease;
}
.home-banner-bottom:hover {
  transition: all 0.3s ease;
  transform: scale(1.1) translateY(-5%);
  cursor: pointer;
}
.home-banner .banner:after {
  opacity: 0.3;
  background-color: #1b1b1b;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
}
.home-banner-bottom a {
  text-decoration: none;
}

/* Agenda for Humanity */

.home-agenda,
.home-cr {
  padding: 80px 0;
  text-align: center;
}
.home-agenda p,
.home-cr p,
.view-home-page-cr .view-header p,
.home-common-block p {
  max-width: 1046px;
  margin: 0 auto;
}
.home-agenda img {
  padding: 80px 0 40px;
  max-width: 443px;
  width: 80%;
}

/* Explore Commitmetns*/

.explore-commitment-img {
  position: relative;
  width: 100%;
  padding-top: 40px;
}
.explore-commitments-head,
.explore-commitment-description,
.search-form-inner,
.search-form-outer {
  margin: 0 auto;
}
.explore-commitments-head {
  color: #fff;
  font-weight: 700;
  line-height: 2px;
}
.explore-commitment-description {
  width: 100%;
  max-width: 1046px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  padding-bottom: 40px;
}
.search-commitments {
  border: none;
  width: calc(100% - 70px);
  height: 68px;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  float: left;
  padding: 0 20px;
  -webkit-border-radius: 0;
  background: url(../images/searchbox-bg.png);
}
.search-commitments::-webkit-input-placeholder {
  color: #aaa;
  font-size: 17px;
}
.search-commitments::-moz-placeholder {
  color: #aaa;
  font-size: 17px;
}
.search-commitments:-ms-input-placeholder {
  color: #aaa;
  font-size: 17px;
}
.search-commitments:-moz-placeholder {
  color: #aaa;
  font-size: 17px;
}
.search-commit-icon {
  background-color: #f7a600;
  padding: 18px;
  float: left;
  transition: all 0.3s ease;
}
.search-commit-icon:hover {
  background-color: #fab424;
  transition: all 0.3s ease;
}
.explore-browse-portion,
.explore-logo-portion,
.search-logo-portion,
.main-title {
  position: relative;
  z-index: 2;
}
.search-form-outer {
  max-width: 867px;
  padding: 21px;
  background: none repeat scroll 0% 0% rgba(6, 1, 1, 0.25);
  overflow: hidden;
}
.search-form-inner {
  width: 820px;
}
::-webkit-input-placeholder {
  color: #2e2e2e;
}
:-ms-input-placeholder {
  color: #2e2e2e;
}
input::-moz-placeholder {
  color: #2e2e2e;
  opacity: 1;
}
input:-moz-placeholder {
  color: #2e2e2e;
  opacity: 1;
}
input:focus {
  outline: none;
}
.home-agenda h1 {
  max-width: 432px;
  margin-bottom: 10px;
}
.home-agenda p,
.home-cr p,
.view-home-page-cr .view-header p,
.core-resp-desc {
  max-width: 1046px;
  color: #2e2e2e;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
.explore-browse-portion {
  padding: 20px 0 80px 0;
  margin: 0 auto;
}
.explore-commit {
  list-style-type: none;
  width: 100%;
  display: table;
  text-align: center;
  table-layout: fixed;
}
.individual-commit,
.core-commit {
  color: #fff;
  display: block;
}
.explore-browse {
  width: 142px;
  height: 26px;
  color: #fff;
  font-size: 29px;
  font-weight: 700;
  line-height: 54px;
  float: left;
  margin-right: 20px;
}
.explore-browse:hover {
  color: #fff;
  text-decoration: none;
}
.individual-commit {
  background-color: #e84e0f;
  transition: all 0.3s ease;
}
.core-commit {
  background-color: #20aee6;
}
.common-explore-logo-bg,
.search-ind-logo-bg {
  display: table-cell;
  float: none;
  text-align: center;
}
.home-explore {
  list-style-type: none;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.home-explore .views-row {
  display: table-cell;
  vertical-align: top;
  float: none;
  text-align: center;
}
.views-row:first-child div .explore-logos li > a:first-child {
  background: #00b1eb;
}
.views-row:nth-child(2) div .explore-logos li > a:first-child {
  background: #51af32;
}
.views-row:nth-child(3) div .explore-logos li > a:first-child {
  background: #a863a5;
}
.views-row:nth-child(4) div .explore-logos li > a:first-child {
  background: #f7a600;
}
.views-row:nth-child(5) div .explore-logos li > a:first-child {
  background: #e84e0f;
}
.views-row:nth-child(2) div .explore-logos li .explore-logo-title,
.views-row:nth-child(3) div .explore-logos li .explore-logo-title,
.views-row:nth-child(5) div .explore-logos li .explore-logo-title {
  width: 180px;
  margin: 0 auto;
}
.views-row:nth-child(1) div .explore-logos li .explore-logo-title,
.views-row:nth-child(4) div .explore-logos li .explore-logo-title {
  width: 230px;
  margin: 0 auto;
}
.views-row:nth-child(1) div .explore-logos li .explore-logo-title {
  width: 167px;
}
.views-row:nth-child(1) div .explore-logos li .explore-count,
.views-row:nth-child(2) div .explore-logos li .explore-count {
  padding-top: 22px;
}
.views-row:nth-child(3) div .explore-logos li .explore-count,
.views-row:nth-child(5) div .explore-logos li .explore-count {
  padding-top: 68px;
}
.views-row:nth-child(4) div .explore-logos li .explore-count {
  padding-top: 45px;
}
.explore-logos {
  list-style-type: none;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.common-explore-logo-link,
.search-ind-logo-link {
  color: #3f4a5a;
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  display: block;
  text-transform: uppercase;
  width: 108px;
  height: 108px;
  position: relative;
  border-radius: 50%;
  margin: 0 auto 20px;
}
.search-ind-logo-link img {
  position: absolute;
  left: 19px;
  top: 23px;
  height: 72px;
  width: 90px;
}
.explore-logo-title a,
.search-ind-title a {
  color: #3f4a5a;
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  display: block;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
}
.explore-logo-title:hover,
.search-ind-title:hover {
  color: #3f4a5a;
  text-decoration: none;
}
.explore-count,
.search-ind-count {
  color: #172231;
  font-size: 50px;
  font-weight: 900;
  line-height: 25px;
  padding-top: 4px;
}
.commit-title {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
  color: #fff;
  line-height: 35px;
}
.core-resp-desc {
  margin: 0 auto 30px;
  text-align: center;
}

/* Discover initiatives */

.primary-round-btn,
.discover-initiative-description,
.discover-view {
  margin: 0 auto;
}
.discover-initiative-head {
  margin-top: 100px;
}
.discover-initiative-description,
.initiative-description {
  color: #2e2e2e;
  line-height: 21px;
  font-weight: 400;
}
.discover-initiative-description {
  max-width: 1046px;
  height: auto;
  font-size: 18px;
  text-align: center;
  margin-bottom: 45px;
  line-height: 29px;
}
.discover-view ul li {
  list-style-type: none;
  width: 50%;
  float: left;
  margin: 0;
}
.initiative {
  width: 96%;
  height: 260px;
  border: 1px solid #ebebeb;
  position: relative;
  margin: 0 2px 26px 4px;
  overflow: hidden;
}
.initiative:hover .initiative-overlay {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.initiative-head a,
.initiative-description {
  float: left;
}
.initiative-head a {
  color: #2268cd;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  width: 100%;
  max-width: 315px;
  padding: 0 0 10px 10px;
  text-decoration: none;
}
.initiative-img {
  float: left;
  height: 258px;
  overflow: hidden;
  width: 220px;
  position: relative;
}
.initiative-img img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.initiative-description {
  font-size: 16px;
  line-height: 28px;
  padding: 22px 0 0 20px;
  width: calc(100% - 222px);
}
.initiative-description p {
  clear: both;
  overflow: hidden;
  padding: 0 10px;
}
.initiative-overlay {
  height: 100%;
  background: rgba(34, 103, 205, 0.9);
  position: absolute;
  bottom: 0;
  width: 100%;
  top: 0;
  left: 0;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -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;
}
.primary-round-btn {
  width: 184px;
}
.learn-more {
  position: absolute;
  color: #FFF;
  border: 2px solid #FFF;
  top: 100px;
  left: 50%;
  margin-left: -94.2px;
  padding: 12px 40px;
}
.learn-more:hover {
  color: #fff;
  text-decoration: none;
}
.initiative .learn-more {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.initiative:hover .learn-more {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.primary-round-btn {
  overflow: hidden;
  clear: both;
  font-size: 18px;
  color: #fff;
}
.primary-round-btn:hover,
.primary-round-btn:focus {
  color: #fff;
  text-decoration: none;
}
.discover-init-btn {
  overflow: hidden;
  clear: both;
  width: 100%;
  padding: 50px 0;
}
.discover-init-btn p {
  width: 184px;
  margin: 0 auto;
  border-radius: 27px;
  background-color: #20aee6;
  text-align: center;
  line-height: 52px;
}
#block-block-6 {
  clear: both;
}

/*Event timeline*/

.view-event-timeline .view-header {
  padding-top: 100px;
}
.view-event-timeline .tl-storyslider {
  width: 90%;
  margin: 0 auto;
  z-index: 0;
}
.view-event-timeline .tl-slidenav-next .tl-slidenav-title,
.view-event-timeline .tl-slidenav-previous .tl-slidenav-title {
  opacity: 0.5;
}
.view-event-timeline .tl-timenav .tl-timenav-line {
  display: block;
  width: 3px;
  height: 127px;
  z-index: 10;
  background-color: #08c;
}
.view-event-timeline .tl-timenav .tl-timenav-line:before {
  content: "\e647";
  color: #fff;
  font-size: 31px;
}
.view-event-timeline .tl-timenav .tl-timenav-line:after,
.view-event-timeline .tl-timenav .tl-attribution,
.view-event-timeline .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.view-event-timeline .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  display: none;
}
.view-event-timeline .tl-timenav {
  -webkit-box-shadow: inset 1px 10px 20px -13px rgba(156, 156, 156, 1);
  -moz-box-shadow: inset 1px 10px 20px -13px rgba(156, 156, 156, 1);
  box-shadow: inset 1px 10px 20px -13px rgba(156, 156, 156, 1);
}
.view-event-timeline .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
  color: #08c;
}
.view-event-timeline .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
  color: #a2a2a2;
  margin-left: 15px;
}
.view-event-timeline .tl-text h2.tl-headline {
  font-size: 35px;
  font-weight: bold;
  line-height: 45px;
}
.view-event-timeline .tl-text-content p {
  color: #08c;
}
.view-event-timeline::-webkit-scrollbar {
  width: 7px;
}
.view-event-timeline::-webkit-scrollbar-track {
  background-color: #fafafa;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}
.view-event-timeline::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dedede;
  visibility: hidden;
  opacity: 0;
}
.view-event-timeline .tl-storyslider:hover::-webkit-scrollbar-track,
.view-event-timeline .tl-storyslider:hover::-webkit-scrollbar-thumb {
  opacity: 1;
  visibility: visible;
}

/*Transformation*/

.transformation-home-page {
  max-width: 1280px;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
.view-transformation-home-page {
  width: 90%;
  margin: 0 auto;
  clear: both;
}
.view-transformation-home-page .view-header {
  position: relative;
}
.view-transformation-home-page.cr1-wrapper .view-header,
.view-transformation-home-page.cr1-wrapper .views-row .card .back {
  background-color: #00b1eb;
}
.view-transformation-home-page.cr2-wrapper .view-header,
.view-transformation-home-page.cr2-wrapper .views-row .card .back {
  background-color: #51af32;
}
.view-transformation-home-page.cr3-wrapper .view-header,
.view-transformation-home-page.cr3-wrapper .views-row .card .back {
  background-color: #a863a5;
}
.view-transformation-home-page.cr4-wrapper .view-header,
.view-transformation-home-page.cr4-wrapper .views-row .card .back {
  background-color: #f7a600;
}
.view-transformation-home-page.cr5-wrapper .view-header,
.view-transformation-home-page.cr5-wrapper .views-row .card .back {
  background-color: #e84e0f;
}
.view-transformation-home-page .view-header img {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64px;
}
.view-transformation-home-page .view-header .front span.cr-hash,
.view-transformation-home-page .view-header .front span.cr-name {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 10px;
}
.view-transformation-home-page .view-header .front span.cr-hash {
  bottom: 30px;
  font-weight: 700;
}
.view-transformation-home-page .view-header .front span.cr-name {
  top: 100px;
  line-height: 15px;
  text-transform: uppercase;
  padding-right: 5px;
}
.view-transformation-home-page .view-header .back .cr-name {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.view-transformation-home-page .view-header,
.view-transformation-home-page .views-row {
  width: 130px;
  height: 135px;
  margin-right: 5px;
  margin-bottom: 7px;
  display: inline-block;
}
.page-cr .view-transformation-home-page .views-row {
  display: block;
}
.transformation-home-page .view-content {
  display: inline;
}
.view-transformation-home-page.cr1-wrapper .views-row .card {
  border: 2px solid #00b1eb;
}
.view-transformation-home-page.cr2-wrapper .views-row .card {
  border: 2px solid #51af32;
}
.view-transformation-home-page.cr3-wrapper .views-row .card {
  border: 2px solid #a863a5;
}
.view-transformation-home-page.cr4-wrapper .views-row .card {
  border: 2px solid #f7a600;
}
.view-transformation-home-page.cr5-wrapper .views-row .card {
  border: 2px solid #e84e0f;
}
.view-transformation-home-page .views-row .card a {
  text-decoration: none;
}
.view-transformation-home-page.cr1-wrapper .views-row .card > div,
.view-transformation-home-page.cr1-wrapper .views-row .card a {
  color: #00b1eb;
}
.view-transformation-home-page.cr2-wrapper .views-row .card > div,
.view-transformation-home-page.cr2-wrapper .views-row .card a {
  color: #51af32;
}
.view-transformation-home-page.cr3-wrapper .views-row .card > div,
.view-transformation-home-page.cr3-wrapper .views-row .card a {
  color: #a863a5;
}
.view-transformation-home-page.cr4-wrapper .views-row .card > div,
.view-transformation-home-page.cr4-wrapper .views-row .card a {
  color: #f7a600;
}
.view-transformation-home-page.cr5-wrapper .views-row .card > div,
.view-transformation-home-page.cr5-wrapper .views-row .card a {
  color: #e84e0f;
}
.view-transformation-home-page .view-content .shift-icon {
  text-align: center;
  padding-top: 15px;
}
.view-transformation-home-page .view-content .shift-icon img {
  width: 40%;
}
.view-transformation-home-page .view-content .shift-desc {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  font-weight: 600;
  padding: 0 5px;
  margin-top: -5px;
}
.view-transformation-home-page .views-row,
.view-transformation-home-page .view-header {
  position: relative;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}
.view-transformation-home-page .card.flipped {
  -webkit-transform: rotateY( 180deg);
  -moz-transform: rotateY( 180deg);
  -o-transform: rotateY( 180deg);
  transform: rotateY( 180deg);
}
.view-transformation-home-page .card {
  width: 130px;
  height: 135px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s ease-in-out;
  position: relative;
}
.view-transformation-home-page .card .front,
.view-transformation-home-page .card .back {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
}
.view-transformation-home-page .card .front {
  position: absolute;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.view-transformation-home-page .card .back {
  -webkit-transform: rotateY( 180deg);
  -moz-transform: rotateY( 180deg);
  -o-transform: rotateY( 180deg);
  transform: rotateY( 180deg);
}
.view-transformation-home-page .card.flipped .front {
  opacity: 0;
}
.view-transformation-home-page .card .back .shift-desc {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 0 5px;
}
.view-transformation-home-page .card .back .shift-desc,
.view-transformation-home-page .card .back .cr-name {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.download-btn,
.download-btn:focus,
.download-btn:active {
  border: 2px solid #e84e0f;
  border-radius: 27px;
  font-weight: 700;
  text-decoration: none;
  display: table;
  color: #e84e0f;
  line-height: 28px;
  width: 165px;
  font-size: 13px;
  padding: 5px 7px;
  text-align: left;
  white-space: nowrap;
}
.home-cr .download-btn:before,
.agenda-shift-pdf .download-btn:before {
  content: "";
  background: url(../images/home_download_icon.png) no-repeat;
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 5px;
  background-size: 75%;
  background-position: 50% 50%;
}
.home-cr .cr-btn-wrap {
  display: block;
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.home-cr .cr-logo {
  display: block;
  width: 100%;
}
.home-cr .cr-btn {
  position: absolute;
  top: 30px;
  right: 15px;
}
.home-cr .cr-logo img {
  width: 300px;
}
.home-cr .download-btn {
  margin: 0 auto;
}
.home-search {
  position: relative;
  padding: 150px 50px 95px;
  overflow: hidden;
  margin-top: -135px;
}
.home-search .search-text {
  max-width: 867px;
  margin: 30px auto;
}

/* news and updates */

.news-section {
  margin: 0 auto;
  padding: 0;
}
.news-section .main-title {
  padding-top: 80px;
}
.news-section .view-footer {
  padding: 65px 0 0 0;
}
.news-section .view-home-page-learn > .view-content {
  overflow: hidden;
}
.news-section .view-home-page-learn > .view-content > .views-row {
  float: left;
  padding: 0 5px;
  margin-bottom: 12px;
  width: 33.3333%;
}
.news-block {
  overflow: hidden;
  position: relative;
  height: 356px;
}
.news-block .news-image {
  width: 100%;
  height: 100%;
}
.views-row:nth-child(6n+1) .news-block:before,
.views-row:nth-child(6n+2) .news-block:before,
.views-row:nth-child(6n+3) .news-block:before,
.views-row:nth-child(6n+4) .news-block:before,
.views-row:nth-child(6n+5) .news-block:before,
.views-row:nth-child(6n+6) .news-block:before {
  width: 100%;
  position: absolute;
  content: "";
  height: 8px;
  top: 0;
  z-index: 1;
}
.views-row:nth-child(6n+1) .news-block:before {
  background: #2b76de;
}
.views-row:nth-child(6n+2) .news-block:before {
  background: #ecb33e;
}
.views-row:nth-child(6n+3) .news-block:before {
  background: #4c9c3e;
}
.views-row:nth-child(6n+4) .news-block:before {
  background: #0a9cd7;
}
.views-row:nth-child(6n+5) .news-block:before {
  background: #b67fb3;
}
.views-row:nth-child(6n+6) .news-block:before {
  background: #e76c3a;
}
.news-image img {
  padding: 0;
  border: none;
  box-shadow: none;
  height: 356px;
}
.news-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 135px;
  background-color: rgba(37, 37, 37, 0.7);
  color: #fff;
  padding: 29px 28px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.news-caption>a {
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.news-category {
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  display: block;
  width: 100%;
}
.news-category a,
.news-category {
  color: #8c8c8c;
  font: 500 14px/24px 'DINPro-Bold';
}
.news-category a {
  text-transform: none;
}
.news-category a:hover {
  text-decoration: none;
}
.news-btn {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 10px;
  border: 2px solid #fff;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 700;
  width: 139px;
  transition: opacity 0.3s linear 0.2s;
  padding-top: 1px;
  height: 41px;
  line-height: 32px;
}
.news-block:hover .news-caption {
  transition: 0.3s;
  height: 100%;
  padding-top: 80px;
  text-decoration: none;
}
.news-block:hover .news-category {
  transition: 0.3s;
  bottom: 204px;
  color: #fff;
}
.news-block:hover .news-category a {
  color: #e3e3e3;
}
.news-block:hover a.news-btn {
  visibility: visible;
  opacity: 1;
  position: absolute;
  bottom: 130px;
  left: 17px;
  color: #fff;
  border: 2px solid #fff;
}
.news-btn:hover {
  text-decoration: none;
}
.views-row:nth-child(6n+1) .news-block:hover .news-caption {
  background-color: rgba(30, 125, 255, 0.8);
}
.views-row:nth-child(6n+1) .news-block:hover {
  border-top: none;
}
.views-row:nth-child(6n+2) .news-block:hover .news-caption {
  background-color: rgba(236, 164, 19, 0.8);
}
.views-row:nth-child(6n+3) .news-block:hover .news-caption {
  background-color: rgba(81, 175, 50, 0.8);
}
.views-row:nth-child(6n+4) .news-block:hover .news-caption {
  background-color: rgba(0, 176, 235, 0.8);
}
.views-row:nth-child(6n+5) .news-block:hover .news-caption {
  background-color: rgba(168, 99, 165, 0.8);
}
.views-row:nth-child(6n+6) .news-block:hover .news-caption {
  background-color: rgba(232, 78, 15, 0.8);
}
ul.news-block {
  list-style: none;
}

/* Second last bottom */

#second-footer {
  overflow: hidden;
  width: 100%;
  clear: both;
}
.common-social-icon-links {
  margin: 0 auto;
}
.follow-social,
.agenda-for-humanity,
.get-involve {
  text-align: center;
}
.follow-social,
.agenda-for-humanity,
.get-involve {
  font-weight: 700;
}
.follow-social,
.agenda-for-humanity {
  line-height: 20px;
}
.get-involve {
  color: #2e2e2e;
  font-size: 41px;
  line-height: 35px;
  margin-top: 75px;
  text-align: center;
}
.follow-social {
  color: #ffba2f;
  font-size: 23px;
  padding-top: 20px;
  text-align: center;
}
.agenda-for-humanity a {
  text-align: center;
  color: #002b58;
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
}
.common-social-icon-links {
  list-style-type: none;
  padding: 15px 0px 50px;
  text-align: center;
}
.common-social-icon-links li {
  display: inline-block;
  padding: 0 10px;
}
#block-views-home-page-initiatives-block .content {
  overflow: hidden;
}
#block-views-home-page-initiatives-block {
  background-color: #f8f8f8;
}
#second-footer .second-last-bottom {
  height: 100vh;
}
#second-footer .second-last-bottom .region-second-last-bottom,
#second-footer .second-last-bottom .region-second-last-bottom .block,
#second-footer .second-last-bottom .region-second-last-bottom .block .content {
  height: 100%;
}
#second-footer .second-last-bottom .region-second-last-bottom {
  position: relative;
}
#second-footer .second-last-bottom .get-involved-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
}
#second-footer .second-last-bottom h3 {
  padding-top: 90px;
  /* margin-bottom: 20px; */
}
#second-footer .second-last-bottom .get-involved-bg:after {
  content: "";
  /* background-image: linear-gradient(180deg, #fff 0%, transparent 80%); */
  /* background-image: linear-gradient(to top, rgba(244, 250, 253, 0) 0%, #effaff 100%); */
  background-image: linear-gradient(to top, rgba(239, 250, 255, 0.4196078431372549) 0%, #effaff 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.core-tooltip,
.individual-tooltip {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.core-tooltip .core-tooltiptext,
.individual-tooltip .individual-tooltiptext {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  background-color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 27px 15px;
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 0;
  border: 1px solid #e6e6e6;
  color: #3b3b3b;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  opacity: 0;
}
.core-tooltip .core-tooltiptext {
  left: -17px;
}
.core-tooltip .core-tooltiptext::after,
.individual-tooltip .individual-tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.core-tooltip:hover .core-tooltiptext,
.individual-tooltip:hover .individual-tooltiptext {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.explore-commitment-img .view-content {
  max-width: 1170px;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
}
.explore-commitment-img .views-row-1 .common-explore-logo-link img,
.explore-commitment-img .views-row-2 .common-explore-logo-link img,
.explore-commitment-img .views-row-5 .common-explore-logo-link img {
  width: 78px;
  height: 64px;
  margin: 21px 0;
}
.explore-commitment-img .views-row-3 .common-explore-logo-link img {
  width: 60px;
}
.explore-commitment-img .views-row-3 .common-explore-logo-link img {
  height: 55px;
  margin: 26px 0;
}
.explore-commitment-img .views-row-4 .common-explore-logo-link img {
  width: 76px;
  height: 60px;
  margin: 24px 0;
}
.explore-commit-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}
.explore-commit-bg:after {
  content: "";
  background-image: linear-gradient(180deg, #fff 0%, transparent 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.home-explore .commitment-action-block p {
  position: relative;
  color: #2e2e2e;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  line-height: 30px;
}
.home-explore .view-footer {
  position: relative;
  padding: 0 0 140px 0;
}
.explore-commit .common-more-btn {
  padding: 20px 50px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 30px;
}
.home-explore .view-footer > .common-more-btn {
  margin-bottom: 80px;
}
.explore-commitment-img .item-list > ul {
  display: table;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.view-home-page-cr .view-header p {
  text-align: center;
}
.learn-more-commitment-box {
  display: block;
  width: 100%;
  margin: 30px 0;
  text-align: center;
}
.learn-more-commitment-btn {
  display: inline-block;
  padding: 20px 50px;
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 30px;
}
.learn-more-commitment-btn:hover {
  display: inline-block;
  background: #20aee6;
}
.agenda-video {
  margin-bottom: 40px;
}
.home-common-block {
  padding-top: 100px;
  text-align: center;
}
.home-banner .banner-title .banner-title-small {
  display: block;
  line-height: normal;
  font: 900 30px/40px 'DINPro-Black-Regular';
  position: relative;
  padding-top: 22px;
}
.home-banner .banner-title .banner-title-small:before {
  content: "";
  height: 7px;
  width: 60px;
  position: absolute;
  top: 0;
  background: #e84e0f;
  left: 50%;
  right: 0;
  margin-left: -30px;
}
.home-slider .flexslider {
  border: 0;
  margin: 0;
}
.home-banner .block.home-banner-bottom-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.home-slider .flexslider .flex-control-nav {
  bottom: auto;
  z-index: 10;
  top: 55%;
}
.home-slider .flexslider .slides > li:after {
  opacity: 0.3;
  background-color: #1b1b1b;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  display: block;
  top: 0;
  right: 0;
}
.home-slider .flexslider .slides > li> .banner-image {
  height: 100%;
  width: 100%;
  display: table;
}
.home-slider .flexslider .flex-direction-nav a:before {
  color: #fff;
  line-height: 40px;
}
.home-banner .banner-bottom img {
  display: inline-block;
}
.first-text,
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
  display: block;
}
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
  opacity: 0.4;
}
.flex-direction-nav .flex-prev {
  left: 10px;
}
.flex-direction-nav .flex-next {
  right: 10px;
}
.home-slider .flexslider .slides {
  height: 910px;
  overflow: hidden;
}
.banner-caption {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.home-slider .flexslider .slides > li {
  height: 100%;
}
.banner-caption p {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  /* max-width: 625px; */
  max-width: 495px;
  margin: 0 auto;
}
.banner-caption a {
  color: #00baf2;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: underline;
  text-transform: uppercase;
  position: relative;
  z-index: 15;
}
.home-banner .banner-title:after {
  bottom: 11px;
}
/* .banner-caption .banner-caption-desc {
  display: none;
} */
.home-banner .flex-control-paging li a {
  background: rgb(255, 255, 255);
}
.flex-control-paging li a.flex-active {
  background: #e84e0f;
  background-color: #e84e0f;
  cursor: default;
}

/*IE fix for transformation card flip*/

@media \0screen\,
screen\9 {
  .view-transformation-home-page .card .front,
  .view-transformation-home-page .card .back {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .view-transformation-home-page .card.flipped .front,
  .view-transformation-home-page .card.flipped .back {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .view-transformation-home-page .card.flipped .front,
  .view-transformation-home-page .card .back {
    opacity: 0;
  }
  .view-transformation-home-page .card .front,
  .view-transformation-home-page .card.flipped .back {
    opacity: 1;
  }
}
@media screen and (min-width:0\0) {
  .view-transformation-home-page .card .front,
  .view-transformation-home-page .card .back {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .view-transformation-home-page .card.flipped .front,
  .view-transformation-home-page .card.flipped .back {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .view-transformation-home-page .card.flipped .front,
  .view-transformation-home-page .card .back {
    opacity: 0;
  }
  .view-transformation-home-page .card .front,
  .view-transformation-home-page .card.flipped .back {
    opacity: 1;
  }
}
.summit-btn-list .core-commit {
  padding: 12px 18px;
  width: auto;
  max-width: initial;
}
#home-site-search {
  position: absolute;
  right: 0;
  bottom: -16px;
  opacity: 0;
  visibility: hidden;
}
#home-site-search.fast {
  visibility: visible;
}
.ico-site-search {
  background: url(../images/search_new.png) center no-repeat;
  width: 27px;
  height: 34px;
  float: left;
  background-size: 18px;
  border: 1px solid #d8dee4;
  border-radius: 12px;
  padding: 5px 16px 7px;
  margin: 23px 3px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.966 56.966' style='enable-background:new 0 0 56.966 56.966;' xml:space='preserve'%3E%3Cpath d='M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
#home-site-search form {
  position: relative;
}
#home-site-search form  .form-control{
  width: 330px;
  margin-right: 2px;
  padding-right: 45px;
}
.btn-site-search {
  background-image: url(../images/search_new.png);
  background-repeat: no-repeat;
  background-color: #005bb1;
  background-position: center;
  position: absolute;
  right: 0;
  width: 35px;
  height: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-size: 20px;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
#site-search-box {
  position: relative;
  float: left;
}
.banner-caption p.banner-caption-inactive {
  margin-top: 15px;
  font-size: 16px;
  line-height: normal;
}
.reports-btns {
  text-align: center;
      padding-top: 55px;
}
.reports-btns .primary-round-btn {
  width: auto;
  max-width: 100%;
  display: inline-block;
  margin: 0 10px;
}
.home-blue-bg {
  background-color: #f7fdff;
}
.primary-border-btn {
  padding: 12px 28px;
  border-radius: 28px;
  border: 2px solid #00b0eb;
  color: #00b0eb;
  display: inline-block;
  margin: 0 10px;
}
.primary-border-btn:hover {
  color: #00b0eb;
}
.txt-email-process {
  text-align: center;
  font-size: 26px;
  max-width: 765px;
  margin: 0 auto;
  line-height: 1.5;
  margin-bottom: 25px;
  color: #3e474d;
}
.lnk-home-resources .reports-btns {
  padding-top: 0;
}
.home-dark-bg {
      background:#294458;
}
.home-dark-bg .main-title,
.home-dark-bg p,
.home-dark-bg .primary-border-btn,
.home-dark-bg .primary-border-btn:hover  {
  color: #fff;
}
.home-dark-bg .primary-border-btn {
  border-color: #fff;
}