@charset "UTF-8";
/*!
Theme Name: Clean Build
Theme URI: https://github.com/ConnorBurton/CleanBuild
Description: A blank Wordpress boilerplate theme to make developing Wordpress themes quicker & easier.
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html, body, div, span, applet, object, iframe, h1, h2, .supplier-no-postcode h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type="text"], input[type="tel"], input[type="email"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0px;
  border-radius: 0px;
  outline: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
input[type="password"], input[type="text"], input[type="tel"], input[type="email"], select, textarea {
  width: 100%;
  padding: 27px 20px 6px;
  border: 2px solid #377c32;
  margin-bottom: 12px;
  background: #fff;
  resize: none;
}
input[type="password"].wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid {
  border-color: #e74c3c;
  background: #ffebeb;
}
.find-supplier-modal input[type="password"], .find-supplier-modal input[type="text"], .find-supplier-modal input[type="tel"], .find-supplier-modal input[type="email"], .find-supplier-modal select, .find-supplier-modal textarea {
  border-color: #027224;
}
.hidden-inputs {
  display: none;
}
.wpcf7-spinner {
  position: absolute;
  top: 20px;
  width: 12px;
  height: 12px;
  margin-left: 15px;
  display: none;
}
@media only screen and (max-width: 500px) {
  .wpcf7-spinner {
    margin-left: 0;
    margin-top: 10px;
  }
}
.wpcf7-spinner:after {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: dual-ring 1.5s linear infinite;
}
@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wpcf7-form.submitting {
  display: inline-block;
}
.wpcf7-form.submitting input[type="submit"], .wpcf7-form.submitting button[type="submit"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}
.wpcf7-form.submitting .wpcf7-spinner {
  display: inline-block;
}
form label {
  position: relative;
  display: block;
}
form label span:first-of-type {
  z-index: 1;
  color: #377c32;
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 14px;
  user-select: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
form label span:first-of-type.focus {
  color: #027224;
  opacity: 1 !important;
}
form label span:first-of-type.filled {
  opacity: 0.5;
}
form .split-inputs, form .full-inputs {
  overflow: hidden;
}
form .split-inputs .wrap, form .full-inputs .wrap {
  display: block;
  width: calc(50% - 5px);
  float: left;
  position: relative;
  display: block;
}
form .split-inputs .wrap:last-of-type, form .full-inputs .wrap:last-of-type {
  float: right;
}
@media only screen and (max-width: 700px) {
  form .split-inputs .wrap, form .full-inputs .wrap {
    width: 100%;
  }
}
form .split-inputs .wrap label, form .full-inputs .wrap label {
  max-width: 200px;
  position: absolute;
  display: inline-block;
  color: #027224;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(24px, 20px);
  -moz-transform: translate(24px, 20px);
  -ms-transform: translate(24px, 20px);
  -o-transform: translate(24px, 20px);
  transform: translate(24px, 20px);
}
form .split-inputs .wrap label.move, form .full-inputs .wrap label.move {
  font-size: 12px;
  -webkit-transform: translate(25px, 10px);
  -moz-transform: translate(25px, 10px);
  -ms-transform: translate(25px, 10px);
  -o-transform: translate(25px, 10px);
  transform: translate(25px, 10px);
}
form .split-inputs .wrap input[type="text"], form .split-inputs .wrap input[type="tel"], form .split-inputs .wrap input[type="email"], form .split-inputs .wrap input[type="password"], form .split-inputs .wrap select, form .split-inputs .wrap textarea, form .full-inputs .wrap input[type="text"], form .full-inputs .wrap input[type="tel"], form .full-inputs .wrap input[type="email"], form .full-inputs .wrap input[type="password"], form .full-inputs .wrap select, form .full-inputs .wrap textarea {
  padding: 20px 90px 20px 24px;
}
form .split-inputs .wrap input[type="text"]::placeholder, form .split-inputs .wrap input[type="tel"]::placeholder, form .split-inputs .wrap input[type="email"]::placeholder, form .split-inputs .wrap input[type="password"]::placeholder, form .split-inputs .wrap select::placeholder, form .split-inputs .wrap textarea::placeholder, form .full-inputs .wrap input[type="text"]::placeholder, form .full-inputs .wrap input[type="tel"]::placeholder, form .full-inputs .wrap input[type="email"]::placeholder, form .full-inputs .wrap input[type="password"]::placeholder, form .full-inputs .wrap select::placeholder, form .full-inputs .wrap textarea::placeholder {
  color: #707070;
}
form .full-inputs .wrap {
  width: 100%;
}
form.registerForm span.selectWrapper, form.loginForm span.selectWrapper {
  position: relative;
  display: block;
}
form.registerForm span.selectWrapper::after, form.loginForm span.selectWrapper::after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 45%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
form.registerForm select, form.registerForm input::placeholder, form.loginForm select, form.loginForm input::placeholder {
  font-weight: 400;
  color: #027224 !important;
}
form.loginForm .loginformbox span.input input {
  padding: 20px 90px 20px 24px !important;
  border: solid 2px #027224 !important;
}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 br, .wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7 p {
  margin: 0;
}
.wpcf7 p.input-title {
  font-weight: 600;
  margin: 15px 0;
}
.wpcf7 select::-ms-expand {
  display: none;
}
.wpcf7 .your-sector {
  display: block;
  position: relative;
}
.wpcf7 .your-sector:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wpcf7 form .split-inputs, .wpcf7 form .full-inputs {
  overflow: hidden;
}
.wpcf7 form .split-inputs .wrap, .wpcf7 form .full-inputs .wrap {
  display: block;
  width: calc(50% - 5px);
  float: left;
}
.wpcf7 form .split-inputs .wrap:last-of-type, .wpcf7 form .full-inputs .wrap:last-of-type {
  float: right;
}
@media only screen and (max-width: 700px) {
  .wpcf7 form .split-inputs .wrap, .wpcf7 form .full-inputs .wrap {
    width: 100%;
  }
}
.wpcf7 form .split-inputs .wrap .wpcf7-form-control-wrap, .wpcf7 form .full-inputs .wrap .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}
.wpcf7 form .split-inputs .wrap label, .wpcf7 form .full-inputs .wrap label {
  max-width: 200px;
  position: absolute;
  display: inline-block;
  color: #027224;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(24px, 20px);
  -moz-transform: translate(24px, 20px);
  -ms-transform: translate(24px, 20px);
  -o-transform: translate(24px, 20px);
  transform: translate(24px, 20px);
}
.wpcf7 form .split-inputs .wrap label.move, .wpcf7 form .full-inputs .wrap label.move {
  font-size: 12px;
  -webkit-transform: translate(25px, 10px);
  -moz-transform: translate(25px, 10px);
  -ms-transform: translate(25px, 10px);
  -o-transform: translate(25px, 10px);
  transform: translate(25px, 10px);
}
.wpcf7 form .split-inputs .wrap input[type="text"], .wpcf7 form .split-inputs .wrap input[type="tel"], .wpcf7 form .split-inputs .wrap input[type="email"], .wpcf7 form .split-inputs .wrap input[type="password"], .wpcf7 form .split-inputs .wrap select, .wpcf7 form .split-inputs .wrap textarea, .wpcf7 form .full-inputs .wrap input[type="text"], .wpcf7 form .full-inputs .wrap input[type="tel"], .wpcf7 form .full-inputs .wrap input[type="email"], .wpcf7 form .full-inputs .wrap input[type="password"], .wpcf7 form .full-inputs .wrap select, .wpcf7 form .full-inputs .wrap textarea {
  padding: 20px 90px 20px 24px;
}
.wpcf7 form .split-inputs .wrap select, .wpcf7 form .full-inputs .wrap select {
  color: #027224;
}
.wpcf7 form .full-inputs .wrap {
  width: 100%;
}
.wpcf7-checkbox, .wpcf7-radio {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.wpcf7-checkbox *, .wpcf7-radio * {
  cursor: pointer;
}
.submit-wrap {
  margin-top: 15px;
}
.submit-wrap > .check {
  width: calc(100% - 190px);
}
.submit-wrap .submit {
  width: 190px;
  position: relative;
}
span.wpcf7-list-item {
  display: inline-block;
  margin-left: 0;
  margin-right: 30px;
  margin-bottom: 10px;
}
span.wpcf7-list-item label {
  display: block;
  height: 35px;
}
span.wpcf7-list-item input[type="checkbox"], span.wpcf7-list-item input[type="radio"] {
  display: none;
}
span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before, span.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background: #eee;
}
span.wpcf7-list-item .wpcf7-list-item-label {
  display: inline-block;
}
span.wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #707070;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.wpcf7-radio span.wpcf7-list-item .wpcf7-list-item-label:before {
  border-radius: 50px;
}
.split-inputs {
  overflow: hidden;
}
.split-inputs br, .split-inputs p:empty {
  display: none;
}
.split-inputs label {
  display: block;
  width: calc(50% - 6px);
  float: left;
}
@media only screen and (max-width: 720px) {
  .split-inputs label {
    width: 100%;
    float: none;
  }
}
.split-inputs label:last-of-type {
  float: right;
}
@media only screen and (max-width: 720px) {
  .split-inputs label:last-of-type {
    float: none;
  }
}
::-webkit-input-placeholder {
  font-weight: 600;
  text-transform: capitalize;
  opacity: 1;
}
:-moz-placeholder {
  font-weight: 600;
  text-transform: capitalize;
  opacity: 1;
}
::-moz-placeholder {
  font-weight: 600;
  text-transform: capitalize;
  opacity: 1;
}
:-ms-input-placeholder {
  font-weight: 600;
  text-transform: capitalize;
  opacity: 1;
}
.wpcf7-response-output {
  padding: 10px 15px;
  font-size: 16px;
  color: #fff;
  background: #266121;
  display: none;
  margin-top: 20px;
}
.invalid .wpcf7-response-output {
  background: #ff7b6e;
}
.sent .wpcf7-response-output {
  display: none !important;
}
.data-check span {
  opacity: 1 !important;
}
.data-check p.terms {
  display: block;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  padding: 0 10px;
  color: #fff;
}
.data-check p.terms a {
  text-decoration: underline;
  color: #fff;
}
.data-check span.wpcf7-list-item {
  margin: 0;
  overflow: hidden;
  height: auto;
  display: block;
  user-select: none;
}
.data-check span.wpcf7-list-item * {
  cursor: pointer;
}
.data-check span.wpcf7-list-item label {
  display: block;
  height: auto;
}
.data-check span.wpcf7-list-item .wpcf7-list-item-label {
  display: block;
  position: static;
  padding-left: 60px;
  font-size: 14px;
  color: #fff;
}
.data-check span.wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #027224;
  background: #fff;
  border: 1px solid #027224;
  text-align: center;
  font-size: 12px;
  border-radius: 0px !important;
  transform: translateY(-50%);
}
.data-check span.wpcf7-list-item input[type="checkbox"] {
  display: none;
}
.data-check span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  content: "";
  background: #fff;
}
.ajax-loader {
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 10px;
  right: 80px;
  display: none;
}
.ajax-loader.is-active {
  display: inline-block;
}
.ajax-loader:after {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: dual-ring 1.5s linear infinite;
}
@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
  -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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[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;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 8020;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  padding: 0px !important;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
}
.fancybox-close {
  position: absolute;
  cursor: pointer;
  z-index: 8040;
  top: 0;
  right: 0;
}
.fancybox-close:before {
  content: "";
  font-family: "FontAwesome";
  display: block;
  font-size: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  text-align: center;
  width: 40px;
  line-height: 40px;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-next.fancybox-nav span:before {
  content: "";
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 8040;
  width: auto;
  visibility: hidden;
}
@media only screen and (max-width: 1024px) {
  .fancybox-nav span {
    visibility: visible;
  }
}
.fancybox-nav span:before {
  content: "";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 50px;
}
.fancybox-prev span {
  left: 15px;
}
.fancybox-next span {
  right: 15px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.7);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "open-sans", sans-serif;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #707070;
  font-size: 16px;
  line-height: 1.5;
}
.post-edit-link {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 10;
  padding: 15px 25px;
  color: #fff;
  background: #707070;
}
body.blur {
  overflow: hidden;
}
#content {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
#content.blur {
  filter: blur(10px);
}
.td {
  display: table-cell;
}
.table {
  display: table;
  width: 100%;
}
.vt {
  vertical-align: top;
}
.vm {
  vertical-align: middle;
}
.vb {
  vertical-align: bottom;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.t-center {
  text-align: center;
}
.relative {
  position: relative;
}
.half {
  width: 50%;
}
.third {
  width: 33.333%;
}
.two-third {
  width: 66.666%;
}
.quarter {
  width: 25%;
}
.flex, .desk-menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fullwidth-content ol, .fullwidth-content ul {
  list-style: initial;
}
.spacer {
  padding-top: 15px;
  padding-bottom: 15px;
}
.two-col {
  column-count: 2;
}
@media only screen and (max-width: 980px) {
  .two-col {
    column-count: 1;
  }
}
@media only screen and (max-width: 460px) {
  .mobile-hide {
    display: none;
  }
}
.o-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 450px;
  max-height: 350px;
  height: auto;
}
@media only screen and (max-width: 1150px) {
  .alignleft {
    max-width: 350px;
    max-height: 250px;
  }
}
@media only screen and (max-width: 850px) {
  .alignleft {
    float: none;
    display: block;
    margin: 20px auto;
    max-width: 450px;
    max-height: 350px;
  }
}
@media only screen and (max-width: 560px) {
  .alignleft {
    max-width: 100%;
  }
}
.alignright {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 450px;
  max-height: 350px;
  height: auto;
  clear: right;
}
@media only screen and (max-width: 1150px) {
  .alignright {
    max-width: 350px;
    max-height: 250px;
  }
}
@media only screen and (max-width: 850px) {
  .alignright {
    float: none;
    display: block;
    margin: 20px auto;
    max-width: 450px;
    max-height: 350px;
  }
}
@media only screen and (max-width: 560px) {
  .alignright {
    max-width: 100%;
  }
}
.aligncenter {
  display: block;
  margin: 20px auto;
  max-width: 960px;
  height: auto;
  max-height: 600px;
}
@media only screen and (max-width: 1050px) {
  .aligncenter {
    max-width: 100%;
  }
}
.aligncenter.fullwidth {
  max-width: 100%;
}
img {
  width: initial;
  width: auto;
  max-width: 100%;
}
iframe {
  max-width: 100%;
}
.container {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1620px) {
  .container {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 720px) {
  .container {
    padding: 0 15px;
  }
}
.container-large {
  max-width: 1750px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1870px) {
  .container-large {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .container-large {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 720px) {
  .container-large {
    padding: 0 15px;
  }
}
.container-small {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1320px) {
  .container-small {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .container-small {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 720px) {
  .container-small {
    padding: 0 15px;
  }
}
.container-small p {
  margin-bottom: 20px;
}
.inner-container {
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
}
.x-small-pad {
  padding-top: 60px;
  padding-bottom: 60px;
}
.x-small-pad.about-us-icons {
  padding-top: 0px;
  padding-bottom: 60px;
}
.small-pad {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 900px) {
  .small-pad {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .small-pad {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.med-pad {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 900px) {
  .med-pad {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .med-pad {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 440px) {
  .med-pad {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.large-pad {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 900px) {
  .large-pad {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .large-pad {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 440px) {
  .large-pad {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.no-pad-top {
  padding-top: 0;
}
.no-pad-bot {
  padding-bottom: 0;
}
.fa {
  color: inherit;
  font-size: inherit;
}
a {
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
h1, h2, .supplier-no-postcode h3, h3, h4, h5 {
  font-family: "muli", sans-serif;
  color: #027224;
  font-weight: 900;
  line-height: 1.3;
}
h1 {
  font-size: 48px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1400px) {
  h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 32px;
  }
}
h2, .supplier-no-postcode h3 {
  font-size: 36px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
  h2, .supplier-no-postcode h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 440px) {
  h2, .supplier-no-postcode h3 {
    font-size: 22px;
  }
}
h3 {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 440px) {
  h3 {
    font-size: 16px;
  }
}
p a, li a {
  color: #027224;
  font-size: inherit;
  font-weight: inherit;
}
p a:hover, li a:hover {
  color: #028b2c;
}
p ~ .btn, li ~ .btn {
  margin-top: 20px;
}
ul, ol {
  margin-bottom: 20px;
  padding-left: 20px;
  list-style-position: inside;
  list-style: disc;
}
ul li, ol li {
  margin-bottom: 5px;
}
ul li::marker, ol li::marker {
  color: #027224;
}
b, strong {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
span, i {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  font-family: "muli", sans-serif;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  outline: none;
  text-transform: capitalize;
  cursor: pointer;
  border: 3px solid transparent;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn i {
  margin-right: 7px;
  line-height: 0;
  position: relative;
  top: 1px;
}
.btn.border-white {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
.btn.border-white:hover {
  background: rgba(255, 255, 255, 0.3);
}
.btn.border-green {
  color: #027224;
  border-color: #027224;
  background: transparent;
}
.btn.border-green:hover {
  background: rgba(2, 114, 36, 0.3);
}
.btn.green {
  color: #fff;
  background: #027224;
  border-color: #027224;
}
.btn.green:hover {
  background: #028b2c;
  border-color: #028b2c;
}
.btn.inline {
  padding: 0;
  border: 0;
  color: #027224;
  font-size: 18px;
}
.btn.inline:hover {
  color: #03952f;
}
.btn.inline:hover:after {
  margin-left: 15px;
}
.btn.inline:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.header-space {
  height: 195px;
}
@media only screen and (max-width: 1000px) {
  .header-space {
    height: 106px;
  }
}
@media only screen and (max-width: 440px) {
  .header-space {
    height: 130px;
  }
}
.header-space.user-logged-in {
  height: 240px;
}
@media only screen and (max-width: 1000px) {
  .header-space.user-logged-in {
    height: 150px;
  }
}
@media only screen and (max-width: 440px) {
  .header-space.user-logged-in {
    height: 130px;
  }
}
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.main-header.blur {
  filter: blur(10px);
}
.shrink {
  width: 300px !important;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
@media only screen and (max-width: 480px) {
  .shrink {
    width: 220px !important;
  }
}
.pad-top-0 {
  padding-top: 0 !important;
  transition: opacity 0.6s linear;
}
.pad-top-20 {
  padding-top: 20px !important;
  transition: opacity 0.6s linear;
}
.top-header {
  padding: 40px 30px 20px 30px;
  background: #fff;
  transition: 0.2s;
}
@media only screen and (max-width: 1000px) {
  .top-header {
    border-bottom: solid 4px #027224;
    height: 150px;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 440px) {
  .top-header {
    padding: 50px 25px;
  }
}
.top-header .flex, .top-header .desk-menu ul, .desk-menu .top-header ul {
  align-items: center;
}
@media only screen and (max-width: 1650px) {
  .top-header .flex, .top-header .desk-menu ul, .desk-menu .top-header ul {
    padding: 0;
  }
}
.top-header .logo a {
  display: block;
}
.top-header .logo a img {
  vertical-align: middle;
  width: 280px;
}
@media only screen and (max-width: 1650px) {
  .top-header .logo a img {
    position: relative;
    width: 296px;
    top: -8px;
  }
}
@media only screen and (max-width: 1420px) {
  .top-header .logo a img {
    top: -16px;
  }
}
@media only screen and (max-width: 1100px) {
  .top-header .logo a img {
    width: 220px;
    top: -45px;
  }
}
@media only screen and (max-width: 1000px) {
  .top-header .logo a img {
    width: 200px;
    top: -32px;
  }
}
@media only screen and (max-width: 800px) {
  .top-header .logo a img {
    width: 170px;
  }
}
@media only screen and (max-width: 440px) {
  .top-header .logo a img {
    display: block;
    margin: auto;
    width: 150px;
  }
}
@media only screen and (max-width: 1000px) {
  .top-header .contact {
    position: absolute;
    right: 51px;
    width: 268px;
    top: 51px;
  }
}
.top-header .contact p {
  margin: 0;
  font-size: 22px;
}
@media only screen and (max-width: 900px) {
  .top-header .contact p.telephone {
    font-size: 20px;
  }
}
.top-header .contact p.email {
  font-size: 14px;
  margin-left: 10px;
}
@media only screen and (max-width: 900px) {
  .top-header .contact p.email {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1650px) {
  .top-header .contact p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1420px) {
  .top-header .contact p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1200px) {
  .top-header .contact p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .top-header .contact p {
    display: none !important;
  }
}
.top-header .find-supplier {
  z-index: 100;
  position: absolute;
  top: -40px;
  left: -32%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 240px;
  line-height: 40px;
  border: 1px solid #027224;
  border-top: 0;
  color: #027224;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1650px) {
  .top-header .find-supplier {
    width: 200px;
    left: -31%;
  }
}
@media only screen and (max-width: 1000px) {
  .top-header .find-supplier {
    top: -51px;
    left: -24%;
  }
}
@media only screen and (max-width: 738px) {
  .top-header .find-supplier {
    display: none !important;
  }
}
.top-header .find-supplier:hover {
  background: #027224;
  color: #fff;
}
.top-header .find-supplier:hover ul#menu-regions {
  display: block;
}
.top-header .find-supplier:hover ul#menu-regions li {
  margin-bottom: 0;
  background: #44a83c;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.top-header .find-supplier:hover ul#menu-regions li:hover:hover {
  background: #4cbb43;
}
.top-header .find-supplier:hover ul#menu-regions li a {
  line-height: 45px;
}
.top-header .find-supplier i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}
.top-header .find-supplier ul#menu-regions {
  display: none;
  padding: 0;
  margin: 0;
}
.top-header .find-supplier ul#menu-regions li > a {
  color: white;
}
.top-header .find-supplier-left {
  position: absolute;
  top: -40px;
  left: 65%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 240px;
  line-height: 40px;
  border: 1px solid #027224;
  border-top: 0;
  color: #027224;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1650px) {
  .top-header .find-supplier-left {
    width: 225px;
    left: 55%;
  }
}
@media only screen and (max-width: 1000px) {
  .top-header .find-supplier-left {
    top: -51px;
  }
}
@media only screen and (max-width: 738px) {
  .top-header .find-supplier-left {
    display: none !important;
  }
}
.top-header .find-supplier-left:hover {
  background: #027224;
  color: #fff;
}
.top-header .find-supplier-left i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}
.top-header .site-toggle {
  position: absolute;
  left: 50%;
  bottom: -1px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 1100px) {
  .top-header .site-toggle {
    bottom: 0px;
  }
}
@media only screen and (max-width: 760px) {
  .top-header .site-toggle {
    left: 48%;
  }
}
@media only screen and (max-width: 740px) {
  .top-header .site-toggle {
    width: 435px;
    left: 55%;
  }
}
@media only screen and (max-width: 523px) {
  .top-header .site-toggle {
    width: 360px;
  }
}
@media only screen and (max-width: 440px) {
  .top-header .site-toggle {
    left: 60%;
  }
}
.top-header .site-toggle .toggle {
  display: inline-block;
  width: 250px;
  padding: 12px 0;
  border: 2px solid transparent;
  border-bottom: 0;
  margin: 0 7px;
  font-size: 16px;
  font-family: "muli", sans-serif;
  text-align: center;
}
@media only screen and (max-width: 1420px) {
  .top-header .site-toggle .toggle {
    width: 175px;
  }
}
@media only screen and (max-width: 523px) {
  .top-header .site-toggle .toggle {
    font-size: 16px;
    width: 160px;
  }
}
@media only screen and (max-width: 440px) {
  .top-header .site-toggle .toggle {
    font-size: 14px;
    width: 130px;
  }
}
.top-header .site-toggle .toggle i {
  font-size: 22px;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
}
@media only screen and (max-width: 740px) {
  .top-header .site-toggle .toggle i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 440px) {
  .top-header .site-toggle .toggle i {
    font-size: 14px;
  }
}
.top-header .site-toggle a.toggle {
  border-color: #707070;
}
.top-header .site-toggle a.toggle:hover {
  background: #03952f;
  border-color: #03952f;
  color: #fff;
}
.top-header .site-toggle div.toggle {
  background: #027224;
  border-color: #027224;
  color: #fff;
  font-weight: 900;
  cursor: default;
}
.desk-menu {
  background: #027224;
  border-bottom: 4px solid #44a83c;
}
@media only screen and (max-width: 1000px) {
  .desk-menu {
    display: none;
  }
}
.desk-menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.desk-menu ul li {
  display: inline-block;
  margin: 0;
  position: relative;
}
.desk-menu ul li a {
  display: block;
  padding: 0 10px;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  font-family: "muli", sans-serif;
}
.desk-menu ul li a:hover {
  color: #2bfb6a;
}
.desk-menu ul li:hover > ul {
  display: block;
  z-index: 10;
}
.desk-menu ul li ul {
  display: none;
  position: absolute;
  left: 0;
  width: 320px;
  background: #44a83c;
  text-align: left;
}
.desk-menu ul li ul li {
  display: block;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.desk-menu ul li ul li a {
  line-height: 45px;
}
.desk-menu ul li ul li ul {
  left: 320px;
  background: #6fb369;
  top: 0;
}
.desk-menu.grey {
  background: #707070;
  border-bottom: none;
}
.mobile-buttons {
  display: none;
  text-align: right;
}
@media only screen and (max-width: 1000px) {
  .mobile-buttons {
    display: table-cell;
    position: absolute;
    right: 25px;
    bottom: -14px;
  }
  .mobile-buttons.scrollDown {
    bottom: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .mobile-buttons.scrollDown {
    bottom: 10px;
  }
}
@media only screen and (max-width: 738px) {
  .mobile-buttons {
    top: 0;
    max-height: 50px;
  }
}
@media only screen and (max-width: 440px) {
  .mobile-buttons {
    display: flex;
    justify-content: center;
    font-size: 16px;
    top: 15px;
    right: 10px;
  }
}
.mobile-buttons i {
  padding: 0;
  font-size: 20px;
}
.mobile-buttons a, .mobile-buttons #mob-toggle {
  display: inline-block;
  cursor: pointer;
  width: 50px;
  text-align: center;
  line-height: 90px;
}
@media only screen and (max-width: 738px) {
  .mobile-buttons a, .mobile-buttons #mob-toggle {
    line-height: 90px;
    max-height: 50px;
  }
}
@media only screen and (max-width: 440px) {
  .mobile-buttons a, .mobile-buttons #mob-toggle {
    line-height: 50px;
    width: 40px;
  }
}
.mobile-menu {
  position: fixed;
  top: 140px;
  bottom: 0;
  right: 0;
  width: 400px;
  padding: 20px 0;
  overflow-y: scroll;
  background: #eee;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  -webkit-transform: translateX(400px);
  -moz-transform: translateX(400px);
  -ms-transform: translateX(400px);
  -o-transform: translateX(400px);
  transform: translateX(400px);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 600px) {
  .mobile-menu {
    width: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@media only screen and (max-width: 480px) {
  .mobile-menu {
    top: 140px;
  }
}
@media only screen and (max-width: 1000px) {
  .mobile-menu.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.mobile-menu.noScroll {
  top: 90px;
}
@media only screen and (max-width: 480px) {
  .mobile-menu.noScroll {
    top: 80px;
  }
}
.mobile-menu ul {
  margin: 0;
  padding: 0;
}
.mobile-menu ul li {
  margin: 0;
}
.mobile-menu ul li a {
  padding: 0 25px;
  display: block;
  line-height: 40px;
}
.mobile-menu ul li ul {
  background: rgba(0, 0, 0, 0.1);
  position: relative;
}
.mobile-menu ul li ul.active:before {
  content: "";
}
.mobile-menu ul li ul:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 0;
  top: -45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
}
.mobile-menu ul li ul li {
  display: none;
}
.darkness {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 980px) {
  .darkness.active {
    opacity: 1;
    visibility: visible;
  }
}
.banner {
  position: relative;
  background: #000;
  padding: 100px 0;
  border-bottom: 4px solid #027224;
}
.banner + .repeater-content {
  padding-top: 50px;
}
.banner:after {
  content: "";
  background-image: url("/wp-content/themes/CleanBuild/assets/svg/triangle.svg");
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -800px;
  left: 0;
  right: 0;
  height: 800px;
  z-index: -1;
}
.banner.large {
  padding: 135px 0 260px;
}
@media only screen and (max-width: 1000px) {
  .banner.large {
    padding-top: 175px;
  }
}
@media only screen and (max-width: 440px) {
  .banner.large {
    padding-top: 80px;
  }
}
.banner.large p {
  font-size: 28px;
  font-family: "muli", sans-serif;
  margin: 40px 0 0;
}
@media only screen and (max-width: 1400px) {
  .banner.large p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .banner.large p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1000px) {
  .banner.small {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 700px) {
  .banner.small {
    padding-bottom: 50px;
  }
}
.banner .slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.8;
}
.banner .container {
  position: relative;
  z-index: 1;
}
.banner .container * {
  color: #fff;
}
@media only screen and (max-width: 1565px) {
  .banner .container .wrap {
    width: 60%;
  }
}
@media only screen and (max-width: 1325px) {
  .banner .container .wrap {
    width: 70%;
  }
}
@media only screen and (max-width: 1000px) {
  .banner .container .wrap {
    width: 65%;
  }
}
@media only screen and (max-width: 900px) {
  .banner .container .wrap {
    width: 100%;
  }
}
.banner .container .wrap h1 {
  margin: 0;
}
@media only screen and (max-width: 1150px) {
  .banner .container .wrap h1 {
    position: relative;
  }
}
@media only screen and (max-width: 900px) {
  .banner .container .wrap h1 {
    bottom: unset;
  }
}
.banner .container .wrap p {
  margin: 20px 0 0;
  font-weight: 400;
  width: 85%;
}
.banner .container .wrap ul {
  margin-top: 20px;
}
.banner .container .wrap ul li {
  margin-bottom: 5px;
}
.banner .container .wrap ul li::marker {
  color: #fff;
}
@media only screen and (max-width: 1500px) {
  .banner .container .wrap .btn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1250px) {
  .banner .container .wrap .btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1150px) {
  .banner .container .wrap .btn {
    position: relative;
  }
}
@media only screen and (max-width: 900px) {
  .banner .container .wrap .btn {
    position: unset;
    bottom: unset;
    background: white;
    color: #707070;
    transition: 0.2s all;
  }
}
.supplier-no-postcode {
  position: relative;
}
.supplier-no-postcode:after {
  content: "";
  background-image: url("/wp-content/themes/CleanBuild/assets/svg/triangle.svg");
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 800px;
  z-index: -1;
}
.find-supplier-banner-block {
  margin-top: -180px;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 40px 60px;
  -webkit-box-shadow: 0px 5px 50px rgba(189, 189, 189, 0.9);
  -moz-box-shadow: 0px 5px 50px rgba(189, 189, 189, 0.9);
  -ms-box-shadow: 0px 5px 50px rgba(189, 189, 189, 0.9);
  -o-box-shadow: 0px 5px 50px rgba(189, 189, 189, 0.9);
  box-shadow: 0px 5px 50px rgba(189, 189, 189, 0.9);
}
.find-supplier-banner-block .text {
  width: calc(100% - 250px);
  padding-left: 90px;
}
.find-supplier-banner-block a {
  width: calc(25% - 25px);
}
@media only screen and (max-width: 900px) {
  .find-supplier-banner-block a {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 600px) {
  .find-supplier-banner-block a {
    width: 100%;
    margin-bottom: 15px;
  }
}
.find-supplier-banner-block a .image {
  width: 100%;
  height: 200px;
}
.find-supplier-banner-block a p {
  font-size: 20px;
  margin-top: 20px;
  color: #377c32;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 900px) {
  .find-supplier-banner-block a p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .split-intro .half {
    width: 100%;
  }
}
.split-intro .image {
  object-fit: contain;
}
@media only screen and (max-width: 1100px) {
  .split-intro .image {
    min-height: 300px;
  }
}
.split-intro .image .iframeContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.split-intro .image .iframeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.split-intro .text {
  padding-left: 75px;
  padding-right: 75px;
}
@media only screen and (max-width: 1100px) {
  .split-intro .text {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.split-intro p {
  margin-bottom: 20px;
}
.split-content-video .flex, .split-content-video .desk-menu ul, .desk-menu .split-content-video ul {
  justify-content: start;
}
.split-content-video .flex .image, .split-content-video .desk-menu ul .image, .desk-menu .split-content-video ul .image {
  display: inline-block;
}
.split-content-video .flex .image img, .split-content-video .desk-menu ul .image img, .desk-menu .split-content-video ul .image img {
  width: 100%;
  object-fit: cover;
  max-height: 830px;
}
.split-content-video .flex .video, .split-content-video .desk-menu ul .video, .desk-menu .split-content-video ul .video {
  display: inline-block;
  max-width: 750px;
}
.split-content-video .flex .video .video-container, .split-content-video .desk-menu ul .video .video-container, .desk-menu .split-content-video ul .video .video-container {
  width: 95%;
  margin: 0 0 0 auto;
  padding-top: 135px;
}
.split-content-video .flex .video .video-container iframe, .split-content-video .desk-menu ul .video .video-container iframe, .desk-menu .split-content-video ul .video .video-container iframe {
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 340px) {
  .repeater-content form span.your-sector select {
    font-size: 14px;
  }
}
.repeater-content form .data-check p.terms, .repeater-content form .data-check p.terms a {
  color: #027224;
}
.repeater-content form .data-check span.wpcf7-list-item .wpcf7-list-item-label {
  color: #027224;
}
.repeater-content .flex.wrap, .repeater-content .desk-menu ul.wrap, .desk-menu .repeater-content ul.wrap {
  justify-content: flex-start;
}
.repeater-content .flex.wrap .btn:last-of-type, .repeater-content .desk-menu ul.wrap .btn:last-of-type, .desk-menu .repeater-content ul.wrap .btn:last-of-type {
  margin-left: 15px;
}
.repeater-content .flex.wrap .btn i, .repeater-content .desk-menu ul.wrap .btn i, .desk-menu .repeater-content ul.wrap .btn i {
  color: #FFF;
  font-size: 20px;
}
@media only screen and (max-width: 1280px) {
  .repeater-content .flex.wrap .btn, .repeater-content .desk-menu ul.wrap .btn, .desk-menu .repeater-content ul.wrap .btn {
    display: block;
    width: 100%;
  }
  .repeater-content .flex.wrap .btn:last-of-type, .repeater-content .desk-menu ul.wrap .btn:last-of-type, .desk-menu .repeater-content ul.wrap .btn:last-of-type {
    margin-top: 15px;
    margin-left: 0;
  }
}
.repeater-content.footer-split-block .row .image .slick-dots {
  display: none;
}
.repeater-content.product-repeater .row {
  margin-bottom: 35px;
}
.repeater-content.product-repeater .row:nth-of-type(odd) .content {
  padding-left: 100px;
}
@media only screen and (max-width: 980px) {
  .repeater-content.product-repeater .row:nth-of-type(odd) .content {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .repeater-content.product-repeater .row:nth-of-type(odd) .content {
    padding-left: 20px;
  }
}
.repeater-content.product-repeater .row:nth-of-type(even) .content {
  padding-right: 100px;
}
@media only screen and (max-width: 980px) {
  .repeater-content.product-repeater .row:nth-of-type(even) .content {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .repeater-content.product-repeater .row:nth-of-type(even) .content {
    padding-right: 20px;
  }
}
.repeater-content.product-repeater .content {
  background: #fff;
}
.repeater-content .content {
  background: #F5F8F4;
  padding-left: 40px;
  padding-right: 40px;
}
.repeater-content p {
  margin-bottom: 20px;
}
.repeater-content ul li {
  list-style: disc;
  list-style-position: outside;
}
.repeater-content .slick-list, .repeater-content .slick-track {
  height: 100%;
}
.repeater-content .slick-list .slick-slide, .repeater-content .slick-track .slick-slide {
  height: 100%;
}
@media only screen and (max-width: 980px) {
  .repeater-content .image {
    min-height: 300px;
  }
}
.repeater-content .image.no-dots ul.slick-dots {
  display: none;
}
.repeater-content .image .slick-dots {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  text-align: center;
}
.repeater-content .image .slick-dots li {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: rgba(2, 114, 36, 0.5);
  margin: 0 5px;
}
.repeater-content .image .slick-dots li.slick-active {
  background: #027224;
}
.repeater-content .image .slick-dots li button {
  display: none;
}
@media only screen and (max-width: 980px) {
  .repeater-content .half {
    width: 100%;
  }
}
.large-content {
  overflow: hidden;
}
.large-content .content {
  -webkit-box-shadow: 0px 0px 100px 150px #fff;
  -moz-box-shadow: 0px 0px 100px 150px #fff;
  -ms-box-shadow: 0px 0px 100px 150px #fff;
  -o-box-shadow: 0px 0px 100px 150px #fff;
  box-shadow: 0px 0px 100px 150px #fff;
}
.large-content img {
  width: 50%;
  left: inherit;
  right: 0;
  z-index: -1;
}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}
.product-boxes .intro p:last-of-type {
  margin: 0;
}
.product-boxes .box {
  width: 48%;
  margin-bottom: 4%;
  overflow: hidden;
}
@media only screen and (max-width: 700px) {
  .product-boxes .box {
    width: 100%;
  }
}
.product-boxes .box .btn:after, .product-boxes .box h3:after {
  margin-left: 15px;
}
.product-boxes .box .image {
  width: 100%;
  height: 400px;
  border-bottom: 4px solid #377c32;
}
.product-boxes .box .text {
  padding: 40px 60px;
}
@media only screen and (max-width: 980px) {
  .product-boxes .box .text {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 600px) {
  .product-boxes .box .text {
    padding: 20px 15px;
  }
}
.product-boxes .box .text h3 {
  margin-bottom: 15px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.icon-block .container.flex, .icon-block .desk-menu ul.container, .desk-menu .icon-block ul.container {
  flex-flow: row wrap;
}
.icon-block .container .icon-item {
  margin: 0 auto;
  width: 150px;
}
.icon-block .container .icon-item .image {
  max-width: 100px;
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .icon-block .container .icon-item {
    margin: 10px auto 0 auto;
    width: 120px;
  }
}
@media only screen and (max-width: 1020px) {
  .icon-block .container .icon-item {
    margin: 10px auto 0 auto;
    width: 100px;
  }
}
@media only screen and (max-width: 875px) {
  .icon-block .container .icon-item {
    margin: 10px auto 0 auto;
    width: 25%;
  }
}
@media only screen and (max-width: 475px) {
  .icon-block .container .icon-item {
    margin: 10px auto 0 auto;
    width: 30%;
  }
}
.icon-block .container .icon-item label {
  text-align: center;
  display: block;
  cursor: pointer;
}
.page-id-161 .icon-item {
  width: 20%;
}
@media only screen and (max-width: 1020px) {
  .page-id-161 .icon-item {
    width: 33.33%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 700px) {
  .page-id-161 .icon-item {
    width: 50%;
  }
}
.page-id-110 .icon-item {
  width: 16.66%;
}
@media only screen and (max-width: 990px) {
  .page-id-110 .icon-item {
    width: 33.33%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 700px) {
  .page-id-110 .icon-item {
    width: 50%;
  }
}
.supplier-section .intro h2, .supplier-section .intro .supplier-no-postcode h3, .supplier-no-postcode .supplier-section .intro h3 {
  font-size: 32px;
  margin-bottom: 15px;
  color: #707070;
}
.supplier-section .intro p {
  font-size: 20px;
  margin: 0;
}
.supplier-section .suppliers .item {
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 30px;
  user-select: none;
  -webkit-box-shadow: 0px 5px 20px -5px #e0e0e0;
  -moz-box-shadow: 0px 5px 20px -5px #e0e0e0;
  -ms-box-shadow: 0px 5px 20px -5px #e0e0e0;
  -o-box-shadow: 0px 5px 20px -5px #e0e0e0;
  box-shadow: 0px 5px 20px -5px #e0e0e0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.supplier-section .suppliers .item:nth-of-type(1):after {
  content: "A";
}
.supplier-section .suppliers .item:nth-of-type(2):after {
  content: "B";
}
.supplier-section .suppliers .item:nth-of-type(3):after {
  content: "C";
}
.supplier-section .suppliers .item:after {
  font-family: "muli", sans-serif;
  color: #027224;
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.supplier-section .suppliers .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid transparent;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.supplier-section .suppliers .item:last-of-type {
  margin: 0;
}
.supplier-section .suppliers .item:hover {
  -webkit-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -moz-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -ms-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -o-box-shadow: 0px 10px 20px -5px #bdbdbd;
  box-shadow: 0px 10px 20px -5px #bdbdbd;
}
.supplier-section .suppliers .item.selected {
  -webkit-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -moz-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -ms-box-shadow: 0px 10px 20px -5px #bdbdbd;
  -o-box-shadow: 0px 10px 20px -5px #bdbdbd;
  box-shadow: 0px 10px 20px -5px #bdbdbd;
}
.supplier-section .suppliers .item.selected:before {
  border-color: #027224;
}
.supplier-section .suppliers .item .image {
  width: 220px;
}
.supplier-section .suppliers .item .text {
  width: calc(100% - 220px);
  padding: 50px 40px;
  padding-right: 80px;
  background: #fff;
}
.supplier-section .suppliers .item .text h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
.supplier-section .suppliers .item .text p {
  margin: 0;
}
.supplier-section #map {
  position: absolute;
  top: 0;
  left: 75px;
  right: 0;
  bottom: 0;
  border-bottom: 4px solid #027224;
}
.supplier-contact {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 70px !important;
}
.supplier-contact > .wrap {
  overflow: hidden;
  background: #027224;
  border-radius: 40px;
}
.supplier-contact > .wrap .form-wrap {
  padding: 60px;
}
@media only screen and (max-width: 900px) {
  .supplier-contact > .wrap .form-wrap {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 600px) {
  .supplier-contact > .wrap .form-wrap {
    padding: 30px 10px;
  }
}
.supplier-contact > .wrap .text {
  margin-bottom: 30px;
}
.supplier-contact > .wrap .text * {
  color: #fff;
}
.supplier-contact > .wrap .text h3 {
  margin-bottom: 10px;
}
.supplier-contact > .wrap .text h2, .supplier-contact > .wrap .text .supplier-no-postcode h3, .supplier-no-postcode .supplier-contact > .wrap .text h3 {
  margin-bottom: 15px;
}
.contact-details {
  margin-top: -20px;
}
@media only screen and (max-width: 700px) {
  .contact-details .contact-small {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contact-details .box {
  width: 48%;
  border-radius: 20px;
  padding: 50px 80px;
  background: #026821;
}
@media only screen and (max-width: 1030px) {
  .contact-details .box {
    width: 100%;
    margin: 15px auto;
  }
}
@media only screen and (max-width: 900px) {
  .contact-details .box {
    padding: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .contact-details .box {
    padding: 20px;
  }
}
.contact-details .box:last-of-type {
  background: #027c27;
}
.contact-details .box * {
  color: #fff;
  font-size: 20px;
}
.contact-details .box ul {
  padding: 0;
  margin: 0;
}
.contact-details .box li {
  font-family: "muli", sans-serif;
}
.contact-details .box li span, .contact-details .box li a {
  font-weight: 600;
  margin-left: 3px;
}
.contact-details .box p {
  font-family: "muli", sans-serif;
  font-weight: 900;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.contact-details .box .social-links {
  margin-top: 30px;
}
.contact-details .box .social-links a {
  display: block;
}
.contact-details .box .social-links i {
  font-size: 28px;
  margin-right: 8px;
  vertical-align: middle;
}
@media only screen and (max-width: 900px) {
  .why-choose-us .half {
    width: 100%;
  }
}
.why-choose-us .flex, .why-choose-us .desk-menu ul, .desk-menu .why-choose-us ul {
  align-items: center;
}
.why-choose-us .content {
  padding-right: 75px;
}
@media only screen and (max-width: 900px) {
  .why-choose-us .content {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 900px) {
  .why-choose-us .features {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.why-choose-us .features .block {
  width: 46%;
  margin-top: 70px;
}
@media only screen and (max-width: 1440px) {
  .why-choose-us .features .block {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }
  .why-choose-us .features .block:nth-of-type(1), .why-choose-us .features .block:nth-of-type(2) {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .why-choose-us .features .block {
    text-align: center;
  }
}
.why-choose-us .features .block:nth-of-type(1), .why-choose-us .features .block:nth-of-type(2) {
  margin: 0;
}
.why-choose-us .features .block img {
  width: 121px;
}
@media only screen and (max-width: 500px) {
  .why-choose-us .features .block img {
    width: 100%;
    max-width: 100px;
    margin: 0 auto 20px auto;
  }
}
.why-choose-us .features .block .text {
  width: calc(100% - 126px);
  display: inline-block;
  padding-left: 30px;
}
@media only screen and (max-width: 500px) {
  .why-choose-us .features .block .text {
    width: 100%;
    padding-left: 0;
  }
}
.why-choose-us .features .block .text h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.why-choose-us .features .block .text p {
  margin: 0;
}
.find-a-supplier {
  background: #027224;
  padding: 40px 0;
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier {
    text-align: center;
  }
}
.find-a-supplier .flex, .find-a-supplier .desk-menu ul, .desk-menu .find-a-supplier ul {
  align-items: center;
}
.find-a-supplier * {
  color: #fff;
}
.find-a-supplier .image {
  width: 210px;
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier .image {
    width: 100%;
  }
}
.find-a-supplier .image img {
  width: 210px;
  position: absolute;
  left: 0;
  bottom: -90px;
  max-width: none;
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier .image img {
    position: unset;
  }
}
.find-a-supplier .text {
  width: 620px;
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier .text {
    width: 100%;
  }
}
.find-a-supplier .text h3 {
  font-size: 28px;
  margin-bottom: 15px;
}
.find-a-supplier .text p {
  margin: 0;
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier a {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 1275px) {
  .find-a-supplier a .button {
    margin: 30px auto 0 auto;
  }
}
.footer-split-block {
  border-bottom: 4px solid #027224;
}
.accreditations img {
  max-height: 100px;
  max-width: 230px;
  display: inline-block;
  margin: 10px 20px;
}
@media only screen and (max-width: 900px) {
  .accreditations img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 700px) {
  .accreditations img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .accreditations img {
    max-width: 80px;
  }
}
@media only screen and (max-width: 500px) {
  .accreditations img {
    max-width: 50px;
  }
}
.footer ul {
  list-style: none;
}
.footer li, .footer p, .footer h3, .footer span {
  color: #707070;
}
.footer .top-footer {
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media only screen and (max-width: 1275px) {
  .footer .top-footer .links {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  .footer .top-footer .links .menu-col {
    width: 50%;
  }
}
@media only screen and (max-width: 1275px) and (max-width: 600px) {
  .footer .top-footer .links .menu-col {
    width: 100%;
  }
}
.footer .top-footer .links .menu-col {
  margin-right: 100px;
  display: inline-block;
  border-left: 3px solid #027224;
}
@media only screen and (max-width: 1110px) {
  .footer .top-footer .links .menu-col {
    margin-right: 50px;
  }
}
.footer .top-footer .links .menu-col:last-of-type {
  margin: 0;
}
.footer .top-footer .links .menu-col ul {
  padding-left: 25px;
  margin: 0;
}
.footer .top-footer .links .menu-col ul a {
  font-weight: 600;
  color: #707070;
  padding: 5px 0;
  display: block;
  font-size: 16px;
}
.footer .top-footer .links .menu-col ul a:hover {
  color: #027224;
}
@media only screen and (max-width: 1275px) {
  .footer .top-footer div.contact-details {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  .footer .top-footer div.contact-details .address, .footer .top-footer div.contact-details .contact {
    width: 50%;
  }
}
@media only screen and (max-width: 1275px) and (max-width: 600px) {
  .footer .top-footer div.contact-details .address, .footer .top-footer div.contact-details .contact {
    width: 100%;
  }
}
.footer .top-footer div.contact-details > div {
  display: inline-block;
}
.footer .top-footer div.contact-details .address {
  margin-right: 90px;
}
.footer .top-footer div.contact-details .address p {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #027224;
  font-weight: 600;
}
.footer .top-footer div.contact-details .address ul {
  margin: 0;
  padding: 0;
}
.footer .top-footer div.contact-details .contact ul {
  margin: 0;
  padding: 0;
}
.footer .top-footer div.contact-details .contact ul li {
  margin-bottom: 10px;
}
.footer .top-footer div.contact-details .contact a, .footer .top-footer div.contact-details .contact span {
  color: #027224;
}
.footer .top-footer div.contact-details .contact .social-links {
  margin-top: 25px;
}
.footer .top-footer div.contact-details .contact .social-links a {
  display: block;
}
.footer .top-footer div.contact-details .contact .social-links i {
  font-size: 26px;
  margin-right: 10px;
}
@media only screen and (max-width: 1230px) {
  .footer .top-footer .links, .footer .top-footer .contact-details {
    width: 100%;
  }
}
.footer .bottom-footer {
  align-items: center;
}
.footer .bottom-footer img {
  vertical-align: middle;
}
@media only screen and (max-width: 980px) {
  .footer .bottom-footer img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 980px) {
  .footer .bottom-footer .left {
    text-align: center;
  }
}
.footer .bottom-footer .left p {
  margin: 0;
  display: inline-block;
  font-size: 16px;
}
.footer .bottom-footer .left p span {
  margin: 0 5px;
}
.footer .bottom-footer .left img {
  margin-right: 40px;
  max-width: 173px;
}
@media only screen and (max-width: 980px) {
  .footer .bottom-footer .right {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
}
.footer .bottom-footer .right img {
  width: 60px;
}
.find-supplier-modal {
  background: #fff;
  padding: 100px;
  width: 880px;
  border-radius: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
  -moz-transform: translate(-50%, -45%);
  -ms-transform: translate(-50%, -45%);
  -o-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.find-supplier-modal.reveal {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.75s ease;
  -moz-transition: 0.75s ease;
  -ms-transition: 0.75s ease;
  -o-transition: 0.75s ease;
  transition: 0.75s ease;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.find-supplier-modal.success .intro {
  margin: 0;
}
.find-supplier-modal.success .intro h2, .find-supplier-modal.success .intro .supplier-no-postcode h3, .supplier-no-postcode .find-supplier-modal.success .intro h3 {
  font-size: 40px;
}
.find-supplier-modal #close {
  position: absolute;
  top: 0;
  right: 0;
  color: #DEDEDE;
  font-size: 35px;
  width: 90px;
  text-align: center;
  cursor: pointer;
  line-height: 80px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.find-supplier-modal #close:hover {
  color: #027224;
}
.find-supplier-modal .intro {
  margin-bottom: 40px;
}
.find-supplier-modal .intro h2, .find-supplier-modal .intro .supplier-no-postcode h3, .supplier-no-postcode .find-supplier-modal .intro h3 {
  margin-bottom: 20px;
}
.find-supplier-modal input {
  border-color: #027224;
}
.find-supplier-modal input.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}
.find-supplier-modal .t-right {
  margin-top: 20px;
  align-items: center;
}
.find-supplier-modal .t-right .message {
  width: calc(100% - 280px);
  user-select: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.find-supplier-modal .t-right .message.disabled {
  opacity: 0;
}
.find-supplier-modal .t-right .message p {
  margin: 0;
  font-family: "muli", sans-serif;
  color: #027224;
  font-weight: 900;
}
.find-supplier-modal .t-right .submit {
  width: 280px;
}
.find-supplier-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.find-supplier-modal-background.reveal {
  opacity: 1;
  visibility: visible;
}
.inner-conatiner .data-check p.terms {
  display: block;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  padding: 0 10px;
  color: #377c32;
}
.inner-conatiner .data-check span.wpcf7-list-item .wpcf7-list-item-label {
  display: block;
  position: static;
  padding-left: 60px;
  font-size: 14px;
  color: #377c32;
}
@media only screen and (max-width: 1100px) {
  .submit-wrap > .check {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1100px) {
  .submit-wrap .submit {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .submit-wrap .submit input[type="submit"] {
    width: 100%;
  }
}
.seasonal-opening-hours {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 15px 0;
  background: #027224;
}
.seasonal-opening-hours .container {
  text-align: center;
}
.seasonal-opening-hours p {
  margin: 0;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  margin-right: 15px;
}
#cookiePolicy {
  transition: 0.3s ease;
}
#cookiePolicy.hide {
  opacity: 0;
  visibility: hidden;
}
#cookiePolicy #closeCookie {
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 18px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  transform: translateY(-50%);
  background: #dcdcdc;
  cursor: pointer;
  transition: 0.3s ease;
}
#cookiePolicy #closeCookie:hover {
  background: #c9c5c5;
}
#cookiePolicy .cookie-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #eee;
  padding: 20px 70px 20px 30px;
}
#cookiePolicy .cookie-content p {
  margin: 0;
}
.page-template-page-product-group .product-boxes .box {
  width: 30%;
  margin-bottom: 4%;
  overflow: hidden;
}
@media only screen and (max-width: 1250px) {
  .page-template-page-product-group .product-boxes .box {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-product-group .product-boxes .box {
    width: calc(100% - 10px);
  }
}
.page-template-page-product-group .product-boxes .box .text {
  padding: 35px 20px;
}
.page-template-page-product-group .product-boxes .box .text p {
  margin-bottom: 15px;
}
.page-template-page-product-group .product-boxes .box .text .btn {
  margin-top: 30px;
}
.page-template-page-overview .product-boxes .btn {
  border-radius: 100px;
}
.page-template-page-overview .product-boxes .btn:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.page-template-page-product-group .product-boxes .btn:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.footer-split-block .btn.border-white {
  color: #fff;
  border-color: #fff;
  background: #377c32;
}
.posts-loop-wrap {
  padding-top: 50px;
}
.posts-loop {
  flex-wrap: wrap;
  padding-top: 50px;
}
.posts-loop img {
  max-height: 295px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1050px) {
  .posts-loop img {
    max-height: 250px;
  }
}
.posts-loop .post-block {
  width: calc(33% - 15px);
  border: 1px solid #afafaf;
  margin-bottom: 30px;
  padding-top: 295px;
}
@media only screen and (max-width: 1525px) {
  .posts-loop .post-block {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 1050px) {
  .posts-loop .post-block {
    width: 100%;
    padding-top: 250px;
  }
}
.posts-loop .post-block .image {
  overflow: hidden;
  height: 295px;
}
@media only screen and (max-width: 1050px) {
  .posts-loop .post-block .image {
    max-height: 250px;
  }
}
.posts-loop .post-block .image img {
  width: 100%;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.posts-loop .post-text {
  padding: 30px;
  min-height: 360px;
}
.posts-loop .post-text .btn {
  margin: 10px 0;
}
.posts-loop:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.latest-news-wrap .posts-loop {
  padding-top: 30px;
}
.latest-news-wrap .news-btn {
  padding-top: 30px;
  padding-bottom: 30px;
}
.post-block.video-card {
  padding-top: 0;
}
.post-block.video-card:hover .image::after {
  opacity: 0.5;
}
.post-block.video-card .image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-block.video-card .image::after {
  content: "";
  color: #027224;
  font-family: "Font Awesome 6 Pro";
  font-size: 80px;
  position: absolute;
  z-index: 1;
  transition: all 0.15s ease-in-out;
}
.post-block.video-card .post-text {
  min-height: auto;
}
.post-block.video-card .post-text h3 {
  margin-bottom: 0;
}
.categories-title {
  text-align: center;
}
.categories {
  justify-content: space-evenly;
}
@media only screen and (max-width: 650px) {
  .categories {
    display: none;
  }
}
.categories p {
  margin: 5px 10px;
}
@media only screen and (max-width: 600px) {
  .categories p {
    font-size: 14px;
  }
}
.categories p a {
  padding: 10px 22px;
}
.mobileCategories {
  display: none;
}
@media only screen and (max-width: 650px) {
  .mobileCategories {
    display: block;
  }
}
.mobileCategories #categories {
  display: block;
  position: relative;
}
.mobileCategories #categories:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 40%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mobileCategories #categories select {
  padding: 10px 20px;
}
.sidebar {
  border: 1px solid #afafaf;
  width: 400px;
  width: 30%;
  display: inline-table;
  font-size: 1em;
  color: #387c2b;
  font-weight: 600;
  text-transform: uppercase;
  border-top: 5px solid #387c2b;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-top: 50px;
}
.navigation {
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
#cookieTableContainer {
  overflow-x: scroll;
}
#cookieTable {
  border-collapse: collapse;
  margin: 10px 0 30px;
}
#cookieTable td, #cookieTable th {
  border: 1px solid #d5d2d2;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
#cookieTable tr td:nth-of-type(1), #cookieTable tr th:nth-of-type(1) {
  min-width: 125px;
}
#cookieTable tr td:nth-of-type(2), #cookieTable tr th:nth-of-type(2) {
  min-width: 200px;
}
#cookieTable tr td:nth-of-type(3), #cookieTable tr th:nth-of-type(3) {
  min-width: 80px;
}
#cookieTable tr td:nth-of-type(4), #cookieTable tr th:nth-of-type(4) {
  min-width: 300px;
}
.blog-footer {
  text-align: center;
}
.blog-footer .navigation {
  justify-content: center;
}
.nav-arrow.nav-left {
  margin-right: 20px;
}
.post-text p {
  padding-top: 10px;
  margin-bottom: 30px;
}
.posts-loop .post-text .btn {
  margin-top: 25px;
  position: absolute;
  right: 20px;
  bottom: 5px;
}
@media only screen and (max-width: 875px) {
  .posts-loop .post-text .btn {
    position: unset;
    width: 100%;
    text-align: center;
    right: unset;
    bottom: unset;
  }
}
.search-bar-container .search-bar {
  width: 40%;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 1605px) {
  .search-bar-container .search-bar {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1250px) {
  .search-bar-container .search-bar {
    width: 100%;
  }
}
.search-bar-container .search-bar #searchform {
  align-items: center;
  justify-content: unset;
}
.search-bar-container .search-bar #searchform input {
  display: inline-block;
}
@media only screen and (max-width: 580px) {
  .search-bar-container .search-bar #searchform input {
    width: 100%;
  }
}
.search-bar-container .search-bar #searchform input.btn {
  padding: 11px 30px;
}
.search-bar-container .search-bar #searchform .search-field {
  width: 75%;
  margin-right: 10px !important;
  padding: 10px 20px;
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 580px) {
  .search-bar-container .search-bar #searchform .search-field {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
}
.download-section .logo-item-container {
  margin-bottom: 40px;
}
.download-section .logo-item-container .logo-item {
  width: calc(25% - 10px);
  float: none;
  display: inline-block;
  background: #fff;
  padding: 15px 1%;
  border: 1px solid #cecece;
  margin-top: 20px;
}
@media only screen and (max-width: 1150px) {
  .download-section .logo-item-container .logo-item {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 600px) {
  .download-section .logo-item-container .logo-item {
    width: 100%;
  }
}
.download-section .logo-item-container .logo-item .logo-image {
  width: 100%;
}
.download-section .logo-item-container .logo-item .logo-image img {
  margin: 0 auto;
  display: block;
}
.download-section .logo-item-container .logo-item .logo-content {
  margin: 0 auto;
}
.download-section .logo-item-container .logo-item .logo-content h3 {
  color: #377c32;
  font-weight: 300;
  text-align: center;
  padding-top: 13px;
}
.download-section .logo-item-container .logo-item .logo-content .btn-container .btn {
  width: 100%;
  text-align: center;
}
.no-border {
  border: unset !important;
}
.social-buttons a {
  font-size: 40px;
}
.fa {
  color: grey;
}
.fa:hover {
  color: #387c2b;
}
.top-header .relative {
  padding-top: 15px;
}
.location-map {
  text-align: center;
}
.location-map .content {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1350px) {
  .location-map .content {
    max-width: 960px;
  }
}
.location-map .image {
  margin: auto;
}
@media only screen and (max-width: 1025px) {
  .location-map .image {
    width: 600px;
    height: 280px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .location-map .image {
    display: none;
  }
}
.location-map .image img {
  max-width: 100%;
  object-fit: contain;
}
.location-map .anchor {
  position: absolute;
}
.location-map .anchor:hover img {
  opacity: 0.9;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1350px) {
  .location-map .anchor img {
    width: 30px;
  }
}
@media only screen and (max-width: 1025px) {
  .location-map .anchor img {
    width: 25px;
  }
}
.location-map .anchor.anchor-1 {
  top: 124px;
  left: 587px;
}
@media only screen and (max-width: 1350px) {
  .location-map .anchor.anchor-1 {
    top: 101px;
    left: 475px;
  }
}
@media only screen and (max-width: 1025px) {
  .location-map .anchor.anchor-1 {
    top: 56px;
    left: 291px;
  }
}
.location-map .anchor.anchor-2 {
  top: 183px;
  right: 379px;
}
@media only screen and (max-width: 1350px) {
  .location-map .anchor.anchor-2 {
    top: 148px;
    right: 305px;
  }
}
@media only screen and (max-width: 1025px) {
  .location-map .anchor.anchor-2 {
    top: 86px;
    right: 187px;
  }
}
.location-map .anchor.anchor-3 {
  top: 100px;
  left: 618px;
}
@media only screen and (max-width: 1350px) {
  .location-map .anchor.anchor-3 {
    top: 80px;
    left: 496px;
  }
}
@media only screen and (max-width: 1025px) {
  .location-map .anchor.anchor-3 {
    top: 43px;
    left: 308px;
  }
}
.interactive-map .container {
  position: relative;
}
.interactive-map .pins {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.interactive-map .pins svg {
  width: 100%;
}
.interactive-map .pins svg > g {
  cursor: pointer;
  position: relative;
}
.interactive-map .pins svg > g:hover circle {
  fill: #a2ea9c;
}
.interactive-map .pins svg > g:hover path:first-of-type {
  fill: #62b95b;
}
.interactive-map .pins svg > g circle, .interactive-map .pins svg > g path {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.interactive-map .content-wrap .block {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 380px;
  padding: 30px 50px;
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-220px) translateX(-170px);
  -moz-transform: translateY(-220px) translateX(-170px);
  -ms-transform: translateY(-220px) translateX(-170px);
  -o-transform: translateY(-220px) translateX(-170px);
  transform: translateY(-220px) translateX(-170px);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.interactive-map .content-wrap .block.reveal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-260px) translateX(-170px);
  -moz-transform: translateY(-260px) translateX(-170px);
  -ms-transform: translateY(-260px) translateX(-170px);
  -o-transform: translateY(-260px) translateX(-170px);
  transform: translateY(-260px) translateX(-170px);
}
.interactive-map .content-wrap .block h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.interactive-map .content-wrap .block p {
  font-size: 16px;
  margin: 0;
}
.interactive-map .content-wrap .block img {
  display: block;
  margin: 10px auto;
  width: 75%;
}
.page-id-184 .repeater-content .row:first-child .slick-track .o-fit {
  object-position: left;
}
.top-text {
  margin-bottom: 20px;
}
.about-videos {
  padding-left: 20px;
  padding-right: 20px;
}
.about-videos .repeater-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-videos .repeater-container h2, .about-videos .repeater-container .supplier-no-postcode h3, .supplier-no-postcode .about-videos .repeater-container h3 {
  margin-bottom: unset;
}
.about-videos .repeater-container .box-wrap-container .box-wrap {
  width: 50%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1620px) {
  .about-videos .repeater-container .box-wrap-container .box-wrap {
    padding: 20px;
  }
}
.about-videos .repeater-container .box-wrap-container .box-wrap h3 {
  text-align: center;
}
.about-videos .repeater-container .box-wrap-container .box-wrap .video-container {
  margin: 0 auto;
  width: 800px;
  height: 408px;
}
@media only screen and (max-width: 440px) {
  .about-videos .repeater-container .box-wrap-container .box-wrap .video-container {
    height: 100%;
    width: 100%;
  }
}
.about-videos .repeater-container .box-wrap-container .box-wrap .video-container iframe {
  width: 100%;
  height: 100%;
}
.about-videos .repeater-container .box-wrap-container .box-wrap .image-container {
  margin: 0 auto;
  width: 725px;
  height: 450px;
}
@media only screen and (max-width: 900px) {
  .about-videos .repeater-container .box-wrap-container .box-wrap .image-container {
    height: 100%;
    width: 100%;
    padding: 30px;
  }
}
.about-videos .repeater-container .box-wrap-container .box-wrap .image-container img {
  width: 100%;
  height: auto;
}
.about-videos .repeater-container .box-wrap-container .box-wrap p {
  text-align: center;
  margin-bottom: 15px;
}
.about-videos .slick-next, .about-videos .slick-prev {
  position: absolute;
  bottom: 50%;
  color: #377c32;
  background-color: transparent;
  font-size: 32px;
  cursor: pointer;
  z-index: 10;
}
.about-videos .slick-next {
  right: -20px;
}
@media only screen and (max-width: 1620px) {
  .about-videos .slick-next {
    right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .about-videos .slick-next {
    right: 10px;
  }
}
.about-videos .slick-prev {
  left: -20px;
}
@media only screen and (max-width: 1620px) {
  .about-videos .slick-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .about-videos .slick-prev {
    left: 10px;
  }
}
.customer-app .box-wrap .std-text {
  font-size: 20px;
  padding: 0 30px;
}
.page-id-110 .fancybox-title-float-wrap .child {
  position: relative;
  bottom: -30px;
}
.slick-slide {
  outline: none;
}
.video-block .container h2, .video-block .container .supplier-no-postcode h3, .supplier-no-postcode .video-block .container h3 {
  text-align: center;
}
.video-block .container .video-repeater-container .video-item {
  width: 50%;
  height: 400px;
  margin-bottom: unset;
}
@media only screen and (max-width: 1000px) {
  .video-block .container .video-repeater-container .video-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .video-block .container .video-repeater-container .video-item {
    height: 100%;
  }
}
.video-block .container .video-repeater-container .video-item .iframeContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.video-block .container .video-repeater-container .video-item .iframeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.25s ease;
  z-index: 999;
}
.modal .modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
.modal .modal__inner {
  transition: top 0.25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 45%;
}
@media only screen and (max-width: 768px) {
  .modal .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}
.modal .modal__inner p {
  padding-top: 16px;
}
.modal .modal__inner .modal__close {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}
.modal .modal__inner .modal__close::after, .modal .modal__inner .modal__close::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
.modal .modal__inner .modal__close:hover::after, .modal .modal__inner .modal__close:hover::before {
  background: #aaa;
}
.modal .modal__inner .modal__close::before {
  transform: rotate(-45deg);
}
.modal-state {
  display: none;
}
.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}
.modal-state:checked + .modal .modal__inner {
  top: 0;
}
.topLevelLinks {
  text-align: right;
}
.topLevelLinks h3.accountInfo {
  margin-bottom: 20px;
}
.topLevelLinks .links {
  width: 100%;
}
.topLevelLinks .links a {
  font-size: 18px;
  margin-left: 10px;
}
@media only screen and (max-width: 1000px) {
  .customerLogin h1 {
    margin-top: 40px;
  }
}
.customerLogin .loginContainer.flex, .customerLogin .desk-menu ul.loginContainer, .desk-menu .customerLogin ul.loginContainer {
  align-items: flex-start;
}
.customerLogin .loginContainer.flex .half, .customerLogin .desk-menu ul.loginContainer .half, .desk-menu .customerLogin ul.loginContainer .half {
  padding: 20px 30px;
}
.customerLogin .loginContainer.flex .half:first-of-type, .customerLogin .desk-menu ul.loginContainer .half:first-of-type, .desk-menu .customerLogin ul.loginContainer .half:first-of-type {
  padding-right: 50px;
}
@media only screen and (max-width: 900px) {
  .customerLogin .loginContainer.flex .half:first-of-type, .customerLogin .desk-menu ul.loginContainer .half:first-of-type, .desk-menu .customerLogin ul.loginContainer .half:first-of-type {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 900px) {
  .customerLogin .loginContainer.flex .half, .customerLogin .desk-menu ul.loginContainer .half, .desk-menu .customerLogin ul.loginContainer .half {
    width: 100%;
  }
}
.customerLogin .loginContainer.flex .half form .loginformbox span, .customerLogin .desk-menu ul.loginContainer .half form .loginformbox span, .desk-menu .customerLogin ul.loginContainer .half form .loginformbox span {
  width: 100%;
}
.customerLogin .loginContainer.flex .half form .loginformbox span input, .customerLogin .desk-menu ul.loginContainer .half form .loginformbox span input, .desk-menu .customerLogin ul.loginContainer .half form .loginformbox span input {
  width: 100%;
}
.customerLogin .loginContainer.flex .half ul li, .customerLogin .desk-menu ul.loginContainer .half ul li, .desk-menu .customerLogin ul.loginContainer .half ul li {
  background: url("/wp-content/themes/CleanBuild/assets/background/dealershiplist-bg.png") 0 6px no-repeat;
  padding-left: 28px;
}
.customerLogin .loginContainer.flex .half:last-of-type, .customerLogin .desk-menu ul.loginContainer .half:last-of-type, .desk-menu .customerLogin ul.loginContainer .half:last-of-type {
  padding-left: 50px;
}
@media only screen and (max-width: 900px) {
  .customerLogin .loginContainer.flex .half:last-of-type, .customerLogin .desk-menu ul.loginContainer .half:last-of-type, .desk-menu .customerLogin ul.loginContainer .half:last-of-type {
    padding-left: 30px;
  }
}
.customerLogin .loginContainer.flex .half:last-of-type .btn, .customerLogin .desk-menu ul.loginContainer .half:last-of-type .btn, .desk-menu .customerLogin ul.loginContainer .half:last-of-type .btn {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.dashboardLinks .container-small a.links {
  border: solid 2px #44a83c;
  background: #fff;
  padding: 5px 20px;
  margin: 10px auto;
}
.dashboardLinks .container-small a.links.half {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 900px) {
  .dashboardLinks .container-small a.links.half {
    width: 100%;
  }
}
.dashboardLinks .container-small a.links.flex {
  align-items: center;
}
.dashboardLinks .container-small a.links h3 {
  margin-bottom: 0px;
}
.boxLinks .flex, .boxLinks .desk-menu ul, .desk-menu .boxLinks ul {
  justify-content: space-evenly;
  align-items: center;
}
.boxLinks .flex .box, .boxLinks .desk-menu ul .box, .desk-menu .boxLinks ul .box {
  width: calc(33% - 10px);
  padding: 10px;
}
@media only screen and (max-width: 900px) {
  .boxLinks .flex .box, .boxLinks .desk-menu ul .box, .desk-menu .boxLinks ul .box {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 600px) {
  .boxLinks .flex .box, .boxLinks .desk-menu ul .box, .desk-menu .boxLinks ul .box {
    width: 100%;
  }
}
.boxLinks .flex .box img, .boxLinks .desk-menu ul .box img, .desk-menu .boxLinks ul .box img {
  border: solid 1px grey;
  width: 100%;
}
.videoBlock .flex, .videoBlock .desk-menu ul, .desk-menu .videoBlock ul {
  justify-content: space-evenly;
  align-items: flex-start;
}
.videoBlock .flex .video, .videoBlock .desk-menu ul .video, .desk-menu .videoBlock ul .video {
  padding: 10px;
  width: 33%;
}
.videoBlock .flex .video .iframeContainer, .videoBlock .desk-menu ul .video .iframeContainer, .desk-menu .videoBlock ul .video .iframeContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.videoBlock .flex .video .iframeContainer iframe, .videoBlock .desk-menu ul .video .iframeContainer iframe, .desk-menu .videoBlock ul .video .iframeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.videoBlock .flex .video h3, .videoBlock .desk-menu ul .video h3, .desk-menu .videoBlock ul .video h3 {
  margin-top: 10px;
}
@media only screen and (max-width: 900px) {
  .videoBlock .flex .video, .videoBlock .desk-menu ul .video, .desk-menu .videoBlock ul .video {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .videoBlock .flex .video, .videoBlock .desk-menu ul .video, .desk-menu .videoBlock ul .video {
    width: 100%;
  }
}
.videoBlock .flex .video video, .videoBlock .desk-menu ul .video video, .desk-menu .videoBlock ul .video video {
  width: 100%;
  height: auto;
}
.customerArea.download-section .logo-item {
  margin-top: 10px;
}
.marketingtabs {
  background: transparent !important;
  border: 0px !important;
}
.marketingtabs ul.ui-tabs-nav {
  border-bottom: solid 4px #44a83c;
}
.marketingtabs ul.ui-tabs-nav li.ui-tab {
  border-color: #027224;
  border-width: 2px;
  color: #027224;
  font-weight: 900;
  cursor: pointer;
}
.marketingtabs ul.ui-tabs-nav li.ui-tab.ui-tabs-active {
  background: #027224;
  color: #ffffff;
}
.marketingtabs ul.ui-tabs-nav li.ui-tab a {
  background: unset;
  color: unset;
  border-radius: unset;
  font-size: 18px;
  text-transform: none;
}
.marketingtabs .ui-tabs-panel {
  padding: 30px 0 !important;
}
.marketingtabs .flex, .marketingtabs .desk-menu ul, .desk-menu .marketingtabs ul {
  justify-content: space-evenly;
}
.submitbox {
  text-align: right;
}
.submitbox input {
  margin-top: 20px;
}
.marketingtabs .ui-tabs-nav {
  width: 100%;
  float: left;
  text-align: center;
  background: transparent;
  border: 0px;
  margin-bottom: 30px;
}
.marketingtabs .ui-tabs-nav li {
  width: auto;
  display: inline-block;
  background: transparent;
  border: 0px;
  margin: 0px 15px;
}
.marketingtabs .ui-tabs-nav li a {
  width: 237px;
  display: inline-block;
  font-size: 0.9em;
  color: #a0a0a0;
  text-align: center;
  text-transform: uppercase;
  background: #e8e8e8;
  padding: 13px 0px 15px;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
}
.marketingtabs .ui-tabs-nav .ui-tabs-active {
  background: transparent;
}
.marketingtabs .ui-tabs-nav .ui-tabs-active a {
  color: #2c7bc6;
  background: #ffffff;
}
.marketingtabs .ui-tabs-panel {
  width: 100%;
  height: auto;
  float: left;
  background: transparent;
  padding: 0px;
  border: 0px;
}
.marketingorderbox {
  background: #ffffff;
  border: 2px solid #44a83c;
  text-align: center;
  padding: 10px;
  width: calc(25% - 10px);
  margin-bottom: 10px;
}
.marketingorderbox.inactive {
  visibility: hidden;
  height: 0;
}
@media only screen and (max-width: 900px) {
  .marketingorderbox {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 600px) {
  .marketingorderbox {
    width: 100%;
  }
}
.marketingorderbox a {
  width: 100%;
}
.marketingorderbox .image {
  width: 100%;
}
.marketingorderbox .image img {
  border-radius: 10px;
}
.marketingorderbox .fields {
  display: flex;
  align-items: center;
}
.marketingorderbox .fields input {
  max-width: 50px;
  padding: 10px;
  text-align: center;
}
.marketingorderbox .fields .price, .marketingorderbox .fields .quantity {
  width: calc(50% - 10px);
}
.marketingorderbox h1, .marketingorderbox h2, .marketingorderbox .supplier-no-postcode h3, .supplier-no-postcode .marketingorderbox h3, .marketingorderbox h3 {
  font-size: 0.9em;
  color: #5a5a5a;
  line-height: 1.4em;
  text-transform: uppercase;
  margin: 0px 5%;
}
.marketingorderbox h1 span, .marketingorderbox h2 span, .marketingorderbox .supplier-no-postcode h3 span, .supplier-no-postcode .marketingorderbox h3 span, .marketingorderbox h3 span {
  width: 100%;
  min-height: 45px;
  display: inline-block;
  color: #2c7bc6;
}
.slick-dots {
  text-transform: capitalize;
}
.slick-dots li:only-child {
  display: none !important;
}
.page-id-11302 .product-intro {
  display: none;
}
.page-id-11302 .repeater-content {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 900px) {
  .page-id-11302 .repeater-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .page-id-11302 .repeater-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 440px) {
  .page-id-11302 .repeater-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.page-template-page-landing header, .page-template-page-landing footer, .page-template-page-landing .header-space, .page-template-page-landing .footer-split-block {
  display: none;
}
.page-template-page-landing .robot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 20%;
  z-index: 1;
}
.page-template-page-landing .landing-intro-block {
  background: #027224;
  padding: 90px 0;
  border-bottom: 12px solid black;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block {
    text-align: center;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .landing-intro-block {
    padding: 50px 0;
  }
}
.page-template-page-landing .landing-intro-block p {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .landing-intro-block p {
    font-size: 16px;
  }
}
.page-template-page-landing .landing-intro-block .flex, .page-template-page-landing .landing-intro-block .desk-menu ul, .desk-menu .page-template-page-landing .landing-intro-block ul {
  flex-wrap: nowrap;
  align-items: center;
  margin: 25px 0;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block .flex, .page-template-page-landing .landing-intro-block .desk-menu ul, .desk-menu .page-template-page-landing .landing-intro-block ul {
    display: block;
    width: 500px;
    max-width: 100%;
    margin: 25px auto;
  }
}
.page-template-page-landing .landing-intro-block .flex p, .page-template-page-landing .landing-intro-block .desk-menu ul p, .desk-menu .page-template-page-landing .landing-intro-block ul p {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block .flex p, .page-template-page-landing .landing-intro-block .desk-menu ul p, .desk-menu .page-template-page-landing .landing-intro-block ul p {
    font-size: 32px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .landing-intro-block .flex p, .page-template-page-landing .landing-intro-block .desk-menu ul p, .desk-menu .page-template-page-landing .landing-intro-block ul p {
    font-size: 24px;
  }
}
.page-template-page-landing .landing-intro-block .flex p:first-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:first-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:first-of-type {
  font-size: 100px;
  padding-right: 30px;
  border-right: 5px solid #fff;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block .flex p:first-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:first-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:first-of-type {
    font-size: 70px;
    border-right: 0;
    border-bottom: 3px solid #fff;
    padding: 0;
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .landing-intro-block .flex p:first-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:first-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:first-of-type {
    font-size: 50px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .landing-intro-block .flex p:first-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:first-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:first-of-type {
    font-size: 32px;
    border-bottom: 1px solid #fff;
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
}
.page-template-page-landing .landing-intro-block .flex p:last-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:last-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:last-of-type {
  padding-left: 30px;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .landing-intro-block .flex p:last-of-type, .page-template-page-landing .landing-intro-block .desk-menu ul p:last-of-type, .desk-menu .page-template-page-landing .landing-intro-block ul p:last-of-type {
    padding: 0;
  }
}
.page-template-page-landing .tickets-graphic img {
  position: absolute;
  top: -150px;
  right: -110px;
  width: 550px;
}
.page-template-page-landing .supplier-contact {
  padding-bottom: 0 !important;
  padding-top: 50px;
}
.page-template-page-landing .supplier-contact .container-small {
  border-radius: 0;
}
.page-template-page-landing .supplier-contact .container-small .text {
  text-align: center;
}
.page-template-page-landing .supplier-contact .container-small .text h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 40px;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .supplier-contact .container-small .text h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .supplier-contact .container-small .text h3 {
    font-size: 24px;
  }
}
.page-template-page-landing .supplier-contact .container-small .text p {
  font-weight: 900;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .supplier-contact .container-small .text p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .supplier-contact .container-small .text p {
    font-size: 16px;
  }
}
.page-template-page-landing .tickets-strip {
  padding: 0 60px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .tickets-strip {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .tickets-strip {
    padding: 0 30px;
  }
}
.page-template-page-landing .tickets-strip .text {
  width: 600px;
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .tickets-strip .text {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.page-template-page-landing .tickets-strip .text p {
  font-size: 60px;
  color: #027224;
  font-weight: 900;
  line-height: 1;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .tickets-strip .text p {
    font-size: 45px;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .tickets-strip .text p {
    font-size: 34px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .tickets-strip .text p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .tickets-strip .image {
    width: 100%;
    text-align: center;
    margin-top: -60px;
  }
}
.page-template-page-landing .tickets-strip .image img {
  width: 500px;
  position: relative;
  top: -50px;
  transform: rotate(-8deg);
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .tickets-strip .image img {
    width: 400px;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-landing .tickets-strip .image img {
    position: static;
    margin: auto;
    transform: none;
  }
}
.page-template-page-landing .main-landing-content p {
  color: #212121;
  font-size: 22px;
  font-weight: 900;
}
@media only screen and (max-width: 1200px) {
  .page-template-page-landing .main-landing-content p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-landing .main-landing-content p {
    font-size: 16px;
  }
}
.page-template-page-landing .find-a-supplier {
  border-top: 10px solid black;
}
.page-template-page-landing .landing-features {
  padding: 50px 0;
}
@media only screen and (max-width: 1100px) {
  .page-template-page-landing .landing-features .flex, .page-template-page-landing .landing-features .desk-menu ul, .desk-menu .page-template-page-landing .landing-features ul {
    justify-content: center;
  }
}
.page-template-page-landing .landing-features .image {
  width: calc(20% - 70px);
  padding-bottom: 20%;
}
@media only screen and (max-width: 1100px) {
  .page-template-page-landing .landing-features .image {
    width: calc(33.333% - 40px);
  }
}
@media only screen and (max-width: 550px) {
  .page-template-page-landing .landing-features .image {
    width: 50%;
    padding-bottom: 50%;
    border: 10px solid #fff;
  }
}
.page-template-page-landing .landing-features .image img {
  object-fit: contain;
}
.meet-team-slider h3.std-text > a {
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
}
.meet-team-slider h3.std-text > a:hover {
  opacity: 0.7;
}
.single-careers .banner .slider {
  opacity: 0.5;
}
.single-careers .icon-block .container .icon-item .image {
  width: 150px;
}
.single-careers .job-specs {
  background: rgba(2, 114, 36, 0.1);
}
.single-careers .job-specs .date, .single-careers .job-specs .location, .single-careers .job-specs .type {
  width: calc(33.33% - 15px);
}
@media only screen and (max-width: 800px) {
  .single-careers .job-specs .date, .single-careers .job-specs .location, .single-careers .job-specs .type {
    width: 100%;
    margin: 15px auto;
  }
}
.single-careers .job-specs p {
  margin: 0;
  font-size: 18px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 800px) {
  .single-careers .job-specs p {
    justify-content: flex-start;
  }
}
.single-careers .job-specs p i {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 114, 36, 0.7);
  color: #FFF;
  width: 40px;
  height: 40px;
}
.single-careers .wpcf7 {
  margin-top: 50px;
  background: #027224;
  padding: 50px;
  border-radius: 40px;
}
.single-careers .wpcf7 p, .single-careers .wpcf7 h3, .single-careers .wpcf7 span, .single-careers .wpcf7 label {
  color: #FFF;
}
.single-careers .wpcf7 a {
  color: #eee;
}
.author-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media only screen and (max-width: 900px) {
  .author-content {
    flex-direction: column-reverse;
  }
}
.author-content .author-text {
  width: 60%;
}
@media only screen and (max-width: 900px) {
  .author-content .author-text {
    width: 100%;
  }
}
.author-content .author-image {
  width: 30%;
}
@media only screen and (max-width: 900px) {
  .author-content .author-image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
}
.author-content .author-image img {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .author-content .author-image img {
    width: 60%;
  }
}
@media only screen and (max-width: 650px) {
  .author-content .author-image img {
    width: 90%;
  }
}
.author-post {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 32px !important;
}
.reviews-strip {
  height: 80px;
  justify-content: center;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px -10px #bdbdbd;
  -moz-box-shadow: 0px 5px 10px -10px #bdbdbd;
  -ms-box-shadow: 0px 5px 10px -10px #bdbdbd;
  -o-box-shadow: 0px 5px 10px -10px #bdbdbd;
  box-shadow: 0px 5px 10px -10px #bdbdbd;
}
.reviews-strip .review {
  justify-content: center;
  align-items: center;
}
.reviews-strip .review p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
}
.reviews-strip .review p i {
  color: #FBBC08;
}
.reviews-strip .review p i:first-of-type {
  padding-left: 10px;
}
.reviews-strip .review p i:last-of-type {
  padding-right: 10px;
}
@media only screen and (max-width: 550px) {
  .reviews-strip .review p:first-of-type {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .reviews-strip .review p:last-of-type {
    display: none;
  }
}
.reviews-strip .review img {
  width: 60px;
  margin-left: 10px;
}
.page-template-page-home .banner .half a {
  margin-top: 20px;
}