@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes zoomOutElement {
  from {
    transform: scale(1) translate(0, 0); }
  to {
    transform: scale(4) translate(30px, -30px); } }

@keyframes dottedLoading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -0.9em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

@keyframes stickyFadeInUp {
  from {
    transform: translate3d(0, 0.2em, 0);
    visibility: visible;
    opacity: 0; }
  to {
    transform: translate3d(0, -50%, 0);
    opacity: 1; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.presentation-wrapper {
  background-color: #f2f2f2; }
  .presentation-wrapper .presentation-container {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .presentation-wrapper .presentation-container {
        width: 80%;
        max-width: 1500px; } }
    @media (min-width: 992px) {
      .presentation-wrapper .presentation-container .experience-region {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex; } }
    .presentation-wrapper .presentation-container .experience-assets-presentationItem {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      max-width: 100%; }
      @media (min-width: 992px) {
        .presentation-wrapper .presentation-container .experience-assets-presentationItem {
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
          max-width: 50%; } }
    .presentation-wrapper .presentation-container:first-child {
      padding-top: 40px; }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container:first-child {
          padding-top: 60px; } }
    .presentation-wrapper .presentation-container:last-child {
      padding-bottom: 40px; }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container:last-child {
          padding-bottom: 60px; } }
    .presentation-wrapper .presentation-container .presentation-year {
      color: #004a8d;
      padding-bottom: 15px;
      margin: 0;
      font-size: 22px;
      font-size: 1.57143rem; }
      @media (min-width: 768px) {
        .presentation-wrapper .presentation-container .presentation-year {
          padding-bottom: 20px;
          font-size: 30px;
          font-size: 2.14286rem; } }
      @media (min-width: 992px) {
        .presentation-wrapper .presentation-container .presentation-year {
          font-size: 24px;
          font-size: 1.71429rem; } }
      @media (min-width: 1200px) {
        .presentation-wrapper .presentation-container .presentation-year {
          font-size: 30px;
          font-size: 2.14286rem; } }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container .presentation-year {
          font-size: 34px;
          font-size: 2.42857rem; } }
      @media (min-width: 1600px) {
        .presentation-wrapper .presentation-container .presentation-year {
          font-size: 40px;
          font-size: 2.85714rem; } }
      @media (min-width: 1920px) {
        .presentation-wrapper .presentation-container .presentation-year {
          font-size: 40px;
          font-size: 2.85714rem; } }
    .presentation-wrapper .presentation-container .main-content {
      width: 100%;
      margin: 0 auto; }
      .presentation-wrapper .presentation-container .main-content::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: lightgray; }
    .presentation-wrapper .presentation-container .hightlight-image {
      display: block;
      width: 100%;
      box-shadow: 0 0 8px 5px #c1c1c1; }
    .presentation-wrapper .presentation-container .presentation-content {
      margin-top: 40px; }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container .presentation-content {
          margin-top: 60px; } }
    @media (min-width: 992px) {
      .presentation-wrapper .presentation-container .presentation-details {
        min-height: 93px; } }
    @media (min-width: 1200px) {
      .presentation-wrapper .presentation-container .presentation-details {
        min-height: 99px; } }
    @media (min-width: 1400px) {
      .presentation-wrapper .presentation-container .presentation-details {
        min-height: 138px; } }
    @media (min-width: 1920px) {
      .presentation-wrapper .presentation-container .presentation-details {
        min-height: 153px; } }
    .presentation-wrapper .presentation-container .presentation-name {
      font-weight: 100;
      line-height: 1.5em;
      margin: 0 auto;
      padding-top: 20px;
      font-size: 16px;
      font-size: 1.14286rem; }
      @media (min-width: 768px) {
        .presentation-wrapper .presentation-container .presentation-name {
          font-size: 20px;
          font-size: 1.42857rem; } }
      @media (min-width: 992px) {
        .presentation-wrapper .presentation-container .presentation-name {
          font-size: 16px;
          font-size: 1.14286rem; } }
      @media (min-width: 1200px) {
        .presentation-wrapper .presentation-container .presentation-name {
          font-size: 18px;
          font-size: 1.28571rem; } }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container .presentation-name {
          padding-top: 30px;
          font-size: 22px;
          font-size: 1.57143rem; } }
      @media (min-width: 1600px) {
        .presentation-wrapper .presentation-container .presentation-name {
          font-size: 24px;
          font-size: 1.71429rem; } }
      @media (min-width: 1920px) {
        .presentation-wrapper .presentation-container .presentation-name {
          font-size: 28px;
          font-size: 2rem; } }
    .presentation-wrapper .presentation-container .presentation-date {
      font-weight: 100;
      padding-top: 10px;
      font-size: 14px;
      font-size: 1rem; }
      @media (min-width: 768px) {
        .presentation-wrapper .presentation-container .presentation-date {
          font-size: 16px;
          font-size: 1.14286rem; } }
      @media (min-width: 992px) {
        .presentation-wrapper .presentation-container .presentation-date {
          font-size: 14px;
          font-size: 1rem; } }
      @media (min-width: 992px) {
        .presentation-wrapper .presentation-container .presentation-date {
          font-size: 16px;
          font-size: 1.14286rem; } }
      @media (min-width: 1400px) {
        .presentation-wrapper .presentation-container .presentation-date {
          padding-top: 15px;
          font-size: 18px;
          font-size: 1.28571rem; } }
      @media (min-width: 1600px) {
        .presentation-wrapper .presentation-container .presentation-date {
          font-size: 20px;
          font-size: 1.42857rem; } }
      @media (min-width: 1920px) {
        .presentation-wrapper .presentation-container .presentation-date {
          font-size: 22px;
          font-size: 1.57143rem; } }
    .presentation-wrapper .presentation-container .presentation-record {
      margin-top: 20px; }
      .presentation-wrapper .presentation-container .presentation-record a {
        font-weight: 400;
        text-transform: uppercase;
        color: #004a8d;
        font-size: 14px;
        font-size: 1rem; }
        @media (min-width: 768px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            font-size: 18px;
            font-size: 1.28571rem; } }
        @media (min-width: 992px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            font-size: 14px;
            font-size: 1rem; } }
        @media (min-width: 1200px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            font-size: 18px;
            font-size: 1.28571rem; } }
        @media (min-width: 1400px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            margin-top: 30px;
            font-size: 22px;
            font-size: 1.57143rem; } }
        @media (min-width: 1600px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            font-size: 24px;
            font-size: 1.71429rem; } }
        @media (min-width: 1920px) {
          .presentation-wrapper .presentation-container .presentation-record a {
            font-size: 28px;
            font-size: 2rem; } }
        @media (min-width: 768px) {
          .presentation-wrapper .presentation-container .presentation-record a:first-child {
            padding-right: 2px; } }
        @media (min-width: 992px) {
          .presentation-wrapper .presentation-container .presentation-record a:first-child {
            padding-right: 0; } }
        @media (min-width: 1200px) {
          .presentation-wrapper .presentation-container .presentation-record a:first-child {
            padding-right: 3px; } }
        @media (min-width: 1400px) {
          .presentation-wrapper .presentation-container .presentation-record a:first-child {
            padding-right: 7px; } }
        @media (min-width: 1920px) {
          .presentation-wrapper .presentation-container .presentation-record a:first-child {
            padding-right: 10px; } }
        .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
          border-left: 2px solid #004a8d;
          padding-left: 3px; }
          .presentation-wrapper .presentation-container .presentation-record a:nth-child(2)::after {
            content: ''; }
          @media (min-width: 768px) {
            .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
              padding-left: 5px; } }
          @media (min-width: 992px) {
            .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
              padding-left: 4px; } }
          @media (min-width: 1200px) {
            .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
              padding-left: 6px; } }
          @media (min-width: 1400px) {
            .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
              padding-left: 10px; } }
          @media (min-width: 1920px) {
            .presentation-wrapper .presentation-container .presentation-record a:nth-child(2) {
              padding-left: 12px; } }