/*!
global_breadcrumb.css*/
/*! This file is generated by sass - please DO NOT edit */
.breadcrumb {
  padding: 16px 0
}

.breadcrumb li+li {
  margin-left: 5px
}

.breadcrumb a {
  color: #8e989d;
  text-decoration: underline;
  padding-right: 11px
}

.breadcrumb a::after {
  width: 6px;
  height: 7px;
  top: 55%;
  right: 0;
  transform: translateY(-50%);
  background: url(./images/sprite_default.png) no-repeat -9px -52px;
}

.breadcrumb a:hover {
  color: #007cc1
}

.breadcrumb a:hover::after {
  background-position: -193px -84px
}

.breadcrumb .current_page {
  color: #007cc1
}

@media only screen and (max-width:899px) {
  .breadcrumb-mobile-wrapper {
    position: relative;
    -webkit-overflow-scrolling: touch
  }

  .breadcrumb-mobile-wrapper__gradient {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
  }

  .breadcrumb-mobile-wrapper .breadcrumb {
    display: flex;
    position: relative;
    overflow-x: auto
  }

  .breadcrumb-mobile-wrapper .breadcrumb__item {
    overflow: visible;
    white-space: nowrap
  }

  .breadcrumb-mobile-wrapper .breadcrumb__item:last-child {
    padding-right: 20%
  }
}