/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.2rem;
}
/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

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

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
/* ---------------------------------------------------------------------------------------------------------- 
BUTTONS -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  background-color:var(--primary-dark);
  color:var(--white);
  border-radius: 30px;
  padding:15px 35px;
  transition:.5s all;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}
.button:hover { text-decoration:none;background-color:var(--primary-dark) }

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}


:root {
    --white : #ffffff;
    --black: #5F5E5E;
    --primary-dark: #15ba32;
    --primary-light: #24954d;
    --secondary-dark: #15ba32;
    --secondary-light: #24954d;
    --wp--style--global--content-size:  1200px;
    --light-grey: #eff8f4;
    --dark-grey: #d9d9d9;
    --step-one: #00B451;
    --step-two:#10BA5B;
    --step-three:#21C468;
    --step-four:#2FD075;
}

body 				{ 
	background:#fff;
	font-family: 'open sans', Sans-serif;
	font-size:16px;
	color:var(--black);
	line-height:1.8em;
	font-weight: 400;
  overflow-wrap: break-word;
	}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

.dnd-section .dnd-column { padding:0!important}

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

p,
pre { margin: .5em 0;}
img { border:none; padding:0; margin:0; max-width:100%;height:auto;}
a {text-decoration:none;border:0;color:var(--primary-dark);}
a:hover {text-decoration:underline;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
ul { padding-left:20px}
nav ul { padding:0; margin:0;}
nav a {display: block; padding:.25em;}

/* ---------------------------------------------------------------------------------------------------------- 
ALIGNMENT -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}
.alignnone { float:none;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
img.alignleft { margin: .4em 1em .4em 0;}
img.alignright { margin:.4em 0 .4em 1em;}
/* ---------------------------------------------------------------------------------------------------------- 
04  GRID -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.row:after { content: ""; display: table; clear: both; }

.grid_1 { width: 8.3333333%; } 
.grid_2 { width: 16.666666%; } 
.grid_3 { width: 24.999999%; } 
.grid_4 { width: 33.333332%; } 
.grid_5 { width: 41.666665%; }
.grid_6 { width: 50%; } 
.grid_7 { width: 58.333331%; } 
.grid_8 { width: 66.666664%; } 
.grid_9 { width: 74.999997%; } 
.grid_10 { width: 83.33333%; } 
.grid_11 { width: 91.666663%; } 
.grid_12 { width: 100%; }

[class*='grid_'] { float: left; display: block; min-height: 1px; }

/* Gutter grid */
[class*='g_grid_'] { margin: 0 2% 1% 0; }
[class*='g_grid_']:last-of-type { margin-right: 0; }

.g_grid_1 { width: 6.5%; } 
.g_grid_2 { width: 15%; } 
.g_grid_3 { width: 23.5%; } 
.g_grid_4 { width: 32%; } 
.g_grid_5 { width: 40.5%; }
.g_grid_6 { width: 49%; } 
.g_grid_7 { width: 57.5%; } 
.g_grid_8 { width: 66%; } 
.g_grid_9 { width: 74.5%; } 
.g_grid_10 { width: 83%; } 
.g_grid_11 { width: 91.5%; } 
.g_grid_12 { width: 100%; } 

/* Container */
.container { width: 90%; max-width: 1200px; margin:0 auto; }
.section { padding:80px 0 }

/* ---------------------------------------------------------------------------------------------------------- 
02 FONTS / TYPE -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { font-weight:800; line-height:1.1em; color:var(--primary-dark) }
h1 { font-size:2.8em; }
h2 { font-size:2em; }
h3 { font-size:1.6em; }
h4 { font-size:1.6em; margin:.5em 0 .5em 0; }
h5 { font-size:1.4em; margin:.5em 0 .5em 0; }
h6 { font-size:1.2em; margin:.5em 0 0em 0;}

code { background-color: #e8e8e8; color:#2f79ba; font-family:"Courier New", Courier, monospace; display: block; padding:1em; border:solid 1px #ccc; margin: .5em 0; }
blockquote { font-size:1.2em; font-style:italic; }


h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {margin-right: 10px}

.widget-type-rich_text h2,
.widget-type-rich_text h3,
.widget-type-rich_text h4,
.widget-type-rich_text h5,
.widget-type-rich_text h6 {margin-bottom:20px}

/* ---------------------------------------------------------------------------------------------------------- 
05  TABLES -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
table { width:100%;box-shadow: 12px 12px 12px #fafafa; }
table th { background:#fff; color:#222; padding:10px; border:0; }
table th:first-child { border-radius: 5px ; }
table td { padding:10px; border:solid 1px #e8e8e8;border-left: 0; border-right:0; }
table tr:nth-child(even) { background: #eef3fc }
table a { text-decoration: underline; }

/* ---------------------------------------------------------------------------------------------------------- 
03 FORMS -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
form { margin:1em 0;}
label { font-size: .86em; color:#666666; display: inline-block; padding:.5em 0 .25em 0;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"] {width:100%; padding:10px; background-color:var(--white); border:solid 1px var(--dark-blue); display: inline-block;border-radius:6px; margin-bottom: 10px }
input[type="submit"] { background-color:var(--light-blue); color:var(--white); display: inline-block; border:0; padding:10px 20px;font-weight: 700; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all; border-radius: 30px; width:100% }
input[type="submit"]:hover { text-decoration: none; background-color:var(--dark-blue); }
textarea {width:100%; padding:10px; background-color:var(--white); border:solid 1px var(--dark-blue); display: inline-block; border-radius: 6px; margin-bottom: 10px; min-height: 100px}
select {
  padding: 9px;
  border:solid 1px var(--dark-blue);
  border-radius: 6px;
  color:black
}
::placeholder {
  color: black!important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: black!important;
}
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea {color:black!important}
/* ---------------------------------------------------------------------------------------------------------- 
USEFUL -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0;margin-bottom: .5em}
.videoWrapper iframe { position: absolute;top: 0;left: 0; width: 100%;height: 100%;background:transparent;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:1em; margin:1em }
.rounded { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.lead { font-size: 1.2em; line-height: 1.4em }
.error {color:#f00;}

.has-white-color { color:#fff; }
.has-white-background-color { background-color: #fff }
.has-black-color { color: #222 }
.has-black-background-color { background-color: #222; color:#fff; }
.has-dark-primary-color { color: var(--primary-dark) }
.has-dark-primary-background-color { background-color: var(--primary-dark) }
.has-light-primary-color { color: var(--primary-light) }
.has-light-primary-background-color { background-color: var(--primary-light) }
.has-light-secondary-color { color: var(--secondary-light) }
.has-light-secondary-background-color { background-color: var(--secondary-light) }
.has-dark-secondary-color { color: var(--secondary-dark) }
.has-dark-secondary-background-color { background-color: var(--secondary-dark) }
.has-light-grey-color { color: var(--light-grey) }
.has-light-grey-background-color { background-color: var(--light-grey) }


.success.message { padding:10px; margin:10px 0; border: solid 1px #46ac49;color:#46ac49; text-align:center; }

.dnd_area-row-2-max-width-section-centering > .row-fluid {width:90%}
.button {text-decoration:none!important;}

.system-logo {DISPLAY:NONE!IMPORTANT}
/* ---------------------------------------------------------------------------------------------------------- 
HEADER --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.header-top {background:var(--primary-dark); color:var(--white);z-index:501}
.header-top .container {padding:15px 0}
.head-contact {}
.head-contact a {font-weight: 400; color:var(--white); font-size: 18px}
.header-top svg{ fill:var(--white); width:20px; height:20px; vertical-align: middle; margin-right: 5px}
.head-contact a:nth-child(2) svg { margin-left:15px }
.wrapper {  }
.header { width: 100%; z-index: 501;background:var(--white);border-bottom:solid 1px #e8e8e8 }
.menu-wrapper {padding:30px 0}
.mainLogo {color:white;border: 0; position: absolute;left: 0;text-indent: -9999px;width: 170px;display: block;height: 70px;background: url(https://139487018.fs1.hubspotusercontent-eu1.net/hubfs/139487018/raw_assets/public/Eco%20Theme/images/eco-colour.png) no-repeat center;background-size: contain;top: -10px;z-index:100}
.mainNav { text-align:right; padding: 0 200px 0  350px; font-weight: 500; }
.mainNav ul { margin-bottom:0}
.mainNav ul li { display: inline-block; }
.mainNav ul li a {color:var(--black); display: block;padding:5px 10px 5px 10px; border: 0;text-decoration:none; font-weight: 600}
.mainNav ul li.current-menu-item > a { color:var(--dark-blue); }
.mainNav ul ul { position: absolute; width:200px;text-align: left;padding-top: 10px;background:url(https://139487018.fs1.hubspotusercontent-eu1.net/hubfs/139487018/raw_assets/public/Eco%20Theme/images/arrow-right.svg) no-repeat 30px 0;transition:.5s opacity;background-size: 15px;left:-99999px; opacity: 0;}
.mainNav ul ul:after { content: '';width: 12px;height: 1px;background: #fff;position: absolute;left: 32px;top: 10px;}
.mainNav ul li:hover > ul,
.mainNav ul li:focus ul,
.mainNav ul li ul.show-menu { left:0; opacity:1 }
.mainNav ul ul li { display: block;border-left:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8; }
.mainNav ul ul li:first-child {border-top:solid 1px #e8e8e8; }
.mainNav ul ul li:last-child {border-bottom:solid 1px #e8e8e8; }
.mainNav ul ul li a { color:#222;padding:6px 10px;font-size: .86em; transition: .5s all;background:#fff; }
.mainNav ul ul li:hover a { background-color: #f6f6f6;text-decoration: none }

.head-book {position: absolute;right: 0;background: var(--primary-light);color: var(--white);z-index: 10;top: -8px;display: flex; align-items: center;padding:12px 30px; font-weight: 700; border-radius: 30px}

.menuToggle {position: absolute;right:0; top:15px;display: none; border: 0; height:25px; background:none; padding:0}
.menuToggle svg { fill:var(--black); }
.menuToggle:hover {background-color:transparent}
.closeMenu { position: absolute; top:40px; right:40px; cursor: pointer;display: none;z-index: 502; text-decoration: none; background:none; border:0; display: none}
.closeMenu svg { width: 20px; height:20px; fill:#e91b16 }

.header.fixed { background:var(--dark-green) }

.megamenu-wrap {display: none; transition:.3s all; position:absolute;top:158px; width:100%; left:0; z-index: 500; padding:20px 0 40px 0;}
.megamenu-wrap.active {  }

.menu-overlay { position:fixed;top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); z-index: 400; display: none}
.menu-overlay.active { display:block; }

.megamenu-cols { display:flex;flex-wrap:wrap; align-items:stretch; }
.megamenu-col { width:66%; display: flex;align-items:center;padding: 0 20px;}
.megamenu-oneCol {width:33%}
.megamenu-twoCol {width:66%}

.megamenu-title {background-repeat: no-repeat; background-position: left center; background-size: 30px;font-size: 1.3rem;margin-bottom: 20px;font-weight: bold;border-bottom: solid 2px var(--primary-light);padding-bottom: 10px; }

.megamenu-menu { padding-right:40px; }
.megamenu-col-item li { list-style-type:none;margin:0; padding:0;width:100% }
.megamenu-col-item li a {text-decoration: none;display: block; padding: 3px 0; font-weight: 400; font-size: .96rem;background-size: 20px; color:var(--black); font-weight: 600}
.megamenu-col-item li a:hover { background-position:100% center; }
.megamenu-col-item li a:visited {text-decoration: none;color:var(--black)}
.megamenu-menu-split { width:45%; margin-right:5% }

.megamenu-col-item li.has-mega-sub-menu {background: var(--white)}
.megamenu-col-item li.has-mega-sub-menu a {background: url(https://139487018.fs1.hubspotusercontent-eu1.net/hubfs/139487018/raw_assets/public/Eco%20Theme/images/arrow-right.svg) no-repeat right 10px center;background-size: 8px; padding-right: 30px}

.megamenu-col-item { display:flex; flex-wrap:wrap }
.megamenu-col-item-img {width: calc(50% - 20px);margin-right: 20px; background-repeat: no-repeat;background-position: center center; background-size: cover;border-radius: 6px}
.megamenu-col-item-content { display: flex;align-self: center;flex-wrap: wrap; }
.megamenu-col-item-content.hide {display: none}
.megamenu-col-item-content h2 { font-size:2.2rem; color:var(--black)}
.megamenu-col-item-content p { line-height:1.6rem }
.megamenu-col-item-content a {transition:.5s all;text-decoration:none; background: url(https://139487018.fs1.hubspotusercontent-eu1.net/hubfs/139487018/raw_assets/public/Eco%20Theme/images/arrow-right.svg) no-repeat right 10px center; background-size: 8px; display:inline-block; padding-right: 30px;font-family:'VAGroundedBold', Arial; font-weight:800;}
.megamenu-col-item-content a:hover {background-position:100% center; }

.megamenu-submenu {position: absolute;right:-150%; background:var(--white);width: 150%; top:0; display: none; z-index: 100}
.megamenu-submenu.active { display:block; padding:0 20px }

.menu-back {display: block;margin-top: 10px;color: var(--primary-dark);}
.parent-menu-back {display: block; margin-left: 5%;margin-top: 10px;color: var(--primary-dark);}
/* ---------------------------------------------------------------------------------------------------------- 
COVER IMAGE-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.cover-image {background-size: cover; background-position: center;color:var(--white)}
.cover-image .cover-overlay {background:rgba(0,0,0,0.5)}
.cover-image .container {display: flex; flex-wrap: wrap;align-items: center;align-content: center;}
.cover-image h1,
.cover-image h2 {width:100%; color:white; }
.cover-image p {width:100%; font-size: 1.2rem; }
.cover-image .container:not(.textcenter) h1,
.cover-image .container:not(.textcenter) h2 {padding-right:30%}
.cover-image  .container:not(.textcenter) p {padding-right:30%}
.button-wrap { margin-top:20px}
/* ---------------------------------------------------------------------------------------------------------- 
USP ICONS-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.usp-icons { display:flex;flex-wrap:wrap;align-items:stretch;margin-top:70px }
.usp-icon-item {width:48%; margin-right: 4%; margin-bottom: 1%;display:flex;flex-wrap:wrap;}
.usp-icon-item:nth-child(even) { margin-right:0 }
.usp-icon {width:80px; height:80px; border-radius: 50%;background-color: var(--primary-light);background-position:center;background-size:75%; background-repeat:no-repeat}
.usp-icon-item h3 {margin-bottom: .5rem}
.usp-icon-content {width:calc(100% - 80px); padding-left: 20px; line-height:1.6rem}
.usp-icon.usp-truck-icon { background-image:url(images/icons/truck.png); }
.usp-icon.usp-certified-icon { background-image:url(images/icons/certified.png); }
.usp-icon.usp-hire-icon { background-image:url(images/icons/terms.png); }
.usp-icon.usp-surprises-icon { background-image:url(images/icons/no-surprises.png); }
.usp-icon.usp-recycle-icon { background-image:url(images/icons/recycle.png); }
.usp-icon.usp-skip-icon { background-image:url(images/icons/skip.png); }

/* ---------------------------------------------------------------------------------------------------------- 
WASTE ICONS-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.waste-icons { display:flex;flex-wrap:wrap;align-items:stretch;margin-top:70px }
.waste-icon-item {width:23.5%; margin-right: 2%; margin-bottom: 1%;display:flex;flex-wrap:wrap;text-align: center;background:var(--white); padding:50px 20px}
.waste-icon-item:nth-child(4n + 4) { margin-right:0 }
.waste-icon {width:80px; height:80px; border-radius: 50%;background-color: var(--primary-dark);background-position:center;background-size:75%;background-repeat:no-repeat; margin: auto}
.waste-icon-item h3 {margin-top: 1rem;color:black; font-size:1.2rem }
.waste-icon-content {width:100%; line-height:1.6rem}
.waste-icon-smallprint { text-align:center;color:var(--black); margin-top:30px }

/* ---------------------------------------------------------------------------------------------------------- 
FEATURE ICONS-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.feature-icons { display:flex;flex-wrap:wrap;align-items:start;margin-top:40px }
.feature-icon-item {width:32%; margin-right: 2%; margin-bottom: 1%;display:flex;flex-wrap:wrap;text-align: center;background:var(--white); padding:20px 20px}
.feature-icon-item:nth-child(3n + 3) { margin-right:0 }
.feature-icon {width:80px; height:80px; border-radius: 50%;background-color: var(--secondary-light);background-position:center;background-size:90%; margin: auto; margin-bottom:10px}
.feature-icon-item h3 {margin-top: 1rem;font-size:1.6rem }
.feature-icon-content {width:100%; line-height:1.6rem}
.feature-icon-smallprint { text-align:center;color:var(--black); margin-top:30px }

/* ---------------------------------------------------------------------------------------------------------- 
SKIP PAGE -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.product-specs-item {background:var(--white); padding:40px; border:solid 1px #e8e8e8;margin-bottom: 30px}
.product-specs-item h3 { padding-right:120px }
.product-specs-item-content { display:flex;flex-wrap:wrap; }
.product-specs-image { width:25%; margin-top:30px }
.product-specs-item-table { width:70%; margin-left:5% }
.product-specs-item-table p { color:var(--primary-dark); font-weight:bold; margin-bottom:0 }
.product-specs-item-footer { margin-top:20px }
.product-specs-item-footer p { margin-top:10px; line-height:1.4rem }
.product-specs-item-footer .product-specs-item-footer-btn { text-align:right; }
.product-specs-bin-bags {color:white;width:80px; height: 80px; background: url(images/bin-bags.png) no-repeat center var(--primary-dark);background-size: 72%;border-radius: 50%; text-align: center;line-height: 15px;font-size: 14px;padding: 38px 0 0 0;position: absolute;right:20px; top:20px; z-index: 2; transform: rotate(5deg);}
.product-specs-bin-bags span { display:block;font-size:11px;  }
.product-specs-item-table table,
.product-specs-item-table table tr, 
.product-specs-item-table table td {text-align: center;color:var(--black)!important}

/* ---------------------------------------------------------------------------------------------------------- 
SERVICES-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.services-wrap {display:flex;flex-wrap:wrap;align-items:stretch;margin-top: 60px}
.service-item {width:23.5%; margin-right: 2%; background-size: cover; background-position: center;line-height: 1.3rem; color:var(--white);margin-bottom: 2%}
.service-item:nth-child(4n + 4) { margin-right:0 }
.service-item h3 {color:white}
.service-text {padding-bottom: 20px}
.service-overlay { background:rgba(0,0,0,0.5);padding:20px 30px;display:flex;flex-wrap:wrap;align-content: flex-end;min-height: 450px}

/* ---------------------------------------------------------------------------------------------------------- 
STEPPED SECTION-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.stepped-section {display: flex; flex-wrap: wrap;align-items: stretch;align-content: center;margin-top: 40px}
.step-section {color:var(--white); padding:30px; width:25%}
.step-section h3 {color:var(--white)}
.step-section p {line-height: 1.3rem}
.step-icon {width:60px; height:60px; background-color: var(--white); border-radius: 50%; margin-bottom: 20px;border: solid 1px var(--primary-light); background-size: 90%; background-position: center;}
.step-icon.step-skip-icon { background-image:url(images/icons/skip-black.png); }
.step-icon.step-quote-icon { background-image:url(images/icons/pound-black.png); }
.step-icon.step-truck-icon { background-image:url(images/icons/truck-black.png); }
.step-icon.step-recycle-icon { background-image:url(images/icons/recycle-black.png); }
.step-one {background-color: var(--step-one)}
.step-two {background-color: var(--step-two)}
.step-three {background-color: var(--step-three)}
.step-four {background-color: var(--step-four)}
.step-content { padding:20px; }
.step-two .step-content,
.step-three .step-content {padding:20px 0 20px 40px}
.step-four .step-content {padding:20px 20px 20px 40px}
.step-arrow {width:40px; height: 100%; right:-40px;top:0;z-index: 10; position: absolute;}
.step-arrow img {height:100%; width:100%}
.step-arrow-hor {position: absolute;width:100%; height:30px;left:0; bottom:-30px;z-index: 10; display: none}
.step-arrow-hor img {width: 100%; height: 100%}

/* ---------------------------------------------------------------------------------------------------------- 
MAP SECTION-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.map-section {min-height: 700px; margin:80px 0 0 0 }
.map-container {position: absolute;width:100%; height:100%; z-index: 1; top:0; left:0; overflow:hidden}
.map-container iframe {width:100%;border:0; height:calc(100% + 70px); margin-top:-70px}
.map-section .container { padding:80px 0 }
.map-content {z-index: 1; position: absolute;width:600px;right:50%; margin-right: -600px; top:100px;background:rgba(255,255,255,0.8);box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);}
.map-content-inner {padding: 50px;}
.map-content a { text-decoration:underline; }

/* ---------------------------------------------------------------------------------------------------------- 
TESTIMONIALS-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.testimonials-wrap {display: flex;flex-wrap: wrap;align-items: stretch;margin-top: 50px}
.testimonial-item {width:32%; margin-right: 2%;background:var(--white);box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);padding:30px 40px; line-height: 1.4rem}
.testimonial-item:nth-child(3n + 3) { margin-right:0 }
.testimonial-item svg {width:60px; height:60px; fill:var(--primary-dark)}
.testimonial-content {margin-top: 10px;font-weight: bold}
.testimonial-name {font-size: 12px;color:var(--dark-grey); margin-top:20px }

/* ---------------------------------------------------------------------------------------------------------- 
FAQs-------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.faq-wrapper { margin-top:40px }
.faq-item { border-bottom: solid 1px var(--dark-grey);}
.faq-item:hover h2 {color:var(--primary-dark);cursor: pointer;}
.faq-item:hover h2 span { color:var(--primary-light); }
.faq-item h2 { padding: 18px 40px 18px 0px; margin:0;font-size: 24px; font-weight: bold;color:var(--primary-dark) }
.faq-item h2 span { position: absolute;right:20px; font-weight: bold; color:var(--primary-light); font-size: 24px; top:20px; transform: rotate(90deg);transition: .5s all}
.faq-item h2.active span { transform:rotate(-90deg); }
.faq-answer { display: none; padding:0 0px 20px 0px; }

/* ---------------------------------------------------------------------------------------------------------- 
SKIP SIZES -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.skip-sizes-wrap {display: flex;flex-wrap: wrap;align-items: stretch;}
.skip-size-item {width:32%; margin-right: 2%; border:solid 1px #e8e8e8;padding:50px 30px; text-align: center;}
.skip-size-item:nth-child(3n + 3) {margin-right: 0}
.skip-size-item-inner {}
.skip-size-item-pre-title {font-weight: bold; color:var(--primary-dark); margin-bottom: 0; padding-bottom: 0}
.skip-size-item-inner h3 {color:var(--primary-light); margin-bottom: 10px; margin-top:0;padding-top:0;}
.skip-size-item-inner img {}
.skip-size-item-stats{text-align: left;}
.skip-size-item-stat {padding:5px 0; border-bottom: solid 1px #333;}
.skip-size-item-content {text-align: left; line-height:1.2rem; padding:15px 0 30px 0; font-size: 0.9rem}
.skip-size-item-inner .button { width:100%;  }

/* ---------------------------------------------------------------------------------------------------------- 
SKIP HIRE -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.skip-hires-wrap {display: flex;flex-wrap: wrap;align-items: stretch;}
.skip-hire-item {padding:50px 30px; text-align: center;}
.skip-hire-item-inner {}
.skip-hire-item-pre-title {font-weight: bold; color:var(--primary-dark); margin-bottom: 0; padding-bottom: 0}
.skip-hire-item-inner h3 {color:var(--primary-light); margin-bottom: 10px; margin-top:0;padding-top:0;}
.skip-hire-item-inner img {}
.skip-hire-item-stats{text-align: left;}
.skip-hire-item-stat {padding:5px 0; border-bottom: solid 1px #333;}
.skip-hire-item-content {text-align: left; line-height:1.2rem; padding:15px 0 30px 0; font-size: 0.9rem}
.skip-hire-item-inner .button { width:100%;  }

/* ---------------------------------------------------------------------------------------------------------- 
SIDE MAP -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.side-map {width:100%; height:500px;overflow:hidden}
.side-map iframe {position:absolute; width:100%; height:calc(100% + 80px); top:-80px; left:0;border:0}


/* ---------------------------------------------------------------------------------------------------------- 
Team --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.team-container {padding-top:2em;display: flex;flex-wrap: wrap;align-items: stretch;}
.team-member {float:left;width:50%;padding: 1em}
.team-member a { text-decoration: none;}
.team-member img { display: block;width:100%;opacity:.3;zoom: 1;filter: alpha(opacity=30);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.team-member.active img {opacity:1;filter: alpha(opacity=100);border:solid 2px var(--white);box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);}
.team-member h3 {margin:1em 0 .3em 0;color:#585555;font-size: 1.4em;}
.team-member h4 {font-size: .86em;margin:.2em 0 0 0; color:var(--secondary-dark);}
.team-wrapper { padding-top:60px }
#teamTop { padding: 0 0 40px 0; }
.team-member.showing h3,
.team-member.showing h4 { display:none }
.team-content {padding:20px 0;width:45%;float:right;display:none;margin-left: 5%}
.team-content.active { display:flex;flex-wrap:wrap;align-content:center;align-items:center; }
.team-content p,
.team-content div,
.team-content ul,
.team-content h1,
.team-content h2,
.team-content h3,
.team-content h4,
.team-content h5,
.team-content h6 { width:100% }
.team-content h3 { margin-bottom:0 }
.team-content h4 {font-size: 18px; padding: 10px 0 0 0;color: var(--secondary-dark)}
.team-content p:first-child {margin-top: 0;}
.team-excerpts {padding-bottom:1em;display:none; overflow: auto;flex-wrap: wrap;align-items: stretch;}
.team-excerpts.showing { display:flex; }
.hide {display: none;}

/* ---------------------------------------------------------------------------------------------------------- 
BLOG -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.blog-header { padding-top:60px}
.hs-blog-post__wrapper  { padding:60px 0}
.hs-blog-post {margin-bottom:40px}
.blog-header,
.content-wrapper,
.hs-blog-post__wrapper {max-width:var(--wp--style--global--content-size); width:90%; margin:auto}
.input input[type="text"],
.input input[type="email"],
textarea {border:solid 1px black}
.hs-form-field {margin-bottom:0}
form .hs-button {background:var(--primary-dark); color:white; padding:10px; margin-top:15px;border-radius:6px}
.hs-blog-post__tags-container {display:none!important}
.hs-blog-post .button { display:block}
.hs-blog-post__author-image-wrapper {display:none}
.hs-blog-post__author-link { margin-bottom:0!important}
/* ---------------------------------------------------------------------------------------------------------- 
TIMELINE -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.timeline-wrapper {padding:60px 0}
.timeline-title {padding-bottom: 30px}
.timeline-container {}
.timeline-item {display: flex; flex-wrap: wrap;align-content: center;padding:20px 0 }
.timeline-text { order:0;width:50%; padding:60px 7.5% }
.timeline-text:after { content:''; width:7.5%; height:1px; background:var(--black); right:0; top:50%; position:absolute; }
.timeline-text:before { content:''; width:10px; height:10px; background:var(--secondary-light); right:7.5%; top:calc(50% - 5px); position:absolute;border:solid 1px var(--black); border-radius:50%; order:0 }
.timeline-image { order:1; width:35%;margin: 0 7.5%; background-position: center;background-size: cover; min-height: 220px; border:solid 1px var(--black)}
.item-image-left.timeline-item .timeline-image {order:0;}
.item-image-left.timeline-item .timeline-text {order:1;}
.item-image-left .timeline-text:after {left:0;right:auto;  }
.item-image-left .timeline-text:before { left:7.5%;right:auto;  }
.timeline-center {position: absolute;width:1px; height:100%; left: 50%; top:0; background: var(--black)}
.timeline-footer { padding:40px 0 0 0; text-align:center; margin:auto; max-width:740px}
/* ---------------------------------------------------------------------------------------------------------- 
FOOTER--------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.footer { background-color:var(--primary-dark)!important; color:var(--white); padding:80px 0 }
.footer a { color:var(--white) }
.foot-menu {}
.foot-menu ul {list-style-type: none; padding:0; margin:0; text-align: right}
.foot-menu ul li {}
.foot-menu ul li a { text-decoration:none;  }
.social-media { margin-top:20px; text-align:right }
.social-media svg {fill:var(--white); width: 25px; height:25px; vertical-align: center}
.social-media a {text-align: center;display: inline-block;}
.foot-logo { width:160px }
.foot-contact { margin-top:30px;font-size:1.2em }
.footer .foot-contact a { color:var(--white) }
/* ---------------------------------------------------------------------------------------------------------- 
MEDIA QUERIES --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width :1250px) {

  .header-top span { display:none }
  .header-top svg { margin-right:0; width:25px;height:25px }
  .head-telephone {margin-right: 5px}
  .menuToggle { display: block; }
  .closeMenu { display:block }
  .header {  }
  .menu-wrapper { padding:20px 0 }
  .mainLogo {  position:relative;width:200px; height:55px; top:0 }
  .mainNav {padding: 60px 40px; position: fixed;top:0;right:-101%;width: 100%; height:100%;z-index: 99999;background: var(--white);margin-top: 0; float:none;text-align: left;vertical-align: middle;overflow: scroll;}
  .mainNav ul { width:100% }
  .mainNav ul li { display: block;padding-top: 10px}
  .mainNav ul li a { padding:6px 10px 4px 10px; font-size:.9rem;font-weight:600;border-bottom:dashed 1px var(--light-blue)}
  .mainNav ul li.has-mega-menu a { background-image:url(https://139487018.fs1.hubspotusercontent-eu1.net/hubfs/139487018/raw_assets/public/Eco%20Theme/images/arrow-right.svg); background-repeat:no-repeat;background-position:right center; background-size:8px }
  .mainNav ul li.menu-button { float:none; position:absolute;bottom:0; left:0; width:100% }
  .mainNav ul li.menu-button a { display:block; margin-left:0; border-radius:30px; margin-top:10px; border:0; padding-left: 40px}
  .mainNav ul li.current-menu-item > a { color:var(--dark-blue); }
  .mainNav ul ul li,
  .mainNav ul ul li:first-child,
  .mainNav ul ul li:last-child {border:0}
  .mainNav ul ul { left:0; opacity: 1; background: none; position: relative;padding:0 5%; margin:0; border:0;}
  .mainNav ul ul li { padding-top:0 }
  .mainNav ul ul li a { background: none; padding: 5px 15px;}
  .mainNav ul ul li:before { content:'\221F'; position:absolute;left:-2px;top:0;color:#ddd }
  .mainNav ul ul li:hover a { background: none; }
  #menu-main-menu {margin-left:0;}
  
  .mainNav ul ul:after { display:none }
  .menu-main-menu-container {display: flex;height: 100%;width: 100%;vertical-align: middle;}
  
  .megamenu-oneCol { display:none }
  .megamenu-oneCol { padding-right:0; width:100% }

  .megamenu-wrap {position:fixed;top: 0;width: 100%;left: 0;z-index: 502;padding: 100px 0 40px 0;height: 100vh}

  .megamenu-submenu.active {right: 0;background: white;min-height: 100%;position: fixed;min-height: 100vh; padding-top: 100px; margin:0}
  .megamenu-submenu { position:fixed;min-height:100vh; right:0; z-index:502;padding:50px 30px; margin-top:40px; width:100% }

  .head-book {position: relative;right: auto;top: auto;}

  .header.fixed .mainLogo { top:-5px }
  .header.fixed .menu-wrapper { padding:10px }
  .header.fixed .menuToggle { top:15px }

  .map-container {width:50%; }
  .map-section .container { padding:40px 0 }
  .map-content {width:50%;right:0; margin-right: 0; top:0px; height:100%;display: flex;flex-wrap: wrap;align-items: center;}
  
  .hs_cos_wrapper_type_rich_text {margin:auto; width:90%; display:block}


  .social-media { text-align: left;}
  .foot-menu { margin-top:20px }
  .foot-menu ul { text-align:center}
  .social-media { margin-top:30px; text-align:center; }
  .foot-contact { font-size:1rem }


}

@media screen and (max-width: 1100px) {

  .service-item {width:49%;}
  .service-item:nth-child(even) { margin-right:0 }

}

@media screen and (max-width: 1000px) {

  h1 { font-size:2.4em; }
  h2 { font-size:1.8em; }
  h3 { font-size:1.6em; }
  h4 { font-size:1.4em;  }
  h5 { font-size:1.2em; }
  h6 { font-size:1em;}

  .step-section {width:50%}
  .step-two .step-arrow { display:none; }

}

@media screen and (max-width: 900px) {

  .product-specs-image { width:30% }
  .product-specs-item-table { width:65%; }

  .product-specs-item-footer .g_grid_4,
  .product-specs-item-footer .g_grid_8 { width:100% }
  .product-specs-item-footer .product-specs-item-footer-btn { text-align:center; }
  .product-specs-item-footer p { text-align:center; }

}

@media screen and (max-width: 767px) {
  
  .cover-image .container:not(.textcenter) h1,
  .cover-image .container:not(.textcenter) h2 {padding-right:0}
  .cover-image .container:not(.textcenter) p {padding-right:0}

  .map-container {width:100%;position:relative;height:350px }
  .map-section .container { padding:40px 0 }
  .map-content {width:100%;right:auto;top:auto; height:auto;position: relative;}
  .map-content-inner { width:90%; margin:auto; padding:40px 0 }
  
  .waste-icon-item {width:49%;margin-bottom:2% }
  .waste-icon-item:nth-child(even) { margin-right:0; }
  
  .skip-size-item {width:100%; margin-right: 0;margin-bottom:2% }
  
  .hs_cos_wrapper_type_linked_image {display:block; max-width:90%;margin:20px 5%}
  .dnd_area-row-2-max-width-section-centering .row-fluid .hs_cos_wrapper_type_rich_text {width:100%}{}


}

@media screen and (max-width: 700px) {

  .product-specs-item { padding:40px 20px }
  .product-specs-image { width:100% }
  .product-specs-item h3 { padding-right:100px }
  .product-specs-item-table { width:100%;margin-left:0 }
  .product-specs-bin-bags {width:80px; height: 80px; font-size: 14px;padding-top: 35px; background-size: 75%}
  .product-specs-item-table table tr,
  .product-specs-item-table table td { display:block; }
  .product-specs-item-footer { margin-top:0px }
  
  .testimonial-item {width:100%; margin-right: 0;margin-bottom:20px}

}


@media screen and (max-width :680px) {
	
	[class*='grid_']:not(.fixgrid)  { width:100%; margin-right:0; }

  h1 { font-size:2em; }
  h2 { font-size:1.6em; }
  h3 { font-size:1.4em; }
  h4 { font-size:1.2em;  }
  h5 { font-size:1em; }

  .header-top .container {padding:10px 0}
  .mainLogo { width:140px }
 

  .cover-image { text-align:center; }
  .cover-image .button {width:100%}

  .usp-icon { width:60px;height:60px }
  .usp-icon-content { width:calc(100% - 60px) }
  .usp-icon-item {width:100%; margin-right: 0;}

  .service-item {width:100%;margin-right: 0}

  .step-section {width:100%}
  .step-arrow { display:none }
  .step-arrow-hor {display: block;}
  .step-two .step-content,
  .step-three .step-content,
  .step-four .step-content {padding:20px}
  
  .waste-icon-item {width:100%;margin-right:0 }
  
  .team-member {width:100%;margin-bottom: 1em; padding-left: 0; padding-right: 0}
  .team-content {width:100%;margin:0; padding:0;}
  
  .button {margin-bottom:10px}
  
  .timeline-center {left: 20px }
	.timeline-image { width:100%;margin:0 0 20px 0; order:0 }
	.timeline-text { width:100%; padding:20px 40px 20px 80px; order:1 }
	.timeline-text:after { width:20px; left:20px; right:auto;  }
  .timeline-text:before { right:auto; left:40px }
  .item-image-left .timeline-text:after {left:20px;  }
	.item-image-left .timeline-text:before { left:40px;  }
  
  .footer { text-align:center; }
   .foot-logo { display:block;margin:auto; width:160px }


}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel .owl-dots { text-align: center; }
.owl-carousel .owl-dot{background: var(--white)!important;width: 15px;height: 15px;border-radius: 50%; border: solid 1px var(--primary-dark)!important;margin: 3px}
.owl-carousel .owl-dot.active { background:var(--primary-dark)!important;  }
.owl-nav { position: absolute;top:45%; font-size: 80px; width: 100%}
.owl-carousel .owl-nav button.owl-next { float:right; }
.owl-carousel .owl-nav button:hover { color:var(--primary-light) }