.breadcrumb-container {  background-color: #f8f8f8;  border-bottom: 1px solid #f4f4f4; } .dark.breadcrumb-container {  background-color: #777777;  border-color: #333333;  color: #ffffff; } .breadcrumb {  background-color: transparent;      border-radius: 0;  margin-bottom: 0;  font-size: 12px;  padding-left: 0; } .breadcrumb > li + li:before {  font-family: "FontAwesome";    font-size: 11px;  padding-left: 3px; } .banner .breadcrumb-container {  position: absolute;  top: 0;  left: 0;  width: 100%;  background-color: rgba(255, 255, 255, 0.85);  border-bottom-color: rgba(255, 255, 255, 0.1); } .banner .dark.breadcrumb-container {  background-color: rgba(57, 66, 69, 0.6);  border-bottom-color: rgba(119, 119, 119, 0.1); } .banner .breadcrumb > li a, .banner .breadcrumb > li i {  color: #000000; } .banner .breadcrumb > .active, .banner .breadcrumb > li + li:before {  color: #777777; } .dark .breadcrumb > li a, .dark .breadcrumb > li i, .dark .breadcrumb > .active, .dark .breadcrumb > li + li:before {  color: #ffffff; } .banner .breadcrumb > li a:hover {  color: #0c9ec7; }