@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Black.eot');
  src: url('/fonts/sf/SF-UI-Display-Black.eot?#iefix') format('embedded-opentype'),
       url('/fonts/sf/SF-UI-Display-Black.woff') format('woff'),
       url('/fonts/sf/SF-UI-Display-Black.ttf')  format('truetype'),
       url('/fonts/sf/SF-UI-Display-Black.svg#43ec30f0ed689f8c73b4ee9b0330f5d5') format('svg');
       
  font-style:   normal;
  font-weight:  900;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Heavy.eot');
  src: url('/fonts/sf/SF-UI-Display-Heavy.eot?#iefix') format('embedded-opentype'), url('/fonts/sf/SF-UI-Display-Heavy.woff') format('woff'), url('/fonts/sf/SF-UI-Display-Heavy.ttf') format('truetype'), url('/fonts/sf/SF-UI-Display-Heavy.svg#7139e05a6292dbf69c3e355313c8a50d') format('svg');
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Semibold.eot');
  src: url('/fonts/sf/SF-UI-Display-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/sf/SF-UI-Display-Semibold.woff') format('woff'), url('/fonts/sf/SF-UI-Display-Semibold.ttf') format('truetype'), url('/fonts/sf/SF-UI-Display-Semibold.svg#e73c50de58f10cc64c0448baca9d8f53') format('svg');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Medium.eot');
  src: url('/fonts/sf/SF-UI-Display-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/sf/SF-UI-Display-Medium.woff') format('woff'),
       url('/fonts/sf/SF-UI-Display-Medium.ttf')  format('truetype'),
       url('/fonts/sf/SF-UI-Display-Medium.svg#dc89f6160e12ef56e4eef9bc803141d9') format('svg');
       
  font-style:   normal;
  font-weight:  500;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Regular.eot');
  src: url('/fonts/sf/SF-UI-Display-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/sf/SF-UI-Display-Regular.woff') format('woff'), url('/fonts/sf/SF-UI-Display-Regular.ttf') format('truetype'), url('/fonts/sf/SF-UI-Display-Regular.svg#5342a8609bcd812e22b7e0403a5ccc30') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Light.eot');
  src: url('/fonts/sf/SF-UI-Display-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/sf/SF-UI-Display-Light.woff') format('woff'), url('/fonts/sf/SF-UI-Display-Light.ttf') format('truetype'), url('/fonts/sf/SF-UI-Display-Light.svg#992f7f964919ca564457458f3b04ba35') format('svg');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Thin.eot');
  src: url('/fonts/sf/SF-UI-Display-Thin.eot?#iefix') format('embedded-opentype'),
       url('/fonts/sf/SF-UI-Display-Thin.woff') format('woff'),
       url('/fonts/sf/SF-UI-Display-Thin.ttf')  format('truetype'),
       url('/fonts/sf/SF-UI-Display-Thin.svg#9cbc0a271b522634852b696027a32a9b') format('svg');
       
  font-style:   normal;
  font-weight:  200;
}
@font-face {
  font-family: 'sf';
  src: url('/fonts/sf/SF-UI-Display-Ultralight.eot');
  src: url('/fonts/sf/SF-UI-Display-Ultralight.eot?#iefix') format('embedded-opentype'), url('/fonts/sf/SF-UI-Display-Ultralight.woff') format('woff'), url('/fonts/sf/SF-UI-Display-Ultralight.ttf') format('truetype'), url('/fonts/sf/SF-UI-Display-Ultralight.svg#1a31f86f60d7c122b902c21955e8cb36') format('svg');
  font-style: normal;
  font-weight: 100;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Regular.ttf');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Medium.ttf');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Bold.ttf');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Light.ttf');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-Light.ttf');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-Regular.ttf');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-Medium.ttf');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-Bold.ttf');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-ExtraBold.ttf');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Urbanist';
    src: url('/fonts/Urbanist/Urbanist-Black.ttf');
    font-style: normal;
    font-weight: 900;
}