@font-face {
  font-family: 'Sf-Black-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYBLACKITALIC.OTF');
}
@font-face {
  font-family: 'Sf-Bold';
  src: url('../fonts/sf-pro/SFPRODISPLAYBOLD.OTF');
}
@font-face {
  font-family: 'Sf-Heavy-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYHEAVYITALIC.OTF');
}
@font-face {
  font-family: 'Sf-Light-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYLIGHTITALIC.OTF');
}
@font-face {
  font-family: 'Sf-Medium';
  src: url('../fonts/sf-pro/SFPRODISPLAYMEDIUM.OTF');
}
@font-face {
  font-family: 'Sf';
  src: url('../fonts/sf-pro/SFPRODISPLAYREGULAR.OTF');
}
@font-face {
  font-family: 'Sf-Semibold-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYSEMIBOLDITALIC.OTF');
}
@font-face {
  font-family: 'Sf-Thin-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYTHINITALIC.OTF');
}
@font-face {
  font-family: 'Sf-Ultralight-Italic';
  src: url('../fonts/sf-pro/SFPRODISPLAYULTRALIGHTITALIC.OTF');
}

.Sf-Black-Italic{
  font-family: 'Sf-Black-Italic' !important;
}
.Sf-Bold{
  font-family: 'Sf-Bold' !important;
}
.Sf-Heavy-Italic{
  font-family: 'Sf-Heavy-Italic' !important;
}
.Sf-Light-Italic{
  font-family: 'Sf-Light-Italic' !important;
}
.Sf-Medium{
  font-family: 'Sf-Medium' !important;
}
.Sf{
  font-family: 'Sf' !important;
}
.Sf-Semibold-Italic{
  font-family: 'Sf-Semibold-Italic' !important;
}
.Sf-Thin-Italic{
  font-family: 'Sf-Thin-Italic' !important;
}
.Sf-Ultralight-Italic{
  font-family: 'Sf-Ultralight-Italic' !important;
}