html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

td {
	margin: 0;
	padding: 4px;
	outline: 0;
	border: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

h2.section {
	 min-height: 40px;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
}

input,
select {
	vertical-align: middle;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}
		
.none + .triangle:before {
	border-color: transparent transparent transparent #fff;
}

.Purple {
	background: #fff;
}

.Purple h1,
.Purple h2,
.Purple h3,
.Purple h4,
.Purple h5,
.Purple h6,
.Purple h1 a,
.Purple h2 a,
.Purple h3 a,
.Purple h4 a,
.Purple h5 a,
.Purple h6 a,
.Purple h1 a:visited,
.Purple h2 a:visited,
.Purple h3 a:visited,
.Purple h4 a:visited,
.Purple h5 a:visited,
.Purple h6 a:visited,
.GCclass h1,
.GCclass h2,
.GCclass h3,
.GCclass h4,
.GCclass h5,
.GCclass h6,
.GCclass h1 a,
.GCclass h2 a,
.GCclass h3 a,
.GCclass h4 a,
.GCclass h5 a,
.GCclass h6 a,
.GCclass h1 a:visited,
.GCclass h2 a:visited,
.GCclass h3 a:visited,
.GCclass h4 a:visited,
.GCclass h5 a:visited,
.GCclass h6 a:visited {
	color: #692073;
}

.Purple *, .GCclass * {
	color: #101010;
}

.Purple a, .GCclass a {
	color: #380140;
}

.Purple a:hover, .GCclass a:hover {
	color: #692073;
}

.Purple a:visited, .GCclass a:visited {
	color: #380140;
}

.Purple a.button {
	border: 1px solid #101010;
	background: transparent;
	color: #101010;
}

.Purple a.button:hover {
	background: #101010;
	color: #9a5aa4;
}

.Purple a.button.fill {
	background: #101010;
	color: #9a5aa4;
}

.Purple a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #101010;
}

.Purple + .triangle:before {
	border-color: transparent transparent transparent #fff;
}

.LightPurple {
	background: #fff;
}

.LightPurple h1,
.LightPurple h2,
.LightPurple h3,
.LightPurple h4,
.LightPurple h5,
.LightPurple h6,
.LightPurple h1 a,
.LightPurple h2 a,
.LightPurple h3 a,
.LightPurple h4 a,
.LightPurple h5 a,
.LightPurple h6 a,
.LightPurple h1 a:visited,
.LightPurple h2 a:visited,
.LightPurple h3 a:visited,
.LightPurple h4 a:visited,
.LightPurple h5 a:visited,
.LightPurple h6 a:visited {
	color: #9a5aa5;
}

.LightPurple * {
	color: #101010;
}

.LightPurple a {
	color: #692073;
}

.LightPurple a:hover {
	color: #81398b;
}

.LightPurple a:visited {
	color: #692073;
}

.LightPurple a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.LightPurple a.button:hover {
	background: #000;
	color: #FFCC01;
}

.LightPurple a.button.fill {
	background: #000;
	color: #FFCC01;
}

.LightPurple a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.LightPurple + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}


.Green {
	background: #fff;
}

.Green h1,
.Green h2,
.Green h3,
.Green h4,
.Green h5,
.Green h6,
.Green h1 a,
.Green h2 a,
.Green h3 a,
.Green h4 a,
.Green h5 a,
.Green h6 a,
.Green h1 a:visited,
.Green h2 a:visited,
.Green h3 a:visited,
.Green h4 a:visited,
.Green h5 a:visited,
.Green h6 a:visited {
	color: #679f2a;
}

.Green * {
	color: #101010;
}

.Green a {
	color: #2e5900;
}

.Green a:hover {
	color: #4a8010;
}

.Green a:visited {
	color: #2e5900;
}

.Green a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.Green a.button:hover {
	background: #000;
	color: #FFCC01;
}

.Green a.button.fill {
	background: #000;
	color: #FFCC01;
}

.Green a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.Green + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.LightGreen {
	background: #fff;
}

.LightGreen h1,
.LightGreen h2,
.LightGreen h3,
.LightGreen h4,
.LightGreen h5,
.LightGreen h6,
.LightGreen h1 a,
.LightGreen h2 a,
.LightGreen h3 a,
.LightGreen h4 a,
.LightGreen h5 a,
.LightGreen h6 a,
.LightGreen h1 a:visited,
.LightGreen h2 a:visited,
.LightGreen h3 a:visited,
.LightGreen h4 a:visited,
.LightGreen h5 a:visited,
.LightGreen h6 a:visited {
	color: #a0ce67;
}

.LightGreen * {
	color: #101010;
}

.LightGreen a {
	color: #57881c;
}

.LightGreen a:hover {
	color: #78a93b;
}

.LightGreen a:visited {
	color: #57881c;
}

.LightGreen a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.LightGreen a.button:hover {
	background: #000;
	color: #FFCC01;
}

.LightGreen a.button.fill {
	background: #000;
	color: #FFCC01;
}

.LightGreen a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.LightGreen + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.Colour5 {
	background: #eeeeee;
}

.Colour5 h1,
.Colour5 h2,
.Colour5 h3,
.Colour5 h4,
.Colour5 h5,
.Colour5 h6,
.Colour5 h1 a,
.Colour5 h2 a,
.Colour5 h3 a,
.Colour5 h4 a,
.Colour5 h5 a,
.Colour5 h6 a,
.Colour5 h1 a:visited,
.Colour5 h2 a:visited,
.Colour5 h3 a:visited,
.Colour5 h4 a:visited,
.Colour5 h5 a:visited,
.Colour5 h6 a:visited {
	color: #9f3daf;
}

.Colour5 * {
	color: #000;
}

.Colour5 a {
	color: #005399;
}

.Colour5 a:visited {
	color: #005399;
}

.Colour5 a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.Colour5 a.button:hover {
	background: #000;
	color: #FFCC01;
}

.Colour5 a.button.fill {
	background: #000;
	color: #FFCC01;
}

.Colour5 a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.Colour5 + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.Colour6 {
	background: #fff;
}

.Colour6 * {
	color: #000;
}

.Colour6 a,
.Colour6 a:visited {
	color: #005399;
}

.Colour6 h1,
.Colour6 h2,
.Colour6 h3,
.Colour6 h4,
.Colour6 h5,
.Colour6 h6,
.Colour6 h1 a,
.Colour6 h2 a,
.Colour6 h3 a,
.Colour6 h4 a,
.Colour6 h5 a,
.Colour6 h6 a,
.Colour6 h1 a:visited,
.Colour6 h2 a:visited,
.Colour6 h3 a:visited,
.Colour6 h4 a:visited,
.Colour6 h5 a:visited,
.Colour6 h6 a:visited {
	color: #005399;
}

.Colour6 a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.Colour6 a.button:hover {
	background: #000;
	color: #FFCC01;
}

.Colour6 a.button.fill {
	background: #000;
	color: #FFCC01;
}

.Colour6 a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.Colour6 + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.PurplePanel {
	background: #692073;
}

.PurplePanel * {
	color: #fff;
}

.PurplePanel a,
.PurplePanel a:visited {
	color: #fff;
}

.PurplePanel a:hover,
.PurplePanel a:visited:hover {
	text-decoration: underline;
}

.PurplePanel a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.PurplePanel a.button:hover {
	background: #fff;
	color: #ccaacc;
}

.PurplePanel a.button.fill {
	background: #fff;
	color: #ccaacc;
}

.PurplePanel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.PurplePanel code,
.PurplePanel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.PurplePanel + .triangle:before {
	border-color: transparent transparent transparent #ccaacc;
}

.LightPurplePanel {
	background: #9a5aa4;
}

.LightPurplePanel * {
	color: #fff;
}

.LightPurplePanel a,
.LightPurplePanel a:visited {
	color: #fff;
}

.LightPurplePanel a:hover,
.LightPurplePanel a:visited:hover {
	text-decoration: underline;
}

.LightPurplePanel a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.LightPurplePanel a.button:hover {
	background: #fff;
	color: #180073;
}

.LightPurplePanel a.button.fill {
	background: #fff;
	color: #180073;
}

.LightPurplePanel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.LightPurplePanel code,
.LightPurplePanel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.GreenPanel {
	background: #679f2a;
}

.GreenPanel * {
	color: #fff;
}

.GreenPanel a,
.GreenPanel a:visited {
	color: #fff;
}

.GreenPanel a:hover,
.GreenPanel a:visited:hover {
	text-decoration: underline;
}

.GreenPanel a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.GreenPanel a.button:hover {
	background: #fff;
	color: #180073;
}

.GreenPanel a.button.fill {
	background: #fff;
	color: #180073;
}

.GreenPanel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.GreenPanel code,
.GreenPanel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.GreenPanel + .triangle:before {
	border-color: transparent transparent transparent #180073;
}

.LightGreenPanel {
	background: #a0ce67;
}

.LightGreenPanel * {
	color: #212121;
}

.LightGreenPanel a,
.LightGreenPanel a:visited {
	color: #212121;
}

.LightGreenPanel a:hover,
.LightGreenPanel a:visited:hover {
	text-decoration: underline;
}

.LightGreenPanel a.button {
	border: 1px solid #692073;
	background: rgba(255, 255, 255, 0);
	color: #692073;
}

.LightGreenPanel a.button:hover {
	background: #fff;
	color: #180073;
}

.LightGreenPanel a.button.fill {
	background: #fff;
	color: #180073;
}

.LightGreenPanel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.LightGreenPanel code,
.LightGreenPanel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.LightGreenPanel + .triangle:before {
	border-color: transparent transparent transparent #180073;
}

.Colour5Panel {
	background: #9f3daf;
}

.Colour5Panel * {
	color: #fff;
}

.Colour5Panel a,
.Colour5Panel a:visited {
	color: #fff;
}

.Colour5Panel a:hover,
.Colour5Panel a:visited:hover {
	text-decoration: underline;
}

.Colour5Panel a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.Colour5Panel a.button:hover {
	background: #fff;
	color: #180073;
}

.Colour5Panel a.button.fill {
	background: #fff;
	color: #180073;
}

.Colour5Panel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.Colour5Panel code,
.Colour5Panel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.Colour5Panel + .triangle:before {
	border-color: transparent transparent transparent #180073;
}

.Colour6Panel {
	background: #005399;
}

.Colour6Panel * {
	color: #fff;
}

.Colour6Panel a,
.Colour6Panel a:visited {
	color: #fff;
}

.Colour6Panel a:hover,
.Colour6Panel a:visited:hover {
	text-decoration: underline;
}

.Colour6Panel a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.Colour6Panel a.button:hover {
	background: #fff;
	color: #180073;
}

.Colour6Panel a.button.fill {
	background: #fff;
	color: #180073;
}

.Colour6Panel a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.Colour6Panel code,
.Colour6Panel pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.dark {
	background: #1c1c1e;
}

.dark * {
	color: #fff;
}

.dark h3 {
	color: #99ee24;	
}

.dark a,
.dark a:visited {
	color: #99ee24;
}

.dark a:hover,
.dark a:visited:hover {
	text-decoration: underline;
}

.dark button, a.button {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0);
	color: #fff;
}

.dark button:hover, a.button:hover {
	background: #fff;
	color: #000;
}

.dark button.fill, a.button.fill {
	background: #fff;
	color: #000;
}

.dark button.fill:hover, a.button.fill:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.dark code,
.dark pre {
	background-color: rgba(248, 248, 248, 0.1);
}

.dark + .triangle:before {
	border-color: transparent transparent transparent #1c1c1e;
}

.light {
	background: #fff;
}

.light * {
	color: #000;
}

.light a,
.light a:visited {
	color: #f45376 !important;
}

.light a:hover,
.light a:visited:hover {
	text-decoration: underline;
}

.light a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.light a.button:hover {
	background: #000;
	color: #fff;
}

.light a.button.fill {
	background: #000;
	color: #fff;
}

.light a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.light code,
.light pre {
	background-color: #f8f8f8;
}

.light + .triangle:before {
	border-color: transparent transparent transparent #fff;
}

.GreyPanel {
	background: #f5f5f5;
}

.GreyPanel h1,
.GreyPanel h2,
.GreyPanel h3,
.GreyPanel h1 a,
.GreyPanel h2 a,
.GreyPanel h1 a:visited,
.GreyPanel h2 a:visited {
	color: #692073;
}

.GreyPanel * {
	color: #000;
}

.GreyPanel a {
	color: #692073;
}

.GreyPanel a:visited {
	color: #692073;
}

.GreyPanel a:hover,
.GreyPanel a:visited:hover {
	color: #692073;
	text-decoration: underline;
}

.GreyPanel a.button {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.GreyPanel a.button:hover {
	background: #000;
	color: #FFCC01;
}

.GreyPanel a.button.fill {
	background: #000;
	color: #FFCC01;
}

.GreyPanel a.button.fill:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #000;
}

.GreyPanel + .triangle:before {
	border-color: transparent transparent transparent #FFCC01;
}

.round {
	border-radius: 50%;
}

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

.text--center .seperator {
	margin-right: auto;
	margin-left: auto;
}

.center,
.center img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

body {
	font-family: "Lato", sans-serif;
	line-height: 1.4;
}

h1 {
	font-weight: 900;
}

h2,
h3,
h4 {
	font-weight: 700;
}

h1, h1 a {
	letter-spacing: -.2px;
	font-size: 2rem;
}

h2, h2 a {
	font-size: 1.60rem;
	font-weight: 900;
}

h3, h3 a {
	font-size: 1.3rem;
}

h4 {
	font-size: 1.1rem;
	margin-bottom: 3px;
}

h5 {
	font-size: 1rem;
	font-weight: 100;
	margin: 0;
}

h5 + * {
	margin-bottom: 20px;
}

h5 a {
	font-size: inherit;
	font-family: inherit !important;
}

strong {
	font-weight: 900;
}

p,
blockquote,
li,
a {
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.2px;
}

p,
blockquote,
li {
	color: #4d4d4d;
	font-weight: 400;
}

a,
a:visited {
	text-decoration: none;
/*	width: auto;
	white-space: nowrap;*/
}

blockquote {
	color: #2c2c2c;
	font-size: 1.2rem;
}

blockquote:before,
blockquote:after {
	display: inline-block;
	padding: 0 2px;
	font-size: 1.4rem;
	content: '"';
}

a.button {
	border-radius: 3px;
	padding: 8px 18px !important;
	margin-top: 20px;
	font-family: "Lato", sans-serif !important;
	font-size: 1rem;
	background: transparent;
	transition: all .2s ease-in-out;
}

a.button:hover {
	background: #000;
	color: #fff;
	text-decoration: none !important;
}

a.button.fill {
	background: #000;
	color: #fff;
}

a.button.fill:hover {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-decoration: none;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

body {
	background: transparent;
	min-height: 100%;
	min-width: 100%;
	font-size: 17px;
}

*[role="content"] {
	position: relative;
	min-height: calc(100vh - 486px);
}

header {
	background: #FFF;
	padding: 60px 0px 0px 0px;
	position: relative;
}

header .container {
	max-width: 100%;
	padding: 0;
}

header .row {
	margin: 0;
}

.brand {
	margin: 0 auto;
	width: 205px;
	height: 114px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}

#toggle {
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}

.toggle {
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.toggle .cross {
	transition-duration: 0s;
	transition-delay: .1s;
}

.toggle .cross span:before {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross span:after {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross.open span {
	background-color: transparent;
	transition-delay: .1s;
}

.toggle .cross.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0,  .1s;
	background-color: #c6c5cd;
}

.toggle .cross.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-delay: 0,  .1s;
	background-color: #c6c5cd;
}

.toggle span {
	margin: 0 auto;
	position: relative;
	z-index: 999;
	top: 12px;
	width: 25px;
	height: 2px;
	background-color: #fff;
	display: block;
}

.toggle span:before,
.toggle span:after {
	position: absolute;
	content: '';
	width: 25px;
	height: 2px;
	background-color: #fff;
	display: block;
}

.toggle span:before {
	margin-top: -7px;
}

.toggle span:after {
	margin-top: 7px;
}

.Purple,
.LightPurple,
.Green,
.LightGreen,
.Colour5,
.Colour6,
.dark,
.light {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #000;
}

.PurplePanel,
.LightPurplePanel,
.GreenPanel,
.LightGreenPanel,
.Colour5Panel,
.Colour6Panel,
.GreyPanel {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #000;
}

.Purple .row,
.LightPurple .row,
.Green .row,
.LightGreen .row,
.Colour5 .row,
.Colour6 .row,
/*.PurplePanel .row,
.LightPurplePanel .row,
.GreenPanel .row,
.LightGreenPanel .row,
.Colour5Panel .row,
.Colour6Panel .row,*/
.dark .row,
.light .row,
.GreyPanel .row {
	margin: 0;
}

.Purple .row div[class^="col-"],
.LightPurple .row div[class^="col-"],
.Green .row div[class^="col-"],
.LightGreen .row div[class^="col-"],
.Colour5 .row div[class^="col-"],
.Colour6 .row div[class^="col-"],
/*.PurplePanel .row div[class^="col-"],
.LightPurplePanel .row div[class^="col-"],
.GreenPanel .row div[class^="col-"],
.LightGreenPanel .row div[class^="col-"],
.Colour5Panel .row div[class^="col-"],
.Colour6Panel .row div[class^="col-"],*/
.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.GreyPanel .row div[class^="col-"] {
	margin-bottom: 50px;
}

.Purple p,
.LightPurple p,
.Green p,
.LightGreen p,
.Colour5 p,
.Colour6 p,
.PurplePanel p,
.LightPurplePanel p,
.GreenPanel p,
.LightGreenPanel p,
.Colour5Panel p,
.Colour6Panel p,
.dark p,
.light p,
.GreyPanel p,
.Purple a,
.LightPurple a,
.Green a,
.LightGreen a,
.Colour5 a,
.Colour6 a,
.PurplePanel a,
.LightPurplePanel a,
.GreenPanel a,
.LightGreenPanel a,
.Colour5Panel a,
.Colour6Panel a,
.dark a,
.light a,
.GreyPanel a,
.Purple blockquote,
.LightPurple blockquote,
.Green blockquote,
.LightGreen blockquote,
.Colour5 blockquote,
.Colour6 blockquote,
.PurplePanel blockquote,
.LightPurplePanel blockquote,
.GreenPanel blockquote,
.LightGreenPanel blockquote,
.Colour5Panel blockquote,
.Colour6Panel blockquote,
.dark blockquote,
.light blockquote,
.GreyPanel blockquote,
.Purple li,
.LightPurple li,
.Green li,
.LightGreen li,
.Colour5 li,
.Colour6 li,
.PurplePanel li,
.LightPurplePanel li,
.GreenPanel li,
.LightGreenPanel li,
.Colour5Panel li,
.Colour6Panel li,
.dark li,
.light li,
.GreyPanel li { 
	font-family: "Lato", sans-serif;
}

.Purple h1,
.LightPurple h1,
.Green h1,
.LightGreen h1,
.Colour5 h1,
.Colour6 h1,
/*.PurplePanel h1,
.LightPurplePanel h1,
.GreenPanel h1,
.LightGreenPanel h1,
.Colour5Panel h1,
.Colour6Panel h1,*/
.dark h1,
.light h1,
.GreyPanel h1 {
	margin-bottom: 10px;
}

.Purple h2,
.LightPurple h2,
.Green h2,
.LightGreen h2,
.Colour5 h2,
.Colour6 h2,
.PurplePanel h2,
.LightPurplePanel h2,
.GreenPanel h2,
.LightGreenPanel h2,
.Colour5Panel h2,
.Colour6Panel h2,
.dark h2,
.light h2,
.GreyPanel h2,
.Purple h3,
.LightPurple h3,
.Green h3,
.LightGreen h3,
.Colour5 h3,
.Colour6 h3,
.PurplePanel h3,
.LightPurplePanel h3,
.GreenPanel h3,
.LightGreenPanel h3,
.Colour5Panel h3,
.Colour6Panel h3,
.dark h3,
.light h3,
.GreyPanel h3 {
	margin: 0 0 20px 0;
}

.Purple p,
.LightPurple p,
.Green p,
.LightGreen p,
.Colour5 p,
.Colour6 p,
.PurplePanel p,
.LightPurplePanel p,
.GreenPanel p,
.LightGreenPanel p,
.Colour5Panel p,
.Colour6Panel p,
.dark p,
.light p,
.GreyPanel p {
	letter-spacing: 0.2px;
	margin: 0 0 10px 0;
}

.Purple p + *,
.LightPurple p + *,
.Green p + *,
.LightGreen p + *,
.Colour5 p + *,
.Colour6 p + *,
.PurplePanel p + *,
.LightPurplePanel p + *,
.GreenPanel p + *,
.LightGreenPanel p + *,
.Colour5Panel p + *,
.Colour6Panel p + *,
.dark p + *,
.light p + *,
.GreyPanel p + * {
	margin-bottom: 10px;
}

.Purple a,
.LightPurple a,
.Green a,
.LightGreen a,
.Colour5 a,
.Colour6 a,
.PurplePanel a,
.LightPurplePanel a,
.GreenPanel a,
.LightGreenPanel a,
.Colour5Panel a,
.Colour6Panel a,
.dark a,
.light a,
.GreyPanel a {
	position: relative;
/*	display: inline-block;*/
}

.Purple img,
.LightPurple img,
.Green img,
.LightGreen img,
.Colour5 img,
.Colour6 img,
.PurplePanel img,
.LightPurplePanel img,
.GreenPanel img,
.LightGreenPanel img,
.Colour5Panel img,
.Colour6Panel img,
.dark img,
.light img,
.GreyPanel img {
	padding: 20px 0;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 6px;
}

.icon img {
	margin-top: -20px;
	margin-bottom: -20px;
	margin-left: -20px;
	margin-right: 0px
	float: left;
	vertical-align: middle;
}

.Purple li,
.LightPurple li,
.Green li,
.LightGreen li,
.Colour5 li,
.Colour6 li,
.PurplePanel li,
.LightPurplePanel li,
.GreenPanel li,
.LightGreenPanel li,
.Colour5Panel li,
.Colour6Panel li,
.dark li,
.light li,
.GreyPanel li {
	padding: 2px 0 0;
}

footer ul {
	margin: 15px auto 0;
	text-align: center;
}

footer ul li {
	position: relative;
	display: block;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1;
}

footer.Purple a,
footer.LightPurple a,
footer.Green a,
footer.LightGreen a,
footer.Colour5 a,
footer.Colour6 a,
footer.PurplePanel a,
footer.LightPurplePanel a,
footer.GreenPanel a,
footer.LightGreenPanel a,
footer.Colour5Panel a,
footer.Colour6Panel a,
footer.dark a,
footer.light a,
footer.GreyPanel a {
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 1rem;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	font-family: "Lato", sans-serif;
	font-weight: 100;
}

footer.Purple a:hover,
footer.LightPurple a:hover,
footer.Green a:hover,
footer.LightGreen a:hover,
footer.Colour5 a:hover,
footer.Colour6 a:hover,
footer.PurplePanel a:hover,
footer.LightPurplePanel a:hover,
footer.GreenPanel a:hover,
footer.LightGreenPanel a:hover,
footer.Colour5Panel a:hover,
footer.Colour6Panel a:hover,
footer.dark a:hover,
footer.light a:hover,
footer.greyPanel a:hover {
	color: rgba(255, 255, 255, 0.9) !important;
	border-bottom: 1px solid #fff !important;
	padding-bottom: 3px;
	text-decoration: none;
}

ul {
	margin-left: 20px;
}

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

blockquote {
	padding: 10px;
	text-align: center;
	position: relative;
	font-size: 1.3rem;
}

blockquote + * {
	padding: 30px 10px;
}

* + ul {
	margin-bottom: 30px;
}

.equal {
/*	display: table;
	table-layout: fixed;*/
}

.equal .vcenter {
	display: table-cell;
	vertical-align: middle;
}

.full {
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
}

.full * {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.full .wide {
	width: 100%;
	height: auto;
}

.small {
	font-size: .85rem;
}

code,
pre {
	overflow: auto;
	padding: 0px 0px;
	border-radius: 3px;
	background-color: rgba(248, 248, 248, 0.3);
	font-size: .9rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 2.3;
}

.gallery .row > div {
	margin-bottom: 2%;
}

.gallery img {
	margin: 0;
}

.video-wrapper {
	margin: 30px auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {

.Purple,
.LightPurple,
.Green,
.LightGreen,
.Colour5,
.Colour6,
.dark,
.light {
	padding: 40px 0;
}

.PurplePanel,
.LightPurplePanel,
.GreenPanel,
.LightGreenPanel,
.Colour5Panel,
.Colour6Panel,
.GreyPanel {
	padding: 10px 0;
}

.Purple img,
.LightPurple img,
.Green img,
.LightGreen img,
.Colour5 img,
.Colour6 img,
.PurplePanel img,
.LightPurplePanel img,
.GreenPanel img,
.LightGreenPanel img,
.Colour5Panel img,
.Colour6Panel img,
.dark img,
.light img,
.GreyPanel img {
	padding: 0;
}

.blogarchive a {
	background: rgba(0, 0, 0, 0.02);
}

.blogarchive a {
	min-height: 250px;
/*	overflow: hidden;*/
}

.blogarchive a:hover h2 {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
	
header .row {
	margin-bottom: 40px;
}

}

@media (min-width: 992px) {

.triangle + .Purple:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .LightPurple:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .Green:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .LightGreen:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .Colour5:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .Colour6:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .PurplePanel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .LightPurplePanel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .GreenPanel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .LightGreenPanel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .Colour5Panel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .Colour6Panel:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .dark:before {
	border-color: transparent transparent transparent #1c1c1e;
}

.triangle + .light:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .GreyPanel:before {
	border-color: transparent transparent transparent #fff;
}

header {
	padding: 60px 0px 0px 0px;
}

header .container {
	max-width: 960px;
	padding: 0 20px;
}

#toggle {
	display: none;
}
.Purple .row div[class^="col-"],
.LightPurple .row div[class^="col-"],
.Green .row div[class^="col-"],
.LightGreen .row div[class^="col-"],
.Colour5 .row div[class^="col-"],
.Colour6 .row div[class^="col-"],
.PurplePanel .row div[class^="col-"],
.LightPurplePanel .row div[class^="col-"],
.GreenPanel .row div[class^="col-"],
.LightGreenPanel .row div[class^="col-"],
.Colour5Panel .row div[class^="col-"],
.Colour6Panel .row div[class^="col-"],
.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.GreyPanel .row div[class^="col-"] {
	margin-bottom: 20px;
}

.triangle {
	position: relative;
}

.triangle img {
	position: relative;
	z-index: 100;
}

.triangle:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 150px 100vw;
	border-color: inherit;
	position: absolute;
	z-index: 120;
}

.triangle + .Purple,
.triangle + .LightPurple,
.triangle + .Green,
.triangle + .LightGreen,
.triangle + .Colour5,
.triangle + .Colour6,
.triangle + .PurplePanel,
.triangle + .LightPurplePanel,
.triangle + .GreenPanel,
.triangle + .LightGreenPanel,
.triangle + .Colour5Panel,
.triangle + .Colour6Panel,
.triangle + .light,
.triangle + .dark,
.triangle + .GreyPanel {
	position: relative;
}

.triangle + .Purple:before,
.triangle + .LightPurple:before,
.triangle + .Green:before,
.triangle + .LightGreen:before,
.triangle + .Colour5:before,
.triangle + .Colour6:before,
.triangle + .PurplePanel:before,
.triangle + .LightPurplePanel:before,
.triangle + .GreenPanel:before,
.triangle + .LightGreenPanel:before,
.triangle + .Colour5Panel:before,
.triangle + .Colour6Panel:before,
.triangle + .light:before,
.triangle + .dark:before,
.triangle + .GreyPanel:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 0 0 100vw;
	border-color: none;
	position: absolute;
	z-index: 120;
	top: -150px;
}

.video-wrapper {
	margin: 60px auto;
}

}

@media (max-width: 992px) {

body {
	width: 100vw;
	overflow-x: hidden;
}
.carousel-caption {
	display:none; 
}

.iframe-holder {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
}

@media (max-width: 768px) {

}
		
#map-canvas img {
	max-width: none;
}

/* For Latest News Rotator*/

#headlines {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	position:relative;
}
.headline {
	position:absolute;
	display:none;
	margin-left: -50px;
	margin-right: -50px;
	border-left: 50px solid #f5f5f5;
	border-right: 50px solid #f5f5f5;
}

/* For Vend iFrames*/

.Purple th {
	text-align:left;
}

.btn-primary,
a.btn-primary,
.btn-primary:visited,
a.btn-primary:visited
{
  color: #fff;
  background-color: #692073;
  border-color: #692073;
	margin: 6px;
}
.btn-primary:hover,
a.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #7E3788;
  border-color: #7E3788;
}
.btn-success, a.btn-success {
  color: #000;
  background-color: #FFB313;
  border-color: #FFB313;
	margin: 6px;
}
.btn-success:hover,
a.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #000;
  background-color: #FFC243;
  border-color: #FFC243;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-info, a.btn-info {
  color: #fff;
  background-color: #5d295d;
  border-color: #5d295d;
}
.btn-info:hover,
a.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #470247;
  border-color: #470247;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-info .badge {
  color: #337ab7;
  background-color: #fff;
}

/* DOCUMENT CLASSES standards */
.pdf {background-image: url("http://www.clubnet.org.uk/media/1108/doc_pdf.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.xls, .xlsx {background-image: url("http://www.clubnet.org.uk/media/1612/doc_excel_table.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.csv {background-image: url("http://www.clubnet.org.uk/media/1609/doc_excel_csv.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.doc, .docx {background-image: url("http://www.clubnet.org.uk/media/1102/doc.png"); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 22px; margin:0;}
.pic, .png, .jpg, .gif {background-image: url("http://www.clubnet.org.uk/media/1179/image_1.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.ppt, .pptx {background-image: url("http://www.clubnet.org.uk/media/1265/page_white_powerpoint.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.txt {background-image: url("http://www.clubnet.org.uk/media/1271/page_white_text.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.web {background-image: url("http://www.clubnet.org.uk/media/1279/page_white_world.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.htm {background-image: url("http://www.clubnet.org.uk/media/1279/page_white_world.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.zip {background-image: url("http://www.clubnet.org.uk/media/1278/page_white_zip.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.mail {background-image: url("http://www.clubnet.org.uk/media/1134/email.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.phone {background-image: url("http://www.clubnet.org.uk/media/1383/telephone.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.home1 {background-image: url("http://www.clubnet.org.uk/media/1177/house.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.dir {background-image: url("http://www.clubnet.org.uk/media/1615/direction.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.facebook1 {background-image: url("http://www.clubnet.org.uk/media/1624/f_logo16.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.twitter1 {background-image: url("http://www.clubnet.org.uk/media/1623/twitter.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.googleplus {background-image: url("http://www.clubnet.org.uk/media/1627/btn_white16.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.linkedin {background-image: url("http://www.clubnet.org.uk/media/1628/in-2c-14px.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.rss {background-image: url("/images/uBlogsy_feed-icon-14x14.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}
.manual {background-image: url("http://www.clubnet.org.uk//media/1532/book_open.png"); background-repeat: no-repeat;  background-position: left center; padding: 0 0 0 22px; margin:0;}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */