/*
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-bottom_arrow {
  background-image: url(../img/sprite.png);
  background-position: -200px -30px;
  width: 9px;
  height: 5px;
}
.icon-fi {
  background-image: url(../img/sprite.png);
  background-position: -70px -30px;
  width: 52px;
  height: 70px;
}
.icon-google {
  background-image: url(../img/sprite.png);
  background-position: 0px -30px;
  width: 70px;
  height: 70px;
}
.icon-logo_header {
  background:url(../img/logo.svg) 0px 0px no-repeat;
  width: 176px;
  height: 18px;
}
.icon-logo_header_mobile {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 295px;
  height: 30px;
}
.icon-menu-close {
  background-image: url(../img/sprite.png);
  background-position: -162px -30px;
  width: 38px;
  height: 38px;
}
.icon-menu {
  background-image: url(../img/sprite.png);
  background-position: -122px -30px;
  width: 40px;
  height: 38px;
}