/*------------------------------------------------------------
  Client Portal
------------------------------------------------------------*/

.client-portal {
  padding: 60px 0 120px;
}

.client-portal .portal-link {
  margin-bottom: 40px;
  display: block;
  width: 100%;
}

.client-portal .portal-link:hover .img-holder:after {
  opacity: 1;
  visibility: visible;
}

.client-portal .portal-link .text-block {
  max-width: 540px;
  z-index: 5;
}

.client-portal .gallery-block {
  margin-bottom: 50px;
}

.client-portal .gallery-block .row {
  margin: 0 -20px;
}

.client-portal .gallery-block .row [class*="col-"] {
  padding: 0 20px;
}

.client-portal .gallery-block .link-arrow {
  color: #f1efd9;
}

.client-portal .gallery-block .link-arrow:hover {
  color: #b5ada5;
}

.client-portal .gallery-block .img-holder {
  min-height: 430px;
  position: relative;
  padding: 41px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.client-portal .gallery-block .img-holder .bg-img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.client-portal .gallery-block .img-holder.blue-placeholder:before {
  background: #1d252c;
}

.client-portal .gallery-block .img-holder:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b5ada5;
  z-index: -1;
}

.client-portal .gallery-block .img-holder:after {
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
  -o-transition: opacity 0.3s linear, visibility 0.3s linear;
  transition: opacity 0.3s linear, visibility 0.3s linear;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 37, 44, 0.5);
  opacity: 0;
  visibility: hidden;
}

.client-portal .gallery-block .img-holder.lg {
  min-height: 540px;
}

.client-portal .gallery-block .img-holder.xs {
  min-height: 430px;
}

.client-portal .gallery-block .img-holder.md {
  min-height: 430px;
}

.client-portal .gallery-block .img-holder h2 {
  max-width: 330px;
  line-height: 1.0416666666;
  font-size: 36px;
}

.client-portal .image-row .image-item {
  min-height: 300px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

.client-portal h1 {
  margin-bottom: 71px;
}

/*------------------------------------------------------------
  min-width: 768px
------------------------------------------------------------*/

@media (min-width: 768px) {
  .client-portal {
    padding: 90px 0 150px;
  }

  .client-portal .gallery-block {
    margin-bottom: 90px;
  }

  .client-portal .gallery-block .img-holder.lg {
    min-height: 900px;
  }

  .client-portal .image-row .image-item {
    min-height: 400px;
  }
}

/*------------------------------------------------------------
  min-width: 992px
------------------------------------------------------------*/

@media (min-width: 992px) {
  .client-portal {
    padding: 145px 0 222px;
  }

  .client-portal .gallery-block {
    margin-bottom: 136px;
  }

  .client-portal .gallery-block .img-holder {
    min-height: 500px;
    padding: 41px 96px 58px;
  }

  .client-portal .gallery-block .img-holder.lg {
    min-height: 1007px;
  }

  .client-portal .gallery-block .img-holder.xs {
    min-height: 475px;
  }

  .client-portal .gallery-block .img-holder.md {
    min-height: 492px;
  }

  .client-portal .gallery-block .img-holder h2 {
    font-size: 36px;
  }

  .client-portal h1 {
    margin-bottom: 131px;
  }
}

/*------------------------------------------------------------
  min-width: 1200px
------------------------------------------------------------*/

@media (min-width: 1200px) {
  .client-portal .image-row .image-item {
    min-height: 500px;
  }
}