/*--------------------------------------------------------------------------------------------
	@bcthemes http://bcthem.es Copyright 2017 @GarySwanepoel

	BcThem.es Responsive Business Catalyst Stylesheet

	VANILLA v0.14 Updated: 201700214

	https://spec.fm/specifics/8-pt-grid

 --------------------------------------------------------------------------------------------*/


/* --------------------------------------------------
    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.7.0/css/font-awesome.min.css);
	@import url(//cdnjs.cloudflare.com/ajax/libs/hover.css/2.0.2/css/hover-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,
	[class*="grid"]:before,
	.row:after,
	[class*="container"]:after,
	.span12:after,
	[class*="grid"]:after { content: " "; display: table; }
	.row:after,
	[class*="container"]:after,
	.span12:after,
	[class*="grid"]:after,
	.clear {clear:both}
	.clear-right {clear:right}
	.clear-left {clear:left}

	.-float {float: none !important;}



/* --------------------------------------------------
    DEV
----------------------------------------------------*/
	html[data-mode="development"] [class*="container"] { background-color: rgba(0,255,0,0.1); border-radius: .25em;}
	html[data-mode="development"] [class*="span"] { background-color: rgba(0,0,255,0.1); border-radius: .25em;}


	html[data-mode="development"] .baselines {
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyMi80LzEyq3/lTwAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABlJREFUCJlj+P//fxoTAwMDA/2IEydOCAAAoT0F+o350XwAAAAASUVORK5CYII=);
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyMi80LzEyq3/lTwAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABlJREFUCJlj+P//fxoTAwMDA/2IEydOCAAAoT0F+o350XwAAAAASUVORK5CYII=);
	}


	/*html.dev body {border:4px solid white;}
	html.dev.onphone body { border-style: dotted}
	html.dev.ontablet body { border-style: dashed}
	html.dev.ondesktop body { border-style: double }*/


	.baselines {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyMi80LzEyq3/lTwAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABlJREFUCJlj+P//fxoTAwMDA/2IEydOCAAAoT0F+o350XwAAAAASUVORK5CYII=);}

/* --------------------------------------------------
    LAYOUT

    480//30
	onsmallscreen *480//	30
	onsmallscreen *640//	40
	onsmallscreen *768//	48

	onmediumscreen 960//	60
	onxmediumscreen *1024/	64

	onlargescreen 1136 //		71
	onlargescreen 1280 //	80
	onxlargescreen *1440//	90
	onxxlargescreen 1920//	120



	.{fixed-|fluid-}container{-left|-right}

	.spanX
	.span12.reset .spanX
	.span{Half|Halfs|Thirds|Forths|Fifths|Sixths}
	.spanX{.-gutter-right}{.-gutter-left}
----------------------------------------------------*/
	html {scroll-behavior: smooth;}

	/* Containers
	 */
	[class~="container"] { margin:0 auto; width:100%;}

	/* Grid System
	 */
	[class*="span"] {/*display: block*/}
	.span12 {/*width: 100%;*/}

	/* Tile System
	 */
	.tile { height: 0; min-height: 0; padding-bottom: 100%;}


@media only screen and (max-width: 48em) {/*html {border: 2px solid blue !important}*/
	html {}
	.span12 {padding-left:1.5rem; padding-right:1.5rem;}
	.span12 .span12 {padding-left: 0; padding-right: 0;}
}

/*@media only screen and (min-width: 48em) {*/
@media only screen and (min-width: 48.0625em) {

		.container,
		.container-left,
		.container-right { max-width: 64rem; }
		.flex-container {display:flex; flex-wrap: wrap;}


		.container-left {margin-left: 0;}
		.container-right {margin-right: 0;}

		.fluid-container { max-width: 100%;}
		.fixed-container { width: 64em; } /* 1024px */

		[class*="container"] {}

/* --------------------------------------------------
    GRID
----------------------------------------------------*/


	[class*="span"] {float: left; margin-left: .75rem; margin-right: .75rem;}
	/*display: flex; flex:0 0 auto;
	.spanN {flex: 1 0 auto;}
	*/

	.-gutter-left {margin-left: 0 !important;}
	.-gutter-right {margin-right: 0 !important;}
	.-gutters {margin-left: 0 !important; margin-right: 0 !important;}

	.span1,
	.grid12 .spanX {width:calc(100%/12*1 - 1.5rem);}
	.grid10 .spanX {width:calc(100%/12*1.2 - 1.5rem);}
	.grid8 .spanX {width:calc(100%/12*1.5 - 1.5rem);}
	.span2,
	.grid6 .spanX {width: calc(100%/12*2 - 1.5rem);}
	.grid5 .spanX {width:calc(100% / 12 * 2.4 - 1.5rem);}
	.span3,
	.grid4 .spanX {width: calc(100%/12*3 - 1.5rem);}
	.span4,
	.grid3 .spanX {width: calc(100%/12*4 - 1.5rem);}
	.span5 {width: calc(100%/12*5 - 1.5rem);}
	.span6,
	.grid2 .spanX {width: calc(100%/12*6 - 1.5rem);}
	.span7 {width: calc(100%/12*7 - 1.5rem);}
	.span8 {width: calc(100%/12*8 - 1.5rem);}
	.span9 {width: calc(100%/12*9 - 1.5rem);}
	.span10 {width: calc(100%/12*10 - 1.5rem);}
	.span11 {width: calc(100%/12*11 - 1.5rem);}
	.span12 {width: calc(100% - 1.5rem);}

	.span1.-gutter-left,
	.span1.-gutter-right {width:calc(100%/12*1 - .75rem);}
	.span2.-gutter-left,
	.span2.-gutter-right { width: calc(100%/12*2 - .75rem);}
	.span3.-gutter-left,
	.span3.-gutter-right { width: calc(100%/12*3 - .75rem);}
	.span4.-gutter-left,
	.span4.-gutter-right { width: calc(100%/12*4 - .75rem);}
	.span5.-gutter-left,
	.span5.-gutter-right { width: calc(100%/12*5 - .75rem);}
	.span6.-gutter-left,
	.span6.-gutter-right { width: calc(100%/12*6 - .75rem);}
	.span7.-gutter-left,
	.span7.-gutter-right { width: calc(100%/12*7 - .75rem);}
	.span8.-gutter-left,
	.span8.-gutter-right { width: calc(100%/12*8 - .75rem);}
	.span9.-gutter-left,
	.span8.-gutter-right { width: calc(100%/12*9 - .75rem);}
	.span10.-gutter-left,
	.span10.-gutter-right { width: calc(100%/12*10 - .75rem);}
	.span11.-gutter-left,
	.span11.-gutter-right { width: calc(100%/12*11 - .75rem);}
	.span12.-gutter-left,
	.span12.-gutter-right { width: calc(100% - .75rem);}


	.span1.-gutters { width:calc(100%/12*1);}
	.span2.-gutters { width: calc(100%/12*2);}
	.span3.-gutters { width: calc(100%/12*3);}
	.span4.-gutters { width: calc(100%/12*4);}
	.span5.-gutters { width: calc(100%/12*5);}
	.span6.-gutters { width: calc(100%/12*6);}
	.span7.-gutters { width: calc(100%/12*7);}
	.span8.-gutters { width: calc(100%/12*8);}
	.span9.-gutters { width: calc(100%/12*9);}
	.span10.-gutters { width: calc(100%/12*10);}
	.span11.-gutters { width: calc(100%/12*11);}
	.span12.-gutters { width: calc(100%);}



	.span12:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 12*1 - 1.5rem);}
	.span12:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 12*2 - 1.5rem);}
	.span12:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 12*3 - 1.5rem);}
	.span12:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 12*4 - 1.5rem);}
	.span12:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 12*5 - 1.5rem);}
	.span12:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 12*6 - 1.5rem);}
	.span12:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 12*7 - 1.5rem);}
	.span12:not(.-gutters) .span8 {width:calc((100% + 1.5rem) / 12*8 - 1.5rem);}
	.span12:not(.-gutters) .span9 {width:calc((100% + 1.5rem) / 12*9 - 1.5rem);}
	.span12:not(.-gutters) .span10 {width:calc((100% + 1.5rem) / 12*10 - 1.5rem);}
	.span12:not(.-gutters) .span11 {width:calc((100% + 1.5rem) / 12*11 - 1.5rem);}
	.span12:not(.-gutters) .span12 {width:calc((100% + 1.5rem) / 12*12 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span11:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 11*1 - 1.5rem);}
	.span11:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 11*2 - 1.5rem);}
	.span11:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 11*3 - 1.5rem);}
	.span11:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 11*4 - 1.5rem);}
	.span11:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 11*5 - 1.5rem);}
	.span11:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 11*6 - 1.5rem);}
	.span11:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 11*7 - 1.5rem);}
	.span11:not(.-gutters) .span8 {width:calc((100% + 1.5rem) / 11*8 - 1.5rem);}
	.span11:not(.-gutters) .span9 {width:calc((100% + 1.5rem) / 11*9 - 1.5rem);}
	.span11:not(.-gutters) .span10 {width:calc((100% + 1.5rem) / 11*10 - 1.5rem);}
	.span11:not(.-gutters) .span11 {width:calc((100% + 1.5rem) / 11*11 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span10:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 10*1 - 1.5rem);}
	.span10:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 10*2 - 1.5rem);}
	.span10:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 10*3 - 1.5rem);}
	.span10:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 10*4 - 1.5rem);}
	.span10:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 10*5 - 1.5rem);}
	.span10:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 10*6 - 1.5rem);}
	.span10:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 10*7 - 1.5rem);}
	.span10:not(.-gutters) .span8 {width:calc((100% + 1.5rem) / 10*8 - 1.5rem);}
	.span10:not(.-gutters) .span9 {width:calc((100% + 1.5rem) / 10*9 - 1.5rem);}
	.span10:not(.-gutters) .span10 {width:calc((100% + 1.5rem) / 10*10 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span9:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 9*1 - 1.5rem);}
	.span9:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 9*2 - 1.5rem);}
	.span9:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 9*3 - 1.5rem);}
	.span9:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 9*4 - 1.5rem);}
	.span9:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 9*5 - 1.5rem);}
	.span9:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 9*6 - 1.5rem);}
	.span9:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 9*7 - 1.5rem);}
	.span9:not(.-gutters) .span8 {width:calc((100% + 1.5rem) / 9*8 - 1.5rem);}
	.span9:not(.-gutters) .span9 {width:calc((100% + 1.5rem) / 9*9 - 1.5rem); margin-left: 0; margin-right: 0;}


	.span8:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 8*1 - 1.5rem);}
	.span8:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 8*2 - 1.5rem);}
	.span8:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 8*3 - 1.5rem);}
	.span8:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 8*4 - 1.5rem);}
	.span8:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 8*5 - 1.5rem);}
	.span8:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 8*6 - 1.5rem);}
	.span8:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 8*7 - 1.5rem);}
	.span8:not(.-gutters) .span8 {width:calc((100% + 1.5rem) / 8*8 - 1.5rem); margin-left: 0; margin-right: 0;}


	.span7:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 7*1 - 1.5rem);}
	.span7:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 7*2 - 1.5rem);}
	.span7:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 7*3 - 1.5rem);}
	.span7:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 7*4 - 1.5rem);}
	.span7:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 7*5 - 1.5rem);}
	.span7:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 7*6 - 1.5rem);}
	.span7:not(.-gutters) .span7 {width:calc((100% + 1.5rem) / 7*7 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span6:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 6*1 - 1.5rem);}
	.span6:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 6*2 - 1.5rem);}
	.span6:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 6*3 - 1.5rem);}
	.span6:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 6*4 - 1.5rem);}
	.span6:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 6*5 - 1.5rem);}
	.span6:not(.-gutters) .span6 {width:calc((100% + 1.5rem) / 6*6 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span5:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 5*1 - 1.5rem);}
	.span5:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 5*2 - 1.5rem);}
	.span5:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 5*3 - 1.5rem);}
	.span5:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 5*4 - 1.5rem);}
	.span5:not(.-gutters) .span5 {width:calc((100% + 1.5rem) / 5*5 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span4:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 4*1 - 1.5rem);}
	.span4:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 4*2 - 1.5rem);}
	.span4:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 4*3 - 1.5rem);}
	.span4:not(.-gutters) .span4 {width:calc((100% + 1.5rem) / 4*4 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span3:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 3*1 - 1.5rem);}
	.span3:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 3*2 - 1.5rem);}
	.span3:not(.-gutters) .span3 {width:calc((100% + 1.5rem) / 3*3 - 1.5rem); margin-left: 0; margin-right: 0;}

	.span2:not(.-gutters) .span1 {width:calc((100% + 1.5rem) / 2*1 - 1.5rem);}
	.span2:not(.-gutters) .span2 {width:calc((100% + 1.5rem) / 2*2 - 1.5rem); margin-left: 0; margin-right: 0;}





	/*.span12:not(.-gutters) .span12 {width:calc((100% + 1.5rem) / 12 - 1.5rem);}*/





/* --------------------------------------------------
    TILES
----------------------------------------------------*/

	.tile {}


/* --------------------------------------------------
    ROW SPANS
----------------------------------------------------*/


	/*.tile:after {content: "";display: block;padding-bottom: calc(100%);}*/
	/*.tile { height: 0; min-height: 0; padding-bottom: 0;} -- ourside mq */

	.span1.tile {padding-bottom: calc(100%/12*1 - 1.5rem);}
	.span2.tile {padding-bottom: calc(100%/12*2 - 1.5rem);}
	.span3.tile {padding-bottom: calc(100%/12*3 - 1.5rem);}
	.span4.tile {padding-bottom: calc(100%/12*4 - 1.5rem);}
	.span5.tile {padding-bottom: calc(100%/12*5 - 1.5rem);}
	.span6.tile {padding-bottom: calc(100%/12*6 - 1.5rem);}
	.span7.tile {padding-bottom: calc(100%/12*7 - 1.5rem);}
	.span8.tile {padding-bottom: calc(100%/12*8 - 1.5rem);}
	.span9.tile {padding-bottom: calc(100%/12*9 - 1.5rem);}
	.span10.tile {padding-bottom: calc(100%/12*10 - 1.5rem);}
	.span11.tile {padding-bottom: calc(100%/12*11 - 1.5rem);}
	.span12.tile {padding-bottom: calc(100%/12*12 - 1.5rem);}

	/* Nested Tiles TODO:*/
	.span2 .tile {padding-bottom: calc((100% - 1.5rem) / 2);}
	.span3 .tile {padding-bottom: calc((100% - 3rem) / 3);}
	.span4 .tile {padding-bottom: calc((100% - 4.5rem) / 4);}






/* --------------------------------------------------
			COLUMNS
		----------------------------------------------------*/
		[class*="column"] {
			 -webkit-column-gap: 3rem;-moz-column-gap:3rem;column-gap:3rem;
		}
		.column3 { -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-width: 30.83333333333333%;-moz-column-width: 30.83333333333333%;column-width: 30.83333333333333%; }
		.column2 { -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-width: 47.5%;-moz-column-width: 47.5%;column-width: 47.5%;}



} /*END/@media only screen and (min-width: 50.0625em)*/

/* ON MEDIUM SCREEN */
@media only screen and (min-width: 60.0625em) {

	.container,
	.container-left,
	.container-right {max-width: 60em}

}

@media only screen and (min-width: 64.0625em) {
	.container,
	.container-left,
	.container-right {max-width: 64em}
}
/* ON LARGE SCREEN */
@media only screen and (min-width: 71.0625em) {

	.container,
	.container-left,
	.container-right {max-width: 71em}
}

@media only screen and (min-width: 80.0625em) {
	.container,
	.container-left,
	.container-right {max-width: 80em}
}

@media only screen and (min-width: 90.0625em) {
	.container,
	.container-left,
	.container-right {max-width: 90em}
}

@media only screen and (min-width: 120.0625em) {
	.container,
	.container-left,
	.container-right {max-width: 120em}
}


/* --------------------------------------------------
    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
----------------------------------------------------*/
	a.disabled,
	a[disabled] { opacity: .5; cursor: default;}

/* --------------------------------------------------
    FORMS
----------------------------------------------------*/
	input, select, textarea, button {font-family:inherit;}

	form {font-size: 1rem;}

	form label:not(.button) {
		display: inline-block;
		min-height: 1.5em;
		height: 100%; max-height: 4.5rem;
		width:10em; /*max-width: 9em;*/
		margin-right: .5rem;
		overflow: hidden;
		vertical-align: top !important;
		font-size: inherit;
		line-height: 1.5rem;
	}
	label[for] {cursor: pointer}

	.block-labels label,
	form label.block,
	form label.inline-block {display: block; width: auto;}

	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;

		box-shadow: inset 0px 0px 0 1px rgba(0,0,0,.2);
	}
	input.transparent {background: none; border: none; box-shadow: none}

	input.short,
	select.short {
		width:50%; max-width: 9em;
	}


	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: inset 0px 0px 0 1px rgba(0,0,0,.4); 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="1"] { min-height: 1.5em}
	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: 1.5rem; vertical-align: middle; 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*/ }

	.inline-group li { display: inline;}
	.inline-group li a { /*vertical-align: middle*/}

	.inline-block-group li { display: inline-block; vertical-align: middle;}


	.float-group:before,
	.float-group:after {content: " ";display:table;}
	.float-group:after { clear: both}
	.float-group li { display: block; float:left}

	.inline-block-group.stacked li li,
	.float-group.stacked li li {display: block; }
	.float-group.stacked li li { clear: left;}

	.block-group li { display: block;}

	[class*="stacked-group"] li,
	[class*="stacked-group"] li a { display: block}

	.block-group.blocks a,
	.inline-block-group.blocks a {
		-webkit-appearance: none;
		-webkit-background-clip: padding; background-clip: padding-box;
		display: block;
		outline:none;
		overflow: visible;
		margin: 0;
		padding: 0 .75rem;
		vertical-align: top;
		line-height: 3em;
		height:3em;
		text-align: center;
	}

	.padded-group a { display: block; line-height: 3em; min-height: 3em; padding: 0 1em;}

	.-bullets,
	.-bullets li,
	.-bullets ol   { margin-left:0; padding-left: 0; list-style: none}

/* --------------------------------------------------
    BLOCKS
----------------------------------------------------*/
	.blocks a {display: block;}

/* --------------------------------------------------
    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,
	.transparent-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-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;
		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(.js-active) a,
	.active-buttons:not(nav) a:not(.js-active) { background:transparent; box-shadow: none;}

	.transparent.button,
	.transparent-buttons a,
	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:3rem; line-height: 3rem;}
	.skinny.blocks a,
	.skinny.block {height:1.5rem; line-height: 1.5rem;}

	.fat.button,a.fat.button,
	.fat.buttons a,
	.fat-buttons .button,
	.fat.input,
	.fat-inputs input:not([type="checkbox"]):not([type="radio"]),
	.fat-inputs select,
	.fat-inputs button,
	input.fat{height:3rem; line-height: 3rem;}

	.fat-inputs input.button + label {height:3rem !important; line-height: 3rem !important; vertical-align: middle !important;}

	.skinny.button,a.skinny.button,
	.skinny.buttons a {height:1.5rem; line-height: 1.5rem;}

	.wide.button { padding-left:1.5rem; padding-right:1.5rem}
	.wide.narrow { padding-left:.5rem; padding-right:.5rem}







/* --------------------------------------------------
    COLOURS
----------------------------------------------------*/




	.white,a.white,.whites {color: rgba(255,255,255,1);}
	[class*="whites"] a {color: inherit;}
	.white100,a.white100,.whites100,.whites100 a {color: rgba(255,255,255,.1);}
	.white200,a.white200,.whites200,.whites200 a {color: rgba(255,255,255,.2);}
	.white300,a.white300,.whites300,.whites300 a {color: rgba(255,255,255,.3);}
	.white400,a.white400,.whites400,.whites400 a {color: rgba(255,255,255,.4);}
	.white500,a.white500,.whites500,.whites500 a {color: rgba(255,255,255,.5);}
	.white600,a.white600,.whites600,.whites600 a {color: rgba(255,255,255,.6);}
	.white700,a.white700,.whites700,.whites700 a {color: rgba(255,255,255,.7);}
	.white800,a.white800,.whites800,.whites800 a {color: rgba(255,255,255,.8);}
	.white900,a.white900,.whites900,.whites900 a {color: rgba(255,255,255,.9);}



	.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;}
	.black,
	a.black,
	.blacks,
	.blacks a {color: #000;}

	.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}

/* Borders
 */
	[class*="black-border"] {border-color: rgb(0,0,0);}
	[class*="black-border50"] {border-color: rgba(0,0,0,.05);}
	[class*="black-border100"] {border-color: rgba(0,0,0,.1);}
	[class*="black-border200"] {border-color: rgba(0,0,0,.2);}
	[class*="black-border300"] {border-color: rgba(0,0,0,.3);}
	[class*="black-border400"] {border-color: rgba(0,0,0,.4);}
	[class*="black-border500"] {border-color: rgba(0,0,0,.5);}
	[class*="black-border600"] {border-color: rgba(0,0,0,.6);}
	[class*="black-border700"] {border-color: rgba(0,0,0,.7);}
	[class*="black-border800"] {border-color: rgba(0,0,0,.8);}
	[class*="black-border900"] {border-color: rgba(0,0,0,.9);}


	[class*="white-border"] {border-color: rgb(255,255,255);}
	[class*="white-border50"] {border-color: rgba(255,255,255,.05);}
	[class*="white-border100"] {border-color: rgba(255,255,255,.1);}
	[class*="white-border200"] {border-color: rgba(255,255,255,.2);}
	[class*="white-border300"] {border-color: rgba(255,255,255,.3);}
	[class*="white-border400"] {border-color: rgba(255,255,255,.4);}
	[class*="white-border500"] {border-color: rgba(255,255,255,.5);}
	[class*="white-border600"] {border-color: rgba(255,255,255,.6);}
	[class*="white-border700"] {border-color: rgba(255,255,255,.7);}
	[class*="white-border800"] {border-color: rgba(255,255,255,.8);}
	[class*="white-border900"] {border-color: rgba(255,255,255,.9);}


	[class*="gray-border"],
	[class*="gray-border400"] {border-color: #BDBDBD;}
	[class*="gray-border50"] {border-color: #FAFAFA;}
	[class*="gray-border100"] {border-color: #F5F5F5;}
	[class*="gray-border200"] {border-color: #EEEEEE;}
	[class*="gray-border300"] {border-color: #E0E0E0;}
	[class*="gray-border500"] {border-color: #9E9E9E;}
	[class*="gray-border600"] {border-color: #757575;}
	[class*="gray-border700"] {border-color: #616161;}
	[class*="gray-border800"] {border-color: #424242;}
	[class*="gray-border900"] {border-color: #212121;}


/* Backgrounds
 */
	.black50-bg {background-color: rgba(0,0,0,.05);}
	.black100-bg {background-color: rgba(0,0,0,.1);}
	.black200-bg {background-color: rgba(0,0,0,.2);}
	.black300-bg {background-color: rgba(0,0,0,.3);}
	.black400-bg {background-color: rgba(0,0,0,.4);}
	.black500-bg {background-color: rgba(0,0,0,.5);}
	.black600-bg {background-color: rgba(0,0,0,.6);}
	.black700-bg {background-color: rgba(0,0,0,.7);}
	.black800-bg {background-color: rgba(0,0,0,.8);}
	.black900-bg {background-color: rgba(0,0,0,.9);}
	.black-bg {background-color: rgb(0,0,0);}

	.white50-bg {background-color: rgba(255,255,255,.05);}
	.white100-bg {background-color: rgba(255,255,255,.1);}
	.white200-bg {background-color: rgba(255,255,255,.2);}
	.white300-bg {background-color: rgba(255,255,255,.3);}
	.white400-bg {background-color: rgba(255,255,255,.4);}
	.white500-bg {background-color: rgba(255,255,255,.5);}
	.white600-bg {background-color: rgba(255,255,255,.6);}
	.white700-bg {background-color: rgba(255,255,255,.7);}
	.white800-bg {background-color: rgba(255,255,255,.8);}
	.white900-bg {background-color: rgba(255,255,255,.9);}
	.white-bg {background-color: rgb(255,255,255);}

	.gray50-bg {background-color: #FAFAFA;}
	.gray100-bg {background-color: #F5F5F5;}
	.gray200-bg {background-color: #EEEEEE;}
	.gray300-bg {background-color: #E0E0E0;}
	.gray-bg,
	.gray400-bg {background-color: #BDBDBD;}
	.gray500-bg {background-color: #9E9E9E;}
	.gray600-bg {background-color: #757575;}
	.gray700-bg {background-color: #616161;}
	.gray800-bg {background-color: #424242;}
	.gray900-bg {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;}

	.white.button,
	button.white,
	.white[class*=buttons] a,
	.white.label,
	.white.tag,
	.white.tags a,
	.white.ribbon,
	.white.ribbons a {color: inherit;}

	.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-color,
	.facebook.color {color: #3b5998;}
	.facebook.button,
	.facebook-bg {background-color: #3b5998;}
	.twitter-color,
	.twitter.color {color: #00aced;}
	.twitter.button,
	.twitter-bg {background-color: #00aced; }
	.youtube-color,
	.youtube.color {color: #cd201f;}
	.youtube.button,
	.youtube-bg {background-color: #cd201f; }
	.instagram-color,
	.instagram.color {color: #517fa4;}
	.instagram.button,
	.instagram-bg {background-color: #517fa4; }
	.pinterest-color,
	.pinterest.color {color: #cb2027;}
	.pinterest-bg {background-color: #cb2027; }
	.soundcloud-color,
	.soundcloud.color {color: #cb2027;}
	.soundcloud-bg {background-color: #f50; }

	.facebook.button,
	.twitter.button,
	.youtube.button,
	.instagram.button,
	.pinterest.button,
	.soundcloud.button { 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,
	.button,
	a.button,
	label.button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"],
	[class*=buttons] a,
	.active-buttons .active a,
	.active-buttons .js-active a,
	input[type="file"][data-preview]::before {
		color: #505050;
		background-color: #FAFAFA;
	}

/*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: inset 0 0 0 1px rgba(250,96,61,.7);}



	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}

	.strike-outside {display: inline-block; position: relative; overflow: inherit !important;}
	.strike-outside:before,
	.strike-outside:after {
			content: '';
			position: absolute;
			background: rgba(0,0,0,.1);
			height: 1px;
			width: 100vw;
			top: 50%;
			margin-top: -1px;
	}
	.strike-outside:before {
		right: 100%;
		margin-right: .75em;
	}
	.strike-outside:after {
		left: 100%;
		margin-left: .75em;
	}

	.-text-decoration,
	a.-text-decoration,
	.-text-decoration *:not(.underline) {text-decoration: none !important}

/* Font Heights */
	.-line-height,
	.-line-heights * {line-height: inherit !important;}
	.line-height0,
	.line-heights0 * {line-height: 0 !important;}
	.line-height1,
	.line-heights1 * {line-height: 1em !important;}
	.line-height1-2,
	.line-heights1-2 * {line-height: 1.2em !important;}
	.line-height1-3,
	.line-heights1-3 * {line-height: 1.3em !important;}
	.line-height1-4,
	.line-heights1-4 * {line-height: 1.4em !important;}
	.line-height1-5,
	.line-heights1-5 * {line-height: 1.5em !important;}
	.line-height2,
	.line-heights2 * {line-height: 2em !important;}
	.line-height3,
	.line-heights3 * {line-height: 3em !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 {text-transform: initial !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,.-bolds.-bolds *,
	.-weight,.-weights,.-weights * { 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 {width:100%; max-width: 100%;}
	img.full-width {height: auto;}
	/*.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%;}
	img.full-height:not([class*="span"]) {width: auto;}
	.min-height {height:auto; min-height:0}
	.max-height {max-height: 100%}
	.auto-height {height: auto !important; }




	.full-width.full-height {width: 100%; height: 100% ; max-height: none; max-width: none;}

	.-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-xsm {margin:.5rem;}
	.margin-top-xsm {margin-top:.5rem;}
	.margin-right-xsm {margin-right:.5rem;}
	.margin-bottom-xsm {margin-bottom:.5rem;}
	.margin-left-xsm {margin-left:.5rem;}

	.margin-xxsm {margin:.25rem;}
	.margin-top-xxsm {margin-top:.25rem;}
	.margin-right-xxsm {margin-right:.25rem;}
	.margin-bottom-xxsm {margin-bottom:.25rem;}
	.margin-left-xxsm {margin-left:.25rem;}

	.margin-lg {margin:3rem;}
	.margin-top-lg {margin-top:3rem;}
	.margin-right-lg {margin-right:3rem;}
	.margin-bottom-lg {margin-bottom:3rem;}
	.margin-left-lg {margin-left:3rem;}
	.margin-xlg {margin:4.5rem;}
	.margin-top-xlg {margin-top:4.5rem;}
	.margin-right-xlg {margin-right:4.5rem;}
	.margin-bottom-xlg {margin-bottom:4.5rem;}
	.margin-left-xlg {margin-left:4.5rem;}
	.margin-xxlg {margin:6rem;}
	.margin-top-xxlg {margin-top:6rem;}
	.margin-right-xxlg {margin-right:6rem;}
	.margin-bottom-xxlg {margin-bottom:6rem;}
	.margin-left-xxlg {margin-left:6rem;}

	.-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-xsm {padding:.5rem;}
	.padding-top-xsm {padding-top:.5rem;}
	.padding-right-xsm {padding-right:.5rem;}
	.padding-bottom-xsm {padding-bottom:.5rem;}
	.padding-left-xsm {padding-left:.5rem;}
	.padding-xxsm {padding:.25rem;}
	.padding-top-xxsm {padding-top:.25rem;}
	.padding-right-xxsm {padding-right:.25rem;}
	.padding-bottom-xxsm {padding-bottom:.25rem;}
	.padding-left-xxsm {padding-left:.25rem;}

	.-padding {padding:0 !important; overflow: auto;}
	.-padding-top {padding-top:0 !important; overflow: auto;}
	.-padding-right {padding-right:0 !important;}
	.-padding-bottom {padding-bottom:0 !important; overflow: auto;}
	.-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;}

	.padding-lg {padding:3rem;}
	.padding-top-lg {padding-top:3rem;}
	.padding-right-lg {padding-right:3rem;}
	.padding-bottom-lg {padding-bottom:3rem;}
	.padding-left-lg {padding-left:3rem;}
	.padding-xlg {padding:4.5rem;}
	.padding-top-xlg {padding-top:4.5rem;}
	.padding-right-xlg {padding-right:4.5rem;}
	.padding-bottom-xlg {padding-bottom:4.5rem;}
	.padding-left-xlg {padding-left:4.5rem;}
	.padding-xxlg {padding:6rem;}
	.padding-top-xxlg {padding-top:6rem;}
	.padding-right-xxlg {padding-right:6rem;}
	.padding-bottom-xxlg {padding-bottom:6rem;}
	.padding-left-xxlg {padding-left:6rem;}


/* Positions
 */
	.relative {position: relative;}
	[class*="position-"] {position: absolute;
						-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
						-webkit-filter: blur(0);
						-webkit-font-smoothing: auto;

						/*-webkit-transform-style: preserve-3d;
						-moz-transform-style: preserve-3d;
						transform-style: preserve-3d;*/
	}


	[class*="position-top"] { top:0;}
	[class*="position-right"] { right:0;}
	[class*="position-bottom"] { bottom:0;}
	[class*="position-left"] { left:0;}

	.position-middle {
		top: 50%;
		-webkit-transform: translateY(-50%) translateZ(0) scale(1.0, 1.0);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%) translateZ(0) scale(1.0, 1.0) perspective(1px);
	}

	.position-center {
		left: 50%;
		-webkit-transform: translateX(-50%) translateZ(0) scale(1.0, 1.0);
		-ms-transform: translateX(-50%);
		transform: perspective(1px) translateX(-50%) translateZ(0) scale(1.0, 1.0) perspective(1px);
	}
	.position-center.position-middle {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0, 1.0);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0, 1.0) perspective(1px);
	}

	[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)}

	.box-shadow1 {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	.box-shadow2 {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
	.box-shadow3 {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
	.box-shadow4 {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
	.box-shadow5 {box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}

	.on-hover-box-shadow {transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
	.on-hover-box-shadow:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}


/* Shapes
 * .{fillet|rounded|pill|circle|square}
 *
 */
	.fillet,
	.fillet-buttons button,.fillet-buttons .button,
	.fillet-inputs input,
	.fillet-inputs select,
	.fillet-inputs textarea,
	.fillet-inputs button  {-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;}


	.rounded,
	.rounded-buttons buttons,.rounded-buttons .button,
	.rounded-inputs input,
	.rounded-inputs select,
	.rounded-inputs textarea {-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem; overflow: hidden}

	.pill,
	.pill-inputs input {-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em; overflow: hidden}

	.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}

	.-radius,
	.-radius-buttons button,.-radius-buttons .button,
	.-radius-inputs input,
	.-radius-inputs select,
	.-radius-inputs textarea,
	.square,
	.square-buttons button,.square-buttons .button,
	.square-inputs input,
	.square-inputs select,
	.square-inputs textarea  {-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.on-hover-dropdown li {position: relative}
	nav.on-hover-dropdown ul ul {opacity: 0; max-height: 0; overflow: hidden; position: absolute; top:100%;}
	nav.on-hover-dropdown ul li:hover ul {opacity: 1; max-height: 100vh; overflow: auto;}

	nav.on-hover-dropdown.transition-dropdown ul ul { transition: opacity .3s, max-height .3s;}

	nav.on-hover-dropdown.dropdown-throw-left ul ul {top: 0; right: 100%;}


	nav.toggle-close li:not(.active):not(.js-active) {max-height: 0; overflow: hidden;}
	nav.toggle-open li { max-height: 999px}

	.li-with-divider li:not(:first-child):before { content:'|'; padding:0 .75em;}
	/*.inline-group.li-with-divider li:not(:first-child):before { content:'|'; padding:0 .75em;}*/

	.li-with-angle-right > ul > li:before { content:'\203A'; padding:0 .75em; line-height: 1.5em;}
	/*.li-with-angle-left > ul > li { content:'\f105'; padding-left:0 .75em; line-height: 1.5em;}*/

	/*.li-with-angle-down > ul > li {position: relative;}
	.li-with-angle-down > ul > li li {position: initial;}
	.li-with-angle-down > ul > li > ul:after { position: absolute; top: 0; right:0; content:'\203A'; padding:0 .75em; line-height: 1.5em;}*/

	.li-with-border-bottom  li { border-bottom: .25em solid red;}

	.a-with-border-bottom a { border-bottom: .25em solid red;}

	/* --------------------------------------------------
    CANVAS TOGGLE
    body.js-toggle-canvas{-left|-right}
    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[class*="js-toggle-canvas"] .on-canvas,
	body[class*="js-toggle-canvas"] [class*="off-canvas"] {transition: left .3s; left: 0;}
	body[class*="js-toggle-canvas"] [class*="off-canvas"]  {width: 70vw;}
	body.js-toggle-canvas-left .off-canvas,
	body.js-toggle-canvas-left .off-canvas-right {left: 100vw;}
	body.js-toggle-canvas-right .off-canvas,
	body.js-toggle-canvas-right .off-canvas-left {left: -70vw;}

	body[class*="js-toggle-canvas"].js-off-canvas .on-canvas { left: -70vw;}
	body[class*="js-toggle-canvas"].js-off-canvas [class*="off-canvas"]  { left: 30vw;}

	body.js-toggle-canvas-right.js-off-canvas .on-canvas { left: 70vw;}
	body.js-toggle-canvas-right.js-off-canvas .off-canvas,
	body.js-toggle-canvas-right.js-off-canvas .off-canvas-left { left: 0vw;}



/* --------------------------------------------------
    TYPOGRAPHY
    16px/24px

    http://zellwk.com/blog/viewport-based-typography/

----------------------------------------------------*/

	body {font-size: 100%; line-height: 1.5rem;  font-family: 'Helvetica Neue', sans-serif; text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased
	}
	h1,h2,h3,h4,h5,h6 {font-weight: 700;}
	h1,h2,h3,h4,h5,h6,p {margin:0;}

	.title { font-size: 3.583em; }
	.subtitle { font-size: 2.986em; }
	h1,
	.xxlarge { font-size: 2.448em; }
	h2,
	.xlarge { font-size: 2.074em;}
	h3,
	.large {font-size: 1.728em; }
	h4,
	.xmedium {font-size: 1.44em;}
	h5,
	.medium {font-size: 1.2em;}
	h6,
	.normal,
	p { font-size: 1em; }
	.small {font-size: .833em; }
	.xsmall {font-size: .694em; }
	.xxsmall {font-size: .579em;}

	.title,
	.title * { line-height: 4.5rem;}
	.subtitle,
	.subtitle * {line-height: 4rem;}
	h1,
	.xxlarge,
	.xxlarge * { line-height: 3.5rem;}
	h2,
	.xlarge,
	.xlarge * { line-height: 3rem;}
	h3,
	.large,
	.large * {line-height: 2.25rem;}
	h4,
	.xmedium,
	.xmedium * {line-height: 2rem;}
	h5,
	.medium,
	.medium * {line-height: 2rem;}
	h6,
	.normal,
	.normal *,
	p { line-height: 1.5rem;}
	.small,
	.small * {line-height: 1.5rem;}
	.xsmall,
	.small * {line-height: 1.25rem;}
	.xxsmall,
	.xxsmall * {line-height: 1.25rem;}


	/*.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: 1em;}

	.copy .title,
	.copy .subtitle,
	.copy h1,
	.copy .xxlarge,
	.copy h2,
	.copy .xlarge,
	.copy h3,
	.copy .large,
	.copy h4,
	.copy .medium,
	.copy .xmedium,
	.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 .xmedium,
	.-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:0; }
	blockquote:before,
	blockquote:after {font-family: "Serif"; color: inherit;line-height: 0; font-size: 3em;}
	blockquote:before { content: open-quote;vertical-align: middle;}
	blockquote:after {content:close-quote;vertical-align: -.5em;}
	blockquote p {display: inline;}

	cite { font-style: normal; font-size: .8rem; line-height: inherit; margin-left:.25rem;}
	cite:before { font-family: FontAwesome; content:'\f0e5' }


/* --------------------------------------------------
    OBJECTS
----------------------------------------------------*/

	/* Modal
	 * https://css-tricks.com/considerations-styling-modal/ */



/* --------------------------------------------------
    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
    .js-method
----------------------------------------------------*/

	.js-toggle-open,
	.js-toggle-close {overflow: hidden; min-height: 0;  transition: max-height .3s, opacity .3s; height: auto;}
	.js-toggle-open {max-height:inherit; opacity: 1;}
	.js-toggle-close { max-height: 0;opacity: 0;}


/* --------------------------------------------------
    JS
    [data-method=""]
----------------------------------------------------*/

/* 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; }



/* CREDIT CARD
 */


	.js-creditcardvalidator  [name="CardType"],
	.js-creditcardvalidator  [name="CardType"]:not(:checked) + img {display: none;}
	.js-creditcardvalidator  [name="CardType"] + img {position: absolute;z-index: 1;top: 1.8em;left: 0;height: 2.4em;margin-left: .25em;}
	.js-creditcardvalidator  [name="CardNumber"] { text-indent: 4.75rem; font-size: 1.3em; padding-left: 0; padding-right:0;}

	.js-creditcardvalidator  [name="CardType"] ~ i {z-index: -1; position: absolute;top: 1.8em;right: 0;margin-right: .5em;line-height: 2.4em;}
	.js-creditcardvalidator[data-valid="true"] [name="CardType"] ~ i {z-index: 2;}


/* PICKADATE/PICKATIME
*/
	.picker, .picker div {min-height: 0;}

/* PREVIEW IMAGE/DOC
 */
	.wrapper.preview-image img {max-width: 100%; }
	.wrapper.preview-image div { font-size: 80%;min-height: 3em; line-height: 1.5em;}
	.wrapper.preview-image input {margin-top: .75em}
	.wrapper.preview-image div:empty {display: none;}


	.wrapper.preview-image.preview-multiple span:not(:empty) {vertical-align: top; width: 9em; display: inline-block;}



/* 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}
	.redactor-editor {padding-left: .75em !important; padding-right: .75em !important;}
	.redactor-editor p:first-child {margin-top: 0 !important;}