/*
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-icon-arrow-black-15x15 {
  background-image: url(sprite.png);
  background-position: -214px -57px;
  width: 15px;
  height: 15px;
}
.icon-icon-arrow-left-gray-29x13 {
  background-image: url(sprite.png);
  background-position: -116px -167px;
  width: 29px;
  height: 13px;
}
.icon-icon-arrow-left-gray-42x19 {
  background-image: url(sprite.png);
  background-position: -50px -167px;
  width: 42px;
  height: 19px;
}
.icon-icon-arrow-left-gray-45x85 {
  background-image: url(sprite.png);
  background-position: 0px -82px;
  width: 45px;
  height: 85px;
}
.icon-icon-arrow-left-white-29x13 {
  background-image: url(sprite.png);
  background-position: -145px -167px;
  width: 29px;
  height: 13px;
}
.icon-icon-arrow-left-white-45x85 {
  background-image: url(sprite.png);
  background-position: -45px -82px;
  width: 45px;
  height: 85px;
}
.icon-icon-arrow-right-gray-29x13 {
  background-image: url(sprite.png);
  background-position: -174px -167px;
  width: 29px;
  height: 13px;
}
.icon-icon-arrow-right-gray-45x85 {
  background-image: url(sprite.png);
  background-position: -90px -82px;
  width: 45px;
  height: 85px;
}
.icon-icon-arrow-right-white-29x13 {
  background-image: url(sprite.png);
  background-position: -50px -186px;
  width: 29px;
  height: 13px;
}
.icon-icon-arrow-right-white-45x85 {
  background-image: url(sprite.png);
  background-position: -169px 0px;
  width: 45px;
  height: 85px;
}
.icon-icon-arrow-white-15x15 {
  background-image: url(sprite.png);
  background-position: -214px -72px;
  width: 15px;
  height: 15px;
}
.icon-icon-calendar-gray-27x30 {
  background-image: url(sprite.png);
  background-position: -169px -127px;
  width: 27px;
  height: 30px;
}
.icon-icon-facebook-white-12x24 {
  background-image: url(sprite.png);
  background-position: -214px -19px;
  width: 12px;
  height: 24px;
}
.icon-icon-facebook-white-8x16 {
  background-image: url(sprite.png);
  background-position: -214px -114px;
  width: 8px;
  height: 16px;
}
.icon-icon-location-black-11x14 {
  background-image: url(sprite.png);
  background-position: -214px -100px;
  width: 11px;
  height: 14px;
}
.icon-icon-pdf-gray-25x32 {
  background-image: url(sprite.png);
  background-position: -135px -82px;
  width: 25px;
  height: 32px;
}
.icon-icon-pdf-white-25x32 {
  background-image: url(sprite.png);
  background-position: -135px -114px;
  width: 25px;
  height: 32px;
}
.icon-icon-pipe-grey-84x84 {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 82px;
  height: 82px;
}
.icon-icon-play-white-37x42 {
  background-image: url(sprite.png);
  background-position: -169px -85px;
  width: 37px;
  height: 42px;
}
.icon-icon-quote-gray-50x41 {
  background-image: url(sprite.png);
  background-position: 0px -167px;
  width: 50px;
  height: 41px;
}
.icon-icon-quote-gray-87x71 {
  background-image: url(sprite.png);
  background-position: -82px 0px;
  width: 87px;
  height: 71px;
}
.icon-icon-search-black-19x19 {
  background-image: url(sprite.png);
  background-position: -214px 0px;
  width: 19px;
  height: 19px;
}
.icon-icon-search-white-13x13 {
  background-image: url(sprite.png);
  background-position: -214px -87px;
  width: 13px;
  height: 13px;
}
.icon-icon-twitter-white-17x14 {
  background-image: url(sprite.png);
  background-position: -214px -43px;
  width: 17px;
  height: 14px;
}
.icon-icon-twitter-white-24x20 {
  background-image: url(sprite.png);
  background-position: -135px -146px;
  width: 24px;
  height: 20px;
}
.icon-icon-youtube-white-24x19 {
  background-image: url(sprite.png);
  background-position: -92px -167px;
  width: 24px;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-icon-arrow-black-15x15 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-left-gray-29x13 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-left-gray-42x19 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-left-gray-45x85 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-left-white-29x13 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-left-white-45x85 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-right-gray-29x13 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-right-gray-45x85 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-right-white-29x13 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-right-white-45x85 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-arrow-white-15x15 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-calendar-gray-27x30 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-facebook-white-12x24 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-facebook-white-8x16 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-location-black-11x14 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-pdf-gray-25x32 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-pdf-white-25x32 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-pipe-grey-84x84 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-play-white-37x42 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-quote-gray-50x41 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-quote-gray-87x71 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-search-black-19x19 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-search-white-13x13 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-twitter-white-17x14 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-twitter-white-24x20 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
  .icon-icon-youtube-white-24x19 {
    background-image: url(sprite-2x.png);
    background-size: 233px 208px;
  }
}