#breadcrumb-arrows {
  display: block;
  width: 100%;
  margin: 20px 0 20px 0; }

#breadcrumb-arrows ul {
  list-style: none; }

#breadcrumb-arrows .crumbs {
  display: block; }

#breadcrumb-arrows .crumbs li {
  display: inline;
  padding-top: 5px; }

#breadcrumb-arrows .crumbs li.first {
  padding-left: 8px; }

#breadcrumb-arrows .crumbs li a,
#breadcrumb-arrows .crumbs li a:link,
#breadcrumb-arrows .crumbs li a:visited {
  color: #666;
  display: block;
  float: left;
  margin-left: -43px;
  padding: 17px 115px 17px 115px;
  position: relative;
  text-decoration: none;
  position: relative; }
  @media only screen and (max-width: 985px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
      padding: 17px 90px 17px 90px; } }
  @media only screen and (max-width: 879px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
      padding: 19px 79px 19px 79px; } }
  @media only screen and (max-width: 770px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
      padding: 17px 55px 17px 55px; } }
  @media only screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
      padding: 20px 35px 20px 25px;
      margin-left: -23px; } }
  @media only screen and (max-width: 479px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
      padding: 20px 31px 20px 31px;
      margin-left: -23px; } }

#breadcrumb-arrows .crumbs li.first a {
  margin-left: -27px; }

#breadcrumb-arrows .crumbs li.first a strong,
#breadcrumb-arrows .crumbs li.first a .subtitle {
  position: relative;
  left: -5px; }

#breadcrumb-arrows .crumbs li a {
  background-image: url("../../../static/img/global/bg-breadcrumb-arrow.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a {
      background-image: url("../../../static/img/global/bg-breadcrumb-arrow-mobile.png"); } }

#breadcrumb-arrows .crumbs li a strong {
  display: block; }

#breadcrumb-arrows .crumbs li a .subtitle {
  color: #666; }
  @media only screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a .subtitle {
      display: none; } }

#breadcrumb-arrows .crumbs li a:hover {
  color: #333;
  cursor: pointer; }

#breadcrumb-arrows .crumbs li a:hover strong {
  color: #1771b7; }

#breadcrumb-arrows .crumbs li a.active {
  color: #333;
  background-position: 100% -85px;
  position: relative;
  top: 0px; }
  @media only screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a.active {
      background-position: 100% -59px;
      top: -1px; } }

#breadcrumb-arrows .crumbs li a.active span.subtitle {
  color: #000; }

#breadcrumb-arrows .crumbs li.first a span.border,
#breadcrumb-arrows .crumbs li a.active span.border {
  height: 73px;
  width: 3px;
  border-left: 1px solid #d9d9d9;
  position: absolute;
  top: 1px;
  left: 0px; }
  @media only screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li.first a span.border,
    #breadcrumb-arrows .crumbs li a.active span.border {
      height: 57px; } }