/* --------------- VARS --------------- */
/* --------------- END --------------- */
/* --------------- GENERAL --------------- */
.wow {
  opacity: 0;
  transition: all 0.25s ease-in-out;
  will-change: opacity;
}

.animation_started {
  opacity: 1 !important;
}

html, body {
  height: 100%;
  width: 100%;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  font: normal normal 13px/130% "Avenir Book", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

[data-aos] {
  visibility: hidden;
}

[data-aos].animate__animated {
  visibility: visible;
}

.modal .modal-content {
  border-radius: 28px;
  background-color: #122B3A;
  color: #fff;
  border: none;
  box-shadow: none;
}
.modal .modal-content .modal-body {
  padding: 1rem 2rem 2rem 2rem;
  position: relative;
  text-align: center;
}
.modal .modal-content button {
  position: absolute;
  display: block;
  right: 2rem;
  top: 1.7rem;
  width: 18px;
  height: 18px;
  z-index: 5;
  border: none;
  box-shadow: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.modal .modal-content button img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.modal .modal-content button:focus, .modal .modal-content button:active, .modal .modal-content button:hover {
  border: 0;
  outline: none;
}
.modal .modal-content ul {
  list-style: none;
  width: 65%;
  margin: 0 auto;
  padding: 0;
}
.modal .modal-content ul li {
  width: auto;
  margin-bottom: 10px;
}
.modal .modal-content ul li:last-child {
  margin-bottom: 0;
}
.modal .modal-content ul li a {
  text-decoration: none;
  background: transparent;
  color: #FFF;
  text-align: center;
  font-family: Avenir;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 41px;
  border-bottom: 1px solid transparent;
  padding-bottom: 5px;
  display: block;
  text-transform: uppercase;
}
.modal .modal-content ul li a.is-active {
  border-color: #FFF;
  margin-bottom: 15px;
}

/* --------------- END --------------- */
/* --------------- HERO --------------- */
.hero {
  position: relative;
  overflow: visible;
  /*&::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 39.58%, rgba(0, 0, 0, 0) 66.43%), rgba(27, 25, 25, 0.45);
      background-clip: padding-box;
      display: block;
      z-index: 1;
  }*/
}
@media (min-width: 768px) {
  .hero picture {
    max-height: 1000px;
    height: 80vh;
    display: block;
  }
}
.hero img.hero-bg {
  display: block;
  width: 100%;
  height: auto;
  /*
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1, 1);
  transform-origin: center center;
  transition-property: none;
  min-height: 700px;
  */
}
@media (min-width: 768px) {
  .hero img.hero-bg {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}
.hero .hero-meta {
  color: #fff;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px;
  position: absolute;
  z-index: 5;
  top: 5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 768px) {
  .hero .hero-meta {
    width: 85%;
    margin: 0;
    padding: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1200px) {
  .hero .hero-meta {
    top: 45%;
  }
}
.hero .hero-meta__logos {
  margin-bottom: 20px;
}
.hero .hero-meta__logos img {
  display: inline-block;
  vertical-align: middle;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero .hero-meta__logos img.sc {
  width: 140px;
  height: auto;
}
@media (min-width: 768px) {
  .hero .hero-meta__logos img.sc {
    width: 178px;
    height: 94px;
  }
}
.hero .hero-meta__logos img.bloomberg {
  width: 130px;
  height: auto;
}
@media (min-width: 768px) {
  .hero .hero-meta__logos img.bloomberg {
    width: 157px;
    height: 66px;
  }
}
.hero .hero-meta__logos .logo-separator {
  display: inline-block;
  vertical-align: middle;
  height: 57px;
  background-color: #fff;
  width: 1px;
  margin: 0 20px;
}
@media (min-width: 768px) {
  .hero .hero-meta__logos .logo-separator {
    margin: 0 30px;
  }
}
.hero .hero-meta__reset-logo {
  margin-top: 40px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@media (min-width: 768px) {
  .hero .hero-meta__reset-logo {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .hero .hero-meta__reset-logo {
    margin-top: 40px;
  }
}
.hero .hero-meta__reset-logo img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 96px;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px) {
  .hero .hero-meta__reset-logo img {
    width: 275px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .hero .hero-meta__reset-logo img {
    width: 383px;
    height: auto;
  }
}
.hero .hero-meta__caption {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  margin-top: 40px;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 125%;
}
@media (min-width: 768px) {
  .hero .hero-meta__caption {
    font-size: 21px;
    line-height: 28px;
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .hero .hero-meta__caption {
    margin-top: 40px;
  }
}
.hero__links {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
  margin-top: 100px;
  text-align: center;
  padding: 0 20px;
  margin: 30px 0;
  display: none;
}
@media (min-width: 768px) {
  .hero__links {
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .hero__links {
    bottom: 5%;
  }
}
.hero__links a {
  text-align: center;
  text-decoration: none;
  background: rgba(18, 43, 58, 0.4);
  border: none;
  color: #FFFFFF;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 800;
  display: block;
  padding: 5px 30px;
  margin-bottom: 15px;
  transition: all 0.35s ease-in-out;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) -152.34%, rgba(0, 0, 0, 0) 85.16%), linear-gradient(90deg, rgba(0, 57, 120, 0.2) 0%, rgba(0, 57, 120, 0) 100%), #0473EA;
  border-radius: 35px;
  will-change: background-color, color;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .hero__links a {
    display: inline-block;
    margin-right: 50px;
    padding: 1rem 3rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .hero__links a {
    margin-right: 100px;
  }
}
.hero__links a:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.hero__links a:hover, .hero__links a:focus, .hero__links a:active {
  outline: none;
  background-color: #fff;
  color: #0473EA;
  text-decoration: none;
}

/* --------------- END --------------- */
/* --------------- INTRO --------------- */
.intro {
  position: relative;
  overflow: hidden;
  background-color: #2c6eca;
  color: #fff;
  background-position: 25% center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
}
@media (min-width: 768px) {
  .intro {
    background-position: center center;
  }
}
.intro .intro-overlay {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.25) 10.33%, rgba(0, 0, 0, 0) 100%);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.intro .btn-drop-down {
  position: absolute;
  top: 7.5%;
  right: 6%;
  z-index: 80;
  width: 44px;
  height: 44px;
  display: block;
  opacity: 1;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  background-color: #122B3A;
  background-image: url("https://images.contentstack.io/v3/assets/blt57caa63e0368f6e8/bltccd0f51cacb2163f/6658b9d68e34d5972ae1a37c/btn-drop-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.intro .btn-drop-down:focus, .intro .btn-drop-down:active, .intro .btn-drop-down:hover {
  border: 0;
  outline: none;
}
.intro .btn-drop-down.sticky-nav {
  position: fixed;
  top: 2.5%;
  right: 5%;
}
@media (min-width: 768px) {
  .intro .btn-drop-down {
    display: none !important;
  }
}
.intro__meta {
  padding: 5rem 0 4rem 0;
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .intro__meta {
    padding: 5rem 0 20rem 0;
  }
}
.intro__meta-title {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: none;
  font-style: normal;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .intro__meta-title {
    font-size: 50px;
    line-height: 60px;
  }
}
.intro__meta-subtitle {
  font-weight: 400;
  font-style: normal;
  font-size: 25px;
  color: #ebebeb;
  line-height: 34px;
}

/* --------------- END --------------- */
/* --------------- WHITE BACKGROUND GREY DOTS  --------------- */
.bg-white-grey-dots {
  background-color: #fefdfe;
  color: #111111;
  position: relative;
}
.bg-white-grey-dots::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  color: #fff;
  display: block;
}

/* --------------- END --------------- */
/* --------------- ARTICLES --------------- */
.articles {
  position: relative;
  padding: 5rem 0 0 0;
}
@media (min-width: 768px) {
  .articles {
    padding-bottom: 5rem;
  }
}
.articles .articles-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  margin-top: -7rem;
}
@media (min-width: 768px) {
  .articles .articles-wrapper {
    position: absolute;
    top: -12rem;
    margin-top: 0;
  }
}
.articles .article {
  position: relative;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;
}
.articles .article.elevated {
  /*margin-top: -2rem;*/
}
@media (min-width: 768px) {
  .articles .article.elevated {
    margin-top: -5rem;
  }
}
.articles .article a {
  position: absolute;
  cursor: pointer;
  background-color: transparent;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
}
.articles .article .thumbnail-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 66.66%;
}
.articles .article .thumbnail-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.articles .article .play-button {
  top: 50%;
}
.articles .article:hover .thumbnail-wrapper img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.articles .article:hover .thumbnail-wrapper .play-button {
  width: 60px;
  height: 60px;
}
.articles .article__meta {
  padding: 1.5rem;
}
.articles .article__meta-title {
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  color: #111111;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  text-align: left;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.articles .article__meta-short {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  color: #111111;
  text-align: left;
}

/* --------------- END --------------- */
/* --------------- COMMENTS --------------- */
.comments {
  position: relative;
  padding: 6rem 0 5rem 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .comments {
    padding: 15rem 0 6rem;
  }
}
.comments__comment {
  position: relative;
  text-align: center;
  margin: 0 auto;
  width: 75%;
}
@media (min-width: 768px) {
  .comments__comment {
    width: 65%;
    padding: 0 25px 0 20px;
  }
}
.comments__comment::before, .comments__comment::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 55px;
  height: 55px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .comments__comment::before, .comments__comment::after {
    width: 60px;
    height: 60px;
  }
}
.comments__comment::before {
  background-image: url(../images/quote-left.svg);
  left: -3.6rem;
  top: -1.5rem;
}
@media (min-width: 768px) {
  .comments__comment::before {
    top: -1rem;
    left: -2.5rem;
  }
}
.comments__comment::after {
  background-image: url(../images/quote-right.svg);
  right: -3.5rem;
  bottom: 16.7rem;
}
@media (min-width: 768px) {
  .comments__comment::after {
    right: -1.5rem;
    bottom: 14.2rem;
  }
}
.comments__comment-message {
  color: #525355;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
}
@media (min-width: 768px) {
  .comments__comment-message {
    font-weight: 900;
    font-style: normal;
    font-size: 27px;
    line-height: 40px;
  }
}
.comments__comment-portrait {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 30px auto;
}
.comments__comment-portrait img {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.comments__comment-name-title {
  color: #0f7aed;
  letter-spacing: 0.01em;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 28px;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .comments__comment-name-title {
    font-size: 18px;
    line-height: 23px;
    margin-top: 1.5rem;
  }
}

/* --------------- END --------------- */
/* --------------- WHITEPAPER --------------- */
.whitepaper {
  position: relative;
}
.whitepaper__wrapper {
  background-color: #000000;
  color: #fff;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .whitepaper__wrapper {
    padding: 0;
  }
}
.whitepaper-caption {
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .whitepaper-caption {
    margin-bottom: 0.25rem;
  }
}
.whitepaper-title {
  font-weight: 900;
  font-style: normal;
  font-size: 33px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .whitepaper-title {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .whitepaper-title {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 1.5rem;
  }
}
.whitepaper-short {
  margin-bottom: 2rem;
  font-size: 16px;
  line-height: 23px;
}
@media (min-width: 768px) {
  .whitepaper-short {
    font-size: 18px;
    line-height: 25px;
  }
}
.whitepaper .btn-outline-light {
  width: 245px;
  line-height: 50px;
  border-color: #EAE9E9;
  color: #EAE9E9;
  background-color: transparent;
  border-radius: 0;
  font-family: "Avenir Book", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  transition: all 0.5s ease-in-out;
}
.whitepaper .btn-outline-light:hover {
  color: #333;
  background-color: #38d200;
  border-color: #38d200;
}
.whitepaper .btn-outline-light:focus {
  outline: none;
  box-shadow: none;
}
.whitepaper .btn-outline-light.disabled {
  opacity: 1;
}
.whitepaper .wp-meta {
  background: linear-gradient(90deg, #27333A 0%, #667277 100%);
}
.whitepaper .wp-meta .wp-meta-inner {
  padding: 3.5rem 4rem 5rem 2rem;
}
@media (min-width: 768px) {
  .whitepaper .wp-meta .wp-meta-inner {
    padding: 5rem;
  }
}
.whitepaper .wp-banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

/* --------------- END --------------- */
/* --------------- VIDEOS --------------- */
.play-button {
  width: 60px;
  height: 60px;
  background-image: url(../images/video-play-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 3;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
  will-change: width, height;
}
@media (min-width: 1200px) {
  .play-button {
    top: 50%;
    width: 80px;
    height: 80px;
  }
}

.read, .watch {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 1.1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #FFFFFF;
  box-shadow: 5px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  text-align: center;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 19px;
  line-height: 10px;
  text-align: center;
  color: #0473EA;
  padding: 1rem 1rem;
  text-transform: uppercase;
  min-width: 171px;
}
@media (min-width: 1200px) {
  .read, .watch {
    min-width: 275px;
    line-height: 30px;
    bottom: 1.5rem;
    right: 1.5rem;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.videos, .whitepaper, .video-posts, .article-posts {
  position: relative;
  padding: 0 0 2rem 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .videos, .whitepaper, .video-posts, .article-posts {
    padding: 0 0 4rem 0;
  }
}
.videos__microdocs, .whitepaper__microdocs, .video-posts__microdocs, .article-posts__microdocs {
  position: relative;
  overflow: hidden;
  background-color: #2c6eca;
  color: #fff;
  background-position: 25% center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
  padding: 0;
  /*
  &:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0.25) 10.33%, rgba(0, 0, 0, 0) 100%);
      transform: rotate(-180deg);
      z-index: -1;
  }
  */
}
@media (min-width: 768px) {
  .videos__microdocs, .whitepaper__microdocs, .video-posts__microdocs, .article-posts__microdocs {
    background-position: center center;
    padding: 3rem 0;
  }
}
@media (min-width: 992px) {
  .videos__microdocs, .whitepaper__microdocs, .video-posts__microdocs, .article-posts__microdocs {
    padding: 4rem 0;
  }
}
@media (min-width: 1200px) {
  .videos__microdocs, .whitepaper__microdocs, .video-posts__microdocs, .article-posts__microdocs {
    padding: 5rem 0;
  }
}
.videos__microdocs a, .whitepaper__microdocs a, .video-posts__microdocs a, .article-posts__microdocs a {
  position: absolute;
  cursor: pointer;
  background-color: transparent;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
}
.videos__microdocs .microdocs-video-wrapper, .whitepaper__microdocs .microdocs-video-wrapper, .video-posts__microdocs .microdocs-video-wrapper, .article-posts__microdocs .microdocs-video-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .videos__microdocs .microdocs-video-wrapper, .whitepaper__microdocs .microdocs-video-wrapper, .video-posts__microdocs .microdocs-video-wrapper, .article-posts__microdocs .microdocs-video-wrapper {
    width: 95%;
    max-width: 1300px;
  }
}
.videos__microdocs .microdocs-video-wrapper::before, .whitepaper__microdocs .microdocs-video-wrapper::before, .video-posts__microdocs .microdocs-video-wrapper::before, .article-posts__microdocs .microdocs-video-wrapper::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease-in-out;
  will-change: background-color;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.videos__microdocs .microdocs-video-wrapper img, .whitepaper__microdocs .microdocs-video-wrapper img, .video-posts__microdocs .microdocs-video-wrapper img, .article-posts__microdocs .microdocs-video-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transition: all 0.5s ease-in-out;
  height: auto;
  width: 100%;
}
.videos__microdocs .microdocs-video-wrapper:hover img, .whitepaper__microdocs .microdocs-video-wrapper:hover img, .video-posts__microdocs .microdocs-video-wrapper:hover img, .article-posts__microdocs .microdocs-video-wrapper:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.videos__microdocs .microdocs-video-wrapper:hover .play-button, .whitepaper__microdocs .microdocs-video-wrapper:hover .play-button, .video-posts__microdocs .microdocs-video-wrapper:hover .play-button, .article-posts__microdocs .microdocs-video-wrapper:hover .play-button {
  width: 60px;
  height: 60px;
}
.videos__microdocs .microdocs-video-meta, .whitepaper__microdocs .microdocs-video-meta, .video-posts__microdocs .microdocs-video-meta, .article-posts__microdocs .microdocs-video-meta {
  text-align: center;
  width: 85%;
  max-width: 900px;
  margin: 0 auto;
  color: #fff;
  padding: 4rem 0;
}
@media (min-width: 992px) {
  .videos__microdocs .microdocs-video-meta, .whitepaper__microdocs .microdocs-video-meta, .video-posts__microdocs .microdocs-video-meta, .article-posts__microdocs .microdocs-video-meta {
    padding: 3rem 0;
  }
}
.videos__microdocs .microdocs-video-meta .microdocs-video-meta-title, .whitepaper__microdocs .microdocs-video-meta .microdocs-video-meta-title, .video-posts__microdocs .microdocs-video-meta .microdocs-video-meta-title, .article-posts__microdocs .microdocs-video-meta .microdocs-video-meta-title {
  font-weight: 900;
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .videos__microdocs .microdocs-video-meta .microdocs-video-meta-title, .whitepaper__microdocs .microdocs-video-meta .microdocs-video-meta-title, .video-posts__microdocs .microdocs-video-meta .microdocs-video-meta-title, .article-posts__microdocs .microdocs-video-meta .microdocs-video-meta-title {
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 1.5rem;
  }
}
.videos__microdocs .microdocs-video-meta .microdocs-video-meta-description, .whitepaper__microdocs .microdocs-video-meta .microdocs-video-meta-description, .video-posts__microdocs .microdocs-video-meta .microdocs-video-meta-description, .article-posts__microdocs .microdocs-video-meta .microdocs-video-meta-description {
  letter-spacing: 0.01em;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  margin-top: 0.65rem;
  color: #fff;
}
@media (min-width: 992px) {
  .videos__microdocs .microdocs-video-meta .microdocs-video-meta-description, .whitepaper__microdocs .microdocs-video-meta .microdocs-video-meta-description, .video-posts__microdocs .microdocs-video-meta .microdocs-video-meta-description, .article-posts__microdocs .microdocs-video-meta .microdocs-video-meta-description {
    margin-top: 1rem;
  }
}
.videos__intro, .whitepaper__intro, .video-posts__intro, .article-posts__intro {
  position: relative;
  text-align: center;
  margin: 0 auto 3rem auto;
  width: 90%;
  max-width: 450px;
}
.videos__intro-caption, .whitepaper__intro-caption, .video-posts__intro-caption, .article-posts__intro-caption {
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0.15rem;
}
.videos__intro-title, .whitepaper__intro-title, .video-posts__intro-title, .article-posts__intro-title {
  font-weight: 900;
  font-style: normal;
  font-size: 33px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.videos__intro-short, .whitepaper__intro-short, .video-posts__intro-short, .article-posts__intro-short {
  text-align: left;
}
.videos__section, .whitepaper__section, .video-posts__section, .article-posts__section {
  position: relative;
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
}
.videos__section.top-padding-big, .whitepaper__section.top-padding-big, .video-posts__section.top-padding-big, .article-posts__section.top-padding-big {
  padding: 7.5rem 1rem 2.5rem 1rem;
}
@media (min-width: 768px) {
  .videos__section.top-padding-big, .whitepaper__section.top-padding-big, .video-posts__section.top-padding-big, .article-posts__section.top-padding-big {
    padding: 7rem 0 2.5rem 0;
  }
}
.videos__section.top-padding-small, .whitepaper__section.top-padding-small, .video-posts__section.top-padding-small, .article-posts__section.top-padding-small {
  padding: 7rem 1rem 2.5rem 1rem;
}
@media (min-width: 768px) {
  .videos__section.top-padding-small, .whitepaper__section.top-padding-small, .video-posts__section.top-padding-small, .article-posts__section.top-padding-small {
    padding: 7rem 0 2.5rem 0;
  }
}
.videos__section-overlay, .whitepaper__section-overlay, .video-posts__section-overlay, .article-posts__section-overlay {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.25) 10.33%, rgba(0, 0, 0, 0) 100%);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.videos__section-title, .whitepaper__section-title, .video-posts__section-title, .article-posts__section-title {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 19px;
  line-height: 30px;
  text-align: left;
  text-transform: uppercase;
  color: #F8F8F8;
  margin-bottom: 2rem;
  position: absolute;
  left: 0;
  top: -2.5rem;
  z-index: 2;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .videos__section-title, .whitepaper__section-title, .video-posts__section-title, .article-posts__section-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .videos__section-title, .whitepaper__section-title, .video-posts__section-title, .article-posts__section-title {
    font-size: 28px;
    top: -1.5rem;
    text-align: center;
  }
}
.videos__section-thumbnail, .whitepaper__section-thumbnail, .video-posts__section-thumbnail, .article-posts__section-thumbnail {
  overflow: hidden;
  display: block;
  position: relative;
  padding-top: 56.25%;
}
.videos__section-thumbnail img, .whitepaper__section-thumbnail img, .video-posts__section-thumbnail img, .article-posts__section-thumbnail img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.videos__section-copy, .whitepaper__section-copy, .video-posts__section-copy, .article-posts__section-copy {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #EAE9E9;
  padding: 2rem 5rem;
}
.videos__wrapper .video, .videos__wrapper .article-post, .videos__wrapper .video-post, .whitepaper__wrapper .video, .whitepaper__wrapper .article-post, .whitepaper__wrapper .video-post, .video-posts__wrapper .video, .video-posts__wrapper .article-post, .video-posts__wrapper .video-post, .article-posts__wrapper .video, .article-posts__wrapper .article-post, .article-posts__wrapper .video-post {
  color: #fff;
  position: relative;
  height: 100%;
  /*
  1:1 = 1 / 1 * 100 = 100%
  3:2 = 2 / 3 * 100 = 66.66%
  4:3 = 3 / 4 * 100 = 75%
  16:9 = 9 / 16 * 100 = 56.25%
  */
}
.videos__wrapper .video a, .videos__wrapper .article-post a, .videos__wrapper .video-post a, .whitepaper__wrapper .video a, .whitepaper__wrapper .article-post a, .whitepaper__wrapper .video-post a, .video-posts__wrapper .video a, .video-posts__wrapper .article-post a, .video-posts__wrapper .video-post a, .article-posts__wrapper .video a, .article-posts__wrapper .article-post a, .article-posts__wrapper .video-post a {
  position: absolute;
  cursor: pointer;
  background-color: transparent;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
}
.videos__wrapper .video-thumbnail, .videos__wrapper .article-post-thumbnail, .videos__wrapper .video-post-thumbnail, .whitepaper__wrapper .video-thumbnail, .whitepaper__wrapper .article-post-thumbnail, .whitepaper__wrapper .video-post-thumbnail, .video-posts__wrapper .video-thumbnail, .video-posts__wrapper .article-post-thumbnail, .video-posts__wrapper .video-post-thumbnail, .article-posts__wrapper .video-thumbnail, .article-posts__wrapper .article-post-thumbnail, .article-posts__wrapper .video-post-thumbnail {
  overflow: hidden;
  display: block;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 1rem;
}
.videos__wrapper .video-thumbnail__has-shadow:before, .videos__wrapper .article-post-thumbnail__has-shadow:before, .videos__wrapper .video-post-thumbnail__has-shadow:before, .whitepaper__wrapper .video-thumbnail__has-shadow:before, .whitepaper__wrapper .article-post-thumbnail__has-shadow:before, .whitepaper__wrapper .video-post-thumbnail__has-shadow:before, .video-posts__wrapper .video-thumbnail__has-shadow:before, .video-posts__wrapper .article-post-thumbnail__has-shadow:before, .video-posts__wrapper .video-post-thumbnail__has-shadow:before, .article-posts__wrapper .video-thumbnail__has-shadow:before, .article-posts__wrapper .article-post-thumbnail__has-shadow:before, .article-posts__wrapper .video-post-thumbnail__has-shadow:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease-in-out;
  will-change: background-color;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.videos__wrapper .video-thumbnail figure, .videos__wrapper .article-post-thumbnail figure, .videos__wrapper .video-post-thumbnail figure, .whitepaper__wrapper .video-thumbnail figure, .whitepaper__wrapper .article-post-thumbnail figure, .whitepaper__wrapper .video-post-thumbnail figure, .video-posts__wrapper .video-thumbnail figure, .video-posts__wrapper .article-post-thumbnail figure, .video-posts__wrapper .video-post-thumbnail figure, .article-posts__wrapper .video-thumbnail figure, .article-posts__wrapper .article-post-thumbnail figure, .article-posts__wrapper .video-post-thumbnail figure {
  position: relative;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.videos__wrapper .video-thumbnail figure:before, .videos__wrapper .article-post-thumbnail figure:before, .videos__wrapper .video-post-thumbnail figure:before, .whitepaper__wrapper .video-thumbnail figure:before, .whitepaper__wrapper .article-post-thumbnail figure:before, .whitepaper__wrapper .video-post-thumbnail figure:before, .video-posts__wrapper .video-thumbnail figure:before, .video-posts__wrapper .article-post-thumbnail figure:before, .video-posts__wrapper .video-post-thumbnail figure:before, .article-posts__wrapper .video-thumbnail figure:before, .article-posts__wrapper .article-post-thumbnail figure:before, .article-posts__wrapper .video-post-thumbnail figure:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease-in-out;
  will-change: background-color;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.videos__wrapper .video-thumbnail img, .videos__wrapper .article-post-thumbnail img, .videos__wrapper .video-post-thumbnail img, .whitepaper__wrapper .video-thumbnail img, .whitepaper__wrapper .article-post-thumbnail img, .whitepaper__wrapper .video-post-thumbnail img, .video-posts__wrapper .video-thumbnail img, .video-posts__wrapper .article-post-thumbnail img, .video-posts__wrapper .video-post-thumbnail img, .article-posts__wrapper .video-thumbnail img, .article-posts__wrapper .article-post-thumbnail img, .article-posts__wrapper .video-post-thumbnail img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.videos__wrapper .video:hover .video-thumbnail figure:before, .videos__wrapper .video:hover .article-post-thumbnail figure:before, .videos__wrapper .video:hover .video-post-thumbnail figure:before, .videos__wrapper .article-post:hover .video-thumbnail figure:before, .videos__wrapper .article-post:hover .article-post-thumbnail figure:before, .videos__wrapper .article-post:hover .video-post-thumbnail figure:before, .videos__wrapper .video-post:hover .video-thumbnail figure:before, .videos__wrapper .video-post:hover .article-post-thumbnail figure:before, .videos__wrapper .video-post:hover .video-post-thumbnail figure:before, .whitepaper__wrapper .video:hover .video-thumbnail figure:before, .whitepaper__wrapper .video:hover .article-post-thumbnail figure:before, .whitepaper__wrapper .video:hover .video-post-thumbnail figure:before, .whitepaper__wrapper .article-post:hover .video-thumbnail figure:before, .whitepaper__wrapper .article-post:hover .article-post-thumbnail figure:before, .whitepaper__wrapper .article-post:hover .video-post-thumbnail figure:before, .whitepaper__wrapper .video-post:hover .video-thumbnail figure:before, .whitepaper__wrapper .video-post:hover .article-post-thumbnail figure:before, .whitepaper__wrapper .video-post:hover .video-post-thumbnail figure:before, .video-posts__wrapper .video:hover .video-thumbnail figure:before, .video-posts__wrapper .video:hover .article-post-thumbnail figure:before, .video-posts__wrapper .video:hover .video-post-thumbnail figure:before, .video-posts__wrapper .article-post:hover .video-thumbnail figure:before, .video-posts__wrapper .article-post:hover .article-post-thumbnail figure:before, .video-posts__wrapper .article-post:hover .video-post-thumbnail figure:before, .video-posts__wrapper .video-post:hover .video-thumbnail figure:before, .video-posts__wrapper .video-post:hover .article-post-thumbnail figure:before, .video-posts__wrapper .video-post:hover .video-post-thumbnail figure:before, .article-posts__wrapper .video:hover .video-thumbnail figure:before, .article-posts__wrapper .video:hover .article-post-thumbnail figure:before, .article-posts__wrapper .video:hover .video-post-thumbnail figure:before, .article-posts__wrapper .article-post:hover .video-thumbnail figure:before, .article-posts__wrapper .article-post:hover .article-post-thumbnail figure:before, .article-posts__wrapper .article-post:hover .video-post-thumbnail figure:before, .article-posts__wrapper .video-post:hover .video-thumbnail figure:before, .article-posts__wrapper .video-post:hover .article-post-thumbnail figure:before, .article-posts__wrapper .video-post:hover .video-post-thumbnail figure:before {
  background-color: rgba(0, 0, 0, 0);
}
.videos__wrapper .video:hover .video-thumbnail img, .videos__wrapper .video:hover .article-post-thumbnail img, .videos__wrapper .video:hover .video-post-thumbnail img, .videos__wrapper .article-post:hover .video-thumbnail img, .videos__wrapper .article-post:hover .article-post-thumbnail img, .videos__wrapper .article-post:hover .video-post-thumbnail img, .videos__wrapper .video-post:hover .video-thumbnail img, .videos__wrapper .video-post:hover .article-post-thumbnail img, .videos__wrapper .video-post:hover .video-post-thumbnail img, .whitepaper__wrapper .video:hover .video-thumbnail img, .whitepaper__wrapper .video:hover .article-post-thumbnail img, .whitepaper__wrapper .video:hover .video-post-thumbnail img, .whitepaper__wrapper .article-post:hover .video-thumbnail img, .whitepaper__wrapper .article-post:hover .article-post-thumbnail img, .whitepaper__wrapper .article-post:hover .video-post-thumbnail img, .whitepaper__wrapper .video-post:hover .video-thumbnail img, .whitepaper__wrapper .video-post:hover .article-post-thumbnail img, .whitepaper__wrapper .video-post:hover .video-post-thumbnail img, .video-posts__wrapper .video:hover .video-thumbnail img, .video-posts__wrapper .video:hover .article-post-thumbnail img, .video-posts__wrapper .video:hover .video-post-thumbnail img, .video-posts__wrapper .article-post:hover .video-thumbnail img, .video-posts__wrapper .article-post:hover .article-post-thumbnail img, .video-posts__wrapper .article-post:hover .video-post-thumbnail img, .video-posts__wrapper .video-post:hover .video-thumbnail img, .video-posts__wrapper .video-post:hover .article-post-thumbnail img, .video-posts__wrapper .video-post:hover .video-post-thumbnail img, .article-posts__wrapper .video:hover .video-thumbnail img, .article-posts__wrapper .video:hover .article-post-thumbnail img, .article-posts__wrapper .video:hover .video-post-thumbnail img, .article-posts__wrapper .article-post:hover .video-thumbnail img, .article-posts__wrapper .article-post:hover .article-post-thumbnail img, .article-posts__wrapper .article-post:hover .video-post-thumbnail img, .article-posts__wrapper .video-post:hover .video-thumbnail img, .article-posts__wrapper .video-post:hover .article-post-thumbnail img, .article-posts__wrapper .video-post:hover .video-post-thumbnail img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.videos__wrapper .video:hover .video-thumbnail .play-button, .videos__wrapper .video:hover .article-post-thumbnail .play-button, .videos__wrapper .video:hover .video-post-thumbnail .play-button, .videos__wrapper .article-post:hover .video-thumbnail .play-button, .videos__wrapper .article-post:hover .article-post-thumbnail .play-button, .videos__wrapper .article-post:hover .video-post-thumbnail .play-button, .videos__wrapper .video-post:hover .video-thumbnail .play-button, .videos__wrapper .video-post:hover .article-post-thumbnail .play-button, .videos__wrapper .video-post:hover .video-post-thumbnail .play-button, .whitepaper__wrapper .video:hover .video-thumbnail .play-button, .whitepaper__wrapper .video:hover .article-post-thumbnail .play-button, .whitepaper__wrapper .video:hover .video-post-thumbnail .play-button, .whitepaper__wrapper .article-post:hover .video-thumbnail .play-button, .whitepaper__wrapper .article-post:hover .article-post-thumbnail .play-button, .whitepaper__wrapper .article-post:hover .video-post-thumbnail .play-button, .whitepaper__wrapper .video-post:hover .video-thumbnail .play-button, .whitepaper__wrapper .video-post:hover .article-post-thumbnail .play-button, .whitepaper__wrapper .video-post:hover .video-post-thumbnail .play-button, .video-posts__wrapper .video:hover .video-thumbnail .play-button, .video-posts__wrapper .video:hover .article-post-thumbnail .play-button, .video-posts__wrapper .video:hover .video-post-thumbnail .play-button, .video-posts__wrapper .article-post:hover .video-thumbnail .play-button, .video-posts__wrapper .article-post:hover .article-post-thumbnail .play-button, .video-posts__wrapper .article-post:hover .video-post-thumbnail .play-button, .video-posts__wrapper .video-post:hover .video-thumbnail .play-button, .video-posts__wrapper .video-post:hover .article-post-thumbnail .play-button, .video-posts__wrapper .video-post:hover .video-post-thumbnail .play-button, .article-posts__wrapper .video:hover .video-thumbnail .play-button, .article-posts__wrapper .video:hover .article-post-thumbnail .play-button, .article-posts__wrapper .video:hover .video-post-thumbnail .play-button, .article-posts__wrapper .article-post:hover .video-thumbnail .play-button, .article-posts__wrapper .article-post:hover .article-post-thumbnail .play-button, .article-posts__wrapper .article-post:hover .video-post-thumbnail .play-button, .article-posts__wrapper .video-post:hover .video-thumbnail .play-button, .article-posts__wrapper .video-post:hover .article-post-thumbnail .play-button, .article-posts__wrapper .video-post:hover .video-post-thumbnail .play-button {
  width: 60px;
  height: 60px;
}
.videos__wrapper .video__meta-episode-number, .videos__wrapper .article-post__meta-episode-number, .videos__wrapper .video-post__meta-episode-number, .whitepaper__wrapper .video__meta-episode-number, .whitepaper__wrapper .article-post__meta-episode-number, .whitepaper__wrapper .video-post__meta-episode-number, .video-posts__wrapper .video__meta-episode-number, .video-posts__wrapper .article-post__meta-episode-number, .video-posts__wrapper .video-post__meta-episode-number, .article-posts__wrapper .video__meta-episode-number, .article-posts__wrapper .article-post__meta-episode-number, .article-posts__wrapper .video-post__meta-episode-number {
  font-size: 12px;
  line-height: 19px;
  color: white;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
}
.videos__wrapper .video__meta-title, .videos__wrapper .article-post__meta-title, .videos__wrapper .video-post__meta-title, .whitepaper__wrapper .video__meta-title, .whitepaper__wrapper .article-post__meta-title, .whitepaper__wrapper .video-post__meta-title, .video-posts__wrapper .video__meta-title, .video-posts__wrapper .article-post__meta-title, .video-posts__wrapper .video-post__meta-title, .article-posts__wrapper .video__meta-title, .article-posts__wrapper .article-post__meta-title, .article-posts__wrapper .video-post__meta-title {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 19px;
  line-height: 25px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.videos__wrapper .video__meta-title span, .videos__wrapper .article-post__meta-title span, .videos__wrapper .video-post__meta-title span, .whitepaper__wrapper .video__meta-title span, .whitepaper__wrapper .article-post__meta-title span, .whitepaper__wrapper .video-post__meta-title span, .video-posts__wrapper .video__meta-title span, .video-posts__wrapper .article-post__meta-title span, .video-posts__wrapper .video-post__meta-title span, .article-posts__wrapper .video__meta-title span, .article-posts__wrapper .article-post__meta-title span, .article-posts__wrapper .video-post__meta-title span {
  display: inline-block;
  vertical-align: middle;
}
.videos__wrapper .video__meta-short, .videos__wrapper .article-post__meta-short, .videos__wrapper .video-post__meta-short, .whitepaper__wrapper .video__meta-short, .whitepaper__wrapper .article-post__meta-short, .whitepaper__wrapper .video-post__meta-short, .video-posts__wrapper .video__meta-short, .video-posts__wrapper .article-post__meta-short, .video-posts__wrapper .video-post__meta-short, .article-posts__wrapper .video__meta-short, .article-posts__wrapper .article-post__meta-short, .article-posts__wrapper .video-post__meta-short {
  letter-spacing: 0.01em;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  padding: 1.25rem 0;
  text-align: left;
}
@media (min-width: 1200px) {
  .videos__wrapper .video__meta-short, .videos__wrapper .article-post__meta-short, .videos__wrapper .video-post__meta-short, .whitepaper__wrapper .video__meta-short, .whitepaper__wrapper .article-post__meta-short, .whitepaper__wrapper .video-post__meta-short, .video-posts__wrapper .video__meta-short, .video-posts__wrapper .article-post__meta-short, .video-posts__wrapper .video-post__meta-short, .article-posts__wrapper .video__meta-short, .article-posts__wrapper .article-post__meta-short, .article-posts__wrapper .video-post__meta-short {
    padding: 1.25rem 2.5rem;
  }
}
.videos__wrapper .video__meta p, .videos__wrapper .video__meta .p, .videos__wrapper .article-post__meta p, .videos__wrapper .article-post__meta .p, .videos__wrapper .video-post__meta p, .videos__wrapper .video-post__meta .p, .whitepaper__wrapper .video__meta p, .whitepaper__wrapper .video__meta .p, .whitepaper__wrapper .article-post__meta p, .whitepaper__wrapper .article-post__meta .p, .whitepaper__wrapper .video-post__meta p, .whitepaper__wrapper .video-post__meta .p, .video-posts__wrapper .video__meta p, .video-posts__wrapper .video__meta .p, .video-posts__wrapper .article-post__meta p, .video-posts__wrapper .article-post__meta .p, .video-posts__wrapper .video-post__meta p, .video-posts__wrapper .video-post__meta .p, .article-posts__wrapper .video__meta p, .article-posts__wrapper .video__meta .p, .article-posts__wrapper .article-post__meta p, .article-posts__wrapper .article-post__meta .p, .article-posts__wrapper .video-post__meta p, .article-posts__wrapper .video-post__meta .p {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  font-family: "Avenir Book", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.videos__has-bottom-border, .whitepaper__has-bottom-border, .video-posts__has-bottom-border, .article-posts__has-bottom-border {
  border-bottom: 1px solid #fff;
}

.videos {
  padding: 0 0 2rem 0;
}
@media (min-width: 768px) {
  .videos {
    padding: 4rem 0;
  }
}
.videos .play-button {
  top: 50%;
}
.videos .watch {
  bottom: 2.5rem;
}

/* --------------- END --------------- */
/* --------------- PODCASTS --------------- */
.podcasts-header-mobile, .podcasts__wrapper-header {
  text-align: center;
  background-image: linear-gradient(90deg, #2460be 0%, #2d3d85 100%);
  border-radius: 20px 20px 0 0;
  padding: 4.5rem 0 3.5rem 0;
  display: block;
}
@media (min-width: 768px) {
  .podcasts-header-mobile, .podcasts__wrapper-header {
    display: none;
    margin-bottom: 3rem;
    background-image: none;
    border-radius: 0;
    padding: 0;
  }
}
.podcasts-header-mobile .header-icon-podcast, .podcasts__wrapper-header .header-icon-podcast {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.podcasts-header-mobile .header-icon-podcast img, .podcasts__wrapper-header .header-icon-podcast img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.podcasts-header-mobile .header-title, .podcasts__wrapper-header .header-title {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.podcasts-header-mobile .header-title .ht-subtitle, .podcasts__wrapper-header .header-title .ht-subtitle {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .podcasts-header-mobile .header-title .ht-subtitle, .podcasts__wrapper-header .header-title .ht-subtitle {
    font-size: 20px;
    line-height: 26px;
  }
}
.podcasts-header-mobile .header-title .ht-title, .podcasts__wrapper-header .header-title .ht-title {
  font-weight: 900;
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .podcasts-header-mobile .header-title .ht-title, .podcasts__wrapper-header .header-title .ht-title {
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 1.5rem;
  }
}
.podcasts-header-mobile .header-title .ht-subtitle, .podcasts__wrapper-header .header-title .ht-subtitle {
  font-family: "Avenir Book", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  width: 90%;
  margin: 0 auto;
  max-width: 650px;
  font-size: 16px;
  line-height: 23px;
}
@media (min-width: 768px) {
  .podcasts-header-mobile .header-title .ht-subtitle, .podcasts__wrapper-header .header-title .ht-subtitle {
    font-size: 21px;
    line-height: 26px;
  }
}

.podcasts {
  position: relative;
  padding: 0 0 4.5rem 0;
}
@media (min-width: 768px) {
  .podcasts {
    padding-top: 4.5rem;
  }
}
.podcasts__wrapper {
  position: relative;
  border-radius: 10px;
  background-color: transparent;
  padding: 0;
}
@media (min-width: 768px) {
  .podcasts__wrapper {
    padding: 3rem 1rem 5rem 1rem;
    background-image: linear-gradient(90deg, #2460be 0%, #2d3d85 100%);
    box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 50px 0px;
  }
}
.podcasts__wrapper-header {
  display: none;
}
@media (min-width: 768px) {
  .podcasts__wrapper-header {
    display: block;
  }
}
.podcasts__wrapper-banner {
  position: relative;
}
.podcasts__wrapper-banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-radius: 0 0 20px 20px;
}
@media (min-width: 768px) {
  .podcasts__wrapper-banner img {
    border-radius: 0;
  }
}
.podcasts__wrapper-posts {
  display: block;
  width: 95%;
  margin: -80px auto 0 auto;
}
.podcasts__wrapper-posts .podcast-outer {
  box-shadow: 0px 5px 56.05px 2.95px rgba(21, 50, 105, 0.33);
  border-radius: 15px;
  margin: 0 0.5rem;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-outer {
    margin: 0;
  }
}
.podcasts__wrapper-posts .podcast-inner {
  position: relative;
  height: 100%;
  border-radius: 15px;
  background-color: #4678b6;
  box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.3) inset;
  height: 100%;
  padding: 2rem;
  will-change: background-color, box-shadow;
  transition: all 0.5s ease;
  text-align: center;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-inner {
    padding: 1.5rem 0.75rem;
  }
}
.podcasts__wrapper-posts .podcast-inner .pc-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.podcasts__wrapper-posts .podcast-inner .pc-thumbnail figure {
  position: relative;
  overflow: hidden;
}
.podcasts__wrapper-posts .podcast-inner .pc-thumbnail figure:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease-in-out;
  will-change: background-color;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.podcasts__wrapper-posts .podcast-inner .pc-thumbnail img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transition: all 0.5s ease-in-out;
}
.podcasts__wrapper-posts .podcast-inner .pc-thumbnail .pc-icon-podcast {
  display: block;
  background-image: url(../images/podcast-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 60px;
  height: 60px;
  opacity: 0.5;
  will-change: opacity;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
  will-change: width, height;
}
.podcasts__wrapper-posts .podcast-inner:hover .pc-thumbnail figure:before {
  background-color: rgba(0, 0, 0, 0);
}
.podcasts__wrapper-posts .podcast-inner:hover .pc-thumbnail img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.podcasts__wrapper-posts .podcast-inner .pc-episode-number {
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.podcasts__wrapper-posts .podcast-inner .pc-episode-subtitle {
  color: #ffffff;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.15rem;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-inner .pc-episode-subtitle {
    font-size: 14px;
    line-height: 19px;
  }
}
.podcasts__wrapper-posts .podcast-inner .pc-episode-title {
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 0.35rem;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-inner .pc-episode-title {
    font-size: 22px;
    line-height: 26px;
  }
}
.podcasts__wrapper-posts .podcast-inner p {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-inner p {
    font-size: 16px;
    line-height: 20px;
  }
}
.podcasts__wrapper-posts .podcast-inner p.coming-soon {
  margin-bottom: 0;
  text-transform: uppercase;
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles {
  margin: 1.5rem 0 5rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile {
  text-align: center;
  width: 50%;
  padding: 0 5px;
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile .pp-portrait {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px auto;
  background-color: #0A2F56;
  text-align: center;
}
@media (min-width: 768px) {
  .podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile .pp-portrait {
    width: 85px;
    height: 85px;
  }
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile .pp-portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  display: inline-block;
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile .pp-name {
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 16px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #fff;
  text-align: center;
}
.podcasts__wrapper-posts .podcast-inner .pc-profiles .podcast-profile .pp-title {
  font-family: "Avenir Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-align: center;
}
.podcasts__wrapper-posts .podcast-inner .pc-link {
  position: absolute;
  z-index: 1;
  bottom: 1.5rem;
  left: 0.75rem;
  right: 0.75rem;
}
.podcasts__wrapper-posts .podcast-inner .pc-link .btn-light {
  /*
  width: 100%;
  line-height: 30px;
  font-family: $font-fam-bold;
  text-transform: uppercase;
  color: rgb(101, 101, 99);
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  opacity: 1;
  transition: all 0.5s ease;
  border-radius: 30px;
  */
  background: #FFFFFF;
  box-shadow: 5px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  text-align: center;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 19px;
  line-height: 15px;
  text-align: center;
  color: #4B5E6C;
  padding: 1rem 1rem;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 1200px) {
  .podcasts__wrapper-posts .podcast-inner .pc-link .btn-light {
    line-height: 30px;
    bottom: 1.5rem;
    right: 1.5rem;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}
.podcasts__wrapper-posts .podcast-inner:hover {
  background-color: #5785be;
  box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 5px 0px 40px 0px rgba(0, 0, 0, 0.4) inset;
}
.podcasts__wrapper-posts .podcast-inner:hover .pc-thumbnail .pc-icon-podcast {
  opacity: 1;
}
.podcasts__wrapper-posts .podcast-inner:hover .pc-link .btn-light {
  color: #010101;
}

/* --------------- END --------------- */
/* --------------- ARTICLES AND VIDEOS --------------- */
.articles-and-videos {
  position: relative;
  padding: 2rem 0 4rem 0;
}
.articles-and-videos-meta {
  padding: 0 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .articles-and-videos-meta {
    padding: 0 7rem;
    width: 90%;
    max-width: 715px;
    margin: 0 auto;
  }
}
.articles-and-videos__wrapper {
  background-color: #000000;
  color: #fff;
  padding: 5rem 0;
  position: relative;
}
.articles-and-videos-caption {
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0.25rem;
}
.articles-and-videos-title {
  font-weight: 900;
  font-style: normal;
  font-size: 33px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.articles-and-videos-short {
  margin-bottom: 2.5rem;
}
.articles-and-videos-banner {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: relative;
}
.articles-and-videos-link {
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
  border-radius: 45px;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-style: normal;
  font-weight: 900;
  font-size: 17px;
  line-height: 22px;
  text-align: center;
  padding: 1rem 3rem;
  letter-spacing: 0.02rem;
}

/* --------------- END --------------- */
/* --------------- THE IMMERSIVE --------------- */
.the-immersive {
  padding: 5rem 0;
}
.the-immersive__wrapper {
  background: #ffffff;
  width: 100%;
  max-width: 1486px;
  margin: 0 auto;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
@media (min-width: 768px) {
  .the-immersive__wrapper {
    width: 80%;
  }
}
.the-immersive__wrapper .immersive-banner {
  position: relative;
}
.the-immersive__wrapper .immersive-banner img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.the-immersive__wrapper .immersive-banner__meta {
  text-align: center;
  color: #ffffff;
  position: absolute;
  display: block;
  top: 2rem;
  left: 50%;
  z-index: 3;
  width: 1030px;
  height: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
}
.the-immersive__wrapper .immersive-banner__meta-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 60px;
}
.the-immersive__wrapper .immersive-banner__meta-title {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
}
.the-immersive__wrapper .immersive-body {
  padding: 2rem 2rem 3rem;
  background: #ffffff;
  text-align: center;
}
.the-immersive__wrapper .immersive-body p {
  max-width: 850px;
  margin: 0 auto 2.5rem auto;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.the-immersive__wrapper .immersive-body__button {
  text-align: center;
}
.the-immersive__wrapper .immersive-body__button a {
  display: inline-block;
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
  border-radius: 30px;
  color: #ffffff;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 60px;
  padding: 70px;
  width: auto;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .the-immersive__wrapper .immersive-body__button a {
    width: 325px;
    padding: 0 100px;
  }
}
.the-immersive__wrapper .immersive-body__button a:hover, .the-immersive__wrapper .immersive-body__button a:focus, .the-immersive__wrapper .immersive-body__button a:active {
  background: linear-gradient(122.85deg, rgba(0, 0, 0, 0.4) -1.04%, rgba(0, 0, 0, 0) 69.62%), linear-gradient(270deg, rgba(0, 57, 120, 0.75) -44.14%, rgba(0, 57, 120, 0) 49.17%), #0473EA;
  color: #ffffff;
  outline: none;
}

/* --------------- END --------------- */
/* --------------- RESTTING GLOBALISATION --------------- */
.resetting-globalisation {
  position: relative;
  padding: 0;
  background-color: #000;
  color: #fff;
}
.resetting-globalisation__banner {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.resetting-globalisation__banner::before {
  /*content: '';
  display: block;
  background-color: transparent;
  background-image: linear-gradient(270deg, rgb(17, 17, 17) 0%, rgba(17, 17, 17, 0) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0.93;*/
}
.resetting-globalisation__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.resetting-globalisation__meta {
  position: relative;
  background: linear-gradient(90deg, #27333A 0%, #667277 100%);
  height: 100%;
}
.resetting-globalisation__meta-inner {
  padding: 3rem;
}
@media (min-width: 1200px) {
  .resetting-globalisation__meta-inner {
    padding: 4rem;
  }
}
@media (min-width: 1400px) {
  .resetting-globalisation__meta-inner {
    padding: 5rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 100%;
  }
}
.resetting-globalisation__title {
  font-weight: 900;
  font-style: normal;
  font-size: 33px;
  line-height: 40px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .resetting-globalisation__title {
    font-size: 40px;
    line-height: 50px;
  }
}
.resetting-globalisation__title img {
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-width: 210px;
  height: auto;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  margin-left: -14px;
}
.resetting-globalisation__short {
  margin-bottom: 2.5rem;
}
.resetting-globalisation .btn-outline-light {
  width: 180px;
  line-height: 40px;
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-radius: 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  transition: all 0.5s ease-in-out;
}
.resetting-globalisation .btn-outline-light:hover {
  color: #333;
  background-color: #38d200;
  border-color: #38d200;
}
.resetting-globalisation .btn-outline-light:focus {
  outline: none;
  box-shadow: none;
}

/* --------------- END --------------- */

/*# sourceMappingURL=app.min-v3.css.map */