@font-face {
  font-family: "SFProTextBold";
  src: url("/fonts/more/SF-Pro-Text-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SFProTextHeavy";
  src: url("/fonts/more/SF-Pro-Text-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SFProTextMedium";
  src: url("/fonts/more/SF-Pro-Text-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SFProTextRegular";
  src: url("/fonts/more/SF-Pro-Text-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SFProTextSemibold";
  src: url("/fonts/more/SF-Pro-Text-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

body {
  font-family: "SFProTextRegular", sans-serif;
}

h2 {
  font-family: "SFProTextSemibold", sans-serif;
}

strong {
  font-family: "SFProTextHeavy", sans-serif;
}

.menu-footer ul li a {
  font-family: "SFProTextRegular", sans-serif;
}

.menu-footer ul li a strong {
  font-family: "SFProTextSemibold", sans-serif;
}

.menu-footer ul li a.router-link-exact-active {
  font-family: "SFProTextHeavy", sans-serif;
}

.btn-primary {
  font-family: "SFProTextSemibold", sans-serif;
}

.modal-header {
  font-family: "SFProTextHeavy", sans-serif;
}

header .title span.text {
  font-family: "SFProTextHeavy", sans-serif;
}

.box-view .box-header {
  font-family: "SFProTextHeavy", sans-serif;
}