@charset "utf-8";

.plp .breadcrumbs { display: inline-flex; justify-content: center; padding-top: 20px; margin: 0px auto 10px; flex-flow: wrap; padding-left: 5px; padding-right: 5px; }

.plp .breadcrumbs .plp-breadcrumbs-link { line-height: inherit; cursor: pointer; display: inline-block; margin: 0px; padding: 0px; text-decoration: none; color: rgb(136, 136, 136); position: relative; }

.plp .breadcrumbs li { display: inline-block; }

.plp .breadcrumbs li a { display: inline-block; font-family: "Roboto Condensed", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 13px; margin: 0px; padding: 0px; text-decoration: none; color: rgb(136, 136, 136); position: relative; }

.plp .breadcrumbs li a:hover, .plp .breadcrumbs li a:focus { color: rgb(43, 71, 158); }

.plp .breadcrumbs li.active { color: rgb(136, 136, 136); display: inline-block; font-family: "Roboto Condensed", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 1rem; }

.plp .breadcrumbs li a::after { display: inline-block; content: "•"; margin: 0px 5px 0px 7px; font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace; }

.plp .breadcrumbs li:last-of-type a::after { display: none; }

.ellipsis { padding-left: 5px !important; font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace; }

.expanded { animation: 250ms ease 0s 1 normal forwards running fadeIn; }

@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes fadeOut { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 1; transform: translateX(0px); }
}

.fade-out { animation: 250ms ease 0s 1 normal forwards running fadeOut; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }