.breadcrumb a {
  color: #000;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  padding: 2px 5px;
}
.breadcrumb a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.section--lower-header.section--lower-header-has-background .breadcrumb a {
  color: #fff;
}
.breadcrumb > a:first-child {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10%2C20V14H14V20H19V12H22L12%2C3L2%2C12H5V20H10Z%22%20%2F%3E%3C%2Fsvg%3E');
  background-size: cover;
  text-indent: -550px;
  overflow: hidden;
  width: 20px;
  height: 17px;
  display: inline-block;
  margin-bottom: -1px;
  margin-right: 5px;
}
.section--lower-header.section--lower-header-has-background .breadcrumb > a:first-child {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2C20V14H14V20H19V12H22L12%2C3L2%2C12H5V20H10Z%22%20%2F%3E%3C%2Fsvg%3E');
}
.breadcrumb__separator {
  padding: 0 3px;
}
.breadcrumb__separator::before {
  content: '/';
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  bottom: -1px;
}
.breadcrumb__anchor {
  display: none;
}
.section--lower-header .breadcrumb {
  color: #aaa;
}
.section--lower-header.section--lower-header-has-background .breadcrumb {
  color: #e00023;
}

.mobile-breadcrumb {
  -webkit-transition: opacity 600ms, visibility 800ms;
  transition: opacity 600ms, visibility 800ms;
  background: #353a43;
  right: 0;
  position: absolute;
  left: 0;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 9999;
  padding: 0;
  top: 35px;
  display: none;
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.mobile-breadcrumb::after {
  content: "";
  position: absolute;
  left: 12px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #353a43 transparent;
}
.mobile-breadcrumb__wrapper {
  margin: 0;
}
.mobile-breadcrumb__item {
  position: relative;
}
.mobile-breadcrumb__item > a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 15px 15px 40px;
  margin: 0 10px;
  background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20baseProfile%3D%22full%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024.00%2024.00%22%20enable-background%3D%22new%200%200%2024.00%2024.00%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%3Cpath%20fill%3D%22%23e00023%22%20fill-opacity%3D%221%22%20stroke-width%3D%220.2%22%20stroke-linejoin%3D%22round%22%20d%3D%22M%207.41351%2C15.4121L%2011.9995%2C10.8261L%2016.5855%2C15.4121L%2017.9995%2C13.9981L%2011.9995%2C7.99807L%205.99951%2C13.9981L%207.41351%2C15.4121%20Z%20%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat 0 50%;
  background-size: 30px 30px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.mobile-breadcrumb__item:last-of-type a {
  border-bottom: none;
  background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e00023%22%20d%3D%22M10%2C20V14H14V20H19V12H22L12%2C3L2%2C12H5V20H10Z%22%20%2F%3E%3C%2Fsvg%3E') no-repeat 5px 50%;
  background-size: 20px 20px;
}

.mobile-breadcrumb--hidden {
  opacity: 0;
  visibility: hidden;
}

@media all and (max-width: 720px) {
  .breadcrumb > a:not(:last-of-type),
  .breadcrumb > .breadcrumb__separator:not(:last-of-type):not(:nth-last-of-type(2)) {
    display: none;
  }

  .breadcrumb__anchor {
    display: inline-block;
    background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2C12A2%2C2%200%200%2C1%2018%2C10A2%2C2%200%200%2C1%2020%2C12A2%2C2%200%200%2C1%2018%2C14A2%2C2%200%200%2C1%2016%2C12M10%2C12A2%2C2%200%200%2C1%2012%2C10A2%2C2%200%200%2C1%2014%2C12A2%2C2%200%200%2C1%2012%2C14A2%2C2%200%200%2C1%2010%2C12M4%2C12A2%2C2%200%200%2C1%206%2C10A2%2C2%200%200%2C1%208%2C12A2%2C2%200%200%2C1%206%2C14A2%2C2%200%200%2C1%204%2C12Z%22%20%2F%3E%3C%2Fsvg%3E') no-repeat 0 5px;
    background-size: 20px 20px;
    min-width: 20px;
    cursor: pointer;
  }
  .breadcrumb__anchor > a {
    height: 17px;
    display: block;
  }

  .mobile-breadcrumb {
    display: block;
  }
}