/* Grilla.
// Responsive SASS Framework
// Version: V2.0
// Last Updated: 2019-10-11
// Author: Twilo Creative Limited */
.bg-brand {
  background: #00aeef !important;
}

.bg-brand-dark {
  background: #00aeef !important;
}

.bg-brand-light {
  background: #e3fffe !important;
}

.bg-brand-lightest {
  background: #f5fdff !important;
}

.bg-contrast {
  background: #ed1e79 !important;
}

.c-brand {
  color: #00aeef !important;
}

.c-brand-dark {
  color: #08266b !important;
}

.c-contrast {
  color: #ed1e79 !important;
}

.bg-grey-darkest {
  background: #3f454c !important;
}

.bg-grey-dark {
  background: #5a636d !important;
}

.bg-grey {
  background: #919daa !important;
}

.bg-grey-light {
  background: #ccd8e5 !important;
}

.bg-grey-lightest {
  background: #EDEDED !important;
}

.bg-success {
  background: #20d307 !important;
}

.bg-warning {
  background: #ed952b !important;
}

.bg-danger {
  background: #d83a3a !important;
}

.c-success {
  color: #20d307 !important;
}

.c-warning {
  color: #ed952b !important;
}

.c-danger {
  color: #d83a3a !important;
}

.btn {
  padding: 1rem 1.875rem;
}

@font-face {
  font-family: "General Sans";
  src: url("/wp-content/themes/grilla-2-0/fonts/general-sans-regular.woff2") format("woff2"), url("/wp-content/themes/grilla-2-0/fonts/general-sans-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("/wp-content/themes/grilla-2-0/fonts/general-sans-bold.woff2") format("woff2"), url("/wp-content/themes/grilla-2-0/fonts/general-sans-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
b, strong {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1201px) {
  .container {
    width: 1200px;
  }
}
@media screen and (min-width: 1441px) {
  .container {
    width: 1440px;
  }
}
@media screen and (min-width: 1921px) {
  .container {
    width: 1920px;
  }
}

.container-full {
  width: 100%;
  margin: 0 auto;
}

.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-gutter {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 1201px) {
  .row-gutter {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.row-gutter > [class^=col] {
  padding: 0 0.5rem;
}
@media screen and (min-width: 1201px) {
  .row-gutter > [class^=col] {
    padding: 0 1rem;
  }
}

.reverse {
  flex-direction: row-reverse;
}

.eq-height {
  align-items: stretch;
}

.auto-height {
  align-items: flex-start;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-reverse {
  flex-direction: column-reverse;
}

.col-center {
  display: block;
  float: none;
  margin: 0 auto;
}

.col-first {
  order: -1;
}

.col-last {
  order: 1;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  width: 100%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
  width: 100%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  width: 100%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  width: 100%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
  width: 100%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  width: 100%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  width: 100%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
  width: 100%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  width: 100%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  width: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.end-xs {
  justify-content: flex-end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media screen and (min-width: 481px) {
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    width: 100%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    width: 100%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    width: 100%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    width: 100%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    width: 100%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    width: 100%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
    width: 100%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    width: 100%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    width: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .start-sm {
    justify-content: flex-start;
  }
  .center-sm {
    justify-content: center;
  }
  .end-sm {
    justify-content: flex-end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media screen and (min-width: 961px) {
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    width: 100%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    width: 100%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    width: 100%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    width: 100%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    width: 100%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    width: 100%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
    width: 100%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    width: 100%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    width: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .start-md {
    justify-content: flex-start;
  }
  .center-md {
    justify-content: center;
  }
  .end-md {
    justify-content: flex-end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media screen and (min-width: 1201px) {
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    width: 100%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    width: 100%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    width: 100%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    width: 100%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    width: 100%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    width: 100%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
    width: 100%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    width: 100%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    width: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .start-lg {
    justify-content: flex-start;
  }
  .center-lg {
    justify-content: center;
  }
  .end-lg {
    justify-content: flex-end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
@media screen and (min-width: 1441px) {
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    width: 100%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    width: 100%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    width: 100%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    width: 100%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    width: 100%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    width: 100%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
    width: 100%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    width: 100%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    width: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .start-xl {
    justify-content: flex-start;
  }
  .center-xl {
    justify-content: center;
  }
  .end-xl {
    justify-content: flex-end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .around-xl {
    justify-content: space-around;
  }
  .between-xl {
    justify-content: space-between;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-inline {
  display: inline;
}

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

.d-xs-block {
  display: block;
}

.d-xs-flex {
  display: flex;
}

.d-xs-inline {
  display: inline;
}

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

.d-xs-none {
  display: none;
}

@media screen and (max-width: 480px) {
  .d-xs-only-block {
    display: block;
  }
  .d-xs-only-flex {
    display: flex;
  }
  .d-xs-only-inline {
    display: inline;
  }
  .d-xs-only-inline-block {
    display: inline-block;
  }
  .d-xs-only-none {
    display: none;
  }
}
@media screen and (min-width: 481px) {
  .d-sm-block {
    display: block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-none {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 960px) {
  .d-sm-only-block {
    display: block;
  }
  .d-sm-only-flex {
    display: flex;
  }
  .d-sm-only-inline {
    display: inline;
  }
  .d-sm-only-inline-block {
    display: inline-block;
  }
  .d-sm-only-none {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-none {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .d-md-only-block {
    display: block;
  }
  .d-md-only-flex {
    display: flex;
  }
  .d-md-only-inline {
    display: inline;
  }
  .d-md-only-inline-block {
    display: inline-block;
  }
  .d-md-only-none {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-none {
    display: none;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .d-lg-only-block {
    display: block;
  }
  .d-lg-only-flex {
    display: flex;
  }
  .d-lg-only-inline {
    display: inline;
  }
  .d-lg-only-inline-block {
    display: inline-block;
  }
  .d-lg-only-none {
    display: none;
  }
}
@media screen and (min-width: 1441px) {
  .d-xl-block {
    display: block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-none {
    display: none;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #37404d;
  text-align: left;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: normal;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: inherit;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

code {
  white-space: pre-wrap;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: rgb(76.25, 88.7272727273, 106.75);
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* Text meant only for screen readers */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset 50%;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.abs {
  position: absolute;
}

.fix {
  position: fixed;
}

.rel {
  position: relative;
}

.right {
  float: right;
}

.left {
  float: left;
}

.hidden {
  display: none !important;
}

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

.mb {
  margin-bottom: 2rem;
}

.mx-0 {
  margin: 0;
}

.px-0 {
  padding: 0;
}

.mb-small {
  margin-bottom: 0.6666666667rem;
}

.m-auto {
  margin: auto !important;
}

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

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

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

.mb-0 {
  margin-bottom: 0rem !important;
}

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

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.mt-9 {
  margin-top: 2.25rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.mt-11 {
  margin-top: 2.75rem !important;
}

.mb-11 {
  margin-bottom: 2.75rem !important;
}

.pt-11 {
  padding-top: 2.75rem !important;
}

.pb-11 {
  padding-bottom: 2.75rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.mt-13 {
  margin-top: 3.25rem !important;
}

.mb-13 {
  margin-bottom: 3.25rem !important;
}

.pt-13 {
  padding-top: 3.25rem !important;
}

.pb-13 {
  padding-bottom: 3.25rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.pt-14 {
  padding-top: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.mt-15 {
  margin-top: 3.75rem !important;
}

.mb-15 {
  margin-bottom: 3.75rem !important;
}

.pt-15 {
  padding-top: 3.75rem !important;
}

.pb-15 {
  padding-bottom: 3.75rem !important;
}

.mt-16 {
  margin-top: 4rem !important;
}

.mb-16 {
  margin-bottom: 4rem !important;
}

.pt-16 {
  padding-top: 4rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.mt-17 {
  margin-top: 4.25rem !important;
}

.mb-17 {
  margin-bottom: 4.25rem !important;
}

.pt-17 {
  padding-top: 4.25rem !important;
}

.pb-17 {
  padding-bottom: 4.25rem !important;
}

.mt-18 {
  margin-top: 4.5rem !important;
}

.mb-18 {
  margin-bottom: 4.5rem !important;
}

.pt-18 {
  padding-top: 4.5rem !important;
}

.pb-18 {
  padding-bottom: 4.5rem !important;
}

.mt-19 {
  margin-top: 4.75rem !important;
}

.mb-19 {
  margin-bottom: 4.75rem !important;
}

.pt-19 {
  padding-top: 4.75rem !important;
}

.pb-19 {
  padding-bottom: 4.75rem !important;
}

.mt-20 {
  margin-top: 5rem !important;
}

.mb-20 {
  margin-bottom: 5rem !important;
}

.pt-20 {
  padding-top: 5rem !important;
}

.pb-20 {
  padding-bottom: 5rem !important;
}

.mt-21 {
  margin-top: 5.25rem !important;
}

.mb-21 {
  margin-bottom: 5.25rem !important;
}

.pt-21 {
  padding-top: 5.25rem !important;
}

.pb-21 {
  padding-bottom: 5.25rem !important;
}

.mt-22 {
  margin-top: 5.5rem !important;
}

.mb-22 {
  margin-bottom: 5.5rem !important;
}

.pt-22 {
  padding-top: 5.5rem !important;
}

.pb-22 {
  padding-bottom: 5.5rem !important;
}

.mt-23 {
  margin-top: 5.75rem !important;
}

.mb-23 {
  margin-bottom: 5.75rem !important;
}

.pt-23 {
  padding-top: 5.75rem !important;
}

.pb-23 {
  padding-bottom: 5.75rem !important;
}

.mt-24 {
  margin-top: 6rem !important;
}

.mb-24 {
  margin-bottom: 6rem !important;
}

.pt-24 {
  padding-top: 6rem !important;
}

.pb-24 {
  padding-bottom: 6rem !important;
}

.mt-25 {
  margin-top: 6.25rem !important;
}

.mb-25 {
  margin-bottom: 6.25rem !important;
}

.pt-25 {
  padding-top: 6.25rem !important;
}

.pb-25 {
  padding-bottom: 6.25rem !important;
}

.mt-gutter {
  margin-top: calc(2rem / 2);
}
@media screen and (min-width: 1201px) {
  .mt-gutter {
    margin-top: 2rem !important;
  }
}

.mb-gutter {
  margin-bottom: calc(2rem / 2);
}
@media screen and (min-width: 1201px) {
  .mb-gutter {
    margin-bottom: 2rem !important;
  }
}

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

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

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

.nowrap {
  white-space: nowrap;
}

.uppercase {
  text-transform: uppercase;
}

big {
  font-size: 1.25rem;
  line-height: 1.875rem;
}

small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

img {
  max-width: 100%;
  height: auto;
}

.radius50 {
  border-radius: 50%;
}

.NoSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.accordion .accordion-link {
  position: relative;
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  background: rgb(35, 195.1673640167, 255);
  border: 0;
  color: #ffffff;
  cursor: pointer;
  transition: background ease 0.3s;
}
.accordion .accordion-link:after {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  line-height: 1;
  pointer-events: none;
  transition: all ease 0.3s;
  width: 0.625rem;
  height: 0.625rem;
  border-right: 0.2em solid;
  border-bottom: 0.2em solid;
  border-color: #ffffff;
  transform: rotate(-45deg);
}
.accordion .accordion-link.active:after {
  top: 0.75rem;
  transform: rotate(45deg);
}
.accordion .accordion-link.active, .accordion .accordion-link:hover {
  background: #00aeef;
}

.accordion-content {
  display: none;
  overflow: hidden;
  padding: 0.75rem;
}
@media print {
  .accordion-content {
    display: block !important;
  }
}

.animate-container {
  overflow: hidden;
}

.animate {
  will-change: transform;
  transition: opacity 0.6s, transform 0.6s;
  opacity: 0;
}

.animate.nofade {
  opacity: 1;
}

.animate.rtl {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.animate.ltr {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.animate.btt {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.animate.scale {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.reveal .animate {
  opacity: 1;
}
.reveal .animate.rtl,
.reveal .animate.ltr {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.reveal .animate.btt {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.reveal .animate.scale {
  transform: scale(1);
}

@media screen and (min-width: 961px) {
  .animate.delay-1 {
    transition-delay: 100ms !important;
  }
  .animate.delay-2 {
    transition-delay: 200ms !important;
  }
  .animate.delay-3 {
    transition-delay: 300ms !important;
  }
  .animate.delay-4 {
    transition-delay: 400ms !important;
  }
  .animate.delay-5 {
    transition-delay: 500ms !important;
  }
  .animate.delay-6 {
    transition-delay: 600ms !important;
  }
}
.btn {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  line-height: 1em;
  border-radius: 0.25rem;
  white-space: nowrap;
  margin: 0;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all ease 0.3s !important;
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn:focus {
  outline: none;
}
.btn:hover {
  text-decoration: none !important;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-sm {
  font-size: 0.75rem;
}

.btn-lg {
  font-size: 1.25rem;
}

.btn-brand {
  background: #00aeef;
  color: #ffffff !important;
}
.btn-brand:hover {
  background: #08266b;
}

.btn-contrast {
  background: #ed1e79;
  color: #ffffff !important;
}
.btn-contrast:hover {
  background: rgb(200, 16, 96.8888888889);
}

.btn-outline {
  background: transparent;
  border-color: #00aeef;
  color: #00aeef;
}
.btn-success {
  background: #20d307;
  color: #ffffff !important;
}
.btn-success:hover {
  background: rgb(49.376146789, 247.2614678899, 21.7385321101);
}

.btn-warning {
  background: #ed952b;
  color: #ffffff !important;
}
.btn-warning:hover {
  background: rgb(240.9913043478, 172.5043478261, 90.0086956522);
}

.btn-danger {
  background: #d83a3a;
  color: #ffffff !important;
}
.btn-danger:hover {
  background: rgb(224.4279661017, 100.5720338983, 100.5720338983);
}

.btn-grey {
  background: #ccd8e5;
}
.btn-grey:hover {
  background: #919daa;
}

.btn-disabled {
  cursor: not-allowed;
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.btn-blank {
  background: transparent;
  border: 0;
  color: inherit;
}

.btn-link {
  background: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.btn-link:hover {
  color: #ed1e79;
}

.btn-group {
  margin-bottom: 1rem;
}
.btn-group .btn {
  margin: 0 0.5em 0.5em 0;
}

body {
  padding-top: 120px;
}
@media screen and (min-width: 961px) {
  body {
    padding-top: 160px;
  }
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  transition: all ease 0.6s;
  will-change: transform;
}

.header-scroll-show {
  transform: translateY(0);
}

.header-scroll-hide {
  transform: translateY(-100%);
}

label {
  display: block;
  margin-bottom: 0.5rem;
}
label.required:after {
  content: " *";
  color: #00aeef;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea,
div.input {
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  height: 42px;
  font-size: inherit;
  background: #ffffff;
  border: 1px solid #ccd8e5;
  border-radius: 0.25rem;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  transition: border-color ease 0.3s;
}
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
div.input:focus {
  border-color: #00aeef;
}

input[type=file] {
  margin-bottom: 1rem;
}

select {
  display: block;
  width: 100%;
  font-weight: normal;
  background: #ffffff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat right 50% !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select:-moz-focusing {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

::-webkit-input-placeholder {
  color: #37404d;
  opacity: 0.75;
}

::-moz-placeholder {
  color: #37404d;
  opacity: 0.75;
}

:-ms-input-placeholder {
  color: #37404d;
  opacity: 0.75;
}

:-moz-placeholder {
  color: #37404d;
  opacity: 0.75;
}

textarea {
  max-width: 100%;
  height: 4rem;
}

.input-group {
  display: flex;
}
.input-group + .input-group {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #ccd8e5;
}
.input-group > * {
  display: inline-block !important;
  margin-bottom: 0 !important;
}
.input-group > * + * {
  margin-left: 0.5rem !important;
}

span[role=alert] {
  display: block;
  font-size: 0.825rem;
  color: #ed952b;
}

.ajax-loader {
  position: absolute;
}

.g-recaptcha > div {
  margin-bottom: 0.75rem;
}

.form-centre .g-recaptcha > div {
  margin-right: auto;
  margin-left: auto;
}

body.menu-open {
  overflow: hidden;
  position: relative;
}

.site-header-menu {
  position: relative;
}

.main-navigation {
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  transition: all ease 0.3s;
  transform: translateX(100%);
  will-change: transform;
}
.main-navigation[aria-expanded=true] {
  opacity: 1;
  transform: translateX(0);
}
.main-navigation ul {
  z-index: 998;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-navigation ul li {
  position: relative;
}
.main-navigation ul li a {
  display: block;
  text-decoration: none;
  transition: all ease 0.3s;
}
.main-navigation ul li.menu-item-has-children > a {
  margin-right: 0;
}
.main-navigation ul ul {
  display: none;
}
.main-navigation ul ul a {
  font-size: 0.9em;
}
.main-navigation ul ul ul a {
  font-size: 0.9em;
}

.no-js .site-header-menu {
  transform: translateX(0);
}
.no-js .main-navigation ul ul {
  display: block;
}

.main-navigation ul .toggled-on {
  display: block;
}

.menu-toggle {
  z-index: 999;
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.menu-toggle:active {
  outline: none;
  border: none;
  color: inherit;
}
.menu-toggle:before, .menu-toggle:after {
  content: "";
  position: absolute;
  right: 0;
  width: 24px;
  height: 4px;
  border-radius: 0.25rem;
  pointer-events: none;
  transform-origin: center center;
}
.menu-toggle:before {
  top: 12px;
}
.menu-toggle:after {
  top: 28px;
}
.menu-toggle.menu-toggle-close {
  width: 100%;
  height: 50px;
  padding-right: 50px;
  text-align: right;
}
.menu-toggle.menu-toggle-close:before, .menu-toggle.menu-toggle-close:after {
  top: 25px;
  right: 10px;
}
.menu-toggle.menu-toggle-close:before {
  width: 40px;
  box-shadow: 0 8px 40px 0 transparent;
  transform: rotate(45deg);
}
.menu-toggle.menu-toggle-close:after {
  width: 40px;
  transform: rotate(-45deg);
}

.dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 50px;
  height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: all ease 0.3s;
  will-change: transform;
}
.dropdown-toggle:after {
  content: "";
  font-size: 1rem;
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.2em solid;
  border-bottom: 0.2em solid;
  border-color: #37404d;
  transform: rotate(-45deg);
}
.dropdown-toggle[aria-expanded=true] {
  transform: rotate(90deg);
}

@media (min-width: 1475px) {
  .main-navigation {
    display: block;
    overflow: visible;
    position: unset;
    transform: translateX(0);
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    height: auto;
  }
  .main-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
  }
  .main-navigation ul > li {
    flex: 0 1 auto;
  }
  .main-navigation ul > li a {
    display: block;
    white-space: nowrap;
  }
  .main-navigation li:hover > ul,
  .main-navigation li.focus > ul {
    left: 0;
  }
  .main-navigation .menu-item-has-children > a:after {
    content: "";
    font-size: 0.75rem;
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.625em;
    height: 0.625em;
    border-right: 0.2em solid;
    border-bottom: 0.2em solid;
    border-color: #37404d;
    transform: translateY(-0.25em) rotate(45deg);
  }
  .main-navigation ul ul {
    display: block;
    position: absolute;
    left: -999em;
    z-index: 99999;
    margin: 0;
  }
  .main-navigation ul ul li {
    width: 100%;
    text-align: left;
    border-bottom-width: 0;
  }
  .main-navigation ul ul li a {
    font-size: 100%;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    right: auto;
    left: 100%;
  }
  .main-navigation ul ul ul {
    top: -1px;
  }
  .main-navigation ul ul ul:before, .main-navigation ul ul ul:after {
    border: 0;
  }
  .main-navigation ul ul ul a {
    font-size: 100%;
  }
  .dropdown-toggle,
  .main-navigation ul .dropdown-toggle.toggled-on,
  .menu-toggle,
  .site-header .social-navigation,
  .site-footer .main-navigation {
    display: none;
  }
}
@media screen and (min-width: 1475px) {
  .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle, .site-header .social-navigation, .site-footer .main-navigation {
    display: none;
  }
}
.responsive-object, .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed, .wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pagination {
  display: flex;
  margin: 0;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination li button {
  position: relative;
  display: block;
  padding: 0.5rem 0.875rem;
  margin-left: -1px;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid #ccd8e5;
  cursor: pointer;
}
.pagination li button > * {
  line-height: 1.5 !important;
}
.pagination li:first-child button {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child button {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pagination li:hover button {
  text-decoration: none;
  background-color: #ccd8e5;
}
.pagination li.active button {
  z-index: 1;
  color: #ffffff;
  background-color: #00aeef;
}
.pagination li.disabled button {
  background-color: #EDEDED;
  color: #919daa;
  cursor: not-allowed;
  pointer-events: none;
}

.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 1rem;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
  text-align: center;
}
.slick-prev:before,
.slick-next:before {
  content: "";
  opacity: 0.75;
  display: block;
  margin: 0 auto;
  width: 1rem;
  height: 1rem;
  border-right: 0.2em solid black;
  border-bottom: 0.2em solid black;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  left: 0;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 0;
}
.slick-prev:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.slick-next {
  right: 0;
}
[dir=rtl] .slick-next {
  left: 0;
  right: auto;
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 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: 50%;
  left: 50%;
  margin: 0 auto;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 4px;
  line-height: 20px;
  text-align: center;
  background-color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.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;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  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;
}

.blog .site-header,
.archive .site-header,
.single-article .site-header {
  border-bottom: 1px solid #ccd8e5;
}
.blog #primary .breadcrumbs,
.archive #primary .breadcrumbs,
.single-article #primary .breadcrumbs {
  padding: 30px 0;
  line-height: 30px;
}
.blog #primary header,
.archive #primary header,
.single-article #primary header {
  padding: 60px 0 30px;
}
.blog #primary .subscribe,
.archive #primary .subscribe,
.single-article #primary .subscribe {
  display: inline-block;
  padding: 0.75em 0;
}
.blog #primary article .article-content > a,
.archive #primary article .article-content > a,
.single-article #primary article .article-content > a {
  text-decoration: none;
}
.blog #primary article .article-content > a:hover,
.archive #primary article .article-content > a:hover,
.single-article #primary article .article-content > a:hover {
  text-decoration: underline;
}
.blog #primary article .article-content > a .article-title,
.archive #primary article .article-content > a .article-title,
.single-article #primary article .article-content > a .article-title {
  font-size: 1.25rem;
  line-height: 1.2em;
  margin: 0.6em 0;
}
@media screen and (min-width: 961px) {
  .blog #primary article .article-content > a .article-title,
  .archive #primary article .article-content > a .article-title,
  .single-article #primary article .article-content > a .article-title {
    height: 2.4em;
    max-height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (min-width: 1441px) {
  .blog #primary article .article-content > a .article-title,
  .archive #primary article .article-content > a .article-title,
  .single-article #primary article .article-content > a .article-title {
    font-size: 1.5rem;
  }
}
.blog #primary article .article-content .entry-meta,
.archive #primary article .article-content .entry-meta,
.single-article #primary article .article-content .entry-meta {
  color: rgb(76.25, 88.7272727273, 106.75);
  margin: 0;
}
.blog #primary article .article-content .entry-meta > span,
.archive #primary article .article-content .entry-meta > span,
.single-article #primary article .article-content .entry-meta > span {
  margin-right: 1em;
}
.blog #primary article .article-content .entry-meta > span:last-of-type,
.archive #primary article .article-content .entry-meta > span:last-of-type,
.single-article #primary article .article-content .entry-meta > span:last-of-type {
  margin-right: 0;
}
.blog #primary article .article-content .entry-meta.has-avatar,
.archive #primary article .article-content .entry-meta.has-avatar,
.single-article #primary article .article-content .entry-meta.has-avatar {
  padding-top: 5px;
}
.blog #primary article .article-content .entry-meta.has-avatar .avatar,
.archive #primary article .article-content .entry-meta.has-avatar .avatar,
.single-article #primary article .article-content .entry-meta.has-avatar .avatar {
  margin: -5px 5px 0 0;
  border-radius: 50%;
  overflow: hidden;
}
.blog #primary article .article-content .entry-meta.single-line,
.archive #primary article .article-content .entry-meta.single-line,
.single-article #primary article .article-content .entry-meta.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog #primary article .article-content .entry-meta .category,
.blog #primary article .article-content .entry-meta .tags,
.blog #primary article .article-content .entry-meta .author,
.blog #primary article .article-content .entry-meta .posted_on,
.archive #primary article .article-content .entry-meta .category,
.archive #primary article .article-content .entry-meta .tags,
.archive #primary article .article-content .entry-meta .author,
.archive #primary article .article-content .entry-meta .posted_on,
.single-article #primary article .article-content .entry-meta .category,
.single-article #primary article .article-content .entry-meta .tags,
.single-article #primary article .article-content .entry-meta .author,
.single-article #primary article .article-content .entry-meta .posted_on {
  white-space: nowrap;
}

.blog #primary article,
.archive #primary article {
  margin-bottom: 2rem;
}
.blog #primary article .post-thumbnail,
.archive #primary article .post-thumbnail {
  display: block;
  width: 100%;
  padding-bottom: 68%;
  position: relative;
  overflow: hidden;
  background: #EDEDED;
}
.blog #primary article .post-thumbnail img,
.archive #primary article .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.25s;
  will-change: transform;
}
.blog #primary article .post-thumbnail:hover img,
.archive #primary article .post-thumbnail:hover img {
  transform: scale(1.05);
}
.blog #primary article .article-content,
.archive #primary article .article-content {
  background: #EDEDED;
  padding: 20px;
}
.blog .select-filters .select,
.archive .select-filters .select {
  margin-top: 1em;
}
@media screen and (min-width: 961px) {
  .blog .select-filters .select,
  .archive .select-filters .select {
    margin-top: 0;
  }
}

@media screen and (min-width: 961px) {
  .single-article {
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #EDEDED 50%, #EDEDED 100%);
  }
}
.single-article #primary {
  margin-bottom: 0;
  padding: 0 0 6rem 0;
  background: white;
  height: 100%;
}
@media screen and (min-width: 961px) {
  .single-article #primary {
    padding: 0 30px 6rem 0;
  }
}
@media screen and (min-width: 1441px) {
  .single-article #primary {
    padding-right: 12.5%;
  }
}
.single-article #primary header {
  padding: 0 0 50px;
}
.single-article .post-thumbnail,
.single-article figure.aligncenter {
  margin: 0 0 50px;
}
@media screen and (min-width: 1441px) {
  .single-article .post-thumbnail,
  .single-article figure.aligncenter {
    margin: 0 -14.3% 50px;
  }
}
.single-article .entry-content ul {
  margin: 1rem;
  padding-left: 1rem;
}
.single-article .entry-content blockquote {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  padding: 1rem;
  border-left: 5px solid #00aeef;
  margin-bottom: 1rem;
}
.single-article .entry-content blockquote p:last-of-type {
  margin: 0;
}
.single-article .blog-divider {
  font-size: 3px;
  max-width: 100%;
  width: 109em;
  height: 1em;
  background: url("img/dot.svg") repeat-x;
  margin: 50px 0;
}

#blog-sidebar {
  margin: 0 -15px;
  padding: 60px 30px;
  font-size: 0.875rem;
  background: #EDEDED;
}
@media screen and (min-width: 961px) {
  #blog-sidebar {
    margin: 0;
    padding: 60px 0 0 30px;
  }
}
#blog-sidebar .widget {
  font-size: 18px;
  margin-bottom: 60px;
}
#blog-sidebar .widget h6.widget-title {
  font-size: 26px;
}
#blog-sidebar .widget.widget_custom_recent_posts h6.widget-title:before {
  content: "\f09e";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 0.4em;
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post {
  margin: 0 0 30px 0;
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content {
  padding-left: 20px;
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content .title-link {
  text-decoration: none;
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content .title-link h3 {
  font-size: 18px;
  margin: 0;
  line-height: 1.2em;
  height: 2.4em;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content .entry-meta {
  font-size: 12px;
}
@media screen and (min-width: 961px) {
  #blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content .entry-meta {
    font-size: 14px;
  }
}
#blog-sidebar .widget.widget_custom_recent_posts .recent-post .recent-post-content .entry-meta > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#blog-sidebar .widget.widget_categories h6.widget-title:before {
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 0.4em;
}
#blog-sidebar .widget.widget_categories ul {
  padding: 0;
}
#blog-sidebar .widget.widget_categories ul .cat-item {
  list-style: none;
}
#blog-sidebar .widget.widget_categories ul .cat-item a {
  display: block;
  padding: 1em 1em 1em 2em;
  background: white;
  border-radius: 3px;
  margin-bottom: 2px;
  text-decoration: none;
  color: #37404d;
  position: relative;
  transition: 0.25s;
}
#blog-sidebar .widget.widget_categories ul .cat-item a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  left: 1em;
  top: 1em;
}
#blog-sidebar .widget.widget_categories ul .cat-item a:hover {
  background: #00aeef;
  color: white;
}
#blog-sidebar .widget.widget_tag_cloud h6.widget-title:before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 0.4em;
}
#blog-sidebar .widget.widget_tag_cloud .tagcloud a.tag-cloud-link {
  font-size: 18px !important;
  display: inline-block;
  background: rgb(76.25, 88.7272727273, 106.75);
  color: white;
  text-decoration: none;
  line-height: 2em;
  border-radius: 1em;
  padding: 0 1em;
  margin: 0 0.25em 0.5em 0;
  transition: 0.25s;
}
#blog-sidebar .widget.widget_tag_cloud .tagcloud a.tag-cloud-link:hover {
  background: #37404d;
}

.pagination {
  margin-top: 30px;
}
.pagination .nav-links .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #EDEDED;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  color: #37404d;
}
.pagination .nav-links .page-numbers.current {
  background: #00aeef;
  color: white;
}

.m-top {
  margin-top: 40px;
}
@media screen and (min-width: 1201px) {
  .m-top {
    margin-top: 80px;
  }
}

.m-bottom {
  margin-bottom: 40px;
}
@media screen and (min-width: 1201px) {
  .m-bottom {
    margin-bottom: 80px;
  }
}

.p-top {
  padding-top: 40px;
}
@media screen and (min-width: 1201px) {
  .p-top {
    padding-top: 80px;
  }
}

.p-bottom {
  padding-bottom: 40px;
}
@media screen and (min-width: 1201px) {
  .p-bottom {
    padding-bottom: 80px;
  }
}

input[type=checkbox] {
  margin-right: 0.5rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  line-height: 1.25;
  color: #08266b;
}

h1, .h1 {
  font-size: 2.25rem;
}
@media screen and (min-width: 961px) {
  h1, .h1 {
    font-size: 3rem;
  }
}

h2, .h2 {
  font-size: 2rem;
}
@media screen and (min-width: 961px) {
  h2, .h2 {
    font-size: 2.25rem;
  }
}

h3, .h3 {
  font-size: 1.5rem;
}
@media screen and (min-width: 961px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: 1.25rem;
}
@media screen and (min-width: 961px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 961px) {
  h5, .h5 {
    font-size: 1.25rem;
  }
}

h6, .h6 {
  font-size: 1.125rem;
}
@media screen and (min-width: 961px) {
  h6, .h6 {
    font-size: 1.125rem;
  }
}

p + h1, p + .h1, p + h2, p + .h2, p + h3, p + .h3, p + h4, p + .h4, p + h5, p + .h5, p + h6, p + .h6, ul + h1, ul + .h1, ul + h2, ul + .h2, ul + h3, ul + .h3, ul + h4, ul + .h4, ul + h5, ul + .h5, ul + h6, ul + .h6, ol + h1, ol + .h1, ol + h2, ol + .h2, ol + h3, ol + .h3, ol + h4, ol + .h4, ol + h5, ol + .h5, ol + h6, ol + .h6, blockquote + h1, blockquote + .h1, blockquote + h2, blockquote + .h2, blockquote + h3, blockquote + .h3, blockquote + h4, blockquote + .h4, blockquote + h5, blockquote + .h5, blockquote + h6, blockquote + .h6, figure + h1, figure + .h1, figure + h2, figure + .h2, figure + h3, figure + .h3, figure + h4, figure + .h4, figure + h5, figure + .h5, figure + h6, figure + .h6 {
  margin-top: 2rem;
}

a {
  text-decoration: none;
}

p {
  color: #666666;
}

.padding {
  padding: 2rem;
}

.btn {
  text-transform: uppercase;
}
.btn:disabled, .btn[disabled] {
  opacity: 0.25;
  background: #919daa !important;
  cursor: not-allowed;
}
.btn:disabled:hover, .btn[disabled]:hover {
  background: #919daa !important;
}

.btn-arrow:after {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: #ffffff;
  transform: translateY(-0.1em) rotate(-45deg);
}

.btn-arrow-left:before {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: #ffffff;
  transform: rotate(135deg);
}

.text-large {
  font-size: 1.25rem;
}

.text-small {
  font-size: 0.875rem;
}

.strike {
  text-decoration: line-through;
}

.bg-white {
  background: #ffffff !important;
}

.animate-container {
  position: relative;
}

body {
  padding-top: 160px;
}

@media screen and (min-width: 961px) {
  body {
    padding-top: 145px;
  }
}
@media screen and (min-width: 1470px) {
  .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle, .site-header .social-navigation, .site-footer .main-navigation {
    display: none;
  }
}
.main-navigation {
  background: #ffffff;
  color: #000000;
}
@media screen and (min-width: 1475px) {
  .main-navigation {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1475px) {
  .main-navigation .menu-primary-container {
    margin-right: 2rem;
    margin-left: auto;
  }
}
.main-navigation ul li a {
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-parent > a, .main-navigation ul li.current-menu-ancestor > a {
  color: #ed1e79;
  /*&:before {
  	content: "";
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 2px;
  	background: $contrast;
  }*/
}
.main-navigation ul li.menu-item-has-children > a:after {
  border-color: #00aeef !important;
  width: 1em;
  height: 1em;
}
.main-navigation ul.sub-menu li.menu-item-has-children > a:after {
  display: none;
}

#menu-item-38 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/Home.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-18284 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/boiler.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-18281 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/heat-pump.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-11802 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/Solar-PV.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-3658 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/Solar-Thermal.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-14383 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/Air-Con.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-18290 a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/wp-content/uploads/Other-Services.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

#menu-item-23864 a::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/wp-content/uploads/ev-charging.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

@media screen and (min-width: 1475px) {
  .main-navigation ul > li + li {
    margin-left: 0.5rem;
  }
  .main-navigation ul > li a {
    padding: 0;
    font-size: 1rem;
    white-space: nowrap;
  }
  .main-navigation ul > li:hover a {
    color: #00aeef;
  }
  .main-navigation ul > li.menu-item-has-children > a:after {
    border-color: #ffffff;
  }
  .main-navigation ul ul li {
    background: #ffffff;
  }
  .main-navigation ul ul li a {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
  }
}
.dropdown-toggle {
  color: inherit;
}
.dropdown-toggle:after {
  border-color: #00aeef;
}

.menu-toggle {
  padding-top: 0.5rem;
  padding-right: 2rem;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  text-align: right;
  background: transparent;
  color: #00aeef;
}
.menu-toggle:before, .menu-toggle:after {
  background: #00aeef;
}
.menu-toggle:before {
  box-shadow: 0px 8px 0 0 #00aeef;
}
.menu-toggle:focus, .menu-toggle:active {
  color: #ffffff;
}
.menu-toggle[aria-expanded=true] {
  top: 1rem;
  right: 0.5rem;
}

.tel img, .email img {
  filter: invert(87%) sepia(14%) saturate(7113%) hue-rotate(166deg) brightness(101%) contrast(90%);
}

.header-top {
  padding: 1rem 7rem;
  background: #08266b;
  color: #ffffff;
}
@media screen and (max-width: 960px) {
  .header-top {
    padding: 1rem;
  }
}
.header-top img {
  position: relative;
  top: -0.125rem;
  margin-right: 0.5rem;
}
.header-top a {
  display: block;
  margin-left: 0;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 481px) {
  .header-top a {
    display: inline-block;
    margin-left: 1.75rem;
    line-height: 1.188rem;
  }
}
@media screen and (min-width: 961px) {
  .header-top a {
    font-size: 1rem;
  }
}
.header-top .tel {
  margin-left: 0;
}

.header-logo img {
  width: 180px;
  height: 42px;
}
@media screen and (min-width: 961px) {
  .header-logo img {
    width: 257px;
    height: 60px;
  }
}

.header-bottom {
  background: #ffffff;
  padding: 1.75rem 2rem;
}
@media screen and (min-width: 1700px) {
  .header-bottom {
    padding: 1.75rem 7rem;
  }
}
@media screen and (max-width: 960px) {
  .header-bottom {
    padding: 2rem;
  }
}
.header-bottom .header-btns {
  width: 100%;
}
@media screen and (min-width: 1201px) {
  .header-bottom .header-btns {
    text-align: right;
    width: auto;
    padding-top: unset;
  }
}
.header-bottom .header-btns .btn {
  font-size: 1.125rem;
  margin: 0.5rem 1rem;
  padding: 1rem;
  width: calc(100% - 2rem);
}
@media screen and (min-width: 1201px) {
  .header-bottom .header-btns .btn {
    margin: unset;
    width: auto;
  }
}
@media screen and (min-width: 961px) {
  .header-bottom .header-btns .btn + .btn {
    margin-left: 1rem;
  }
}

.breadcrumbs {
  background: #f2f2f2;
  padding-top: 0.75rem;
}
@media screen and (min-width: 961px) {
  .breadcrumbs {
    padding-top: 1.875rem;
  }
}
.breadcrumbs .breadcrumbs-text {
  padding: 0.5rem 0;
}
.breadcrumbs .breadcrumbs-text p {
  font-size: 1rem;
  margin-bottom: 0;
  color: #7c8b99;
}

.h1-special {
  padding-top: 4.125rem;
}

.section-padding {
  position: relative;
}
.section-padding h2 {
  color: #08266b;
}
.section-padding h2 span {
  color: #ed1e79;
}

.bg {
  position: absolute;
  width: 100%;
  z-index: 0;
}

.bl {
  bottom: 0;
  left: 0;
}

.br {
  bottom: 0;
  right: 0;
}

.home-hero {
  position: relative;
  padding-top: 2.875rem;
}
@media screen and (min-width: 961px) {
  .home-hero {
    padding-top: 0;
  }
}
.home-hero .container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 961px) {
  .home-hero .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 961px) {
  .home-hero .hero-container {
    margin: 3rem auto auto 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1201px) {
  .home-hero .hero-container {
    margin: 4rem auto auto 0;
  }
}
.home-hero .hero-container .img-container {
  display: block;
  margin: auto;
  background: #ffffff;
}
@media screen and (min-width: 961px) {
  .home-hero .hero-container .img-container {
    display: flex;
    margin: unset;
  }
}
.home-hero .hero-container .img-container img {
  margin: auto;
}
.home-hero .hero-container .text-container {
  padding: 2.125rem 1.625rem;
  background: #00aeef;
}
@media screen and (min-width: 961px) {
  .home-hero .hero-container .text-container {
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 1201px) {
  .home-hero .hero-container .text-container {
    padding: 3.125rem 2.625rem;
  }
}
@media screen and (min-width: 1441px) {
  .home-hero .hero-container .text-container {
    padding: 3.125rem 2.625rem;
  }
}
.home-hero .hero-container .text-container h1 {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #ffffff;
}
@media screen and (min-width: 961px) {
  .home-hero .hero-container .text-container h1 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1441px) {
  .home-hero .hero-container .text-container h1 {
    font-size: 3.125rem;
  }
}
.home-hero .hero-container .text-container p {
  font-size: 1.5rem;
  color: #08266b;
}
@media screen and (min-width: 961px) {
  .home-hero .hero-container .text-container p {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1441px) {
  .home-hero .hero-container .text-container p {
    font-size: 2.5rem;
    line-height: 1.25;
  }
}
.home-hero img {
  width: 100%;
}

.get-a-quote {
  background: linear-gradient(to right, #08266b 0%, #00aeef 100%);
  padding-top: 2rem;
  padding-bottom: 0;
}
@media screen and (min-width: 961px) {
  .get-a-quote {
    padding-top: 4rem;
    padding-bottom: 4.5rem;
  }
}
@media screen and (min-width: 1441px) {
  .get-a-quote {
    padding-top: 5rem;
    padding-bottom: 3.5rem;
  }
}
.get-a-quote .text-container {
  margin: 2.5rem 0;
  z-index: 1;
}
@media screen and (min-width: 1441px) {
  .get-a-quote .text-container {
    margin: 5rem 0 0;
  }
}
.get-a-quote .img-container {
  margin: auto;
  z-index: 10;
}
@media screen and (min-width: 961px) {
  .get-a-quote .img-container {
    margin: unset;
  }
}
.get-a-quote h2 {
  font-size: 3.125rem;
  margin-bottom: 0;
  color: #ffffff;
}
.get-a-quote p {
  font-size: 2.5rem;
  margin: 0 0 2rem 0;
  color: #00aeef;
}
.get-a-quote .tagline {
  font-size: 1rem;
  color: #ffffff;
  margin: 1rem 0 0;
  color: #ffffff;
}
.get-a-quote .bg {
  bottom: -1px;
}

.boiler-install {
  position: relative;
  background: linear-gradient(to right, #08266b 0%, #00aeef 100%);
  padding-bottom: 3rem;
}
@media screen and (min-width: 1441px) {
  .boiler-install {
    padding-bottom: 2.5rem;
  }
}
.boiler-install .text-container {
  margin: 2.5rem 0;
  z-index: 1;
}
@media screen and (min-width: 1441px) {
  .boiler-install .text-container {
    margin: 5rem 0 0;
  }
}
.boiler-install h2 {
  font-size: 3.125rem !important;
  margin-bottom: 1rem;
  color: #fff !important;
}
.boiler-install h3 {
  color: #fff !important;
}
.boiler-install p {
  font-size: 1.25rem !important;
  line-height: 1.5;
  margin-bottom: 1rem;
  color: #fff !important;
}
.boiler-install ul li {
  font-size: 1.25rem !important;
  color: #fff !important;
}
.boiler-install ul li:before {
  top: 0.3rem !important;
}
.boiler-install .bg {
  bottom: -1px;
}

.other-services h2 {
  font-size: 2.25rem;
  margin-bottom: 1rem;
  color: #08266b;
}
.other-services h3 {
  color: #08266b;
}
.other-services p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.other-services img {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .other-services img {
    width: auto;
  }
}
.other-services .c-brand-dark p {
  color: #08266b;
}
.other-services .c-brand-dark li {
  color: #08266b;
}
.other-services ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}
.other-services ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1.75rem;
  line-height: 1.5;
  font-size: 1rem;
  color: #666666;
}
.other-services ul li:before {
  content: "";
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/grilla-2-0//img/icon-tick.svg");
}
.other-services .op {
  top: 3.125rem;
  left: -3rem;
  bottom: 0;
  z-index: 0;
  max-width: 900px;
  height: auto;
  opacity: 0.2;
}

.quote-banner {
  padding: 3rem 0 7.5rem;
}
.quote-banner .container {
  background: linear-gradient(to right, #ffffff 1%, #67cdf2 100%);
  border-radius: 0;
}
@media screen and (min-width: 1201px) {
  .quote-banner .container {
    border-radius: 0.5625rem;
  }
}
@media screen and (min-width: 1441px) {
  .quote-banner .container {
    max-height: 318px;
  }
}
.quote-banner .container .img-container {
  z-index: 1;
}
.quote-banner .container .img-container img {
  margin-top: -2.125rem;
}
.quote-banner .container .text-container {
  margin: auto;
  padding: 4.375rem 0;
  text-align: left;
}
@media screen and (min-width: 961px) {
  .quote-banner .container .text-container {
    text-align: center;
  }
}
@media screen and (min-width: 1201px) {
  .quote-banner .container .text-container {
    margin: 0;
    margin-left: 16.6666666667%;
    text-align: left;
  }
}
@media screen and (min-width: 1441px) {
  .quote-banner .container .text-container {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 961px) {
  .quote-banner .container .text-container .mb-8 {
    margin-bottom: 0;
  }
}
.quote-banner .container .h2 {
  margin-bottom: 2.625rem;
}
.quote-banner .container ul {
  list-style: none;
  padding-left: 0;
}
.quote-banner .container ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1.75rem;
  line-height: 1;
  font-size: 1.25rem;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #08266b;
}
.quote-banner .container ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/grilla-2-0//img/icon-tick.svg");
}
.quote-banner .container .tagline {
  padding: 1rem 1.5rem;
  color: #000000;
}
.quote-banner .container .bg {
  top: 0;
  left: 0;
  max-height: 100%;
  max-width: 553px;
}
.quote-banner .container .bg.tablet {
  display: none;
}
@media screen and (min-width: 1201px) {
  .quote-banner .container .bg.tablet {
    display: block;
  }
}
@media screen and (min-width: 1441px) {
  .quote-banner .container .bg.tablet {
    display: none;
  }
}
.quote-banner .container .bg.desktop {
  display: none;
}
@media screen and (min-width: 1441px) {
  .quote-banner .container .bg.desktop {
    display: block;
  }
}

.cover-banner .container .img-container {
  display: none;
}
@media screen and (min-width: 1201px) {
  .cover-banner .container .img-container {
    display: block;
  }
}
.cover-banner .container .img-container img {
  margin-top: 0;
}
@media screen and (min-width: 1441px) {
  .cover-banner .container .img-container img {
    margin-top: -2.125rem;
  }
}
.cover-banner .container .tagline {
  padding-left: 0;
}

.how-it-works {
  padding: 4rem 0 7rem;
}
.how-it-works h2 {
  margin-bottom: 26px;
}
.how-it-works .h4 {
  font-size: 1.25rem;
}
@media screen and (min-width: 1201px) {
  .how-it-works .h4 {
    font-size: 1.875rem;
  }
}
.how-it-works .reapter-container {
  position: relative;
  margin: 2rem auto;
}
@media screen and (min-width: 961px) {
  .how-it-works .reapter-container {
    margin: unset;
  }
}
.how-it-works .h4 {
  margin-bottom: 1.875rem;
}
.how-it-works p {
  font-size: 1.25rem;
}

.step-num {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1201px) {
  .step-num {
    top: 1rem;
    left: 2.813rem;
  }
}
.step-num img {
  width: 70px;
  height: 70px;
}

.hero-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #08266b 0%, #00aeef 100%);
}
.hero-section.section-padding {
  padding: 2rem 0;
}
.hero-section .slick-prev, .hero-section .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
  z-index: 3;
  display: none !important;
}
.hero-section .slick-prev::before, .hero-section .slick-next::before {
  border-right: 0.2em solid white;
  border-bottom: 0.2em solid white;
}
.hero-section .hero-slider {
  position: relative;
  z-index: 2;
}
.hero-section .hero-slider h2 {
  color: white;
  font-size: 3rem;
  margin-bottom: 0.75rem;
}
.hero-section .hero-slider p {
  color: rgb(35, 195.1673640167, 255);
  font-size: 2rem;
  margin-bottom: 3rem;
}
.hero-section .hero-slider span {
  font-size: 1rem;
  color: white;
  margin-top: 0.75rem;
}
.hero-section .hero-slider .slide {
  height: 100%;
}
.hero-section .hero-slider .slide-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 600px;
}
.hero-section .hero-slider .slide-image img {
  max-height: 100%;
  width: auto;
  object-fit: cover;
}
.hero-section .hero-slider .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .hero-section .hero-slider .slide-content {
    text-align: left;
  }
  .hero-section .hero-slider .slide-content h2 {
    font-size: 2rem;
  }
}
.hero-section .hero-slider a {
  color: white;
  text-align: left;
  background-color: #ed1e79;
  width: fit-content;
}
.hero-section .hero-slider a:after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: #ffffff;
  transform: translateY(-0.1em) rotate(-45deg);
  top: 0.1rem;
  position: relative;
  font-size: 1.25rem;
}
.hero-section .hero-curve {
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 100%;
  z-index: 1;
}

.slider-pagination-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  bottom: 3rem;
  left: 0;
  z-index: 3;
  padding: 1rem;
}
@media screen and (max-width: 1200px) {
  .slider-pagination-row {
    padding: 1.25rem 0px;
  }
}
.slider-pagination-row .slider-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 1200px) {
  .slider-pagination-row .slider-pagination {
    gap: 0.5rem;
  }
}
.slider-pagination-row .slider-pagination .pagination-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: background-color 0.3s ease;
  width: 13rem;
  height: 13rem;
  text-align: center;
  gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .slider-pagination-row .slider-pagination .pagination-box {
    flex-direction: row;
    height: auto;
    width: 12rem;
    padding: 0px;
  }
}
.slider-pagination-row .slider-pagination .pagination-box img {
  background-color: #e3fffe;
  border-radius: 50%;
  padding: 1rem;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .slider-pagination-row .slider-pagination .pagination-box img {
    padding: 0;
  }
}
.slider-pagination-row .slider-pagination .pagination-box span {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  display: block;
  width: 100%;
  min-height: 60px;
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  color: black;
}
@media screen and (max-width: 1200px) {
  .slider-pagination-row .slider-pagination .pagination-box span {
    min-height: auto;
    text-align: left;
    font-size: 1rem;
  }
}
.slider-pagination-row .slider-pagination .pagination-box.active {
  border: 2px solid rgb(35, 195.1673640167, 255);
}

.boiler-cover {
  background: #e3fffe;
  padding: 5.75rem 0 3.5rem;
  overflow: hidden;
}
.boiler-cover .container {
  z-index: 1;
}
.boiler-cover section {
  z-index: 1;
}
.boiler-cover p {
  font-size: 1.5rem;
  color: #000000;
}
.boiler-cover .subtext p {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: #08266b;
}
.boiler-cover .table-container {
  padding: 3.5rem 0 3.25rem;
}
.boiler-cover .bg {
  top: 3.125rem;
  right: -11rem;
  bottom: 0;
  z-index: 0;
  max-width: 900px;
  height: auto;
  opacity: 0.2;
}
.boiler-cover.page {
  padding: 2.5rem 0 3.5rem;
}
.boiler-cover.page .bg {
  top: 0;
}
.boiler-cover .page-template-page-boiler-cover table.cover-table {
  margin-top: -16rem;
}
.boiler-cover table.cover-table {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  position: relative;
  z-index: 2;
}
.boiler-cover table.cover-table th, .boiler-cover table.cover-table td {
  width: 25%;
  padding: 0 1rem;
}
.boiler-cover table.cover-table .icon-check-30 {
  fill: #20d307;
}
.boiler-cover table.cover-table .choose-this-boiler {
  font-size: 1.25rem;
  padding: 1.25rem 1.875rem;
}
.boiler-cover table.cover-table .choose-this-boiler:after {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.15em solid;
  border-bottom: 0.15em solid;
  border-color: #ffffff;
  transform: translateY(-0.1em) rotate(-45deg);
}
.boiler-cover table.cover-table th {
  position: relative;
}
.boiler-cover table.cover-table th .call-out .font-title {
  font-size: 1.5rem;
  font-weight: 400 !important;
  color: #000000;
}
.boiler-cover table.cover-table th .call-out .btn-toggle {
  background-color: #66cdf2;
  border-radius: 6px;
}
.boiler-cover table.cover-table th .call-out .btn-toggle .btn {
  font-size: 1.5rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid transparent;
}
.boiler-cover table.cover-table th .call-out .btn-toggle .btn-link {
  background-color: #66cdf2;
  color: #08266b;
}
.boiler-cover table.cover-table th .call-out .btn-toggle .btn-success {
  background-color: #ed1e79;
  color: #ffffff;
}
.boiler-cover table.cover-table th .th-tab {
  background: #00aeef;
  padding: 1.25rem 1.25rem 2.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.boiler-cover table.cover-table th .th-tab h6, .boiler-cover table.cover-table th .th-tab .h2 {
  color: #ffffff;
  font-weight: 400 !important;
}
.boiler-cover table.cover-table th .th-tab h6 span, .boiler-cover table.cover-table th .th-tab .h2 span {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
}
.boiler-cover table.cover-table th .th-tab h6 .small, .boiler-cover table.cover-table th .th-tab .h2 .small {
  font-weight: 400 !important;
  font-size: 1.25rem;
}
.boiler-cover table.cover-table th .th-tab h6 {
  font-size: 1.5rem;
}
.boiler-cover table.cover-table th.everyday .th-tab {
  background: #ed1e79;
}
.boiler-cover table.cover-table tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 6px;
}
.boiler-cover table.cover-table tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 6px;
}
.boiler-cover table.cover-table tbody tr td {
  background: #e3fffe;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  vertical-align: center;
  border-radius: 0;
}
.boiler-cover table.cover-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}
.boiler-cover table.cover-table tfoot .tf-tab {
  background: #00aeef;
  color: #fff;
  padding: 1.5rem 0 0;
  margin-bottom: 1.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.boiler-cover table.cover-table tfoot .tf-tab.everyday {
  background: #ed1e79;
}
@media screen and (max-width: 1200px) {
  .boiler-cover table.cover-table thead th {
    display: inline-block;
    width: 100%;
    max-width: 500px;
  }
  .boiler-cover table.cover-table thead th .check-list {
    padding: 1rem;
    color: #fff;
  }
  .boiler-cover table.cover-table thead th .check-list .icon-check-30 {
    fill: #fff;
  }
  .boiler-cover table.cover-table thead th .th-tab {
    margin-top: 2rem;
    border-radius: 0.5rem;
  }
  .boiler-cover table.cover-table tbody, .boiler-cover table.cover-table tfoot {
    display: none;
  }
}

.hero-header {
  position: relative;
  height: 660px;
  width: 100%;
  overflow: hidden;
}
.hero-header .container {
  position: relative;
  z-index: 2;
  height: 660px;
}
.hero-header .hero-header-bg-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 1920px;
}
.hero-header .hero-header-bg-img.hero-header-bg-bottom {
  top: 0;
  bottom: 0;
  transform: translate(-50%, 0);
}
.hero-header .hero-header-textbox {
  background: #fff;
  padding: 2rem;
  border: 2px solid #00aeef;
  border-radius: 0.5rem;
}

.faq-title {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
}
.faq-title span {
  display: inline-block;
  padding: 0.5rem 1.5rem 0.25rem;
  background: #f5fdff;
  border-radius: 2rem;
  margin-bottom: 2rem;
  position: relative;
}
.faq-title span::after {
  content: "";
  position: absolute;
  left: 3rem;
  bottom: -28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 18px 0 18px;
  border-color: #f5fdff transparent transparent transparent;
}

.faq-question .question {
  padding: 0.75em 1em;
  background: #ffffff;
  border-left: 4px solid #00aeef;
  border-radius: 4px;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}
.faq-question .question::after {
  position: absolute;
  right: 1rem;
  top: calc(50% - 6px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #00aeef;
  margin-left: 0.5em;
  transition: transform 0.3s;
}
.faq-question .question.open::after {
  transform: rotate(90deg);
}
.faq-question .answer p {
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
  margin: 0.5rem 0 1rem;
  font-size: 18px;
}

.faq-contact {
  text-decoration: underline;
}

.faq-section {
  position: relative;
  overflow: hidden;
}
.faq-section .icon-faq {
  position: absolute;
  top: 15%;
  left: 15%;
  opacity: 0.2;
}
.faq-section .icon-faq.icon-faq-2 {
  top: auto;
  left: auto;
  bottom: 15%;
  right: 15%;
  width: 10rem;
}
.faq-section .container {
  position: relative;
  z-index: 2;
}

.contact-form {
  padding: 4rem 0 2.75rem;
}
.contact-form h2 {
  margin-bottom: 26px;
}
.contact-form p {
  font-size: 1.25rem;
}
.contact-form a {
  color: #ed1e79;
}
.contact-form .form-container {
  position: relative;
  margin: 2.25rem 0;
  padding: 2rem 0;
}
.contact-form .form-container textarea {
  min-height: 12.5rem;
  padding: 0.5rem 3.125rem;
  font-size: 1.25rem;
  border: 1px solid #b3b3b3;
}
.contact-form .form-container .btn {
  font-size: 1.125rem;
  padding: 0.875rem;
  color: #ffffff;
}
.contact-form .form-container .bg {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  max-width: 1156px;
}

.input-icon {
  position: relative;
}
.input-icon input, .input-icon select, .input-icon textarea {
  height: 3rem;
  padding: 0.5rem 0.5rem 0.5rem 3.125rem;
  font-size: 1.25rem;
  border: 1px solid #b3b3b3;
  color: #666666;
}
.input-icon:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 14px;
  background-repeat: no-repeat;
  z-index: 1;
}
.input-icon.name:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-person.svg");
  width: 18px;
  height: 20px;
  top: 14px;
}
.input-icon.phone:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-phone.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 20px;
  top: 14px;
}
.input-icon.email:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-email.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 15px;
  top: 17px;
}
.input-icon.postcode:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-house.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 15px;
  top: 17px;
}
.input-icon.map-pin:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-map-pin.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 15px;
  height: 20px;
  top: 14px;
}
.input-icon.city:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-city.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 16px;
  top: 16px;
}
.input-icon.message:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-message.svg");
  width: 20px;
  height: 18px;
  top: 16px;
}
.input-icon.filter-no:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-filter-no.svg");
  width: 50px;
  height: 50px;
  top: 10px;
}
.input-icon.filter-yes:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-filter.svg");
  width: 50px;
  height: 50px;
  top: 10px;
}
.input-icon.service-required:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-filter.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 15px;
  top: 17px;
}
.input-icon.address:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-house.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 15px;
  top: 17px;
}
.input-icon.callback-time:before {
  background-image: url("/wp-content/themes/grilla-2-0/img/clock-regular.svg");
  filter: invert(24%) sepia(60%) saturate(6555%) hue-rotate(322deg) brightness(96%) contrast(92%);
  width: 20px;
  height: 15px;
  top: 17px;
}

ul.check-list {
  margin: 0;
  padding: 0;
  color: rgb(76.25, 88.7272727273, 106.75);
  list-style: none;
  font-size: 18px;
}
@media screen and (min-width: 961px) {
  ul.check-list {
    font-size: 20px;
  }
}
ul.check-list li {
  margin: 0;
  padding: 0 0 0 1.75em;
  line-height: 1.5em;
  position: relative;
}
ul.check-list li .icon-check-30 {
  width: 1.5em;
  left: 0;
  top: 0;
  position: absolute;
  fill: #20d307;
}
ul.check-list li strong:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.25rem;
  font-size: 1.25rem;
  display: block;
  width: 20px;
  height: 15px;
  background-image: url(/wp-content/themes/grilla-2-0/img/icon-ruler.svg);
  background-repeat: no-repeat;
}
@media screen and (min-width: 1201px) {
  ul.check-list.check-list-sm {
    columns: 2;
  }
}
ul.check-list.check-list-sm li {
  font-size: 1rem;
  margin: 0.1875rem;
}

.page-template-page-boilers,
.page-template-page-boiler-results,
.page-template-page-boiler-info,
.page-template-page-boiler-booking,
.page-template-page-boiler-checkout,
.page-template-page-boiler-checkout-proof,
.page-template-page-boiler-cover-checkout,
.boiler-template-default {
  min-height: 100vh;
  padding-top: 206px;
}
@media screen and (min-width: 481px) {
  .page-template-page-boilers,
  .page-template-page-boiler-results,
  .page-template-page-boiler-info,
  .page-template-page-boiler-booking,
  .page-template-page-boiler-checkout,
  .page-template-page-boiler-checkout-proof,
  .page-template-page-boiler-cover-checkout,
  .boiler-template-default {
    padding-top: 260px;
  }
}
@media screen and (min-width: 1201px) {
  .page-template-page-boilers,
  .page-template-page-boiler-results,
  .page-template-page-boiler-info,
  .page-template-page-boiler-booking,
  .page-template-page-boiler-checkout,
  .page-template-page-boiler-checkout-proof,
  .page-template-page-boiler-cover-checkout,
  .boiler-template-default {
    padding-top: 206px;
  }
}
.page-template-page-boilers .simple-hidden,
.page-template-page-boiler-results .simple-hidden,
.page-template-page-boiler-info .simple-hidden,
.page-template-page-boiler-booking .simple-hidden,
.page-template-page-boiler-checkout .simple-hidden,
.page-template-page-boiler-checkout-proof .simple-hidden,
.page-template-page-boiler-cover-checkout .simple-hidden,
.boiler-template-default .simple-hidden {
  display: none !important;
}
.page-template-page-boilers .header-bottom,
.page-template-page-boiler-results .header-bottom,
.page-template-page-boiler-info .header-bottom,
.page-template-page-boiler-booking .header-bottom,
.page-template-page-boiler-checkout .header-bottom,
.page-template-page-boiler-checkout-proof .header-bottom,
.page-template-page-boiler-cover-checkout .header-bottom,
.boiler-template-default .header-bottom {
  display: none;
}

#cleanhead {
  margin-top: 77px;
}
@media screen and (min-width: 481px) {
  #cleanhead {
    margin-top: 54px;
  }
}
#cleanhead.header-scroll-hide {
  margin-top: 126px;
}
@media screen and (min-width: 481px) {
  #cleanhead.header-scroll-hide {
    margin-top: 152px;
  }
}
#cleanhead .site-header-menu {
  padding: 1.875rem;
  background: #ffffff;
}
#cleanhead .site-header-menu .site-header-logo {
  margin: 1rem 0 0;
  text-align: center;
}
@media screen and (min-width: 481px) {
  #cleanhead .site-header-menu .site-header-logo {
    margin: 1rem 0 2rem;
  }
}
@media screen and (min-width: 961px) {
  #cleanhead .site-header-menu .site-header-logo {
    margin: 0;
    text-align: left;
  }
}

.page-template-page-boiler-info .results-boiler .content {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.page-template-page-boiler-info .results-boiler footer {
  display: none;
}

.p-question {
  color: #ffffff;
}
.p-question i {
  display: inline-block;
  background: #ed1e79;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  font-style: normal;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  border-radius: 50%;
}

ul.progress {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
ul.progress li {
  position: relative;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
ul.progress li .progress-icon {
  position: relative;
  overflow: hidden;
}
ul.progress li .progress-icon img {
  background: #c4cacc;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
ul.progress li .progress-icon::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: calc(50% - 1px);
  left: 0;
  background: #c4cacc;
}
ul.progress li p {
  margin: 0.5em 0 0 0;
  font-size: 1rem;
  color: #c4cacc;
}
ul.progress li:first-of-type .progress-icon::before {
  left: 50%;
}
ul.progress li:last-of-type .progress-icon::before {
  left: auto;
  right: 50%;
}
ul.progress li.active .progress-icon::before,
ul.progress li.active .progress-icon img {
  background: #00aeef;
}
ul.progress li.active p {
  color: #00aeef;
}
ul.progress li.complete .progress-icon::before,
ul.progress li.complete .progress-icon img {
  background: #20d307;
}
ul.progress li.complete p {
  color: #20d307;
}

.order-step {
  background: #222222;
  text-align: center;
  align-items: center;
  display: none;
  position: relative;
  margin-top: 1rem;
  padding: 9.375rem 0;
  color: #ffffff;
}
@media screen and (min-width: 961px) {
  .order-step {
    margin-top: 0;
    min-height: 810px;
  }
}
.order-step .order-question {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 24px;
}
@media screen and (min-width: 961px) {
  .order-step .order-question {
    font-size: 2.25rem;
  }
}
.order-step .order-question strong {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #ed1e79;
}
.order-step .order-question i {
  display: inline-block;
  background: #00aeef;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  font-style: normal;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  border-radius: 50%;
}
.order-step .check-list {
  color: #fff;
}
.order-step .check-list strong:before {
  display: none;
}
@media screen and (min-width: 961px) {
  .order-step.order-step-1 .order-button, .order-step.order-step-3 .order-button, .order-step.order-step-4 .order-button {
    width: 240px;
    height: 240px;
  }
}
@media screen and (min-width: 961px) {
  .order-step.order-step-2 .order-button {
    width: 240px;
    height: 240px;
  }
}
.order-step.order-step-5 .order-answers, .order-step.order-step-6 .order-answers {
  max-width: 670px;
}
.order-step.air-con.order-step-5 .order-answers {
  max-width: 100%;
}
.order-step.order-step-8 .order-button-sm {
  width: 10rem !important;
  padding-right: 0;
}
.order-step.active {
  display: flex;
}
.order-step .btn-back, .order-step .btn-link {
  position: absolute;
  bottom: -7rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1.25rem;
}
@media screen and (min-width: 961px) {
  .order-step .btn-back, .order-step .btn-link {
    top: 50%;
    bottom: auto;
    left: 2rem;
    transform: translate(0, -50%);
  }
}
.order-step .btn-back:before, .order-step .btn-link:before {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 0.5rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: #ffffff;
  transform: rotate(135deg);
}
.order-step #form-postcode {
  max-width: 470px;
  margin: 2rem auto;
}
.order-step #form-postcode #postcode-input {
  height: 66px;
  margin-bottom: 1.125rem;
  padding: 1rem 1.875rem;
  border: 2px solid #b3b3b3;
  font-size: 1.5rem;
  text-align: center;
  color: #08266b;
}
@media screen and (min-width: 961px) {
  .order-step #form-postcode #postcode-input {
    font-size: 2.25rem;
  }
}
.order-step #form-postcode .btn-success {
  width: 100%;
  font-size: 2.25rem;
}
.order-step #form-postcode .btn-success:after {
  content: "";
  font-size: 1.5rem;
  display: inline-block;
  margin-left: 0.75rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.2em solid;
  border-bottom: 0.2em solid;
  border-color: #ffffff;
  transform: translateY(0.1em) rotate(-45deg);
}
@media screen and (min-width: 961px) {
  .order-step #form-postcode .btn-success:after {
    font-size: 2.25rem;
  }
}

.form-alert {
  margin: 1rem auto;
  display: inline-block;
  background: #fff;
  border-radius: 0.25rem;
}
.form-alert span {
  display: inline-block;
  padding: 0.25em 1em;
}
.form-alert.alert-danger {
  background: #d83a3a;
  color: #fff;
}

.form-alert {
  margin: 1rem auto;
  display: inline-block;
}

.order-answers {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 1rem 0;
}
.order-answers.order-answers-numbers {
  flex-direction: row;
  flex-wrap: wrap;
}
.order-answers.order-answers-numbers .order-button {
  padding-left: 0;
}
.order-answers .order-button {
  width: 266px;
  height: 266px;
  font-size: 18px;
  margin: 0.25rem 0.5rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0.5rem;
  border: 3px solid #fff;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  background-size: 70px;
  padding-left: 60px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  transition: 0.3s;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 961px) {
  .order-answers .order-button {
    font-size: 20px;
  }
}
.order-answers .order-button .order-button-info {
  margin-left: auto;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  text-align: right;
  color: #ed1e79;
  width: 30px;
  text-align: center;
}
.order-answers .order-button .order-button-label {
  width: 100%;
  text-align: left;
  position: relative;
  color: rgb(76.25, 88.7272727273, 106.75);
}
.order-answers .order-button .order-button-label .extra {
  font-size: 14px;
  color: #ed1e79;
}
.order-answers .order-button .order-button-number {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 36px;
  padding: 0 0.25em;
}
@media screen and (min-width: 961px) {
  .order-answers .order-button .order-button-number {
    font-size: 48px;
  }
}
.order-answers .order-button .order-button-helper {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}
.order-answers .order-button:hover, .order-answers .order-button.hover {
  border-color: #ed1e79;
}
.order-answers .order-button:hover .order-button-helper, .order-answers .order-button.hover .order-button-helper {
  transform: translateY(100%);
  opacity: 1;
}
.order-answers .order-button-sm {
  width: 7.5rem !important;
  height: auto !important;
  color: #08266b;
}

.order-answers-help .order-help-info {
  cursor: pointer;
}
.order-answers-help .order-answers-help-text {
  display: none;
}

@media screen and (min-width: 961px) {
  .order-answers {
    flex-direction: row;
    padding: 3rem 6rem;
  }
  .order-answers .order-button {
    margin: 0.5rem;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    width: 12em;
    height: 12em;
    flex-direction: column;
    align-items: stretch;
  }
  .order-answers .order-button .order-button-label {
    margin-top: auto;
    text-align: center;
  }
}
@media screen and (min-width: 1201px) {
  .order-answers {
    padding: 3rem 0;
  }
}
.reveal {
  opacity: 0;
  transition: opacity 0.3s;
}

.ready .reveal {
  opacity: 1;
}

a.video-link {
  text-decoration: none;
  font-size: 1.25rem !important;
}

p .logo-inline {
  width: 8em;
  position: relative;
  top: -0.4em;
}

.results header {
  margin-bottom: 3rem;
}
.results header p {
  font-size: 1.25rem;
}

.box-title {
  max-width: 60%;
  margin: 1rem auto;
  padding: 0.25rem 1rem;
  border-radius: 5rem;
  font-size: 1.5rem;
  font-weight: 400 !important;
  color: #ffffff;
}

#reset-link {
  text-decoration: underline;
}
#reset-link:hover {
  cursor: pointer;
}

.results-boiler {
  position: relative;
  text-align: center;
}
.results-boiler .border {
  border: 5px solid #00aeef;
  border-radius: 2rem;
  overflow: hidden;
}
.results-boiler .border .roundel {
  display: none;
}
.results-boiler .content {
  background: #fff;
}
.results-boiler .padding {
  padding: 1rem;
}
@media screen and (min-width: 961px) {
  .results-boiler .padding {
    padding: 2rem;
  }
}
.results-boiler .post-thumbnail {
  padding-top: 2.5rem;
}
@media screen and (min-width: 961px) {
  .results-boiler .post-thumbnail {
    padding-top: 5rem;
  }
}
.results-boiler .post-thumbnail img {
  max-height: 300px;
  width: auto;
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .results-boiler .post-thumbnail img {
    max-height: 500px;
  }
}
.results-boiler .header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(35, 195.1673640167, 255);
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 2rem;
}
.results-boiler .header h6 {
  margin: 0;
}
.results-boiler .boiler-info h5, .results-boiler .boiler-info h6 {
  font-weight: 400 !important;
}
.results-boiler .boiler-info h5 {
  font-size: 1.5rem;
}
.results-boiler .boiler-info h6 {
  font-size: 1.25rem;
}
.results-boiler .boiler-info .check-list {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #7c8b99;
}
@media screen and (min-width: 961px) {
  .results-boiler .boiler-info .check-list {
    margin: 2em 0;
    font-size: 1.25rem;
  }
}
.results-boiler.recommended {
  position: relative;
}
.results-boiler.recommended .border {
  border-color: #ed1e79;
}
.results-boiler.recommended .border .roundel {
  display: block;
}
.results-boiler.recommended .roundel {
  position: absolute;
  top: -40px;
  left: 50px;
  width: 100px;
  height: 100px;
  background: #ed1e79;
  border-radius: 50%;
}
.results-boiler.recommended .roundel p {
  margin-top: 20px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #fff;
}
.results-boiler.recommended .padding {
  padding: 4rem 2rem 2rem;
}
@media screen and (min-width: 961px) {
  .results-boiler.recommended .padding {
    padding: 2rem;
  }
}
.results-boiler.recommended .header {
  background-color: #ed1e79;
}
.results-boiler.recommended .price-box-title {
  background: #ed1e79 !important;
}
.results-boiler .boiler-features {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.results-boiler .boiler-features .boiler-feature {
  width: 120px;
  margin-right: 1rem;
  position: relative;
}
.results-boiler .boiler-features .boiler-feature .warranty-year {
  position: absolute;
  top: 1.25rem;
  width: 100%;
  font-size: 45px;
  line-height: 0.5;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #fff;
}
.results-boiler .boiler-features .boiler-feature .warranty-year span {
  font-size: 1.25rem;
  font-weight: 400;
}
.results-boiler .boiler-features .boiler-feature .feature-label {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4em;
  text-transform: uppercase;
  color: #08266b;
}
.results-boiler .boiler-features .boiler-feature:not(:first-of-type)::before {
  position: absolute;
  content: "+";
  top: 50px;
  left: -12.5px;
}
.results-boiler .boiler-prices {
  background: #f5fdff;
  padding: 1em;
  border-left: 1px solid #c4cacc;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1201px) {
  .results-boiler .boiler-prices {
    padding: 2rem 1rem;
  }
}
@media screen and (min-width: 1441px) {
  .results-boiler .boiler-prices {
    padding: 2rem;
  }
}
.results-boiler .boiler-prices .price-box {
  background: #f2f2f2;
}
.results-boiler .boiler-prices .price-box .price-box-title {
  padding: 0.5rem;
  font-weight: 400 !important;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1;
}
.results-boiler .boiler-prices .price-box .h1 {
  font-size: 48px;
  line-height: 1.2em;
}
.results-boiler .boiler-prices .price-box .price-box-content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.results-boiler .boiler-prices .price-box .price-box-content p {
  font-size: 1rem;
  color: #08266b;
}
.results-boiler .boiler-prices .price-box .price-box-content a {
  text-decoration: underline;
}
.results-boiler .boiler-prices .price-box .price-box-content img {
  max-width: 200px;
  margin: 0 auto;
}
.results-boiler .installation {
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #00aeef;
}
.results-boiler .installation p {
  font-size: 1.125rem;
  line-height: 1.2em;
  color: #08266b;
}
.results-boiler .btn {
  text-transform: none;
  font-size: 1.25rem;
  font-weight: 400 !important;
  padding: 1rem 2.5rem;
  background-color: #08266b;
  color: #ffffff;
}
.results-boiler .btn:after {
  margin-left: 0.5rem;
  width: 0.525em;
  height: 0.525em;
  border-right: 0.15em solid;
  border-bottom: 0.15em solid;
}
.results-boiler .btn-success {
  background-color: #20d307;
  padding: 1.25rem 2.5rem;
}
.results-boiler .btn-success:before {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 0.5rem;
  width: 1.125rem;
  height: 1.25rem;
  transform: translateY(0.1em);
  background-image: url("/wp-content/themes/grilla-2-0/img/icon-calendar.svg");
}

@media screen and (min-width: 961px) {
  .booking {
    background-image: linear-gradient(to left, #fff 0%, #fff 50%, #EDEDED 50%, #EDEDED 100%);
  }
}
.booking .btn {
  text-transform: none;
  font-weight: 400 !important;
  font-size: 1.25rem;
}
.booking .btn:after {
  margin-left: 0.5rem;
  width: 0.525em;
  height: 0.525em;
  border-right: 0.15em solid;
  border-bottom: 0.15em solid;
}

@media screen and (min-width: 961px) {
  .order-booking,
  .order-cart {
    margin-left: 2rem;
  }
}

.order-cart-header {
  padding: 2rem 0 2rem 5rem;
  border-top: 2px solid #EDEDED;
  border-bottom: 2px solid #EDEDED;
  position: relative;
  margin-top: -2px;
}
.order-cart-header.bb-none {
  border-bottom: none;
}
.order-cart-header h3 {
  margin: 0;
  color: #c4cacc;
  font-size: 1.875rem;
  font-weight: 400 !important;
}
.order-cart-header h3 .c-brand {
  color: inherit !important;
}
.order-cart-header i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  font-style: inherit;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #fff;
  background-color: #c4cacc;
}

.order-cart-step.active .order-cart-header {
  border-top: none;
}
.order-cart-step.active .order-cart-header h3 {
  font-size: 1.875rem;
  font-weight: 400 !important;
  color: #08266b;
}
.order-cart-step.active .order-cart-header h3 .c-brand {
  color: #00aeef !important;
}
.order-cart-step.active .order-cart-header i {
  background-color: #ed1e79;
}

.order-list {
  position: relative;
  z-index: 2;
  background: #EDEDED;
  padding: 1rem;
}
@media screen and (min-width: 961px) {
  .order-list {
    margin-left: 2rem;
    padding: 0;
  }
}
.order-list .order-list-header {
  background: #fff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 1.5rem;
  border-bottom: 2px solid #EDEDED;
}
.order-list .order-list-header .row {
  width: 100%;
}
.order-list .order-list-header h6 {
  font-size: 1.5rem;
  font-weight: 400 !important;
  color: #08266b;
}
.order-list .order-list-header .text-right {
  padding-right: 0;
}
.order-list .order-list-row {
  padding: 0.5rem 1.5rem;
  background: #fff;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #EDEDED;
}
.order-list .order-list-row p {
  line-height: 1.5rem;
  color: #08266b;
  font-size: 1.125rem;
  margin: 0 0 0 2rem;
  max-width: 250px;
}
.order-list .order-list-row p a {
  color: #ed1e79;
}
.order-list .order-list-row p.text-right {
  position: relative;
  margin: auto 1rem auto auto;
}
.order-list .order-list-row .icon-check-30 {
  width: 1.5em;
  left: -1.5em;
  top: 0;
  position: absolute;
  fill: #20d307;
}
.order-list .order-list-row.order-list-row-sm img {
  width: 60px;
  margin: 0 20px;
}
.order-list .order-list-row.order-list-row-sm h5 {
  font-size: 1.125rem;
  margin: auto 1rem auto auto;
}
.order-list .order-list-footer {
  background: #20d307;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
  padding: 1.5rem 1.875rem;
}
.order-list .order-list-footer h3 {
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 400 !important;
  color: #ffffff;
}
.order-list p.order-list-terms {
  padding: 0.5em;
  margin: 1em -1.5rem 0;
}

.order-list-alt .order-list-header,
.order-list-alt .order-list-row,
.order-list-alt .order-list-footer {
  background: #EDEDED;
  border-color: #fff;
}

.more-extra label {
  margin: 0 0 1rem !important;
}
.more-extra form input[type=number] {
  padding: 1.75rem;
}

#calendar h2 {
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
}
#calendar table {
  margin: 0;
}
#calendar .fc-day-header {
  background: #ed1e79;
  padding: 0.5rem;
  color: #ffffff;
}
#calendar .fc-bg .fc-past, #calendar .fc-bg .fc-today, #calendar .fc-bg .invalid {
  background: #f5fdff;
}
#calendar .fc-bg .fc-today {
  background: #AEF4FF;
}
#calendar .fc-bg .fc-day {
  position: relative;
}
#calendar .fc-bg .fc-day::after {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #08266b;
}
#calendar .fc-bg .fc-day.valid {
  cursor: pointer;
}
#calendar .fc-bg .fc-day.valid::after {
  content: "BOOK";
  color: #08266b;
}
#calendar .fc-bg .fc-day.valid:hover {
  background: rgb(35, 195.1673640167, 255);
}
#calendar .fc-bg .fc-day.valid:hover::after {
  color: #fff !important;
}
#calendar .fc-bg .fc-day.valid.fc-sat::after {
  content: "";
  color: #08266b;
}
#calendar .fc-bg .fc-day.valid.fc-selected {
  background: rgb(35, 195.1673640167, 255);
}
#calendar .fc-bg .fc-day.valid.fc-selected::after {
  content: "SECURE";
  color: #fff !important;
}
#calendar .fc-bg .fc-day.invalid::after {
  content: "FULL";
}
#calendar .fc-content-skeleton {
  pointer-events: none;
}
#calendar .fc-content-skeleton .fc-day-top {
  text-align: center;
}
#calendar .fc-content-skeleton .fc-day-top .fc-day-number {
  float: none;
  font-size: 22px;
  font-family: "General Sans", sans-serif;
  font-weight: 700 !important;
  color: #08266b;
  text-align: center;
  line-height: 4rem;
}

.terms-menu .list-inline {
  list-style: none;
  display: inline-flex;
  padding: 0;
}
.terms-menu .list-inline li {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  color: #919daa;
}
.terms-menu .list-inline li + li {
  margin-left: 1.5rem;
}

.order-cart .order-cart-step h5 {
  color: rgb(76.25, 88.7272727273, 106.75);
  margin: 0;
}
.order-cart .order-cart-step.active .order-cart-header {
  border-bottom: none;
}
.order-cart .order-cart-step#add-on .order-cart-header, .order-cart .order-cart-step#order-details .order-cart-header {
  border-bottom: none;
}
.order-cart .order-cart-step#add-on .order-cart-header i svg, .order-cart .order-cart-step#order-details .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#add-on.complete .order-cart-header, .order-cart .order-cart-step#order-details.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#add-on.complete .order-cart-header i, .order-cart .order-cart-step#order-details.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#add-on.complete .order-cart-header i svg, .order-cart .order-cart-step#order-details.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#plan-order-details .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#plan-order-details.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#plan-order-details.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#plan-order-details.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#add_on_flush .order-cart-header i svg, .order-cart .order-cart-step#add_on_colour .order-cart-header i svg, .order-cart .order-cart-step#extras .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#add_on_flush.complete .order-cart-header, .order-cart .order-cart-step#add_on_colour.complete .order-cart-header, .order-cart .order-cart-step#extras.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#add_on_flush.complete .order-cart-header i, .order-cart .order-cart-step#add_on_colour.complete .order-cart-header i, .order-cart .order-cart-step#extras.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#add_on_flush.complete .order-cart-header i svg, .order-cart .order-cart-step#add_on_colour.complete .order-cart-header i svg, .order-cart .order-cart-step#extras.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#add_on_thermostat .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#add_on_thermostat.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#add_on_thermostat.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#add_on_thermostat.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#add_on_warranty .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#add_on_warranty.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#add_on_warranty.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#add_on_warranty.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#order-address .order-cart-header i svg {
  display: none;
}
.order-cart .order-cart-step#order-address.complete .order-cart-header {
  border-bottom: 2px solid #EDEDED;
}
.order-cart .order-cart-step#order-address.complete .order-cart-header i {
  color: #20d307;
}
.order-cart .order-cart-step#order-address.complete .order-cart-header i svg {
  display: block;
}
.order-cart .order-cart-step#order-payment .order-cart-content {
  max-width: 90%;
}
.order-cart .order-cart-step#order-payment .order-cart-content table {
  font-size: 0.575rem;
}
@media screen and (min-width: 961px) {
  .order-cart .order-cart-step#order-payment .order-cart-content table {
    font-size: 0.875rem;
  }
}
.order-cart .order-cart-step#order-payment .order-cart-content table .pc25 {
  width: 25%;
}
.order-cart .order-cart-step#order-payment .order-cart-content img {
  max-width: 220px;
  padding-top: 0.5rem;
}
@media screen and (min-width: 961px) {
  .order-cart .order-cart-step#order-payment .order-cart-content img {
    max-width: 150px;
    padding-top: 0;
  }
}
@media screen and (min-width: 1201px) {
  .order-cart .order-cart-step#order-payment .order-cart-content img {
    max-width: 220px;
  }
}
.order-cart .order-cart-step#order-payment .order-cart-content .col-xs-12 + .col-xs-12 {
  margin-top: 2rem;
}
@media screen and (min-width: 961px) {
  .order-cart .order-cart-step#order-payment .order-cart-content .col-xs-12 + .col-xs-12 {
    margin-top: 0;
  }
}
@media screen and (min-width: 961px) {
  .order-cart .order-cart-step#order-payment .order-cart-content .btn-payment-option {
    font-size: 1rem;
    line-height: 1.5;
    white-space: normal;
  }
}
@media screen and (min-width: 1441px) {
  .order-cart .order-cart-step#order-payment .order-cart-content .btn-payment-option {
    white-space: nowrap;
  }
}
.order-cart .order-cart-step#order-payment .order-cart-content .text-small {
  font-size: 0.65rem;
}
.order-cart .order-cart-step.complete i, .order-cart .order-cart-step.complete-fixed i {
  background: #20d307;
}
.order-cart .order-cart-step.complete i .icon-check-30, .order-cart .order-cart-step.complete-fixed i .icon-check-30 {
  width: 2.5rem;
  left: 0.75rem;
  top: 0.75rem;
  position: absolute;
  fill: #ffffff;
}
.order-cart .order-cart-step .order-cart-content {
  display: none;
}
.order-cart .order-cart-step.active .order-cart-content {
  display: block;
  margin-bottom: 1rem;
}
.order-cart .order-cart-step.complete {
  cursor: pointer;
}

#add_on_flush h4, #add_on_thermostat h4, #add_on_colour h4, #extras h4 {
  font-weight: 300 !important;
}
#add_on_flush ul, #add_on_thermostat ul, #add_on_colour ul, #extras ul {
  list-style: none;
  padding-left: 0;
}
#add_on_flush ul li, #add_on_thermostat ul li, #add_on_colour ul li, #extras ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.25rem;
  color: #666666;
}
#add_on_flush ul li i, #add_on_thermostat ul li i, #add_on_colour ul li i, #extras ul li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  filter: invert(52%) sepia(97%) saturate(3035%) hue-rotate(80deg) brightness(118%) contrast(95%);
}
#add_on_flush label, #add_on_thermostat label, #add_on_colour label, #extras label {
  position: relative;
  margin: 1rem;
  padding: 1rem;
  padding-left: 2.5rem;
  border: 1px solid #ccd8e5;
  border-radius: 0.25rem;
  background: #fff;
  font-size: 1.25rem;
  color: #08266b;
  cursor: pointer;
}
#add_on_flush label span, #add_on_thermostat label span, #add_on_colour label span, #extras label span {
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  background-image: url("/wp-content/themes/grilla-2-0/img/progress/radio-unchecked.svg");
}
#add_on_flush label:hover, #add_on_flush label:focus, #add_on_flush label.checked, #add_on_thermostat label:hover, #add_on_thermostat label:focus, #add_on_thermostat label.checked, #add_on_colour label:hover, #add_on_colour label:focus, #add_on_colour label.checked, #extras label:hover, #extras label:focus, #extras label.checked {
  border: 1px solid #ed1e79;
  background: #ed1e79;
  color: #fff;
  cursor: pointer;
}
#add_on_flush label:hover span, #add_on_flush label:focus span, #add_on_flush label.checked span, #add_on_thermostat label:hover span, #add_on_thermostat label:focus span, #add_on_thermostat label.checked span, #add_on_colour label:hover span, #add_on_colour label:focus span, #add_on_colour label.checked span, #extras label:hover span, #extras label:focus span, #extras label.checked span {
  background-image: url("/wp-content/themes/grilla-2-0/img/progress/radio-checked.svg");
}
#add_on_flush input[type=radio], #add_on_thermostat input[type=radio], #add_on_colour input[type=radio], #extras input[type=radio] {
  display: none;
}

.boilers-choose {
  color: #08266b;
  font-size: 1.25rem;
}

#manual-address a {
  text-decoration: underline;
}

.hide-unless-toggled {
  display: none;
}

.toggled .hide-unless-toggled {
  display: inherit;
}

.page-template-page-boiler-checkout-proof .order-cart .order-cart-step .order-cart-content {
  display: block;
}

.btn-payment-option {
  border-radius: 0.25rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.btn-payment-option:hover, .btn-payment-option:focus, .btn-payment-option.selected {
  cursor: pointer;
}

.payment-stripe, .payment-phoenix {
  display: none;
}
.payment-stripe.active, .payment-phoenix.active {
  display: block;
}

form .form-group {
  margin-bottom: 2rem;
}
form .form-group label {
  font-size: 1.125rem;
  color: #08266b;
}
form input[type=date],
form input[type=email],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text],
form select,
form textarea,
form div.input {
  border: 1px solid #919daa;
}
form input[type=date]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form select:focus,
form textarea:focus,
form div.input:focus {
  background: #EDEDED;
  border: 1px solid #ed1e79;
}
form .invalid-feedback {
  margin-top: 0.5rem;
  color: #d83a3a;
  font-size: 1rem;
}

.heat-pump {
  padding: 2rem 0 2.75rem;
}
.heat-pump p {
  font-size: 1.25rem;
}
.heat-pump strong {
  color: #08266b;
}
.heat-pump a {
  color: #ed1e79;
}

.offset-content {
  margin-left: 8.333%;
}

.top-menu {
  display: flex;
  list-style: none;
  justify-content: end;
  padding: 0rem 1.875rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.top-menu li a {
  text-decoration: none;
  color: white;
  font-weight: 400;
  transition: color 0.3s ease;
}
.top-menu li a:hover {
  color: #0078D7;
}

.blog .site-header, .archive .site-header, .single-article .site-header {
  border-bottom: none;
}

.herotemp-section {
  position: relative;
  display: flex;
  align-items: center;
  height: 50rem;
  overflow: hidden;
}
.herotemp-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
}
.herotemp-section .hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.herotemp-section .hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.herotemp-section .hero-overlay {
  position: relative;
  width: 100%;
  color: white;
  z-index: 2;
  padding: 2rem;
}
.herotemp-section .hero-content h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: white;
}
@media screen and (max-width: 1200px) {
  .herotemp-section .hero-content h1 {
    font-size: 2rem;
  }
}
.herotemp-section .hero-content p {
  font-size: 2rem;
  margin: 0 auto 1.5rem;
  color: rgb(35, 195.1673640167, 255);
  font-weight: 500;
}
.herotemp-section .hero-content .btn-primary {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background-color: #ed1e79;
  color: #fff;
  text-decoration: none;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  transition: background 0.3s ease;
}
.herotemp-section .hero-content .btn-primary:after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: #ffffff;
  transform: translateY(-0.1em) rotate(-45deg);
  top: 0.1rem;
  position: relative;
  font-size: 1.25rem;
}
.herotemp-section .hero-content .btn-primary:hover {
  background-color: #00aeef;
}
.herotemp-section .hero-curve {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}

.wysiwyg-section {
  padding: 3rem 0;
  margin: 0 auto;
  text-align: center;
}
.wysiwyg-section p {
  font-size: 1.125rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 1.5rem;
}
.wysiwyg-section h2 {
  color: #00aeef;
  margin-bottom: 1rem;
}
.wysiwyg-section a {
  color: #ed1e79;
  text-decoration: underline;
}
.wysiwyg-section a:hover {
  text-decoration: none;
}

.quote-strip {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background-color: #00aeef;
  color: white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.quote-strip a {
  color: white;
  font-size: 1.5rem;
  text-decoration: none;
}
.quote-strip a:hover {
  text-decoration: underline;
}

.quote-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}
.quote-modal .modal-content {
  background: white;
  padding: 3rem;
  border-radius: 0.5rem;
  max-width: 600px;
  width: 90%;
  position: relative;
}
.quote-modal .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  cursor: pointer;
}
.quote-modal .modal-intro {
  text-align: center;
}
.quote-modal .btn {
  color: white;
}

.content-section {
  padding: 4rem 0;
  background-color: #E3FFFE;
}
.content-section .row {
  display: flex;
  justify-content: space-between;
}
.content-section .content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}
@media screen and (max-width: 1200px) {
  .content-section .content-text {
    padding: 1rem;
  }
}
.content-section .content-text .small-title {
  font-size: 1rem;
  font-weight: 400;
  color: #ed1e79;
}
.content-section .content-text h2 {
  font-size: 3rem;
  margin: 1rem 0;
}
@media screen and (max-width: 1200px) {
  .content-section .content-text h2 {
    font-size: 2rem;
  }
}
.content-section .content-text p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.content-section .service-steps {
  list-style: none;
  padding: 0;
}
.content-section .service-steps li {
  display: flex;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.content-section .service-steps li .step-number {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #20D307;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 50%;
  flex-shrink: 0;
}
.content-section .service-steps li h3 {
  font-size: 1.25rem;
  color: #161C2D;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.content-section .service-steps li p {
  font-size: 1rem;
  margin: 0;
}
.content-section .content-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content-section .content-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.5rem;
}
.content-section .content-image .btn-primary {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background-color: #ed1e79;
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  transition: background 0.3s ease;
  margin-top: 1rem;
  text-align: center;
  position: relative;
  bottom: 3rem;
  border-radius: 0.5rem;
}
.content-section .content-image .btn-primary:hover {
  background-color: #00aeef;
}

.service-inner, .advantages {
  background-color: white;
}
@media screen and (max-width: 960px) {
  .service-inner .content-video, .advantages .content-video {
    width: 100%;
  }
}

.gallery-section {
  padding: 4rem 0;
  text-align: center;
  background-color: #08266b;
}
.gallery-section h2 {
  font-size: 3rem;
  margin-bottom: 2rem;
  color: white;
}
.gallery-section .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.gallery-section .gallery-item {
  overflow: hidden;
}
.gallery-section .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.gallery-section .gallery-item img:hover {
  transform: scale(1.05);
}

.credit-example {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.credit-example .credit-example-tip {
  background: #37404d;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5em;
  border-radius: 0.25rem;
  min-width: 17em;
  display: none;
  font-size: 1rem;
}
.credit-example:hover {
  text-decoration: underline;
}
.credit-example.hover {
  text-decoration: underline;
}
.credit-example.hover .credit-example-tip {
  display: block;
}

.footer-banner {
  position: relative;
  background: #e3fffe;
  padding: 3.75rem 0;
}

.site-footer {
  position: relative;
  padding-top: 3.875rem;
}
.site-footer .footer-header {
  font-size: 1.25rem;
  line-height: 2rem;
  margin-bottom: 1.75rem;
}
.site-footer li, .site-footer a, .site-footer p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  color: #08266b;
}
.site-footer ul {
  list-style: none;
  padding-left: 0;
}
.site-footer ul li > a:before {
  content: "";
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 0.75rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.2em solid;
  border-bottom: 0.2em solid;
  border-color: #00aeef;
  transform: translateY(0.1em) rotate(-45deg);
}
.site-footer .tel img, .site-footer .email img {
  margin-right: 0.5rem;
}
.site-footer .tel:before, .site-footer .email:before {
  display: none;
}
.site-footer .col-xs-12 {
  position: relative;
}
.site-footer .socials {
  position: relative;
}
@media screen and (min-width: 961px) {
  .site-footer .socials {
    position: absolute;
    bottom: 1.125rem;
    left: 1rem;
  }
}
.site-footer .socials a + a {
  margin-left: 1rem;
}
.site-footer .bg {
  width: 268px;
  z-index: -1;
}

.credits {
  padding-top: 2.875rem;
}
.credits p {
  font-size: 1rem;
  padding: 2rem 0;
  border-top: 2px solid #08266b;
  color: #08266b;
}

.error-section {
  position: relative;
  overflow: hidden;
  min-height: 400px;
}
.error-section a {
  color: #ed1e79;
}
.error-section .icon-faq {
  position: absolute;
  top: 10%;
  left: 15%;
  opacity: 0.2;
}
.error-section .icon-faq.icon-faq-2 {
  top: auto;
  left: auto;
  bottom: 15%;
  right: 15%;
  width: 10rem;
}
.error-section .container {
  position: relative;
  z-index: 2;
}

.book-engineer.how-it-works {
  background-color: #E3FFFE;
}

.section-bg {
  position: absolute;
  right: 0;
  width: 30%;
  max-width: 100%;
  height: auto;
  z-index: 0;
  opacity: 0.8;
}
.section-bg img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.book-service {
  padding: 4rem 0;
  text-align: center;
  background-color: white;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.book-service .bg {
  top: 0.125rem;
  right: -11rem;
  bottom: 0;
  z-index: 0;
  max-width: 900px;
  height: auto;
  opacity: 0.2;
}
.book-service h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.book-service p {
  font-size: 1rem;
  margin: 0 auto 4rem;
}
.book-service .service-boxes {
  row-gap: 2rem;
}
.book-service .service-box {
  background: white;
  padding: 2rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-height: 100%;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 0.25rem solid transparent;
  z-index: 2;
  position: relative;
}
.book-service .service-box:hover {
  border: 0.25rem solid #00aeef;
}
.book-service .service-box:hover .service-link {
  background-color: #ed1e79;
  color: white;
}
.book-service .service-box:hover .service-link:after {
  border-color: white;
}
.book-service .service-box .service-icon {
  margin-bottom: 1rem;
  background-color: #e3fffe;
  border-radius: 50%;
  padding: 1rem;
}
.book-service .service-box img {
  height: auto;
}
.book-service .service-box h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: normal !important;
}
.book-service .service-box .price {
  font-size: 3rem;
  font-weight: bold;
  color: #ed1e79;
  margin: 0;
}
.book-service .service-box .service-link {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background-color: transparent;
  color: rgb(35, 195.1673640167, 255);
  text-decoration: none;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.book-service .service-box .service-link:after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: rgb(35, 195.1673640167, 255);
  transform: translateY(-0.1em) rotate(-45deg);
  top: 0.1rem;
  position: relative;
  font-size: 1.25rem;
}

#kanda-checkout-form .inner-radio {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
}
#kanda-checkout-form .inner-radio input[type=radio] {
  display: none;
}
#kanda-checkout-form .inner-radio input[type=radio]:checked + label {
  background-color: #00aeef;
  color: #fff;
  border-color: #00aeef;
  font-weight: 600;
}
#kanda-checkout-form .inner-radio label {
  display: block;
  padding: 0.75rem 1rem;
  border: 2px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#kanda-checkout-form .inner-radio label:hover {
  background-color: #f0f0f0;
}
#kanda-checkout-form .inner-radio .outer-labels label::after {
  content: "";
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  border-right: 0.15em solid #20d307;
  border-bottom: 0.15em solid #20d307;
  transform: rotate(45deg);
  margin-left: 0.5rem;
}
#kanda-checkout-form .inner-radio .outer-labels label.active::after {
  transform: rotate(-135deg);
}
#kanda-checkout-form .inner-radio .durations {
  margin-top: 1rem;
  padding-left: 1rem;
  border-left: 3px solid #eee;
}
#kanda-checkout-form .inner-radio .durations input[type=radio]:checked + label {
  background-color: #28a745;
  border-color: #218838;
  color: #fff;
}
#kanda-checkout-form .inner-radio .durations label {
  margin-bottom: 0.5rem;
}
#kanda-checkout-form .time-at-address .input-pair {
  gap: 1rem;
}
#kanda-checkout-form .deposits {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-top: 2rem;
  max-width: 100%;
}
#kanda-checkout-form .deposits input[type=radio] {
  display: none;
}
#kanda-checkout-form .deposits input[type=radio]:checked + label {
  background-color: #00aeef;
  color: #fff;
  border-color: #00aeef;
  font-weight: 600;
}
#kanda-checkout-form .deposits label {
  display: block;
  padding: 0.75rem 1rem;
  border: 2px solid #bbb;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#kanda-checkout-form .deposits label:hover {
  background-color: #f7f7f7;
}

.booking-confirm {
  background-color: #f8f9fa;
  padding: 4rem 0;
}
.booking-confirm .container {
  max-width: 800px;
  margin: 0 auto;
}
.booking-confirm .row {
  display: flex;
  justify-content: center;
}
.booking-confirm .bg-white {
  background: #fff;
  padding: 3rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.booking-confirm header {
  text-align: center;
  margin-bottom: 2rem;
}
.booking-confirm header h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #e3fffe;
  margin-bottom: 0.5rem;
}
.booking-confirm header h5 {
  font-size: 1.2rem;
  color: #707885;
}
.booking-confirm .entry-content {
  font-size: 1.1rem;
  color: #333;
}
.booking-confirm .entry-content p {
  margin-bottom: 1rem;
}
.booking-confirm .entry-content p strong {
  color: #08266b;
}
.booking-confirm .btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background 0.3s ease-in-out;
}
.booking-confirm .btn.btn-secondary {
  background: #FFC107;
  color: #333;
}
.booking-confirm .btn.btn-secondary:hover {
  background: rgb(211, 158.25, 0);
}
.booking-confirm .btn.btn-danger {
  background: #DC3545;
  color: #fff;
}
.booking-confirm .btn.btn-danger:hover {
  background: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

.aircon-colour-label {
  text-align: center;
  cursor: pointer;
}

.colour-swatch {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-bottom: 0.4rem;
}

.thankyou-page p {
  color: white !important;
  font-size: 1.5rem !important;
}
.thankyou-page a {
  text-decoration: underline;
}

.results-page .tab-link.active {
  background: #00aeef;
  border-color: #00aeef;
  color: #FFFFFF;
}
.results-page .tab-link.active.tab-link--best_sellers {
  background: #ed1e79;
  border-color: #ed1e79;
  color: #FFFFFF;
}
.results-page .tab-link-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.results-page .tab-link {
  appearance: none;
  border: 0.5rem solid rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  color: inherit;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}
.results-page .tab-link .boiler-accordion__title {
  font-size: 1.25rem;
  font-weight: 600;
}
.results-page .tab-link .boiler-accordion__count {
  font-size: 1rem;
  line-height: 1;
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.06);
}
.results-page .tab-link:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
.results-page .tab-panels .tab-panel {
  display: none;
}
.results-page .tab-panels .tab-panel.active {
  display: block;
}
.results-page .tab-link--best_sellers:focus,
.results-page .tab-link--best_sellers:focus-visible,
.results-page .tab-link--best_sellers.active:focus {
  outline: none !important;
  box-shadow: none !important;
}
.results-page button:focus {
  outline: none;
}