/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-black-arrow {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -120px -40px;
  width: 20px;
  height: 20px;
}
.icon-brand-01 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: 0px 0px;
  width: 38px;
  height: 38px;
}
.icon-brand-02 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -40px 0px;
  width: 38px;
  height: 38px;
}
.icon-brand-03 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: 0px -40px;
  width: 38px;
  height: 38px;
}
.icon-brand-04 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -40px -40px;
  width: 38px;
  height: 38px;
}
.icon-brand-05 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -80px 0px;
  width: 38px;
  height: 38px;
}
.icon-brand-06 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -80px -40px;
  width: 38px;
  height: 38px;
}
.icon-brand-07 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: 0px -80px;
  width: 38px;
  height: 38px;
}
.icon-brand-08 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -40px -80px;
  width: 38px;
  height: 38px;
}
.icon-brand-09 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -80px -80px;
  width: 38px;
  height: 38px;
}
.icon-brand-10 {
  background-image: url(%27../img/sprites/brands/icons.png);
  background-position: -120px 0px;
  width: 38px;
  height: 38px;
}