@charset "utf-8";

/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	Font
	
    font-family: ThaiSansNeue-SemiBold;
    font-family: ThaiSansNeue-Regular;
    font-family: supermarket;
	
	*** Better Font Rendering - อย่าลืมเอาไปใส่พร้อมกับ font-family ***
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
			
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@font-face {
    font-family: ThaiSansNeue-SemiBold;
    src: url("../fonts/ThaiSansNeue-SemiBold.eot"); /* IE9 Compatibility Modes */
    src: url("../fonts/ThaiSansNeue-SemiBold.eot?") format("eot"),  /* IE6-IE8 */
		 url("../fonts/ThaiSansNeue-SemiBold.woff") format("woff"), /* Modern Browsers */
		 url("../fonts/ThaiSansNeue-SemiBold.ttf")  format("truetype"), /* Safari, Android, iOS */
		 url("../fonts/ThaiSansNeue-SemiBold.svg#svgThaiSansNeue-SemiBold") format("svg"); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: ThaiSansNeue-Regular;
    src: url("../fonts/ThaiSansNeue-Regular.eot"); 
    src: url("../fonts/ThaiSansNeue-Regular.eot?") format("eot"),  
		 url("../fonts/ThaiSansNeue-Regular.woff") format("woff"), 
		 url("../fonts/ThaiSansNeue-Regular.ttf")  format("truetype"), 
		 url("../fonts/ThaiSansNeue-Regular.svg#svgThaiSansNeue-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: supermarket;
    src: url("../fonts/supermarket.eot");
    src: url("../fonts/supermarket.eot?") format("eot"), 
		 url("../fonts/supermarket.woff") format("woff"), 
		 url("../fonts/supermarket.ttf")  format("truetype"),
		 url("../fonts/supermarket.svg#svgsupermarket") format("svg");
	font-weight: normal;
	font-style: normal;
}





/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	Icon Font
	
	Grid Size ของ Icon Font แต่ละชนิดจะแตกต่างกัน เช่น 16px, 20px เป็นต้น
	ดังนั้นควรกำหนด fontsize ให้สอดคล้องกับ Grid Size เพื่อการแสดงผลที่ดีของ Icon Font
	
    font-family: arrowIcon;
    font-family: audioIcon;
    font-family: contentIcon;
    font-family: loadIcon;
    font-family: menufilterIcon;
    font-family: noticeIcon;
    font-family: socialIcon;
    font-family: zoomIcon;
    font-family: bulletIcon;
			
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

[class^="icon-"], [class*=" icon-"] {
	speak: none;
	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;
}





/* Arrow
======================================================================================  */
@font-face {
    font-family: arrowIcon;
    src: url("../icon-fonts/arrowIcon.eot");
    src: url("../icon-fonts/arrowIcon.eot?") format("eot"), 
		 url("../icon-fonts/arrowIcon.woff") format("woff"), 
		 url("../icon-fonts/arrowIcon.ttf")  format("truetype"),
		 url("../icon-fonts/arrowIcon.svg#svgarrowIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-arrow-left:before {
    font-family: arrowIcon;
	content: "\e600";
}
.icon-arrow-down:before {
    font-family: arrowIcon;
	content: "\e601";
}
.icon-arrow-up:before {
    font-family: arrowIcon;
	content: "\e602";
}
.icon-arrow-right:before {
    font-family: arrowIcon;
	content: "\e603";
}
.icon-arrow-left2:before {
    font-family: arrowIcon;
	content: "\e604";
}
.icon-arrow-down2:before {
    font-family: arrowIcon;
	content: "\e605";
}
.icon-arrow-up2:before {
    font-family: arrowIcon;
	content: "\e606";
}
.icon-arrow-right2:before {
    font-family: arrowIcon;
	content: "\e607";
}
.icon-arrow-left3:before {
    font-family: arrowIcon;
	content: "\e608";
}
.icon-arrow-down3:before {
    font-family: arrowIcon;
	content: "\e609";
}
.icon-arrow-up3:before {
    font-family: arrowIcon;
	content: "\e60a";
}
.icon-arrow-right3:before {
    font-family: arrowIcon;
	content: "\e60b";
}
.icon-arrow-left4:before {
    font-family: arrowIcon;
	content: "\e60c";
}
.icon-arrow-down4:before {
    font-family: arrowIcon;
	content: "\e60d";
}
.icon-arrow-up4:before {
    font-family: arrowIcon;
	content: "\e60e";
}
.icon-uniE60F:before {
    font-family: arrowIcon;
	content: "\e60f";
}
.icon-arrow-left5:before {
    font-family: arrowIcon;
	content: "\e610";
}
.icon-arrow-down5:before {
    font-family: arrowIcon;
	content: "\e611";
}
.icon-arrow-up--upload:before {
    font-family: arrowIcon;
	content: "\e612";
}
.icon-arrow-right4:before {
    font-family: arrowIcon;
	content: "\e613";
}
.icon-arrow-left6:before {
    font-family: arrowIcon;
	content: "\e614";
}
.icon-arrow-down6:before {
    font-family: arrowIcon;
	content: "\e615";
}
.icon-arrow-up5:before {
    font-family: arrowIcon;
	content: "\e616";
}
.icon-arrow-right5:before {
    font-family: arrowIcon;
	content: "\e617";
}
.icon-arrow-left7:before {
    font-family: arrowIcon;
	content: "\e618";
}
.icon-arrow-down7:before {
    font-family: arrowIcon;
	content: "\e619";
}
.icon-arrow-up6:before {
    font-family: arrowIcon;
	content: "\e61a";
}
.icon-arrow-right6:before {
    font-family: arrowIcon;
	content: "\e61b";
}
.icon-arrow-up-left2:before {
    font-family: arrowIcon;
	content: "\e727";
}
.icon-arrow-up22:before {
    font-family: arrowIcon;
	content: "\e728";
}
.icon-arrow-up-right2:before {
    font-family: arrowIcon;
	content: "\e729";
}
.icon-arrow-right22:before {
    font-family: arrowIcon;
	content: "\e72a";
}
.icon-arrow-down-right2:before {
    font-family: arrowIcon;
	content: "\e72b";
}
.icon-arrow-down22:before {
    font-family: arrowIcon;
	content: "\e72c";
}
.icon-arrow-down-left2:before {
    font-family: arrowIcon;
	content: "\e72d";
}
.icon-arrow-left22:before {
    font-family: arrowIcon;
	content: "\e72e";
}
.icon-arrow-up-left3:before {
    font-family: arrowIcon;
	content: "\e72f";
}
.icon-arrow-up32:before {
    font-family: arrowIcon;
	content: "\e730";
}
.icon-arrow-up-right3:before {
    font-family: arrowIcon;
	content: "\e731";
}
.icon-arrow-right32:before {
    font-family: arrowIcon;
	content: "\e732";
}
.icon-arrow-down-right3:before {
    font-family: arrowIcon;
	content: "\e733";
}
.icon-arrow-down32:before {
    font-family: arrowIcon;
	content: "\e734";
}
.icon-arrow-down-left3:before {
    font-family: arrowIcon;
	content: "\e735";
}
.icon-arrow-left32:before {
    font-family: arrowIcon;
	content: "\e736";
}





/* Audio
======================================================================================  */
@font-face {
    font-family: audioIcon;
    src: url("../icon-fonts/audioIcon.eot");
    src: url("../icon-fonts/audioIcon.eot?") format("eot"), 
		 url("../icon-fonts/audioIcon.woff") format("woff"), 
		 url("../icon-fonts/audioIcon.ttf")  format("truetype"),
		 url("../icon-fonts/audioIcon.svg#svgaudioIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-volume:before {
	font-family: 'audioIcon';
	content: "\e658";
}
.icon-volume-mute:before {
	font-family: 'audioIcon';
	content: "\e659";
}
.icon-microphone:before {
	font-family: 'audioIcon';
	content: "\e656";
}
.icon-headphones:before {
	font-family: 'audioIcon';
	content: "\e657";
}
.icon-play-alt:before {
	font-family: 'audioIcon';
	content: "\e660";
}
.icon-backward2:before {
	font-family: 'audioIcon';
	content: "\e70d";
}
.icon-forward3:before {
	font-family: 'audioIcon';
	content: "\e70e";
}
.icon-previous:before {
	font-family: 'audioIcon';
	content: "\e711";
}
.icon-next:before {
	font-family: 'audioIcon';
	content: "\e712";
}
.icon-play:before {
	font-family: 'audioIcon';
	content: "\e65a";
}
.icon-pause:before {
	font-family: 'audioIcon';
	content: "\e65b";
}
.icon-first:before {
	font-family: 'audioIcon';
	content: "\e70f";
}
.icon-last:before {
	font-family: 'audioIcon';
	content: "\e710";
}
.icon-play2:before {
	font-family: 'audioIcon';
	content: "\e705";
}
.icon-pause2:before {
	font-family: 'audioIcon';
	content: "\e706";
}
.icon-stop:before {
	font-family: 'audioIcon';
	content: "\e707";
}
.icon-backward:before {
	font-family: 'audioIcon';
	content: "\e708";
}
.icon-forward2:before {
	font-family: 'audioIcon';
	content: "\e709";
}
.icon-volume-mute2:before {
	font-family: 'audioIcon';
	content: "\e717";
}
.icon-volume-low:before {
	font-family: 'audioIcon';
	content: "\e716";
}
.icon-volume-medium:before {
	font-family: 'audioIcon';
	content: "\e715";
}
.icon-volume-high:before {
	font-family: 'audioIcon';
	content: "\e714";
}
.icon-volume-mute22:before {
	font-family: 'audioIcon';
	content: "\e718";
}
.icon-volume-increase:before {
	font-family: 'audioIcon';
	content: "\e719";
}
.icon-volume-decrease:before {
	font-family: 'audioIcon';
	content: "\e71a";
}
.icon-shuffle:before {
	font-family: 'audioIcon';
	content: "\e71e";
}
.icon-loop:before {
	font-family: 'audioIcon';
	content: "\e63c";
}
.icon-loop-alt1:before {
	font-family: 'audioIcon';
	content: "\e63d";
}
.icon-loop-alt2:before {
	font-family: 'audioIcon';
	content: "\e63e";
}
.icon-loop-alt3:before {
	font-family: 'audioIcon';
	content: "\e63f";
}
.icon-equalizer:before {
	font-family: 'audioIcon';
	content: "\e62a";
}
.icon-loop2:before {
	font-family: 'audioIcon';
	content: "\e71c";
}
.icon-play3:before {
	font-family: 'audioIcon';
	content: "\e70a";
}
.icon-pause22:before {
	font-family: 'audioIcon';
	content: "\e70b";
}
.icon-settings:before {
	font-family: 'audioIcon';
	content: "\e68c";
}
.icon-equalizer2:before {
	font-family: 'audioIcon';
	content: "\e68d";
}
.icon-sound:before {
	font-family: 'audioIcon';
	content: "\e600";
}
.icon-sound-alt:before {
	font-family: 'audioIcon';
	content: "\e602";
}
.icon-sound-off:before {
	font-family: 'audioIcon';
	content: "\e603";
}
.icon-music:before {
	font-family: 'audioIcon';
	content: "\e612";
}
.icon-headphones2:before {
	font-family: 'audioIcon';
	content: "\e613";
}
.icon-film:before {
	font-family: 'audioIcon';
	content: "\e617";
}
.icon-play4:before {
	font-family: 'audioIcon';
	content: "\e614";
}
.icon-camera2:before {
	font-family: 'audioIcon';
	content: "\e619";
}
.icon-shuffle2:before {
	font-family: 'audioIcon';
	content: "\e604";
}
.icon-cycle:before {
	font-family: 'audioIcon';
	content: "\e601";
}
.icon-retweet:before {
	font-family: 'audioIcon';
	content: "\e605";
}
.icon-loop3:before {
	font-family: 'audioIcon';
	content: "\e606";
}
.icon-pause3:before {
	font-family: 'audioIcon';
	content: "\e607";
}
.icon-play5:before {
	font-family: 'audioIcon';
	content: "\e608";
}
.icon-arrow:before {
	font-family: 'audioIcon';
	content: "\e609";
}
.icon-next2:before {
	font-family: 'audioIcon';
	content: "\e60c";
}
.icon-previous2:before {
	font-family: 'audioIcon';
	content: "\e60d";
}
.icon-first2:before {
	font-family: 'audioIcon';
	content: "\e60e";
}
.icon-last2:before {
	font-family: 'audioIcon';
	content: "\e60f";
}
.icon-music4:before {
	font-family: 'audioIcon';
	content: "\e67b";
}
.icon-sound2:before {
	font-family: 'audioIcon';
	content: "\e610";
}
.icon-mute:before {
	font-family: 'audioIcon';
	content: "\e611";
}
.icon-music2:before {
	font-family: 'audioIcon';
	content: "\e661";
}
.icon-music3:before {
	font-family: 'audioIcon';
	content: "\e662";
}
.icon-microphone2:before {
	font-family: 'audioIcon';
	content: "\e615";
}





/* Content
======================================================================================  */
@font-face {
    font-family: contentIcon;
    src: url("../icon-fonts/contentIcon.eot");
    src: url("../icon-fonts/contentIcon.eot?") format("eot"), 
		 url("../icon-fonts/contentIcon.woff") format("woff"), 
		 url("../icon-fonts/contentIcon.ttf")  format("truetype"),
		 url("../icon-fonts/contentIcon.svg#svgcontentIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-mail:before {
	font-family: 'contentIcon';
	content: "\e618";
}
.icon-calendar-alt-stroke:before {
	font-family: 'contentIcon';
	content: "\e615";
}
.icon-calendar-alt-fill:before {
	font-family: 'contentIcon';
	content: "\e616";
}
.icon-cog:before {
	font-family: 'contentIcon';
	content: "\e613";
}
.icon-wrench:before {
	font-family: 'contentIcon';
	content: "\e611";
}
.icon-home:before {
	font-family: 'contentIcon';
	content: "\e602";
}
.icon-home2:before {
	font-family: 'contentIcon';
	content: "\e603";
}
.icon-link:before {
	font-family: 'contentIcon';
	content: "\e625";
}
.icon-book-alt2:before {
	font-family: 'contentIcon';
	content: "\e67e";
}
.icon-bars:before {
	font-family: 'contentIcon';
	content: "\e68e";
}
.icon-bars-alt:before {
	font-family: 'contentIcon';
	content: "\e68f";
}
.icon-home3:before {
	font-family: 'contentIcon';
	content: "\e692";
}
.icon-paperclip:before {
	font-family: 'contentIcon';
	content: "\e6ab";
}
.icon-lightbulb:before {
	font-family: 'contentIcon';
	content: "\e635";
}
.icon-left-quote:before {
	font-family: 'contentIcon';
	content: "\e674";
}
.icon-right-quote:before {
	font-family: 'contentIcon';
	content: "\e675";
}
.icon-left-quote-alt:before {
	font-family: 'contentIcon';
	content: "\e676";
}
.icon-right-quote-alt:before {
	font-family: 'contentIcon';
	content: "\e677";
}
.icon-map-pin-fill:before {
	font-family: 'contentIcon';
	content: "\e6a3";
}
.icon-map-pin-stroke:before {
	font-family: 'contentIcon';
	content: "\e6a2";
}
.icon-map-pin-alt:before {
	font-family: 'contentIcon';
	content: "\e6a4";
}
.icon-pen-alt-fill:before {
	font-family: 'contentIcon';
	content: "\e681";
}
.icon-pen-alt-stroke:before {
	font-family: 'contentIcon';
	content: "\e680";
}
.icon-office:before {
	font-family: 'contentIcon';
	content: "\e604";
}
.icon-music:before {
	font-family: 'contentIcon';
	content: "\e612";
}
.icon-camera:before {
	font-family: 'contentIcon';
	content: "\e610";
}
.icon-image2:before {
	font-family: 'contentIcon';
	content: "\e60e";
}
.icon-play:before {
	font-family: 'contentIcon';
	content: "\e614";
}
.icon-film:before {
	font-family: 'contentIcon';
	content: "\e617";
}
.icon-camera2:before {
	font-family: 'contentIcon';
	content: "\e619";
}
.icon-book:before {
	font-family: 'contentIcon';
	content: "\e620";
}
.icon-books:before {
	font-family: 'contentIcon';
	content: "\e621";
}
.icon-pencil2:before {
	font-family: 'contentIcon';
	content: "\e607";
}
.icon-pencil:before {
	font-family: 'contentIcon';
	content: "\e606";
}
.icon-folder:before {
	font-family: 'contentIcon';
	content: "\e62f";
}
.icon-folder-open:before {
	font-family: 'contentIcon';
	content: "\e630";
}
.icon-tag:before {
	font-family: 'contentIcon';
	content: "\e631";
}
.icon-tags:before {
	font-family: 'contentIcon';
	content: "\e632";
}
.icon-barcode:before {
	font-family: 'contentIcon';
	content: "\e633";
}
.icon-cart:before {
	font-family: 'contentIcon';
	content: "\e636";
}
.icon-cart2:before {
	font-family: 'contentIcon';
	content: "\e637";
}
.icon-cart3:before {
	font-family: 'contentIcon';
	content: "\e638";
}
.icon-phone:before {
	font-family: 'contentIcon';
	content: "\e63d";
}
.icon-phone-hang-up:before {
	font-family: 'contentIcon';
	content: "\e63e";
}
.icon-pushpin:before {
	font-family: 'contentIcon';
	content: "\e642";
}
.icon-credit:before {
	font-family: 'contentIcon';
	content: "\e63a";
}
.icon-alarm2:before {
	font-family: 'contentIcon';
	content: "\e64c";
}
.icon-bell:before {
	font-family: 'contentIcon';
	content: "\e64d";
}
.icon-alarm:before {
	font-family: 'contentIcon';
	content: "\e64b";
}
.icon-print:before {
	font-family: 'contentIcon';
	content: "\e650";
}
.icon-keyboard:before {
	font-family: 'contentIcon';
	content: "\e651";
}
.icon-calendar:before {
	font-family: 'contentIcon';
	content: "\e605";
}
.icon-calendar2:before {
	font-family: 'contentIcon';
	content: "\e64f";
}
.icon-location:before {
	font-family: 'contentIcon';
	content: "\e643";
}
.icon-location2:before {
	font-family: 'contentIcon';
	content: "\e644";
}
.icon-compass:before {
	font-family: 'contentIcon';
	content: "\e645";
}
.icon-map:before {
	font-family: 'contentIcon';
	content: "\e646";
}
.icon-map2:before {
	font-family: 'contentIcon';
	content: "\e647";
}
.icon-screen:before {
	font-family: 'contentIcon';
	content: "\e652";
}
.icon-laptop:before {
	font-family: 'contentIcon';
	content: "\e653";
}
.icon-mobile:before {
	font-family: 'contentIcon';
	content: "\e654";
}
.icon-mobile2:before {
	font-family: 'contentIcon';
	content: "\e655";
}
.icon-tablet:before {
	font-family: 'contentIcon';
	content: "\e656";
}
.icon-bubble:before {
	font-family: 'contentIcon';
	content: "\e66a";
}
.icon-bubbles:before {
	font-family: 'contentIcon';
	content: "\e66b";
}
.icon-bubbles2:before {
	font-family: 'contentIcon';
	content: "\e66c";
}
.icon-bubble2:before {
	font-family: 'contentIcon';
	content: "\e66d";
}
.icon-bubbles3:before {
	font-family: 'contentIcon';
	content: "\e66e";
}
.icon-bubbles4:before {
	font-family: 'contentIcon';
	content: "\e66f";
}
.icon-comment-alt2-stroke:before {
	font-family: 'contentIcon';
	content: "\e608";
}
.icon-comment-alt2-fill:before {
	font-family: 'contentIcon';
	content: "\e609";
}
.icon-compass2:before {
	font-family: 'contentIcon';
	content: "\e670";
}
.icon-cog2:before {
	font-family: 'contentIcon';
	content: "\e690";
}
.icon-cog22:before {
	font-family: 'contentIcon';
	content: "\e691";
}
.icon-stats:before {
	font-family: 'contentIcon';
	content: "\e696";
}
.icon-bars2:before {
	font-family: 'contentIcon';
	content: "\e697";
}
.icon-bars22:before {
	font-family: 'contentIcon';
	content: "\e698";
}
.icon-gift:before {
	font-family: 'contentIcon';
	content: "\e699";
}
.icon-trophy:before {
	font-family: 'contentIcon';
	content: "\e69a";
}
.icon-truck:before {
	font-family: 'contentIcon';
	content: "\e6ac";
}
.icon-road:before {
	font-family: 'contentIcon';
	content: "\e6ad";
}
.icon-box-add:before {
	font-family: 'contentIcon';
	content: "\e65c";
}
.icon-box-remove:before {
	font-family: 'contentIcon';
	content: "\e65d";
}
.icon-download:before {
	font-family: 'contentIcon';
	content: "\e65e";
}
.icon-upload:before {
	font-family: 'contentIcon';
	content: "\e65f";
}
.icon-link2:before {
	font-family: 'contentIcon';
	content: "\e6c3";
}
.icon-earth:before {
	font-family: 'contentIcon';
	content: "\e6c2";
}
.icon-flag:before {
	font-family: 'contentIcon';
	content: "\e6c4";
}
.icon-attachment:before {
	font-family: 'contentIcon';
	content: "\e6c5";
}
.icon-thumbs-up:before {
	font-family: 'contentIcon';
	content: "\e6d4";
}
.icon-thumbs-up2:before {
	font-family: 'contentIcon';
	content: "\e6d5";
}
.icon-heart:before {
	font-family: 'contentIcon';
	content: "\e6d1";
}
.icon-heart2:before {
	font-family: 'contentIcon';
	content: "\e6d2";
}
.icon-star:before {
	font-family: 'contentIcon';
	content: "\e6ce";
}
.icon-star3:before {
	font-family: 'contentIcon';
	content: "\e6d0";
}
.icon-star2:before {
	font-family: 'contentIcon';
	content: "\e6cf";
}
.icon-table2:before {
	font-family: 'contentIcon';
	content: "\e74b";
}
.icon-embed:before {
	font-family: 'contentIcon';
	content: "\e75b";
}
.icon-new-tab:before {
	font-family: 'contentIcon';
	content: "\e75a";
}
.icon-code:before {
	font-family: 'contentIcon';
	content: "\e75c";
}
.icon-share:before {
	font-family: 'contentIcon';
	content: "\e75e";
}
.icon-out:before {
	font-family: 'contentIcon';
	content: "\e600";
}
.icon-in:before {
	font-family: 'contentIcon';
	content: "\e60a";
}
.icon-light-bulb:before {
	font-family: 'contentIcon';
	content: "\e60b";
}
.icon-calculator:before {
	font-family: 'contentIcon';
	content: "\e60c";
}
.icon-chat:before {
	font-family: 'contentIcon';
	content: "\e60d";
}
.icon-comments:before {
	font-family: 'contentIcon';
	content: "\e60f";
}
.icon-screen2:before {
	font-family: 'contentIcon';
	content: "\e61a";
}
.icon-iphone:before {
	font-family: 'contentIcon';
	content: "\e61b";
}
.icon-ipad:before {
	font-family: 'contentIcon';
	content: "\e61c";
}
.icon-googleplus:before {
	font-family: 'contentIcon';
	content: "\e61d";
}
.icon-pin-alt:before {
	font-family: 'contentIcon';
	content: "\e61e";
}
.icon-pin:before {
	font-family: 'contentIcon';
	content: "\e61f";
}
.icon-hyperlink:before {
	font-family: 'contentIcon';
	content: "\e622";
}
.icon-envelope:before {
	font-family: 'contentIcon';
	content: "\e623";
}
.icon-fork-andspoon:before {
	font-family: 'contentIcon';
	content: "\e624";
}
.icon-book2:before {
	font-family: 'contentIcon';
	content: "\e626";
}
.icon-fork-andknife:before {
	font-family: 'contentIcon';
	content: "\e627";
}
.icon-mail2:before {
	font-family: 'contentIcon';
	content: "\e628";
}
.icon-pencil3:before {
	font-family: 'contentIcon';
	content: "\e601";
}
.icon-directions:before {
	font-family: 'contentIcon';
	content: "\e629";
}
.icon-paperclip2:before {
	font-family: 'contentIcon';
	content: "\e62a";
}
.icon-share2:before {
	font-family: 'contentIcon';
	content: "\e62b";
}
.icon-paperplane:before {
	font-family: 'contentIcon';
	content: "\e62c";
}
.icon-phone2:before {
	font-family: 'contentIcon';
	content: "\e62d";
}
.icon-chat2:before {
	font-family: 'contentIcon';
	content: "\e62e";
}
.icon-comment:before {
	font-family: 'contentIcon';
	content: "\e634";
}
.icon-thumbs-down:before {
	font-family: 'contentIcon';
	content: "\e639";
}
.icon-thumbs-up3:before {
	font-family: 'contentIcon';
	content: "\e63b";
}
.icon-star4:before {
	font-family: 'contentIcon';
	content: "\e63c";
}
.icon-star5:before {
	font-family: 'contentIcon';
	content: "\e63f";
}
.icon-heart3:before {
	font-family: 'contentIcon';
	content: "\e640";
}
.icon-heart4:before {
	font-family: 'contentIcon';
	content: "\e641";
}
.icon-quote:before {
	font-family: 'contentIcon';
	content: "\e648";
}
.icon-house:before {
	font-family: 'contentIcon';
	content: "\e649";
}
.icon-bell2:before {
	font-family: 'contentIcon';
	content: "\e64a";
}
.icon-link3:before {
	font-family: 'contentIcon';
	content: "\e64e";
}
.icon-tag2:before {
	font-family: 'contentIcon';
	content: "\e657";
}
.icon-camera3:before {
	font-family: 'contentIcon';
	content: "\e658";
}
.icon-megaphone:before {
	font-family: 'contentIcon';
	content: "\e659";
}
.icon-book3:before {
	font-family: 'contentIcon';
	content: "\e65a";
}
.icon-graduation:before {
	font-family: 'contentIcon';
	content: "\e65b";
}
.icon-music2:before {
	font-family: 'contentIcon';
	content: "\e660";
}
.icon-music3:before {
	font-family: 'contentIcon';
	content: "\e661";
}
.icon-airplane:before {
	font-family: 'contentIcon';
	content: "\e662";
}
.icon-calendar3:before {
	font-family: 'contentIcon';
	content: "\e663";
}
.icon-earth2:before {
	font-family: 'contentIcon';
	content: "\e664";
}
.icon-keyboard2:before {
	font-family: 'contentIcon';
	content: "\e665";
}
.icon-cart4:before {
	font-family: 'contentIcon';
	content: "\e666";
}
.icon-uniE667:before {
	font-family: 'contentIcon';
	content: "\e667";
}
.icon-statistics:before {
	font-family: 'contentIcon';
	content: "\e668";
}
.icon-pie:before {
	font-family: 'contentIcon';
	content: "\e669";
}
.icon-bars3:before {
	font-family: 'contentIcon';
	content: "\e671";
}
.icon-graph:before {
	font-family: 'contentIcon';
	content: "\e672";
}
.icon-video:before {
	font-family: 'contentIcon';
	content: "\e673";
}
.icon-pictures:before {
	font-family: 'contentIcon';
	content: "\e678";
}
.icon-docs:before {
	font-family: 'contentIcon';
	content: "\e679";
}
.icon-folder2:before {
	font-family: 'contentIcon';
	content: "\e67a";
}
.icon-music4:before {
	font-family: 'contentIcon';
	content: "\e67b";
}
.icon-cc:before {
	font-family: 'contentIcon';
	content: "\e67c";
}
.icon-cc-by:before {
	font-family: 'contentIcon';
	content: "\e67d";
}
.icon-cc-nd:before {
	font-family: 'contentIcon';
	content: "\e67f";
}





/* Load
======================================================================================  */
@font-face {
    font-family: loadIcon;
    src: url("../icon-fonts/loadIcon.eot");
    src: url("../icon-fonts/loadIcon.eot?") format("eot"), 
		 url("../icon-fonts/loadIcon.woff") format("woff"), 
		 url("../icon-fonts/loadIcon.ttf")  format("truetype"),
		 url("../icon-fonts/loadIcon.svg#svgloadIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-spinner:before {
	font-family: 'loadIcon';
	content: "\e600";
}
.icon-spin:before {
	font-family: 'loadIcon';
	content: "\e637";
}
.icon-spin-alt:before {
	font-family: 'loadIcon';
	content: "\e636";
}
.icon-busy:before {
	font-family: 'loadIcon';
	content: "\e677";
}
.icon-spinner5:before {
	font-family: 'loadIcon';
	content: "\e67c";
}
.icon-spinner6:before {
	font-family: 'loadIcon';
	content: "\e67d";
}
.icon-loop2:before {
	font-family: 'loadIcon';
	content: "\e71c";
}
.icon-cycle:before {
	font-family: 'loadIcon';
	content: "\e601";
}





/* MenuFilter
======================================================================================  */
@font-face {
    font-family: menufilterIcon;
    src: url("../icon-fonts/menufilterIcon.eot");
    src: url("../icon-fonts/menufilterIcon.eot?") format("eot"), 
		 url("../icon-fonts/menufilterIcon.woff") format("woff"), 
		 url("../icon-fonts/menufilterIcon.ttf")  format("truetype"),
		 url("../icon-fonts/menufilterIcon.svg#svgmenufilterIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-grid:before {
	font-family: 'menufilterIcon';
	content: "\e600";
}
.icon-grid-alt:before {
	font-family: 'menufilterIcon';
	content: "\e601";
}
.icon-menu:before {
	font-family: 'menufilterIcon';
	content: "\e602";
}
.icon-list:before {
	font-family: 'menufilterIcon';
	content: "\e603";
}
.icon-gallery:before {
	font-family: 'menufilterIcon';
	content: "\e604";
}
.icon-list2:before {
	font-family: 'menufilterIcon';
	content: "\e67a";
}
.icon-list3:before {
	font-family: 'menufilterIcon';
	content: "\e6b4";
}
.icon-list22:before {
	font-family: 'menufilterIcon';
	content: "\e6b5";
}
.icon-numbered-list:before {
	font-family: 'menufilterIcon';
	content: "\e6b6";
}
.icon-menu2:before {
	font-family: 'menufilterIcon';
	content: "\e6b7";
}
.icon-menu22:before {
	font-family: 'menufilterIcon';
	content: "\e6b8";
}
.icon-paragraph-justify:before {
	font-family: 'menufilterIcon';
	content: "\e753";
}
.icon-paragraph-justify2:before {
	font-family: 'menufilterIcon';
	content: "\e757";
}
.icon-indent-decrease:before {
	font-family: 'menufilterIcon';
	content: "\e759";
}
.icon-vcard:before {
	font-family: 'menufilterIcon';
	content: "\e605";
}
.icon-newspaper:before {
	font-family: 'menufilterIcon';
	content: "\e606";
}
.icon-list4:before {
	font-family: 'menufilterIcon';
	content: "\e607";
}
.icon-layout:before {
	font-family: 'menufilterIcon';
	content: "\e608";
}
.icon-list5:before {
	font-family: 'menufilterIcon';
	content: "\e609";
}





/* Notice
======================================================================================  */
@font-face {
    font-family: noticeIcon;
    src: url("../icon-fonts/noticeIcon.eot");
    src: url("../icon-fonts/noticeIcon.eot?") format("eot"), 
		 url("../icon-fonts/noticeIcon.woff") format("woff"), 
		 url("../icon-fonts/noticeIcon.ttf")  format("truetype"),
		 url("../icon-fonts/noticeIcon.svg#svgnoticeIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-checkmark:before {
	font-family: 'noticeIcon';
	content: "\e609";
}
.icon-check-alt:before {
	font-family: 'noticeIcon';
	content: "\e60a";
}
.icon-x:before {
	font-family: 'noticeIcon';
	content: "\e60b";
}
.icon-x-altx-alt:before {
	font-family: 'noticeIcon';
	content: "\e60c";
}
.icon-denied:before {
	font-family: 'noticeIcon';
	content: "\e60d";
}
.icon-plus:before {
	font-family: 'noticeIcon';
	content: "\e620";
}
.icon-plus-alt:before {
	font-family: 'noticeIcon';
	content: "\e621";
}
.icon-minus:before {
	font-family: 'noticeIcon';
	content: "\e622";
}
.icon-minus-alt:before {
	font-family: 'noticeIcon';
	content: "\e623";
}
.icon-info:before {
	font-family: 'noticeIcon';
	content: "\e670";
}
.icon-warning:before {
	font-family: 'noticeIcon';
	content: "\e6f4";
}
.icon-notification:before {
	font-family: 'noticeIcon';
	content: "\e6f5";
}
.icon-info2:before {
	font-family: 'noticeIcon';
	content: "\e6f7";
}
.icon-info22:before {
	font-family: 'noticeIcon';
	content: "\e6f8";
}
.icon-checkmark2:before {
	font-family: 'noticeIcon';
	content: "\e6ff";
}
.icon-hash:before {
	font-family: 'noticeIcon';
	content: "\e673";
}
.icon-checkmark-circle:before {
	font-family: 'noticeIcon';
	content: "\e6fb";
}
.icon-add:before {
	font-family: 'noticeIcon';
	content: "\e603";
}
.icon-subtract:before {
	font-family: 'noticeIcon';
	content: "\e604";
}
.icon-exclamation:before {
	font-family: 'noticeIcon';
	content: "\e605";
}
.icon-close:before {
	font-family: 'noticeIcon';
	content: "\e607";
}
.icon-info3:before {
	font-family: 'noticeIcon';
	content: "\e608";
}
.icon-info4:before {
	font-family: 'noticeIcon';
	content: "\e60e";
}
.icon-question2:before {
	font-family: 'noticeIcon';
	content: "\e600";
}
.icon-help:before {
	font-family: 'noticeIcon';
	content: "\e601";
}
.icon-warning2:before {
	font-family: 'noticeIcon';
	content: "\e602";
}
.icon-plus2:before {
	font-family: 'noticeIcon';
	content: "\e60f";
}
.icon-cross:before {
	font-family: 'noticeIcon';
	content: "\e610";
}
.icon-minus2:before {
	font-family: 'noticeIcon';
	content: "\e611";
}
.icon-cross2:before {
	font-family: 'noticeIcon';
	content: "\e612";
}
.icon-checkmark3:before {
	font-family: 'noticeIcon';
	content: "\e613";
}
.icon-minus3:before {
	font-family: 'noticeIcon';
	content: "\e614";
}
.icon-plus3:before {
	font-family: 'noticeIcon';
	content: "\e615";
}





/* Social
======================================================================================  */
@font-face {
    font-family: socialIcon;
    src: url("../icon-fonts/socialIcon.eot");
    src: url("../icon-fonts/socialIcon.eot?") format("eot"), 
		 url("../icon-fonts/socialIcon.woff") format("woff"), 
		 url("../icon-fonts/socialIcon.ttf")  format("truetype"),
		 url("../icon-fonts/socialIcon.svg#svgsocialIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-facebook:before {
	font-family: 'socialIcon';
	content: "\e769";
}
.icon-twitter:before {
	font-family: 'socialIcon';
	content: "\e76d";
}
.icon-vimeo:before {
	font-family: 'socialIcon';
	content: "\e775";
}
.icon-flickr2:before {
	font-family: 'socialIcon';
	content: "\e77a";
}
.icon-deviantart:before {
	font-family: 'socialIcon';
	content: "\e784";
}
.icon-youtube:before {
	font-family: 'socialIcon';
	content: "\e773";
}
.icon-skype:before {
	font-family: 'socialIcon';
	content: "\e79d";
}
.icon-paypal:before {
	font-family: 'socialIcon';
	content: "\e7ad";
}
.icon-soundcloud:before {
	font-family: 'socialIcon';
	content: "\e79b";
}
.icon-picassa:before {
	font-family: 'socialIcon';
	content: "\e77d";
}
.icon-dribbble:before {
	font-family: 'socialIcon';
	content: "\e77f";
}
.icon-feed2:before {
	font-family: 'socialIcon';
	content: "\e770";
}
.icon-github3:before {
	font-family: 'socialIcon';
	content: "\e78a";
}
.icon-wordpress:before {
	font-family: 'socialIcon';
	content: "\e78d";
}
.icon-steam:before {
	font-family: 'socialIcon';
	content: "\e786";
}
.icon-pinterest:before {
	font-family: 'socialIcon';
	content: "\e600";
}
.icon-tumblr:before {
	font-family: 'socialIcon';
	content: "\e601";
}
.icon-dropbox:before {
	font-family: 'socialIcon';
	content: "\e602";
}
.icon-googleplus:before {
	font-family: 'socialIcon';
	content: "\e603";
}
.icon-instagram:before {
	font-family: 'socialIcon';
	content: "\e604";
}
.icon-linkedin:before {
	font-family: 'socialIcon';
	content: "\e605";
}
.icon-behance:before {
	font-family: 'socialIcon';
	content: "\e606";
}





/* Zoom
======================================================================================  */
@font-face {
    font-family: zoomIcon;
    src: url("../icon-fonts/zoomIcon.eot");
    src: url("../icon-fonts/zoomIcon.eot?") format("eot"), 
		 url("../icon-fonts/zoomIcon.woff") format("woff"), 
		 url("../icon-fonts/zoomIcon.ttf")  format("truetype"),
		 url("../icon-fonts/zoomIcon.svg#svgzoomIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-search:before {
	font-family: 'zoomIcon';
	content: "\e602";
}
.icon-zoom-in:before {
	font-family: 'zoomIcon';
	content: "\e603";
}
.icon-zoom-out:before {
	font-family: 'zoomIcon';
	content: "\e604";
}
.icon-fullscreen:before {
	font-family: 'zoomIcon';
	content: "\e663";
}
.icon-fullscreen-alt:before {
	font-family: 'zoomIcon';
	content: "\e664";
}
.icon-fullscreen-exit:before {
	font-family: 'zoomIcon';
	content: "\e661";
}
.icon-fullscreen-exit-alt:before {
	font-family: 'zoomIcon';
	content: "\e662";
}
.icon-search2:before {
	font-family: 'zoomIcon';
	content: "\e67f";
}
.icon-zoom-in2:before {
	font-family: 'zoomIcon';
	content: "\e680";
}
.icon-zoom-out2:before {
	font-family: 'zoomIcon';
	content: "\e681";
}





/* Bullet
======================================================================================  */
@font-face {
    font-family: bulletIcon;
    src: url("../icon-fonts/bulletIcon.eot");
    src: url("../icon-fonts/bulletIcon.eot?") format("eot"), 
		 url("../icon-fonts/bulletIcon.woff") format("woff"), 
		 url("../icon-fonts/bulletIcon.ttf")  format("truetype"),
		 url("../icon-fonts/bulletIcon.svg#svgbulletIcon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Class
--------------------------------------------------------------------------------------------------------------------- */
.icon-checkbox-unchecked:before {
	font-family: 'bulletIcon';
	content: "\e600";
}
.icon-checkbox-partial:before {
	font-family: 'bulletIcon';
	content: "\e601";
}
.icon-radio-checked:before {
	font-family: 'bulletIcon';
	content: "\e602";
}
.icon-radio-unchecked:before {
	font-family: 'bulletIcon';
	content: "\e603";
}
.icon-circle-full:before {
	font-family: 'bulletIcon';
	content: "\e604";
}
.icon-popup:before {
	font-family: 'bulletIcon';
	content: "\e605";
}
.icon-cd:before {
	font-family: 'bulletIcon';
	content: "\e606";
}
.icon-record:before {
	font-family: 'bulletIcon';
	content: "\e607";
}
.icon-stop:before {
	font-family: 'bulletIcon';
	content: "\e608";
}
.icon-dot:before {
	font-family: 'bulletIcon';
	content: "\e609";
}