@import url("//hello.myfonts.net/count/32eada");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

* { box-sizing: border-box; font-size-adjust: auto; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { font: 16px/1 sans-serif; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

/*ol, ul {list-style: none;}*/
blockquote, q { quotes: none; }

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

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

tr, .tr, div { vertical-align: top; }

td, .td, th { padding: 0; }

/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

[hidden], template { display: none; }

svg:not(:root) { overflow: hidden; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0; }

abbr { cursor: help; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted /* 2 */ }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

i, em { font-style: italic; }

dfn { font-style: italic; }

hr { height: 0; box-sizing: content-box; overflow: visible; }

h1 { font-size: 2em; margin: 0.67em 0; }

small { font-size: 0.8em; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img, video { border-style: none; max-width: 100%; height: auto; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

pre, textarea { overflow: auto; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; text-transform: none; }

optgroup { font-weight: bold; }

button, input, select { /* 2 */ overflow: visible; }

button, input, select, textarea { /* 1 */ margin: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { overflow: visible; border: 0; font: inherit; -webkit-font-smoothing: inherit; letter-spacing: inherit; background: none; cursor: pointer; -webkit-appearance: button; }

button[disabled], html input[disabled] { cursor: default; }

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

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 1em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

@font-face { font-family: 'Cera'; font-style: normal; font-weight: 400; src: url("/fonts/CeraPRO-Regular.eot");
  /* IE9 Compat Modes */
  src: local("Cera PRO Regular"), url("/fonts/CeraPRO-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/CeraPRO-Regular.woff2") format("woff2"), url("/fonts/CeraPRO-Regular.woff") format("woff"), url("/fonts/CeraPRO-Regular.ttf") format("truetype"); }
@font-face { font-family: 'Cera'; font-style: Italic; font-weight: 400; src: url("/fonts/CeraPRO-RegularItalic.eot");
  /* IE9 Compat Modes */
  src: local("Cera PRO Regular Italic"), url("/fonts/CeraPRO-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/CeraPRO-RegularItalic.woff2") format("woff2"), url("/fonts/CeraPRO-RegularItalic.woff") format("woff"), url("/fonts/CeraPRO-RegularItalic.ttf") format("truetype"); }
@font-face { font-family: 'Cera'; font-style: normal; font-weight: Bold; src: url("/fonts/CeraPRO-Bold.eot");
  /* IE9 Compat Modes */
  src: local("Cera Pro Bold"), url("/fonts/CeraPRO-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/CeraPRO-Bold.woff2") format("woff2"), url("/fonts/CeraPRO-Bold.woff") format("woff"), url("/fonts/CeraPRO-Bold.ttf") format("truetype"); }
@font-face { font-family: 'Cera'; font-style: Italic; font-weight: Bold; src: url("/fonts/CeraPRO-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: local("Cera Pro Bold Italic"), url("/fonts/CeraPRO-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/CeraPRO-BoldItalic.woff2") format("woff2"), url("/fonts/CeraPRO-BoldItalic.woff") format("woff"), url("/fonts/CeraPRO-BoldItalic.ttf") format("truetype"); }
body { font-size: 87.5%; background: white; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "Lucida Grande", sans-serif; position: relative; font-weight: 400; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "Lucida Grande", sans-serif; }

body.fontsloaded { font-family: "Cera", -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "Lucida Grande", sans-serif; }
body.fontsloaded button, body.fontsloaded .button, body.fontsloaded input, body.fontsloaded textarea { font-family: "Cera", -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "Lucida Grande", sans-serif; }
body.fontsloaded h1, body.fontsloaded h2, body.fontsloaded h3, body.fontsloaded h4, body.fontsloaded h5, body.fontsloaded h6 { font-family: "Cera", -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "Lucida Grande", sans-serif; }

pre, tt { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; }

a, a:link, a:visited { color: #eb2d90; text-decoration: none; }

a:hover { text-decoration: underline; }

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

a, button, nav li { color: inherit; -webkit-transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, opacity 0.5s ease; transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, opacity 0.5s ease; }

p, div, table, tr, td, th, aside, h1, h2, h3, h4, h5, h6, .h1, .h2, ul, li { text-rendering: auto; -webkit-font-kerning: normal; -moz-font-kerning: normal; font-kerning: normal; -webkit-font-variant-ligatures: common-ligatures, contextual; -moz-font-variant-ligatures: common-ligatures, contextual; font-variant-ligatures: common-ligatures, contextual; -webkit-font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1, "lnum" 1; -moz-font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1, "lnum" 1; font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1, "lnum" 1; }
p a, div a, table a, tr a, td a, th a, aside a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, ul a, li a { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

p, blockquote { padding: 0.5em 0; line-height: 1.5; }

li { line-height: 1.5; }

blockquote { padding: 0.5em 40px; font-style: italic; }

p:first-child { margin-top: 0em; }

p:last-child { margin-bottom: 0em; }

hr { height: 1px; border-width: 0; background-color: #e0e1e2; width: 100%; margin: 1.5em 0; padding: 0; }

small { font-size: 0.8em; }

big { font-size: 1.5em; }

h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; font-weight: 700; line-height: 1.3; padding: 0.5em 0 0.25em 0; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { text-decoration: none; color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #eb2d90; text-decoration: underline; }

h1 { font-size: 3.375em; line-height: 1.2; padding-top: 0; margin: 0; }

h2 { font-size: 2.5em; }

h3 { font-size: 2em; }

h4 { font-size: 1.5em; }

h5 { font-size: 1em; }

h6 { font-size: 0.667em; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; }

.hgroup h1, .hgroup h2 { margin: 0; }
.hgroup h1 { padding-bottom: 0; }
.hgroup h2 { padding-top: 0; }

table, tr, td, th, .tb, .tr, .td { border: 1px solid black; }

th, td, .tr, .td { padding: 0.25em; }

th, .th { font-weight: bold; text-align: center; }

ol, ul { width: auto; overflow: hidden; padding: 0.5em 55px; }
ol ol, ol ul, ul ol, ul ul { padding: 0.5em 28.33333px; }

li { padding-left: 0.5em; }

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

:-moz-placeholder { color: #ccc; }

::-moz-placeholder { color: #ccc; }

:-ms-input-placeholder { color: #ccc; }

input, textarea, select, option { color: black !important; background: white; }

label { font-weight: 700; }

input, textarea { font-size: 1.3em; }

select, option, optgroup { font-size: 1.2em; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }

.button { display: inline-block; zoom: 1; *display: inline; }

button, .button { padding: 0.45em 1.5em 0.5em 1.5em; margin-top: 5px; border: 0; cursor: pointer; font-size: 1.3em; font-weight: 300; line-height: 1; background: #eb2d90; color: white; border-radius: 1em; will-change: transform; user-select: none; -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ -webkit-touch-callout: none /* iOS Safari */ }
button a, .button a { color: white; text-decoration: none; }
button:hover, .button:hover { background: #ed449c; }
button:active, .button:active { background: #ba1269; }
button:focus, .button:focus { box-shadow: 0 0 5px #eb2d90; border: none; }
button.fullwidth, .button.fullwidth { width: 100%; margin-left: 0; margin-right: 0; }
button.small, .button.small { padding: 0.45em 0.6em 0.5em 0.6em; font-size: 1em; }
button[type="button"], button.cancel, button.secondary, button.save, button.enable, .button[type="button"], .button.cancel, .button.secondary, .button.save, .button.enable { background: #11054c; }
button[type="button"]:hover, button.cancel:hover, button.secondary:hover, button.save:hover, button.enable:hover, .button[type="button"]:hover, .button.cancel:hover, .button.secondary:hover, .button.save:hover, .button.enable:hover { background: #160764; }
button[type="button"]:active, button.cancel:active, button.secondary:active, button.save:active, button.enable:active, .button[type="button"]:active, .button.cancel:active, .button.secondary:active, .button.save:active, .button.enable:active { background: #010004; }
button[type="button"]:focus, button.cancel:focus, button.secondary:focus, button.save:focus, button.enable:focus, .button[type="button"]:focus, .button.cancel:focus, .button.secondary:focus, .button.save:focus, .button.enable:focus { box-shadow: 0 0 5px #11054c; }
button[type="reset"], button.delete, button.disable, .button[type="reset"], .button.delete, .button.disable { background: #f00; }
button[type="reset"]:hover, button.delete:hover, button.disable:hover, .button[type="reset"]:hover, .button.delete:hover, .button.disable:hover { background: #ff1a1a; }
button[type="reset"]:active, button.delete:active, button.disable:active, .button[type="reset"]:active, .button.delete:active, .button.disable:active { background: #b30000; }
button[type="reset"]:focus, button.delete:focus, button.disable:focus, .button[type="reset"]:focus, .button.delete:focus, .button.disable:focus { box-shadow: 0 0 5px #f00; }
button.really_delete, .button.really_delete { background: #f00; text-transform: uppercase; font-weight: normal; }
button.really_delete:hover, .button.really_delete:hover { background: #e60000; }
button.really_delete:active, .button.really_delete:active { background: #b30000; }
button.really_delete:focus, .button.really_delete:focus { box-shadow: 0 0 5px #f00; }
button.primary, button[type="button"].primary, button[type="submit"], .button.primary, .button[type="button"].primary, .button[type="submit"] { background: #eb2d90; }
button.primary:hover, button[type="button"].primary:hover, button[type="submit"]:hover, .button.primary:hover, .button[type="button"].primary:hover, .button[type="submit"]:hover { background: #ed449c; }
button.primary:active, button[type="button"].primary:active, button[type="submit"]:active, .button.primary:active, .button[type="button"].primary:active, .button[type="submit"]:active { background: #ba1269; }
button.primary:focus, button[type="button"].primary:focus, button[type="submit"]:focus, .button.primary:focus, .button[type="button"].primary:focus, .button[type="submit"]:focus { box-shadow: 0 0 5px #eb2d90; }
button.disabled, button[type="button"].disabled, button[type="submit"].disabled, .button.disabled, .button[type="button"].disabled, .button[type="submit"].disabled { background: #b3b4b4; color: #e0e1e2 !important; }
button.disabled:hover, button[type="button"].disabled:hover, button[type="submit"].disabled:hover, .button.disabled:hover, .button[type="button"].disabled:hover, .button[type="submit"].disabled:hover { background: #b3b4b4; }
button.disabled:active, button[type="button"].disabled:active, button[type="submit"].disabled:active, .button.disabled:active, .button[type="button"].disabled:active, .button[type="submit"].disabled:active { background: #b3b4b4; }
button.disabled:focus, button[type="button"].disabled:focus, button[type="submit"].disabled:focus, .button.disabled:focus, .button[type="button"].disabled:focus, .button[type="submit"].disabled:focus { box-shadow: 0 0 5px #909192; }
button.disabled a, button[type="button"].disabled a, button[type="submit"].disabled a, .button.disabled a, .button[type="button"].disabled a, .button[type="submit"].disabled a { color: #e0e1e2 !important; }

@-webkit-keyframes clickin_animation { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes clickin_animation { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
button:active, .button:active { -webkit-animation-name: clickin_animation; animation-name: clickin_animation; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

button.disabled:active, .button.disabled:active { -webkit-animation-name: none; animation-name: none; }

.mce-btn button, .mce-btn button[type="submit"], .mce-btn button[type="button"], .mce-btn button[type="reset"], .mce-container button, .mce-container button[type="submit"], .mce-container button[type="button"], .mce-container button[type="reset"] { padding: 4px 8px; font-size: 14px; line-height: 20px; *line-height: 16px; cursor: pointer; color: #333; text-align: center; overflow: visible; -webkit-appearance: none; background: transparent; }

input:focus { box-shadow: 0 0 5px #eb2d90; }

fieldset { width: 100%; }

form .input, form .label { float: left; }
form .label { font-weight: bold; width: 30%; vertical-align: top; padding-top: 0.3em; }
form .input { width: 70%; margin-bottom: 1em; }
form .input input { width: 100%; }
form .tickbox.input { width: 20%; }
form .tickbox.label { width: 80%; }

input[type='radio'], input[type='checkbox'] { margin-top: 0.3em; margin-bottom: 0.3em; margin-right: 0.3em; }

.formdata { margin: 1em 0; }

.buttonbar, form.label:before { clear: both; }

.buttonbar { text-align: center; }

.button_spacer { width: 1em; display: inline-block; zoom: 1; *display: inline; }

.body { clear: both; margin: 0 auto; padding: 0; width: 100%; max-width: 960px; z-index: 1; }

.split { width: 50%; float: left; display: inline-block; zoom: 1; *display: inline; }
.split.left { padding-right: 1.5%; }
.split.right { text-align: left; padding-left: 1.5%; }

.split.third { width: 33%; }
.split.third.mid { padding-right: 1%; padding-left: 1%; }

.break { clear: both; padding: 0 !important; margin: 0 !important; }

.system { padding: 15px; padding-top: 0; margin: 20px 0; position: relative; }
.system .image { float: left; width: 95px; height: 50px; text-align: center; position: absolute; top: 18px; left: 0; }
.system .text { margin-left: 80px; }
.system .text .explain { font-weight: bold; font-size: 1.1em; letter-spacing: -0.02em; }
.system.error { background: #ffcdd2; border: 1px solid #c62828; }
.system.error h3 { color: #c62828; }
.system.error a, .system.error a:visited { color: #c62828; }
.system.error a:hover, .system.error a:focus { color: #f44336; }
.system.error a:active { color: #f2b9b9; }
.system.error button, .system.error .button, .system.error button[type="submit"] { background: #d50000; }
.system.error button:hover, .system.error .button:hover, .system.error button[type="submit"]:hover { background: #ff0909; }
.system.error button:focus, .system.error .button:focus, .system.error button[type="submit"]:focus { box-shadow: 0 0 5px #d50000; }
.system.warning { background: #ffe0b2; border: 1px solid #f57c00; }
.system.warning h3 { color: #f57c00; }
.system.warning a, .system.warning a:visited { color: #ef6c00; }
.system.warning a:hover, .system.warning a:focus { color: #ff9800; }
.system.warning a:active { color: #ffdba6; }
.system.warning button, .system.warning .button, .system.warning button[type="submit"] { background: #f57c00; }
.system.warning button:hover, .system.warning .button:hover, .system.warning button[type="submit"]:hover { background: #ff9529; }
.system.warning button:focus, .system.warning .button:focus, .system.warning button[type="submit"]:focus { box-shadow: 0 0 5px #f57c00; }
.system.success, .system.action { background: #c8e6c9; border: 1px solid #388e3c; }
.system.success h3, .system.action h3 { color: #43a047; }
.system.success a, .system.success a:visited, .system.action a, .system.action a:visited { color: #2e7d32; }
.system.success a:hover, .system.success a:focus, .system.action a:hover, .system.action a:focus { color: #4caf50; }
.system.success a:active, .system.action a:active { color: #c0d95f; }
.system.success button, .system.success .button, .system.success button[type="submit"], .system.action button, .system.action .button, .system.action button[type="submit"] { background: #4caf50; }
.system.success button:hover, .system.success .button:hover, .system.success button[type="submit"]:hover, .system.action button:hover, .system.action .button:hover, .system.action button[type="submit"]:hover { background: #6ec071; }
.system.success button:focus, .system.success .button:focus, .system.success button[type="submit"]:focus, .system.action button:focus, .system.action .button:focus, .system.action button[type="submit"]:focus { box-shadow: 0 0 5px #4caf50; }
.system.success svg .back, .system.action svg .back { fill: #4caf50; }
.system.action form .buttonline { text-align: right; }
.system.action form .buttonline button { text-align: center; }
.system.small { padding: 5px; }
.system.small .text { margin-left: 90px; }
.system.small h3 { padding: 0; margin: 0; }
.system.small p { padding-top: 0; }
.system.small .image { top: 10px; }

.smallcaps { font-variant-caps: all-small-caps; -webkit-font-feature-settings: "c2sc", "smcp"; -moz-font-feature-settings: "c2sc", "smcp"; font-feature-settings: "c2sc", "smcp"; }

.centre { text-align: center; }

.right { text-align: right; }

.hidden { display: none; }

.clickable { cursor: pointer; }

.some_padding { padding-top: 40px; }

.less_padding { padding-top: 20px; }

.skinny { font-weight: 300; }

.caps { font-variant-caps: small-caps; }

.nobreak, .nowrap { white-space: nowrap; }

.red, .warn { color: red; }

.disabled { color: #909192; }

.disable-hover, .disable-hover * { pointer-events: none !important; }

.caption { text-align: center; font-size: 12px; margin: 1% 0 2% 0; background: #e0e1e2; padding: 2%; }

.spin { -webkit-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } }
@-ms-keyframes spin { to { -ms-transform: rotate(360deg); } }
@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
#banner { position: relative; background: white; overflow: hidden; }
#banner h1 { width: 200px; height: 182px; margin: 32px 70px; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; background-image: url(images/kickstart_logo_2017.png); background-repeat: no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) { #banner h1 { background-image: url(images/kickstart_logo_2017@2x.png); background-size: 100% auto; } }
#banner #socmed { position: absolute; right: 70px; top: 32px; }
#banner #socmed a { display: inline-block; zoom: 1; *display: inline; width: 32px; height: 32px; margin: 0; margin-left: 4px; text-indent: 100%; overflow: hidden; white-space: nowrap; background-size: 32px 32px; background-repeat: no-repeat; }
#banner #socmed a.facebook { background-image: url(/images/facebook.png); margin-left: 0; }
#banner #socmed a.twitter { background-image: url(/images/twitter.png); }
#banner #socmed a.instagram { background-image: url(/images/instagram.png); }
#banner #socmed a.snapchat { background-image: url(/images/snapchat.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) { #banner #socmed a.facebook { background-image: url(/images/facebook@2x.png); }
  #banner #socmed a.twitter { background-image: url(/images/twitter@2x.png); }
  #banner #socmed a.instagram { background-image: url(/images/instagram@2x.png); }
  #banner #socmed a.snapchat { background-image: url(/images/snapchat@2x.png); } }
#banner #socmed a:hover { opacity: 0.7; }

@media (max-width: 540px) { #banner h1 { margin: 32px auto; }
  #banner #socmed { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 154px; margin: 0 auto; margin-bottom: 28px; } }
.nav { background: #11054c; text-align: center; }
.nav ul { padding: 10px 0; list-style: none; list-style-image: none; }
.nav li { display: inline-block; zoom: 1; *display: inline; list-style: none; list-style-image: none; font-weight: bold; margin: 0; padding: 0 3%; font-size: 16px; }
.nav li a { color: white; }
.nav li a:hover { color: #f596c7; text-decoration: none; }
.nav li.current a { color: #eb2d90; }
.nav li.current a:hover { color: #f596c7; }

#page-home .nav { display: none; }

a.tip { background: rgba(255, 255, 255, 0.5); border-radius: 2px; padding: 0 5px; margin-bottom: 5px; display: inline-block; zoom: 1; *display: inline; white-space: nowrap; cursor: help; color: black; font-size: 1.1em; }
a.tip:hover { text-decoration: none; background: rgba(255, 255, 255, 0.9); }

.fairs { line-height: 1.5; width: 460px; max-width: 90%; display: inline-block; zoom: 1; *display: inline; text-align: left; margin: 10px; box-shadow: 2px 2px 5px #888888; }
.fairs .events { text-align: center; min-height: 360px; padding: 16px; }
.fairs .day { display: none; }
.fairs h3 { font-size: 22px; color: white; text-align: center; font-size: 32px; line-height: 1.1; text-align: center; padding: 8px; color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.fairs.su_hub h3 { background-color: #11054c; padding-left: 2%; }
.fairs.su_hub .events { background-color: #cfcddb; }
.fairs.the_studio h3 { background-color: #7e196d; padding-left: 2%; }
.fairs.the_studio .events { background-color: #dec5da; }
.fairs.west_concourse h3 { padding-left: 2%; background-color: #eb2d90; }
.fairs.west_concourse .events { background-color: #fbd5e8; }
.fairs.c_floor { clear: both; float: none; }
.fairs.c_floor h3 { background-color: #24bff1; padding-left: 2%; }
.fairs.c_floor .events { padding-bottom: 16px; background-color: #c8effb; }

.fair_container { text-align: center; }

.fair_container.tuesday .fairs .events { min-height: 250px; }
.fair_container.tuesday .fairs.c_floor .events { padding-bottom: 16px; }

@media (max-width: 959px) { .fairs { float: none; } }
@media (max-width: 639px) { .fair_container.tuesday .fairs .events { min-height: 0; padding-bottom: 16px; }
  .fair_container.tuesday .fairs.c_floor .events { min-height: 0; padding-bottom: 16px; }
  .fairs .events { min-height: 0; padding-bottom: 16px; } }
/* events */
.event_card_container { text-align: center; }

.event_card { position: relative; width: 300px; max-width: 90%; min-height: 400px; display: inline-block; zoom: 1; *display: inline; text-align: left; margin: 10px; box-shadow: 2px 2px 5px #888888; }
.event_card.beer, .event_card.maw, .event_card.rugby { min-height: 330px; }
.event_card h2 { font-size: 32px; line-height: 1.1; text-align: center; padding: 8px; min-height: 87px; margin-top: -87px; color: white; text-shadow: 2px 2px 5px #888888; text-shadow: 0 0 3px #000000, 3px 3px 5px rgba(0, 0, 0, 0.8); }
.event_card .image { background-color: #eb2d90; width: 100%; height: 169px; }
.event_card .text { padding: 8px 24px 8px 32px; }
.event_card .moreinfo { width: 100%; padding: 8px 16px; padding-bottom: 16px; position: absolute; bottom: 0; text-align: right; font-weight: bold; font-size: 1.2em; }
.event_card .image { background-size: cover; }
.event_card.beer .image { background-image: url(images/events/beer_festival.jpg); }
.event_card.elect .image { background-image: url(images/events/elections.jpg); }
.event_card.rugby .image { background-image: url(images/events/rugby.jpg); }
.event_card.maw .image { background-image: url(images/events/martial_arts.jpg); }
.event_card.clubs .image { background-image: url(images/events/clubs.jpg); }
.event_card.ca .image { background-image: url(images/events/candidates.jpg); }

.spacer { height: 33px; }

#page-kickstart .hero { background-image: url("/images/hero/kickstart-ie.jpg"); background-size: cover; height: 1px; padding-bottom: 40%; margin-bottom: 2%; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) { #page-kickstart .hero { background-image: url("/images/hero/kickstart-large.jpg"); } }
@media (max-width: 600px) { #page-kickstart .hero { background-image: url("/images/hero/kickstart-lorez.jpg"); } }
figure.image { float: left; width: 200px; padding: 0; margin: 0; margin-right: 4%; margin-top: -4%; }
figure.image.right { margin-right: 0; margin-left: 4%; float: right; }

@media (max-width: 600px) { figure.image, figure.image.left, figure.image.right { width: 100%; float: none; text-align: center; margin-top: 0; } }
article { background: white; }

.mapimg { padding: 5%; padding-bottom: 2%; }
.mapimg img { display: none; }
.mapimg img.large.lowres { display: inline-block; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) { .mapimg img.large.lowres, .mapimg img.small.lowres, .mapimg img.small.hires { display: none; }
  .mapimg img.large.hires { display: inline-block; } }
@media (max-width: 750px) { .mapimg img.large.lowres, .mapimg img.large.hires, .mapimg img.small.hires { display: none; }
  .mapimg img.small.lowres { display: inline-block; width: 100%; height: auto; } }
@media only screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio: 1.2), only screen and (max-width: 750px) and (min--moz-device-pixel-ratio: 1.2), only screen and (max-width: 750px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 750px) and (min-device-pixel-ratio: 1.2), only screen and (max-width: 750px) and (min-resolution: 120dpi), only screen and (max-width: 750px) and (min-resolution: 1.2dppx) { .mapimg img.large.lowres, .mapimg img.large.hires, .mapimg img.small.lowres { display: none; }
  .mapimg img.small.hires { display: inline-block; } }

.textcontainer { margin: 0 5%; }
.textcontainer > p.first { font-size: 1.2em; }

#page-home .mainbit { text-align: center; }
#page-home .split.three { width: 320px; max-width: 100%; height: 320px; padding: 48px 56px; color: white; text-align: left; }
#page-home .split.three.img { padding: 0; }
#page-home .split.three a { color: white; }
#page-home .split.three h2 { font-size: 28pt; margin: 0; padding: 0; }
#page-home .split.three p { font-size: 14pt; line-height: 1.2; font-weight: 400; }
#page-home .split.three p.morelink { text-align: right; font-weight: bold; }
#page-home .split.three.kickstart { background-color: #11054c; }
#page-home .split.three.tryit { background-color: #7e196d; width: 100%; height: 230px; }
#page-home .split.three.fair { background-color: #24bff1; }
#page-home .split.three.events { background-color: #eb2d90; }
#page-home .split.three.grow { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; }
#page-home .split.three.grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 2; }
#page-home .split.seven { width: 600px; max-width: 100%; padding: 48px 56px; }

@media (max-width: 959px) { #page-home .split.three, #page-home .split.seven { float: none; }
  #page-home .split.three.tryit { width: 640px; } }
@media (max-width: 639px) { #page-home .split.three.tryit { width: 320px; max-width: 100%; height: 320px; } }
@media (max-width: 320px) { #page-home .split.three { height: 94vw; padding: 10%; }
  #page-home .body { overflow: hidden; } }
#footer { clear: both; background: white; padding: 0; }
#footer h2 { font-size: 22px; }
#footer .smallprint { font-size: 0.9em; }

#footer .split.three, #footer .split.seven { float: left; padding: 5%; }
#footer .split.three { padding-top: 6.5%; padding-left: 7%; padding-right: 2%; width: 20%; }
#footer .split.three img { display: none; }
#footer .split.three img.hidden { display: block; }
#footer .split.seven { width: 80%; }

#page-home #footer .split.seven { width: 70%; }
#page-home #footer .split.three { width: 30%; padding-top: 0; }
#page-home #footer .split.three img { display: block; }
#page-home #footer .split.three img.hidden { display: none; }

@media (max-width: 959px) { #page-home #footer .split.three, #page-home #footer .split.seven { float: left; padding: 5%; }
  #page-home #footer .split.three { width: 30%; }
  #page-home #footer .split.three img { display: none; }
  #page-home #footer .split.three img.hidden { display: block; }
  #page-home #footer .split.seven { width: 70%; } }
@media (max-width: 800px) { #page-events #footer .split.three, #page-tryit #footer .split.three, #page-kickstart #footer .split.three { width: 30%; padding: 5%; padding-right: 0; }
  #page-events #footer .split.seven, #page-tryit #footer .split.seven, #page-kickstart #footer .split.seven { width: 70%; } }
@media (max-width: 550px) { #page-home #footer .split.three, #page-home #footer .split.seven { float: none; }
  #page-home #footer .split.three { width: 100%; height: 160px; }
  #page-home #footer .split.three img { display: none; }
  #page-home #footer .split.three img.hidden { display: block; }
  #page-home #footer .split.seven { width: 100%; } }
#size_report { position: fixed; top: 0px; left: 0px; background: none repeat scroll 0% 0% rgba(240, 240, 240, 0.7); color: #000; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; padding: 2px 5px; z-index: 1000; }

@media (max-width: 800px) { .split { width: 100%; float: none; }
  .split.left, .split.right { padding: 0; } }
@media (max-width: 550px) { .system { margin: 0; } }
@media (max-width: 600px) { form .label, form .input { width: 100%; float: none; } }
@media (min-width: 1120px) { .not_desktop { display: none; } }

/*# sourceMappingURL=style.css.map */