.overflowHidden {
  position: fixed;
  width: 100%;
  height: 100%; }

body.overflowHidden {
  overflow-y: scroll; }

div.video {
  width: 80%;
  height: auto;
  display: none;
  position: absolute; }

div.video-wrapper {
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; }

.videoHeader {
  min-height: 80px;
  position: relative;
  background: #fff;
  padding: 25px 0 10px;
  margin: 0;
  text-align: center; }

.youtubeContainer {
  overflow: hidden;
  width: 100% !important;
  /* Keep it the right aspect-ratio */
  aspect-ratio: 16/9;
  /* No clicking/hover effects */ }
  .youtubeContainer iframe {
    /* Extend it beyond the viewport... */
    width: 300% !important;
    height: 100%;
    /* ...and bring it back again */
    margin-left: -100%; }

#player {
  width: 100%;
  aspect-ratio: 4/2.3; }

.closeBtn {
  position: absolute;
  right: 32px;
  top: 30px;
  width: 20px;
  height: 20px;
  opacity: 1;
  cursor: pointer;
  transition: all .3s; }
  .closeBtn:hover {
    opacity: 0.5; }
  .closeBtn:before, .closeBtn:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 21px;
    width: 2px;
    background-color: #0d0d0d; }
  .closeBtn:before {
    transform: rotate(45deg); }
  .closeBtn:after {
    transform: rotate(-45deg); }

@media (max-width: 500px) {
  .videoHeader {
    min-height: 50px; }
  .closeBtn {
    right: 15px;
    top: 15px; } }

.block-person__wrapper {
  display: flex;
  flex-wrap: wrap; }

.block-person__img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 120px;
  margin-bottom: 1.2rem; }

.block-person__name {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  letter-spacing: .5px;
  font-family: "Helvetica Neue", serif;
  padding-right: .5rem;
  margin: 0 0 .2rem;
  line-height: 30px; }
  .block-person__name--cn {
    font-size: 20px;
    color: #eab028;
    font-weight: 300;
    letter-spacing: .5px;
    font-family: "PingFang SC", serif;
    line-height: 30px; }

.block-person__position p {
  font-size: 20px;
  color: #000000;
  font-weight: 300;
  letter-spacing: .5px;
  font-family: "Helvetica Neue", serif;
  padding: 0 0.5rem 0 0;
  line-height: 30px;
  margin: 0 0 .5rem; }

.block-person__position--cn {
  font-size: 20px;
  color: #eab028;
  font-weight: 300;
  letter-spacing: .5px;
  font-family: "PingFang SC", serif;
  line-height: 30px; }

.block-person__video {
  margin-top: 1.2rem;
  display: flex;
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none;
  align-items: center;
  fill: #b31919; }
  .block-person__video:hover > picture > svg {
    background: #eab028; }

.block-person__play {
  margin-right: 1rem;
  display: flex; }
  .block-person__play svg {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #b31919;
    transition: background-color 0.3s ease-out; }

@media (max-width: 1000px) {
  .block-person {
    padding: 1rem 0;
    border-left: none;
    border-top: 1px solid #e6e6e6; }
    .block-person__img {
      width: 90px;
      height: 90px;
      margin-bottom: .5rem; }
    .block-person__name, .block-person__name--cn, .block-person__position p, .block-person__position--cn, .block-person__wrapper {
      font-size: 16px;
      line-height: 24px;
      display: block; }
    .block-person__video {
      font-size: 12px !important;
      letter-spacing: 1.7px; }
    .block-person__play picture {
      width: 60px; }
    .block-person .youtubeContainer iframe {
      width: 1000% !important;
      margin-left: -450%; } }