@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto-Regular/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Light';
  src: url("../fonts/Roboto-Light/Roboto-Light.eot");
  src: url("../fonts/Roboto-Light/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light/Roboto-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Thin';
  src: url('../fonts/Roboto-Thin/Roboto-Thin.eot');
  src: url('../fonts/Roboto-Thin/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Thin/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto-Thin/Roboto-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icon';
  src: url("../fonts/icons/icomoon.eot");
  src: url("../fonts/icons/icomoon.eot?p5vt56#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?p5vt56") format("truetype"), url("../fonts/icons/icomoon.woff?p5vt56") format("woff"), url("../fonts/icons/icomoon.svg?p5vt56#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icon2';
  src: url("../fonts/icons/icomoon-free.ttf");
  src: url("../fonts/icons/icomoon-free.ttf?p5vt56") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}