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

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

@font-face {
	font-family: Brown;
	src: url(fonts/BrownStd-Light.eot);
	src: url(fonts/BrownStd-Light.eot?#iefix) format("embedded-opentype"), url(fonts/BrownStd-Light.woff2) format("woff2"), url(fonts/BrownStd-Light.woff) format("woff"), url(fonts/BrownStd-Light.ttf) format("truetype"), url(fonts/BrownStd-Light.svg#BrownStd-Light) format("svg");
	font-weight: 100;
	font-style: normal
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Brown, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

/* microns font-icon (https://github.com/stephenhutchings/microns), 
	- remastered (path to /css/fonts, space to tab, extra-space removed)
	- javascript script to add rules (mua = mu on the right, input.mu|mua, rules for inputs

var sheet=$("link[href$='font.css']")[0].sheet
for (var i=0,l=sheet.cssRules.length,n=l,t,key;i<l;i++) {
	if((t=sheet.cssRules[i].cssText) && t.indexOf(".mu")==0 && t.indexOf(":before")>-1) {
		sheet.insertRule(t.replace(".mu",".mua").replace(":before",":after"),n++)
		key=t.split(":")[0].replace(".mu-","") // , ex: key="search"
		sheet.insertRule("input.mu-"+key+"	{background-image:url(/css/fonts/microns/svg/"+key+".svg)}",n++)
		sheet.insertRule("input.mua-"+key+"	{background-image:url(/css/fonts/microns/svg/"+key+".svg)}",n++)
		//if(key.indexOf("right")>-1) sheet.insertRule("input.mua-"+key+":focus	{background-image:url(/css/fonts/microns/svg/"+(key.replace("right","down"))+".svg)}",n++)
	}
}
*/

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

.mu:before {  
	font-family: microns;
	font-style: normal;
	font-weight: normal;
	speak: none;
	text-decoration: none;
	font-size: 1em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	user-select: none;
}

input.mu {
	background-repeat: no-repeat;
	background-position: left 0.4em center;
	background-size: 1em;
	border: 1px solid #999;
	padding: 0.2em 0.2em 0.2em 1.6em;
}
input.mua {
	background-repeat: no-repeat;
	background-position: left 0.4em center;
	background-size: 1em;
	border: 1px solid #999;
	padding: 0.2em 0.2em 0.2em 1.6em;
}

.mu-arrow-left:before { content: "\e700"; }
.mu-arrow-right:before { content: "\e701"; }
.mu-arrow-up:before { content: "\e702"; }
.mu-arrow-down:before { content: "\e703"; }
.mu-left:before { content: "\e704"; }
.mu-right:before { content: "\e705"; }
.mu-up:before { content: "\e706"; }
.mu-down:before { content: "\e707"; }
.mu-upload:before { content: "\e708"; }
.mu-download:before { content: "\e709"; }
.mu-undo:before { content: "\e70a"; }
.mu-redo:before { content: "\e70b"; }
.mu-replay:before { content: "\e70c"; }
.mu-plus:before { content: "\e70d"; }
.mu-minus:before { content: "\e70e"; }
.mu-caret:before { content: "\e70f"; }
.mu-caret-up:before { content: "\e710"; }
.mu-caret-down:before { content: "\e711"; }
.mu-i-left:before { content: "\e712"; }
.mu-i-right:before { content: "\e713"; }
.mu-i-up:before { content: "\e714"; }
.mu-i-down:before { content: "\e715"; }
.mu-i-plus:before { content: "\e716"; }
.mu-i-minus:before { content: "\e717"; }
.mu-i-tick:before { content: "\e718"; }
.mu-i-cross:before { content: "\e719"; }
.mu-i-bullet:before { content: "\e71a"; }
.mu-i-asterisk:before { content: "\e71b"; }
.mu-play:before { content: "\e71c"; }
.mu-pause:before { content: "\e71d"; }
.mu-subtitles:before { content: "\e71e"; }
.mu-vol-low:before { content: "\e71f"; }
.mu-vol-mid:before { content: "\e720"; }
.mu-vol-high:before { content: "\e721"; }
.mu-vol-mute:before { content: "\e722"; }
.mu-captions:before { content: "\e723"; }
.mu-hd:before { content: "\e724"; }
.mu-audio-description:before { content: "\e725"; }
.mu-chart-line:before { content: "\e726"; }
.mu-chart-bar:before { content: "\e727"; }
.mu-chart-scatter:before { content: "\e728"; }
.mu-chart-pie:before { content: "\e729"; }
.mu-calendar:before { content: "\e72a"; }
.mu-clock:before { content: "\e72b"; }
.mu-star:before { content: "\e72c"; }
.mu-heart:before { content: "\e72d"; }
.mu-flag:before { content: "\e72e"; }
.mu-bookmark:before { content: "\e72f"; }
.mu-chat:before { content: "\e730"; }
.mu-edit:before { content: "\e731"; }
.mu-delete:before { content: "\e732"; }
.mu-show:before { content: "\e733"; }
.mu-hide:before { content: "\e734"; }
.mu-lock:before { content: "\e735"; }
.mu-cog:before { content: "\e736"; }
.mu-link:before { content: "\e737"; }
.mu-user:before { content: "\e738"; }
.mu-group:before { content: "\e739"; }
.mu-file:before { content: "\e73a"; }
.mu-image:before { content: "\e73b"; }
.mu-video:before { content: "\e73c"; }
.mu-audio:before { content: "\e73d"; }
.mu-print:before { content: "\e73e"; }
.mu-menu:before { content: "\e73f"; }
.mu-bars:before { content: "\e740"; }
.mu-cancel:before { content: "\e741"; }
.mu-opts-h:before { content: "\e742"; }
.mu-opts-v:before { content: "\e743"; }
.mu-search:before { content: "\e744"; }
.mu-zoom-in:before { content: "\e745"; }
.mu-zoom-out:before { content: "\e746"; }
.mu-contract:before { content: "\e747"; }
.mu-expand:before { content: "\e748"; }
.mu-grid:before { content: "\e749"; }
.mu-matrix:before { content: "\e74a"; }
.mu-chapters:before { content: "\e74b"; }
.mu-rss:before { content: "\e74c"; }
.mu-share:before { content: "\e74d"; }
.mu-mail:before { content: "\e74e"; }
.mu-code:before { content: "\e74f"; }
.mu-box:before { content: "\e750"; }
.mu-box-full:before { content: "\e751"; }
.mu-box-plus:before { content: "\e752"; }
.mu-box-minus:before { content: "\e753"; }
.mu-box-tick:before { content: "\e754"; }
.mu-box-cross:before { content: "\e755"; }
.mu-radio-off:before { content: "\e756"; }
.mu-radio-on:before { content: "\e757"; }
.mu-radio-full:before { content: "\e758"; }
.mu-info:before { content: "\e759"; }
.mu-warn:before { content: "\e75a"; }
.mu-pass:before { content: "\e75b"; }
.mu-fail:before { content: "\e75c"; }
.mu-text:before { content: "\e75d"; }
.mu-bold:before { content: "\e75e"; }
.mu-italic:before { content: "\e75f"; }
.mu-underline:before { content: "\e760"; }
.mu-strikeout:before { content: "\e761"; }
.mu-text-size:before { content: "\e762"; }
.mu-text-unstyle:before { content: "\e763"; }
.mu-align-left:before { content: "\e764"; }
.mu-align-center:before { content: "\e765"; }
.mu-align-right:before { content: "\e766"; }
.mu-indent:before { content: "\e767"; }
.mu-outdent:before { content: "\e768"; }
.mu-cloud:before { content: "\e769"; }
.mu-web:before { content: "\e76a"; }
.mu-wifi:before { content: "\e76b"; }