/* ---- SITE ----
   Contains all CSS used to format the website. Styles are broken up into multiple, more manageable
   files and imported into this stylesheet using SASS.
*/
/* Vendor */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ---- RESET ----
   Contains all of the CSS used to fully reset the default styles applied to the web page by the
   browser.
*/
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 {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

blockquote, q {
  quotes: none; }

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

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

:focus {
  outline: none; }

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

/* Fix for recaptcha iframe in Safari & Chrome */
body > iframe {
  display: none; }

/* Change everything to use box-sizing */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Fix for DeployCMS - Which was built without box-sizing */
#fluid-ns-outer, #fluid-ns-outer * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* Site */
/* ---- SETTINGS ----
   Contains all of the commmonly used variables that are used across the CSS files. For example,
   regularly used colours and sizes should be held here. This helps make these values more
   manageable as the website progresses and changes.
*/
/* Container widths */
/* Responsive breakpoints */
/* Font colours */
/* Colours */
/* ---- GRID ----
    CSS styles used to format grid layouts.
*/
/* Single row grid layout */
.grid {
  margin-bottom: 25px;
  margin-top: 25px; }
  @media screen and (min-width: 768px) {
    .grid {
      *zoom: 1;
      display: block; }
      .grid:before, .grid:after {
        content: " ";
        display: table; }
      .grid:after {
        clear: both; } }
  .grid > * {
    margin-top: 25px; }
    .grid > *:nth-child(1) {
      margin-top: 0; }
    @media screen and (min-width: 768px) {
      .grid > * {
        margin-top: 0 !important; }
        .grid > *.col-1 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 6.17215%; }
          .grid > *.col-1:last-child {
            margin-right: 0; }
        .grid > *.col-2 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 14.70196%; }
          .grid > *.col-2:last-child {
            margin-right: 0; }
        .grid > *.col-3 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 23.23176%; }
          .grid > *.col-3:last-child {
            margin-right: 0; }
        .grid > *.col-4 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 31.76157%; }
          .grid > *.col-4:last-child {
            margin-right: 0; }
        .grid > *.col-5 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 40.29137%; }
          .grid > *.col-5:last-child {
            margin-right: 0; }
        .grid > *.col-6 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%; }
          .grid > *.col-6:last-child {
            margin-right: 0; }
        .grid > *.col-7 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 57.35098%; }
          .grid > *.col-7:last-child {
            margin-right: 0; }
        .grid > *.col-8 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 65.88078%; }
          .grid > *.col-8:last-child {
            margin-right: 0; }
        .grid > *.col-9 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 74.41059%; }
          .grid > *.col-9:last-child {
            margin-right: 0; }
        .grid > *.col-10 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 82.94039%; }
          .grid > *.col-10:last-child {
            margin-right: 0; }
        .grid > *.col-11 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 91.4702%; }
          .grid > *.col-11:last-child {
            margin-right: 0; }
        .grid > *.col-12 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%; }
          .grid > *.col-12:last-child {
            margin-right: 0; }
        .grid > *.pull-right {
          float: right;
          margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-4 > *.col-1 {
      display: block;
      float: left;
      margin-right: 7.42297%;
      width: 19.43277%; }
      .grid.span-4 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-4 > *.col-2 {
      display: block;
      float: left;
      margin-right: 7.42297%;
      width: 46.28851%; }
      .grid.span-4 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-4 > *.col-3 {
      display: block;
      float: left;
      margin-right: 7.42297%;
      width: 73.14426%; }
      .grid.span-4 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-4 > *.col-4 {
      display: block;
      float: left;
      margin-right: 7.42297%;
      width: 100%; }
      .grid.span-4 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-4 > *.pull-right {
      float: right;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-5 > *.col-1 {
      display: block;
      float: left;
      margin-right: 5.85151%;
      width: 15.3188%; }
      .grid.span-5 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-5 > *.col-2 {
      display: block;
      float: left;
      margin-right: 5.85151%;
      width: 36.4891%; }
      .grid.span-5 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-5 > *.col-3 {
      display: block;
      float: left;
      margin-right: 5.85151%;
      width: 57.6594%; }
      .grid.span-5 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-5 > *.col-4 {
      display: block;
      float: left;
      margin-right: 5.85151%;
      width: 78.8297%; }
      .grid.span-5 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-5 > *.col-5 {
      display: block;
      float: left;
      margin-right: 5.85151%;
      width: 100%; }
      .grid.span-5 > *.col-5:last-child {
        margin-right: 0; }
    .grid.span-5 > *.pull-right {
      float: right;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-6 > *.col-1 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 12.64237%; }
      .grid.span-6 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-6 > *.col-2 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 30.11389%; }
      .grid.span-6 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-6 > *.col-3 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 47.58542%; }
      .grid.span-6 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-6 > *.col-4 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 65.05695%; }
      .grid.span-6 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-6 > *.col-5 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 82.52847%; }
      .grid.span-6 > *.col-5:last-child {
        margin-right: 0; }
    .grid.span-6 > *.col-6 {
      display: block;
      float: left;
      margin-right: 4.82916%;
      width: 100%; }
      .grid.span-6 > *.col-6:last-child {
        margin-right: 0; }
    .grid.span-6 > *.pull-right {
      float: right;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-7 > *.col-1 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 10.76207%; }
      .grid.span-7 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-2 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 25.63506%; }
      .grid.span-7 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-3 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 40.50805%; }
      .grid.span-7 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-4 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 55.38104%; }
      .grid.span-7 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-5 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 70.25402%; }
      .grid.span-7 > *.col-5:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-6 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 85.12701%; }
      .grid.span-7 > *.col-6:last-child {
        margin-right: 0; }
    .grid.span-7 > *.col-7 {
      display: block;
      float: left;
      margin-right: 4.11092%;
      width: 100%; }
      .grid.span-7 > *.col-7:last-child {
        margin-right: 0; }
    .grid.span-7 > *.pull-right {
      float: right;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-8 > *.col-1 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 9.36867%; }
      .grid.span-8 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-2 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 22.316%; }
      .grid.span-8 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-3 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 35.26334%; }
      .grid.span-8 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-4 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 48.21067%; }
      .grid.span-8 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-5 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 61.158%; }
      .grid.span-8 > *.col-5:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-6 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 74.10533%; }
      .grid.span-8 > *.col-6:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-7 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 87.05267%; }
      .grid.span-8 > *.col-7:last-child {
        margin-right: 0; }
    .grid.span-8 > *.col-8 {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 100%; }
      .grid.span-8 > *.col-8:last-child {
        margin-right: 0; }
    .grid.span-8 > *.pull-right {
      float: right;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .grid.span-9 > *.col-1 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 8.29472%; }
      .grid.span-9 > *.col-1:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-2 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 19.75788%; }
      .grid.span-9 > *.col-2:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-3 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 31.22104%; }
      .grid.span-9 > *.col-3:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-4 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 42.6842%; }
      .grid.span-9 > *.col-4:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-5 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 54.14736%; }
      .grid.span-9 > *.col-5:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-6 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 65.61052%; }
      .grid.span-9 > *.col-6:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-7 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 77.07368%; }
      .grid.span-9 > *.col-7:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-8 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 88.53684%; }
      .grid.span-9 > *.col-8:last-child {
        margin-right: 0; }
    .grid.span-9 > *.col-8 {
      display: block;
      float: left;
      margin-right: 3.16844%;
      width: 100%; }
      .grid.span-9 > *.col-8:last-child {
        margin-right: 0; }
    .grid.span-9 > *.pull-right {
      float: right;
      margin-right: 0; } }

/* ---- FORM ----
    CSS styles used to format forms.
*/
.form-area {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .form-area:first-child, .form-area :first-child {
      margin-top: 0; } }
  .form-area.well > form {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .form-area > form {
      border-bottom: 1px solid #bbb;
      margin-bottom: 30px;
      padding-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .form-area > form.form-horizontal > fieldset > .control-group > .controls.collapse > .horz-label {
      margin-bottom: -20px !important;
      padding-bottom: 5px;
      padding-top: 0; }
    .form-area > form.form-horizontal > fieldset > .control-group > .controls > .horz-label {
      padding-top: 11px; } }
  @media screen and (min-width: 768px) {
    .form-area > form.form-horizontal > fieldset > .control-group .control-label {
      padding-top: 11px;
      text-align: left; }
    .form-area > form.form-horizontal > fieldset > .control-group > .control-label {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 22.316%; }
      .form-area > form.form-horizontal > fieldset > .control-group > .control-label:last-child {
        margin-right: 0; }
    .form-area > form.form-horizontal > fieldset > .control-group > .controls {
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 74.10533%;
      float: right !important;
      margin-right: 0 !important; }
      .form-area > form.form-horizontal > fieldset > .control-group > .controls:last-child {
        margin-right: 0; } }
  .form-area > form > fieldset {
    margin-bottom: 30px;
    /* Single row grid layout */ }
    .form-area > form > fieldset:last-child, .form-area > form > fieldset:last-of-type {
      margin: 0; }
    .form-area > form > fieldset:first-child, .form-area > form > fieldset:first-of-type {
      border-top: none;
      padding-top: 0; }
    .form-area > form > fieldset > legend {
      border-bottom: 1px solid #3088b5;
      color: #787878;
      display: block;
      float: left;
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      padding: 0 0 10px;
      margin: 0 0 30px;
      width: 100%;
      *zoom: 1; }
      .form-area > form > fieldset > legend:before, .form-area > form > fieldset > legend:after {
        content: " ";
        display: table; }
      .form-area > form > fieldset > legend:after {
        clear: both; }
      @media screen and (min-width: 768px) {
        .form-area > form > fieldset > legend {
          font-size: 20px;
          line-height: 27px; } }
    .form-area > form > fieldset > .control-group {
      clear: both;
      margin-bottom: 15px;
      *zoom: 1; }
      .form-area > form > fieldset > .control-group:before, .form-area > form > fieldset > .control-group:after {
        content: " ";
        display: table; }
      .form-area > form > fieldset > .control-group:after {
        clear: both; }
      .form-area > form > fieldset > .control-group:last-child, .form-area > form > fieldset > .control-group:last-of-type {
        margin: 0; }
      .form-area > form > fieldset > .control-group.error > .control-label {
        color: #c10; }
      .form-area > form > fieldset > .control-group.button-field {
        margin-top: 30px; }
        .form-area > form > fieldset > .control-group.button-field.compact {
          margin-top: 20px; }
      @media screen and (min-width: 768px) {
        .form-area > form > fieldset > .control-group.file-field > .controls > .control {
          line-height: 45px; } }
      .form-area > form > fieldset > .control-group .control-label {
        display: block;
        font-size: 17px;
        line-height: 24px;
        padding: 0 0 5px; }
        @media screen and (min-width: 768px) {
          .form-area > form > fieldset > .control-group .control-label {
            font-size: 18px;
            line-height: 25px; } }
        .form-area > form > fieldset > .control-group .control-label.muted {
          color: #595959;
          font-style: italic; }
      .form-area > form > fieldset > .control-group > .controls {
        margin: 0;
        *zoom: 1; }
        .form-area > form > fieldset > .control-group > .controls:before, .form-area > form > fieldset > .control-group > .controls:after {
          content: " ";
          display: table; }
        .form-area > form > fieldset > .control-group > .controls:after {
          clear: both; }
        .form-area > form > fieldset > .control-group > .controls > .control {
          margin-top: 15px;
          /* Map form */ }
          @media screen and (min-width: 768px) {
            .form-area > form > fieldset > .control-group > .controls > .control {
              margin-top: 0; } }
          .form-area > form > fieldset > .control-group > .controls > .control:first-child {
            margin-top: 0; }
          .form-area > form > fieldset > .control-group > .controls > .control.error > .help-inline, .form-area > form > fieldset > .control-group > .controls > .control.error > .control-label {
            color: #c10; }
          .form-area > form > fieldset > .control-group > .controls > .control.error .tick {
            color: #c10; }
            .form-area > form > fieldset > .control-group > .controls > .control.error .tick > .icon {
              border: 1px solid #c10; }
          .form-area > form > fieldset > .control-group > .controls > .control > .help-inline {
            font-size: 12px;
            font-style: italic;
            padding: 2px 0 0;
            text-align: right; }
          .form-area > form > fieldset > .control-group > .controls > .control input[type="email"], .form-area > form > fieldset > .control-group > .controls > .control input[type="number"], .form-area > form > fieldset > .control-group > .controls > .control input[type="password"], .form-area > form > fieldset > .control-group > .controls > .control input[type="search"], .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"], .form-area > form > fieldset > .control-group > .controls > .control input[type="text"], .form-area > form > fieldset > .control-group > .controls > .control input[type="url"], .form-area > form > fieldset > .control-group > .controls > .control input[type="color"], .form-area > form > fieldset > .control-group > .controls > .control input[type="date"], .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"], .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"], .form-area > form > fieldset > .control-group > .controls > .control input[type="month"], .form-area > form > fieldset > .control-group > .controls > .control input[type="time"], .form-area > form > fieldset > .control-group > .controls > .control input[type="week"], .form-area > form > fieldset > .control-group > .controls > .control select, .form-area > form > fieldset > .control-group > .controls > .control textarea, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input {
            background-color: #fff;
            border: 1px solid #bbb;
            border-radius: 2px;
            color: #000;
            display: block;
            font: 300 17px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
            height: 45px;
            margin: 0;
            padding: 11px 10px 10px;
            width: 100%;
            -webkit-transition: box-shadow 0.25s ease-in-out;
            -moz-transition: box-shadow 0.25s ease-in-out;
            transition: box-shadow 0.25s ease-in-out; }
            @media screen and (min-width: 768px) {
              .form-area > form > fieldset > .control-group > .controls > .control input[type="email"], .form-area > form > fieldset > .control-group > .controls > .control input[type="number"], .form-area > form > fieldset > .control-group > .controls > .control input[type="password"], .form-area > form > fieldset > .control-group > .controls > .control input[type="search"], .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"], .form-area > form > fieldset > .control-group > .controls > .control input[type="text"], .form-area > form > fieldset > .control-group > .controls > .control input[type="url"], .form-area > form > fieldset > .control-group > .controls > .control input[type="color"], .form-area > form > fieldset > .control-group > .controls > .control input[type="date"], .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"], .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"], .form-area > form > fieldset > .control-group > .controls > .control input[type="month"], .form-area > form > fieldset > .control-group > .controls > .control input[type="time"], .form-area > form > fieldset > .control-group > .controls > .control input[type="week"], .form-area > form > fieldset > .control-group > .controls > .control select, .form-area > form > fieldset > .control-group > .controls > .control textarea, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input {
                font-size: 18px;
                line-height: 25px;
                padding: 11px 15px 11px; } }
            .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control select::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control textarea::-webkit-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input::-webkit-input-placeholder {
              color: #bbb; }
            .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control select:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control textarea:-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input:-moz-placeholder {
              color: #bbb; }
            .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control select::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control textarea::-moz-placeholder, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input::-moz-placeholder {
              color: #bbb; }
            .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control select:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control textarea:-ms-input-placeholder, .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input:-ms-input-placeholder {
              color: #bbb; }
          .form-area > form > fieldset > .control-group > .controls > .control select {
            padding: 9px 9px 9px 10px; }
            @media screen and (min-width: 768px) {
              .form-area > form > fieldset > .control-group > .controls > .control select {
                padding: 9px 9px 9px 13px; } }
          .form-area > form > fieldset > .control-group > .controls > .control textarea {
            height: auto;
            line-height: 24px;
            min-height: 200px;
            padding: 10px;
            resize: vertical; }
            .form-area > form > fieldset > .control-group > .controls > .control textarea.small {
              min-height: 100px; }
            .form-area > form > fieldset > .control-group > .controls > .control textarea.tall {
              min-height: 300px; }
            @media screen and (min-width: 768px) {
              .form-area > form > fieldset > .control-group > .controls > .control textarea {
                line-height: 25px;
                padding: 15px; } }
          .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input {
            background: none;
            height: auto;
            padding: 9px 10px 9px; }
            @media screen and (min-width: 768px) {
              .form-area > form > fieldset > .control-group > .controls > .control .uneditable-input {
                padding: 9px 15px 8px; } }
          .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]:hover, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]:hover, .form-area > form > fieldset > .control-group > .controls > .control textarea:hover, .form-area > form > fieldset > .control-group > .controls > .control select:hover {
            border: 1px solid #aaa; }
          .form-area > form > fieldset > .control-group > .controls > .control input[type="email"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="number"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="password"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="search"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="tel"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="text"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="url"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="color"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="date"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="datetime-local"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="month"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="time"]:focus, .form-area > form > fieldset > .control-group > .controls > .control input[type="week"]:focus, .form-area > form > fieldset > .control-group > .controls > .control textarea:focus {
            border: 1px solid #888;
            box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
          .form-area > form > fieldset > .control-group > .controls > .control select:focus {
            border: 1px solid #888; }
          .form-area > form > fieldset > .control-group > .controls > .control button {
            margin: 0;
            max-width: 100%; }
          .form-area > form > fieldset > .control-group > .controls > .control .tick {
            cursor: pointer;
            display: block;
            padding-left: 32px;
            position: relative; }
            .form-area > form > fieldset > .control-group > .controls > .control .tick:hover > .icon {
              border: 1px solid #aaa; }
            .form-area > form > fieldset > .control-group > .controls > .control .tick.on {
              color: #000; }
              .form-area > form > fieldset > .control-group > .controls > .control .tick.on > .icon {
                background-position: 0 0;
                border: 1px solid #888; }
            .form-area > form > fieldset > .control-group > .controls > .control .tick.disabled {
              color: #000; }
              .form-area > form > fieldset > .control-group > .controls > .control .tick.disabled > .icon {
                background: #fff url('/media/img/form-icons.png') 0 -22px no-repeat;
                opacity: 0.4; }
            .form-area > form > fieldset > .control-group > .controls > .control .tick > input[type="checkbox"] {
              visibility: hidden;
              width: auto;
              position: absolute;
              top: 5px;
              left: 0px; }
            .form-area > form > fieldset > .control-group > .controls > .control .tick > .icon {
              background: #fff url('/media/img/form-icons.png') 0 -22px no-repeat;
              border: 1px solid #bbb;
              border-radius: 2px;
              display: block;
              height: 24px;
              width: 24px;
              -webkit-transition: box-shadow 0.25s border;
              -moz-transition: box-shadow 0.25s border;
              transition: box-shadow 0.25s border;
              position: absolute;
              top: 0px;
              left: 0px; }
          .form-area > form > fieldset > .control-group > .controls > .control > .character-counter {
            background-color: #ede9dd;
            border: 1px solid #dcd4bc;
            border-top: none;
            padding: 5px 10px; }
          .form-area > form > fieldset > .control-group > .controls > .control #map {
            background-color: #fff;
            border: 1px solid #bbb;
            height: 350px;
            padding: 20px; }
    @media screen and (max-width: 767px) {
      .form-area > form > fieldset.grid, .form-area > form > fieldset .grid {
        *zoom: 1;
        display: block; }
        .form-area > form > fieldset.grid:before, .form-area > form > fieldset.grid:after, .form-area > form > fieldset .grid:before, .form-area > form > fieldset .grid:after {
          content: " ";
          display: table; }
        .form-area > form > fieldset.grid:after, .form-area > form > fieldset .grid:after {
          clear: both; }
        .form-area > form > fieldset.grid > *, .form-area > form > fieldset .grid > * {
          margin-top: 0 !important; }
          .form-area > form > fieldset.grid > *.col-1, .form-area > form > fieldset .grid > *.col-1 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 6.17215%; }
            .form-area > form > fieldset.grid > *.col-1:last-child, .form-area > form > fieldset .grid > *.col-1:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-2, .form-area > form > fieldset .grid > *.col-2 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 14.70196%; }
            .form-area > form > fieldset.grid > *.col-2:last-child, .form-area > form > fieldset .grid > *.col-2:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-3, .form-area > form > fieldset .grid > *.col-3 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 23.23176%; }
            .form-area > form > fieldset.grid > *.col-3:last-child, .form-area > form > fieldset .grid > *.col-3:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-4, .form-area > form > fieldset .grid > *.col-4 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 31.76157%; }
            .form-area > form > fieldset.grid > *.col-4:last-child, .form-area > form > fieldset .grid > *.col-4:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-5, .form-area > form > fieldset .grid > *.col-5 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 40.29137%; }
            .form-area > form > fieldset.grid > *.col-5:last-child, .form-area > form > fieldset .grid > *.col-5:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-6, .form-area > form > fieldset .grid > *.col-6 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 48.82117%; }
            .form-area > form > fieldset.grid > *.col-6:last-child, .form-area > form > fieldset .grid > *.col-6:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-7, .form-area > form > fieldset .grid > *.col-7 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 57.35098%; }
            .form-area > form > fieldset.grid > *.col-7:last-child, .form-area > form > fieldset .grid > *.col-7:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-8, .form-area > form > fieldset .grid > *.col-8 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 65.88078%; }
            .form-area > form > fieldset.grid > *.col-8:last-child, .form-area > form > fieldset .grid > *.col-8:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-9, .form-area > form > fieldset .grid > *.col-9 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 74.41059%; }
            .form-area > form > fieldset.grid > *.col-9:last-child, .form-area > form > fieldset .grid > *.col-9:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-10, .form-area > form > fieldset .grid > *.col-10 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 82.94039%; }
            .form-area > form > fieldset.grid > *.col-10:last-child, .form-area > form > fieldset .grid > *.col-10:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-11, .form-area > form > fieldset .grid > *.col-11 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 91.4702%; }
            .form-area > form > fieldset.grid > *.col-11:last-child, .form-area > form > fieldset .grid > *.col-11:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.col-12, .form-area > form > fieldset .grid > *.col-12 {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            .form-area > form > fieldset.grid > *.col-12:last-child, .form-area > form > fieldset .grid > *.col-12:last-child {
              margin-right: 0; }
          .form-area > form > fieldset.grid > *.pull-right, .form-area > form > fieldset .grid > *.pull-right {
            float: right;
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-4 > *.col-1, .form-area > form > fieldset .grid.span-4 > *.col-1 {
          display: block;
          float: left;
          margin-right: 7.42297%;
          width: 19.43277%; }
          .form-area > form > fieldset.grid.span-4 > *.col-1:last-child, .form-area > form > fieldset .grid.span-4 > *.col-1:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-4 > *.col-2, .form-area > form > fieldset .grid.span-4 > *.col-2 {
          display: block;
          float: left;
          margin-right: 7.42297%;
          width: 46.28851%; }
          .form-area > form > fieldset.grid.span-4 > *.col-2:last-child, .form-area > form > fieldset .grid.span-4 > *.col-2:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-4 > *.col-3, .form-area > form > fieldset .grid.span-4 > *.col-3 {
          display: block;
          float: left;
          margin-right: 7.42297%;
          width: 73.14426%; }
          .form-area > form > fieldset.grid.span-4 > *.col-3:last-child, .form-area > form > fieldset .grid.span-4 > *.col-3:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-4 > *.col-4, .form-area > form > fieldset .grid.span-4 > *.col-4 {
          display: block;
          float: left;
          margin-right: 7.42297%;
          width: 100%; }
          .form-area > form > fieldset.grid.span-4 > *.col-4:last-child, .form-area > form > fieldset .grid.span-4 > *.col-4:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-1, .form-area > form > fieldset .grid.span-6 > *.col-1 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 12.64237%; }
          .form-area > form > fieldset.grid.span-6 > *.col-1:last-child, .form-area > form > fieldset .grid.span-6 > *.col-1:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-2, .form-area > form > fieldset .grid.span-6 > *.col-2 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 30.11389%; }
          .form-area > form > fieldset.grid.span-6 > *.col-2:last-child, .form-area > form > fieldset .grid.span-6 > *.col-2:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-3, .form-area > form > fieldset .grid.span-6 > *.col-3 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 47.58542%; }
          .form-area > form > fieldset.grid.span-6 > *.col-3:last-child, .form-area > form > fieldset .grid.span-6 > *.col-3:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-4, .form-area > form > fieldset .grid.span-6 > *.col-4 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 65.05695%; }
          .form-area > form > fieldset.grid.span-6 > *.col-4:last-child, .form-area > form > fieldset .grid.span-6 > *.col-4:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-5, .form-area > form > fieldset .grid.span-6 > *.col-5 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 82.52847%; }
          .form-area > form > fieldset.grid.span-6 > *.col-5:last-child, .form-area > form > fieldset .grid.span-6 > *.col-5:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-6 > *.col-6, .form-area > form > fieldset .grid.span-6 > *.col-6 {
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 100%; }
          .form-area > form > fieldset.grid.span-6 > *.col-6:last-child, .form-area > form > fieldset .grid.span-6 > *.col-6:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-1, .form-area > form > fieldset .grid.span-8 > *.col-1 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 9.36867%; }
          .form-area > form > fieldset.grid.span-8 > *.col-1:last-child, .form-area > form > fieldset .grid.span-8 > *.col-1:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-2, .form-area > form > fieldset .grid.span-8 > *.col-2 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 22.316%; }
          .form-area > form > fieldset.grid.span-8 > *.col-2:last-child, .form-area > form > fieldset .grid.span-8 > *.col-2:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-3, .form-area > form > fieldset .grid.span-8 > *.col-3 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 35.26334%; }
          .form-area > form > fieldset.grid.span-8 > *.col-3:last-child, .form-area > form > fieldset .grid.span-8 > *.col-3:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-4, .form-area > form > fieldset .grid.span-8 > *.col-4 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 48.21067%; }
          .form-area > form > fieldset.grid.span-8 > *.col-4:last-child, .form-area > form > fieldset .grid.span-8 > *.col-4:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-5, .form-area > form > fieldset .grid.span-8 > *.col-5 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 61.158%; }
          .form-area > form > fieldset.grid.span-8 > *.col-5:last-child, .form-area > form > fieldset .grid.span-8 > *.col-5:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-6, .form-area > form > fieldset .grid.span-8 > *.col-6 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 74.10533%; }
          .form-area > form > fieldset.grid.span-8 > *.col-6:last-child, .form-area > form > fieldset .grid.span-8 > *.col-6:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-7, .form-area > form > fieldset .grid.span-8 > *.col-7 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 87.05267%; }
          .form-area > form > fieldset.grid.span-8 > *.col-7:last-child, .form-area > form > fieldset .grid.span-8 > *.col-7:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.span-8 > *.col-8, .form-area > form > fieldset .grid.span-8 > *.col-8 {
          display: block;
          float: left;
          margin-right: 3.57866%;
          width: 100%; }
          .form-area > form > fieldset.grid.span-8 > *.col-8:last-child, .form-area > form > fieldset .grid.span-8 > *.col-8:last-child {
            margin-right: 0; }
        .form-area > form > fieldset.grid.collapse > *, .form-area > form > fieldset .grid.collapse > * {
          float: none !important;
          margin: 15px 0 0 !important;
          width: auto !important; }
          .form-area > form > fieldset.grid.collapse > *:first-child, .form-area > form > fieldset .grid.collapse > *:first-child {
            margin-top: 0 !important; } }

/* -- Date picker -- */
.ui-datepicker {
  background-color: #f7f7f7;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 2px 1px rgba(0, 0, 0, 0.1);
  color: #787878;
  display: none;
  margin: 3px 0 0;
  max-width: 300px;
  padding: 10px;
  text-align: center;
  width: 100%;
  z-index: 1000 !important; }
  .ui-datepicker .ui-datepicker-prev {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: transparent;
    font: 0/0 a;
    text-shadow: none; }
    .ui-datepicker .ui-datepicker-prev:hover {
      cursor: pointer;
      background-color: #fff;
      box-shadow: 0 0 0 1px #ddd; }
    .ui-datepicker .ui-datepicker-prev:after {
      background: url('/media/img/icons-forms.png') 0 -69px no-repeat;
      content: '';
      display: block;
      height: 16px;
      margin: -8px 0 0 -5px;
      width: 9px;
      position: absolute;
      top: 50%;
      left: 50%; }
  .ui-datepicker .ui-datepicker-next {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: transparent;
    font: 0/0 a;
    text-shadow: none; }
    .ui-datepicker .ui-datepicker-next:hover {
      cursor: pointer;
      background-color: #fff;
      box-shadow: 0 0 0 1px #ddd; }
    .ui-datepicker .ui-datepicker-next:after {
      background: url('/media/img/icons-forms.png') -9px -69px no-repeat;
      content: '';
      display: block;
      height: 16px;
      margin: -8px 0 0 -5px;
      width: 9px;
      position: absolute;
      top: 50%;
      left: 50%; }
  .ui-datepicker .ui-datepicker-title {
    font-size: 18px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .ui-datepicker .ui-datepicker-title {
        font-size: 22px;
        line-height: 30px; } }
  .ui-datepicker .ui-datepicker-calendar {
    margin-top: 10px;
    width: 100%; }
    .ui-datepicker .ui-datepicker-calendar th {
      border-bottom: 1px solid #ddd;
      border-top: 1px solid #ddd;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      padding: 10px 0;
      text-align: center;
      width: 14.28571%; }
      @media screen and (min-width: 768px) {
        .ui-datepicker .ui-datepicker-calendar th {
          font-size: 18px;
          line-height: 26px; } }
    .ui-datepicker .ui-datepicker-calendar td {
      width: 14.28571%; }
      .ui-datepicker .ui-datepicker-calendar td a {
        display: block;
        padding: 5px 0;
        text-decoration: none; }
        .ui-datepicker .ui-datepicker-calendar td a:hover {
          background-color: #fff;
          box-shadow: 0 0 0 1px #ddd;
          text-decoration: none;
          position: relative;
          z-index: 10; }
  .ui-datepicker .ui-datepicker-today {
    background-color: #F7F7F7; }
  .ui-datepicker .ui-state-active {
    box-shadow: 0 0 0 1px #ddd;
    position: relative;
    z-index: 5; }

/* Gift aid */
.gift-aid {
  background: url('/media/img/gift-aid-logo.png') bottom center no-repeat;
  padding-bottom: 100px; }
  @media screen and (min-width: 960px) {
    .gift-aid {
      background-position: right center;
      min-height: 78px;
      padding-bottom: 0;
      padding-right: 150px; } }

/* Form styles without JS */
.no-js .form-area .tick > input[type="checkbox"] {
  visibility: visible !important; }

/* ---- FORMATTING ----
   Contains all of the CSS used to format text within a 'formatted' container. It also contins any
   generic styles used to format text and any styles used to format DEPLOYCMS specific editable
   styles. If using a reset sheet, this will re-format any text back into a user-friendly format.
*/
html, body {
  height: 100%; }

body {
  background-color: #fff;
  color: #1d1d1b;
  font-family: 'proxima-nova', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: left; }

::selection {
  background: #fb9830;
  color: #fff; }

abbr {
  border-bottom: 1px dotted #bbb; }

a abbr {
  border-bottom: none; }

strong, b {
  font-weight: 700; }

a {
  color: #1f8ebe;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/* -- Custom class styles -- */
.hide {
  display: none; }

.ninja {
  display: none !important; }

.hide-text {
  color: transparent;
  font: 0/0 a;
  text-shadow: none; }

.show {
  display: block !important; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.clearfix, .clear-fix, .sink {
  *zoom: 1; }
  .clearfix:before, .clearfix:after, .clear-fix:before, .clear-fix:after, .sink:before, .sink:after {
    content: " ";
    display: table; }
  .clearfix:after, .clear-fix:after, .sink:after {
    clear: both; }

.no-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.no-top {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.no-wrap {
  white-space: nowrap !important; }

.ellipsis, .btn, #edit-tools > .sortable-tools > li.sorting, #edit-tools2 > .sortable-tools > li.sorting {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.align-left {
  text-align: left !important; }

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

.align-right {
  text-align: right !important; }

@media screen and (min-width: 768px) {
  .tablet-align-left {
    text-align: left !important; }
  .tablet-align-center {
    text-align: center !important; }
  .tablet-align-right {
    text-align: right !important; } }

@media screen and (max-width: 767px) {
  .mobile-align-left {
    text-align: left !important; }
  .mobile-align-center {
    text-align: center !important; }
  .mobile-align-right {
    text-align: right !important; } }

.large-text {
  font-size: 17px;
  line-height: 24px; }
  @media screen and (min-width: 768px) {
    .large-text {
      font-size: 20px;
      line-height: 27px; } }

.larger-text {
  font-size: 28px;
  line-height: 40px; }
  @media screen and (min-width: 768px) {
    .larger-text {
      font-size: 32px;
      line-height: 45px; } }

.light {
  font-weight: 300 !important; }

.norm {
  font-weight: 400 !important; }

.bold {
  font-weight: 700 !important; }

.capitalise, .capitalize {
  text-transform: capitalize !important; }

.uppercase {
  text-transform: uppercase !important; }

.lowercase {
  text-transform: lowercase !important; }

.purple {
  color: #492f92 !important; }

.blue {
  color: #3088b5 !important; }

.grey {
  color: #595959 !important; }

.dark-grey {
  color: #1d1d1b !important; }

.black {
  color: #000 !important; }

.white {
  color: #fff !important; }

.push-top {
  margin-top: 20px !important; }

.push-top-50 {
  margin-top: 50px !important; }

.push-bottom {
  margin-bottom: 20px !important; }

@media screen and (min-width: 768px) {
  .pad-left {
    padding-left: 20px; }
  .pad-right {
    padding-right: 20px; } }

/* Responsive side scrolling tables */
.table-wrap {
  margin: 20px 0;
  overflow-x: scroll; }
  @media screen and (min-width: 960px) {
    .table-wrap {
      overflow-x: visible; } }

/* Paging */
.paging {
  line-height: 35px;
  margin: 20px 0;
  min-height: 35px;
  position: relative;
  text-align: center;
  *zoom: 1; }
  .paging:before, .paging:after {
    content: " ";
    display: table; }
  .paging:after {
    clear: both; }
  .paging > a {
    height: 35px;
    width: 35px;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out; }
    .paging > a:active {
      border-top: 2px solid #9a1d6e; }
  .paging > .prev {
    background: #d72d99 url('/media/img/arrow-left-white.png') 11px center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px; }
    .paging > .prev:hover {
      background-color: #c5268d; }
  .paging > .next {
    background: #d72d99 url('/media/img/arrow-right-white.png') 12px center no-repeat;
    position: absolute;
    top: 0px;
    right: 0px; }
    .paging > .next:hover {
      background-color: #c5268d; }

/* Alert */
.alert {
  border: 1px solid #bbb;
  color: #1d1d1b;
  font-style: italic;
  line-height: 25px;
  margin: 30px 0;
  padding: 10px 20px;
  text-align: center; }
  .alert.alert-warning {
    background-color: #f5e3cb;
    border: 1px solid #bd7a23;
    color: #bd7a23; }
  .alert.alert-error {
    background-color: #fcedee;
    border: 1px solid #c10;
    color: #c10; }
  .alert.alert-success {
    background-color: #ccf5cb;
    border: 1px solid #1a9b10;
    color: #1a9b10; }

/* Box / Well */
.box, .well {
  background-color: #fff;
  border: 1px solid #e4decd;
  margin: 20px 0;
  padding: 20px; }

/* Line/Divider */
.line-top {
  border-top: 1px solid #3088b5;
  margin-top: 20px !important;
  padding-top: 20px !important; }

.line-bottom {
  border-bottom: 1px solid #3088b5;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important; }

/* Button styles */
.btn {
  background-color: #fb9830;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff !important;
  cursor: pointer;
  display: block;
  font: 400 18px/23px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 45px;
  margin: 0 auto;
  padding: 9px 10px;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out; }
  .btn:hover {
    background-color: #f58a19; }
  .btn:active {
    border-top: 2px solid #f58a19;
    box-shadow: none;
    padding-bottom: 9px; }
  .btn.blue {
    background-color: #d72d99; }
    .btn.blue:hover {
      background-color: #c5268d; }
    .btn.blue:active {
      border-top: 2px solid #9a1d6e; }
  @media screen and (min-width: 768px) {
    .btn {
      padding-left: 15px;
      padding-right: 15px; } }

button.btn {
  width: 100%; }

/* List style type 1 - Small news & event listing */
.list-1, .formatted > ul.list-1 {
  list-style-type: none;
  margin: 20px 0;
  padding: 0; }
  .list-1 > .item, .formatted > ul.list-1 > .item {
    margin-top: 20px; }
    .list-1 > .item:first-child, .formatted > ul.list-1 > .item:first-child {
      margin: 0; }
    .list-1 > .item > a, .formatted > ul.list-1 > .item > a {
      background-color: #fff;
      box-shadow: 0 0 0 1px #e4decd;
      color: #1d1d1b;
      display: block;
      position: relative;
      width: 100%;
      *zoom: 1;
      -webkit-transition: box-shadow 0.25s ease-in-out;
      -moz-transition: box-shadow 0.25s ease-in-out;
      transition: box-shadow 0.25s ease-in-out; }
      .list-1 > .item > a:before, .list-1 > .item > a:after, .formatted > ul.list-1 > .item > a:before, .formatted > ul.list-1 > .item > a:after {
        content: " ";
        display: table; }
      .list-1 > .item > a:after, .formatted > ul.list-1 > .item > a:after {
        clear: both; }
      @media screen and (min-width: 540px) {
        .list-1 > .item > a, .formatted > ul.list-1 > .item > a {
          padding: 0 17.3913% 0 0; } }
      .list-1 > .item > a:hover, .formatted > ul.list-1 > .item > a:hover {
        box-shadow: 0 0 0 1px #e4decd, 0 0 0 5px rgba(0, 0, 0, 0.05);
        text-decoration: none; }
        .list-1 > .item > a:hover > .date, .formatted > ul.list-1 > .item > a:hover > .date {
          background-color: #2b79a1; }
        @media screen and (min-width: 540px) {
          .list-1 > .item > a:hover > .more-info > .more, .formatted > ul.list-1 > .item > a:hover > .more-info > .more {
            background-color: #2b79a1; } }
      .list-1 > .item > a > .content, .formatted > ul.list-1 > .item > a > .content {
        min-height: 100px;
        padding: 10px 10px 10px 34.78261%;
        position: relative; }
        @media screen and (min-width: 540px) {
          .list-1 > .item > a > .content, .formatted > ul.list-1 > .item > a > .content {
            padding-left: 42.10526%;
            padding-right: 0; } }
        .list-1 > .item > a > .content > h3, .formatted > ul.list-1 > .item > a > .content > h3 {
          margin: 0 0 7px; }
        .list-1 > .item > a > .content > .image, .formatted > ul.list-1 > .item > a > .content > .image {
          background: center center no-repeat;
          background: #e4decd url('/media/img/emblem.png') center center no-repeat;
          background-size: cover;
          display: inline-block;
          float: none !important;
          height: 100%;
          margin: 0 !important;
          max-height: 140px;
          display: block;
          float: left;
          margin-right: 4.82916%;
          width: 30.11389%;
          position: absolute;
          top: 0px;
          left: 0px; }
          .list-1 > .item > a > .content > .image:last-child, .formatted > ul.list-1 > .item > a > .content > .image:last-child {
            margin-right: 0; }
          @media screen and (min-width: 540px) {
            .list-1 > .item > a > .content > .image, .formatted > ul.list-1 > .item > a > .content > .image {
              display: block;
              float: left;
              margin-right: 5.85151%;
              width: 36.4891%; }
              .list-1 > .item > a > .content > .image:last-child, .formatted > ul.list-1 > .item > a > .content > .image:last-child {
                margin-right: 0; } }
      @media screen and (min-width: 540px) {
        .list-1 > .item > a > .more-info, .formatted > ul.list-1 > .item > a > .more-info {
          padding-left: 42.10526%;
          position: relative; } }
      .list-1 > .item > a > .more-info > .more, .formatted > ul.list-1 > .item > a > .more-info > .more {
        background-color: #3088b5;
        color: #fff;
        display: block;
        padding: 10px;
        position: absolute;
        right: 0px;
        bottom: 0px; }
        @media screen and (min-width: 540px) {
          .list-1 > .item > a > .more-info > .more, .formatted > ul.list-1 > .item > a > .more-info > .more {
            display: inline-block;
            float: none !important;
            height: 100%;
            margin: 0 !important;
            padding: 10px 0;
            text-align: center;
            display: block;
            float: left;
            margin-right: 5.85151%;
            width: 36.4891%;
            bottom: auto;
            right: auto;
            top: 0px;
            left: 0px;
            -webkit-transition: background-color 0.25s ease-in-out;
            -moz-transition: background-color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out; }
            .list-1 > .item > a > .more-info > .more:last-child, .formatted > ul.list-1 > .item > a > .more-info > .more:last-child {
              margin-right: 0; } }
      .list-1 > .item > a > .more-info > p, .formatted > ul.list-1 > .item > a > .more-info > p {
        border-top: 1px solid #ede9dd;
        padding: 10px; }
        @media screen and (min-width: 540px) {
          .list-1 > .item > a > .more-info > p, .formatted > ul.list-1 > .item > a > .more-info > p {
            padding: 10px 0; } }
      .list-1 > .item > a > .date, .formatted > ul.list-1 > .item > a > .date {
        background: #3088b5 -3px 12px no-repeat;
        color: #fff;
        padding: 10px;
        -webkit-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        transition: background-color 0.25s ease-in-out; }
        @media screen and (min-width: 540px) {
          .list-1 > .item > a > .date, .formatted > ul.list-1 > .item > a > .date {
            background-image: url('/media/img/arrow-right-white.png');
            float: none !important;
            height: 100%;
            margin: 0 !important;
            padding: 8px 0 0;
            text-align: center;
            display: block;
            float: left;
            margin-right: 4.82916%;
            width: 12.64237%;
            position: absolute;
            top: 0px;
            right: 0px; }
            .list-1 > .item > a > .date:last-child, .formatted > ul.list-1 > .item > a > .date:last-child {
              margin-right: 0; }
            .list-1 > .item > a > .date > *, .formatted > ul.list-1 > .item > a > .date > * {
              display: block; }
            .list-1 > .item > a > .date > .day, .formatted > ul.list-1 > .item > a > .date > .day {
              font-size: 30px;
              line-height: 30px; } }
  .list-1.span-4.no-date > .item > a, .formatted > ul.list-1.span-4.no-date > .item > a {
    padding-right: 10px; }
    .list-1.span-4.no-date > .item > a > .content, .formatted > ul.list-1.span-4.no-date > .item > a > .content {
      min-height: 100px;
      padding: 10px 10px 10px 34.78261%;
      position: relative; }
      .list-1.span-4.no-date > .item > a > .content > .image, .formatted > ul.list-1.span-4.no-date > .item > a > .content > .image {
        display: block;
        float: left;
        margin-right: 4.82916%;
        width: 30.11389%; }
        .list-1.span-4.no-date > .item > a > .content > .image:last-child, .formatted > ul.list-1.span-4.no-date > .item > a > .content > .image:last-child {
          margin-right: 0; }
  .list-1.span-4.no-image > .item > a > .content, .formatted > ul.list-1.span-4.no-image > .item > a > .content {
    padding: 10px; }
  @media screen and (min-width: 768px) {
    .list-1.span-4.no-image > .item > a, .formatted > ul.list-1.span-4.no-image > .item > a {
      padding-right: 20%; }
      .list-1.span-4.no-image > .item > a > .date, .formatted > ul.list-1.span-4.no-image > .item > a > .date {
        display: block;
        float: left;
        margin-right: 7.42297%;
        width: 19.43277%; }
        .list-1.span-4.no-image > .item > a > .date:last-child, .formatted > ul.list-1.span-4.no-image > .item > a > .date:last-child {
          margin-right: 0; } }
  .list-1.span-8.no-date > .item > a, .formatted > ul.list-1.span-8.no-date > .item > a {
    padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .list-1.span-8 > .item > a, .formatted > ul.list-1.span-8 > .item > a {
      padding-right: 12.90323%; }
      .list-1.span-8 > .item > a > .content, .list-1.span-8 > .item > a > .more-info, .formatted > ul.list-1.span-8 > .item > a > .content, .formatted > ul.list-1.span-8 > .item > a > .more-info {
        padding-left: 29.62963%; }
        .list-1.span-8 > .item > a > .content > .image, .list-1.span-8 > .item > a > .more-info > .image, .formatted > ul.list-1.span-8 > .item > a > .content > .image, .formatted > ul.list-1.span-8 > .item > a > .more-info > .image {
          display: block;
          float: left;
          margin-right: 4.11092%;
          width: 25.63506%; }
          .list-1.span-8 > .item > a > .content > .image:last-child, .list-1.span-8 > .item > a > .more-info > .image:last-child, .formatted > ul.list-1.span-8 > .item > a > .content > .image:last-child, .formatted > ul.list-1.span-8 > .item > a > .more-info > .image:last-child {
            margin-right: 0; }
        .list-1.span-8 > .item > a > .content > .more, .list-1.span-8 > .item > a > .more-info > .more, .formatted > ul.list-1.span-8 > .item > a > .content > .more, .formatted > ul.list-1.span-8 > .item > a > .more-info > .more {
          display: block;
          float: left;
          margin-right: 4.11092%;
          width: 25.63506%; }
          .list-1.span-8 > .item > a > .content > .more:last-child, .list-1.span-8 > .item > a > .more-info > .more:last-child, .formatted > ul.list-1.span-8 > .item > a > .content > .more:last-child, .formatted > ul.list-1.span-8 > .item > a > .more-info > .more:last-child {
            margin-right: 0; }
      .list-1.span-8 > .item > a > .date, .formatted > ul.list-1.span-8 > .item > a > .date {
        display: block;
        float: left;
        margin-right: 3.57866%;
        width: 9.36867%; }
        .list-1.span-8 > .item > a > .date:last-child, .formatted > ul.list-1.span-8 > .item > a > .date:last-child {
          margin-right: 0; } }

.list-2, .formatted > ul.list-2 {
  list-style-type: none;
  margin: 20px 0;
  padding: 0; }
  .list-2 > .item, .formatted > ul.list-2 > .item {
    margin-top: 20px; }
    .list-2 > .item:first-child, .formatted > ul.list-2 > .item:first-child {
      margin: 0; }
    .list-2 > .item > a, .formatted > ul.list-2 > .item > a {
      background-color: #fff;
      box-shadow: 0 0 0 1px #e4decd;
      color: #1d1d1b;
      display: block;
      padding: 10px;
      -webkit-transition: box-shadow 0.25s ease-in-out;
      -moz-transition: box-shadow 0.25s ease-in-out;
      transition: box-shadow 0.25s ease-in-out; }
      .list-2 > .item > a:hover, .formatted > ul.list-2 > .item > a:hover {
        box-shadow: 0 0 0 1px #e4decd, 0 0 0 5px rgba(0, 0, 0, 0.05);
        text-decoration: none; }
      .list-2 > .item > a > h3, .formatted > ul.list-2 > .item > a > h3 {
        margin: 0; }
  .list-2.documents > .item > a, .formatted > ul.list-2.documents > .item > a {
    background: #fff url('/media/img/document-download-icon.png') 11px 11px no-repeat;
    padding-left: 50px; }

.social-links, .formatted > ul.social-links {
  border: 1px solid #e4decd;
  list-style-type: none;
  margin: 20px 0 0;
  padding: 10px !important;
  *zoom: 1; }
  .social-links:before, .social-links:after, .formatted > ul.social-links:before, .formatted > ul.social-links:after {
    content: " ";
    display: table; }
  .social-links:after, .formatted > ul.social-links:after {
    clear: both; }
  .social-links > li, .formatted > ul.social-links > li {
    display: block;
    float: left;
    margin: 0 5px 0 0; }
    .social-links > li > a, .formatted > ul.social-links > li > a {
      background: url('/media/img/social-icons-small.png') no-repeat;
      display: block;
      height: 30px;
      opacity: 0.9;
      width: 30px;
      color: transparent;
      font: 0/0 a;
      text-shadow: none; }
      .social-links > li > a:hover, .formatted > ul.social-links > li > a:hover {
        opacity: 1; }
    .social-links > li.facebook > a, .formatted > ul.social-links > li.facebook > a {
      background-position: 0 0 !important; }
    .social-links > li.twitter > a, .formatted > ul.social-links > li.twitter > a {
      background-position: -30px 0 !important; }
    .social-links > li.google > a, .formatted > ul.social-links > li.google > a {
      background-position: -150px 0 !important; }
    .social-links > li.support-text, .formatted > ul.social-links > li.support-text {
      clear: both;
      font-style: italic;
      margin: 10px 0 0 0 !important; }
      @media screen and (min-width: 960px) {
        .social-links > li.support-text, .formatted > ul.social-links > li.support-text {
          clear: none;
          line-height: 30px;
          margin: 0 0 0 10px !important; } }

/* Sortable tools */
#edit-tools, #edit-tools2 {
  margin: 20px 0; }
  #edit-tools.collapse > .sortable-tools > li, #edit-tools2.collapse > .sortable-tools > li {
    margin: 20px 0 0 !important;
    float: none !important; }
    #edit-tools.collapse > .sortable-tools > li:first-child, #edit-tools2.collapse > .sortable-tools > li:first-child {
      margin: 0 !important; }
  #edit-tools > .sortable-tools, #edit-tools2 > .sortable-tools {
    margin: 20px 0;
    *zoom: 1; }
    #edit-tools > .sortable-tools:before, #edit-tools > .sortable-tools:after, #edit-tools2 > .sortable-tools:before, #edit-tools2 > .sortable-tools:after {
      content: " ";
      display: table; }
    #edit-tools > .sortable-tools:after, #edit-tools2 > .sortable-tools:after {
      clear: both; }
    #edit-tools > .sortable-tools > li.sorting, #edit-tools2 > .sortable-tools > li.sorting {
      background-color: #ede9dd;
      border: 1px solid #e4decd;
      display: block;
      font: italic 400 18px/23px "Helvetica Neue", Helvetica, Arial, sans-serif;
      height: 45px;
      margin: 15px 0 0;
      padding: 11px 10px;
      text-align: center;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #edit-tools > .sortable-tools > li.sorting, #edit-tools2 > .sortable-tools > li.sorting {
          float: left;
          margin: 0 !important;
          padding-left: 15px;
          padding-right: 15px;
          width: auto; } }

/* -- Text re-formatting -- */
.formatted > h1, .formatted .h1, .formatted > h2.large-heading {
  color: #787878;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  margin: 22px 0 14px; }
  @media screen and (min-width: 768px) {
    .formatted > h1, .formatted .h1, .formatted > h2.large-heading {
      font-size: 32px;
      line-height: 45px; } }
  .formatted > h1 > a, .formatted .h1 > a, .formatted > h2.large-heading > a {
    color: #787878; }
    .formatted > h1 > a:hover, .formatted .h1 > a:hover, .formatted > h2.large-heading > a:hover {
      color: #1d1d1b;
      text-decoration: none; }
.formatted > h2, .formatted .h2, .formatted > h1.small-heading, .formatted > h3.large-heading {
  color: #787878;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  margin: 22px 0 13px; }
  @media screen and (min-width: 768px) {
    .formatted > h2, .formatted .h2, .formatted > h1.small-heading, .formatted > h3.large-heading {
      font-size: 23px;
      line-height: 29px; } }
  .formatted > h2 > a, .formatted .h2 > a, .formatted > h1.small-heading > a, .formatted > h3.large-heading > a {
    color: #787878; }
    .formatted > h2 > a:hover, .formatted .h2 > a:hover, .formatted > h1.small-heading > a:hover, .formatted > h3.large-heading > a:hover {
      color: #1d1d1b;
      text-decoration: none; }
.formatted > h3, .formatted .h3, .formatted > h2.small-heading, .formatted > h4.large-heading {
  color: #787878;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 22px 0 12px; }
  @media screen and (min-width: 768px) {
    .formatted > h3, .formatted .h3, .formatted > h2.small-heading, .formatted > h4.large-heading {
      font-size: 20px;
      line-height: 27px; } }
  .formatted > h3 > a, .formatted .h3 > a, .formatted > h2.small-heading > a, .formatted > h4.large-heading > a {
    color: #787878; }
    .formatted > h3 > a:hover, .formatted .h3 > a:hover, .formatted > h2.small-heading > a:hover, .formatted > h4.large-heading > a:hover {
      color: #1d1d1b;
      text-decoration: none; }
.formatted > h4, .formatted .h4, .formatted > h3.small-heading {
  color: #787878;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  margin: 22px 0 12px; }
  @media screen and (min-width: 768px) {
    .formatted > h4, .formatted .h4, .formatted > h3.small-heading {
      font-size: 15px;
      line-height: 23px; } }
  .formatted > h4 > a, .formatted .h4 > a, .formatted > h3.small-heading > a {
    color: #787878; }
    .formatted > h4 > a:hover, .formatted .h4 > a:hover, .formatted > h3.small-heading > a:hover {
      color: #1d1d1b;
      text-decoration: none; }
.formatted > h2.sub-heading, .formatted > h3.sub-heading, .formatted > h4.sub-heading, .formatted > .sub-heading {
  color: #595959;
  font-style: italic;
  font-weight: 400;
  margin-top: -10px !important;
  margin-bottom: 20px; }
.formatted > p {
  font-weight: 400;
  margin: 0 0 30px; }
.formatted > ul {
  font-weight: 400;
  list-style-type: disc;
  margin: 0 0 16px;
  padding: 0 0 0 18px; }
  .formatted > ul.side-nav {
    border-bottom: 1px solid #ede9dd;
    list-style-type: none;
    margin: 20px 0;
    padding: 0 0 16px; }
    .formatted > ul.side-nav:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .formatted > ul.side-nav:first-child > li:first-child {
      border: none;
      padding: 0; }
    .formatted > ul.side-nav > li {
      border-top: 1px solid #ede9dd;
      padding-top: 16px;
      margin-top: 16px; }
      .formatted > ul.side-nav > li:first-child {
        margin: 0; }
  .formatted > ul > li ul {
    list-style-type: circle;
    margin: 0 0 16px;
    padding: 8px 0 0 18px; }
.formatted > ol {
  font-weight: 400;
  list-style-type: decimal;
  margin: 0 0 16px;
  padding: 0 0 0 19px; }
  .formatted > ol > li ol {
    list-style: lower-alpha;
    margin: 0 0 16px;
    padding: 8px 0 0 19px; }
.formatted > img {
  display: block;
  margin: 0 0 16px;
  max-width: 100%; }
.formatted > table {
  margin: 20px 0;
  width: 100%; }
  .formatted > table caption {
    border-bottom: 1px solid #bbb;
    margin: 0;
    padding: 0 0 10px;
    text-align: left; }
  .formatted > table tr > th {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    text-align: left;
    vertical-align: middle; }
    @media screen and (min-width: 768px) {
      .formatted > table tr > th {
        padding: 15px 0 15px 15px; } }
    .formatted > table tr > th:first-child {
      padding-left: 0; }
  .formatted > table tr > td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    text-align: left;
    vertical-align: middle; }
    @media screen and (min-width: 768px) {
      .formatted > table tr > td {
        padding: 15px 0 15px 15px; } }
    .formatted > table tr > td:first-child {
      padding-left: 0; }
  .formatted > table tr .divider {
    margin: 0 5px; }
  .formatted > table > thead > tr > th {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
      .formatted > table > thead > tr > th {
        font-size: 18px;
        line-height: 25px; } }
  .formatted > table > tbody > tr > th {
    border-right: 1px solid #ddd;
    font-style: italic;
    text-align: right; }
    @media screen and (min-width: 768px) {
      .formatted > table > tbody > tr > th {
        width: 40%; } }
.formatted > hr, .formatted > .edit-class-Rule {
  border: none !important;
  border-top: 1px solid #bbb !important;
  clear: both !important;
  height: 26px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important; }
  .formatted > hr > hr, .formatted > .edit-class-Rule > hr {
    display: none !important; }
.formatted > *:first-child {
  margin-top: 0 !important; }
.formatted > *:last-child, .formatted > ul > li:last-child ul, .formatted > ol > li:last-child ol {
  margin-bottom: 0 !important; }
.formatted > .btn {
  margin: 20px 0; }
.formatted > .buttons {
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
  *zoom: 1; }
  .formatted > .buttons:before, .formatted > .buttons:after {
    content: " ";
    display: table; }
  .formatted > .buttons:after {
    clear: both; }
  .formatted > .buttons > .btn, .formatted > .buttons > * {
    margin: 15px 0; }
    .formatted > .buttons > .btn:first-child, .formatted > .buttons > *:first-child {
      margin-top: 0; }
    .formatted > .buttons > .btn:last-child, .formatted > .buttons > *:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .formatted > .buttons > .btn, .formatted > .buttons > * {
        float: left;
        margin: 0 0 0 15px;
        width: auto; }
        .formatted > .buttons > .btn:first-child, .formatted > .buttons > *:first-child {
          margin-left: 0; }
        .formatted > .buttons > .btn.pull-right, .formatted > .buttons > *.pull-right {
          float: right;
          margin: 0 15px 0 0; }
          .formatted > .buttons > .btn.pull-right:first-child, .formatted > .buttons > *.pull-right:first-child {
            margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .formatted > .buttons.pull-right > .btn {
      float: right;
      margin: 0 15px 0 0; }
      .formatted > .buttons.pull-right > .btn:first-child {
        margin-right: 0; } }

/* -- Standard website editable CSS (NEEDED ON EVERY DEPLOYCMS SITE) -- */
/* Container */
.edit-local {
  *zoom: 1; }
  .edit-local:before, .edit-local:after {
    content: " ";
    display: table; }
  .edit-local:after {
    clear: both; }

/* Alignment */
.edit-align-left {
  text-align: left !important; }

.edit-align-center {
  text-align: center !important; }

.edit-align-right {
  text-align: right !important; }

/* Imagery & videos */
.edit-class-Image.edit-tmp-over, .edit-tmp-over.edit-class-Image.edit-align-right, .edit-tmp-over.edit-class-Video.edit-align-right, .edit-class-Image.edit-tmp-selected, .edit-tmp-selected.edit-class-Image.edit-align-right, .edit-tmp-selected.edit-class-Video.edit-align-right, .edit-class-Video.edit-tmp-over, .edit-class-Video.edit-tmp-selected {
  box-shadow: 0 0 2px #ccc;
  cursor: pointer; }

.edit-class-Image, .edit-class-Image.edit-align-right, .edit-class-Video.edit-align-right, .edit-class-Video {
  clear: both;
  display: block;
  max-width: 100% !important;
  margin: 0 auto 16px !important;
  padding: 0 !important; }

.normal-mode .edit-class-Image, .normal-mode .edit-class-Image.edit-align-right, .normal-mode .edit-class-Video.edit-align-right {
  height: auto !important; }

@media screen and (min-width: 768px) {
  .edit-class-Image.edit-align-left, .edit-class-Video.edit-align-left {
    clear: left;
    display: block;
    float: left;
    margin: 0 16px 16px 0 !important; } }

@media screen and (min-width: 768px) {
  .edit-class-Image.edit-align-right, .edit-class-Video.edit-align-right {
    clear: right;
    display: block;
    float: right;
    margin: 0 0 16px 16px !important; } }

/* Text */
.edit-class-Text.edit-tmp-selected {
  background-color: rgba(0, 0, 0, 0.2) !important; }

/* ---- STRUCTURE ----
   Contains all CSS used to build the structure of the website and it's responsive framework. This
   includes the header, footer, and page containers.
*/
html, body {
  height: 100% !important; }

body.edit-mode {
  padding: 44px 0 0 !important; }

/* Inner container */
.inner {
  margin: 0 auto;
  min-width: 320px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left; }
  @media screen and (min-width: 540px) and (max-width: 767px) {
    .inner {
      max-width: 540px; } }
  @media screen and (min-width: 960px) {
    .inner {
      max-width: 960px; } }

/* Header area */
#header {
  /* Mobile nav */
  /* Normal nav */ }
  #header > .upper {
    width: 100%;
    height: 69px;
    background-color: #fff; }
    #header > .upper .inner .tel {
      float: left;
      margin-top: 28px;
      font-weight: 700;
      margin-left: 22.7%; }
      @media screen and (max-width: 767px) {
        #header > .upper .inner .tel {
          float: right;
          clear: both;
          margin-top: 14px;
          padding-bottom: 10px; } }
    #header > .upper .inner .tel-text {
      color: #3088b5;
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 1px; }
      @media screen and (max-width: 767px) {
        #header > .upper .inner .tel-text {
          font-size: 1em; } }
    #header > .upper .inner .tel-no {
      color: #fb9830;
      font-size: 21px;
      letter-spacing: 1px; }
      #header > .upper .inner .tel-no a {
        color: #fb9830; }
      @media screen and (max-width: 767px) {
        #header > .upper .inner .tel-no {
          font-size: 1em; } }
    #header > .upper .inner ul.links {
      margin-top: 28px;
      float: right;
      color: #a4a4a4; }
      @media screen and (max-width: 767px) {
        #header > .upper .inner ul.links {
          float: right;
          clear: both;
          margin-top: 0;
          line-height: 10px; } }
      #header > .upper .inner ul.links li {
        list-style: none;
        display: inline-block;
        font-size: 14px; }
        #header > .upper .inner ul.links li a {
          color: #a4a4a4; }
          #header > .upper .inner ul.links li a:hover {
            color: #666666; }
  #header > .lower {
    background-color: #fb9830;
    height: 69px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1); }
    #header > .lower .inner {
      position: relative; }
      #header > .lower .inner .logo {
        background: url('/media/img/logo.png') center no-repeat;
        background-size: cover;
        position: absolute;
        left: 0;
        top: -57px;
        z-index: 3; }
        @media screen and (max-width: 767px) {
          #header > .lower .inner .logo {
            top: -25px;
            left: 12px; } }
        #header > .lower .inner .logo a {
          text-indent: -999px;
          overflow: hidden;
          display: block;
          width: 177px;
          height: 177px; }
          @media screen and (max-width: 767px) {
            #header > .lower .inner .logo a {
              width: 120px;
              height: 120px; } }
  @media screen and (max-width: 850px) {
    #header #prime {
      min-height: 5px;
      background-color: #fb9830;
      z-index: 1;
      position: absolute;
      width: 100%;
      top: 69px; }
      #header #prime.on {
        border-bottom: 1px solid #ccc; }
        #header #prime.on > .nav > .inner > ul {
          display: block; }
      #header #prime > .nav {
        cursor: pointer;
        position: relative;
        margin: 0 auto; }
        #header #prime > .nav:after {
          background: url('/media/img/nav-icon.png') #f58a19 center no-repeat;
          content: '';
          display: block;
          height: 60px;
          text-align: center;
          width: 50px;
          position: absolute;
          top: -62px;
          right: 10px; }
        #header #prime > .nav ul {
          display: none;
          padding-bottom: 15px;
          padding-top: 69px;
          width: 100%;
          background-color: #fb9830; }
          #header #prime > .nav ul > li {
            border-top: 1px solid #f58a19; }
            #header #prime > .nav ul > li:first-child {
              border: none; }
            #header #prime > .nav ul > li.on, #header #prime > .nav ul > li:hover, #header #prime > .nav ul > li.active {
              border-bottom: 1px solid #f58a19; }
              #header #prime > .nav ul > li.on > a, #header #prime > .nav ul > li:hover > a, #header #prime > .nav ul > li.active > a {
                background-color: #f58a19; }
            #header #prime > .nav ul > li > a {
              color: #fff;
              display: block;
              font-size: 21px;
              font-weight: 600;
              line-height: 27px;
              padding: 10px 0 10px 55px;
              background: url('/media/img/prime-icons.png') -2px 2px no-repeat; }
              #header #prime > .nav ul > li > a:hover {
                background-color: #f58a19;
                text-decoration: none; }
            #header #prime > .nav ul > li.van a {
              background-position: 11px 4px; }
            #header #prime > .nav ul > li.business a {
              background-position: 11px -45px; }
            #header #prime > .nav ul > li.motor a {
              background-position: 11px -91px; }
            #header #prime > .nav ul > li.house a {
              background-position: 11px -138px; } }
  @media screen and (min-width: 851px) {
    #header #prime > .nav {
      position: relative;
      z-index: 100;
      z-index: 2; }
      #header #prime > .nav > .inner {
        padding-left: 190px; }
        #header #prime > .nav > .inner > ul {
          padding-top: 13px;
          *zoom: 1; }
          #header #prime > .nav > .inner > ul:before, #header #prime > .nav > .inner > ul:after {
            content: " ";
            display: table; }
          #header #prime > .nav > .inner > ul:after {
            clear: both; }
          #header #prime > .nav > .inner > ul > li {
            float: left;
            margin-left: 20px;
            position: relative; }
            #header #prime > .nav > .inner > ul > li:hover > a, #header #prime > .nav > .inner > ul > li.active > a {
              background-color: #f58a19; }
            #header #prime > .nav > .inner > ul > li > a {
              color: #fff;
              display: block;
              font-size: 18px;
              font-weight: 600;
              padding: 10px 15px 10px 50px;
              background: url('/media/img/prime-icons.png') -2px 2px no-repeat;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              -webkit-transition: background-color 0.25s ease-in-out;
              -moz-transition: background-color 0.25s ease-in-out;
              transition: background-color 0.25s ease-in-out; }
              #header #prime > .nav > .inner > ul > li > a:hover {
                text-decoration: none; }
            #header #prime > .nav > .inner > ul > li.van a {
              background-position: 11px 2px; }
            #header #prime > .nav > .inner > ul > li.business a {
              background-position: 11px -47px; }
            #header #prime > .nav > .inner > ul > li.motor a {
              background-position: 11px -93px; }
            #header #prime > .nav > .inner > ul > li.house a {
              background-position: 11px -140px; } }

#page {
  min-height: 100%;
  position: relative;
  background-color: #f7f7f7; }
  #page #banner-area {
    min-height: 375px;
    background: url('/media/img/banner-background.jpg') #25ade9 center center no-repeat;
    border-bottom: 10px solid #229dd4; }
    #page #banner-area .banner {
      padding-top: 40px;
      min-height: 375px; }
      @media screen and (min-width: 768px) {
        #page #banner-area .banner {
          min-height: 410px;
          padding-top: 90px; } }
      #page #banner-area .banner .text-area {
        width: 100%;
        margin-bottom: 50px; }
        @media screen and (min-width: 768px) {
          #page #banner-area .banner .text-area {
            float: left;
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 48.82117%; }
            #page #banner-area .banner .text-area:last-child {
              margin-right: 0; }
            #page #banner-area .banner .text-area:nth-child(2n) {
              margin-right: 0; }
            #page #banner-area .banner .text-area:nth-child(2n+1) {
              clear: left; } }
        #page #banner-area .banner .text-area h1 {
          color: #fff;
          font-size: 47px;
          font-weight: 700;
          line-height: 50px;
          margin-bottom: 20px; }
        #page #banner-area .banner .text-area p {
          color: #fff;
          font-size: 31px;
          font-weight: 700;
          line-height: 38px;
          margin-bottom: 20px; }
      #page #banner-area .banner .image-area {
        display: none; }
        @media screen and (min-width: 768px) {
          #page #banner-area .banner .image-area {
            display: inline;
            float: left;
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 48.82117%; }
            #page #banner-area .banner .image-area:last-child {
              margin-right: 0; }
            #page #banner-area .banner .image-area:nth-child(2n) {
              margin-right: 0; }
            #page #banner-area .banner .image-area:nth-child(2n+1) {
              clear: left; } }
  #page #banner-area-title {
    min-height: 200px;
    background: url('/media/img/banner-background.jpg') #25ade9 center center no-repeat;
    border-bottom: 10px solid #229dd4; }
    #page #banner-area-title .banner {
      padding-top: 90px;
      min-height: 200px; }
      #page #banner-area-title .banner .text-area {
        width: 100%;
        margin-top: 35px !important; }
        #page #banner-area-title .banner .text-area h1 {
          color: #fff;
          font-size: 47px;
          font-weight: 700;
          line-height: 50px;
          margin-bottom: 20px; }
  #page #main {
    background-color: #f7f7f7; }
    #page #main .main-content {
      padding: 90px 0 100px 0;
      min-height: 500px; }
      #page #main .main-content.small-top {
        padding-top: 65px !important; }
      #page #main .main-content.smaller-top {
        padding-top: 35px !important; }

#second-section {
  background-color: #e8e8e8; }
  #second-section .reviews-wrap {
    padding: 35px 0;
    position: relative; }
    #second-section .reviews-wrap h3 {
      font-size: 34px;
      line-height: 46px;
      color: #338ab4;
      margin-bottom: 25px;
      font-weight: 600; }
    #second-section .reviews-wrap .reviews {
      margin-bottom: 105px; }
      #second-section .reviews-wrap .reviews .review {
        padding: 30px;
        background: #f7f7f7;
        position: relative; }
        #second-section .reviews-wrap .reviews .review span {
          font-weight: 700;
          margin-top: 30px; }
        #second-section .reviews-wrap .reviews .review:after {
          background: url('/media/img/quote-point.png') center center no-repeat;
          content: '';
          display: block;
          height: 18px;
          position: absolute;
          left: 34px;
          bottom: -18px;
          width: 22px;
          z-index: 50; }
    #second-section .reviews-wrap:after {
      background: url('/media/img/reviewers.png') center center no-repeat;
      content: '';
      display: block;
      height: 114px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 50;
      background-size: contain; }
  #second-section .why-us-wrap .upper {
    background-color: #338ab4;
    color: #fff;
    padding: 25px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    #second-section .why-us-wrap .upper h3 {
      color: #fff;
      font-size: 25px;
      font-weight: 300;
      line-height: 33px; }
      #second-section .why-us-wrap .upper h3 span {
        font-size: 34px;
        font-weight: 600; }
  #second-section .why-us-wrap .lower {
    background-color: #f7f7f7;
    padding: 15px 0 10px 0; }
    @media screen and (min-width: 768px) {
      #second-section .why-us-wrap .lower {
        min-height: 400px; } }
    #second-section .why-us-wrap .lower ul {
      padding: 0 18px;
      margin-top: 25px; }
      #second-section .why-us-wrap .lower ul li {
        padding-left: 55px;
        background: url('/media/img/tick.png') 1px 8px no-repeat;
        margin-bottom: 43px; }
        #second-section .why-us-wrap .lower ul li h4 {
          color: #338ab4;
          font-weight: 600; }
  @media screen and (min-width: 768px) {
    #second-section .why-us-wrap {
      position: relative;
      top: -37px;
      margin-bottom: -37px; } }

#seo-content {
  padding: 50px 0;
  background-color: #354b55;
  text-align: center;
  color: #ffffff; }
  #seo-content h3.p {
    color: #ffffff;
    text-align: center; }
  #seo-content .inner.formatted {
    text-align: center; }
  #seo-content p {
    font-weight: 200;
    font-size: 14px; }

/* Footer area */
#footer {
  width: 100%;
  background-color: #fb9830;
  color: #fff;
  font-size: 16px;
  bottom: 0;
  border-bottom: 10px solid #f58e22; }
  #footer > .upper {
    padding-top: 35px;
    padding-bottom: 25px; }
    #footer > .upper ul li {
      display: inline-block;
      margin-right: 10px; }
      #footer > .upper ul li a {
        background: url('/media/img/footer-icons.png') -3px -2px no-repeat;
        width: 35px;
        height: 35px;
        display: block;
        text-indent: -999px;
        overflow: hidden; }
      #footer > .upper ul li.facebook a {
        background-position: -51px 0; }
  #footer > .lower {
    padding: 0px 0 27px;
    color: #fff;
    overflow: hidden; }
    #footer > .lower .lower__main-site {
      color: #fff !important; }
    @media screen and (min-width: 0px) and (max-width: 860px) {
      #footer > .lower a.tt-group, #footer > .lower a.tt-charity {
        display: block; }
      #footer > .lower .lower__hyphen {
        display: none; } }
    @media screen and (min-width: 768px) {
      #footer > .lower .pull-left {
        float: left; } }
    @media screen and (min-width: 0px) and (max-width: tablet_portrait_max) {
      #footer > .lower .pull-left, #footer > .lower .pull-right {
        float: none !important; }
      #footer > .lower a.built-by {
        display: block; }
      #footer > .lower a.tt-group {
        margin-top: 5px; }
      #footer > .lower a.built-by {
        margin-top: 5px; } }
    #footer > .lower a.built-by, #footer > .lower a.tt-group, #footer > .lower a.tt-charity {
      color: #fff; }

/* ---- HOME ----
    CSS styles used to format home page.
*/
#home-page #home-savings-banner {
  background-color: #228db8; }
  #home-page #home-savings-banner > .inner {
    padding: 25px 0 20px; }
    @media screen and (min-width: 768px) {
      #home-page #home-savings-banner > .inner {
        padding: 30px 0; } }
  #home-page #home-savings-banner h2.strapline {
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #home-page #home-savings-banner h2.strapline {
        font-size: 30px;
        text-align: right;
        padding-right: 10px; } }
#home-page #hero-area {
  background: url('/media/img/banner-background.jpg') #25ade9 center center no-repeat;
  position: relative;
  border-bottom: 10px solid #229dd4; }
  @media screen and (min-width: 768px) {
    #home-page #hero-area {
      height: 490px; } }
  @media screen and (min-width: 540px) {
    #home-page #hero-area > .heroes {
      position: relative;
      height: 490px; } }
  #home-page #hero-area > .heroes > .hero {
    display: block;
    padding-top: 40px;
    min-height: 490px;
    background: none !important;
    border-top: 1px solid #aaa;
    display: block !important;
    opacity: 1 !important; }
    @media screen and (min-width: 768px) {
      #home-page #hero-area > .heroes > .hero {
        overflow-x: hidden;
        height: 490px; } }
    #home-page #hero-area > .heroes > .hero:first-child {
      border: none; }
    #home-page #hero-area > .heroes > .hero.no-message {
      border: none !important; }
    #home-page #hero-area > .heroes > .hero > .inner {
      padding-bottom: 70px;
      padding-top: 25px;
      position: relative; }
      #home-page #hero-area > .heroes > .hero > .inner > .text-area h1 {
        color: #fff;
        font-size: 47px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 20px;
        max-width: 520px; }
      #home-page #hero-area > .heroes > .hero > .inner > .text-area p {
        color: #fff !important;
        font-size: 34px;
        line-height: 48px;
        font-weight: 700; }
        #home-page #hero-area > .heroes > .hero > .inner > .text-area p b {
          font-size: 47px;
          font-weight: 800; }
        #home-page #hero-area > .heroes > .hero > .inner > .text-area p i {
          font-size: 46px; }
      #home-page #hero-area > .heroes > .hero > .inner > .text-area .btn.hero {
        width: 200px;
        margin: 0;
        margin-top: 25px;
        height: 55px;
        font-size: 20px;
        padding: 15px 10px; }
      #home-page #hero-area > .heroes > .hero > .inner .hero-image {
        background: url('/media/img/hero-image.png') center center no-repeat;
        position: absolute;
        width: 666px;
        height: 334px;
        right: -130px;
        top: 30px;
        display: none; }
        @media screen and (min-width: 768px) {
          #home-page #hero-area > .heroes > .hero > .inner .hero-image {
            display: inline;
            right: -309px; } }
        @media screen and (min-width: 924px) {
          #home-page #hero-area > .heroes > .hero > .inner .hero-image {
            display: inline;
            right: -130px; } }
      #home-page #hero-area > .heroes > .hero > .inner p.smallprint {
        bottom: -10px;
        color: #fff;
        font-size: 14px;
        padding: 0 10px;
        position: absolute;
        right: 0;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #home-page #hero-area > .heroes > .hero > .inner p.smallprint {
            bottom: -100px;
            max-width: 550px; } }
  #home-page #hero-area > .heroes > nav {
    display: none; }
    @media screen and (min-width: 540px) {
      #home-page #hero-area > .heroes > nav {
        display: block;
        width: 100%;
        z-index: 10000;
        position: absolute;
        bottom: 10px;
        left: 0px; }
        #home-page #hero-area > .heroes > nav > .prev, #home-page #hero-area > .heroes > nav > .next {
          display: none; }
        #home-page #hero-area > .heroes > nav > .goto {
          background-color: rgba(0, 0, 0, 0.05);
          height: 40px;
          line-height: 40px;
          margin: 0;
          padding: 0;
          text-align: center; }
          #home-page #hero-area > .heroes > nav > .goto > li {
            background-color: #fff;
            border: 3px solid #fff;
            border-radius: 8px;
            box-shadow: 0 0 0 1px #3c2776;
            cursor: pointer;
            display: inline-block;
            height: 16px;
            margin: 0 5px;
            padding: 0;
            vertical-align: middle;
            width: 16px;
            color: transparent;
            font: 0/0 a;
            text-shadow: none; }
            #home-page #hero-area > .heroes > nav > .goto > li.at {
              background-color: #492f92; } }
#home-page #main {
  background-color: #f7f7f7; }
  #home-page #main .call-to-action {
    margin: 0;
    padding: 65px 0 135px 0; }
    #home-page #main .call-to-action .promo {
      text-align: center; }
      #home-page #main .call-to-action .promo:hover {
        text-decoration: none; }
        #home-page #main .call-to-action .promo:hover .more {
          text-decoration: underline; }
      #home-page #main .call-to-action .promo > .icon {
        background: url('/media/img/promo-images.png') 1px 1px no-repeat;
        height: 95px;
        width: 100%;
        margin-bottom: 25px; }
        #home-page #main .call-to-action .promo > .icon.public {
          background-position: center 8px; }
        #home-page #main .call-to-action .promo > .icon.van {
          background-position: center -164px; }
        #home-page #main .call-to-action .promo > .icon.tools {
          background-position: center -347px; }
      #home-page #main .call-to-action .promo h3 {
        color: #1d1d1b; }
      #home-page #main .call-to-action .promo p {
        color: #5E5E5E;
        font-weight: 300; }
      #home-page #main .call-to-action .promo a {
        color: #3088b5; }
#home-page #trader-promo {
  width: 100%;
  background-color: #354b55;
  color: #fff;
  padding-top: 55px;
  padding-bottom: 35px; }
  #home-page #trader-promo h2 {
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 15px; }
  #home-page #trader-promo p {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
    color: #d2d2d2; }
  #home-page #trader-promo .listen-watch {
    padding-bottom: 35px; }
    #home-page #trader-promo .listen-watch a.radio-button {
      padding: 40px;
      background-color: #2d424b;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border-bottom: 3px solid #24353c;
      display: block;
      color: #d2d2d2;
      min-height: 145px;
      -webkit-transition: background-color 0.25s ease-in-out;
      -moz-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out; }
      #home-page #trader-promo .listen-watch a.radio-button:hover {
        text-decoration: none;
        background-color: #293E47; }
      #home-page #trader-promo .listen-watch a.radio-button span {
        background: url('/media/img/listen-watch-icons.png') 1px 1px no-repeat;
        width: 20%;
        height: 51px;
        display: inline-block; }
      #home-page #trader-promo .listen-watch a.radio-button p {
        font-size: 20px;
        line-height: 27px;
        display: inline-block;
        text-align: left;
        width: 80%;
        font-weight: 300;
        margin-bottom: 0; }
        #home-page #trader-promo .listen-watch a.radio-button p b {
          font-weight: 600; }
    #home-page #trader-promo .listen-watch a.tv-button {
      padding: 40px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border-bottom: 3px solid #24353c;
      display: block;
      color: #d2d2d2;
      min-height: 145px;
      background: url('/media/img/tv-bg.png') #2d424b center no-repeat;
      -webkit-transition: background-color 0.25s ease-in-out;
      -moz-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out; }
      #home-page #trader-promo .listen-watch a.tv-button:hover {
        text-decoration: none;
        background-color: #293E47; }
      #home-page #trader-promo .listen-watch a.tv-button span {
        background: url('/media/img/listen-watch-icons.png') -49px -49px no-repeat;
        width: 20%;
        height: 51px;
        display: inline-block;
        vertical-align: middle; }
      #home-page #trader-promo .listen-watch a.tv-button p {
        font-size: 20px;
        line-height: 27px;
        display: inline-block;
        text-align: left;
        width: 80%;
        font-weight: 300;
        margin-bottom: 0; }
        #home-page #trader-promo .listen-watch a.tv-button p b {
          font-weight: 600; }

.no-js #hero-area > .heroes {
  height: auto !important; }
  @media screen and (min-width: 540px) {
    .no-js #hero-area > .heroes > .hero {
      position: static !important;
      display: none !important; }
      .no-js #hero-area > .heroes > .hero:first-child {
        display: block !important; } }

/* ---- INSURANCE-TYPES ----
    CSS styles used to format insurance types.
*/
#insurance-types ul.list-area {
  list-style: none;
  padding-left: 0 !important;
  *zoom: 1;
  display: block; }
  #insurance-types ul.list-area:before, #insurance-types ul.list-area:after {
    content: " ";
    display: table; }
  #insurance-types ul.list-area:after {
    clear: both; }
  #insurance-types ul.list-area > li.item {
    margin-bottom: 45px; }
    @media screen and (min-width: 768px) {
      #insurance-types ul.list-area > li.item {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        #insurance-types ul.list-area > li.item:last-child {
          margin-right: 0; }
        #insurance-types ul.list-area > li.item:nth-child(3n) {
          margin-right: 0; }
        #insurance-types ul.list-area > li.item:nth-child(3n+1) {
          clear: left; } }
    #insurance-types ul.list-area > li.item > ul {
      list-style: none;
      padding-left: 0 !important; }
      #insurance-types ul.list-area > li.item > ul > li > a {
        display: block;
        background-color: #efefef;
        color: #2095c8;
        padding: 12px 0 12px 15px; }
        #insurance-types ul.list-area > li.item > ul > li > a span {
          float: right;
          margin-right: 15px; }
        #insurance-types ul.list-area > li.item > ul > li > a:hover {
          text-decoration: none;
          background-color: #ebebeb; }
      #insurance-types ul.list-area > li.item > ul > li:nth-child(2n+0) a {
        background-color: #f7f7f7; }
        #insurance-types ul.list-area > li.item > ul > li:nth-child(2n+0) a:hover {
          text-decoration: none;
          background-color: #FAFAFA; }
#insurance-types .text-area {
  padding-right: 20px; }

#quote .contact-info {
  width: 100%;
  background-color: #fff;
  padding: 20px; }
  #quote .contact-info p.tel {
    color: #3088b5;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 11px; }
  #quote .contact-info p {
    margin-bottom: 5px; }
#quote .contact-options {
  border: 1px solid #bbb;
  padding: 15px;
  background-color: #f6f6f6; }
  #quote .contact-options .contact-options-desc {
    margin-bottom: 20px; }
  #quote .contact-options .contact-options-list {
    align-items: center;
    display: flex; }
  #quote .contact-options .contact-option {
    flex: auto; }

/* ---- SAVINGS BANNER ----
    CSS styles used to format any category pages which need the savings banner to show.
*/
#savings-banner {
  background-color: #228db8; }
  #savings-banner > .inner {
    padding: 25px 0 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      #savings-banner > .inner {
        padding: 30px 0; } }
    #savings-banner > .inner p.smallprint {
      bottom: -410px;
      color: #fff;
      display: block;
      font-size: 14px;
      padding: 0 10px;
      position: absolute;
      right: 0;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #savings-banner > .inner p.smallprint {
          bottom: -400px;
          max-width: 500px; } }
  #savings-banner h2.strapline {
    color: #fff;
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #savings-banner h2.strapline {
        font-size: 30px;
        text-align: right;
        padding-right: 10px; } }