@font-face {
	font-family: "hero_new-regular";
	src: url("../fonts/hero-new/regular/hero_new-regular.otf");
}

@font-face {
	font-family: "hero_new-bold";
	src: url("../fonts/hero-new/bold/hero_new-bold.otf");
}

@font-face {
	font-family: "hero_new-extrabold";
	src: url("../fonts/hero-new/extrabold/hero_new-extrabold.otf");
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?wh89gr");
	src: url("../fonts/icomoon/icomoon.eot?wh89gr#iefix")
			format("embedded-opentype"),
		url("../fonts/icomoon/icomoon.ttf?wh89gr") format("truetype"),
		url("../fonts/icomoon/icomoon.woff?wh89gr") format("woff"),
		url("../fonts/icomoon/icomoon.svg?wh89gr#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-Down:before {
	content: "\e900";
}
.icon-Up:before {
	content: "\e901";
}