/*--------------------------------------------------------------------------------------------
	@bcthemes http://bcthem.es Copyright 2014 @GarySwanepoel

	BcThem.es Responsive Business Catalyst Stylesheet

	VANILLA v0.5 Updated: 20150403

 --------------------------------------------------------------------------------------------*/


/* --------------------------------------------------
    IMPORTS
-----------------------------------------------------*/

	@import url(//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css);
	@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css);
	/*@import url(/stylesheets/modulestylesheets.css)*/


/* --------------------------------------------------
    Table of Contents - CSS
-----------------------------------------------------
	*
	*
	*
	*/



/* --------------------------------------------------
    normalize
----------------------------------------------------*/

	*,
	*:before,
	*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

	div {min-height: 1.5rem}
	div:empty {min-height: 0}
	div.-empty {content:' '; min-height: 1.5rem !important	}

	address {font-style: inherit}

	/* Clears
	 */
	.row:before,
	[class*="container"]:before,
	.span12:before,
	.row:after,
	[class*="container"]:after,
	.span12:after { content: " "; display: table; }
	.row:after,
	[class*="container"]:after,
	.span12:after { clear: both; }
	.clear {clear:both}



/* --------------------------------------------------
    DEV
----------------------------------------------------*/
.baselines {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyMi80LzEyq3/lTwAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABlJREFUCJlj+P//fxoTAwMDA/2IEydOCAAAoT0F+o350XwAAAAASUVORK5CYII=);}

/* --------------------------------------------------
    LAYOUT
    .onphone|.smallscreen 		<50em/800px 48em/768px
    .ontablet|.mediumscreen 	>50em/800px  (60em/960px)
	.ondesktop|.largescreen 	<64em/1024px
	.largescreen 				<80em/1280px
	.largerscreen				<90em/1440px
	.largestscreen				<120em/1920px

	.{fixed-|fluid-}container{-left|-right}

	.spanX
	.span12.reset .spanX
	.span{Half|Halfs|Thirds|Forths|Fifths|Sixths}
	.spanX{.-gutter-right}{.-gutter-left}
----------------------------------------------------*/

	/* Containers
	 */
	[class~="container"] { margin:0 auto; width:100%;}

	/* Grid System
	 */
	[class*="span"] {display: block}
	.span12 {width: 97.5%; margin-left:1.25%; margin-right:1.25%;}

	/* Tile System
	 */
	.tile { height: 0; padding-bottom: 100%; overflow: hidden; position: relative;}

@media only screen and (max-width: 48em) {/*html {border: 2px solid blue !important}*/}
/*@media only screen and (min-width: 48em) {*/
@media only screen and (min-width: 48.063em) {

		.container,
		.container-left,
		.container-right { width: 100%;  max-width: 64rem}

		.container-left {margin-left: 0}
		.container-right {margin-right: 0}

		.fluid-container { max-width: 100%;}
		.fixed-container { width: 64em} /* 1024px */

/* --------------------------------------------------
    GRID
----------------------------------------------------*/

		.span1 {width: 5.833333333%}
		.grid6 .spanX,
		.span2 {width: 14.16666667%}
		.grid5 .spanX {width: 17.5%}
		.grid4 .spanX,
		.span3 {width: 22.5%}
		.grid3 .spanX,
		.span4 {width: 30.83333333%}
		.span5 {width: 39.16666667%}
		.grid2 .spanX,
		.span6 {width: 47.5%}
		.span7 {width: 55.83333333%}
		.span8 {width: 64.16666667%}
		.span9 {width: 72.5%}
		.span10 {width: 80.83333333%}
		.span11 {width: 89.16666667%}
		.span12 {width: 97.5%}



		.grid2 .spanX:nth-child(2n+1),
		.grid3 .spanX:nth-child(3n+1),
		.grid4 .spanX:nth-child(4n+1),
		.grid5 .spanX:nth-child(5n+1),
		.grid6 .spanX:nth-child(6n+1),
		.grid7 .spanX:nth-child(7n+1),
		.grid8 .spanX:nth-child(8n+1),
		.grid9 .spanX:nth-child(9n+1),
		.grid10 .spanX:nth-child(10n+1),
		.grid11 .spanX:nth-child(11n+1),
		.grid12 .spanX:nth-child(12n+1) {clear: left}



		[class*="span"],
		[class*="span"] [class*="grid"] .spanX { margin-left:1.25%; margin-right:1.25%; float: left}

		.span12 .span1 {width: 5.982905983%; }
		.span12 .span2 {width: 14.52991453% }
		.span12 .span3 {width: 23.07692308% }
		.span12 .span4 {width: 31.62393162% }
		.span12 .span5 {width: 40.17094017% }
		.span12 .span6 {width: 48.71794872% }
		.span12 .span7 {width: 57.26495726% }
		.span12 .span8 {width: 65.81196581% }
		.span12 .span9 {width: 74.35897436% }
		.span12 .span10 {width: 82.90598291% }
		.span12 .span11 {width: 91.45299145% }
		.span12 .span12 {width: 100%}

		.span11 .span1 {width: 6.542056075%}
		.span11 .span2 {width: 15.88785047%}
		.span11 .span3 {width: 25.23364486%}
		.span11 .span4 {width: 34.57943925%}
		.span11 .span5 {width: 43.92523364%}
		.span11 .span6 {width: 53.27102804%}
		.span11 .span7 {width: 62.61682243%}
		.span11 .span8 {width: 71.96261682%}
		.span11 .span9 {width: 81.30841121%}
		.span11 .span10 {width: 90.65420561%}
		.span11 .span11 {width: 100%}
		.span11 [class*="span"]{ margin-left:0.7009345795%; margin-right:0.7009345795% }
		.span10 .span1 {width: 7.216494845%}
		.span10 .span2 {width: 17.5257732%}
		.span10 .span3 {width: 27.83505155%}
		.span10 .span4 {width: 38.1443299%}
		.span10 .span5 {width: 48.45360825%}
		.span10 .span6 {width: 58.7628866%}
		.span10 .span7 {width: 69.07216495%}
		.span10 .span8 {width: 79.3814433%}
		.span10 .span9 {width: 89.69072165%}
		.span10 .span10 {width: 100%}
		.span10 [class*="span"]{ margin-left:0.7731958765%; margin-right:0.7731958765%}
		.span9 .span1 {width: 8.045977011%}
		.span9 .span2 {width: 19.54022989%}
		.span9 .span3 {width: 31.03448276%}
		.span9 .span4 {width: 42.52873563%}
		.span9 .span5 {width: 54.02298851%}
		.span9 .span6 {width: 65.51724138%}
		.span9 .span7 {width: 77.01149425%}
		.span9 .span8 {width: 88.50574713%}
		.span9 .span9 {width: 100%}
		.span9 [class*="span"]{ margin-left:0.8620689655%; margin-right:0.8620689655% }
		.span8 .span1 {width: 9.090909091%}
		.span8 .span2 {width: 22.07792208%}
		.span8 .span3 {width: 35.06493506%}
		.span8 .span4 {width: 48.05194805%}
		.span8 .span5 {width: 61.03896104%}
		.span8 .span6 {width: 74.02597403%}
		.span8 .span7 {width: 87.01298701%}
		.span8 .span8 {width: 100%}
		.span8 [class*="span"]{ margin-left:0.974025974% ; margin-right:0.974025974% }
		.span7 .span1 {width: 10.44776119%}
		.span7 .span2 {width: 25.37313433%}
		.span7 .span3 {width: 40.29850746%}
		.span7 .span4 {width: 55.2238806%}
		.span7 .span5 {width: 70.14925373%}
		.span7 .span6 {width: 85.07462687%}
		.span7 .span7 {width: 100%}
		.span7 [class*="span"]{ margin-left:1.119402985%; margin-right:1.119402985%}
		.span6 .span1 {width: 12.28070175%}
		.span6 .span2 {width: 29.8245614%}
		.span6 .span3 {width: 47.36842105%}
		.span6 .span4 {width: 64.9122807%}
		.span6 .span5 {width: 82.45614035%}
		.span6 .span6 {width: 100%}
		.span6 [class*="span"]{ margin-left:1.595744681%; margin-right:1.595744681%}
		.span5 .span1 {width: 14.89361702%}
		.span5 .span2 {width: 36.17021277%}
		.span5 .span3 {width: 57.44680851%}
		.span5 .span4 {width: 78.72340426%}
		.span5 .span5 {width: 100%}
		.span5 [class*="span"]{ margin-left:3.191489362%; margin-right:3.191489362%}
		.span4 .span1 {width: 18.91891892%}
		.span4 .span2 {width: 45.94594595%}
		.span4 .span3 {width: 72.97297297%}
		.span4 .span4 {width: 100%}
		.span4 [class*="span"]{ margin-left:2.027027027%; margin-right:2.027027027%}
		.span3 .span1 {width: 25.92592593%}
		.span3 .span2 {width: 62.96296296%}
		.span3 .span3 {width: 100%}
		.span3 [class*="span"]{ margin-left: 2.777777778%; margin-right: 2.777777778%}
		.span2 .span1 {width: 41.17647059%}
		.span2 .span2 {width: 100%}
		.span2 [class*="span"]{ margin-left:2.777777778%; margin-right:2.777777778%}
		.span1 .span1 {width: 100%}
		.span1 [class*="span"]{ margin-left:0; margin-right: 0;}

		.spanHalf,
		.spanHalfs {width: 50%; margin-left: 0 !important; margin-right: 0 !important;}
		.spanThirds {width: 33.33333333333333%; margin-left: 0; margin-right: 0;}
		.spanForths {width: 25%; margin-left: 0; margin-right: 0;}
		.spanFifths {width: 20%; margin-left: 0; margin-right: 0;}
		.spanSixths {width:16.66666666666667%; margin-left: 0; margin-right: 0;}

		/* Grid Restart
		 */
		.span12.reset .span1 {width: 5.982905983%}
		.span12.reset .span2 {width: 14.52991453%}
		.span12.reset .span3 {width: 23.07692308%}
		.span12.reset .span4 {width: 31.62393162%}
		.span12.reset .span5 {width: 40.17094017%}
		.span12.reset .span6 {width: 48.71794872%}
		.span12.reset .span7 {width: 57.26495726%}
		.span12.reset .span8 {width: 65.81196581%}
		.span12.reset .span9 {width: 74.35897436%}
		.span12.reset .span10 {width: 82.90598291%}
		.span12.reset .span11 {width: 91.45299145%}
		.span12.reset .span12 {width: 100%}
		.span12.reset [class*="span"]{ margin-left:0.641025641%; margin-right: 0.641025641% }

		[class*="span"] .span12 {margin-left:0; margin-right: 0; width:100%}
		[class*="span"].span12 .span12 { width:100%; margin-left:0; margin-right:0}

		/* Push & Pull
		 */
		[class*="span"].-gutter-left,
		[class*="span"] [class*="span"].-gutter-left { margin-left:0; }

		[class*="span"].-gutter-right,
		[class*="span"] [class*="span"].-gutter-right { margin-right:0}

		[class*="span"].-gutter,
		[class*="span"] [class*="span"].-gutter,
		.grid2-gutters .spanX,
		.grid2-gutters .spanX,
		.grid3-gutters .spanX,
		.grid5-gutters .spanX,
		.grid4-gutters .spanX,
		.grid6-gutters .spanX {margin-left: 0; margin-right: 0;}

		[class*="span"].first,
		[class*="span"] [class*="span"].first {clear: left} /* Check with END? */

		.end+* { clear:left} /*TODO: TEST*/

		.span1.-gutter-left,
		.span1.-gutter-right {}
		.span1.-gutter {width:8.33333333333333%}
		.span2.-gutter-left,
		.span2.-gutter-right {}
		.grid6-gutters .spanX,
		.span2.-gutter {width:16.66666666666667%;}
		.span3.-gutter-left,
		.span3.-gutter-right {width: 23.75%}
		.grid5-gutters .spanX {width:20%}
		.grid4-gutters .spanX,
		.span3.-gutter {width:25%}
		.span4.-gutter-left,
		.span4.-gutter-right {width: 31.45833333%}
		.grid3-gutters .spanX,
		.span4.-gutter {width:33.33333333333333%; }
		.span5.-gutter-right,
		.span5.-gutter-right {}
		.span5.-gutter {width:41.66666666666665%}
		.span6.-gutter-left,
		.span6.-gutter-right {}
		.grid2-gutters .spanX,
		.span6.-gutter {width: 50%;}
		.span7.-gutter-left,
		.span7.-gutter-right {}
		.span7.-gutter {}
		.span8.-gutter-left,
		.span8.-gutter-right {width: 64.79166667%}
		.span8.-gutter {width: 65.41666667%}
		.span9.-gutter-left,
		.span9.-gutter-right {width: 73.75%}
		.span9.-gutter {width: 75%}
		.span10.-gutter-left,
		.span10.-gutter-right {}
		.span10.-gutter {}
		.span11.-gutter-left,
		.span11.-gutter-right {}
		.span11.-gutter {}
		.span12.-gutter-left,
		.span12.-gutter-right {}
		.span12.-gutter { width: 100%;}


/* --------------------------------------------------
    TILES
----------------------------------------------------*/
		.tile,
		.tiles .spanX { height: 0; padding-bottom: 100%; overflow: hidden; position: relative;}
		.tile.span1 {padding-bottom: 5.833333333%}
		.grid6.tiles .spanX,
		.tile.span2 {padding-bottom: 14.16666667%}
		.grid5.tiles .spanX {padding-bottom: 17.5%;}
		.grid5.-gutters.tiles .spanX {padding-bottom: 20%;}
		.grid4.tiles .spanX,
		.tile.span3 {padding-bottom: 22.5%}
		.grid4.-gutters.tiles  .spanX{padding-bottom: 25%}
		.grid3.tiles .spanX,
		.tile.span4 {padding-bottom: 30.83333333%}
		.grid3.-gutters.tiles .spanX {padding-bottom:33.33333333333333%}
		.tile.span5 {padding-bottom: 39.16666667%}
		.grid2.tiles .spanX,
		.tile.span6 {padding-bottom: 47.5%}
		.tile.span7 {padding-bottom: 55.83333333%}
		.tile.span8 {padding-bottom: 64.16666667%}
		.tile.span9 {padding-bottom: 72.5%}
		.tile.span10 {padding-bottom: 80.83333333%}
		.tile.span11 {padding-bottom: 89.16666667%}
		.tile.span12 {padding-bottom: 97.5%}

		.tile.span1:nth-child(12n) {margin-right: 0;}
		.tile.span1:nth-child(12n+1) {margin-left: 0;}
		.tile.span1:nth-child(12n)~.tile {margin-top: 1.5em;}

		.tile.span2:nth-child(6n) {margin-right: 0;}
		.tile.span2:nth-child(6n+1) {margin-left: 0;}
		.tile.span2:nth-child(6n)~.tile {margin-top: 1.5em;}

		.tile.span3:nth-child(4n) {margin-right: 0;}
		.tile.span3:nth-child(4n+1) {margin-left: 0;}
		.tile.span3:nth-child(4n)~.tile {margin-top: 1.5em;}

		.tile.span4:nth-child(3n) {margin-right: 0;}
		.tile.span4:nth-child(3n+1) {margin-left: 0;}
		.tile.span4:nth-child(3n)~.tile {margin-top: 1.5em;}

		.tile.span6:nth-child(2n) {margin-right: 0;}
		.tile.span6:nth-child(2n+1) {margin-left: 0;}
		.tile.span6:nth-child(2n)~.tile {margin-top: 1.5em;}

		.tile.spanHalf
		.tile.spanHalfs,
		.tile.spanHalves{}
		.tile.spanThirds{}
		.tile.spanForths{}
		.tile.spanFifths { padding-bottom: 20%}
		.tile.spanFifths:nth-child(4n) {margin-right:0}
		.tile.spanFifths:nth-child(4n) {margin-right:0}

} /*END/@media only screen and (min-width: 50.063em)*/

@media only screen and (min-width: 64em) {
/*@media only screen and (min-width: 64.063em) {*/

	.container,
	.container-left,
	.container-right {max-width: 64rem}
}
@media only screen and (min-width: 80.063em) {
	.container,
	.container-left,
	.container-right {max-width: 80rem}
}
@media only screen and (min-width: 90.063em) {
	.container,
	.container-left,
	.container-right {max-width: 90rem}
}
@media only screen and (min-width: 120.063em) {
	.container,
	.container-left,
	.container-right {max-width: 120rem}
}

/* --------------------------------------------------
    IMAGES
----------------------------------------------------*/

	img {vertical-align: middle; display: inline-block}
	/*img[src^="data:image/png"] {width: 100% !important; height: auto !important; } /* ?? */
	img[src=""],
	img[src^="?action"],
	img[src^="?Action"] {display: none; height:0 !important; width: 0 !important}


/* --------------------------------------------------
    FORMS
----------------------------------------------------*/
	input, select, textarea, button {font-family:inherit;}

	form {font-size: 1rem;}

	form label {
		display: inline-block;
		min-height: 1.5em;
		height: 100%; max-height: 4.5em;
		width:9em; /*max-width: 9em;*/
		margin-right: .5em;
		overflow: hidden;
		vertical-align: top !important;
		font-size: inherit;
		line-height: 1.5em;
	}
	label[for] {cursor: pointer}

	textarea,
	select,
	input {
		-webkit-background-clip: padding; background-clip: padding-box;
		-webkit-border-radius: 0; border-radius: 0;
		-webkit-appearance: none;

		background-color: #FFF;
		border: none;

		color: #505050;
		outline: 0;
		margin: 0;
		padding: 0 .75em;
		height: 2rem;
		width:100%; max-width: 18em;
		vertical-align: top;
		text-align: left;
		font-size: 0.875em;
	}
	input.transparent {background: none; border: none; box-shadow: none}

	input.short {
		width:50%; max-width: 9em;
	}

	input,
	textarea,
	select { box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,0.1) inset;}

	form:not(.inline) input:not([type="radio"]):not([type="checkbox"]),
	form:not(.inline) select,
	form:not(.inline) textarea { margin-bottom:1.25rem; }

	input.large { font-size: 1.5em; height: 2em;}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #AAAAAA;}
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #AAAAAA;}
	input.placeholder_text,
	textarea.placeholder_text { color: #AAAAAA; }

/* Inputs - Focused/Active
*/
	input:focus,
	/*button:focus,
	a.button:focus,*/
	select:focus,
	textarea:focus { box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,0.1) inset, rgba(0,0,0,.5) 0 0 .25em 0; z-index: 1;}
	input[type="file"]:focus,
	input[type="radio"]:focus,
	input[type="checkbox"]:focus,
	input[type="file"]:active,
	input[type="radio"]:active,
	input[type="checkbox"]:active {-webkit-box-shadow: none;box-shadow: none;}

/* Input - Invalid
 */
	/*input:invalid[value],*/
	select:invalid[value],
	textarea:invalid[value] { -webkit-box-shadow: none; box-shadow: none;}

/* Input - Disabled
 */
	textarea[disabled],
	select[disabled],
	input[disabled] { background-color: #eeeeee;}

/* Inputs
 */
	input[type="search"]::-webkit-search-decoration {display: none;}
	input[type="search"] {max-width: 16.4em; height: 1.875rem;}

/* Textarea/Select Inputs
*/
	textarea,
	select[size],
	select[multiple] { min-height: 9rem; max-height: auto; margin-bottom: .25rem;}

	select[size="0"],
	select[size="1"] { height: 2rem; min-height:2rem; margin-bottom: 1.25rem; }

	select,
	select[size="0"],
	select[size="1"] {
		background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 1.5rem;
	}

	textarea {
		overflow: auto;
		resize: vertical;
		width: 100%;
		line-height: 1.5em;
		padding-top: .25rem;
		margin-bottom: 1.75rem;
	}
	textarea[rows="2"] { min-height: 3em}
	textarea[rows="3"] { min-height: 4.5em}
	textarea[rows="4"] { min-height: 6em}
	optgroup {
		color: #303030;
		font-style: normal;
		font-weight: normal;
		font-family: 'Helvetica Neue', sans-serif;
	}
	optgroup::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
/* Radio/Checkboxes
*/
	input[type="radio"],
	input[type="checkbox"] {margin-right: .5rem; height: 24px; vertical-align: bottom; background: transparent; box-shadow: none; width: auto; }

	input[type="radio"] {-webkit-appearance: radio}
	input[type="checkbox"] {-webkit-appearance: checkbox}


/* Input Files
 * http://ericbidelman.tumblr.com/post/14636214755/making-file-inputs-a-pleasure-to-look-at
 */
	input[type="file"][data-preview] { height: 2rem; line-height: 2rem; vertical-align: top; margin-bottom: 1.5em !important; background: transparent; box-shadow: none}

/* Fieldset
*/
	fieldset {min-height: 3em; padding: 1.5rem 1em;}
	fieldset legend { font-weight: bold; font-size: 0.875em;}

/* --------------------------------------------------
    LISTS/GROUPS - TODO MOVE INTO UTILITIES
----------------------------------------------------*/

	table {width: 100%}
	table th,
	table td {text-align: left; vertical-align: top; padding: 0; border: 0;}
	table th {font-weight: 600}
	table img {max-width: 100%;}

	table.zebra tbody tr:nth-child(odd) {background-color: #DDDDDD; background-color: rgba(0,0,0,.05);}
	table.zebra tbody tr:nth-child(even):hover { background-color: rgba(0,0,0,.02);}
	table.zebra tbody tr:nth-child(odd):hover { background-color: rgba(0,0,0,.07)}
	table.zebra tbody tr:hover {color: #000}

/* --------------------------------------------------
    LISTS/GROUPS - TODO MOVE INTO UTILITIES
----------------------------------------------------*/
	ul,ol,li,dd,dt {margin:0;}

	ul[class*="-group"] { padding: 0;}
	[class*="-group"] li {list-style: none;}
	[class*="-group"] a { /*border: 0*/ }

	/*[class*="inline-group"] ul { display: inline;}*/
	[class*="inline-group"] li { display: inline;}
	[class*="inline-group"] li a { /*vertical-align: middle*/}
	/*.inline-group-left {text-align: left}
	.inline-group-right {text-align: right}*/

	[class*="block-group"]:before,
	[class*="block-group"]:after {content: " ";display:table;}
	[class*="block-group"]:after { clear: both}
	[class*="block-group"] li { display: block; float:left}

	[class*="stacked-group"] li,
	[class*="stacked-group"] li a { display: block}

	.block-group {/*width: 100%*/}
	.block-group a {/* display: block;*/}
	.block-group a {/* display: inline-block \9;*/}

	.block-group.blocks a {
		-webkit-appearance: none;
		-webkit-background-clip: padding; background-clip: padding-box;
		display: inline-block;
		outline:none;
		overflow: visible;
		margin: 0;
		padding: 0 1em;
		vertical-align: top;
		line-height: 2em;
		height:2em;
		text-align: center;
	}

	.-bullets,
	.-bullets li,
	.-bullets ol   { margin-left:0; padding-left: 0; list-style: none}

/* --------------------------------------------------
    BLOCKS
----------------------------------------------------*/

/* --------------------------------------------------
    BUTTONS
    .button|.buttons a

----------------------------------------------------*/

	a.button {text-decoration: none;}
	button::-moz-focus-inner,
	input[type="submit"]::-moz-focus-inner,
	input[type="button"]::-moz-focus-inner,
	input[type="file"]::-moz-focus-inner {border: 0;padding: 0;}

	a.button,
	.buttons a,
	.active-buttons a,
	label.button,
	button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"],
	input[type="file"][data-preview]::before {
		-webkit-appearance: none;
		-webkit-border-radius: .25em; border-radius: .25em;
		-webkit-background-clip: padding;
		background-clip: padding-box;
		border:none;
		/*box-shadow: 0 0 .25em rgba(0,0,0,.1);*/
		cursor: pointer;
		display: inline-block;
		outline:none;
		overflow: visible;
		/*margin: inherit;*/
		padding: 0 1em;
		vertical-align: top;
		line-height: 2em;
		height:2em;
		width: auto;
		/*font-size: 1rem;*/
		/*font-family: 'Helvetica Neue', sans-serif; font-family: inherit;*/
		text-align: center;
		text-decoration: none;
		box-shadow: 0 0 1px rgba(0,0,0,.5)
	}
	input[type="file"][data-preview] {color: transparent; color:inherit \9; outline: none; margin-top: -4px; margin-bottom: 4px; padding-left: 0 !important;}
	input[type="file"][data-preview]::-webkit-file-upload-button { visibility: hidden}
	input[type="file"][data-preview]::before {
		display: inline-block;
		box-shadow:none !important;
		border: 1px solid;
		-webkit-border-radius: .25em; border-radius: .25em;
		/*margin: 0; /*margin-top: 0.875rem;*/
		margin-top: 0;
		margin-bottom:0;
		padding: 0 1em;

		outline: none;
		white-space: nowrap;
		-webkit-user-select: none;

		cursor: pointer;

		/*font-size: 0.875em;*/
		line-height: 2em;
		height:2em;
		content: 'Browse your computer  \f093';
		font-family: FontAwesome,'Helvetica Neue', sans-serif;
		/*font-weight: bold;*/
		text-align: center;
		text-decoration: none;
	}


	.fa.button,
	.fa.circle,
	a.circle.button,
	.circle.button,
	button.circle,
	.circle.buttons a,
	.circle.icons a {width: 2em; height: 2em; line-height: 2em; text-align: center; padding: 0; display: inline-block; vertical-align: middle}

	nav.active-buttons li:not(.active) a,
	.active-buttons:not(nav) a:not(.active) { background:transparent; box-shadow: none;}

	.transparent.button,
	button.transparent { background:none !important; box-shadow: none !important; border: none;}


/* Button Sizes/Weights
*/
	.xxsmall.button,
	.xsmall.button,
	.small.button,
	.normal.button,
	.medium.button,
	.large.button,
	.xlarge.button,
	.xxlarge.button,
	.subtitle.button,
	.title.button { height: 2em; line-height: 2em;}

	.fat.blocks a,
	.fat.block {height:3em; line-height: 3em;}
	.skinny.blocks a,
	.skinny.block {height:1.5em; line-height: 1.5em;}

	.fat.button,a.fat.button,
	.fat.buttons a,
	.fat.input,
	input.fat {height:3em; line-height: 3em;}
	.skinny.button,a.skinny.button,
	.skinny.buttons a {height:1.5em; line-height: 1.5em;}

	.wide.button { padding-left:1.5em; padding-right:1.5em}
	.wide.narrow { padding-left:.5em; padding-right:.5em}







/* --------------------------------------------------
    COLOURS
----------------------------------------------------*/




	.white100,a.white100,.whites100 {color: rgba(255,255,255,.1);}
	.white200,a.white200,.whites200 {color: rgba(255,255,255,.2);}
	.white300,a.white300,.whites300 {color: rgba(255,255,255,.3);}
	.white400,a.white400,.whites400 {color: rgba(255,255,255,.4);}
	.white500,a.white500,.whites500 {color: rgba(255,255,255,.5);}
	.white600,a.white600,.whites600 {color: rgba(255,255,255,.6);}
	.white700,a.white700,.whites700 {color: rgba(255,255,255,.7);}
	.white800,a.white800,.whites800 {color: rgba(255,255,255,.8);}
	.white900,a.white900,.whites900 {color: rgba(255,255,255,.9);}
	.white,a.white,.whites {color: rgba(255,255,255,1);}
	[class*="whites"] a {color: inherit;}


	.black100,a.black100,.blacks100 {color: rgba(0,0,0,.1);}
	.black200,a.black200,.blacks200 {color: rgba(0,0,0,.2);}
	.black300,a.black300,.blacks300 {color: rgba(0,0,0,.3);}
	.black400,a.black400,.blacks400 {color: rgba(0,0,0,.4);}
	.black500,a.black500,.blacks500 {color: rgba(0,0,0,.5);}
	.black600,a.black600,.blacks600 {color: rgba(0,0,0,.6);}
	.black700,a.black700,.blacks700 {color: rgba(0,0,0,.7);}
	.black800,a.black800,.blacks800 {color: rgba(0,0,0,.8);}
	.black900,a.black900,.blacks900 {color: rgba(0,0,0,.9);}
	.black,a.black,.blacks { color: rgba(0,0,0,1); }
	[class*="blacks"] a {color: inherit;}

	.gray50,a.gray50,.grays50,.grays50 a {color: #FAFAFA;}
	.gray100,a.gray100,.grays100 {color: #F5F5F5;}
	.gray200,a.gray200,.grays200 {color: #EEEEEE;}
	.gray300,a.gray300,.grays300 {color: #E0E0E0;}
	.gray400,a.gray400,.grays400 {color: #BDBDBD;}
	.gray500,a.gray500,.grays500 {color: #9E9E9E;}
	.gray600,a.gray600,.grays600 {color: #757575;}
	.gray700,a.gray700,.grays700 {color: #616161;}
	.gray800,a.gray800,.grays800 {color: #424242;}
	.gray900,a.gray900,.grays900 {color: #212121;}
	[class*="grays"] a {color: inherit;}


	.type-color,
	a.type-color,
	.type-colors,
	.type-colors a {color: #303030;}
	.light-black,
	a.light-black,
	.light-blacks,
	.light-blacks a {color: #505050;}
	.dark-gray,
	a.dark-gray,
	.dark-grays,
	.dark-grays a {color: #707070;}
	.gray,
	a.gray,
	.grays,
	.grays a {color: #909090;}
	.light-gray,
	a.light-gray,
	.light-grays,
	.light-grays a {color: #B0B0B0;}
	.dark-white,
	a.dark-white,
	.dark-whites,
	.dark-whites a {color: #F0F0F0;}
	.white,

	a.white,
	.whites,
	.whites a {color: #FFFFFF;}
	.red {color: #FA603D;}
	.orange {color: #FABB3D;}
	.yellow {color: #f3dd15;}
	.green {color: #78CD51;}
	.blue {color: #67C2EF;}

	.dark-red {color: #c24930;}
	.dark-orange {color: #c79633;}
	.dark-yellow {color: #c5b411;}
	.dark-green {color: #599b3d;}
	.dark-blue {color: #4c93b7;}

	.-color,
	a.-color,
	.-colors a { color: initial !important}
/* Backgrounds
 */



	.black-bg50 {background-color: rgba(0,0,0,.05);}
	.black-bg100 {background-color: rgba(0,0,0,.1);}
	.black-bg200 {background-color: rgba(0,0,0,.2);}
	.black-bg300 {background-color: rgba(0,0,0,.3);}
	.black-bg400 {background-color: rgba(0,0,0,.4);}
	.black-bg500 {background-color: rgba(0,0,0,.5);}
	.black-bg600 {background-color: rgba(0,0,0,.6);}
	.black-bg700 {background-color: rgba(0,0,0,.7);}
	.black-bg800 {background-color: rgba(0,0,0,.8);}
	.black-bg900 {background-color: rgba(0,0,0,.9);}
	.black-bg {background-color: rgb(0,0,0);}

	.white-bg50 {background-color: rgba(255,255,255,.05);}
	.white-bg100 {background-color: rgba(255,255,255,.1);}
	.white-bg200 {background-color: rgba(255,255,255,.2);}
	.white-bg300 {background-color: rgba(255,255,255,.3);}
	.white-bg400 {background-color: rgba(255,255,255,.4);}
	.white-bg500 {background-color: rgba(255,255,255,.5);}
	.white-bg600 {background-color: rgba(255,255,255,.6);}
	.white-bg700 {background-color: rgba(255,255,255,.7);}
	.white-bg800 {background-color: rgba(255,255,255,.8);}
	.white-bg900 {background-color: rgba(255,255,255,.9);}
	.white-bg {background-color: rgb(255,255,255);}

	.gray-bg50 {background-color: #FAFAFA;}
	.gray-bg100 {background-color: #F5F5F5;}
	.gray-bg200 {background-color: #EEEEEE;}
	.gray-bg300 {background-color: #E0E0E0;}
	.gray-bg,
	.gray-bg400 {background-color: #BDBDBD;}
	.gray-bg500 {background-color: #9E9E9E;}
	.gray-bg600 {background-color: #757575;}
	.gray-bg700 {background-color: #616161;}
	.gray-bg800 {background-color: #424242;}
	.gray-bg900 {background-color: #212121;}

	.white-bg,
	.white.button,
	button.white,
	.white[class*=buttons] a,
	.white.label,
	.white.tag,
	.white.tags a,
	.white.ribbon,
	.white.ribbons a {background-color: #FFF;}
	.dark-white-bg	{background-color: #F0F0F0;}
	.light-gray-bg,
	.light-gray.button,
	.light-gray[class*=buttons] a,
	.light-gray.label,
	.light-gray.labels a,
	.light-gray.tag,
	.light-gray.tags a,
	.light-gray.ribbon,
	.light-gray.ribbons a {background-color: #B0B0B0; }
	.gray-bg,
	.gray.button,
	.gray[class*=buttons] a,
	.gray.tag,
	.gray.tags a,
	.gray.ribbon,
	.gray.ribbons a {background-color: #909090;}
	.dark-gray-bg,
	.dark-gray.button,
	.dark-gray[class*=buttons] a,
	.dark-gray.tag,
	.dark-gray.tags a,
	.dark-gray.ribbon,
	.dark-gray.ribbons a {background-color: #707070;}
	.light-black-bg,
	.light-black-bg,
	.light-black.button,
	.light-black[class*=buttons] a,
	.light-black.tag,
	.light-black.tags a,
	.light-black.ribbon,
	.light-black.ribbons a {background-color: #505050;}
	.black-bg {background-color: #000;}
	.black.button,
	button.black,
	.black[class*=buttons] a,
	.black.tag, .black.tags a,
	.black.ribbon, .black.ribbons a {background-color: #000; color: #FFF;}
	.red-bg {background-color: #FA603D;}
	.red.button,
	.red[class*=buttons] a,
	.red.tag, .red.tags a,
	.red.ribbon, .red.ribbons a {background-color: #FA603D; color: #FFFFFF}
	.orange-bg {background-color: #FABB3D;}
	.orange.button,
	.orange[class*=buttons] a,
	.orange.tag,
	.orange.tags a,
	.orange.ribbon,
	.orange.ribbons a {background-color: #FABB3D; color: #FFFFFF}
	.yellow-bg {background-color: #ffff66;}
	.yellow.button,
	.yellow[class*=buttons] a,
	.yellow.tag,
	.yellow.tags a,
	.yellow.ribbon,
	.yellow.ribbons a{background-color: #ffff66; color: #FFFFFF}
	.green-bg {background-color: #78CD51;}
	.green.button,
	.green.tag, .green.tags a,
	.green.ribbon,
	.green.badge {background-color: #78CD51; color: #FFFFFF}
	.blue-bg {background-color: #67C2EF;}
	.blue.button,
	.blue[class*=buttons] a,
	.blue.tag, .blue.tags a,
	.blue.ribbon, .blue.ribbons a {background-color: #67C2EF; color: #FFFFFF}

	.facebook.button {background-color: #3b5998; color: #FFFFFF}

	.-bg,
	.-bgs * {background: transparent !important }

	.-bg-color,
	.-bg-colors * {background-color: transparent !important }

	.-gradient,
	.-gradients *,
	.-bg-image,
	.-bg-images * {background-image: none !important } /* Also -gradients*/

	.transparent-black-bg {background-color: rgba(0,0,0,.3)}
	.transparent-white-bg {background-color: rgba(255,255,255,.3)}


	/* GRADIENTS
	 */
	.transparent-gradient-down {background-image:linear-gradient(rgba(255,255,255,.2), rgba(0,0,0,.2))}
	.transparent-gradient-up {background-image:linear-gradient(rgba(0,0,0,.2), rgba(255,255,255,.2))}
	.transparent-white-gradient-down {background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.2));}
	.transparent-white-gradient-up {background-image:linear-gradient( rgba(255,255,255,.2),  rgba(255,255,255,0));}
	.transparent-black-gradient-down {background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));}
	.transparent-black-gradient-up {background-image:linear-gradient( rgba(0,0,0,.6), rgba(0,0,0,0));}

/* Buttons
 */
	button,
	a.button,
	label.button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"],
	[class*=buttons] a,
	.active-buttons .active a,
	input[type="file"][data-preview]::before {
		color: #505050;
		background-color: #FAFAFA;
		/*background-color: #F0F0F0; /*border-color: #B0B0B0;*//*background-color: #1a82f7; *//*background-image: url(images/fallback-gradient.png); */
		/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F0F0), to(#F0F0F0));
		background-image: -webkit-linear-gradient(top, #F0F0F0, #F0F0F0);
		background-image:    -moz-linear-gradient(top, #F0F0F0, #F0F0F0);
		background-image:     -ms-linear-gradient(top, #F0F0F0, #F0F0F0);
		background-image:      -o-linear-gradient(top, #F0F0F0, #F0F0F0);

		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), to(rgba(100,100,100,.2)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(100,100,100,.2));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(100,100,100,.2));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(100,100,100,.2));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.1), rgba(100,100,100,.2));*/

		border-color: #B0B0B0; border-color: rgba(0,0,0,.4);
		/*text-shadow: rgba(0,0,0,.2) 0 1px;*/
	}

/*Alerts/Messages */
	.error.alert { color: #b0422b}
	.warning.alert {color: #b5882e}
	.success.alert {color: #41762e }
	.info.alert {color: #3b7491}

	.error.alert,
	.error.message { background-color: #FA603D}
	.warning.alert,
	.warning.message {background-color: #FABB3D}
	.success.alert,
	.success.message {background-color: #78CD51}
	.info.alert,
	.info.message {background-color: #67C2EF}

	.error.alert,
	.warning.alert,
	.success.alert,
	.info.alert {color: #FFFFFF; color: rgba(255, 255, 255, 0.9); background-image: none}

/* Messages
 */
	[class~="message"] {color: #505050 }
	.error.message > *:first-child { color: #b0422b}
	.warning.message  > *:first-child {color: #b5882e}
	.success.message >  *:first-child {color: #488032 }
	.info.message >  *:first-child {color: #3b7491}

/* Borders
 */
	[class*="white-border"] {border-color: #FFF;}
	[class*="dark-white-border"] {border-color: #F0F0F0;}
	[class*="gray-border"] {border-color: #CCCCCC;}
	[class*="light-gray-border"] {border-color: #B0B0B0;}
	[class*="blue-border"] {border-color: #138FCF;}

/* Forms
 */

	input.error,
	/*input:invalid[value],*/
	textarea.error,
	.redactor-box.error .redactor-editor {box-shadow: 0 0 0 1px #FA603D}

	input[type="file"][data-preview].error::before {border-color: #FA603D} /*TODO: complete */

/* --------------------------------------------------
    COMPONENTS
----------------------------------------------------*/

/* Alerts/Messages
 */
	.alert,
	.message {
		display: block;
		margin-bottom: 0.5em;
		padding:.5em 1em;
		box-shadow: 0 0 1px rgba(0,0,0,.2);
		background-image: -moz-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,.8));
		background-image: -webkit-gradient(linear, 0 0, 0 100%, rgba(255,255,255,.8), to(rgba(255,255,255,.8)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,.8));
		background-image: -o-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,.8));
		background-image: linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,.8));
		background-repeat: repeat-x;
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); /*TODO: Test* /
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /*TODO: Test*/
	}

	/*[class*="-alert"] {color: #FFF;}*/
	.alert *:not(.button),
	.alert *:not(input),
	.alert *:not(button) { display: inline !important; font-size: 1em; line-height: 1.5em;}

	.message {padding:.75rem 1em }

/* File Extensions
* /
   a[href$='.pdf']:not(.button),
   a[href$='.xls']:not(.button),
   a[href$='.xlsx']:not(.button),
   a[href$='.csv']:not(.button),
   a[href$='.xlt']:not(.button),
   a[href$='.xlw']:not(.button),
   a[href$='.ppt']:not(.button),
   a[href$='.pps']:not(.button),
   a[href$='.doc']:not(.button),
   a[href$='.docx']:not(.button),
   a[href$='.rtf']:not(.button),
   a[href$='.txt']:not(.button),
   a[href$='.wps']:not(.button),
   a[href$='.zip']:not(.button),
   a[href$='.gzip']:not(.button),
   a[href$='.rar']:not(.button),
   a[href$='.jpg']:not(.button),
   a[href$='.jpeg']:not(.button),
   a[href$='.gif']:not(.button),
   a[href$='.png']:not(.button) { background: url(blank.gif) no-repeat left 50%; padding: 2px 0 2px 20px;}

   a[href$='.pdf']:not(.button) {background-image:url(/CatalystImages/Literature/pdf.png)}
   a[href$='.xls']:not(.button),
   a[href$='.xlsx']:not(.button),
   a[href$='.csv']:not(.button),
   a[href$='.xlt']:not(.button),
   a[href$='.xlw']:not(.button) {background-image:url(/CatalystImages/Literature/msexcel.png)}
   a[href$='.ppt']:not(.button),
   a[href$='.pps']:not(.button) {background-image: url(/CatalystImages/Literature/mspowerpoint.png) }
   a[href$='.doc']:not(.button),
   a[href$='.docx']:not(.button),
   a[href$='.rtf']:not(.button),
   a[href$='.txt']:not(.button),
   a[href$='.wps']:not(.button) {background-image:url(/CatalystImages/Literature/word.png);}
   a[href$='.zip']:not(.button),
   a[href$='.gzip']:not(.button),
   a[href$='.rar']:not(.button) {background-image:url(/CatalystImages/Literature/zip.png)}

   a[href$='.jpg']:not(.button),
   a[href$='.jpeg']:not(.button),
   a[href$='.gif']:not(.button),
   a[href$='.png']:not(.button) {background-image:url(/CatalystImages/Literature/wmv.png)}
*/

/* --------------------------------------------------
    UTILITIES
----------------------------------------------------*/
/* Alignment
	.align-{left|center|right}
	.valign-{top|middle|bottom}
 */
	.align-left {text-align: left}
	.align-right {text-align: right}
	.align-center {text-align: center}
	.align-justify {text-align: justify}
	/* .align-center {display:block; margin-left:auto; margin-right:auto;}*/

	/*.valign-middle:before { display: table; content:' '}
	.valign-middle { display: table-cell; vertical-align: middle}*/
	.valign-top {vertical-align: top}
	.valign-baseline {vertical-align: baseline}
	.valign-bottom {vertical-align: bottom}
	.valign-middle {vertical-align: middle}

	/*.valign-middle {position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

	.halign-middle {position: relative; left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

/* Borders
 * .border{-top|-right|-bottom|-left}
 */

	.border,
	[class*="-border"]:not([class*="border-"]) {border-width: 1px; border-style: solid; }
	.border,
	[class*="border"]:not([class*="-border"]) {border-color: rgba(0,0,0,.2)}

	[class*="border-"] { border-style: solid; border-width:0;}
	[class*="border-top"] {border-top-width: 1px}
	[class*="border-right"] {border-right-width: 1px}
	[class*="border-bottom"] {border-bottom-width: 1px}
	[class*="border-left"] {border-left-width: 1px}
	[class*="border"]:not(.border) {/*border-width: 0;*/}

	.-border {border: none !important}
	.-border-top {border-top: none !important}
	.-border-right {border-right: none !important}
	.-border-bottom {border-bottom: none !important}
	.-border-left {border-left: none !important}

	[class*="dotted-border"] {border-style:  dotted}


/* Display
 */
	.-display {display: none !important;}
	.show {display: inherit;}
	.block { display: block}
	.inline-block { display: inline-block}
	.inline {display: inline}
	.invisible {visibility: hidden}
	.visible {visibility: visible;}
	.hide-overflow,
	.overflow-hidden {overflow: hidden; position: relative}
	.overflow-scroll {overflow: scroll;  position: relative}
	.overflow-visible {overflow: visible;  position: relative}
	.overflow-auto {overflow: auto;  position: relative}

	.opacity0 {opacity: 0}
	.opacity10 {opacity: .1}
	.opacity20 {opacity: .2}
	.opacity30 {opacity: .3}
	.opacity40 {opacity: .4}
	.opacity50 {opacity: .5}
	.opacity60 {opacity: .6}
	.opacity70 {opacity: .7}
	.opacity80 {opacity: .8}
	.opacity90 {opacity: .9}
	.opacity100 {opacity: 1}


/* Images
 *
	img{.fixed}.bg-{cover|contain}
	.{fixed-}bg{-cover|-contain}
 */

	img[class*="-height"] {height: auto}
	img[class*="-width"]{ width: auto}
	img.max-height { max-height: 100%}
	img.max-width { max-width: 100%}
	img.min-height { min-height: 100%}
	img.min-width { min-width: 100%}

	img.bg-cover {min-width: 100%; min-height: 100%; z-index: -1}
	img.bg-contain {max-width: 100%; max-height: 100%; z-index: -1}
	img[class*="fixed-bg"] { position: fixed}

	img.thumbnail { border:1px solid rgba(0,0,0,.4); padding:1px; background:#FFF; box-shadow: 0 0 .25em rgba(0,0,0,.4);}

/* Backgrounds
 *
 * fixed-bg
 */
	.bgXX {background: url() top center no-repeat; }
	[class*="bg-contain"]:not(img),
	[class*="bg-cover"]:not(img),
	[class*="fixed-bg"]:not(img) {background-repeat: no-repeat; background-position: 50% 50%; }
	[class*="bg-contain"]:not(img) {background-size: contain }
	[class*="bg-cover"]:not(img) {background-size: cover; }
	[class*="fixed-bg"]:not(img)  { background-attachment: fixed}

/* Floats
 */
	.float-left {float: left;}
	.float-right {float: right;}

/* Font Decoration */
	.underline {text-decoration: underline}
	.strikethrough {text-decoration:line-through}

	.-text-decoration,
	a.-text-decoration,
	.-text-decoration * {text-decoration: none !important}

/* Font Heights */
	.-line-height {line-height: 1em !important}
/* Font Sizes
 */
	.larger {font-size:larger}
	.smaller { font-size: smaller}
/* Font Transform */
	.capitalize { text-transform: capitalize}
	.uppercase { text-transform: uppercase}
	.lowercase { text-transform: lowercase;}
	.-capitalize,
	.-uppercase,
	.-lowercase {text-transform: none !important;}

/* Font Styles*/
	.italic {font-style: italic}
/* Font Weights*/
	.thinbold,
	.bold100,
	.thinweight {font-weight: 100}
	.bookbold,
	.bold200,
	.bookweight {font-weight: 200}
	.bold300,
	.light-bold {font-weight: 300}
	/*.normal,*/
	.normalbold,
	.bold400 { font-weight: 400}
	/*.medium,*/
	.mediumbold,
	.bold500 {font-weight: 500}
	.semibold,
	.bold600 {font-weight: 600}
	.bold,
	.bold700 { font-weight: 700}
	.extrabold,
	.bold800 { font-weight: 800}
	.ultrabold,
	.bold900 { font-weight: 900}

	.-bold,
	.-weight { font-weight: 400 !important}

/* Word Breaks
 */
.break-word { word-wrap: break-word;}

/* Layouts
 * .{full|half|quarter}-screen{-width|-height}
 */

	.fold1 {min-height: 37.5em; }
	.fold2 {min-height: 50em; }

	.full-screen {width: 100%; height:100%; height: 100vh; overflow: hidden}
	img.full-screen {width: auto; height: auto; min-height: 100vh; min-width: 100%;}

	.min-screen-height {min-height: 100vh}
	.screen-height {height:100vh}

	.min-screen-width {min-width: 100vh}
	.screen-width {width:100vh}

	.vh10 {height:10vh}
	.vh20 {height:20vh}
	.vh25 {height:25vh}
	.vh30 {height:30vh}
	.vh40 {height:40vh}
	.vh50 {height:50vh}
	.vh60 {height:60vh}
	.vh70 {height:70vh}
	.vh75 {height:75vh}
	.vh80 {height:80vh}
	.vh90 {height:90vh}
	.vh100 {height:100vh}

	.min-vh10 {min-height:10vh}
	.min-vh20 {min-height:20vh}
	.min-vh25 {min-height:25vh}
	.min-vh30 {min-height:30vh}
	.min-vh40 {min-height:40vh}
	.min-vh50 {min-height:50vh}
	.min-vh60 {min-height:60vh}
	.min-vh70 {min-height:70vh}
	.min-vh75 {min-height:75vh}
	.min-vh80 {min-height:80vh}
	.min-vh90 {min-height:90vh}
	.min-vh100 {min-height:100vh}

	.max-vh10 {max-height:10vh}
	.max-vh20 {max-height:20vh}
	.max-vh25 {max-height:25vh}
	.max-vh30 {max-height:30vh}
	.max-vh40 {max-height:40vh}
	.max-vh50 {max-height:50vh}
	.max-vh60 {max-height:60vh}
	.max-vh70 {max-height:70vh}
	.max-vh75 {max-height:75vh}
	.max-vh80 {max-height:80vh}
	.max-vh90 {max-height:90vh}
	.max-vh100 {max-height:100vh}

	.vw100 {width:100vw}
	.vw10 {width:10vw}
	.vw20 {width:20vw}
	.vw25 {width:25vw}
	.vw30 {width:30vw}
	.vw40 {width:40vw}
	.vw50 {width:50vw}
	.vw60 {width:60vw}
	.vw70 {width:70vw}
	.vw75 {width:75vw}
	.vw80 {width:80vw}
	.vw90 {width:90vw}
	.vw100 {width:100vw}

	.min-vw100 {min-width:100vw}
	.min-vw10 {min-width:10vw}
	.min-vw20 {min-width:20vw}
	.min-vw25 {min-width:25vw}
	.min-vw30 {min-width:30vw}
	.min-vw40 {min-width:40vw}
	.min-vw50 {min-width:50vw}
	.min-vw60 {min-width:60vw}
	.min-vw70 {min-width:70vw}
	.min-vw75 {min-width:75vw}
	.min-vw80 {min-width:80vw}
	.min-vw90 {min-width:90vw}
	.min-vw100 {min-width:100vw}

	.max-vw100 {max-width:100vw}
	.max-vw10 {max-width:10vw}
	.max-vw20 {max-width:20vw}
	.max-vw25 {max-width:25vw}
	.max-vw30 {max-width:30vw}
	.max-vw40 {max-width:40vw}
	.max-vw50 {max-width:50vw}
	.max-vw60 {max-width:60vw}
	.max-vw70 {max-width:70vw}
	.max-vw75 {max-width:75vw}
	.max-vw80 {max-width:80vw}
	.max-vw90 {max-width:90vw}
	.max-vw100 {max-width:100vw}



	.full-width,
	img.full-width,
	input.full-width,
	a.full-width {width:100%; max-width: 100%}
	/*.half-width,
	img.half-width {width:50%; max-width: 50%}*/

	.min-width {width:auto; min-width:0}
	.max-width {max-width: 100%}
	.auto-width {width: auto !important; }

	.full-height,
	img.full-height {height:100%;}
	.min-height {height:auto; min-height:0}
	.max-height {max-height: 100%}

	.-min-height {min-height: 0 !important;}
	.-height {height: 0 !important; min-height: 0 !important;}
	.-width {width: 0 !important;}

	.limit-width {max-width: 48em;}

/* Margin
 */

	.margin-auto,
	.clear-margin {margin:auto; float: none;}
	.clear-margin-top {margin-top:auto; float: none;}
	.clear-margin-right {margin-right:auto; float: none;}
	.clear-margin-bottom {margin:auto; float: none;}
	.clear-margin-left {margin-left:auto; float: none;}

	.margin {margin:1.5rem;}
	.margin-top {margin-top:1.5rem;}
	.margin-right {margin-right:1.5rem;}
	.margin-bottom {margin-bottom:1.5rem;}
	.margin-left {margin-left:1.5rem;}
	.margin-sm {margin:.75rem;}
	.margin-top-sm {margin-top:.75rem;}
	.margin-right-sm {margin-right:.75rem;}
	.margin-bottom-sm {margin-bottom:.75rem;}
	.margin-left-sm {margin-left:.75rem;}

	.-margin {margin:0 !important;}
	.-margin-top {margin-top:0 !important;}
	.-margin-right {margin-right:0 !important;}
	.-margin-bottom {margin-bottom:0 !important;}
	.-margin-left {margin-left:0 !important;}


/* Padding
 */
	.padding {padding:1.5rem;}
	.padding-top {padding-top:1.5rem;}
	.padding-right {padding-right:1.5rem;}
	.padding-bottom {padding-bottom:1.5rem;}
	.padding-left {padding-left:1.5rem;}
	.padding-sm {padding:.75rem;}
	.padding-top-sm {padding-top:.75rem;}
	.padding-right-sm {padding-right:.75rem;}
	.padding-bottom-sm {padding-bottom:.75rem;}
	.padding-left-sm {padding-left:.75rem;}
	.-padding {padding:0 !important;}
	.-padding-top {padding-top:0 !important;}
	.-padding-right {padding-right:0 !important;}
	.-padding-bottom {padding-bottom:0 !important;}
	.-padding-left {padding-left:0 !important;}

	.spacer	 {padding:3rem;}
	.spacer-top {padding-top:3rem;}
	.spacer-right {padding-right:3rem;}
	.spacer-bottom {padding-bottom:3rem;}
	.spacer-left {padding-left:3rem;}
/* Positions
 */
	.relative {position: relative}
	[class*="position-"] {position: absolute}
	[class*="position-top"] { top:0;}
	[class*="position-right"] { right:0;}
	[class*="position-bottom"] { bottom:0;}
	[class*="position-left"] { left:0;}

	.position-middle {position: absolute; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

	.position-center {position: absolute; left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
	.position-center.position-middle {
		-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	}

	[class*="fix-"],
	[class*="position-fixed"] {position: fixed;}
	[class*="position-fixed"] {top:0;right:0;bottom:0;left:0;}
	.fix-top { top:0;}
	.fix-right { right:0;}
	.fix-bottom { bottom:0;}
	.fix-left { left:0;}
/* Shadows
 */

	.text-shadow { text-shadow: 1px 1px rgba(0,0,0,.6)}
	.lift-shadow {text-shadow: 0 -1px rgba(0,0,0,.6)}
	.drop-shadow {text-shadow: 0 1px rgba(0,0,0,.6)}
	.-gutter-left-shadow {text-shadow: -1px 0px rgba(0,0,0,.6)}
	.-gutter-right-shadow {text-shadow: 0 1px rgba(0,0,0,.6)}
	.text-glow {text-shadow: 0 1px .2em rgba(0,0,0,.6)}

	.-text-shadow {text-shadow: none !important}


	.box-shadow {box-shadow: 0 0 .25em rgba(0,0,0,.2)}
	[class^="-box-shadow"] {box-shadow: none !important}

	.box-shadow-inset {box-shadow: inset 0 0 .25em rgba(0,0,0,.2)}

/* Shapes
 * .{fillet|rounded|pill|circle|square}
 *
 */
	.fillet:not([class*=buttons]):not([class*=inputs]),
	.fillet[class*=buttons] a,
	[class*=inputs].fillet a {-webkit-border-radius: .25em;-moz-border-radius: .25em;border-radius: .25em;}

	.radius:not([class*=buttons]):not([class*=inputs]),
	.radius[class*=buttons] a,
	.radius[class*=inputs] a {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;border-radius: 0 !important;}
	.rounded:not([class*=buttons]):not([class*=inputs]),
	.rounded[class*=buttons] a,
	.rounded[class*=inputs] a {-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em; overflow: hidden}

	.pill:not([class*=buttons]):not([class*=inputs]),
	.pill[class*=buttons] a,
	.pill[class*=inputs] a {-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em; overflow: hidden}

	.circle:not([class*=buttons]):not([class*=inputs]):not([class*=icons]),
	.circle[class*=buttons] a,
	.circle[class*=inputs] a,
	.circle[class*=icons] a {-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}

	/* Remove Radius*/
	.square:not([class*=buttons]):not([class*=inputs]),
	.square[class*=buttons] a,
	.-radius,
	[class*=buttons].-radius a,
	[class*=inputs].-radius a {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;border-radius: 0 !important;}

/* Truncate
 */
	.truncate {}
	[class*="truncate-"] {overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
	.truncate-2 {-webkit-line-clamp: 2; max-height: 3rem}
	.truncate-3 {-webkit-line-clamp: 3; max-height: 4.5rem}
	.truncate-4 {-webkit-line-clamp: 4; max-height: 6rem;}

/* Overlay
 */
	[class*="-overlay"]:not([class*="position-"]):not([class*="fix-"]) { position: relative;}
	[class*="-overlay"] {}
	[class*="-overlay"]:before {content:' '; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0}
	/*[class*="-overlay"] > * {z-index: 2;  position: relative; position: inherit;}*/

	.transparent-black-overlay:before { background-color: rgba(0,0,0,.3)}
	.transparent-white-overlay:before { background-color: rgba(255,255,255,.2)}

/* Z Indexing */
	[class*="z-index"]:not([class*="position-"]):not([class*="fix-"]) {position: relative}
	.z-index0 { z-index: 0}
	.z-index1 {z-index: 1}
	.z-index2 {z-index: 2}
	.z-index3 {z-index: 3}
	.z-index4 {z-index: 4}
	.z-index5 {z-index: 5}
	.z-index6 {z-index: 6}
	.z-index7 {z-index: 7}
	.z-index8 {z-index: 8}
	.z-index9 {z-index: 9}
	.z-index99 {z-index: 99}
	.z-index999 {z-index: 999}
	.z-index9999 {z-index: 9999}
	.z-index-1 {z-index: -1}
	.z-index-9999 {z-index: -9999}


/* Misc */
	.pointer { cursor: pointer}

/* --------------------------------------------------
    NAVIGATION
    nav {.block-group|.inline-group|.button-group|.stacked-group}{.active}

----------------------------------------------------*/
	nav ul {padding:0;}
	nav li { list-style: none }
	nav a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
	nav li {display: block}
	nav li:focus {outline: none}

	nav.dropdown-on-hover li {position: relative}
	nav.dropdown-on-hover ul ul {max-height: 0; overflow: hidden; position: absolute; top:100%;}
	nav.dropdown-on-hover ul li:hover ul {max-height: 999px;}


	nav.toggle-close li:not(.active) {max-height: 0; overflow: hidden;}
	nav.toggle-open li { max-height: 999px}

	.li-with-divider:not([class*="-group"]) li:before { content:'|'; padding:0 .75em;}
	.inline-group.li-with-divider li:not(:first-child):before { content:'|'; padding:0 .75em;}

	.li-with-angle li:before { content:'\203A'; padding:0 .75em; line-height: 1.5em}

	/* --------------------------------------------------
    CANVAS TOGGLE
    body.{toggle-canvas-off|toggle-canvas-on}
    fixed vs absolute;
		http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/
		http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/

	----------------------------------------------------*/
	/*
	body.toggle-canvas-off,
	body.toggle-canvas-on  {position: relative; width: 100%; overflow: hidden; height: 100%; left: 0;}
	body.toggle-canvas-off {left: -60%}
	.offcanvas-right {position: absolute; top: 0; left:100%; width: 60%; height: 100%;}
	*/



/* --------------------------------------------------
    TYPOGRAPHY
    16px/24px
----------------------------------------------------*/

	body {font-size: 100%; line-height: 1.5rem;  font-family: 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; } /* 16px/24px;*/
	h1,h2,h3,h4,h5,h6 {font-weight: 700;}
	h1,h2,h3,h4,h5,h6,p {margin:0;}

	.title { font-size: 4em; line-height: 4.5rem}
	.subtitle { font-size: 3em; line-height: 4.5rem}
	h1,
	.xxlarge { font-size: 2em; line-height: 3rem}
	h2,
	.xlarge { font-size: 1.75em; line-height: 2.25rem}
	h3,
	.large {font-size: 1.5em; line-height: 2.25rem}
	h4,
	.xmedium {font-size: 1.3125em; line-height: 1.5rem}
	h5,
	.medium {font-size: 1.125em; line-height: 1.5rem}
	h6,
	.normal,
	p { font-size: 1em; line-height: 1.5rem;}
	small {font-size: .875em; line-height: 1rem} /*TODO: Check line height- it pushes out grid*/
	.small {font-size: .875em; line-height: 1.5rem}
	.xsmall {font-size: .8125em; line-height: 1.5rem}
	.xxsmall {font-size: .75em; line-height: 1.5rem }

	/*.copy .title { margin-top: .375rem;}
	.copy .subtitle { margin-top: .5rem;}
	.copy h1,
	.copy .xxlarge { margin-top: .75rem;}
	.copy h2,
	.copy .xlarge { margin-top:0.857142857142857rem; }
	.copy h3,
	.copy .large { margin-top: 1rem; }
	.copy h4,
	.copy .medium { margin-top: 1.126760563380282rem;}
	.copy h5 { margin-top: 1.283422459893048rem}
	.copy h6,
	.copy .normal,
	.copy p { margin-top:1.5rem; }
	.copy .small { margin-top:1.63265306122449rem; }
	.copy .xsmall { margin-top:1.804511278195489rem; }
	.copy .xxsmall { margin-top:2rem; }*/

	.title small,
	.subtitle small,
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small,
	label small { font-size: .8em; opacity: .8; line-height: 0;}

	.copy .title,
	.copy .subtitle,
	.copy h1,
	.copy .xxlarge,
	.copy h2,
	.copy .xlarge,
	.copy h3,
	.copy .large,
	.copy h4,
	.copy .medium,
	.copy h5,
	.copy h6,
	.copy .normal,
	.copy p,
	.copy .small,
	.copy .xsmall,
	.copy .xxsmall,
	.copy ul,
	.copy ol,
	.copy dl { margin-top:1.5rem; }

	.copy li ul,
	.copy li ol,
	.copy li dl {margin-top: 0;}

	.-copy .title,
	.-copy .subtitle,
	.-copy h1,
	.-copy .xxlarge,
	.-copy h2,
	.-copy .xlarge,
	.-copy h3,
	.-copy .large,
	.-copy h4,
	.-copy .medium,
	.-copy h5,
	.-copy h6,
	.-copy .normal,
	.-copy p,
	.-copy .small,
	.-copy .xsmall,
	.-copy .xxsmall,
	.-copy hr,
	.-copy ul,
	.-copy ol,
	.-copy dl { margin-top:0; }

	blockquote { margin: 0; padding: 0; quotes: "\201C""\201D""\2018""\2019"; text-indent: 3em; }
	blockquote:before { font-family: "Serif"; color: #ccc;content: open-quote;font-size: 5.5em;}
	blockquote:after {font-family: "Serif";color: #ccc;content: close-quote;font-size: 5.5em;line-height: 0.1rem;margin-left: 0.25rem;vertical-align: -3rem;text-indent: 0;display: inline-block;height: 0}
	blockquote p {display: inline;}


/* --------------------------------------------------
    OBJECTS
----------------------------------------------------*/

	.modal { position: fixed; }

/* --------------------------------------------------
    ANIMATION/TRANSITIONS
    -webkit-backface-visibility: hidden;

----------------------------------------------------*/
	.animate-all { transition: all .3s}
	.animate-height {transition: height .3s}
	.animate-min-height {transition: min-height .3s}
	.animate-opacity {transition: opacity .3s}

	/* Loader Bars
	*/
		html[data-loader] body {opacity: 1; transition: opacity 1s, left .3s}
		html[data-loader].no-enquire body {opacity: 0}
		html[data-loader].no-enquire:before {opacity: 1; position: fixed; top:0; left: 0; right:0; bottom:0; width: 100%; height:100%; z-index: 9999; content: ' '}
		html[data-loader].no-enquire body {opacity: 0;}

		html[data-loader].no-enquire:after { left: -100%; content:' '; display: block; position: fixed; top:50%; width:100%; height:4px; background-color:#FEAF16; z-index: 99999}
		html[data-loader].no-enquire:after { -webkit-animation-name:loader; -webkit-animation-duration:5s; -webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;
		animation-name:loader; animation-duration:5s; animation-iteration-count:infinite; animation-timing-function:linear;}

		@-webkit-keyframes loader {
			0% { left:-100%; }
			100%{ left:100%;}
		}
		@keyframes loader {
			0% { left:-100%;}
			100%{ left:100%;}
		}


/* --------------------------------------------------
    BC - Resets
----------------------------------------------------*/

	table.webform label+br {display: none}


/* --------------------------------------------------
    ICE
    html.ice
----------------------------------------------------*/

	html.ice #upgrade-browser {display: none !important}

/* --------------------------------------------------
    JS
    [data-enable=""]
----------------------------------------------------*/
/* AUTOCOMPLETE
 */
	[data-autocomplete] {}
	.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
	.autocomplete-suggestion { padding: .25em .5em; white-space: nowrap; overflow: hidden; }
	.autocomplete-selected { background: #F0F0F0; }
	.autocomplete-suggestions strong { font-weight: normal; color: inherit; font-weight: bold }
	.autocomplete-group { padding: 2px 5px; }
	.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* PICKADATE/PICKATIME
*/
	.picker, .picker div {min-height: 0;}

/* PREIVEW IMAGE/DOC
 */
	.wrapper.preview-image img {max-width: 100%; margin-bottom: }
	.wrapper.preview-image div { font-size: 80%;min-height: 3em; line-height: 1.5em;}
	.wrapper.preview-image input {margin-top: .75em}

/* STICKY
 */

	[data-enable="sticky"].stuck:not(.sticky-bottom) { position: fixed; top: 0; width: 100%; z-index: 999}

	.sticky-bottom:not(.stuck) { position: fixed; bottom: 0; }


/* SWIPE
 */

	[data-swipe]:before,
	[data-swipe]:after { content: " "; display: table; }
	[data-swipe]:after { clear: both; }
	[data-swipe] { overflow: hidden; position: relative;}
	[data-swipe] > *:first-child:not(.swipe-wrap) ~ * {visibility: hidden}
	[data-swipe] .swipe-wrap { overflow: hidden;position: relative;}
	[data-swipe] .swipe-wrap > div,
	[data-swipe] .swipe-wrap > img,
	[data-swipe] .swipe-wrap > li {float:left;width:100%;position: relative; display: block}
	[data-swipe] ul.swipe-wrap,
	[data-swipe] ul.swipe-wrap li {list-style: none; margin: 0; padding:0;}


/* TOGGLE
 */
	.toggle-open,.toggle-close {min-height: 0;}


/* EDITOR
 */

	.redactor-box[data-characters]:after {display: block; content:attr(data-characters) ' characters left'; font-size: 80%; opacity: .6; text-align: right; opacity: 0; transition: opacity .3s;}
	.redactor-box[data-characters]:hover:after {visibility: visible; opacity: 1}
