@font-face {
  font-family: 'AktivGrotesk-Bold';
  font-display: swap;
  src: url('AktivGrotesk-Bold.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Bold.woff') format('woff'), url('AktivGrotesk-Bold.ttf')  format('truetype'), url('AktivGrotesk-Bold.svg#AktivGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
    
}
@font-face {
  font-family: 'AktivGrotesk-Hairline';
  font-display: swap;
  src: url('AktivGrotesk-Hairline.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Hairline.woff') format('woff'), url('AktivGrotesk-Hairline.ttf')  format('truetype'), url('AktivGrotesk-Hairline.svg#AktivGrotesk-Hairline') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AktivGrotesk-Light';
  font-display: swap;
  src: url('AktivGrotesk-Light.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Light.woff') format('woff'), url('AktivGrotesk-Light.ttf')  format('truetype'), url('AktivGrotesk-Light.svg#AktivGrotesk-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AktivGrotesk-Medium';
  font-display: swap;
  src: url('AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Medium.woff') format('woff'), url('AktivGrotesk-Medium.ttf')  format('truetype'), url('AktivGrotesk-Medium.svg#AktivGrotesk-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AktivGrotesk-Regular';
  font-display: swap;
  src: url('AktivGrotesk-Regular.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Regular.woff') format('woff'), url('AktivGrotesk-Regular.ttf')  format('truetype'), url('AktivGrotesk-Regular.svg#AktivGrotesk-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AktivGrotesk-Thin';
  font-display: swap;
  src: url('AktivGrotesk-Thin.eot?#iefix') format('embedded-opentype'),  url('AktivGrotesk-Thin.woff') format('woff'), url('AktivGrotesk-Thin.ttf')  format('truetype'), url('AktivGrotesk-Thin.svg#AktivGrotesk-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-family-lighter {font-family: 'AktivGrotesk-Hairline'!important;} 
.font-family-thin {font-family: 'AktivGrotesk-Thin'!important;} 
.font-family-light {font-family: 'AktivGrotesk-Light'!important;}
.font-family-regular {font-family: 'AktivGrotesk-Regular'!important;}  
.font-family-medium {font-family: 'AktivGrotesk-Medium'!important;} 
.font-family-bold {font-family: 'AktivGrotesk-Bold'!important;}