@font-face {
	font-family: 'iconfont';
	src:url('../eot/icomoon.eot');
	src:url('../eot/icomoon.eot') format('embedded-opentype'),
		url('../ttf/icomoon.ttf') format('truetype'),
		url('../woff/icomoon.woff') format('woff'),
		url('../svg/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src:url('../eot/opensans-light-webfont.eot');
	src:url('../eot/opensans-light-webfont.eot#iefix') format('embedded-opentype'),
		url('../ttf/opensans-light-webfont.ttf') format('truetype'),
		url('../woff/opensans-light-webfont.woff') format('woff'),
		url('../svg/opensans-light-webfont.svg#Open Sans') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src:url('../eot/opensans-regular-webfont.eot');
	src:url('../eot/opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
		url('../ttf/opensans-regular-webfont.ttf') format('truetype'),
		url('../woff/opensans-regular-webfont.woff') format('woff'),
		url('../svg/opensans-regular-webfont.svg#Open Sans') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-light.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-light.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-lightitalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-lightitalic.ttf") format("ttf");
}

@font-face {
  font-family: "SF UI Text";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-regular.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-regular.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-regularitalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-regularitalic.ttf") format("ttf");
}

@font-face {
  font-family: "SF UI Text";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-medium.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-medium.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-mediumitalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-mediumitalic.ttf") format("ttf");
}

@font-face {
  font-family: "SF UI Text";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-semibold.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-semibold.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-semibolditalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-semibolditalic.ttf") format("ttf");
}

@font-face {
  font-family: "SF UI Text";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-bold.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-bold.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-bolditalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-bolditalic.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../ttf/sfuitext-heavy.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-heavy.ttf") format("ttf");
}
@font-face {
  font-family: "SF UI Text";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("../ttf/sfuitext-heavyitalic.ttf"),
    /* IE9 Compat Mode */ url("../ttf/sfuitext-heavyitalic.ttf") format("ttf");
}