/* REGULAR */
@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_thin-webfont.eot');
	src: url('bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_thin-webfont.woff2') format('woff2'),
		 url('bariol_thin-webfont.woff') format('woff'),
		 url('bariol_thin-webfont.svg#bariolthin') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_light-webfont.eot');
	src: url('bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_light-webfont.woff2') format('woff2'),
		 url('bariol_light-webfont.woff') format('woff'),
		 url('bariol_light-webfont.svg#bariol_lightlight') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_regular-webfont.eot');
	src: url('bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_regular-webfont.woff2') format('woff2'),
		 url('bariol_regular-webfont.woff') format('woff'),
		 url('bariol_regular-webfont.svg#bariol_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_bold-webfont.eot');
	src: url('bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_bold-webfont.woff2') format('woff2'),
		 url('bariol_bold-webfont.woff') format('woff'),
		 url('bariol_bold-webfont.svg#bariol_boldbold') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* ITALIC */
@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_thin_italic-webfont.eot');
	src: url('bariol_thin_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_thin_italic-webfont.woff2') format('woff2'),
		 url('bariol_thin_italic-webfont.woff') format('woff'),
		 url('bariol_thin_italic-webfont.svg#bariolthin_italic') format('svg');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_light_italic-webfont.eot');
	src: url('bariol_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_light_italic-webfont.woff2') format('woff2'),
		 url('bariol_light_italic-webfont.woff') format('woff'),
		 url('bariol_light_italic-webfont.svg#bariollight_italic') format('svg');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_regular_italic-webfont.eot');
	src: url('bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_regular_italic-webfont.woff2') format('woff2'),
		 url('bariol_regular_italic-webfont.woff') format('woff'),
		 url('bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Hilo Bariol';
	src: url('bariol_bold_italic-webfont.eot');
	src: url('bariol_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('bariol_bold_italic-webfont.woff2') format('woff2'),
		 url('bariol_bold_italic-webfont.woff') format('woff'),
		 url('bariol_bold_italic-webfont.svg#bariol_boldbold_italic') format('svg');
	font-weight: bold;
	font-style: italic;
}