.campaign-header .video-campaign {
  max-width: 100% !important;
}
.campaign-header .video-campaign.editmode {
  height: 500px;
}
.campaign-header.editmode {
  height: 500px !important;
}
.campaign-header-modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 999;
  top: 0;
  left: 0;
}
.campaign-header-modal .button-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 50px;
  background: #ffffff;
  z-index: 1000;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  border: 1px solid #000000;
}
.campaign-header-modal .button-close:hover {
  color: #e4001c;
}
.campaign-header-modal .plyr--video {
  height: 100vh;
  width: 100vw;
}
.campaign-header-modal .plyr--video .plyr__video-wrapper {
  height: 100vh;
  width: 100vw;
}
.campaign-header-modal .plyr--video .plyr__video-wrapper video {
  height: 100vh;
  width: 100vw;
}
.campaign-header-modal .plyr__control--overlaid {
  background: rgba(255, 255, 255, 0.8);
  color: #e4001c;
}
.campaign-header-modal .plyr__control:first-child {
  background-color: transparent;
}
.campaign-header-modal .plyr__control:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border-radius: 50%;
}
.campaign-header-modal .plyr__control.plyr__tab-focus {
  box-shadow: none;
  outline: 0;
}
@supports (-ms-ime-align: auto) {
  .plyr__volume,
  .plyr__progress {
    width: 0px;
  }
  .plyr__volume input[type=range] {
    width: 60%;
  }
}
.campaign-header-modal .plyr__progress input[type=range]::-webkit-slider-thumb {
  background: #e4001c;
}
.campaign-header-modal .plyr__volume input[type=range]::-webkit-slider-thumb {
  background: #e4001c;
}
.campaign-header-modal .plyr__tab-focus {
  box-shadow: none;
  color: transparent;
  outline: 0;
}
.campaign-header-modal .plyr--full-ui input[type=range] {
  color: #e4001c;
}
.campaign-header-modal .plyr__controls .plyr__time--current {
  position: absolute;
  left: 47px;
  bottom: 37px;
  font-size: 9px;
}
@media only screen and (min-width: 768px) {
  .campaign-header-modal .plyr__controls .plyr__time--current {
    left: 55px;
    font-size: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .campaign-header-modal .plyr__controls .plyr__time--current {
    left: 55px;
    font-size: 11px;
  }
}
.campaign-header-modal .plyr__controls .plyr__time--duration {
  position: absolute;
  left: 78px;
  bottom: 37px;
  display: initial;
  font-size: 9px;
}
@media only screen and (min-width: 768px) {
  .campaign-header-modal .plyr__controls .plyr__time--duration {
    left: 87px;
    font-size: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .campaign-header-modal .plyr__controls .plyr__time--duration {
    left: 96px;
    font-size: 11px;
  }
}
.campaign-header {
  height: auto !important;
  position: relative;
  overflow: hidden;
}
.campaign-header .component-header-campaign {
  overflow: hidden;
}
.campaign-header img {
  width: 100%;
}
.campaign-header .video-campaign {
  position: relative;
  width: 100%;
  height: calc(100vh - 88px);
  object-fit: cover;
  left: 0px;
  top: 0px;
}
.campaign-header .campaign-title {
  position: absolute;
  top: 50%;
  left: 0;
  justify-content: left;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1;
}
.campaign-header .centered {
  justify-content: center;
}
.campaign-header .centered .title-container-campaign {
  font-family: "Diodrum Semibold";
  font-size: 52px;
  letter-spacing: -1px;
  text-align: center;
  margin: 0;
  width: 50%;
  line-height: 1;
}
.campaign-header .centered .title-container-campaign span {
  display: block;
}
.campaign-header .centered .title-container-campaign span.subheader {
  font-family: "Diodrum Medium";
  font-size: 16px;
  padding: 20px 0 0;
}
@media only screen and (min-width: 1024px) {
  .campaign-header .centered .title-container-campaign {
    font-size: 82px;
  }
  .campaign-header .centered .title-container-campaign span.subheader {
    font-size: 22px;
  }
}
.campaign-header .left .title-container-campaign {
  font-family: "Diodrum Semibold";
  letter-spacing: -1px;
  text-align: left;
  width: 50%;
  line-height: 1;
}
.campaign-header .centered .campaign-cta,
.campaign-header .centered .campaign-ct,
.campaign-header .left .campaign-cta,
.campaign-header .left .campaign-ct {
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 40px;
}
.campaign-header .centered .campaign-cta:hover,
.campaign-header .centered .campaign-ct:hover,
.campaign-header .left .campaign-ct:hover,
.campaign-header .left .campaign-cta:hover {
  border: 1px solid #e4001c;
}
.campaign-header .component-header-campain {
  padding: 0 !important;
  position: relative;
}
.campaign-header .title-container-campaign {
  font-family: "Diodrum Semibold";
  font-size: 52px;
  color: #ffffff;
  text-align: left;
  line-height: 3.8vw;
  margin: 0 0 20px 15%;
  width: 35%;
}
.campaign-header .button-campaign {
  padding-top: 50px;
  font-size: 16px;
}
.campaign-header .button-campaign a {
  font-family: "Diodrum Medium";
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
  color: white;
  border-bottom: 1px solid #e4001c;
}
.campaign-header .iframe {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 999;
  border: 0;
  width: 100%;
}
.campaign-header .iframe-visible {
  display: block;
}
.campaign-header .iframe-hidden {
  display: none;
}
.campaign-header .button-close {
  position: fixed;
  top: 4%;
  right: 8%;
  width: 50px;
  background: #ffffff;
  z-index: 1000;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  border: 1px solid #000000;
}
.campaign-header .button-close:hover {
  color: #e4001c;
}
.campaign-header .sub-text {
  font-size: 12px !important;
  margin-top: 20px;
  color: #ffffff;
}
.campaign-header .campaign-cta {
  padding: 14px 0 2px 0;
}
.campaign-header .campaign-cta:hover {
  text-decoration: none;
  color: #e4001c !important;
  cursor: pointer;
}
.campaign-header .src-desktop {
  display: block;
}
.campaign-header .src-mobile {
  display: none;
}
.campaign-header .explanation {
  width: 70%;
}
@media screen and (min-width: 577px) {
  .campaign-header .left .title-container-campaign {
    margin: 0px;
    padding: 0px 94px;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .campaign-header .left .title-container-campaign .light p {
    margin: 0px;
  }
}
@media screen and (max-width: 576px) {
  .campaign-header .centered .title-container-campaign,
  .campaign-header .left .title-container-campaign {
    font-size: 2.75em;
    width: 300px;
  }
  .campaign-header .component-header-v2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .campaign-header .title-container-campaign {
    font-size: 52px;
    line-height: 1;
    width: 70vw;
  }
  .campaign-header .button-campaign a {
    font-size: 16px;
  }
  .campaign-header .src-mobile {
    display: block;
  }
  .campaign-header .src-desktop {
    display: none;
  }
  .campaign-header .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
#wsFullVideo .modal-body {
  max-height: 96vh;
}
@media screen and (min-width: 320px) {
  #wsFullVideo .modal-body {
    max-height: 30vh;
  }
}
@media screen and (min-width: 375px) and (min-height: 812px) {
  #wsFullVideo .modal-body {
    max-height: 25vh;
  }
}
@media screen and (min-width: 411px) and (min-height: 823px) {
  #wsFullVideo .modal-body {
    max-height: 27vh;
  }
}
@media only screen and (min-width: 600px) {
  #wsFullVideo .modal-body {
    max-height: 25vh;
  }
}
@media only screen and (min-width: 768px) {
  #wsFullVideo .modal-body {
    max-height: 34vh;
  }
}
@media only screen and (min-width: 1366px) {
  #wsFullVideo .modal-body {
    max-height: 96vh;
  }
}
@media screen and (min-width: 1440px) and (min-height: 789px) {
  #wsFullVideo .modal-dialog {
    max-width: 75%;
  }
}
@media screen and (min-width: 780px) and (max-width: 1025px) {
  .title-container-campaign {
    margin-top: 3em !important;
    font-size: 40px !important;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1028px) {
  .title-container-campaign {
    margin-top: 3em !important;
    font-size: 40px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 375) {
  .title-container-campaign {
    font-size: 30px !important;
  }
  video.video-campaign.src-mobile {
    height: 100vh;
  }
}
@media (min-width: 455px) and (max-width: 763px) {
  .title-container-campaign {
    font-size: 30px !important;
  }
  video.video-campaign.src-mobile {
    height: 100vh;
  }
}
@media (min-width: 200px) and (max-width: 370px) {
  .title-container-campaign {
    font-size: 20px !important;
    margin-top: 1em !important;
  }
  video.video-campaign.src-mobile {
    height: 100vh;
  }
}
@media only screen and (min-width: 1200px) {
  .campaign-header .centered .title-container-campaign {
    font-size: 82px;
  }
}
@media (device-width: 375px) {
  .title-container-campaign {
    margin-top: 1em !important;
  }
}
@supports (-ms-ime-align:auto) {
  .video-campaign {
    margin-bottom: -12em;
    height: 116vh !important;
  }
}
@supports (-ms-ime-align:auto) {
  .campaign-header .video-campaign {
    margin-bottom: -20em;
    height: 154vh !important;
  }
}
@supports (-ms-ime-align:auto) {
  @media screen and (min-width: 300px) and (max-width: 375) {
    .title-container-campaign {
      font-size: 30px !important;
    }
    video.video-campaign.src-mobile {
      height: 100vh;
    }
  }
  @media (min-width: 455px) and (max-width: 763px) {
    .title-container-campaign {
      font-size: 20px !important;
    }
    video.video-campaign.src-mobile {
      height: 100vh;
    }
  }
  @media (min-width: 800px) and (max-width: 1343px) {
    .title-container-campaign {
      font-size: 30px !important;
      margin-top: 2em !important;
    }
  }
  @media (min-width: 1366px) and (max-width: 1400px) {
    video.video-campaign.src-mobile {
      height: 100vh;
    }
  }
  @media (min-width: 200px) and (max-width: 370px) {
    .title-container-campaign {
      font-size: 20px !important;
      margin-top: 1em !important;
    }
    video.video-campaign.src-mobile {
      height: 100vh;
    }
  }
  @media only screen and (min-width: 1200px) {
    .campaign-header .centered .title-container-campaign {
      font-size: 82px;
    }
  }
  @media (device-width: 375px) {
    .title-container-campaign {
      margin-top: 1em !important;
    }
  }
}
@media (min-width: 1440px) {
  .campaign-header .video-campaign {
    max-width: 100% !important;
  }
}