/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
.logowrap {
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
  text-align: center; }
  .logowrap svg {
    width: 100%;
    height: 100%; }

header.drawerOverlay {
  position: fixed;
  z-index: 9999 !important;
  width: 100%;
  top: 0;
  z-index: 9;
  height: 90px;
  /* @group Hamburger */
  /* @end */ }
  header.drawerOverlay .DOSearch {
    position: fixed;
    z-index: 99999;
    left: 25px !important;
    top: 28px !important;
    width: 39px;
    font-size: 2.1em; }
  header.drawerOverlay a:hover, header.drawerOverlay a:active, header.drawerOverlay a:focus, header.drawerOverlay .current, header.drawerOverlay .section {
    border: none !important; }
  header.drawerOverlay nav {
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translate(-50%);
    /* IE 9 */
    top: 0;
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 0px; }
    header.drawerOverlay nav a {
      padding-right: .1rem;
      padding-left: .1rem;
      line-height: 90px;
      color: #000;
      display: inline-block;
      font-size: 1.2em;
      letter-spacing: 1px;
      text-transform: uppercase; }
    header.drawerOverlay nav a:hover, header.drawerOverlay nav a:active, header.drawerOverlay nav a:focus, header.drawerOverlay nav .current, header.drawerOverlay nav .section {
      color: #000; }
  header.drawerOverlay .header__menu {
    position: absolute;
    top: 34px;
    right: 25px;
    width: 40px; }
  header.drawerOverlay .DOhamburger {
    display: block;
    position: absolute;
    width: 32px;
    height: 40px;
    z-index: 2; }
  header.drawerOverlay .hamburger__inner {
    display: block;
    width: 32px;
    height: 1px;
    margin-top: 10px;
    background: #000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  header.drawerOverlay .hamburger__inner::before, header.drawerOverlay .hamburger__inner::after {
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    width: 32px;
    height: 1px;
    background: #000;
    transition: all 0.07s linear; }
  header.drawerOverlay a#header__button:hover .hamburger__inner::before, header.drawerOverlay a#header__button:hover .hamburger__inner::after, header.drawerOverlay a#header__button:hover .hamburger__inner:hover, header.drawerOverlay a#header__button:hover .hamburger__inner {
    background: #000;
    transition: all 0.07s linear; }
  header.drawerOverlay .hamburger--open .hamburger__inner {
    background-color: transparent !important; }
  header.drawerOverlay .hamburger__inner::before {
    top: 0; }
  header.drawerOverlay .hamburger__inner::after {
    top: 20px; }
  header.drawerOverlay .hamburger--open .hamburger__inner {
    background: none; }
  header.drawerOverlay .hamburger--open .hamburger__inner::before, header.drawerOverlay .hamburger--open .hamburger__inner::after {
    top: 12px; }
  header.drawerOverlay .hamburger--open .hamburger__inner::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  header.drawerOverlay .hamburger--open .hamburger__inner::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  header.drawerOverlay .search-icon {
    width: 28px !important;
    height: 28px;
    margin-left: -5px;
    margin-top: 34px;
    transition: all 0.07s linear;
    background-image: url(images/search-icon.svg);
    position: absolute;
    z-index: 999999999999999 !important; }
  header.drawerOverlay .search-icon:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); }

.drawerOverlay.scrollHeader {
  background: white;
  transition: all 0.07s linear; }
  .drawerOverlay.scrollHeader .DOSearch {
    line-height: 0px !important; }
  .drawerOverlay.scrollHeader svg, .drawerOverlay.scrollHeader a, .drawerOverlay.scrollHeader a:hover {
    fill: #000000 !important;
    color: #000000 !important; }
    .drawerOverlay.scrollHeader svg a#header__button:hover .hamburger__inner::before, .drawerOverlay.scrollHeader svg a#header__button:hover .hamburger__inner::after, .drawerOverlay.scrollHeader svg a#header__button:hover .hamburger__inner:hover, .drawerOverlay.scrollHeader svg a#header__button:hover .hamburger__inner, .drawerOverlay.scrollHeader a a#header__button:hover .hamburger__inner::before, .drawerOverlay.scrollHeader a a#header__button:hover .hamburger__inner::after, .drawerOverlay.scrollHeader a a#header__button:hover .hamburger__inner:hover, .drawerOverlay.scrollHeader a a#header__button:hover .hamburger__inner, .drawerOverlay.scrollHeader a:hover a#header__button:hover .hamburger__inner::before, .drawerOverlay.scrollHeader a:hover a#header__button:hover .hamburger__inner::after, .drawerOverlay.scrollHeader a:hover a#header__button:hover .hamburger__inner:hover, .drawerOverlay.scrollHeader a:hover a#header__button:hover .hamburger__inner {
      background: #000000; }
    .drawerOverlay.scrollHeader svg .hamburger__inner, .drawerOverlay.scrollHeader svg .hamburger__inner::before, .drawerOverlay.scrollHeader svg .hamburger__inner::after, .drawerOverlay.scrollHeader svg .hamburger__inner:hover, .drawerOverlay.scrollHeader svg .hamburger__inner:active, .drawerOverlay.scrollHeader a .hamburger__inner, .drawerOverlay.scrollHeader a .hamburger__inner::before, .drawerOverlay.scrollHeader a .hamburger__inner::after, .drawerOverlay.scrollHeader a .hamburger__inner:hover, .drawerOverlay.scrollHeader a .hamburger__inner:active, .drawerOverlay.scrollHeader a:hover .hamburger__inner, .drawerOverlay.scrollHeader a:hover .hamburger__inner::before, .drawerOverlay.scrollHeader a:hover .hamburger__inner::after, .drawerOverlay.scrollHeader a:hover .hamburger__inner:hover, .drawerOverlay.scrollHeader a:hover .hamburger__inner:active {
      background-color: #000000; }

.SolidMenu .drawerOverlay.scrollHeader .hamburger__inner, .SolidMenu .drawerOverlay.scrollHeader .hamburger__inner::before, .SolidMenu .drawerOverlay.scrollHeader .hamburger__inner::after, .SolidMenu .drawerOverlay.scrollHeader .hamburger__inner:hover, .SolidMenu .drawerOverlay.scrollHeader .hamburger__inner:active {
  background-color: #000000; }

.SolidMenu .drawerOverlay.scrollHeader a#header__button:hover .hamburger__inner::before, .SolidMenu .drawerOverlay.scrollHeader a#header__button:hover .hamburger__inner::after, .SolidMenu .drawerOverlay.scrollHeader a#header__button:hover .hamburger__inner:hover, .SolidMenu .drawerOverlay.scrollHeader a#header__button:hover .hamburger__inner {
  background: #000000; }

.SolidMenu header.drawerOverlay svg, .SolidMenu header.drawerOverlay a, .SolidMenu header.drawerOverlay a:hover {
  fill: white;
  color: white; }

.SolidMenu header.drawerOverlay a#header__button:hover .hamburger__inner::before, .SolidMenu header.drawerOverlay a#header__button:hover .hamburger__inner::after, .SolidMenu header.drawerOverlay a#header__button:hover .hamburger__inner:hover, .SolidMenu header.drawerOverlay a#header__button:hover .hamburger__inner {
  background: white; }

.SolidMenu header.drawerOverlay .hamburger__inner, .SolidMenu header.drawerOverlay .hamburger__inner::before, .SolidMenu header.drawerOverlay .hamburger__inner::after, .SolidMenu header.drawerOverlay .hamburger__inner:hover, .SolidMenu header.drawerOverlay .hamburger__inner:active {
  background-color: white; }