.container-breadcrumbs {
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  width: 100%;
  z-index: 8;
  background-color: #fff;
  transition-duration: .6s;
}

.container-breadcrumbs.shadow {
  box-shadow: 0 4px 4px -3px rgba(0,0,0,.15);
}

.breadcrumbs {
  margin: -94px auto 80px;
  padding: 11px 0 13px;
  display: block;
}

.breadcrumbs ol {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.breadcrumbs li {
  margin-left: 0;
  display: inline;
  line-height: 1em;
}

.breadcrumbs li:not(:last-of-type)::after {
  content: "\A7";
  margin: 0 3px;
  position: relative;
  top: 2px;
  font-family: TeleIcon-Outline;
  font-size: 1.125rem;
}

.breadcrumbs a {
  color: #262626;
  font-family: TeleGroteskNext-Regular, sans-serif;
  font-size: 1.1875rem;
}

.breadcrumbs a:focus,
.breadcrumbs a:hover,
.breadcrumbs a:visited,
.breadcrumbs a:visited:hover {
  color: unset;
  text-decoration: underline;
  outline: none;
}

.breadcrumbs li:last-of-type a {
  color: #e20074;
}

.breadcrumbs li:last-of-type a:hover
.breadcrumbs li:last-of-type a:visited,
.breadcrumbs li:last-of-type a:visited:hover {
  color: #e20074;
}

@media only screen and (max-width: 1023px) {
  .breadcrumbs {
    margin: -49px auto -8px;
  }

  .breadcrumbs a {
    font-size: 1.0625rem;
  }

  .breadcrumbs li:not(:last-of-type)::after {
    top: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumbs {
    margin: -49px auto -12px;
  }

  .breadcrumbs a {
    font-size: .9375rem;
  }

  .breadcrumbs li:not(:last-of-type)::after {
    margin: 0 1px;
    top: 3px;
    font-size: 1.0625rem;
  }
}