@CHARSET "UTF-8";
.brand-list-component.brand-list-type-all,
.brand-list-component.brand-list-type-favorites-one-row,
.brand-list-component.brand-list-type-favorites-two-rows {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.brand-list-component.brand-list-type-all .brands-outside,
.brand-list-component.brand-list-type-favorites-one-row .brands-outside,
.brand-list-component.brand-list-type-favorites-two-rows .brands-outside {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-top: -30px;
}

.brand-list-component.brand-list-type-all .brands-outside::-webkit-scrollbar,
.brand-list-component.brand-list-type-favorites-one-row .brands-outside::-webkit-scrollbar,
.brand-list-component.brand-list-type-favorites-two-rows .brands-outside::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all .brands-outside,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .logo,
.brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .logo,
.brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .logo {
  background-color: #F5F5F5;
  height: 92px;
  width: 154px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  margin-left: 18px;
}

@media (min-width: 768px) {
  .brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .logo,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .logo,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .logo {
    margin-left: 30px;
  }
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .logo,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .logo,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .logo {
    width: 165px;
  }
}

.brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .logo img,
.brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .logo img,
.brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .logo img {
  max-width: 114px;
  max-height: 52px;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .logo img,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .logo img,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .logo img {
    max-width: 125px;
  }
}

.brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .label,
.brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .label,
.brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .label {
  display: inline-block;
  width: 154px;
  font-size: 14px;
  color: #05164D;
  font-family: lh-textfont;
  font-weight: normal;
  height: 20px;
  margin-top: 10px;
  margin-left: 18px;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .label,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .label,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .label {
    width: 165px;
  }
}

@media (min-width: 768px) {
  .brand-list-component.brand-list-type-all .brands-outside .brand-list-entry .label,
  .brand-list-component.brand-list-type-favorites-one-row .brands-outside .brand-list-entry .label,
  .brand-list-component.brand-list-type-favorites-two-rows .brands-outside .brand-list-entry .label {
    margin-left: 30px;
  }
}

.brand-list-component.brand-list-type-all .current-letter,
.brand-list-component.brand-list-type-all .letter-links,
.brand-list-component.brand-list-type-favorites-one-row .current-letter,
.brand-list-component.brand-list-type-favorites-one-row .letter-links,
.brand-list-component.brand-list-type-favorites-two-rows .current-letter,
.brand-list-component.brand-list-type-favorites-two-rows .letter-links {
  margin-left: 18px;
  margin-right: 18px;
  width: calc( 100% - 36px);
}

@media (min-width: 768px) {
  .brand-list-component.brand-list-type-all .current-letter,
  .brand-list-component.brand-list-type-all .letter-links,
  .brand-list-component.brand-list-type-favorites-one-row .current-letter,
  .brand-list-component.brand-list-type-favorites-one-row .letter-links,
  .brand-list-component.brand-list-type-favorites-two-rows .current-letter,
  .brand-list-component.brand-list-type-favorites-two-rows .letter-links {
    margin-left: 30px;
    margin-right: 30px;
    width: calc( 100% - 60px);
  }
}

.brand-list-component.brand-list-type-all .letter-links,
.brand-list-component.brand-list-type-favorites-one-row .letter-links,
.brand-list-component.brand-list-type-favorites-two-rows .letter-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.brand-list-component.brand-list-type-all .letter-links a,
.brand-list-component.brand-list-type-favorites-one-row .letter-links a,
.brand-list-component.brand-list-type-favorites-two-rows .letter-links a {
  display: inline-block;
  color: #05164D;
  font-family: lh-textfont;
  font-weight: 200;
  font-size: 20px;
  margin-right: 13px;
}

@media (min-width: 576px) {
  .brand-list-component.brand-list-type-all .letter-links a,
  .brand-list-component.brand-list-type-favorites-one-row .letter-links a,
  .brand-list-component.brand-list-type-favorites-two-rows .letter-links a {
    margin-right: 0;
  }
}

.brand-list-component.brand-list-type-all .letter-links a.active,
.brand-list-component.brand-list-type-favorites-one-row .letter-links a.active,
.brand-list-component.brand-list-type-favorites-two-rows .letter-links a.active {
  font-weight: bold;
  color: #3262CF;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all .letter-links,
  .brand-list-component.brand-list-type-favorites-one-row .letter-links,
  .brand-list-component.brand-list-type-favorites-two-rows .letter-links {
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}

.brand-list-component.brand-list-type-all .current-letter,
.brand-list-component.brand-list-type-favorites-one-row .current-letter,
.brand-list-component.brand-list-type-favorites-two-rows .current-letter {
  font-family: lh-headfont;
  font-size: 30px;
  font-weight: bold;
  color: #3262CF;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-favorites-one-row {
    max-width: 1140px;
  }
}

.brand-list-component.brand-list-type-favorites-one-row .brands-outside {
  height: 122px;
  flex-wrap: nowrap;
  flex-direction: row;
}

.brand-list-component.brand-list-type-favorites-one-row.withlabel .brands-outside {
  height: 152px;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-favorites-two-rows {
    max-width: 1140px;
  }
}

.brand-list-component.brand-list-type-favorites-two-rows .brands-outside {
  height: 244px;
  flex-wrap: wrap;
  flex-direction: column;
}

.brand-list-component.brand-list-type-favorites-two-rows.withlabel .brands-outside {
  height: 304px;
}

.brand-list-component.brand-list-type-all.small-count .brands-outside {
  height: 122px;
  flex-wrap: nowrap;
  flex-direction: row;
}

.brand-list-component.brand-list-type-all.small-count.withlabel .brands-outside {
  height: 152px;
}

.brand-list-component.brand-list-type-all.large-count .brands-outside {
  height: 244px;
  flex-wrap: wrap;
  flex-direction: column;
}

.brand-list-component.brand-list-type-all.large-count.withlabel .brands-outside {
  height: 304px;
}

@media (min-width: 1200px) {
  .brand-list-component.brand-list-type-all.small-count, .brand-list-component.brand-list-type-all.large-count {
    max-width: 1140px;
  }
  .brand-list-component.brand-list-type-all.small-count .current-letter, .brand-list-component.brand-list-type-all.large-count .current-letter {
    flex: 0 0 95px;
    margin: 0;
  }
  .brand-list-component.brand-list-type-all.small-count .brands-outside, .brand-list-component.brand-list-type-all.large-count .brands-outside {
    flex: 0 0 1005px;
    height: auto;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .brand-list-component.brand-list-type-all.small-count.withlabel .brands-outside, .brand-list-component.brand-list-type-all.large-count.withlabel .brands-outside {
    height: auto;
  }
  .brand-list-component.brand-list-type-all .brands-container {
    display: inline-flex;
    flex-direction: row;
  }
}