.top-custom-wrapper .top-image {
  height: 430px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
}

.top-custom-wrapper .top-image .breadcrumbs-box {
  position: absolute;
  width: 50%;
  bottom: 0px;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}

.top-custom-wrapper .top-image .breadcrumbs-box .dark-overlay {
  background-color: #233867;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
}

.top-custom-wrapper .top-image .breadcrumbs-box .white-overlay {
  position: absolute;
  background-color: #fff;
  right: -100%;
  width: 100%;
  height: 60px;
  bottom: 0;
  opacity: 1;
  z-index: 9;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs {
  color: #bad0ec;
  font-size: 14px;
  padding: 50px 0px 90px 0px;
  position: relative;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs a {
  color: #bad0ec;
  text-decoration: none;
  -webkit-transition: color 0.35s linear 0s;
  -o-transition: color 0.35s linear 0s;
  -moz-transition: color 0.35s linear 0s;
  transition: color 0.35s linear 0s;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs a:hover {
  color: #fff;
  -webkit-transition: color 0.35s linear 0s;
  -o-transition: color 0.35s linear 0s;
  -moz-transition: color 0.35s linear 0s;
  transition: color 0.35s linear 0s;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .title {
  color: #fff;
  font-family: 'Playfair Display';
  font-size: 42px;
}

.top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .current {
  color: #fff;
  font-family: 'Playfair Display';
  font-size: 42px;
  display: block;
}

.top-custom-wrapper .top-image.no-image {
  background: #404f72;
  height: auto;
  padding-top: 67px;
  padding-bottom: 113px;
}

.top-custom-wrapper .top-image.no-image .breadcrumbs-overlay {
  display: none;
}

.top-custom-wrapper .top-image.no-image .breadcrumbs-box {
  position: static;
  width: 100%;
}

.top-custom-wrapper .top-image.no-image .breadcrumbs-box .breadcrumbs {
  padding: 0;
}

@media (max-width: 992px) {
  .top-custom-wrapper .top-image {
    height: 330px;
  }
  .top-custom-wrapper .top-image .breadcrumbs-box {
    width: 100%;
  }
  .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs {
    padding: 60px 30px 60px 0px;
  }
  .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .current {
    padding-left: 30px;
    position: relative;
    font-size: 30px;
  }
  .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .current:before {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 23px;
    left: 0px;
    opacity: 0.6;
  }
}

@media (max-width: 767px) {
  .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs a, .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .sep {
    display: none;
  }
  .top-custom-wrapper .top-image .breadcrumbs-box .breadcrumbs .current {
    max-width: 90%;
  }
}