@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Light"),
		url(/fonts/segoeuil.ttf) format("truetype");
	font-weight: 100;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Semilight"),
		url(/fonts/segoeuisl.ttf) format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI"),
		url(/fonts/segoeui.ttf) format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Bold"),
		url(/fonts/segoeuib.ttf) format("truetype");
	font-weight: 600;
}

@font-face {
	font-family: SegoeUI;
	src:
		local("Segoe UI Semibold"),
		url(/fonts/seguisb.ttf) format("truetype");
	font-weight: 700;
}


:root {
	--red: #FF5252;
	--green: #008142;
	--black: #000;
	--fontFamily: "SegoeUI"
}

.fr-view {
	font-family: var(--fontFamily);
}

.text_black_16 {
	font-family: var(--fontFamily);
	color: var(--black) !important;
}

.text_green_16 {
	font-family: var(--fontFamily);
	color: var(--green) !important;
}

.text_red_16 {
	font-family: var(--fontFamily);
	color: var(--red) !important;
}

.h1_green_36 {
font-family: var(--fontFamily);
	color: var(--green) !important;
	font-size: 36px;
}

.h1_green_27 {
	font-family: var(--fontFamily);
	color: var(--green) !important;
	font-size: 27px;
}

.h1_green_21 {
	font-family: var(--fontFamily);
	color: var(--green) !important;
	font-size: 21px;
}

.h1_green_18 {
	font-family: var(--fontFamily);
	color: var(--green) !important;
	font-size: 18px;
}

.h1_red_36 {
font-family: var(--fontFamily);
	color: var(--red) !important;
	font-size: 36px;
}

.h1_red_27 {
	font-family: var(--fontFamily);
	color: var(--red) !important;
	font-size: 27px;
}

.h1_red_21 {
	font-family: var(--fontFamily);
	color: var(--red) !important;
	font-size: 21px;
}

.h1_red_18 {
	font-family: var(--fontFamily);
	color: var(--red) !important;
	font-size: 18px;
}