/* Import reset */
/*@import url(partials/jquery.mmenu.all.css);*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

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

td, th {
  padding: 0; }

/*---------------------------------------------------------------
    Flexbox Mixins
--------------------------------------------------------------- */
/* SASS Variables
--------------------------------------------------------------- */
@font-face {
  font-family: 'Nexa';
  src: url("../_static/fonts/nexa_regular-webfont.eot");
  src: url("../_static/fonts/nexa_regular-webfont.eot?#iefix") format("eot"), url("../_static/fonts/nexa_regular-webfont.woff") format("woff"), url("../_static/fonts/nexa_regular-webfont.ttf") format("truetype"), url("../_static/fonts/nexa_regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NexaLight';
  src: url("../_static/fonts/nexa_light-webfont.eot");
  src: url("../_static/fonts/nexa_light-webfont.eot?#iefix") format("eot"), url("../_static/fonts/nexa_light-webfont.woff") format("woff"), url("../_static/fonts/nexa_light-webfont.ttf") format("truetype"), url("../_static/fonts/nexa_light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NexaBold';
  src: url("../_static/fonts/nexa_bold-webfont.eot");
  src: url("../_static/fonts/nexa_bold-webfont.eot?#iefix") format("eot"), url("../_static/fonts/nexa_bold-webfont.woff") format("woff"), url("../_static/fonts/nexa_bold-webfont.ttf") format("truetype"), url("../_static/fonts/nexa_bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSans';
  src: url("../_static/fonts/sourcesanspro-regular-webfont.eot");
  src: url("../_static/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("eot"), url("../_static/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../_static/fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../_static/fonts/sourcesanspro-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansBold';
  src: url("../_static/fonts/sourcesanspro-semibold-webfont.eot");
  src: url("../_static/fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("eot"), url("../_static/fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("../_static/fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../_static/fonts/sourcesanspro-semibold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Global
--------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  min-height: 101%; }

body {
  background: #fff;
  color: #000;
  font-family: "Nexa", sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

a {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  color: #02b6b5;
  text-decoration: none; }
  a:hover {
    color: #037c80; }

@media (min-width: 800px) {
  .home .hero picture img {
    display: none;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%); } }

@media (min-width: 1200px) {
  .single .hero picture img, .category .hero picture img, .tag .hero picture img, .search .hero picture img {
    display: none;
    margin: 0 auto;
    width: 100%; } }

@media (min-width: 800px) {
  .single-locations .hero picture img {
    display: none;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%); } }

/* Typography
--------------------------------------------------------------- */
h1,
h2,
h3,
h4 {
  margin: 0;
  font-family: "NexaBold", sans-serif; }

h1 {
  font-size: 1.750em;
  line-height: 1.2em;
  color: #528599; }

h2 {
  font-size: 1.3em;
  color: #02b6b5; }

h3 {
  font-size: 1.6em; }
  h3 a {
    color: #528599; }
    h3 a:hover {
      color: #02b6b5; }

h4 {
  font-size: 1.2em; }

/* Global Containers
--------------------------------------------------------------- */
.container, .buckets {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 .5em; }
  @media (min-width: 800px) {
    .container, .buckets {
      padding: 0; } }

/* Phone & Navigation Icon Top
--------------------------------------------------------------- */
.phone-nav-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: .5em .5em 0 .5em;
  height: 80px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 1000; }
  .phone-nav-top:after {
    clear: both;
    content: '';
    display: block; }
  .phone-nav-top .phone-numbers {
    overflow: auto;
    display: inline-block;
    width: 80%; }
    .phone-nav-top .phone-numbers p {
      float: left;
      width: 100%;
      font-size: 1em;
      color: #528599;
      font-family: "NexaBold", sans-serif; }
      .phone-nav-top .phone-numbers p a {
        color: #666; }
      .phone-nav-top .phone-numbers p .area {
        width: 100px;
        display: inline-block; }
      .phone-nav-top .phone-numbers p .ld-locationnumbers {
        display: block; }
        .phone-nav-top .phone-numbers p .ld-locationnumbers .ld-areanum {
          display: block;
          position: relative;
          padding-left: 12px; }
          .phone-nav-top .phone-numbers p .ld-locationnumbers .ld-areanum:before {
            position: absolute;
            font-family: FontAwesome;
            top: 1px;
            left: 0px;
            content: '\f10b'; }
          .phone-nav-top .phone-numbers p .ld-locationnumbers .ld-areanum .ld-area {
            width: 100px;
            display: inline-block; }
  .phone-nav-top a.menu-btn {
    float: right;
    display: inline-block;
    padding: 0.5em 0.8em;
    text-decoration: none;
    border: 2px solid #02b6b5;
    border-radius: 5px;
    color: #02b6b5;
    margin: 0.75em 0; }
  @media (min-width: 800px) {
    .phone-nav-top {
      display: none; } }

.single-locations .phone-nav-top .phone-numbers p {
  padding: 1.4em 0 0 0; }

/* Site Header
--------------------------------------------------------------- */
header[role="banner"] {
  background: #fff;
  float: left;
  width: 100%; }
  @media (min-width: 800px) {
    header[role="banner"] {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      justify-content: center; } }
  @media (min-width: 1000px) {
    header[role="banner"] {
      display: block; } }
  header[role="banner"]:before {
    /* Pseudo element to push content down */
    content: '';
    height: 80px;
    display: block; }
    @media (min-width: 800px) {
      header[role="banner"]:before {
        display: none; } }
  header[role="banner"] h1 {
    display: none; }
  header[role="banner"] img.logo {
    display: block;
    width: 100%;
    max-width: 350px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin: 0 auto;
    padding: 1em 0.5em; }
    header[role="banner"] img.logo:hover {
      opacity: 0.8; }
    @media (min-width: 800px) {
      header[role="banner"] img.logo {
        height: 100px;
        width: auto; } }
    @media (min-width: 1000px) {
      header[role="banner"] img.logo {
        float: left; } }
    @media (min-width: 1200px) {
      header[role="banner"] img.logo {
        height: 150px; } }
  header[role="banner"] .phone-top-right {
    display: none; }
    @media (min-width: 800px) {
      header[role="banner"] .phone-top-right {
        float: right;
        display: block;
        font-family: "NexaBold", sans-serif;
        color: #666;
        font-size: 1.1em;
        padding: 5px 0 10px; }
        header[role="banner"] .phone-top-right .phone {
          margin: 0.5em 0;
          display: inline-block; }
          header[role="banner"] .phone-top-right .phone .ld-locationnumbers {
            display: inline-block; }
            header[role="banner"] .phone-top-right .phone .ld-locationnumbers .ld-areanum {
              display: inline-block;
              position: relative;
              padding-left: 10px;
              margin-left: 1em; }
              header[role="banner"] .phone-top-right .phone .ld-locationnumbers .ld-areanum:before {
                position: absolute;
                font-family: FontAwesome;
                top: 1px;
                left: 0px;
                content: '\f10b'; } }
    @media (min-width: 1200px) {
      header[role="banner"] .phone-top-right {
        padding: 20px 0 20px 20px; } }
  header[role="banner"] nav[role="top-navigation"] {
    display: none; }
    @media (min-width: 800px) {
      header[role="banner"] nav[role="top-navigation"] {
        display: block; }
        header[role="banner"] nav[role="top-navigation"] ul {
          padding: 0 0 10px 0;
          width: 100%;
          text-align: center; }
          header[role="banner"] nav[role="top-navigation"] ul li {
            display: inline-block;
            position: relative; }
            header[role="banner"] nav[role="top-navigation"] ul li.current-menu-item a {
              color: #02b6b5; }
            header[role="banner"] nav[role="top-navigation"] ul li a {
              color: #666;
              text-decoration: none;
              text-transform: uppercase;
              font-size: 0.95em;
              padding: 0.5em 0.33em; }
              header[role="banner"] nav[role="top-navigation"] ul li a:hover {
                color: #02b6b5; }
            header[role="banner"] nav[role="top-navigation"] ul li.hide-top {
              display: none; }
            header[role="banner"] nav[role="top-navigation"] ul li ul.sub-menu {
              display: none;
              position: absolute;
              left: 5px;
              z-index: 1000;
              padding: 0.5em 0;
              width: 100%;
              background-color: #fff;
              padding: 0.5em 0 1px 0; }
              header[role="banner"] nav[role="top-navigation"] ul li ul.sub-menu li {
                padding: 0;
                width: 100%; }
                header[role="banner"] nav[role="top-navigation"] ul li ul.sub-menu li a {
                  display: block;
                  border-bottom: 1px solid #22363e;
                  border-top: 1px solid #22363e;
                  pointer-events: all;
                  cursor: pointer;
                  padding: 1em 0; }
            header[role="banner"] nav[role="top-navigation"] ul li:hover ul.sub-menu {
              display: block; } }
    @media (min-width: 1000px) {
      header[role="banner"] nav[role="top-navigation"] ul {
        float: right;
        width: auto; } }
    @media (min-width: 1200px) {
      header[role="banner"] nav[role="top-navigation"] ul {
        padding: 0; }
        header[role="banner"] nav[role="top-navigation"] ul li a {
          padding: 0.5em 1.1em; }
        header[role="banner"] nav[role="top-navigation"] ul li ul.sub-menu {
          left: 0;
          background-color: #fff;
          padding: 0.5em 0 1px 0; }
          header[role="banner"] nav[role="top-navigation"] ul li ul.sub-menu li a {
            padding: 1em; } }

@media (min-width: 800px) {
  .single-locations header[role=banner] .phone-top-right {
    width: 100%;
    text-align: center; } }

@media (min-width: 1000px) {
  .single-locations header[role=banner] .phone-top-right {
    text-align: right;
    width: 49%; } }

/* Site Navigation
--------------------------------------------------------------- */
#mmenu:not(.mm-menu) {
  display: none; }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: #528599;
  border-color: #528599; }

.mm-menu .mm-listview .mm-btn_next:after {
  border-color: #528599; }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: #528599; }

.mm-panels {
  background-color: #08181f; }
  .mm-panels .mm-navbar {
    color: #528599;
    border-color: #528599; }
  .mm-panels ul li {
    color: #528599;
    border-color: #528599; }
    .mm-panels ul li a {
      color: #528599;
      padding: 20px 10px 20px 20px;
      margin: 0;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      font-size: 1.1em;
      overflow: hidden; }
      .mm-panels ul li amm-btn_next::after {
        border-color: #528599; }
    .mm-panels ul li.current-menu-item a {
      color: #02b6b5; }

/* Desktop Navigation */
nav[role="navigation"] {
  display: none; }
  @media (min-width: 800px) {
    nav[role="navigation"] {
      position: relative;
      clear: both;
      display: block;
      text-align: center;
      padding: 0 0 4em 0;
      z-index: 10;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03161d+0,052531+100&0.8+50,0+100 */
      background: -moz-linear-gradient(top, rgba(3, 22, 29, 0.8) 0%, rgba(4, 30, 39, 0.8) 50%, rgba(5, 37, 49, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(3, 22, 29, 0.8)), color-stop(50%, rgba(4, 30, 39, 0.8)), color-stop(100%, rgba(5, 37, 49, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(3, 22, 29, 0.8) 0%, rgba(4, 30, 39, 0.8) 50%, rgba(5, 37, 49, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(3, 22, 29, 0.8) 0%, rgba(4, 30, 39, 0.8) 50%, rgba(5, 37, 49, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(3, 22, 29, 0.8) 0%, rgba(4, 30, 39, 0.8) 50%, rgba(5, 37, 49, 0) 100%);
      /* IE10+ */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 22, 29, 0.8)), color-stop(50%, rgba(4, 30, 39, 0.8)), to(rgba(5, 37, 49, 0)));
      background: linear-gradient(to bottom, rgba(3, 22, 29, 0.8) 0%, rgba(4, 30, 39, 0.8) 50%, rgba(5, 37, 49, 0) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc03161d', endColorstr='#00052531',GradientType=0 );
      /* IE6-9 */ }
      nav[role="navigation"] ul.menu {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
        border-bottom: 1px solid #2c4650; }
        nav[role="navigation"] ul.menu li {
          display: inline;
          position: relative;
          padding: 2.1em 0; }
          nav[role="navigation"] ul.menu li:nth-child(1) a, nav[role="navigation"] ul.menu li:nth-child(2) a {
            pointer-events: none;
            cursor: default; }
          nav[role="navigation"] ul.menu li:nth-child(1) .menu-item-has-children > a:after, nav[role="navigation"] ul.menu li:nth-child(2) .menu-item-has-children > a:after {
            content: "\f105";
            margin-left: 7px;
            font: 1em/1 FontAwesome; }
          nav[role="navigation"] ul.menu li:nth-child(1):hover ul.sub-menu, nav[role="navigation"] ul.menu li:nth-child(2):hover ul.sub-menu {
            display: block; }
            nav[role="navigation"] ul.menu li:nth-child(1):hover ul.sub-menu .has-child .sub-menu, nav[role="navigation"] ul.menu li:nth-child(2):hover ul.sub-menu .has-child .sub-menu {
              display: none; }
            nav[role="navigation"] ul.menu li:nth-child(1):hover ul.sub-menu .has-child:hover .sub-menu, nav[role="navigation"] ul.menu li:nth-child(2):hover ul.sub-menu .has-child:hover .sub-menu {
              display: block; }
          nav[role="navigation"] ul.menu li:nth-child(4):hover ul.sub-menu {
            display: block; }
          nav[role="navigation"] ul.menu li.current-menu-item a {
            color: #02b6b5; }
          nav[role="navigation"] ul.menu li ul.sub-menu {
            display: none;
            position: absolute;
            top: 6.4em;
            left: 0;
            font-size: 0.85em;
            z-index: 1000;
            background: #2C4650; }
            nav[role="navigation"] ul.menu li ul.sub-menu .sub-menu {
              top: 0em; }
              nav[role="navigation"] ul.menu li ul.sub-menu .sub-menu li a:hover {
                display: block; }
            nav[role="navigation"] ul.menu li ul.sub-menu li {
              padding: 0; }
              nav[role="navigation"] ul.menu li ul.sub-menu li a {
                display: block;
                border-bottom: 1px solid #22363e;
                pointer-events: all;
                cursor: pointer; }
                nav[role="navigation"] ul.menu li ul.sub-menu li a:hover {
                  background: #22363e; }
        nav[role="navigation"] ul.menu a {
          display: inline-block;
          text-decoration: none;
          color: #fff;
          text-transform: uppercase; }
          nav[role="navigation"] ul.menu a:hover {
            color: #02b6b5; } }
  @media (min-width: 800px) {
    nav[role="navigation"] ul.menu {
      font-size: 13px; }
      nav[role="navigation"] ul.menu a {
        padding: 2em 0.75em; }
      nav[role="navigation"] ul.menu ul.sub-menu a {
        min-width: 200px;
        padding: 2em 1em; }
      nav[role="navigation"] ul.menu ul.sub-menu .has-child .sub-menu {
        display: none;
        left: 100px;
        right: 0;
        top: -59px;
        width: 250px;
        position: absolute; }
        nav[role="navigation"] ul.menu ul.sub-menu .has-child .sub-menu li a {
          padding: 2.5em; }
      nav[role="navigation"] ul.menu ul.sub-menu .has-child:hover .sub-menu {
        display: block; } }
  @media (min-width: 1000px) {
    nav[role="navigation"] ul.menu {
      font-size: 16px; }
      nav[role="navigation"] ul.menu a {
        padding: 2em 1em; }
      nav[role="navigation"] ul.menu ul.sub-menu a {
        min-width: 250px;
        padding: 2em 3em; }
      nav[role="navigation"] ul.menu ul.sub-menu .has-child .sub-menu {
        display: none;
        left: 125px;
        right: 0;
        top: -74px;
        width: 250px;
        position: absolute; }
      nav[role="navigation"] ul.menu ul.sub-menu .has-child:hover .sub-menu {
        display: block; } }
  @media (min-width: 1200px) {
    nav[role="navigation"] ul.menu a {
      padding: 2em 3em; } }

@media (min-width: 800px) {
  .page-commercial-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) a, .page-commercial-carpet-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) a, .page-commercial-window-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) a, .page-one-off-cleans nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) a, .page-contract-cleaners nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) a {
    color: #02b6b5; }
  .page-commercial-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li a, .page-commercial-carpet-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li a, .page-commercial-window-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li a, .page-one-off-cleans nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li a, .page-contract-cleaners nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li a {
    color: #fff; }
  .page-commercial-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li.current-menu-item a, .page-commercial-carpet-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li.current-menu-item a, .page-commercial-window-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li.current-menu-item a, .page-one-off-cleans nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li.current-menu-item a, .page-contract-cleaners nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(1) ul.sub-menu li.current-menu-item a {
    color: #02b6b5; } }

@media (min-width: 800px) {
  .page-office-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) a, .page-school-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) a, .page-retail-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) a, .page-healthcare-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) a {
    color: #02b6b5; }
  .page-office-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li a, .page-school-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li a, .page-retail-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li a, .page-healthcare-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li a {
    color: #fff; }
  .page-office-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li.current-menu-item a, .page-school-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li.current-menu-item a, .page-retail-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li.current-menu-item a, .page-healthcare-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(2) ul.sub-menu li.current-menu-item a {
    color: #02b6b5; } }

@media (min-width: 800px) {
  .page-domestic-one-off-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) a, .page-house-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) a {
    color: #02b6b5; }
  .page-domestic-one-off-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) ul.sub-menu li a, .page-house-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) ul.sub-menu li a {
    color: #fff; }
  .page-domestic-one-off-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) ul.sub-menu li.current-menu-item a, .page-house-cleaning nav[role="navigation"] ul.menu li.menu-item-has-children:nth-child(4) ul.sub-menu li.current-menu-item a {
    color: #02b6b5; } }

/* Hero
--------------------------------------------------------------- */
@media (min-width: 800px) {
  .home .hero {
    height: 500px; }
    .home .hero .image-overlay {
      display: none; } }

@media (min-width: 1000px) {
  .home .hero {
    height: 700px; } }

@media (min-width: 800px) {
  .single-locations .hero {
    height: 500px; }
    .single-locations .hero .image-overlay {
      display: none; } }

.hero {
  width: 100%;
  height: 84%;
  min-height: 520px;
  position: relative;
  background-size: 166%;
  padding: 0;
  overflow: hidden; }
  @media (min-width: 480px) {
    .hero {
      min-height: 430px; } }
  @media (min-width: 800px) {
    .hero {
      height: 500px;
      min-height: 55%;
      max-height: 65%; } }
  @media (min-width: 1200px) {
    .hero {
      height: 530px;
      background: none; } }
  .hero .video-overlay, .hero .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    overflow: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03161d+0,052531+100&0.5+1,0.5+100 */
    background: -moz-linear-gradient(45deg, rgba(3, 22, 29, 0.7) 0%, rgba(3, 22, 29, 0.7) 1%, rgba(5, 37, 49, 0.7) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(3, 22, 29, 0.7)), color-stop(1%, rgba(3, 22, 29, 0.7)), color-stop(100%, rgba(5, 37, 49, 0.7)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(3, 22, 29, 0.7) 0%, rgba(3, 22, 29, 0.7) 1%, rgba(5, 37, 49, 0.7) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(3, 22, 29, 0.7) 0%, rgba(3, 22, 29, 0.7) 1%, rgba(5, 37, 49, 0.7) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(3, 22, 29, 0.7) 0%, rgba(3, 22, 29, 0.7) 1%, rgba(5, 37, 49, 0.7) 100%);
    /* IE10+ */
    background: linear-gradient(45deg, rgba(3, 22, 29, 0.7) 0%, rgba(3, 22, 29, 0.7) 1%, rgba(5, 37, 49, 0.7) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8003161d', endColorstr='#80052531',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .hero .video-overlay {
    display: none;
    z-index: -10; }
    @media (min-width: 800px) {
      .hero .video-overlay {
        display: block; } }
  .hero #bgvid {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    z-index: -100;
    background-size: cover;
    background-color: rgba(4, 33, 44, 0.6);
    display: none;
    overflow: none; }
    @media (min-width: 800px) {
      .hero #bgvid {
        display: block; } }
    @media (min-width: 1000px) {
      .hero #bgvid {
        position: fixed; } }
  .hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../_static/images/video-bg.png) repeat-x;
    height: 100%; }
  .hero picture {
    width: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
    .hero picture img {
      display: block;
      margin: 0 auto;
      height: 100%; }
  .hero .hero-container {
    position: absolute;
    top: 7%;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 2.5%;
    z-index: 9; }
    @media (min-width: 480px) {
      .hero .hero-container {
        top: 12%; } }
    @media (min-width: 800px) {
      .hero .hero-container {
        top: 30%; } }
    .hero .hero-container p.title {
      text-transform: uppercase;
      font-size: 1.4em; }
      @media (min-width: 480px) {
        .hero .hero-container p.title {
          font-size: 1.6em; } }
      @media (min-width: 800px) {
        .hero .hero-container p.title {
          width: 100%;
          max-width: 1200px;
          margin: 0 auto;
          line-height: 1.1em;
          font-size: 2em; } }
      @media (min-width: 1000px) {
        .hero .hero-container p.title {
          font-size: 3em; } }
    .hero .hero-container p.sub {
      font-size: 1.3em;
      padding: 15px 0;
      font-family: "NexaLight", sans-serif; }
      @media (min-width: 480px) {
        .hero .hero-container p.sub {
          font-size: 1.375em; } }
      @media (min-width: 1000px) {
        .hero .hero-container p.sub {
          font-size: 2em; } }
      .hero .hero-container p.sub .ld-number {
        font-family: "NexaBold", sans-serif;
        display: block; }
        @media (min-width: 480px) {
          .hero .hero-container p.sub .ld-number {
            display: inline; } }
      .hero .hero-container p.sub .ld-phonenumber {
        font-family: "NexaBold", sans-serif;
        display: block; }
        @media (min-width: 480px) {
          .hero .hero-container p.sub .ld-phonenumber {
            display: inline;
            margin-right: 0.25em; } }
    .hero .hero-container p.sub.phone {
      padding: 0; }
      @media (min-width: 480px) {
        .hero .hero-container p.sub.phone {
          width: 365px;
          margin: 0 auto; } }
      @media (min-width: 800px) {
        .hero .hero-container p.sub.phone {
          padding: 0 0 15px;
          font-size: 1.25em;
          width: 100%; } }
      @media (min-width: 1000px) {
        .hero .hero-container p.sub.phone {
          font-size: 2em; } }
      @media (min-width: 480px) {
        .hero .hero-container p.sub.phone div {
          display: inline-block;
          margin: 0 0.25em; } }
    .hero .hero-container ul {
      margin-top: 1em; }
      .hero .hero-container ul li {
        list-style: none; }
        @media (min-width: 480px) {
          .hero .hero-container ul li {
            display: inline-block; } }
        .hero .hero-container ul li a {
          border-radius: 5px;
          border: 1px solid #02b6b5;
          background-color: rgba(2, 181, 182, 0.6);
          color: #fff;
          text-decoration: none;
          text-transform: uppercase;
          padding: .5em 1em;
          cursor: pointer;
          display: block;
          margin: 0 .5em .5em; }
          .hero .hero-container ul li a:hover {
            background-color: #02b5b6; }

.single-locations .hero {
  min-height: 350px; }

.page-list {
  clear: both;
  overflow: hidden;
  background: #fff;
  width: 100%; }
  .page-list ul {
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 1em 0; }
    @media (min-width: 800px) {
      .page-list ul {
        padding: 0;
        margin: 0 auto; } }
    .page-list ul li {
      text-transform: uppercase;
      color: #666;
      list-style: none;
      background: url(../_static/images/tick.png) no-repeat 1em center;
      line-height: 3em;
      padding: 1em 1em 1em 4.5em;
      font-size: 0.9em; }
      .page-list ul li:last-of-type {
        margin-bottom: 0; }
      @media (min-width: 800px) {
        .page-list ul li {
          background: url(../_static/images/tick.png) no-repeat 0.5em center;
          display: inline-block;
          text-align: center;
          width: 32.9%;
          padding: 2em 0em 2em 2.8em;
          font-size: 0.7em; }
          .page-list ul li:nth-child(1), .page-list ul li:nth-child(2), .page-list ul li:nth-child(4) {
            border-right: 1px solid #ccc; } }
      @media (min-width: 1200px) {
        .page-list ul li {
          background: url(../_static/images/tick.png) no-repeat 1.5em center;
          font-size: 1.03em; } }

/* Buckets
--------------------------------------------------------------- */
.outer-buckets {
  width: 100%;
  background: #fff; }

.buckets {
  padding: 0;
  padding: 2.5em 0;
  background: #fff;
  overflow: hidden; }
  .buckets li {
    display: block;
    margin-bottom: .2em;
    width: 100%; }
    @media (min-width: 800px) {
      .buckets li {
        display: inline-block;
        width: 32.5%;
        float: left; }
        .buckets li:nth-child(1), .buckets li:nth-child(2) {
          margin-right: 1%; }
        .buckets li:nth-child(4), .buckets li:nth-child(5) {
          margin-right: 1%;
          margin-top: 10px; } }
    .buckets li.domestic-cleaning-bucket a {
      background-image: url(../_static/images/domestic-cleaning-bucket.jpg);
      background-repeat: no-repeat;
      background-position: center; }
    .buckets li.commercial-cleaning-bucket a {
      background-image: url(../_static/images/commercial-cleaning-bucket.jpg);
      background-repeat: no-repeat;
      background-position: center; }
    .buckets li.testimonials-bucket a {
      background-image: url(../_static/images/testimonials-bucket.jpg);
      background-repeat: no-repeat;
      background-position: center; }
    .buckets li.office-cleaning-bucket a {
      background-image: url(../_static/images/office-cleaning-bucket.jpg);
      background-repeat: no-repeat;
      background-position: center; }
  .buckets a {
    display: block;
    padding: 1.5em;
    background-size: cover;
    text-decoration: none;
    height: 140px;
    position: relative;
    padding-top: 3em;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    .buckets a:hover {
      opacity: 0.8; }
      .buckets a:hover span {
        border: 1px solid #02b6b5;
        background-color: #02b5b6; }
    @media (min-width: 480px) {
      .buckets a {
        height: 160px;
        padding-top: 4em; } }
    @media (min-width: 800px) {
      .buckets a {
        height: 260px;
        padding-top: 7em; } }
    .buckets a span {
      border: 1px solid #fff;
      border-radius: 5px;
      color: #fff;
      margin: 0 auto;
      display: block;
      padding: .5em 1em;
      text-align: center;
      text-transform: uppercase;
      -webkit-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      transition: 0.3s all ease; }

.buckets.healthcare-buckets li {
  width: 100%; }
  @media (min-width: 800px) {
    .buckets.healthcare-buckets li {
      width: 49%; } }
  .buckets.healthcare-buckets li.dentists-orthodontists-bucket a {
    background-image: url(../_static/images/dentists-orthodontists-bucket.jpg);
    background-repeat: no-repeat;
    background-position: center; }
  .buckets.healthcare-buckets li.doctors-surgeries-bucket a {
    background-image: url(../_static/images/doctors-surgeries-bucket.jpg);
    background-repeat: no-repeat;
    background-position: center; }

/* Callback Form
--------------------------------------------------------------- */
.outer-callback {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03161d+0,052531+100 */
  background: #03161d;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #03161d 0%, #052531 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #03161d), color-stop(100%, #052531));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #03161d 0%, #052531 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #03161d 0%, #052531 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #03161d 0%, #052531 100%);
  /* IE10+ */
  background: -webkit-linear-gradient(315deg, #03161d 0%, #052531 100%);
  background: -o-linear-gradient(315deg, #03161d 0%, #052531 100%);
  background: linear-gradient(135deg, #03161d 0%, #052531 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03161d', endColorstr='#052531',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  width: 100%;
  clear: both; }
  .outer-callback .callback {
    padding: 3em .5em; }
    .outer-callback .callback p {
      text-transform: uppercase;
      color: #528599;
      font-size: 1.55em;
      text-align: center;
      line-height: 1.2em;
      margin-bottom: .8em; }
      .outer-callback .callback p span {
        margin-bottom: .8em; }
        .outer-callback .callback p span.white {
          color: #fff;
          display: block;
          font-family: "NexaBold", sans-serif; }
          @media (min-width: 800px) {
            .outer-callback .callback p span.white {
              display: inline-block;
              padding: 0 0.4em 0 0; } }
        .outer-callback .callback p span.line {
          display: none; }
          @media (min-width: 800px) {
            .outer-callback .callback p span.line {
              display: inline-block; } }

/* Site Content
--------------------------------------------------------------- */
.home section.outer-main {
  width: 100%;
  background: url(../_static/images/content-bg.jpg) center no-repeat;
  background-size: cover; }
  .home section.outer-main div[role="main"] {
    padding: 1em .5em; }
    @media (min-width: 800px) {
      .home section.outer-main div[role="main"] {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0; } }
    .home section.outer-main div[role="main"] h1 {
      text-align: center; }

.single-locations section.outer-main {
  width: 100%;
  background: url(../_static/images/content-bg.jpg) center no-repeat;
  background-size: cover; }
  .single-locations section.outer-main div[role="main"] {
    padding: 1em .5em; }
    @media (min-width: 800px) {
      .single-locations section.outer-main div[role="main"] {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0; } }
    .single-locations section.outer-main div[role="main"] h1 {
      text-align: center; }

.page-contact section.outer-main {
  width: 100%;
  background: url(../_static/images/contact-content-bg.jpg) center no-repeat;
  background-size: cover; }
  @media (min-width: 800px) {
    .page-contact section.outer-main {
      max-height: 900px; } }
  .page-contact section.outer-main div[role="main"] {
    padding: 1em .5em; }
    .page-contact section.outer-main div[role="main"] p.contact-details {
      margin: 0;
      padding: 0;
      font-family: "Nexa", sans-serif; }
      .page-contact section.outer-main div[role="main"] p.contact-details span {
        color: #02b6b5;
        font-family: "NexaBold", sans-serif; }
      .page-contact section.outer-main div[role="main"] p.contact-details span.ld-phonenumber {
        color: #000;
        font-family: "Nexa", sans-serif; }
      .page-contact section.outer-main div[role="main"] p.contact-details span {
        display: inline-block; }
        .page-contact section.outer-main div[role="main"] p.contact-details span div {
          display: inline-block;
          margin: 0; }
          .page-contact section.outer-main div[role="main"] p.contact-details span div span.ld-number {
            color: #000;
            font-family: "Nexa", sans-serif; }
      .page-contact section.outer-main div[role="main"] p.contact-details a {
        color: #02b6b5; }
        .page-contact section.outer-main div[role="main"] p.contact-details a:hover {
          color: #528599; }
    @media (min-width: 800px) {
      .page-contact section.outer-main div[role="main"] {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0; } }
    .page-contact section.outer-main div[role="main"] h1 {
      text-align: center; }

section.outer-main {
  width: 100%;
  overflow: hidden; }
  @media (min-width: 800px) {
    section.outer-main {
      max-height: 930px; } }
  @media (min-width: 1200px) {
    section.outer-main {
      max-height: 690px; } }
  section.outer-main .service-image {
    position: relative;
    height: 100%; }
    @media (min-width: 800px) {
      section.outer-main .service-image {
        min-height: 930px;
        max-height: 1000px; } }
    @media (min-width: 1200px) {
      section.outer-main .service-image {
        min-height: 700px;
        max-height: 930px; } }
    @media (min-width: 800px) {
      section.outer-main .service-image img {
        position: absolute;
        top: 0%;
        min-height: 100%;
        display: block;
        left: -50%;
        -webkit-transform: translate(0%, 0%);
        min-width: 100%; } }
    @media (min-width: 1200px) {
      section.outer-main .service-image img {
        left: 0%; } }

.page-cookies-privacy-policy section.outer-main {
  width: 100%;
  background-size: cover; }
  @media (min-width: 800px) {
    .page-cookies-privacy-policy section.outer-main {
      max-height: 3000px; } }
  @media (min-width: 1200px) {
    .page-cookies-privacy-policy section.outer-main {
      max-height: 2500px; } }
  .page-cookies-privacy-policy section.outer-main div[role="main"] {
    padding: 1em .5em; }
    @media (min-width: 800px) {
      .page-cookies-privacy-policy section.outer-main div[role="main"] {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0; } }
    .page-cookies-privacy-policy section.outer-main div[role="main"] h1 {
      text-align: center; }

@media (min-width: 800px) {
  .page-testimonials section.outer-main .service-image {
    min-height: 350px; } }

@media (min-width: 1200px) {
  .page-testimonials section.outer-main .service-image {
    min-height: 325px; } }

.page-about section.outer-main {
  width: 100%;
  overflow: hidden; }
  @media (min-width: 800px) {
    .page-about section.outer-main {
      width: 100%;
      float: left;
      max-height: 1120px; } }
  @media (min-width: 1200px) {
    .page-about section.outer-main {
      max-height: 1000px; } }
  .page-about section.outer-main div[role="main"] {
    width: 100%; }
    @media (min-width: 800px) {
      .page-about section.outer-main div[role="main"] {
        width: 50%; } }
  .page-about section.outer-main div[role="cta"] {
    width: 100%;
    background: url(../_static/images/about-cta-bg.jpg) no-repeat;
    background-size: cover; }
    @media (min-width: 800px) {
      .page-about section.outer-main div[role="cta"] {
        width: 50%;
        height: 100%;
        min-height: 1120px; } }
    @media (min-width: 800px) {
      .page-about section.outer-main div[role="cta"] article {
        padding: 18em 3em;
        height: 100%; } }
    @media (min-width: 1200px) {
      .page-about section.outer-main div[role="cta"] article {
        padding: 13em 3em; } }

div[role="main"] {
  width: 100%;
  float: left; }
  @media (min-width: 800px) {
    div[role="main"] {
      width: 50%; } }
  div[role="main"] h1 {
    text-align: left;
    text-transform: uppercase; }
  div[role="main"] p {
    padding: 1em 0 .5em;
    line-height: 1.8em;
    font-family: "SourceSans", sans-serif; }
  div[role="main"] blockquote {
    position: relative;
    padding: 1em 2.65em;
    text-align: center; }
    div[role="main"] blockquote:before, div[role="main"] blockquote:after {
      position: absolute;
      z-index: -1;
      font-family: FontAwesome;
      font-size: 2em;
      opacity: .25; }
    div[role="main"] blockquote:before {
      top: 20px;
      left: 20px;
      content: '\f10d'; }
    div[role="main"] blockquote:after {
      bottom: 0;
      right: 0;
      content: '\f10e'; }
  div[role="main"] img {
    display: block; }
    @media (min-width: 480px) {
      div[role="main"] img.left {
        float: left;
        margin: .5em .5em .5em 0; }
      div[role="main"] img.center {
        clear: both;
        margin: 0 auto; }
      div[role="main"] img.right {
        float: right;
        margin: .5em 0 .5em .5em; } }
  div[role="main"] .button {
    background: #000;
    color: #fff;
    padding: 1em;
    text-decoration: none;
    border-radius: .25em; }
    div[role="main"] .button:hover {
      background: #0d0d0d; }

.service-image {
  width: 100%;
  float: left;
  height: auto;
  overflow: hidden;
  display: none; }
  @media (min-width: 800px) {
    .service-image {
      width: 50%;
      height: 100%;
      display: block; } }
  @media (min-width: 1200px) {
    .service-image {
      width: 50%;
      height: 100%; } }
  .service-image img {
    display: block;
    width: 100%; }
    @media (min-width: 800px) {
      .service-image img {
        width: auto; } }

/* CTA
--------------------------------------------------------------- */
section.cta-section {
  width: 100%;
  overflow: hidden; }
  @media (min-width: 800px) {
    section.cta-section {
      max-height: 500px; } }
  section.cta-section .service-image {
    min-height: 200px;
    max-height: 500px; }
    @media (min-width: 800px) {
      section.cta-section .service-image {
        width: 50%;
        height: 100%; } }

div[role="cta"] {
  width: 100%;
  float: right;
  background: url(../_static/images/cta-bg.jpg) no-repeat center;
  background-size: cover; }
  @media (min-width: 800px) {
    div[role="cta"] {
      width: 50%;
      height: 100%;
      min-height: 500px; } }
  div[role="cta"] article {
    float: left;
    padding: 5em 3em; }
    div[role="cta"] article p {
      color: #528599;
      text-align: center;
      font-size: 1.3em;
      font-family: "Nexa", sans-serif; }
      @media (min-width: 480px) {
        div[role="cta"] article p {
          font-size: 1.7em; } }
      div[role="cta"] article p strong {
        color: #02b6b5;
        font-family: "NexaLight", sans-serif; }
      div[role="cta"] article p.phone-number {
        color: #666;
        font-size: 1.3em;
        padding: 1em 0 0 0;
        line-height: 2em; }
        div[role="cta"] article p.phone-number .name {
          font-weight: 700; }
        div[role="cta"] article p.phone-number .ld-area {
          font-weight: 700; }
        div[role="cta"] article p.phone-number .ld-number {
          display: inline-block; }
      div[role="cta"] article p .ld-phonenumber {
        display: block; }
        @media (min-width: 480px) {
          div[role="cta"] article p .ld-phonenumber {
            display: inline; } }
      @media (min-width: 480px) {
        div[role="cta"] article p div {
          display: inline-block; } }
      div[role="cta"] article p .call-cta {
        margin-bottom: 1em; }

/* Article
--------------------------------------------------------------- */
@media (min-width: 1200px) {
  .home article, .page-contact article, .page-cookies-privacy-policy article, .single-locations article {
    width: 100%;
    max-width: 1200px; } }

@media (min-width: 800px) {
  .home article div, .page-contact article div, .page-cookies-privacy-policy article div, .single-locations article div {
    margin-top: 20px;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 1em;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 1em;
    /* Firefox */
    column-gap: 1em;
    width: 100%;
    max-width: 1200px; } }

article {
  padding: 5em 1em;
  width: 100%; }
  article a img {
    width: 100%;
    height: auto; }
  @media (min-width: 1200px) {
    article {
      padding: 5em 1em 5em 0em;
      float: right;
      max-width: 600px; } }
  article ul {
    list-style: none;
    margin: 1em 0;
    line-height: 1.5em;
    display: block;
    padding: 1em 0 0.5em; }
  article ul li:before {
    display: inline-block;
    padding-right: .5em;
    font-family: FontAwesome;
    content: '\f0da'; }

/* Testimonials
--------------------------------------------------------------- */
section.outer-testimonials {
  width: 100%;
  background: #FAFAFA; }
  section.outer-testimonials ul.testimonial-list {
    max-width: 1200px;
    margin: 0 auto; }
    section.outer-testimonials ul.testimonial-list li.testimonial {
      padding: 3em 1em;
      border-bottom: 1px solid #ccc;
      list-style: none;
      display: block;
      overflow: hidden; }
      section.outer-testimonials ul.testimonial-list li.testimonial span.content {
        padding: 0 0 1em;
        float: left; }
        @media (min-width: 800px) {
          section.outer-testimonials ul.testimonial-list li.testimonial span.content {
            width: 70%; } }
      section.outer-testimonials ul.testimonial-list li.testimonial p span {
        color: #02b6b5;
        float: right; }
      section.outer-testimonials ul.testimonial-list li.testimonial a {
        border: 2px solid #eee;
        float: left; }
        @media (min-width: 800px) {
          section.outer-testimonials ul.testimonial-list li.testimonial a {
            float: right; } }
        section.outer-testimonials ul.testimonial-list li.testimonial a:hover {
          border: 2px solid #528599; }

/* News
--------------------------------------------------------------- */
.page-news section.outer-main, .single section.outer-main, .category section.outer-main, .tag section.outer-main, .search section.outer-main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  max-height: inherit; }
  .page-news section.outer-main div[role="main"], .single section.outer-main div[role="main"], .category section.outer-main div[role="main"], .tag section.outer-main div[role="main"], .search section.outer-main div[role="main"] {
    width: 100%; }
    @media (min-width: 800px) {
      .page-news section.outer-main div[role="main"], .single section.outer-main div[role="main"], .category section.outer-main div[role="main"], .tag section.outer-main div[role="main"], .search section.outer-main div[role="main"] {
        width: 66%; } }
    .page-news section.outer-main div[role="main"] article, .single section.outer-main div[role="main"] article, .category section.outer-main div[role="main"] article, .tag section.outer-main div[role="main"] article, .search section.outer-main div[role="main"] article {
      width: 100%;
      max-width: 792px; }
      .page-news section.outer-main div[role="main"] article img, .single section.outer-main div[role="main"] article img, .category section.outer-main div[role="main"] article img, .tag section.outer-main div[role="main"] article img, .search section.outer-main div[role="main"] article img {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 0 1em; }
      .page-news section.outer-main div[role="main"] article img.centered, .single section.outer-main div[role="main"] article img.centered, .category section.outer-main div[role="main"] article img.centered, .tag section.outer-main div[role="main"] article img.centered, .search section.outer-main div[role="main"] article img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .page-news section.outer-main div[role="main"] article .aligncenter, .single section.outer-main div[role="main"] article .aligncenter, .category section.outer-main div[role="main"] article .aligncenter, .tag section.outer-main div[role="main"] article .aligncenter, .search section.outer-main div[role="main"] article .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .page-news section.outer-main div[role="main"] article img.alignright, .single section.outer-main div[role="main"] article img.alignright, .category section.outer-main div[role="main"] article img.alignright, .tag section.outer-main div[role="main"] article img.alignright, .search section.outer-main div[role="main"] article img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline; }
      .page-news section.outer-main div[role="main"] article img.alignleft, .single section.outer-main div[role="main"] article img.alignleft, .category section.outer-main div[role="main"] article img.alignleft, .tag section.outer-main div[role="main"] article img.alignleft, .search section.outer-main div[role="main"] article img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline; }
      .page-news section.outer-main div[role="main"] article .alignright, .single section.outer-main div[role="main"] article .alignright, .category section.outer-main div[role="main"] article .alignright, .tag section.outer-main div[role="main"] article .alignright, .search section.outer-main div[role="main"] article .alignright {
        float: right; }
      .page-news section.outer-main div[role="main"] article .alignleft, .single section.outer-main div[role="main"] article .alignleft, .category section.outer-main div[role="main"] article .alignleft, .tag section.outer-main div[role="main"] article .alignleft, .search section.outer-main div[role="main"] article .alignleft {
        float: left; }
  .page-news section.outer-main aside, .single section.outer-main aside, .category section.outer-main aside, .tag section.outer-main aside, .search section.outer-main aside {
    float: right;
    width: 100%;
    padding: 1em; }
    @media (min-width: 800px) {
      .page-news section.outer-main aside, .single section.outer-main aside, .category section.outer-main aside, .tag section.outer-main aside, .search section.outer-main aside {
        width: 33%;
        padding: 5em 0em; } }
    .page-news section.outer-main aside label, .single section.outer-main aside label, .category section.outer-main aside label, .tag section.outer-main aside label, .search section.outer-main aside label {
      width: 100%;
      margin-bottom: 0.5em; }
    .page-news section.outer-main aside form, .single section.outer-main aside form, .category section.outer-main aside form, .tag section.outer-main aside form, .search section.outer-main aside form {
      margin-bottom: 1em; }
    .page-news section.outer-main aside ul li, .single section.outer-main aside ul li, .category section.outer-main aside ul li, .tag section.outer-main aside ul li, .search section.outer-main aside ul li {
      list-style: none;
      font-size: 1.1em;
      text-transform: uppercase;
      color: #02b6b5;
      font-family: "NexaBold", sans-serif; }
      .page-news section.outer-main aside ul li ul, .single section.outer-main aside ul li ul, .category section.outer-main aside ul li ul, .tag section.outer-main aside ul li ul, .search section.outer-main aside ul li ul {
        margin: 1em 0; }
        .page-news section.outer-main aside ul li ul li, .single section.outer-main aside ul li ul li, .category section.outer-main aside ul li ul li, .tag section.outer-main aside ul li ul li, .search section.outer-main aside ul li ul li {
          text-transform: initial;
          list-style: square inside;
          color: #666;
          margin: 0 0 0 1em; }
          .page-news section.outer-main aside ul li ul li a, .single section.outer-main aside ul li ul li a, .category section.outer-main aside ul li ul li a, .tag section.outer-main aside ul li ul li a, .search section.outer-main aside ul li ul li a {
            color: #666;
            font-size: 0.95em;
            padding: 0 0 0 0.5em;
            text-decoration: none; }
            .page-news section.outer-main aside ul li ul li a:hover, .single section.outer-main aside ul li ul li a:hover, .category section.outer-main aside ul li ul li a:hover, .tag section.outer-main aside ul li ul li a:hover, .search section.outer-main aside ul li ul li a:hover {
              color: #02b6b5; }

.single.single-locations section.outer-main {
  max-width: 100%; }
  @media (min-width: 800px) {
    .single.single-locations section.outer-main div[role="main"] {
      width: 100%; } }
  .single.single-locations section.outer-main div[role="main"] article {
    max-width: 100%; }
    @media (min-width: 1200px) {
      .single.single-locations section.outer-main div[role="main"] article {
        width: 100%;
        max-width: 1200px; } }

/* CTA Section
--------------------------------------------------------------- */
.outer-ctas {
  background: #f1f1f1;
  overflow: hidden; }
  .outer-ctas .cta-section {
    padding: 2em .5em; }
    .outer-ctas .cta-section > div {
      margin-bottom: 20px; }
      .outer-ctas .cta-section > div div.bottom {
        background: #fff;
        padding: 1em; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div div.bottom {
            height: 105px; } }
        @media (min-width: 1200px) {
          .outer-ctas .cta-section > div div.bottom {
            height: 85px; } }
        .outer-ctas .cta-section > div div.bottom p.top {
          text-transform: uppercase;
          color: #333;
          font-family: "NexaBold", sans-serif;
          font-size: 0.9em; }
        .outer-ctas .cta-section > div div.bottom p.bottom {
          font-family: "SourceSans", sans-serif;
          color: #333;
          font-size: 14px; }
          .outer-ctas .cta-section > div div.bottom p.bottom span.ld-phonenumber {
            color: #528599;
            font-family: "SourceSansBold", sans-serif;
            margin-right: 10px; }
            .outer-ctas .cta-section > div div.bottom p.bottom span.ld-phonenumber a {
              color: #528599;
              text-decoration: none; }
          .outer-ctas .cta-section > div div.bottom p.bottom div {
            display: inline-block;
            margin-right: 10px; }
            .outer-ctas .cta-section > div div.bottom p.bottom div span.ld-number {
              color: #528599;
              font-family: "SourceSansBold", sans-serif; }
              .outer-ctas .cta-section > div div.bottom p.bottom div span.ld-number a {
                color: #528599;
                text-decoration: none; }
      .outer-ctas .cta-section > div.video {
        width: 100%; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div.video {
            width: 28%;
            float: left; } }
        .outer-ctas .cta-section > div.video a {
          overflow: hidden;
          width: 100%;
          display: block;
          text-decoration: none; }
          .outer-ctas .cta-section > div.video a.image {
            height: 400px;
            background: url(../../direct-cleaning-services/_static/images/video-link.jpg) center no-repeat;
            background-size: cover; }
            @media (min-width: 800px) {
              .outer-ctas .cta-section > div.video a.image {
                height: 583px; } }
            @media (min-width: 1200px) {
              .outer-ctas .cta-section > div.video a.image {
                height: 504px; } }
          .outer-ctas .cta-section > div.video a:hover {
            opacity: 0.8; }
          .outer-ctas .cta-section > div.video a p {
            -webkit-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            transition: 0.3s all ease; }
            .outer-ctas .cta-section > div.video a p:hover {
              color: #02b6b5; }
      .outer-ctas .cta-section > div.wcu {
        width: 100%; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div.wcu {
            width: 35%;
            margin: 0 0 0 1%;
            float: left; } }
        .outer-ctas .cta-section > div.wcu .why-choose-us {
          background: url(../_static/images/wcu-bg.jpg) no-repeat;
          background-size: cover;
          height: 190px;
          padding: 1.5em; }
          .outer-ctas .cta-section > div.wcu .why-choose-us p.title {
            display: none; }
          .outer-ctas .cta-section > div.wcu .why-choose-us li {
            list-style: none;
            text-transform: uppercase;
            color: #fff;
            background: url(../_static/images/white-tick.png) no-repeat left center;
            padding-left: 2.7em;
            line-height: 2.2em;
            margin-bottom: .8em;
            color: #fff; }
            .outer-ctas .cta-section > div.wcu .why-choose-us li:last-of-type {
              margin-bottom: 0; }
      .outer-ctas .cta-section > div.commercial-cta {
        -webkit-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div.commercial-cta {
            width: 35%;
            margin: 0 0 0 1%;
            float: left; } }
        .outer-ctas .cta-section > div.commercial-cta:hover {
          opacity: 0.8; }
        .outer-ctas .cta-section > div.commercial-cta a {
          text-decoration: none;
          height: 190px; }
        .outer-ctas .cta-section > div.commercial-cta .image {
          background: url(../_static/images/window-cleaning-bucket.jpg) no-repeat;
          background-size: cover;
          width: 100%;
          max-height: 190px;
          height: 190px; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div.commercial-cta--video {
            width: 28%;
            margin: 0;
            float: left; } }
        .outer-ctas .cta-section > div.commercial-cta--video .image {
          background-image: url(../_static/images/video-link-image.jpg);
          width: 100%; }
      .outer-ctas .cta-section > div.testimonial {
        width: 100%; }
        @media (min-width: 800px) {
          .outer-ctas .cta-section > div.testimonial {
            width: 100%;
            float: left; } }
        .outer-ctas .cta-section > div.testimonial div.top {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#393d49+0,1e2025+100 */
          background: #393d49;
          /* Old browsers */
          background: -moz-radial-gradient(center, ellipse cover, #393d49 0%, #1e2025 100%);
          /* FF3.6+ */
          background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #393d49), color-stop(100%, #1e2025));
          /* Chrome,Safari4+ */
          background: -webkit-radial-gradient(center, ellipse cover, #393d49 0%, #1e2025 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-radial-gradient(center, ellipse cover, #393d49 0%, #1e2025 100%);
          /* Opera 12+ */
          background: -ms-radial-gradient(center, ellipse cover, #393d49 0%, #1e2025 100%);
          /* IE10+ */
          background: -webkit-radial-gradient(center, ellipse, #393d49 0%, #1e2025 100%);
          background: -o-radial-gradient(center, ellipse, #393d49 0%, #1e2025 100%);
          background: radial-gradient(ellipse at center, #393d49 0%, #1e2025 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393d49', endColorstr='#1e2025',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */
          color: #fff;
          font-family: "NexaLight", sans-serif;
          text-align: center;
          font-size: 1.4em;
          font-style: italic;
          line-height: 1.2em;
          padding: 2em 1em; }
          @media (min-width: 800px) {
            .outer-ctas .cta-section > div.testimonial div.top {
              height: 276px; } }
          @media (min-width: 1200px) {
            .outer-ctas .cta-section > div.testimonial div.top {
              height: 228px; } }
          .outer-ctas .cta-section > div.testimonial div.top p {
            width: 80%;
            margin: 0 auto; }
          .outer-ctas .cta-section > div.testimonial div.top a {
            border-radius: 5px;
            border: 1px solid #02b6b5;
            background-color: rgba(2, 181, 182, 0.6);
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            padding: .5em 1em;
            cursor: pointer;
            font-style: normal;
            font-size: 0.7em;
            display: inline-block;
            margin-top: 1em; }
            .outer-ctas .cta-section > div.testimonial div.top a:hover {
              background-color: #02b5b6; }
            @media (min-width: 800px) {
              .outer-ctas .cta-section > div.testimonial div.top a {
                width: auto; } }

@media (min-width: 800px) {
  .page-testimonials .outer-ctas .cta-section > div.video a.image {
    height: 190px; } }

.page-testimonials .outer-ctas .cta-section > div.testimonial {
  display: none; }

@media (min-width: 800px) {
  .single-locations .outer-ctas .cta-section > div div.bottom {
    height: 85px; } }

@media (min-width: 1200px) {
  .single-locations .outer-ctas .cta-section > div div.bottom {
    height: 65px; } }

/* Site Footer
--------------------------------------------------------------- */
footer[role="contentinfo"] {
  clear: both;
  padding: 3em .5em;
  overflow: hidden;
  font-family: "SourceSans", sans-serif;
  background: #1d1e25; }
  footer[role="contentinfo"] .container, footer[role="contentinfo"] .buckets {
    overflow: hidden; }
  footer[role="contentinfo"] ul {
    list-style: none; }
  footer[role="contentinfo"] li {
    display: block; }
  footer[role="contentinfo"] img {
    max-width: 100%; }
  footer[role="contentinfo"] .col {
    margin-bottom: 2em; }
    footer[role="contentinfo"] .col p {
      color: #ccc; }
      footer[role="contentinfo"] .col p.title {
        color: #528599;
        font-family: "NexaBold", sans-serif;
        text-transform: uppercase;
        margin-bottom: 1em; }
      footer[role="contentinfo"] .col p.phone {
        margin-top: 5px; }
        footer[role="contentinfo"] .col p.phone span.name {
          width: 90px;
          display: inline-block; }
        footer[role="contentinfo"] .col p.phone a {
          display: inline-block; }
      footer[role="contentinfo"] .col p.marg-top {
        margin-top: 1.25em; }
      footer[role="contentinfo"] .col p.marg-bottom {
        margin-bottom: 1.25em; }
    footer[role="contentinfo"] .col a {
      text-decoration: none;
      color: #ccc; }
      footer[role="contentinfo"] .col a:hover {
        color: #02b6b5; }
    footer[role="contentinfo"] .col ul li a {
      text-decoration: none;
      color: #ccc; }
      footer[role="contentinfo"] .col ul li a:hover {
        color: #02b6b5; }
  @media (min-width: 800px) {
    footer[role="contentinfo"] {
      text-align: left; }
      footer[role="contentinfo"] .col {
        float: left;
        width: 33%; } }
  footer[role="contentinfo"] .footer-bottom {
    border-top: 1px solid #252730;
    font-family: "Nexa", sans-serif;
    color: #528599;
    padding: 3em .5em 0; }
    footer[role="contentinfo"] .footer-bottom a img {
      width: 10%;
      margin-top: 1em;
      float: right; }

/* Back to top
--------------------------------------------------------------- */
#back-top {
  border-radius: 10px;
  position: fixed;
  bottom: 10px;
  z-index: 300;
  right: 10px;
  opacity: 0.4;
  text-align: center;
  background: #fff;
  padding: 0.3em; }
  #back-top:hover {
    opacity: 1;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease; }
  #back-top a {
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px; }
    #back-top a i {
      display: block;
      font-size: 3rem; }

/*variables*/
/*issue colours*/
/*success colours*/
/*submit colours*/
/*transitions*/
/*styles*/
.clearfix {
  clear: both; }

form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  /* Transitions */
  /*when the form is sent, change the opacity to .5*/ }
  form.contact-form {
    margin: 2em 0; }
  form fieldset {
    border: none; }
  form label {
    color: #999;
    display: block;
    float: left;
    margin-bottom: 1.5em;
    width: 100%; }
    form label.service {
      margin-right: 10%; }
      form label.service:nth-of-type(even) {
        margin-right: 0; }
    form label.data-capture label {
      display: block;
      clear: both; }
    form label.further-details {
      width: 100%; }
  form input[type=text],
  form input[type=tel],
  form input[type=email],
  form input[type=phone],
  form input[type=date],
  form input[type=file],
  form textarea,
  form select {
    display: block;
    width: 100%;
    max-width: 100%;
    -moz-box-shadow: inset 0 0 0 0.4em #f7f7f7;
    -webkit-box-shadow: inset 0 0 0 0.4em #f7f7f7;
    box-shadow: inset 0 0 0 0.4em #f7f7f7;
    padding: 1em;
    border: 1px solid #ddd;
    outline: none;
    margin: 0.2em 0; }
  form input[type=submit] {
    width: 100%;
    padding: 1em;
    background: #528599;
    border: none;
    border-bottom: 5px solid #406878;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font: 1em/1em "Nexa", sans-serif;
    text-transform: uppercase;
    -webkit-transition: border 0.25s ease;
    -moz-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease; }
    form input[type=submit]:not(disabled):hover {
      background: #4e7f92; }
    form input[type=submit]:active {
      border-bottom: 0;
      margin-top: 5px; }
  form textarea {
    padding: 0.7em 1em;
    line-height: 1.75; }
  form input.focus:active, form input.focus:focus, form textarea:active, form textarea:focus {
    border-color: #02b6b5; }
  form .issue input, form .issue textarea {
    border-color: #f48f95;
    -moz-box-shadow: inset 0 0 0 0.4em #f9b2ae;
    -webkit-box-shadow: inset 0 0 0 0.4em #f9b2ae;
    box-shadow: inset 0 0 0 0.4em #f9b2ae; }
  form .success input, form .success textarea {
    border-color: #7bd884;
    -moz-box-shadow: inset 0 0 0 0.4em #c3eac7;
    -webkit-box-shadow: inset 0 0 0 0.4em #c3eac7;
    box-shadow: inset 0 0 0 0.4em #c3eac7; }
  form .message {
    display: block;
    text-align: right;
    font-size: 0.85em;
    margin-top: 0.5em;
    color: #EC7878; }
  form .success .message {
    color: #5ABE64; }
  form input, form textarea {
    -webkit-transition: border 0.25s ease;
    -moz-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease;
    -webkit-transition: border 0.25s ease;
    -moz-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease; }
  @media only screen and (min-width: 600px) {
    form label {
      width: 23.5%;
      margin-right: 2%; }
    form label:nth-child(4) {
      margin-right: 0; }
    form label.service {
      width: 100%;
      margin: 0; } }
  form.sent {
    opacity: .5;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease; }

form.callback-form label {
  width: 100%;
  color: #528599;
  margin-bottom: 0; }
  @media (min-width: 480px) {
    form.callback-form label {
      width: 49%;
      margin-right: 1%; } }
  @media (min-width: 800px) {
    form.callback-form label {
      width: 24%;
      margin-right: 1%; } }

form.callback-form input {
  border: 1px solid #528599;
  border-radius: 5px;
  background: none;
  font-family: "SourceSans", sans-serif;
  color: #528599;
  -webkit-box-shadow: none;
  box-shadow: none; }

form.callback-form placeholder {
  color: #528599; }

form.callback-form ::-webkit-input-placeholder {
  color: #528599; }

form.callback-form :-moz-placeholder {
  color: #528599;
  opacity: 1; }

form.callback-form ::-moz-placeholder {
  color: #528599;
  opacity: 1; }

form.callback-form :-ms-input-placeholder {
  color: #528599; }

form.callback-form :-o-input-placeholder {
  color: #528599; }

form.callback-form input[type=submit] {
  width: 100%;
  font-family: "Nexa", sans-serif;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #02b6b5;
  background-color: rgba(2, 181, 182, 0.6);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: .5em 1em;
  cursor: pointer;
  padding: 1.098em 1em;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  form.callback-form input[type=submit]:hover {
    background-color: #02b5b6; }
  @media (min-width: 480px) {
    form.callback-form input[type=submit] {
      display: inline-block;
      clear: none;
      width: 49%;
      margin-top: .3em; } }
  @media (min-width: 800px) {
    form.callback-form input[type=submit] {
      width: 24%;
      margin-top: .22em; } }

/*styles for when the form sends*/
.results {
  position: fixed;
  bottom: -60px;
  z-index: 50;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font: 1.2em/1em sans-serif;
  -webkit-transition: border 0.2s ease;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease; }
  .results.visible {
    bottom: 0; }
  .results.success {
    background: #7bd884;
    color: #fff; }
  .results.issue {
    background: #f48f95;
    color: #fff; }

/* AJAX Loading Spinner */
.loading {
  margin: 1em 0;
  font: 0.9em "Nexa", sans-serif;
  text-transform: uppercase;
  color: #000;
  display: none; }

.loader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  border-right: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 4px solid #555;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  display: block;
  float: left;
  margin-right: 5px; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 25px;
  height: 25px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.loading.white {
  color: #fff; }

.loading.white .loader {
  border-top: 4px solid rgba(255, 255, 255, 0.4);
  border-right: 4px solid rgba(255, 255, 255, 0.4);
  border-bottom: 4px solid rgba(255, 255, 255, 0.4);
  border-left: 4px solid #ffffff; }

.cookies {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: .5em 10%;
  text-align: center;
  background: #000;
  border-top: 1px solid #ccc;
  font-size: .75em;
  color: #fff; }
  .cookies a {
    color: #e8b000; }
  .cookies a:hover {
    opacity: 0.8; }

.temporarily-closed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0.5em;
  background: red;
  color: #fff;
  text-decoration: blink; }