.breadcrumbs-container {
    display:none;
    position:fixed;
    top:75px;
    left:0;
    z-index:10;
    width:50px;
    height:51px;
    background-color:#0b4287;
    background-image:url(../images/breadcrumb2.png);
    background-position:50%;
    background-size:50%;
    background-repeat:no-repeat;
    border-radius:0 5px 5px 0;
    box-shadow:0 4px 8px rgba(0,0,0,.5)
  }
  ul.breadcrumbs-content {
    display:none;
    text-align:left;
    list-style:none;
    margin:0 0 0 75px;
    padding:0;
    position:fixed;
    top:75px;
    left:0;
    transform:translateX(calc( -100% - 50px ));
    animation:slideOutLeft .5s forwards;
    z-index:2
  }
  ul.breadcrumbs-content.open {
    animation:slideInLeft .5s forwards
  }
  @keyframes slideInLeft {
    from {
      transform:translateX(calc( -100% - 50px ))
    }
    to {
      transform:translateX(0)
    }
  }
  @keyframes slideOutLeft {
    from {
      transform:translateX(0)
    }
    to {
      transform:translateX(calc( -100% - 50px ))
    }
  }
  ul.breadcrumbs-content::before,
  ul.breadcrumbs-content::after {
    content:'';
    display:table
  }
  ul.breadcrumbs-content::after {
    clear:both
  }
  ul.breadcrumbs-content li {
    display:none;
    overflow:hidden;
    margin:0 0 0 -1.775em
  }
  ul.breadcrumbs-content li.beforelast,
  ul.breadcrumbs-content li.last {
    display:inline-block
  }
  ul.breadcrumbs-content li a {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    position:relative;
    background:#0b4287;
    padding-left:1.2em;
    margin-right:1.575em
  }
  ul.breadcrumbs-content li a span {
    white-space:nowrap;
    width:20px;
    overflow:hidden;
    visibility:hidden
  }
  ul.breadcrumbs-content li.min a span {
    white-space:nowrap!important;
    width:20px!important;
    overflow:hidden!important;
    visibility:hidden!important
  }
  ul.breadcrumbs-content li.beforelast a span {
    width:unset;
    visibility:visible
  }
  ul.breadcrumbs-content li.last a span {
    width:unset;
    visibility:visible
  }
  ul.breadcrumbs-content li a::after {
    content:'';
    position:absolute;
    right:-.65em;
    top:.063em;
    width: 1.55em;
    height: 1.55em;
    background:#0b4287;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-color:#fff #fff transparent transparent;
    border-width:.125em;
    border-style:solid;
    z-index:10
  }
  ul.breadcrumbs-content li:first-child a {
    padding-left:.4em
  }
  ul.breadcrumbs-content li:last-child a {
    padding-right:.8em;
    margin:0
  }
  ul.breadcrumbs-content li:last-child a::after {
    display:none
  }
  ul.breadcrumbs-content li:hover a,
  ul.breadcrumbs-content li:hover a::after {
    background:#052143
  }
  ul.breadcrumbs-content li a:focus,
  ul.breadcrumbs-content li a:focus::after,
  ul.breadcrumbs-content li a:active,
  ul.breadcrumbs-content li a:active::after {
    background:#052143
  }
  ul.breadcrumbs-content li.current a,
  ul.breadcrumbs-content li.current a::after {
    background:#0b4287
  }
  ul.breadcrumbs-content li.current~li a,
  ul.breadcrumbs-content li.current~li a::after,
  ul.breadcrumbs-content li.last a,
  ul.breadcrumbs-content li.last a::after {
    background:#d3d3d3
  }
  ul.breadcrumbs-content li.current~li:hover a,
  ul.breadcrumbs-content li.current~li:hover a::after {
    background:gray
  }
  ul.breadcrumbs-content li.current~li a:focus,
  ul.breadcrumbs-content li.current~li a:focus::after,
  ul.breadcrumbs-content li.current~li a:active,
  ul.breadcrumbs-content li.current~li a:active::after {
    background:gray
  }
  ul.breadcrumbs-content span {
    position:relative;
    z-index:100;
    display:block;
    padding:.1em 0 .2em .1em
  }
  @media(min-width:500px) {
    .breadcrumbs-container {
      display:block
    }
    ul.breadcrumbs-content {
      display:block
    }
  }
  @media(min-width:915px) {
    ul.breadcrumbs-content li {
      display:inline-block
    }
  }
  @media(min-width:1200px) {
    ul.breadcrumbs-content li a span {
      white-space:nowrap;
      width:unset;
      overflow:hidden;
      visibility:visible
    }
  }
