.b-flybox .blazybox__close {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 100px;
  height: 100px;
  transform: none;
  border: 1px solid #777;
  font-size: 12px;
  background: var(--verde-nobre);
  opacity: 1;
  font-size: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}

.b-provider--youtube {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.b-provider--youtube .blazybox__content,
.b-provider--youtube .blazybox__content .blazybox__media,
.b-provider--youtube .blazybox__content .blazybox__media iframe {
  width: 100%;
  height: 100%;
}

#block-mahi-facelift-views-block-home-campanha-block-1 {}


#block-mahi-facelift-views-block-home-campanha-block-1 img,
.st-campanha img {
  visibility: hidden;
  display: none;
}


#block-mahi-facelift-views-block-home-campanha-block-1 .media--video,
.st-campanha .media--video {
  background: url(/sites/default/files/imagens/home/campanha/desktop/1.jpg);
  background-size: cover;
  background-position: top center;
}


#block-mahi-facelift-views-block-home-campanha-block-1 .media--video::before,
.st-campanha .media--video::before {
  content: '-';
  width: 100%;
  height: 100%;
  display: flex;
  height: 700px;
  background: rgb(0 0 0 / 49%);
}


#block-mahi-facelift-views-block-home-campanha-block-1 .media__icon,
.st-campanha .media__icon {
  background: url(/themes/custom/mahi_facelift/images/home/campanha/player.png);
  background-position: center;
  background-size: 110px 110px;
  background-repeat: no-repeat;
  width: 140px;
  height: 140px;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all .5s ease-in;

}


#block-mahi-facelift-views-block-home-campanha-block-1 .media__icon--litebox::before,
.st-campanha .media__icon--litebox::before {
  content: 'Do começo ao recomeço';
  font-family: Raleway;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  width: 100%;
  border: none;
  transform: none;
  background: none;
  height: max-content;
  margin: 0;
  top: 130px;
  color: white;
  width: max-content;
  left: -119px;

}

#block-mahi-facelift-views-block-home-campanha-block-1 .media__icon--litebox::after,
.st-campanha .media__icon--litebox::after {
  display: none;
}

#block-mahi-facelift-views-block-home-campanha-block-1 .media--video:hover .media__icon,
.st-campanha .media--video:hover .media__icon {
  background-size: 140px 140px;
}

#block-mahi-facelift-views-block-home-campanha-block-1 .views-row,
.st-campanha .views-row {
  margin: 0;
}


/* --------------------------- MEDIA QUERY ------------------------------------- */



@media only screen and (max-width: 767px) {

  #block-mahi-facelift-views-block-home-campanha-block-1 .media--video {
    background: url(/sites/default/files/imagens/home/campanha/mobile/1.jpg);
    background-size: cover;
    background-position: top center;
  }

  #block-mahi-facelift-views-block-home-campanha-block-1 .media--video::before {
    content: '-';
    width: 100%;
    height: 100%;
    display: flex;
    height: 400px;
    background: rgb(0 0 0 / 49%);
  }

  #block-mahi-facelift-views-block-home-campanha-block-1 .media__icon {
    background: url(/themes/custom/mahi_facelift/images/home/campanha/player.png);
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
    visibility: visible !important;
    opacity: 1 !important;
    transition: all .5s ease-in;
  }

  #block-mahi-facelift-views-block-home-campanha-block-1 .media__icon--litebox::before {
    content: 'Do começo ao recomeço';
    font-family: Raleway;
    font-weight: 700;
    font-style: Bold;
    font-size: 23px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    width: 100%;
    border: none;
    transform: none;
    background: none;
    height: max-content;
    margin: 0;
    top: 120px;
    color: white;
    width: max-content;
    left: -59px;
  }
}

@media only screen and (max-width: 500px) {

  #block-mahi-facelift-views-block-home-campanha-block-1 .media__icon--litebox::before,
  .st-campanha .media__icon--litebox::before {
    content: 'Você sabe o que é um Cancer Center?';
    left: 0 !important;
    font-size: 24px;
    right: 0;
    align-self: center;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    margin: 20px auto;
  }

  #block-mahi-facelift-views-block-home-campanha-block-1 .media__icon {
    background-size: 140px 140px;
    width: 100% !important;
  }
}