@charset "UTF-8";
/*! EDIT MAIN.SCSS */
/* ==========================================================================
   Imports
   ========================================================================== */
/* ==========================================================================
   SCSS Mixins
   ========================================================================== */
/* Responsive Detection */
/* Box Shadow */
@media only screen and (max-width: 769px) {
  .p-b-m-0 {
    padding-bottom: 0 !important; } }

.mt-0 {
  margin-top: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-mr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.pt-pb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.mt-2 {
  margin-top: 20px; }

.p-t-20 {
  padding-top: 20px; }

/* Border Radius */
/* animation */
/*
@author 14islands.com
SASS mixins for future proof resolution media query
*/
/* Opacity mixin */
/* Smooth transition */
/* Smooth transition */
/* Rotate Mixin */
/* FONT SIZE */
/* For clearing floats like a boss */
.submitBtns, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint, .col-md-12, .floated-list, .layout,
.row-fluid,
.span-6,
.radiobuttonlist,
.singlechoice, ul.bannerContainer {
  *zoom: 1; }
  .submitBtns:before, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:before, .col-md-12:before, .floated-list:before, .layout:before,
  .row-fluid:before,
  .span-6:before,
  .radiobuttonlist:before,
  .singlechoice:before, ul.bannerContainer:before, .submitBtns:after, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:after, .col-md-12:after, .floated-list:after, .layout:after,
  .row-fluid:after,
  .span-6:after,
  .radiobuttonlist:after,
  .singlechoice:after, ul.bannerContainer:after {
    display: table;
    content: "";
    line-height: 0; }
  .submitBtns:after, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:after, .col-md-12:after, .floated-list:after, .layout:after,
  .row-fluid:after,
  .span-6:after,
  .radiobuttonlist:after,
  .singlechoice:after, ul.bannerContainer:after {
    clear: both; }

/* ==========================================================================
   SCSS Variables
   ========================================================================== */
/* COLOURS */
/* also used for copy */
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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; }

.slick-arrow.slick-hidden {
  display: none; }

@font-face {
  font-family: "pirc";
  src: url("../fonts/pirc.eot");
  src: url("../fonts/pirc.eot?#iefix") format("embedded-opentype"), url("../fonts/pirc.woff") format("woff"), url("../fonts/pirc.ttf") format("truetype"), url("../fonts/pirc.svg#pirc") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "pirc" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "pirc" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-keyboard-left-arrow-button:before {
  content: "\66"; }

.icon-keyboard-right-arrow-button-1:before {
  content: "\67"; }

/* Slider */
/* 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;
  display: block;
  height: 45px;
  width: 43px;
  background-color: #7C858C;
  /* line-height: 30px; */
  font-size: 0px;
  cursor: pointer;
  /* background: transparent; */
  color: transparent;
  bottom: -53px;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0px;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }
  .slick-prev:before,
  .slick-next:before {
    font-family: pirc;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
  .slick-prev:before {
    content: "\66"; }
    [dir="rtl"] .slick-prev:before {
      content: "\66"; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }
  .slick-next:before {
    content: "\67"; }
    [dir="rtl"] .slick-next:before {
      content: "\67"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -29px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 9px 0 10px;
  margin: 0;
  width: 100%;
  background: #DDDDD9; }
  .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: 0px;
      font-size: 0px;
      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;
        font-family: "slick";
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #666;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #666;
      opacity: 0.75; }

.accordion-content {
  opacity: 0;
  display: none;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  max-height: 0;
  padding-top: 30px;
  padding-top: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  @media only screen and (min-width: 961px) {
    .accordion-content {
      padding-top: 0;
      padding-top: 0;
      opacity: 1;
      display: block;
      overflow: visible;
      max-height: 4000px; } }
h2.accordion-trigger {
  position: relative; }
  @media only screen and (min-width: 961px) {
    h2.accordion-trigger {
      font-size: 2.5em;
      line-height: 1em; } }
  @media only screen and (max-width: 960px) {
    h2.accordion-trigger:after {
      content: url(../img/icon-arrow-open.svg);
      position: absolute;
      right: 2%; } }
@media only screen and (max-width: 960px) {
  h2.accordion-trigger.active:after {
    content: url(../img/icon-arrow-close.svg); } }

.accordion-trigger:hover {
  cursor: default; }
  @media only screen and (max-width: 960px) {
    .accordion-trigger:hover {
      cursor: pointer; } }
.accordion-arrow {
  display: none;
  width: 10px;
  float: right;
  margin-right: 10px; }
  @media only screen and (max-width: 960px) {
    .accordion-arrow {
      margin-right: 0; } }
  @media only screen and (max-width: 960px) {
    .accordion-arrow {
      display: block; } }
.accordion-arrow.arrow-expanded {
  transform: rotate(90deg); }
  @media only screen and (min-width: 961px) {
    .accordion-arrow.arrow-expanded {
      display: none; } }
.is-expanded {
  opacity: 1;
  display: block;
  padding-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

ul.bannerContainer {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  @media only screen and (max-width: 960px) {
    ul.bannerContainer .centerContainer {
      width: 90%; } }
  ul.bannerContainer p.lead {
    color: #fff;
    text-align: center;
    font-size: 1.6875em;
    line-height: 1.5;
    font-weight: 300; }
    ul.bannerContainer p.lead:last-of-type {
      padding-bottom: 1em; }

li.banner-item {
  margin: 0;
  padding: 0;
  display: block;
  width: 33.333333333%;
  float: left;
  font-size: 1em;
  background-size: cover;
  background-repeat: no-repeat; }
  li.banner-item.full {
    min-height: 450px;
    width: 100%;
    background-position: center center; }
  li.banner-item.full.news {
    width: 100%;
    background-color: #fff;
    background-blend-mode: multiply;
    background-image: none;
    height: auto;
    font-size: 1em !important; }
    li.banner-item.full.news .text-link {
      text-align: center; }
    li.banner-item.full.news p,
    li.banner-item.full.news h2 {
      color: #243842;
      text-align: center; }
    @media only screen and (max-width: 769px) {
      li.banner-item.full.news {
        width: 100%;
        height: auto; } }
  li.banner-item.first {
    background-color: #8b6dbb;
    background-position: center center; }
  li.banner-item.second {
    background-color: #8b6dbb;
    background-position: center center; }
  li.banner-item.third {
    background-position: center center;
    background-color: #8b6dbb; }
  li.banner-item.aboutFirst {
    background-color: #8b6dbb; }
    @media only screen and (max-width: 769px) {
      li.banner-item.aboutFirst {
        width: 50%;
        height: 250px; } }
    @media only screen and (max-width: 700px) {
      li.banner-item.aboutFirst {
        height: 180px; } }
  li.banner-item.aboutSecond {
    background-color: #8b6dbb; }
    @media only screen and (max-width: 769px) {
      li.banner-item.aboutSecond {
        width: 50%;
        height: 250px; } }
    @media only screen and (max-width: 700px) {
      li.banner-item.aboutSecond {
        height: 180px; } }
  li.banner-item.aboutThird {
    background-color: #8b6dbb;
    background-position: right center; }
    @media only screen and (max-width: 769px) {
      li.banner-item.aboutThird {
        width: 100%;
        height: 250px;
        background-position: center top; } }
    @media only screen and (max-width: 700px) {
      li.banner-item.aboutThird {
        height: 180px; } }
.banner-overlay {
  position: absolute; }

ul.bannerContainer {
  list-style: none;
  padding: 0;
  margin: 0 0 0;
  flex-wrap: wrap;
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap; }

li.banner-item {
  width: 33.33333333%;
  margin: 0;
  justify-content: center; }
  @media only screen and (max-width: 700px) {
    li.banner-item {
      width: 100%; } }
.Home ul.bannerContainer,
.publications ul.bannerContainer {
  list-style: none;
  padding: 0;
  margin: 0 0 0;
  flex-wrap: wrap;
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap; }

.Home li.banner-item,
.publications li.banner-item {
  width: 33.3%;
  margin: 0;
  justify-content: center; }
  @media only screen and (max-width: 700px) {
    .Home li.banner-item,
    .publications li.banner-item {
      width: 100%; } }
  .Home li.banner-item:before,
  .publications li.banner-item:before {
    content: "";
    display: block;
    padding-top: 100%; }

.centerContainer {
  width: 50%;
  display: block;
  margin: 0 auto; }
  .centerContainer .btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 200px; }
    @media only screen and (min-width: 961px) {
      .centerContainer .btn {
        transform: translateY(-20px); } }
.theme-circle-container h2 {
  font-size: 3.375em;
  line-height: 1em;
  font-weight: 400;
  margin-bottom: 0.5555555556em;
  text-transform: uppercase; }
  .theme-circle-container h2::after {
    clear: both;
    content: "";
    display: block; }
  .theme-circle-container h2 span {
    font-weight: 700; }

.theme-circle-container:before {
  content: " ";
  display: block;
  position: absolute;
  background: #943A80;
  /* The Fallback */
  background: rgba(148, 58, 128, 0.1);
  width: 950px;
  height: 950px;
  border-radius: 50%;
  z-index: -1;
  top: -350px; }
  @media only screen and (max-width: 769px) {
    .theme-circle-container:before {
      width: 300px;
      height: 300px;
      left: -100px;
      top: 200px; } }
.content-container.circle-section {
  position: relative; }
  .content-container.circle-section::after {
    clear: both;
    content: "";
    display: block; }
  .content-container.circle-section:after {
    content: " ";
    display: block;
    position: absolute;
    background: #943A80;
    /* The Fallback */
    background: rgba(148, 58, 128, 0.2);
    bottom: -100px;
    margin-left: 0;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    z-index: -1; }
    @media only screen and (max-width: 769px) {
      .content-container.circle-section:after {
        right: -200px; } }
.theme-circle-item {
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 50%; }
  .theme-circle-item div {
    width: 80%;
    display: block;
    margin: 0 auto; }
  @media only screen and (min-width: 1218px) {
    .theme-circle-item.last {
      background: #943A80;
      /* The Fallback */
      background: rgba(148, 58, 128, 0.2);
      margin: 0;
      padding: 0; } }
.aricles-more {
  position: relative;
  display: flex;
  flex: 0 1 100%;
  justify-content: space-between; }
  @media only screen and (max-width: 700px) {
    .aricles-more {
      flex-direction: column; } }
  .aricles-more:before {
    content: "";
    box-shadow: -1.5em 0 0 0 #593e84;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0; }
  .aricles-more:after {
    content: "";
    box-shadow: -1.5em 0 0 0 #593e84;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: -50px; }
    @media only screen and (max-width: 700px) {
      .aricles-more:after {
        right: -40px; } }
.article-previous__headline {
  color: #243842;
  font-size: 24px; }

.article-previous {
  text-align: left;
  max-width: 380px;
  margin-right: auto; }

.article-next {
  text-align: right;
  max-width: 380px;
  margin-left: auto; }
  @media only screen and (max-width: 700px) {
    .article-next {
      text-align: left;
      margin-top: 20px; } }
.previous-next {
  color: #243842; }
  .previous-next:after {
    content: " /";
    font-weight: 300; }

.article-link {
  color: #593e84;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  font-size: 18px;
  line-height: 1.333333333em;
  display: inline-block;
  font-weight: 700;
  opacity: 1; }
  .article-link:after {
    content: "\25ba";
    margin-left: 7px;
    font-size: 14px; }
  .article-link .test {
    margin: 0; }

#sb-site.layout--login {
  background-color: #593E84; }
  #sb-site.layout--login .site-header {
    background-color: #243842; }
  #sb-site.layout--login .content-container {
    height: calc(100% - 146px); }
    @media only screen and (max-width: 700px) {
      #sb-site.layout--login .content-container {
        height: calc(100% - 54px); } }
  #sb-site.layout--login .site-header,
  #sb-site.layout--login .btn {
    background-color: #243842; }
  #sb-site.layout--login .breadcrumb:before {
    box-shadow: -1.5em 0 0 0 #ffffff; }
  #sb-site.layout--login .breadcrumb h1,
  #sb-site.layout--login a,
  #sb-site.layout--login form span,
  #sb-site.layout--login .breadcrumb li a,
  #sb-site.layout--login h2,
  #sb-site.layout--login .frmLabel,
  #sb-site.layout--login p {
    color: #fff; }

.site-footer.site-footer--login {
  background-color: #593E84; }

/* ==========================================================================
   GENERIC
   ========================================================================== */
html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #DDDDD9;
  margin: 3.75em auto;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

img {
  max-width: 100%; }

a:hover {
  cursor: pointer; }

a,
a:active,
a:focus {
  outline: none; }

/*
 * No top margin on all elements
 */
* {
  margin-top: 0; }

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

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

/* layout & grid overrides */
ul {
  list-style: disc inside none; }

ul,
ol {
  list-style-position: outside;
  margin-left: 0px;
  padding-left: 0px; }
  ul li,
  ol li {
    margin-bottom: 0;
    margin-left: 1.1em; }

.highlight-capps {
  text-transform: uppercase;
  color: #943A80;
  padding-top: 10px;
  font-weight: bold; }

dd {
  margin: 0; }

.layout,
.row-fluid,
.span-6,
.radiobuttonlist,
.singlechoice {
  position: relative;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0; }
  .layout > li,
  .row-fluid > li,
  .span-6 > li,
  .radiobuttonlist > li,
  .singlechoice > li {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0; }
  .layout ul ul,
  .row-fluid ul ul,
  .span-6 ul ul,
  .radiobuttonlist ul ul,
  .singlechoice ul ul {
    list-style-type: disc; }

.top-layer {
  position: relative;
  z-index: 8000; }

.floated {
  float: left; }

.floated-right {
  float: right; }

@media only screen and (max-width: 700px) {
  .m-no-float {
    float: none !important; } }

@media only screen and (max-width: 960px) {
  .bd-no-float {
    float: none !important; } }

@media only screen and (max-width: 769px) {
  .t-no-float {
    float: none !important; } }

.floated-list > li,
.floated-list > dt,
.floated-list > dd {
  float: left;
  list-style-type: none; }

.inline-list > li,
.inline-list > dt,
.inline-list > dd {
  display: inline-block; }

@media only screen and (max-width: 1279px) {
  .inline-list.m-block-100 > li,
  .inline-list.m-block-100 > dt,
  .inline-list.m-block-100 > dd {
    display: block; } }

.inline-list.centered {
  text-align: center; }

.comma-seperated-list li:after {
  content: ", "; }

.comma-seperated-list li:last-child:after {
  content: "";
  padding-right: 0; }

.pipe-separated-list li {
  margin-right: 0.2em; }
  .pipe-separated-list li:after {
    content: " | ";
    padding-left: 0.2em; }
  .pipe-separated-list li:last-child {
    margin-right: 0; }
    .pipe-separated-list li:last-child:after {
      content: ""; }

.table-list {
  padding-left: 0;
  margin-left: 0;
  display: table;
  table-layout: fixed;
  text-align: center; }
  .table-list li {
    display: table-cell; }
    @media only screen and (max-width: 700px) {
      .table-list li {
        margin: 0 0 1.25em 0; } }
nav ul {
  margin-left: 0;
  padding-left: 0; }
  nav ul li {
    list-style-type: none; }
    nav ul li a {
      text-decoration: none; }

.inline-block {
  display: inline-block; }

.vertical-center-parent {
  display: table;
  table-layout: fixed;
  width: 100%; }

.vertical-center {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.align-bottom {
  position: absolute;
  bottom: 0;
  right: 0; }
  @media only screen and (max-width: 700px) {
    .align-bottom {
      position: relative;
      margin-top: 1em; } }
  .align-bottom li:last-child {
    padding-right: 0; }
    .align-bottom li:last-child:after {
      padding-left: 0; }

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

@media only screen and (max-width: 700px) {
  .m-centered-copy {
    text-align: center; } }

@media only screen and (max-width: 769px) {
  .t-centered-copy {
    text-align: center; } }

/* ==========================================================================
   BASE
   ========================================================================== */
body {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  line-height: 1.5em;
  color: #243842; }
  @media only screen and (max-width: 700px) {
    body {
      font-size: 0.875em;
      line-height: 1.571428571em; } }
h1 {
  font-size: 3.375em;
  line-height: 1.111111111em;
  font-weight: 700; }
  @media only screen and (max-width: 1024px) {
    h1 {
      font-size: 2em; } }
  @media only screen and (max-width: 769px) {
    h1 {
      font-size: 2.7em; } }
  @media only screen and (max-width: 700px) {
    h1 {
      font-size: 2.571428571em; } }
h2 {
  font-size: 1.875em;
  line-height: 1.166666667em;
  font-weight: 600; }
  @media only screen and (max-width: 700px) {
    h2 {
      font-size: 1.5em; } }
h3,
.panel h2,
.staff h2,
.accordion h2,
.tag-search h2 {
  font-size: 1.3125em;
  line-height: 1.333333333em;
  font-weight: 600; }
  @media only screen and (max-width: 700px) {
    h3,
    .panel h2,
    .staff h2,
    .accordion h2,
    .tag-search h2 {
      font-size: 1.285714286em; } }
h1 a,
h2 a,
h3 a,
h4 a {
  text-decoration: none; }

section {
  padding: 5em 0; }

p {
  margin-bottom: 1.5em; }

a {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #593E84; }
  .reverse a {
    color: white; }
  a:focus {
    outline: none; }

.btn,
button {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif;
  border-radius: 0;
  border: none;
  display: inline-block;
  text-decoration: none;
  background: none;
  font-weight: 600; }
  .btn:focus,
  button:focus {
    outline: none; }
  @media only screen and (max-width: 440px) {
    .btn#nextComplaint,
    button#nextComplaint {
      margin-bottom: 20px; } }
input,
textarea {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale; }
  input:focus,
  textarea:focus {
    outline: none; }

textarea {
  height: 178px; }

/* ==========================================================================
   OBJECTS
   ========================================================================== */
#devGrid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 999999;
  pointer-events: none; }
  #devGrid > * {
    background: rgba(255, 0, 0, 0.15);
    height: 100%;
    width: 12.5%;
    margin-left: 12.5%; }
    @media only screen and (max-width: 700px) {
      #devGrid > * {
        width: 46.875%;
        margin-left: 6.25%; } }
    #devGrid > *:first-child {
      margin-left: 0; }
  @media only screen and (max-width: 700px) {
    #devGrid .d {
      display: none; } }
.col-1 {
  width: 75%;
  margin: 0 auto; }
  @media only screen and (max-width: 960px) {
    .col-1 {
      width: 100%; } }
  .col-1 > li,
  .col-1 li.col {
    margin-bottom: 1.875em; }
    @media only screen and (max-width: 700px) {
      .col-1 > li,
      .col-1 li.col {
        margin-bottom: 2.5em; } }
    @media only screen and (max-width: 700px) {
      .col-1 > li:last-child,
      .col-1 li.col:last-child {
        margin-bottom: 0; } }
  .col-1 .col {
    width: 48.2758621%;
    margin-left: 3.4482759%; }
    .col-1 .col:nth-child(2n + 1) {
      margin-left: 0;
      clear: both; }

.col img + * {
  margin-top: 30px; }

.col-1-wide {
  padding: 3.5em 80px; }
  .col-1-wide::after {
    clear: both;
    content: "";
    display: block; }
  @media only screen and (max-width: 960px) {
    .col-1-wide {
      padding: 3.5em 0; } }
  .col-1-wide .white-box {
    background: #fff;
    position: relative;
    display: block;
    float: left;
    padding: 60px;
    width: 49%;
    margin-top: 1.5em; }
    @media only screen and (max-width: 960px) {
      .col-1-wide .white-box {
        width: 100%;
        float: none;
        padding: 20px 5px 20px 10px; } }
    .col-1-wide .white-box--border {
      border: 1px solid #eee; }
    @media only screen and (max-width: 960px) {
      .col-1-wide .white-box h2 {
        margin-bottom: 0; } }
  .col-1-wide .white-box-full {
    background: #fff;
    position: relative;
    display: block;
    float: left;
    padding: 80px;
    width: 100%;
    margin-top: 1.5em; }
    @media only screen and (max-width: 960px) {
      .col-1-wide .white-box-full {
        width: 100%;
        float: none;
        padding: 20px; } }
    .col-1-wide .white-box-full--border {
      border: 1px solid #eee; }
    @media only screen and (max-width: 960px) {
      .col-1-wide .white-box-full h2 {
        margin-bottom: 0; } }
.white-box:nth-of-type(odd) {
  margin-right: 1%; }
  @media only screen and (max-width: 960px) {
    .white-box:nth-of-type(odd) {
      margin-right: 0; } }
.white-box:nth-of-type(even) {
  margin-left: 1%; }
  @media only screen and (max-width: 960px) {
    .white-box:nth-of-type(even) {
      margin-left: 0; } }
.col-2-layout > * {
  width: 50%;
  margin-left: 1.7241379%; }
  @media only screen and (max-width: 700px) {
    .col-2-layout > * {
      width: 37.5%;
      margin-left: 5%; } }
  .col-2-layout > *:nth-child(2n + 1) {
    width: 48.2758621%;
    margin-left: 0; }

.col-2-layout .col {
  width: 48.2142857%;
  margin-left: 3.5714286%; }
  @media only screen and (max-width: 700px) {
    .col-2-layout .col {
      width: 46.875%;
      margin-left: 6.25%; } }
  .col-2-layout .col:first-child {
    margin-left: 0; }

.col-2-layout .adr {
  float: left; }

.col-2-layout h1 {
  max-width: 77.6785714%; }

.col-3-layout {
  margin-left: 12.5%; }
  @media only screen and (max-width: 700px) {
    .col-3-layout {
      margin-left: 0; } }
  .col-3-layout > * {
    width: 28.5714286%;
    padding-left: 1.9704433%;
    padding-right: 1.9704433%; }
    @media only screen and (max-width: 700px) {
      .col-3-layout > * {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 4.285714286em !important; } }
  .col-3-layout .wide-col {
    width: 57.1428572%; }

@media only screen and (max-width: 700px) {
  .col-3-layout-full {
    margin-left: 0; } }

.col-3-layout-full > * {
  width: 33.3333333333%; }
  @media only screen and (max-width: 700px) {
    .col-3-layout-full > * {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 4.285714286em !important; } }
.col-4-layout > * {
  width: 23.2758621%;
  margin-left: 1.7241379%; }
  @media only screen and (max-width: 700px) {
    .col-4-layout > * {
      padding-bottom: 2.142857143em;
      margin-bottom: 2.142857143em;
      border-bottom: 1px solid #243842; } }
  .site-footer .col-4-layout > * {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }
  @media only screen and (max-width: 700px) {
    .col-4-layout > *:first-child, .col-4-layout > *:last-child {
      border: none;
      margin-bottom: 0;
      padding-bottom: 0; } }
  .col-4-layout > *:nth-child(4n + 1) {
    margin-left: 0; }

.col-2-layout .push-col-2 {
  margin-left: 50%; }

@media only screen and (max-width: 700px) {
  .site-footer .push-col-2 {
    margin-left: 0; } }

@media only screen and (max-width: 700px) {
  .m-border-list > * {
    border-bottom: 1px solid #243842;
    margin-bottom: 2.142857143em;
    padding-bottom: 2.142857143em; } }

.m-border-list > *:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.border-list > * {
  border-bottom: 1px solid #D2D2CD;
  margin-bottom: 3.125em;
  padding-bottom: 3.125em; }

.call-outs .vertical-center-parent {
  height: 100%; }

.full-width-box {
  padding: 3.125em 0; }

.col-1 + .full-width-box {
  margin-top: 3.125em; }

.accordion {
  position: relative;
  counter-reset: accordion-counter;
  overflow: auto;
  clear: both; }
  .accordion dt:first-child + dd {
    display: block; }
  .accordion h2 {
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    padding-right: 24px; }
  .accordion dt {
    margin-top: 1.25em;
    padding: 1em 4.5977011% 1em 80px;
    background: #EDEDE6;
    position: relative; }
    @media only screen and (max-width: 700px) {
      .accordion dt {
        padding-left: 68px; } }
    .accordion dt:before {
      content: counter(accordion-counter);
      counter-increment: accordion-counter;
      position: absolute;
      top: 0;
      left: 0;
      background: #593E84;
      font-size: 1.3125em;
      height: 100%;
      width: 60px;
      font-weight: 700;
      line-height: 2.9em;
      color: white;
      text-align: center; }
      @media only screen and (max-width: 700px) {
        .accordion dt:before {
          width: 52px; } }
    .accordion dt:after {
      content: url(../img/icon-arrow-open.svg);
      position: absolute;
      top: 50%;
      right: 4.5977011%;
      margin-top: -11px; }
      @media only screen and (max-width: 700px) {
        .accordion dt:after {
          margin-top: -9px; } }
  .accordion dd {
    display: none;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #EDEDE6; }
    .accordion dd div {
      border: 2px solid #EDEDE6;
      border-top: none;
      border-bottom: none;
      padding: 2.5em 4.5977011%; }
  .accordion .active {
    margin-bottom: 0; }
    .accordion .active:after {
      content: url(../img/icon-arrow-close.svg); }

.accordion + * {
  margin-top: 2.5em; }

.pagination {
  font-size: 1.125em;
  margin-top: 2.777777778em;
  text-align: right; }
  @media only screen and (max-width: 700px) {
    .pagination {
      text-align: center;
      font-size: 1.285714286em; } }
  .pagination a {
    color: #243842;
    text-decoration: none; }
  .pagination li {
    margin-left: 0.5em; }
    .pagination li:first-child {
      margin-left: 0; }
  .pagination .current {
    font-weight: 600;
    text-decoration: underline; }
  .pagination .prev,
  .pagination .next {
    width: 9px;
    height: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block; }
  .pagination .prev {
    background: url(../img/icon-link-arrow-blue-alt.svg) no-repeat 0 0; }
  .pagination .next {
    background: url(../img/icon-link-arrow-blue.svg) no-repeat 0 0; }

/* ==========================================================================
   COMPONENTS
   ========================================================================== */
.bg-grey {
  background: #EDEDE6; }

.bg-grey-light {
  background: #f8f8f5; }

.bg-dark-grey {
  background: #D2D2CD; }

.bg-light-blue {
  background: #B3C3C3; }
  .bg-light-blue h1 {
    color: white; }

.bg-brand-blue {
  background: #243842; }

.bg-brand-pink {
  background: #943A80; }

.bg-purple {
  background: #593E84; }

html.touch.sb-active,
.touch.sb-active body {
  position: fixed;
  overflow: hidden; }

.site-header {
  background-color: #593E84;
  padding: 15px 0;
  position: fixed;
  opacity: 1;
  z-index: 999999999;
  -moz-transition: background 0.15s ease-in-out;
  -webkit-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  width: 100%;
  top: 0; }
  @media only screen and (min-width: 961px) {
    .site-header {
      position: relative;
      z-index: 0; } }
.site-header-scroll {
  opacity: 0; }

.content-container-wide {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto; }

.content-container {
  max-width: 1300px;
  width: 90.625%;
  margin: 0 auto; }
  @media only screen and (max-width: 960px) {
    .content-container {
      width: 90%; }
      .half-blocks .content-container {
        width: 100%; }
      .half-blocks-alt .content-container {
        width: 100%; } }
  @media only screen and (max-width: 960px) {
    .main-nav .content-container {
      width: 100%; } }
@media only screen and (max-width: 700px) {
  .logo img {
    height: 45px; } }

.site-search {
  float: right; }
  @media only screen and (max-width: 960px) {
    .site-search {
      float: none;
      margin: 0 20px;
      padding-bottom: 1.666666667em; } }
  @media only screen and (max-width: 960px) and (max-width: 960px) {
    .site-search {
      padding-bottom: 0; } }
  @media only screen and (max-width: 700px) {
    .site-search {
      font-size: 1.285714286em; } }
#siteSearchForm {
  padding-top: 11px; }
  @media only screen and (max-width: 960px) {
    #siteSearchForm {
      display: block;
      padding-top: 30px; } }
  #siteSearchForm fieldset {
    -moz-transition: background 0.15s ease-in-out;
    -webkit-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    background-color: #422e61;
    position: relative;
    border-radius: 3px; }
    @media only screen and (max-width: 960px) {
      #siteSearchForm fieldset {
        background-color: #422e61; } }
  #siteSearchForm .site-search-input {
    width: 100%;
    background: none;
    border: none;
    color: white;
    padding: 0.5em;
    margin-bottom: 0; }
    @media only screen and (max-width: 769px) {
      #siteSearchForm .site-search-input {
        padding: 1em 0.5em; } }
    @media only screen and (min-width: 961px) {
      #siteSearchForm .site-search-input {
        min-width: 220px; } }
    #siteSearchForm .site-search-input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #c2b3db;
      font-weight: normal; }
    #siteSearchForm .site-search-input::-moz-placeholder {
      /* Firefox 19+ */
      color: #c2b3db;
      font-weight: normal; }
    #siteSearchForm .site-search-input:-ms-input-placeholder {
      /* IE 10+ */
      color: #c2b3db;
      font-weight: normal; }
    #siteSearchForm .site-search-input:-moz-placeholder {
      /* Firefox 18- */
      color: #c2b3db;
      font-weight: normal; }
  #siteSearchForm .btn {
    background: url(../img/icon-search.svg) no-repeat 0 0;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -13px;
    padding: 0; }

.fixed-sticky {
  transform: translate3d(0, 0, 0); }

.hero-panel {
  background-color: #EDEDE6;
  min-height: 600px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: bottom center; }
  @media only screen and (max-width: 700px) {
    .hero-panel {
      padding: 146px 0 0;
      min-height: 0; } }
  .hero-panel .vertical-center-parent {
    height: 50%;
    padding-top: 90px; }
    @media only screen and (max-width: 700px) {
      .hero-panel .vertical-center-parent {
        height: auto;
        padding: 0 5% 70px; } }
  .hero-panel h1 {
    font-size: 2.25em;
    font-weight: 600;
    line-height: 1.333333333em;
    width: 90%;
    max-width: 975px;
    margin: 0 auto; }
  @media only screen and (min-width: 701px) {
    .hero-panel picture {
      display: none; } }
.bannerTop-panel {
  background-color: #EDEDE6;
  text-align: center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: bottom center; }
  @media only screen and (max-width: 700px) {
    .bannerTop-panel {
      padding: 2.5em 0;
      min-height: 0; } }
  .bannerTop-panel .vertical-center-parent {
    height: 50%;
    padding-top: 0; }
    @media only screen and (max-width: 700px) {
      .bannerTop-panel .vertical-center-parent {
        height: auto;
        padding: 0 5% 10px; } }
  .bannerTop-panel h1 {
    margin-bottom: 0;
    text-transform: uppercase; }
  .bannerTop-panel h1.quote {
    width: 90%;
    max-width: 740px;
    margin: 0 auto;
    text-transform: none;
    font-size: 1.875em;
    line-height: 1.333333333em;
    font-weight: 600; }
    @media only screen and (max-width: 700px) {
      .bannerTop-panel h1.quote {
        font-size: 22px; } }
  @media only screen and (min-width: 701px) {
    .bannerTop-panel picture {
      display: none; } }
.main-nav {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  background: #999999;
  z-index: 99;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
  transform: translate3d(0px, 0px, 0px);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 961px) {
    .main-nav {
      position: static;
      margin-bottom: -57px; } }
  .main-nav.fixedsticky-on {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 960px) {
    .main-nav {
      position: relative;
      /* HIDE BY DEFAULT THEN SHOW IN JS TO PREVENT FLASH STYLING*/
      display: none;
      background: transparent; } }
  .no-js .main-nav {
    display: block; }
  @media only screen and (min-width: 961px) {
    .Home .main-nav ul {
      /*border-top: 2px solid white;*/ } }
  .main-nav li {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1em; }
    @media only screen and (min-width: 701px) {
      .main-nav li {
        font-size: 1em; } }
    @media only screen and (max-width: 960px) {
      .main-nav li {
        float: none; } }
    @media only screen and (min-width: 961px) {
      .main-nav li:last-child {
        float: right; } }
    .main-nav li:last-child a {
      font-weight: 700; }
    @media only screen and (max-width: 960px) {
      .main-nav li:hover {
        color: #fff; } }
  .main-nav a {
    color: #fff;
    display: block;
    padding: 1em 0.8em; }
    @media only screen and (max-width: 960px) {
      .main-nav a {
        color: white;
        border-bottom: 1px solid #243842;
        margin: 0 20px;
        padding: 0.8em 0; } }
    @media only screen and (min-width: 701px) {
      .main-nav a {
        padding: 1.2em 0.8em; } }
    @media only screen and (max-width: 700px) {
      .main-nav a {
        font-size: 1.285714286em; } }
    .main-nav a:hover {
      background: #edede6;
      color: #593E84;
      cursor: pointer; }
      @media only screen and (max-width: 960px) {
        .main-nav a:hover {
          background: #593E84;
          color: #fff; } }
    .main-nav a.current {
      background-color: #edede6;
      color: #593E84; }
      @media only screen and (max-width: 960px) {
        .main-nav a.current {
          background-color: #593E84;
          color: #fff; } }
.sticky {
  position: fixed;
  top: 0; }

.fixedsticky-on ul {
  border-top: none !important; }

@media only screen and (min-width: 961px) {
  .main-nav + * {
    margin-top: 57px; } }

.hamburger {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #4d3673;
  padding: 0;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  border: 0;
  margin: 0;
  overflow: visible;
  height: 100%;
  z-index: 99999; }
  @media only screen and (max-width: 960px) {
    .hamburger {
      display: block; } }
.hamburger-box {
  width: 74px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: white;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner {
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -12px; }
  .hamburger-inner:before, .hamburger-inner:after {
    content: "";
    display: block; }
  .hamburger-inner:before {
    top: -10px; }
  .hamburger-inner:after {
    bottom: -10px; }

/*
 * Arrow Right
 */
.sb-active .hamburger--arrow-r .hamburger-inner {
  background-color: #4d3673; }

.sb-active .hamburger--arrow-r .hamburger-inner::before {
  -webkit-transform: translate3d(0, 4px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(0, 4px, 0) rotate(45deg) scale(0.7, 1); }

.sb-active .hamburger--arrow-r .hamburger-inner::after {
  -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(0, -4px, 0) rotate(-45deg) scale(0.7, 1); }

.breadcrumb {
  margin-bottom: 2.5em;
  position: relative; }
  .breadcrumb:before {
    content: "";
    box-shadow: -1.5em 0 0 0 #593E84;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0; }
    .col-2-layout .breadcrumb:before {
      box-shadow: none; }
    @media only screen and (max-width: 960px) {
      .breadcrumb:before {
        box-shadow: none; } }
  @media only screen and (max-width: 700px) {
    .breadcrumb {
      margin-bottom: 3em; } }
  .breadcrumb h1 {
    margin-bottom: 0; }
  .breadcrumb li:after {
    content: " /";
    font-weight: 300; }
  .breadcrumb li:last-child {
    display: block; }
    .breadcrumb li:last-child:after {
      content: ""; }
  .breadcrumb li a {
    font-size: 1.3125em;
    line-height: 1.333333333em;
    font-weight: 300;
    color: #243842;
    text-decoration: none; }

.breadcrumb-published-date:after,
.breadcrumb-headline:after {
  display: none !important; }

.breadcrumb-headline {
  padding-bottom: 10px;
  display: block !important; }

.sb-site {
  position: relative; }

.sb-slidebar {
  background-color: #593E84;
  position: fixed; }

.site-footer {
  background-color: #243842;
  color: rgba(255, 255, 255, 0.4);
  padding: 3.75em 0 0;
  z-index: 1; }
  .site-footer address {
    font-style: normal; }
  .site-footer h4 {
    color: #aa709f;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em; }
    @media only screen and (max-width: 960px) {
      .site-footer h4 {
        clear: both;
        margin-top: 20px; } }
  .site-footer ul,
  .site-footer li {
    list-style: none;
    margin-left: 0; }
  .site-footer a {
    text-decoration: none; }
  .site-footer .useful-links {
    text-transform: uppercase;
    line-height: 2em; }
    .site-footer .useful-links li:nth-child(1) {
      font-weight: bold; }
    .site-footer .useful-links a:hover {
      opacity: 0.7; }
  .site-footer .list-highlight {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .site-footer .list-highlight:hover {
    opacity: 0.7;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .site-footer li.list-highlight {
    padding-bottom: 10px; }
    .site-footer li.list-highlight a {
      text-decoration: underline; }
  .site-footer .footer-btn-contaner {
    float: right; }
    @media only screen and (max-width: 700px) {
      .site-footer .footer-btn-contaner {
        float: none; } }
    .site-footer .footer-btn-contaner .btn {
      float: right; }
      @media only screen and (max-width: 700px) {
        .site-footer .footer-btn-contaner .btn {
          float: none; } }
      .site-footer .footer-btn-contaner .btn:nth-child(1) {
        margin-bottom: 10px; }

.footer-copy__container {
  display: flex;
  justify-content: center; }

.footer-copy {
  background-color: #999;
  width: 100%;
  margin-top: 3.75em; }

.footer-copy__details {
  color: #fff;
  padding: 20px;
  display: flex;
  flex: 0 1 1340px;
  line-height: 1; }

@media only screen and (max-width: 700px) {
  .secondary-nav {
    position: absolute;
    float: none;
    top: 0;
    right: 0;
    width: 46.875%;
    margin-left: 0; } }

.text-link,
form .primary,
.saveContinue,
.formSubmit {
  color: #943A80;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  font-size: 18px;
  line-height: 1.333333333em;
  display: inline-block;
  font-weight: 700;
  opacity: 1; }
  @media only screen and (max-width: 700px) {
    .text-link,
    form .primary,
    .saveContinue,
    .formSubmit {
      font-size: 1.285714286em;
      line-height: 1.333333333em; } }
  .site-footer .text-link, .site-footer form .primary, .site-footer .saveContinue, .site-footer .formSubmit {
    font-size: 1em;
    line-height: 1.5em; }
    @media only screen and (max-width: 700px) {
      .site-footer .text-link, .site-footer form .primary, .site-footer .saveContinue, .site-footer .formSubmit {
        line-height: 1.571428571em; } }
  .text-link:after,
  form .primary:after,
  .saveContinue:after,
  .formSubmit:after {
    content: "\25ba";
    margin-left: 7px;
    font-size: 14px; }
    @media only screen and (max-width: 700px) {
      .site-footer .text-link:after, .site-footer form .primary:after, .site-footer .saveContinue:after, .site-footer .formSubmit:after {
        bottom: 6px; } }
  .text-link.toggle:after,
  form .primary.toggle:after,
  .saveContinue.toggle:after,
  .formSubmit.toggle:after {
    width: 9px;
    height: 8px; }
  .text-link.toggle.on:after,
  form .primary.toggle.on:after,
  .saveContinue.toggle.on:after,
  .formSubmit.toggle.on:after {
    background-position: 0 0; }
  .text-link:hover,
  form .primary:hover,
  .saveContinue:hover,
  .formSubmit:hover {
    color: #593E84; }
  .reverse .text-link, .reverse form .primary, .reverse .saveContinue, .reverse .formSubmit {
    opacity: 1; }
    .reverse .text-link:after, .reverse form .primary:after, .reverse .saveContinue:after, .reverse .formSubmit:after {
      content: ""; }
    .reverse .text-link:hover, .reverse form .primary:hover, .reverse .saveContinue:hover, .reverse .formSubmit:hover {
      opacity: 0.6; }

.text-link.btn:after,
form .btn:after {
  position: relative;
  top: 0px; }

.link-list li {
  margin-bottom: 1.2em; }

.box-links {
  border-top: 1px solid #243842;
  border-left: 1px solid #243842; }
  .box-links.single {
    border-top: none; }
    .box-links.single li {
      border-top: 1px solid #243842; }
  .box-links li {
    border: 1px solid #243842;
    border-top: none;
    border-left: none;
    padding: 1em 2em 1em 1em;
    text-align: center;
    width: 50%; }

.btn {
  -moz-transition: background 0.15s ease-in-out;
  -webkit-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: #4E2683;
  display: inline-block;
  padding: 1em 3em;
  border-radius: 5px;
  opacity: 1 !important;
  color: #fff;
  text-transform: uppercase; }
  .btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed; }
  .filter .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background: #243842; }
    .filter .btn.current {
      background: #593E84;
      color: white; }
  @media only screen and (min-width: 701px) {
    .results .btn {
      padding-left: 0;
      padding-right: 0;
      float: left;
      text-align: center;
      width: 33.3333333%; } }
  .btn.primary {
    background: #243842;
    color: white; }
  .btn.btn-inverse {
    background-color: #fff;
    color: #943A80; }
  .btn.btn-inverse:hover {
    background-color: #943A80;
    color: #fff; }
  .reverse .btn {
    color: #943A80; }
  .btn.btn-pink, .site-footer .footer-btn-contaner .btn:nth-child(1) {
    background-color: #943A80;
    color: #fff;
    font-weight: 600; }
  .btn.btn-pink:hover, .site-footer .footer-btn-contaner .btn:hover:nth-child(1) {
    background-color: #a64190 !important;
    color: #fff;
    letter-spacing: 0.08em; }
  .btn.btn-purple {
    background-color: #593E84;
    color: #fff;
    font-weight: 600; }
  .btn.btn-purple:hover {
    background-color: #654695 !important;
    color: #fff;
    letter-spacing: 0.08em; }
  .btn.btn-grey {
    background-color: #D2D2CD;
    color: #fff;
    font-weight: 600; }
  .btn.btn-grey:hover {
    background-color: #dededa !important;
    color: #fff;
    letter-spacing: 0.08em; }
  .btn.btn-social, .site-footer .footer-btn-contaner .btn:nth-child(2) {
    background-color: #1DA1F2;
    color: #fff;
    margin-top: 10px !important;
    letter-spacing: 0.08em;
    font-weight: 600; }
    .btn.btn-social:after, .site-footer .footer-btn-contaner .btn:nth-child(2):after {
      content: " ";
      position: absolute;
      margin-left: 5px;
      height: 24px;
      width: 24px;
      background: url(../img/twitter-logo.png) no-repeat center center; }
  .btn.btn-social:hover, .site-footer .footer-btn-contaner .btn:hover:nth-child(2) {
    background-color: #35abf3 !important;
    color: #fff;
    margin-top: 10px !important; }
    .btn.btn-social:hover:after, .site-footer .footer-btn-contaner .btn:hover:nth-child(2):after {
      content: " ";
      display: block;
      float: right;
      margin-left: 5px;
      height: 24px;
      width: 24px;
      background: url(../img/twitter-logo.png) no-repeat center center !important; }
  @media only screen and (max-width: 700px) {
    .btn {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center; } }
  .btn:not(.disabled):hover {
    color: white;
    opacity: 1 !important; }
    .btn:not(.disabled):hover.primary {
      background: #B3C3C3;
      color: #243842; }
    .bg-brand-blue .btn:not(.disabled):hover {
      background: #593E84; }
    .bg-purple .btn:not(.disabled):hover {
      background: #243842; }

.d8button {
  font-size: 1.125em; }
  @media only screen and (max-width: 700px) {
    .d8button {
      font-size: 1.18em; } }
p + .btn {
  margin-top: 2.333333333em;
  margin-bottom: 20px; }
  .results p + .btn {
    margin-top: 0; }
  @media only screen and (max-width: 700px) {
    p + .btn {
      margin-top: 1.333333333em; } }
ul.layout.inline-list article.layout p + .btn {
  margin-top: 0; }

@media only screen and (min-width: 701px) {
  .results .btn + * {
    margin-top: 0; } }

@media only screen and (min-width: 701px) {
  .btn + .tag-list {
    width: 62.0689655%;
    margin-left: 4.5977011%;
    float: left; } }

.date {
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.5em;
  margin-top: 1.5em; }
  @media only screen and (max-width: 700px) {
    .date {
      font-size: 0.857142857em; } }
.half-blocks {
  background: linear-gradient(to right, #243842 0%, #243842 50%, #593E84 50%, #593E84 100%); }
  .half-blocks .btn {
    font-weight: 700;
    margin-top: 2.1875em; }
  @media only screen and (max-width: 960px) {
    .half-blocks h1 {
      font-size: 3em; } }
  @media only screen and (min-width: 961px) {
    .half-blocks h1 {
      max-width: 431px; } }
  @media only screen and (max-width: 960px) {
    .half-blocks {
      background: none;
      padding: 0; } }
  .half-blocks .col {
    width: 50%;
    padding: 0 6%; }
    @media only screen and (max-width: 960px) {
      .half-blocks .col {
        padding: 5.714285714em 5% !important; } }
    .half-blocks .col:first-child {
      padding-left: 0; }

.half-blocks-alt {
  background: linear-gradient(to right, #593E84 0%, #593E84 50%, #243842 50%, #243842 100%); }
  .half-blocks-alt .btn {
    font-weight: 700;
    margin-top: 2.1875em; }
  @media only screen and (max-width: 960px) {
    .half-blocks-alt h1 {
      font-size: 3em; } }
  @media only screen and (min-width: 961px) {
    .half-blocks-alt h1 {
      max-width: 431px; } }
  @media only screen and (max-width: 960px) {
    .half-blocks-alt {
      background: none;
      padding: 0; } }
  .half-blocks-alt .col {
    width: 50%;
    padding: 0 6%; }
    @media only screen and (max-width: 960px) {
      .half-blocks-alt .col {
        padding: 5.714285714em 5% !important; } }
    .half-blocks-alt .col:first-child {
      padding-left: 0; }

.banner-image {
  background: #EDEDE6; }

#location-map {
  height: 300px; }

@media only screen and (max-width: 700px) {
  .site-footer .vcard {
    float: none;
    width: 100%; } }

@media only screen and (max-width: 700px) {
  .site-footer .vcard ul {
    margin-bottom: 1.5em; } }

@media only screen and (max-width: 700px) {
  .site-footer .vcard .col {
    width: 100%;
    margin-left: 0;
    float: none; } }

.vcard .fn {
  max-width: 170px;
  font-weight: bold; }
  .site-footer .vcard .fn {
    color: white;
    font-weight: normal; }

.vcard .email:before {
  content: "Email: "; }
  .site-footer .vcard .email:before {
    color: white; }

.site-footer .vcard .tel {
  color: white; }

.reverse {
  color: white; }

/* FORMS */
.contactform h4 {
  font-size: 1.875em;
  line-height: 1.166666667em;
  font-weight: 600; }

.filter [data-filtername="location"] {
  min-width: 60px; }

.filter [data-filtername="type"] {
  min-width: 192px; }

.filter .dateSort {
  min-width: 110px; }

.filter .col {
  width: 24.2241379%;
  margin-left: 1.0344828%; }
  .filter .col:first-child {
    margin-left: 0; }

.filter .col-2 {
  width: 49.4827586%;
  margin-left: 1.0344828%; }

.filter .col-3 {
  width: 74.7413793%;
  margin-left: 1.0344828%; }

.filter .push-col {
  margin-left: 25.2586207% !important; }
  @media only screen and (max-width: 700px) {
    .filter .push-col {
      margin-left: 0 !important; } }
.filter .col + .push-col {
  margin-left: 26.2931034% !important; }
  @media only screen and (max-width: 700px) {
    .filter .col + .push-col {
      margin-left: 0 !important; } }
.filter .floated-list > li {
  margin-bottom: 0; }
  @media only screen and (max-width: 700px) {
    .filter .floated-list > li {
      margin-bottom: 1.428571429em; } }
.filter .table-list {
  width: 100%;
  table-layout: auto;
  text-align: left; }
  .filter .table-list li {
    padding-left: 12px;
    vertical-align: bottom; }
    .filter .table-list li:first-child {
      padding-left: 0; }
    @media only screen and (max-width: 700px) {
      .filter .table-list li {
        padding-left: 0 !important; } }
  .filter .table-list.m-no-block li {
    padding-left: 12px !important; }
    .filter .table-list.m-no-block li:first-child {
      padding-left: 0 !important; }

.filter input {
  margin-bottom: 0 !important; }

/* TAGS */
.tag-toggle {
  display: inline-block;
  text-decoration: none; }
  .tag-toggle:before {
    content: "View "; }
  .tag-toggle.on:before {
    content: "Hide "; }

.tag-list ul {
  display: none; }
  .tag-list ul li:first-child {
    margin-top: 1em; }

.tag-list a {
  background: #EDEDE6;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  color: #243842;
  margin: 0 0.666666667em 0.666666667em 0;
  font-size: 0.9375em;
  padding: 0.266666667em 1em 0.4em; }
  .bg-grey .tag-list a {
    background: white; }
  .tag-list a:hover {
    background: #243842;
    color: white; }

.tag-search fieldset,
.investigate-form fieldset {
  background: transparent;
  position: relative;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 0; }
  .bg-grey .tag-search fieldset, .bg-grey .investigate-form fieldset {
    background: transparent; }

.tag-search .btn,
.investigate-form .btn {
  background: #243842 url(../img/icon-search.svg) no-repeat center;
  width: 60px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.tag-search input[type="text"],
.investigate-form input[type="text"] {
  margin-bottom: 0; }

.tm-input {
  border: none;
  font-size: 1.3125em; }
  @media only screen and (max-width: 700px) {
    .tm-input {
      font-size: 1.5em; } }
.tm-tag {
  background: #243842;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  margin: 0 0.666666667em 0.666666667em 0;
  font-size: 0.9375em;
  padding: 0.266666667em 1em 0.4em;
  vertical-align: middle; }

.tm-tag .tm-tag-remove {
  color: white;
  margin-left: 0.5em;
  opacity: 0.2; }

input[type="text"].tm-input {
  margin-top: 2px;
  margin-bottom: 12px;
  vertical-align: middle !important;
  background: none;
  padding: 0;
  width: auto;
  border: none; }

span + input[type="text"].tm-input {
  margin-top: 0; }

.dynamic .contourPage {
  counter-reset: step-counter; }
  .dynamic .contourPage fieldset:not(:first-child) {
    display: none; }
  .dynamic .contourPage legend {
    position: relative;
    width: 100%;
    font-size: 1.875em;
    line-height: 1.166666667em;
    margin-bottom: 20px;
    border-radius: 5px; }
    .dynamic .contourPage legend.off {
      color: #7C858C;
      font-size: 1.3125em;
      background: #EDEDE6;
      padding: 20px;
      cursor: pointer; }
      @media only screen and (max-width: 769px) {
        .dynamic .contourPage legend.off {
          margin-bottom: 50px; } }
      .dynamic .contourPage legend.off:before {
        content: "Step " counter(step-counter) " - ";
        color: #243842;
        display: inline; }
      @media only screen and (min-width: 769px) {
        .dynamic .contourPage legend.off:after {
          content: "EDIT";
          background: #243842;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          padding: 20px 30px;
          color: white;
          position: absolute;
          right: 0;
          top: 0;
          text-decoration: underline; } }
      @media only screen and (max-width: 769px) {
        .dynamic .contourPage legend.off:after {
          content: "EDIT";
          background: #243842;
          border-top-right-radius: 0;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
          padding: 10px 30px;
          width: 100%;
          color: white;
          position: absolute;
          right: 0;
          bottom: -32px;
          text-align: center;
          text-decoration: underline; } }
    .dynamic .contourPage legend:before {
      content: "Step " counter(step-counter);
      counter-increment: step-counter;
      color: #593E84;
      display: block; }

.continue {
  text-align: right;
  margin-bottom: 2.5em; }

.filter .radio-check-list {
  border-bottom: 1px solid #243842;
  margin-bottom: 1em; }

.radio-check-list .table-list li:first-child {
  width: 30%; }

.radio-check-list li {
  margin-bottom: 0;
  margin-left: 1.25em; }
  .radio-check-list li:first-child {
    margin-left: 0; }
  @media only screen and (max-width: 700px) {
    .radio-check-list li {
      margin-left: 0; } }
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + .inner label,
[type="radio"]:checked + .inner label {
  position: relative;
  cursor: pointer;
  background: #EDEDE6;
  border-radius: 5px;
  padding: 1.125em 3em;
  text-decoration: underline;
  text-transform: uppercase; }
  @media only screen and (max-width: 700px) {
    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + .inner label,
    [type="radio"]:checked + .inner label {
      margin-left: 5.5555556%;
      width: 47.2222222%;
      text-align: center; }
      [type="radio"]:not(:checked) + label:nth-of-type(3),
      [type="radio"]:checked + label:nth-of-type(3),
      [type="radio"]:not(:checked) + .inner label:nth-of-type(3),
      [type="radio"]:checked + .inner label:nth-of-type(3) {
        margin-left: 0; } }
  @media only screen and (max-width: 700px) {
    [type="radio"]:not(:checked) + label:nth-child(2),
    [type="radio"]:checked + label:nth-child(2),
    [type="radio"]:not(:checked) + .inner label:nth-child(2),
    [type="radio"]:checked + .inner label:nth-child(2) {
      margin-left: 0; } }
  .filter [type="radio"]:not(:checked) + label, .filter [type="radio"]:checked + label, .filter [type="radio"]:not(:checked) + .inner label, .filter [type="radio"]:checked + .inner label {
    background: transparent;
    border-radius: 0;
    text-decoration: none;
    text-transform: none;
    padding: 0 0 0 25px; }

[type="radio"]:checked + label {
  background: #243842;
  color: white; }
  .filter [type="radio"]:checked + label {
    background: transparent;
    color: #243842; }

.investigations,
.guidanceforpolice,
.ourbusiness,
.complaintreviews {
  display: none; }

/* radio aspect */
.filter {
  /* Base for label styling */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled radio */
  /* hover style just for information */ }
  .filter [type="radio"]:not(:checked),
  .filter [type="radio"]:checked,
  .filter [type="checkbox"]:not(:checked),
  .filter [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
  .filter [type="radio"]:not(:checked) + label,
  .filter [type="radio"]:checked + label,
  .filter [type="checkbox"]:not(:checked) + label,
  .filter [type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    background: transparent;
    border-radius: 0;
    text-decoration: none;
    text-transform: none;
    padding: 0 0 0 25px; }
    @media only screen and (max-width: 700px) {
      .filter [type="radio"]:not(:checked) + label:nth-child(2),
      .filter [type="radio"]:checked + label:nth-child(2),
      .filter [type="checkbox"]:not(:checked) + label:nth-child(2),
      .filter [type="checkbox"]:checked + label:nth-child(2) {
        margin-left: 0; } }
  .filter [type="radio"]:checked + label,
  .filter [type="checkbox"]:checked + label {
    background: transparent;
    color: #243842; }
  .filter [type="radio"]:not(:checked) + label:before,
  .filter [type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 2px solid #243842;
    border-radius: 50%;
    background: transparent; }
    @media only screen and (max-width: 700px) {
      .filter [type="radio"]:not(:checked) + label:before,
      .filter [type="checkbox"]:not(:checked) + label:before {
        top: 3px; } }
  .filter [type="radio"]:checked + label:before,
  .filter [type="checkbox"]:checked + label:before {
    border: 0; }
  .filter [type="radio"]:not(:checked) + label:after,
  .filter [type="radio"]:checked + label:after,
  .filter [type="checkbox"]:not(:checked) + label:after,
  .filter [type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
    background: #243842;
    width: 15px;
    height: 15px; }
    @media only screen and (max-width: 700px) {
      .filter [type="radio"]:not(:checked) + label:after,
      .filter [type="radio"]:checked + label:after,
      .filter [type="checkbox"]:not(:checked) + label:after,
      .filter [type="checkbox"]:checked + label:after {
        top: 3px; } }
  .filter [type="radio"]:not(:checked) + label:after,
  .filter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0; }
  .filter [type="radio"]:checked + label:after,
  .filter [type="checkbox"]:checked + label:after {
    opacity: 1; }
  .filter [type="radio"]:disabled:not(:checked) + label:before,
  .filter [type="radio"]:disabled:checked + label:before,
  .filter [type="checkbox"]:disabled:not(:checked) + label:before,
  .filter [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd; }
  .filter [type="radio"]:disabled:checked + label:after,
  .filter [type="checkbox"]:disabled:checked + label:after {
    color: #999; }
  .filter [type="radio"]:disabled + label,
  .filter [type="checkbox"]:disabled + label {
    color: #aaa; }

label {
  display: inline-block;
  margin-bottom: 0.875em; }
  .radiobuttonlist label {
    margin-bottom: 1.25em; }

/*input,
textarea{
  .textfield &,
  .textarea &{
    background: $bg-grey;
    border: 0;
    border-radius: 5px;
    padding: .761904762em 4.5977011% .80952381em;
    font-size: 1.3125em;
    width: 100%;
    margin-bottom: 1.428571429em;
  }
}*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
textarea {
  background: white;
  border: 1px solid #D2D2CD;
  border-radius: 5px;
  padding: 1.1875em 0.8125em;
  width: 100%;
  margin-bottom: 1.25em; }
  .bg-dark-grey input[type="text"], .bg-dark-grey input[type="tel"], .bg-dark-grey input[type="email"], .bg-dark-grey input[type="password"], .bg-dark-grey input[type="date"], .bg-dark-grey textarea {
    background: white; }

.contourNavigation {
  text-align: right; }

input[type="date"] {
  background: #EDEDE6;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  padding: 1.25em;
  border: none; }

.select,
.dropdown > div {
  position: relative;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  background: #EDEDE6;
  border-radius: 5px;
  text-shadow: none; }
  .select:before,
  .dropdown > div:before {
    position: absolute;
    top: 17px;
    right: 0.5em;
    pointer-events: none; }
  .select select,
  .dropdown > div select {
    color: #243842;
    border-radius: 0;
    font-family: "Source Sans Pro", sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    padding: 1.25em;
    width: 108%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    width: 160%\9; }
    .select select:focus,
    .dropdown > div select:focus {
      outline: none; }
    .select select::-ms-expand,
    .dropdown > div select::-ms-expand {
      display: none; }

.select:before,
.dropdown > div:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  height: 100%;
  color: white; }

.icon--down:before, .select:before,
.dropdown > div:before {
  content: url(../img/icon-select-arrow-blue.svg); }

/* form layout */
/*.row-fluid{
  border-bottom: 1px solid $brand-blue;
  margin-bottom: 2.5em;
  padding-bottom: 2.5em;

   .contactform &{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
   }
}*/
.span6.col-md-6 {
  width: 48.8505747%;
  float: left;
  margin-left: 2.2988506%; }
  @media only screen and (max-width: 700px) {
    .span6.col-md-6 {
      width: 100%;
      float: none;
      margin-left: 0; } }
  .span6.col-md-6:first-child {
    margin-left: 0; }

.radiobuttonlist {
  font-size: 0; }
  .radiobuttonlist label {
    font-size: 16px;
    text-align: center;
    margin-left: 1.25em; }
    .col-md-6 .radiobuttonlist label {
      width: 47.5294118%;
      margin-left: 4.9411765%; }
      .col-md-6 .radiobuttonlist label:nth-child(2) {
        margin-left: 0; }

.singlechoice-2 {
  border-bottom: 1px solid #EDEDE6;
  margin-bottom: 2.5em;
  padding-bottom: 1.25em; }

.singlechoice {
  border-bottom: 1px solid #EDEDE6;
  margin-bottom: 2.5em;
  padding-bottom: 1.25em; }
  .singlechoice:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .col-md-6 .singlechoice {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .singlechoice > label {
    float: left;
    width: 50%; }
    @media only screen and (max-width: 700px) {
      .singlechoice > label {
        float: none;
        width: 100%; } }
    .col-md-6 .singlechoice > label {
      float: none; }
  .singlechoice > label + div {
    float: right; }
    @media only screen and (max-width: 700px) {
      .singlechoice > label + div {
        float: none;
        width: 100%; } }
    .col-md-6 .singlechoice > label + div {
      float: none; }

.haveyoucomplainedtotherelevantpolicebody.singlechoice,
.thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none; }
  .haveyoucomplainedtotherelevantpolicebody.singlechoice > label,
  .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice > label {
    float: none;
    width: 100%; }
  .haveyoucomplainedtotherelevantpolicebody.singlechoice > label + div,
  .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice > label + div {
    float: none; }
  .haveyoucomplainedtotherelevantpolicebody.singlechoice .radiobuttonlist label,
  .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice .radiobuttonlist label {
    margin-left: 0;
    width: 48.8505747%; }
    .haveyoucomplainedtotherelevantpolicebody.singlechoice .radiobuttonlist label:last-child,
    .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice .radiobuttonlist label:last-child {
      margin-left: 2.2988506%; }

.floated-form-container label {
  display: block; }

.floated-form-container .help-block {
  display: none; }

.floated-form-container .d8button {
  margin-left: 1.125em; }
  @media only screen and (max-width: 700px) {
    .floated-form-container .d8button {
      margin-left: 4.7058824%; } }
@media only screen and (max-width: 700px) {
  .floated-form-container input[type="text"] {
    width: 70px; } }

.dropdown {
  margin-bottom: 1.25em; }

/* complaint specific */
.requestareviewform {
  margin-top: 2.5em; }
  .requestareviewform .firstname,
  .requestareviewform .lastname {
    float: left;
    width: 38.5057471%;
    margin-left: 2.2988506%; }
  .requestareviewform .title {
    float: left;
    width: 18.3908046%; }
  .requestareviewform .dateofbirth label,
  .requestareviewform .postcode label {
    margin-bottom: 0.333333333em; }
  .requestareviewform #faa19f7d-3ae3-4920-9a01-eb5517070951 p {
    margin-bottom: 0; }
  .requestareviewform .haveyoureceivedyourfinalletterofresponsefromthepolicebodyinvolvedinyourcomplaint
+ div
p {
    font-weight: bold; }
  .requestareviewform .day,
  .requestareviewform .month,
  .requestareviewform .year {
    float: left;
    margin-left: 4.7058824%;
    width: 30.1176471%; }
    .requestareviewform .day.final-date,
    .requestareviewform .month.final-date,
    .requestareviewform .year.final-date {
      width: 31.7241379%;
      margin-left: 2.4137931%; }
  .requestareviewform .day {
    margin-left: 0; }
  .requestareviewform .day.final-date {
    margin-left: 0; }
  .requestareviewform .daytimephonenumber {
    clear: both; }
  .requestareviewform .dropdown + .notice {
    clear: both; }
  .requestareviewform .enterpostcodehere {
    display: inline-block;
    width: 47%; }
    .requestareviewform .enterpostcodehere input {
      border-right: none !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .requestareviewform .enterpostcodehere + div {
      display: inline-block;
      width: 51.9%;
      margin-left: -3px; }
      .requestareviewform .enterpostcodehere + div .btn {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border: 1px solid #D2D2CD;
        border-left: none;
        padding: 0.7em 0 1em;
        width: 100%;
        text-align: center; }
  .requestareviewform .addressselect {
    clear: both; }
  .requestareviewform .whichpolicebodydidyoucomplainto,
  .requestareviewform .policecomplaintreferencenumber {
    float: left;
    width: 48.8505747%; }
  .requestareviewform .policecomplaintreferencenumber {
    margin-left: 2.2988506%; }
  .requestareviewform .hasthepolicebodyfinishedlookingatyourcomplaint {
    clear: both; }
  .requestareviewform .pleasestateyoursecondcomplaint {
    display: none; }
    .requestareviewform .pleasestateyoursecondcomplaint + .pleasestatewhyyouareunhappywithhowthiscomplaintwashandledbythepolice {
      display: none; }
  .requestareviewform .pleasestateyourthirdcomplaint {
    display: none; }
    .requestareviewform .pleasestateyourthirdcomplaint + .pleasestatewhyyouareunhappywithhowthiscomplaintwashandledbythepolice {
      display: none; }
  .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow > label {
    float: none;
    width: 100%; }
  .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow > label + div {
    float: none; }
  .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist {
    display: table;
    width: 100%; }
    @media only screen and (max-width: 700px) {
      .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist {
        display: block; } }
    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist input:first-child + .inner label {
      margin-left: 0 !important; }
    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner {
      display: table-cell; }
      @media only screen and (max-width: 700px) {
        .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner {
          display: block; } }
      .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner label {
        padding-left: 0;
        padding-right: 0;
        display: block;
        margin-left: 20px; }
        @media only screen and (max-width: 700px) {
          .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner label {
            width: 100%;
            margin-left: 0; } }
  .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove {
    margin-top: 43px;
    margin-bottom: 1.25em; }
    @media only screen and (max-width: 700px) {
      .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove {
        margin-top: 0; } }
    .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove label,
    .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove div {
      display: inline; }
    .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove label {
      padding-left: 10px; }
  .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
    clear: both;
    background: #243842;
    color: white;
    padding: 2em;
    border-radius: 5px;
    width: 48.8505747%;
    float: left; }
    @media only screen and (max-width: 700px) {
      .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
        width: 100%; } }
    .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint label,
    .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint div {
      float: left; }
    .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint label {
      width: 90%;
      margin-bottom: 0; }
    .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint div {
      width: 10%; }

.submitBtns {
  clear: both;
  margin-bottom: 20px; }
  .submitBtns .contourNavigation {
    float: left;
    width: 48.8505747%;
    margin-left: 2.2988506%;
    text-align: center; }
    @media only screen and (max-width: 440px) {
      .submitBtns .contourNavigation {
        margin-left: 0; } }
    .submitBtns .contourNavigation .btn {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }

.perplexfileupload,
.fileupload {
  float: left;
  width: 48.8505747%; }
  @media only screen and (max-width: 700px) {
    .perplexfileupload,
    .fileupload {
      width: 100%;
      float: none; } }
  .perplexfileupload.file2, .perplexfileupload.file4,
  .fileupload.file2,
  .fileupload.file4 {
    margin-left: 2.2988506%; }
    @media only screen and (max-width: 700px) {
      .perplexfileupload.file2, .perplexfileupload.file4,
      .fileupload.file2,
      .fileupload.file4 {
        margin-left: 0; } }
  .perplexfileupload input,
  .fileupload input {
    display: none; }
  .perplexfileupload label,
  .fileupload label {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #D2D2CD;
    border-radius: 5px;
    padding: 1.1875em 0.8125em;
    background: white url(../img/icon-attatch.png) no-repeat center right;
    margin-bottom: 1.25em;
    cursor: pointer; }

.d8button label {
  display: none; }

/* application specific */
.initials {
  float: left;
  width: 18.8235294%; }

.surname {
  float: left;
  width: 76.4705882%;
  margin-left: 4.7058824%; }

/* ==========================================================================
   OVERRIDES
   ========================================================================== */
.slider {
  outline: none; }

@media only screen and (min-width: 961px) {
  body {
    overflow: visible; } }

@media only screen and (min-width: 961px) {
  .sb-slide,
  #sb-site,
  .sb-site-container,
  .sb-slidebar {
    -webkit-backface-visibility: visible; } }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.mobileBg {
  display: none; }

@media only screen and (max-width: 960px) {
  .p-t-m-0 {
    padding-top: 0; } }

.marc {
  border: 1px solid red; }

.uppercase {
  text-transform: uppercase; }

.show-overflow {
  overflow: visible; }

.w50 {
  width: 50%; }

.mb-linebreak {
  margin-bottom: 1.5em; }

.m-inline {
  float: none;
  display: inline-block; }

@media only screen and (max-width: 960px) {
  .m-block-100 {
    width: 100% !important;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important; }
    .m-block-100.floated {
      float: none; }
    .m-block-100.page-margin {
      width: 87.5%;
      margin-left: 0; }
    .page-margin .m-block-100 {
      width: 100%;
      margin-left: 0; }
    .m-block-100.m-page-margin {
      padding-left: 6.25%;
      padding-right: 6.25%;
      width: 87.5%; } }

@media only screen and (max-width: 769px) {
  .t-block-100 {
    width: 100% !important;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important; }
    .t-block-100.floated {
      float: none; }
    .t-block-100.page-margin {
      width: 87.5%;
      margin-left: 0; }
    .page-margin .t-block-100 {
      width: 100%;
      margin-left: 0; }
    .t-block-100.m-page-margin {
      padding-left: 6.25%;
      padding-right: 6.25%;
      width: 87.5%; } }

@media only screen and (max-width: 700px) {
  .m-block-list > li {
    float: none;
    display: block;
    margin-left: 0 !important;
    margin-right: 0;
    width: 100% !important; } }

@media only screen and (max-width: 769px) {
  .t-block-list > li {
    float: none;
    display: block;
    margin-left: 0 !important;
    margin-right: 0;
    margin-bottom: 2.5em;
    width: 100%; } }

/* removes extra extra margin at the bottom of module elements */
.module > *:last-child,
.module > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0 !important; }

.table {
  display: table; }
  @media only screen and (max-width: 700px) {
    .table {
      display: block; } }
.table-cell {
  display: table-cell; }
  @media only screen and (max-width: 700px) {
    .table-cell {
      display: block; } }
/*
 * Image replacement
 */

.image-replace {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }
  
  .image-replace:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

@media only screen and (max-width: 769px) {
  .t-hidden {
    display: none !important;
    visibility: hidden; } }

@media only screen and (max-width: 700px) {
  .m-hidden {
    display: none !important;
    visibility: hidden; } }

.lt-ie9 .mobile-only {
  display: none;
  visibility: hidden; }

@media only screen and (min-width: 701px) {
  .mobile-only {
    display: none;
    visibility: hidden; } }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

.m-block-list.list-bg > li.vertical-center-parent {
  display: table !important; }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.panel.news {
  position: relative;
  padding-top: 5em;
  padding-bottom: 0; }
  .panel.news:before {
    content: " ";
    display: block;
    width: 411px;
    height: 602px;
    background-image: url(../img/circles-fancy-mobile.png);
    z-index: -1;
    background-repeat: no-repeat;
    position: absolute;
    top: -105px;
    position: absolute;
    left: 50px;
    margin: auto; }
    @media only screen and (min-width: 769px) {
      .panel.news:before {
        background-image: url(../img/circlesAssetFancy.png);
        top: -66px;
        left: -120px; } }
  @media only screen and (min-width: 769px) {
    .panel.news {
      max-width: 1300px;
      width: 90.625%;
      margin: 0 auto;
      padding-bottom: 5em; } }
  @media only screen and (min-width: 769px) {
    .panel.news .col-left {
      width: 25%;
      display: table-cell;
      vertical-align: top; } }
  @media only screen and (min-width: 769px) {
    .panel.news .col-right {
      width: 75%;
      display: table-cell; } }
  .panel.news h2 {
    font-weight: 600; }
  @media only screen and (min-width: 769px) {
    .panel.news .slider {
      display: table-cell;
      vertical-align: top;
      width: 33%; } }
h1.two-styles {
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 40px; }
  @media only screen and (min-width: 769px) {
    h1.two-styles {
      text-align: left;
      margin-bottom: 0; } }
  h1.two-styles span {
    font-weight: 700; }

.cicles-fancy .capps {
  display: none;
  text-align: center; }
  .cicles-fancy .capps a {
    text-decoration: none; }
  @media only screen and (min-width: 769px) {
    .cicles-fancy .capps {
      display: block;
      text-transform: uppercase;
      color: #943A80;
      text-align: left; } }
.cicles-fancy h1 {
  text-align: center;
  font-weight: 400;
  font-size: 3.375em;
  text-transform: uppercase;
  margin-bottom: 40px; }
  @media only screen and (min-width: 769px) {
    .cicles-fancy h1 {
      text-align: left;
      margin-bottom: 0; } }
  .cicles-fancy h1 span {
    font-weight: 700; }

@media only screen and (max-width: 769px) {
  .site-footer .floated.m-block-100 {
    width: 100%;
    margin-bottom: 2em;
    margin-left: 0; } }

.site-footer .footer-btn-contaner {
  float: none;
  padding-bottom: 30px; }
  .site-footer .footer-btn-contaner .btn {
    float: none;
    width: 100%;
    text-align: center; }

.slider {
  padding: 10px 20px; }
  @media only screen and (max-width: 700px) {
    .slider {
      padding: 10px 60px; } }
@media only screen and (min-width: 701px) {
  .col-left .slider:first-of-type {
    padding: 10px 20px 10px 0; } }

.login-container {
  float: right;
  padding-top: 16px;
  padding-right: 15px; }
  @media only screen and (max-width: 960px) {
    .login-container {
      padding-top: 0;
      float: none;
      display: block;
      margin: 0 auto;
      width: 70%;
      padding-right: 0; } }
.login-nav {
  list-style: none;
  margin-bottom: 0; }
  @media only screen and (max-width: 960px) {
    .login-nav {
      text-align: center; } }
  .login-nav li {
    list-style: none;
    display: inline-block;
    font-size: 1em; }
  .login-nav a {
    color: #fff;
    text-decoration: none; }

.main-nav .login-nav a {
  border-bottom: 0; }

.l-oneThird {
  float: left;
  width: 40%;
  margin-right: 2%; }
  @media only screen and (max-width: 960px) {
    .l-oneThird {
      width: 100%;
      margin-right: 0; } }
.l-twoThird {
  float: left;
  width: 56%;
  margin-left: 2%; }
  @media only screen and (max-width: 960px) {
    .l-twoThird {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (min-width: 961px) {
    .l-twoThird {
      display: table; }
      .l-twoThird p {
        margin-bottom: 0; } }
  @media only screen and (min-width: 961px) {
    .l-twoThird form {
      display: table-cell;
      vertical-align: middle; } }
.banner-inner-page {
  background: #EDEDE6 url(../img/circles-inner-page.png) 5% 80px;
  background-repeat: no-repeat;
  background-size: auto; }

.bannerBottom-panel {
  background: #EDEDE6 url(../img/circlesassetFancy.png) 80% -20px;
  background-repeat: no-repeat;
  background-size: 15%; }

.main-content {
  background: url(../img/circles-about-1.png) 90% -250px no-repeat, #EDEDE6 url(../img/big-circle.png) -60% 300px no-repeat;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%; }
  @media only screen and (max-width: 960px) {
    .main-content {
      background-image: none; } }
.Investigations #sb-site {
  background: #EDEDE6 url(../img/invest-circles-1.png) 120% 180px no-repeat; }
  @media only screen and (max-width: 960px) {
    .Investigations #sb-site {
      background-image: none; } }
  .Investigations #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto; }
  .Investigations #sb-site .main-content {
    background: url(../img/circles-inner-page.png) 10% -100px no-repeat, url(../img/invest-circles-2.png) 100% 500px no-repeat, url(../img/invest-circle-3.png) -10% 850px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%; }
    @media only screen and (max-width: 960px) {
      .Investigations #sb-site .main-content {
        background-image: none; } }
.publications #sb-site {
  background: #EDEDE6 url(../img/circles-inner-page.png) 10% 200px no-repeat; }
  @media only screen and (max-width: 960px) {
    .publications #sb-site {
      background-image: none; } }
  .publications #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto; }
  .publications #sb-site .main-content {
    background: url(../img/circles-inner-page.png) 10% -100px no-repeat, url(../img/invest-circles-2.png) 100% 500px no-repeat, url(../img/invest-circle-3.png) -10% 850px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%; }
    @media only screen and (max-width: 960px) {
      .publications #sb-site .main-content {
        background-image: none; } }
.complaints #sb-site {
  background: #EDEDE6 url(../img/invest-circles-1.png) -40% 180px no-repeat; }
  @media only screen and (max-width: 960px) {
    .complaints #sb-site {
      background-image: none; } }
  .complaints #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto; }
  .complaints #sb-site .main-content {
    background: url(../img/circles-inner-page.png) 90% -100px no-repeat, url(../img/invest-circles-2.png) -10% 900px no-repeat, url(../img/invest-circle-3.png) -100% 500px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%; }
    @media only screen and (max-width: 960px) {
      .complaints #sb-site .main-content {
        background-image: none; } }
.oneThirds {
  width: 33.3333%; }
  @media only screen and (max-width: 960px) {
    .oneThirds {
      width: 100%; } }
.twoThirds {
  width: 66.6%; }
  @media only screen and (max-width: 960px) {
    .twoThirds {
      width: 100%; } }
.bigLink {
  list-style: none;
  margin: 2em 0;
  padding: 0; }
  .bigLink li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .bigLink a {
    display: block;
    position: relative;
    font-size: 1.875em;
    line-height: 1.166666667em;
    font-weight: 600;
    color: #943A80;
    padding: 1em 0;
    text-transform: none;
    text-decoration: none;
    border-top: 1px solid #999999;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .bigLink a:after {
      position: absolute;
      content: url(../img/icon-arrow-purple.svg);
      right: 0;
      display: block;
      font-size: 18px;
      top: 50%;
      margin-top: -15px;
      width: 11px; }
    .bigLink a:hover {
      color: #593E84;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .bigLink__one a:after {
    position: absolute;
    content: url(../img/icon-arrow-purple.svg);
    right: 0;
    display: block;
    font-size: 18px;
    top: 50%;
    margin-top: -15px;
    width: 11px; }
  .bigLink li:last-child a {
    border-bottom: 1px solid #999999; }

.useful-links {
  position: relative; }
  .useful-links::after {
    clear: both;
    content: "";
    display: block; }
  .useful-links .bigLink li:first-child a {
    border-top: 0; }
  @media only screen and (max-width: 960px) {
    .useful-links .l-oneThird {
      margin-bottom: 160px; } }
  .useful-links .l-oneThird:before {
    content: " ";
    display: block;
    width: 386px;
    height: 429px;
    background-image: url(../img/circles-useful-links.png);
    z-index: -1;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: 10px; }
    @media only screen and (max-width: 960px) {
      .useful-links .l-oneThird:before {
        z-index: -1;
        top: -100px;
        left: 0;
        right: 0;
        margin: 0 auto; } }
.findInvestigation {
  background: #fff url(../img/circles-useful-links.png) 8% -20px no-repeat; }
  @media only screen and (max-width: 960px) {
    .findInvestigation {
      background: #fff url(../img/circles-useful-links.png) center -100px no-repeat; } }
.investigate-form form {
  display: block; }

.investigate-form input.tm-input {
  margin-top: 2px;
  margin-bottom: 12px;
  vertical-align: middle !important;
  background: none;
  padding: 0;
  width: auto; }
  @media only screen and (max-width: 960px) {
    .investigate-form input.tm-input {
      width: 100%; } }
.investigate-form .btn {
  color: #fff; }

.l-btnContainer {
  display: table-cell;
  width: 80%;
  vertical-align: top; }
  @media only screen and (max-width: 960px) {
    .l-btnContainer {
      width: 100%;
      display: block; } }
.l-inputContainer {
  display: table-cell;
  width: 20%; }
  @media only screen and (max-width: 960px) {
    .l-inputContainer {
      width: 100%;
      display: block; } }
.clearfix::after {
  clear: both;
  content: "";
  display: block; }

.half {
  width: 50%;
  float: left; }
  @media only screen and (max-width: 700px) {
    .half {
      width: 100%;
      padding: 0; } }
  .half img {
    padding: 0 20px; }
    @media only screen and (max-width: 700px) {
      .half img {
        padding: 0; } }
.picture-circle {
  border-radius: 100%;
  max-width: 50%;
  margin: 0 auto 80px auto;
  display: block; }

.text-link.lowercase {
  text-transform: none;
  text-decoration: none;
  font-weight: bold; }

.lowercase {
  text-transform: lowercase; }

.contour.equalopportunitiesform {
  padding-top: 40px; }

.ethnicity-col {
  background-color: #f9f9f9; }
  @media only screen and (max-width: 700px) {
    .ethnicity-col {
      margin-bottom: 20px; } }
.general,
.ethnicity-col {
  padding: 20px;
  position: relative; }

.contourField.ethnicity.d8labelfield {
  position: absolute;
  left: 0;
  top: -40px; }
  @media only screen and (max-width: 700px) {
    .contourField.ethnicity.d8labelfield {
      margin-top: 20px; } }
.span6.col-md-6.general .date,
fieldset .date {
  font-style: normal;
  font-size: 1em; }

legend.legend-fix {
  padding: 0 0 1em 1.1em; }

@media only screen and (max-width: 700px) {
  .site-footer .floated.m-block-100.m-mb-0 {
    margin-bottom: 0; } }

.contourField.firstname.shortanswer.alternating {
  clear: both; }

.complainthandlingreviews .floated-list.m-block-list.module.layout li.col-3 .table-list li:first-child {
  width: 35%; }

.field-validation-error {
  color: red;
  display: block;
  width: 100%;
  margin-bottom: 30px; }

.PublicationsCenter {
  max-width: 500px;
  display: block;
  margin: 0 auto;
  text-align: center; }

@media only screen and (max-width: 440px) {
  .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
    margin-bottom: 20px; } }

.fileupload.perplexfileupload {
  margin-top: 20px;
  margin-bottom: 20px; }

.contourField.d8button.alternating {
  width: 100%;
  clear: both; }
  @media only screen and (max-width: 440px) {
    .contourField.d8button.alternating button {
      margin-bottom: 20px; } }
.footer-logo-container {
  max-width: 1300px;
  width: 90.625%;
  margin: 0 auto;
  padding-left: 0;
  position: relative;
  background: #243842;
  clear: both; }

.livingWageContainer,
.DisabilityContainer {
  max-width: 100px;
  margin-top: 20px;
  float: left; }

.DisabilityContainer {
  max-width: 167px;
  margin: 20px 0 0 10px; }

.filterSection .select select {
  width: 97%; }

[type="radio"]:checked + .inner.selected label {
  font-weight: bold; }

.help-block {
  margin-bottom: 20px;
  display: block; }

.specific-complaint {
  margin: 20px 0 10px 0;
  padding: 0; }

.btn.extra-pad {
  padding: 1em 4em; }

.contourIndicator.error {
  color: #f00 !important; }

.input-validation-error,
.error {
  border-color: #f00 !important; }

.help-block {
  font-weight: bold; }

#a5621e7b-19e9-4e79-d2ab-046e71624fcf {
  display: none; }

div.error {
  border: 1px solid #f00; }

.pagination ul li {
  color: #943A80;
  display: inline-block;
  border: 1px solid #ddddd9;
  border-radius: 2px;
  padding: 0 8px;
  height: 27px;
  line-height: 27px;
  margin-left: 0.05em; }

.pagination ul li a {
  color: #243842; }