.theatre-open {
  overflow: hidden; }

.modal-theatre {
  transform: scale(0.75);
  transition-duration: 300ms;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  background-color: #fff;
  z-index: -1; }
  .modal-theatre .thumb-image {
    max-width: 80px;
    float: left; }

.open-curtains {
  transform: scale(1);
  transition-duration: 400ms;
  opacity: 1;
  display: block;
  z-index: 999; }

.theatre-close {
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  min-width: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  font-size: 21px;
  color: #f4f4f4;
  border: 0;
  background: image-url("icon-close.svg") no-repeat center;
  background-size: contain; }

.theatre-image {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.theatre-thumbs {
  bottom: 20px;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 1099; }

.thumb-item {
  display: inline-block;
  border: 1px solid transparent;
  outline: 1px solid transparent; }

.thumb-active {
  border-color: #fff;
  outline-color: #b74134; }

.thumb-link {
  display: block; }

.filmstrip-container {
  clear: both;
  overflow: hidden; }
  .filmstrip-container .image-container {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; }
    .filmstrip-container .image-container:last-child {
      float: right;
      margin-right: 0; }
    .filmstrip-container .image-container .caption {
      font-size: 12px;
      text-align: center; }

@media (min-width: 0) and (max-width: 639px) {
  .section-about-header {
    margin-top: 33px; } }

.section-about-tesla {
  margin-bottom: 30px; }
  .section-about-tesla::before, .section-about-tesla::after {
    content: '';
    display: table; }
  .section-about-tesla::after {
    clear: both; }
  .section-about-tesla .section-about {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    padding-right: 44px;
    position: relative; }
    .section-about-tesla .section-about .tesla-mission {
      font-weight: 400;
      font-size: 30px;
      line-height: 40px;
      padding-top: 0; }
    .section-about-tesla .section-about .about-text {
      margin-top: 35px; }
  .section-about-tesla .section-press {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
  .section-about-tesla .press-contacts .contact,
  .section-about-tesla .press-contacts .vcard {
    margin-bottom: 30px;
    font-style: normal; }
  .section-about-tesla .press-contacts .fn,
  .section-about-tesla .press-contacts .vcard,
  .section-about-tesla .press-contacts .email,
  .section-about-tesla .press-contacts .region,
  .section-about-tesla .press-contacts .contact {
    color: #5c5e62;
    color: var(--tds-color--grey30); }
  .section-about-tesla .press-contacts .fn,
  .section-about-tesla .press-contacts .email,
  .section-about-tesla .press-contacts .region {
    font-size: 15px; }
  .section-about-tesla .press-contacts-title {
    font-weight: 500;
    font-size: 16px;
    padding-top: 0; }
  .section-about-tesla .social-icons {
    width: 180px;
    height: 50px;
    position: relative; }
    .section-about-tesla .social-icons a {
      color: #f4f4f4; }
      .section-about-tesla .social-icons a::after {
        font-size: 31px; }
        .i18n-zh_CN .section-about-tesla .social-icons a::after {
          font-size: 27px; }
    .section-about-tesla .social-icons .popover {
      top: -210px;
      left: 10px; }
    .section-about-tesla .social-icons .popover-content {
      padding: 0; }

.section-media {
  background-color: #f4f4f4;
  background-color: var(--tds-color--grey70);
  padding: 55px 0; }

.media-assets {
  margin-bottom: 30px; }
  .media-assets::before, .media-assets::after {
    content: '';
    display: table; }
  .media-assets::after {
    clear: both; }
  .media-assets:last-child {
    margin-bottom: 0; }
  .media-assets .media-image {
    width: 340px; }
  .media-assets .section-subtitle {
    font-weight: 400;
    font-size: 15px; }

.section-executives {
  padding: 55px 0; }
  .section-executives .left {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    padding-right: 44px; }
  .section-executives .right {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
  .section-executives .section-title {
    font-weight: 100;
    margin-bottom: 30px; }
  .section-executives .executive-person-list .executive-person {
    padding-top: 20px;
    margin-bottom: 30px; }
    .section-executives .executive-person-list .executive-person.first {
      padding-top: 0; }
    .section-executives .executive-person-list .executive-person .name {
      font-weight: 500;
      font-size: 18px; }
    .section-executives .executive-person-list .executive-person .title {
      font-size: 13px;
      line-height: 20px;
      color: #5c5e62;
      color: var(--tds-color--grey30);
      padding: 10px 0 0; }
  .section-executives li {
    margin-bottom: 20px; }
    .section-executives li a {
      font-size: 15px; }
    .section-executives li .title {
      color: #5c5e62;
      color: var(--tds-color--grey30);
      font-size: 13px; }

.section-media .section-title,
.section-executives .section-title {
  padding: 0 0 32px; }
  .section-media .section-title.alternate,
  .section-executives .section-title.alternate {
    color: #d0d1d2;
    color: var(--tds-color--grey50); }

@media (min-width: 0) and (max-width: 639px) {
  .section-about-tesla {
    margin-bottom: 0; }
    .section-about-tesla .section-about {
      width: 100%;
      clear: both;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-right: 0; }
      .section-about-tesla .section-about .tesla-mission {
        font-size: 24px;
        line-height: 30px;
        margin-top: 0; }
    .section-about-tesla .section-press {
      width: 100%;
      clear: both;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      padding-top: 0; }
      .section-about-tesla .section-press .press-contacts {
        -ms-flex-order: 2;
            order: 2; }
        .section-about-tesla .section-press .press-contacts .vcard {
          min-height: 0;
          margin-bottom: 10px; }
      .section-about-tesla .section-press .social-icons {
        -ms-flex-order: 1;
            order: 1;
        margin-bottom: 22px;
        height: auto; }
  .section-executives {
    margin-top: 23px; }
    .section-executives .left {
      width: 100%;
      clear: both;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto; }
    .section-executives .section-title {
      margin-bottom: 0; } }

.tds-theme--v7 [id='page-about'] .tds-animate--backdrop-backdrop,
.tds-theme--v7 [id='page-about'] .tds-modal-close {
  border-radius: 4px !important; }

.tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-nav-item {
  border-radius: 4px !important; }

.tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-logo {
  padding-left: 35px; }

.tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-nav-items--vertical {
  -ms-flex-align: baseline;
      align-items: baseline; }
  .tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-nav-items--vertical .tds-site-nav-item-text {
    color: #393c41;
    color: var(--tds-color--grey20); }
  .tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-nav-items--vertical li {
    width: 100%; }
  .tds-theme--v7 [id='page-about'] [id='tds-site-header-wrapper'] .tds-site-nav-items--vertical .tds-locale-selector-trigger {
    padding: 0; }