@charset "UTF-8";@charset "UTF-8";

/* Colours*/
:root {
  --fan-red: #e2231a;
  --sec-red: #b3272d;
  --fan-grey: #646469;
  --bg-grey: #F5F5F5;
};

html { scroll-behavior: smooth; }
* { box-sizing:border-box; }

/* {{{ Fonts */

/* {{{ Montserrat */
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* }}} Montserrat */

/* }}} Fonts */

/* {{{ normalize  */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* }}} normalize  */

/* {{{ Tags */
body {
	background-color: #ffffff;
	color: #000000;
	font: 16px/24px 'Montserrat', 'Arial', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
  overflow-x:hidden;
}

img {
  width:100%;
	border: 0;
	padding: 0px;
	display:block;
}

a, a:visited {  color:var(--fan-red); }
a:hover, a:focus { color:var(--sec-red); }
p a, p a:visited { line-height: inherit; }
.red { color:var(--fan-red); }
.center { text-align:center; }
h1 {color:var(--fan-red);}
/* }}} */

/* {{{ .content widths */
.content {
  width:100%;
  max-width:640px;
  margin:0 auto;
}
.content.small {padding:0 60px }

@media only screen and (max-width: 480px) {
  .content.small {padding:0 10px }
  .col2 { display:block;margin:0 auto; }
}
/* }}} Fixed content widths */

/* {{{ Header */
header {
  padding-top:20px;
  background: linear-gradient(to bottom, black 0%,  black 98.25%, white 98.25%, white 100%);
 }
header img {
  width: 100%;
  display:block;
  margin-bottom:-20px;
}

h1.lines {
  position:relative;
  margin:20px 0 40px;
  font-size:30px;
  line-height:38px;
  text-transform:uppercase;
  font-weight:900;
}
h1.lines::before, h1.lines::after {
  position:absolute;
  content:'';
  display:block;
  width:40%;
  height:16px;
  background-color:black;
}

h1.lines::before { left:-60px;top:-25px; }
h1.lines::after { right:-60px;bottom:-15px; }


@media only screen and (max-width: 480px) {
  h1.lines { font-size:23px; line-height:32px; }
  h1.lines::before { left:-10px; }
  h1.lines::after { right:-10px; }
}
/* }}} Header */

.legal {font-size:12px;line-height:16px; }

/* {{{ Footer */
footer {color: #707070;font-size:15px;line-height:22px;padding-bottom:20px;padding-top:10px;}
footer .logo { width:80%; max-width:240px;}
footer .indent { margin-left:60px;}
footer a, footer a:visited {font-weight:bold;color:#707070; text-decoration:none;}
footer a:hover {color:var(--hover-colour);text-decoration:underline;}
footer .content {display: flex; justify-content: space-between; align-items: end;}

footer .social-links {border-bottom: 6px solid #1D1D1D;display:flex;padding:0;}
footer .social-links a, footer .social-links a:visited {color:#1D1D1D; padding: 0 10px;}

@media only screen and (max-width: 1020px) {
  footer {margin-top: 20px;}
  footer .content {flex-direction: column; align-items: start;}
}
/* }}} */

/* {{{ Form */
.gray-background { background-color:var(--bg-grey); }
#wizard {
  background:var(--bg-grey);
  padding-top:30px;
  padding-bottom:30px;
}

#wizard-nav { display:flex; margin-bottom:20px; }
#wizard-nav div {
    background:#D3CFCF;
    color:white;
    margin-right: 12px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
}
#wizard-nav div.active { background:var(--fan-red);}
#wizard-nav div.complete { background:#707070;}

#questions { overflow:hidden; }
/* #questions .question-wrap { display:none; }
#questions .question-wrap.active { display:block; } */

#wizard .question { font-weight:700; }

#wizard input { width:100%; }
#wizard .form-group {margin:20px 0;}

#wizard input[type=radio] { margin-left: -99999px; position: absolute; }
#wizard input[type=radio] + label {
  display:flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 10px);
  background-color:#707070;
  padding:10px;
  border-radius:5px;
  color:white;
  font-weight:400;
  margin:0.5em 5px;
  text-align:center;
  font-size:12px;
  line-height:15px;
  transition: background-color 0.5s ease;
}
#wizard input[type=radio] + label:hover {
   background-color:var(--sec-red);
}

#wizard input[type=radio]:checked + label { background-color:var(--fan-red); }
#wizard .small-buttons,
#wizard .extra-small-buttons { display: flex; flex-wrap: wrap;}

#wizard .small-buttons .radio,
#wizard .extra-small-buttons .radio { display: flex; align-items: stretch; }

#wizard .small-buttons .radio { width: calc(50% - 10px); height:50px;  }
#wizard .extra-small-buttons .radio { width: calc(33.3333% - 10px); height:70px;  }

@media only screen and (max-width: 480px) {
  #wizard .small-buttons .radio { width: calc(52% - 10px); height:60px;  }
 #wizard .extra-small-buttons .radio { width: calc(52% - 10px); height:70px;  }
}

/* }}} Form */

/* {{{ Form Animation */
@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.question-wrap.active { animation-name: fadeInRight;  animation-duration: 500ms; animation-fill-mode: forwards; }
.question-wrap.active.back { animation-name: fadeInLeft; }
/* }}} Form Animation */

/* {{{ Thank You */
.headline { color: var(--fan-red);font-weight:700;font-size:20px;padding:20px 10px; }
.grey-background { background-color:var(--bg-grey);padding:20px;font-size:18px;line-height:28px;color:black; }

.grey-background h2 { font-size: 24px; }

.red-background { background-color:var(--fan-red);padding:20px;font-size:18px;line-height:28px;color:white; }
.thank-you .red { color: var(--fan-red); }
.thank-you .uppercase { text-transform: uppercase; }
.success h2 { font-weight:normal; }
.success h2 span { color:var(--fan-red);font-weight:bold;font-size:120%;text-transform: uppercase; }

.thank-you a, .thank-you a:visited {  color:white;font-weight:bold; }
.thank-you a:hover, .thank-you a:focus { color:gray; }

.thank-you .legal a, .thank-you .legal a:visited {  color:black;font-weight:bold; }
.thank-you .legal a:hover, .thank-you .legal a:focus { color:gray; }

.grey-background a, .grey-background a:visited {  color:black;font-weight:bold; }
.grey-background a:hover, .grey-background a:focus { color:gray; }


.thank-you ul.check {
  list-style: none;
  padding-left: 0;
}
.thank-you ul.check li {
  position: relative;
  padding-left: 2.2em;  /* space to preserve indentation on wrap */
}
.thank-you ul.check li:before {
  content: '✓';
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  font-size:30px;
  /* background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat; */
}

.thank-you ul {
  padding-left:1em;
}
.thank-you .margin-bottom5 {
  margin-bottom:5px;

}
.thank-you .black-line {
  height:10px;
  background-color: black;
  width:65%;
  margin-left:-20%;
}

/* }}} */

/* {{{ Buttons */
a.btn, .btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;

  padding: 10px 40px;
  text-decoration:none;
  font-weight:700;
  text-transform:uppercase;

  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.5s ease, color 0.5s ease;
}
@media only screen and (max-width: 480px) {
  a.btn, .btn { white-space: initial; }
}

.btn:focus,
.btn:active:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus { color: #ffffff; text-decoration: none; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  visibility: hidden;
  /*
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  */
}
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }
.btn-default:active {  background-image: none; }

.btn-default, a.btn-default:visited  { color: #ffffff; background-color: var(--fan-red); border-color: var(--fan-red); }
.btn-default:focus,
.btn-default:hover,
a.btn-default:hover,
.btn-default:active { color: #ffffff; background-color: var(--sec-red); border-color: var(--sec-red); }
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus  { background-color: #470f12; border-color: #470f12; }
.btn-default.nohover{cursor: initial;}
.btn-default.nohover:hover {background-color: var(--fan-red); border-color: var(--fan-red);}

a.btn.btn-skinny  { font-weight:400; }
.btn.btn-large  { font-weight:900; padding: 7px 40px; font-size: 20px; }

.btn-row { display:flex;justify-content: space-between;margin: 20px 0;}

.arrow {display: inline-block;transform-origin: center;line-height: 12px;font-size: 12px;vertical-align: middle;margin-top: -6px;}
.arrow.back {}
.arrow.next {transform: rotateY(180deg);}
/* }}} Buttons */

/* {{{ Form Alert - Borrowed From Bootstap */
.alert {
  padding: 15px;
  margin: 20px auto;
  border: 1px solid transparent;
  border-radius: 4px;
  width:100%;
  max-width:1200px;
}
.tpl-alert.alert { }

.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f8e5be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
/* }}} Form Alert - Borrowed From Bootstap */

/* {{{ Text Colors - Borrowed From Bootstap*/
.help-block.text-info { color: var(--sec-red); font-size:14px; font-weight:600; }

.text-muted { color: #999999; }
.text-primary { color: #446e9b; }
a.text-primary:hover,
a.text-primary:focus { color: #345578; }

.text-success { color: #468847; }
a.text-success:hover,
a.text-success:focus { color: #356635; }
.text-info { color: #3a87ad; }
a.text-info:hover,
a.text-info:focus { color: #2d6987; }
.text-warning { color: #c09853; }
a.text-warning:hover,
a.text-warning:focus { color: #a47e3c; }
.text-danger { color: #b94a48; }
a.text-danger:hover,
a.text-danger:focus { color: #953b39; }


/* }}} Text Colors - Borrowed From Bootstap*/