@font-face {
  font-family: "Arapey";
  src: url("../fonts/arapey/arapey-400.eot");
  src: url("../fonts/arapey/arapey-400.eot#iefix") format("embedded-opentype"), url("../fonts/arapey/arapey-400.ttf") format("truetype"), url("../fonts/arapey/arapey-400.woff2") format("woff2"), url("../fonts/arapey/arapey-400.woff") format("woff"), url("../fonts/arapey/arapey-400.svg#arapey") format("svg");
  font-weight: 400;
  font-style: "normal"; }

@font-face {
  font-family: "Arapey";
  src: url("../fonts/arapey/arapey-500-italic.eot");
  src: url("../fonts/arapey/arapey-500-italic.eot#iefix") format("embedded-opentype"), url("../fonts/arapey/arapey-500-italic.ttf") format("truetype"), url("../fonts/arapey/arapey-500-italic.woff2") format("woff2"), url("../fonts/arapey/arapey-500-italic.woff") format("woff"), url("../fonts/arapey/arapey-500-italic.svg#arapey") format("svg");
  font-weight: 500;
  font-style: "italic"; }

@font-face {
  font-family: "Arapey";
  src: url("../fonts/arapey/arapey-900-oblique.eot");
  src: url("../fonts/arapey/arapey-900-oblique.eot#iefix") format("embedded-opentype"), url("../fonts/arapey/arapey-900-oblique.ttf") format("truetype"), url("../fonts/arapey/arapey-900-oblique.woff2") format("woff2"), url("../fonts/arapey/arapey-900-oblique.woff") format("woff"), url("../fonts/arapey/arapey-900-oblique.svg#arapey") format("svg");
  font-weight: 900;
  font-style: "oblique"; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-300.eot");
  src: url("../fonts/montserrat/montserrat-300.eot#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-300.ttf") format("truetype"), url("../fonts/montserrat/montserrat-300.woff2") format("woff2"), url("../fonts/montserrat/montserrat-300.woff") format("woff"), url("../fonts/montserrat/montserrat-300.svg#montserrat") format("svg");
  font-weight: 300;
  font-style: "normal"; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-600.eot");
  src: url("../fonts/montserrat/montserrat-600.eot#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-600.ttf") format("truetype"), url("../fonts/montserrat/montserrat-600.woff2") format("woff2"), url("../fonts/montserrat/montserrat-600.woff") format("woff"), url("../fonts/montserrat/montserrat-600.svg#montserrat") format("svg");
  font-weight: 600;
  font-style: "normal"; }

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon-400.eot");
  src: url("../fonts/icomoon/icomoon-400.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon-400.ttf") format("truetype"), url("../fonts/icomoon/icomoon-400.woff2") format("woff2"), url("../fonts/icomoon/icomoon-400.woff") format("woff"), url("../fonts/icomoon/icomoon-400.svg#icomoon") format("svg");
  font-weight: 400;
  font-style: "normal"; }

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon-600.eot");
  src: url("../fonts/icomoon/icomoon-600.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon-600.ttf") format("truetype"), url("../fonts/icomoon/icomoon-600.woff2") format("woff2"), url("../fonts/icomoon/icomoon-600.woff") format("woff"), url("../fonts/icomoon/icomoon-600.svg#icomoon") format("svg");
  font-weight: 600;
  font-style: "normal"; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

:root {
  font-size: 62.5%; }

header,
main,
footer,
article,
section {
  display: block; }


.tool-menu__item {
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  line-height: 2.7rem;
  text-align: center;
  position: relative;
  float: left;
  padding: 0;
  margin: 0 2.7rem 0 0;
  overflow: hidden; }


.tool-menu__button {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  
  .tool-menu__button:before {
    display: block;
    width: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    text-align: center;
    font-size: 2.3rem;
    color: #000; }