@font-face {
	font-family: 'WebIconFonts';
	src:url('../font/WebIconFonts.eot');
	src:url('../font/WebIconFonts.eot?#iefix') format('embedded-opentype'),
		url('../font/WebIconFonts.woff') format('woff'),
		url('../font/WebIconFonts.ttf') format('truetype'),
		url('../font/WebIconFonts.svg#WebIconFonts') 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: 'WebIconFonts';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 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*="WebIconFonts"] {
*/
.WebIconFontshome, .WebIconFontsimage, .WebIconFontscopy, .WebIconFontscalendar, .WebIconFontsfacebook, .WebIconFontslinkedin, .WebIconFontstwitter, .WebIconFontspinterest, .WebIconFontsgoogle-plus, .WebIconFontsWEBfont_icon_base_01, .WebIconFontsWEBfont_icon_base_02, .WebIconFontsmusic, .WebIconFontsfilm, .WebIconFontsstack, .WebIconFontsphone, .WebIconFontsenvelop, .WebIconFontscog, .WebIconFontslink, .WebIconFontsattachment, .WebIconFontsprint, .WebIconFontscart, .WebIconFontscredit, .WebIconFontscart-2, .WebIconFontsuser, .WebIconFontseye, .WebIconFontsquestion, .WebIconFontscart-3, .WebIconFontsquestion-mark, .WebIconFontsuser-2 {
	font-family: 'WebIconFonts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.WebIconFontshome:before {
	content: "\48";
}
.WebIconFontsimage:before {
	content: "\49";
}
.WebIconFontscopy:before {
	content: "\2a";
}
.WebIconFontscalendar:before {
	content: "\43";
}
.WebIconFontsfacebook:before {
	content: "\46";
}
.WebIconFontslinkedin:before {
	content: "\4c";
}
.WebIconFontstwitter:before {
	content: "\54";
}
.WebIconFontspinterest:before {
	content: "\50";
}
.WebIconFontsgoogle-plus:before {
	content: "\47";
}
.WebIconFontsWEBfont_icon_base_01:before {
	content: "\31";
}
.WebIconFontsWEBfont_icon_base_02:before {
	content: "\42";
}
.WebIconFontsmusic:before {
	content: "\4d";
}
.WebIconFontsfilm:before {
	content: "\56";
}
.WebIconFontsstack:before {
	content: "\32";
}
.WebIconFontsphone:before {
	content: "\33";
}
.WebIconFontsenvelop:before {
	content: "\34";
}
.WebIconFontscog:before {
	content: "\35";
}
.WebIconFontslink:before {
	content: "\2b";
}
.WebIconFontsattachment:before {
	content: "\36";
}
.WebIconFontsprint:before {
	content: "\37";
}
.WebIconFontscart:before {
	content: "\38";
}
.WebIconFontscredit:before {
	content: "\39";
}
.WebIconFontscart-2:before {
	content: "\21";
}
.WebIconFontsuser:before {
	content: "\22";
}
.WebIconFontseye:before {
	content: "\23";
}
.WebIconFontsquestion:before {
	content: "\24";
}
.WebIconFontscart-3:before {
	content: "\25";
}
.WebIconFontsquestion-mark:before {
	content: "\26";
}
.WebIconFontsuser-2:before {
	content: "\27";
}