.clearfix::before, .clearfix::after {
  content: '';
  display: table; }

.clearfix::after {
  clear: both; }

.ooplayer .iframe--video {
  width: 100%;
  max-width: 100%; }
  .ooplayer .iframe--video .isDesktop {
    display: block; }
    @media (max-width: 543.98px) {
      .ooplayer .iframe--video .isDesktop {
        display: none; } }
    .ooplayer .iframe--video .isDesktop.desktopOnly {
      display: block; }
  .ooplayer .iframe--video .isMobile {
    display: none; }
    .ooplayer .iframe--video .isMobile.portrait-mode {
      padding-bottom: 177%; }
    @media (max-width: 543.98px) {
      .ooplayer .iframe--video .isMobile {
        display: block; } }

.displayleft {
  -ms-flex-order: 1;
      order: 1;
  display: inherit; }
  .displayleft picture {
    margin-left: auto;
    margin-right: 0; }

@media (max-width: 768.98px) {
  .isMobileText {
    margin-top: 2rem; } }

@media (min-width: 769px) {
  .isDesktopTextplp2 {
    padding-left: 20%;
    padding-right: 20%; } }

.pictureinleft {
  padding-right: 3rem !important; }
  @media (max-width: 768.98px) {
    .pictureinleft {
      padding-right: inherit !important; } }

.pictureinright {
  padding-left: 3rem !important; }
  @media (max-width: 768.98px) {
    .pictureinright {
      padding-left: inherit !important;
      margin-bottom: 2rem;
      margin-top: 0; } }

@media (max-width: 768.98px) {
  .textOnly {
    margin-top: 0; } }

@media (max-width: 768.98px) {
  .pictureinright.displayleft {
    margin-bottom: 0; } }

.textpadding {
  padding-left: 28%;
  padding-right: 28%; }
  @media (max-width: 768.98px) {
    .textpadding {
      padding: 0 20px; } }

.plpcontent2 {
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  margin-bottom: 40px; }
  @media (max-width: 768.98px) {
    .plpcontent2 {
      margin-bottom: 1em; } }
  .plpcontent2 picture img {
    margin-bottom: 0; }
  .plpcontent2 .isMobileText {
    margin: auto; }
    @media (max-width: 768.98px) {
      .plpcontent2 .isMobileText {
        margin-top: 2rem; }
        .plpcontent2 .isMobileText p {
          padding: 0; } }
    .plpcontent2 .isMobileText .plpcontent-logo {
      max-width: 30%; }
      @media (max-width: 768.98px) {
        .plpcontent2 .isMobileText .plpcontent-logo {
          margin-top: 1.6875rem;
          margin-bottom: 1.6875rem; } }

.plpcontent2 .ctaNotClickable {
  pointer-events: none;
  cursor: default; }