@font-face {
  font-family: "Material Icons";
  src: url('../../img/fonts/Materialicon/MaterialIcons-Regular.eot?1472773303');
  src: url('../../img/fonts/Materialicon/MaterialIcons-Regular.eot?&1472773303#iefix') format('embedded-opentype'), url('../../img/fonts/Materialicon/MaterialIcons-Regular.ttf?1472773303') format('truetype'), url('../../img/fonts/Materialicon/MaterialIcons-Regular.svg?1472773303') format('svg'), url('../../img/fonts/Materialicon/MaterialIcons-Regular.woff2?1472773303') format('woff2'), url('../../img/fonts/Materialicon/MaterialIcons-Regular.woff?1472773303') format('woff');
}

.icon {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: 1;
  font-size: 30px;
  margin: 5px;
  font-style: normal;
  text-transform: none !important;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga'
}

.icon.active {
  color: #f9af1a
}

.icon.active a {
  color: #f9af1a !important
}

.icon.small {
  font-size: 20px
}

.icon.large {
  font-size: 45px
}