d/********************************************
*	Table of Contents
*	1. Reset Browser Styles: Overrides the default browser styles to start with a clean slate
*	2. Grid Styles: 12 column grid system, please make sure selectivizr v1.0.2 is added to the scripts for ie8 compatibility
*	3. Main Styles: Main text and body styles
*	4. Layout Styles: Custom global branding styles for the header, navigation, content and footer
*	5. Form Styles: Styling forms and associated elements
*	6. Page Specific Styles: Styles that are specific to a certain page or group of pages
*	7. Animations
*	8. IE Styles
********************************************/

/******************************************** 
1. Reset Browser 
********************************************/
* {
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
}
a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.large-desktop-only, .mobile-only, .tablet-only, .tablet-portrait-only, .mobile-portrait-only, .mobile-landscape-only, .portrait-only  {
	display: none !important;
}
.desktop-only, .landscape-only, .tablet-landscape-only, .desktop-tablet-only {
	display: block !important;
}
.print-only {
	display: none;
}

/******************************************** 
2. Grid Styles
********************************************/
.row {
	zoom: 1;
}
.row:after, .col:after, .clr:after, .group:after {
	content: "";
	display: table;
	clear: both;
}
.row {
	padding-bottom: 0em;
}
.col {
	display: inline;
	float: left;
	width: 100%;
}
.gutters > .col {
	margin-left: 36px;
}
.gutters > .col:first-child {
	margin-left: 0;
}
#column-content ul li {
	font-size: 14px;
}
ul.row {
	margin: 0px;
}
ul.row > li.col {
	margin: 0px;
}
ul.gutters {
	margin-left: -36px;
}
ul.gutters > li.col {
	margin-bottom: 36px;
	margin-left: 36px;
}
ul.gutters > li.col:first-child {
	margin-left: 36px;
}
ul.gutters > li.col {
	margin-bottom: 36px;
}
.grid-1 { width: 80px; }
.grid-1-5 { width: 120px; }
.grid-2 { width: 160px; }
.grid-3 { width: 240px; }
.grid-4 { width: 320px; }
.grid-5 { width: 400px; }
.grid-6 { width: 480px; }
.grid-7 { width: 560px; }
.grid-8 { width: 640px; }
.grid-9 { width: 720px; }
.grid-10 { width: 800px; }
.grid-11 { width: 880px; }
.grid-12 { width: 960px; }
.gutters .grid-1 { width: 47px; }
.gutters .grid-1-5 { width: 103px; }
.gutters .grid-2 { width: 130px; }
.gutters .grid-3 { width: 213px; }
.gutters .grid-4 { width: 296px; }
.gutters .grid-5 { width: 379px; }
.gutters .grid-6 { width: 462px; }
.gutters .grid-7 { width: 545px; }
.gutters .grid-8 { width: 628px; }
.gutters .grid-9 { width: 711px; }
.gutters .grid-10 { width: 794px; }
.gutters .grid-11 { width: 877px; }
.gutters .grid-12 { width: 960px; }
.prefix-1 { margin-left: 80px; }
.prefix-2 { margin-left: 160px; }
.prefix-3 { margin-left: 240px; }
.prefix-4 { margin-left: 320px; }
.prefix-5 { margin-left: 400px; }
.prefix-6 { margin-left: 480px; }
.prefix-7 { margin-left: 560px; }
.prefix-8 { margin-left: 640px; }
.prefix-9 { margin-left: 720px; }
.prefix-10 { margin-left: 800px; }
.prefix-11 { margin-left: 880px; }
.prefix-12 { margin-left: 960px; }
.gutters .prefix-1 { margin-left: 47px; }
.gutters .prefix-2 { margin-left: 130px; }
.gutters .prefix-3 { margin-left: 213px; }
.gutters .prefix-4 { margin-left: 296px; }
.gutters .prefix-5 { margin-left: 379px; }
.gutters .prefix-6 { margin-left: 462px; }
.gutters .prefix-7 { margin-left: 545px; }
.gutters .prefix-8 { margin-left: 628px; }
.gutters .prefix-9 { margin-left: 711px; }
.gutters .prefix-10 { margin-left: 794px; }
.gutters .prefix-11 { margin-left: 877px; }
.gutters .prefix-12 { margin-left: 960px; }
.suffix-1 { margin-right: 80px; }
.suffix-2 { margin-right: 160px; }
.suffix-3 { margin-right: 240px; }
.suffix-4 { margin-right: 320px; }
.suffix-5 { margin-right: 400px; }
.suffix-6 { margin-right: 480px; }
.suffix-7 { margin-right: 560px; }
.suffix-8 { margin-right: 640px; }
.suffix-9 { margin-right: 720px; }
.suffix-10 { margin-right: 800px; }
.suffix-11 { margin-right: 880px; }
.suffix-12 { margin-right: 960px; }
.gutters .suffix-1 { margin-right: 47px; }
.gutters .suffix-2 { margin-right: 130px; }
.gutters .suffix-3 { margin-right: 213px; }
.gutters .suffix-4 { margin-right: 296px; }
.gutters .suffix-5 { margin-right: 379px; }
.gutters .suffix-6 { margin-right: 462px; }
.gutters .suffix-7 { margin-right: 545px; }
.gutters .suffix-8 { margin-right: 628px; }
.gutters .suffix-9 { margin-right: 711px; }
.gutters .suffix-10 { margin-right: 794px; }
.gutters .suffix-11 { margin-right: 877px; }
.gutters .suffix-12 { margin-right: 960px; }

/* convert column content grids into percentages */
#column-content .gutters > .col {
	margin-left: 4%;
}
#column-content .gutters > .col:first-child {
	margin-left: 0;
}
#column-content .grid-1 { width: 8.33333333333%; }
#column-content .grid-2 { width: 16.6666666667%; }
#column-content .grid-3 { width: 25%; }
#column-content .grid-4 { width: 33.3333333333%; }
#column-content .grid-5 { width: 41.6666666667%; }
#column-content .grid-6 { width: 50%; }
#column-content .grid-7 { width: 58.3333333333%; }
#column-content .grid-8 { width: 66.6666666667%; }
#column-content .grid-9 { width: 75%; }
#column-content .grid-10 { width: 83.3333333333%; }
#column-content .grid-11 { width: 91.6666666667%; }
#column-content .grid-12 { width: 100%; }

#column-content .prefix-1 { margin-left: 8.33333333333%; }
#column-content .prefix-2 { margin-left: 16.6666666667%; }
#column-content .prefix-3 { margin-left: 25%; }
#column-content .prefix-4 { margin-left: 33.3333333333%; }
#column-content .prefix-5 { margin-left: 41.6666666667%; }
#column-content .prefix-6 { margin-left: 50%; }
#column-content .prefix-7 { margin-left: 58.3333333333%; }
#column-content .prefix-8 { margin-left: 66.6666666667%; }
#column-content .prefix-9 { margin-left: 75%; }
#column-content .prefix-10 { margin-left: 83.3333333333%; }
#column-content .prefix-11 { margin-left: 91.6666666667%; }
#column-content .prefix-12 { margin-left: 100%; }

#column-content .suffix-1 { margin-right: 8.33333333333%; }
#column-content .suffix-2 { margin-right: 16.6666666667%; }
#column-content .suffix-3 { margin-right: 25%; }
#column-content .suffix-4 { margin-right: 33.3333333333%; }
#column-content .suffix-5 { margin-right: 41.6666666667%; }
#column-content .suffix-6 { margin-right: 50%; }
#column-content .suffix-7 { margin-right: 58.3333333333%; }
#column-content .suffix-8 { margin-right: 66.6666666667%; }
#column-content .suffix-9 { margin-right: 75%; }
#column-content .suffix-10 { margin-right: 83.3333333333%; }
#column-content .suffix-11 { margin-right: 91.6666666667%; }
#column-content .suffix-12 { margin-right: 100%; }

#column-content .gutters .grid-1 { width: 4.666%; }
#column-content .gutters .grid-2 { width: 13.33%; }
#column-content .gutters .grid-3 { width: 22%; }
#column-content .gutters .grid-4 { width: 30.66%; }
#column-content .gutters .grid-5 { width: 39.33%; }
#column-content .gutters .grid-6 { width: 48.0%; }
#column-content .gutters .grid-7 { width: 56.66%; }
#column-content .gutters .grid-8 { width: 65.33%; }
#column-content .gutters .grid-9 { width: 74%; }
#column-content .gutters .grid-10 { width: 82.66%; }
#column-content .gutters .grid-11 { width: 91.33%; }
#column-content .gutters .grid-12 { width: 100%; }

#column-content .gutters .prefix-1 { margin-left: 8.666% ; }
#column-content .gutters .prefix-2 { margin-left: 17.33%; }
#column-content .gutters .prefix-3 { margin-left: 26%; }
#column-content .gutters .prefix-4 { margin-left: 34.66%; }
#column-content .gutters .prefix-5 { margin-left: 43.33%; }
#column-content .gutters .prefix-6 { margin-left: 52.0%; }
#column-content .gutters .prefix-7 { margin-left: 60.66%; }
#column-content .gutters .prefix-8 { margin-left: 69.33%; }
#column-content .gutters .prefix-9 { margin-left: 78.0%; }
#column-content .gutters .prefix-10 { margin-left: 86.66%; }
#column-content .gutters .prefix-11 { margin-left: 95.33%; }
#column-content .gutters .prefix-12 { margin-left: 100%; }

#column-content .gutters .prefix-1:first-child { margin-left: 6.666%; }
#column-content .gutters .prefix-2:first-child { margin-left: 15.33%; }
#column-content .gutters .prefix-3:first-child { margin-left: 24%; }
#column-content .gutters .prefix-4:first-child { margin-left: 32.66%; }
#column-content .gutters .prefix-5:first-child { margin-left: 41.33%; }
#column-content .gutters .prefix-6:first-child { margin-left: 50.0%; }
#column-content .gutters .prefix-7:first-child { margin-left: 58.66%; }
#column-content .gutters .prefix-8:first-child { margin-left: 67.33%; }
#column-content .gutters .prefix-9:first-child { margin-left: 76%; }
#column-content .gutters .prefix-10:first-child { margin-left: 84.66%; }
#column-content .gutters .prefix-11:first-child { margin-left: 93.33%; }
#column-content .gutters .prefix-12:first-child { margin-left: 100%; }

#column-content .gutters .suffix-1 { margin-right: 6.666%; }
#column-content .gutters .suffix-2 { margin-right: 15.33%; }
#column-content .gutters .suffix-3 { margin-right: 24%; }
#column-content .gutters .suffix-4 { margin-right: 32.66%; }
#column-content .gutters .suffix-5 { margin-right: 41.33%; }
#column-content .gutters .suffix-6 { margin-right: 50.0%; }
#column-content .gutters .suffix-7 { margin-right: 58.66%; }
#column-content .gutters .suffix-8 { margin-right: 67.33%; }
#column-content .gutters .suffix-9 { margin-right: 76%; }
#column-content .gutters .suffix-10 { margin-right: 84.66%; }
#column-content .gutters .suffix-11 { margin-right: 93.33%; }
#column-content .gutters .suffix-12 { margin-right: 100%; }

.flex-row {
	display: -ms-flexbox;
	display: flex;
}
.flex-row > .col {
	position: relative;
}
.flex-row > .col > div {
	height: 100%;
}
.vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
	resize: vertical;
}

/******************************************** 
3. Main Styles
********************************************/

body {
  color: #424242;
  font-family: Arial,sans-serif;
  font-size: 0.825em;
  font-weight: 300;
  overflow-x: hidden;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  margin: 0;
}
h1 {
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 2.4em;
	margin-bottom: 20px;
	margin: 0;
	font-weight: 100;
	color: #6a66a4;
}
.overlay-text h1 {
	color: #fff;
	font-weight: 400;
	font-size: 32px;
}
h2 {
	font-size: 2.2em;
	margin-bottom: 20px;
	font-weight: 100;
}
h3 {
  font-size: 2em;
	margin-bottom: 20px;
    font-weight: 100;
}
h3 a {
	color:#424242;
}
h4 {
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 16px;
}
h5 {
  font-size: 1.2em;
  font-weight: 600;
  margin:0;
}
h6 {
  font-size: 1.15em;
}
p {
  line-height: 1.45em;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 14px;
  margin: 0px;
}
p:first-child {
	padding-top: 0px;
}
p:last-child {
	padding-bottom: 0px;
}
.intro {
	font-weight: 600;
}
a {
	text-decoration: none;
	color: #3573b9;
}
blockquote {
  background-color: #f29a1c;
  color: #ffffff;
  font-size: 1.3em;
  margin-bottom: 48px;
  padding: 24px;
  position: relative;
}
.button {
	background-color: #6a66a4;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.15em;
	outline: none;
	padding: 16px 30px;
	position: relative;
	border-radius: 15px;
	text-decoration: none !important;
	border: none;
}
strong {
  font-weight: 700;
}
em {
	font-style: italic;
}
pre {
  white-space: pre;
}
sup {
  font-variant: super;
}
sub {
  font-variant: sub;
}
.strong {
  font-size: 1.2em;
  font-weight: 500;
}
.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
}
.divider {
  border-bottom: 1px solid #cccccc;
  height: 0;
  line-height: 0;
  margin-bottom: 24px;
  margin-top: 24px;
}
.divider-desktop-only {
	display: block;
	height: 40px;
}
.divider.half {
  margin-bottom: 12px;
  margin-top: 12px;
}
.divider + *, .divider.half + * {
  padding-top: 0;
}
.spacer {
  clear: both;
  height: 24px;
}
.spacer.half {
  clear: both;
  height: 12px;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
ol, ul {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0;
}
ul ul, ol ul, ol ol, ul ol {
  margin-bottom: 0;
}
li {
  margin-left: 20px;
  padding-bottom: 8px;
}
li:last-child {
  padding-bottom: 0px;
}
nav ul {
  margin-bottom: 0px;
  margin-top: 0px;
}
nav ul:after {
	content: "";
	display: table;
	clear: both;
}
nav li {
  margin-left: 0px;
  padding-bottom: 0px;
  list-style: none;
}
nav a {
	text-decoration: none;
}
.padding {
	padding: 24px;
}
.padding-x {
	padding-left: 24px;
	padding-right: 24px;
}
.padding-y {
	padding-top: 24px;
	padding-bottom: 24px;
}
.padding-right {
	padding-right: 24px;
}
.padding-left {
	padding-left: 24px;
}
.padding-top {
	padding-top: 24px;
}
.padding-bottom {
	padding-bottom: 24px;
}
.margin {
	margin: 24px;
}
.margin-x {
	margin-left: 24px;
	margin-right: 24px;
}
.margin-y {
	margin-top: 24px;
	margin-bottom: 24px;
}
.margin-right {
	margin-right: 24px;
}
.margin-left {
	margin-left: 24px;
}
.margin-top {
	margin-top: 24px;
}
.margin-bottom {
	margin-bottom: 24px;
}
.snug-top {
	margin-top: 0px;
	padding-top: 0px;
}
.snug-bottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.snug-left {
	margin-left: 0px;
	padding-left: 0px;
}
.snug-right {
	margin-right: 0px;
	padding-right: 0px;
}
.alert {
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 16px 20px;
}
.alert ul {
  font-size: 0.9em;
  margin-bottom: 0;
  margin-left: 12px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alert-error {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}
.text-small {
  font-size: 70%;
}
.text-medium-small {
  font-size: 85%;
}
.text-medium-large {
  font-size: 130%;
  font-weight: 400;
}
.text-large {
  font-size: 140%;
  font-weight: 100;
}
.colour-one {
  color: #338536;
}
.colour-two {
  color: #65cad3;
}
.colour-three {
  color: #338536;
}
.colour-four {
  color: #65cad3;
}
.bg-colour-one {
	background-color: #f1f1f1;
	color: #282828;
}
.bg-colour-two {
	background-color: #f1f4f4;
	color: #282828;
}
.bg-colour-three {
	background-color: #6a66a4;
	color: #ffffff;
}
.bg-colour-four {
	background-color: #56c0c9;
	color: #ffffff;
}
.reader-text {
  height: 0;
  margin-left: -9999em;
  visibility: hidden;
  width: 0;
}
.hide {
	display: none;
}
.image img, .box img, .promotion img {
  display: inline-block;
}
.image p {
  padding: 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.image.float-left, img.float-left {
  float: left;
  margin-bottom: 6px;
  margin-right: 24px;
  max-width: 50%;
}
.image.float-right, img.float-right {
  float: right;
  margin-bottom: 6px;
  margin-left: 24px;
  max-width: 50%;
}
.iframe {
	position: relative;
	height: 0px;
	padding-bottom: 75%;
	padding-top: 0px;
}
.video {
	position: relative;
	height: 0px;
	padding-bottom: 56.25%;
	padding-top: 0px;
}
.video.ratio-21-9{
	padding-bottom: 42.857%;
}
.video.ratio-16-9{
	padding-bottom: 56.25%;
}
.video.ratio-4-3{
	padding-bottom: 75%;
}
.video > video, .video > object, .video > iframe, .iframe > iframe {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.html-include iframe {
  max-width: 100%;
}
.map iframe{
  border: 1px solid #cccccc;
  min-height: 400px;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
}
.precise-map {
	min-height: 400px;
}
.table, .borderless-table {
  overflow-x: auto;
}
.table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
}
.table thead tr {
  background-color: #eee;
}
.table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.table th, .table td {
  text-align: left;
  padding: 8px 10px;
  border: 1px solid #ccc;
}
.table th {
	font-weight: 600;
	background-color: #6a66a4;
	color: #fff;
}
.borderless-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
}
.borderless-table th, .borderless-table td {
  text-align: left;
  padding: 8px 0px;
}
.borderless-table th {
	font-weight: 600;
}
.heading {
	padding-bottom: 16px;
}
.pagination {
  margin-bottom: 12px;
  margin-top: 12px;
}
.pagination li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 3px 0 0;
  padding: 0;
}
.pagination a {
	background-color: #f4f4f4;
	border: none;
	display: inline-block;
	height: 35px;
	line-height: 36px;
	padding-left: 14px;
	width: 35px;
	color: #6a65a3;
	font-weight: bold;
	border-radius: 0px;
	font-size: 15px;
}
.pagination li.active a {
	background-color: #6a66a4;
	color: #FFF;
}
li.last-page a {
	width: auto;
	padding-right: 16px;
}
li.first-page a {
	width: auto;
	padding-right: 16px;
}
.searching-for-txt {
	font-weight: 600;
	font-style: italic;
}

/******************************************** 
4. Layout Styles
********************************************/
/* 4.1: Containers */
#container {
	width: 100%;
}
#header, #main, #footer {
	position: relative;
}
#header:after, #navigation:after, #main:after, #footer:after {
	content: "";
	display: table;
	clear: both;
}
.content {
	text-align: left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* 4.2: Header */
#header {
	margin: 40px 0px;
}
#next-deadline {
	color: #295067;
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 10px;
}
#next-deadline p strong, #next-deadline p {
	color: #6a66a4;
}
p.ico-email {
	background-image: url(../img/mail-icon.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	margin-bottom: 5px;
}
#footer p.ico-telephone {
	background-image: url(../img/phone-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 24px;
	color: #6a66a4;
}
#contact-box {
	padding-top: 7px;
	padding-left: 15px;
}
#header p.ico-email a {
	font-size: 15px;
	color: #111;
	font-weight: 600;
	padding-left: 35px;
}
#header p.ico-telephone {
	background-image: url(../img/phone-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:0px;
	margin-bottom: 0px;
}
#header p.ico-telephone a {
	font-size: 28px;
	color: #111;
	font-weight: 600;
	padding-left: 35px;	
}
a.main-logo img {
	width: 350px;
	height: auto;
}
a.main-logo {
	width: 350px;
	height: auto;
}
.breadcrumbs {
	margin-bottom: 25px;
	background-color: #f1f1f1;
	padding: 10px 25px;
	margin-top: 10px;
}
.header-logo {
	padding-top: 10px;
}
.head-logo.grid-4 {
	width: 300px;
}
.head-deadline.grid-3 {
	width: 230px;
	padding-top: 7px;
}
.head-social.grid-2 {
	width: 100px;
}
.head-contact.grid-3 {
	width: 325px;
}
.social-sidebar ul {
	margin-left: 25px;
	display: inline-block;
}
.social-sidebar ul li {
	text-decoration: none;
	display: inline-block;
	margin: 5px;
	padding:0;
	float: left;
	text-indent: -9999px;
}

.social-header {
	padding: 3px 0px
}
.social-header ul {
	float: right;
}
.social-header ul li {
	list-style: none;
	text-decoration: none;
	display: inline-block;
	text-indent: -9999px;
	margin: 5px;
	padding: 0;
	float: left;
}
li.ico-facebook a {
	background-image: url(../img/facebook-header.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 39px;
	height: 40px;
}
li.ico-twitter a {
	background-image: url(../img/twitter-header.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 39px;
	height: 40px;
}
li.ico-linkedin a {
	background-image: url(../img/linkedin-colour.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 39px;
	height: 40px;
}
li.ico-instagram a {
	background-image: url(../img/instagram-colour.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 39px;
	height: 40px;
}


/* 4.3: Footer */
#footer {
	background-color: #FFF;
	color: #333;
	padding: 40px 0;
}
#footer h4 {
	color: #6a66a4;
}
#footer a {
	color: #333;
	font-weight: 600;
}
#footer-site-map ul {
	line-height: 24px;
	font-size: 1.1em;
}
#sub-footer {
	background-color: #6a66a4;
	color: #FFF;
	padding: 24px 0;
}
#sub-footer .content {
	position: relative;
}
#sub-footer .grid-12 {
	text-align: center;
}
#sub-footer h3 {
	margin: 10px auto;
	font-size: 1.4em;
	padding: 10px 25px;
	max-width: 600px;
}
#sub-footer .sub-footer-mags {
	position: absolute;
	right: 0px;
	top: -40px;
}
#sub-footer .footer-magazine a {
	display: block;
}
#sub-footer .footer-magazine {
	padding: 0px 5px;
}
#sub-footer .footer-magazine img {
  -webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 3px 3px rgba(0, 0, 0, 0.2);  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 3px 3px rgba(0, 0, 0, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
}

/* 4.4: Navigation */
.menu-toggle {
    display: none;
}
#navigation {
    position: relative;
    z-index: 1;
	font-weight: 600;
	background-color: #8882c1;
}
#navigation ul {
}
#navigation li {
    display: inline-block;
    float: left;
    position: relative;
}
#navigation a {
	display: inline-block;
	height: 53px;
	color: #FFF;
	line-height: 53px;
	padding-left: 16px;
	padding-right: 16px;
}
#navigation li.active, #navigation li:hover {
	background-color: #6a66a4;
}
#navigation br {
  display: none;
}
/* Sub Menu */
#navigation ul ul {
	background-color: #6a66a4;
	position: absolute;
	width: 220px;
	display: none;
}
#navigation ul li:hover > ul {
  display: block;
}
#navigation ul ul li {
  float: none;
  margin-left: 0;
  width: 100%;
}
#navigation ul ul li:last-child {
  border-bottom: none;
}
#navigation ul ul li:hover {
  background-color: #f5f5f5;
}
#navigation ul ul li a {
	display: block;
	height: auto;
	line-height: 20px;
	padding: 10px 25px;
}
#navigation ul ul li:hover {
	background-color: #8882c1;
	color: #FFF;
}

/* Sub-Sub Menu */
#navigation ul ul ul {
  left: 197px;
  margin-left: 0;
  top: 0;
}
#navigation ul ul .sub-left ul, #navigation ul .sub-left ul ul {
  left: -200px;
}
/* Search */
#search-form {
  position: relative;
}
#search-form button {
  background-image: url("../img/ico-search.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 0;
  text-indent: -9999em;
  width: 32px;
}

/* 4.5: Page Content */
#main {
  min-height: 450px;
	margin-bottom: 40px;
}

/* 4.6: Side Menus */
.side-menu li {
  border-top: 1px dotted #aaa;
  display: block;
  position: relative;
}
.side-menu li:first-child {
  border-top: none;
}
.side-menu a {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 24px;
}
.side-menu .active > a {
  color: inherit;
}
.side-menu h3 {
  padding-top: 0;
}
.side-menu ul ul {
  display: none;
}
.side-menu ul .open > ul {
  display: block;
}
.side-menu li li, .side-menu li li:first-child {
  border-top: 1px dotted #ddd;
  padding-left: 20px;
}
.side-menu li.has-children::after {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #cccccc;
  border-top: 4px solid transparent;
  content: " ";
  display: block;
  position: absolute;
  right: 10px;
  top: 14px;
}
.side-menu li.has-children.open::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #cccccc;
  top: 16px;
}

/* 4.7: Gallery */
.gallery ul {
	margin-left: -24px;
}
.gallery li {
	float: left;
	margin-left: 24px;
}

/* Advertise Sidebar */
#sidebar .menu ul {
	margin:0;
	padding:0;
}
#sidebar .menu ul li {
	margin:0;
	padding:0;	
	list-style:none;
	background-color:#8882c1;
}
#sidebar .menu ul li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	height: auto;
	padding: 12px;
	width: 100%;
	display: block;
	margin-bottom: 1px;
}
#sidebar .menu ul li a:hover {
	background-color:#6a66a4;
	color:#FFF;
}
#sidebar .menu ul li.active {
	background-color:#6a66a4;
}
#sidebar .menu ul li.active a {
	color:#FFF;
}



/******************************************** 
5. Form Styles
********************************************/
.placeholder {
  color: #CCCCCC !important;
}
::-webkit-input-placeholder {
   color: #CCCCCC;
}
:-moz-placeholder {
   color: #CCCCCC;
   opacity: 1; 
}
::-moz-placeholder {
   color: #CCCCCC;
   opacity: 1;  
}
:-ms-input-placeholder {  
   color: #CCCCCC;  
}
.form-group {
  padding-bottom: 8px;
  padding-top: 8px;
}
.form-group:last-child {
  padding-bottom: 0px;
  padding-top: 0px;
}
label {
  display: inline-block;
}
.text label {
	width: 200px;
	vertical-align: top;
}
select {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	color: #666666;
	font-family: inherit;
	font-size: inherit;
	padding: 6px;
	width: 100%;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
  background-color: #ffffff;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  letter-spacing: 1px;
  line-height: 35px;
  padding: 0 8px;
  width: 100%;
  border:none;
}
button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
button.sent {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}
textarea {
	height: auto;
	overflow: auto;
	line-height: normal;
	white-space: pre-wrap;
	padding-top: 6px;
	padding-bottom: 6px;
}
.error input, .error textarea, .error select {
  border: 2px solid #de2d0f;
}
.validation-error {
  color: #cc0000;
  display: block;
  font-size: 0.9em;
  padding-top: 0;
  padding-bottom: 8px;
  margin-left: 40.5%;
}
.text input, .text textarea, .text select {
  width: 300px;
}
.radio-header {
	font-weight: 600;
	padding-bottom: 0px;
}
.radio-group label {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
}
label.required::after {
  color: #cc0000;
  content: "*";
  padding-left: 6px;
}
.checkbox-multiple-group {
	display: inline-block;
}
label.checkbox {
	width: auto;
	display: block;
}
.checkbox input {
	width: auto;
}


/******************************************** 
6. Page Specific Styles
********************************************/
/* Home Page */

.reviews {
	background-color: #6a66a4;
	color: #FFF;
	position: relative;
	text-align: center;
	margin-top: 58px;
}
.reviews h3 {
	padding: 0 10%;
}
.reviews p {
	font-size:13px;
}
    .slider {
      width: 270px; height: auto;
      overflow: hidden;
      position: relative; /* for overflow: hidden to work in IE7 */
	  margin-left: auto;
      margin-right: auto;
	  padding: 0;
    }
      .slider > ul {
        /* styled by JS to match the added width and height of all <li>’s */
        position: relative;
        left: 0;
        -webkit-transition: .5s left;
        -moz-transition: .5s left;
        -ms-transition: .5s left;
        -o-transition: .5s left;

        list-style: none;
        margin: 0; padding: 0;
      }
        .slider > ul > li {
          float: left;
		  margin: 0;
	      padding: 0;
          width: 270px; height: auto;
        }

.slider-nav ul {
	width: 100%;
}
.slider-nav ul li {
	width: 22px;
	height: 49px;
	list-style: none;
	text-decoration: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
.slider-nav ul li a {
	display: block;
	width: 22px;
	height: 49px;	
}
.slider-nav ul li.slider-left {
	background-image: url(../img/cta-arrow-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-left: 15px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.slider-nav ul li.slider-right {
	background-image: url(../img/cta-arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-right: 15px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
}

.banner {
	position: relative;
}
.overlay-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url(../img/black-40-opacity.png);
	background-repeat: repeat;
	color: #FFF;
	padding: 40px;
	font-weight: 400;
}

.cta-box-1 {

}
.cta-box-2 {
	
}
.cta-box-3 {

}
.cta-box-1 h2 {
	background-image: url(../img/cta-arrow-right.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size: 18px;	
	width: 100%;
	padding: 20px 40px;
	background-color: #6a66a4;
	font-size: 19px;
	margin: 0px;
}
.cta-box-2 h2 {
	background-image: url(../img/cta-arrow-right-dark.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size: 18px;
	width: 100%;
	padding: 20px 40px;
	background-color: #edf1f1;
	font-size: 19px;
	margin: 0px;
}
.cta-box-3 h2 {
	background-image: url(../img/cta-arrow-right.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size: 18px;
	width: 100%;
	padding: 20px 40px;
	background-color: #f29a1c;
	font-size: 19px;
	margin: 0px;
}
.cta-box-1 a {
	color: #FFF;
}
.cta-box-2 a {
	color: #222;
}
.cta-box-3 a {
	color: #FFF;
}

.home-event-title {
	padding: 0px 30px 20px 30px;
	font-weight: normal;
}
.home-latest-event .box {
	padding: 0 20px;
}
.home-latest-event {
	padding: 25px 0 40px 0;
	margin-top: 20px;
	background-color: #edf1f1
}
.home-event-title h4 {
	font-size: 18px;
	font-weight: 100;
}
.home-latest-event-image {
	padding-left: 30px;
	padding-right: 15px;
}
.home-latest-event-image img {
	width: 100%;
	height: auto;
}

.home-latest-mag-wrap {
	padding-top: 30px;
	margin-bottom: 30px;
}
.home-latest-mag {
	text-align: center;
	padding: 0 30px 30px 30px;
}
.review-stars {
	margin-bottom: 10px;
}
.home-latest-event-text {
	width: 310px !important;
}

/* Default Template */

/* Business Directory */

#directory-names select {
	display: none;
}
#directory-names ul li {
	display: inline;
	font-weight: 600;
	margin-right: 5px;
	color: lightsteelblue;
}
#directory-names a {
	color: #FFF;
}
#directory-names {
	margin-top: 8px;
}
#business-directory .box-label h4 {
	padding-bottom: 8px;
}
#directory-categories ul {
	width: 47%;
	display: inline;
	float: left;
}
#directory-categories ul li {
	line-height: 23px;
}
#directory-categories ul li a {
	font-weight: 600;
	color: #6a66a4;
}
#frm-business button {
	background-image: url("../img/search-icon.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 30px;
	border: none;
	background-color: #FFF;
}
#frm-business {
	position: relative;
}

.center-text {
 	text-align: center;
	padding: 30px 0;
}

/* Business Page */
.google-map {
	height: 350px;
}

/* Quote page */

.quote {
	background-color: #f4f4f4;
	padding: 0px 20px 20px 20px;
	margin-top: 40px;
	width: 47%;
	display: inline-table;
	margin-right: 2%;
	border-bottom: 2px solid #6a66a4;
}
.quote::before {
	content: url(../img/purple-quote.png);
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -20px;
	top: -25px;
}

/* Magazine Page */
.home-latest-event-image .image {
	background-color: white;
	padding: 20px;
}

#issuu > div {
	height: 580px !important;
	width: 100% !important;
	margin-top: 15px;
}
ul.our-magazines-section {
	margin-left: -20px;
}
.our-magazines-section-image {
	max-height: 240px;
}
.our-magazines-section h4 {
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 5px;
}
.our-magazines-section h5 {
	font-size: 14px;
	color: #555;
}
.our-magazines-section h4 {
	color: #222;
}
.our-magazines-section {
	margin: 10px 0 0 0;
}
.our-magazines-section .grid-4 .col:first-child {
	margin-left: 17px;
}
.our-magazines-section .grid-4 .col:nth-child(2) {
	margin-left: 14px;
}
#magazines .our-magazines-section li.col {
	margin-left: 20px;
}
.our-magazines-section .mag-thumbnail {
	padding-top: 10px;
	border-radius: 5px;
}
.our-magazines-section .bk-melbourne {
	background-color: #bfd8e2;
	margin-left: 0px;
}
.our-magazines-section .bk-ashby {
	background-color: #cee4cf;
}
.our-magazines-section .bk-ibstock {
	background-color: #e4dff7;
}
.our-magazines-section .bk-donington {
	background-color: #fde7e0;
}

.issuu-btn {
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: rgba(0,0,0,0.35);
	background-image: url(../img/issuue-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 16px 16px 16px 56px;
	text-align: left;
}
a.issuu-btn2 {
	background-image: none;
	background-position:center left;
	padding:12px 20px 12px 20px;
	background-color: rgba(0,0,0,0.35);
	margin-bottom: 10px;
}

.our-magazines-section .inner {
	padding: 24px;
	text-align: center;
}



/* Whats On Page */
.event .image {
	float:left;
}
.event .text {
	float:right;	
}
.selectdiv {
	position: relative;
	float: left;
	width: 115px;
}
#event-search .selectdiv select {
	border-color: #6a66a4;
}
#event-search .button {
	background-color: #6a66a4;
	cursor: pointer;
	height: 45px;
	text-indent: -9999px;
	width: 45px;
	background-image: url(../img/search-white-icon.png);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	margin-left: 0px;
	padding: 0;
	border-radius: 0 3px 3px 0;
}
.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  top: 13px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}
.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 45px;
  float: left;
  padding: 0px 35px 0 10px;
  font-size: 13px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
#event-search {
	background-color: #f4f4f4;
	padding: 24px;
}

/* Business Listings */
.business-listing {
  background-color: #f4f4f4;
  margin-bottom: 20px;
  padding: 25px;
  border-radius: 10px;
  position: relative;
}
.business-listing.premium:after {
  background-image: url("../img/premium-purple.png");
  content: " ";
  height: 140px;
  left: -7px;
  position: absolute;
  top: -8px;
  width: 135px;
  z-index: 1;
}
.business-listing.premium h3, .business-listing.premium p, .business-listing.premium h3 a {
	color: #222;
}
.business-listing.premium p a {
	color: #3573b9;
}
.business-listing.premium a.button {
	color: #FFF;
}

.business-listing.premium {
	border: 2px solid #cecce7;
	background-color: #e0dfef;
	box-sizing: border-box;
	color: #FFF;
	border-radius: 10px;
}
.business-listing.premium a {
	color: #FFF;
}
.business-listing .image {
	width: 250px;
	background-color: #FFF;
	padding: 30px 25px;
	float: left;
	margin-right: 25px;
	text-align: center;
}
.business-listing .image img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-height: 200px;
	text-align: center;
}
.business-listing .divider {
	margin-top:15px;
	margin-bottom:15px;	
}
.business-listing-text {
	float: left;
	width: 380px !important;
}
.business-listing-text h3 {
	margin-bottom: 10px;
}
.business-heading .button {
	float:right;
}
.business-heading {
	width:100%;	
	margin-bottom:25px;
}
.heading-text {
	width:auto;
	float:left;
}
.heading-text h1 {
	color:#56c0c9;
}
.heading-text h2 {
	font-size:15px;
	font-weight:bold;	
}
.heading-button {
	width:200px;	
	float:right;
}
.showing-results {
	clear:both;	
}

p.showing-results {
	margin-bottom: 10px;
}

.business-information #gallery ul {
	margin:0;
	padding:0;
}
.business-information #gallery ul > li {
	width:125px;
	height:125px;
	display:inline-block;
	overflow:hidden;
}
.business-information #gallery ul > li > a > img {
	min-height:125px;
	min-width:125px;
}
.business-hours h3 {
	margin-bottom: 15px;
}

/* Contact Form */

#enquiry {
}
#enquiry form {
	background-color:#f4f4f4;
	border-radius: 10px;
	margin-top: 20px;
}
#enquiry .form-group {
	padding: 10px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}
#enquiry .form-group .text, .contact-form .form-group span {
	padding-left:20px;
	padding-right:20px;
}
#enquiry .form-button {
	padding:15px 25px 25px 25px;
}
#enquiry .form-heading {
	padding:25px 25px 15px 25px;
	border-bottom:1px solid #FFF;
}
#enquiry .form-group p label {
	width:40%;
	float:left;
	padding-top:5px;
}
#enquiry .form-group p input, #enquiry .form-group p select, #enquiry .form-group p textarea {
	width:60%;
	max-width:100%;
	border: none;
}
#enquiry .form-buttons {
	padding: 20px 30px 30px 30px;
}

/* Contact Form */

#business form {
	background-color:#f4f4f4;
	border-radius: 10px;
}
#business .form-group {
	padding:10px;
	background-color:#f4f4f4;
	border-bottom:1px solid #FFF;
	font-weight: bold;
}
#business .form-group .text, .contact-form .form-group span {
	padding-left:20px;
	padding-right:20px;
}
#business .form-button {
	padding:15px 25px 25px 25px;
}
#business .form-heading {
	padding:25px 25px 15px 25px;
	border-bottom:1px solid #FFF;
}
#business .form-group p label {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
#business .validation-error {
	margin-left: 20px;
}
#business input[type='checkbox'] {
	width: 40px !important;
}
#business .form-group p input, #business .form-group p select, #business .form-group p textarea {
	width: 100%;
	max-width: 100%;
	margin-bottom: 5px;
}
#business .business-select-box {
	padding: 20px 10px 20px 30px;
}
#business .form-buttons {
	padding: 20px 30px 30px 30px;
}

/* Contact Form */

#event form {
	background-color:#f4f4f4;
	border-radius: 10px;
}
#event .form-group {
	padding:10px;
	background-color:#f4f4f4;
	border-bottom:1px solid #FFF;
}
#event .form-group .text, .contact-form .form-group span {
	padding-left:20px;
	padding-right:20px;
}
#event .form-button {
	padding:15px 25px 25px 25px;
}
#event .form-heading {
	padding:25px 25px 15px 25px;
	border-bottom:1px solid #FFF;
}
#event .form-group p label {
	width: 100%;
	padding: 6px 0;
	clear: both;
	font-weight: bold;
}
#event input[type='checkbox'], #event input[type='radio'] {
	width: 40px !important;
}
#event select {
	width: 31%;
	margin-bottom: 5px;
}
#event .form-group p textarea {
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 100px;
	width: 100%;
	margin-bottom: 5px;
}
#event .form-group p input, #business .form-group p select, #business .form-group p textarea {
	width: 100%;
	max-width: 100%;
	margin-bottom: 5px;
}
#event .validation-error {
	margin-left: 20px;
}
#event .business-select-box {
	padding: 20px 10px 20px 30px;
}
#event .form-buttons {
	padding: 20px 30px 30px 30px;
}




.form-group p textarea {
	padding-top:5px;
	padding-bottom:5px;	
	min-height:100px;
}
.contact-select {
  position: relative;
}
.contact-select:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 38px;
  top: 21px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}
.contact-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 45px;
  padding: 0px 35px 0 10px;
  font-size: 13px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
.contact-sidebar-box {
	background-color:#e4f1e5;
	margin-bottom:1px;	
	padding:15px;
}
.contact-sidebar-box-header {
    background-color: #357636;
	margin-bottom:1px;	
	padding:15px;
	padding-bottom:8px;
}
.contact-sidebar-box-header h4 {
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}
.contact-sidebar-box h4 {
	color:#333;
	font-weight:bold;
	font-size:15px;
}
.contact-sidebar-box a {
	margin-bottom:10px;
	color:#357636;
}
.contact-sidebar-box .social-media {
	border:none;	
	padding-top:10px;
	margin-top:0;
	padding-bottom:10px;
}

/* Sign up Form */
.form-heading h3 {
	font-size:1.6em;	
}
.contact-form .faux-label {
	padding-left:20px;
	padding-top:5px;
}
.contact-form .checkbox-stacked-group {
	height:auto;	
	padding-left:20px;
}
.contact-form label.checkbox {
	width:100% !important;
	height:35px;
	float:none !important;
}
.contact-form label.checkbox input {
	width: auto !important;
	margin-right: 10px;
}
.contact-box {
	background-color: #f3f3f3;
	border-radius: 10px;
	padding-bottom: 30px;
}
.contact-box p {
	padding: 7px 30px;
}
.contact-box h3 {
	background-color: #6a66a4;
	color: #FFF;
	padding: 25px;
	margin-bottom:20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* Submit Form */

.submit-form {
	margin-top:20px;
	margin-bottom:20px;
}
.submit-form form {
	background-color:#f4f4f4;
}
.submit-form .form-group {
	padding:10px;
	background-color:#ececec;
	border-bottom:1px solid #FFF;
}
.submit-form .form-group .text, .submit-form .form-group span {
	padding-left:20px;
	padding-right:20px;
}
.submit-form .form-button {
	padding:15px 25px 25px 25px;
}
.submit-form .form-heading {
	padding:25px 25px 15px 25px;
	border-bottom:1px solid #FFF;
}
.submit-form .form-group p label {
	width:40%;
	float:left;
	padding-top:5px;
}
.submit-form .form-group p input, .submit-form .form-group p select, .submit-form .form-group p textarea {
	max-width:439px;
}
.form-group p textarea {
	padding-top:5px;
	padding-bottom:5px;	
	min-height:100px;
}
.contact-select {
  position: relative;
}
.contact-select:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 38px;
  top: 21px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}
.contact-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 45px;
  padding: 0px 35px 0 10px;
  font-size: 13px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
.submit-form label.checkbox {
	padding-left:20px;
	padding-top:5px;
}
.submit-form .checkbox-stacked-group {
	height:auto;	
	padding-left:20px;
}
.submit-form label.checkbox {
	width:100% !important;
	height:35px;
	float:none !important;
}
.submit-form label.checkbox input {
	width:auto;	
}
.submit-form .button-group {
	padding:25px;	
}
form .notes {
  display: block;
  font-size: 0.9em;
  opacity: 0.8;
  padding-left: 0 !important;
  clear: both;
}

/* Search Result */
.search-result {
	margin-bottom:25px;
	background-color:#f4f4f4;
	padding:25px;
	position:relative;
	padding-bottom:45px;
}
.search-location p {
	font-size:12px;
	padding:10px 0;
	width:100%;
}
.search-location {
	background-color:#ececec;
	position:absolute;	
	bottom:0;
	left:0;
	width:100%;
	padding-left:25px;
}

/* Event Page */ 
.event {
	width: 100%;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	padding: 30px;
	border-radius: 10px;
}
.event.premium {
	border: 2px solid #cecce7;
	border-radius: 10px;
	background-color: #e0dfef;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}
.event.premium p {
	color: #222;
}
.event.premium h4 {
	color: #222;
}
.event.premium .image {
	background-color: #FFF;
	padding: 25px;
	text-align: center;
}
.event .image {
	background-color: #fff;
	padding: 25px;
	text-align: center;
}
/*
.event.premium::after {
	background-image: url("../img/highlighted-event-purple.png");
	content: " ";
	height: 140px;
	left: -7px;
	position: absolute;
	top: -8px;
	width: 135px;
	z-index: 1;
}
*/
.single-event-page #leftbar .image {
	padding: 20px;
	background-color: #FFF;
	margin-bottom: 15px;
	text-align: center;
}

.social-media {
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:15px;	
}
.social-media ul {
	margin:0;
	padding:0;
}
.social-media ul > li {
	display:inline-block;
	padding:0;
	margin:0;
	width:40px;
	height:40px;
	text-overflow:hidden;
	margin-right:5px;
}
.social-media ul > li a {
	width:40px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.business-information h3 {
	margin-bottom: 15px;
}
.business-contact .image {
	background-color: #FFF;
	width: 100%;
	text-align: center;
	padding: 50px 25px;
	float: left;
	margin-bottom: 25px;
}

#footer-social-media ul a li.li-twitter {
	background-image:url(../img/twitter-footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:64px;
	list-style: none;
	padding-left: 80px;
	margin-bottom: 15px;
	display: inline-table;
	margin-left:0px;
}
#footer-social-media ul a li.li-facebook {
	background-image:url(../img/facebook-footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:64px;
	list-style: none;
	padding-left: 80px;
	margin-bottom: 15px;
	display: inline-table;
	margin-left:0px;
}
#footer-social-media ul li a {
	text-decoration: underline;
}
#footer-social-media p {
	font-weight: normal;
}
#footer-social-media span {
	font-size: 1.2em;
}

/* Local Offers */

#offers-box {
	background-color: #f4f4f4;
	padding: 20px 20px 0px 20px;
}
#offers-box > div {
	padding:0px;
	margin:0px;
}
#offers-box .cta-box {
	padding: 0px;
	margin: 0px;
	display: inline-flex;
	width: 48%;
	margin-bottom: 24px;
}

#offers-box a {
	background-color: #FFF;
	padding: 25px;
	width: 100%;
	font-weight: bold;
	font-size: 17px;
	background-image: url(../img/coupon.png);
	background-position: left 20px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	color: #35637a;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Local Walks */
.entry.local-walk {
	background-color: #edf1f1;
	padding: 30px;
	display: inline-block;
	border-radius: 10px;
	margin-bottom: 20px;
}
.local-walks .image {
	width: 300px;
	float: right;
	background-color: white;
	padding: 20px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 20px;
}
.local-walk-info {
	float: left;
	display: contents;
}
.local-walks a.button {
	margin-top: 10px;
}
.single-walk-page .image {
	background-color: white;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.single-walk-page ul.gallery li {
	margin-left: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Single offer page */

.single-offer-page .image {
	background-color: white;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
}

/* Advertise Boxes */

.table-bold-header tbody tr:first-child {
	background-color: #6c66a4;
	color: white;
	font-weight: bold;
}

.advertise-boxes .grid-4 {
	position: relative;
}
.advertise-boxes .grid-4 h4 {
	padding: 0px;
}
.advertise-boxes .grid-4 h4 a {
	background-image: url(../img/opacity-90.png);
	background-repeat: repeat;
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 37px;
	color: #FFF;
	text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.advertise-boxes .grid-4:hover h4 a {
	height: 100%;
	line-height: 150px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#articles ul li {
	background-color: #dcebf1;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: normal;
	line-height: 18px;
	font-size: 1.1em;
}
.single-event-page  #gallery li {
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 130px;
}

.areas-covered {
	display: flex;
	gap: 24px;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 24px 0;
}
.areas-covered > .default {
	text-align: center;
	border: solid 3px #eee;
	padding: 24px;
	flex: 0 0 calc(50% - 12px);
	max-width: calc(50% - 12px);
	display: flex;
	flex-direction: column;
}
.areas-covered .text-large {
	font-size: 36px;
	display: inline-block;
	margin-top: 12px;
}
.areas-covered .button {
	margin-top: 12px;
	font-size: 12px;
	padding: 8px 16px;
	text-transform: uppercase;
}

/******************************************** 
7. Animations
********************************************/
.st-load {
	opacity: 0;
}
.st-fade {
	opacity: 1;
	-moz-transition: all 0.5s ease 0.3s;
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.st-fade.st-hide {
	opacity: 0;
}
.st-left-to-right, .st-right-to-left, .st-bottom-to-top, .st-top-to-bottom {
	position: relative;
	opacity: 1;
	-moz-transition: all 0.5s ease 0.3s;
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.st-left-to-right.st-hide, .st-right-to-left.st-hide, .st-bottom-to-top.st-hide, .st-top-to-bottom.st-hide {
	opacity: 0;
}
.st-left-to-right {
	left: 0px;
}
.st-left-to-right.st-hide {
	left: -1200px;
}
.st-right-to-left {
	right: 0px;
}
.st-right-to-left.st-hide {
	right: -1200px;
}
.st-bottom-to-top {
	top: 0px;
}
.st-bottom-to-top.st-hide {
	top: 600px;
}
.st-top-to-bottom {
	top: 0px;
}
.st-top-to-bottom.st-hide {
	top: -600px;
}


/******************************************** 
8. IE Styles
********************************************/
/* 8.1: All Pre IE9 - prefix with .ie */

/* 8.2: IE8 Only - prefix with .ie8 */

/* 8.3: IE7 Only - prefix with .ie7 */

/* 8.4: IE6 Only - prefix with .ie6 */


/******************************************** 
9. Testing Styles
********************************************/

.advertise-h4 {
	font-size: 18px;
	font-weight: 100;
	display: grid;
	margin-top:10px;
	color: #333 !important;
}
#page-advertise .grid-12 {
	margin-bottom: 30px;
}
#page-advertise .col.grid-3.align-center a {
	color: #333 !important;
}
.advertise-cta {
	background-color: #8882c1;
	border-radius: 10px;
	padding: 50px 40px;
	color: #FFF;
	text-align: center;
}
#page-advertise .advertise-cta {
	margin-left: 40px;
	margin-top: 30px;
}
.advertise-cta img, .advertise-cta h3 {
	margin-bottom: 15px;	
}
.advertise-cta a.button {
	background-color: #6a66a4;
}
.spacer-desktop-only {
	display: block;
	height: 50px;
	clear: both;
}

.competition-page .left-wrapper {
	padding-right: 0;
}
.competition-page .left-wrapper {
	padding-right: 24px;
}
.competition-page .image img {
	width: 100%;
}
.form-heading--tc-accordion-panel h1:first-child {
	display: none;
}
.form-heading--tc-accordion-panel {
	max-height: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	transition: all 0.3s linear 0s;
}
.form-heading--tc-accordion h4:not(.form-heading--open h4) {
	margin-bottom: 0;
}
.form-heading--tc-accordion.form-heading--open .form-heading--tc-accordion-panel {
	max-height: 300px;
	overflow-y: scroll;
	margin-top: 16px;
}
.form-heading--tc-accordion h4 a {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.form-heading--tc-accordion h4 a::after {
	content: '+';
	border: solid 1.5px #3573b9;
	border-radius: 100px;
	width: 19px;
	height: 19px;
	line-height: 17px;
	display: block;
	text-align: center;
	font-size: 18px;
}
.form-heading--tc-accordion.form-heading--open h4 a::after {
	content: '–';
	line-height: 14px;
	font-size: 14px;
	font-weight: 600;
}
.form-heading--tc-accordion-panel li {
	margin-left: 24px;
}
#enquiry .checkbox-stacked-group .validation-error {
	padding-left: 0 !important;
	margin-left: 12px;
}
.form-heading--tc-accordion-panel .rich-text {
	background-color: #e4e4e4;
	padding: 16px 24px;
}
#enquiry .form-heading.form-heading--tc-accordion {
	padding: 25px 25px 25px 25px;
}
#enquiry .form-group p label.checkbox {
	width: auto;
	float: none;
	padding: 5px 12px;
}
#enquiry .form-group p .checkbox input {
	width: auto;
}


.competition-listings {
	display: grid;
	gap: 48px;
	grid-template-columns: repeat(2, 1fr);
}
.competition-listings .competition img {
	width: 100%;
}
.competition-listings .competition-info {
	margin-top: 24px;
}
.competition-info h3 {
	font-size: 2em;
}
.competition-info h3 a {
	color: #6a66a4;
	display: inline-block;
}
.competition-info .button {
	padding: 16px 30px;
	font-size: 1.4em;
	margin-top: 12px;
}

.colour-ashby-life {
	color: #2f7433;
}
.colour-melbourne-life {
	color: #345d79;
}
.colour-ibstock-life {
	color: #6e62a0;
}
.colour-donington-life {
	color: #db4d0f;
}

.section {
	padding: 60px 0;
}
.section--narrow {
	padding: 30px 0;
}
.section--top {
	padding-top: 60px;
}

#section-latest-issues {
	background-color: #f4f4f4;
	position: relative;
	margin-bottom: -40px;
}
#section-latest-issues::before {
	content: '';
	background: #f4f4f4;
	position: absolute;
	width: 200vw;
	height: 100%;
	z-index: -1;
	left: 50%;
	margin-left: -100%;
}
#section-latest-issues .container {
	padding: 60px 0;
	text-align: center;
}
#section-latest-issues h3 {
	margin-bottom: 40px;
	text-align: center;
}
#section-latest-issues .latest-issue {
	text-align: center;
	padding: 0 24px;
}
.latest-issue__img {
	margin-bottom: 20px;
}
.latest-issue__text h4, .latest-issue__text h5 {
	font-weight: 600;
	margin-bottom: 6px;
}
#section-latest-issues h5 {
	margin-top: 10px;
	font-size: 1em;
}

#how-to-advertise .row {
	display: flex;
	align-items: center;
}


.background-very-light-brand {
	background-color: #e8e7ee;
	position: relative;
}
.background-very-light-brand::before {
	content: '';
	background: #e8e7ee;
	position: absolute;
	width: 200vw;
	height: 100%;
	z-index: -1;
	left: 50%;
	margin-left: -100%;
}
.background-light-brand {
	background-color: #bcb9d7;
	position: relative;
}
.background-light-brand::before {
	content: '';
	background: #bcb9d7;
	position: absolute;
	width: 200vw;
	height: 100%;
	z-index: -1;
	left: 50%;
	margin-left: -100%;
}
.background-dark-brand {
	background-color: #6a66a4;
	position: relative;
	color: #ffffff;
}
.background-dark-brand::before {
	content: '';
	background: #6a66a4;
	position: absolute;
	width: 200vw;
	height: 100%;
	z-index: -1;
	left: 50%;
	margin-left: -100%;
}

#benefits .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
}
#benefits .row::after {
	display: none;
}
#benefits .row > .col {
	margin-left: 0 !important;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 600;
}
#benefits h2 {
	margin-bottom: 40px;
}
#benefits h4 {
	padding-bottom: 0;
	margin-bottom: 0;
}
#benefits .col:nth-child(1) h4 {
	color: #357636;
}
#benefits .col:nth-child(2) h4 {
	color: #ea6300;
}
#benefits .col:nth-child(3) h4 {
	color: #509bca;
}
#benefits .col:nth-child(4) h4 {
	color: #8c5db0;
}
#benefits .col:nth-child(5) h4 {
	color: #3e6692;
}
#benefits .col:nth-child(6) h4 {
	color: #d84848;
}

#banner .image img {
	margin: auto;
}
#banner h1 {
	color: #dc4c10;
	font-size: 3.2em;
	max-width: 800px;
	margin: auto;
	padding-bottom: 40px;
}

#contact-banner {
	text-align: center;
}
#contact-banner p {
	font-size: 32px;
}
#main-content .row {
	display: flex;
	gap: 48px;
	justify-content: center;
	align-items: center;
}
#main-content .row > .col {
	margin-left: 0 !important;
}
#main-content .row::after {
	display: none;
}
#main-content p, #how-to-advertise p, #main-content li, #how-to-advertise li {
	font-size: 1.1em;
}
#main-content .button, #how-to-advertise .button {
	font-size: 1.05em;
}
#how-to-advertise a {
	text-decoration: underline;
}

.areas-covered {
	display: flex;
	gap: 24px;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 24px 0;
}
.areas-covered > .default {
	text-align: center;
	border: solid 3px #eee;
	padding: 24px;
	flex: 0 0 calc(50% - 12px);
	max-width: calc(50% - 12px);
	display: flex;
	flex-direction: column;
}
.areas-covered .text-large {
	font-size: 36px;
	display: inline-block;
	margin-top: 12px;
}
.areas-covered .button {
	margin-top: 12px;
	font-size: 12px;
	padding: 8px 16px;
	text-transform: uppercase;
}


#latest-magazines {
	display: flex;
	flex-wrap: wrap;
}
#latest-magazines > .latest-issue {
	width: auto;
	flex-basis: 20%;
	max-width: 20%;
}
.coalville-life {
	color: #faa61a;
}
.colour-coalville-life {
	color: #f7a600;
}
.areas-covered > .default.cell-3 {
	flex: 0 0 calc(33.333% - 16px);
	max-width: calc(33.333% - 16px);
}
.areas-covered > .default.cell-2 {
	flex: 0 0 calc(50% - 12px);
	max-width: calc(50% - 12px);
}

.latest-issue__popup {
	display: none;
}
.latest-issue__popup--show {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 1;
}
.latest-issue__popup-content {
	background-color: #fff;
	width: 80%;
	padding: 36px;
	box-shadow: 0px 6px 16px rgba(0,0,0,0.1);
	max-width: 400px;
	position: relative;
	border-top: solid 5px #f7a600;
}
.latest-issue__popup-content a {
	color: #f7a600;
}
.latest-issue__popup-close {
	position: absolute;
	right: -24px;
	top: -24px;
}
.latest-issue__popup-close button {
	cursor: pointer;
	font-size: 20px;
	width: 48px;
	height: 48px;
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.03);
	outline: none;
	border: none;
}
.latest-issue__popup-text p {
	font-size: 16px;
}

th.align-center, td.align-center {
	text-align: center;
}
.table tr:nth-child(n+2) th {
	background-color: #fff3d9;
	color: #444;
}

.areas-covered-list {
	margin: 24px 0;
}
.areas-covered-list__item {
	display: flex;
	border-bottom: solid 3px #fff;
	background-color: #f5f5f5; 
	position: relative;
}
.areas-covered-list__item-title {
	flex-basis: 40%;
	max-width: 200px;
	padding: 16px;
	color: #fff;
	font-weight: 600;
	flex-shrink: 0;
	flex-grow: 0;
	border-left: solid 5px #f5f5f5;
}
.areas-covered-list__item-content {
	padding: 16px;
	flex-grow: 1;
}

.areas-covered-list__item--ashby-life .areas-covered-list__item-title {
	color: #2f7433;
	border-left-color: #2f7433;
}
.areas-covered-list__item--melbourne-life .areas-covered-list__item-title {
	color: #345d79;
	border-left-color: #345d79;
}
.areas-covered-list__item--ibstock-life .areas-covered-list__item-title {
	color: #6e62a0;
	border-left-color: #6e62a0;
}
.areas-covered-list__item--donington-life .areas-covered-list__item-title {
	color: #db4d0f;
	border-left-color: #db4d0f;
}
.areas-covered-list__item--coalville-life .areas-covered-list__item-title {
	color: #f7a600;
	border-left-color: #f7a600;
}
.areas-covered-list__cta {
	margin-top: 24px;
}
.areas-covered-list__cta .button {
	font-size: 18px;
}
a[href="#"] {
	cursor: default;
}

.advertising-rates {
	display: flex;
	gap: 24px;
	margin-bottom: 24px;
	border: solid 1px #DDD;
	padding: 36px;
	background-color: #f9f9f9;
}
.advertising-rates h4 {
	font-weight: 500;
	text-align: center;
}
.advertising-rates__table {
	flex-basis: 50%;
}
.advertising-rates__table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px 0;
}
.advertising-rates__table tbody tr {
	background-color: #fff;
}
.advertising-rates__table tbody tr:nth-child(2n) {
	background-color: #e8e7ee;
}
.advertising-rates__table th {
	background-color: #6a66a4;
	color: #fff;
	font-weight: 600;
	padding: 8px 8px;
	text-align: center;
}
.advertising-rates__table th:first-child {
	text-align: left;
}
.advertising-rates__table td {
	padding: 8px 8px;
	text-align: center;
}
.advertising-rates__table td:first-child {
	font-weight: 600;
	text-align: left;
}
.our-magazines-section .bk-coalville {
	background-color: #fff3d9;
}

.alert-dialog__overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 201;
	background-color: rgba(255,255,255,0.8);
}
.alert-dialog__container {
	position: fixed;
	z-index: 201;
	left: 50%;
	top: 50%;
	background-color: #fff;
	padding: 24px;
	box-shadow: 0 0 36px rgba(0,0,0,0.2);
	transform: translate(-50%, -50%);
	border-left: solid 6px #999;
	border-radius: 12px;
	width: 86%;
	max-width: 600px;
	display: flex;
	gap: 24px;
}
.alert-dialog--success .alert-dialog__container {
	border-left-color: #3c763d;
}
.alert-dialog--error .alert-dialog__container {
	border-left-color: #a94442;
}
.alert-dialog__content h4 {
	margin-bottom: 0;
}
.alert-dialog__content p, .alert-dialog__content li {
	font-size: 13px !important;
}
.alert-dialog__close button {
	cursor: pointer;
	width: 24px;
	height: 24px;
	font-weight: 900;
	font-size: 16px;
	position: absolute;
	top: 12px;
	right: 12px;
	background: transparent;
	outline: none;
	border: none;
}
.alert-dialog__icon i {
	width: 36px;
	height: 36px;
	display: block;
	background-size: 36px;
}
.alert-dialog--success i {
	background-image: url("../img/alert--success.svg");
}
.alert-dialog--error i {
	background-image: url("../img/alert--error.svg");
}