@charset "UTF-8";
/* # Base rules

This style sheet attempts to show how CSS selectors can be limited to no more
than a single class (although there are exceptions). Keeping to such a
restriction helps contain the styling to a module and allows for easier
sub-classes of modules. It also enables the surgical classes (below) to work.


## Universal rules

Every element is affected by these classes.

*/
* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* ## Basic fonts

All fonts inherit from the `body` tag, so we have some basic font family, size
and line-height applied.

The `html` element has `text-size-adjust` set to `100%` to prevent iOS text size
adjust after orientation change, without disabling user zoom.
Taken from [Normalize.css](http://necolas.github.io/normalize.css/).

The `html, body` selector allows a sticky footer to be created.

 */
html,
body {
  height: 100%;
  margin-top: 0px!important;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #ffffff;
}
body {
  color: #22505F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
}
/*
All text nodes (including headings, paragraphs and lists) have a top and bottom
margin, relative to the size of the text at the time.
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
ol,
ul {
  font-weight: normal;
  font-size: 1em;
  margin: 1em 0;
}
/*
Prevent `sub` and `sup` affecting `line-height` in all browsers. Taken from
[Normalize.css](http://necolas.github.io/normalize.css/).

    <p>Normal text<br>
        and line-height.</p>
    <p>H<sub>2</sub>0<br>
        x<sup>2</sup></p>

 */
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/*
Remove most spacing between table cells. Taken from [Normalize.css](http://necolas.github.io/normalize.css/)

    <table>
        <thead>
            <tr>
                <th>One</th>
                <td>Two</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Three</th>
                <td>Four</td>
            </tr>
        </tbody>
    </table>

*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
thead,
tbody,
tr,
th,
td {
  border-color: inherit;
}
/*
Inputs, textareas and buttons should inherit the font-family, rather than use
the default one.

    <p>Regular text</p>
    <p><input type="text" value="Text input"></p>
    <p><textarea rows="2" cols="15">Textarea</textarea></p>
    <p><button type="button">Button</button></p>

 */
input,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
}
/*
Links use a generic colour and gain an underline on hover.

    <p><a href="#">Text link</a></p>

 */
a {
  color: #7D99AA;
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: underline;
}
a[disabled],
a.is-disabled {
  cursor: auto;
  color: #6C6F70;
  text-decoration: none;
}
/*
Fieldsets should have no borders. If styling is wanted, it should be added using
a class.

    <form>
        <fieldset>
            <legend>Content</legend>
            <p><input type="text" name="alpha" value="Testing"></p>
        </fieldset>
    </form>

 */
fieldset {
  border: none;
}
/*
Images should have no borders, even within links. This fixes some IE issues.

    <a href="#"><img src="/path/to/image"></a>

 */
img {
  border: none;
  max-width: 100%;
}
/* # Text rules

Frequently, specific text styling should be applied but the text element itself
may change during the page's lifetime. Separating the text rules into their own
classes allows the HTML structure to be changed without changing the styling.


## Headlines

Rather than traditional style frameworks that rely on the heading elements
(`<h1>` to `<h6>`) this one has `h-` classes. This allows the styles to be
applied to any element - very handy when a client's SEO company asks us to swap
the `<h1>` and `<h2>` elements.

    <h1 class="h-headline">Headline</h1>
    <h2 class="h-subheadline">Sub headline</h2>
    <h3 class="h-byline">By line</h3>
    <h4 class="h-standout">Stand-out</h4>
    <h5 class="h-attention">Attention</h5>
    <h6 class="h-minor">Minor</h6>

As mentioned, the element gaining the class is not important. The above example
could easily look like this:

    <h2 class="h-headline">Headline (but an h2)</h2>
    <p class="h-subheadline">Sub headline (but a p)</p>
    <p><strong class="h-byline">By line (but a strong)</strong></p>
    <p><span class="h-standout">Stand-out (but a span)</strong></p>
    <div class="h-attention">Attention (but a div)</div>
    <h1 class="h-minor">Minor (but an h1)</h1>

The `t-` prefixes that share a name with the `h-` prefixes are the same size,
but without the emboldening.


## Text rules

In the same way that the heading rules  are designed to separate style from
structure, the text rules do the same.

 */
.h-headline,
.h-subheadline,
.h-byline,
.h-standout,
.h-attention {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.h-headline,
.t-headline {
  font-size: 2.4615em;
}
.h-subheadline,
.t-subheadline {
  font-size: 1.8462em;
}
.h-byline,
.t-byline {
  font-size: 1.5385em;
}
.h-standout,
.t-standout {
  font-size: 1.3846em;
}
.h-attention,
.t-attention {
  font-size: 1.2308em;
}
.t-small {
  font-size: 1em;
}
.t-bold {
  font-weight: bold;
}
.t-bluetint {
  color: #FFFFFF;
}
.t-arrow::before {
  content: "\25ba   ";
}
.t_center {
  text-align: center;
}
.t_right {
  text-align: right;
}
h1 {
  display: none;
}
/* # Utility classes

Utility classes are frequently used styling patterns. They are the only classes
in this style sheet that are allowed to know anything about the child elements
(although this should be limited to the immediate children).


## Self-contained floats.

Although there are other layout abilities in modern CSS, it is often handy to
simply float elements. The `u-floated` class will allow for that while also
forcing the parent to wrap the children.

    <div class="u-floated">

        <div>All elements are floated.</div>
        <article>This includes articles ...</article>
        <span>... and inline elements like a span</span>

    </div>

 */
.u-floated::before,
.u-floated::after {
  content: "";
  display: table;
}
.u-floated::after {
  clear: both;
}
.u-floated > * {
  float: left;
}
/* ## Bulletless lists

A list is a very useful structure for collating elements. Sometimes it's
beneficial to not display the bullet points. The `u-bulletless` class will
remove the bullet points from either an ordered or unordered list.

    <ul class="u-bulletless">
        <li>This list</li>
        <li>has no</li>
        <li>bullet points</li>
    </ul>

*/
.u-bulletless,
.u-arrowlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* ## Equidistant children

Every now and again, it's useful to have children equally spaced apart.
Currently there is no single CSS property to do this.

It should be noted that this technique often fails slightly if the children are
different widths; setting a `min-width` on the children in that situation can be
useful.

[Credit to Chris Coyer and James Meyer](http://css-tricks.com/equidistant-objects-with-css/#comment-1250696)

    <div class="u-equidistant">

        <span>Span</span>
        <div>Div</div>
        <i>I</i>

    </div>

*/
.u-equidistant {
  text-align: justify;
}
.u-equidistant::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.u-equidistant > * {
  display: inline-block;
}
/* ## Reduces margins

Often a box will be created to contain text but the text elements' natural
margin will cause the whitespace between the box top and the text top to be more
than anticipated. The `u-reduce` class removes the top margin from the first
element and the bottom margin from the last one, keeping the box's whitespace
being defined by the box.

    <div class="u-reduce" style="border: 1px solid red; padding: 10px;">
        <p>alpha</p>
        <p>bravo</p>
        <p>charlie</p>
    </div>

*/
.u-reduce > :first-child {
  margin-top: 0;
}
.u-reduce > :last-child {
  margin-bottom: 0;
}
/* ## Bordered list

Typically complementing `u-bulletless` and `u-floated`, the bordered list
creates a border between each entry.

    <ul class="u-floated u-bulletless u-borderlist">
        <li>alpha</li>
        <li>bravo</li>
        <li>charlie</li>
    </ul>

*/
.u-borderlist > * {
  border-left-style: solid;
  border-left-width: 1px;
}
.u-borderlist > *:first-child {
  border-left-style: none;
}
/* ## Middle vertical alignment

Vertically aligns content to the middle.

    <div class="u-vertmiddle">
        <p>Middle</p>
        <p>Lots of text<br>Causing the previous text to become<br>vertically aligned.</p>
    </div>


*/
.u-vertmiddle {
  display: table;
}
.u-vertmiddle > * {
  display: table-cell;
  vertical-align: middle;
}
/* ## Arrow list

Identical to a list in every way, except that the bullet points are arrows
rather than bullets. The class only affects the immediate list items.

    <ul class="u-arrowlist">
        <li>alpha</li>
        <li>bravo</li>
        <li>charlie</li>
    </ul>

*/
.u-arrowlist > * {
  padding-left: 1.5em;
  position: relative;
}
.u-arrowlist > *::after {
  content: "\25ba";
  left: 0;
  position: absolute;
  top: 0;
}
/* ## Numbered arrow list over sub article image

Adds numbers 0-5 to article listing over the image

*/
.u-article-numbered-arrows.small_article_list {
  counter-reset: section;
}
.u-article-numbered-arrows .small_article_image:after {
  width: 40px;
  height: 31px;
  position: absolute;
  background: url(../images/blue_article_arrow.png) no-repeat left top;
  left: 0px;
  top: 0px;
  font-size: 1.153em;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding-left: 0.95em;
  padding-top: 0.3em;
  counter-increment: section;
  content: counter(section);
}
/* ## List of links used for Archives sidebar


*/
.u_link_list li {
  font-size: 1.0769em;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.u_clear {
  clear: both;
}
.no-marg-right {
  margin-right: 0px !important;
}
.no-marg-left {
  margin-left: 0px !important;
}
@font-face {
  font-family: 'Gudea';
  font-style: normal;
  font-weight: 400;
  src: local('Gudea'), url(https://fonts.gstatic.com/s/gudea/v8/neIFzCqgsI0mp9CI_oU.ttf) format('truetype');
}
@font-face {
  font-family: 'Gudea';
  font-style: normal;
  font-weight: 700;
  src: local('Gudea Bold'), local('Gudea-Bold'), url(https://fonts.gstatic.com/s/gudea/v8/neIIzCqgsI0mp9gz25WBFqk.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype');
}
/* # Structure

This is the main structure of the website and creates the sticky footer.

    <div class="structure">
        <div class="structure_head">header</div>
        <div class="structure_body">content</div>
        <div class="structure_foot">footer</div>
    </div>

The container element is designed to create a centred, fixed-width container for
the website content. It becomes full-width for mobile devices.

    <div class="structure">
        <div class="structure_head">header</div>
        <div class="structure_body">
            <div class="structure_content">content</div>
        </div>
        <div class="structure_foot">footer</div>
    </div>

*/
.structure {
  height: 100%;
  width: 100%;
}
.structure_head,
.structure_body,
.structure_foot {
  width: 100%;
}
.structure_body {
  height: auto;
}
.structure_container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 890px;
}
.structure_overlay {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
.structure_overlay.is-showing {
  display: block;
}
@media only screen and (max-width: 959px) {
  .structure_container {
    width: 95%;
  }
}
@media only screen and (max-width: 479px) {
  .structure_container {
    width: 90%;
  }
}
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=bcb0d92c13f589ade597)
 * Config saved to config.json and https://gist.github.com/bcb0d92c13f589ade597
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left;
  }
  .col-ms-1 {
    width: 8.33333%;
  }
  .col-ms-2 {
    width: 16.66667%;
  }
  .col-ms-3 {
    width: 25%;
  }
  .col-ms-4 {
    width: 33.33333%;
  }
  .col-ms-5 {
    width: 41.66667%;
  }
  .col-ms-6 {
    width: 50%;
  }
  .col-ms-7 {
    width: 58.33333%;
  }
  .col-ms-8 {
    width: 66.66667%;
  }
  .col-ms-9 {
    width: 75%;
  }
  .col-ms-10 {
    width: 83.33333%;
  }
  .col-ms-11 {
    width: 91.66667%;
  }
  .col-ms-12 {
    width: 100%;
  }
  .col-ms-push-1 {
    left: 8.33333%;
  }
  .col-ms-push-2 {
    left: 16.66667%;
  }
  .col-ms-push-3 {
    left: 25%;
  }
  .col-ms-push-4 {
    left: 33.33333%;
  }
  .col-ms-push-5 {
    left: 41.66667%;
  }
  .col-ms-push-6 {
    left: 50%;
  }
  .col-ms-push-7 {
    left: 58.33333%;
  }
  .col-ms-push-8 {
    left: 66.66667%;
  }
  .col-ms-push-9 {
    left: 75%;
  }
  .col-ms-push-10 {
    left: 83.33333%;
  }
  .col-ms-push-11 {
    left: 91.66667%;
  }
  .col-ms-pull-1 {
    right: 8.33333%;
  }
  .col-ms-pull-2 {
    right: 16.66667%;
  }
  .col-ms-pull-3 {
    right: 25%;
  }
  .col-ms-pull-4 {
    right: 33.33333%;
  }
  .col-ms-pull-5 {
    right: 41.66667%;
  }
  .col-ms-pull-6 {
    right: 50%;
  }
  .col-ms-pull-7 {
    right: 58.33333%;
  }
  .col-ms-pull-8 {
    right: 66.66667%;
  }
  .col-ms-pull-9 {
    right: 75%;
  }
  .col-ms-pull-10 {
    right: 83.33333%;
  }
  .col-ms-pull-11 {
    right: 91.66667%;
  }
  .col-ms-offset-1 {
    margin-left: 8.33333%;
  }
  .col-ms-offset-2 {
    margin-left: 16.66667%;
  }
  .col-ms-offset-3 {
    margin-left: 25%;
  }
  .col-ms-offset-4 {
    margin-left: 33.33333%;
  }
  .col-ms-offset-5 {
    margin-left: 41.66667%;
  }
  .col-ms-offset-6 {
    margin-left: 50%;
  }
  .col-ms-offset-7 {
    margin-left: 58.33333%;
  }
  .col-ms-offset-8 {
    margin-left: 66.66667%;
  }
  .col-ms-offset-9 {
    margin-left: 75%;
  }
  .col-ms-offset-10 {
    margin-left: 83.33333%;
  }
  .col-ms-offset-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 479px) {
  .row {
    margin: 0px;
  }
}
.btn {
  cursor: pointer;
  display: inline-block;
  font-size: 1.3846em;
  padding: 10px 19px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Gudea', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.btn-smaller {
  padding: 8px 17px;
  font-size: 12px;
}
.btn-white {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #FFFFFF;
  color: #192c3f;
  text-decoration: none;
}
.btn-white a {
  color: #FFFFFF;
}
.btn-white a:hover,
.btn-white a:focus {
  color: #192c3f;
}
.btn-pink {
  background-color: transparent;
  border: 2px solid #A9003E;
  color: #A9003E;
  display: inline-block;
}
.btn-pink:hover,
.btn-pink:focus {
  background-color: #A9003E;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-invert-pink {
  background-color: #A9003E;
  border: 2px solid #A9003E;
  color: #FFFFFF;
  display: inline-block;
  padding: 10px 14px;
}
.btn-invert-pink:hover,
.btn-invert-pink:focus {
  background-color: #A9003E;
  color: #FFFFFF;
  text-decoration: none;
  opacity: 0.8;
}
.btn-invert-pink span {
  margin-left: 10px;
  vertical-align: middle;
}
.btn-darkblue {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-darkblue:hover,
.btn-darkblue:focus {
  background-color: #192C3F;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-black {
  background-color: transparent;
  border: 2px solid #192C3F;
  color: #192C3F;
}
.btn-black:hover,
.btn-black:focus {
  background-color: #192C3F;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-buildmark {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-buildmark:hover,
.btn-buildmark:focus {
  background-color: #FFFFFF;
  color: #71ADB7;
  text-decoration: none;
}
.btn-buildmark a {
  color: #FFFFFF;
}
.btn-buildmark a:hover,
.btn-buildmark a:focus {
  color: #71ADB7;
}
.btn-newhomes {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-newhomes:hover,
.btn-newhomes:focus {
  background-color: #FFFFFF;
  color: #8CA19C;
  text-decoration: none;
}
.btn-newhomes a {
  color: #FFFFFF;
}
.btn-newhomes a:hover,
.btn-newhomes a:focus {
  color: #8CA19C;
}
@media only screen and (max-width: 479px) {
  .btn {
    padding: 12px 13px;
  }
}
.home_slider_containers {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid white;
}
.home_slider_containers .home_slider {
  width: 100%;
}
.home_slider_containers .home_slider .slide {
  width: 2000px;
  height: 380px;
  padding-top: 95px;
  position: relative;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #213e50;
}
.home_slider_containers .home_slider .slide.slide_landing {
  background-image: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/hero.jpg);
}
.home_slider_containers .home_slider .slide.slide_downloads {
  background-image: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/hero_downloads.jpg);
}
.home_slider_containers .home_slider .slide.slide_archive {
  background-image: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/hero_archive.jpg);
}
.home_slider_containers .home_slider .slide.slide_awards {
  background-image: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/hero_2018-awards.jpg);
}
.home_slider_containers .home_slider .slide.slide_regional {
  background-image: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/hero_regional.jpg);
}
.home_slider_containers .home_slider .slide .desktop {
  display: block;
}
.home_slider_containers .home_slider .slide .mobile {
  display: none;
}
.home_slider_containers .home_slider .slide .slider_text {
  max-width: 430px;
  width: 100%;
}
.home_slider_containers .home_slider .slide .slider_text.hidden {
  display: none;
}
.home_slider_containers .home_slider .slide .hero_play {
  background: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/play.png) left center no-repeat;
  padding-left: 50px;
  width: auto;
  position: absolute;
  right: 0;
  top: 190px;
  cursor: pointer;
}
.home_slider_containers .home_slider .slide .hero_play p {
  font-size: 16px;
  margin: 0;
  background-color: #FFFFFF;
  color: #192c3f;
  border: 2px solid #FFFFFF;
  border-radius: 6px;
  padding: 10px 17px;
  display: inline-block;
  line-height: 20px;
  font-weight: bold;
}
.home_slider_containers .home_slider .slide .hero_play.hidden {
  display: none;
}
.home_slider_containers .home_slider .slide .video_container {
  display: none;
}
.home_slider_containers .home_slider .slide .video_container.open {
  display: block;
}
.home_slider_containers .home_slider .slide .video_container .video_close {
  height: 20px;
  width: 20px;
  float: right;
  background: url(//nhbccampaigns.co.uk/landingpages/PrideInTheJob2019/assets/img/x.svg) center center no-repeat;
  background-size: cover;
  position: relative;
  top: -25px;
  cursor: pointer;
}
.home_slider_containers .home_slider .slide .video_container .video_holder {
  position: relative;
  padding-bottom: 0;
  height: 310px;
  width: 550px;
  margin: 0 auto;
}
.home_slider_containers .home_slider .slide .video_container .video_holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home_slider_containers .home_slider .slide h2 {
  font-size: 40px;
  font-family: 'Gudea', sans-serif;
  line-height: 40px;
  color: #ffffff;
  margin: 0 0 20px 0;
  font-weight: 700;
}
.home_slider_containers .home_slider .slide p {
  font-size: 20px;
  font-family: 'Gudea', sans-serif;
  line-height: 26px;
  color: #ffffff;
  margin: 0 0 20px 0;
}
.home_slider_containers .home_slider .slide img {
  left: auto;
  position: relative;
  display: block;
  margin: 0;
  width: auto;
}
.home_slider_containers .home_slider .slide .blue {
  color: #192C3F;
}
.home_slider_containers .home_slider .slide .lightblue {
  color: #798699;
}
.home_slider_containers .home_slider .slide .white {
  color: #FFFFFF;
}
.home_slider_containers .home_slider .slide .small-paragraph {
  margin: 0px;
  margin-bottom: 23px;
  font-family: 'Gudea', sans-serif;
}
.home_slider_containers .home_slider .slide .large-paragraph {
  margin: 0px;
  margin-bottom: 13px;
  font-family: 'Gudea', sans-serif;
}
.home_slider_containers .home_slider .slide .terms-paragraph {
  margin-top: 18px;
  margin-bottom: 25px;
  font-family: 'Gudea', sans-serif;
  max-width: 425px;
}
.home_slider_containers .home_slider .slide .size-smallest {
  font-size: 16px;
}
.home_slider_containers .home_slider .slide .size-small {
  font-size: 18px;
}
.home_slider_containers .home_slider .slide .size-medium {
  font-size: 20px;
}
.home_slider_containers .home_slider .slide .size-larger {
  font-size: 24px;
}
.home_slider_containers .home_slider .slide .paragraph-text {
  margin-top: 0px;
  font-family: 'Gudea', sans-serif;
}
@media only screen and (max-width: 480px) {
  .home_slider_containers .home_slider .slide.slide-buildmark {
    min-height: 0px;
  }
  .home_slider_containers .home_slider .slide.slide-buildmark .slider_text {
    height: auto;
    padding-bottom: 65px;
  }
}
@media only screen and (max-width: 1334px) {
  .home_slider_containers .slick-prev {
    left: 1%;
  }
  .home_slider_containers .slick-next {
    right: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .home_slider .slide .terms-paragraph {
    max-width: 100%;
  }
  .home_slider_containers .home_slider .slide .structure_container {
    text-align: center;
  }
  .home_slider_containers .home_slider .slide .hero_play {
    margin: 20px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: auto;
    top: 0;
    display: inline-block;
    position: relative;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .home_slider_containers .home_slider .slide .video_container .video_holder {
    height: 254px;
    width: 450px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .home_slider_containers .home_slider .slide .video_container .video_holder {
    height: 202px;
    width: 360px;
  }
}
@media only screen and (max-width: 479px) {
  .home_slider_containers .home_slider .slide .video_container .video_holder {
    height: 136px;
    width: 242px;
  }
  .home_slider_containers .home_slider .slide .hero_play p {
    font-size: 16px !important;
    color: #192c3f !important;
  }
  .home_slider_containers .home_slider .slide .hero_play p br {
    display: none;
  }
  .home_slider_containers .home_slider .slide .hero_play h2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .home_slider_containers .home_slider .slide.slide-bft .slider_text {
    max-width: 402px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .slick-slider {
    padding-bottom: 10px;
  }
  .slick-slider .slick-dots li,
  .slick-slider .slick-dots li button {
    width: 30px;
    height: 30px;
  }
  .slick-slider .slick-dots li button:before {
    font-size: 20px!important;
  }
  .home_slider_containers .home_slider .slider_text {
    max-width: 100%!important;
    text-align: center;
  }
  .home_slider_containers .home_slider .slider_text img {
    margin: 0 auto;
  }
  .home_slider_containers .home_slider .slide {
    height: auto;
    min-height: 520px;
    background-position: -524px 0px;
    background-size: 1377px;
    padding-top: 300px;
  }
  .home_slider_containers .home_slider .slide h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .home_slider_containers .home_slider .slide.slide-training-courses {
    background-position: -410px 0px;
  }
  .home_slider_containers .home_slider .slide .size-small {
    font-size: 16px;
  }
  .home_slider_containers .home_slider .slide .size-medium {
    font-size: 18px;
  }
  .home_slider_containers .home_slider .slide .size-larger {
    font-size: 22px;
  }
  .home_slider_containers .home_slider .slide .structure_container {
    width: 76%;
  }
  body .structure .home_slider_containers .slick-dots li button::before {
    font-size: 25px!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .slick-slider {
    padding-bottom: 10px;
  }
  .slick-slider .slick-dots li,
  .slick-slider .slick-dots li button {
    width: 30px;
    height: 30px;
  }
  .slick-slider .slick-dots li button:before {
    font-size: 20px!important;
  }
  .home_slider_containers .home_slider .slider_text {
    max-width: 100%!important;
    text-align: center;
  }
  .home_slider_containers .home_slider .slider_text img {
    margin: 0 auto;
  }
  .home_slider_containers .home_slider .slide {
    height: auto;
    min-height: 520px;
    background-position: -624px 0px;
    background-size: 1377px;
    padding-top: 300px;
  }
  .home_slider_containers .home_slider .slide h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .home_slider_containers .home_slider .slide .size-small {
    font-size: 16px;
  }
  .home_slider_containers .home_slider .slide .size-medium {
    font-size: 18px;
  }
  .home_slider_containers .home_slider .slide .size-larger {
    font-size: 22px;
  }
  .home_slider_containers .home_slider .slide .structure_container {
    width: 76%;
  }
  .home_slider .slide.slide-video-template .video_container {
    width: 350px;
    height: 227px;
    top: -180px;
  }
  .home_slider .slide.slide-video-template .video_text .play_holder {
    position: initial;
  }
  .home_slider .slide.slide-video-template .video_text .play_holder img {
    top: -230px;
    width: 100px;
  }
  body .structure .home_slider_containers .slick-dots li button::before {
    font-size: 30px!important;
  }
}
@media only screen and (max-width: 479px) {
  .slick-slider {
    padding-bottom: 10px;
  }
  .slick-slider .slick-dots li,
  .slick-slider .slick-dots li button {
    width: 30px;
    height: 30px;
  }
  .slick-slider .slick-dots li button:before {
    font-size: 20px!important;
  }
  .home_slider .slide .slider_text {
    max-width: 100%!important;
    text-align: center;
  }
  .home_slider .slide .slider_text img {
    margin: 0 auto;
  }
  .home_slider .slide .mobile {
    display: block;
  }
  .home_slider .slide .desktop {
    display: none;
  }
  .home_slider .slide.slide-buildmark img {
    left: 0px;
    right: 0;
  }
  .home_slider_containers .home_slider .slick-dots {
    bottom: -60px;
  }
  .home_slider_containers .home_slider .slider_text {
    max-width: 100%;
  }
  .home_slider_containers .home_slider .slide {
    height: auto;
    min-height: 315px;
    padding-top: 50px;
    background-image: none !important;
  }
  .home_slider_containers .home_slider .slide h2 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
  }
  .home_slider_containers .home_slider .slide .size-small {
    font-size: 16px;
  }
  .home_slider_containers .home_slider .slide .size-medium {
    font-size: 18px;
  }
  .home_slider_containers .home_slider .slide .size-larger {
    font-size: 20px;
  }
  .home_slider_containers .home_slider .slide .structure_container {
    width: 76%;
  }
  .home_slider_containers .home_slider .slide.slide-training-courses {
    background-color: #1C2E40;
  }
  .home_slider_containers .home_slider .slide.slide-portal {
    padding-top: 240px;
  }
  .home_slider_containers .home_slider .slide.slide-bft {
    padding-top: 235px;
  }
  .home_slider .slide.slide-video-template .video_container {
    width: 210px;
    height: 148px;
    top: -20px;
  }
  .home_slider .slide.slide-video-template .video_text .play_holder {
    left: 0;
    margin: 0 auto;
    display: block;
    width: 100px;
    right: 0;
    top: -140px;
  }
  .home_slider .slide.slide-video-template .video_text .play_holder img {
    width: 100px;
  }
  body .structure .home_slider_containers .slick-dots li button::before {
    font-size: 30px!important;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-slider {
  margin-bottom: 0px;
}
.slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #B8CCD8;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #192C41;
  opacity: 1;
}
.slick-dots li {
  height: 13px;
  width: 13px;
  padding: 0px;
  margin: 0px;
  margin-right: 4px;
}
.slick-dots li button::before {
  font-size: 30px!important;
}
.slick-dots li:hover button:before {
  color: #192C41;
}
.slick-prev {
  width: 21px;
  height: 33px;
  background-image: url(../images/left_slider.png) !important;
  background-size: contain;
  text-indent: -9999px;
  left: 12%;
}
.slick-prev:hover {
  opacity: 0.8;
}
.slick-next {
  width: 21px;
  height: 33px;
  background-image: url(../images/right_slider.png) !important;
  background-size: contain;
  text-indent: -9999px;
  right: 12%;
}
.slick-next:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 959px) {
  .slick-prev {
    left: 1%;
  }
  .slick-next {
    right: 1%;
  }
}
.structure .home_slider_containers .slick-dots li button::before {
  font-size: 46px!important;
}
@media only screen and (min-width: 960px) {
  .video_container {
    width: 880px;
    height: 495px;
  }
}
.ie7 .header_search INPUT[type=text],
.ie8 .header_search INPUT[type=text] {
  height: 33px;
}
.ie7 .header_search #search_btn,
.ie8 .header_search #search_btn {
  top: 7px;
}
.ie7 .header_top_links,
.ie8 .header_top_links {
  padding-top: 5px;
}
.ie7 .slick-dots LI.slick-active BUTTON:before,
.ie8 .slick-dots LI.slick-active BUTTON:before,
.ie7 .slick-dots LI BUTTON:before,
.ie8 .slick-dots LI BUTTON:before {
  font-size: 12px;
}
.ie7 .services_interested_in .col-xs-6,
.ie8 .services_interested_in .col-xs-6 {
  max-width: 264px;
}
.ie7 .products_and_services .col-xs-6,
.ie8 .products_and_services .col-xs-6 {
  max-width: 265px;
}
.ie7 .newhomes_nhbc .col-md-3,
.ie8 .newhomes_nhbc .col-md-3 {
  max-width: 198px;
}
.ie7 .latest_news .col-xs-12,
.ie8 .latest_news .col-xs-12 {
  max-width: 430px;
}
.ie7 .nhbc_partners .partner_logo,
.ie8 .nhbc_partners .partner_logo {
  max-width: 305px;
}
.ie7 .footer_top .large_footer_links,
.ie8 .footer_top .large_footer_links {
  width: 240px;
}
.ie7 .slick-prev,
.ie8 .slick-prev,
.ie7 .slick-next,
.ie8 .slick-next {
  width: 37px;
  height: 61px;
}
.ie7 .slick-dots li button,
.ie8 .slick-dots li button,
.ie7 .slick-dots li button::before,
.ie8 .slick-dots li button::before,
.ie7 .slick-dots li button:before,
.ie8 .slick-dots li button:before {
  font-size: 46px!important;
}
.ie7 .popup-overlay .close_holder,
.ie8 .popup-overlay .close_holder,
.ie9 .popup-overlay .close_holder {
  top: 24%;
}
.header_bottom .header_nav li a {
  line-height: 16px;
  padding-bottom: 15px;
}
.header_bottom .header_nav li a:hover {
  text-decoration: none;
}
.header_bottom .header_nav li .about_link {
  color: #1D2E40;
}
.header_bottom .header_nav li a.selected {
  text-decoration: none;
}
.header_bottom .header_nav li {
  padding: 14px 0 10px;
  margin: 0px 17px;
  cursor: pointer;
}
.header_bottom .header_nav li:first-of-type {
  margin-left: 0;
}
.header_bottom .header_nav li .selected {
  border-bottom: 2px solid white;
}
.header_bottom .header_nav li a:hover {
  border-bottom: 2px solid white;
}
.header_bottom {
  border-bottom: 0;
  overflow: hidden;
}
.header_logo {
  padding-top: 29px;
}
.header_right {
  margin-top: 40px;
}
.header_top_links {
  padding-top: 5px;
}
.header_top_links ul li {
  background: none;
}
.header_top_links ul li a:hover {
  text-decoration: none;
}
.header_bottom .header_nav .about_holder {
  float: right;
  background-color: #B9CCDA;
  height: 50px;
  margin-right: 0px;
  padding-left: 28px;
}
.header_bottom .header_nav .about_holder .about_link:hover {
  border-bottom: 2px solid #1D2E40;
}
.header_bottom .header_nav .about_holder:before {
  content: "";
  position: absolute;
  right: 112px;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 100%;
  background: url(http://nhbccampaigns.co.uk/landingpages/newhomepage/assets/images/header_divider.jpg) top right no-repeat;
}
.header_bottom .structure_container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200%;
  height: 100%;
  background-color: #B9CCDA;
  left: 100%;
}
.header_mobile_menu {
  width: 55px;
  height: 72px;
  cursor: pointer;
  background: url(http://nhbccampaigns.co.uk/landingpages/homepageupdate2016/html/assets/img/header_mobile_menu.jpg) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.header_mobile_menu.clicked {
  background: url(http://nhbccampaigns.co.uk/landingpages/homepageupdate2016/html/assets/img/header_mobile_menu_clicked.jpg) no-repeat;
}
.header_mobile_dropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 72px;
  background-color: #6d828d;
  z-index: 1;
}
.header_mobile_dropdown.clicked {
  display: block;
}
.header_logo_mobile p {
  font-family: 'Gudea', sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 10px !important;
  margin: 8px 0;
}
.header_nav ul {
  margin: 0;
  list-style-type: none;
}
.header_nav a {
  color: #FFFFFF;
  font-family: 'Gudea', sans-serif;
  font-size: 16px;
}
.header_mobile_dropdown_nav {
  padding: 18px;
  border-bottom: 1px solid white;
}
.header_mobile_dropdown_search {
  padding: 18px;
  width: 100%;
}
.header_mobile_dropdown_search {
  position: relative;
  float: left;
}
.header_mobile_dropdown_search input[type=text] {
  border: 0;
  border-radius: 0;
  width: 158px;
  height: 36px;
  color: #86969f;
  font-size: 12px;
  padding: 5px 10px;
  width: 100%;
}
.header_mobile_dropdown_search #search_btn {
  width: 17px;
  height: 18px;
  background: url(../img/search_btn.jpg) no-repeat;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: 26px;
  text-indent: -9999px;
}
.header_mobile_dropdown_search p {
  margin: 0;
  margin-top: 16px;
  line-height: 12px !important;
}
.header_mobile_dropdown_search p a {
  margin: 0;
  color: #FFFFFF;
  font-size: 13px;
  font-family: 'Gudea', sans-serif;
}
.pride_in_the_job {
  min-height: 451px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .pride_in_the_job {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 959px) {
  .pride_in_the_job {
    min-height: 0;
  }
}
@media only screen and (min-width: 768px) {
  .header_top,
  .header_bottom {
    display: block;
  }
  .header_mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header_top,
  .header_bottom {
    display: none;
  }
  .header_mobile {
    display: block;
    position: relative;
  }
  .header_logo_mobile {
    padding-top: 10px;
    padding-left: 16px;
    min-height: 72px;
    width: 100%;
    padding-right: 55px;
  }
  .pride_in_the_job {
    background: #1c2e40;
    padding-bottom: 20px;
    margin-top: 32px;
    height: auto;
    border-bottom: 1px solid white;
    text-align: center;
    padding-top: 0;
  }
  .pride_in_the_job h2,
  .pride_in_the_job p {
    max-width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header_logo_mobile img {
    width: 103px;
    height: 46px;
    float: left;
  }
  .header_logo_mobile a {
    float: left;
  }
  .header_logo_mobile p {
    float: left;
    margin: 18px 0 18px 20px;
  }
  .home_slider .slide .blue {
    color: #FFFFFF;
  }
  .home_slider .slide .lightblue {
    color: #FFFFFF;
  }
  .home_slider .slide .btn-pink {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
  }
  .home_slider .slide .btn-pink:hover,
  .home_slider .slide .btn-pink:focus {
    background-color: #fff;
    color: #192c3f;
    text-decoration: none;
  }
}
@media only screen and (max-width: 479px) {
  .header_logo_mobile img {
    width: 74px;
    height: 33px;
  }
  .home_slider_containers .home_slider .slider_text {
    height: 330px;
  }
  .home_slider_containers .home_slider .slide h2 {
    font-size: 37px;
    line-height: 36px;
    color: #FFFFFF !important;
  }
  .home_slider_containers .home_slider .slide p {
    color: #FFFFFF !important;
    font-size: 20px !important;
    width: 100%;
  }
  .home_slider_containers .home_slider .slide .btn {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
  }
  .home_slider_containers .home_slider .slide .btn:hover,
  .home_slider_containers .home_slider .slide .btn:focus {
    background-color: #fff !important;
    color: #192c3f !important;
    text-decoration: none !important;
  }
  .home_slider .slide .small-paragraph {
    margin-bottom: 10px;
  }
}
.products_and_services a.title {
  height: 44px;
}
.btn-black:hover,
.btn-black:focus {
  background-color: #192C3F;
  color: #FFFFFF;
  text-decoration: none;
}
.latest_news h2 {
  padding-bottom: 0px;
  border-bottom: 0;
}
.structure_container-top .latest_news_text {
  padding-bottom: 20px;
}
.latest_news_text p {
  margin-bottom: 25px;
}
.red_text {
  color: #bc204b;
}
.pre_red_text {
  margin-bottom: 14px !important;
}
.red_text:hover,
.red_text:focus {
  color: #bc204b;
}
.latest_news .structure_container-top {
  border-bottom: 2px solid #1c2f40;
  padding-bottom: 30px;
}
.latest_news .structure_container-bottom {
  padding-top: 40px;
}
.latest_news .news-item img {
  width: 60px;
  height: 60px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.latest_news .nhbc_youtube {
  padding-bottom: 104px;
}
@media only screen and (min-width: 768px) {
  .latest_news .responsive_wrapper {
    padding-bottom: 217px;
  }
}
@media only screen and (max-width: 767px) {
  .latest_news .responsive_wrapper {
    padding-bottom: 56.25%;
  }
  .latest_news .nhbc_youtube {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 600px) {
  .latest_news .news-item {
    height: 76px;
  }
}
@media only screen and (max-width: 599px) {
  .latest_news .news-item {
    min-height: 76px;
  }
}
@media only screen and (max-width: 479px) {
  .news_listing .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* Styling for the hero section */
.hero_section {
  /* Here you can set the hero background color/image.
	If you want an image, make sure "height" is set to the same height as the image. */
  background: #1C2E40;
  height: 600px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero_section .structure_container {
  /* This positions the text in the center of the hero */
  padding: 0;
}
.hero_section h1 {
  /* Styling for the heading hero text */
  color: #fff;
  font-size: 50px;
  font-family: 'Gudea', sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0 0 20px 0;
}
.hero_section p {
  /* Styling for the subheading hero text */
  color: #fff;
  font-size: 30px;
  font-family: 'Gudea', sans-serif;
  margin: 0;
}
/* End Hero Styling */
/* Slope Stylings */
/* The sloped divs work by placing a div at the top and bottom of the section, these allow the slope angle to stay the same despite the size of the section */
.slope {
  /* The default size for the slopes */
  height: 56px;
  width: 100%;
  background-position: center top;
}
.slope.right_top {
  /* All the slopes are based off the same image, just rotated or flipped, this is the default rotation, so no changes have to be made*/
}
.slope.right_bottom {
  /* Vertically flips the slope */
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.slope.left_top {
  /* Horizontally flips the slope */
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.slope.left_bottom {
  /* Vertically and horizontally flips the slope */
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
/* End Slope Styling */
/* Styling for white sections */
/* The white section is currently pulling default styles from "styles.css", if you want any changes to be made you can make them in this section */
/* End white section styling */
/* Styling for blue sections */
/* Styles for the default blue sections, includes the link to the blue slope */
.blue_section {
  background-color: #1C2E40;
}
.blue_section h2,
.blue_section h3,
.blue_section p {
  color: #fff;
}
.blue_section .slope {
  background-image: url(../img/blue_slope.jpg);
}
/* End blue section styling */
/* Styling for light blue sections */
/* Styles for the lighter blue sections, includes the link to the light blue slope */
.lightblue_section {
  background-color: #9DB4C4;
}
.lightblue_section h2,
.lightblue_section h3,
.lightblue_section p {
  color: #fff;
}
.lightblue_section .slope {
  background-image: url(../img/lightblue_slope.jpg);
}
/* End light blue styles */
/* Video Section Styling */
/* Styles to create a responsive youtube video section */
.video_holder {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.video_holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* End Video Section */
/* Multiple Column Styling */
/* Styles for multiple columns, includes two, three, and four column support */
.column {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.column h3 {
  font-family: 'Gudea', sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin: 12px 0;
}
.column p {
  font-size: 12px;
  margin: 0;
  margin-bottom: 18px;
}
.two_columns .column {
  /* Sets columns inside ".two_columns" div to take up 50% of the width */
  width: 50%;
}
.three_columns .column {
  /* Sets columns inside ".two_columns" div to take up 33% of the width */
  width: 33%;
}
.four_columns .column {
  /* Sets columns inside ".two_columns" div to take up 25% of the width */
  width: 25%;
}
/* End multiple column section */
/* Responsive section */
/* These are the styles that apply when the page is at a certain width, allowing the page to display correctly on mobile devices */
@media only screen and (max-width: 767px) {
  /* The below styles will only apply when the page is at a width of 767px or less */
  .slope {
    /* Removes the slopes at the top and bottom of the sloped section */
    display: none;
  }
  .two_columns .column,
  .three_columns .column,
  .four_columns .column {
    /* Sets the width of the columns to be 100% */
    text-align: center;
    width: 100%;
  }
  .two_columns .column:nth-child(2),
  .three_columns .column:nth-child(2),
  .three_columns .column:nth-child(3),
  .four_columns .column:nth-child(2),
  .four_columns .column:nth-child(3),
  .four_columns .column:nth-child(4) {
    /* Adds spacing below the columns after they've been set to 100%*/
    padding-top: 30px;
  }
}
/* End responsive section */
.ie8 .hero_section .structure_container {
  left: 0;
  top: 0;
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}
.ie8 .hero_section .structure_container .row {
  display: table-cell;
  vertical-align: middle;
}
.ie8 .hero_section .structure_container .row .col-md-12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ie8 .blue_section .slope.right_bottom {
  background-image: url(../img/blue_slope_right_bottom.jpg);
}
.ie8 .blue_section .slope.left_top {
  background-image: url(../img/blue_slope_left_top.jpg);
}
.ie8 .blue_section .slope.left_bottom {
  background-image: url(../img/blue_slope_left_bottom.jpg);
}
.ie8 .lightblue_section .slope.right_bottom {
  background-image: url(../img/lightblue_slope_right_bottom.jpg);
}
.ie8 .lightblue_section .slope.left_top {
  background-image: url(../img/lightblue_slope_left_top.jpg);
}
.ie8 .lightblue_section .slope.left_bottom {
  background-image: url(../img/lightblue_slope_left_bottom.jpg);
}
.generic_container .btn,
.btn {
  cursor: pointer;
  display: inline-block;
  font-size: 1.3846em;
  padding: 12px 19px;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Gudea', sans-serif;
  font-weight: 700;
  letter-spacing: 0px;
}
.generic_container .btn.btn-smaller,
.btn.btn-smaller {
  padding: 8px 17px;
  font-size: 12px;
}
.generic_container .btn.btn-white,
.btn.btn-white {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.generic_container .btn.btn-white:hover,
.btn.btn-white:hover,
.generic_container .btn.btn-white:focus,
.btn.btn-white:focus {
  background-color: #FFFFFF;
  color: #192c3f;
  text-decoration: none;
}
.generic_container .btn.btn-white a,
.btn.btn-white a {
  color: #FFFFFF;
}
.generic_container .btn.btn-pink,
.btn.btn-pink {
  background-color: transparent;
  border: 2px solid #A9003E;
  color: #A9003E;
  display: inline-block;
}
.generic_container .btn.btn-pink:hover,
.btn.btn-pink:hover,
.generic_container .btn.btn-pink:focus,
.btn.btn-pink:focus {
  background-color: #A9003E;
  color: #FFFFFF;
  text-decoration: none;
}
.generic_container .btn.btn-blue,
.btn.btn-blue {
  background-color: transparent;
  border: 2px solid #192C3F;
  color: #192C3F;
}
.generic_container .btn.btn-blue:hover,
.btn.btn-blue:hover,
.generic_container .btn.btn-blue:focus,
.btn.btn-blue:focus {
  background-color: #192C3F;
  color: #FFFFFF;
  text-decoration: none;
}
.generic_container .btn.btn-grey,
.btn.btn-grey {
  background-color: transparent;
  border: 2px solid #6F8593;
  color: #6F8593;
}
.generic_container .btn.btn-grey:hover,
.btn.btn-grey:hover,
.generic_container .btn.btn-grey:focus,
.btn.btn-grey:focus {
  background-color: #6F8593;
  color: #FFFFFF;
  text-decoration: none;
}
.generic_container .btn.btn-black,
.btn.btn-black {
  background-color: transparent;
  border: 2px solid #192C3F;
  color: #192C3F;
}
.generic_container .btn.btn-black:hover,
.btn.btn-black:hover,
.generic_container .btn.btn-black:focus,
.btn.btn-black:focus {
  background-color: #192C3F;
  color: #FFFFFF;
  text-decoration: none;
}
.generic_container .btn.btn-red,
.btn.btn-red {
  background-color: transparent;
  border: 2px solid #ce0058;
  color: #ce0058;
}
.generic_container .btn.btn-red:hover,
.btn.btn-red:hover,
.generic_container .btn.btn-red:focus,
.btn.btn-red:focus {
  background-color: #ce0058;
  color: #FFFFFF;
  text-decoration: none;
}
.is-hidden {
  display: none;
}
.generic_container {
  width: 100%;
  position: relative;
}
.generic_container .structure_container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.generic_container .intro-logo {
  float: right;
  clear: left;
}
.generic_container .cta {
  width: 100%;
  margin-bottom: 30px;
}
.generic_container h1,
.generic_container h2,
.generic_container h3 {
  font-family: 'Gudea', sans-serif;
  line-height: 1;
}
.generic_container h1.small-padding,
.generic_container h2.small-padding,
.generic_container h3.small-padding {
  margin-bottom: 15px;
}
.generic_container h1 {
  font-size: 50px;
  color: #FFFFFF;
  display: block;
  margin-top: 50px;
  margin-bottom: 25px;
}
.generic_container h2 {
  font-size: 30px;
  color: #1C2E40;
  margin-top: 0px;
  line-height: 1.2;
}
.generic_container h3 {
  font-size: 28px;
  line-height: 27px;
  margin-top: 0px;
}
.generic_container p {
  color: #7F7F7F;
  font-size: 13px;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.generic_container p:last-child {
  margin-bottom: 0;
}
.generic_container p.large {
  font-size: 28px;
  line-height: 34px;
  font-family: 'Gudea', sans-serif;
}
.generic_container p.quote {
  font-style: italic;
  font-size: 16px;
  font-family: 'Gudea', sans-serif;
  margin-bottom: 15px;
  line-height: 24px;
}
.generic_container a {
  color: #7F7F7F;
  text-decoration: underline;
}
.generic_container .btn {
  text-decoration: none;
}
.generic_container .white,
.generic_container .white a {
  color: #FFFFFF;
}
@media only screen and (max-width: 599px) {
  .generic_container .intro-logo {
    float: none;
  }
}
/* # Page

General page layout. Mainly a collection of classes for laying out the page.

    <div class="u-floated page">
        <div class="page_body">(body)</div>
        <div class="page_sidebar">(sidebar)</div>
    </div>

Sidebar items have spaces between them.

    <div class="page_sidebar">
        <div class="page_sidebar_item">alpha</div> 
        <div class="page_sidebar_item">bravo</div>
        <div class="page_sidebar_item">charlie</div>
        <!-- ... -->
    </div>

Arrow lists can have extra styling:

    <ul class="u-arrowlist page_arrowlist">
        <li class="page_arrowlist_item">alpha</li>
        <li class="page_arrowlist_item">bravo</li>
        <li class="page_arrowlist_item">charlie</li>
        <!-- ... -->
    </ul>

*/
.page_body,
.page_sidebar {
  float: left;
}
#kampylink {
  top: 224px;
  right: 0px;
  cursor: pointer;
  margin-top: -80px;
  z-index: 9999999;
  position: fixed;
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  #kampyleButton {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #kampyleButton {
    display: none;
  }
}
#cd-vertical-nav {
  position: fixed;
  right: 40px;
  top: 250px;
}
@media only screen and (max-width: 1024px) {
  #cd-vertical-nav {
    display: none;
  }
}
#cd-vertical-nav ul {
  display: inline-block;
}
#cd-vertical-nav ul li {
  float: left;
  clear: both;
  width: 39px;
  height: 39px;
  margin-bottom: 12px;
  list-style: none;
}
#cd-vertical-nav ul li a {
  position: relative;
  outline: none;
  text-decoration: none;
}
#cd-vertical-nav ul li a .cd-dot {
  position: relative;
  background-color: #507991;
  border-radius: 19px;
  border: 2px solid #fff;
  width: 37px;
  height: 37px;
  display: block;
}
#cd-vertical-nav ul li a .cd-label {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 2px;
  white-space: nowrap;
  padding: 8px 10px;
  background-color: white;
  border: 2px solid #507991;
  border-radius: 5px;
  font-family: 'Gudea', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #1a2c42;
  line-height: 13px;
}
#cd-vertical-nav ul li a:hover .cd-dot {
  background-color: #789d46;
}
#cd-vertical-nav ul li a:hover .cd-label {
  display: block;
}
#cd-vertical-nav ul li a.is-selected .cd-dot {
  background-color: #789d46;
}
/* # Footer 

*/
/*.footer_top {
    padding: 25px 0;
    background: url(http://nhbccampaigns.co.uk/landingpages/homeowners2017/assets/images/footer_bg.jpg) center center no-repeat #1d2e40;

    .footer_menu {

        .large_footer_links {
            padding-right: 15px;
            width: 238px;

            ul {

                li {
                    padding: 10px 0;
                    margin-bottom: 0;

                    a {
                        line-height: 16px;
                        padding-right: 30px;

                        &:hover, &:focus{
                            text-decoration: none !important;
                            color: #FFFFFF;
                        }

                    }

                    &:first-of-type {
                        padding-top: 0;

                        @media only screen and (max-width: 479px) {
                            padding-top: 10px;
                        }
                    }

                    &:last-of-type {
                        padding-bottom: 0;
                    }
                }

            }

        }

        @media only screen and (max-width: 767px) {

            .large_footer_links {

                margin-right: 0 !important;

                ul {

                    li {

                        width: 100%;

                        br {
                            display: none;
                        }  

                    }

                }

            }

            .small_footer_sub_links {

                padding-left: 15px;              
                margin-left: 0 !important;

            } 

        }

        @media only screen and (min-width: 600px) and (max-width: 767px) {

            width: 100%;

            .large_footer_links {

                width: 50%;

            }

            .small_footer_sub_links {

                max-width: 50%;                

            } 

        }

        @media only screen and (min-width: 480px) and (max-width: 599px) {

            width: 100%;

            .large_footer_links {

                width: 50%;

            }

            .small_footer_sub_links {

                max-width: 50%;                

            } 

        }

        @media only screen and (max-width: 479px) {

            width: 100%;

            .large_footer_links {

                margin-right: 0 !important;
                width: 100%;
                padding-right: 0;

                ul {

                    li {

                        padding: 10px 0;

                        &:last-of-type {

                            padding-bottom: 10px;

                        }

                        ul {

                            li {

                                padding: 5px 0;

                                &:first-child {

                                    margin-top: 0;

                                }

                            }

                        }

                    }

                }

            }

        }

    }

    .footer_right {

        .footer_newhomes {

            .footer_newhomes_logo {
                display: inline-block;

                img {
                    float: left;
                    display: block;
                }

                p {
                    float: left;
                    display: block;
                    padding-left: 15px;
                    line-height: 19px;
                }   

            }

            p {
                color: #FFFFFF;
                font-size: 14px;
                margin: 0;

                a {
                    font-size: 13px;
                    color: #00b9e4;
                }

                &.footer_newhomes_link {
                    margin-top: 5px;
                    margin-bottom: 10px;
                }

                &.footer_newhomes_text {
                    margin-bottom: 15px;
                    line-height: 16px;
                }

            }

            .btn-newhomes {
                border-radius: 0;
                background-color: #4c7a92;
                border-color: #4c7a92;
                padding: 8px 16px;

                &:hover, &:focus {
                    background-color: #FFFFFF;
                    color: #4c7a92;
                }

            }

        }

        @media only screen and (max-width: 767px) {

            text-align: center;
            margin-top: 30px;

        }

    }

    .footer_social {
        margin-top: 20px;
    }

    @media only screen and (max-width: 767px) {

        background-image: none;

    }

}

.footer_bottom {

    background: #111c26;

    .footer_bottom_links {

        float: left;
        display: block;

        ul {

            li {

                float: none;
                display: inline-block;
                padding-right: 12px;

            }

        }

    }

    .footer_notice {

        text-align: right;
        
    }

    @media only screen and (max-width: 959px) {

        .footer_notice {

            margin-top: 18px; 

            br {

                display: none;

            }

        }

    }

    @media only screen and (max-width: 767px) {

        .footer_bottom_links {

            margin: 18px 0;

        }

        .footer_notice {

            text-align: left;
            margin-top: 0;
    
        }

    }

}*/
footer p {
  font-size: 12px;
}
footer ul,
footer li,
footer p,
footer td {
  line-height: 24px!Important;
}
.sub_menu_container {
  background-color: #ffffff;
  border-bottom: 2px solid #e5ebee;
  padding: 15px 0;
  width: 100%;
  float: left;
}
.sub_menu_container .btn {
  font-size: 13px;
  padding: 8px 15px;
}
.sub_menu_container.sticky-sub-nav {
  position: fixed;
  top: 0;
  z-index: 99;
}
@media only screen and (max-width: 959px) {
  .sub_menu_container.sticky-sub-nav {
    position: relative;
    z-index: 1;
  }
}
.sub_menu_container .sub_menu_section {
  width: 100%;
}
@media only screen and (max-width: 959px) {
  .sub_menu_container .sub_menu_section {
    text-align: center;
  }
}
.sub_menu_container .sub_menu_item {
  display: inline-block;
  opacity: 0.5;
  margin-left: 25px;
}
@media only screen and (max-width: 810px) {
  .sub_menu_container .sub_menu_item {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .sub_menu_container .sub_menu_item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.sub_menu_container .sub_menu_item:hover,
.sub_menu_container .sub_menu_item:focus {
  opacity: 1;
}
.sub_menu_container .sub_menu_item.active {
  opacity: 1;
}
.sub_menu_container .sub_menu_item:first-child {
  margin-left: 0;
}
.sub_menu_container .sub_menu_item.sub_menu_item_btn {
  float: right;
  margin-top: 5px;
  margin-left: 15px;
}
@media only screen and (max-width: 959px) {
  .sub_menu_container .sub_menu_item.sub_menu_item_btn {
    float: none;
    margin-top: 15px;
    margin-left: 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .sub_menu_container .sub_menu_item.sub_menu_item_btn {
    width: 100%;
  }
}
.sub_menu_container .sub_menu_item a:hover,
.sub_menu_container .sub_menu_item a:active,
.sub_menu_container .sub_menu_item a:focus {
  text-decoration: none;
}
.sub_menu_container .sub_menu_item a:hover .sub_menu_icon img,
.sub_menu_container .sub_menu_item a:active .sub_menu_icon img,
.sub_menu_container .sub_menu_item a:focus .sub_menu_icon img {
  opacity: 0.8;
}
.sub_menu_container h3 {
  color: #192c3f;
  display: inline-block;
  font-size: 16px;
  font-family: 'Gudea', sans-serif;
  font-weight: 700;
  vertical-align: middle;
  margin: 7px 0;
}
.sub_menu_container .sub_menu_icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.sub_menu_container .sub_menu_icon.about_pij img {
  width: 25px;
  height: 30px;
}
.sub_menu_container .sub_menu_icon.awards_2018 img {
  width: 23px;
  height: 33px;
}
.sub_menu_container .sub_menu_icon.awards_archive img {
  width: 43px;
  height: 21px;
}
.after-sub-menu.sticky-sub-nav {
  margin-top: 94px !important;
}
@media only screen and (max-width: 959px) {
  .after-sub-menu.sticky-sub-nav {
    margin-top: initial !important;
  }
}
h2 {
  font-family: 'Gudea', sans-serif;
  font-size: 40px;
  line-height: 44px;
  font-weight: bold;
  margin: 0 0 20px;
}
h3 {
  font-family: 'Gudea', sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
h4 {
  font-family: 'Gudea', sans-serif;
  font-size: 20px;
  line-height: 26px;
}
p {
  font-size: 14px;
  line-height: 24px;
}
.content {
  text-align: center;
  padding-bottom: 70px;
}
.intro {
  padding: 100px 150px 80px;
}
.blue-box {
  background: #e3e7e9;
  border-radius: 6px;
  padding: 40px 30px;
  margin: 0 0 30px;
}
.blue-box h3 {
  margin: 0 0 30px;
}
.blue-box p {
  margin: 0 0 30px;
  color: #7f7f7f;
}
.blue-box img {
  margin: 0 0 30px;
}
.blue-box img + h3 {
  margin: 0 0 30px;
}
.blue-box input[type="text"] {
  border: 2px solid #a4aeb5;
  border-radius: 7px;
  padding: 13px 20px;
  color: #86969f;
  max-width: 430px;
  width: 100%;
  background: url(//nhbccampaigns.co.uk/landingpages/404/assets/img/search.png) center right 20px no-repeat white;
}
@media only screen and (max-width: 959px) {
  .intro {
    padding: 100px 0 80px;
  }
}