.bc-container {
   font-family: Bernini, "Bernini Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
}

.topic-bc {
   background-color: #f5f5f5;
   border-radius: 4px;
}

.topic-bc  a {
  text-decoration: underline;
  color: rgb(41, 115, 189);
  cursor: pointer;
}

.topic-bc-item {
  display: inline-block;
}

.topic-bc li:first-child:before {
  display: none;
}

.topic-bc-item:before {
    content: ">";
	color: #ddd;
    font-size: 13px;
    padding: 0 5px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}

.lang-switcher {
  font-size: 14px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.lang-switcher:before {
  content: "\203A";
  font-size: 16px;
  color: #8FB4CF;
}

.navbar-right {
  float: right;
}

/* 16576 - margin between last block and footer */
section.bb-container:last-of-type {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

@media screen and (min-width: 769px){
    .bc-container .topic-bc {
        display: block;
        width: 100%;
    	padding: 0px 0px 10px 0px;
    	background-color: transparent;
    	margin: 0px;
        max-height: 30px;
	  	position: relative;
	  	overflow: hidden;
	  	-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
    }
}

@media screen and (max-width: 768px){
    .topic-bc {
      margin: 0px;
      padding: 8px 10px;
    }
}

@media screen and (max-width: 767px)
    .topic-bc {
        padding: 8px 10px;
    }
}