#page-block-di-banner {
  color: white !important;
  overflow: hidden; }
  #page-block-di-banner .background-layer {
    height: 100%;
    position: absolute;
    z-index: 0; }
  #page-block-di-banner .plugin-container {
    min-height: 300px; }
    .cutout-cutout#page-block-di-banner .plugin-container {
      min-height: 300px; }
    #page-block-di-banner .plugin-container:after {
      content: '';
      min-height: inherit;
      font-size: 0;
      display: block; }
  #page-block-di-banner .banner-plugin-container {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 992px) {
      .content-left#page-block-di-banner .banner-plugin-container {
        padding-right: calc((1200px / 12)); } }
    .content-left#page-block-di-banner .banner-plugin-container:after {
      position: absolute;
      right: 4.7rem;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      display: block;
      height: 39.375rem;
      width: 39.375rem; }
      .cutout-cutout.content-left#page-block-di-banner .banner-plugin-container:after {
        height: 36.25rem;
        width: 36.25rem; }
      .slant-left.content-left#page-block-di-banner .banner-plugin-container:after {
        bottom: -2.5rem; }
      .slant-right.content-left#page-block-di-banner .banner-plugin-container:after {
        top: -2.5rem; }
    .content-left#page-block-di-banner .banner-plugin-container:before {
      content: "";
      top: -2.5rem;
      bottom: -2.5rem;
      left: 0;
      right: 4.5rem;
      position: absolute; }
    @media (max-width: 991.98px) {
      .content-left#page-block-di-banner .banner-plugin-container:before {
        height: 100%;
        background: transparent;
        right: 0;
        min-width: 39.375rem; }
        .cutout-cutout.content-left#page-block-di-banner .banner-plugin-container:before {
          min-width: 36.25rem; }
      .content-left#page-block-di-banner .banner-plugin-container:after {
        content: "";
        visibility: hidden; } }
    @media (min-width: 992px) {
      .content-right#page-block-di-banner .banner-plugin-container {
        padding-left: calc((1200px / 12) + 8px); } }
    .content-right#page-block-di-banner .banner-plugin-container:before {
      position: absolute;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      display: block;
      height: 39.375rem;
      width: 39.375rem;
      left: 4.4rem; }
      .cutout-cutout.content-right#page-block-di-banner .banner-plugin-container:before {
        height: 36.25rem;
        width: 36.25rem; }
      .slant-right.content-right#page-block-di-banner .banner-plugin-container:before {
        bottom: -2.5rem; }
      .slant-left.content-right#page-block-di-banner .banner-plugin-container:before {
        top: -2.5rem; }
    .content-right#page-block-di-banner .banner-plugin-container:after {
      content: "";
      top: -2.5rem;
      bottom: -2.5rem;
      right: 0;
      left: 4.4rem;
      position: absolute; }
    @media (max-width: 991.98px) {
      .content-right#page-block-di-banner .banner-plugin-container:after {
        height: 100%;
        background: transparent;
        left: 0;
        min-width: 39.375rem; }
        .cutout-cutout.content-right#page-block-di-banner .banner-plugin-container:after {
          min-width: 36.25rem; }
      .content-right#page-block-di-banner .banner-plugin-container:before {
        content: "";
        visibility: hidden; } }
    #page-block-di-banner .banner-plugin-container .banner-content-container {
      z-index: 8;
      position: relative;
      margin-right: auto;
      margin-left: auto;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        #page-block-di-banner .banner-plugin-container .banner-content-container {
          max-width: 33.75rem; } }
      @media (min-width: 768px) {
        #page-block-di-banner .banner-plugin-container .banner-content-container {
          max-width: 45rem; } }
      #page-block-di-banner .banner-plugin-container .banner-content-container:after {
        content: '';
        min-height: inherit;
        font-size: 0;
        display: block; }
  #page-block-di-banner .flair-container {
    padding-left: 1.25rem;
    padding-right: 6.25rem;
    z-index: 1; }
    .content-left#page-block-di-banner .flair-container {
      padding-left: 6.25rem;
      padding-right: 1.25rem; }
    #page-block-di-banner .flair-container .flair-item {
      max-width: 250px;
      position: absolute;
      opacity: 0;
      -webkit-animation: fadein 0.5s linear 1.5s forwards;
              animation: fadein 0.5s linear 1.5s forwards; }
      #page-block-di-banner .flair-container .flair-item img {
        max-width: 100%; }
      #page-block-di-banner .flair-container .flair-item.right, #page-block-di-banner .flair-container .flair-item.top-right, #page-block-di-banner .flair-container .flair-item.bottom-right {
        right: 0; }
        .content-right#page-block-di-banner .flair-container .flair-item.right, .content-right#page-block-di-banner .flair-container .flair-item.top-right, .content-right#page-block-di-banner .flair-container .flair-item.bottom-right {
          right: 6.25rem; }
        @media (max-width: 1450px) {
          .content-left#page-block-di-banner .flair-container .flair-item.right, .content-left#page-block-di-banner .flair-container .flair-item.top-right, .content-left#page-block-di-banner .flair-container .flair-item.bottom-right {
            display: none; } }
      #page-block-di-banner .flair-container .flair-item.left, #page-block-di-banner .flair-container .flair-item.top-left, #page-block-di-banner .flair-container .flair-item.bottom-left {
        left: 0; }
        .content-left#page-block-di-banner .flair-container .flair-item.left, .content-left#page-block-di-banner .flair-container .flair-item.top-left, .content-left#page-block-di-banner .flair-container .flair-item.bottom-left {
          left: 6.25rem; }
        @media (max-width: 1450px) {
          .content-right#page-block-di-banner .flair-container .flair-item.left, .content-right#page-block-di-banner .flair-container .flair-item.top-left, .content-right#page-block-di-banner .flair-container .flair-item.bottom-left {
            display: none; } }
      .content-right#page-block-di-banner .flair-container .flair-item.top-left {
        -webkit-transform: translateX(-100%) translateX(-3.75rem);
                transform: translateX(-100%) translateX(-3.75rem); }
      #page-block-di-banner .flair-container .flair-item.bottom-left {
        top: 100%;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        transition: .175s all linear; }
        .content-right#page-block-di-banner .flair-container .flair-item.bottom-left {
          -webkit-transform: translateX(-100%) translateX(-3.75rem) translateY(-100%);
                  transform: translateX(-100%) translateX(-3.75rem) translateY(-100%); }
        #page-block-di-banner .flair-container .flair-item.bottom-left.align-bottom {
          -webkit-transform: translateX(-100%) translateX(-3.75rem);
                  transform: translateX(-100%) translateX(-3.75rem);
          top: calc(100% - 3.75rem); }
      .content-left#page-block-di-banner .flair-container .flair-item.top-right {
        -webkit-transform: translateX(100%) translateX(3.75rem);
                transform: translateX(100%) translateX(3.75rem); }
      #page-block-di-banner .flair-container .flair-item.bottom-right {
        top: 100%;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); }
        .content-left#page-block-di-banner .flair-container .flair-item.bottom-right {
          -webkit-transform: translateX(100%) translateX(3.75rem) translateY(-100%);
                  transform: translateX(100%) translateX(3.75rem) translateY(-100%); }
        #page-block-di-banner .flair-container .flair-item.bottom-right.align-bottom {
          -webkit-transform: translateX(100%) translateX(3.75rem);
                  transform: translateX(100%) translateX(3.75rem);
          top: calc(100% - 3.75rem); }
  #page-block-di-banner .background-layer-bg {
    background-repeat: no-repeat;
    background-size: 16vw 16vw, cover;
    opacity: 0.2; }
    @media (min-width: 992px) {
      #page-block-di-banner .background-layer-bg {
        background-size: 16vw 16vw, cover;
        opacity: 1; } }