@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}


/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}


/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	color: #646464;
	line-height: 1.4;
	font-size: 1.5em;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* BP 2 */
@media screen and (max-width: 768px) {
	body {
		font-size: 1.4em;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	body {
		font-size: 1.3em;
	}
}

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

.icon-before:before,
.icon-after:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-before.icon-book:before,
.icon-after.icon-book:after {
	content: "\e900";
}
.icon-before.icon-circle-email:before,
.icon-after.icon-circle-email:after {
	content: "\e901";
}
.icon-before.icon-circle-facebook:before,
.icon-after.icon-circle-facebook:after {
	content: "\e902";
}
.icon-before.icon-circle-twitter:before,
.icon-after.icon-circle-twitter:after {
	content: "\e903";
}
.icon-before.icon-computer:before,
.icon-after.icon-computer:after {
	content: "\e904";
}
.icon-before.icon-home:before,
.icon-after.icon-home:after {
	content: "\e905";
}
.icon-before.icon-magnifying-glass:before,
.icon-after.icon-magnifying-glass:after {
	content: "\e906";
}
.icon-before.icon-trophy:before,
.icon-after.icon-trophy:after {
	content: "\e907";
}
.icon-before.icon-twitter:before,
.icon-after.icon-twitter:after {
	content: "\e908";
}



/* ---- Headings ---- */
h1 {
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #fff;
	font-family: 'DIN Next W01 Regular', Helmet, Freesans, sans-serif;
	font-weight: normal;
	font-size: 2.8rem;
	color: #5c4965;
}

h2 {
	margin: 16px 0 10px;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #fff;
	font-family: 'DIN Next W01 Medium', Helmet, Freesans, sans-serif;
	font-weight: normal;
	font-size: 2rem;
	color: #0062a7;
}

h3 {
	margin: 13px 0 11px;
	line-height: 1.2;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	color: #646464;
}

h4 {
	margin: 13px 0 10px;
	line-height: 1.2;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	color: #000;
}

h5 {
	margin: 13px 0 10px;
	line-height: 1.4;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	color: #000;
}

h6 {
	margin: 13px 0 10px;
	line-height: 1.4;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	color: #000;
}

/* BP 2 */
@media screen and (max-width: 768px) {
	h1 {
		font-size: 2.3rem;
		margin-bottom: 5px;
	}

	h2 {
		font-size: 1.8rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.4rem;
	}

	h5 {
		font-size: 1.3rem;
	}

	h6 {
		font-size: 1.2rem;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.6rem;
	}

	h3 {
		font-size: 1.4rem;
	}

	h4 {
		font-size: 1.3rem;
	}

	h5 {
		font-size: 1.2rem;
	}

	h6 {
		font-size: 1.1rem;
	}
}

/* ---- Breadcrumbs ---- */
.breadcrumb {
	border-top: 1px solid #D5D4D4;
	color: #c6c6c6;
	margin-top: 17px;
	padding: 10px 0 10px;
	font-size: 1.4rem;
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.breadcrumb {
		margin-top: 10px;
		font-size: 1.2rem;
	}
}

	body#home #column-inner-left h2,
	body#home #column-inner-right h2 {
		color: #2277b3;
	}


	#column-enews h2 {
		border-bottom: 1px solid #c6c6c6;
	}

	div.banner-tab h2 {
		padding: 0 30px 0 79px;
		height: 100px;
		vertical-align: middle;
		display: table-cell;
		text-shadow: none;
		color: #314369;
		position: relative;
		z-index: 1;
	}
	div.banner-tab:before,
	div.banner-tab h2 {
		transition: color 200ms ease 200ms;
	}

	div.banner-tab.on h2 {
		color: #fff;
	}

	#banner-overlay h2 {
		padding: 0 0 30px 36px;
		width: 740px;
		height: 370px;
		display: table-cell;
		vertical-align: bottom;
		text-shadow: 1px 1px 1px #343238;
		font-size: 30px;
		color: #fff;
	}


	#column-logo h4 {
		margin: 12px 0 48px;
		text-shadow: 1px 1px 1px #333;
		letter-spacing: 0.1em;
		font-weight: 100;
	}
	#column-enews h4 {
		padding: 3px 0 0;
		text-shadow: 1px 1px 1px #111;
		font-weight: 100;
		font-size: 14px;
	}
	.logo-asta {
		padding: 8px 20px;
		max-height: 94px;
	}



/* Copy */

p {
	margin: 0 0 9px 0;
}

	p.vert-mid * { vertical-align: middle; }

	#column-mid p {
		background: url('../images/sep_home_twitter.png') no-repeat 0 bottom;
		padding: 0 5px 12px 12px;
	}

	#column-mid p span {
		font-weight: bold;
		color: #0062a7;
	}

	p#copyright {
		margin: 20px 20px 10px;
		text-shadow: 1px 1px 1px #444444;
		text-align: right;
		font-weight: 100;
		font-size: 13px;
		color: #afafaf;
	}

	body#home #column-inner-left p.date,
	body#home #column-inner-right p.date {
		margin: -8px 0 9px 0;
		font-weight: bold;
	}

	#banner-overlay span {
		line-height: 1.25em;
		font-size: 14px;
		color: #ffd14e;
	}


strong { font-weight: bold; }

em { font-style: italic; }

#column-right ul li {
	background: url('../images/sep_sidelinks.gif') repeat-x bottom;

}

	#column-right ul li a:link,
	#column-right ul li a:visited {
		background: url('../images/deco_arw_orange.png') no-repeat -1px 1px;
		text-decoration: none;
		color: #314368;
		padding: 10px 0 10px 10px;
		display: block;
		font-weight: bold;
		text-shadow: 1px 1px #fff;
	}

	#column-right ul li a:hover,
	#column-right ul li a:focus,
	#column-right ul li a:active {
		color: #ef8214;
	}


ul.messages {
	list-style-type: none;
	margin: 20px 0;
	padding: 10px;
	background: #DEEDF1;
	border: 1px solid #238BA7;
}


/* Images */

#logo img {
	margin: 0 0 0 0;
	display: block;
	border: 0;
}

#bnr-alerts img {
	margin: 0 0 8px 0;
	display: block;
}

#column-enews h4 img {
	vertical-align: -20%;
	margin: 0 3px 0 0;
}

.left {
	margin: 0 25px 20px 0;
	float: left;
}

.right {
	margin: 0 0 20px 25px;
	float: right;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.left,
	.right {
		margin: 7px 0 17px;
		float: none;
	}
}

a img {
	border-style: none;
}


/* Links */

a {
	text-decoration: underline;
	color: #ef8214;
}

a:hover,
a:focus,
a:active {
	color: #d06d0a;
}

#logo img a {
	outline: none;
}

.breadcrumb a:link,
.breadcrumb a:visited {
	text-decoration: none;
	color: #c6c6c6;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	text-decoration: underline;
}

#column-mid h4 a:link,
#column-mid h4 a:visited {
	background: url('../images/deco_arw_orange.png') no-repeat 12px -9px;
	text-decoration: none;
	padding: 0 0 0 22px;
	color: #314368;
}

#column-mid h4 a:hover,
#column-mid h4 a:focus,
#column-mid h4 a:active {
	color: #ef8214;
}





/* ---- Social list ---- */
.social-list:before,
.social-list:after {
	content: " ";
	display: table;
}
.social-list:after {
	clear: both;
}
.social-list__item:before,
.social-list__item:after {
	content: " ";
	display: table;
}
.social-list__item {
	margin-bottom: 12px;
}
.social-list__item:last-child {
	margin-bottom: 0;
}
.social-list__item:after {
	clear: both;
}
.social-list__item a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 1.6rem;
	line-height: 1.1;
	color: #314369;
}
.social-list__item a:hover,
.social-list__item a:focus {
	color: #314369;
}

.social-list__item a:before {
	display: inline-block;
	float: left;
	font-size: 60px;
	vertical-align: middle;
	margin: -13px 8px 0 0;
}
.social-list__item a.icon-circle-facebook:before {
	color: #3b5999;
}
.social-list__item a.icon-circle-twitter:before {
	color: #55acee;
}
.social-list__item a.icon-circle-email:before {
	color: #f0ab00;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.social-list__item a:before {
		font-size: 44px;
		margin: -7px 8px 0 -3px;
	}
	.social-list__item a {
		font-size: 1.4rem;
	}
	.social-list__item {
		margin-bottom: 8px;
	}
}
/* BP 2 */
@media screen and (max-width: 768px) {
	.social-list__item {
		float: left;
		margin-right: 2%;
		margin-bottom: 0;
		width: 32%;
	}
	.social-list__item:last-child {
		margin-right: 0;
	}
	.social-list__item a {
		font-size: 1.3rem;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.social-list__item a {
		font-size: 1.2rem;
	}
	.social-list__item a:before {
		font-size: 32px;
		margin: -5px 6px 0 -3px;
	}
}

/* Extra BP */
@media screen and (max-width: 500px) {
	.social-list {
		text-align: center;
	}
	.social-list__item a:before {
		float: none;
		display: block;
		margin: 0 auto 5px;
	}
}

/* Extra BP */
@media screen and (max-width: 350px) {
	.social-list__item a:before {
		float: left;
		margin: -3px 7px 0 -4px;
	}
	.social-list {
		text-align: left;
	}
	.social-list__item {
		float: none;
		margin: 0 0 8px;
		width: 100%;
	}
}

/* ---- Buttons ---- */
.button {
	background: rgb(235,174,11); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(235,174,11,1) 0%, rgba(213,117,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(235,174,11,1) 0%,rgba(213,117,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(235,174,11,1) 0%,rgba(213,117,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 10px 15px;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.2;
	-webkit-appearance: none;
	outline: none;
	border: none;
}

.button:hover,
.button:focus {
	background: rgb(232,186,69); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(232,186,69,1) 0%, rgba(209,131,58,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(232,186,69,1) 0%,rgba(209,131,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(232,186,69,1) 0%,rgba(209,131,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #FFF;
}

/* Grey */
.button.button-grey {
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #646464;
}
.button.button-grey:hover,
.button.button-grey:focus {
	background: rgb(249,249,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Small */
.button.button-small {
	padding: 5px 10px;
	font-size: 1.1rem;
}

/* Large */
.button.button-large {
	padding: 12px 16px;
	font-size: 1.5rem;
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.button,
	.button.button-large {
		padding: 5px 10px;
		font-size: 1.1rem;
	}
}


/* Forms */

form {
	margin: 0;
	padding: 0;
}

#column-enews form {
	margin: 13px 0 0;
}

input {
	margin: 0;
	padding: 0;
}

	/* Generic/default styling for form elements */
	input.textbox,
	select,
	textarea {
		padding: 8px 15px;
		background: #ededed; /* Old browsers */
		border: 1px solid #cecece;
		vertical-align: middle;
		font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
		font-size: 1.3rem;
		color: #333;
		border-radius: 4px;
		outline: none;
	}

	input.textbox:focus,
	select:focus,
	textarea:focus {
		border-color: #adadad;
	}

	input.field-error, select.field-error, textarea.field-error {
		margin: 0;
		border: 1px solid #7E2222 !important;
	}

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

	table {
		border-collapse: collapse;
		border: 1px solid #d7d7d7;
	}

	th,
	td {
		padding: 5px 10px;
		border: 1px solid #d7d7d7;
	}

	th,
	thead td {
		background: #f6f6f6;
	}

	/* ---- Content tables ---- */
	.table--content-standard {
		width: 100%;
		margin: 1.5rem 0 2.5rem;
	}
	.table--content-standard caption {
		text-align: left;
		padding-bottom: 13px;
	}
	.table--content-standard th,
	.table--content-standard thead td {
		font-weight: bold;
		background-color: #f6f6f6;
		font-size: 1.6rem;
	}
	.table--content-standard td {
		background-color: #FFF;
	}
	.table--content-standard th,
	.table--content-standard td {
		border: 1px solid #d7d7d7;
		padding: 10px 15px;
		text-align: left;
	}


	/* Small */
	.table--content-standard.table--content-small {
		font-size: 1.3rem;
	}
	.table--content-standard.table--content-small th,
	.table--content-standard.table--content-small td {
		padding: 5px 10px;
	}
	.table--content-standard.table--content-small th,
	.table--content-standard.table--content-small thead td {
		font-size: 1.4rem;
	}

	/* BP 2 */
	@media screen and (max-width: 768px) {
		.table--content-standard {
			font-size: 1.3rem;
		}
		.table--content-standard th,
		.table--content-standard td {
			padding: 5px 10px 4px;
		}
		.table--content-standard th,
		.table--content-standard thead td {
			font-size: 1.2rem;
		}
		.table--content-standard caption {
			display: block;
			padding-bottom: 7px;
		}
	}

	/* ---- Stacked tables ---- */
	/* BP 2 */
	@media screen and (max-width: 768px) {
		.table--stack,
		.form-section {
			border-bottom: none;
			border: none;
		}
		.table--stack th,
		.form-section th {
			display: none;
		}
		.table--stack,
		.table--stack thead,
		.table--stack tbody,
		.table--stack tr,
		.table--stack td,
		.form-section,
		.form-section thead,
		.form-section tbody,
		.form-section tr,
		.form-section td {
			display: block;
			width: 100%;
		}
		.table--stack thead {
			display: none;
		}
		.table--stack tr,
		.form-section tr {
			margin-bottom: 20px;
		}
		.table--stack tr td:first-child,
		.form-section tr td:first-child {
			border-top: 1px solid #d7d7d7;
		}
		.table--stack td,
		.form-section td {
			border: none;
			border-bottom: 1px solid #d7d7d7;
			border-left: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
		}
		.table--stack td:empty,
		.form-section td:empty {
			display: none;
		}
		.table--stack td[data-heading]:before,
		.form-section td[data-heading]:before {
			content: attr(data-heading);
			display: block;
			background-color: #f3f3f3;
			padding: 5px 10px 4px;
			margin: -5px -10px 6px;
			border-bottom: 1px solid #d7d7d7;
			font-weight: bold;
		}

		.table--stack.table--stack--horizontal th,
		.form-section th {
			display: block;
		}
	}


.booking-table-actions a {
	display: block;
	white-space: nowrap;
	margin: 0 0 6px;
}
.booking-table-actions a:last-child {
	margin-bottom: 0;
}


/* sponsors table styles */
table.sponsors td {
	padding: 10px 10px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px #bebebe dashed;
}

/* payment table styles */
table.payment-items {
	margin: 8px 0;
}

.form-section,
.checkbox-list {
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
}

	.form-section tr,
	.checkbox-list tr {
		border-bottom: 1px #f1f1f1 solid;
	}

	.form-section tr:last-child,
	.checkbox-list tr:last-child {
		border-bottom: none;
	}

		.form-section th {
			font-weight: bold;
			padding: 18px 15px;
			vertical-align: top;
		}

		.form-section td,
		.checkbox-list td {
			width: auto;
			padding: 12px 15px;
			vertical-align: top;
			background: #FFF;
		}

		.form-section td.field-info {
			vertical-align: middle;
			width: 150px;
		}

		.checkbox-list td.check {
			width: 10px;
			text-align: center;
		}

		.form-section span.s {
			display: block;
			margin: 8px 0 0 0;
			padding: 0;
			font-weight: normal;
			font-size: 12px;
		}

		.form-section .checkbox-list {
			margin: 0;
		}

		.form-section .radio {
			width: 18px;
			text-align: center;
		}

		div.event-form-check {
			float: left;
			width: 15px;
			margin-right: 10px;
		}

		div.event-form-checkdesc {
			float: left;
			width: 200px;
		}


		/* BP 2 */
		@media screen and (max-width: 768px) {
			.form-section th {
				font-size: 1.3rem;
				padding: 5px 10px 4px;
			}
			.form-section td,
			.checkbox-list td {
				padding: 8px 10px;
			}
		}

		/* BP 3 */
		@media screen and (max-width: 600px) {
				.form-section input.textbox,
				.form-section select,
				.form-section textarea {
					width: 100%;
				}
		}


input:-moz-placeholder {
	color: #999;
}

input::-webkit-input-placeholder {
	color: #999;
}


.checkbox-list-other {
	margin: -67px 0 43px 230px;
}

.submit-bar {
	padding: 12px;
	text-align: right;
	background: #F5F9FD;
	border-top: 1px solid #D7E6F7;
}

	.submit-bar a.cancel {
		float: left;
		color: #338FF4;
		margin-top: 4px;
	}

span.field-error {
	color: #7E2222;
	background: none;
	border: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	vertical-align: middle;
}


/* Payment module */
table.payment-items {
	width: 100%;
	margin-bottom: 25px;
	border-collapse: collapse;
	border: 1px #CCC solid;
}

	table.payment-items th {
		background: #e8e8e8;
		padding: 4px 8px;
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px #CCC solid;
	}

	table.payment-items th.price {
		border-left: 1px #ddd solid;
	}


	table.payment-items tr.notes td {
		font-size: 10px;
		color: #555;
		padding: 4px;
	}

	table.payment-items td.price {
		border-left: 1px #eee solid;
	}


.price-box {
	padding: 12px;
	background: #F5F9FD;
	font-size: 14px;
	border-top: 1px solid #D7E6F7;
	border-bottom: 1px solid #D7E6F7;
}

	.price-box b {
		font-weight: normal;
	}

	.price-box span {
		float: right;
	}

	.price-box.updated {
		animation-name: priceupdate;
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}

	@keyframes priceupdate {
		from {
			background-color: #D7E6F7;
		}
		to {
			background-color: #F5F9FD;
		}
	}

/* Search */

div.search-result {
	margin-bottom: 15px;
	border-bottom: 1px #777 solid;
}

	div.search-result div {
		padding: 10px;
	}

	div.search-result div.odd {
		background-color: #EEE;
	}

	div.search-result div.even {
		background-color: #DDD;
	}


/* Captcha */

div.captcha {
	background: #f8f8f8;
	margin: 5px 0px;
	padding: 10px;
	width: 250px;
	border: 1px #ccc solid;
}

	div.captcha div.info {
		width: 20px;
		float: right;
	}

	div.captcha img.captcha {
		width: 200px;
		border: 1px #000 solid;
	}

	div.captcha input.captcha {
		width: 200px;
		border: 1px #000 solid;
	}


table.main-list {
	margin: 5px 0 22px 0;
	width: 100%;
	border-bottom: 1px #e2e2e2 dashed
}

	table.main-list th {
		padding: 4px 7px;
		border-bottom: 1px #ccc dashed;
		font-weight: bold;
	}

	table.main-list td {
		padding: 4px 7px;
	}


/**
* Nice styled tables.
* Supports THEAD, TBODY and CAPTION
**/
table.pretty-list {
	margin: 15px 0;
	border: 1px #cbcbcb solid;
	border-collapse: collapse;
}

	table.pretty-list caption {
		color: #0062A7;
		font-size: 18px;
		padding: 10px 15px;
		background: url(../images/bg_event_header.gif) repeat-x left top;
		border: 1px solid #CBCBCB;
		border-bottom: none;
	}

	table.pretty-list caption:before { content: "> "; }


	table.pretty-list thead tr {
		background: #72ACEF;
		color: #FFF;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
	}

	table.pretty-list thead td {
		padding: 10px;
	}


	table.pretty-list tbody tr {
		background: url(../images/bg_event_result.gif) repeat-x left bottom;
		border-top: 1px #cbcbcb solid;
	}

	table.pretty-list tbody td {
		padding: 10px;
	}


	table.pretty-list td.actions {
		text-align: right;
		white-space: nowrap;
		width: 1px;
	}

	table.pretty-list td.actions a {
		margin-left: 15px;
	}

	table.pretty-list td.norows {
		padding: 35px;
		text-align: center;
		font-style: italic;
	}


.event-info-desc-box {
	padding: 11px;
	margin: 10px 0 20px;
}

	.event-info-desc-box h2,
	.event-info-desc-box h3 {
		font-size: 13px;
	}


/* Layout for the boxes */
.dashboard-box {
	background: #edf3fb;
	border: 1px #d5d4d4 solid;
	margin: 5px 0 14px;
}

.dashboard-box > h3 {
	padding: 9px 20px 8px;
	margin: 0;
	color: #007DCC;
}

.dashboard-box > div {
	background: #FFF;
	padding: 12px 20px;
}
.dashboard-box > div p:last-child {
	margin-bottom: 0;
}

.dashboard-box > a {
	display: block;
	padding: 6px 20px;
	text-decoration: none;
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.dashboard-box > h3 {
		padding: 9px 15px 8px;
	}
	.dashboard-box > div {
		padding: 12px 15px;
	}
	.dashboard-box > a {
		padding: 6px 15px;
	}
}


/* Style hacks for box content */
.dashboard-box table {
	margin: 0;
}

.dashboard-box th {
	padding: 3px;
	border-bottom: 1px #ddd dashed;
}

.dashboard-box td {
	padding: 3px;
	border-bottom: 1px #eee dashed;
}


/* ---- Highlight ---- */
.highlight,
.highlight--right,
.highlight--left {
	margin: 0 0 1.5rem;
	padding: 30px;
	background: #f6f6f6;
}

@media screen and (min-width: 1020px) {
	.highlight--left {
		float: left;
		width: 45%;
		margin-right: 20px;
	}

	.highlight--right {
		float: right;
		width: 45%;
		margin-left: 20px;
	}
}

.highlight *:last-child,
.highlight--right *:last-child,
.highlight--left *:last-child {
	margin-bottom: 0;
}



/* Massive highlight for stuff which is incomplete */
.todo {
	display: block;
	padding: 12px;
	border: 2px #900 dashed;
	margin: 25px 0;
	background: #FFDCDC;
}


/* ------------------------------------------------------
**** Images
------------------------------------------------------ */

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}


/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Clearfix ---- */
.clear {
	height: 0;
	clear: both;
	display: block;
}

.-clearfix:before,
.-clearfix:after {
	content: " ";
	display: table;
}

.-clearfix:after {
	clear: both;
}


/* ---- Hiding classes ---- */
.-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}

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

.-hidden {
	display: none !important;
	visibility: hidden;
}

.-vis-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.-vis-hidden.focusable:active,
.-vis-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.-invisible {
	visibility: hidden;
}

/* ---- Pseudo elements ---- */

/* Angle Brackets */
.-r-arrow-after:after {
	content: "\00a0\003e";
}
.-r-arrow-before:before {
	content: "\003e\00a0";
}
.-l-arrow-after:after {
	content: "\00a0\003c";
}
.-l-arrow-before:before {
	content: "\003c\00a0";
}

/* Ellipsis */
.ellipsis-2:after {
	content: "..";
}
.ellipsis-3:after {
	content: "...";
}


/**
* Layout styles
**/


body {
	background: #FFF;
	text-align: center;
}

#wrap {
	margin: 0 auto;
	text-align: left;
}


/* ---- Container ---- */
.container {
	width: 980px;
	margin: 0 auto;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.container {
		width: 720px;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.container {
		width: 550px;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.container {
		width: 90%;
		margin: 0 5%;
	}
}


/* ---- Sections ---- */
.section {
	padding: 40px 0;
	position: relative;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* ---- Background colours ---- */
.bg-white {
	background-color: #FFF;
}
.bg-grey {
	background-color: #626262;
}

/* ---- Header ---- */
.section--header .container {
	position: relative;
}
.section--header {
	background: #056fb9 url(../images/bg-header/bg-header-1600.jpg) no-repeat center bottom;
	background-size: cover;
	overflow: hidden;
	padding: 0;
}

.member-login-title {
	background: #02457d; /* Old browsers */
	background: -moz-linear-gradient(top, #02457d 3%, #02599f 11%, #0465ac 89%, #035a99 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #02457d 3%,#02599f 11%,#0465ac 89%,#035a99 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #02457d 3%,#02599f 11%,#0465ac 89%,#035a99 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 5px 5px 0 0;
	margin: 0;
	padding: 11px 0 11px;
	width: 242px;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1em;
	color: #fff;
	text-align: center;
}

#logo {
	width: 130px;
	padding: 12px 0;
}
#logo img {
	width: 100%;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.member-login-title {
		width: 181px;
		font-size: 1.1rem;
	}
	.section--header {
		background-image: url(../images/bg-header/bg-header-1020.jpg);
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	#logo {
		width: 90px;
	}
	.member-login-title {
		width: 114px;
		font-size: 1rem;
		right: 157px;
		border-radius: 5px 0 0 0;
		padding: 9px 0 12px;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	#logo {
		width: 45px;
		padding: 7px 0;
	}
	.member-login-title {
		display: none;
	}
	.section--header {
		background-image: none;
	}
}


/* ---- Banner slider ---- */
#banner-slider {
	margin: 0 0 40px;
}
#banner-slider:before,
#banner-slider:after {
	content: " ";
	display: table;
}
#banner-slider:after {
	clear: both;
}
.banner-slider__list {
	float: left;
	position: relative;
	height: 400px;
	width: 740px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.banner-slider__list__item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.banner-slider__list__item--active {
	z-index: 2;
	animation: fadeIn 200ms ease;
	animation-fill-mode: forwards;
}
.banner-slider__list__item--previous {
	z-index: 1;
}
.banner-slider__list__item a {
	display: block;
	text-decoration: none;
}
.banner-slider__list__item__title {
	display: none;
}
.banner-slider__list__item__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 21%, rgba(0,0,0,0.53) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 21%,rgba(0,0,0,0.53) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 21%,rgba(0,0,0,0.53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.banner-slider__list__item__overlay__title {
	font-family: 'DIN Next W01 Medium', Helmet, Freesans, sans-serif;
	color: #FFF;
	font-size: 4rem;
	text-shadow: 1px 1px 1px #343238;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 30px;
}
.banner-slider__list__item__overlay__title__text {
	font-size: 3rem;
	display: inline-block;
	font-weight: bold;
	margin: 0;
	line-height: 1.1;
}
.banner-slider__list__item__overlay__title__cta {
	color: #ffd14e;
	font-size: 1.6rem;
	display: inline-block;
	margin: 0;
}

.banner-slider__list__item__img {
	display: block;
	width: 100%;
}

/* Button list */
.banner-slider__navigation {
	height: 400px;
	float: left;
	width: 240px;
	position: relative;
	z-index: 3;
	list-style: none;
	padding: 0;
	margin: 0;
}
.banner-slider__navigation:before {
	content: " ";
	background: url(../images/banner-slider-highlight.svg) no-repeat left center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: -22px;
	right: 0;
	height: 25%;
	z-index: 1;
	transition: transform 200ms ease;
}
#banner-slider[data-active-slide="2"] .banner-slider__navigation:before {
	transform: translateY(100px);
}
#banner-slider[data-active-slide="3"] .banner-slider__navigation:before {
	transform: translateY(200px);
}
#banner-slider[data-active-slide="4"] .banner-slider__navigation:before {
	transform: translateY(300px);
}

.banner-slider__navigation__item {
	height: 25%;
	background: #c8ddf6;
	background: -moz-linear-gradient(top, #c8ddf6 0%, #bad5f2 100%);
	background: -webkit-linear-gradient(top, #c8ddf6 0%,#bad5f2 100%);
	background: linear-gradient(to bottom, #c8ddf6 0%,#bad5f2 100%);
	border-bottom: 1px solid #FFF;
}
.banner-slider__navigation__item__button {
	-webkit-appearance: none;
	outline: none;
	border: none;
	padding: 0;
	display: block;
	height: 100%;
	width: 100%;
	text-align: left;
	text-shadow: 1px 1px 1px #fff;
	font-family: 'DIN Next W01 Medium', Helmet, Freesans, sans-serif;
	font-size: 1.8rem;
	padding: 20px 25px 20px 70px;
	color: #314369;
	position: relative;
	cursor: pointer;
	z-index: 3;
	background: none;
	line-height: 1.1;
}
.banner-slider__navigation__item:hover,
.banner-slider__navigation__item:focus {
	background: #dfedff;
}
.banner-slider__navigation__item:last-child {
	border-bottom: none;
}
.banner-slider__navigation__item__button:before {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/fonts/icomoon.eot?ugh6v0');
	src: url('../fonts/icomoon/fonts/icomoon.eot?ugh6v0#iefix') format('embedded-opentype'),
			 url('../fonts/icomoon/fonts/icomoon.ttf?ugh6v0') format('truetype'),
			 url('../fonts/icomoon/fonts/icomoon.woff?ugh6v0') format('woff'),
			 url('../fonts/icomoon/fonts/icomoon.svg?ugh6v0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	position: absolute;
	display: block;
	z-index: 1;
	font-size: 3.8rem;
	color: #304369;
	position: absolute;
	top: 28px;
	left: 18px;
}
.banner-slider__navigation__item__button.banner-slider__navigation__item__button--icon1:before {
	content: "\e900";
}

.banner-slider__navigation__item__button.banner-slider__navigation__item__button--icon2:before {
	content: "\e904";
}

.banner-slider__navigation__item__button.banner-slider__navigation__item__button--icon3:before {
	content: "\e907";
}

.banner-slider__navigation__item__button.banner-slider__navigation__item__button--icon4:before {
	content: "\e906";
}
.banner-slider__navigation__item--active .banner-slider__navigation__item__button {
	text-shadow: none;
	color: #FFF;
}
.banner-slider__navigation__item--active .banner-slider__navigation__item__button:before {
	color: #FFF;
}
.banner-slider__navigation__item__button,
.banner-slider__navigation__item__button:before {
	transition: color 200ms ease 50ms;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.banner-slider__list {
		height: 276px;
		width: 510px;
	}
	.banner-slider__navigation {
		height: 276px;
		width: 210px;
	}
	.banner-slider__navigation:before {
		left: -16px;
	}
	#banner-slider[data-active-slide="2"] .banner-slider__navigation:before {
		transform: translateY(69px);
	}
	#banner-slider[data-active-slide="3"] .banner-slider__navigation:before {
		transform: translateY(138px);
	}
	#banner-slider[data-active-slide="4"] .banner-slider__navigation:before {
		transform: translateY(207px);
	}
	.banner-slider__navigation__item__button:before {
		font-size: 2.9rem;
		top: 18px;
		left: 11px;
	}
	.banner-slider__navigation__item__button {
		font-size: 1.4rem;
		padding: 9px 15px 9px 52px;
	}
	.banner-slider__list__item__overlay__title__text {
		font-size: 2.3rem;
		display: block;
	}
	.banner-slider__list__item__overlay__title__cta {
		font-size: 1.5rem;
		display: block;
	}
	.banner-slider__navigation:before {
		left: -15px;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	#banner-slider {
		margin-bottom: 25px;
	}
	.banner-slider__list {
		height: 211px;
		width: 390px;
	}
	.banner-slider__navigation {
		height: 211px;
		width: 160px;
	}
	.banner-slider__navigation:before {
		left: -11px;
	}
	#banner-slider[data-active-slide="2"] .banner-slider__navigation:before {
		transform: translateY(53px);
	}
	#banner-slider[data-active-slide="3"] .banner-slider__navigation:before {
		transform: translateY(106px);
	}
	#banner-slider[data-active-slide="4"] .banner-slider__navigation:before {
		transform: translateY(158px);
	}
	.banner-slider__navigation__item__button:before {
		font-size: 2.2rem;
		top: 14px;
		left: 8px;
	}
	.banner-slider__navigation__item__button {
		font-size: 1.1rem;
		padding: 8px 10px 5px 37px;
	}
	.banner-slider__list__item__overlay__title__text {
		font-size: 2rem;
	}
	.banner-slider__list__item__overlay__title__cta {
		font-size: 1.3rem;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.banner-slider__list {
		height: 0;
		width: 100%;
		padding-bottom: 54.2%;
		padding-top: 44px;
	}
	.banner-slider__navigation {
		display: none;
	}
	.banner-slider__list__item__title {
		display: block;
		color: #000;
		padding: 8px 15px 6px;
		margin: 0;
		background: #c8ddf6;
		background: -moz-linear-gradient(top, #c8ddf6 0%, #bad5f2 100%);
		background: -webkit-linear-gradient(top, #c8ddf6 0%,#bad5f2 100%);
		background: linear-gradient(to bottom, #c8ddf6 0%,#bad5f2 100%);
		text-shadow: 1px 1px 1px #fff;
		font-family: 'DIN Next W01 Medium', Helmet, Freesans, sans-serif;
		font-size: 1.3rem;
		color: #314369;
		line-height: 1.2;
	}
	.banner-slider__list__item__overlay__title__text {
		font-size: 1.6rem;
	}
	.banner-slider__list__item__overlay__title__cta {
		font-size: 1.2rem;
	}
	.banner-slider__list__item__overlay__title {
		padding: 12px 13px;
		right: 0;
	}
	#banner-slider {
		margin-bottom: 20px;
	}
}


/* ---- Content ---- */
#content {
	background: url('../images/bg_body.png') transparent 0 0 repeat-x;
}

body#home #content {
	background: none;
}

/* For home page only */
.social-box {
	margin: 0 4% 0 0;
	padding: 20px;
	width: 30%;
	float: left;
	background: #fbfdfe; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfdfe 0%, #edf5fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbfdfe 0%,#edf5fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbfdfe 0%,#edf5fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #e4ecf5;
}
.social-box h2 {
	margin-bottom: 23px;
}
.social-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* For home page only */
.news-and-announcements {
	width: 66%;
	float: left;
}
.news-and-announcements h1 {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px #b0b0b0 solid;
}
.news-and-announcements h1 a {
	display: inline-block;
	float: right;
	text-align: right;
	text-decoration: none;
	font-size: 1.6rem;
}
.news-and-announcements h1 a:hover,
.news-and-announcements h1 a:focus {
	text-decoration: underline;
	color: #d06d0a;
}



#column-inner-left,
#column-inner-right {
	width: 48%;
	float: left;
	border-bottom: 1px #b0b0b0 solid;
	padding: 0 0 21px 0;
}
#column-inner-left {
	margin-right: 4%;
}


/* For inner pages, main content area */
#column-main {
	background-color: #fff;
	padding: 44px 56px 45px 45px;
	width: 613px;
	float: left;
}

/* For inner pages, sidebar content area */
#column-side {
	padding: 10px 0 55px;
	width: 246px;
	float: right;
}


/* BP 1 */
@media screen and (max-width: 1020px) {
	.social-box {
		padding: 15px;
	}
	.news-and-announcements h1 {
		padding: 0 0 10px;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.social-box {
		float: none;
		width: 100%;
		margin-bottom: 23px;
	}
	.news-and-announcements {
		float: none;
		width: 100%;
	}
	.social-box h2 {
		margin-bottom: 12px;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.news-and-announcements h1 a {
		font-size: 1.4rem;
	}
}


/* Extra BP */
@media screen and (max-width: 500px) {
	.news-and-announcements h1 a {
		float: none;
	}
}

/* ---- Footer ---- */

#footer {
	background-color: #626262;
	text-align: center;
}

#footer-wrap {
	margin: 0 auto 20px;
	padding: 0;
	text-align: left;
	color: #FFF;
}

#footer-left {
	padding: 24px 0 0 0;
	width: 48%;
	float: left;
}

#footer-mid {
	margin: 20px 4%;
	width: 22%;
	float: left;
}
.footer-mid-quote {
	background-color: #545454;
	border-radius: 10px;
}
#footer-right {
	background-color: #545454;
	margin: 6px 0 0 0;
	padding: 20px;
	width: 22%;
	float: left;
	text-align: center;
}
#footer-right a {
	display: block;
}
.footer-copyright {
	text-align: left;
	margin: 0;
}
#footer-right p:last-child {
	margin-bottom: 0;
}

#footer-left ul {
	margin: 0 25px 22px 0;
	float: left;
	list-style: none;
	padding: 0;
}
#footer-left ul:last-child {
	margin-right: 0;
}


#footer-left li {
	line-height: 26px;
}

#footer-left a {
	background: url('../images/deco_arw_footer.png') no-repeat 0 12px;
	padding: 4px 0 0 15px;
	display: block;
	text-shadow: 1px 1px 1px #333;
	font-weight: 100;
	font-size: 1.4rem;
}

#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
	color: #fff;
}

#footer h2 {
		margin: 0 0 23px 0;
		text-shadow: none;
		font-size: 2rem;
		color: #d8e5f7;
	}

	#footer-mid h2:before {
		font-size: 4rem;
		vertical-align: bottom;
		display: inline-block;
		color: #FFF;
		margin: 0 2px -6px 0;
	}
	#footer-wrap h4 {
		color: #fff;
		margin-bottom: 3px;
	}
	#footer-left p {
		color: #303030;
	}
	.footer-mid-quote {
		color: #fff;
		padding: 13px 15px;
		position: relative;
		margin-top: 21px;
		font-size: 1.3rem;
	}
	.footer-mid-quote:before {
		content: " ";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 18px 18px;
		border-color: transparent transparent #505050 transparent;
		position: absolute;
		bottom: 100%;
		left: 20px;
	}
	#footer-mid p {
		margin: 0;
	}


/* BP 1 */
@media screen and (max-width: 1020px) {
	#footer-left {
		width: 50%;
		padding: 17px 0 0;
	}
	#footer-mid {
		width: 19%;
		margin: 0 3%;
	}
	#footer-right {
		width: 25%;
		padding: 12px;
		margin: 0;
	}
	#footer-left a {
		font-size: 1.3rem;
	}
	#footer-left ul {
		margin: 0 15px 18px 0;
	}
	#footer h2 {
		font-size: 1.7rem;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	#footer-left {
		width: 68%;
		padding: 17px 0 0;
	}
	#footer-mid {
		width: 29%;
		margin: 2px 0 0 3%;
	}
	#footer-right {
		width: 100%;
		margin: 10px 0 20px;
	}
	.logo-asta {
		max-width: 120px;
	}
	.footer-copyright {
		font-size: 1.2rem;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	#footer-left {
		width: 100%;
		padding: 17px 0 0;
		display: none;
	}
	#footer-mid {
		width: 49%;
		margin: 2px 3% 0 0;
	}
	#footer-right {
		width: 48%;
		margin: 10px 0 20px;
	}
	.footer-copyright {
		font-size: 1.1rem;
	}
}

/* ---- Inner ---- */

/* Banner */
.inner-banner {
	position: relative;
	margin: 0 0 45px;
}
.inner-banner:after {
	content: " ";
	display: block;
	background-color: #edf3fb;
	height: 3px;
	margin: 30px 0 0;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}
.inner-banner__img {
	border-radius: 5px 0 0 5px;
	display: block;
}
.inner-banner__title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 241px;
	background: url(../images/inner-banner/inner-banner-bg.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 0 5px 5px 0;
}
.inner-banner__title__text {
	color: #FFF;
	margin: 0;
	font-family: 'DIN Next W01 Regular', Helmet, Freesans, sans-serif;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 20px 20px 30px;
	font-size: 4rem;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.inner-banner__img {
		width: 478px;
	}
	.inner-banner__title__text {
		font-size: 3.2rem;
		padding: 0 10px 10px 20px;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.inner-banner__img {
		width: 369px;
	}
	.inner-banner__title {
		width: 180px;
	}
	.inner-banner__title__text {
		font-size: 2.6rem;
	}
	.inner-banner {
		margin: 0 0 31px;
	}
	.inner-banner:after {
		margin: 18px 0 0;
	}
}

/* BP 3 */
@media screen and (max-width: 600px) {
	.inner-banner {
		display: none;
	}
	.inner-banner__img {
		width: 65%;
	}
	.inner-banner__title {
		width: 35%;
	}
	.inner-banner__title__text {
		font-size: 2rem;
	}
}

/* Content */
.content {
	background-color: #edf3fb;
	padding: 25px 0 25px 25px;
	position: relative;
}
.content.content--wide {
	padding: 25px;
}
.mainbar {
	background-color: #FFF;
	padding: 30px 35px;
	width: 75%;
	float: left;
}
.mainbar.mainbar--wide {
	width: 100%;
	float: none;
}

.sidebar {
	float: left;
	width: 25%;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	.mainbar {
		padding: 20px 25px;
	}
}

/* BP 2 */
@media screen and (max-width: 768px) {
	.content,
	.content.content--wide {
		padding: 0;
	}
	.mainbar,
	.mainbar.mainbar--wide {
		width: 100%;
		float: none;
		padding: 15px 0;
	}
	.sidebar {
		width: 100%;
		float: none;
	}
}


/* ---- Dont know what these are ---- */
#column-enews {
	float: left;
	width: 215px;
	padding: 45px 0 0 0;
}

#column-logo {
	float: right;
	width: 200px;
	padding: 0 0 0 0;
}

.clear {
	height: 0;
	clear: both;
	display: block;
}


/* ---- Grid ---- */
.grid:before,
.grid:after {
	content: " ";
	display: table;
}

.grid:after {
	clear: both;
}

.grid-col {
	float: left;
	margin-right: 1.754385964912%;
}
.grid-col:last-child,
.grid-col.grid-col-last-in-row {
	margin-right: 0;
}

/* Reverse */
.grid.grid-reverse .grid-col {
	float: right;
	margin-right: 0;
	margin-left: 1.754385964912%;
}
.grid.grid-reverse .grid-col:last-child,
.grid.grid-reverse .grid-col.grid-col-last-in-row {
	margin-left: 0;
}

/* 2 col grid */
.grid-2-cols .grid-col:nth-child(2n+2) {
	margin-right: 0;
}
/* 3 col grid */
.grid-3-cols .grid-col:nth-child(3n+3) {
	margin-right: 0;
}
/* 4 col grid */
.grid-4-cols .grid-col:nth-child(4n+4) {
	margin-right: 0;
}

/* 1 col */
.grid-col-1 {
	width: 6.725146198830%;
}
/* 2 col */
.grid-col-2 {
	width: 15.204678362573%;
}
/* 3 col */
.grid-col-3 {
	width: 23.684210526316%;
}
/* 4 col */
.grid-col-4 {
	width: 32.163742690058%;
}
/* 5 col */
.grid-col-5 {
	width: 40.643274853801%;
}
/* 6 col */
.grid-col-6 {
	width: 49.122807017544%;
}
/* 7 col */
.grid-col-7 {
	width: 57.602339181287%;
}
/* 8 col */
.grid-col-8 {
	width: 66.081871345029%;
}
/* 9 col */
.grid-col-9 {
	width: 74.561403508772%;
}
/* 10 col */
.grid-col-10 {
	width: 83.040935672515%;
}
/* 11 col */
.grid-col-11 {
	width: 91.520467836257%;
}
/* 12 col */
.grid-col-12 {
	width: 100%;
	margin-right: 0;
}

/* BP 1 */
@media screen and (max-width: 1020px) {
	/* 1 col */
	.grid-col-1-bp1 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp1 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp1 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp1 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp1 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp1 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp1 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp1 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp1 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp1 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp1 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp1 {
		width: 100%;
		margin-right: 0;
	}
}


/* BP 2 */
@media screen and (max-width: 768px) {
	/* 1 col */
	.grid-col-1-bp2 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp2 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp2 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp2 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp2 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp2 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp2 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp2 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp2 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp2 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp2 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp2 {
		width: 100%;
		margin-right: 0;
	}
}


/* BP 3 */
@media screen and (max-width: 600px) {
	/* 1 col */
	.grid-col-1-bp3 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp3 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp3 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp3 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp3 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp3 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp3 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp3 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp3 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp3 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp3 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp3 {
		width: 100%;
		margin-right: 0;
	}
}


/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* ---- Fade in ---- */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}