/* Based on Articlr v1.0 by Paul Browne, normalize.css & boilerplate.css */

/**
 * Correct 'display:block' not defined for any HTML5 element in IE 8/9.
 * Correct 'display:block' not defined for `details` or `summary` in IE 10/11and Firefox.
 * Correct 'display:block' not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio, canvas, img, video {
	vertical-align: middle;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden] {
	display: none;
}

/**
 * 1. Set default font size to 100%.
 * 2. Prevent iOS text size adjust after orientation change, without disabling  user zoom.
 */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/*overflow-y: scroll;*/ /*Uncomment to always show the scroll bar so sthere's no jumpiness when page size changes */
}

a:focus {
	*outline: thin dotted;
}

/* A better looking default horizontal rule */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	margin: 0 0 1.4118em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 65%;
	line-height: 0;
	font-weight: 400;
}

sup {
	top: -0.7em;
}

sub {
	bottom: -0.3em;
}

dd {
	margin: 0 0 0 2.2em;
}

menu, ol, ul {
	padding: 0 0 0 2.2em;
}

ul ul {
	margin-bottom: 0;
}

ol ol {
	list-style-type: lower-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

/* Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

/* Forms
 *-----------------------------------------------------------------------------
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
form {
	margin: 0;
}

/* Remove default fieldset styles. */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Allow only vertical resizing of textareas. */
textarea {
	resize: vertical;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	padding: 0;
	border: 0;
	white-space: normal;
	*margin-left: -7px;
}

/**
 * 1. Correct color not being inherited. (Known issue: affects color of disabled elements.)
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit;  /* 2 */
	margin: 0;      /* 3 */
}

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button, input, select, textarea {
	margin: 0;
	vertical-align: baseline;
	font-size: 100%;
	*vertical-align: middle;
}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;		/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
	cursor: default;
}

/**
 * It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0;				/* 2 */
	*height: 13px;
	*width: 13px;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Tables
 * ---------------------------------------------------------------------------- */

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td, th {
  padding: 0;
}

html, button, input, select, textarea {
	color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #37F;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #37F;
	color: #fff;
	text-shadow: none;
}

.chromeframe {
	margin: .2em 0;
	padding: .2em 0;
	background: #ccc;
	color: #000;
}

p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-epub-hyphens: auto;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Image replacement */
.ir {
	overflow: hidden;
	border: 0;
	background-color: transparent;
	*text-indent: -9999px;
}

.ir:before {
	display: block;
	width: 0;
	height: 150%;
	content: "";
}

.show {
	display: block !important;
}

/* Hide from both screenreaders and browsers */
.hidden {
	display: none !important;
	visibility: hidden !important;
}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	margin: 0;
	width: auto;
	height: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

th::selection {
	background: transparent;
	color: inherit;
}

th::-moz-selection {
	background: transparent;
	color: inherit;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix, .row {
	*zoom: 1;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
	display: table;
	content: " ";
}
.clearfix:after, .row:after {
	clear: both;
}

/* @Font-face
 * ---------------------------------------------------------------------------------------- */

/* fonts for every browser */
@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* .svg for chrome */
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: 'iconfont';
		src: url('../fonts/iconfont.svg#iconfont') format('svg');
	}
}
/* .woff for opera mini & mobile */
@media only screen and (-o-min-device-pixel-ratio: 10/10) {
	@font-face {
		font-family: 'iconfont';
		src: url('../fonts/iconfont.woff') format('woff');
	}
}

/* Typography
 * ---------------------------------------------------------------------------------------- */
body {
	margin: 0;
	color: #4d4d4d;
	font-size: 14px;
	font-family: 'Roboto', helvetica, verdana, sans;
	line-height: 1.428;
}

/* The 'universal' margin-bottom should be equal to the line-height of the body */
.no-break, .indent, p, pre, dl, menu, ol, ul, address, blockquote, figure, table, table caption {
	margin-bottom: .714em;
	margin-top: 0;
}

/* A reset of sorts, to force all inline-elements like <ins>World!</ins> to NOT adjust the line-height of the parent <p>Hello <ins>World!</ins></p> */
a, small, s, q, u, i, b, strike, strong, mark, abbr, def, cite, var, kbd, span, em, ins, del, code, samp {
	line-height: 1em;
}

a, a:visited {
	color: #37F;
	text-decoration: none;
	font-weight: 400;
}

a:hover, a:visited:hover, a:focus, a:visited:focus {
	outline: 0;
	color: #d22;
}

a:link, a:visited:link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .fineprint {
	text-rendering: optimizelegibility;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0; /* !important;*/
}

h1, .h1 {
	font-size: 2.1177em;
	line-height: 1.0834em;
	margin-bottom: 0.54em;
}

h2, .h2 {
	font-size: 1.765em;
	line-height: 1.0834em;
	margin-bottom: 0.54em;
}

h3, .h3 {
	font-size: 1.4118em;
	line-height: 1.0834em;
	margin-bottom: .54em;
}

h4, .h4 {
	font-size: 1.1765em;
	line-height: 1.3em;
	margin-bottom: .54em;
}

h5, .h5 {
	font-size: 1em;
	line-height: 1.428em;
	margin-bottom: .54em;
}

/* <h6> & .fineprint have a margin-bottom of half the line-height of the body */
h6, .h6 {
	font-size: 0.8059em;
	line-height: 1.0834em;
	margin-bottom: .54em;
}

.fineprint {
	color: #565656;
	text-shadow: 0 0;
	font-weight: normal;
	font-size: 0.6295em;
	line-height: 1.4445em;
	margin-bottom: .714em;
}

.fineprint::selection {
	background: #000;
	color: #fff;
}

.fineprint::-moz-selection {
	background: #000;
	color: #fff;
}

/* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong {
	font-family: 'Roboto';
	font-weight: 700;
}

i, dfn, em, cite, var {
	font-style: italic;
}

i, dfn, var {
	font-family: 'Roboto';
	font-weight: 300;
}

em, cite {
	font-family: 'Droid Serif';
	font-weight: 400;
}

/* Address inconsistent and variable font size in all browsers. */
small, .small {
	font-size: 80%;
}

/* Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] {
	border-bottom: 1px dotted;
}

u, ins {
	border-bottom: 1px solid #4d4d4d;
	text-decoration: none;
}

s, strike, del {
	text-decoration: line-through;
}

/* Address styling not present in IE 8/9. */
mark, span.mark {
	background: #ff0;
	color: #000;
}

/* <pre> tag styles */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Set <pre> tab size to 4 spaaces */
pre {
	-moz-tab-size:    4;
	-o-tab-size:      4;
	-webkit-tab-size: 4;
	-ms-tab-size:     4;
	tab-size:         4;
}

code, kbd, pre, samp {
	font-family: 'ubuntu mono', 'courier new', serif;
	_font-family: 'courier new', monospace;
	line-height: 1.1em;
}

pre code {
/* 	line-height: 1.3em; */
/* 	font-size: 11px; */
}

/* Remove bullets and padding from lists */
.list-unstyled {
	list-style: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

dt {
	font-weight: 400;
}

dl.inline dd {
	margin-left: 0;
}

dl.inline dt, dl.inline dd {
	display: inline-block;
	*display: inline;
}

dl.inline dt: after {
	content: ";";
}

dl.inline dd: after {
	content: ".";
}

p.halfgap {
	margin: -0.7648em 0 0 0;
}

span.initialx2 {
	float: left;
	margin-right: 0.1em;
	font-weight: 400;
	font-size: 3.1765em;
	line-height: 0.95em;
}

span.initialx2 strong {
	line-height: 0.95em;
}

span.initialx3 {
	float: left;
	margin-right: 0.1em;
	font-weight: 400;
	font-size: 5em;
	line-height: 0.88em;
}

span.initialx3 strong {
	line-height: 0.8em;
}

address, blockquote {
	font-style: normal;
	margin-bottom: 20px;
	line-height: 1.428;
}

blockquote {
	margin: 0 0 1.5295em 0;
}

blockquote:before {
	float: left;
	content: '\22';
	font-style: normal;
	font-size: 3.53em;
	font-family: "iconfont";
	line-height: 0.83em;
	opacity: .4;
	-ms-filter: "alpha(opacity=40)";
	filter: alpha(opacity=40);
}

q:before, q:after {
	position: relative;
	top: -0.6em;
	vertical-align: baseline;
	font-size: 58%;
	font-family: 'iconfont';
	line-height: 0;
	opacity: .66;
	-ms-filter: "alpha(opacity=66)";
	filter: alpha(opacity=66);
}

aside[class*="left-"] {
	border-right: 0.65em solid #eee;
}

aside[class*="right-"] {
	border-left: 0.65em solid #eee;
}

q:after {
	content: '\22';
}

q:before {
	content: '\201c';
}

.no-break > p {
	display: inline;
}

.no-break > p, .indent > p {
	margin-bottom: 0;
}

.no-break > p +[class*="col-"], .no-break > p + .row, .indent > p +[class*="col-"], .indent > p + .row {
	margin-top: 1.5295em;
}

.indent > p + p {
	text-indent: 2.5em;
}

.center-text {
	text-align: center;
}

.right-text {
	text-align: right;
}

.left-text {
	text-align: left;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

img {
	margin-top: 0.4706em;
	margin-bottom: 0.7648em;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Alignment, Margins, Borders, Shadows, Boxes
 * ---------------------------------------------------------------------------------------- */

.top-margin {
	margin-top: 15px !important;
}

.bottom-margin {
	margin-bottom: 15px !important;
}

.top-padding {
	padding-top: 15px !important;
}

.bottom-padding {
	padding-bottom: 15px !important;
}

.shadow {
	box-shadow: 5px 5px 5px #c0c0c0;
}

.outline {
	outline: 1px solid #d6d6d6;
}

.dialog {
	border: 1px solid #d6d6d6;
	padding: 25px;
}

.border {
	border: 1px solid #d6d6d6;
}

.border-right {
	border-right: 1px solid #d6d6d6;
}

.border-left {
	border-left: 1px solid #d6d6d6;
}

.border-top {
	border-top: 1px solid #d6d6d6;
}

.border-bottom {
	border-bottom: 1px solid #d6d6d6;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

/* Icon Fonts
 * ---------------------------------------------------------------------------------------- */
 
[class*="icon-"] {
	font-family: 'iconfont';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0;
}
[class*="icon-"]:before {
	position: relative;
	top: 0.13em;
}
[class*="icon-"]:before {
	font-size: 1.1765em;
}
.icon-warning:before {
	content: "\21";
}
.icon-quote:before {
	content: "\22";
}
.icon-cart:before {
	content: "\24";
}
.icon-repeat:before {
	content: "\25";
}
.icon-ampersand:before {
	content: "\26";
}
.icon-sort:before {
	content: "\62";
}
.icon-left:before {
	content: "\28";
}
.icon-file:before {
	content: "\77";
}
.icon-star:before {
	content: "\2a";
}
.icon-plus:before {
	content: "\2b";
}
.icon-arrow-up:before {
	content: "\2c";
}
.icon-minus:before {
	content: "\2d";
}
.icon-arrow-down:before {
	content: "\2e";
}
.icon-thumbs-up:before {
	content: "\2f";
}
.icon-number-0:before {
	content: "\30";
}
.icon-number-1:before {
	content: "\31";
}
.icon-number-2:before {
	content: "\32";
}
.icon-number-3:before {
	content: "\33";
}
.icon-number-4:before {
	content: "\34";
}
.icon-number-5:before {
	content: "\35";
}
.icon-number-6:before {
	content: "\36";
}
.icon-number-7:before {
	content: "\37";
}
.icon-number-8:before {
	content: "\38";
}
.icon-number-9:before {
	content: "\39";
}
.icon-down:before {
	content: "\3a";
}
.icon-up:before {
	content: "\3b";
}
.icon-arrow-left:before {
	content: "\3c";
}
.icon-menu:before {
	content: "\3d";
}
.icon-arrow-right:before {
	content: "\3e";
}
.icon-help:before {
	content: "\3f";
}
.icon-right:before {
	content: "\29";
}
.icon-bookmark:before {
	content: "\42";
}
.icon-clock:before {
	content: "\43";
}
.icon-dribbble:before {
	content: "\44";
}
.icon-login:before {
	content: "\45";
}
.icon-facebook:before {
	content: "\46";
}
.icon-google-plus:before {
	content: "\47";
}
.icon-home:before {
	content: "\48";
}
.icon-picture:before {
	content: "\49";
}
.icon-picasa:before {
	content: "\4a";
}
.icon-key:before {
	content: "\4b";
}
.icon-linkedin:before {
	content: "\4c";
}
.icon-mail:before {
	content: "\4d";
}
.icon-feed:before {
	content: "\4e";
}
.icon-logout:before {
	content: "\4f";
}
.icon-pinterest:before {
	content: "\50";
}
.icon-comment:before {
	content: "\51";
}
.icon-reply:before {
	content: "\52";
}
.icon-cog:before {
	content: "\53";
}
.icon-twitter:before {
	content: "\54";
}
.icon-user:before {
	content: "\55";
}
.icon-play:before {
	content: "\56";
}
.icon-remove:before {
	content: "\58";
}
.icon-ok:before {
	content: "\59";
}
.icon-tools:before {
	content: "\5a";
}
.icon-sort-up:before {
	content: "\5b";
}
.icon-foward:before {
	content: "\66";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-sort-down:before {
	content: "\5d";
}
.icon-upload:before {
	content: "\75";
}
.icon-plane:before {
	content: "\61";
}
.icon-vimeo:before {
	content: "\76";
}
.icon-cross:before {
	content: "\78";
}
.icon-search:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\63";
}
.icon-download:before {
	content: "\64";
}
.icon-earth:before {
	content: "\65";
}
.icon-github:before {
	content: "\67";
}
.icon-heart:before {
	content: "\68";
}
.icon-info:before {
	content: "\69";
}
.icon-phone:before {
	content: "\74";
}
.icon-disk:before {
	content: "\73";
}
.icon-link:before {
	content: "\6c";
}
.icon-map-marker:before {
	content: "\6d";
}
.icon-retweet:before {
	content: "\72";
}
.icon-print:before {
	content: "\70";
}
.icon-flickr:before {
	content: "\6b";
}
.icon-camera:before {
	content: "\6a";
}
.icon-credit:before {
	content: "\7b";
}
.icon-paypal:before {
	content: "\7d";
}
.icon-youtube:before {
	content: "\79";
}
.icon-spinner:before {
	content: "\6f";
}
.icon-music:before {
	content: "\6e";
}
.icon-share:before {
	content: "\7a";
}
.icon-verified:before {
	content: "\2714";
}
.icon-bar:before {
	content: "\2015";
}
.icon-at:before {
	content: "\7c";
}
.icon-open-quote:before {
	content: "\201c";
}
.icon-alarm:before {
	content: "\5f";
}
.icon-tag:before {
	content: "\23";
}
.icon-pencil:before {
	content: "\57";
}
.icon-paperclip:before {
	content: "\41";
}


/* Grid
 * ---------------------------------------------------------------------------------------- */

.row { margin-left: auto; margin-right: auto; max-width: 1840px; width: 97%; }
.content-wrap { padding: 1em 1em 0 1em; }

@media only screen and (min-width: 768px) {

	[class*="col-"] {
		position: relative;
		float: left;
		margin-left: 0;
		min-height: 1px;
	}

	/* rules for nested columns */
	[class*="col-"] .row {
		width: 100%;
	}

	[class*="col-"] .row > [class*="col-"]:first-child {
		padding-left: 0;
	}

	[class*="col-"] .row > [class*="col-"]:last-child {
		padding-right: 0;
	}
	
	[class*="col-"].center {
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto !important;
	}


	/**	
	 *	12 Column Grid
	 */
	.col-12-1 { width: 8.333%; }
	.col-12-2 { width: 16.666%; }
	.col-12-3 { width: 24.999%; }
	.col-12-4 { width: 33.332%; }
	.col-12-5 { width: 41.665%; }
	.col-12-6 { width: 49.998%; }
	.col-12-7 { width: 58.331%; }
	.col-12-8 { width: 66.664%; }
	.col-12-9 { width: 74.997%; }
	.col-12-10 { width: 83.33%; }
	.col-12-11 { width: 91.663%; }
	.col-12-12 { width: 100%; }

	/**	
	 *	16 Column Grid	
	 */
	.col-16-1 { width: 6.25%; }
	.col-16-2 { width: 12.5%; }
	.col-16-3 { width: 18.75%; }
	.col-16-4 { width: 25%; }
	.col-16-5 { width: 31.25%; }
	.col-16-6 { width: 37.5%; }
	.col-16-7 { width: 43.75%; }
	.col-16-8 { width: 50%; }
	.col-16-9 { width: 56.25%; }
	.col-16-10 { width: 62.5%; }
	.col-16-11 { width: 68.75%; }
	.col-16-12 { width: 75%; }
	.col-16-13 { width: 81.25%; }
	.col-16-14 { width: 87.5%; }
	.col-16-15 { width: 93.75%; }
	.col-16-16 { width: 100%; }

	/**	
	 *	18 Column Grid
	 */
	.col-18-1 { width: 5.555%; }
	.col-18-2 { width: 11.11%; }
	.col-18-3 { width: 16.665%; }
	.col-18-4 { width: 22.22%; }
	.col-18-5 { width: 27.775%; }
	.col-18-6 { width: 33.33%; }
	.col-18-7 { width: 38.885%; }
	.col-18-8 { width: 44.44%; }
	.col-18-9 { width: 49.995%; }
	.col-18-10 { width: 55.55%; }
	.col-18-11 { width: 61.105%; }
	.col-18-12 { width: 66.66%; }
	.col-18-13 { width: 72.215%; }
	.col-18-14 { width: 77.77%; }
	.col-18-15 { width: 83.325%; }
	.col-18-16 { width: 88.88%; }
	.col-18-17 { width: 94.435%; }
	.col-18-18 { width: 100%; }	
}


/*
Print Styles
============
*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /*black prints faster*/
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href)")";
	}
	abbr[title]:after {
		content: " (" attr(title)")";
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}