@font-face {
      font-family: 'mark';
      font-weight: 800;
      font-style: normal;
      src: url(../font/MarkProHeavy.ttf) format('truetype');
      src:url(../font/MarkProHeavy.woff) format('woff');
}
@font-face {
      font-family: 'mark';
      font-weight: 600;
      font-style: normal;
      src: url(../font/MarkProBold.otf);
      src:url(../font/MarkProBold.woff) format('woff'),
      url(../font/MarkProBold.ttf) format('truetype');
}
@font-face {
      font-family: 'mark';
      font-weight: 400;
      font-style: normal;
      src: url(../font/MarkPro.otf);
}
@font-face {
      font-family: 'mark';
      font-weight: 300;
      font-style: normal;
      src: url(../font/MarkProLight.otf);
}

@font-face {
      font-family: 'Rajdhani';
      font-weight: 700;
      font-style: normal;
      src: url(../font/Rajdhani-Bold.ttf);
}
@font-face {
      font-family: 'Rajdhani';
      font-weight: 400;
      font-style: normal;
      src: url(../font/Rajdhani-Regular.ttf);
}
@font-face {
      font-family: 'Rajdhani';
      font-weight: 200;
      font-style: normal;
      src: url(../font/Rajdhani-Light.ttf);
}
@font-face {
      font-family: 'noto';
      font-weight: 400;
      font-style: normal;
      src: url(../font/NotoSans-Regular.ttf);
}
@font-face {
      font-family: 'noto';
      font-weight: 800;
      font-style: normal;
      src: url(../font/NotoSans-Bold.ttf);
}