@font-face {
	font-family: 'Tempu-Info';
	src:url('fonts/Tempu-Info.eot');
	src:url('fonts/Tempu-Info.eot?#iefix') format('embedded-opentype'),
		url('fonts/Tempu-Info.woff') format('woff'),
		url('fonts/Tempu-Info.ttf') format('truetype'),
		url('fonts/Tempu-Info.svg#Tempu-Info') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Tempu-Info';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="tempu-"] {
*/
.tempu-wind, .tempu-tornado, .tempu-thunderstorm, .tempu-sunup, .tempu-snow, .tempu-sleet, .tempu-rainfall, .tempu-rain, .tempu-partly-cloudy-night, .tempu-partly-cloudy-day, .tempu-ligthning, .tempu-fog, .tempu-cloudy, .tempu-clear-night, .tempu-clear-day {
	font-family: 'Tempu-Info';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.tempu-wind:before {
	content: "\31";
}
.tempu-tornado:before {
	content: "\32";
}
.tempu-thunderstorm:before {
	content: "\33";
}
.tempu-sunup:before {
	content: "\74";
}
.tempu-snow:before {
	content: "\34";
}
.tempu-sleet:before {
	content: "\35";
}
.tempu-rainfall:before {
	content: "\72";
}
.tempu-rain:before {
	content: "\36";
}
.tempu-partly-cloudy-night:before {
	content: "\37";
}
.tempu-partly-cloudy-day:before {
	content: "\38";
}
.tempu-ligthning:before {
	content: "\39";
}
.tempu-fog:before {
	content: "\30";
}
.tempu-cloudy:before {
	content: "\71";
}
.tempu-clear-night:before {
	content: "\77";
}
.tempu-clear-day:before {
	content: "\65";
}