.gallery-card .gallery-card-preview {
  position: relative;
  overflow: hidden;
}

.gallery-card .gallery-card-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 33, 33, 0.6);
  color: #ffffff;
  overflow: hidden;
}

.gallery-card .gallery-card-overlay > .title {
  font-size: 1.6rem;
  line-height: 1.35;
}

.gallery-card .gallery-card-overlay > .text {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.gallery-card .gallery-card-overlay .btn-link {
  position: relative;
  margin-top: 10px;
  padding-left: 26px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #ffffff !important;
}

.gallery-card .gallery-card-overlay .btn-link > i {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 16px;
}

.gallery-card .gallery-card-overlay .btn-link axa-icon {
  position: absolute;
  top: 3px;
  left: 0px;
  font-size: 15px;
  transform: scale(1.2);
}

.gallery-card-content {
  display: none;
  position: fixed;
  background-color: #5f5f5f;
  z-index: 1;
  color: #ffffff;
  left: 0;
  right: 0;
}

.gallery-card-content.-visible {
  display: block;
  overflow-y: auto;
  z-index: 2500;
}

.gallery-card-content > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 60px !important;
}

.gallery-card-content > div ._media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .gallery-card-content > div ._media {
    margin-bottom: 40px;
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
}

@media (max-width: 767px) {
  .gallery-card-content > div ._media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.gallery-card-content > div ._content {
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

@media (max-width: 991px) {
  .gallery-card-content > div ._content {
    padding-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
}

@media (max-width: 767px) {
  .gallery-card-content > div ._content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.gallery-card-content.-typeSimple ._media {
  display: none;
}

@media (min-width: 992px) {
  .gallery-card-content.-typeVideo ._media,
  .gallery-card-content.-typeYoutube ._media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .gallery-card-content.-typeVideo ._media,
  .gallery-card-content.-typeYoutube ._media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px;
    max-width: 280px;
  }
}

.gallery-card-content.-typeAudio ._media {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 335px;
          flex: 0 0 335px;
  max-width: 335px;
}

.gallery-card-content.-typeAudio ._media .be-imageFigure > img {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 991px) {
  .gallery-card-content.-typeAudio ._media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    max-width: 320px;
  }
}

.gallery-card-content.-typeAudio ._mediaPlayer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  background-color: rgba(33, 33, 33, 0.6);
}

@media (max-width: 991px) {
  .gallery-card-content.-typeAudio ._mediaPlayer {
    right: 0;
  }
}

.gallery-card-content.-typeAudio ._mediaPlayer audio {
  width: 100%;
}

.gallery-card-content ._iconBar {
  position: absolute;
  top: 25px;
  right: 20px;
}

.gallery-card-content ._iconBar > i {
  cursor: pointer;
}

.gallery-card-content ._iconBar axa-icon {
  cursor: pointer;
}

.gallery-card-content ._media {
  position: relative;
}

.gallery-card-content ._media .be-imageFigure > img {
  width: auto;
}

.gallery-card-content ._media > audio {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #5f5f5f;
}

.gallery-card-content ._content p {
  margin-bottom: 0;
}

.gallery-card-content ._content > * {
  margin-top: 20px;
}

.gallery-card-content ._content > *:first-child {
  margin-top: 0 !important;
}

.gallery-card-content ._content .h3 {
  font-weight: 600;
  font-size: 2.2rem;
}

.gallery-card-content ._content .btn-link {
  color: #ffffff !important;
}

.gallery-card-content ._content .btn-link--download {
  width: 100%;
  margin-top: 30px;
  margin-left: 20px;
  padding: 0;
}

.gallery-card-content ._content .btn-link--download + .be-linkList,
.gallery-card-content ._content .btn-link--download + .btn-link--download {
  margin-top: 10px;
}

.gallery-card-content ._content .be-linkList {
  margin-top: 30px;
}

.gallery-card-content ._content .btn-secondary {
  margin-top: 40px;
  min-width: 100%;
}

@media (max-width: 991px) {
  .gallery-card-content ._content .btn-secondary {
    min-width: 50%;
  }
}

.gallery-card-overlay {
  padding: 10px;
}

@media (min-width: 992px) {
  .gallery-grid-3col .gallery-card-overlay {
    padding: 10px 20px;
  }
}

.gallery-grid-4col .gallery-card .gallery-card-preview {
  height: 219px;
}

.gallery-grid-3col .gallery-card .gallery-card-preview {
  height: 301px;
}

@media (max-width: 991px) {
  .gallery-card .gallery-card-preview {
    height: auto !important;
    max-height: 298px;
  }
}

@media (max-width: 767px) {
  .gallery-card .gallery-card-preview {
    max-height: 460px;
  }
}

@media (max-width: 570px) {
  .gallery-card .gallery-card-preview {
    max-height: 360px;
  }
}

@media (max-width: 459px) {
  .gallery-card .gallery-card-preview {
    max-height: 300px;
  }
}

@media (max-width: 385px) {
  .gallery-card .gallery-card-preview {
    max-height: 242px;
  }
}

.gallery .gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.gallery .gallery-grid.gallery-grid-4col > *,
.gallery .gallery-grid.gallery-grid-3col > * {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.gallery .gallery-grid.gallery-grid-4col > *:nth-child(1),
.gallery .gallery-grid.gallery-grid-3col > *:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .gallery .gallery-grid.gallery-grid-4col > *,
  .gallery .gallery-grid.gallery-grid-3col > * {
    margin-top: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .gallery .gallery-grid.gallery-grid-4col > *:nth-child(2),
  .gallery .gallery-grid.gallery-grid-3col > *:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .gallery .gallery-grid.gallery-grid-3col > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .gallery .gallery-grid.gallery-grid-3col > *:nth-child(3) {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .gallery .gallery-grid.gallery-grid-4col > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .gallery .gallery-grid.gallery-grid-4col > *:nth-child(3),
  .gallery .gallery-grid.gallery-grid-4col > *:nth-child(4) {
    margin-top: 0;
  }
}